@equinor/amplify-component-lib 9.15.3-beta.1 → 9.16.0-beta.0

package/dist/molecules/RichTextEditor/RichTextEditor.styles.js

@@ -1,15 +1,15 @@
-import{VARIANT_COLORS as e,colors as t}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{shape as r,typography as i}from"../../atoms/style/index.js";import a from"styled-components";import{EditorContent as o}from"@tiptap/react";const s=a(o)`
+import{VARIANT_COLORS as e}from"src/atoms/style/colors";import t from"styled-components";import{colors as n,shape as r,spacings as i,typography as a}from"src/atoms/style";import{EditorContent as o}from"@tiptap/react";const s=t(o)`
   display: grid;
   grid-template-rows: 1fr;
   overflow-y: auto;
   min-height: ${e=>e.$minHeight||`auto`};
   max-height: ${e=>e.$maxHeight||`auto`};
-`,c=a.div`
+`,c=t.div`
   display: grid;
   grid-template-rows: auto 1fr;
-  background: ${t.ui.background__default.rgba};
+  background: ${n.ui.background__default.rgba};
   border-radius: ${r.corners.borderRadius} ${r.corners.borderRadius} 0 0;
-  border: ${e=>e.$border?`1px solid ${t.ui.background__medium.rgba}`:`none`};
+  border: ${e=>e.$border?`1px solid ${n.ui.background__medium.rgba}`:`none`};
   border-bottom: none;
 
   &:has(div[contenteditable='true']) {
@@ -17,32 +17,32 @@ import{VARIANT_COLORS as e,colors as t}from"../../atoms/style/colors.js";import{
   }
 
   & [data-placeholder]::before {
-    color: ${t.text.static_icons__tertiary.rgba} !important;
+    color: ${n.text.static_icons__tertiary.rgba} !important;
   }
 
   .tiptap {
     box-sizing: border-box;
     overflow-y: auto;
-    background: ${e=>e.$lightBackground?`${t.ui.background__default.rgba}`:`${t.ui.background__light.rgba}`};
+    background: ${e=>e.$lightBackground?`${n.ui.background__default.rgba}`:`${n.ui.background__light.rgba}`};
 
     &[contenteditable='true'] {
-      box-shadow: ${({$highlighted:n,$variant:r})=>n?`inset 0 -2px ${t.dataviz.darkblue.darker}`:r?`inset 0 -2px ${e[r]}`:`inset 0 -1px ${t.ui.background__medium.rgba}`};
+      box-shadow: ${({$highlighted:t,$variant:r})=>t?`inset 0 -2px ${n.dataviz.darkblue.darker}`:r?`inset 0 -2px ${e[r]}`:`inset 0 -1px ${n.ui.background__medium.rgba}`};
     }
 
-    padding: ${e=>{switch(e.$padding){case`sm`:return n.small;case`md`:return n.medium;case`lg`:return n.large;case`none`:default:return 0}}};
+    padding: ${e=>{switch(e.$padding){case`sm`:return i.small;case`md`:return i.medium;case`lg`:return i.large;case`none`:default:return 0}}};
 
     a {
-      color: ${t.interactive.primary__resting.rgba};
+      color: ${n.interactive.primary__resting.rgba};
     }
     a:hover {
       cursor: pointer;
-      color: ${t.interactive.primary__hover.rgba};
+      color: ${n.interactive.primary__hover.rgba};
     }
     p {
       font-size: 16px;
       font-family: 'Equinor', sans-serif;
-      color: ${t.text.static_icons__default.rgba};
-      line-height: ${i.paragraph.body_long.lineHeight};
+      color: ${n.text.static_icons__default.rgba};
+      line-height: ${a.paragraph.body_long.lineHeight};
       margin: 0;
     }
     ul,
@@ -91,7 +91,7 @@ import{VARIANT_COLORS as e,colors as t}from"../../atoms/style/colors.js";import{
       }
 
       th {
-        background-color: ${({$lightBackground:e})=>e?`#f1f3f5`:t.ui.background__default.rgba};
+        background-color: ${({$lightBackground:e})=>e?`#f1f3f5`:n.ui.background__default.rgba};
         font-weight: bold;
         text-align: left;
       }
@@ -125,30 +125,30 @@ import{VARIANT_COLORS as e,colors as t}from"../../atoms/style/colors.js";import{
 
     &:focus-visible {
       outline: none;
-      box-shadow: inset 0 -2px ${t.interactive.primary__resting.rgba};
+      box-shadow: inset 0 -2px ${n.interactive.primary__resting.rgba};
     }
   }
 
   .tiptap p.is-editor-empty:first-child::before {
-    color: ${t.text.static_icons__default.rgba};
+    color: ${n.text.static_icons__default.rgba};
     content: attr(data-placeholder);
     float: left;
     height: 0;
     pointer-events: none;
   }
-`,l=a.div`
+`,l=t.div`
   display: flex;
   flex-direction: column;
-`,u=a.div`
+`,u=t.div`
   display: flex;
   justify-content: space-between;
-  padding: 0 ${n.small};
+  padding: 0 ${i.small};
   > p {
-    color: ${t.text.static_icons__tertiary.rgba};
+    color: ${n.text.static_icons__tertiary.rgba};
   }
-`,d=a.div`
+`,d=t.div`
   display: flex;
-  gap: ${n.small};
-  padding-left: ${n.small};
-  margin-top: ${n.small};
+  gap: ${i.small};
+  padding-left: ${i.small};
+  margin-top: ${i.small};
 `;export{s as EditorContent,c as EditorStyling,d as HelperWrapper,u as LabelWrapper,l as Wrapper};

package/dist/molecules/RichTextEditor/custom-extensions/ExtendedHeaders.js

@@ -1 +1 @@
-import{Typography as e}from"@equinor/eds-core-react";import{jsx as t}from"react/jsx-runtime";import n from"@tiptap/extension-heading";import{NodeViewContent as r,NodeViewWrapper as i,ReactNodeViewRenderer as a}from"@tiptap/react";const o=n=>{let a=n.node.attrs.level,o=`h1`;return a===2&&(o=`h2`),a===3&&(o=`h3`),a===4&&(o=`h4`),a===5&&(o=`h5`),a===6&&(o=`h6`),t(i,{children:t(e,{variant:o,children:t(r,{className:`content is-editable`})})})};var s=n.extend({content:`inline*`,addNodeView(){return a(o)}});export{s as default};
+import{jsx as e}from"react/jsx-runtime";import{Typography as t}from"@equinor/eds-core-react";import{NodeViewContent as n,NodeViewWrapper as r,ReactNodeViewRenderer as i}from"@tiptap/react";import a from"@tiptap/extension-heading";const o=i=>{let a=i.node.attrs.level,o=`h1`;return a===2&&(o=`h2`),a===3&&(o=`h3`),a===4&&(o=`h4`),a===5&&(o=`h5`),a===6&&(o=`h6`),e(r,{children:e(t,{variant:o,children:e(n,{className:`content is-editable`})})})};var s=a.extend({content:`inline*`,addNodeView(){return i(o)}});export{s as default};

package/dist/molecules/RichTextEditor/custom-extensions/ExtendedImage.js

@@ -1 +1 @@
-import{useRichTextImage as e}from"../../../atoms/hooks/useRichTextImage.js";import{jsx as t}from"react/jsx-runtime";import{NodeViewWrapper as n,ReactNodeViewRenderer as r}from"@tiptap/react";import i from"@tiptap/extension-image";import{Plugin as a,PluginKey as o}from"@tiptap/pm/state";const s=r=>{let{src:i,alt:a}=r.node.attrs,o=r.extension.options.onImageRead,{data:s}=e(i,o);return t(n,{children:t(`img`,{src:s,alt:a})})};var c=i.extend({addOptions(){return{...this.parent?.(),onImageUpload:void 0,onImageRead:void 0}},addNodeView(){return r(s)},addProseMirrorPlugins(){let{onImageUpload:e}=this.options;return[new a({key:new o(`extendedImageHandler`),props:{handleDOMEvents:{drop(t,n){let r=n.dataTransfer?.files?.length;if(!r||e===void 0)return;let i=Array.from(n.dataTransfer.files).filter(e=>/image/i.test(e.type));if(i.length===0)return;n.preventDefault();let{schema:a}=t.state,o=t.posAtCoords({left:n.clientX,top:n.clientY});if(o)for(let n of i)e(n).then(e=>{if(!e)return;let n=a.nodes.image.create({src:e.src,alt:e.alt}),r=t.state.tr.insert(o.pos,n);t.dispatch(r)}).catch(e=>{console.error(e)})},paste(t,n){let r=n.clipboardData?.files?.length;if(!r||e===void 0)return;let i=Array.from(n.clipboardData.files).filter(e=>/image/i.test(e.type));if(i.length===0)return;n.preventDefault();let{schema:a}=t.state;for(let n of i)e(n).then(e=>{if(!e)return;let n=a.nodes.image.create({src:e.src,alt:e.src}),r=t.state.tr.replaceSelectionWith(n);t.dispatch(r)}).catch(e=>{console.error(e)})}}}})]}});export{c as default};
+import{jsx as e}from"react/jsx-runtime";import{NodeViewWrapper as t,ReactNodeViewRenderer as n}from"@tiptap/react";import r from"@tiptap/extension-image";import{Plugin as i,PluginKey as a}from"@tiptap/pm/state";import{useRichTextImage as o}from"src/atoms/hooks/useRichTextImage";const s=n=>{let{src:r,alt:i}=n.node.attrs,a=n.extension.options.onImageRead,{data:s}=o(r,a);return e(t,{children:e(`img`,{src:s,alt:i})})};var c=r.extend({addOptions(){return{...this.parent?.(),onImageUpload:void 0,onImageRead:void 0}},addNodeView(){return n(s)},addProseMirrorPlugins(){let{onImageUpload:e}=this.options;return[new i({key:new a(`extendedImageHandler`),props:{handleDOMEvents:{drop(t,n){let r=n.dataTransfer?.files?.length;if(!r||e===void 0)return;let i=Array.from(n.dataTransfer.files).filter(e=>/image/i.test(e.type));if(i.length===0)return;n.preventDefault();let{schema:a}=t.state,o=t.posAtCoords({left:n.clientX,top:n.clientY});if(o)for(let n of i)e(n).then(e=>{if(!e)return;let n=a.nodes.image.create({src:e.src,alt:e.alt}),r=t.state.tr.insert(o.pos,n);t.dispatch(r)}).catch(e=>{console.error(e)})},paste(t,n){let r=n.clipboardData?.files?.length;if(!r||e===void 0)return;let i=Array.from(n.clipboardData.files).filter(e=>/image/i.test(e.type));if(i.length===0)return;n.preventDefault();let{schema:a}=t.state;for(let n of i)e(n).then(e=>{if(!e)return;let n=a.nodes.image.create({src:e.src,alt:e.src}),r=t.state.tr.replaceSelectionWith(n);t.dispatch(r)}).catch(e=>{console.error(e)})}}}})]}});export{c as default};

package/dist/molecules/RichTextEditor/index.d.ts

@@ -2,16 +2,16 @@ import { EditorStylingProps, RichTextContentProps } from "./RichTextEditor.style
 import { EditorProviderProps } from "./EditorProvider.js";
 import { MenuBarProps } from "./MenuBar/MenuBar.js";
 import { RichTextEditor } from "./RichTextEditor.js";
-import * as react15 from "react";
+import * as react21 from "react";
 import * as _tiptap_react0 from "@tiptap/react";
 import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/molecules/RichTextEditor/index.d.ts
 declare const RichText: {
-  Styling: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<react15.DetailedHTMLProps<react15.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EditorStylingProps>> & string;
-  Provider: react15.FC<EditorProviderProps>;
-  Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<Omit<_tiptap_react0.EditorContentProps, "ref"> & react15.RefAttributes<HTMLDivElement>, RichTextContentProps>> & string & Omit<react15.MemoExoticComponent<react15.ForwardRefExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react15.RefAttributes<HTMLDivElement>>>, keyof react15.Component<any, {}, any>>;
-  Bar: react15.FC<MenuBarProps>;
+  Styling: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<react21.DetailedHTMLProps<react21.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EditorStylingProps>> & string;
+  Provider: react21.FC<EditorProviderProps>;
+  Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<Omit<_tiptap_react0.EditorContentProps, "ref"> & react21.RefAttributes<HTMLDivElement>, RichTextContentProps>> & string & Omit<react21.MemoExoticComponent<react21.ForwardRefExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react21.RefAttributes<HTMLDivElement>>>, keyof react21.Component<any, {}, any>>;
+  Bar: react21.FC<MenuBarProps>;
 };
 //#endregion
 export { RichText };

package/dist/molecules/RichTextEditor/index.js

@@ -1 +1 @@
-import{EditorContent as e,EditorStyling as t}from"./RichTextEditor.styles.js";import{AmplifyBar as n}from"./MenuBar/MenuBar.js";import{EditorProvider as r}from"./EditorProvider.js";import{RichTextEditor as i}from"./RichTextEditor.js";const a={Styling:t,Provider:r,Content:e,Bar:n};export{a as RichText};
+import{AmplifyBar as e}from"./MenuBar/MenuBar.js";import{EditorProvider as t}from"./EditorProvider.js";import{EditorContent as n,EditorStyling as r}from"./RichTextEditor.styles.js";import{RichTextEditor as i}from"./RichTextEditor.js";const a={Styling:r,Provider:t,Content:n,Bar:e};export{a as RichText};

package/dist/molecules/Search/Search.d.ts

@@ -1,7 +1,7 @@
-import * as react30 from "react";
+import * as react40 from "react";
 import { SearchProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/Search/Search.d.ts
-declare const Search$1: react30.ForwardRefExoticComponent<SearchProps & react30.RefAttributes<HTMLInputElement>>;
+declare const Search$1: react40.ForwardRefExoticComponent<SearchProps & react40.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Search$1 as Search };

package/dist/molecules/Search/Search.js

@@ -1,12 +1,12 @@
-import{animation as e}from"../../atoms/style/animation.js";import{colors as t}from"../../atoms/style/colors.js";import{forwardRef as n}from"react";import{Search as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a}from"react/jsx-runtime";const o=i(r)`
+import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";import{animation as n}from"src/atoms/style/animation";import{colors as r}from"src/atoms/style/colors";import i from"styled-components";import{Search as a}from"@equinor/eds-core-react";const o=i(a)`
   input {
-    color: ${t.text.static_icons__default.rgba};
+    color: ${r.text.static_icons__default.rgba};
     transition:
-      background ${e.transitionMS},
-      box-shadow ${e.transitionMS};
+      background ${n.transitionMS},
+      box-shadow ${n.transitionMS};
     &:hover {
-      background: ${t.ui.background__light_medium.rgba};
-      box-shadow: inset 0 -2px 0 0 ${t.text.static_icons__tertiary.rgba};
+      background: ${r.ui.background__light_medium.rgba};
+      box-shadow: inset 0 -2px 0 0 ${r.text.static_icons__tertiary.rgba};
     }
   }
 
@@ -14,7 +14,7 @@ import{animation as e}from"../../atoms/style/animation.js";import{colors as t}fr
     outline: none !important;
 
     input {
-      box-shadow: inset 0 -2px 0 0 ${t.interactive.primary__resting.rgba};
+      box-shadow: inset 0 -2px 0 0 ${r.interactive.primary__resting.rgba};
     }
   }
-`,s=n((e,t)=>a(o,{...e,ref:t,autoComplete:`off`}));s.displayName=`HeaderDrawer`;export{s as Search};
+`,s=e((e,n)=>t(o,{...e,ref:n,autoComplete:`off`}));s.displayName=`HeaderDrawer`;export{s as Search};

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

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, MultiSelectCommon, SelectOptionRequired } from "../Select.types.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/molecules/Select/ComboBox/ComboBox.d.ts
 type ListComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T> & MultiSelectCommon<T> & ListSelectProps<T>;
