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

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import a from"../../hooks/usePagination.js";import o from"../../hooks/useTheme.js";import s from"../IconButton/IconButton.js";const n=({page:n=1,count:r,onChange:t=(()=>{}),isEnhancedPaginationVisible:l=!1,isNextPageDisabled:d,isPrevPageDisabled:c})=>{const g=o(),{currentPage:m,hasNextPage:p,hasPrevPage:v,navigateToFirstPage:P,navigateToLastPage:h,navigateToNextPage:u,navigateToPrevPage:f}=a({page:n,count:r,onChange:t});return e("div",Object.assign({css:{flex:1,display:"flex",alignItems:"center",justifyContent:"space-between",color:g.utils.getColor("darkGrey",850),"> *":{padding:g.globals.spacing.get("4")}}},{children:[l&&i(s,{color:"darkGrey-850",name:"arrowToLeft",onClick:P,iconSize:20,size:"sm",isTransparent:!0,isFilled:!1,isDisabled:c||!v},void 0),i(s,{color:"darkGrey-850",name:"arrowLeft",iconSize:20,size:"sm",isTransparent:!0,isFilled:!1,onClick:f,isDisabled:c||!v},void 0),e("div",{children:["Page ",m," of ",r]},void 0),i(s,{color:"darkGrey-850",name:"arrowRight",iconSize:20,size:"sm",isTransparent:!0,isFilled:!1,onClick:u,isDisabled:d||!p},void 0),l&&i(s,{color:"darkGrey-850",name:"arrowToRight",iconSize:20,size:"sm",isTransparent:!0,isFilled:!1,onClick:h,isDisabled:d||!p},void 0)]}),void 0)};export{n as default};

package/dist/components/Radio/Radio.js

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

package/dist/components/Radio/Radio.style.js

@@ -0,0 +1,88 @@
+import{css as e}from"@emotion/react";import{BASE_SHADE as o}from"../../theme/palette.js";import{rem as i}from"../../theme/utils.js";const r="rgba(14, 14, 23, 0.07)",t="rgba(255, 255, 255, 0.1)",a=({colorScheme:o})=>e`
+  box-shadow: 0 0 0 ${i("6px")} ${"dark"===o?t:r},
+    inset 0 0 0 ${i("6px")} ${"dark"===o?t:r};
+`,n=e`
+  top: 0;
+  left: 0;
+  width: 100%;
+  cursor: inherit;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  z-index: 1;
+  position: absolute;
+  opacity: 0;
+
+  &:disabled {
+    cursor: default;
+  }
+`,s=(o,r)=>t=>e`
+      position: absolute;
+      border-radius: 50%;
+      width: ${i("24px")};
+      height: ${i("24px")};
+      transition: all 0.2s ease;
+      ${o&&!r&&a({colorScheme:t.colorScheme})};
+    `,l=(o,r)=>t=>e`
+      position: relative;
+      border-radius: 50%;
+      width: ${i("24px")};
+      height: ${i("24px")};
+      transition: box-shadow 0.3s ease;
+      ${o&&!r&&a({colorScheme:t.colorScheme})};
+    `,p=({isChecked:e,isDisabled:o,isFilled:i})=>i=>e?"currentColor":o?`${i.utils.getColor("lightGrey",250)}`:`${i.utils.getColor("lightGrey",300)}`,d=o=>r=>e`
+      transition: all 0.2s ease;
+      border-radius: 50%;
+      width: 100%;
+      height: 100%;
+      box-sizing: border-box;
+      position: absolute;
+      &:before {
+        content: '';
+        display: inline-block;
+        box-sizing: border-box;
+        margin: ${i("2px")} ${i("12px")} ${i("2px")} ${i("2px")};
+        border: solid 2px ${p(o)(r)};
+        border-radius: 50%;
+        width: ${i("20px")};
+        height: ${i("20px")};
+        vertical-align: top;
+        transition: border-color 0.2s;
+      }
+      &:after {
+        content: '';
+        display: block;
+        position: absolute;
+        top: ${i("1px")};
+        left: ${i("1px")};
+        border-radius: 50%;
+        width: ${i("12px")};
+        height: ${i("12px")};
+        background-color: ${p(o)(r)};
+        transform: translate(5px, 5px) scale(${o.isChecked?"1":"0"});
+        transition: transform 0.2s;
+      }
+    `,c=r=>t=>e`
+      position: relative;
+
+      border-radius: 50%;
+
+      width: ${i("36px")};
+      height: ${i("36px")};
+
+      color: ${t.utils.getColor("primary",o,"normal")};
+      border: 0;
+      opacity: ${r?.5:1};
+      cursor: pointer;
+      margin: 0;
+      display: inline-flex;
+      outline: 0;
+      align-items: center;
+      user-select: none;
+      vertical-align: middle;
+      -moz-appearance: none;
+      justify-content: center;
+      text-decoration: none;
+      -webkit-appearance: none;
+      -webkit-tap-highlight-color: transparent;
+    `;export{s as customRadioInnerHover,d as customRadioStyles,l as customRadioWrapperStyles,n as inputStyles,c as wrapperStyles};

package/dist/components/RadioGroup/RadioGroup.js

@@ -0,0 +1 @@
+import{jsx as e}from"@emotion/react/jsx-runtime";import*as o from"react";import t from"./RadioGroupContext.js";function a(a){const{children:r,onChange:n,value:u,defaultValue:i,name:d}=a,[l,m]=o.useState(i),{current:s}=o.useRef(null!=d?d:`radio-${Math.round(1e3*Math.random())}`),c=void 0===u?l:u;return e(t.Provider,Object.assign({value:{name:s,onChange:e=>{const o=e.target;void 0===u&&m(o.value),n&&n(e)},value:c}},{children:r}),void 0)}export{a as default};

package/dist/components/RadioGroup/RadioGroupContext.js

@@ -0,0 +1 @@
+import*as t from"react";const e=t.createContext(void 0);export{e as default};

package/dist/components/RadioGroup/useRadioGroup.js

@@ -0,0 +1 @@
+import*as t from"react";import o from"./RadioGroupContext.js";function r(){return t.useContext(o)}export{r as default};

package/dist/components/SearchField/SearchField.js

