@orfium/ictinus 4.55.0-next.4 → 4.55.0-next.6

package/dist/components/Filter/components/Options/Options.style.js

@@ -2,6 +2,6 @@ import{css as o}from"@emotion/react";import{flexCenter as t}from"../../../../the
     color: ${i.utils.getColor("lightGrey",750)};
     height: ${e(48)};
     padding: 0 ${e(16)};
-    font-size: ${i.globals.typography.fontSizes.get("3")};
+    font-size: ${i.globals.typography.fontSize.get("3")};
     ${t};
   `;export{i as emptyStyle};

package/dist/components/Filter/components/SearchInput/SearchInput.js

@@ -1 +1 @@
-import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import t from"../../../../hooks/useTheme.js";import{useMemo as r}from"react";import{generateTestDataId as i}from"../../../../utils/helpers.js";import s from"../../../Icon/Icon.js";import a from"../../../Loader/Loader.js";import l from"../../../TextField/TextField.js";import{iconWrapper as d,textFieldWrapper as m}from"./SearchInput.style.js";const n=({onChange:n,value:c,dataTestId:p,isLoading:u})=>{const h=t(),f=r((()=>o("div",Object.assign({css:d()},{children:[u&&e(a,{},void 0),e(s,{size:20,name:"search",color:h.utils.getColor("lightGrey",650)},void 0)]}),void 0)),[h.utils,u]);return e("div",Object.assign({css:m()(h)},{children:e(l,{autoFocus:!0,styleType:"filled",onChange:n,"data-testid":i("filter-input",p),status:"normal",placeholder:"Search",value:c,rightIcon:f},void 0)}),void 0)};export{n as default};
+import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import t from"../../../../hooks/useTheme.js";import{useMemo as r}from"react";import{generateTestDataId as i}from"../../../../utils/helpers.js";import{iconWrapper as s,textFieldWrapper as a}from"./SearchInput.style.js";import l from"../../../Icon/Icon.js";import d from"../../../Loader/Loader.js";import m from"../../../TextField/TextField.js";const n=({onChange:n,value:c,dataTestId:p,isLoading:u})=>{const h=t(),f=r((()=>o("div",Object.assign({css:s()},{children:[u&&e(d,{},void 0),e(l,{size:20,name:"search",color:h.utils.getColor("lightGrey",650)},void 0)]}),void 0)),[h.utils,u]);return e("div",Object.assign({css:a()(h)},{children:e(m,{autoFocus:!0,styleType:"filled",onChange:n,"data-testid":i("filter-input",p),status:"normal",placeholder:"Search",value:c,rightIcon:f},void 0)}),void 0)};export{n as default};

package/dist/components/Label/Label.style.js

@@ -1,17 +1,17 @@
-import{css as t}from"@emotion/react";import{BASE_SHADE as o}from"../../theme/palette.js";import{rem as e}from"../../theme/utils.js";const r=e(3),s=({isAnimated:e,hasError:s})=>a=>t`
+import{css as t}from"@emotion/react";import{BASE_SHADE as o}from"../../theme/palette.js";import{rem as e}from"../../theme/utils.js";const r=e(3),a=({isAnimated:e,hasError:a})=>i=>t`
       transition: transform 0.25s, opacity 0.25s ease-in-out;
       transform-origin: 0 0;
       width: 100%;
       position: absolute;
       user-select: none;
       transform: ${e?`translate(${r}, -95%) scale(0.8);`:`translate(${r}, 0)`};
-      font-size: ${a.globals.typography.fontSizes.get("4")};
-      font-weight: ${a.globals.typography.weights.get("regular")};
-      color: ${s?a.utils.getColor("error",o,"normal"):a.utils.getColor("lightGrey",650)};
+      font-size: ${i.globals.typography.fontSize.get("4")};
+      font-weight: ${i.globals.typography.fontWeight.get("regular")};
+      color: ${a?i.utils.getColor("error",o,"normal"):i.utils.getColor("lightGrey",650)};
       align-items: center;
       display: flex;
       top: 0;
       bottom: 0;
       margin: auto;
       white-space: nowrap;
-    `;export{r as LABEL_TRANSFORM_LEFT_SPACING,s as labelStyle};
+    `;export{r as LABEL_TRANSFORM_LEFT_SPACING,a as labelStyle};

package/dist/components/List/List.style.js

@@ -1,14 +1,25 @@
-import{css as i}from"@emotion/react";import{rem as t}from"../../theme/utils.js";const o=({width:t,isSearchable:o})=>e=>i`
-      border: ${o?"initial":`1px solid ${e.utils.getColor("lightGrey",100)}`};
-      border-radius: ${o?"initial":e.globals.spacing.get("3")};
+import{css as i}from"@emotion/react";import{rem as t}from"../../theme/utils.js";const o=({width:t,isSearchable:o})=>r=>i`
+      border: ${o?"initial":`1px solid ${r.utils.getColor("lightGrey",100)}`};
+      border-radius: ${o?"initial":r.globals.spacing.get("3")};
       width: ${`${t}px`||"100%"};
-    `,e=({width:o,height:e,isSearchable:r})=>a=>i`
+    `,r=i`
+  display: flex;
+  flex-direction: column;
+  cursor: inherit;
+`,e=i`
+  cursor: inherit;
+`,l=({width:o,height:r,isSearchable:e})=>l=>i`
       padding-left: 0;
       margin-top: 0;
       margin-bottom: 0;
-      border-radius: ${r?"initial":a.globals.spacing.get("3")};
+      border-radius: ${e?"initial":l.globals.spacing.get("3")};
       width: ${o?t(o):"100%"};
-      height: ${e?t(e):"100%"};
+      height: ${r?t(r):"100%"};
       overflow: auto;
       overflow-x: hidden;
-    `;export{e as listStyle,o as wrapperStyle};
+    `,a=t=>i`
+  font-size: ${t.globals.typography.fontSize.get("1")};
+  font-weight: ${t.globals.typography.fontWeight.get("regular")};
+  color: ${t.utils.getColor("lightGrey",650)};
+  cursor: inherit;
+`;export{e as listLabel,a as listLabelHelperText,r as listLabelWithHelper,l as listStyle,o as wrapperStyle};

package/dist/components/List/ListItem/ListItem.js

@@ -1 +1 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import i,{useCallback as t}from"react";import{renderContent as s}from"../utils.js";import{listItemStyle as o,contentStyle as r}from"./ListItem.style.js";const d=i.forwardRef((({size:i,content:d,index:l,isSelected:n=!1,isHighlighted:a=!1,isDisabled:c=!1,handleOptionClick:m,searchTerm:u,dataTestId:p,isGroupItem:f},h)=>{const g=t((()=>{d&&m&&!c&&m(d)}),[d,c,m]);return e("div",Object.assign({css:o({size:i,isSelected:n,isHighlighted:a,isDisabled:c,isGroupItem:f}),ref:n?h:null,onClick:g,onMouseDown:e=>{e.preventDefault()},"data-testid":null!=p?p:"ictinus_list_item_"+l},{children:e("div",Object.assign({css:r()},{children:s(d,u)}),void 0)}),void 0)}));d.displayName="ListItem";export{d as default};
+import{jsx as e}from"@emotion/react/jsx-runtime";import i,{useCallback as t}from"react";import{listItemStyle as s,contentStyle as o}from"./ListItem.style.js";import{renderContent as r}from"../utils.js";const d=i.forwardRef((({size:i,content:d,index:l,isSelected:n=!1,isHighlighted:a=!1,isDisabled:c=!1,handleOptionClick:m,searchTerm:u,dataTestId:p,isGroupItem:f},h)=>{const g=t((()=>{d&&m&&!c&&m(d)}),[d,c,m]);return e("div",Object.assign({css:s({size:i,isSelected:n,isHighlighted:a,isDisabled:c,isGroupItem:f}),ref:n?h:null,onClick:g,onMouseDown:e=>{e.preventDefault()},"data-testid":null!=p?p:"ictinus_list_item_"+l},{children:e("div",Object.assign({css:o()},{children:r(d,u)}),void 0)}),void 0)}));d.displayName="ListItem";export{d as default};

package/dist/components/List/ListItem/ListItem.style.js

@@ -1,12 +1,12 @@
-import{css as o}from"@emotion/react";import{rem as e}from"../../../theme/utils.js";const i=({size:i,isSelected:t,isHighlighted:l,isDisabled:r,isGroupItem:s})=>g=>o`
-      height: ${e("normal"===i?56:46)};
-      font-size: ${g.globals.typography.fontSizes.get("normal"===i?"4":"3")};
-      background-color: ${t?g.utils.getColor("blue",50):g.globals.colors.white};
+import{css as o}from"@emotion/react";import{rem as e}from"../../../theme/utils.js";const t=({size:t,isSelected:i,isHighlighted:l,isDisabled:r,isGroupItem:s})=>g=>o`
+      height: ${e("normal"===t?56:46)};
+      font-size: ${g.globals.typography.fontSize.get("normal"===t?"4":"3")};
+      background-color: ${i?g.utils.getColor("blue",50):g.globals.colors.white};
       display: flex;
       align-items: center;
       padding: 0px ${g.globals.spacing.get("6")} 0px
         ${s?g.globals.spacing.get("9"):g.globals.spacing.get("6")};
-      font-weight: ${t&&g.globals.typography.weights.get("medium")};
+      font-weight: ${i&&g.globals.typography.fontWeight.get("medium")};
       cursor: pointer;
 
       ${l&&"font-weight: 500;"}
@@ -16,7 +16,7 @@ import{css as o}from"@emotion/react";import{rem as e}from"../../../theme/utils.j
       }
 
       ${r&&"\n        opacity: 0.5;\n        cursor: not-allowed;\n    "}
-    `,t=()=>o`
+    `,i=()=>o`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -27,4 +27,4 @@ import{css as o}from"@emotion/react";import{rem as e}from"../../../theme/utils.j
   > div {
     flex: 1;
   }
-`;export{t as contentStyle,i as listItemStyle};
+`;export{i as contentStyle,t as listItemStyle};

package/dist/components/List/ListItemGroup/ListGroupTitle/ListGroupTitle.style.js

@@ -1,16 +1,16 @@
-import{css as o}from"@emotion/react";import{rem as e}from"../../../../theme/utils.js";const t=({size:t,isDisabled:l})=>i=>o`
-      height: ${e("normal"===t?56:46)};
-      font-size: ${i.globals.typography.fontSizes["normal"===t?"13":"11"]};
+import{css as o}from"@emotion/react";import{rem as t}from"../../../../theme/utils.js";const e=({size:e,isDisabled:l})=>i=>o`
+      height: ${t("normal"===e?56:46)};
+      font-size: ${i.globals.typography.fontSize["normal"===e?"13":"11"]};
       background-color: ${i.globals.colors.white};
       color: ${i.utils.getColor("lightGrey",650)};
       display: flex;
       align-items: center;
       padding: 0px ${i.globals.spacing.get("6")};
-      font-weight: ${i.globals.typography.weights.get("bold")};
+      font-weight: ${i.globals.typography.fontWeight.get("bold")};
 
       ${l&&"\n        opacity: 0.5;\n        cursor: not-allowed;\n    "}
     `,l=()=>o`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`;export{l as contentStyle,t as listGroupTitleStyle};
