@equinor/amplify-component-lib 11.1.0 → 12.0.0

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

@@ -1,11 +1,11 @@
 import { EditorPanel, ImageExtensionFnProps, RichTextEditorFeatures } from "../RichTextEditor.types.js";
 import { MenuButtonProps } from "./MenuButton.js";
 import { AddImageProps } from "./AddImageButton.js";
-import * as react31 from "react";
+import * as react42 from "react";
 import { FC } from "react";
-import * as styled_components0 from "styled-components";
+import * as styled_components9 from "styled-components";
 import { Editor } from "@tiptap/react";
-import * as styled_components_dist_types3 from "styled-components/dist/types";
+import * as styled_components_dist_types2 from "styled-components/dist/types";
 
 //#region src/molecules/RichTextEditor/MenuBar/MenuBar.d.ts
 interface MenuBarProps extends Pick<ImageExtensionFnProps, 'onImageUpload'> {
@@ -14,10 +14,10 @@ interface MenuBarProps extends Pick<ImageExtensionFnProps, 'onImageUpload'> {
 }
 declare const AmplifyBar: FC<MenuBarProps>;
 declare const EditorMenu: {
-  Bar: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-  Bars: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-  Button: react31.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react31.RefAttributes<HTMLButtonElement>>;
-  Section: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+  Bar: styled_components_dist_types2.IStyledComponentBase<"web", styled_components9.FastOmit<react42.DetailedHTMLProps<react42.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react42.DetailedHTMLProps<react42.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+  Bars: styled_components_dist_types2.IStyledComponentBase<"web", styled_components9.FastOmit<react42.DetailedHTMLProps<react42.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react42.DetailedHTMLProps<react42.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+  Button: react42.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react42.RefAttributes<HTMLButtonElement>>;
+  Section: styled_components_dist_types2.IStyledComponentBase<"web", styled_components9.FastOmit<react42.DetailedHTMLProps<react42.HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<react42.DetailedHTMLProps<react42.HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
   AddImageButton: FC<AddImageProps>;
 };
 declare const EditorText: {

package/dist/molecules/RichTextEditor/MenuBar/Table/TableDelete.js

@@ -1 +1 @@
-import{MenuButton as e}from"../MenuButton.js";import{jsx as t}from"react/jsx-runtime";import{table_chart as n}from"@equinor/eds-icons";const r=({editor:r})=>{let i=()=>r.chain().focus().deleteTable().run();return t(e,{active:!0,"data-testid":`remove-table`,tooltip:`Remove table`,icon:n,onClick:i})};export{r as TableDelete};
+import{MenuButton as e}from"../MenuButton.js";import{jsx as t}from"react/jsx-runtime";import{table_chart as n}from"@equinor/eds-icons";const r=({editor:r})=>t(e,{active:!0,"data-testid":`remove-table`,tooltip:`Remove table`,icon:n,onClick:()=>r.chain().focus().deleteTable().run()});export{r as TableDelete};

package/dist/molecules/RichTextEditor/MenuBar/TextColor.js

@@ -42,4 +42,4 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
   bottom: 5px;
   height: 4px;
   width: 24px;
-`,m=({editor:e,features:i})=>i&&!i.includes(t.TEXT_COLOR)?null:a(n,{title:`Text Color`,enterDelay:300,children:o(d,{children:[a(`input`,{type:`color`,onInput:t=>{e.chain().focus().setColor(t.target.value).run()},"data-testid":`text-color-input`,value:e.getAttributes(`textStyle`)?.color||c.text.static_icons__default.hex}),a(f,{children:a(r,{data:s})}),a(p,{style:{background:e.getAttributes(`textStyle`)?.color||c.text.static_icons__default.hex}})]})});export{m as TextColor};
+`,m=({editor:e,features:i})=>i&&!i.includes(t.TEXT_COLOR)?null:a(n,{title:`Text Color`,enterDelay:300,children:o(d,{children:[a(`input`,{type:`color`,onChange:t=>{e.chain().focus().setColor(t.target.value).run()},"data-testid":`text-color-input`,value:e.getAttributes(`textStyle`)?.color||c.text.static_icons__default.hex}),a(f,{children:a(r,{data:s})}),a(p,{style:{background:e.getAttributes(`textStyle`)?.color||c.text.static_icons__default.hex}})]})});export{m as TextColor};

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

@@ -29,7 +29,7 @@ import{VARIANT_COLORS as e,colors as t}from"../../atoms/style/colors.js";import{
       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}`};
     }
 
-    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 n.small;case`md`:return n.medium;case`lg`:return n.large;default:return 0}}};
 
     a {
       color: ${t.interactive.primary__resting.rgba};

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){if(!n.dataTransfer?.files?.length||e===void 0)return;let r=Array.from(n.dataTransfer.files).filter(e=>/image/i.test(e.type));if(r.length===0)return;n.preventDefault();let{schema:i}=t.state,a=t.posAtCoords({left:n.clientX,top:n.clientY});if(a)for(let n of r)e(n).then(e=>{if(!e)return;let n=i.nodes.image.create({src:e.src,alt:e.alt}),r=t.state.tr.insert(a.pos,n);t.dispatch(r)}).catch(e=>{console.error(e)})},paste(t,n){if(!n.clipboardData?.files?.length||e===void 0)return;let r=Array.from(n.clipboardData.files).filter(e=>/image/i.test(e.type));if(r.length===0)return;n.preventDefault();let{schema:i}=t.state;for(let n of r)e(n).then(e=>{if(!e)return;let n=i.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{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{inline:!1,allowBase64:!1,HTMLAttributes:{},resize:!1,...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){if(!n.dataTransfer?.files?.length||e===void 0)return;let r=Array.from(n.dataTransfer.files).filter(e=>/image/i.test(e.type));if(r.length===0)return;n.preventDefault();let{schema:i}=t.state,a=t.posAtCoords({left:n.clientX,top:n.clientY});if(a)for(let n of r)e(n).then(e=>{if(!e)return;let n=i.nodes.image.create({src:e.src,alt:e.alt}),r=t.state.tr.insert(a.pos,n);t.dispatch(r)}).catch(e=>{console.error(e)})},paste(t,n){if(!n.clipboardData?.files?.length||e===void 0)return;let r=Array.from(n.clipboardData.files).filter(e=>/image/i.test(e.type));if(r.length===0)return;n.preventDefault();let{schema:i}=t.state;for(let n of r)e(n).then(e=>{if(!e)return;let n=i.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,17 @@ import { EditorStylingProps, RichTextContentProps } from "./RichTextEditor.style
 import { EditorProviderProps } from "./EditorProvider.js";
 import { MenuBarProps } from "./MenuBar/MenuBar.js";
 import { RichTextEditor } from "./RichTextEditor.js";
-import * as react23 from "react";
+import * as react31 from "react";
+import * as styled_components3 from "styled-components";
 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<react23.DetailedHTMLProps<react23.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EditorStylingProps>> & string;
-  Provider: react23.FC<EditorProviderProps>;
-  Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<Omit<_tiptap_react0.EditorContentProps, "ref"> & react23.RefAttributes<HTMLDivElement>, RichTextContentProps>> & string & Omit<react23.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react23.RefAttributes<HTMLDivElement>>, keyof react23.Component<any, {}, any>>;
-  Bar: react23.FC<MenuBarProps>;
+  Styling: styled_components_dist_types0.IStyledComponentBase<"web", styled_components3.FastOmit<styled_components3.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never> & Partial<Pick<styled_components3.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never>>> & string;
+  Provider: react31.FC<EditorProviderProps>;
+  Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components3.FastOmit<styled_components3.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react31.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never> & Partial<Pick<styled_components3.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react31.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never>>> & string & Omit<react31.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react31.RefAttributes<HTMLDivElement>>, keyof react31.Component<any, {}, any>>;
+  Bar: react31.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{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.js";const i={Styling:t,Provider:r,Content:e,Bar:n};export{i as RichText};

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

@@ -1,10 +1,10 @@
-import * as react39 from "react";
+import * as react56 from "react";
 import { SearchProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/Search/Search.d.ts
 interface SearchProps$1 extends SearchProps {
   lightBackground?: boolean;
 }
-declare const Search$1: react39.ForwardRefExoticComponent<SearchProps$1 & react39.RefAttributes<HTMLInputElement>>;
+declare const Search$1: react56.ForwardRefExoticComponent<SearchProps$1 & react56.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Search$1 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_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/molecules/Select/ComboBox/ComboBox.d.ts
 type ComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T> & MultiSelectCommon<T> & (ListSelectProps<T> | GroupedSelectProps<T>);
@@ -17,6 +17,6 @@ type ComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T> & Mult
  * @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: ComboBoxProps<T>): react_jsx_runtime0.JSX.Element;
+declare function ComboBox<T extends SelectOptionRequired>(props: ComboBoxProps<T>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { ComboBox, ComboBoxProps };

package/dist/molecules/Select/ListSelectPersistent.js

@@ -1 +1 @@
-import{capitalize as e}from"../../atoms/utils/string.js";import{getChildOffset as t}from"./Select.utils.js";import{useListSelectItems as n}from"./Select.hooks.js";import{GroupTitle as r,NoItemsFoundText as i,NoTagFoundText as a}from"./Select.styles.js";import{SelectMenuItem as o}from"./SelectMenuItem.js";import{AddTagItem as s}from"./AddTagItem.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";const d=d=>{let{search:f,itemRefs:p,onItemKeyDown:m,mode:h}=d,{filteredItems:g}=n(d);if(g.length===0&&(!d.onAddItem||f===``))return l(i,{children:`No items found`});let _=g.some(e=>e.children&&e.children.length>0),v=g.map((e,n)=>({childOffset:t(g,n),index:n,item:e,itemValue:e.value,parentHasNestedItems:_,...d}));if(`onAddItem`in d&&d.onAddItem&&f!==``&&(g.length===1&&g.at(0)?.label.toLowerCase()!==f.trim().toLowerCase()||g.length!==1)){let t=d.itemSingularWord?d.itemSingularWord:`tag`;return u(c,{children:[l(r,{group:`navigation`,variant:`label`,children:`Add ${t}`}),l(s,{index:0,itemRefs:p,onItemKeyDown:m,onAddItem:d.onAddItem,addItemSingularWord:t,mode:h,children:f}),l(r,{group:`navigation`,variant:`label`,children:`${e(t)} search results`}),v.length>0?v.map((e,t)=>l(o,{...e,index:t+1},`menu-item-${t}-${e.item.value}`)):u(a,{children:[`No `,t,` for "`,f,`" found.`]})]})}return v.map((e,t)=>l(o,{...e,index:t},`menu-item-${t}-${e.item.value}`))};export{d as ListSelectPersistent};
+import{capitalize as e}from"../../atoms/utils/string.js";import{getChildOffset as t}from"./Select.utils.js";import{useListSelectItems as n}from"./Select.hooks.js";import{GroupTitle as r,NoItemsFoundText as i,NoTagFoundText as a}from"./Select.styles.js";import{SelectMenuItem as o}from"./SelectMenuItem.js";import{AddTagItem as s}from"./AddTagItem.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";const d=d=>{let{search:f,itemRefs:p,onItemKeyDown:m,mode:h}=d,{filteredItems:g}=n(d);if(g.length===0&&(!d.onAddItem||f===``))return l(i,{children:`No items found`});let _=g.some(e=>e.children&&e.children.length>0),v=g.map((e,n)=>({childOffset:t(g,n),index:n,item:e,itemValue:e.value,parentHasNestedItems:_,...d,mode:h}));if(`onAddItem`in d&&d.onAddItem&&f!==``&&(g.length===1&&g.at(0)?.label.toLowerCase()!==f.trim().toLowerCase()||g.length!==1)){let t=d.itemSingularWord?d.itemSingularWord:`tag`;return u(c,{children:[l(r,{group:`navigation`,variant:`label`,children:`Add ${t}`}),l(s,{index:0,itemRefs:p,onItemKeyDown:m,onAddItem:d.onAddItem,addItemSingularWord:t,mode:h,children:f}),l(r,{group:`navigation`,variant:`label`,children:`${e(t)} search results`}),v.length>0?v.map((e,t)=>l(o,{...e,index:t+1},`menu-item-${t}-${e.item.value}`)):u(a,{children:[`No `,t,` for "`,f,`" found.`]})]})}return v.map((e,t)=>l(o,{...e,index:t},`menu-item-${t}-${e.item.value}`))};export{d as ListSelectPersistent};

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

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, MultiSelectCommon, PersistentSelectProps, SelectOptionRequired } from "../Select.types.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/molecules/Select/PersistentComboBox/PersistentComboBox.d.ts
 type PersistentComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T> & MultiSelectCommon<T> & PersistentSelectProps & (GroupedSelectProps<T> | ListSelectProps<T>);
@@ -18,6 +18,6 @@ type PersistentComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  * @param maxHeight - Max height of the persistent wrapper below the search field, optional
  */
-declare function PersistentComboBox<T extends SelectOptionRequired>(props: PersistentComboBoxProps<T>): react_jsx_runtime2.JSX.Element;
+declare function PersistentComboBox<T extends SelectOptionRequired>(props: PersistentComboBoxProps<T>): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { PersistentComboBox, PersistentComboBoxProps };

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

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

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

@@ -234,7 +234,13 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
   color: ${r.text.static_icons__tertiary.rgba};
   top: calc(50%);
   transform: translate(0, -50%);
-`,D=u(E)`
+`,D=u(l)`
+  user-select: none;
+  pointer-events: none;
+  position: absolute;
+  color: ${r.text.static_icons__tertiary.rgba};
+  top: calc(50%);
+  transform: translate(0, -50%);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

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_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/molecules/Select/SingleSelect/SingleSelect.d.ts
 type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> & SingleSelectCommon<T> & (ListSelectProps<T> | GroupedSelectProps<T>);
@@ -15,6 +15,6 @@ type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> &
  * @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: SingleSelectProps<T>): react_jsx_runtime3.JSX.Element;
+declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { SingleSelect, SingleSelectProps };

package/dist/molecules/SelectionControls/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as react102 from "react";
+import * as react166 from "react";
 import { CheckboxProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Checkbox/Checkbox.d.ts
@@ -7,6 +7,6 @@ interface CheckboxProps$1 extends CheckboxProps {
   outlined?: boolean;
   error?: boolean;
 }
-declare const Checkbox$1: react102.ForwardRefExoticComponent<CheckboxProps$1 & react102.RefAttributes<HTMLInputElement>>;
+declare const Checkbox$1: react166.ForwardRefExoticComponent<CheckboxProps$1 & react166.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Checkbox$1 as Checkbox, CheckboxProps$1 as CheckboxProps };

package/dist/molecules/SelectionControls/Radio/Radio.d.ts

@@ -1,4 +1,4 @@
-import * as react108 from "react";
+import * as react162 from "react";
 import { RadioProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Radio/Radio.d.ts
@@ -7,6 +7,6 @@ interface RadioProps$1 extends RadioProps {
   outlined?: boolean;
   error?: boolean;
 }
-declare const Radio$1: react108.ForwardRefExoticComponent<RadioProps$1 & react108.RefAttributes<HTMLInputElement>>;
+declare const Radio$1: react162.ForwardRefExoticComponent<RadioProps$1 & react162.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Radio$1 as Radio, RadioProps$1 as RadioProps };

package/dist/molecules/SelectionControls/Switch/Switch.d.ts

@@ -1,10 +1,10 @@
-import * as react106 from "react";
+import * as react164 from "react";
 import { SwitchProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Switch/Switch.d.ts
 interface SwitchProps$1 extends SwitchProps {
   outlined?: boolean;
 }
-declare const Switch$1: react106.ForwardRefExoticComponent<SwitchProps$1 & react106.RefAttributes<HTMLInputElement>>;
+declare const Switch$1: react164.ForwardRefExoticComponent<SwitchProps$1 & react164.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Switch$1 as Switch, SwitchProps$1 as SwitchProps };

package/dist/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts

@@ -1,5 +1,6 @@
-import * as react41 from "react";
-import * as styled_components_dist_types6 from "styled-components/dist/types";
+import * as react58 from "react";
+import * as styled_components12 from "styled-components";
+import * as styled_components_dist_types5 from "styled-components/dist/types";
 import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
 
 //#region src/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts
@@ -7,6 +8,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
 interface SkeletonBaseProps {
   $offset?: number;
 }
-declare const SkeletonBase: styled_components_dist_types6.IStyledComponentBase<"web", styled_components_dist_types6.Substitute<react41.DetailedHTMLProps<react41.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
+declare const SkeletonBase: styled_components_dist_types5.IStyledComponentBase<"web", styled_components12.FastOmit<styled_components12.FastOmit<react58.DetailedHTMLProps<react58.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components12.FastOmit<react58.DetailedHTMLProps<react58.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never>>> & string;
 //#endregion
 export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };

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

@@ -12,4 +12,4 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
           cursor: pointer;
         }
       `:``}
-`,d=({index:t,onlyShowCurrentStepLabel:o=!1,children:s})=>{let{currentStep:d,setCurrentStep:f,isStepAtIndexDisabled:p}=n(),m=p(t),h=i(()=>t<d?`body_short`:`body_short_bold`,[d,t]),g=i(()=>t>d||m?e.interactive.disabled__text.rgba:e.text.static_icons__default.rgba,[d,t,m]),_=()=>{t<d&&!m&&f(t)};return l(u,{"data-testid":`step`,$clickable:t<d,onClick:_,$disabled:m,"aria-disabled":m,role:`button`,children:[c(r,{index:t,disabled:m}),(!o||d===t)&&c(a,{variant:h,color:g,children:s})]})};export{d as Step};
+`,d=({index:t,onlyShowCurrentStepLabel:o=!1,children:s})=>{let{currentStep:d,setCurrentStep:f,isStepAtIndexDisabled:p}=n(),m=p(t),h=i(()=>t<d?`body_short`:`body_short_bold`,[d,t]),g=i(()=>t>d||m?e.interactive.disabled__text.rgba:e.text.static_icons__default.rgba,[d,t,m]);return l(u,{"data-testid":`step`,$clickable:t<d,onClick:()=>{t<d&&!m&&f(t)},$disabled:m,"aria-disabled":m,role:`button`,children:[c(r,{index:t,disabled:m}),(!o||d===t)&&c(a,{variant:h,color:g,children:s})]})};export{d as default};

package/dist/molecules/Stepper/Stepper.js

@@ -1,4 +1,4 @@
-import{spacings as e}from"../../atoms/style/spacings.js";import{useStepper as t}from"../../providers/StepperProvider.js";import{Step as n}from"./Step/Step.js";import{StepLine as r}from"./StepLine.js";import{SubTitle as i}from"./SubTitle/SubTitle.js";import{useMemo as a}from"react";import o,{css as s}from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=o.div`
+import{spacings as e}from"../../atoms/style/spacings.js";import{useStepper as t}from"../../providers/StepperProvider.js";import n from"./Step/Step.js";import{StepLine as r}from"./StepLine.js";import{SubTitle as i}from"./SubTitle/SubTitle.js";import{useMemo as a}from"react";import o,{css as s}from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=o.div`
   display: flex;
   flex-direction: column;
   gap: ${e.xx_large};

package/dist/molecules/Tabs/Tab.js

@@ -1 +1 @@
-import{colors as e}from"../../atoms/style/colors.js";import{getVariantIcon as t}from"../../atoms/utils/forms.js";import{ActiveLine as n,Button as r,Count as i,Line as a}from"./Tab.styles.js";import{Icon as o,Typography as s}from"@equinor/eds-core-react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";const d={warning:e.interactive.warning__text.rgba,error:e.interactive.danger__text.rgba};function f({value:e,label:f,selectedIndex:p,index:m,onChange:h,onHover:g,centered:_,animated:v,disabled:y,leadingIcon:b,trailingIcon:x,variant:S,count:C}){let w=S?t(S):b,T=()=>{h(e)},E=()=>{g&&g(e)};return u(r,{role:`tab`,"aria-selected":p===m,onClick:T,onMouseEnter:E,$centered:_,disabled:y,children:[w?l(o,{data:w,size:24,style:S?{fill:d[S]}:void 0}):null,l(s,{as:`label`,variant:`menu_tabs`,group:`navigation`,children:f}),C===void 0?null:l(i,{className:`count`,children:l(s,{as:`span`,variant:`breadcrumb`,group:`navigation`,children:C})}),x?l(o,{data:x,size:24}):null,v?u(c,{children:[l(a,{className:`static-line`}),l(n,{animate:{left:`${(p-m)*100}%`}})]}):l(a,{className:`static-line`,$active:p===m})]})}export{f as Tab};
+import{colors as e}from"../../atoms/style/colors.js";import{getVariantIcon as t}from"../../atoms/utils/forms.js";import{ActiveLine as n,Button as r,Count as i,Line as a}from"./Tab.styles.js";import{Icon as o,Typography as s}from"@equinor/eds-core-react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";const d={warning:e.interactive.warning__text.rgba,error:e.interactive.danger__text.rgba};function f({value:e,label:f,selectedIndex:p,index:m,onChange:h,onHover:g,centered:_,animated:v,disabled:y,leadingIcon:b,trailingIcon:x,variant:S,count:C}){let w=S?t(S):b;return u(r,{role:`tab`,"aria-selected":p===m,onClick:()=>{h(e)},onMouseEnter:()=>{g&&g(e)},$centered:_,disabled:y,children:[w?l(o,{data:w,size:24,style:S?{fill:d[S]}:void 0}):null,l(s,{as:`label`,variant:`menu_tabs`,group:`navigation`,children:f}),C===void 0?null:l(i,{className:`count`,children:l(s,{as:`span`,variant:`breadcrumb`,group:`navigation`,children:C})}),x?l(o,{data:x,size:24}):null,v?u(c,{children:[l(a,{className:`static-line`}),l(n,{animate:{left:`${(p-m)*100}%`}})]}):l(a,{className:`static-line`,$active:p===m})]})}export{f as Tab};

package/dist/molecules/TextField/TextField.js

@@ -1,4 +1,4 @@
-import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import{shape as i}from"../../atoms/style/index.js";import{getSkeletonHeight as a,getSkeletonTop as o}from"../../atoms/utils/skeleton.js";import{SkeletonBase as s}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{InputExplanation as c}from"../InputExplanation/InputExplanation.js";import{useEffect as l,useRef as u,useState as d}from"react";import{TextField as f,Typography as p}from"@equinor/eds-core-react";import m,{css as h}from"styled-components";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=m.div`
+import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import{shape as i}from"../../atoms/style/index.js";import{getSkeletonHeight as a,getSkeletonTop as o}from"../../atoms/utils/skeleton.js";import{InputExplanation as s}from"../InputExplanation/InputExplanation.js";import{SkeletonBase as c}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{useEffect as l,useRef as u,useState as d}from"react";import{TextField as f,Typography as p}from"@equinor/eds-core-react";import m,{css as h}from"styled-components";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=m.div`
   position: relative;
   height: fit-content;
   input,
@@ -71,7 +71,7 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
         }
       }
     `}
-`,y=m(s)`
+`,y=m(c)`
   position: absolute;
   left: ${r.small};
   border-radius: ${i.corners.borderRadius};
@@ -83,4 +83,4 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
   display: flex;
   gap: ${r.x_small};
   align-items: center;
-`,S=e=>{if(e.maxCharacters&&`type`in e&&e.type!==`text`)throw Error('`maxCharacters` prop is not supported for input types other than "text".');if(e.explanation&&!e.label)throw Error("`explanation` prop requires a `label` to be set on the TextField.");let i={...e,variant:e.variant===`dirty`?void 0:e.variant},s=e.loading?void 0:e.variant,p=o(e),m=a(e),h=u(`${Math.max(20,Math.random()*80)}%`),[S,C]=d(typeof e.value==`string`?e.value.length:0),[w,T]=d(0),E=e=>{if(e){let t=e.getBoundingClientRect().width;T(t)}},D=t=>{e.onChange&&e.onChange(t),e.maxCharacters&&C(t.target.value.length)};return l(()=>{typeof e.value==`string`&&e.maxCharacters&&e.value.length!==S&&C(e.value.length)},[S,e.maxCharacters,e.value]),_(v,{ref:t=>{if(!t||!e.maxCharacters)return;let n=t.querySelector(`input, textarea`);n&&C(n.value.length)},$variant:s,$disabled:e.loading?!1:e.disabled,$helperRightWidth:w,style:{marginBottom:!e.helperText&&e.maxCharacters?`calc(${r.small} + 1rem)`:0},children:[g(f,{...i,label:i.label?_(x,{children:[i.label,e.explanation&&g(c,{position:e.explanationPosition,children:e.explanation})]}):void 0,disabled:e.loading||e.disabled,onChange:D}),e.loading&&g(y,{className:`skeleton`,role:`progressbar`,style:{top:p,height:m,width:h.current}}),e.maxCharacters&&_(b,{ref:E,variant:`helper`,group:`input`,color:i.variant?t[i.variant]:n.text.static_icons__tertiary.rgba,style:{bottom:e.helperText?`0`:`calc((${r.small} + 1rem) * -1)`},children:[S,` / `,e.maxCharacters]})]})};export{S as TextField};
+`,S=e=>{if(e.maxCharacters&&`type`in e&&e.type!==`text`)throw Error('`maxCharacters` prop is not supported for input types other than "text".');if(e.explanation&&!e.label)throw Error("`explanation` prop requires a `label` to be set on the TextField.");let i={...e,variant:e.variant===`dirty`?void 0:e.variant},c=e.loading?void 0:e.variant,p=o(e),m=a(e),h=u(`${Math.max(20,Math.random()*80)}%`),[S,C]=d(typeof e.value==`string`?e.value.length:0),[w,T]=d(0),E=e=>{if(e){let t=e.getBoundingClientRect().width;T(t)}},D=t=>{e.onChange&&e.onChange(t),e.maxCharacters&&C(t.target.value.length)};return l(()=>{typeof e.value==`string`&&e.maxCharacters&&e.value.length!==S&&C(e.value.length)},[S,e.maxCharacters,e.value]),_(v,{ref:t=>{if(!t||!e.maxCharacters)return;let n=t.querySelector(`input, textarea`);n&&C(n.value.length)},$variant:c,$disabled:e.loading?!1:e.disabled,$helperRightWidth:w,style:{marginBottom:!e.helperText&&e.maxCharacters?`calc(${r.small} + 1rem)`:0},children:[g(f,{...i,label:i.label?_(x,{children:[i.label,e.explanation&&g(s,{position:e.explanationPosition,children:e.explanation})]}):void 0,disabled:e.loading||e.disabled,onChange:D}),e.loading&&g(y,{className:`skeleton`,role:`progressbar`,style:{top:p,height:m,width:h.current}}),e.maxCharacters&&_(b,{ref:E,variant:`helper`,group:`input`,color:i.variant?t[i.variant]:n.text.static_icons__tertiary.rgba,style:{bottom:e.helperText?`0`:`calc((${r.small} + 1rem) * -1)`},children:[S,` / `,e.maxCharacters]})]})};export{S as TextField};

package/dist/molecules/index.js

@@ -1 +1 @@
-import{FullPageSpinner as e}from"./FullPageSpinner/FullPageSpinner.js";import{DEFAULT_FEATURES as t,RichTextEditorFeatures as n}from"./RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as ee}from"./RichTextEditor/custom-extensions/AmplifyKit.js";import{Button as te}from"./Button/Button.js";import{Toast as ne}from"./Toast/Toast.js";import{Confetti as re}from"./Confetti/Confetti.js";import{AnimatedCheckmark as ie}from"./AnimatedCheckmark/AnimatedCheckmark.js";import{ApplicationIcon as ae}from"./ApplicationIcon/ApplicationIcon.js";import{Badge as oe}from"./Badge/Badge.js";import{Banner as se}from"./Banner/Banner.js";import{Chip as ce}from"./Chip/Chip.js";import{SkeletonBase as r,skeletonBaseloading as i}from"./Skeleton/SkeletonBase/SkeletonBase.js";import{DatePicker as a}from"./DatePicker/DatePicker.js";import{DateRangePicker as o}from"./DateRangePicker/DateRangePicker.js";import{OptionalTooltip as s}from"./OptionalTooltip/OptionalTooltip.js";import{Dialog as c}from"./Dialog/Dialog.js";import{EquinorLogo as l}from"./EquinorLogo/EquinorLogo.js";import{FileProgress as u}from"./FileProgress/FileProgress.js";import{FileUploadArea as d}from"./FileUploadArea/FileUploadArea.js";import{IconCellColors as f,IconCellStates as p,IconCellVariants as m}from"./IconCell/IconCell.types.js";import{IconCell as h}from"./IconCell/IconCell.js";import{InfoElement as g}from"./InfoElement/InfoElement.js";import{InformationalNotice as _}from"./InformationalNotice/InformationalNotice.js";import{ProfileAvatar as v}from"./ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as y}from"./RichTextDisplay/RichTextDisplay.js";import{TableMenuBar as b,TextTable as x}from"./RichTextEditor/MenuBar/Table/TableBar.js";import{TextField as S}from"./TextField/TextField.js";import{AmplifyBar as C,EditorMenu as w,EditorText as T}from"./RichTextEditor/MenuBar/MenuBar.js";import{RichTextEditor as le}from"./RichTextEditor/RichTextEditor.js";import{RichText as E}from"./RichTextEditor/index.js";import{Tabs as D}from"./Tabs/Tabs.js";import{Search as O}from"./Search/Search.js";import{SkeletonGradient as k}from"./Skeleton/SkeletonGradient/SkeletonGradient.js";import{Stepper as A}from"./Stepper/Stepper.js";import{OptionDrawer as j}from"./OptionDrawer/OptionDrawer.js";import{ComboBoxChip as M}from"./Select/Select.styles.js";import{ComboBox as N}from"./Select/ComboBox/ComboBox.js";import{PersistentComboBox as P}from"./Select/PersistentComboBox/PersistentComboBox.js";import{SingleSelect as F}from"./Select/SingleSelect/SingleSelect.js";import{Tag as I}from"./Tag/Tag.js";import{TableHeader as L}from"./TableHeader/TableHeader.js";import{FeedBackIcon as R}from"./FeedBackIcon/FeedBackIcon.js";import{ListItem as z}from"./ListItem/ListItem.js";import{Checkbox as B}from"./SelectionControls/Checkbox/Checkbox.js";import{Radio as V}from"./SelectionControls/Radio/Radio.js";import{Switch as H}from"./SelectionControls/Switch/Switch.js";import{Waves as U}from"./Waves/Waves.js";import{Accordion as W,Breadcrumbs as G,CircularProgress as K,Dialog as q,Divider as J,DotProgress as Y,Icon as X,LinearProgress as Z,Menu as Q,Typography as $}from"@equinor/eds-core-react";export{W as Accordion,G as Breadcrumbs,K as CircularProgress,J as Divider,Y as DotProgress,q as EDSDialog,X as Icon,Z as LinearProgress,Q as Menu,$ as Typography};
+import"./FullPageSpinner/FullPageSpinner.js";import"./RichTextEditor/RichTextEditor.types.js";import"./RichTextEditor/custom-extensions/AmplifyKit.js";import"./Button/Button.js";import"./Toast/Toast.js";import"./Confetti/Confetti.js";import"./Skeleton/SkeletonBase/SkeletonBase.js";import"./TextField/TextField.js";import"./SelectionControls/Checkbox/Checkbox.js";import"./SelectionControls/Radio/Radio.js";import"./AnimatedCheckmark/AnimatedCheckmark.js";import"./ApplicationIcon/ApplicationIcon.js";import"./Badge/Badge.js";import"./Banner/Banner.js";import"./Chip/Chip.js";import"./DatePicker/DatePicker.js";import"./DateRangePicker/DateRangePicker.js";import"./OptionalTooltip/OptionalTooltip.js";import"./Dialog/Dialog.js";import"./EquinorLogo/EquinorLogo.js";import"./FileProgress/FileProgress.js";import"./FileUploadArea/FileUploadArea.js";import"./IconCell/IconCell.types.js";import"./IconCell/IconCell.js";import"./InfoElement/InfoElement.js";import"./InformationalNotice/InformationalNotice.js";import"./ProfileAvatar/ProfileAvatar.js";import"./RichTextDisplay/RichTextDisplay.js";import"./RichTextEditor/MenuBar/Table/TableBar.js";import"./RichTextEditor/MenuBar/MenuBar.js";import"./RichTextEditor/RichTextEditor.js";import"./RichTextEditor/index.js";import"./Tabs/Tabs.js";import"./Search/Search.js";import"./Skeleton/SkeletonGradient/SkeletonGradient.js";import"./Stepper/Stepper.js";import"./OptionDrawer/OptionDrawer.js";import"./Select/Select.styles.js";import"./Select/ComboBox/ComboBox.js";import"./Select/PersistentComboBox/PersistentComboBox.js";import"./Select/SingleSelect/SingleSelect.js";import"./Tag/Tag.js";import"./TableHeader/TableHeader.js";import"./FeedBackIcon/FeedBackIcon.js";import"./ListItem/ListItem.js";import"./SelectionControls/Switch/Switch.js";import"./Waves/Waves.js";import{Accordion as e,Breadcrumbs as t,CircularProgress as n,Dialog as r,Divider as i,DotProgress as a,Icon as o,LinearProgress as s,Menu as c,Typography as l}from"@equinor/eds-core-react";export{e as Accordion,t as Breadcrumbs,n as CircularProgress,i as Divider,a as DotProgress,r as EDSDialog,o as Icon,s as LinearProgress,c as Menu,l as Typography};

package/dist/organisms/DataGrid/DataGrid.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { EdsDataGridProps } from "@equinor/eds-data-grid-react";
 
 //#region src/organisms/DataGrid/DataGrid.d.ts
-declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime4.JSX.Element;
+declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DataGrid };

package/dist/organisms/Faq/Category/Category.styles.js

@@ -1,14 +1,14 @@
-import{spacings as e}from"../../../atoms/style/spacings.js";import{HEADER_HEIGHT as t}from"../Faq.utils.js";import n from"styled-components";const r=n.div`
+import{spacings as e}from"../../../atoms/style/spacings.js";import t from"styled-components";const n=t.div`
   display: flex;
   flex-direction: column;
   margin-top: ${e.large};
   gap: ${e.medium};
-`,i=n.div`
+`,r=t.div`
   display: flex;
   flex-direction: column;
-`,a=n.div`
+`,i=t.div`
   display: flex;
   gap: ${e.small};
   align-items: center;
-  scroll-margin-top: ${t}px;
-`;export{r as Container,i as Content,a as Header};
+  scroll-margin-top: ${89}px;
+`;export{n as Container,r as Content,i as Header};

package/dist/organisms/Faq/Category/Question/Question.styles.js

@@ -1,11 +1,11 @@
-import{colors as e}from"../../../../atoms/style/colors.js";import{spacings as t}from"../../../../atoms/style/spacings.js";import{shape as n}from"../../../../atoms/style/index.js";import{HEADER_HEIGHT as r}from"../../Faq.utils.js";import{styled as i}from"styled-components";import{motion as a}from"motion/react";const o=i.div`
+import{colors as e}from"../../../../atoms/style/colors.js";import{spacings as t}from"../../../../atoms/style/spacings.js";import{shape as n}from"../../../../atoms/style/index.js";import{styled as r}from"styled-components";import{motion as i}from"motion/react";const a=r.div`
   flex-grow: 1;
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: center;
   column-gap: ${t.medium};
   padding: 0 ${t.medium};
-`,s=i.div`
+`,o=r.div`
   position: relative;
   display: flex;
   background: ${e.ui.background__default.rgba};
@@ -33,23 +33,23 @@ import{colors as e}from"../../../../atoms/style/colors.js";import{spacings as t}
     border-radius: ${n.corners.borderRadius};
     opacity: 0;
   }
-`,c=i.header`
+`,s=r.header`
   display: flex;
   flex-direction: column;
   gap: ${t.x_small};
   padding: ${t.medium} 0;
-  scroll-margin-top: ${r}px;
+  scroll-margin-top: ${89}px;
   > div {
     display: flex;
     align-items: center;
     gap: ${t.x_small};
     color: ${e.text.static_icons__tertiary.rgba};
   }
-`,l=i.section`
+`,c=r.section`
   display: flex;
   gap: ${t.medium};
   align-items: center;
-`,u=i(a.div)`
+`,l=r(i.div)`
   grid-column: 1 / 3;
   display: flex;
   flex-direction: column;
@@ -61,4 +61,4 @@ import{colors as e}from"../../../../atoms/style/colors.js";import{spacings as t}
   > div {
     padding-bottom: ${t.medium};
   }
-`;export{o as Container,u as ExpandWrapper,c as Header,l as TopRight,s as Wrapper};
+`;export{a as Container,l as ExpandWrapper,s as Header,c as TopRight,o as Wrapper};

package/dist/organisms/Faq/Category/Subcategory.js

@@ -1,4 +1,4 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{shape as n}from"../../../atoms/style/index.js";import{Typography as r}from"../../../molecules/index.js";import{HEADER_HEIGHT as i}from"../Faq.utils.js";import{Question as a}from"./Question/Question.js";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.div`
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{shape as n}from"../../../atoms/style/index.js";import{Typography as r}from"../../../molecules/index.js";import{Question as i}from"./Question/Question.js";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=a.div`
   display: grid;
   grid-template-columns: auto 1fr;
   gap: ${t.medium};
@@ -16,19 +16,19 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
     border-bottom-left-radius: ${n.corners.borderRadius};
     border-bottom-right-radius: ${n.corners.borderRadius};
   }
-`,u=o.div`
+`,l=a.div`
   display: flex;
   gap: ${t.small};
   align-items: center;
-  scroll-margin-top: ${i}px;
-`,d=o.hr`
+  scroll-margin-top: ${89}px;
+`,u=a.hr`
   height: 100%;
   width: 2px;
-`,f=o.div`
+`,d=a.div`
   display: flex;
   flex-direction: column;
   gap: ${t.medium};
-`,p=o.div`
+`,f=a.div`
   display: flex;
   flex-direction: column;
-`,m=({id:t,faqs:n,categoryName:i})=>c(l,{"aria-label":`Subcategory: ${i}`,children:[s(d,{}),c(f,{children:[s(u,{id:`subcategory-${t}`,children:s(r,{variant:`h5`,color:e.text.static_icons__tertiary.rgba,children:i})}),s(p,{children:n?.map(e=>s(a,{...e},e.id))})]})]});export{m as Subcategory};
+`,p=({id:t,faqs:n,categoryName:a})=>s(c,{"aria-label":`Subcategory: ${a}`,children:[o(u,{}),s(d,{children:[o(l,{id:`subcategory-${t}`,children:o(r,{variant:`h5`,color:e.text.static_icons__tertiary.rgba,children:a})}),o(f,{children:n?.map(e=>o(i,{...e},e.id))})]})]});export{p as Subcategory};

package/dist/organisms/Faq/Faq.js

@@ -1,20 +1,20 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Status as n}from"../Status/index.js";import{TableOfContentsProvider as r}from"../../providers/TableOfContentsProvider.js";import{useFaqsInApplication as i}from"../../atoms/hooks/useFaqsInApplication.js";import{TableOfContents as a}from"../TableOfContents/TableOfContents.js";import{HEADER_HEIGHT as o,categoryHasFaqs as s,filterCategory as c,mapCategoryToSearch as l}from"./Faq.utils.js";import{Category as u}from"./Category/Category.js";import{CategorySkeleton as d}from"./Category/CategorySkeleton.js";import{AppPageWrapper as f}from"./AppPageWrapper.js";import{Search as p}from"./Search.js";import{Typography as m}from"@equinor/eds-core-react";import h from"styled-components";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{useSearch as v}from"@tanstack/react-router";const y=h.div`
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Status as n}from"../Status/index.js";import{TableOfContentsProvider as r}from"../../providers/TableOfContentsProvider.js";import{useFaqsInApplication as i}from"../../atoms/hooks/useFaqsInApplication.js";import{TableOfContents as a}from"../TableOfContents/TableOfContents.js";import{categoryHasFaqs as o,filterCategory as s,mapCategoryToSearch as c}from"./Faq.utils.js";import{Category as l}from"./Category/Category.js";import{CategorySkeleton as u}from"./Category/CategorySkeleton.js";import{AppPageWrapper as d}from"./AppPageWrapper.js";import{Search as f}from"./Search.js";import{Typography as p}from"@equinor/eds-core-react";import m from"styled-components";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useSearch as _}from"@tanstack/react-router";const v=m.div`
   display: grid;
   grid-template-columns: ${({$showToc:e})=>e?`1fr 180px`:`1fr auto`};
   gap: ${t.large};
-`,b=h.div`
+`,y=m.div`
   display: flex;
   flex-direction: column;
   gap: ${t.large};
-`,x=h.div`
+`,b=m.div`
   height: fit-content;
   position: sticky;
-  top: ${o}px;
+  top: ${89}px;
   grid-row: span 2;
-`,S=h.div`
+`,x=m.div`
   position: sticky;
   top: 0;
   padding: ${t.large} 0;
   background: ${e.ui.background__light.rgba};
   z-index: 100;
-`,C=({searchPlaceholder:e,title:t})=>{let{search:o}=v({strict:!1}),{data:h,isLoading:C}=i(),w=!!o,T=(h??[]).map(e=>l(e,o)).filter(c),E=T.map(e=>({label:e.categoryName??``,value:`category-${e.id}`,count:(e.faqs??[]).length+(e.subCategories?e.subCategories.reduce((e,t)=>e+(t.faqs??[]).length,0):0),children:[...(e.faqs??[]).map(e=>({label:e.question??``,value:`faq-${e.id}`})),...(e.subCategories??[]).map(e=>({label:e.categoryName??``,value:`subcategory-${e.id}`,count:(e.faqs??[]).length}))]})),D=!C&&(T.length===0||T.every(e=>!s(e))),O=C||E.length>0;return _(f,{children:[g(S,{children:g(m,{variant:`h1`,bold:!0,children:t??`FAQ`})}),g(r,{items:E,hashNavigation:!0,children:_(y,{$showToc:O,children:[g(p,{placeholder:e}),g(x,{children:g(a,{})}),g(b,{children:C?Array.from({length:2}).fill(null).map((e,t)=>g(d,{},`category-${t.toString()}`)):D?g(n,{center:!1,children:g(n.Title,{title:`No FAQs ${w?`found`:`yet`}`})}):T.map(e=>g(u,{...e},e.id))})]})})]})};export{C as Faq};
+`,S=({searchPlaceholder:e,title:t})=>{let{search:m}=_({strict:!1}),{data:S,isLoading:C}=i(),w=!!m,T=(S??[]).map(e=>c(e,m)).filter(s),E=T.map(e=>({label:e.categoryName??``,value:`category-${e.id}`,count:(e.faqs??[]).length+(e.subCategories?e.subCategories.reduce((e,t)=>e+(t.faqs??[]).length,0):0),children:[...(e.faqs??[]).map(e=>({label:e.question??``,value:`faq-${e.id}`})),...(e.subCategories??[]).map(e=>({label:e.categoryName??``,value:`subcategory-${e.id}`,count:(e.faqs??[]).length}))]})),D=!C&&(T.length===0||T.every(e=>!o(e))),O=C||E.length>0;return g(d,{children:[h(x,{children:h(p,{variant:`h1`,bold:!0,children:t??`FAQ`})}),h(r,{items:E,hashNavigation:!0,children:g(v,{$showToc:O,children:[h(f,{placeholder:e}),h(b,{children:h(a,{})}),h(y,{children:C?Array.from({length:2}).fill(null).map((e,t)=>h(u,{},`category-${t.toString()}`)):D?h(n,{center:!1,children:h(n.Title,{title:`No FAQs ${w?`found`:`yet`}`})}):T.map(e=>h(l,{...e},e.id))})]})})]})};export{S as Faq};

package/dist/organisms/Faq/Faq.utils.js

@@ -1 +1 @@
-const e=89,t=e=>{let t=(e.faqs?.length??0)>0,n=e.subCategories?.some(e=>(e.faqs?.length??0)>0);return t||!!n};function n(e,t){let n=t.toLowerCase();return!e.answer||!e.question?!1:n===``?!0:e.answer.toLowerCase().includes(n)||e.question.toLowerCase().includes(n)}function r(e){return t(e)}function i(e,t){let r=(e.faqs??[]).filter(e=>!t||n(e,t)),i=(e.subCategories??[]).map(e=>{let r=(e.faqs??[]).filter(e=>!t||n(e,t));return r.length>0?{...e,faqs:r}:null}).filter(Boolean);return{...e,faqs:r,subCategories:i}}export{e as HEADER_HEIGHT,t as categoryHasFaqs,r as filterCategory,i as mapCategoryToSearch};
+const e=e=>{let t=(e.faqs?.length??0)>0,n=e.subCategories?.some(e=>(e.faqs?.length??0)>0);return t||!!n};function t(e,t){let n=t.toLowerCase();return!e.answer||!e.question?!1:n===``?!0:e.answer.toLowerCase().includes(n)||e.question.toLowerCase().includes(n)}function n(t){return e(t)}function r(e,n){let r=(e.faqs??[]).filter(e=>!n||t(e,n)),i=(e.subCategories??[]).map(e=>{let r=(e.faqs??[]).filter(e=>!n||t(e,n));return r.length>0?{...e,faqs:r}:null}).filter(Boolean);return{...e,faqs:r,subCategories:i}}export{e as categoryHasFaqs,n as filterCategory,r as mapCategoryToSearch};

package/dist/organisms/FieldSelector/ChangingField.js

@@ -1,4 +1,4 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{capitalize as n}from"../../atoms/utils/string.js";import{useFakeProgress as r}from"../../atoms/hooks/useFakeProgress.js";import{AnimatedCheckmark as i}from"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import a from"react";import{LinearProgress as o,Typography as s}from"@equinor/eds-core-react";import c from"styled-components";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=c.div`
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{capitalize as n}from"../../atoms/utils/string.js";import{useFakeProgress as r}from"../../atoms/hooks/useFakeProgress.js";import{AnimatedCheckmark as i}from"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import"react";import{LinearProgress as a,Typography as o}from"@equinor/eds-core-react";import s from"styled-components";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";const d=s.div`
   gap: ${t.medium};
   position: absolute;
   top: 50%;
@@ -11,14 +11,14 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   min-height: calc(100vh - (${t.xxx_large} * 4));
   width: 100%;
   max-width: 370px;
-`,p=c(o)`
+`,f=s(a)`
   background-color: ${e.interactive.primary__hover_alt.rgba};
 
   div {
     background-color: ${e.interactive.primary__resting.rgba};
   }
-`,m=c(s)`
+`,p=s(o)`
   span {
     text-transform: capitalize;
   }
-`,h=({fieldName:e,onChangedField:t,finishedText:a})=>{let{finished:o,progress:c}=r({onDone:t});return u(f,{children:o?d(l,{children:[d(m,{variant:`h3`,children:[`Changed to `,u(`span`,{children:n(e)})]}),u(i,{}),u(s,{variant:`h6`,children:a})]}):d(l,{children:[d(s,{variant:`h3`,children:[`Changing field.`,`.`.repeat(c/35)]}),u(p,{variant:`determinate`,value:c})]})})};export{h as ChangingField};
+`,m=({fieldName:e,onChangedField:t,finishedText:a})=>{let{finished:s,progress:m}=r({onDone:t});return l(d,{children:s?u(c,{children:[u(p,{variant:`h3`,children:[`Changed to `,l(`span`,{children:n(e)})]}),l(i,{}),l(o,{variant:`h6`,children:a})]}):u(c,{children:[u(o,{variant:`h3`,children:[`Changing field.`,`.`.repeat(m/35)]}),l(f,{variant:`determinate`,value:m})]})})};export{m as ChangingField};

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

@@ -1,4 +1,4 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{elevation as n,shape as r}from"../../../atoms/style/index.js";import{SingleSelect as i}from"../../../molecules/Select/SingleSelect/SingleSelect.js";import a,{useMemo as o,useState as s}from"react";import{Button as c,Card as l,Icon as u,Typography as d}from"@equinor/eds-core-react";import f from"styled-components";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{arrow_forward as h}from"@equinor/eds-icons";const g=f(l)`
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{elevation as n,shape as r}from"../../../atoms/style/index.js";import{SingleSelect as i}from"../../../molecules/Select/SingleSelect/SingleSelect.js";import{useMemo as a,useState as o}from"react";import{Button as s,Card as c,Icon as l,Typography as u}from"@equinor/eds-core-react";import d from"styled-components";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{arrow_forward as m}from"@equinor/eds-icons";const h=d(c)`
   position: absolute;
   left: 50%;
   top: 50%;
@@ -27,14 +27,14 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
       grid-gap: ${t.medium};
     }
   }
-`,_=f.div`
+`,g=d.div`
   display: flex;
   flex-direction: column;
   gap: ${t.small};
   > h6 {
     text-transform: capitalize;
   }
-`,v=f.a`
+`,_=d.a`
   padding: ${t.small} ${t.medium};
   transition: background-color 200ms ease;
   font-size: 14px;
@@ -54,4 +54,4 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
     background-color: ${e.interactive.primary__hover_alt.rgba};
     cursor: pointer;
   }
-`,y=({availableFields:e,onSelect:t,itemNameSingular:n,showAccessITLink:r=!0})=>{let[a,l]=s(),f=()=>{a!==void 0&&t({name:a.name,uuid:a.uuid,country:a.country})},y=e=>{l(e)},b=o(()=>{let t=[];for(let n of e)n.name?t.push({label:n.name,value:n.name,...n}):console.error(`Field with no name found!:`,n);return t},[e]);return m(g,{children:[m(d,{variant:`h3`,children:[`Please select a `,n]}),m(`div`,{children:[m(`section`,{children:[p(i,{lightBackground:!0,value:a,items:b,placeholder:`Select a ${n}...`,onSelect:y}),p(c,{"data-testid":`nextButton`,variant:`contained_icon`,disabled:a===void 0,onClick:f,children:p(u,{data:h})})]}),r&&m(_,{children:[m(d,{variant:`overline`,children:[`Missing a `,n,`?`]}),p(v,{tabIndex:0,"data-testid":`missing-access`,href:`https://accessit.equinor.com/#`,target:`_blank`,children:`Go to AccessIT`})]})]})]})};export{y as SelectorCard};
+`,v=({availableFields:e,onSelect:t,itemNameSingular:n,showAccessITLink:r=!0})=>{let[c,d]=o(),v=()=>{c!==void 0&&t({name:c.name,uuid:c.uuid,country:c.country})},y=e=>{d(e)},b=a(()=>{let t=[];for(let n of e)n.name?t.push({label:n.name,value:n.name,...n}):console.error(`Field with no name found!:`,n);return t},[e]);return p(h,{children:[p(u,{variant:`h3`,children:[`Please select a `,n]}),p(`div`,{children:[p(`section`,{children:[f(i,{lightBackground:!0,value:c,items:b,placeholder:`Select a ${n}...`,onSelect:y}),f(s,{"data-testid":`nextButton`,variant:`contained_icon`,disabled:c===void 0,onClick:v,children:f(l,{data:m})})]}),r&&p(g,{children:[p(u,{variant:`overline`,children:[`Missing a `,n,`?`]}),f(_,{tabIndex:0,"data-testid":`missing-access`,href:`https://accessit.equinor.com/#`,target:`_blank`,children:`Go to AccessIT`})]})]})]})};export{v as SelectorCard};