@@ -0,0 +1 @@
+import{__rest as e}from"tslib";import{jsx as i,jsxs as s}from"@emotion/react/jsx-runtime";import o from"../../hooks/useTheme.js";import t from"react";import{DEFAULT_SIZE as r}from"../../utils/size-utils.js";import{rem as a}from"../../theme/utils.js";import l from"../Icon/Icon.js";import{IconWrapper as d}from"../TextField/components/commons.js";import c from"../TextInputBase/TextInputBase.js";import{inputStyle as n}from"../TextInputBase/TextInputBase.style.js";const m=t.forwardRef(((m,p)=>{const{placeholder:h="Search",isDisabled:u,size:f=r,isDark:g=!1,onClear:j,dataTestId:v,value:I=""}=m,b=e(m,["placeholder","isDisabled","size","isDark","onClear","dataTestId","value"]),T=o(),x=I.length>0;return i(t.Fragment,{children:s(c,Object.assign({dataTestId:v,isDisabled:u,size:f,styleType:"outlined",leftIcon:"search",rightIcon:"close",sx:{wrapper:{borderRadius:a(100)}}},{children:[i(d,Object.assign({iconPosition:"left"},{children:i(l,{name:"search",size:20,color:T.utils.getColor("lightGrey",650)},void 0)}),void 0),i("div",Object.assign({css:{width:"100%"}},{children:i("input",Object.assign({css:n({size:f,isDark:g,placeholder:h}),placeholder:h,disabled:u,value:I,ref:p},b),void 0)}),void 0),x&&!u&&i(d,Object.assign({onClick:()=>{j()},iconPosition:"right"},{children:i(l,{name:"close",size:20,color:T.utils.getColor("lightGrey",650),dataTestId:"search-clear"},void 0)}),void 0)]}),void 0)},void 0)}));m.displayName="SearchField";export{m as default};

package/dist/components/Select/Select.js

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

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

@@ -0,0 +1,13 @@
+import{css as o}from"@emotion/react";import{transition as r}from"../../theme/functions.js";import{rem as t}from"../../theme/utils.js";const e=({isSearchable:r})=>()=>o`
+      position: relative;
+      min-width: ${t(150)};
+
+      * {
+        cursor: ${!r&&"pointer"};
+      }
+    `,i=(t,e)=>()=>o`
+      display: flex;
+      cursor: pointer;
+      transform: rotate(${t&&!e?"180":"0"}deg);
+      ${r(.2)}
+    `;export{i as rightIconContainer,e as selectWrapper};

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

@@ -0,0 +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};

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

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

package/dist/components/Slider/Slider.js

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

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

@@ -0,0 +1,14 @@
+import t from"@emotion/styled";import{rem as i}from"polished";import{flex as e}from"../../theme/functions.js";const o=t.div`
+  ${e};
+  flex-direction: column;
+  gap: ${i(22)};
+`,n=t.div`
+  ${e};
+  margin-left: ${i(-7)};
+  margin-right: ${i(-7)};
+  gap: ${i(20)};
+  align-items: center;
+  justify-content: space-between;
+`,m=t.div`
+  width: ${i(80)};
+`;export{o as Container,m as InputContainer,n as InputsContainer};

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

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

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

@@ -0,0 +1,62 @@
+import o from"@emotion/styled";import{rem as e,rgba as t}from"polished";const i=o.div`
+  height: ${e(7)};
+  width: ${e(7)};
+  border-radius: 100%;
+  background: ${({background:o})=>o};
+  position: relative;
+  cursor: ${({isDisabled:o})=>o?"not-allowed":"unset"};
+
+  :hover {
+    background: ${({theme:o,isDisabled:e})=>e?void 0:o.utils.getColor("blue",600)};
+
+    ::before {
+      content: '${({labelValue:o})=>o}';
+      color: white;
+      display: ${({isDisabled:o})=>o?"none":"flex"};
+      justify-content: center;
+      font-size: ${({theme:o})=>o.globals.typography.fontSizes[11]};
+      background: black;
+      position: absolute;
+      padding: ${({theme:o})=>o.globals.spacing.get("4")};
+      box-sizing: border-box;
+      top: ${e(-35)};
+      left: ${e(-14.5)};
+      width: ${e(35)};
+      height: ${e(27)};
+      border-radius: 2px;
+    }
+
+    ::after {
+      content: ' ';
+      display: ${({isDisabled:o})=>o?"none":"unset"};
+      position: absolute;
+      top: ${e(-10)};
+      left: ${e(-2.5)};
+      width: 0;
+      height: 0;
+      border-left: 6px solid transparent;
+      border-right: 6px solid transparent;
+      border-top: 6px solid #000;
+    }
+  }
+`,r=o.div`
+  ::after {
+    content: ' ';
+
+    height: ${e(7)};
+    width: ${e(7)};
+
+    border: 4px solid transparent;
+    border-radius: 100px;
+
+    position: absolute;
+    top: ${e(-4)};
+    left: ${e(-4)};
+  }
+
+  :hover {
+    &::after {
+      border-color: ${({isDisabled:o})=>o?void 0:t(14,14,23,.1)};
+    }
+  }
+`;export{i as Mark,r as MarkHoverCircle};

package/dist/components/Slider/components/SliderThumb/SliderThumb.js

@@ -0,0 +1 @@
+import{jsx as t}from"@emotion/react/jsx-runtime";import{useMemo as e}from"react";import{Thumb as s}from"./SliderThumb.style.js";const i=({isDisabled:i,value:r,initialValue:a,dataTestId:o,restProps:d})=>{const l=e((()=>a!==r),[a,r]);return t(s,Object.assign({"data-testid":o},d,{isChanged:l,isDisabled:i,restStyleProps:d.style}),void 0)};export{i as default};

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

@@ -0,0 +1,33 @@
+import o from"@emotion/styled";import{rem as e,rgba as r}from"polished";import{transition as t}from"../../../../theme/functions.js";const i=o.div`
+  height: ${e(16)};
+  width: ${e(16)};
+  border-radius: 100px;
+  background-color: ${({theme:o,isChanged:e})=>e?o.utils.getColor("blue",500):"#fff"};
+  border: 2px solid
+    ${({theme:o,isDisabled:e})=>o.utils.getColor("blue",e?250:500)};
+  ${({restStyleProps:o})=>Object.assign({},o)};
+  box-sizing: border-box;
+  cursor: ${({isDisabled:o})=>o?"not-allowed":"unset"} !important;
+
+  &::after {
+    content: '';
+
+    height: ${e(16)};
+    width: ${e(16)};
+
+    border: 8px solid transparent;
+    border-radius: 100px;
+
+    position: absolute;
+    top: ${e(-10)};
+    left: ${e(-10)};
+
+    ${t(.15)};
+  }
+
+  :hover {
+    &::after {
+      border-color: ${({isDisabled:o})=>o?void 0:r(14,14,23,.1)};
+    }
+  }
+`;export{i as Thumb};

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

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

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