@@ -18,6 +18,6 @@ type GroupedComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T>
  * @param showSelectedAsText - If values should be shown as "5/10 Selected", defaults to false
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  */
-declare function ComboBox<T extends SelectOptionRequired>(props: ListComboBoxProps<T> | GroupedComboBoxProps<T>): react_jsx_runtime2.JSX.Element;
+declare function ComboBox<T extends SelectOptionRequired>(props: ListComboBoxProps<T> | GroupedComboBoxProps<T>): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { ComboBox, GroupedComboBoxProps, ListComboBoxProps };

package/dist/molecules/Select/ComboBox/ComboBox.js

@@ -1 +1 @@
-import{Select as e}from"../Select.js";import{jsx as t}from"react/jsx-runtime";function n(n){return t(e,{...n})}export{n as ComboBox};
+import{jsx as e}from"react/jsx-runtime";import{Select as t}from"src/molecules/Select/Select";function n(n){return e(t,{...n})}export{n as ComboBox};

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

@@ -1,7 +1,7 @@
 import { BaseChipProps, ClickableChipProps, DeletableChipProps } from "../Chip/Chip.js";
 import * as react42 from "react";
-import "@equinor/eds-core-react";
 import "styled-components";
+import "@equinor/eds-core-react";
 import * as styled_components_dist_types8 from "styled-components/dist/types";
 
 //#region src/molecules/Select/Select.styles.d.ts
