@equinor/amplify-component-lib 12.0.5 → 12.0.7

package/dist/atoms/hooks/useAmplifyKit.js

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../../molecules/RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as t}from"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import{useMemo as n}from"react";const r=({features:r,placeholder:i,onImageUpload:a,onImageRead:o})=>n(()=>t.configure({placeholder:i?{placeholder:i}:void 0,link:r?.includes(e.LINKS)?{}:!1,table:r?.includes(e.TABLE)?{}:!1,textAlign:r?.includes(e.ALIGNMENT)?{}:!1,bulletList:r?.includes(e.LISTS)?{}:!1,orderedList:r?.includes(e.LISTS)?{}:!1,codeBlockLowlight:r?.includes(e.CODE)?{}:!1,image:r?.includes(e.IMAGES)?{onImageUpload:a,onImageRead:o}:!1,heading:r?.includes(e.HEADERS)?{}:!1}),[i,r,a,o]);export{r as useAmplifyKit};
+import"../../molecules/RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as e}from"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import{useMemo as t}from"react";const n=({features:n,placeholder:r,onImageUpload:i,onImageRead:a})=>t(()=>e.configure({placeholder:r?{placeholder:r}:void 0,link:n?.includes(`links`)?{}:!1,table:n?.includes(`table`)?{}:!1,textAlign:n?.includes(`alignment`)?{}:!1,bulletList:n?.includes(`lists`)?{}:!1,orderedList:n?.includes(`lists`)?{}:!1,codeBlockLowlight:n?.includes(`code`)?{}:!1,image:n?.includes(`images`)?{onImageUpload:i,onImageRead:a}:!1,heading:n?.includes(`headers`)?{}:!1}),[r,n,i,a]);export{n as useAmplifyKit};

package/dist/atoms/utils/auth_environment.js

@@ -1 +1 @@
-import{EnvironmentType as e}from"../enums/Environment.js";import{PublicClientApplication as t}from"@azure/msal-browser";const n=[`IS_MOCK`,`ALLOWED_PARENT_DOMAINS`,`SERVICE_NOW_CONFIGURATION_ITEM`,`API_CLIENT_ID`],r=e=>{if(!window._env_)return``;if(window._env_[e]===void 0&&!n.includes(e))throw Error(`Missing required environment variable: `+e);return window._env_[e]},i=e=>e||r(`NAME`),a=e=>e||r(`CLIENT_ID`),o=e=>e||r(`API_URL`),s=e=>e||r(`API_SCOPE`),c=e=>e||r(`API_CLIENT_ID`),l=e=>e||r(`ENVIRONMENT_NAME`),u=e=>e||r(`SERVICE_NOW_CONFIGURATION_ITEM`),d=e=>e===void 0?!1:e===`true`,f=e=>e===void 0?[`admin`]:JSON.parse(e),p=e=>e?e.split(`;`):r(`ALLOWED_PARENT_DOMAINS`)?.split(`;`)||[],m=e=>{if(e!==void 0)return`https://avatars.githubusercontent.com/u/97165289`};function h(){let t=import.meta.env.VITE_ENVIRONMENT_NAME;return t||=r(`ENVIRONMENT_NAME`),t===e.PRODUCTION?`https://jsembark.equinor.com`:`https://client-amplify-portal-${t===e.LOCALHOST?e.DEVELOP:t}.radix.equinor.com`}const g=h(),_={PHOTO:`https://graph.microsoft.com/v1.0/me/photos/96x96/$value`},v=(e,t)=>fetch(e,{headers:{Authorization:`Bearer ${t}`}}),y={OPENID:`openid`,PROFILE:`profile`,USER_READ:`User.Read`},b={scopes:[y.OPENID,y.PROFILE,y.USER_READ]},x={scopes:[y.USER_READ]},S=e=>({scopes:[e]}),C=()=>window.self!==window.top,w=new t({auth:{clientId:a(import.meta.env.VITE_CLIENT_ID),authority:`https://login.microsoftonline.com/StatoilSRM.onmicrosoft.com/`,redirectUri:window.location.origin},cache:{cacheLocation:`localStorage`}}),T=p(import.meta.env.ALLOWED_PARENT_DOMAINS);window.addEventListener(`message`,async e=>{if(T.includes(e.origin)){let t=e.data;if(t){await w.initialize();try{await w.ssoSilent({sid:t}),console.log(`postMessage successfully logged in user!`)}catch(e){console.error(`Something went wrong with postMessage`),console.error(e)}}}});const E={fetchMsGraph:v,GRAPH_SCOPES:y,GRAPH_REQUESTS_LOGIN:b,GRAPH_REQUESTS_PHOTO:x,GRAPH_REQUESTS_BACKEND:S,GRAPH_ENDPOINTS:_,msalApp:w,getToken:async()=>{if(d(import.meta.env.VITE_IS_MOCK))return``;let e=w.getActiveAccount(),t=w.getAllAccounts();return!e&&t.length===0?``:(await w.acquireTokenSilent(S(s(import.meta.env.VITE_API_SCOPE)))).accessToken},isReaderOnly:e=>e?!e.some(e=>e.includes(`WRITE`)):!0,isInIframe:C},D={getConfig:r,getAppName:i,getClientId:a,getApiUrl:o,getApiScope:s,getApiClientId:c,getEnvironmentName:l,getIsMock:d,getMockUserPhoto:m,getMockRoles:f,getServiceNowConfigurationItem:u,PORTAL_URL_WITHOUT_LOCALHOST:g};export{E as auth,D as environment};
+import"../enums/Environment.js";import{PublicClientApplication as e}from"@azure/msal-browser";const t=[`IS_MOCK`,`ALLOWED_PARENT_DOMAINS`,`SERVICE_NOW_CONFIGURATION_ITEM`,`API_CLIENT_ID`],n=e=>{if(!window._env_)return``;if(window._env_[e]===void 0&&!t.includes(e))throw Error(`Missing required environment variable: `+e);return window._env_[e]},r=e=>e||n(`NAME`),i=e=>e||n(`CLIENT_ID`),a=e=>e||n(`API_URL`),o=e=>e||n(`API_SCOPE`),s=e=>e||n(`API_CLIENT_ID`),c=e=>e||n(`ENVIRONMENT_NAME`),l=e=>e||n(`SERVICE_NOW_CONFIGURATION_ITEM`),u=e=>e===void 0?!1:e===`true`,d=e=>e===void 0?[`admin`]:JSON.parse(e),f=e=>e?e.split(`;`):n(`ALLOWED_PARENT_DOMAINS`)?.split(`;`)||[],p=e=>{if(e!==void 0)return`https://avatars.githubusercontent.com/u/97165289`};function m(){let e=import.meta.env.VITE_ENVIRONMENT_NAME;return e||=n(`ENVIRONMENT_NAME`),e===`production`?`https://jsembark.equinor.com`:`https://client-amplify-portal-${e===`localhost`?`development`:e}.radix.equinor.com`}const h=m(),g={PHOTO:`https://graph.microsoft.com/v1.0/me/photos/96x96/$value`},_=(e,t)=>fetch(e,{headers:{Authorization:`Bearer ${t}`}}),v={OPENID:`openid`,PROFILE:`profile`,USER_READ:`User.Read`},y={scopes:[v.OPENID,v.PROFILE,v.USER_READ]},b={scopes:[v.USER_READ]},x=e=>({scopes:[e]}),S=()=>window.self!==window.top,C=new e({auth:{clientId:i(import.meta.env.VITE_CLIENT_ID),authority:`https://login.microsoftonline.com/StatoilSRM.onmicrosoft.com/`,redirectUri:window.location.origin},cache:{cacheLocation:`localStorage`}}),w=f(import.meta.env.ALLOWED_PARENT_DOMAINS);window.addEventListener(`message`,async e=>{if(w.includes(e.origin)){let t=e.data;if(t){await C.initialize();try{await C.ssoSilent({sid:t}),console.log(`postMessage successfully logged in user!`)}catch(e){console.error(`Something went wrong with postMessage`),console.error(e)}}}});const T={fetchMsGraph:_,GRAPH_SCOPES:v,GRAPH_REQUESTS_LOGIN:y,GRAPH_REQUESTS_PHOTO:b,GRAPH_REQUESTS_BACKEND:x,GRAPH_ENDPOINTS:g,msalApp:C,getToken:async()=>{if(u(import.meta.env.VITE_IS_MOCK))return``;let e=C.getActiveAccount(),t=C.getAllAccounts();return!e&&t.length===0?``:(await C.acquireTokenSilent(x(o(import.meta.env.VITE_API_SCOPE)))).accessToken},isReaderOnly:e=>e?!e.some(e=>e.includes(`WRITE`)):!0,isInIframe:S},E={getConfig:n,getAppName:r,getClientId:i,getApiUrl:a,getApiScope:o,getApiClientId:s,getEnvironmentName:c,getIsMock:u,getMockUserPhoto:p,getMockRoles:d,getServiceNowConfigurationItem:l,PORTAL_URL_WITHOUT_LOCALHOST:h};export{T as auth,E as environment};