@@ -0,0 +1,6 @@
+import o from"@emotion/styled";import{rem as r}from"polished";const t=o.div`
+  height: ${r(3)};
+  border-radius: 4px;
+  background: ${({background:o})=>o};
+  cursor: ${({isDisabled:o})=>o?"not-allowed":"unset"} !important;
+`;export{t as Track};

package/dist/components/Switch/Switch.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o,Fragment as i}from"@emotion/react/jsx-runtime";import{rgba as t}from"polished";import l from"react-switch";import{SwitchWrapper as d,Container as r,Label as a}from"./Switch.style.js";import s from"../../hooks/useTheme.js";const c=({isDisabled:c=!1,label:h,isChecked:n,onChange:m,labelPlacement:f="left",dataTestId:C="switch"})=>{const b=s();return g=e(d,Object.assign({isChecked:n,isDisabled:c},{children:e(l,{"data-testid":C,checked:n,onChange:m,offHandleColor:b.utils.getColor("lightGrey",50),offColor:b.utils.getColor("lightGrey",150),onHandleColor:b.utils.getColor("blue",500),onColor:b.utils.getColor("blue",150),handleDiameter:20,uncheckedIcon:!1,checkedIcon:!1,height:8,width:36,activeBoxShadow:`${t(14,14,23,.1)} 0 0 2px 3px`,disabled:c},void 0)}),void 0),h?e("label",{children:e(r,{children:o(i,"left"===f?{children:[e(a,Object.assign({"data-testid":`${C}_label`},{children:h}),void 0),g]}:{children:[g,e(a,{children:h},void 0)]},void 0)},void 0)},void 0):g;var g};c.displayName="Switch";export{c as default};

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

@@ -0,0 +1,34 @@
+import t from"@emotion/styled";import{rem as e,rgba as o}from"polished";import{flexCenterVertical as i,flex as r}from"../../theme/functions.js";const s=t.div`
+  ${i};
+  flex-direction: row;
+  justify-content: space-between;
+  gap: ${({theme:t})=>t.globals.spacing.get("4")};
+`,a=t.div`
+  ${r};
+
+  .react-switch-handle {
+    cursor: ${({isDisabled:t})=>t?"not-allowed":"unset"} !important;
+    border: ${({theme:t,isChecked:e})=>e?0:`2px solid ${t.utils.getColor("lightGrey",300)}`} !important;
+    box-sizing: border-box !important;
+    transform: translateX(${({isChecked:t})=>t?e(16):0}) !important;
+
+    :hover {
+      box-shadow: ${({isDisabled:t})=>t?0:`${o(14,14,23,.1)} 0 0 0 5px`};
+      background: ${({theme:t,isChecked:e,isDisabled:o})=>e||o?void 0:t.utils.getColor("lightGrey",150)} !important;
+    }
+  }
+
+  .react-switch-bg {
+    cursor: ${({isDisabled:t})=>t?"not-allowed":"unset"} !important;
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+
+  .react-switch-bg:hover ~ .react-switch-handle {
+    box-shadow: ${({isDisabled:t})=>t?0:`${o(14,14,23,.1)} 0 0 0 5px`};
+    background: ${({theme:t,isChecked:e,isDisabled:o})=>e||o?void 0:t.utils.getColor("lightGrey",150)} !important;
+  }
+`,l=t.span`
+  font-size: ${({theme:t})=>t.globals.typography.fontSizes[15]};
+  color: ${({theme:t})=>t.utils.getColor("darkGrey",850)};
+`;export{s as Container,l as Label,a as SwitchWrapper};

package/dist/components/Table/Table.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import o from"../../hooks/useBreakpoints.js";import t from"lodash/head";import d from"pluralize";import n,{useState as r,useEffect as l}from"react";import a from"react-fast-compare";import s from"../CheckBox/CheckBox.js";import c from"./components/ExtendedColumnItem/ExtendedColumnItem.js";import m from"./components/TableCell/TableCell.js";import h from"./components/TableRow/TableRow.js";import p from"./components/TableRowWrapper/TableRowWrapper.js";import{tableCTAStyle as u,tableStyle as v,tableRowHeadersStyle as g}from"./Table.style.js";import{isItemString as x}from"./utils/utils.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:u(j)},{children:i("thead",{children:e(h,{children:[w&&i(m,Object.assign({component:"th",width:50,isPadded:I,dataTestIdPrefix:E,rowIndex:0,index:0},{children:i(s,{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(m,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(m,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:v()},{children:[(w||S||"normal"===b)&&i("thead",{children:"normal"===b&&e(h,Object.assign({css:g(K,Boolean(w),P)},{children:[w&&i(m,{component:"th",isPaddedSticky:j,isSticky:P,width:50,isPadded:I,dataTestIdPrefix:E},void 0),f.map(((e,o)=>i(m,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:!x(e)&&e.isSortable,isActive:!x(e)&&e.content.sortingKey===N.column,onClick:()=>{var i;!x(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}_${x(e)?e.trim().toLowerCase().replace(/ /g,"_"):e.content.sortingKey.trim().toLowerCase().replace(/ /g,"_")}`},{children:x(e)?i(c,{item:e},void 0):i(c,{sorting:N,isNumerical:_&&_[o],item:e},void 0)}),`${x(e)?e:e.content.sortingKey}`))),K&&i(m,{component:"th",isSticky:P,isPaddedSticky:j,width:R,dataTestIdPrefix:E},void 0)]}),void 0)},void 0),i("tbody",{children:a.map(((e,o)=>i(p,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/Table/Table.style.js

@@ -0,0 +1 @@
+import{css as o}from"@emotion/react";import{rem as t}from"../../theme/utils.js";import{getBorderColor as i}from"./utils/utils.js";const l=()=>()=>o({width:"100%",borderCollapse:"collapse",tableLayout:"fixed"}),d=t=>i=>o({width:"100%",borderCollapse:"collapse",tableLayout:"fixed",position:t?"sticky":void 0,top:t?0:void 0,background:t?i.globals.colors.white:void 0,zIndex:t?3:void 0}),e=(l,d,e)=>s=>o({paddingTop:s.globals.spacing.get("6"),paddingBottom:s.globals.spacing.get("6"),borderBottomWidth:t(l||e?0:1),borderBottomStyle:"solid",borderBottomColor:i(s),"th:first-of-type":{paddingLeft:d?void 0:s.globals.spacing.get("6")},"th:last-child":{paddingRight:l?void 0:s.globals.spacing.get("6")}});export{d as tableCTAStyle,e as tableRowHeadersStyle,l as tableStyle};

package/dist/components/Table/TableRowContext.js

@@ -0,0 +1 @@
+import*as e from"react";const o=e.createContext({row:{id:0,cells:[]},columnsWithWidth:[],isPadded:!1,hasOnSelectionChange:!1,isRowSelected:!1,columnCount:0,columns:[],hasFixedHeader:!1,tChange:()=>{},type:"normal",isBordered:!1});export{o as TableRowContext};