@@ -11,12 +11,12 @@ interface ComboBoxChipProps {
   $lightBackground?: boolean;
   className: string;
 }
-declare const ComboBoxChip: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<((Omit<react42.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
+declare const ComboBoxChip: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<((Omit<react42.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react42.RefAttributes<HTMLButtonElement | HTMLDivElement>) & styled_components_dist_types8.BaseObject, ComboBoxChipProps>> & string & Omit<react42.ForwardRefExoticComponent<(Omit<react42.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
+}) | ClickableChipProps | DeletableChipProps)) & react42.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types8.BaseObject, ComboBoxChipProps>> & string & Omit<react42.ForwardRefExoticComponent<(Omit<react42.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react42.RefAttributes<HTMLButtonElement | HTMLDivElement>>, keyof react42.Component<any, {}, any>>;
+}) | ClickableChipProps | DeletableChipProps)) & react42.RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof react42.Component<any, {}, any>>;
 //#endregion
 export { ComboBoxChip };

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

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

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

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, SelectOptionRequired, SingleSelectCommon } from "../Select.types.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/molecules/Select/SingleSelect/SingleSelect.d.ts
 type ListSingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> & SingleSelectCommon<T> & ListSelectProps<T>;
@@ -16,6 +16,6 @@ type GroupedSingleSelectProps<T extends SelectOptionRequired> = CommonSelectProp
  * @param onSearchFilter - Custom filter function for search, default is "item.label.match(new RegExp(searchValue, 'i'))"
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  */
-declare function SingleSelect<T extends SelectOptionRequired>(props: ListSingleSelectProps<T> | GroupedSingleSelectProps<T>): react_jsx_runtime1.JSX.Element;
+declare function SingleSelect<T extends SelectOptionRequired>(props: ListSingleSelectProps<T> | GroupedSingleSelectProps<T>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { GroupedSingleSelectProps, ListSingleSelectProps, SingleSelect };

package/dist/molecules/Select/SingleSelect/SingleSelect.js

@@ -1 +1 @@
-import{Select as e}from"../Select.js";import{jsx as t}from"react/jsx-runtime";function n(n){return t(e,{...n})}export{n as SingleSelect};
+import{jsx as e}from"react/jsx-runtime";import{Select as t}from"src/molecules/Select/Select";function n(n){return e(t,{...n})}export{n as SingleSelect};

package/dist/molecules/SelectionControls/Checkbox/Checkbox.js

@@ -1 +1 @@
-import{Wrapper as e}from"../SelectionControls.styles.js";import{forwardRef as t}from"react";import{Checkbox as n}from"@equinor/eds-core-react";import{jsx as r}from"react/jsx-runtime";const i=t((t,i)=>{let{outlined:a,error:o,...s}=t;return r(e,{$outlined:a||!1,$error:o,children:r(n,{ref:i,...s})})});i.displayName=`Checkbox`;export{i as Checkbox};
+import{Wrapper as e}from"../SelectionControls.styles.js";import{forwardRef as t}from"react";import{jsx as n}from"react/jsx-runtime";import{Checkbox as r}from"@equinor/eds-core-react";const i=t((t,i)=>{let{outlined:a,error:o,...s}=t;return n(e,{$outlined:a||!1,$error:o,children:n(r,{ref:i,...s})})});i.displayName=`Checkbox`;export{i as Checkbox};

package/dist/molecules/SelectionControls/Radio/Radio.js

@@ -1 +1 @@
-import{Wrapper as e}from"../SelectionControls.styles.js";import{forwardRef as t}from"react";import{Radio as n}from"@equinor/eds-core-react";import{jsx as r}from"react/jsx-runtime";const i=t((t,i)=>{let{outlined:a,error:o,...s}=t;return r(e,{$outlined:a||!1,$error:o,children:r(n,{ref:i,...s,checked:s.checked?!0:void 0})})});i.displayName=`Radio`;export{i as Radio};
+import{Wrapper as e}from"../SelectionControls.styles.js";import{forwardRef as t}from"react";import{jsx as n}from"react/jsx-runtime";import{Radio as r}from"@equinor/eds-core-react";const i=t((t,i)=>{let{outlined:a,error:o,...s}=t;return n(e,{$outlined:a||!1,$error:o,children:n(r,{ref:i,...s,checked:s.checked?!0:void 0})})});i.displayName=`Radio`;export{i as Radio};