+`;export{l as contentStyle,e as listGroupTitleStyle};

package/dist/components/List/ListItemGroup/ListItemGroup.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import i from"react";import{generateUniqueID as s}from"../../../utils/helpers.js";import{listStyle as r}from"../List.style.js";import o from"../ListItem/ListItem.js";import{isSelected as d}from"../utils.js";import m from"./ListGroupTitle/ListGroupTitle.js";const l=i.forwardRef((({size:i,content:l,groupIndex:n,selectedItem:a,searchTerm:c,handleOptionClick:p,dataTestId:u},f)=>{var I;return e("li",{children:[t(m,{content:l,size:i,index:n,searchTerm:c,dataTestId:u},void 0),t("ul",Object.assign({css:r({})},{children:null===(I=l.options)||void 0===I?void 0:I.map(((e,r)=>t("li",{children:t(o,{content:e,size:i,index:""+n+r,ref:f,searchTerm:c,isDisabled:null==e?void 0:e.isDisabled,dataTestId:u,handleOptionClick:p,isSelected:d({item:e,selectedItem:a}),isGroupItem:!0},void 0)},s("list_item"+n+r))))}),void 0)]},void 0)}));l.displayName="ListItemGroup";export{l as default};
+import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import i from"react";import{generateUniqueID as s}from"../../../utils/helpers.js";import r from"./ListGroupTitle/ListGroupTitle.js";import{listStyle as o}from"../List.style.js";import d from"../ListItem/ListItem.js";import{isSelected as m}from"../utils.js";const l=i.forwardRef((({size:i,content:l,groupIndex:n,selectedItem:a,searchTerm:c,handleOptionClick:p,dataTestId:u},f)=>{var I;return e("li",{children:[t(r,{content:l,size:i,index:n,searchTerm:c,dataTestId:u},void 0),t("ul",Object.assign({css:o({})},{children:null===(I=l.options)||void 0===I?void 0:I.map(((e,r)=>t("li",{children:t(d,{content:e,size:i,index:""+n+r,ref:f,searchTerm:c,isDisabled:null==e?void 0:e.isDisabled,dataTestId:u,handleOptionClick:p,isSelected:m({item:e,selectedItem:a}),isGroupItem:!0},void 0)},s("list_item"+n+r))))}),void 0)]},void 0)}));l.displayName="ListItemGroup";export{l as default};

package/dist/components/List/utils.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i,Fragment as t}from"@emotion/react/jsx-runtime";import o from"react";import r from"react-highlight-words";import l from"../Icon/Icon.js";const a=6,n=5,s=277,c=265,m=({item:e,selectedItem:i})=>{if(e&&o.isValidElement(e))return!1;const t=e=>e&&!o.isValidElement(e)&&"object"==typeof e&&!Array.isArray(e)&&"value"in e&&(null==e?void 0:e.value)?e.value:e;return("string"==typeof e||"number"==typeof e?e:t(e))===("string"==typeof i||"number"==typeof i?i:t(i))},d=(a,n)=>n&&a&&!o.isValidElement(a)&&"object"==typeof a&&!Array.isArray(a)&&"label"in a&&(null==a?void 0:a.label)?e(r,{highlightClassName:"search-text",highlightTag:"strong",searchWords:[n],autoEscape:!0,textToHighlight:a.label},void 0):a&&!o.isValidElement(a)&&"object"==typeof a&&!Array.isArray(a)&&"label"in a&&(null==a?void 0:a.label)?i(t,{children:[e("div",{children:a.label},void 0)," ",(null==a?void 0:a.iconProps)&&e(l,Object.assign({},a.iconProps),void 0)]},void 0):a;export{s as MAX_LARGE_HEIGHT,a as MAX_NON_VIRTUALIZED_ITEMS_FILTER,n as MAX_NON_VIRTUALIZED_ITEMS_SELECT,c as MAX_SMALL_HEIGHT,m as isSelected,d as renderContent};
+import{jsx as e,jsxs as i,Fragment as l}from"@emotion/react/jsx-runtime";import t from"react";import r from"react-highlight-words";import{listLabel as o,listLabelWithHelper as s,listLabelHelperText as n}from"./List.style.js";import a from"../Icon/Icon.js";const c=6,d=5,m=277,h=265,b=({item:e,selectedItem:i})=>{if(e&&t.isValidElement(e))return!1;const l=e=>e&&!t.isValidElement(e)&&"object"==typeof e&&!Array.isArray(e)&&"value"in e&&(null==e?void 0:e.value)?e.value:e;return("string"==typeof e||"number"==typeof e?e:l(e))===("string"==typeof i||"number"==typeof i?i:l(i))},p=l=>l&&!t.isValidElement(l)&&"object"==typeof l&&!Array.isArray(l)&&"label"in l&&(null==l?void 0:l.label)&&"helperText"in l&&(null==l?void 0:l.helperText)?i("div",Object.assign({css:s},{children:[e("div",Object.assign({css:o},{children:l.label}),void 0),e("div",Object.assign({css:n},{children:l.helperText}),void 0)]}),void 0):l.label,v=(s,n)=>n&&s&&!t.isValidElement(s)&&"object"==typeof s&&!Array.isArray(s)&&"label"in s&&(null==s?void 0:s.label)?e(r,{highlightClassName:"search-text",highlightTag:"strong",searchWords:[n],autoEscape:!0,textToHighlight:s.label},void 0):s&&!t.isValidElement(s)&&"object"==typeof s&&!Array.isArray(s)&&"label"in s&&(null==s?void 0:s.label)?i(l,{children:[e("div",Object.assign({css:o},{children:p(s)}),void 0),(null==s?void 0:s.iconProps)&&e(a,Object.assign({},s.iconProps),void 0)]},void 0):s;export{m as MAX_LARGE_HEIGHT,c as MAX_NON_VIRTUALIZED_ITEMS_FILTER,d as MAX_NON_VIRTUALIZED_ITEMS_SELECT,h as MAX_SMALL_HEIGHT,b as isSelected,v as renderContent};

package/dist/components/Loader/components/Spinner/Spinner.js

@@ -1 +1 @@
-import{jsx as t}from"@emotion/react/jsx-runtime";import{generateTestDataId as o}from"../../../../utils/helpers.js";import{spinnerContainer as r}from"./Spinner.style.js";const s=({dataTestId:s,color:e})=>t("div",{"data-testid":o("spinner",s),css:r(e)},void 0);export{s as default};
+import{jsx as t}from"@emotion/react/jsx-runtime";import{spinnerContainer as o}from"./Spinner.style.js";import{generateTestDataId as r}from"../../../../utils/helpers.js";const s=({dataTestId:s,color:e})=>t("div",{"data-testid":r("spinner",s),css:o(e)},void 0);export{s as default};

package/dist/components/Menu/Menu.js

@@ -1 +1 @@
-import{jsx as t,jsxs as i}from"@emotion/react/jsx-runtime";import o from"../../hooks/useTheme.js";import e from"lodash/isEmpty.js";import*as s from"react";import r from"../Button/Button.js";import n from"../utils/ClickAwayListener/ClickAwayListener.js";import{optionsStyle as a}from"../utils/DropdownOptions/index.js";import{wrapperStyle as m}from"./Menu.style.js";import l from"../List/List.js";const d=d=>{const{items:c,onSelect:p,buttonText:u="More",menuPosition:f="left",buttonType:v="primary",rightIconName:j,isDisabled:h=!1,leftIconName:b,avatar:y,dataTestId:g}=d,[k,O]=s.useState(!1),C=o();return t(n,Object.assign({onClick:()=>O(!1)},{children:i("div",Object.assign({css:m(),"data-testid":g},{children:[t(r,Object.assign({type:v,onClick:()=>O(!k),isDisabled:h,iconRightName:j,iconLeftName:b,avatar:e(y)?void 0:{src:null==y?void 0:y.src,label:null==y?void 0:y.letter}},{children:t("span",{children:u},void 0)}),void 0),k&&t("div",Object.assign({css:a({menuPosition:f})(C)},{children:c&&t(l,{data:c,rowSize:"small",handleOptionClick:t=>{O(!1),p(t)}},void 0)}),void 0)]}),void 0)}),void 0)};export{d as default};
+import{jsx as t,jsxs as i}from"@emotion/react/jsx-runtime";import o from"../../hooks/useTheme.js";import e from"lodash/isEmpty.js";import*as s from"react";import{wrapperStyle as r}from"./Menu.style.js";import n from"../Button/Button.js";import a from"../utils/ClickAwayListener/ClickAwayListener.js";import{optionsStyle as m}from"../utils/DropdownOptions/index.js";import l from"../List/List.js";const d=d=>{const{items:c,onSelect:p,buttonText:u="More",menuPosition:f="left",buttonType:v="primary",rightIconName:j,isDisabled:h=!1,leftIconName:b,avatar:y,dataTestId:g}=d,[k,O]=s.useState(!1),C=o();return t(a,Object.assign({onClick:()=>O(!1)},{children:i("div",Object.assign({css:r(),"data-testid":g},{children:[t(n,Object.assign({type:v,onClick:()=>O(!k),isDisabled:h,iconRightName:j,iconLeftName:b,avatar:e(y)?void 0:{src:null==y?void 0:y.src,label:null==y?void 0:y.letter}},{children:t("span",{children:u},void 0)}),void 0),k&&t("div",Object.assign({css:m({menuPosition:f})(C)},{children:c&&t(l,{data:c,rowSize:"small",handleOptionClick:t=>{O(!1),p(t)}},void 0)}),void 0)]}),void 0)}),void 0)};export{d as default};

package/dist/components/Modal/Modal.js

@@ -1 +1 @@
-import{jsx as o,jsxs as t}from"@emotion/react/jsx-runtime";import{useEffect as e}from"react";import s from"../../hooks/useEscape.js";import{generateTestDataId as i}from"../../utils/helpers.js";import d from"../Card/Card.js";import n from"../IconButton/IconButton.js";import r from"../utils/ClickAwayListener/ClickAwayListener.js";import{backgroundContainer as a,cardSizing as c,closeContainer as l,modalContainer as m}from"./Modal.style.js";import j from"./ModalContent/ModalContent.js";const p=({isOpen:p=!1,onClose:v,dataTestId:f,children:u,contentProps:C,isContentPadded:h=!0})=>(s((()=>{v()})),e((()=>(p&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="unset"})),[p]),p?o("div",Object.assign({css:a,"data-testid":i("modal-container",f)},{children:o(r,Object.assign({onClick:v},{children:o("div",Object.assign({css:c},{children:t(d,Object.assign({elevated:"02",radius:"3"},{children:[o("div",Object.assign({css:l},{children:o(n,{type:"tertiary",name:"close",onClick:v,dataTestId:"modal-close"},void 0)}),void 0),o("div",Object.assign({css:m({isContentPadded:h})},{children:C?o(j,Object.assign({},C),void 0):u}),void 0)]}),void 0)}),void 0)}),void 0)}),void 0):null);export{p as default};
+import{jsx as o,jsxs as t}from"@emotion/react/jsx-runtime";import{useEffect as e}from"react";import{backgroundContainer as s,cardSizing as i,closeContainer as d,modalContainer as n}from"./Modal.style.js";import r from"./ModalContent/ModalContent.js";import a from"../../hooks/useEscape.js";import{generateTestDataId as c}from"../../utils/helpers.js";import l from"../Card/Card.js";import m from"../IconButton/IconButton.js";import j from"../utils/ClickAwayListener/ClickAwayListener.js";const p=({isOpen:p=!1,onClose:v,dataTestId:f,children:u,contentProps:C,isContentPadded:h=!0})=>(a((()=>{v()})),e((()=>(p&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="unset"})),[p]),p?o("div",Object.assign({css:s,"data-testid":c("modal-container",f)},{children:o(j,Object.assign({onClick:v},{children:o("div",Object.assign({css:i},{children:t(l,Object.assign({elevated:"02",radius:"3"},{children:[o("div",Object.assign({css:d},{children:o(m,{type:"tertiary",name:"close",onClick:v,dataTestId:"modal-close"},void 0)}),void 0),o("div",Object.assign({css:n({isContentPadded:h})},{children:C?o(r,Object.assign({},C),void 0):u}),void 0)]}),void 0)}),void 0)}),void 0)}),void 0):null);export{p as default};

package/dist/components/Modal/ModalContent/ModalContent.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import{generateTestDataId as o}from"../../../utils/helpers.js";import s from"../../Button/Button.js";import{modalContentContainer as a,labelContainer as d,headingContainer as i,messageContainer as n,actionsContainer as c}from"./ModalContent.style.js";const r=({label:r,heading:l,message:m,primaryCTA:g,primaryCTALabel:h,secondaryCTA:j,secondaryCTALabel:p,dataTestId:b})=>e("div",Object.assign({role:"dialog",css:a,"data-testid":o("modal-content",b)},{children:[Boolean(r)&&t("p",Object.assign({css:d},{children:r}),void 0),t("h5",Object.assign({css:i,"data-testid":o("modal-content-header",b)},{children:l}),void 0),t("p",Object.assign({css:n,"data-testid":o("modal-content-message",b)},{children:m}),void 0),e("div",Object.assign({css:c},{children:[Boolean(j&&p)&&t(s,Object.assign({onClick:j,dataTestId:"modal-content-secondaryCTA"},{children:p}),void 0),Boolean(g&&h)&&t(s,Object.assign({onClick:g,dataTestId:"modal-content-primaryCTA"},{children:h}),void 0)]}),void 0)]}),void 0);export{r as default};
+import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import{modalContentContainer as o,labelContainer as s,headingContainer as a,messageContainer as d,actionsContainer as i}from"./ModalContent.style.js";import{generateTestDataId as n}from"../../../utils/helpers.js";import c from"../../Button/Button.js";const r=({label:r,heading:l,message:m,primaryCTA:g,primaryCTALabel:h,secondaryCTA:j,secondaryCTALabel:p,dataTestId:b})=>e("div",Object.assign({role:"dialog",css:o,"data-testid":n("modal-content",b)},{children:[Boolean(r)&&t("p",Object.assign({css:s},{children:r}),void 0),t("h5",Object.assign({css:a,"data-testid":n("modal-content-header",b)},{children:l}),void 0),t("p",Object.assign({css:d,"data-testid":n("modal-content-message",b)},{children:m}),void 0),e("div",Object.assign({css:i},{children:[Boolean(j&&p)&&t(c,Object.assign({onClick:j,dataTestId:"modal-content-secondaryCTA"},{children:p}),void 0),Boolean(g&&h)&&t(c,Object.assign({onClick:g,dataTestId:"modal-content-primaryCTA"},{children:h}),void 0)]}),void 0)]}),void 0);export{r as default};

package/dist/components/Modal/ModalContent/ModalContent.style.js

@@ -6,17 +6,17 @@ import{css as t}from"@emotion/react";import{rem as o}from"../../../theme/utils.j
   flex-wrap: wrap;
   text-align: left;
   color: ${o.utils.getColor("lightGrey",700,"flat")};
-  font-weight: ${o.globals.typography.weights.get("regular")};
+  font-weight: ${o.globals.typography.fontWeight.get("regular")};
 `,l=o=>t`
-  font-size: ${o.globals.typography.fontSizes.get("3")};
+  font-size: ${o.globals.typography.fontSize.get("3")};
   margin: 0 0 ${o.globals.spacing.get("3")} 0;
 `,g=o=>t`
-  font-size: ${o.globals.typography.fontSizes.get("9")};
+  font-size: ${o.globals.typography.fontSize.get("9")};
   color: ${o.utils.getColor("darkGrey",850)};
-  font-weight: ${o.globals.typography.weights.get("medium")};
+  font-weight: ${o.globals.typography.fontWeight.get("medium")};
   margin: 0 0 ${o.globals.spacing.get("9")} 0;
 `,i=e=>t`
-  font-size: ${e.globals.typography.fontSizes.get("4")};
+  font-size: ${e.globals.typography.fontSize.get("4")};
   color: ${e.utils.getColor("lightGrey",750)};
   max-height: ${o(430)};
   overflow-y: hidden;

package/dist/components/Notification/Notification.style.js

@@ -1,16 +1,16 @@
-import{css as o}from"@emotion/react";import{tint as t}from"polished";import{rem as i}from"../../theme/utils.js";const e=(o,t)=>o.utils.getColor(t,550,"normal"),n=(n,l,r)=>o`
-  border: ${i(1)} solid ${r.utils.getColor(n,100,"normal")};
+import{css as o}from"@emotion/react";import{tint as t}from"polished";import{rem as i}from"../../theme/utils.js";const n=(o,t)=>o.utils.getColor(t,550,"normal"),e=(e,l,r)=>o`
+  border: ${i(1)} solid ${r.utils.getColor(e,100,"normal")};
 
   &[notification-type='banner'] {
     box-shadow: ${r.globals.elevation["02"]};
   }
 
-  ${"outlined"===l?`\n        border: ${i(2)} solid ${e(r,n)};\n        background: white;\n      `:`\n        background: ${t(.95,e(r,n))};\n`}
+  ${"outlined"===l?`\n        border: ${i(2)} solid ${n(r,e)};\n        background: white;\n      `:`\n        background: ${t(.95,n(r,e))};\n`}
 `,l=()=>t=>o`
       display: flex;
       flex-direction: row;
       justify-content: flex-end;
-      margin-top: ${t.globals.spacing.get("6")};
+      padding-top: ${t.globals.spacing.get("6")};
       position: sticky;
       bottom: ${t.globals.spacing.get("6")};
       top: 100%;
@@ -19,6 +19,6 @@ import{css as o}from"@emotion/react";import{tint as t}from"polished";import{rem
       margin-left: ${t.globals.spacing.get("6")};
     `,g=()=>t=>o`
       padding-right: ${t.globals.spacing.get("4")};
-    `,s=()=>t=>o`
-      font-weight: ${t.globals.typography.weights.get("bold")};
-    `;export{r as actionContainer,l as actionsContainer,s as boldMessageContainer,g as iconContainer,n as notificationsContainerPerType,e as typeToThemePalette};
+    `,a=()=>t=>o`
+      font-weight: ${t.globals.typography.fontWeight.get("bold")};
+    `;export{r as actionContainer,l as actionsContainer,a as boldMessageContainer,g as iconContainer,e as notificationsContainerPerType,n as typeToThemePalette};

package/dist/components/Notification/NotificationVisual/NotificationVisual.js

@@ -1 +1 @@
-import{jsxs as i,jsx as s}from"@emotion/react/jsx-runtime";import{generateTestDataId as t}from"../../../utils/helpers.js";import e from"../../Button/Button.js";import{boldMessageContainer as r,actionsContainer as o,actionContainer as a}from"../Notification.style.js";import{visualContainer as c,descriptionContainer as d}from"./NotificationVisual.style.js";const n=({title:n,primaryCTALabel:l="OK",primaryCTA:v,secondaryCTALabel:m="Cancel",secondaryCTA:j,description:p,dataTestId:y})=>i("div",Object.assign({css:c()},{children:[s("div",Object.assign({css:r()},{children:n}),void 0),s("div",Object.assign({css:d()},{children:p}),void 0),i("div",Object.assign({css:o()},{children:[s("div",Object.assign({css:a(),"data-testid":t("visual-secondary",y)},{children:s(e,Object.assign({type:"tertiary",onClick:j},{children:m}),void 0)}),void 0),s("div",Object.assign({css:a(),"data-testid":t("visual-primary",y)},{children:s(e,Object.assign({type:"tertiary",onClick:v},{children:l}),void 0)}),void 0)]}),void 0)]}),void 0);export{n as default};
+import{jsxs as i,jsx as t}from"@emotion/react/jsx-runtime";import{visualContainer as s,descriptionContainer as a}from"./NotificationVisual.style.js";import{generateTestDataId as e}from"../../../utils/helpers.js";import{boldMessageContainer as o}from"../Notification.style.js";import r from"../subcomponents/NotificationActionsArea/NotificationActionsArea.js";const d=({title:d,primaryCTALabel:c="OK",primaryCTA:n,secondaryCTALabel:l="Cancel",secondaryCTA:m,description:p,dataTestId:A})=>{const f=n&&c||m&&l;return i("div",Object.assign({css:s()},{children:[t("div",Object.assign({css:o(),"data-testid":e("visual-title",A)},{children:d}),void 0),t("div",Object.assign({css:a(),"data-testid":e("visual-description",A)},{children:p}),void 0),f&&t(r,{primaryCTA:n,primaryCTALabel:c,secondaryCTA:m,secondaryCTALabel:l,dataTestPrefixId:"visual",dataTestId:A},void 0)]}),void 0)};export{d as default};

package/dist/components/Notification/NotificationVisual/NotificationVisual.style.js

@@ -1,8 +1,8 @@
-import{css as t}from"@emotion/react";import{rem as o}from"../../../theme/utils.js";const i=()=>o=>t`
-      margin: ${o.globals.spacing.get("6")};
-    `,a=()=>i=>t`
-      margin-top: ${i.globals.spacing.get("4")};
-      max-height: ${o(180)};
+import{css as o}from"@emotion/react";import{rem as t}from"../../../theme/utils.js";const i=()=>t=>o`
+        padding: ${t.globals.spacing.get("6")};
+      `,a=()=>i=>o`
+      padding-top: ${i.globals.spacing.get("4")};
+      max-height: ${t(180)};
       overflow: auto;
-      max-width: fit-content;
+      width: ${t(547)};
     `;export{a as descriptionContainer,i as visualContainer};