package/dist/components/Table/components/ExtendedColumnItem/ExtendedColumnItem.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as o}from"@emotion/react/jsx-runtime";import e from"../../../../hooks/useTheme.js";import{isItemString as i}from"../../utils/utils.js";import{contentStyles as n,containerStyles as s}from"./ExtendedColumnItem.style.js";import r from"../../../Icon/Icon.js";import l from"../../../Tooltip/Tooltip.js";const c=({item:c,sorting:d,isNumerical:a})=>{const m=e(),v=i(c)?c.trim().toLowerCase().replace(/ /g,"_"):c.content.sortingKey.trim().toLowerCase().replace(/ /g,"_"),g=()=>!i(c)&&(null==c?void 0:c.isSortable)&&(c.content.sortingKey===(null==d?void 0:d.column)?t("div",Object.assign({css:{transition:"0.3s all ease-in-out",transformOrigin:"center",width:"fit-content",transform:`rotate(${"asc"===d.order?"180":"0"}deg)`}},{children:t(r,{name:"triangleDown",size:8,dataTestId:`table_icon_sort_${v}_${"desc"===d.order?"desc":"asc"}`,color:m.utils.getColor("neutralBlack",500)},void 0)}),`table_icon_sort_${v}`):t("div",Object.assign({css:{width:"fit-content"}},{children:t(r,{name:"genericOrdering",size:8,dataTestId:`table_icon_sort_${v}`,color:m.utils.getColor("lightGrey",750)},void 0)}),`table_icon_sort_${v}`)),u=()=>{var o,e;return!i(c)&&(null===(o=null==c?void 0:c.tooltip)||void 0===o?void 0:o.content)&&t("div",Object.assign({css:{width:"fit-content"}},{children:t(l,Object.assign({content:null===(e=null==c?void 0:c.tooltip)||void 0===e?void 0:e.content,placement:null==c?void 0:c.tooltip.placement},{children:t(r,{name:"info",dataTestId:`table_icon_tooltip_${v}`,color:m.utils.getColor("lightGrey",750)},void 0)}),void 0)}),`table_icon_tooltip_${v}`)};return i(c)?t("div",Object.assign({css:n()},{children:c}),void 0):o("div",Object.assign({"data-testid":`header_${v}`,css:s("8")},{children:[t("span",Object.assign({css:n()},{children:c.content.label}),void 0),t("div",Object.assign({css:s("4")},{children:a?[g(),u()]:[u(),g()]}),void 0)]}),void 0)};export{c as default};

package/dist/components/Table/components/ExtendedColumnItem/ExtendedColumnItem.style.js

@@ -0,0 +1,8 @@
+import{css as t}from"@emotion/react";import{flexCenterVertical as o}from"../../../../theme/functions.js";import{rem as e}from"../../../../theme/utils.js";const i=i=>()=>t`
+    ${o};
+    display: inline-flex;
+    gap: ${e(`${i}px`)};
+  `,r=()=>o=>t`
+      font-weight: ${o.globals.typography.weights.get("medium")};
+      color: ${o.utils.getColor("lightGrey",750)};
+    `;export{i as containerStyles,r as contentStyles};

package/dist/components/Table/components/RenderRowOrNestedRow/RenderRowOrNestedRow.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import*as d from"react";import i from"../../../../hooks/useToggle.js";import{isComponentFunctionType as t}from"../../../../utils/helpers.js";import s from"../../../CheckBox/CheckBox.js";import{tableStyle as n}from"../../Table.style.js";import{TableRowContext as l}from"../../TableRowContext.js";import r from"../TableCell/TableCell.js";import a from"../TableRow/TableRow.js";import c from"./components/ContentCell/ContentCell.js";import m from"./components/ExpandedButtonCell/ExpandedButtonCell.js";import{borderedRowStyle as p,expandableRowStyle as x}from"./RenderRowOrNestedRow.style.js";const h=d.memo((({isChecked:i=!1,toggleIsChecked:n=(()=>{}),dataTestIdPrefix:x,rowIndex:h})=>{var C,v,g;const{columnsWithWidth:w,hasOnSelectionChange:u,isPadded:f,columns:I,tChange:j,row:T,type:b,isRowSelected:k,isBordered:P,actionWidth:R}=d.useContext(l),{expanded:O}=T,S=Boolean(O),[y]=null===(C=T.cells)||void 0===C?void 0:C.slice(-1);return e(a,Object.assign({isSelected:k,onClick:S?n:void 0,css:p({isBordered:P,isCustomCell:S||t(y.content)})},{children:[u&&o(r,Object.assign({component:"th",isSticky:!1,width:50,isPadded:f,dataTestIdPrefix:x,rowIndex:h,index:0},{children:o("div",Object.assign({onClick:e=>e.stopPropagation()},{children:o(s,{dataTestIdSuffix:"row-check",isChecked:k,onClick:j,isFilled:!1},void 0)}),void 0)}),void 0),null===(v=T.cells)||void 0===v?void 0:v.map((({content:e,tooltipContent:d,hasTruncatedTooltip:i=!0,colSpan:s,type:n,align:l},r)=>o(c,{cellCounter:r,columnWidth:w[r],columns:I,tooltipContent:i?t(e)||null!=d?d:e.toString():void 0,isPadded:f,colSpan:s,content:e,cellType:n,rowType:b,align:l,dataTestIdPrefix:x,rowIndex:h,index:r+1},`${T.id}-${r}`))),o(m,{isExpandedExists:S,isChecked:i,toggleIsChecked:n,actionWidth:R,dataTestIdPrefix:x,rowIndex:h,index:(null===(g=T.cells)||void 0===g?void 0:g.length)+1},void 0)]}),void 0)}));h.displayName="RenderRowWithCells";const C=({row:t,dataTestIdPrefix:s,rowIndex:c,isInitiallyExpanded:m})=>{const{isRowSelected:p,columnCount:C,hasFixedHeader:v}=d.useContext(l),{expanded:g}=t,[w,u]=i(m),f=g?g({row:t,isSelected:p,isExpanded:w}):null;return o(d.Fragment,{children:g?o(a,Object.assign({isNested:!0,isSelected:p},{children:o(r,Object.assign({colSpan:C,isPadded:!1,dataTestIdPrefix:s,rowIndex:c},{children:o("div",Object.assign({css:x({isFirstRow:1===c,hasFixedHeader:v})},{children:o("table",Object.assign({css:n()()},{children:e("tbody",{children:[o(h,Object.assign({},{isChecked:w,toggleIsChecked:u},{dataTestIdPrefix:s,rowIndex:c}),void 0),w&&o(a,Object.assign({isNested:!0},{children:o(r,Object.assign({colSpan:C,dataTestIdPrefix:s,rowIndex:c,index:"expanded"},{children:f}),void 0)}),void 0)]},void 0)}),void 0)}),void 0)}),void 0)}),void 0):o(h,{dataTestIdPrefix:s,rowIndex:c},void 0)},void 0)};C.displayName="RenderRowOrNestedRow";var v=d.memo(C);export{v as default};

