@equinor/amplify-component-lib 8.12.1 → 8.14.0

package/dist/molecules/Select/Select.styles.js

@@ -1,56 +1,60 @@
-import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";export{Button}from"@equinor/eds-core-react";import{VARIANT_HELPER_COLORS as a,colors as i,VARIANT_COLORS as o}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{Chip as s}from"../Chip/Chip.js";import l,{css as d}from"styled-components";const c=l.div`
+import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";export{Button}from"@equinor/eds-core-react";import{animation as a}from"../../atoms/style/animation.js";import{VARIANT_HELPER_COLORS as i,colors as o,VARIANT_COLORS as n}from"../../atoms/style/colors.js";import{spacings as s}from"../../atoms/style/spacings.js";import{Chip as l}from"../Chip/Chip.js";import d,{css as c}from"styled-components";const p=d.div`
   display: flex;
   flex-direction: column;
-  gap: ${n.small};
-`,p=l.span`
+  gap: ${s.small};
+`,g=d.span`
   display: flex;
-  gap: ${n.small};
+  gap: ${s.small};
   align-items: center;
-  margin-left: ${n.small};
-  width: calc(100% - ${n.small});
+  margin-left: ${s.small};
+  width: calc(100% - ${s.small});
   > label {
     margin: 0;
   }
-  ${({$variant:t})=>t?d`
+  ${({$variant:t})=>t?c`
       > label {
-        color: ${a[t]};
+        color: ${i[t]};
       }
       > svg {
         flex-shrink: 0;
-        fill: ${a[t]};
+        fill: ${i[t]};
       }
     `:""}
-`,g=l.div`
+`,b=d.div`
   position: relative;
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: center;
   padding: 6px 8px;
+  transition:
+    background ${a.transitionMS},
+    box-shadow ${a.transitionMS};
   &:hover:not(:has(input:disabled)) {
     cursor: pointer;
+    background: ${o.ui.background__light_medium.rgba};
   }
 
-  ${({$variant:t})=>t?"dirty"===t?d`
-        box-shadow: inset 0 -2px 0 0 ${o[t]};
+  ${({$variant:t})=>t?"dirty"===t?c`
+        box-shadow: inset 0 -2px 0 0 ${n[t]};
         &:hover {
-          box-shadow: inset 0 -2px 0 0 ${o[t]};
+          box-shadow: inset 0 -2px 0 0 ${n[t]};
         }
-      `:d`
-      outline: 1px solid ${o[t]};
+      `:c`
+      outline: 1px solid ${n[t]};
       &:hover {
-        box-shadow: inset 0 -1px 0 0 ${o[t]};
+        box-shadow: inset 0 -1px 0 0 ${n[t]};
       }
-    `:d`
-        box-shadow: inset 0 -1px 0 0 ${i.text.static_icons__tertiary.rgba};
+    `:c`
+        box-shadow: inset 0 -1px 0 0 ${o.text.static_icons__tertiary.rgba};
         &:hover {
-          box-shadow: inset 0 -2px 0 0 ${i.text.static_icons__tertiary.rgba};
+          box-shadow: inset 0 -2px 0 0 ${o.text.static_icons__tertiary.rgba};
         }
       `}
 
-  ${({$lightBackground:t})=>t?`background-color: ${i.ui.background__default.rgba}`:`background-color: ${i.ui.background__light.rgba}`};
+  ${({$lightBackground:t})=>t?`background-color: ${o.ui.background__default.rgba}`:`background-color: ${o.ui.background__light.rgba}`};
 
   &[aria-expanded='true'] {
-    box-shadow: inset 0 -2px 0 0 ${i.interactive.primary__resting.rgba};
+    box-shadow: inset 0 -2px 0 0 ${o.interactive.primary__resting.rgba};
   }
   &:has(input:disabled) {
     outline: none;
@@ -63,7 +67,7 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
   > svg:not([role='progressbar']) {
     cursor: pointer;
     &:hover {
-      background: ${i.interactive.primary__hover_alt.rgba};
+      background: ${o.interactive.primary__hover_alt.rgba};
       border-radius: 50%;
     }
   }
@@ -73,13 +77,13 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
     box-shadow: none;
     > svg:not([role='progressbar']) {
       cursor: not-allowed;
-      fill: ${i.interactive.disabled__text.rgba};
+      fill: ${o.interactive.disabled__text.rgba};
       &:hover {
         background: transparent;
       }
     }
     > label {
-      color: ${i.interactive.disabled__text.rgba};
+      color: ${o.interactive.disabled__text.rgba};
     }
   }
 
@@ -88,11 +92,11 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
       width: calc(100% - 24px);
     }
   }