package/dist/components/Notification/Snackbar/Snackbar.js

@@ -1 +1 @@
-import{jsxs as i,jsx as s}from"@emotion/react/jsx-runtime";import e from"../../../hooks/useTheme.js";import{generateTestDataId as t}from"../../../utils/helpers.js";import o from"../../Button/Button.js";import{iconContainer as c,boldMessageContainer as r,actionContainer as n,actionsContainer as a}from"../Notification.style.js";import{typeToIconName as d}from"../subcomponents/CompactNotification/CompactNotification.js";import{cardContainer as l,topContainer as m,infoContainer as v,descriptionContainer as p}from"./Snackbar.style.js";import b from"../../Icon/Icon.js";const j=({message:j,type:y,styleType:h="elevated",primaryCTALabel:g="OK",primaryCTA:f,secondaryCTALabel:O="Cancel",secondaryCTA:C,description:k,closeCTA:u,dataTestId:T})=>{const{utils:A}=e();return i("div",Object.assign({css:l(y,h),"notification-type":"snackbar"},{children:[i("div",Object.assign({css:m()},{children:[i("div",Object.assign({css:v()},{children:[s("div",Object.assign({css:c()},{children:s(b,{name:d(y),color:y,size:20},void 0)}),void 0),s("div",Object.assign({css:r()},{children:j}),void 0)]}),void 0),s("span",Object.assign({css:n(),onClick:u,"data-testid":t("snackbar-close",T)},{children:s(b,{name:"close",color:A.getColor("lightGrey",650),size:20},void 0)}),void 0)]}),void 0),s("div",Object.assign({css:p()},{children:k}),void 0),i("div",Object.assign({css:a()},{children:[s("div",Object.assign({css:n(),"data-testid":t("snackbar-secondary",T)},{children:s(o,Object.assign({type:"tertiary",onClick:C},{children:O}),void 0)}),void 0),s("div",Object.assign({css:n(),"data-testid":t("snackbar-primary",T)},{children:s(o,Object.assign({type:"tertiary",onClick:f},{children:g}),void 0)}),void 0)]}),void 0)]}),void 0)};export{j as default};
+import{jsxs as i,jsx as s}from"@emotion/react/jsx-runtime";import{cardContainer as o,topContainer as e,infoContainer as t,descriptionContainer as a}from"./Snackbar.style.js";import c from"../../../hooks/useTheme.js";import{generateTestDataId as r}from"../../../utils/helpers.js";import{iconContainer as n,boldMessageContainer as d,actionContainer as m}from"../Notification.style.js";import{typeToIconName as l}from"../subcomponents/CompactNotification/CompactNotification.js";import p from"../subcomponents/NotificationActionsArea/NotificationActionsArea.js";import b from"../../Icon/Icon.js";const v=({message:v,type:f,styleType:j="elevated",primaryCTALabel:y="OK",primaryCTA:C,secondaryCTALabel:T="Cancel",secondaryCTA:A,description:h,closeCTA:g,dataTestId:u})=>{const{utils:O}=c(),k=C&&y||A&&T;return i("div",Object.assign({css:o(f,j),"notification-type":"snackbar"},{children:[i("div",Object.assign({css:e()},{children:[i("div",Object.assign({css:t()},{children:[s("div",Object.assign({css:n()},{children:s(b,{name:l(f),color:f,size:20},void 0)}),void 0),s("div",Object.assign({css:d()},{children:v}),void 0)]}),void 0),s("span",Object.assign({css:m(),onClick:g,"data-testid":r("snackbar-close",u)},{children:s(b,{name:"close",color:O.getColor("lightGrey",650),size:20},void 0)}),void 0)]}),void 0),s("div",Object.assign({css:a(),"data-testid":r("snackbar-description",u)},{children:h}),void 0),k&&s(p,{primaryCTA:C,primaryCTALabel:y,secondaryCTA:A,secondaryCTALabel:T,dataTestPrefixId:"snackbar",dataTestId:u},void 0)]}),void 0)};export{v as default};