package/dist/components/Table/components/RenderRowOrNestedRow/RenderRowOrNestedRow.style.js

@@ -0,0 +1 @@
+import{css as o}from"@emotion/react";import i from"polished/lib/helpers/rem";import{getBorderColor as e}from"../../utils/utils.js";const t=({isBordered:t,isCustomCell:r})=>s=>o({borderBottom:t?`${i(1)} solid ${e(s)}`:"none","td:first-of-type":{paddingLeft:s.globals.spacing.get("6")},"td:last-child":{paddingRight:r?"inherit":s.globals.spacing.get("6")}}),r=({isFirstRow:t,hasFixedHeader:r})=>s=>o({flex:1,flexDirection:"row",display:"flex",borderTop:t&&!r?`${i(1)} solid ${e(s)}`:"none",borderBottom:`${i(1)} solid ${e(s)}`});export{t as borderedRowStyle,r as expandableRowStyle};

package/dist/components/Table/components/RenderRowOrNestedRow/components/ContentCell/ContentCell.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import n from"react";import{isComponentFunctionType as o}from"../../../../../../utils/helpers.js";import i from"../../../../../TruncatedContent/TruncatedContent.js";import r from"../../../TableCell/TableCell.js";import{nestedHeaderStyle as l}from"./ContentCell.style.js";var d=n.memo((({columns:n,isPadded:d,columnWidth:a,tooltipContent:s,content:c,colSpan:m,rowType:p,cellType:u,align:f,cellCounter:b,dataTestIdPrefix:h,rowIndex:j,index:x})=>{const C=!Number.isNaN(Number(c));return e(r,Object.assign({textAlign:f||(C?"right":"left"),colSpan:m,type:u,isPadded:d,width:a?`${a}%`:"initial",dataTestIdPrefix:h,rowIndex:j,index:x},{children:["nested-header"===p&&t("div",Object.assign({css:l()},{children:n[b]}),void 0),t(i,Object.assign({placement:"bottom",tooltipContent:s},{children:o(c)?c({content:c,colSpan:m}):t("span",Object.assign({"data-column":n[b]},{children:c}),void 0)}),void 0)]}),void 0)}));export{d as default};

package/dist/components/Table/components/RenderRowOrNestedRow/components/ContentCell/ContentCell.style.js

@@ -0,0 +1 @@
+import{css as o}from"@emotion/react";const t=()=>t=>o({color:t.utils.getColor("lightGrey",750),fontSize:t.globals.typography.fontSizes.get("2"),paddingBottom:t.globals.spacing.get("3"),fontWeight:t.globals.typography.weights.get("bold")});export{t as nestedHeaderStyle};

package/dist/components/Table/components/RenderRowOrNestedRow/components/ExpandedButtonCell/ExpandedButtonCell.js

@@ -0,0 +1 @@
+import{jsx as e}from"@emotion/react/jsx-runtime";import t from"../../../../../../hooks/useBreakpoints.js";import o from"../../../../../../hooks/useTheme.js";import i from"react";import n from"../../../TableCell/TableCell.js";import s from"../../../../../IconButton/IconButton.js";var r=i.memo((({isExpandedExists:i,isChecked:r,toggleIsChecked:a,actionWidth:d,dataTestIdPrefix:l,rowIndex:c,index:m})=>{const p=o(),g=t(),f=d?`${d}%`:g.des1920?"5%":"7%";return i?e(n,Object.assign({width:f,dataTestIdPrefix:l,rowIndex:c,index:m},{children:e("div",{children:e("div",Object.assign({css:{display:"flex",justifyContent:"center",padding:`${p.globals.spacing.get("3")} ${p.globals.spacing.get("4")}`}},{children:e("div",Object.assign({css:{transition:"0.3s all ease-in-out",transformOrigin:"center",width:"fit-content",transform:`rotate(${r?"180":"0"}deg)`},onClick:e=>e.stopPropagation()},{children:e(s,{isTransparent:!0,name:"chevronSmallDown",size:"sm",onClick:a,color:"lightGrey-700",dataTestId:"expanded-button"},void 0)}),void 0)}),void 0)},void 0)}),void 0):null}));export{r as default};

package/dist/components/Table/components/TableCell/TableCell.js

@@ -0,0 +1 @@
+import{jsx as t}from"@emotion/react/jsx-runtime";import o from"../../../../hooks/useTheme.js";import{rem as i}from"polished";import*as e from"react";import{parentStyles as s}from"./TableCell.style.js";import{getTestId as l}from"./utils.js";import{getBorderColor as a}from"../../utils/utils.js";const n=e.memo((({textAlign:e="left",component:n="td",width:p,isSticky:d=!1,isPaddedSticky:r=!1,colSpan:g,children:c,isSortable:m=!1,isActive:b=!1,type:f="normal",isPadded:h=!1,dataTestIdPrefix:x,rowIndex:y,onClick:u,index:S})=>{const j=o(),k=n,w=l(c,n,x,y,S);return t(k,Object.assign({colSpan:g,css:[{position:"relative",textAlign:e,padding:`${j.globals.spacing.get("3")} ${h?j.globals.spacing.get("4"):0}`,width:p},"th"===n&&{paddingTop:j.globals.spacing.get("4"),paddingBottom:j.globals.spacing.get("4"),fontWeight:j.globals.typography.weights.get("bold"),fontSize:j.globals.typography.fontSizes.get("3")},"th"===n&&m&&Object.assign({},s({isActive:b})(j)),d&&{top:r?i(64):0,left:0,zIndex:2,position:"sticky",background:j.globals.colors.white,boxShadow:`inset 0px -1px 0px 0px ${a(j)}`},"financial"===f&&{borderLeft:`1px solid ${a(j)}`}],onClick:u,"data-testid":w},{children:c}),void 0)}));n.displayName="TableCell";export{n as default};

package/dist/components/Table/components/TableCell/TableCell.style.js

