diff --git a/packages/eds-core-react/src/components/Accordion/Accordion.docs.mdx b/packages/eds-core-react/src/components/Accordion/Accordion.docs.mdx
index 5211d35092..89685f8875 100644
--- a/packages/eds-core-react/src/components/Accordion/Accordion.docs.mdx
+++ b/packages/eds-core-react/src/components/Accordion/Accordion.docs.mdx
@@ -62,8 +62,9 @@ import { Accordion } from '@equinor/eds-core-react'
-### Compact
+
+
diff --git a/packages/eds-core-react/src/components/Accordion/Accordion.stories.tsx b/packages/eds-core-react/src/components/Accordion/Accordion.stories.tsx
index e39d44feb6..7fdc94f71f 100644
--- a/packages/eds-core-react/src/components/Accordion/Accordion.stories.tsx
+++ b/packages/eds-core-react/src/components/Accordion/Accordion.stories.tsx
@@ -216,7 +216,7 @@ export const Header: Story = () => {
)
}
-export const Compact: Story = () => {
+/* export const Compact: Story = () => {
const [density, setDensity] = useState('comfortable')
useEffect(() => {
@@ -244,4 +244,4 @@ export const Compact: Story = () => {
>
)
-}
+} */
diff --git a/packages/eds-core-react/src/components/Banner/Banner.docs.mdx b/packages/eds-core-react/src/components/Banner/Banner.docs.mdx
index 307903d148..e40f9495cd 100644
--- a/packages/eds-core-react/src/components/Banner/Banner.docs.mdx
+++ b/packages/eds-core-react/src/components/Banner/Banner.docs.mdx
@@ -64,8 +64,9 @@ Banners can supplement their message using a supporting icon.
-### Compact
+
+
diff --git a/packages/eds-core-react/src/components/Banner/Banner.stories.tsx b/packages/eds-core-react/src/components/Banner/Banner.stories.tsx
index 415bcb7d86..f22a466e7e 100644
--- a/packages/eds-core-react/src/components/Banner/Banner.stories.tsx
+++ b/packages/eds-core-react/src/components/Banner/Banner.stories.tsx
@@ -135,7 +135,7 @@ export const TextAndIconAndAction: Story = () => (
)
TextAndIconAndAction.storyName = 'Text and icon and actions'
-export const Compact: Story = () => {
+/* export const Compact: Story = () => {
const [density, setDensity] = useState('comfortable')
useEffect(() => {
@@ -174,4 +174,4 @@ export const Compact: Story = () => {
)
-}
+} */
diff --git a/packages/eds-core-react/src/components/Dialog/Dialog.docs.mdx b/packages/eds-core-react/src/components/Dialog/Dialog.docs.mdx
index 10cc713a72..00c680b806 100644
--- a/packages/eds-core-react/src/components/Dialog/Dialog.docs.mdx
+++ b/packages/eds-core-react/src/components/Dialog/Dialog.docs.mdx
@@ -106,8 +106,9 @@ Title is optional.
-### Compact
+
+
diff --git a/packages/eds-core-react/src/components/Dialog/Dialog.stories.tsx b/packages/eds-core-react/src/components/Dialog/Dialog.stories.tsx
index eee24afa62..f8389afb28 100644
--- a/packages/eds-core-react/src/components/Dialog/Dialog.stories.tsx
+++ b/packages/eds-core-react/src/components/Dialog/Dialog.stories.tsx
@@ -303,7 +303,7 @@ export const NoTitle: Story = () => {
}
NoTitle.storyName = 'No title'
-export const Compact: Story = () => {
+/* export const Compact: Story = () => {
const [isOpen, setIsOpen] = useState(false)
const [density, setDensity] = useState('comfortable')
const handleOpen = () => {
@@ -341,4 +341,4 @@ export const Compact: Story = () => {
)
-}
+} */
diff --git a/packages/eds-core-react/src/components/Popover/Popover.docs.mdx b/packages/eds-core-react/src/components/Popover/Popover.docs.mdx
index 27406be1ad..3e71901418 100644
--- a/packages/eds-core-react/src/components/Popover/Popover.docs.mdx
+++ b/packages/eds-core-react/src/components/Popover/Popover.docs.mdx
@@ -123,11 +123,12 @@ To prevent dismissing `Popover` with click outside or escape key, simply leave o
-### Compact
+
+
### App launcher
@@ -140,4 +141,4 @@ Provides navigation for applications related to the application the user is curr
Note that if the label is longer than the maximum width, it will be truncated and should have a tooltip provided.
-
\ No newline at end of file
+
diff --git a/packages/eds-core-react/src/components/Popover/Popover.stories.tsx b/packages/eds-core-react/src/components/Popover/Popover.stories.tsx
index 24ac140948..676e35b8b9 100644
--- a/packages/eds-core-react/src/components/Popover/Popover.stories.tsx
+++ b/packages/eds-core-react/src/components/Popover/Popover.stories.tsx
@@ -314,7 +314,7 @@ export const PersistentPopover: Story = () => {
}
PersistentPopover.storyName = 'Persistent popover'
-export const Compact: Story = () => {
+/* export const Compact: Story = () => {
const [isOpen, setIsOpen] = useState(false)
const anchorRef = useRef(null)
@@ -355,7 +355,7 @@ export const Compact: Story = () => {
)
-}
+} */
export const AppLauncher: Story = () => {
const Wrapper = styled.div`
diff --git a/packages/eds-core-react/src/components/Snackbar/Snackbar.docs.mdx b/packages/eds-core-react/src/components/Snackbar/Snackbar.docs.mdx
index 156825f1d4..57443fdc48 100644
--- a/packages/eds-core-react/src/components/Snackbar/Snackbar.docs.mdx
+++ b/packages/eds-core-react/src/components/Snackbar/Snackbar.docs.mdx
@@ -49,11 +49,3 @@ import { Snackbar } from '@equinor/eds-core-react'
A snackbar can contain a single action, a single text button that lets users take action on a process performed by the app.
-
-### Compact
-
-Compact `Snackbar` using `EdsProvider`
-
-
-
-
diff --git a/packages/eds-core-react/src/components/Snackbar/Snackbar.stories.tsx b/packages/eds-core-react/src/components/Snackbar/Snackbar.stories.tsx
index 31be7fbe6e..90943c9188 100644
--- a/packages/eds-core-react/src/components/Snackbar/Snackbar.stories.tsx
+++ b/packages/eds-core-react/src/components/Snackbar/Snackbar.stories.tsx
@@ -78,28 +78,3 @@ export const WithAction: Story = () => {
)
}
WithAction.storyName = 'With action'
-
-export const Compact: Story = () => {
- const [open, setOpen] = useState(false)
- const [density, setDensity] = useState('comfortable')
-
- useEffect(() => {
- // Simulate user change
- setDensity('compact')
- }, [density])
-
- return (
-
-
- setOpen(false)}
- autoHideDuration={5000}
- >
- Message goes here
-
-
- )
-}
diff --git a/packages/eds-core-react/src/components/TableOfContents/TableOfContents.docs.mdx b/packages/eds-core-react/src/components/TableOfContents/TableOfContents.docs.mdx
index 090da6f83a..8d56ec4db4 100644
--- a/packages/eds-core-react/src/components/TableOfContents/TableOfContents.docs.mdx
+++ b/packages/eds-core-react/src/components/TableOfContents/TableOfContents.docs.mdx
@@ -89,8 +89,9 @@ const Demo = () => {
## Examples
-### Compact
+
+
diff --git a/packages/eds-core-react/src/components/TableOfContents/TableOfContents.stories.tsx b/packages/eds-core-react/src/components/TableOfContents/TableOfContents.stories.tsx
index f043ec311c..dcbe46a6c2 100644
--- a/packages/eds-core-react/src/components/TableOfContents/TableOfContents.stories.tsx
+++ b/packages/eds-core-react/src/components/TableOfContents/TableOfContents.stories.tsx
@@ -195,7 +195,7 @@ export const Introduction: Story = (args) => {
)
}
-export const Compact: Story = () => {
+/* export const Compact: Story = () => {
const [density, setDensity] = useState('comfortable')
useEffect(() => {
@@ -358,4 +358,4 @@ export const Compact: Story = () => {
)
-}
+} */
diff --git a/packages/eds-core-react/src/components/Tabs/Tabs.docs.mdx b/packages/eds-core-react/src/components/Tabs/Tabs.docs.mdx
index 554c46ed39..eadb7c0a9f 100644
--- a/packages/eds-core-react/src/components/Tabs/Tabs.docs.mdx
+++ b/packages/eds-core-react/src/components/Tabs/Tabs.docs.mdx
@@ -124,8 +124,9 @@ The scrollbar styles for `Tabs.List` can be overwritten.
-### Compact
+
+
diff --git a/packages/eds-core-react/src/components/Tabs/Tabs.stories.tsx b/packages/eds-core-react/src/components/Tabs/Tabs.stories.tsx
index 192bd3b429..af17fa8f06 100644
--- a/packages/eds-core-react/src/components/Tabs/Tabs.stories.tsx
+++ b/packages/eds-core-react/src/components/Tabs/Tabs.stories.tsx
@@ -502,7 +502,7 @@ export const OverflowScrollStyled: Story = () => {
}
OverflowScrollStyled.storyName = 'Overflow with customized scrollbar'
-export const Compact: Story = () => {
+/* export const Compact: Story = () => {
const focusedRef = useRef(null)
const [density, setDensity] = useState('comfortable')
@@ -534,4 +534,4 @@ Compact.decorators = [
)
},
-]
+] */
diff --git a/packages/eds-core-react/src/components/TopBar/TopBar.docs.mdx b/packages/eds-core-react/src/components/TopBar/TopBar.docs.mdx
index f3d1e1c532..eb5292e779 100644
--- a/packages/eds-core-react/src/components/TopBar/TopBar.docs.mdx
+++ b/packages/eds-core-react/src/components/TopBar/TopBar.docs.mdx
@@ -42,8 +42,9 @@ The actions on the far-right are standard.
-### Compact
+
+
diff --git a/packages/eds-core-react/src/components/TopBar/TopBar.stories.tsx b/packages/eds-core-react/src/components/TopBar/TopBar.stories.tsx
index 6b47676bdc..cc7b91f51f 100644
--- a/packages/eds-core-react/src/components/TopBar/TopBar.stories.tsx
+++ b/packages/eds-core-react/src/components/TopBar/TopBar.stories.tsx
@@ -118,7 +118,7 @@ export const WithSearchAndIcons: Story = (): JSX.Element => {
}
WithSearchAndIcons.storyName = 'With search and icons'
-export const Compact: Story = (): JSX.Element => {
+/* export const Compact: Story = (): JSX.Element => {
const Icons = styled.div`
display: flex;
align-items: center;
@@ -159,4 +159,4 @@ export const Compact: Story = (): JSX.Element => {
)
-}
+} */