package/dist/atoms/utils/richtext.js

@@ -1,2 +1,2 @@
-import{DEFAULT_FEATURES as e,RichTextEditorFeatures as t}from"../../molecules/RichTextEditor/RichTextEditor.types.js";function n({features:n,extendFeatures:r,removeFeatures:i,onImageUpload:a}){let o=n??e,s=r??[],c=[...o,...s].filter(e=>!i?.includes(e)).filter((e,t,n)=>t===n.indexOf(e));if(c.includes(t.IMAGES)&&a===void 0)throw Error(`onImageUpload cannot be undefined when features include images!
-      Either add the onImageUpload function or remove RichTextEditorFeatures.IMAGES from the features array`);return c}const r=/(<img src=".*?" alt="(.*?)">)/g,i=/(<img alt="(.*?)" \/>)/g;function a(e){if(!e)return[];let t=[],n=e.matchAll(i);for(let e of n)t.push(e[2]);return t}function o(e){return new Promise((t,n)=>{let r=new FileReader;r.readAsDataURL(e),r.onload=()=>{typeof r.result==`string`&&t(r.result)},r.onerror=n})}function s(e){return e.replaceAll(r,`<img alt="$2" />`)}function c(e){let t=[],n=e.matchAll(/(<img src="(.*?)" alt=".*?">)/g);for(let e of n)t.push(e[2]);return t}export{i as IMG_WITH_ALT,r as IMG_WITH_SRC_AND_ALT,s as cleanRichTextValue,a as extractImageUrls,n as getFeatures,c as getImagesFromRichText,o as imageToB64};
+import{DEFAULT_FEATURES as e}from"../../molecules/RichTextEditor/RichTextEditor.types.js";function t({features:t,extendFeatures:n,removeFeatures:r,onImageUpload:i}){let a=t??e,o=n??[],s=[...a,...o].filter(e=>!r?.includes(e)).filter((e,t,n)=>t===n.indexOf(e));if(s.includes(`images`)&&i===void 0)throw Error(`onImageUpload cannot be undefined when features include images!
+      Either add the onImageUpload function or remove RichTextEditorFeatures.IMAGES from the features array`);return s}const n=/(<img src=".*?" alt="(.*?)">)/g,r=/(<img alt="(.*?)" \/>)/g;function i(e){if(!e)return[];let t=[],n=e.matchAll(r);for(let e of n)t.push(e[2]);return t}function a(e){return new Promise((t,n)=>{let r=new FileReader;r.readAsDataURL(e),r.onload=()=>{typeof r.result==`string`&&t(r.result)},r.onerror=n})}function o(e){return e.replaceAll(n,`<img alt="$2" />`)}function s(e){let t=[],n=e.matchAll(/(<img src="(.*?)" alt=".*?">)/g);for(let e of n)t.push(e[2]);return t}export{r as IMG_WITH_ALT,n as IMG_WITH_SRC_AND_ALT,o as cleanRichTextValue,i as extractImageUrls,t as getFeatures,s as getImagesFromRichText,a as imageToB64};

package/dist/deprecated/ExpandingIconButton/ExpandingIconButton.d.ts

@@ -1,4 +1,4 @@
-import * as react4 from "react";
+import * as react1 from "react";
 import { IconData } from "@equinor/eds-icons";
 
 //#region src/deprecated/ExpandingIconButton/ExpandingIconButton.d.ts
@@ -12,6 +12,6 @@ interface ExpandingIconButtonProps {
 /**
  * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
  */
-declare const ExpandingIconButton: react4.ForwardRefExoticComponent<ExpandingIconButtonProps & react4.RefAttributes<HTMLDivElement>>;
+declare const ExpandingIconButton: react1.ForwardRefExoticComponent<ExpandingIconButtonProps & react1.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ExpandingIconButton };

package/dist/deprecated/IconToggleButton.d.ts

@@ -1,4 +1,4 @@
-import * as react2 from "react";
+import * as react0 from "react";
 import { IconData } from "@equinor/eds-icons";
 
 //#region src/deprecated/IconToggleButton.d.ts