@@ -0,0 +1,17 @@
+import{css as o}from"@emotion/react";import{rem as t}from"../../../../theme/utils.js";const r=()=>o`
+  & > div > span {
+    color: black;
+    font-weight: 700;
+  }
+`,i=({isActive:i})=>e=>o`
+  cursor: pointer;
+  position: relative;
+  height: ${t(64)};
+
+  ${i&&r()}
+
+  &:hover {
+    ${r()};
+    background-color: ${e.utils.getColor("lightGrey",50)};
+  }
+`;export{i as parentStyles};

package/dist/components/Table/components/TableCell/utils.js

@@ -0,0 +1 @@
+const e=(e,o,t,r,i)=>{if(e)return"th"===o&&"string"==typeof e?[t,"table_header",null==e?void 0:e.replace(/ /g,"_").toLowerCase()].filter((e=>e)).join("_"):[t,void 0!==r?`table_row_${r}`:"",void 0!==i?`cell_${i}`:""].filter((e=>e)).join("_")};export{e as getTestId};

package/dist/components/Table/components/TableRow/TableRow.js

@@ -0,0 +1 @@
+import{__rest as o}from"tslib";import{jsx as e}from"@emotion/react/jsx-runtime";import i from"../../../../hooks/useTheme.js";const t=t=>{var{isNested:r,isSelected:s,children:d,onClick:l}=t,n=o(t,["isNested","isSelected","children","onClick"]);const c=i();return e("tr",Object.assign({onClick:()=>{l&&l()},css:[{backgroundColor:s?c.utils.getColor("blue",50):void 0,paddingTop:c.globals.spacing.get("3"),paddingBottom:c.globals.spacing.get("3"),cursor:l&&"pointer","&:hover":{backgroundColor:l&&c.utils.getColor("lightGrey",50)},"> td":{paddingTop:r?0:void 0,paddingBottom:r?0:void 0}}]},n,{children:d}),void 0)};export{t as default};

package/dist/components/Table/components/TableRowWrapper/TableRowWrapper.js

@@ -0,0 +1 @@
+import{jsx as e}from"@emotion/react/jsx-runtime";import o from"react";import{TableRowContext as d}from"../../TableRowContext.js";import t from"../RenderRowOrNestedRow/RenderRowOrNestedRow.js";var i=o.memo((i=>{const{row:n,isRowSelected:r,onSelectionAdd:a,isPadded:s,columns:l,hasFixedHeader:c,type:m,columnsWithWidth:h,columnCount:u,hasOnSelectionChange:w,isExpanded:x,actionWidth:p,isInitiallyExpanded:R,dataTestIdPrefix:f,rowIndex:C}=i,I=o.useCallback((()=>{a(n.id)}),[a,n.id]);return e(d.Provider,Object.assign({value:{row:n,columnsWithWidth:h,hasOnSelectionChange:w,isPadded:s,columns:l,hasFixedHeader:c,tChange:I,type:m,columnCount:u,isRowSelected:r,isBordered:!x,actionWidth:p}},{children:e(t,{row:n,dataTestIdPrefix:f,rowIndex:C,isInitiallyExpanded:R},void 0)}),void 0)}));export{i as default};

package/dist/components/Table/utils/utils.js

@@ -0,0 +1 @@
+const t=t=>"string"==typeof t,o=t=>t.utils.getColor("lightGrey",200);export{o as getBorderColor,t as isItemString};

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1 @@
+import{__rest as e}from"tslib";import{jsx as s}from"@emotion/react/jsx-runtime";import i from"lodash/omit";import*as r from"react";import t from"../TextInputBase/TextInputBase.js";import{sxProp as o}from"./TextArea.style.js";import{inputStyle as a}from"../TextInputBase/TextInputBase.style.js";import d from"../../hooks/useTheme.js";const l=r.forwardRef(((l,m)=>{const{id:n,placeholder:p="",isRequired:c=!1,isDisabled:f,isResizeEnabled:h=!0}=l,u=e(l,["id","placeholder","isRequired","isDisabled","isResizeEnabled"]),x=d(),b=o(!f&&h,x);return s(r.Fragment,{children:s(t,Object.assign({},l,{sx:b},{children:s("div",Object.assign({css:{width:"100% "}},{children:s("textarea",Object.assign({css:a({placeholder:p,sx:b}),placeholder:p,required:c,id:n,disabled:f},i(u,["styleType","hintMsg"]),{ref:m}),void 0)}),void 0)}),void 0)},void 0)}));l.displayName="TextArea";export{l as default};

package/dist/components/TextArea/TextArea.style.js

@@ -0,0 +1 @@
+import{rem as t}from"../../theme/utils.js";import{MIN_WIDTH as i}from"../TextInputBase/config.js";const e=(e,o)=>({wrapper:{width:"auto",height:"auto"},textField:{padding:o.globals.spacing.get("4")},input:{width:t(i),minWidth:t(i),resize:e?"both":"none"}});export{e as sxProp};

package/dist/components/TextField/TextField.js

@@ -0,0 +1 @@
+import{__rest as i}from"tslib";import{jsx as e,jsxs as o}from"@emotion/react/jsx-runtime";import s from"../../hooks/useTheme.js";import t from"lodash/omit";import r from"react";import{DEFAULT_SIZE as n}from"../../utils/size-utils.js";import a from"../Icon/Icon.js";import l from"../Label/Label.js";import{IconWrapper as d}from"./components/commons.js";import m from"../TextInputBase/TextInputBase.js";import{inputStyle as c}from"../TextInputBase/TextInputBase.style.js";console.warn("Deprecation warning! min-width will be removed from the component in v5 of ictinus. hasMinWidthCompat prop has been added to temporarily disable min-width when necessary");const h=r.forwardRef(((h,p)=>{const{id:u,rightIcon:f=null,leftIcon:b=null,label:g,placeholder:j="",isRequired:v=!1,isDisabled:y,isLocked:I=!1,size:O=n,isDark:T=!1,isLean:w,hintMsg:k,styleType:x,isReadOnly:z,status:L,hasMinWidthCompat:C=!0}=h,D=i(h,["id","rightIcon","leftIcon","label","placeholder","isRequired","isDisabled","isLocked","size","isDark","isLean","hintMsg","styleType","isReadOnly","status","hasMinWidthCompat"]),M=s(),R=i=>i?"string"==typeof i?e(a,{name:i,size:24,color:M.utils.getColor("lightGrey",650)},void 0):i:null;return e(r.Fragment,{children:o(m,Object.assign({},h,{hasMinWidthCompat:C},{children:[b&&e(d,Object.assign({iconPosition:"left"},{children:R(b)}),void 0),o("div",Object.assign({css:{width:"100% "}},{children:[e("input",Object.assign({readOnly:z,css:c({label:g,placeholder:j,size:O,isDark:T,isLean:w}),placeholder:!g&&j?`${j} ${v?"*":""}`:g,required:v,id:u,disabled:y||I},t(D,"dataTestId"),{ref:p}),void 0),g&&e(l,{size:O,htmlFor:u,label:g,isRequired:v,isAnimated:Boolean(D.value),hasError:"error"===L},void 0)]}),void 0),f&&!I&&e(d,Object.assign({iconPosition:"right"},{children:R(f)}),void 0),I&&e(d,Object.assign({iconPosition:"right"},{children:e(a,{name:"lock",size:"md"===O?20:16,color:M.utils.getColor("lightGrey",650)},void 0)}),void 0)]}),void 0)},void 0)}));h.displayName="TextField";export{h as default};