-`,b=l.section`
+`,u=d.section`
   position: relative;
   display: flex;
   flex-wrap: wrap;
-  gap: ${n.x_small};
+  gap: ${s.x_small};
   min-height: 24px;
   input[type='search'] {
     background: transparent;
@@ -100,7 +104,7 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
     flex-grow: 1;
     padding: 0;
     font-family: 'Equinor', sans-serif;
-    color: ${i.text.static_icons__default.rgba};
+    color: ${o.text.static_icons__default.rgba};
     outline: none;
     border: none;
   }
@@ -115,14 +119,14 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
   }
   &:has(input:disabled) {
     > p {
-      color: ${i.interactive.disabled__text.rgba};
+      color: ${o.interactive.disabled__text.rgba};
     }
     > .amplify-combo-box-chip {
       cursor: not-allowed;
-      background: ${i.interactive.disabled__fill.rgba};
-      color: ${i.interactive.disabled__text.rgba};
+      background: ${o.interactive.disabled__fill.rgba};
+      color: ${o.interactive.disabled__text.rgba};
       > svg {
-        fill: ${i.interactive.disabled__text.rgba};
+        fill: ${o.interactive.disabled__text.rgba};
         &:hover {
           cursor: not-allowed;
           background: none;
@@ -130,7 +134,7 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
       }
     }
   }
-`,h=l(t)`
+`,h=d(t)`
   position: absolute;
   top: 50%;
   transform: translate(0, -50%);
@@ -138,16 +142,16 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
   width: 24px;
   height: 24px;
   svg {
-    fill: ${i.text.static_icons__secondary.rgba};
+    fill: ${o.text.static_icons__secondary.rgba};
   }
   &:after {
     width: 24px;
     height: 24px;
     left: 0;
   }
-`,u=l(s)`
-  background: ${({$tryingToRemove:t,$lightBackground:e})=>t?i.interactive.primary__hover_alt.rgba:e?i.ui.background__light.rgba:i.ui.background__default.rgba} !important;
-`,x=l(e.Item)`
+`,m=d(l)`
+  background: ${({$tryingToRemove:t,$lightBackground:e})=>t?o.interactive.primary__hover_alt.rgba:e?o.ui.background__light.rgba:o.ui.background__default.rgba} !important;
+`,x=d(e.Item)`
   flex-grow: 1;
   border-radius: 2px;
   ${({$paddedLeft:t})=>t&&"margin-left: 36px"};
@@ -159,32 +163,32 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
   }
 
   &:hover {
-    background: ${i.interactive.primary__hover_alt.rgba};
+    background: ${o.interactive.primary__hover_alt.rgba};
   }
 
   &:focus-visible {
-    outline: 2px dashed ${i.interactive.primary__resting.rgba};
+    outline: 2px dashed ${o.interactive.primary__resting.rgba};
   }
-`,m=l.hr`
-  height: calc(100% + ${n.medium} * 2);
+`,_=d.hr`
+  height: calc(100% + ${s.medium} * 2);
   justify-self: center;
-  width: ${n.x_large};
-`,_=l(r)`
+  width: ${s.x_large};
+`,f=d(r)`
   position: absolute;
-  color: ${i.text.static_icons__tertiary.rgba};
+  color: ${o.text.static_icons__tertiary.rgba};
   top: calc(50%);
   transform: translate(0, -50%);
-`,f=l(_)`
+`,$=d(f)`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: ${i.text.static_icons__default.rgba};
+  color: ${o.text.static_icons__default.rgba};
   max-width: 100%;