package/dist/components/Notification/Snackbar/Snackbar.style.js

@@ -1,26 +1,24 @@
-import{css as o}from"@emotion/react";import{rem as e}from"../../../theme/utils.js";import{typeToThemePalette as t}from"../Notification.style.js";const i=(i,n)=>l=>o`
+import{css as o}from"@emotion/react";import{rem as e}from"../../../theme/utils.js";import{typeToThemePalette as t}from"../Notification.style.js";const i=(i,l)=>n=>o`
       display: flex;
       flex-direction: column;
       overflow: hidden;
-      padding: ${l.globals.spacing.get("6")};
+      padding: ${n.globals.spacing.get("6")};
       box-sizing: border-box;
-      min-height: ${e(164)};
       max-height: ${e(294)};
       border-radius: ${e(8)};
-      background: ${l.globals.colors.white};
-      ${((o,i,n)=>"outlined"===i?`\n        border: ${e(2)} solid ${t(n,o)};\n      `:` \n    border-left: ${t(n,o)} ${e(4)} solid;\n    box-shadow: ${n.globals.elevation["02"]};\n`)(i,n,l)};
-    `,n=()=>e=>o`
+      background: ${n.globals.colors.white};
+      ${((o,i,l)=>"outlined"===i?`\n        border: ${e(2)} solid ${t(l,o)};\n      `:`\n    border-left: ${t(l,o)} ${e(4)} solid;\n    box-shadow: ${l.globals.elevation["02"]};\n`)(i,l,n)};
+    `,l=()=>e=>o`
       display: flex;
       align-items: center;
       justify-content: space-between;
       padding-bottom: ${e.globals.spacing.get("6")};
-    `,l=()=>()=>o`
+    `,n=()=>()=>o`
     display: flex;
     align-items: center;
-  `,a=()=>t=>o`
-      padding-bottom: ${t.globals.spacing.get("6")};
-      font-size: ${t.globals.typography.fontSizes.get("3")};
+  `,s=()=>t=>o`
+      font-size: ${t.globals.typography.fontSize.get("3")};
       max-height: ${e(194)};
       overflow: auto;
-      max-width: fit-content;
-    `;export{i as cardContainer,a as descriptionContainer,l as infoContainer,n as topContainer};
+      width: ${e(547)};
+    `;export{i as cardContainer,s as descriptionContainer,n as infoContainer,l as topContainer};

package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.js