package/dist/components/TextField/TextField.style.js

@@ -0,0 +1,9 @@
+import{css as i}from"@emotion/react";import{rem as t}from"../../theme/utils.js";const e=({iconPosition:e,isClickable:o})=>r=>i`
+      line-height: 0.8;
+      height: ${t(16)};
+      display: flex;
+      align-items: center;
+      cursor: ${o?"pointer":"unset"};
+      margin-left: ${"right"===e?r.globals.spacing.get("4"):"inherit"};
+      margin-right: ${"left"===e?r.globals.spacing.get("4"):0};
+    `;export{e as iconWrapperStyle};

package/dist/components/TextField/components/commons.js

@@ -0,0 +1 @@
+import{jsx as i}from"@emotion/react/jsx-runtime";import{iconWrapperStyle as o}from"../TextField.style.js";const n=({children:n,iconPosition:e,onClick:t})=>i("div",Object.assign({onClick:t,css:o({iconPosition:e,isClickable:Boolean(t)})},{children:n}),void 0);export{n as IconWrapper};

package/dist/components/TextInputBase/TextInputBase.js

@@ -0,0 +1 @@
+import{jsxs as s,jsx as i}from"@emotion/react/jsx-runtime";import e from"../../hooks/useTheme.js";import t from"react";import{DEFAULT_SIZE as r}from"../../utils/size-utils.js";import{generateTestDataId as o}from"../../utils/helpers.js";import{errorMsgStyle as a,wrapperStyle as d,textFieldStyle as n}from"./TextInputBase.style.js";import l from"../Icon/Icon.js";const m=({isLean:m=!1,isDisabled:c,hintMsg:h,styleType:p="filled",dataTestId:u,status:f="normal",isLocked:j=!1,size:v=r,isDark:g=!1,children:x,sx:y,hasMinWidthCompat:b=!0})=>{const k=e(),L=h&&s("div",Object.assign({"data-testid":o("error",u),css:a({status:f})},{children:[i(l,{color:"error"===f?"error":k.utils.getColor("lightGrey",650),name:"error"===f?"issues":"info",size:12},void 0),h]}),void 0);return s(t.Fragment,{children:[i("div",Object.assign({"data-testid":u,css:d({isDark:g,isLocked:j,isDisabled:c,status:f,isLean:m,styleType:p,size:v,sx:y,hasMinWidthCompat:b})},{children:i("div",Object.assign({css:n({isLean:m,sx:y})},{children:x}),void 0)}),void 0),h&&"normal"!==f&&L]},void 0)};export{m as default};

package/dist/components/TextInputBase/TextInputBase.style.js

@@ -0,0 +1 @@
+import{css as o}from"@emotion/react";import{rem as e}from"../../theme/utils.js";import{DEFAULT_SIZE as r,getTextFieldSize as t}from"../../utils/size-utils.js";import{getDisabled as s}from"../../theme/states/disabled.js";import{getHover as l}from"../../theme/states/hover.js";import{getPressed as i}from"../../theme/states/pressed.js";import{textInputConfig as a}from"./config.js";import{LABEL_TRANSFORM_LEFT_SPACING as n}from"../Label/Label.style.js";const d=({isDisabled:r,isLocked:n,status:d,isLean:c,isDark:g,size:p,sx:h,hasMinWidthCompat:b})=>m=>{const u=g?"dark":m.colorScheme,f="error"===d,y=c?t(b):t(b,p),w=a.types[u].outlined.border;return o(Object.assign(Object.assign(Object.assign({display:"flex",alignItems:"center",position:"relative",transition:"background-color 0.25s, box-shadow 0.25s, border-color 0.25s",boxShadow:`0 0 0 ${e(w.width)} ${f?m.utils.getColor(w.color.error.name,w.color.error.shade):m.utils.getColor(w.color.default.name,w.color.default.shade)}`,borderRadius:m.globals.spacing.get("3"),userSelect:"none",opacity:r?s().opacity:1,cursor:r||n?s().cursor:"auto"},y),(({theme:o,colorScheme:r="semantic",isLean:t,hasError:s,isDisabled:n})=>{if(t)return{backgroundColor:"transparent"};const d=a.types[r].outlined.border,c="dark"===r?o.utils.getColor("darkGrey",700):o.globals.colors.white,g=s?d.color.error.name:d.color.pressed.name,p=s?d.color.error.shade:d.color.pressed.shade,h=n?{"&:focus-within":{boxShadow:`0 0 0 ${e(1)} transparent`}}:{"&:hover":{backgroundColor:l({theme:o}).backgroundColor},"&:focus-within":{boxShadow:`0 0 0 ${e(d.width+1)} ${o.utils.getColor(g,p)}`,backgroundColor:i({theme:o}).backgroundColor}};return Object.assign({backgroundColor:c},h)})({theme:m,colorScheme:u,isLean:c,hasError:f,isDisabled:Boolean(r||n)})),null==h?void 0:h.wrapper))},c=({isLean:e,sx:r})=>t=>o(Object.assign({position:"relative",display:"inline-flex",flexDirection:"row",alignItems:"center",verticalAlign:"top",width:"fill-available",padding:e?"":`0 ${t.globals.spacing.get("6")}`,"> div":{position:"relative"}},null==r?void 0:r.textField)),g=({label:t,placeholder:s,size:l=r,isDark:i,sx:a})=>r=>o(Object.assign({background:"transparent",border:"none",color:"dark"===r.colorScheme||i?r.globals.colors.white:r.utils.getColor("darkGrey",850),display:"block",position:"relative",top:t?e(7):void 0,zIndex:1,fontSize:r.globals.typography.fontSizes["md"===l?"15":"13"],textOverflow:"ellipsis",width:0,minWidth:"100%","& + label":{fontSize:r.globals.typography.fontSizes["md"===l?"15":"13"]},"&:focus":{outline:"none"},"&::placeholder":{color:!t&&s?r.utils.getColor("lightGrey",650):"transparent"},"&:not(:focus):placeholder-shown":{"& + label":{fontWeight:"normal"}},"&:focus, &:not(:placeholder-shown)":{"& + label":{transform:`translate(${n}, -35%) scale(0.8)`,fontWeight:r.globals.typography.weights.get("bold")}},"&:disabled":{cursor:"not-allowed"}},null==a?void 0:a.input)),p=({status:r})=>t=>o({display:"flex",color:"error"===r?t.utils.getColor("error",550,"normal"):t.utils.getColor("lightGrey",650),fontSize:t.globals.typography.fontSizes.get("2"),lineHeight:1,padding:`${e(8)} 0 0`,svg:{padding:`0 ${e(2)}`},span:{alignItems:"stretch",padding:`0 ${e(2)}`}});export{p as errorMsgStyle,g as inputStyle,c as textFieldStyle,d as wrapperStyle};