-`,$=l(r)`
-  margin: ${n.medium};
-`,v=l(r)`
-  margin-left: ${n.medium};
-`,w=l(e)`
+`,v=d(r)`
+  margin: ${s.medium};
+`,w=d(r)`
+  margin-left: ${s.medium};
+`,y=d(e)`
   max-height: 20rem;
   max-width: inherit;
   overflow-y: auto;
@@ -192,11 +196,11 @@ import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";expor
     width: inherit;
     max-width: inherit;
   }
-`,y=l.div`
+`,k=d.div`
   display: flex;
   align-items: center;
-  padding: 0 ${n.small};
-`,k=l(t)`
+  padding: 0 ${s.small};
+`,j=d(t)`
   width: 36px;
   height: 36px;
-`;export{h as ClearButton,g as Container,p as HelperWrapper,m as MenuItemSpacer,y as MenuItemWrapper,v as NoItemsFoundText,$ as NoTagFoundText,_ as PlaceholderText,b as Section,k as SmallButton,u as StyledChip,w as StyledMenu,x as StyledMenuItem,f as ValueText,c as Wrapper};
+`;export{h as ClearButton,m as ComboBoxChip,b as Container,g as HelperWrapper,_ as MenuItemSpacer,k as MenuItemWrapper,w as NoItemsFoundText,v as NoTagFoundText,f as PlaceholderText,u as Section,j as SmallButton,y as StyledMenu,x as StyledMenuItem,$ as ValueText,p as Wrapper};