@@ -1 +1 @@
-import{jsxs as i,jsx as t}from"@emotion/react/jsx-runtime";import s from"../../../../hooks/useTheme.js";import{generateTestDataId as e}from"../../../../utils/helpers.js";import o from"../../../Button/Button.js";import a from"../../../Icon/Icon.js";import{iconContainer as n,actionContainer as r}from"../../Notification.style.js";import{notificationsContainer as c,infoContainer as d,headContainer as l,messageContainer as m,actionsContainer as p,primaryActionContainer as v}from"./CompactNotification.style.js";const j=i=>"warning"===i?"alert":i,f=({hasIcon:f=!1,message:g,variant:h,type:b,styleType:y="elevated",primaryCTALabel:u,primaryCTA:O,closeCTA:C,title:T,dataTestId:I})=>{const{utils:k}=s();return i("div",Object.assign({css:c(b,y),"data-testid":e(h,I)},"banner"==h&&{"notification-type":"banner"},{children:[i("div",Object.assign({css:d()},{children:[f&&t("div",Object.assign({css:n()},{children:t(a,{name:j(b),color:b,size:20},void 0)}),void 0),"banner"===h&&t("div",Object.assign({css:l(),"data-testid":e(`${h}-title`,I)},{children:T}),void 0),t("div",Object.assign({css:m(),"data-testid":e(`${h}-message`,I)},{children:g}),void 0)]}),void 0),i("div",Object.assign({css:p()},{children:[O&&u&&t(o,Object.assign({type:"tertiary",css:v(),onClick:O,"data-testid":e("notification-primary",I)},{children:u}),void 0),C&&t("span",Object.assign({css:r(),onClick:C,"data-testid":e("notification-close",I)},{children:t(a,{name:"close",color:k.getColor("lightGrey",650),size:20},void 0)}),void 0)]}),void 0)]}),void 0)};export{f as default,j as typeToIconName};
+import{jsxs as i,jsx as t}from"@emotion/react/jsx-runtime";import{notificationsContainer as s,infoContainer as e,headContainer as o,messageContainer as a,actionsContainer as n,primaryActionContainer as r}from"./CompactNotification.style.js";import c from"../../../../hooks/useTheme.js";import{generateTestDataId as d}from"../../../../utils/helpers.js";import l from"../../../Button/Button.js";import m from"../../../Icon/Icon.js";import{iconContainer as p,actionContainer as v}from"../../Notification.style.js";const j=i=>"warning"===i?"alert":i,f=({hasIcon:f=!1,message:g,variant:h,type:b,styleType:y="elevated",primaryCTALabel:u,primaryCTA:O,closeCTA:C,title:T,dataTestId:I})=>{const{utils:k}=c();return i("div",Object.assign({css:s(b,y),"data-testid":d(h,I)},"banner"==h&&{"notification-type":"banner"},{children:[i("div",Object.assign({css:e()},{children:[f&&t("div",Object.assign({css:p()},{children:t(m,{name:j(b),color:b,size:20},void 0)}),void 0),"banner"===h&&t("div",Object.assign({css:o(),"data-testid":d(`${h}-title`,I)},{children:T}),void 0),t("div",Object.assign({css:a(),"data-testid":d(`${h}-message`,I)},{children:g}),void 0)]}),void 0),i("div",Object.assign({css:n()},{children:[O&&u&&t(l,Object.assign({type:"tertiary",css:r(),onClick:O,"data-testid":d("notification-primary",I)},{children:u}),void 0),C&&t("span",Object.assign({css:v(),onClick:C,"data-testid":d("notification-close",I)},{children:t(m,{name:"close",color:k.getColor("lightGrey",650),size:20},void 0)}),void 0)]}),void 0)]}),void 0)};export{f as default,j as typeToIconName};

package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.style.js

@@ -1,28 +1,28 @@
-import{css as t}from"@emotion/react";import{rem as e}from"../../../../theme/utils.js";import{notificationsContainerPerType as i}from"../../Notification.style.js";const o=(o,g)=>s=>t`
+import{css as t}from"@emotion/react";import{rem as e}from"../../../../theme/utils.js";import{notificationsContainerPerType as i}from"../../Notification.style.js";const o=(o,g)=>a=>t`
       box-sizing: border-box;
       display: flex;
       justify-content: space-between;
       overflow: hidden;
       width: 100%;
       min-height: ${e(46)};
-      border-radius: ${s.globals.spacing.get("3")};
-      color: ${s.utils.getColor("darkGrey",850)};
-      font-size: ${s.globals.typography.fontSizes.get("3")};
-      ${i(o,g,s)};
+      border-radius: ${a.globals.spacing.get("3")};
+      color: ${a.utils.getColor("darkGrey",850)};
+      font-size: ${a.globals.typography.fontSize.get("3")};
+      ${i(o,g,a)};
     `,g=()=>e=>t`
       display: flex;
       align-items: center;
       padding: 0 ${e.globals.spacing.get("6")};
-    `,s=()=>e=>t`
-      padding: ${e.globals.spacing.get("6")} 0;
     `,a=()=>e=>t`
+      padding: ${e.globals.spacing.get("6")} 0;
+    `,l=()=>e=>t`
       display: flex;
       align-items: center;
       padding-right: ${e.globals.spacing.get("6")};
-      font-weight: ${e.globals.typography.weights.get("medium")};
-    `,l=()=>e=>t`
+      font-weight: ${e.globals.typography.fontWeight.get("medium")};
+    `,s=()=>e=>t`
       padding-right: ${e.globals.spacing.get("3")};
-      font-weight: ${e.globals.typography.weights.get("medium")};
-    `,r=()=>()=>t`
+      font-weight: ${e.globals.typography.fontWeight.get("medium")};
+    `,n=()=>()=>t`
     cursor: pointer;
-  `;export{a as actionsContainer,l as headContainer,g as infoContainer,s as messageContainer,o as notificationsContainer,r as primaryActionContainer};
+  `;export{l as actionsContainer,s as headContainer,g as infoContainer,a as messageContainer,o as notificationsContainer,n as primaryActionContainer};

package/dist/components/Notification/subcomponents/NotificationActionsArea/NotificationActionsArea.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as i}from"@emotion/react/jsx-runtime";import{generateTestDataId as e}from"../../../../utils/helpers.js";import s from"../../../Button/Button.js";import{actionsContainer as r,actionContainer as a}from"../../Notification.style.js";const o=({primaryCTA:o,primaryCTALabel:d,secondaryCTA:c,secondaryCTALabel:n,dataTestPrefixId:l,dataTestId:m})=>t("div",Object.assign({css:r()},{children:[c&&n&&i("div",Object.assign({css:a(),"data-testid":e(`${l}-secondary`,m)},{children:i(s,Object.assign({type:"tertiary",onClick:c},{children:n}),void 0)}),void 0),o&&d&&i("div",Object.assign({css:a(),"data-testid":e(`${l}-primary`,m)},{children:i(s,Object.assign({type:"tertiary",onClick:o},{children:d}),void 0)}),void 0)]}),void 0);export{o as default};

package/dist/components/Radio/Radio.js

@@ -1 +1 @@
-import{jsxs as e,jsx as s}from"@emotion/react/jsx-runtime";import*as i from"react";import o from"../../hooks/useTheme.js";import{generateTestDataId as a}from"../../utils/helpers.js";import d from"../RadioGroup/useRadioGroup.js";import{wrapperStyles as r,inputStyles as t,customRadioWrapperStyles as n,customRadioStyles as u,customRadioInnerHover as l}from"./Radio.style.js";const c=i.forwardRef(((c,m)=>{const{isChecked:p,onChange:h,value:v="on",name:f,isDisabled:j=!1,id:g,isRequired:R=!1,isFilled:b=!0,dataTestId:k}=c,[C,y]=i.useState(!1),[F,O]=i.useState(!1),q=d(),x=o(),D=()=>{y(!0)},G=()=>{y(!1)},M=null!=p?p:q?(q&&q.value)===v:F,S=null!=f?f:q&&q.name;return e("span",Object.assign({css:r(j),"data-testid":a("radio-input",k)},{children:[s("input",{css:t,onFocus:D,onBlur:G,onMouseLeave:G,onMouseOver:D,type:"radio",onChange:e=>{j||(void 0===p&&O(e.target.checked),h&&h(e),q&&q.onChange(e))},name:S,value:v,disabled:j,id:g,required:R,checked:M,ref:m},void 0),e("span",Object.assign({css:n(C,j)(x)},{children:[s("span",{css:u({isChecked:M,isDisabled:j,isFilled:b})(x)},void 0),s("span",{css:l(C,j)(x)},void 0)]}),void 0)]}),void 0)}));c.displayName="Radio";export{c as default};
+import{jsxs as e,jsx as s}from"@emotion/react/jsx-runtime";import*as i from"react";import{wrapperStyles as o,inputStyles as a,customRadioWrapperStyles as d,customRadioStyles as r,customRadioInnerHover as t}from"./Radio.style.js";import n from"../../hooks/useTheme.js";import{generateTestDataId as u}from"../../utils/helpers.js";import l from"../RadioGroup/useRadioGroup.js";const c=i.forwardRef(((c,m)=>{const{isChecked:p,onChange:h,value:v="on",name:f,isDisabled:j=!1,id:g,isRequired:R=!1,isFilled:b=!0,dataTestId:k}=c,[C,y]=i.useState(!1),[F,O]=i.useState(!1),q=l(),x=n(),D=()=>{y(!0)},G=()=>{y(!1)},M=null!=p?p:q?(q&&q.value)===v:F,S=null!=f?f:q&&q.name;return e("span",Object.assign({css:o(j),"data-testid":u("radio-input",k)},{children:[s("input",{css:a,onFocus:D,onBlur:G,onMouseLeave:G,onMouseOver:D,type:"radio",onChange:e=>{j||(void 0===p&&O(e.target.checked),h&&h(e),q&&q.onChange(e))},name:S,value:v,disabled:j,id:g,required:R,checked:M,ref:m},void 0),e("span",Object.assign({css:d(C,j)(x)},{children:[s("span",{css:r({isChecked:M,isDisabled:j,isFilled:b})(x)},void 0),s("span",{css:t(C,j)(x)},void 0)]}),void 0)]}),void 0)}));c.displayName="Radio";export{c as default};

