@orfium/ictinus 4.55.0-next.7 → 4.55.0-next.9

package/dist/bundle.css

@@ -1 +1 @@
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
+.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}

package/dist/components/ButtonBase/ButtonBase.js

@@ -1 +1 @@
-import{jsxs as t,jsx as o}from"@emotion/react/jsx-runtime";import s from"react";import{buttonWrapperStyle as i,buttonBaseStyle as e}from"./ButtonBase.style.js";import{generateTestDataId as r}from"../../utils/helpers.js";import a from"../Button/ButtonLoader/ButtonLoader.js";import n from"../Typography/Typography.js";const d=s.forwardRef(((s,d)=>{const{type:l="primary",isBlock:c=!1,isDisabled:p=!1,isLoading:m=!1,isIconButton:u=!1,shape:B="circle",children:y,dataTestId:f="",dataTestPrefixId:b="",htmlType:h="button",onClick:j,onBlur:g,sx:T}=s,k=`${b}button`;return t("div",Object.assign({css:i({isBlock:c})},{children:[m&&!p&&o(a,{dataTestId:k},void 0),o("button",Object.assign({ref:d,type:h,"data-testid":r(k,f),css:e({type:l,isLoading:m,isBlock:c,isDisabled:p,isIconButton:u,shape:B,sx:T}),onClick:t=>{j&&j(t)},onBlur:g,disabled:p},{children:u?y:o(n,Object.assign({type:"label02"},{children:y}),void 0)}),void 0)]}),void 0)}));d.displayName="ButtonBase";export{d as default};
+import{jsxs as t,jsx as o}from"@emotion/react/jsx-runtime";import s from"react";import{buttonWrapperStyle as i,buttonBaseStyle as e}from"./ButtonBase.style.js";import{generateTestDataId as r}from"../../utils/helpers.js";import a from"../Button/ButtonLoader/ButtonLoader.js";const n=s.forwardRef(((s,n)=>{const{type:d="primary",isBlock:c=!1,isDisabled:l=!1,isLoading:u=!1,isIconButton:m=!1,shape:p="circle",children:B,dataTestId:f="",dataTestPrefixId:b="",htmlType:h="button",onClick:y,onBlur:j,sx:k}=s,x=`${b}button`;return t("div",Object.assign({css:i({isBlock:c})},{children:[u&&!l&&o(a,{dataTestId:x},void 0),o("button",Object.assign({ref:n,type:h,"data-testid":r(x,f),css:e({type:d,isLoading:u,isBlock:c,isDisabled:l,isIconButton:m,shape:p,sx:k}),onClick:t=>{y&&y(t)},onBlur:j,disabled:l},{children:B}),void 0)]}),void 0)}));n.displayName="ButtonBase";export{n as default};

package/dist/components/ButtonBase/ButtonBase.style.js

@@ -1 +1,6 @@
-import{css as o}from"@emotion/react";import{getButtonTokens as r,getIconButtonTokens as i,getTextButtonTokens as t}from"../Button/Button.tokens.js";const n=({isBlock:r})=>o({position:"relative",width:r?"100%":"fit-content"}),e=({type:n="primary",isBlock:e,isLoading:d,isDisabled:a,isIconButton:c,shape:s,sx:l})=>u=>{const b=r(u),g=i(u),p=t(u),v={color:b(`color.${n}.textColor`),width:e?"100%":void 0,backgroundColor:b(`color.${n}.backgroundColor.${d?"active":"inactive"}`),padding:c?g("padding"):`${p("paddingVertical")} ${p("paddingHorizontal")}`,borderRadius:b(c&&"circle"===s?"iconBorderRadius":"textBorderRadius"),border:"none",cursor:"pointer",transition:"background-color,border 150ms linear",":focus-visible:not(:disabled)":{outline:`${b("color.focusedBorderColor")} auto ${b("borderWidth.2")}`},":disabled":{opacity:b("opacity"),cursor:"not-allowed"},":hover:not(:disabled)":{backgroundColor:b(`color.${n}.backgroundColor.hover`)},":active:not(:disabled)":{backgroundColor:b(`color.${n}.backgroundColor.active`)}},k=d&&!a?{pointerEvents:"none"}:{};return o(Object.assign(Object.assign(Object.assign({},v),k),null==l?void 0:l.container))};export{e as buttonBaseStyle,n as buttonWrapperStyle};
+import{css as o}from"@emotion/react";import{getButtonTokens as r,getIconButtonTokens as i,getTextButtonTokens as t}from"../Button/Button.tokens.js";import{label02 as e}from"../Typography/Typography.config.styles.js";const n=({isBlock:r})=>o({position:"relative",width:r?"100%":"fit-content"}),d=({type:n="primary",isBlock:d,isLoading:a,isDisabled:c,isIconButton:l,shape:s,sx:u})=>b=>{const p=r(b),g=i(b),$=t(b),k={color:p(`color.${n}.textColor`),width:d?"100%":void 0,backgroundColor:p(`color.${n}.backgroundColor.${a?"active":"inactive"}`),padding:l?g("padding"):`${$("paddingVertical")} ${$("paddingHorizontal")}`,borderRadius:p(l&&"circle"===s?"iconBorderRadius":"textBorderRadius"),border:"none",cursor:"pointer",transition:"background-color,border 150ms linear",":focus-visible:not(:disabled)":{outline:`${p("color.focusedBorderColor")} auto ${p("borderWidth.2")}`},":disabled":{opacity:b.tokens.disabledState.get("default"),backgroundColor:p(`color.${n}.backgroundColor.inactive`),cursor:"not-allowed"},":hover:not(:disabled)":{backgroundColor:p(`color.${n}.backgroundColor.hover`)},":active:not(:disabled)":{backgroundColor:p(`color.${n}.backgroundColor.active`)}},v=a&&!c?{pointerEvents:"none"}:{};return o`
+      ${e(b)};
+      ${k};
+      ${v};
+      ${null==u?void 0:u.container};
+    `};export{d as buttonBaseStyle,n as buttonWrapperStyle};

package/dist/components/DatePicker/utils.js

@@ -1 +1 @@
-import o from"../../utils/date.js";const t=o("11-03-2020 12:00:00"),e=o=>"test"!==process.env.NODE_ENV?o:t,s="true"===process.env.STORYBOOK_ENV?t:e(o());e();const r=(t,e)=>{const s=e||Object.values(t).some((o=>o));return{from:s?o(t.from):void 0,to:s?o(t.to):void 0}};export{s as currentDay,r as initDates};
+import o from"../../utils/date.js";const t=o("11-03-2020 12:00:00"),e=o=>"test"!==process.env.NODE_ENV?o:t,s="true"===process.env.STORYBOOK_ENV?t:e(o());e();const r=(t,e)=>{const r=e||Object.values(t).some((o=>o));return{from:r?o(t.from||s):void 0,to:r?o(t.to||s):void 0}};export{s as currentDay,r as initDates};

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

@@ -1,17 +1,18 @@
-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`
+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),i=({isAnimated:e,hasError:i})=>a=>t`
       transition: transform 0.25s, opacity 0.25s ease-in-out;
       transform-origin: 0 0;
+      line-height: normal;
       width: 100%;
       position: absolute;
       user-select: none;
       transform: ${e?`translate(${r}, -95%) scale(0.8);`:`translate(${r}, 0)`};