package/dist/molecules/Select/Select.types.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEvent, MutableRefObject } from 'react';
+import { FC, KeyboardEvent, MutableRefObject } from 'react';
 import { Variants } from '../../atoms/types/variants';
 export interface SelectOptionRequired {
     value: string;
@@ -16,6 +16,11 @@ export interface MultiSelectCommon<T extends SelectOptionRequired> {
     onSelect: (values: SelectOption<T>[], selectedValue?: SelectOption<T>) => void;
     syncParentChildSelection?: boolean;
     onAddItem?: (item: string) => void;
+    customValueComponent?: FC<{
+        item: SelectOption<T>;
+        onDelete: () => void;
+        tryingToRemove: boolean;
+    }>;
 }
 export interface SelectGroup<T extends SelectOptionRequired> {
     title: string;
@@ -37,6 +42,7 @@ export interface SelectMenuProps<T extends SelectOptionRequired> {
     itemRefs: MutableRefObject<(HTMLButtonElement | null)[]>;
     onItemKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;
     onItemSelect: (item: SelectOption<T>) => void;
+    onSearchFilter?: (searchValue: string, item: T) => void;
 }
 interface SelectMenuItemProps<T extends SelectOptionRequired> {
     item: SelectOption<T>;
@@ -56,7 +62,7 @@ export type MultiSelectMenuItemProps<T extends SelectOptionRequired> = {
     values: SelectOption<T>[];
 } & Omit<SelectMenuProps<T>, 'search'> & SelectMenuItemProps<T>;
 export declare const VARIANT_OPTIONS: Variants[];
-export interface CommonSelectProps {
+export interface CommonSelectProps<T extends SelectOptionRequired> {
     id?: string;
     variant?: Variants;
     label?: string;
@@ -73,5 +79,6 @@ export interface CommonSelectProps {
     onSearchChange?: (inputValue: string) => void;
     inDialog?: boolean;
     onOpenCallback?: (value: boolean) => void;
+    onSearchFilter?: (searchValue: string, item: T) => void;
 }
 export {};

package/dist/molecules/Select/SingleSelect/SingleSelect.d.ts

@@ -1,6 +1,6 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, SelectOptionRequired, SingleSelectCommon } from '../Select.types';
-export type ListSingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps & SingleSelectCommon<T> & ListSelectProps<T>;
-export type GroupedSingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps & SingleSelectCommon<T> & GroupedSelectProps<T>;
+export type ListSingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> & SingleSelectCommon<T> & ListSelectProps<T>;
+export type GroupedSingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> & SingleSelectCommon<T> & GroupedSelectProps<T>;
 /**
  * @param clearable - If users should be able to clear the input, defaults to true
  * @param loading - Show loader, defaults to false
@@ -8,5 +8,6 @@ export type GroupedSingleSelectProps<T extends SelectOptionRequired> = CommonSel
  * @param sortValues - Sort the provided values, defaults to true
  * @param inDialog - Fixes weird issue that EDS menus has when it's used in dialogs, defaults to false
  * @param showHelperIcon - Show helper variant icon, defaults to true
+ * @param onSearchFilter - Custom filter function for search, default is "item.label.match(new RegExp(searchValue, 'i'))"
  */
 export declare function SingleSelect<T extends SelectOptionRequired>(props: ListSingleSelectProps<T> | GroupedSingleSelectProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/Stepper/Step/Step.js

@@ -1,7 +1,11 @@
-import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as e,useMemo as o}from"react";import{Typography as i}from"@equinor/eds-core-react";import{colors as l}from"../../../atoms/style/colors.js";import{spacings as n}from"../../../atoms/style/spacings.js";import{StepIcon as s}from"./StepIcon.js";import{useStepper as c}from"../../../providers/StepperProvider.js";import a from"styled-components";const p=a.div`
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import{Typography as o}from"@equinor/eds-core-react";import{colors as i}from"../../../atoms/style/colors.js";import{spacings as s}from"../../../atoms/style/spacings.js";import{StepIcon as a}from"./StepIcon.js";import{useStepper as c}from"../../../providers/StepperProvider.js";import n,{css as l}from"styled-components";const p=n.div`
   display: flex;
-  gap: ${n.small};
+  gap: ${s.small};
   align-items: center;
   white-space: nowrap;
-  ${t=>t.$clickable&&"\n    &:hover {\n        cursor: pointer;\n    }\n  "}
-`,d=({index:n,onlyShowCurrentStepLabel:a=!1,children:d})=>{const{currentStep:m,setCurrentStep:u}=c(),[f,h]=e(null),b=o((()=>n<m?"body_short":"body_short_bold"),[m,n]),x=o((()=>n>m?l.interactive.disabled__text.rgba:l.text.static_icons__default.rgba),[m,n]);return t(p,{"data-testid":"step",ref:t=>{null===f&&null!==t&&h(t)},style:null===f||a?void 0:{width:`calc(${f.clientWidth}px)`},$clickable:n<m,onClick:()=>{n<m&&u(n)},children:[r(s,{index:n}),(!a||m===n)&&r(i,{variant:b,color:x,children:d})]})};export{d as Step,d as default};
+  ${r=>r.$clickable&&l`
+      &:hover {
+        cursor: pointer;
+      }
+    `}
+`,m=({index:s,onlyShowCurrentStepLabel:n=!1,children:l})=>{const{currentStep:m,setCurrentStep:d}=c(),f=e((()=>s<m?"body_short":"body_short_bold"),[m,s]),b=e((()=>s>m?i.interactive.disabled__text.rgba:i.text.static_icons__default.rgba),[m,s]);return r(p,{"data-testid":"step",$clickable:s<m,onClick:()=>{s<m&&d(s)},children:[t(a,{index:s}),(!n||m===s)&&t(o,{variant:f,color:b,children:l})]})};export{m as Step,m as default};

package/dist/molecules/Stepper/SubTitle/SubTitle.js

@@ -1,4 +1,4 @@
-import{jsxs as r,jsx as t}from"react/jsx-runtime";import{colors as i}from"../../../atoms/style/colors.js";import{spacings as o}from"../../../atoms/style/spacings.js";import"../../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../ApplicationIcon/ApplicationIcon.js";import"../../Badge/Badge.styles.js";import{Typography as e}from"@equinor/eds-core-react";import"../../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../Chip/Chip.js";import"../../ContentMenu/ContentMenu.js";import"../../Dialog/Dialog.js";import"../../EquinorLogo/EquinorLogo.js";import"react";import"../../FileProgress/CompactFileProgress.styles.js";import"../../RichTextEditor/custom-extensions/AmplifyKit.js";import"../../RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../RichTextEditor/RichTextEditor.styles.js";import"../../RichTextEditor/RichTextEditor.types.js";import"../../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../atoms/enums/Environment.js";import"../../../atoms/utils/auth_environment.js";import"../../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider/SnackbarProvider.js";import{useStepper as s}from"../../../providers/StepperProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/ThemeProvider/ThemeProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../../../atoms/enums/Errors.js";import"../../../atoms/enums/Theme.js";import"../../../atoms/enums/SpacingsMode.js";import"../../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../FileProgress/RegularFileProgress.styles.js";import"../../FileUploadArea/FileUploadArea.js";import"../../FullPageSpinner/FullPageSpinner.js";import"../../InfoElement/InfoElement.js";import"../../OptionalTooltip/OptionalTooltip.js";import"../../ProfileAvatar/ProfileAvatar.js";import"../../RichTextEditor/MenuBar/MenuBar.styles.js";import"../../RichTextEditor/MenuBar/MenuButton.js";import"../../Search/Search.js";import"react-router-dom";import"../../Sieve/Sieve.styles.js";import"../../SingleFilterMenu/SingleFilterMenu.js";import"../../Skeleton/SkeletonBase/SkeletonBase.js";import"../Stepper.js";import"../../OptionDrawer/OptionDrawer.js";import"../../Select/Select.styles.js";import"../../ListItem/ListItem.js";import"../../SelectionControls/Checkbox/Checkbox.js";import"../../SelectionControls/Radio/Radio.js";import"../../SelectionControls/Switch/Switch.js";import{SubStepIndicator as n}from"./SubStepIndicator.js";import p from"styled-components";const m=p.div`
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import{colors as i}from"../../../atoms/style/colors.js";import{spacings as o}from"../../../atoms/style/spacings.js";import"../../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../ApplicationIcon/ApplicationIcon.js";import"../../Badge/Badge.styles.js";import{Typography as e}from"@equinor/eds-core-react";import"../../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../Chip/Chip.js";import"../../ContentMenu/ContentMenu.js";import"../../Dialog/Dialog.js";import"../../EquinorLogo/EquinorLogo.js";import"react";import"../../FileProgress/CompactFileProgress.styles.js";import"../../RichTextEditor/custom-extensions/AmplifyKit.js";import"../../RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../RichTextEditor/RichTextEditor.styles.js";import"../../RichTextEditor/RichTextEditor.types.js";import"../../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../atoms/enums/Environment.js";import"../../../atoms/utils/auth_environment.js";import"../../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider/SnackbarProvider.js";import{useStepper as s}from"../../../providers/StepperProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/ThemeProvider/ThemeProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../../../atoms/enums/Errors.js";import"../../../atoms/enums/Theme.js";import"../../../atoms/enums/SpacingsMode.js";import"../../../deprecated/ErrorPage/illustrations/GlitchAnimation.js";import"../../../deprecated/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../FileProgress/RegularFileProgress.styles.js";import"../../FileUploadArea/FileUploadArea.js";import"../../FullPageSpinner/FullPageSpinner.js";import"../../InfoElement/InfoElement.js";import"../../OptionalTooltip/OptionalTooltip.js";import"../../ProfileAvatar/ProfileAvatar.js";import"../../RichTextEditor/MenuBar/MenuBar.styles.js";import"../../RichTextEditor/MenuBar/MenuButton.js";import"../../Search/Search.js";import"react-router-dom";import"../../Sieve/Sieve.styles.js";import"../../SingleFilterMenu/SingleFilterMenu.js";import"../../Skeleton/SkeletonBase/SkeletonBase.js";import"../Stepper.js";import"../../OptionDrawer/OptionDrawer.js";import"../../Select/Select.styles.js";import"../../ListItem/ListItem.js";import"../../SelectionControls/Checkbox/Checkbox.js";import"../../SelectionControls/Radio/Radio.js";import"../../SelectionControls/Switch/Switch.js";import{SubStepIndicator as n}from"./SubStepIndicator.js";import p from"styled-components";const m=p.div`
   display: flex;
   flex-direction: column;
   gap: ${o.small};

package/dist/molecules/TextField/TextField.js

@@ -1,45 +1,51 @@
-import{jsx as t}from"react/jsx-runtime";import{TextField as i}from"@equinor/eds-core-react";import{colors as e,VARIANT_COLORS as o}from"../../atoms/style/colors.js";import r,{css as a}from"styled-components";const n=r.div`
+import{jsx as t}from"react/jsx-runtime";import{TextField as i}from"@equinor/eds-core-react";import{animation as o}from"../../atoms/style/animation.js";import{colors as a,VARIANT_COLORS as r}from"../../atoms/style/colors.js";import e,{css as n}from"styled-components";const s=e.div`
   input,
   textarea {
-    color: ${e.text.static_icons__default.rgba};
+    color: ${a.text.static_icons__default.rgba};
+    transition:
+      background ${o.transitionMS},
+      box-shadow ${o.transitionMS};
     &::placeholder {
       opacity: 1;
     }
+    &:hover {
+      background: ${a.ui.background__light_medium.rgba};
+    }
   }
   div:focus-within {
     outline: none !important;
   }
 
-  ${({$variant:t,$disabled:i})=>i?a`
+  ${({$variant:t,$disabled:i})=>i?n`
         div {
           outline: none !important;
         }
         p {
-          color: ${e.interactive.disabled__text.rgba} !important;
+          color: ${a.interactive.disabled__text.rgba} !important;
         }
-      `:void 0===t?a`
+      `:void 0===t?n`
         input:hover,
         textarea:hover {
-          box-shadow: inset 0 -2px 0 0 ${e.text.static_icons__tertiary.rgba};
+          box-shadow: inset 0 -2px 0 0 ${a.text.static_icons__tertiary.rgba};
         }
 
         div:focus-within {
           input,
           textarea {
-            box-shadow: inset 0 -2px 0 0 ${e.interactive.primary__resting.rgba};
+            box-shadow: inset 0 -2px 0 0 ${a.interactive.primary__resting.rgba};
           }
         }
-      `:a`
-      ${"dirty"===t&&a`
+      `:n`
+      ${"dirty"===t&&n`
         input,
         textarea {
-          box-shadow: inset 0 -2px 0 0 ${o[t]};
+          box-shadow: inset 0 -2px 0 0 ${r[t]};
         }
       `}
 
       input:hover,
       textarea:hover {
-        box-shadow: inset 0 -${"dirty"===t?2:1}px 0 0 ${o[t]};
+        box-shadow: inset 0 -${"dirty"===t?2:1}px 0 0 ${r[t]};
       }
 
       div:focus-within {
@@ -47,8 +53,8 @@ import{jsx as t}from"react/jsx-runtime";import{TextField as i}from"@equinor/eds-
 
         input,
         textarea {
-          box-shadow: inset 0 -2px 0 0 ${o[t]};
+          box-shadow: inset 0 -2px 0 0 ${r[t]};
         }
       }
     `}
-`,s=e=>{const o={...e,variant:"dirty"!==e.variant?e.variant:void 0};return t(n,{$variant:e.variant,$disabled:e.disabled,children:t(i,{...o})})};export{s as TextField};
+`,d=o=>{const a={...o,variant:"dirty"!==o.variant?o.variant:void 0};return t(s,{$variant:o.variant,$disabled:o.disabled,children:t(i,{...a})})};export{d as TextField};

package/dist/molecules/index.d.ts

@@ -50,6 +50,7 @@ export { OptionDrawer } from './OptionDrawer/OptionDrawer';
 export type { OptionDrawerProps } from './OptionDrawer/OptionDrawer';
 export type { OptionDrawerSelectItem } from './OptionDrawer/OptionDrawer.types';
 export { ComboBox } from './Select/ComboBox/ComboBox';
+export { ComboBoxChip } from './Select/Select.styles';
 export type { ListComboBoxProps, GroupedComboBoxProps, } from './Select/ComboBox/ComboBox';
 export { SingleSelect } from './Select/SingleSelect/SingleSelect';
 export type { ListSingleSelectProps, GroupedSingleSelectProps, } from './Select/SingleSelect/SingleSelect';

package/dist/organisms/FieldSelector/SelectorCard/SelectorCard.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as r,useMemo as i}from"react";import{Card as t,Typography as s,Button as l,Icon as a}from"@equinor/eds-core-react";import{arrow_forward as n}from"@equinor/eds-icons";import{tokens as m}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../atoms/style/colors.js";import{spacings as c}from"../../../atoms/style/spacings.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../molecules/Badge/Badge.styles.js";import"../../../molecules/Banner/Banner.styles.js";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.js";import"../../../molecules/Dialog/Dialog.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../atoms/enums/Environment.js";import"../../../atoms/utils/auth_environment.js";import"../../TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../providers/StepperProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/ThemeProvider/ThemeProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../../../atoms/enums/Errors.js";import"../../../atoms/enums/Theme.js";import"../../../atoms/enums/SpacingsMode.js";import"../../ErrorPage/illustrations/GlitchAnimation.js";import"../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../molecules/InfoElement/InfoElement.js";import"../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../molecules/Search/Search.js";import"react-router-dom";import"../../../molecules/Sieve/Sieve.styles.js";import"../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../molecules/Stepper/Stepper.js";import"../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../molecules/Select/Select.styles.js";import{SingleSelect as p}from"../../../molecules/Select/SingleSelect/SingleSelect.js";import"../../../molecules/ListItem/ListItem.js";import"../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../molecules/SelectionControls/Radio/Radio.js";import"../../../molecules/SelectionControls/Switch/Switch.js";import d from"styled-components";const{elevation:u,colors:h,shape:g}=m,j=d(t)`
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as r,useMemo as i}from"react";import{Card as t,Typography as s,Button as l,Icon as a}from"@equinor/eds-core-react";import{arrow_forward as n}from"@equinor/eds-icons";import{tokens as m}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../atoms/style/colors.js";import{spacings as c}from"../../../atoms/style/spacings.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../molecules/Badge/Badge.styles.js";import"../../../molecules/Banner/Banner.styles.js";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.js";import"../../../molecules/Dialog/Dialog.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../atoms/enums/Environment.js";import"../../../atoms/utils/auth_environment.js";import"../../TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../providers/StepperProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/ThemeProvider/ThemeProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../../../atoms/enums/Errors.js";import"../../../atoms/enums/Theme.js";import"../../../atoms/enums/SpacingsMode.js";import"../../../deprecated/ErrorPage/illustrations/GlitchAnimation.js";import"../../../deprecated/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../molecules/InfoElement/InfoElement.js";import"../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../molecules/Search/Search.js";import"react-router-dom";import"../../../molecules/Sieve/Sieve.styles.js";import"../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../molecules/Stepper/Stepper.js";import"../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../molecules/Select/Select.styles.js";import{SingleSelect as p}from"../../../molecules/Select/SingleSelect/SingleSelect.js";import"../../../molecules/ListItem/ListItem.js";import"../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../molecules/SelectionControls/Radio/Radio.js";import"../../../molecules/SelectionControls/Switch/Switch.js";import d from"styled-components";const{elevation:u,colors:h,shape:g}=m,j=d(t)`
   position: absolute;
   left: 50%;
   top: 50%;

package/dist/organisms/Filter/Filter.styles.d.ts

@@ -9,36 +9,36 @@ interface ContentProps {
 }
 export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
     nonce?: string | undefined;
-    color?: string | undefined;
     suppressHydrationWarning?: boolean | undefined;
     className?: string | undefined;
+    color?: string | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     role?: import("react").AriaRole | undefined;
     tabIndex?: number | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-checked"?: boolean | "true" | "mixed" | "false" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "time" | "step" | "false" | "page" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "true" | "time" | "step" | "page" | "false" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "copy" | "none" | "link" | "execute" | "move" | "popup" | undefined;
+    "aria-dropeffect"?: "copy" | "none" | "link" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "true" | "dialog" | "menu" | "grid" | "listbox" | "tree" | "false" | undefined;
+    "aria-haspopup"?: boolean | "true" | "dialog" | "menu" | "listbox" | "grid" | "false" | "tree" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -53,9 +53,9 @@ export declare const Content: import("styled-components/dist/types").IStyledComp
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-pressed"?: boolean | "true" | "mixed" | "false" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -274,23 +274,23 @@ export declare const Content: import("styled-components/dist/types").IStyledComp
 interface StyledChipProps {
     $tryingToRemove: boolean;
 }
-export declare const StyledChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & import("../../molecules/Chip/Chip").BaseChipProps & import("../../molecules/Chip/Chip").InteractiveChipBase & {
+export declare const StyledChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<import("react").HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & import("../../molecules/Chip/Chip").BaseChipProps & import("../../molecules/Chip/Chip").InteractiveChipBase & {
     onClick: (event: import("react").MouseEvent<HTMLButtonElement> | import("react").KeyboardEvent<HTMLButtonElement>) => void;
     onDelete?: undefined;
-} & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement | HTMLButtonElement> | null | undefined;
-}) | (Omit<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & import("../../molecules/Chip/Chip").BaseChipProps & import("../../molecules/Chip/Chip").InteractiveChipBase & {
+} & import("react").RefAttributes<HTMLButtonElement | HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | HTMLDivElement> | null | undefined;
+}) | (Omit<Omit<import("react").HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & import("../../molecules/Chip/Chip").BaseChipProps & import("../../molecules/Chip/Chip").InteractiveChipBase & {
     onClick?: undefined;
     onDelete: (event: import("react").MouseEvent<HTMLButtonElement> | import("react").KeyboardEvent<HTMLButtonElement>) => void;
-} & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement | HTMLButtonElement> | null | undefined;
-}) | (Omit<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & import("../../molecules/Chip/Chip").BaseChipProps & {
+} & import("react").RefAttributes<HTMLButtonElement | HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | HTMLDivElement> | null | undefined;
+}) | (Omit<Omit<import("react").HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & import("../../molecules/Chip/Chip").BaseChipProps & {
     onClick?: undefined;
     onDelete?: undefined;
-} & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement | HTMLButtonElement> | null | undefined;
-}), StyledChipProps>> & string & Omit<import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & (import("../../molecules/Chip/Chip").ClickableChipProps | import("../../molecules/Chip/Chip").DeletableChipProps | (import("../../molecules/Chip/Chip").BaseChipProps & {
+} & import("react").RefAttributes<HTMLButtonElement | HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | HTMLDivElement> | null | undefined;
+}), StyledChipProps>> & string & Omit<import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & (import("../../molecules/Chip/Chip").ClickableChipProps | import("../../molecules/Chip/Chip").DeletableChipProps | (import("../../molecules/Chip/Chip").BaseChipProps & {
     onClick?: undefined;
     onDelete?: undefined;
-}))) & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+}))) & import("react").RefAttributes<HTMLButtonElement | HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export {};