package/dist/components/Select/Select.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as s,jsx as i}from"@emotion/react/jsx-runtime";import o from"lodash/debounce.js";import t,{useEffect as a,useMemo as l}from"react";import{generateTestDataId as r}from"../../utils/helpers.js";import n from"../../hooks/useCombinedRefs.js";import c from"../../hooks/useTheme.js";import d from"../Icon/Icon.js";import u from"../TextField/TextField.js";import m from"../utils/ClickAwayListener/ClickAwayListener.js";import{handleSearch as h}from"../utils/handleSearch.js";import p from"./components/SelectMenu/SelectMenu.js";import{rightIconContainer as f,selectWrapper as v}from"./Select.style.js";import C from"../Loader/Loader.js";const b={label:"",value:""},S=()=>{},g=t.forwardRef(((g,y)=>{const{handleSelectedOption:j=(()=>{}),defaultValue:L,selectedOption:k=b,isMulti:O=!1,options:T,isAsync:w=!1,isLoading:I=!1,asyncSearch:z=(()=>{}),status:V="normal",minCharactersToSearch:A=0,hasHighlightSearch:D=!1,isSearchable:x=!0,isVirtualized:M=!1,styleType:R,isDisabled:F,isLocked:H,dataTestId:G,onClear:K}=g,N=e(g,["handleSelectedOption","defaultValue","selectedOption","isMulti","options","isAsync","isLoading","asyncSearch","status","minCharactersToSearch","hasHighlightSearch","isSearchable","isVirtualized","styleType","isDisabled","isLocked","dataTestId","onClear"]),q=c(),[B,E]=t.useState(!1),J=t.useRef(null),P=n(J,y),[Q,U]=t.useState(L||k),[W,X]=t.useState("");a((()=>{U(L||k)}),[L,k]);const Y=t.useCallback(o((e=>{z(e)}),400),[]),Z=t.useCallback((e=>{h({event:e,isSearchable:x,isAsync:w,setSearchValue:X,onChange:Y,minCharactersToSearch:A})}),[Y,w,x,A]),$=l((()=>w?T:T.filter((e=>{var s;return!W||e.label.toLowerCase().includes(W.toLowerCase())||!!(null===(s=e.options)||void 0===s?void 0:s.find((e=>e.label.toLowerCase().includes(W.toLowerCase()))))})).map((e=>{var s;return e.label.toLowerCase().includes(W.toLowerCase())?e:Object.assign(Object.assign({},e),{options:null===(s=e.options)||void 0===s?void 0:s.filter((e=>e.label.toLowerCase().includes(W.toLowerCase())))})}))),[W,T,w]),_=l((()=>x?W||Q.value?"close":"search":"triangleDown"),[Q.value,x,W]),ee=t.useCallback((()=>{x&&B&&E(!B),x&&(W||Q.value)&&(X(""),U(b),z(""),K&&K())}),[z,Q.value,x,K,B,W]),se=l((()=>s("div",Object.assign({css:f(B,x)},{children:[I&&i(C,{},void 0),i(d,{size:x?20:12,name:_,color:q.utils.getColor("lightGrey",650),onClick:ee,dataTestId:"select-right-icon"},void 0)]}),void 0)),[B,I,x,_,q.utils,ee]);return i(m,Object.assign({onClick:()=>{E(!1),X("")}},{children:s("div",Object.assign({},!(F||H)&&{onClick:()=>{var e,s;B?x||(E(!1),null===(s=null==P?void 0:P.current)||void 0===s||s.blur()):(E(!0),null===(e=null==P?void 0:P.current)||void 0===e||e.focus())}},{css:v({isSearchable:x})},{children:[i(u,Object.assign({styleType:R,rightIcon:se,onKeyDown:e=>{8===e.keyCode&&(U(b),Y(""))},onInput:Z,onChange:S,isReadOnly:!x,isDisabled:F,isLocked:H,dataTestId:r("select-input",G)},N,{status:V,value:W||Q.label,ref:P,autoComplete:"off"}),void 0),B&&i(p,{filteredOptions:$,handleOptionClick:e=>{U(e),E(!1),x&&X(""),j(e)},selectedOption:Q.value,size:N.size,status:V,isLoading:I,isVirtualized:M,searchTerm:D?W:void 0},void 0)]}),void 0)}),void 0)}));g.displayName="Select";export{g as default};
+import{__rest as e}from"tslib";import{jsxs as t,jsx as s}from"@emotion/react/jsx-runtime";import i from"lodash/debounce.js";import o,{useEffect as l,useMemo as a}from"react";import{generateTestDataId as n}from"../../utils/helpers.js";import r from"./components/MultiselectTextField/MultiselectTextField.js";import c from"./components/SelectMenu/SelectMenu.js";import d from"./hooks/useMultiselectUtils.js";import{rightIconContainer as u,selectWrapper as p}from"./Select.style.js";import m from"../../hooks/useCombinedRefs.js";import h from"../../hooks/useTheme.js";import f from"../Icon/Icon.js";import v from"../TextField/TextField.js";import b from"../utils/ClickAwayListener/ClickAwayListener.js";import{handleSearch as O}from"../utils/handleSearch.js";import C from"../Loader/Loader.js";import S from"../utils/PositionInScreen/PositionInScreen.js";const g={label:"",value:""},j=()=>{},y=o.forwardRef(((y,L)=>{const{handleSelectedOption:k=(()=>{}),defaultValue:T,selectedOption:w=g,isMulti:I=!1,options:M,isAsync:D=!1,isLoading:A=!1,asyncSearch:V=(()=>{}),status:x="normal",minCharactersToSearch:z=0,hasHighlightSearch:F=!1,isSearchable:R=!0,isVirtualized:H=!1,styleType:P,isDisabled:W,isLocked:G,dataTestId:K,onClear:N,onOptionDelete:U,selectedOptions:Y=[]}=y,q=e(y,["handleSelectedOption","defaultValue","selectedOption","isMulti","options","isAsync","isLoading","asyncSearch","status","minCharactersToSearch","hasHighlightSearch","isSearchable","isVirtualized","styleType","isDisabled","isLocked","dataTestId","onClear","onOptionDelete","selectedOptions"]),B=h(),[E,J]=o.useState(!1),Q=o.useRef(null),X=m(Q,L),Z=null!=T?T:w,[$,_]=o.useState(Z),[ee,te]=o.useState(""),se=ee||$.label,{multiSelectedOptions:ie,setMultiSelectedOpts:oe,availableMultiSelectOptions:le,setAvailableMultiSelectOptions:ae,handleOptionDelete:ne,handleClearAllOptions:re}=d({selectedOptions:Y,options:M,setOpen:J,setSearchValue:te,isSearchable:R,onClear:N,onOptionDelete:U,isMulti:I});l((()=>{_(Z)}),[Z]);const ce=o.useCallback(i((e=>{V(e)}),400),[]),de=o.useCallback((e=>{open||J(!0),O({event:e,isSearchable:R,isAsync:D,setSearchValue:te,onChange:ce,minCharactersToSearch:z})}),[ce,D,R,z,open]),ue=a((()=>{const e=I?le:M;return D?e:e.filter((e=>{var t;return!ee||e.label.toLowerCase().includes(ee.toLowerCase())||!!(null===(t=e.options)||void 0===t?void 0:t.find((e=>e.label.toLowerCase().includes(ee.toLowerCase()))))})).map((e=>{var t;return e.label.toLowerCase().includes(ee.toLowerCase())?e:Object.assign(Object.assign({},e),{options:null===(t=e.options)||void 0===t?void 0:t.filter((e=>e.label.toLowerCase().includes(ee.toLowerCase())))})}))}),[D,I,le,M,ee]),pe=a((()=>R?ee||$.value?"close":"search":"triangleDown"),[$.value,R,ee]),me=o.useCallback((()=>{R&&E&&J(!E),R&&(ee||$.value)&&(te(""),_(g),V(""),N&&N())}),[V,$.value,R,N,E,ee]),he=a((()=>t("div",Object.assign({css:u(E,R)},{children:[A&&s(C,{},void 0),s(f,{size:R?20:12,name:pe,color:B.utils.getColor("lightGrey",650),onClick:me,dataTestId:"select-right-icon"},void 0)]}),void 0)),[E,A,R,pe,B.utils,me]);return s(b,Object.assign({onClick:()=>{J(!1),te("")}},{children:s("div",Object.assign({},!(W||G)&&{onClick:()=>{var e,t;E?R||(J(!1),null===(t=null==X?void 0:X.current)||void 0===t||t.blur()):(J(!0),null===(e=null==X?void 0:X.current)||void 0===e||e.focus())}},{css:p({isSearchable:R})},{children:s(S,Object.assign({isVisible:E,hasWrapperWidth:!0,offsetY:8,parent:I?s(r,Object.assign({selectedOptions:ie,onInput:de,onOptionDelete:ne,onClearAllOptions:re,isLoading:A,isDisabled:W,isLocked:G,readOnly:!R,dataTestId:n("select-input",K)},q,{status:x,value:se,autoComplete:"off"}),void 0):s(v,Object.assign({styleType:P,rightIcon:he,onKeyDown:e=>{8===e.keyCode&&(_(g),ce(""))},onInput:de,onChange:j,readOnly:!R,disabled:W,isLocked:G,dataTestId:n("select-input",K)},q,{status:x,value:se,ref:X,autoComplete:"off"}),void 0)},{children:s(c,{filteredOptions:ue,handleOptionClick:e=>{I?(oe([...ie,e]),ae(le.filter((t=>t.value!==e.value)))):_(e),J(!1),R&&te(""),k(e)},selectedOption:$.value,size:q.size,status:x,isLoading:A,isVirtualized:H,searchTerm:F?ee:void 0},void 0)}),void 0)}),void 0)}),void 0)}));y.displayName="Select";export{y as default};

package/dist/components/Select/components/MultiselectTextField/MultiselectTextField.js