@@ -21,6 +21,6 @@ interface IconToggleButtonProps {
 /**
  * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
  */
-declare const IconToggleButton: react2.ForwardRefExoticComponent<IconToggleButtonProps & react2.RefAttributes<HTMLButtonElement>>;
+declare const IconToggleButton: react0.ForwardRefExoticComponent<IconToggleButtonProps & react0.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { IconToggleButton };

package/dist/molecules/Chip/Chip.d.ts

@@ -1,4 +1,4 @@
-import * as react6 from "react";
+import * as react13 from "react";
 import { HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from "react";
 import { IconData } from "@equinor/eds-icons";
 
@@ -25,6 +25,6 @@ type DeletableChipProps = BaseChipProps & InteractiveChipBase & {
   onDelete: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
 };
 type ChipProps = Omit<HTMLAttributes<HTMLDivElement | HTMLButtonElement>, 'onClick'> & (ReadOnlyChipProps | ClickableChipProps | DeletableChipProps);
-declare const Chip: react6.ForwardRefExoticComponent<ChipProps & react6.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
+declare const Chip: react13.ForwardRefExoticComponent<ChipProps & react13.RefAttributes<HTMLButtonElement | HTMLDivElement>>;
 //#endregion
 export { BaseChipProps, Chip, ClickableChipProps, DeletableChipProps };

package/dist/molecules/DatePicker/DatePicker.d.ts

@@ -1,5 +1,5 @@
 import { Variants } from "../../atoms/types/variants.js";
-import * as react10 from "react";
+import * as react17 from "react";
 import { DatePickerProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/DatePicker/DatePicker.d.ts
@@ -9,11 +9,11 @@ type DatePickerProps$1 = Omit<DatePickerProps, 'variant' | 'defaultValue'> & {
   meta?: string;
   loading?: boolean;
 };
-declare const DatePicker$1: react10.ForwardRefExoticComponent<Omit<DatePickerProps, "defaultValue" | "variant"> & {
+declare const DatePicker$1: react17.ForwardRefExoticComponent<Omit<DatePickerProps, "defaultValue" | "variant"> & {
   variant?: Variants;
   defaultValue?: Date | undefined;
   meta?: string;
   loading?: boolean;
-} & react10.RefAttributes<HTMLDivElement>>;
+} & react17.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DatePicker$1 as DatePicker, DatePickerProps$1 as DatePickerProps };

package/dist/molecules/DateRangePicker/DateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import { Variants } from "../../atoms/types/variants.js";
-import * as react12 from "react";
+import * as react19 from "react";
 import { DateRangePickerProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/DateRangePicker/DateRangePicker.d.ts
@@ -8,10 +8,10 @@ type DateRangePickerProps$1 = Omit<DateRangePickerProps, 'variant'> & {
   meta?: string;
   loading?: boolean;
 };
-declare const DateRangePicker$1: react12.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
+declare const DateRangePicker$1: react19.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
   variant?: Variants;
   meta?: string;
   loading?: boolean;
-} & react12.RefAttributes<HTMLDivElement>>;
+} & react19.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DateRangePicker$1 as DateRangePicker, DateRangePickerProps$1 as DateRangePickerProps };

package/dist/molecules/Dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import * as react8 from "react";
+import * as react21 from "react";
 import { ReactNode } from "react";
 import { ButtonProps, DialogProps } from "@equinor/eds-core-react";
 import { IconData } from "@equinor/eds-icons";
@@ -51,6 +51,6 @@ interface DialogProps$1 extends Omit<DialogProps, 'title'> {
  * @param additionalInfo - Defaults to empty, and won't show the additional info button
  * Also inherits props from EDS dialog
  */
-declare const Dialog$1: react8.ForwardRefExoticComponent<DialogProps$1 & react8.RefAttributes<HTMLDivElement>>;
+declare const Dialog$1: react21.ForwardRefExoticComponent<DialogProps$1 & react21.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Dialog$1 as Dialog, DialogAction, DialogProps$1 as DialogProps };

package/dist/molecules/EquinorLogo/EquinorLogo.d.ts

@@ -1,11 +1,11 @@
 import { SizeIconProps } from "../../atoms/types/Icon.js";
-import * as react14 from "react";
+import * as react15 from "react";
 
 //#region src/molecules/EquinorLogo/EquinorLogo.d.ts
 interface EquinorLogoProps extends Partial<SizeIconProps> {
   large?: boolean;
   color?: 'red' | 'white' | 'black';
 }
-declare const EquinorLogo: react14.ForwardRefExoticComponent<EquinorLogoProps & react14.RefAttributes<SVGSVGElement>>;
+declare const EquinorLogo: react15.ForwardRefExoticComponent<EquinorLogoProps & react15.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { EquinorLogo, EquinorLogoProps };

package/dist/molecules/IconCell/IconCell.d.ts

@@ -1,5 +1,5 @@
 import { IconCellColor, IconCellState, IconCellVariant, IconCellVariants } from "./IconCell.types.js";