package/dist/organisms/Filter/Filter.styles.js

@@ -1,4 +1,4 @@
-import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"react/jsx-runtime";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import{elevation as r,shape as t,typography as i}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import{Chip as o}from"../../molecules/Chip/Chip.js";import{motion as e}from"framer-motion";import s,{css as a}from"styled-components";import{colors as m}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";const p=s.div`
+import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"react/jsx-runtime";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import{elevation as r,shape as t,typography as i}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"../../deprecated/ErrorPage/illustrations/GlitchAnimation.js";import"../../deprecated/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import{Chip as o}from"../../molecules/Chip/Chip.js";import{motion as e}from"framer-motion";import s,{css as a}from"styled-components";import{colors as m}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";const p=s.div`
   width: 100%;
   box-shadow: ${r.raised};
   background: ${m.ui.background__default.rgba};

package/dist/organisms/SideBar/CreateItem.styles.d.ts

@@ -9,13 +9,13 @@ interface CreateButtonProps extends ButtonProps {
 export declare const CreateButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
     as?: import("react").ElementType | undefined;
 } & {
-    color?: "primary" | "secondary" | "danger";
+    color?: "danger" | "primary" | "secondary";
     variant?: "contained" | "contained_icon" | "outlined" | "ghost" | "ghost_icon";
     href?: string;
     disabled?: boolean;
     type?: string;
     fullWidth?: boolean;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Omit<any, "variant" | "href" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "fullWidth">, CreateButtonProps>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<ButtonProps, HTMLButtonElement> & {
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Omit<any, "href" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "variant" | "fullWidth">, CreateButtonProps>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<ButtonProps, HTMLButtonElement> & {
     Group: typeof import("@equinor/eds-core-react/dist/types/components/Button/ButtonGroup").ButtonGroup;
     Toggle: typeof import("@equinor/eds-core-react/dist/types/components/Button/ToggleButton/ToggleButton").ToggleButton;
 }, keyof import("react").Component<any, {}, any>>;