@@ -0,0 +1 @@
+import{__rest as e}from"tslib";import{jsx as i,Fragment as s,jsxs as l}from"@emotion/react/jsx-runtime";import o from"../../../../hooks/useTheme.js";import t from"lodash/omit";import r,{useMemo as a}from"react";import{generateUniqueID as d}from"../../../../utils/helpers.js";import{chipStyle as n,chipContent as c,textInputBaseOverrides as p,inputContainer as m,rightIconsContainer as h,rightIconStyles as u,inputOverrides as v}from"./MultiselectTextField.style.js";import g from"../../../Chip/Chip.js";import b from"../../../Icon/Icon.js";import f from"../../../Label/Label.js";import j from"../../../Loader/Loader.js";import y from"../../../TextInputBase/TextInputBase.js";import{inputStyle as O}from"../../../TextInputBase/TextInputBase.style.js";const L=r.forwardRef(((L,T)=>{const{selectedOptions:k,value:x,isDisabled:I,isLocked:C,status:D,isLean:R,isDark:B,isReadOnly:z,label:q,id:w,placeholder:A,isRequired:F=!1,styleType:G,onOptionDelete:M,onClearAllOptions:$,isLoading:E,rightIcon:K}=L,N=e(L,["selectedOptions","value","isDisabled","isLocked","status","isLean","isDark","isReadOnly","label","id","placeholder","isRequired","styleType","onOptionDelete","onClearAllOptions","isLoading","rightIcon"]),V=r.useRef(null),W=o(),_=Boolean(x||(null==k?void 0:k.length)&&(null==k?void 0:k.length)>0),H=a((()=>!q&&A?F?`${A} *`:A:q),[q,A,F]),J=a((()=>C?"lock":_?"close":"search"),[_,C]),P=a((()=>i(s,{children:null==k?void 0:k.map(((e,s)=>{var l;return i("span",Object.assign({css:n()},{children:i(g,Object.assign({onClear:C||I?void 0:()=>M(e),fill:"lightGrey",dataTestId:`chip_${s}`},{children:i("div",Object.assign({title:e.label,css:c({maxWidth:null===(l=V.current)||void 0===l?void 0:l.getBoundingClientRect().width})},{children:e.label}),void 0)}),void 0)}),d("chip"+s))}))},void 0)),[I,C,M,k]),Q=a((()=>K?"string"==typeof K?i(b,{name:K,size:20,color:W.utils.getColor("lightGrey",650)},void 0):K:i(b,{size:20,name:J,color:W.utils.getColor("lightGrey",650),onClick:_&&!C?$:void 0,dataTestId:"select-right-icon"},void 0)),[_,J,C,$,K,W.utils]);return i("div",Object.assign({ref:V},{children:l(y,Object.assign({isDisabled:I,isLocked:C,status:D,isLean:R,size:"md",styleType:G},N,{sx:p({hasValue:_,isLoading:E})(W)},{children:[l("div",Object.assign({css:m()},{children:[P,i("input",Object.assign({readOnly:z,onKeyDown:e=>{""===x&&"Backspace"===e.key&&M()},css:O({size:"md",placeholder:A,label:q,isDark:B,isLean:R,sx:v()}),placeholder:H,required:F,id:w,disabled:I||C},t(N,"dataTestId"),{value:x,ref:T}),void 0),q&&i(f,{size:"md",htmlFor:w,label:q,isRequired:F,isAnimated:_,hasError:"error"===D},void 0)]}),void 0),!I&&l("div",Object.assign({css:h()},{children:[E&&i(j,{},void 0),i("div",Object.assign({css:u({isClickable:_&&!C})},{children:Q}),void 0)]}),void 0)]}),void 0)}),void 0)}));L.displayName="MultiselectTextField";export{L as default};

package/dist/components/Select/components/MultiselectTextField/MultiselectTextField.style.js

@@ -0,0 +1,29 @@
+import{css as t}from"@emotion/react";import{rem as i}from"polished";import{getTextFieldHeight as o}from"../../../../utils/size-utils.js";import{LABEL_TRANSFORM_LEFT_SPACING as e}from"../../../Label/Label.style.js";const a=({maxWidth:o})=>()=>t`
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: ${o?i(o-120):"unset"};
+    `,s=()=>i=>t`
+      position: absolute !important;
+      bottom: 0;
+      right: ${i.globals.spacing.get("5")};
+      top: 0;
+      display: flex;
+      align-items: center;
+    `,l=({isClickable:i})=>()=>t`
+      cursor: ${i?"pointer":"auto"};
+    `,r=()=>o=>t`
+      position: relative;
+      margin-right: ${o.globals.spacing.get("2")};
+      & > div {
+        height: ${i(20)};
+        border-radius: ${i(4)};
+      }
+    `,n=()=>i=>t`
+      position: static;
+      width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      row-gap: ${i.globals.spacing.get("2")};
+      z-index: 2;
+    `,p=({hasValue:t,isLoading:a})=>s=>{const l={fontWeight:`${s.globals.typography.fontWeight.get("bold")} !important`,transform:`translate(${e}, -82%) scale(0.8) !important`,bottom:"auto"};return{wrapper:Object.assign({height:"unset",minHeight:`${o("md")} !important`},t?{label:l}:{"input:focus":{label:l},label:{transform:`translate(${e}, -8px)`}}),textField:{padding:a?`${i(21)} ${i(80)} ${i(5)} ${s.globals.spacing.get("5")}`:`${i(21)} ${i(40)} ${i(5)} ${s.globals.spacing.get("5")}`}}},g=()=>({input:{top:"unset",flex:"1 1 0%",minWidth:"20%","&:focus, &:not(:placeholder-shown)":{"& + label":{transform:`translate(${e}, -82%) scale(0.8)`}}}});export{a as chipContent,r as chipStyle,n as inputContainer,g as inputOverrides,l as rightIconStyles,s as rightIconsContainer,p as textInputBaseOverrides};

package/dist/components/Select/components/SelectMenu/SelectMenu.style.js

@@ -1,21 +1,21 @@
-import{css as o}from"@emotion/react";import{darken as e}from"polished";import{rem as i}from"../../../../theme/utils.js";const t=277,l=265,s=({isSelected:i,size:t,hasNoResultsExist:l})=>s=>o`
-      padding: ${s.globals.spacing.get("6")};
-      font-size: ${s.globals.typography.fontSizes.get("md"===t?"4":"3")};
-      background-color: ${i?e(.07,s.globals.colors.white):s.globals.colors.white};
+import{css as o}from"@emotion/react";import{darken as e}from"polished";import{rem as i}from"../../../../theme/utils.js";const t=277,l=265,r=({isSelected:i,size:t,hasNoResultsExist:l})=>r=>o`
+      padding: ${r.globals.spacing.get("6")};
+      font-size: ${r.globals.typography.fontSize.get("md"===t?"4":"3")};
+      background-color: ${i?e(.07,r.globals.colors.white):r.globals.colors.white};
       cursor: default;
-      color: ${l?s.utils.getColor("lightGrey",750):"initial"};
+      color: ${l?r.utils.getColor("lightGrey",750):"initial"};
       text-align: ${l?"center":"initial"};
       text-overflow: ellipsis;
       white-space: nowrap;
       overflow-x: hidden;
 
       &:hover {
-        background-color: ${e(.03,s.globals.colors.white)};
+        background-color: ${e(.03,r.globals.colors.white)};
       }
-    `,r=({status:e,size:t,isVirtualized:l})=>s=>o`
-      background-color: ${s.globals.colors.white};
+    `,s=({status:e,size:t,isVirtualized:l})=>r=>o`
+      background-color: ${r.globals.colors.white};
       border-radius: 4px;
-      box-shadow: ${s.globals.elevation["02"]};
+      box-shadow: ${r.globals.elevation["02"]};
       top: ${"normal"!==e?"70%":"110%"};
       z-index: 500;
       position: absolute;