-import * as react16 from "react";
+import * as react23 from "react";
 import { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
 import { IconData } from "@equinor/eds-icons";
 
@@ -49,6 +49,6 @@ type IconCellProps = ScribbledOutProps | RegularIconCellProps;
  * @param {React.Ref<HTMLButtonElement>} ref - Ref forwarded to the inner button element.
  * @returns {JSX.Element} The rendered IconCell.
  */
-declare const IconCell: react16.ForwardRefExoticComponent<IconCellProps & react16.RefAttributes<HTMLButtonElement>>;
+declare const IconCell: react23.ForwardRefExoticComponent<IconCellProps & react23.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { IconCell, IconCellProps };

package/dist/molecules/IconCell/IconCell.js

@@ -1 +1 @@
-import{Theme as e}from"../../atoms/enums/Theme.js";import{ThemeProviderContext as t}from"../../providers/ThemeProvider/ThemeProvider.js";import{IconCellColors as n,IconCellStates as r,IconCellVariants as i}from"./IconCell.types.js";import{getIconCellColor as a,renderContent as o}from"./IconCell.utils.js";import{Button as s,Container as c,HelperIconContainer as l,IconContainer as u,Label as d}from"./IconCell.styles.js";import{forwardRef as f,useContext as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g=f(function(f,g){let _=p(t);if(f.variant===i.SCRIBBLED_OUT){let{className:e,as:t=`td`,noBottomBorder:n=!1}=f;return m(c,{className:e,as:t,children:m(s,{ref:g,$variant:i.SCRIBBLED_OUT,$noBottomBorder:n,$clickable:!1})})}let{icon:v,onClick:y,className:b,disabled:x=!1,selected:S=!1,color:C=n.DEFAULT,state:w=r.DEFAULT,label:T,variant:E=i.DEFAULT,helperIcon:D,noBottomBorder:O=!1,as:k=`td`,...A}=f,{backgroundColor:j,iconColor:M}=a(C,_?.theme??e.LIGHT);return m(c,{className:b,as:k,children:h(s,{ref:g,...A,$selected:S,disabled:x,onClick:y,$backgroundColor:j,$state:w,$variant:E,$noBottomBorder:O,$clickable:!!y&&!x,children:[m(u,{children:o(v,M)}),m(d,{children:m(`span`,{children:T})}),m(l,{children:D&&o(D,M)})]})})});g.displayName=`IconCell`;export{g as IconCell};
+import"../../atoms/enums/Theme.js";import{ThemeProviderContext as e}from"../../providers/ThemeProvider/ThemeProvider.js";import{IconCellColors as t,IconCellStates as n,IconCellVariants as r}from"./IconCell.types.js";import{getIconCellColor as i,renderContent as a}from"./IconCell.utils.js";import{Button as o,Container as s,HelperIconContainer as c,IconContainer as l,Label as u}from"./IconCell.styles.js";import{forwardRef as d,useContext as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";const h=d(function(d,h){let g=f(e);if(d.variant===r.SCRIBBLED_OUT){let{className:e,as:t=`td`,noBottomBorder:n=!1}=d;return p(s,{className:e,as:t,children:p(o,{ref:h,$variant:r.SCRIBBLED_OUT,$noBottomBorder:n,$clickable:!1})})}let{icon:_,onClick:v,className:y,disabled:b=!1,selected:x=!1,color:S=t.DEFAULT,state:C=n.DEFAULT,label:w,variant:T=r.DEFAULT,helperIcon:E,noBottomBorder:D=!1,as:O=`td`,...k}=d,{backgroundColor:A,iconColor:j}=i(S,g?.theme??`light`);return p(s,{className:y,as:O,children:m(o,{ref:h,...k,$selected:x,disabled:b,onClick:v,$backgroundColor:A,$state:C,$variant:T,$noBottomBorder:D,$clickable:!!v&&!b,children:[p(l,{children:a(_,j)}),p(u,{children:p(`span`,{children:w})}),p(c,{children:E&&a(E,j)})]})})});h.displayName=`IconCell`;export{h as IconCell};

package/dist/molecules/IconCell/IconCell.utils.js

@@ -1,8 +1,8 @@
-import{colors as e}from"../../atoms/style/colors.js";import{Theme as t}from"../../atoms/enums/Theme.js";import{IconCellColors as n,IconCellStates as r,IconCellVariants as i}from"./IconCell.types.js";import{Icon as a}from"@equinor/eds-core-react";import{jsx as o}from"react/jsx-runtime";const s=(e,t)=>e&&typeof e==`object`&&`prefix`in e?o(a,{data:e,color:t}):e,c=(r,i)=>{switch(r){case n.GREEN:case n.SUCCESS:return i===t.LIGHT?{backgroundColor:e.interactive.success__highlight.rgba,iconColor:e.dataviz.darkgreen.default}:{backgroundColor:e.dataviz.darkgreen.default,iconColor:e.dataviz.lightgreen.lighter};case n.RED:case n.ERROR:return i===t.LIGHT?{backgroundColor:e.interactive.danger__highlight.rgba,iconColor:e.interactive.danger__text.rgba}:{backgroundColor:e.ui.background__danger.rgba,iconColor:e.text.static_icons__default.rgba};case n.ORANGE:case n.WARNING:return i===t.LIGHT?{backgroundColor:e.interactive.warning__highlight.rgba,iconColor:e.dataviz.darkyellow.darker}:{backgroundColor:e.ui.background__warning.rgba,iconColor:e.text.static_icons__default.rgba};case n.BLUE:return i===t.LIGHT?{backgroundColor:e.dataviz.lightblue.lighter,iconColor:e.dataviz.primary.darker}:{backgroundColor:e.dataviz.darkblue.default,iconColor:e.dataviz.lightblue.lighter};case n.LIGHTGREY:return i===t.LIGHT?{backgroundColor:e.ui.background__light.rgba,iconColor:e.dataviz.lightgray.darker}:{backgroundColor:e.ui.background__heavy.rgba,iconColor:e.text.static_icons__secondary.rgba};case n.PINK:return i===t.LIGHT?{backgroundColor:e.dataviz.darkpink.lighter,iconColor:e.dataviz.darkpink.darker}:{backgroundColor:e.dataviz.darkpink.darker,iconColor:e.dataviz.darkpink.lighter};case n.YELLOW:return i===t.LIGHT?{backgroundColor:e.dataviz.lightyellow.lighter,iconColor:e.dataviz.darkyellow.darker}:{backgroundColor:e.dataviz.darkyellow.darker,iconColor:e.dataviz.lightyellow.lighter};case n.PURPLE:return i===t.LIGHT?{backgroundColor:e.dataviz.lightpurple.lighter,iconColor:e.dataviz.darkpurple.darker}:{backgroundColor:e.dataviz.darkpurple.darker,iconColor:e.dataviz.lightpurple.lighter};default:return i===t.LIGHT?{backgroundColor:e.ui.background__medium.rgba,iconColor:e.text.static_icons__default.rgba}:{backgroundColor:e.ui.background__light.rgba,iconColor:e.text.static_icons__default.rgba}}},l={[r.ERROR]:e.interactive.danger__resting.rgba,[r.WARNING]:e.interactive.warning__resting.rgba},u={[r.ERROR]:e.ui.background__danger.rgba,[r.WARNING]:e.ui.background__warning.rgba},d=(e,t)=>(t?l[t]:void 0)??e,f=({$noBottomBorder:t,$state:n,$backgroundColor:r})=>`1px solid ${t?r:d(e.ui.background__medium.rgba,n)}`,p=t=>d(e.text.static_icons__default.rgba,t),m=({$variant:t,$state:n,$backgroundColor:a=e.ui.background__default.rgba})=>t===i.SCRIBBLED_OUT?`repeating-linear-gradient(
+import{colors as e}from"../../atoms/style/colors.js";import"../../atoms/enums/Theme.js";import{IconCellColors as t,IconCellStates as n,IconCellVariants as r}from"./IconCell.types.js";import{Icon as i}from"@equinor/eds-core-react";import{jsx as a}from"react/jsx-runtime";const o=(e,t)=>e&&typeof e==`object`&&`prefix`in e?a(i,{data:e,color:t}):e,s=(n,r)=>{switch(n){case t.GREEN:case t.SUCCESS:return r===`light`?{backgroundColor:e.interactive.success__highlight.rgba,iconColor:e.dataviz.darkgreen.default}:{backgroundColor:e.dataviz.darkgreen.default,iconColor:e.dataviz.lightgreen.lighter};case t.RED:case t.ERROR:return r===`light`?{backgroundColor:e.interactive.danger__highlight.rgba,iconColor:e.interactive.danger__text.rgba}:{backgroundColor:e.ui.background__danger.rgba,iconColor:e.text.static_icons__default.rgba};case t.ORANGE:case t.WARNING:return r===`light`?{backgroundColor:e.interactive.warning__highlight.rgba,iconColor:e.dataviz.darkyellow.darker}:{backgroundColor:e.ui.background__warning.rgba,iconColor:e.text.static_icons__default.rgba};case t.BLUE:return r===`light`?{backgroundColor:e.dataviz.lightblue.lighter,iconColor:e.dataviz.primary.darker}:{backgroundColor:e.dataviz.darkblue.default,iconColor:e.dataviz.lightblue.lighter};case t.LIGHTGREY:return r===`light`?{backgroundColor:e.ui.background__light.rgba,iconColor:e.dataviz.lightgray.darker}:{backgroundColor:e.ui.background__heavy.rgba,iconColor:e.text.static_icons__secondary.rgba};case t.PINK:return r===`light`?{backgroundColor:e.dataviz.darkpink.lighter,iconColor:e.dataviz.darkpink.darker}:{backgroundColor:e.dataviz.darkpink.darker,iconColor:e.dataviz.darkpink.lighter};case t.YELLOW:return r===`light`?{backgroundColor:e.dataviz.lightyellow.lighter,iconColor:e.dataviz.darkyellow.darker}:{backgroundColor:e.dataviz.darkyellow.darker,iconColor:e.dataviz.lightyellow.lighter};case t.PURPLE:return r===`light`?{backgroundColor:e.dataviz.lightpurple.lighter,iconColor:e.dataviz.darkpurple.darker}:{backgroundColor:e.dataviz.darkpurple.darker,iconColor:e.dataviz.lightpurple.lighter};default:return r===`light`?{backgroundColor:e.ui.background__medium.rgba,iconColor:e.text.static_icons__default.rgba}:{backgroundColor:e.ui.background__light.rgba,iconColor:e.text.static_icons__default.rgba}}},c={[n.ERROR]:e.interactive.danger__resting.rgba,[n.WARNING]:e.interactive.warning__resting.rgba},l={[n.ERROR]:e.ui.background__danger.rgba,[n.WARNING]:e.ui.background__warning.rgba},u=(e,t)=>(t?c[t]:void 0)??e,d=({$noBottomBorder:t,$state:n,$backgroundColor:r})=>`1px solid ${t?r:u(e.ui.background__medium.rgba,n)}`,f=t=>u(e.text.static_icons__default.rgba,t),p=({$variant:t,$state:i,$backgroundColor:a=e.ui.background__default.rgba})=>t===r.SCRIBBLED_OUT?`repeating-linear-gradient(
       20deg,
       ${e.ui.background__light_medium.rgba} 0px,
       ${e.ui.background__default.rgba} 1px,
       ${e.ui.background__default.rgba} 10px,
       ${e.ui.background__light_medium.rgba} 11px,
       ${e.ui.background__light_medium.rgba} 12px
-    )`:t===i.COLOURED?n===r.ERROR?u[r.ERROR]:n===r.WARNING?u[r.WARNING]:a:`transparent`;export{m as getBackground,f as getBorderBottom,c as getIconCellColor,p as getSelectedBorder,s as renderContent,u as stateBGColor};
+    )`:t===r.COLOURED?i===n.ERROR?l[n.ERROR]:i===n.WARNING?l[n.WARNING]:a:`transparent`;export{p as getBackground,d as getBorderBottom,s as getIconCellColor,f as getSelectedBorder,o as renderContent,l as stateBGColor};

package/dist/molecules/ListItem/ListItem.d.ts

@@ -1,4 +1,4 @@
-import * as react153 from "react";
+import * as react160 from "react";
 import { FocusEventHandler, HTMLAttributes, MouseEventHandler, ReactNode } from "react";
 import { IconData } from "@equinor/eds-icons";
 
@@ -15,6 +15,6 @@ interface ListItemProps extends HTMLAttributes<HTMLButtonElement> {
   isChild?: boolean;
   borderBottom?: boolean;
 }
-declare const ListItem: react153.ForwardRefExoticComponent<ListItemProps & react153.RefAttributes<HTMLButtonElement>>;
+declare const ListItem: react160.ForwardRefExoticComponent<ListItemProps & react160.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ListItem, ListItemProps };

package/dist/molecules/OptionDrawer/OptionDrawer.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, MouseEvent } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/molecules/OptionDrawer/OptionDrawer.d.ts
 interface ToggleEventProps<T> {
@@ -43,7 +43,7 @@ declare const OptionDrawer: {
     openAll,
     showIntermediateParent,
     parentHasNestedItems
-  }: OptionDrawerProps<T>): react_jsx_runtime0.JSX.Element;
+  }: OptionDrawerProps<T>): react_jsx_runtime1.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts

@@ -1,4 +1,4 @@
-import * as react18 from "react";
+import * as react27 from "react";
 import { TooltipProps } from "@equinor/eds-core-react";
 import * as _floating_ui_utils0 from "@floating-ui/utils";
 
@@ -6,14 +6,14 @@ import * as _floating_ui_utils0 from "@floating-ui/utils";
 type OptionalTooltipProps = {
   textTransform?: string;
 } & TooltipProps;
-declare const OptionalTooltip: react18.ForwardRefExoticComponent<{
+declare const OptionalTooltip: react27.ForwardRefExoticComponent<{
   textTransform?: string;
 } & {
   placement?: _floating_ui_utils0.Placement;
-  title?: react18.ReactNode;
+  title?: react27.ReactNode;
   children: React.ReactElement & React.RefAttributes<HTMLElement>;
   enterDelay?: number;
   portalContainer?: HTMLElement;
-} & Omit<react18.HTMLAttributes<HTMLDivElement>, "title"> & react18.RefAttributes<HTMLDivElement>>;
+} & Omit<react27.HTMLAttributes<HTMLDivElement>, "title"> & react27.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { OptionalTooltip, OptionalTooltipProps };

package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts

@@ -1,4 +1,4 @@
-import * as react33 from "react";
+import * as react25 from "react";
 
 //#region src/molecules/ProfileAvatar/ProfileAvatar.d.ts
 interface ProfileAvatarProps {
@@ -7,6 +7,6 @@ interface ProfileAvatarProps {
   size?: 'small' | 'small-medium' | 'medium' | 'large' | 'x-large' | number;
   disabled?: boolean;
 }
-declare const ProfileAvatar: react33.ForwardRefExoticComponent<ProfileAvatarProps & react33.RefAttributes<HTMLDivElement>>;
+declare const ProfileAvatar: react25.ForwardRefExoticComponent<ProfileAvatarProps & react25.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ProfileAvatar, ProfileAvatarProps };

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

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{useRef as n}from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{camera_add_photo as o}from"@equinor/eds-icons";const s=({onImageUpload:s,editor:c,features:l})=>{let u=n(null);return l&&!l.includes(e.IMAGES)?null:a(r,{children:[i(`input`,{ref:u,type:`file`,id:`img-input`,multiple:!1,onChange:async e=>{let t=e.target.files;if(!t?.[0]){console.error(`Files undefined`);return}let n=await s?.(t[0]);n&&c?.chain().focus().setImage({src:n.src,alt:n.alt}).run()},style:{display:`none`},accept:`image/*, video/*`}),i(t.Button,{"data-testid":`add-image-button`,icon:o,onClick:()=>{u.current&&u.current.click()},tooltip:`Add Image`})]})};export{s as AddImageButton};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{useRef as t}from"react";import{Fragment as n,jsx as r,jsxs as i}from"react/jsx-runtime";import{camera_add_photo as a}from"@equinor/eds-icons";const o=({onImageUpload:o,editor:s,features:c})=>{let l=t(null);return c&&!c.includes(`images`)?null:i(n,{children:[r(`input`,{ref:l,type:`file`,id:`img-input`,multiple:!1,onChange:async e=>{let t=e.target.files;if(!t?.[0]){console.error(`Files undefined`);return}let n=await o?.(t[0]);n&&s?.chain().focus().setImage({src:n.src,alt:n.alt}).run()},style:{display:`none`},accept:`image/*, video/*`}),r(e.Button,{"data-testid":`add-image-button`,icon:a,onClick:()=>{l.current&&l.current.click()},tooltip:`Add Image`})]})};export{o as AddImageButton};

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 react35 from "react";
+import * as react31 from "react";
 import { FC } from "react";
-import * as styled_components5 from "styled-components";
+import * as styled_components3 from "styled-components";
 import { Editor } from "@tiptap/react";