-      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)};
+      font-size: ${a.globals.typography.fontSize.get("4")};
+      font-weight: ${a.globals.typography.fontWeight.get("regular")};
+      color: ${i?a.utils.getColor("error",o,"normal"):a.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,a as labelStyle};
+    `;export{r as LABEL_TRANSFORM_LEFT_SPACING,i as labelStyle};

package/dist/components/Select/Select.js

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

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

@@ -1 +1 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useRef as i,useEffect as s}from"react";import{menuStyle as t,optionStyle as o}from"./SelectMenu.style.js";import r from"../../../List/List.js";import{MAX_NON_VIRTUALIZED_ITEMS_SELECT as l}from"../../../List/utils.js";const n=n=>{const{size:a="sm",status:c="normal",filteredOptions:d,handleOptionClick:m,selectedOption:u,isLoading:h,isVirtualized:p,searchTerm:v}=n,f=i(null);s((()=>{var e;null===(e=f.current)||void 0===e||e.scrollIntoView({block:"nearest",inline:"start"})}),[u]);return e("div",Object.assign({css:t(n)},{children:h?e("div",Object.assign({css:o({isSelected:!1,hasNoResultsExist:!0})},{children:"Loading..."}),void 0):d.length>0?e(r,{data:d,rowSize:"small",isVirtualized:p&&d.length>l,ref:f,handleOptionClick:m,searchTerm:v,selectedItem:u},void 0):e("div",Object.assign({css:o({isSelected:!1,hasNoResultsExist:!0})},{children:"No options"}),void 0)}),void 0)};export{n as default};
+import{jsx as t}from"@emotion/react/jsx-runtime";import{useRef as e,useEffect as i}from"react";import{menuStyle as s,optionStyle as o}from"./SelectMenu.style.js";import l from"../../../List/List.js";import{MAX_NON_VIRTUALIZED_ITEMS_SELECT as r}from"../../../List/utils.js";import{SELECT_ALL_OPTION as n}from"../../constants.js";const c=c=>{const{filteredOptions:a,handleOptionClick:d,selectedOption:m,isLoading:p,isVirtualized:u,searchTerm:h,hasSelectAllOption:f=!1}=c,v=e(null);i((()=>{var t;null===(t=v.current)||void 0===t||t.scrollIntoView({block:"nearest",inline:"start"})}),[m]);return t("div",Object.assign({css:s(c)},{children:p?t("div",Object.assign({css:o({isSelected:!1,hasNoResultsExist:!0})},{children:"Loading..."}),void 0):a.length>0?t(l,{data:a,rowSize:"small",isVirtualized:u&&a.length>r,ref:v,handleOptionClick:d,searchTerm:h,selectedItem:m,defaultOption:f?n:void 0},void 0):t("div",Object.assign({css:o({isSelected:!1,hasNoResultsExist:!0})},{children:"No options"}),void 0)}),void 0)};export{c as default};

package/dist/components/Select/constants.js

@@ -0,0 +1 @@
+const l={value:"select_all",label:"Select All"};export{l as SELECT_ALL_OPTION};

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

@@ -1 +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};
+import e from"lodash/isEqual";import l,{useEffect as t}from"react";import{SELECT_ALL_OPTION as i}from"../constants.js";const a=({selectedOptions:a,options:n,setOpen:o,setSearchValue:s,isSearchable:u,onClear:r,onOptionDelete:c,isMulti:d})=>{const[p,v]=l.useState(a),[f,h]=l.useState([]);t((()=>{var e,l;if(d){const t=null!==(e=null==p?void 0:p.map((({value:e})=>e)))&&void 0!==e?e:[];h(null!==(l=null==n?void 0:n.filter((e=>!t.includes(e.value))))&&void 0!==l?l:[])}}),[n,p,d]);return{multiSelectedOptions:p,availableMultiSelectOptions:f,handleOptionDelete:e=>{if(e)v(p.filter((l=>l.value!==(null==e?void 0:e.value)))),h([...f,e]),c&&c(e);else if(p.length>0){const e=p[p.length-1];v(p.filter((l=>l.value!==e.value))),h([...f,e])}},handleClearAllOptions:()=>{h([...f,...p]),v([]),r&&r(),u&&s("")},handleMultiSelectOptionClick:l=>{if(e(l,i)){const[e,l]=f.reduce(((e,l)=>(e[l.isDisabled?0:1].push(l),e)),[[],[]]);v([...p,...l]),h(e),o(!1)}else v([...p,l]),h(f.filter((e=>e.value!==l.value)))}}};export{a as default};

package/dist/components/Table/Table.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import o from"../../hooks/useBreakpoints.js";import t from"lodash/head.js";import d from"pluralize";import n,{useState as r,useEffect as l}from"react";import a from"react-fast-compare";import s from"./components/ExtendedColumnItem/ExtendedColumnItem.js";import c from"./components/TableCell/TableCell.js";import m from"./components/TableRow/TableRow.js";import h from"./components/TableRowWrapper/TableRowWrapper.js";import{tableCTAStyle as p,tableStyle as u,tableRowHeadersStyle as v}from"./Table.style.js";import{isItemString as g}from"./utils/utils.js";import x from"../CheckBox/CheckBox.js";const f=(e,i,o)=>i||o?Boolean(i)&&o?e.length+2:e.length+1:e.length;var b=n.memo((function({data:a,columns:b,type:P="normal",hasFixedHeader:j=!1,hasFixedCTA:w=!1,onCheck:I,isPadded:T=!1,onSort:y,initialSort:C={column:"",order:"desc"},sortDir:k,topLeftText:S,topRightArea:O,actionWidth:B,isInitiallyExpanded:E=!1,dataTestIdPrefix:A}){const R=o(),W=B?`${B}%`:R.des1920?"5%":"7%",[F,N]=r(void 0),[$,K]=r(C),L=a.some((e=>Boolean(e.expanded))),M=f(b,I,L);l((()=>{y&&y($.column,$.order)}),[y,$]),n.useEffect((()=>{I&&F&&I(F)}),[I,F]),n.useEffect((()=>{N(void 0)}),[a]);const _=n.useCallback((e=>{N(((i=[])=>-1===i.indexOf(e)?[...i,e]:i.filter((i=>i!==e))))}),[]),H=n.useMemo((()=>{var e,i;return(null===(i=null===(e=t(a))||void 0===e?void 0:e.cells)||void 0===i?void 0:i.map((({content:e})=>!Number.isNaN(Number(e)))))||[]}),[a]),z=n.useMemo((()=>{var e,i;return(null===(i=null===(e=t(a))||void 0===e?void 0:e.cells)||void 0===i?void 0:i.map((({align:e})=>e)))||[]}),[a]),D=n.useMemo((()=>{var e,i;return(null===(i=null===(e=t(a))||void 0===e?void 0:e.cells)||void 0===i?void 0:i.map((({widthPercentage:e})=>e)))||[]}),[a]);return e(n.Fragment,{children:[(I||O||S)&&i("table",Object.assign({css:p(w)},{children:i("thead",{children:e(m,{children:[I&&i(c,Object.assign({component:"th",width:50,isPadded:T,dataTestIdPrefix:A,rowIndex:0,index:0},{children:i(x,{isChecked:Boolean(F&&F.length>0),isIntermediate:F&&F.length>0&&(null==F?void 0:F.length)!==a.length,onClick:()=>{(null==F?void 0:F.length)===a.length?N([]):N(a.map((({id:e})=>e)))},isFilled:!1},void 0)}),void 0),i(c,Object.assign({isPadded:T,dataTestIdPrefix:A,rowIndex:0,index:1},{children:F&&(null==F?void 0:F.length)>0?e("span",{children:[i("b",{children:F.length},void 0)," ",d("item",F.length)," selected"]},void 0):S}),void 0),O&&i(c,Object.assign({textAlign:"right",isPadded:T,colSpan:M-(I?2:1),dataTestIdPrefix:A,rowIndex:0,index:2},{children:O(a,F)}),void 0)]},void 0)},void 0)}),void 0),e("table",Object.assign({css:u()},{children:[(I||O||"normal"===P)&&i("thead",{children:"normal"===P&&e(m,Object.assign({css:v(L,Boolean(I),j)},{children:[I&&i(c,{component:"th",isPaddedSticky:w,isSticky:j,width:50,isPadded:T,dataTestIdPrefix:A},void 0),b.map(((e,o)=>i(c,Object.assign({textAlign:z&&z[o]?z[o]:H&&H[o]?"right":"left",component:"th",isSticky:j,isPaddedSticky:w,isPadded:T,width:D[o]?`${D[o]}%`:"initial",isSortable:!g(e)&&e.isSortable,isActive:!g(e)&&e.content.sortingKey===$.column,onClick:()=>{var i;!g(e)&&e.isSortable&&(i=e.content.sortingKey,K((e=>k?{column:i,order:k}:e.column!==i?{column:i,order:"asc"}:{column:i,order:"asc"===e.order?"desc":"asc"})))},dataTestIdPrefix:`${A}_${g(e)?e.trim().toLowerCase().replace(/ /g,"_"):e.content.sortingKey.trim().toLowerCase().replace(/ /g,"_")}`},{children:g(e)?i(s,{item:e},void 0):i(s,{sorting:$,isNumerical:H&&H[o],item:e},void 0)}),`${g(e)?e:e.content.sortingKey}`))),L&&i(c,{component:"th",isSticky:j,isPaddedSticky:w,width:W,dataTestIdPrefix:A},void 0)]}),void 0)},void 0),i("tbody",{children:a.map(((e,o)=>i(h,Object.assign({},{row:e,isRowSelected:!!F&&-1!==F.indexOf(e.id),onSelectionAdd:_,isPadded:T,columns:b,hasFixedHeader:j,type:P,columnCount:M,columnsWithWidth:D,hasOnSelectionChange:Boolean(I),isExpanded:Boolean(e.expanded),actionWidth:B,isInitiallyExpanded:E},{dataTestIdPrefix:A,rowIndex:o+1}),e.id)))},void 0)]}),void 0)]},void 0)}),a);export{b as default};
+import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import o from"../../hooks/useBreakpoints.js";import t from"lodash/head.js";import d from"pluralize";import n,{useState as r,useEffect as l}from"react";import a from"react-fast-compare";import s from"./components/ExtendedColumnItem/ExtendedColumnItem.js";import c from"./components/TableCell/TableCell.js";import m from"./components/TableRow/TableRow.js";import h from"./components/TableRowWrapper/TableRowWrapper.js";import{tableCTAStyle as p,tableStyle as u,tableRowHeadersStyle as v}from"./Table.style.js";import{isItemString as g}from"./utils/utils.js";import x from"../CheckBox/CheckBox.js";var f=n.memo((function({data:a,columns:f,type:b="normal",hasFixedHeader:P=!1,hasFixedCTA:j=!1,onCheck:w,isPadded:I=!1,onSort:T,initialSort:y={column:"",order:"desc"},sortDir:C,topLeftText:k,topRightArea:S,actionWidth:O,isInitiallyExpanded:B=!1,dataTestIdPrefix:E}){const A=o(),R=O?`${O}%`:A.des1920?"5%":"7%",[W,F]=r(void 0),[N,$]=r(y),K=a.some((e=>Boolean(e.expanded))),L=((e,i,o)=>i||o?Boolean(i)&&o?e.length+2:e.length+1:e.length)(f,w,K);l((()=>{T&&T(N.column,N.order)}),[T,N]),n.useEffect((()=>{w&&W&&w(W)}),[w,W]),n.useEffect((()=>{F(void 0)}),[a]);const M=n.useCallback((e=>{F(((i=[])=>-1===i.indexOf(e)?[...i,e]:i.filter((i=>i!==e))))}),[]),_=n.useMemo((()=>{var e,i;return(null===(i=null===(e=t(a))||void 0===e?void 0:e.cells)||void 0===i?void 0:i.map((({content:e})=>!Number.isNaN(Number(e)))))||[]}),[a]),H=n.useMemo((()=>{var e,i;return(null===(i=null===(e=t(a))||void 0===e?void 0:e.cells)||void 0===i?void 0:i.map((({align:e})=>e)))||[]}),[a]),z=n.useMemo((()=>{var e,i;return(null===(i=null===(e=t(a))||void 0===e?void 0:e.cells)||void 0===i?void 0:i.map((({widthPercentage:e})=>e)))||[]}),[a]);return e(n.Fragment,{children:[(w||S||k)&&i("table",Object.assign({css:p(j)},{children:i("thead",{children:e(m,{children:[w&&i(c,Object.assign({component:"th",width:50,isPadded:I,dataTestIdPrefix:E,rowIndex:0,index:0},{children:i(x,{isChecked:Boolean(W&&W.length>0),isIntermediate:W&&W.length>0&&(null==W?void 0:W.length)!==a.length,onClick:()=>{(null==W?void 0:W.length)===a.length?F([]):F(a.map((({id:e})=>e)))},isFilled:!1},void 0)}),void 0),i(c,Object.assign({isPadded:I,dataTestIdPrefix:E,rowIndex:0,index:1},{children:W&&(null==W?void 0:W.length)>0?e("span",{children:[i("b",{children:W.length},void 0)," ",d("item",W.length)," selected"]},void 0):k}),void 0),S&&i(c,Object.assign({textAlign:"right",isPadded:I,colSpan:L-(w?2:1),dataTestIdPrefix:E,rowIndex:0,index:2},{children:S(a,W)}),void 0)]},void 0)},void 0)}),void 0),e("table",Object.assign({css:u()},{children:[(w||S||"normal"===b)&&i("thead",{children:"normal"===b&&e(m,Object.assign({css:v(K,Boolean(w),P)},{children:[w&&i(c,{component:"th",isPaddedSticky:j,isSticky:P,width:50,isPadded:I,dataTestIdPrefix:E},void 0),f.map(((e,o)=>i(c,Object.assign({textAlign:H&&H[o]?H[o]:_&&_[o]?"right":"left",component:"th",isSticky:P,isPaddedSticky:j,isPadded:I,width:z[o]?`${z[o]}%`:"initial",isSortable:!g(e)&&e.isSortable,isActive:!g(e)&&e.content.sortingKey===N.column,onClick:()=>{var i;!g(e)&&e.isSortable&&(i=e.content.sortingKey,$((e=>C?{column:i,order:C}:e.column!==i?{column:i,order:"asc"}:{column:i,order:"asc"===e.order?"desc":"asc"})))},dataTestIdPrefix:`${E}_${g(e)?e.trim().toLowerCase().replace(/ /g,"_"):e.content.sortingKey.trim().toLowerCase().replace(/ /g,"_")}`},{children:g(e)?i(s,{item:e},void 0):i(s,{sorting:N,isNumerical:_&&_[o],item:e},void 0)}),`${g(e)?e:e.content.sortingKey}`))),K&&i(c,{component:"th",isSticky:P,isPaddedSticky:j,width:R,dataTestIdPrefix:E},void 0)]}),void 0)},void 0),i("tbody",{children:a.map(((e,o)=>i(h,Object.assign({},{row:e,isRowSelected:!!W&&-1!==W.indexOf(e.id),onSelectionAdd:M,isPadded:I,columns:f,hasFixedHeader:P,type:b,columnCount:L,columnsWithWidth:z,hasOnSelectionChange:Boolean(w),isExpanded:Boolean(e.expanded),actionWidth:O,isInitiallyExpanded:B},{dataTestIdPrefix:E,rowIndex:o+1}),e.id)))},void 0)]}),void 0)]},void 0)}),a);export{f as default};

package/dist/components/TextInputBase/config.js

@@ -1 +1 @@
-const e=46,r=36,d=150,a={types:{semantic:{outlined:{border:{width:1,color:{default:{name:"lightGrey",shade:200},pressed:{name:"blue",shade:550},error:{name:"red",shade:550}}}}},dark:{outlined:{border:{width:1,color:{default:{name:"darkGrey",shade:500},pressed:{name:"blue",shade:350},error:{name:"red",shade:200}}}}}}};export{e as MD_HEIGHT,d as MIN_WIDTH,r as SM_HEIGHT,a as textInputConfig};
+const e=46,r=28,d=150,a={types:{semantic:{outlined:{border:{width:1,color:{default:{name:"lightGrey",shade:200},pressed:{name:"blue",shade:550},error:{name:"red",shade:550}}}}},dark:{outlined:{border:{width:1,color:{default:{name:"darkGrey",shade:500},pressed:{name:"blue",shade:350},error:{name:"red",shade:200}}}}}}};export{e as MD_HEIGHT,d as MIN_WIDTH,r as SM_HEIGHT,a as textInputConfig};

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -1,7 +1,6 @@
-import{jsx as o,jsxs as e}from"@emotion/react/jsx-runtime";import{css as t,ThemeProvider as r,Global as i}from"@emotion/react";import s from"emotion-reset";import{ThemeSwitchProvider as m,useThemeSwitch as l}from"../../hooks/useThemeSwitch.js";import h from"lodash/keys.js";import d from"lodash/merge.js";import n from"lodash/pick.js";import{normalize as a}from"polished";import c from"../../theme/index.js";import{TypeColorToColorMatchProvider as f}from"../../hooks/useTypeColorToColorMatch.js";const p=(o,e)=>d(c(e),n(o,h(c(e)))),u=o=>t`
+import{jsx as o,jsxs as e}from"@emotion/react/jsx-runtime";import{css as t,ThemeProvider as r,Global as i}from"@emotion/react";import s from"emotion-reset";import{ThemeSwitchProvider as m,useThemeSwitch as l}from"../../hooks/useThemeSwitch.js";import h from"lodash/keys.js";import n from"lodash/merge.js";import a from"lodash/pick.js";import d from"../../theme/index.js";import{TypeColorToColorMatchProvider as c}from"../../hooks/useTypeColorToColorMatch.js";const f=(o,e)=>n(d(e),a(o,h(d(e)))),p=o=>t`
   @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
   ${s}
-  ${a()};
 
   body,
   html {
@@ -18,4 +17,4 @@ import{jsx as o,jsxs as e}from"@emotion/react/jsx-runtime";import{css as t,Theme
   *:focus {
     outline: 0;
   }
-`,j=({theme:e={},children:t})=>o(m,{children:o(v,Object.assign({theme:e},{children:t}),void 0)},void 0),v=({theme:t={},children:s})=>{const m=l().isDark?"dark":"semantic",h={colorScheme:m,overrides:null==t?void 0:t.overrides};return o(r,Object.assign({theme:p(h,m)},{children:e(f,{children:[o(i,{styles:u},void 0),s]},void 0)}),void 0)};export{j as default,u as globalStyles};
+`,u=({theme:e={},children:t})=>o(m,{children:o(j,Object.assign({theme:e},{children:t}),void 0)},void 0),j=({theme:t={},children:s})=>{const m=l().isDark?"dark":"semantic",h={colorScheme:m,overrides:null==t?void 0:t.overrides};return o(r,Object.assign({theme:f(h,m)},{children:e(c,{children:[o(i,{styles:p},void 0),s]},void 0)}),void 0)};export{u as default,p as globalStyles};

package/dist/components/Typography/Typography.config.styles.js

@@ -0,0 +1,7 @@
+import{css as t}from"@emotion/react";const o=o=>t`
+  font-family: ${o.globals.typography.fontFamily.get("roboto")};
+  font-weight: ${o.globals.typography.fontWeight.get("medium")};
+  line-height: ${o.globals.typography.lineHeight.get("4")};
+  font-size: ${o.globals.typography.fontSize.get("3")};
+  letter-spacing: ${o.globals.typography.letterSpacing.get("2")};
+`;export{o as label02};

package/dist/components/utils/PositionInScreen/hooks.js

@@ -1 +1 @@
-import{useState as i,useEffect as n}from"react";const t=(t,d,e,o,l)=>{const[r,u]=i({x:-1,y:-1});return n((()=>{var i,n,l;const{x:r,y:v,width:h,height:c}=(null==t?void 0:t.current)?null===(i=null==t?void 0:t.current)||void 0===i?void 0:i.getBoundingClientRect():{x:0,y:0,width:0,height:0},{width:g,height:w}=(null==d?void 0:d.current)?null===(l=null===(n=null==d?void 0:d.current)||void 0===n?void 0:n.children[0])||void 0===l?void 0:l.getBoundingClientRect():{width:0,height:0};let x=0,s=0;v+c+w>window.innerHeight?(s=s-w-o,v+s<0&&(s=c+o)):s=c+o;x=r+g>window.innerWidth?x+h-g-e:e,u({x:x,y:s})}),[t,d,l,o,e]),r},d=(t,d)=>{const[e,o]=i();return n((()=>{var i,n;t&&o(null===(n=null===(i=null==d?void 0:d.current)||void 0===i?void 0:i.getBoundingClientRect())||void 0===n?void 0:n.width)}),[t,d]),[e]};export{t as usePositionInScreen,d as useWrapperWidth};
+import n from"lodash/head";import{useState as t,useEffect as i}from"react";import{resizeObserverHandler as r}from"./utils.js";const e=(e,o,d,l,u)=>{const[c,v]=t({x:-1,y:-1}),{parentHeight:h,childHeight:s}=((e,o)=>{var d;const[l,u]=t(0),[c,v]=t(0);return i((()=>{if(!e.current)return;const n=r(u);return n.observe(e.current),()=>n.disconnect()}),[e]),i((()=>{var t;const i=n(null===(t=o.current)||void 0===t?void 0:t.children);if(!i)return;const e=r(v);return e.observe(i),()=>e.disconnect()}),[o,null===(d=o.current)||void 0===d?void 0:d.children]),{parentHeight:l,childHeight:c}})(e,o);return i((()=>{var n,t,i;const{x:r,y:u,width:c}=(null==e?void 0:e.current)?null===(n=null==e?void 0:e.current)||void 0===n?void 0:n.getBoundingClientRect():{x:0,y:0,width:0},{width:g}=(null==o?void 0:o.current)?null===(i=null===(t=null==o?void 0:o.current)||void 0===t?void 0:t.children[0])||void 0===i?void 0:i.getBoundingClientRect():{width:0};let a=0,w=0;u+h+s>window.innerHeight?(w=w-s-l,u+w<0&&(w=h+l)):w=h+l;a=r+g>window.innerWidth?a+c-g-d:d,v({x:a,y:w})}),[e,o,u,l,d,h,s]),c},o=(n,r)=>{const[e,o]=t();return i((()=>{var t,i;n&&o(null===(i=null===(t=null==r?void 0:r.current)||void 0===t?void 0:t.getBoundingClientRect())||void 0===i?void 0:i.width)}),[n,r]),[e]};export{e as usePositionInScreen,o as useWrapperWidth};

package/dist/components/utils/PositionInScreen/utils.js

@@ -0,0 +1 @@
+import e from"lodash/head";const t=t=>new ResizeObserver((o=>{const n=e(o);(null==n?void 0:n.target)!==(null==n?void 0:n.contentRect)&&n&&t(n.contentRect.height)}));export{t as resizeObserverHandler};

package/dist/index.d.ts

@@ -230,11 +230,11 @@ declare const letterSpacing: {
         readonly type: "letterSpacing";
     };
     readonly '2': {
-        readonly value: ".25";
+        readonly value: "0.25";
         readonly type: "letterSpacing";
     };
     readonly '3': {
-        readonly value: ".5";
+        readonly value: "0.5";
         readonly type: "letterSpacing";
     };
 };
@@ -669,15 +669,20 @@ declare type GradientPaletteConfig = {
 };
 
 declare const backdrop: {
+    readonly transparent: {
+        readonly value: "{colors.neutral.transparent}";
+        readonly type: "color";
+        readonly description: "backdrop shade, transparent variant";
+    };
     readonly light: {
         readonly value: "rgba(255,255,255,0.75)";
         readonly type: "color";
-        readonly description: "The shade overlay that appears behind a modal on a given screen";
+        readonly description: "backdrop shade, light variant ($colors.neutral.light @ 0.75 opacity)";
     };
     readonly dark: {
         readonly value: "rgba(2,9,24,0.75)";
         readonly type: "color";
-        readonly description: "The shade overlay that appears behind a modal on a given screen";
+        readonly description: "backdrop shade, dark variant  ($colors.blue.950 @ 0.75 opacity)";
     };
 };
 
@@ -712,60 +717,69 @@ declare const borderColor: {
         readonly transparent: {
             readonly value: "rgba(0,0,0,0)";
             readonly type: "color";
+            readonly description: "transparent borderColor variant";
         };
-        readonly light: {
-            readonly muted: {
-                readonly value: "{colors.lightPurple.150}";
-                readonly type: "color";
-            };
-            readonly contrast: {
-                readonly value: "{colors.lightPurple.350}";
-                readonly type: "color";
-            };
+        readonly muted: {
+            readonly value: "{colors.lightPurple.150}";
+            readonly type: "color";
+            readonly description: "Default decorative borderColor";
+        };
+        readonly contrast: {
+            readonly value: "{colors.lightPurple.350}";
+            readonly type: "color";
+            readonly description: "decorative borderColor darker variant";
         };
         readonly inverted: {
-            readonly muted: {
-                readonly value: "{colors.lightPurple.800}";
-                readonly type: "color";
-            };
-            readonly contrast: {
-                readonly value: "{colors.lightPurple.750}";
-                readonly type: "color";
-            };
+            readonly value: "{colors.lightPurple.800}";
+            readonly type: "color";
+            readonly description: "Default decorative borderColor for inverted backgroundColor";
+        };
+        readonly invertedContrast: {
+            readonly value: "{colors.lightPurple.750}";
+            readonly type: "color";
+            readonly description: "Alternative decorative borderColor for inverted backgroundColor";
         };
     };
     readonly interactive: {
         readonly inactive: {
             readonly value: "{colors.blue.200}";
             readonly type: "color";
+            readonly description: "Used in inactive components";
         };
         readonly inactiveAlt: {
             readonly value: "{colors.lightPurple.150}";
             readonly type: "color";
+            readonly description: "inactive borderColor alt variant";
         };
         readonly active: {
             readonly value: "{colors.blue.500}";
             readonly type: "color";
+            readonly description: "Used in active components";
         };
         readonly activeAlt: {
             readonly value: "{colors.lightPurple.350}";
             readonly type: "color";
+            readonly description: "active borderColor alt variant";
         };
         readonly focused: {
-            readonly value: "{colors.purple.500}";
+            readonly value: "{colors.magenta.500}";
             readonly type: "color";
+            readonly description: "Used in focused components";
         };
         readonly error: {
             readonly value: "{colors.red.300}";
             readonly type: "color";
+            readonly description: "Used to indicate error in components";
         };
         readonly success: {
             readonly value: "{colors.teal.300}";
             readonly type: "color";
+            readonly description: "Used to indicate success in components";
         };
         readonly warning: {
             readonly value: "{colors.orange.300}";
             readonly type: "color";
+            readonly description: "Used to indicate warning in components";
         };
     };
 };
@@ -774,10 +788,17 @@ declare type SemanticBorderColor = {
     get: (val: DotKeys<typeof borderColor>) => string;
 };
 
+declare const disabledState: {
+    readonly default: {
+        readonly value: "{opacity.4}";
+        readonly type: "opacity";
+        readonly description: "";
+    };
+};
+
 declare type SemanticDisabledState = {
     get: (val: DotKeys<typeof disabledState>) => string;
 };
-declare const disabledState: SemanticDisabledState;
 
 declare const palette: {
     readonly systemic: {
@@ -785,145 +806,154 @@ declare const palette: {
             readonly light: {
                 readonly type: "color";
                 readonly value: "{colors.red.50}";
+                readonly description: "Used to indicate hover state";
             };
             readonly main: {
                 readonly type: "color";
                 readonly value: "{colors.red.100}";
+                readonly description: "Used to indicate inactive state";
             };
             readonly dark: {
                 readonly type: "color";
                 readonly value: "{colors.red.550}";
+                readonly description: "Used to indicate active state";
             };
         };
         readonly success: {
             readonly light: {
                 readonly type: "color";
                 readonly value: "{colors.teal.50}";
+                readonly description: "Used to indicate hover state";
             };
             readonly main: {
                 readonly type: "color";
                 readonly value: "{colors.teal.100}";
+                readonly description: "Used to indicate inactive state";
             };
             readonly dark: {
                 readonly type: "color";
                 readonly value: "{colors.teal.650}";
+                readonly description: "Used to indicate active state";
             };
         };
         readonly warning: {
             readonly light: {
                 readonly type: "color";
                 readonly value: "{colors.orange.50}";
+                readonly description: "Used to indicate hover state";
             };
             readonly main: {
                 readonly type: "color";
                 readonly value: "{colors.orange.100}";
+                readonly description: "Used to indicate inactive state";
             };
             readonly dark: {
                 readonly type: "color";
                 readonly value: "{colors.orange.650}";
+                readonly description: "Used to indicate active state";
             };
         };
-        readonly tertiary: {
+        readonly transparent: {
             readonly light: {
                 readonly value: "rgba(23,91,245,0)";
                 readonly type: "color";
+                readonly description: "Used to indicate inactive state";
             };
             readonly main: {
                 readonly type: "color";
-                readonly value: "rgba(168,177,255,0.07)";
+                readonly value: "#175bf517";
+                readonly description: "Used to indicate hover state";
             };
             readonly dark: {
                 readonly type: "color";
-                readonly value: "rgba(168,177,255,0.14)";
+                readonly value: "rgba(23, 91, 245, 0.18)";
+                readonly description: "Used to indicate active state";
             };
         };
         readonly primary: {
             readonly light: {
                 readonly type: "color";
                 readonly value: "{colors.blue.400}";
+                readonly description: "used to indicate hover state";
             };
             readonly main: {
                 readonly type: "color";
                 readonly value: "{colors.blue.500}";
+                readonly description: "Used to indicate inactive state";
             };
             readonly dark: {
                 readonly type: "color";
                 readonly value: "{colors.blue.550}";
+                readonly description: "Used to indicate active state";
             };
         };
         readonly secondary: {
             readonly light: {
                 readonly type: "color";
                 readonly value: "{colors.lightPurple.100}";
+                readonly description: "Used to indicate hover state";
             };
             readonly main: {
                 readonly type: "color";
                 readonly value: "{colors.lightPurple.200}";
+                readonly description: "Used to indicate inactive state";
             };
             readonly dark: {
                 readonly type: "color";
                 readonly value: "{colors.lightPurple.300}";
+                readonly description: "Used to indicate active state";
             };
         };
         readonly inverted: {
             readonly light: {
                 readonly type: "color";
                 readonly value: "{colors.teal.400}";
+                readonly description: "Used to indicate inactive";
             };
             readonly main: {
                 readonly type: "color";
                 readonly value: "{colors.teal.300}";
+                readonly description: "Used to indicate hover state";
             };
             readonly dark: {
                 readonly type: "color";
                 readonly value: "{colors.teal.500}";
+                readonly description: "Used to indicate active state";
             };
         };
-        readonly tertiaryAlt: {
+        readonly tertiary: {
             readonly light: {
                 readonly value: "{colors.neutral.light}";
                 readonly type: "color";
+                readonly description: "Used to indicate inactive state";
             };
             readonly main: {
                 readonly type: "color";
-                readonly value: "rgba(168,177,255,0.07)";
+                readonly value: "{colors.blue.50}";
+                readonly description: "Used to indicate hover state";
             };
             readonly dark: {
                 readonly type: "color";
-                readonly value: "rgba(168,177,255,0.14)";
+                readonly value: "{colors.blue.100}";
+                readonly description: "Used to indicate active state";
             };
         };
     };
     readonly accents: {
         readonly blue: {
-            readonly light: {
-                readonly value: "{colors.blue.100}";
-                readonly type: "color";
-            };
             readonly main: {
-                readonly value: "{colors.blue.150}";
-                readonly type: "color";
-            };
-            readonly dark: {
-                readonly value: "{colors.blue.500}";
+                readonly value: "{colors.blue.100}";
                 readonly type: "color";
             };
             readonly contrast: {
                 readonly value: "{colors.blue.550}";
                 readonly type: "color";
+                readonly description: "AA compliant for small text on 'Light' and 'Main' values of same color ";
             };
         };
         readonly darkBlue: {
-            readonly light: {
-                readonly value: "{colors.darkBlue.100}";
-                readonly type: "color";
-            };
             readonly main: {
-                readonly value: "{colors.darkBlue.150}";
-                readonly type: "color";
-            };
-            readonly dark: {
-                readonly value: "{colors.darkBlue.450}";
+                readonly value: "{colors.darkBlue.100}";
                 readonly type: "color";
             };
             readonly contrast: {
@@ -933,16 +963,8 @@ declare const palette: {
             };
         };
         readonly purple: {
-            readonly light: {
-                readonly value: "{colors.purple.100}";
-                readonly type: "color";
-            };
             readonly main: {
-                readonly value: "{colors.purple.150}";
-                readonly type: "color";
-            };
-            readonly dark: {
-                readonly value: "{colors.purple.500}";
+                readonly value: "{colors.purple.100}";
                 readonly type: "color";
             };
             readonly contrast: {
@@ -952,16 +974,8 @@ declare const palette: {
             };
         };
         readonly magenta: {
-            readonly light: {
-                readonly value: "{colors.magenta.100}";
-                readonly type: "color";
-            };
             readonly main: {
-                readonly value: "{colors.magenta.200}";
-                readonly type: "color";
-            };
-            readonly dark: {
-                readonly value: "{colors.magenta.550}";
+                readonly value: "{colors.magenta.100}";
                 readonly type: "color";
             };
             readonly contrast: {
@@ -971,16 +985,8 @@ declare const palette: {
             };
         };
         readonly orange: {
-            readonly light: {
-                readonly value: "{colors.orange.100}";
-                readonly type: "color";
-            };
             readonly main: {
-                readonly value: "{colors.orange.200}";
-                readonly type: "color";
-            };
-            readonly dark: {
-                readonly value: "{colors.orange.550}";
+                readonly value: "{colors.orange.100}";
                 readonly type: "color";
             };
             readonly contrast: {
@@ -990,16 +996,8 @@ declare const palette: {
             };
         };
         readonly teal: {
-            readonly light: {
-                readonly value: "{colors.teal.150}";
-                readonly type: "color";
-            };
             readonly main: {
-                readonly value: "{colors.teal.250}";
-                readonly type: "color";
-            };
-            readonly dark: {
-                readonly value: "{colors.teal.550}";
+                readonly value: "{colors.teal.150}";
                 readonly type: "color";
             };
             readonly contrast: {
@@ -1009,16 +1007,8 @@ declare const palette: {
             };
         };
         readonly red: {
-            readonly light: {
-                readonly value: "{colors.red.100}";
-                readonly type: "color";
-            };
             readonly main: {
-                readonly value: "{colors.red.200}";
-                readonly type: "color";
-            };
-            readonly dark: {
-                readonly value: "{colors.red.550}";
+                readonly value: "{colors.red.100}";
                 readonly type: "color";
             };
             readonly contrast: {
@@ -1028,16 +1018,8 @@ declare const palette: {
             };
         };
         readonly lightPurple: {
-            readonly light: {
-                readonly value: "{colors.lightPurple.200}";
-                readonly type: "color";
-            };
             readonly main: {
-                readonly value: "{colors.lightPurple.400}";
-                readonly type: "color";
-            };
-            readonly dark: {
-                readonly value: "{colors.lightPurple.650}";
+                readonly value: "{colors.lightPurple.200}";
                 readonly type: "color";
             };
             readonly contrast: {
@@ -1064,7 +1046,7 @@ declare const textColor: {
             readonly type: "color";
         };
         readonly error: {
-            readonly value: "{colors.red.650}";
+            readonly value: "{colors.red.600}";
             readonly type: "color";
             readonly description: "AA compliant against white and pale red (error)";
         };
@@ -1316,7 +1298,7 @@ declare type AvatarProps = {
     dataTestPrefixId?: string;
 } & DivProps;
 
-declare const Avatar: React__default.ForwardRefExoticComponent<Pick<AvatarProps, "children" | "onChange" | "color" | "value" | "type" | "muted" | "size" | "onBlur" | "onClick" | "disabled" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | "dataTestPrefixId"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const Avatar: React__default.ForwardRefExoticComponent<Pick<AvatarProps, "children" | "onChange" | "color" | "value" | "type" | "muted" | "default" | "size" | "onBlur" | "onClick" | "disabled" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | "dataTestPrefixId"> & React__default.RefAttributes<HTMLDivElement>>;
 
 declare type AvatarStackProps = {
     /** the maximum number of avatars to be displayed **/
@@ -1327,7 +1309,7 @@ declare type AvatarStackProps = {
     color?: AvatarColors;
 };
 
-declare const AvatarStack: React__default.ForwardRefExoticComponent<Pick<AvatarStackProps & TestProps$1 & Partial<Omit<React__default.HTMLProps<HTMLDivElement>, "size" | "css">>, "children" | "onChange" | "value" | "type" | "muted" | "onBlur" | "onClick" | "disabled" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | keyof TestProps$1 | keyof AvatarStackProps> & React__default.RefAttributes<HTMLDivElement>>;
+declare const AvatarStack: React__default.ForwardRefExoticComponent<Pick<AvatarStackProps & TestProps$1 & Partial<Omit<React__default.HTMLProps<HTMLDivElement>, "size" | "css">>, "children" | "onChange" | "value" | "type" | "muted" | "default" | "onBlur" | "onClick" | "disabled" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | keyof TestProps$1 | keyof AvatarStackProps> & React__default.RefAttributes<HTMLDivElement>>;
 
 declare type BreadcrumbItemData = {
     /** Defines the path used for a link breadcrumb item*/
@@ -1738,7 +1720,7 @@ declare const Select: React__default.ForwardRefExoticComponent<{
     leftIcon?: JSX.Element | AcceptedIconNames | null | undefined;
     rightIcon?: JSX.Element | AcceptedIconNames | null | undefined;
     isRequired?: boolean | undefined;
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean | undefined; /** The function that is used to return the selected options */
     isLocked?: boolean | undefined;
     isDark?: boolean | undefined;
     hintMsg?: React__default.ReactNode;
@@ -2188,7 +2170,7 @@ declare type OverlayProps = {
     /** The data test id if needed */
     dataTestId?: TestId$1;
 };
-declare const Overlay: React__default.ForwardRefExoticComponent<Pick<React__default.PropsWithChildren<OverlayProps & Partial<Omit<React__default.HTMLProps<HTMLDivElement>, "size" | "css">>>, "children" | "onChange" | "color" | "value" | "type" | "muted" | "onBlur" | "onClick" | "disabled" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | keyof OverlayProps> & React__default.RefAttributes<HTMLDivElement>>;
+declare const Overlay: React__default.ForwardRefExoticComponent<Pick<React__default.PropsWithChildren<OverlayProps & Partial<Omit<React__default.HTMLProps<HTMLDivElement>, "size" | "css">>>, "children" | "onChange" | "color" | "value" | "type" | "muted" | "default" | "onBlur" | "onClick" | "disabled" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | keyof OverlayProps> & React__default.RefAttributes<HTMLDivElement>>;
 
 declare type PaginationProps = {
     /** The current page you are on if you need to control it, defaults to 1 **/

package/dist/theme/globals/constants/letterSpacing.js

@@ -1 +1 @@
-const e={0:{value:"0",type:"letterSpacing"},1:{value:"0.1",type:"letterSpacing"},2:{value:".25",type:"letterSpacing"},3:{value:".5",type:"letterSpacing"}};export{e as default};
+const e={0:{value:"0",type:"letterSpacing"},1:{value:"0.1",type:"letterSpacing"},2:{value:"0.25",type:"letterSpacing"},3:{value:"0.5",type:"letterSpacing"}};export{e as default};

package/dist/theme/globals/typography.js

@@ -1 +1 @@
-import{rem as t}from"polished";import o from"./constants/fontFamily.js";import e from"./constants/fontSize.js";import i from"./constants/fontWeight.js";import n from"./constants/letterSpacing.js";import s from"./constants/lineHeight.js";import r from"./constants/textCase.js";import m from"./constants/textDecoration.js";import{getFigmaTokensValue as a,FigmaTokenValueType as g}from"../utils.js";const f={get:a(e,g.Pixels),8:t("8px"),11:t("11px"),13:t("13px"),15:t("15px")},p={get:a(i,g.Number)},l={get:a(o,g.String)},c={get:a(s,g.Pixels)},x={get:a(n,g.String)},S={get:a(r,g.String)},j={get:a(m,g.String)},h=l.get("roboto"),F={globalFontSize:16,fontSize:f,fontWeight:p,fontFamily:l,defaultFontFamily:h,lineHeight:c,letterSpacing:x,textCase:S,textDecoration:j};export{F as default};
+import{rem as t}from"polished";import o from"./constants/fontFamily.js";import e from"./constants/fontSize.js";import i from"./constants/fontWeight.js";import n from"./constants/letterSpacing.js";import s from"./constants/lineHeight.js";import r from"./constants/textCase.js";import m from"./constants/textDecoration.js";import{getFigmaTokensValue as a,FigmaTokenValueType as g}from"../utils.js";const f={get:a(e,g.Pixels),8:t("8px"),11:t("11px"),13:t("13px"),15:t("15px")},p={get:a(i,g.Number)},l={get:a(o,g.String)},c={get:a(s,g.Pixels)},x={get:a(n,g.Pixels)},j={get:a(r,g.String)},S={get:a(m,g.String)},h=l.get("roboto"),F={globalFontSize:16,fontSize:f,fontWeight:p,fontFamily:l,defaultFontFamily:h,lineHeight:c,letterSpacing:x,textCase:j,textDecoration:S};export{F as default};

package/dist/theme/tokens/components/variables/avatar.js

@@ -1 +1 @@
-const e={color:{red:{backgroundColor:{value:"{sem.palette.accents.red.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.red.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},magenta:{backgroundColor:{value:"{sem.palette.accents.magenta.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.magenta.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},purple:{backgroundColor:{value:"{sem.palette.accents.purple.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.purple.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},blue:{backgroundColor:{value:"{sem.palette.accents.blue.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.blue.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},darkBlue:{backgroundColor:{value:"{sem.palette.accents.darkBlue.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.darkBlue.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},teal:{backgroundColor:{value:"{sem.palette.accents.teal.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.teal.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},orange:{backgroundColor:{value:"{sem.palette.accents.orange.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.orange.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},lightPurple:{backgroundColor:{value:"{sem.palette.accents.lightPurple.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.lightPurple.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},imagePlaceholder:{backgroundColor:{value:"{sem.palette.accents.lightPurple.main}",type:"color",description:"this is a placeholder for 'background-image' which cannot be defined as a token"},foregroundColor:{value:"{sem.palette.accents.lightPurple.contrast}",type:"color",description:"this is a placeholder for 'background-image' which cannot be defined as a token"}},borderColor:{value:"{sem.borderColor.decorative.light.muted}",type:"color",description:"common border color used by all avatar versions"}},borderWidth:{value:"{borderWidth.1}",type:"borderWidth"},size:{1:{value:"{sizing.5}",type:"sizing"},2:{value:"{sizing.6}",type:"sizing"},3:{value:"{sizing.9}",type:"sizing"},4:{value:"{sizing.12}",type:"sizing"},5:{value:"{sizing.15}",type:"sizing"},6:{value:"{sizing.18}",type:"sizing"}},borderRadius:{value:"{borderRadius.7}",type:"borderRadius"}};export{e as default};
+const e={color:{red:{backgroundColor:{value:"{sem.palette.accents.red.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.red.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},magenta:{backgroundColor:{value:"{sem.palette.accents.magenta.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.magenta.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},purple:{backgroundColor:{value:"{sem.palette.accents.purple.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.purple.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},blue:{backgroundColor:{value:"{sem.palette.accents.blue.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.blue.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},darkBlue:{backgroundColor:{value:"{sem.palette.accents.darkBlue.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.darkBlue.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},teal:{backgroundColor:{value:"{sem.palette.accents.teal.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.teal.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},orange:{backgroundColor:{value:"{sem.palette.accents.orange.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.orange.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},lightPurple:{backgroundColor:{value:"{sem.palette.accents.lightPurple.main}",type:"color"},foregroundColor:{value:"{sem.palette.accents.lightPurple.contrast}",type:"color",description:"Used for both icon and initials color in avatar"}},imagePlaceholder:{backgroundColor:{value:"{sem.palette.accents.lightPurple.main}",type:"color",description:"this is a placeholder for 'background-image' which cannot be defined as a token"},foregroundColor:{value:"{sem.palette.accents.lightPurple.contrast}",type:"color",description:"this is a placeholder for 'background-image' which cannot be defined as a token"}},borderColor:{value:"{sem.borderColor.decorative.contrast}",type:"color",description:"common border color used by all avatar versions"}},borderWidth:{value:"{borderWidth.1}",type:"borderWidth"},size:{1:{value:"{sizing.5}",type:"sizing"},2:{value:"{sizing.6}",type:"sizing"},3:{value:"{sizing.9}",type:"sizing"},4:{value:"{sizing.12}",type:"sizing"},5:{value:"{sizing.15}",type:"sizing"},6:{value:"{sizing.18}",type:"sizing"}},borderRadius:{value:"{borderRadius.7}",type:"borderRadius"}};export{e as default};

package/dist/theme/tokens/components/variables/button.js

@@ -1 +1 @@
-const e={color:{primary:{backgroundColor:{inactive:{value:"{sem.palette.systemic.primary.main}",type:"color",description:"Sets backgroundColor for primary inactive button"},hover:{value:"{sem.palette.systemic.primary.light}",type:"color",description:"Sets backgroundColor for primary hovered button"},active:{value:"{sem.palette.systemic.primary.dark}",type:"color",description:"Sets backgroundColor for primary active (pressed) button"}},borderColor:{type:"color",value:"{sem.borderColor.decorative.transparent}",description:"Sets borderColor used for all primary button states (except focused)"},textColor:{type:"color",value:"{sem.textColor.inverted.primary}",description:"Sets color used for all icons and text in a primary button"}},secondary:{backgroundColor:{inactive:{value:"{sem.palette.systemic.secondary.main}",type:"color",description:"Sets backgroundColor for secondary inactive button"},hover:{value:"{sem.palette.systemic.secondary.light}",type:"color",description:"Sets backgroundColor for secondary hovered button"},active:{value:"{sem.palette.systemic.secondary.dark}",type:"color",description:"Sets backgroundColor for secondary active button"}},borderColor:{type:"color",value:"{sem.borderColor.decorative.transparent}",description:"Sets borderColor used for all secondary button states (except focused)"},textColor:{type:"color",value:"{sem.textColor.light.active}",description:"Sets color used for all icons and text in a secondary button"}},tertiary:{backgroundColor:{inactive:{type:"color",value:"{sem.palette.systemic.tertiary.light}",description:"Sets backgroundColor for tertiary inactive button"},hover:{value:"{sem.palette.systemic.tertiary.main}",type:"color",description:"Sets backgroundColor for tertiary hovered button"},active:{value:"{sem.palette.systemic.tertiary.dark}",type:"color",description:"Sets backgroundColor for tertiary active button"}},borderColor:{type:"color",value:"{sem.borderColor.decorative.transparent}",description:"Sets borderColor used for all tertiary button states (except focused)"},borderColorSegmented:{type:"color",value:"{sem.borderColor.decorative.light.muted}",description:"Used on the wrapper of a segmented tertiary button group and the dividers separate the buttons"},textColor:{value:"{sem.textColor.light.active}",type:"color",description:"Sets color used for all icons and text in a tertiary button"}},invertedAlt:{borderColor:{type:"color",value:"{sem.borderColor.decorative.transparent}",description:"Sets borderColor used for all invertedAlt button states (except focused)"},backgroundColor:{inactive:{type:"color",value:"{sem.palette.systemic.tertiary.light}",description:"Sets backgroundColor for invertedAlt inactive button"},hover:{value:"{sem.palette.systemic.tertiary.main}",type:"color",description:"Sets backgroundColor for invertedAlt hovered button"},active:{value:"{sem.palette.systemic.tertiary.dark}",type:"color",description:"Sets backgroundColor for invertedAlt active button"}},textColor:{value:"{sem.textColor.inverted.active}",type:"color",description:"Sets color used for all icons and text in an invertedAlt button"}},danger:{backgroundColor:{inactive:{value:"{sem.palette.systemic.error.main}",type:"color",description:"Sets backgroundColor for danger inactive button"},hover:{value:"{sem.palette.systemic.error.light}",type:"color",description:"Sets backgroundColor for danger hovered button"},active:{value:"{sem.palette.systemic.error.main}",type:"color",description:"Sets backgroundColor for danger active button"}},textColor:{type:"color",value:"{sem.textColor.light.error}",description:"Sets color used for all icons and text in a danger button"},borderColor:{type:"color",value:"{sem.borderColor.decorative.transparent}",description:"Sets border color for all danger button states (except focused)"}},focusedBorderColor:{value:"{sem.borderColor.interactive.focused}",type:"color",description:"Sets focused borderColor for all buttons"},inverted:{backgroundColor:{inactive:{value:"{sem.palette.systemic.inverted.main}",type:"color",description:"Sets backgroundColor for inverted inactive button"},hover:{value:"{sem.palette.systemic.inverted.light}",type:"color",description:"Sets backgroundColor for inverted hovered button"},active:{value:"{sem.palette.systemic.inverted.dark}",type:"color",description:"Sets backgroundColor for inverted active (pressed) button"}},borderColor:{type:"color",value:"{sem.borderColor.decorative.transparent}",description:"Sets borderColor used for all inverted button states (except focused)"},textColor:{type:"color",value:"{sem.textColor.light.primary}",description:"Sets color used for all icons and text in an inverted button"}}},borderWidth:{1:{value:"{borderWidth.1}",type:"borderWidth"},2:{value:"{borderWidth.2}",type:"borderWidth"}},textBorderRadius:{value:"{borderRadius.2}",type:"borderRadius",description:"Sets borderRadius for text buttons and segmented button wrappers"},text:{value:"{sem.typography.label02}",type:"typography"},iconSize:{value:"{sizing.5}",type:"sizing",description:"Sets button icon size"},wrapperBorderRadius:{value:"{borderRadius.0}",type:"borderRadius",description:"Sets border radius for nested segmented buttons (border radius is applied to the container instead)"},iconBorderRadius:{value:"{borderRadius.5}",type:"borderRadius",description:"Sets border Radius for icon buttons"},opacity:{value:"{sem.disabledState}",type:"opacity",description:"Sets button opacity for disabled state"}};export{e as default};
+const e={color:{primary:{backgroundColor:{inactive:{value:"{sem.palette.systemic.primary.main}",type:"color",description:"Sets backgroundColor for primary inactive button"},hover:{value:"{sem.palette.systemic.primary.light}",type:"color",description:"Sets backgroundColor for primary hovered button"},active:{value:"{sem.palette.systemic.primary.dark}",type:"color",description:"Sets backgroundColor for primary active (pressed) button"}},borderColor:{type:"color",value:"{sem.borderColor.decorative.transparent}",description:"Sets borderColor used for all primary button states (except focused)"},textColor:{type:"color",value:"{sem.textColor.inverted.primary}",description:"Sets color used for all icons and text in a primary button"}},secondary:{backgroundColor:{inactive:{value:"{sem.palette.systemic.secondary.main}",type:"color",description:"Sets backgroundColor for secondary inactive button"},hover:{value:"{sem.palette.systemic.secondary.light}",type:"color",description:"Sets backgroundColor for secondary hovered button"},active:{value:"{sem.palette.systemic.secondary.dark}",type:"color",description:"Sets backgroundColor for secondary active button"}},borderColor:{type:"color",value:"{sem.borderColor.decorative.transparent}",description:"Sets borderColor used for all secondary button states (except focused)"},textColor:{type:"color",value:"{sem.textColor.light.active}",description:"Sets color used for all icons and text in a secondary button"}},tertiary:{backgroundColor:{inactive:{type:"color",value:"{sem.palette.systemic.transparent.light}",description:"Sets backgroundColor for tertiary inactive button"},hover:{value:"{sem.palette.systemic.transparent.main}",type:"color",description:"Sets backgroundColor for tertiary hovered button"},active:{value:"{sem.palette.systemic.transparent.dark}",type:"color",description:"Sets backgroundColor for tertiary active button"}},borderColor:{type:"color",value:"{sem.borderColor.decorative.transparent}",description:"Sets borderColor used for all tertiary button states (except focused)"},borderColorSegmented:{type:"color",value:"{sem.borderColor.decorative.muted}",description:"Used on the wrapper of a segmented tertiary button group and the dividers separate the buttons"},textColor:{value:"{sem.textColor.light.active}",type:"color",description:"Sets color used for all icons and text in a tertiary button"}},invertedAlt:{borderColor:{type:"color",value:"{sem.borderColor.decorative.transparent}",description:"Sets borderColor used for all invertedAlt button states (except focused)"},backgroundColor:{inactive:{type:"color",value:"{sem.palette.systemic.transparent.light}",description:"Sets backgroundColor for invertedAlt inactive button"},hover:{value:"{sem.palette.systemic.transparent.main}",type:"color",description:"Sets backgroundColor for invertedAlt hovered button"},active:{value:"{sem.palette.systemic.transparent.dark}",type:"color",description:"Sets backgroundColor for invertedAlt active button"}},textColor:{value:"{sem.textColor.inverted.active}",type:"color",description:"Sets color used for all icons and text in an invertedAlt button"}},danger:{backgroundColor:{inactive:{value:"{sem.palette.systemic.error.main}",type:"color",description:"Sets backgroundColor for danger inactive button"},hover:{value:"{sem.palette.systemic.error.light}",type:"color",description:"Sets backgroundColor for danger hovered button"},active:{value:"{sem.palette.systemic.error.main}",type:"color",description:"Sets backgroundColor for danger active button"}},textColor:{type:"color",value:"{sem.textColor.light.error}",description:"Sets color used for all icons and text in a danger button"},borderColor:{type:"color",value:"{sem.borderColor.decorative.transparent}",description:"Sets border color for all danger button states (except focused)"}},focusedBorderColor:{value:"{sem.borderColor.interactive.focused}",type:"color",description:"Sets focused borderColor for all buttons"},inverted:{backgroundColor:{inactive:{value:"{sem.palette.systemic.inverted.main}",type:"color",description:"Sets backgroundColor for inverted inactive button"},hover:{value:"{sem.palette.systemic.inverted.light}",type:"color",description:"Sets backgroundColor for inverted hovered button"},active:{value:"{sem.palette.systemic.inverted.dark}",type:"color",description:"Sets backgroundColor for inverted active (pressed) button"}},borderColor:{type:"color",value:"{sem.borderColor.decorative.transparent}",description:"Sets borderColor used for all inverted button states (except focused)"},textColor:{type:"color",value:"{sem.textColor.light.primary}",description:"Sets color used for all icons and text in an inverted button"}}},borderWidth:{1:{value:"{borderWidth.1}",type:"borderWidth"},2:{value:"{borderWidth.2}",type:"borderWidth"}},textBorderRadius:{value:"{borderRadius.2}",type:"borderRadius",description:"Sets borderRadius for text buttons and segmented button wrappers"},text:{value:"{sem.typography.label02}",type:"typography"},iconSize:{value:"{sizing.5}",type:"sizing",description:"Sets button icon size"},wrapperBorderRadius:{value:"{borderRadius.0}",type:"borderRadius",description:"Sets border radius for nested segmented buttons (border radius is applied to the container instead)"},iconBorderRadius:{value:"{borderRadius.5}",type:"borderRadius",description:"Sets border Radius for icon buttons"}};export{e as default};

package/dist/theme/tokens/semantic/variables/backdrop.js

@@ -1 +1 @@
-const e={light:{value:"rgba(255,255,255,0.75)",type:"color",description:"The shade overlay that appears behind a modal on a given screen"},dark:{value:"rgba(2,9,24,0.75)",type:"color",description:"The shade overlay that appears behind a modal on a given screen"}};export{e as default};
+const a={transparent:{value:"{colors.neutral.transparent}",type:"color",description:"backdrop shade, transparent variant"},light:{value:"rgba(255,255,255,0.75)",type:"color",description:"backdrop shade, light variant ($colors.neutral.light @ 0.75 opacity)"},dark:{value:"rgba(2,9,24,0.75)",type:"color",description:"backdrop shade, dark variant  ($colors.blue.950 @ 0.75 opacity)"}};export{a as default};

package/dist/theme/tokens/semantic/variables/backgroundColor.js

@@ -1 +1 @@
-const o={light:{value:"#ffffff",type:"color",description:"for use as background color in pages"},neutralLight:{value:"#f9fafc",type:"color",description:"for use as background color in pages"},neutralDark:{value:"#f3f5f8",type:"color",description:"for use as background color in pages"},tintedLight:{value:"#f4f8ff",type:"color",description:"for use as background color in pages"},tintedDark:{value:"#e7eefe",type:"color",description:"for use as background color in pages"},inverted:{value:"#32354c",type:"color",description:"for use as background color in dark sections on pages"},invertedDark:{value:"#212332",type:"color",description:"for use as a background color in dark sections on pages"},transparent:{value:"rgba(0,0,0,0)",type:"color"},invertedAlt:{value:"#1d1b5f",type:"color"}};export{o as default};
+const r={light:{value:"{colors.neutral.light}",type:"color",description:"light backgroundColor variant"},transparent:{value:"{colors.neutral.transparent}",type:"color",description:"transparent backgroundColor variant"},tintedLight:{value:"#f4f8ff",type:"color",description:"tinted backgroundColor, lighter variant. Use as backgroundColor in pages"},tintedDark:{value:"#e7eefe",type:"color",description:"tinted backgroundColor, darker variant"},inverted:{value:"{colors.lightPurple.850}",type:"color",description:"inverted BackgroundColor variant, for use in dark sections of a light-themed page"},invertedDark:{value:"{colors.lightPurple.900}",type:"color",description:"invertedBackgroundColor dark variant"},invertedAlt:{value:"{colors.darkBlue.800}",type:"color",description:"invertedBackgroundColor alt variant"}};export{r as default};

package/dist/theme/tokens/semantic/variables/borderColor.js

@@ -1 +1 @@
-const l={decorative:{transparent:{value:"rgba(0,0,0,0)",type:"color"},light:{muted:{value:"{colors.lightPurple.150}",type:"color"},contrast:{value:"{colors.lightPurple.350}",type:"color"}},inverted:{muted:{value:"{colors.lightPurple.800}",type:"color"},contrast:{value:"{colors.lightPurple.750}",type:"color"}}},interactive:{inactive:{value:"{colors.blue.200}",type:"color"},inactiveAlt:{value:"{colors.lightPurple.150}",type:"color"},active:{value:"{colors.blue.500}",type:"color"},activeAlt:{value:"{colors.lightPurple.350}",type:"color"},focused:{value:"{colors.purple.500}",type:"color"},error:{value:"{colors.red.300}",type:"color"},success:{value:"{colors.teal.300}",type:"color"},warning:{value:"{colors.orange.300}",type:"color"}}};export{l as default};
+const o={decorative:{transparent:{value:"rgba(0,0,0,0)",type:"color",description:"transparent borderColor variant"},muted:{value:"{colors.lightPurple.150}",type:"color",description:"Default decorative borderColor"},contrast:{value:"{colors.lightPurple.350}",type:"color",description:"decorative borderColor darker variant"},inverted:{value:"{colors.lightPurple.800}",type:"color",description:"Default decorative borderColor for inverted backgroundColor"},invertedContrast:{value:"{colors.lightPurple.750}",type:"color",description:"Alternative decorative borderColor for inverted backgroundColor"}},interactive:{inactive:{value:"{colors.blue.200}",type:"color",description:"Used in inactive components"},inactiveAlt:{value:"{colors.lightPurple.150}",type:"color",description:"inactive borderColor alt variant"},active:{value:"{colors.blue.500}",type:"color",description:"Used in active components"},activeAlt:{value:"{colors.lightPurple.350}",type:"color",description:"active borderColor alt variant"},focused:{value:"{colors.magenta.500}",type:"color",description:"Used in focused components"},error:{value:"{colors.red.300}",type:"color",description:"Used to indicate error in components"},success:{value:"{colors.teal.300}",type:"color",description:"Used to indicate success in components"},warning:{value:"{colors.orange.300}",type:"color",description:"Used to indicate warning in components"}}};export{o as default};

package/dist/theme/tokens/semantic/variables/disabledState.js

@@ -1 +1 @@
-const t={value:"{opacity.4}",type:"opacity"};export{t as default};
+const t={default:{value:"{opacity.4}",type:"opacity",description:""}};export{t as default};

package/dist/theme/tokens/semantic/variables/palette.js

@@ -1 +1 @@
-const o={systemic:{error:{light:{type:"color",value:"{colors.red.50}"},main:{type:"color",value:"{colors.red.100}"},dark:{type:"color",value:"{colors.red.550}"}},success:{light:{type:"color",value:"{colors.teal.50}"},main:{type:"color",value:"{colors.teal.100}"},dark:{type:"color",value:"{colors.teal.650}"}},warning:{light:{type:"color",value:"{colors.orange.50}"},main:{type:"color",value:"{colors.orange.100}"},dark:{type:"color",value:"{colors.orange.650}"}},tertiary:{light:{value:"rgba(23,91,245,0)",type:"color"},main:{type:"color",value:"rgba(168,177,255,0.07)"},dark:{type:"color",value:"rgba(168,177,255,0.14)"}},primary:{light:{type:"color",value:"{colors.blue.400}"},main:{type:"color",value:"{colors.blue.500}"},dark:{type:"color",value:"{colors.blue.550}"}},secondary:{light:{type:"color",value:"{colors.lightPurple.100}"},main:{type:"color",value:"{colors.lightPurple.200}"},dark:{type:"color",value:"{colors.lightPurple.300}"}},inverted:{light:{type:"color",value:"{colors.teal.400}"},main:{type:"color",value:"{colors.teal.300}"},dark:{type:"color",value:"{colors.teal.500}"}},tertiaryAlt:{light:{value:"{colors.neutral.light}",type:"color"},main:{type:"color",value:"rgba(168,177,255,0.07)"},dark:{type:"color",value:"rgba(168,177,255,0.14)"}}},accents:{blue:{light:{value:"{colors.blue.100}",type:"color"},main:{value:"{colors.blue.150}",type:"color"},dark:{value:"{colors.blue.500}",type:"color"},contrast:{value:"{colors.blue.550}",type:"color"}},darkBlue:{light:{value:"{colors.darkBlue.100}",type:"color"},main:{value:"{colors.darkBlue.150}",type:"color"},dark:{value:"{colors.darkBlue.450}",type:"color"},contrast:{value:"{colors.darkBlue.550}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},purple:{light:{value:"{colors.purple.100}",type:"color"},main:{value:"{colors.purple.150}",type:"color"},dark:{value:"{colors.purple.500}",type:"color"},contrast:{value:"{colors.purple.550}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},magenta:{light:{value:"{colors.magenta.100}",type:"color"},main:{value:"{colors.magenta.200}",type:"color"},dark:{value:"{colors.magenta.550}",type:"color"},contrast:{value:"{colors.magenta.650}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},orange:{light:{value:"{colors.orange.100}",type:"color"},main:{value:"{colors.orange.200}",type:"color"},dark:{value:"{colors.orange.550}",type:"color"},contrast:{value:"{colors.orange.700}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},teal:{light:{value:"{colors.teal.150}",type:"color"},main:{value:"{colors.teal.250}",type:"color"},dark:{value:"{colors.teal.550}",type:"color"},contrast:{value:"{colors.teal.750}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},red:{light:{value:"{colors.red.100}",type:"color"},main:{value:"{colors.red.200}",type:"color"},dark:{value:"{colors.red.550}",type:"color"},contrast:{value:"{colors.red.650}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},lightPurple:{light:{value:"{colors.lightPurple.200}",type:"color"},main:{value:"{colors.lightPurple.400}",type:"color"},dark:{value:"{colors.lightPurple.650}",type:"color"},contrast:{value:"{colors.lightPurple.750}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}}}};export{o as default};
+const e={systemic:{error:{light:{type:"color",value:"{colors.red.50}",description:"Used to indicate hover state"},main:{type:"color",value:"{colors.red.100}",description:"Used to indicate inactive state"},dark:{type:"color",value:"{colors.red.550}",description:"Used to indicate active state"}},success:{light:{type:"color",value:"{colors.teal.50}",description:"Used to indicate hover state"},main:{type:"color",value:"{colors.teal.100}",description:"Used to indicate inactive state"},dark:{type:"color",value:"{colors.teal.650}",description:"Used to indicate active state"}},warning:{light:{type:"color",value:"{colors.orange.50}",description:"Used to indicate hover state"},main:{type:"color",value:"{colors.orange.100}",description:"Used to indicate inactive state"},dark:{type:"color",value:"{colors.orange.650}",description:"Used to indicate active state"}},transparent:{light:{value:"rgba(23,91,245,0)",type:"color",description:"Used to indicate inactive state"},main:{type:"color",value:"#175bf517",description:"Used to indicate hover state"},dark:{type:"color",value:"rgba(23, 91, 245, 0.18)",description:"Used to indicate active state"}},primary:{light:{type:"color",value:"{colors.blue.400}",description:"used to indicate hover state"},main:{type:"color",value:"{colors.blue.500}",description:"Used to indicate inactive state"},dark:{type:"color",value:"{colors.blue.550}",description:"Used to indicate active state"}},secondary:{light:{type:"color",value:"{colors.lightPurple.100}",description:"Used to indicate hover state"},main:{type:"color",value:"{colors.lightPurple.200}",description:"Used to indicate inactive state"},dark:{type:"color",value:"{colors.lightPurple.300}",description:"Used to indicate active state"}},inverted:{light:{type:"color",value:"{colors.teal.400}",description:"Used to indicate inactive"},main:{type:"color",value:"{colors.teal.300}",description:"Used to indicate hover state"},dark:{type:"color",value:"{colors.teal.500}",description:"Used to indicate active state"}},tertiary:{light:{value:"{colors.neutral.light}",type:"color",description:"Used to indicate inactive state"},main:{type:"color",value:"{colors.blue.50}",description:"Used to indicate hover state"},dark:{type:"color",value:"{colors.blue.100}",description:"Used to indicate active state"}}},accents:{blue:{main:{value:"{colors.blue.100}",type:"color"},contrast:{value:"{colors.blue.550}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},darkBlue:{main:{value:"{colors.darkBlue.100}",type:"color"},contrast:{value:"{colors.darkBlue.550}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},purple:{main:{value:"{colors.purple.100}",type:"color"},contrast:{value:"{colors.purple.550}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},magenta:{main:{value:"{colors.magenta.100}",type:"color"},contrast:{value:"{colors.magenta.650}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},orange:{main:{value:"{colors.orange.100}",type:"color"},contrast:{value:"{colors.orange.700}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},teal:{main:{value:"{colors.teal.150}",type:"color"},contrast:{value:"{colors.teal.750}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},red:{main:{value:"{colors.red.100}",type:"color"},contrast:{value:"{colors.red.650}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},lightPurple:{main:{value:"{colors.lightPurple.200}",type:"color"},contrast:{value:"{colors.lightPurple.750}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}}}};export{e as default};

package/dist/theme/tokens/semantic/variables/textColor.js

@@ -1 +1 @@
-const o={light:{primary:{value:"{colors.lightPurple.900}",type:"color"},secondary:{value:"{colors.lightPurple.750}",type:"color"},error:{value:"{colors.red.650}",type:"color",description:"AA compliant against white and pale red (error)"},success:{value:"{colors.teal.750}",type:"color",description:"AA compliant for small text on all backgrounds"},warning:{value:"{colors.orange.500}",type:"color",description:"Not AA compliant use for icons only"},active:{value:"{colors.blue.550}",type:"color"},visited:{value:"{colors.purple.500}",type:"color"}},inverted:{visited:{value:"{colors.purple.250}",type:"color"},primary:{value:"{colors.neutral.light}",type:"color"},secondary:{value:"{colors.blue.150}",type:"color"},error:{value:"{colors.red.300}",type:"color"},success:{value:"{colors.teal.350}",type:"color"},warning:{value:"{colors.orange.350}",type:"color",description:"Not AA compliant use for icons only"},active:{value:"{colors.teal.500}",type:"color"},activeAlt:{value:"{colors.blue.300}",type:"color",description:"Alternative color for inverted link"}}};export{o as default};
+const o={light:{primary:{value:"{colors.lightPurple.900}",type:"color"},secondary:{value:"{colors.lightPurple.750}",type:"color"},error:{value:"{colors.red.600}",type:"color",description:"AA compliant against white and pale red (error)"},success:{value:"{colors.teal.750}",type:"color",description:"AA compliant for small text on all backgrounds"},warning:{value:"{colors.orange.500}",type:"color",description:"Not AA compliant use for icons only"},active:{value:"{colors.blue.550}",type:"color"},visited:{value:"{colors.purple.500}",type:"color"}},inverted:{visited:{value:"{colors.purple.250}",type:"color"},primary:{value:"{colors.neutral.light}",type:"color"},secondary:{value:"{colors.blue.150}",type:"color"},error:{value:"{colors.red.300}",type:"color"},success:{value:"{colors.teal.350}",type:"color"},warning:{value:"{colors.orange.350}",type:"color",description:"Not AA compliant use for icons only"},active:{value:"{colors.teal.500}",type:"color"},activeAlt:{value:"{colors.blue.300}",type:"color",description:"Alternative color for inverted link"}}};export{o as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.55.0-next.7",
+  "version": "4.55.0-next.9",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -139,11 +139,11 @@
     "react-router-dom": "^5.2.0"
   },
   "scripts": {
-    "prepare": "yarn build && husky install",
+    "prepare": "yarn build:lib && husky install",
     "start": "start-storybook -p 6006",
     "prebuild": "rimraf dist",
-    "build": "rollup -c --bundleConfigAsCjs",
-    "build:storybook": "build-storybook",
+    "build:lib": "rollup -c --bundleConfigAsCjs",
+    "build": "build-storybook -o build/",
     "lint": "eslint \"src/**/*.{ts,tsx}\"",
     "test": "jest",
     "test:watch": "jest --watch",

package/dist/components/Typography/Typography.js

@@ -1 +0,0 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import{typographyWrapper as n}from"./Typography.style.js";const i=e=>"headline01"===e?"h1":"headline02"===e?"h2":"headline03"===e?"h3":"headline04"===e?"h4":"headline05"===e?"h5":e.includes("title")?"h6":e.includes("label")?"span":(e.includes("body"),"p"),t=({type:t="body01",component:l,children:o})=>{const d=l||i(t);return e(d,Object.assign({css:n({type:t})},{children:o}),void 0)};export{t as default,i as detectComponentBasedOnType};

package/dist/components/Typography/Typography.style.js

@@ -1,85 +0,0 @@
-import{css as t}from"@emotion/react";const g=({type:g})=>o=>({headline01:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("10")};
-      font-size: ${o.globals.typography.fontSize.get("9")};
-      font-weight: ${o.globals.typography.fontWeight.get("bold")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("0")};
-    `,headline02:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("9")};
-      font-size: ${o.globals.typography.fontSize.get("8")};
-      font-weight: ${o.globals.typography.fontWeight.get("bold")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("0")};
-    `,headline03:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("8")};
-      font-size: ${o.globals.typography.fontSize.get("7")};
-      font-weight: ${o.globals.typography.fontWeight.get("bold")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("0")};
-    `,headline04:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("7")};
-      font-size: ${o.globals.typography.fontSize.get("6")};
-      font-weight: ${o.globals.typography.fontWeight.get("bold")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("0")};
-    `,headline05:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("6")};
-      font-size: ${o.globals.typography.fontSize.get("5")};
-      font-weight: ${o.globals.typography.fontWeight.get("bold")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("0")};
-    `,title01:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("5")};
-      font-size: ${o.globals.typography.fontSize.get("4")};
-      font-weight: ${o.globals.typography.fontWeight.get("bold")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("1")};
-    `,title02:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("4")};
-      font-size: ${o.globals.typography.fontSize.get("3")};
-      font-weight: ${o.globals.typography.fontWeight.get("bold")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("1")};
-    `,title03:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("3")};
-      font-size: ${o.globals.typography.fontSize.get("1")};
-      font-weight: ${o.globals.typography.fontWeight.get("bold")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("2")};
-    `,label01:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("5")};
-      font-size: ${o.globals.typography.fontSize.get("4")};
-      font-weight: ${o.globals.typography.fontWeight.get("medium")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("1")};
-    `,label02:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("4")};
-      font-size: ${o.globals.typography.fontSize.get("3")};
-      font-weight: ${o.globals.typography.fontWeight.get("medium")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("2")};
-    `,label03:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("3")};
-      font-size: ${o.globals.typography.fontSize.get("1")};
-      font-weight: ${o.globals.typography.fontWeight.get("medium")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("2")};
-    `,body01:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("5")};
-      font-size: ${o.globals.typography.fontSize.get("4")};
-      font-weight: ${o.globals.typography.fontWeight.get("regular")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("2")};
-    `,body02:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("4")};
-      font-size: ${o.globals.typography.fontSize.get("3")};
-      font-weight: ${o.globals.typography.fontWeight.get("regular")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("2")};
-    `,body03:t`
-      font-family: ${o.globals.typography.fontFamily.get("roboto")};
-      line-height: ${o.globals.typography.lineHeight.get("3")};
-      font-size: ${o.globals.typography.fontSize.get("1")};
-      font-weight: ${o.globals.typography.fontWeight.get("regular")};
-      letter-spacing: ${o.globals.typography.letterSpacing.get("2")};
-    `}[g]);export{g as typographyWrapper};