@@ -24,4 +24,4 @@ import{css as o}from"@emotion/react";import{darken as e}from"polished";import{re
       // TODO we need a technique to identify menu position left or right
       min-width: 100%;
       max-width: ${i(620)};
-    `;export{t as MAX_LARGE_HEIGHT,l as MAX_SMALL_HEIGHT,r as menuStyle,s as optionStyle};
+    `;export{t as MAX_LARGE_HEIGHT,l as MAX_SMALL_HEIGHT,s as menuStyle,r as optionStyle};

package/dist/components/Select/hooks/useMultiselectUtils.js

@@ -0,0 +1 @@
+import e,{useEffect as l}from"react";const t=({selectedOptions:t,options:i,setOpen:a,setSearchValue:n,isSearchable:o,onClear:s,onOptionDelete:u,isMulti:r})=>{const[v,c]=e.useState(t),[p,d]=e.useState([]);l((()=>{var e,l;if(r){const t=null!==(e=null==v?void 0:v.map((({value:e})=>e)))&&void 0!==e?e:[];d(null!==(l=null==i?void 0:i.filter((e=>!t.includes(e.value))))&&void 0!==l?l:[])}}),[i,v,r]);return{multiSelectedOptions:v,setMultiSelectedOpts:c,availableMultiSelectOptions:p,setAvailableMultiSelectOptions:d,handleOptionDelete:e=>{if(e)c(v.filter((l=>l.value!==(null==e?void 0:e.value)))),d([...p,e]),u&&u(e);else if(v.length>0){const e=v[v.length-1];c(v.filter((l=>l.value!==e.value))),d([...p,e])}a(!1)},handleClearAllOptions:()=>{d([...p,...v]),c([]),a(!1),s&&s(),o&&n("")}}};export{t as default};

package/dist/components/Slider/Slider.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r,Fragment as i}from"@emotion/react/jsx-runtime";import{useRef as t}from"react";import{Range as o}from"react-range";import n from"../../hooks/useTheme.js";import l from"../TextField/TextField.js";import a from"./components/SliderMark/SliderMark.js";import s from"./components/SliderThumb/SliderThumb.js";import d from"./components/SliderTrack/SliderTrack.js";import{Container as h,InputsContainer as c,InputContainer as u}from"./Slider.style.js";const m=20,p=0,v=100,g=({values:m,onChange:p,onBlur:g,hasIncrements:f=!1,isDisabled:T=!1,dataTestPrefixId:b})=>{const x=n(),y=t(m),S=1===y.current.length;if(S&&1!==m.length)throw new Error("The Selector type Slider can only accept one initial value in the array, since it only has one thumb. Try changing the `values` prop.");if(!S&&2!==m.length)throw new Error("The Range type Slider only accepts two initial values in the array, since it has two thumbs. Try changing the `values` prop.");const I=e=>e<0?0:e>v?100:e;return e(h,Object.assign({"data-testid":`${null!=b?b:""}slider_component`},{children:[r(o,{step:f?20:1,min:0,max:v,disabled:T,values:m,onChange:p,onFinalChange:g,renderMark:({props:e,index:i})=>f&&(S?i>0:i>0&&i<5)&&r(a,{dataTestPrefixId:b,restProps:e,values:m,index:i,isSelector:S,isDisabled:T},`mark_${i}`),renderTrack:({props:e,children:i})=>r(d,Object.assign({dataTestPrefixId:b,isSelector:S,restProps:e,values:m,isDisabled:T},{children:i}),void 0),renderThumb:({props:e,value:i,index:t})=>{var o;return r(s,{dataTestId:`${null!=b?b:""}thumb_${t}`,restProps:e,isDisabled:T,value:i,initialValue:null===(o=y.current)||void 0===o?void 0:o[t]},`thumb_${t}`)}},void 0),!S&&!f&&2===m.length&&e(c,{children:[r(u,{children:r(l,{isDisabled:T,hasMinWidthCompat:!1,size:"sm",value:m[0],onChange:e=>{const r=I(parseInt((null==e?void 0:e.target.value)||"0"));p([r,m[1]])},onBlur:e=>{if(g){const r=I(parseInt((null==e?void 0:e.target.value)||"0"));g([r,m[1]])}},rightIcon:r(i,{children:"%"},void 0),sx:{textField:{color:x.utils.getColor("lightGrey",650)}}},void 0)},void 0),r(u,{children:r(l,{isDisabled:T,hasMinWidthCompat:!1,size:"sm",value:m[1],onChange:e=>{const r=I(parseInt((null==e?void 0:e.target.value)||"100"));p([m[0],r])},onBlur:e=>{if(g){const r=I(parseInt((null==e?void 0:e.target.value)||"100"));g([m[0],r])}},rightIcon:r(i,{children:"%"},void 0),sx:{textField:{color:x.utils.getColor("lightGrey",650)}}},void 0)},void 0)]},void 0)]}),void 0)};g.displayName="Slider";export{v as MAX,p as MIN,m as STEP_WITH_INCREMENTS,g as default};
+import{jsxs as e,jsx as r,Fragment as i}from"@emotion/react/jsx-runtime";import{useRef as t}from"react";import{Range as o}from"react-range";import n from"./components/SliderMark/SliderMark.js";import l from"./components/SliderThumb/SliderThumb.js";import a from"./components/SliderTrack/SliderTrack.js";import{Container as s,InputsContainer as d,InputContainer as h}from"./Slider.style.js";import c from"../../hooks/useTheme.js";import u from"../TextField/TextField.js";const m=20,p=0,v=100,g=({values:m,onChange:p,onBlur:g,hasIncrements:f=!1,isDisabled:T=!1,dataTestPrefixId:b})=>{const x=c(),y=t(m),S=1===y.current.length;if(S&&1!==m.length)throw new Error("The Selector type Slider can only accept one initial value in the array, since it only has one thumb. Try changing the `values` prop.");if(!S&&2!==m.length)throw new Error("The Range type Slider only accepts two initial values in the array, since it has two thumbs. Try changing the `values` prop.");const I=e=>e<0?0:e>v?100:e;return e(s,Object.assign({"data-testid":`${null!=b?b:""}slider_component`},{children:[r(o,{step:f?20:1,min:0,max:v,disabled:T,values:m,onChange:p,onFinalChange:g,renderMark:({props:e,index:i})=>f&&(S?i>0:i>0&&i<5)&&r(n,{dataTestPrefixId:b,restProps:e,values:m,index:i,isSelector:S,isDisabled:T},`mark_${i}`),renderTrack:({props:e,children:i})=>r(a,Object.assign({dataTestPrefixId:b,isSelector:S,restProps:e,values:m,isDisabled:T},{children:i}),void 0),renderThumb:({props:e,value:i,index:t})=>{var o;return r(l,{dataTestId:`${null!=b?b:""}thumb_${t}`,restProps:e,isDisabled:T,value:i,initialValue:null===(o=y.current)||void 0===o?void 0:o[t]},`thumb_${t}`)}},void 0),!S&&!f&&2===m.length&&e(d,{children:[r(h,{children:r(u,{isDisabled:T,hasMinWidthCompat:!1,size:"sm",value:m[0],onChange:e=>{const r=I(parseInt((null==e?void 0:e.target.value)||"0"));p([r,m[1]])},onBlur:e=>{if(g){const r=I(parseInt((null==e?void 0:e.target.value)||"0"));g([r,m[1]])}},rightIcon:r(i,{children:"%"},void 0),sx:{textField:{color:x.utils.getColor("lightGrey",650)}}},void 0)},void 0),r(h,{children:r(u,{isDisabled:T,hasMinWidthCompat:!1,size:"sm",value:m[1],onChange:e=>{const r=I(parseInt((null==e?void 0:e.target.value)||"100"));p([m[0],r])},onBlur:e=>{if(g){const r=I(parseInt((null==e?void 0:e.target.value)||"100"));g([m[0],r])}},rightIcon:r(i,{children:"%"},void 0),sx:{textField:{color:x.utils.getColor("lightGrey",650)}}},void 0)},void 0)]},void 0)]}),void 0)};g.displayName="Slider";export{v as MAX,p as MIN,m as STEP_WITH_INCREMENTS,g as default};

package/dist/components/Slider/components/SliderMark/SliderMark.js

@@ -1 +1 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useMemo as t}from"react";import r from"../../../../hooks/useTheme.js";import{STEP_WITH_INCREMENTS as o}from"../../Slider.js";import{Mark as s,MarkHoverCircle as i}from"./SliderMark.style.js";const l=({values:l,index:a,isDisabled:u,isSelector:d,dataTestPrefixId:m="",restProps:b})=>{const n=r(),c=t((()=>d?20*a>l[0]?n.utils.getColor("blue",u?250:150):n.utils.getColor("blue",u?250:500):20*a<l[0]||20*a>l[1]?n.utils.getColor("blue",u?250:150):n.utils.getColor("blue",u?250:500)),[u,a,d,n.utils,l]),p=t((()=>(o*a).toString()),[a]);return e(s,Object.assign({"data-testid":`${m}mark_${a}`},b,{isDisabled:u,labelValue:p?`${p}%`:" ",restStyleProps:b.style,background:c},{children:e(i,{isDisabled:u},void 0)}),void 0)};export{l as default};
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useMemo as t}from"react";import{Mark as r,MarkHoverCircle as o}from"./SliderMark.style.js";import s from"../../../../hooks/useTheme.js";import{STEP_WITH_INCREMENTS as i}from"../../Slider.js";const l=({values:l,index:a,isDisabled:u,isSelector:d,dataTestPrefixId:m="",restProps:b})=>{const n=s(),c=t((()=>d?20*a>l[0]?n.utils.getColor("blue",u?250:150):n.utils.getColor("blue",u?250:500):20*a<l[0]||20*a>l[1]?n.utils.getColor("blue",u?250:150):n.utils.getColor("blue",u?250:500)),[u,a,d,n.utils,l]),p=t((()=>(i*a).toString()),[a]);return e(r,Object.assign({"data-testid":`${m}mark_${a}`},b,{isDisabled:u,labelValue:p?`${p}%`:" ",restStyleProps:b.style,background:c},{children:e(o,{isDisabled:u},void 0)}),void 0)};export{l as default};

package/dist/components/Slider/components/SliderMark/SliderMark.style.js

@@ -14,7 +14,7 @@ import o from"@emotion/styled";import{rem as e,rgba as t}from"polished";const i=
       color: white;
       display: ${({isDisabled:o})=>o?"none":"flex"};
       justify-content: center;
-      font-size: ${({theme:o})=>o.globals.typography.fontSizes[11]};
+      font-size: ${({theme:o})=>o.globals.typography.fontSize[11]};
       background: black;
       position: absolute;
       padding: ${({theme:o})=>o.globals.spacing.get("4")};

package/dist/components/Slider/components/SliderTrack/SliderTrack.js

@@ -1 +1 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useMemo as t}from"react";import{getTrackBackground as r}from"react-range";import o from"../../../../hooks/useTheme.js";import{MIN as s,MAX as l}from"../../Slider.js";import{Track as i}from"./SliderTrack.style.js";const a=({values:a,isDisabled:m,isSelector:u,dataTestPrefixId:c="",restProps:d,children:n})=>{const p=o(),b=t((()=>r({values:a,colors:u?[p.utils.getColor("blue",m?250:500),p.utils.getColor("blue",m?250:150)]:[p.utils.getColor("blue",m?250:150),p.utils.getColor("blue",m?250:500),p.utils.getColor("blue",m?250:150)],min:s,max:l,rtl:!1})),[m,u,p.utils,a]);return e(i,Object.assign({"data-testid":`${c}track_component`},d,{isDisabled:m,restStyleProps:d.style,background:b},{children:n}),void 0)};export{a as default};
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useMemo as t}from"react";import{getTrackBackground as r}from"react-range";import{Track as o}from"./SliderTrack.style.js";import s from"../../../../hooks/useTheme.js";import{MIN as l,MAX as i}from"../../Slider.js";const a=({values:a,isDisabled:m,isSelector:u,dataTestPrefixId:c="",restProps:d,children:n})=>{const p=s(),b=t((()=>r({values:a,colors:u?[p.utils.getColor("blue",m?250:500),p.utils.getColor("blue",m?250:150)]:[p.utils.getColor("blue",m?250:150),p.utils.getColor("blue",m?250:500),p.utils.getColor("blue",m?250:150)],min:l,max:i,rtl:!1})),[m,u,p.utils,a]);return e(o,Object.assign({"data-testid":`${c}track_component`},d,{isDisabled:m,restStyleProps:d.style,background:b},{children:n}),void 0)};export{a as default};

package/dist/components/Switch/Switch.style.js

@@ -29,6 +29,6 @@ import t from"@emotion/styled";import{rem as e,rgba as o}from"polished";import{f
     background: ${({theme:t,isChecked:e,isDisabled:o})=>e||o?void 0:t.utils.getColor("lightGrey",150)} !important;
   }
 `,l=t.span`
-  font-size: ${({theme:t})=>t.globals.typography.fontSizes[15]};
+  font-size: ${({theme:t})=>t.globals.typography.fontSize[15]};
   color: ${({theme:t})=>t.utils.getColor("darkGrey",850)};
 `;export{s as Container,l as Label,a as SwitchWrapper};