package/dist/components/TextInputBase/config.js

@@ -0,0 +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};

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,21 @@
+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 m from"emotion-reset";import{ThemeSwitchProvider as s,useThemeSwitch as l}from"../../hooks/useThemeSwitch.js";import a from"lodash/keys";import h from"lodash/merge";import n from"lodash/pick";import{normalize as d}from"polished";import c from"../../theme/index.js";import{TypeColorToColorMatchProvider as f}from"../../hooks/useTypeColorToColorMatch.js";import"../../utils/initLocaleFormat.js";const p=o=>t`
+  @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
+  ${m}
+  ${d()};
+
+  body,
+  html {
+    font-family: 'Roboto', Tahoma, sans-serif;
+    font-size: 16px;
+    font-weight: normal;
+  }
+
+  #root {
+  }
+
+  // default outline for all focused elements defined by the design team
+  // our lightGrey base color (500 shade) with opacity at 50%
+  *:focus {
+    outline: 0;
+  }
+`,u=({theme:e={},children:t})=>o(s,{children:o(v,Object.assign({theme:e},{children:t}),void 0)},void 0),v=({theme:t={},children:m})=>{const s=l().isDark?"dark":"semantic",d=((o,e)=>h(c(e),n(o,a(c(e)))))({colorScheme:s,overrides:null==t?void 0:t.overrides},s);return o(r,Object.assign({theme:d},{children:e(f,{children:[o(i,{styles:p},void 0),m]},void 0)}),void 0)};export{u as default,p as globalStyles};

package/dist/components/Toast/Toast.js

@@ -0,0 +1 @@
+import{jsxs as i,jsx as s}from"@emotion/react/jsx-runtime";import{useState as o}from"react";import{generateTestDataId as t}from"../../utils/helpers.js";import e from"../Icon/Icon.js";import{actionContainer as c}from"../Notification/Notification.style.js";import{typeToIconName as n}from"../Notification/subcomponents/CompactNotification/CompactNotification.js";import{toastContainer as a,topContainer as d,infoContainer as r,infoIconContainer as l,actionIconsContainer as f,chevronIconContainer as m,expandedContainer as p}from"./Toast.style.js";const v=i=>["success","error","warning","info"].includes(i),j=({message:j,type:h="primary",styleType:g="elevated",closeCTA:b,isExpanded:O=!1,children:u,dataTestId:y})=>{const[x,C]=o(O);return i("div",Object.assign({css:a(h,g)},v(h)&&{"notification-type":"toast"},{children:[i("div",Object.assign({css:d(h)},{children:[i("div",Object.assign({css:r()},{children:[v(h)&&s("div",Object.assign({css:l()},{children:s(e,{name:n(h),color:"#fff",size:20},void 0)}),void 0),s("div",{children:j},void 0)]}),void 0),i("div",Object.assign({css:f()},{children:[s("span",Object.assign({css:m(x),onClick:()=>C(!x),"data-testid":t("toast-expand",y)},{children:s(e,{name:"chevronLargeDown",color:"#fff",size:20},void 0)}),void 0),s("span",Object.assign({css:c(),onClick:b,"data-testid":t("toast-close",y)},{children:s(e,{name:"close",color:"#fff",size:20},void 0)}),void 0)]}),void 0)]}),void 0),s("div",Object.assign({css:p(h,x),"data-testid":t("expanded-container",y)},{children:u}),void 0)]}),void 0)};export{j as default,v as isNotificationTypes};

package/dist/components/Toast/Toast.style.js

@@ -0,0 +1,35 @@
+import{css as o}from"@emotion/react";import{rem as e}from"../../theme/utils.js";import{flexCenter as t,transition as i}from"../../theme/functions.js";import{isNotificationTypes as l}from"./Toast.js";const r=`max-height: ${e(294)};`,n="max-height: none;",s=(t,i)=>l=>o`
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      border-radius: ${e(8)};
+      ${((o,t,i)=>"outlined"===t?`border: ${e(2)} solid ${i.utils.getColor(o,500,"normal")}`:`box-shadow: ${i.globals.elevation["02"]}\n`)(t,i,l)};
+    `,a=t=>i=>o`
+      color: ${i.globals.colors.white};
+      display: flex;
+      justify-content: space-between;
+      overflow: hidden;
+      height: ${e(58)};
+      background: ${i.utils.getColor(t,500,"normal")};
+    `,g=()=>e=>o`
+      ${t};
+      padding: 0 ${e.globals.spacing.get("6")};
+    `,d=()=>e=>o`
+      padding-right: ${e.globals.spacing.get("4")};
+    `,h=()=>e=>o`
+      display: flex;
+      align-items: center;
+      padding-right: ${e.globals.spacing.get("6")};
+    `,$=e=>()=>o`
+    cursor: pointer;
+    transform: rotate(${e?"180":"0"}deg);
+    ${i(.2)}
+  `,m=(t,s)=>a=>o`
+      ${i(.1)};
+      min-height: ${e(s?146:0)};
+      ${l(t)?r:n}
+      height: ${s?"inherit":e(0)};
+      font-size: ${a.globals.typography.fontSizes.get("3")};
+      position: relative;
+      background: ${a.globals.colors.white};
+    `;export{h as actionIconsContainer,$ as chevronIconContainer,m as expandedContainer,g as infoContainer,d as infoIconContainer,s as toastContainer,a as topContainer};

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1 @@
+import{jsx as e}from"@emotion/react/jsx-runtime";import t from"@tippyjs/react";import{tooltipStyle as i}from"./Tooltip.style.js";const n=({size:n="medium",children:r,content:o,placement:s="top",isTransparent:a=!1,isInteractive:c=!1,delay:m=100})=>e(t,Object.assign({css:i({size:n,isTransparent:a}),content:o,placement:s,interactive:c,interactiveDebounce:m},{children:r}),void 0);export{n as default};