-import * as styled_components_dist_types1 from "styled-components/dist/types";
+import * as styled_components_dist_types0 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_types1.IStyledComponentBase<"web", styled_components5.FastOmit<react35.DetailedHTMLProps<react35.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react35.DetailedHTMLProps<react35.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-  Bars: styled_components_dist_types1.IStyledComponentBase<"web", styled_components5.FastOmit<react35.DetailedHTMLProps<react35.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react35.DetailedHTMLProps<react35.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-  Button: react35.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react35.RefAttributes<HTMLButtonElement>>;
-  Section: styled_components_dist_types1.IStyledComponentBase<"web", styled_components5.FastOmit<react35.DetailedHTMLProps<react35.HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<react35.DetailedHTMLProps<react35.HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
+  Bar: styled_components_dist_types0.IStyledComponentBase<"web", styled_components3.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+  Bars: styled_components_dist_types0.IStyledComponentBase<"web", styled_components3.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+  Button: react31.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react31.RefAttributes<HTMLButtonElement>>;
+  Section: styled_components_dist_types0.IStyledComponentBase<"web", styled_components3.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
   AddImageButton: FC<AddImageProps>;
 };
 declare const EditorText: {

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

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../../RichTextEditor.types.js";import{MenuButton as t}from"../MenuButton.js";import{jsx as n}from"react/jsx-runtime";import{table_chart as r}from"@equinor/eds-icons";const i=({editor:i,features:a})=>{if(!(a&&!a.includes(e.TABLE))&&!i.isActive(`table`))return n(t,{"data-testid":`add-table-button`,icon:r,onClick:()=>{i.chain().focus().insertTable({rows:1,cols:3,withHeaderRow:!1}).run()},tooltip:`Add Table`})};export{i as TextTable};
+import"../../RichTextEditor.types.js";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,features:i})=>{if(!(i&&!i.includes(`table`))&&!r.isActive(`table`))return t(e,{"data-testid":`add-table-button`,icon:n,onClick:()=>{r.chain().focus().insertTable({rows:1,cols:3,withHeaderRow:!1}).run()},tooltip:`Add Table`})};export{r as TextTable};

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

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{format_align_center as i,format_align_left as a,format_align_right as o}from"@equinor/eds-icons";const s=({editor:s,features:c})=>{let l=()=>s.chain().focus().setTextAlign(`left`).run(),u=()=>s.chain().focus().setTextAlign(`center`).run(),d=()=>s.chain().focus().setTextAlign(`right`).run();if(!(c&&!c.includes(e.ALIGNMENT)))return r(t.Section,{children:[n(t.Button,{active:s.isActive({textAlign:`left`}),"data-testid":`align-left-button`,icon:a,onClick:l,tooltip:`Align Left`}),n(t.Button,{active:s.isActive({textAlign:`center`}),"data-testid":`align-center-button`,icon:i,onClick:u,tooltip:`Align Center`}),n(t.Button,{active:s.isActive({textAlign:`right`}),"data-testid":`align-right-button`,icon:o,onClick:d,tooltip:`Align Right`})]})};export{s as TextAlignment};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{format_align_center as r,format_align_left as i,format_align_right as a}from"@equinor/eds-icons";const o=({editor:o,features:s})=>{let c=()=>o.chain().focus().setTextAlign(`left`).run(),l=()=>o.chain().focus().setTextAlign(`center`).run(),u=()=>o.chain().focus().setTextAlign(`right`).run();if(!(s&&!s.includes(`alignment`)))return n(e.Section,{children:[t(e.Button,{active:o.isActive({textAlign:`left`}),"data-testid":`align-left-button`,icon:i,onClick:c,tooltip:`Align Left`}),t(e.Button,{active:o.isActive({textAlign:`center`}),"data-testid":`align-center-button`,icon:r,onClick:l,tooltip:`Align Center`}),t(e.Button,{active:o.isActive({textAlign:`right`}),"data-testid":`align-right-button`,icon:a,onClick:u,tooltip:`Align Right`})]})};export{o as TextAlignment};

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

@@ -1,4 +1,4 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as t}from"../RichTextEditor.types.js";import{EditorMenu as n}from"./MenuBar.js";import r from"styled-components";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{format_clear as s}from"@equinor/eds-icons";const{colors:c}=e,l=r.hr`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import n from"styled-components";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{format_clear as o}from"@equinor/eds-icons";const{colors:s}=e,c=n.hr`
   width: 1px;
-  background: ${c.ui.background__medium.rgba};
-`,u=({editor:e,features:r})=>{let c=()=>e.chain().focus().clearNodes().unsetAllMarks().run();if(!(r&&!r.includes(t.CLEAR_FORMATTING)))return o(i,{children:[a(l,{}),a(n.Button,{icon:s,onClick:c,"data-testid":`clear-formatting`,tooltip:`Clear Formatting`})]})};export{u as TextClearFormatting};
+  background: ${s.ui.background__medium.rgba};
+`,l=({editor:e,features:n})=>{let s=()=>e.chain().focus().clearNodes().unsetAllMarks().run();if(!(n&&!n.includes(`clear-formatting`)))return a(r,{children:[i(c,{}),i(t.Button,{icon:o,onClick:s,"data-testid":`clear-formatting`,tooltip:`Clear Formatting`})]})};export{l as TextClearFormatting};

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

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n}from"react/jsx-runtime";import{code as r}from"@equinor/eds-icons";const i=({editor:i,features:a})=>{let o=()=>i.chain().focus().toggleCodeBlock().run();if(!(a&&!a.includes(e.CODE)))return n(t.Button,{active:i.isActive(`codeBlock`),icon:r,onClick:o,"data-testid":`code-button`,tooltip:`Code Block`})};export{i as TextCode};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{jsx as t}from"react/jsx-runtime";import{code as n}from"@equinor/eds-icons";const r=({editor:r,features:i})=>{let a=()=>r.chain().focus().toggleCodeBlock().run();if(!(i&&!i.includes(`code`)))return t(e.Button,{active:r.isActive(`codeBlock`),icon:n,onClick:a,"data-testid":`code-button`,tooltip:`Code Block`})};export{r as TextCode};

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

@@ -1,15 +1,15 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as t}from"../RichTextEditor.types.js";import{OptionalTooltip as n}from"../../OptionalTooltip/OptionalTooltip.js";import{Icon as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{format_color_text as s}from"@equinor/eds-icons";const{colors:c,spacings:l,shape:u}=e,d=i.div`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../RichTextEditor.types.js";import{OptionalTooltip as t}from"../../OptionalTooltip/OptionalTooltip.js";import{Icon as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{format_color_text as o}from"@equinor/eds-icons";const{colors:s,spacings:c,shape:l}=e,u=r.div`
   display: flex;
   flex-direction: column;
-  gap: ${l.comfortable.medium};
+  gap: ${c.comfortable.medium};
   position: relative;
-  background: ${c.ui.background__light.rgba};
-  border-radius: ${u.button.borderRadius};
+  background: ${s.ui.background__light.rgba};
+  border-radius: ${l.button.borderRadius};
   transition: 200ms background;
   > input {
-    border-radius: ${u.button.borderRadius};
-    width: calc(24px + (${l.comfortable.x_small}) * 2);
-    height: calc(24px + (${l.comfortable.x_small}) * 2);
+    border-radius: ${l.button.borderRadius};
+    width: calc(24px + (${c.comfortable.x_small}) * 2);
+    height: calc(24px + (${c.comfortable.x_small}) * 2);
     opacity: 0;
     &:hover {
       cursor: pointer;
@@ -19,27 +19,27 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
     }
   }
   svg {
-    fill: ${c.interactive.primary__resting.rgba};
+    fill: ${s.interactive.primary__resting.rgba};
     transition: 200ms fill;
   }
   &:hover {
-    background: ${c.interactive.primary__hover_alt.rgba};
+    background: ${s.interactive.primary__hover_alt.rgba};
 
     svg {
-      fill: ${c.interactive.primary__hover.rgba};
+      fill: ${s.interactive.primary__hover.rgba};
     }
   }
-`,f=i.span`
+`,d=r.span`
   position: absolute;
   left: 50%;
-  top: calc(50% + ${l.comfortable.x_small} / 2);
+  top: calc(50% + ${c.comfortable.x_small} / 2);
   transform: translate(-50%, -50%);
   pointer-events: none;
-`,p=i.span`
+`,f=r.span`
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   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`,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};
+`,p=({editor:e,features:r})=>r&&!r.includes(`text-color`)?null:i(t,{title:`Text Color`,enterDelay:300,children:a(u,{children:[i(`input`,{type:`color`,onChange:t=>{e.chain().focus().setColor(t.target.value).run()},"data-testid":`text-color-input`,value:e.getAttributes(`textStyle`)?.color||s.text.static_icons__default.hex}),i(d,{children:i(n,{data:o})}),i(f,{style:{background:e.getAttributes(`textStyle`)?.color||s.text.static_icons__default.hex}})]})});export{p as TextColor};

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

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{format_bold as i,format_italics as a}from"@equinor/eds-icons";const o=({editor:o,features:s})=>{let c=()=>o.chain().focus().toggleBold().run(),l=()=>o.chain().focus().toggleItalic().run();if(!(s&&!s.includes(e.FORMATTING)))return r(t.Section,{children:[n(t.Button,{active:o.isActive(`bold`),"data-testid":`bold-button`,icon:i,onClick:c,tooltip:`Bold`}),n(t.Button,{active:o.isActive(`italic`),"data-testid":`italic-button`,icon:a,onClick:l,tooltip:`Italic`})]})};export{o as TextFormatting};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{format_bold as r,format_italics as i}from"@equinor/eds-icons";const a=({editor:a,features:o})=>{let s=()=>a.chain().focus().toggleBold().run(),c=()=>a.chain().focus().toggleItalic().run();if(!(o&&!o.includes(`formatting`)))return n(e.Section,{children:[t(e.Button,{active:a.isActive(`bold`),"data-testid":`bold-button`,icon:r,onClick:s,tooltip:`Bold`}),t(e.Button,{active:a.isActive(`italic`),"data-testid":`italic-button`,icon:i,onClick:c,tooltip:`Italic`})]})};export{a as TextFormatting};

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

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{amplify_h2 as t,amplify_h3 as n}from"../../../atoms/icons/wysiwyg.js";import{EditorMenu as r}from"./MenuBar.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o,features:s})=>{let c=()=>o.chain().focus().toggleHeading({level:2}).run(),l=()=>o.chain().focus().toggleHeading({level:3}).run();if(!(s&&!s.includes(e.HEADERS)))return a(r.Section,{children:[i(r.Button,{"data-testid":`h2-button`,active:o.isActive(`heading`,{level:2}),icon:t,onClick:c,tooltip:`Heading 2`}),i(r.Button,{"data-testid":`h3-button`,active:o.isActive(`heading`,{level:3}),icon:n,onClick:l,tooltip:`Heading 3`})]})};export{o as TextHeaders};
+import"../RichTextEditor.types.js";import{amplify_h2 as e,amplify_h3 as t}from"../../../atoms/icons/wysiwyg.js";import{EditorMenu as n}from"./MenuBar.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({editor:a,features:o})=>{let s=()=>a.chain().focus().toggleHeading({level:2}).run(),c=()=>a.chain().focus().toggleHeading({level:3}).run();if(!(o&&!o.includes(`headers`)))return i(n.Section,{children:[r(n.Button,{"data-testid":`h2-button`,active:a.isActive(`heading`,{level:2}),icon:e,onClick:s,tooltip:`Heading 2`}),r(n.Button,{"data-testid":`h3-button`,active:a.isActive(`heading`,{level:3}),icon:t,onClick:c,tooltip:`Heading 3`})]})};export{a as TextHeaders};

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

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n}from"react/jsx-runtime";import{format_color_fill as r}from"@equinor/eds-icons";const i=({editor:i,features:a})=>a&&!a.includes(e.HIGHLIGHT)?null:n(t.Button,{"data-testid":`highlight-button`,active:i.isActive(`highlight`),icon:r,onClick:()=>i.chain().focus().toggleHighlight().run(),tooltip:`Highlight`});export{i as TextHighlight};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{jsx as t}from"react/jsx-runtime";import{format_color_fill as n}from"@equinor/eds-icons";const r=({editor:r,features:i})=>i&&!i.includes(`highlight`)?null:t(e.Button,{"data-testid":`highlight-button`,active:r.isActive(`highlight`),icon:n,onClick:()=>r.chain().focus().toggleHighlight().run(),tooltip:`Highlight`});export{r as TextHighlight};

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

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{redo as i,undo as a}from"@equinor/eds-icons";const o=({editor:o,features:s})=>{let c=()=>o.chain().focus().undo().run(),l=()=>o.chain().focus().redo().run();if(!(s&&!s.includes(e.UNDO_REDO)))return r(t.Section,{children:[n(t.Button,{icon:a,onClick:c,"data-testid":`undo-button`,disabled:!o.can().undo(),tooltip:`Undo`}),n(t.Button,{icon:i,onClick:l,"data-testid":`redo-button`,disabled:!o.can().redo(),tooltip:`Redo`})]})};export{o as TextHistory};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{redo as r,undo as i}from"@equinor/eds-icons";const a=({editor:a,features:o})=>{let s=()=>a.chain().focus().undo().run(),c=()=>a.chain().focus().redo().run();if(!(o&&!o.includes(`undoRedo`)))return n(e.Section,{children:[t(e.Button,{icon:i,onClick:s,"data-testid":`undo-button`,disabled:!a.can().undo(),tooltip:`Undo`}),t(e.Button,{icon:r,onClick:c,"data-testid":`redo-button`,disabled:!a.can().redo(),tooltip:`Redo`})]})};export{a as TextHistory};

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

@@ -1,6 +1,6 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as t}from"../RichTextEditor.types.js";import{isValidUrl as n}from"../../../atoms/utils/url.js";import{TextField as r}from"../../TextField/TextField.js";import{EditorMenu as i}from"./MenuBar.js";import{useRef as a,useState as o}from"react";import{Button as s,Icon as c,Popover as l}from"@equinor/eds-core-react";import u from"styled-components";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{link as m,link_off as h}from"@equinor/eds-icons";const{spacings:g}=e,_=u.div`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../RichTextEditor.types.js";import{isValidUrl as t}from"../../../atoms/utils/url.js";import{TextField as n}from"../../TextField/TextField.js";import{EditorMenu as r}from"./MenuBar.js";import{useRef as i,useState as a}from"react";import{Button as o,Icon as s,Popover as c}from"@equinor/eds-core-react";import l from"styled-components";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{link as p,link_off as m}from"@equinor/eds-icons";const{spacings:h}=e,g=l.div`
   display: flex;
-  gap: ${g.comfortable.medium};
-  padding: ${g.comfortable.small};
+  gap: ${h.comfortable.medium};
+  padding: ${h.comfortable.small};
   width: 15rem;
-`,v=({editor:e,features:u})=>{let[g,v]=o(!1),y=a(null),b=a(``),[x,S]=o(!1),C=()=>{v(e=>!e),e.chain().focus().setHighlight({color:`#accef7`}).run()},w=()=>{v(!1),b.current=``,e.chain().focus().unsetHighlight().run()},T=e=>{b.current=e.target.value},E=e=>{e.key===`Enter`&&D()},D=()=>{if(!n(b.current)){S(!0);return}b.current.includes(`http`)||(b.current=`https://${b.current}`),e.chain().focus().extendMarkRange(`link`).setLink({href:b.current}).run(),w(),x&&S(!1)},O=()=>e?.chain().focus().unsetLink().run();if(!(u&&!u.includes(t.LINKS)))return p(d,{children:[p(i.Section,{children:[f(i.Button,{active:g,ref:y,icon:m,onClick:C,disabled:e.state.selection.empty,"data-testid":`link-button`,tooltip:`Link`}),f(i.Button,{icon:h,onClick:O,disabled:!e.isActive(`link`),"data-testid":`unsetlink-button`,tooltip:`Remove Link`})]}),g&&f(l,{open:!0,anchorEl:y.current,onClose:w,children:p(_,{children:[f(r,{id:`link`,placeholder:`Insert link`,autoComplete:`off`,autoFocus:!0,inputIcon:f(c,{data:m}),onChange:T,onKeyDown:E,variant:x?`error`:void 0}),f(s,{variant:`outlined`,onClick:D,children:`Save`})]})})]})};export{v as TextLinks};
+`,_=({editor:e,features:l})=>{let[h,_]=a(!1),v=i(null),y=i(``),[b,x]=a(!1),S=()=>{_(e=>!e),e.chain().focus().setHighlight({color:`#accef7`}).run()},C=()=>{_(!1),y.current=``,e.chain().focus().unsetHighlight().run()},w=e=>{y.current=e.target.value},T=e=>{e.key===`Enter`&&E()},E=()=>{if(!t(y.current)){x(!0);return}y.current.includes(`http`)||(y.current=`https://${y.current}`),e.chain().focus().extendMarkRange(`link`).setLink({href:y.current}).run(),C(),b&&x(!1)},D=()=>e?.chain().focus().unsetLink().run();if(!(l&&!l.includes(`links`)))return f(u,{children:[f(r.Section,{children:[d(r.Button,{active:h,ref:v,icon:p,onClick:S,disabled:e.state.selection.empty,"data-testid":`link-button`,tooltip:`Link`}),d(r.Button,{icon:m,onClick:D,disabled:!e.isActive(`link`),"data-testid":`unsetlink-button`,tooltip:`Remove Link`})]}),h&&d(c,{open:!0,anchorEl:v.current,onClose:C,children:f(g,{children:[d(n,{id:`link`,placeholder:`Insert link`,autoComplete:`off`,autoFocus:!0,inputIcon:d(s,{data:p}),onChange:w,onKeyDown:T,variant:b?`error`:void 0}),d(o,{variant:`outlined`,onClick:E,children:`Save`})]})})]})};export{_ as TextLinks};

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

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{format_list_bulleted as i,format_list_numbered as a}from"@equinor/eds-icons";const o=({editor:o,features:s})=>{let c=()=>o.chain().focus().toggleBulletList().run(),l=()=>o.chain().focus().toggleOrderedList().run();if(!(s&&!s.includes(e.LISTS)))return r(t.Section,{children:[n(t.Button,{active:o.isActive(`bulletList`),icon:i,onClick:c,"data-testid":`bullet-list-button`,tooltip:`Bullet List`}),n(t.Button,{active:o.isActive(`orderedList`),icon:a,onClick:l,"data-testid":`ordered-list-button`,tooltip:`Ordered List`})]})};export{o as TextLists};
+import"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{format_list_bulleted as r,format_list_numbered as i}from"@equinor/eds-icons";const a=({editor:a,features:o})=>{let s=()=>a.chain().focus().toggleBulletList().run(),c=()=>a.chain().focus().toggleOrderedList().run();if(!(o&&!o.includes(`lists`)))return n(e.Section,{children:[t(e.Button,{active:a.isActive(`bulletList`),icon:r,onClick:s,"data-testid":`bullet-list-button`,tooltip:`Bullet List`}),t(e.Button,{active:a.isActive(`orderedList`),icon:i,onClick:c,"data-testid":`ordered-list-button`,tooltip:`Ordered List`})]})};export{a as TextLists};

package/dist/molecules/RichTextEditor/RichTextEditor.types.js

@@ -1 +1 @@
-let e=function(e){return e.UNDO_REDO=`undoRedo`,e.FORMATTING=`formatting`,e.HEADERS=`headers`,e.LISTS=`lists`,e.TEXT_COLOR=`text-color`,e.CODE=`code`,e.ALIGNMENT=`alignment`,e.LINKS=`links`,e.IMAGES=`images`,e.CLEAR_FORMATTING=`clear-formatting`,e.TABLE=`table`,e.HIGHLIGHT=`highlight`,e}({});const t=[e.UNDO_REDO,e.FORMATTING,e.HEADERS,e.LISTS,e.TEXT_COLOR,e.CODE,e.ALIGNMENT,e.LINKS,e.IMAGES,e.TABLE,e.CLEAR_FORMATTING];export{t as DEFAULT_FEATURES,e as RichTextEditorFeatures};
+let e=function(e){return e.UNDO_REDO=`undoRedo`,e.FORMATTING=`formatting`,e.HEADERS=`headers`,e.LISTS=`lists`,e.TEXT_COLOR=`text-color`,e.CODE=`code`,e.ALIGNMENT=`alignment`,e.LINKS=`links`,e.IMAGES=`images`,e.CLEAR_FORMATTING=`clear-formatting`,e.TABLE=`table`,e.HIGHLIGHT=`highlight`,e}({});const t=[`undoRedo`,`formatting`,`headers`,`lists`,`text-color`,`code`,`alignment`,`links`,`images`,`table`,`clear-formatting`];export{t as DEFAULT_FEATURES,e as RichTextEditorFeatures};

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

@@ -2,17 +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 react22 from "react";
-import * as styled_components0 from "styled-components";
+import * as react45 from "react";
+import * as styled_components6 from "styled-components";
 import * as _tiptap_react0 from "@tiptap/react";
-import * as styled_components_dist_types0 from "styled-components/dist/types";
+import * as styled_components_dist_types3 from "styled-components/dist/types";
 
 //#region src/molecules/RichTextEditor/index.d.ts
 declare const RichText: {
-  Styling: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<styled_components0.FastOmit<react22.DetailedHTMLProps<react22.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never> & Partial<Pick<styled_components0.FastOmit<react22.DetailedHTMLProps<react22.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never>>> & string;
-  Provider: react22.FC<EditorProviderProps>;
-  Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<styled_components0.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react22.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never> & Partial<Pick<styled_components0.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react22.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never>>> & string & Omit<react22.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react22.RefAttributes<HTMLDivElement>>, keyof react22.Component<any, {}, any>>;
-  Bar: react22.FC<MenuBarProps>;
+  Styling: styled_components_dist_types3.IStyledComponentBase<"web", styled_components6.FastOmit<styled_components6.FastOmit<react45.DetailedHTMLProps<react45.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never> & Partial<Pick<styled_components6.FastOmit<react45.DetailedHTMLProps<react45.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never>>> & string;
+  Provider: react45.FC<EditorProviderProps>;
+  Content: styled_components_dist_types3.IStyledComponentBase<"web", styled_components6.FastOmit<styled_components6.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react45.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never> & Partial<Pick<styled_components6.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react45.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never>>> & string & Omit<react45.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react45.RefAttributes<HTMLDivElement>>, keyof react45.Component<any, {}, any>>;
+  Bar: react45.FC<MenuBarProps>;
 };
 //#endregion
 export { RichText };

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

@@ -1,10 +1,10 @@
-import * as react49 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: react49.ForwardRefExoticComponent<SearchProps$1 & react49.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_runtime1 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_runtime1.JSX.Element;
+declare function ComboBox<T extends SelectOptionRequired>(props: ComboBoxProps<T>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { ComboBox, ComboBoxProps };

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 };