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

package/dist/components/Avatar/Avatar.js

@@ -1 +1 @@
-import{jsx as o}from"@emotion/react/jsx-runtime";import r from"../../hooks/useTheme.js";import e,{useMemo as a}from"react";import s from"../Icon/Icon.js";import{avatarStyle as t}from"./Avatar.style.js";import i from"./Avatar.tokens.js";const c=e.forwardRef((({src:e="",size:c=1,color:m="blue",className:l,dataTestPrefixId:n="",children:d},f)=>{const p=r(),v=i(p),u=a((()=>e?o("img",{src:e},void 0):!e&&d?d:o(s,{color:v.color.getForegroundColor(m),name:"userAvatar",size:parseFloat(v.iconSize[c])},void 0)),[d,m,c,e,v.color,v.iconSize]);return o("div",Object.assign({ref:f,className:l,css:t({size:c,color:m}),"data-testid":`${n}_avatar`},{children:u}),void 0)}));c.displayName="Avatar";export{c as default};
+import{jsx as r}from"@emotion/react/jsx-runtime";import o from"../../hooks/useTheme.js";import e,{useMemo as s}from"react";import{avatarStyle as a}from"./Avatar.style.js";import{parseAvatarIconSize as t,getAvatarTokens as i}from"./Avatar.tokens.js";import m from"../Icon/Icon.js";const c=e.forwardRef((({src:e="",size:c=1,color:d="blue",className:l,dataTestPrefixId:n="",children:f},p)=>{const v=o(),u=i(v),j=s((()=>e?r("img",{src:e},void 0):!e&&f?f:r(m,{color:u(`color.${d}.foregroundColor`),name:"userAvatar",size:parseFloat(u(`size.${c}`,t))},void 0)),[f,d,c,e,u]);return r("div",Object.assign({ref:p,className:l,css:a({size:c,color:d}),"data-testid":`${n}_avatar`},{children:j}),void 0)}));c.displayName="Avatar";export{c as default};

package/dist/components/Avatar/Avatar.style.js

@@ -1,25 +1,28 @@
-import{css as o}from"@emotion/react";import{flex as e}from"../../theme/functions.js";import r from"./Avatar.tokens.js";const t=({size:t,color:i})=>s=>{const n=r(s);return o`
-      ${e};
-      width: ${n.size[t]};
-      height: ${n.size[t]};
-      border-radius: ${s.globals.borderRadius.get("7")};
-      border: ${s.globals.borderWidth.get("1")} solid;
-      border-color: ${s.tokens.palette.get("accents.lightPurple.main")};
+import{css as o}from"@emotion/react";import r from"lodash/get.js";import{getAvatarTokens as e,getAvatarTextTokens as t}from"./Avatar.tokens.js";import{flex as i}from"../../theme/functions.js";const n=({size:n,color:s})=>l=>{const d=e(l),$=t();return o`
+      ${i};
+      width: ${d(`size.${n}`)};
+      height: ${d(`size.${n}`)};
+      border-radius: ${d("borderRadius")};
+      border: ${d("borderWidth")} solid;
+      border-color: ${d("color.borderColor")};
       box-sizing: border-box;
-      background-color: ${n.color.getBackgroundColor(i)};
-      color: ${n.color.getForegroundColor(i)};
+      background-color: ${d(`color.${s}.backgroundColor`)};
+      color: ${d(`color.${s}.foregroundColor`)};
       overflow: hidden;
       position: relative;
-      font-size: ${n.fontSize[t]};
-      font-weight: ${s.globals.typography.weights.get("medium")};
       align-items: center;
       flex-shrink: 0;
       user-select: none;
       justify-content: center;
 
+      font-size: ${r($(`${n}`),"fontSize")};
+      font-weight: ${r($(`${n}`),"fontWeight")};
+      line-height: ${r($(`${n}`),"lineHeight")};
+      letter-spacing: ${r($(`${n}`),"letterSpacing")};
+
       img {
-        border-radius: ${s.globals.borderRadius.get("7")};
+        border-radius: ${d("color.borderColor")};
         width: 100%;
         height: 100%;
       }
-    `};export{t as avatarStyle};
+    `};export{n as avatarStyle};

package/dist/components/Avatar/Avatar.tokens.js

@@ -1 +1 @@
-import{rem as g}from"../../theme/utils.js";const t=g=>.8*parseFloat(g),s=t=>g(.8*parseFloat(t)),l=g=>({size:{1:g.globals.sizing.get("5"),2:g.globals.sizing.get("6"),3:g.globals.sizing.get("9"),4:g.globals.sizing.get("12"),5:g.globals.sizing.get("15"),6:g.globals.sizing.get("18")},iconSize:{1:g.globals.sizing.get("5",t),2:g.globals.sizing.get("6",t),3:g.globals.sizing.get("9",t),4:g.globals.sizing.get("12",t),5:g.globals.sizing.get("15",t),6:g.globals.sizing.get("18",t)},avatarStackSize:{1:g.globals.sizing.get("5",s),2:g.globals.sizing.get("6",s),3:g.globals.sizing.get("9",s),4:g.globals.sizing.get("12",s),5:g.globals.sizing.get("15",s),6:g.globals.sizing.get("18",s)},color:{getBackgroundColor:t=>g.tokens.palette.get(`accents.${t}.main`),getForegroundColor:t=>g.tokens.palette.get(`accents.${t}.contrast`)},fontSize:{1:g.globals.typography.fontSizes.get("1"),2:g.globals.typography.fontSizes.get("2"),3:g.globals.typography.fontSizes.get("3"),4:g.globals.typography.fontSizes.get("4"),5:g.globals.typography.fontSizes.get("8"),6:g.globals.typography.fontSizes.get("10")}});export{l as default};
+import t from"../../theme/tokens/components/variables/avatar.js";import o from"../../theme/tokens/components/variables/avatarText.js";import{getComponentTokens as s}from"../../theme/tokens/utils/components.js";import{parseCompositionToken as e}from"../../theme/tokens/utils/parsers.js";import"lodash/get.js";import"lodash/isEmpty.js";import{rem as m}from"../../theme/utils.js";const r=t=>.8*parseFloat(t),a=t=>m(.8*parseFloat(t)),p=o=>s(t,o),i=()=>e(o);export{i as getAvatarTextTokens,p as getAvatarTokens,r as parseAvatarIconSize,a as parseAvatarStackSize};

package/dist/components/Avatar/AvatarStack/AvatarStack.js

@@ -1 +1 @@
-import{jsx as t,jsxs as e}from"@emotion/react/jsx-runtime";import r,{useCallback as s}from"react";import{errorHandler as a,generateTestDataId as i}from"../../../utils/helpers.js";import o from"../Avatar.js";import{avatarWrapperStyle as c,avatarStackStyle as l}from"./AvatarStack.style.js";import{errors as n}from"./utils.js";const d=r.forwardRef((({maxAvatars:d=4,size:m=1,color:v="blue",dataTestId:h="",children:f},p)=>{a(n,{maxAvatars:d});const j=r.Children.toArray(f),g=j.length>d?j.length-d:0,u=s((()=>j.slice(0,j.length-g).map(((e,r)=>t("div",Object.assign({css:c({zIndex:j.length-r,size:m})},{children:e}),r)))),[j,g,m]);return e("div",Object.assign({ref:p,"data-testid":i("avatarstack",h),css:l({size:m})},{children:[u(),g?t("div",Object.assign({css:c({zIndex:0,size:m})},{children:e(o,Object.assign({size:m,color:v},{children:["+",g]}),void 0)}),void 0):null]}),void 0)}));d.displayName="AvatarStack";export{d as default};
+import{jsx as t,jsxs as e}from"@emotion/react/jsx-runtime";import r,{useCallback as s}from"react";import{errorHandler as a,generateTestDataId as i}from"../../../utils/helpers.js";import{avatarWrapperStyle as o,avatarStackStyle as c}from"./AvatarStack.style.js";import{errors as l}from"./utils.js";import n from"../Avatar.js";const d=r.forwardRef((({maxAvatars:d=4,size:m=1,color:v="blue",dataTestId:h="",children:f},p)=>{a(l,{maxAvatars:d});const j=r.Children.toArray(f),g=j.length>d?j.length-d:0,u=s((()=>j.slice(0,j.length-g).map(((e,r)=>t("div",Object.assign({css:o({zIndex:j.length-r,size:m})},{children:e}),r)))),[j,g,m]);return e("div",Object.assign({ref:p,"data-testid":i("avatarstack",h),css:c({size:m})},{children:[u(),g?t("div",Object.assign({css:o({zIndex:0,size:m})},{children:e(n,Object.assign({size:m,color:v},{children:["+",g]}),void 0)}),void 0):null]}),void 0)}));d.displayName="AvatarStack";export{d as default};

package/dist/components/Avatar/AvatarStack/AvatarStack.style.js

@@ -1,10 +1,10 @@
-import{css as t}from"@emotion/react";import{flex as e}from"../../../theme/functions.js";import i from"../Avatar.tokens.js";const o=({size:o})=>r=>{const n=i(r);return t`
-      ${e};
+import{css as i}from"@emotion/react";import{flex as t}from"../../../theme/functions.js";import{getAvatarTokens as e,parseAvatarStackSize as o}from"../Avatar.tokens.js";const s=({size:o})=>s=>i`
+      ${t};
 
       div:last-child {
-        width: ${n.size[o]};
+        width: ${e(s)(`size.${o}`)};
       }
-    `},r=({zIndex:e,size:o})=>r=>{const n=i(r);return t`
-      z-index: ${e};
-      width: ${n.avatarStackSize[o]};
-    `};export{o as avatarStackStyle,r as avatarWrapperStyle};
+    `,r=({zIndex:t,size:s})=>r=>i`
+      z-index: ${t};
+      width: ${e(r)(`size.${s}`,o)};
+    `;export{s as avatarStackStyle,r as avatarWrapperStyle};

package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.style.js

@@ -1,7 +1,7 @@
 import{css as t}from"@emotion/react";import{BASE_SHADE as o}from"../../../theme/palette.js";const e=({isActive:e})=>r=>t`
       display: flex;
       cursor: default;
-      font-size: ${r.globals.typography.fontSizes[15]};
-      font-weight: ${e?r.globals.typography.weights.get("medium"):r.globals.typography.weights.get("regular")};
+      font-size: ${r.globals.typography.fontSize[15]};
+      font-weight: ${e?r.globals.typography.fontWeight.get("medium"):r.globals.typography.fontWeight.get("regular")};
       color: ${e?r.utils.getColor("primary",o,"normal"):r.utils.getColor("lightGrey",650)};
     `;export{e as breadcrumbItemStyles};

package/dist/components/Breadcrumb/Separator/Separator.js

@@ -1 +1 @@
-import{jsx as t}from"@emotion/react/jsx-runtime";import o from"../../Icon/Icon.js";import{separatorStyles as r}from"./Separator.style.js";const e=e=>{const{isLastItem:i=!1}=e;return i?null:t("span",Object.assign({css:r()},{children:t(o,{name:"triangleRight",color:"lightGrey",variant:650,size:12},void 0)}),void 0)};export{e as default};
+import{jsx as t}from"@emotion/react/jsx-runtime";import{separatorStyles as o}from"./Separator.style.js";import r from"../../Icon/Icon.js";const e=e=>{const{isLastItem:i=!1}=e;return i?null:t("span",Object.assign({css:o()},{children:t(r,{name:"triangleRight",color:"lightGrey",variant:650,size:12},void 0)}),void 0)};export{e as default};

package/dist/components/Button/Button.js

@@ -1 +1 @@
-import{jsx as o,jsxs as r}from"@emotion/react/jsx-runtime";import t from"../../hooks/useTheme.js";import i from"react";import e from"./Button.tokens.js";import n from"../ButtonBase/ButtonBase.js";import{buttonSpanStyle as s}from"./Button.style.js";import a from"../Avatar/Avatar.js";import c from"../Icon/Icon.js";const m=i.forwardRef(((i,m)=>{const{type:l="primary",iconLeftName:d,iconRightName:p,avatar:f,children:u,onClick:v,isLoading:j}=i,h=["primary","secondary","tertiary"].includes(l)&&f,y=t(),B=e(y);return o(n,Object.assign({},i,{ref:m,isLoading:j,onClick:v},{children:r("span",Object.assign({css:s()},{children:[h&&o(a,Object.assign({src:null==f?void 0:f.src},{children:null==f?void 0:f.label}),void 0),d&&!h&&o(c,{name:d,color:B.color[l].textColor},void 0),o("span",{children:u},void 0),p&&o(c,{name:p,color:B.color[l].textColor},void 0)]}),void 0)}),void 0)}));m.displayName="Button";export{m as default};
+import{jsx as o,jsxs as r}from"@emotion/react/jsx-runtime";import t from"../../hooks/useTheme.js";import i from"react";import{buttonSpanStyle as e}from"./Button.style.js";import n from"./Button.tokens.js";import s from"../ButtonBase/ButtonBase.js";import a from"../Avatar/Avatar.js";import c from"../Icon/Icon.js";const m=i.forwardRef(((i,m)=>{const{type:l="primary",iconLeftName:d,iconRightName:p,avatar:f,children:u,onClick:v,isLoading:j}=i,h=["primary","secondary","tertiary"].includes(l)&&f,y=t(),B=n(y);return o(s,Object.assign({},i,{ref:m,isLoading:j,onClick:v},{children:r("span",Object.assign({css:e()},{children:[h&&o(a,Object.assign({src:null==f?void 0:f.src},{children:null==f?void 0:f.label}),void 0),d&&!h&&o(c,{name:d,color:B.color[l].textColor},void 0),o("span",{children:u},void 0),p&&o(c,{name:p,color:B.color[l].textColor},void 0)]}),void 0)}),void 0)}));m.displayName="Button";export{m as default};

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{generateTestDataId as i}from"../../utils/helpers.js";import{buttonWrapperStyle as e,buttonBaseStyle as r}from"./ButtonBase.style.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:e({isBlock:c})},{children:[m&&!p&&o(a,{dataTestId:k},void 0),o("button",Object.assign({ref:d,type:h,"data-testid":i(k,f),css:r({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";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};

package/dist/components/Chart/BarChart/BarChart.js

@@ -1 +1 @@
-import{jsxs as o,jsx as t}from"@emotion/react/jsx-runtime";import e from"../../../hooks/useTheme.js";import i from"lodash/max.js";import{useMemo as a,useCallback as r}from"react";import{CartesianGrid as l,XAxis as s,Tooltip as n,Bar as m,LabelList as c,Cell as d,YAxis as p,BarChart as u}from"recharts";import f from"../Wrapper.js";import v from"./components/CustomLabel/CustomLabel.js";import g from"./components/CustomTooltip/CustomTooltip.js";import h from"./components/CustomTooltipContent/CustomTooltipContent.js";import{getBarColors as b,getColoringOptions as y,getValues as j,customTickFormatter as C}from"./utils.js";const k=({colors:o,y:i,width:a,payload:r})=>{const l=e(),s="string"==typeof r.value&&o[r.value]?o[r.value]:l.globals.colors.black;return t("g",{children:t("foreignObject",Object.assign({y:i-10,width:a,height:"20",style:{overflow:"visible"}},{children:t(g,{content:r.value,fill:s},void 0)}),void 0)},void 0)},x=f(u),L=({data:u})=>{const f=e(),g=a((()=>b(u,f.globals.colors.flat.darkBlue[100])),[u,f.globals.colors.flat.darkBlue]),L=r((o=>i(u.map(o))),[u]),O=r((o=>y(u,o)),[u]),T=L((o=>o.name.length)),w=L((o=>o.value)),B=T&&9.5*T<160?9.5*T:160,{maxDomainValue:K,tickCount:z}=j(w),G=O((()=>!1)),$=O((o=>o.name));return o(x,Object.assign({data:u,margin:{top:5,right:60,left:20,bottom:15},layout:"vertical",barCategoryGap:"20%",maxBarSize:32},{children:[t(l,{offset:{left:0},horizontal:!1},void 0),t(s,{type:"number",axisLine:!1,tickLine:!1,tickMargin:24,tickCount:z,domain:[0,K],tickFormatter:o=>C(o,K)},void 0),t(n,{cursor:{fill:f.utils.getColor("lightGrey",50)},content:t(h,{},void 0)},void 0),o(m,Object.assign({dataKey:"value"},{children:[t(c,{dataKey:"barLabel",position:"right",content:t(v,{colors:G},void 0)},void 0),u.map(((o,e)=>t(d,{fill:g[e]},`cell-${o.name}-${o.value}`)))," "]}),void 0),t(p,{type:"category",dataKey:"name",tick:o=>t(k,Object.assign({},o,{colors:$}),void 0),width:B,axisLine:!1,tickLine:!1},void 0)]}),void 0)};export{L as default};
+import{jsxs as o,jsx as t}from"@emotion/react/jsx-runtime";import e from"../../../hooks/useTheme.js";import i from"lodash/max.js";import{useMemo as a,useCallback as r}from"react";import{CartesianGrid as l,XAxis as s,Tooltip as n,Bar as m,LabelList as c,Cell as d,YAxis as p,BarChart as u}from"recharts";import f from"./components/CustomLabel/CustomLabel.js";import v from"./components/CustomTooltip/CustomTooltip.js";import g from"./components/CustomTooltipContent/CustomTooltipContent.js";import{getBarColors as h,getColoringOptions as b,getValues as y,customTickFormatter as j}from"./utils.js";import C from"../Wrapper.js";const k=({colors:o,y:i,width:a,payload:r})=>{const l=e(),s="string"==typeof r.value&&o[r.value]?o[r.value]:l.globals.colors.black;return t("g",{children:t("foreignObject",Object.assign({y:i-10,width:a,height:"20",style:{overflow:"visible"}},{children:t(v,{content:r.value,fill:s},void 0)}),void 0)},void 0)},x=C(u),L=({data:u})=>{const v=e(),C=a((()=>h(u,v.globals.colors.flat.darkBlue[100])),[u,v.globals.colors.flat.darkBlue]),L=r((o=>i(u.map(o))),[u]),O=r((o=>b(u,o)),[u]),T=L((o=>o.name.length)),w=L((o=>o.value)),B=T&&9.5*T<160?9.5*T:160,{maxDomainValue:K,tickCount:z}=y(w),G=O((()=>!1)),$=O((o=>o.name));return o(x,Object.assign({data:u,margin:{top:5,right:60,left:20,bottom:15},layout:"vertical",barCategoryGap:"20%",maxBarSize:32},{children:[t(l,{offset:{left:0},horizontal:!1},void 0),t(s,{type:"number",axisLine:!1,tickLine:!1,tickMargin:24,tickCount:z,domain:[0,K],tickFormatter:o=>j(o,K)},void 0),t(n,{cursor:{fill:v.utils.getColor("lightGrey",50)},content:t(g,{},void 0)},void 0),o(m,Object.assign({dataKey:"value"},{children:[t(c,{dataKey:"barLabel",position:"right",content:t(f,{colors:G},void 0)},void 0),u.map(((o,e)=>t(d,{fill:C[e]},`cell-${o.name}-${o.value}`)))," "]}),void 0),t(p,{type:"category",dataKey:"name",tick:o=>t(k,Object.assign({},o,{colors:$}),void 0),width:B,axisLine:!1,tickLine:!1},void 0)]}),void 0)};export{L as default};

package/dist/components/Chart/BarChart/components/CustomTooltipContent/CustomTooltipContent.style.js

@@ -1 +1 @@
-import{rem as g}from"../../../../../theme/utils.js";const a=()=>a=>({fontSize:a.globals.typography.fontSizes.get("3"),padding:`${a.globals.spacing.get("4")} ${a.globals.spacing.get("6")}`,margin:a.globals.spacing.get("4"),color:a.globals.colors.white,background:a.utils.getColor("darkGrey",750),opacity:"90%",borderRadius:a.globals.spacing.get("3"),minWidth:g(200),whiteSpace:"nowrap"}),l=()=>()=>({padding:"0px",margin:"0px"}),t=()=>g=>({listStyleType:"none",color:g.globals.colors.white,width:"100%",display:"flex",justifyContent:"space-between",height:g.globals.spacing.get("6"),padding:`${g.globals.spacing.get("4")} 0px`,"div:last-child":{marginLeft:g.globals.spacing.get("6"),span:{marginLeft:g.globals.spacing.get("3")}}});export{t as tooltipLiStyle,a as tooltipStyle,l as tooltipUlStyle};
+import{rem as g}from"../../../../../theme/utils.js";const a=()=>a=>({fontSize:a.globals.typography.fontSize.get("3"),padding:`${a.globals.spacing.get("4")} ${a.globals.spacing.get("6")}`,margin:a.globals.spacing.get("4"),color:a.globals.colors.white,background:a.utils.getColor("darkGrey",750),opacity:"90%",borderRadius:a.globals.spacing.get("3"),minWidth:g(200),whiteSpace:"nowrap"}),l=()=>()=>({padding:"0px",margin:"0px"}),t=()=>g=>({listStyleType:"none",color:g.globals.colors.white,width:"100%",display:"flex",justifyContent:"space-between",height:g.globals.spacing.get("6"),padding:`${g.globals.spacing.get("4")} 0px`,"div:last-child":{marginLeft:g.globals.spacing.get("6"),span:{marginLeft:g.globals.spacing.get("3")}}});export{t as tooltipLiStyle,a as tooltipStyle,l as tooltipUlStyle};

package/dist/components/Chart/DonutChart/DonutChart.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{useMemo as o}from"react";import{Pie as r,Cell as a,Label as n,PieChart as i}from"recharts";import l from"../Wrapper.js";import m from"./components/CustomLabel/CustomLabel.js";const s=l(i),d=({data:i,value:l,units:d})=>{const u=o((()=>i.map((e=>(null==e?void 0:e.color)||""))),[i]);return e(s,{children:t(r,Object.assign({data:i,innerRadius:"85%",outerRadius:"100%",paddingAngle:0,startAngle:90,endAngle:-270,dataKey:"value",blendStroke:!0},{children:[i.map(((t,o)=>e(a,{fill:u[o]},`cell--${t.name}-${t.value}`))),e(n,{position:"center",content:e(m,{value:l,units:d},void 0)},void 0)]}),void 0)},void 0)};export{d as default};
+import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{useMemo as o}from"react";import{Pie as r,Cell as a,Label as n,PieChart as i}from"recharts";import l from"./components/CustomLabel/CustomLabel.js";import m from"../Wrapper.js";const s=m(i),d=({data:i,value:m,units:d})=>{const u=o((()=>i.map((e=>(null==e?void 0:e.color)||""))),[i]);return e(s,{children:t(r,Object.assign({data:i,innerRadius:"85%",outerRadius:"100%",paddingAngle:0,startAngle:90,endAngle:-270,dataKey:"value",blendStroke:!0},{children:[i.map(((t,o)=>e(a,{fill:u[o]},`cell--${t.name}-${t.value}`))),e(n,{position:"center",content:e(l,{value:m,units:d},void 0)},void 0)]}),void 0)},void 0)};export{d as default};

package/dist/components/Chart/DonutChart/components/CustomLabel/CustomLabel.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import t from"../../../../../hooks/useTheme.js";import{flexContainer as s,labelUnitStyle as o}from"./CustomLabel.style.js";const n=({viewBox:n,value:l,units:c})=>{const{cx:r,cy:a}=n,d=t();return e("g",{children:[i("text",Object.assign({x:r,y:a,className:"recharts-text recharts-label",textAnchor:"middle",dominantBaseline:"central"},{children:i("tspan",Object.assign({x:"50%",dy:"-7",alignmentBaseline:"middle",fontSize:d.globals.typography.fontSizes.get("4"),fill:d.globals.colors.black},{children:l}),void 0)}),void 0),i("foreignObject",Object.assign({y:"52%",width:"100%",height:a&&a/2.5},{children:i("div",Object.assign({css:s()},{children:i("div",Object.assign({css:o()},{children:c}),void 0)}),void 0)}),void 0)]},void 0)};export{n as default};
+import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import t from"../../../../../hooks/useTheme.js";import{flexContainer as s,labelUnitStyle as o}from"./CustomLabel.style.js";const n=({viewBox:n,value:l,units:c})=>{const{cx:r,cy:a}=n,d=t();return e("g",{children:[i("text",Object.assign({x:r,y:a,className:"recharts-text recharts-label",textAnchor:"middle",dominantBaseline:"central"},{children:i("tspan",Object.assign({x:"50%",dy:"-7",alignmentBaseline:"middle",fontSize:d.globals.typography.fontSize.get("4"),fill:d.globals.colors.black},{children:l}),void 0)}),void 0),i("foreignObject",Object.assign({y:"52%",width:"100%",height:a&&a/2.5},{children:i("div",Object.assign({css:s()},{children:i("div",Object.assign({css:o()},{children:c}),void 0)}),void 0)}),void 0)]},void 0)};export{n as default};

package/dist/components/Chart/DonutChart/components/CustomLabel/CustomLabel.style.js

@@ -4,7 +4,7 @@ import{css as t}from"@emotion/react";const e=()=>()=>t`
     justify-content: center;
   `,o=()=>e=>t`
       width: 80%;
-      font-size: ${e.globals.typography.fontSizes.get("2")};
+      font-size: ${e.globals.typography.fontSize.get("2")};
       color: ${e.utils.getColor("lightGrey",650)};
       text-align: center;
     `;export{e as flexContainer,o as labelUnitStyle};

package/dist/components/Chart/LineChart/LineChart.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"@emotion/react/jsx-runtime";import{useMemo as o}from"react";import{XAxis as i,YAxis as r,CartesianGrid as l,Legend as a,Tooltip as n,Area as s,AreaChart as c}from"recharts";import{rem as m}from"../../../theme/utils.js";import d from"../../../hooks/useTheme.js";import p from"../Wrapper.js";import f from"./components/CustomTooltip/CustomTooltip.js";import g from"./components/GradientLine/GradientLine.js";import{getKeyNames as u,colorPicker as h}from"./utils.js";const b=p(c),v=({data:c,labelX:p,labelY:v,isLegendVisible:k=!1,color:j})=>{const y=d(),L=o((()=>u(c)),[c]),x=o((()=>h({theme:y,uniqueKeyNames:L,color:j})),[y,L,j]),O=Object.entries(x);return L.length<=Object.keys(y.globals.colors.flat).length?t(b,Object.assign({data:c,margin:{top:10,right:20,left:20,bottom:50},aspect:1.5},{children:[e("defs",{children:O.map((([t,o])=>e(g,{dataLabel:t,color:o},`color${t}`)))},void 0),e(i,{dataKey:"name",tickMargin:31,axisLine:!1,tickLine:!1,label:p&&{value:p,angle:0,position:"bottom",offset:35}},void 0),e(r,{tick:{textAnchor:"start"},tickMargin:40,axisLine:!1,tickLine:!1,label:v&&{value:v,angle:-90,position:"left",offset:15}},void 0),e(l,{vertical:!1},void 0),k&&e(a,{align:"left",iconType:"circle",iconSize:16,wrapperStyle:{paddingTop:m(50),paddingLeft:m(13)}},void 0),e(n,{cursor:{stroke:y.utils.getColor("lightGrey",650),strokeWidth:1},content:e(f,{},void 0)},void 0),O.map((([t,o])=>e(s,{type:"linear",dataKey:t,stroke:o,fillOpacity:1,fill:`url(#color${t})`,activeDot:{r:3,stroke:"none"},dot:{r:3,fill:o}},t)))]}),void 0):t("p",{children:["You must define less than ",Object.keys(y.globals.colors.flat).length," different data"]},void 0)};export{v as default};
+import{jsxs as t,jsx as e}from"@emotion/react/jsx-runtime";import{useMemo as o}from"react";import{XAxis as i,YAxis as r,CartesianGrid as l,Legend as a,Tooltip as n,Area as s,AreaChart as c}from"recharts";import{rem as m}from"../../../theme/utils.js";import d from"./components/CustomTooltip/CustomTooltip.js";import p from"./components/GradientLine/GradientLine.js";import{getKeyNames as f,colorPicker as g}from"./utils.js";import u from"../../../hooks/useTheme.js";import h from"../Wrapper.js";const b=h(c),v=({data:c,labelX:h,labelY:v,isLegendVisible:k=!1,color:j})=>{const y=u(),L=o((()=>f(c)),[c]),x=o((()=>g({theme:y,uniqueKeyNames:L,color:j})),[y,L,j]),O=Object.entries(x);return L.length<=Object.keys(y.globals.colors.flat).length?t(b,Object.assign({data:c,margin:{top:10,right:20,left:20,bottom:50},aspect:1.5},{children:[e("defs",{children:O.map((([t,o])=>e(p,{dataLabel:t,color:o},`color${t}`)))},void 0),e(i,{dataKey:"name",tickMargin:31,axisLine:!1,tickLine:!1,label:h&&{value:h,angle:0,position:"bottom",offset:35}},void 0),e(r,{tick:{textAnchor:"start"},tickMargin:40,axisLine:!1,tickLine:!1,label:v&&{value:v,angle:-90,position:"left",offset:15}},void 0),e(l,{vertical:!1},void 0),k&&e(a,{align:"left",iconType:"circle",iconSize:16,wrapperStyle:{paddingTop:m(50),paddingLeft:m(13)}},void 0),e(n,{cursor:{stroke:y.utils.getColor("lightGrey",650),strokeWidth:1},content:e(d,{},void 0)},void 0),O.map((([t,o])=>e(s,{type:"linear",dataKey:t,stroke:o,fillOpacity:1,fill:`url(#color${t})`,activeDot:{r:3,stroke:"none"},dot:{r:3,fill:o}},t)))]}),void 0):t("p",{children:["You must define less than ",Object.keys(y.globals.colors.flat).length," different data"]},void 0)};export{v as default};

package/dist/components/Chart/LineChart/components/CustomTooltip/CustomTooltip.style.js

@@ -1 +1 @@
-import{rem as o}from"../../../../../theme/utils.js";const t=()=>t=>({fontSize:t.globals.typography.fontSizes.get("3"),padding:t.globals.spacing.get("4"),color:t.globals.colors.white,background:t.utils.getColor("darkGrey",750),opacity:"90%",borderRadius:t.globals.spacing.get("3"),minWidth:o(200),whiteSpace:"nowrap"}),e=()=>t=>({margin:`${t.globals.spacing.get("6")} 0`,height:o(1),borderWidth:0,backgroundColor:t.globals.colors.white,opacity:"10%"}),i=()=>()=>({padding:0,margin:0}),l=()=>t=>({listStyleType:"none",color:t.globals.colors.white,width:"100%",display:"flex",justifyContent:"space-between",height:t.globals.spacing.get("6"),padding:`0px 0px ${o(-5)}`});export{e as tooltipHrStyle,l as tooltipLiStyle,t as tooltipStyle,i as tooltipUlStyle};
+import{rem as o}from"../../../../../theme/utils.js";const t=()=>t=>({fontSize:t.globals.typography.fontSize.get("3"),padding:t.globals.spacing.get("4"),color:t.globals.colors.white,background:t.utils.getColor("darkGrey",750),opacity:"90%",borderRadius:t.globals.spacing.get("3"),minWidth:o(200),whiteSpace:"nowrap"}),e=()=>t=>({margin:`${t.globals.spacing.get("6")} 0`,height:o(1),borderWidth:0,backgroundColor:t.globals.colors.white,opacity:"10%"}),i=()=>()=>({padding:0,margin:0}),l=()=>t=>({listStyleType:"none",color:t.globals.colors.white,width:"100%",display:"flex",justifyContent:"space-between",height:t.globals.spacing.get("6"),padding:`0px 0px ${o(-5)}`});export{e as tooltipHrStyle,l as tooltipLiStyle,t as tooltipStyle,i as tooltipUlStyle};

package/dist/components/CheckBox/CheckBox.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import{useTypeColorToColorMatch as s}from"../../hooks/useTypeColorToColorMatch.js";import*as i from"react";import{useEffect as t}from"react";import{generateUniqueID as r,generateTestDataId as c}from"../../utils/helpers.js";import{wrapperStyle as a,checkboxWrapperStyle as l,checkboxStyle as d,markerStyle as n,labelStyle as m}from"./CheckBox.style.js";import h from"../Icon/Icon.js";import p from"../../hooks/useTheme.js";const k=i.forwardRef(((k,u)=>{const{label:f,isChecked:b,onClick:C,isDisabled:v=!1,isIntermediate:g=!1,dataTestIdSuffix:j,isFilled:x=!0,id:y=r()}=k,[T,I]=i.useState(Boolean(b)),F=i.useRef(null),O=p(),{calculateColorBetweenColorAndType:w}=s(),{color:A,shade:B}=w("","primary");t((()=>{void 0!==b&&I(b)}),[b]);return e("span",Object.assign({ref:u,css:a({isDisabled:v})},{children:[e("span",Object.assign({css:l({isDisabled:v}),onClick:e=>{var o;e.stopPropagation(),e.currentTarget===e.target&&(null===(o=null==F?void 0:F.current)||void 0===o||o.click())}},{children:[o("input",{"data-testid":c("checkbox",j),css:d({isIntermediate:g,isChecked:T,isFilled:x}),id:`styled-checkbox-${y}`,type:"checkbox",onClick:e=>e.stopPropagation(),onChange:e=>{const o=!T;void 0===b&&I(o),!v&&C&&C(o,e)},disabled:v,checked:T,ref:F},void 0),o("label",Object.assign({htmlFor:`styled-checkbox-${y}`,css:n({isChecked:T})},{children:o(h,{name:g?"minus":"checkmark",size:24,color:O.utils.getAAColorFromSwatches(A,B)},void 0)}),void 0)]}),void 0),f&&o("span",Object.assign({css:m()},{children:f}),void 0)]}),void 0)}));k.displayName="Checkbox";export{k as default};
+import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import{useTypeColorToColorMatch as s}from"../../hooks/useTypeColorToColorMatch.js";import*as i from"react";import{useEffect as t}from"react";import{wrapperStyle as r,checkboxWrapperStyle as c,checkboxStyle as a,markerStyle as l,labelStyle as d}from"./CheckBox.style.js";import{generateUniqueID as n,generateTestDataId as m}from"../../utils/helpers.js";import h from"../Icon/Icon.js";import p from"../../hooks/useTheme.js";const k=i.forwardRef(((k,u)=>{const{label:f,isChecked:b,onClick:C,isDisabled:v=!1,isIntermediate:g=!1,dataTestIdSuffix:j,isFilled:x=!0,id:y=n()}=k,[T,I]=i.useState(Boolean(b)),F=i.useRef(null),O=p(),{calculateColorBetweenColorAndType:w}=s(),{color:A,shade:B}=w("","primary");t((()=>{void 0!==b&&I(b)}),[b]);return e("span",Object.assign({ref:u,css:r({isDisabled:v})},{children:[e("span",Object.assign({css:c({isDisabled:v}),onClick:e=>{var o;e.stopPropagation(),e.currentTarget===e.target&&(null===(o=null==F?void 0:F.current)||void 0===o||o.click())}},{children:[o("input",{"data-testid":m("checkbox",j),css:a({isIntermediate:g,isChecked:T,isFilled:x}),id:`styled-checkbox-${y}`,type:"checkbox",onClick:e=>e.stopPropagation(),onChange:e=>{const o=!T;void 0===b&&I(o),!v&&C&&C(o,e)},disabled:v,checked:T,ref:F},void 0),o("label",Object.assign({htmlFor:`styled-checkbox-${y}`,css:l({isChecked:T})},{children:o(h,{name:g?"minus":"checkmark",size:24,color:O.utils.getAAColorFromSwatches(A,B)},void 0)}),void 0)]}),void 0),f&&o("span",Object.assign({css:d()},{children:f}),void 0)]}),void 0)}));k.displayName="Checkbox";export{k as default};

package/dist/components/CheckBox/CheckBox.style.js

@@ -1,13 +1,13 @@
-import{css as e}from"@emotion/react";import{rem as i}from"../../theme/utils.js";import{BASE_SHADE as t}from"../../theme/palette.js";const o=({isDisabled:i})=>()=>e`
-      opacity: ${i?.3:1};
+import{css as e}from"@emotion/react";import{rem as t}from"../../theme/utils.js";import{BASE_SHADE as i}from"../../theme/palette.js";const o=({isDisabled:t})=>()=>e`
+      opacity: ${t?.3:1};
       justify-content: center;
       align-items: center;
       display: flex;
-    `,l=({isDisabled:t})=>()=>{const o=!t&&"&:hover {\n    &:before {\n      display: block;\n      background: rgba(0, 0, 0, 0.05);\n    }\n  }";return e`
+    `,l=({isDisabled:i})=>()=>{const o=!i&&"&:hover {\n    &:before {\n      display: block;\n      background: rgba(0, 0, 0, 0.05);\n    }\n  }";return e`
       border-radius: 100%;
       display: flex;
-      width: ${i(48)};
-      height: ${i(48)};
+      width: ${t(48)};
+      height: ${t(48)};
       justify-content: center;
       align-items: center;
       position: relative;
@@ -17,17 +17,17 @@ import{css as e}from"@emotion/react";import{rem as i}from"../../theme/utils.js";
         border-radius: 100%;
         transition: all 0.2s;
         content: ' ';
-        width: ${i(48)};
-        height: ${i(48)};
+        width: ${t(48)};
+        height: ${t(48)};
         position: absolute;
       }
 
       ${o}
     `},r=({isChecked:o,isFilled:l})=>r=>e`
       border: 0;
-      border-radius: ${i(2)};
-      width: ${i(24)};
-      height: ${i(24)};
+      border-radius: ${t(2)};
+      width: ${t(24)};
+      height: ${t(24)};
 
       position: absolute;
       opacity: 0; // hide it
@@ -44,17 +44,17 @@ import{css as e}from"@emotion/react";import{rem as i}from"../../theme/utils.js";
         transition: all 0.2s;
         display: inline-block;
         vertical-align: text-top;
-        width: ${i(24)};
-        height: ${i(24)};
-        ${(({isChecked:e,isFilled:o,theme:l})=>e?`background: ${l.utils.getColor("primary",t,"normal")}`:o?`background: ${l.utils.getColor("lightGrey",300)}`:`background: inherit; box-shadow: inset 0px 0px 0px ${i("2px")} ${l.utils.getColor("lightGrey",300)};`)({isChecked:o,isFilled:l,theme:r})};
-        border-radius: ${i(4)};
+        width: ${t(24)};
+        height: ${t(24)};
+        ${(({isChecked:e,isFilled:o,theme:l})=>e?`background: ${l.utils.getColor("primary",i,"normal")}`:o?`background: ${l.utils.getColor("lightGrey",300)}`:`background: inherit; box-shadow: inset 0px 0px 0px ${t("2px")} ${l.utils.getColor("lightGrey",300)};`)({isChecked:o,isFilled:l,theme:r})};
+        border-radius: ${t(4)};
       }
 
       // Disabled state label.
       &:disabled + label {
         cursor: not-allowed;
       }
-    `,s=({isChecked:i})=>e`
+    `,s=({isChecked:t})=>e`
     span {
       padding: 0;
     }
@@ -62,12 +62,12 @@ import{css as e}from"@emotion/react";import{rem as i}from"../../theme/utils.js";
     svg {
       position: absolute;
       top: 0;
-      display: ${i?"block":"none"};
+      display: ${t?"block":"none"};
     }
-  `,a=()=>t=>e`
-      padding-left: ${i(4)};
-      font-size: ${t.globals.typography.fontSizes[15]};
-      font-weight: ${t.globals.typography.weights.get("regular")};
-      color: ${t.utils.getColor("darkGrey",750)};
+  `,a=()=>i=>e`
+      padding-left: ${t(4)};
+      font-size: ${i.globals.typography.fontSize[15]};
+      font-weight: ${i.globals.typography.fontWeight.get("regular")};
+      color: ${i.utils.getColor("darkGrey",750)};
       white-space: nowrap;
     `;export{r as checkboxStyle,l as checkboxWrapperStyle,a as labelStyle,s as markerStyle,o as wrapperStyle};

package/dist/components/Chip/Chip.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as i,jsx as s}from"@emotion/react/jsx-runtime";import t,{Fragment as r}from"react";import{errorHandler as d,generateTestDataId as a}from"../../utils/helpers.js";import{avatarStyle as o,closeIconWrapperStyle as l,chipStyle as c}from"./Chip.style.js";import n from"./components/Badge/Badge.js";import{defaultProps as m,errors as p}from"./utils.js";import b from"../Avatar/Avatar.js";import f from"../Icon/Icon.js";const v=t.forwardRef(((t,v)=>{var{styleType:h=m.styleType,isDisabled:y=m.isDisabled,dataTestId:u=m.dataTestId}=t,j=e(t,["styleType","isDisabled","dataTestId"]);const{onClick:g,isChecked:T,thumbnail:k,fill:C,isSelected:I,onClear:O,children:S,badgeNumber:D}=j;d(p,{styleType:h,isSelected:I,isChecked:T,badgeNumber:D,isDisabled:y});const N=i(r,{children:[T&&s(f,{size:14,name:"checkmark",color:"darkGrey",variant:850},void 0),k&&s("div",Object.assign({css:o()},{children:s(b,Object.assign({color:"blue",src:k.src,dataTestPrefixId:"chip"},{children:k.name}),void 0)}),void 0),s("div",{children:S},void 0),D&&s(n,{fill:C,badgeNumber:D,isSelected:I,dataTestId:u},void 0),O&&s("div",Object.assign({css:l(y)},{children:s(f,{size:14,name:"close",color:"darkGrey",variant:850,onClick:e=>{e.stopPropagation(),y||O()}},void 0)}),void 0)]},void 0);return"read-only"===h?s("div",Object.assign({ref:v,"data-testid":a("chip",u),css:c({styleType:h,fill:C,isSelected:I}),"aria-readonly":"true"},{children:N}),void 0):s("button",Object.assign({role:"button",ref:v,"data-testid":a("chip",u),css:c({styleType:h,fill:C,isSelected:I,onClear:O,onClick:g}),onClick:g,disabled:y},{children:N}),void 0)}));v.displayName="Chip";export{v as default};
+import{__rest as e}from"tslib";import{jsxs as i,jsx as s}from"@emotion/react/jsx-runtime";import t,{Fragment as d}from"react";import{errorHandler as r,generateTestDataId as a}from"../../utils/helpers.js";import{avatarStyle as o,closeIconWrapperStyle as l,chipStyle as c}from"./Chip.style.js";import n from"./components/Badge/Badge.js";import{defaultProps as m,errors as p}from"./utils.js";import b from"../Avatar/Avatar.js";import f from"../Icon/Icon.js";const h=t.forwardRef(((t,h)=>{var{styleType:v=m.styleType,isDisabled:y=m.isDisabled,dataTestId:u=m.dataTestId}=t,j=e(t,["styleType","isDisabled","dataTestId"]);const{onClick:T,isChecked:g,thumbnail:k,fill:C,isSelected:I,onClear:O,children:S,badgeNumber:D}=j;r(p,{styleType:v,isSelected:I,isChecked:g,badgeNumber:D,isDisabled:y});const N=i(d,{children:[g&&s(f,{size:14,name:"checkmark",color:"darkGrey",variant:850},void 0),k&&s("div",Object.assign({css:o()},{children:s(b,Object.assign({color:"blue",src:k.src,dataTestPrefixId:"chip"},{children:k.name}),void 0)}),void 0),s("div",{children:S},void 0),D&&s(n,{fill:C,badgeNumber:D,isSelected:I,dataTestId:u},void 0),O&&s("div",Object.assign({css:l(y)},{children:s(f,{size:14,name:"close",color:"darkGrey",variant:850,onClick:e=>{e.stopPropagation(),y||O()},dataTestId:a("chip-delete",u)},void 0)}),void 0)]},void 0);return"read-only"===v?s("div",Object.assign({ref:h,"data-testid":a("chip",u),css:c({styleType:v,fill:C,isSelected:I}),"aria-readonly":"true"},{children:N}),void 0):s("button",Object.assign({role:"button",ref:h,"data-testid":a("chip",u),css:c({styleType:v,fill:C,isSelected:I,onClear:O,onClick:T}),onClick:T,disabled:y},{children:N}),void 0)}));h.displayName="Chip";export{h as default};

package/dist/components/Chip/Chip.style.js

@@ -1,9 +1,9 @@
-import{css as o}from"@emotion/react";import{flexCenterVertical as t}from"../../theme/functions.js";import{rem as e}from"../../theme/utils.js";import{getDisabled as r}from"../../theme/states/disabled.js";import{getFocus as s}from"../../theme/states/focus.js";import{getHover as i}from"../../theme/states/hover.js";import{getPressed as l}from"../../theme/states/pressed.js";const n=({styleType:n,fill:a="greyScale",isSelected:g,onClear:c,onClick:d})=>h=>{const m="interactive"===n,b="read-only"===n||c||g;return o`
+import{css as o}from"@emotion/react";import{flexCenterVertical as t}from"../../theme/functions.js";import{rem as e}from"../../theme/utils.js";import{getDisabled as r}from"../../theme/states/disabled.js";import{getFocus as i}from"../../theme/states/focus.js";import{getHover as s}from"../../theme/states/hover.js";import{getPressed as l}from"../../theme/states/pressed.js";const n=({styleType:n,fill:a="greyScale",isSelected:g,onClear:c,onClick:d})=>h=>{const m="interactive"===n,b="read-only"===n||c||g;return o`
       ${t};
       height: ${h.globals.spacing.get("8")};
       border-radius: ${h.globals.spacing.get("8")};
-      font-size: ${h.globals.typography.fontSizes.get("2")};
-      font-weight: ${h.globals.typography.weights.get("medium")};
+      font-size: ${h.globals.typography.fontSize.get("2")};
+      font-weight: ${h.globals.typography.fontWeight.get("medium")};
       line-height: normal;
       box-sizing: border-box;
       padding: ${h.globals.spacing.get("3")} ${h.globals.spacing.get("4")};
@@ -16,11 +16,11 @@ import{css as o}from"@emotion/react";import{flexCenterVertical as t}from"../../t
       transition: background-color 150ms linear;
 
       &:hover:not(:disabled) {
-        background: ${b?i({theme:h,color:a,shade:50}).backgroundColor:i({theme:h}).backgroundColor};
+        background: ${b?s({theme:h,color:a,shade:50}).backgroundColor:s({theme:h}).backgroundColor};
       }
 
       &:focus-visible:not(:disabled) {
-        outline: ${m?s({theme:h,borderWidth:1}).styleOutline:"none"};
+        outline: ${m?i({theme:h,borderWidth:1}).styleOutline:"none"};
       }
 
       ${m&&`\n    &:active:not(:disabled) {\n      background: ${l({theme:h,color:a,shade:50}).backgroundColor};\n    }\n\n\n      :disabled {\n        opacity: ${r().opacity};\n        cursor: ${r().cursor};\n      }\n    `}

package/dist/components/Chip/components/Badge/Badge.style.js

@@ -4,8 +4,8 @@ import{css as t}from"@emotion/react";import{flex as e}from"../../../../theme/fun
       height: ${l.globals.spacing.get("6")};
       border-radius: 100%;
       background: ${i?l.utils.getColor(o,550):l.utils.getColor("lightGrey",200)};
-      font-size: ${l.globals.typography.fontSizes.get("1")};
-      font-weight: ${l.globals.typography.weights.get("medium")};
+      font-size: ${l.globals.typography.fontSize.get("1")};
+      font-weight: ${l.globals.typography.fontWeight.get("medium")};
       align-items: center;
       flex-shrink: 0;
       line-height: normal;

package/dist/components/Chip/utils.js

@@ -1 +1 @@
-import{PropsValidationError as e}from"../../utils/errors.js";import{READ_ONLY as s,INTERACTIVE as t}from"./Chip.types.js";const i={isDisabled:!1,styleType:s,dataTestId:""},r=[{condition:({styleType:e,isSelected:t,isChecked:i,badgeNumber:r,isDisabled:o})=>Boolean(e===s&&(t||i||r||o)),error:new e("The properties isSelected, isChecked, badgeNumber and disabled are only for Interactive style type Chips.")},{condition:({styleType:e,thumbnail:s})=>Boolean(e===t&&s),error:new e("The property thumbnail is only for Read-Only style type Chips.")}];export{i as defaultProps,r as errors};
+import{READ_ONLY as e,INTERACTIVE as s}from"./Chip.types.js";import{PropsValidationError as t}from"../../utils/errors.js";const i={isDisabled:!1,styleType:e,dataTestId:""},r=[{condition:({styleType:s,isSelected:t,isChecked:i,badgeNumber:r,isDisabled:o})=>Boolean(s===e&&(t||i||r||o)),error:new t("The properties isSelected, isChecked, badgeNumber and disabled are only for Interactive style type Chips.")},{condition:({styleType:e,thumbnail:t})=>Boolean(e===s&&t),error:new t("The property thumbnail is only for Read-Only style type Chips.")}];export{i as defaultProps,r as errors};

package/dist/components/DatePicker/DatePickInput/DatePickInput.js

@@ -1 +1 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import t from"react";import o from"../../../utils/date.js";import{getLocaleFormat as a,generateTestDataId as r}from"../../../utils/helpers.js";import{FilterBase as l}from"../../Filter/components/FilterBase/FilterBase.js";import i from"../../Icon/Icon.js";import s from"../../TextField/TextField.js";import{rangeInputsWrapper as n}from"./DatePickInput.style.js";const d=()=>{},c=t.forwardRef((({handleFocus:c,filterConfig:m={},handleClear:p,dataTestId:f,isRangePicker:u,inputProps:y,selectedDay:D,dateFormatOverride:h="MM/DD/YYYY",isOpen:T},I)=>{const j=t.useCallback((e=>t=>t?o(t).format(a(e)):"")(h),[h]),F=j(D.from),b=j(D.to),g=((e,t)=>({selectDate:"Select Date"+(e?"s":""),to:e?`- ${t}`:""}))(u,b),{buttonType:v="primary",styleType:$="filled",filterType:O}=m;return e("div",Object.assign({css:n()},{children:O?e(l,{isDatePicker:!0,dataTestId:r("filter",f),isDisabled:!1,buttonType:v,styleType:$,handleOpen:c,filterType:O,onClear:p,selectedItemLabel:D.from&&`${g.selectDate} : ${F} ${g.to}`,isOpen:T,hasSelectedValue:Boolean(D.from&&`${F} - ${b}`),label:D.from?"":g.selectDate,iconName:D.from?"calendarFilled":"calendarEmpty"},void 0):e(s,u?Object.assign({ref:I},y,{onFocus:c,onKeyDown:p,dataTestId:f,onChange:d,placeholder:"Date (start) - Date (end)",value:D.from&&`${F} - ${b}`,rightIcon:e(i,{name:"calendarEmpty",color:"#676767"},void 0)}):Object.assign({ref:I},y,{onFocus:c,onKeyDown:p,dataTestId:f,onChange:d,placeholder:"Select date",value:D.to&&F,rightIcon:e(i,{name:"calendarEmpty",color:"#676767"},void 0)}),void 0)}),void 0)}));c.displayName="DatePickInput";export{c as default};
+import{jsx as e}from"@emotion/react/jsx-runtime";import t,{useCallback as o}from"react";import a from"../../../utils/date.js";import{rangeInputsWrapper as r}from"./DatePickInput.style.js";import{getLocaleFormat as l,generateTestDataId as i}from"../../../utils/helpers.js";import{FilterBase as s}from"../../Filter/components/FilterBase/FilterBase.js";import n from"../../Icon/Icon.js";import d from"../../TextField/TextField.js";const c=()=>{},m=t.forwardRef((({handleFocus:t,filterConfig:m={},handleClear:p,dataTestId:f,isRangePicker:y,inputProps:u,selectedDay:D,dateFormatOverride:h="MM/DD/YYYY",isOpen:T},I)=>{const j=o((e=>t=>t?a(t).format(l(e)):"")(h),[h]),F=j(D.from),g=j(D.to),v=((e,t)=>({selectDate:"Select Date"+(e?"s":""),to:e?`- ${t}`:""}))(y,g),{buttonType:b="primary",styleType:$="filled",filterType:O}=m;return e("div",Object.assign({css:r()},{children:O?e(s,{isDatePicker:!0,dataTestId:i("filter",f),isDisabled:!1,buttonType:b,styleType:$,handleOpen:t,filterType:O,onClear:p,selectedItemLabel:D.from&&`${v.selectDate} : ${F} ${v.to}`,isOpen:T,hasSelectedValue:Boolean(D.from&&`${F} - ${g}`),label:D.from?"":v.selectDate,iconName:D.from?"calendarFilled":"calendarEmpty"},void 0):e(d,y?Object.assign({ref:I},u,{onFocus:t,onKeyDown:p,dataTestId:f,onChange:c,placeholder:"Date (start) - Date (end)",value:D.from?`${F} - ${g}`:"",rightIcon:e(n,{name:"calendarEmpty",color:"#676767"},void 0)}):Object.assign({ref:I},u,{onFocus:t,onKeyDown:p,dataTestId:f,onChange:c,placeholder:"Select date",value:D.to?F:"",rightIcon:e(n,{name:"calendarEmpty",color:"#676767"},void 0)}),void 0)}),void 0)}));m.displayName="DatePickInput";export{m as default};

package/dist/components/DatePicker/DatePicker.js

@@ -1 +1 @@
-import{jsx as t}from"@emotion/react/jsx-runtime";import{useState as e,useCallback as o,useEffect as i}from"react";import s from"../utils/ClickAwayListener/ClickAwayListener.js";import a from"../utils/PositionInScreen/PositionInScreen.js";import{datePickerStyles as r}from"./DatePicker.style.js";import d from"./DatePickInput/DatePickInput.js";import n from"./OverlayComponent/OverlayComponent.js";import{currentDay as l,initDates as m,datepickerPropValue as c}from"./utils.js";const f=[{value:"last-7-days",label:"Last 7 days",dates:[l.subtract(7,"day"),l]},{value:"last-30-days",label:"Last 30 days",dates:[l.subtract(30,"day"),l]},{value:"custom",label:"Custom",dates:[l]}],v=({isRangePicker:l=!1,onChange:v,disableDates:u,value:p={from:null==c?void 0:c.toDate(),to:null==c?void 0:c.toDate()},inputProps:y,dateFormatOverride:O,isClearable:b=!1,filterConfig:j,isDefaultNow:g=!0,dataTestId:C})=>{const[k,D]=e(!1),[P,A]=e(""),[h,I]=e(m(p,g)),[T,w]=e(m(p,g)),L=o((t=>{const e=f.find((e=>e.value===t));e&&I(Array.isArray(e.dates)?{from:e.dates[0],to:e.dates[1]}:{from:e.dates,to:e.dates}),A(t)}),[]),S=o((t=>{var e,o;const i={from:t.to&&(null===(e=t.from)||void 0===e?void 0:e.isAfter(t.to))?t.to:t.from,to:t.to&&(null===(o=t.from)||void 0===o?void 0:o.isAfter(t.to))?t.from:t.to};i.to&&D(!1),w(i),v&&v(i)}),[v]);i((()=>{l&&S(h)}),[S,l,h]);const x=o((t=>{const e=t.startOf("day"),o=t.endOf("day");return I(l?t=>t.from&&t.to?{from:e,to:void 0}:t.from?Object.assign(Object.assign({},t),{to:o}):Object.assign(Object.assign({},t),{from:e}):i=>i.from&&i.to&&t.isBetween(i.from,i.to)?{from:void 0,to:void 0}:{from:e,to:o})}),[l]),F=o((()=>{D(!1)}),[]),R=o((()=>{D(!0)}),[]),B=o((t=>!(!b&&"added"!==(null==j?void 0:j.filterType))&&((null==j?void 0:j.filterType)?(D(!1),w({to:void 0,from:void 0})):27===t.keyCode?D(!1):8===t.keyCode?w((t=>t.from&&t.to?Object.assign(Object.assign({},t),{to:void 0}):{to:void 0,from:void 0})):void 0)),[b,null==j?void 0:j.filterType]),N=o((()=>{S(h)}),[S,h]);return t(s,Object.assign({onClick:F},{children:t(a,Object.assign({isVisible:k,parent:()=>t(d,{filterConfig:j,isRangePicker:l,selectedDay:T,inputProps:y,dateFormatOverride:O,handleFocus:R,handleClear:B,isOpen:k,dataTestId:C},void 0)},{children:t("div",Object.assign({css:r()},{children:t(n,{selectedOption:P,setSelectedOption:L,extraOptions:f,isRangePicker:l,onDaySelect:x,selectedDays:h,disabledDates:u,onCancel:F,onApply:N},void 0)}),void 0)}),void 0)}),void 0)};export{v as default,f as extraOptions};
+import{jsx as t}from"@emotion/react/jsx-runtime";import{useMemo as e,useState as o,useEffect as i,useCallback as s}from"react";import{datePickerStyles as a}from"./DatePicker.style.js";import r from"./DatePickInput/DatePickInput.js";import d from"./OverlayComponent/OverlayComponent.js";import{currentDay as n,initDates as l}from"./utils.js";import c from"../utils/ClickAwayListener/ClickAwayListener.js";import m from"../utils/PositionInScreen/PositionInScreen.js";const f=[{value:"last-7-days",label:"Last 7 days",dates:[n.subtract(7,"day"),n]},{value:"last-30-days",label:"Last 30 days",dates:[n.subtract(30,"day"),n]},{value:"custom",label:"Custom",dates:[n]}],v=({isRangePicker:n=!1,onChange:v,disableDates:p,value:u,inputProps:y,dateFormatOverride:O,isClearable:b=!1,filterConfig:j,isDefaultNow:g=!0,dataTestId:C})=>{const k=e((()=>l(u||{},g)),[u]),[P,D]=o(!1),[A,h]=o(""),[I,T]=o((()=>k)),[w,L]=o((()=>k));i((()=>{T(k),L(k)}),[k,g]);const S=s((t=>{const e=f.find((e=>e.value===t));e&&T(Array.isArray(e.dates)?{from:e.dates[0],to:e.dates[1]}:{from:e.dates,to:e.dates}),h(t)}),[]),x=s((t=>{var e,o;const i={from:t.to&&(null===(e=t.from)||void 0===e?void 0:e.isAfter(t.to))?t.to:t.from,to:t.to&&(null===(o=t.from)||void 0===o?void 0:o.isAfter(t.to))?t.from:t.to};i.to&&D(!1),L(i),v&&v(i)}),[v]);i((()=>{n&&x(I)}),[x,n,I]);const F=s((t=>{const e=t.startOf("day"),o=t.endOf("day");return T(n?t=>t.from&&t.to?{from:e,to:void 0}:t.from?Object.assign(Object.assign({},t),{to:o}):Object.assign(Object.assign({},t),{from:e}):i=>i.from&&i.to&&t.isBetween(i.from,i.to)?{from:void 0,to:void 0}:{from:e,to:o})}),[n]),R=s((()=>{D(!1)}),[]),B=s((()=>{D(!0)}),[]),N=s((t=>!(!b&&"added"!==(null==j?void 0:j.filterType))&&((null==j?void 0:j.filterType)?(D(!1),L({to:void 0,from:void 0})):27===t.keyCode?D(!1):8===t.keyCode?L((t=>t.from&&t.to?Object.assign(Object.assign({},t),{to:void 0}):{to:void 0,from:void 0})):void 0)),[b,null==j?void 0:j.filterType]),V=s((()=>{x(I)}),[x,I]);return t(c,Object.assign({onClick:R},{children:t(m,Object.assign({isVisible:P,parent:t(r,{filterConfig:j,isRangePicker:n,selectedDay:w,inputProps:y,dateFormatOverride:O,handleFocus:B,handleClear:N,isOpen:P,dataTestId:C},void 0)},{children:t("div",Object.assign({css:a()},{children:t(d,{selectedOption:A,setSelectedOption:S,extraOptions:f,isRangePicker:n,onDaySelect:F,selectedDays:I,disabledDates:p,onCancel:R,onApply:V},void 0)}),void 0)}),void 0)}),void 0)};export{v as default,f as extraOptions};

package/dist/components/DatePicker/Day/Day.js

@@ -1 +1 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useTypeColorToColorMatch as s}from"../../../hooks/useTypeColorToColorMatch.js";import i from"react";import{currentDay as t}from"../utils.js";import{emptyDayStyle as o,dayWrapperStyle as a,dayStyle as r}from"./Day.style.js";var l=i.memo((({day:l,month:d,year:c,onSelect:n,isSelected:m=!1,isBetween:u=!1,isLast:y=!1,isFirst:p=!1,isDisabled:h=!1})=>{const{calculateColorBetweenColorAndType:v}=s(),C=v("","primary"),b=i.useMemo((()=>l&&t.month(d).date(l).year(c)),[c,l,d]),f=i.useMemo((()=>t.month()===d&&t.year()===c&&t.date()===l),[c,d,l]),j=i.useCallback((e=>{e.preventDefault(),n&&b&&n(b)}),[n,b]);return e("td",l?Object.assign({style:{padding:0},onClick:h?void 0:j},{children:e("div",Object.assign({css:a({isSelected:m,isBetween:u,calculatedColor:C,isLast:y,isFirst:p,isToday:f,isDisabled:h})},{children:e("div",Object.assign({css:r({isSelected:m,isBetween:u,calculatedColor:C,isLast:y,isFirst:p,isToday:f,isDisabled:h})},{children:l}),void 0)}),void 0)}):{css:o({isBetween:u})},void 0)}));export{l as default};
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useTypeColorToColorMatch as s}from"../../../hooks/useTypeColorToColorMatch.js";import i from"react";import{emptyDayStyle as t,dayWrapperStyle as o,dayStyle as a}from"./Day.style.js";import{currentDay as r}from"../utils.js";var l=i.memo((({day:l,month:d,year:c,onSelect:n,isSelected:m=!1,isBetween:u=!1,isLast:y=!1,isFirst:p=!1,isDisabled:h=!1})=>{const{calculateColorBetweenColorAndType:v}=s(),C=v("","primary"),b=i.useMemo((()=>l&&r.month(d).date(l).year(c)),[c,l,d]),f=i.useMemo((()=>r.month()===d&&r.year()===c&&r.date()===l),[c,d,l]),j=i.useCallback((e=>{e.preventDefault(),n&&b&&n(b)}),[n,b]);return e("td",l?Object.assign({style:{padding:0},onClick:h?void 0:j},{children:e("div",Object.assign({css:o({isSelected:m,isBetween:u,calculatedColor:C,isLast:y,isFirst:p,isToday:f,isDisabled:h})},{children:e("div",Object.assign({css:a({isSelected:m,isBetween:u,calculatedColor:C,isLast:y,isFirst:p,isToday:f,isDisabled:h})},{children:l}),void 0)}),void 0)}):{css:t({isBetween:u})},void 0)}));export{l as default};

package/dist/components/DatePicker/Month/Month.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import o from"dayjs/plugin/isBetween";import r from"lodash/chunk.js";import a from"lodash/inRange.js";import*as s from"react";import{useCallback as n}from"react";import i from"../../../utils/date.js";import d from"../Day/Day.js";import{currentDay as m}from"../utils.js";import{weekDaysWrapperStyle as l,weekDayStyle as c,datesWrapperStyle as y}from"./Month.style.js";import{calculateSelectedDay as u,calculateDisabledDays as f,calculatedDayIsBetween as h,calculateSelectedDayPosition as p}from"./Month.utils.js";i.extend(o);const j=["Monday","Tuesday","Wednesday","Thurdsday","Friday","Saturday","Sunday"];var D=s.memo((({year:o,month:i,onDaySelect:D,selectedDays:b,disabledDates:g})=>{const v=s.useMemo((()=>{const e=m.month(i).year(o).date(1),t=e.daysInMonth(),s=e.day(),n=function(e,t){const o=new Date(e,t-1,1).getDay(),r=new Date(e,t,0).getDate();return Math.ceil((r+o)/7)}(o,i),d=Array(7*n).fill(null).reduce(((e,o,r)=>{const n=r+1;return[...e,a(n,s,t+s)?n-s+1:void 0]}),[]);return r(d,7)}),[o,i]),B=n(u,[]),$=n(f,[]),M=n(h,[]),w=n(p,[]);return e(s.Fragment,{children:[t("div",Object.assign({css:l()},{children:j.map((e=>t("div",Object.assign({css:c()},{children:e.substr(0,2)}),e)))}),void 0),t("table",Object.assign({css:y()},{children:t("tbody",{children:v.map(((e,r)=>t("tr",{children:e.map(((e,a)=>t(d,{year:o,month:i,day:e,onSelect:D,isDisabled:Boolean($(e,i,o,g)),isSelected:Boolean(B(e,i,o,b.from,b.to)),isBetween:Boolean(M(e,i,o,b.from,b.to)),isLast:Boolean(w(e,"last",i,o,b.from,b.to)),isFirst:Boolean(w(e,"first",i,o,b.from,b.to))},`${o}-${i}-${r}-${a}-day`)))},`${o}-${i}-${r}-week`)))},void 0)}),void 0)]},void 0)}));export{D as default};
+import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import o from"dayjs/plugin/isBetween";import r from"lodash/chunk.js";import a from"lodash/inRange.js";import*as s from"react";import{useCallback as n}from"react";import i from"../../../utils/date.js";import{weekDaysWrapperStyle as d,weekDayStyle as m,datesWrapperStyle as l}from"./Month.style.js";import{calculateSelectedDay as c,calculateDisabledDays as y,calculatedDayIsBetween as u,calculateSelectedDayPosition as f}from"./Month.utils.js";import h from"../Day/Day.js";import{currentDay as p}from"../utils.js";i.extend(o);const j=["Monday","Tuesday","Wednesday","Thurdsday","Friday","Saturday","Sunday"];var D=s.memo((({year:o,month:i,onDaySelect:D,selectedDays:b,disabledDates:g})=>{const v=s.useMemo((()=>{const e=p.month(i).year(o).date(1),t=e.daysInMonth(),s=e.day(),n=function(e,t){const o=new Date(e,t-1,1).getDay(),r=new Date(e,t,0).getDate();return Math.ceil((r+o)/7)}(o,i),d=Array(7*n).fill(null).reduce(((e,o,r)=>{const n=r+1;return[...e,a(n,s,t+s)?n-s+1:void 0]}),[]);return r(d,7)}),[o,i]),B=n(c,[]),$=n(y,[]),M=n(u,[]),w=n(f,[]);return e(s.Fragment,{children:[t("div",Object.assign({css:d()},{children:j.map((e=>t("div",Object.assign({css:m()},{children:e.substr(0,2)}),e)))}),void 0),t("table",Object.assign({css:l()},{children:t("tbody",{children:v.map(((e,r)=>t("tr",{children:e.map(((e,a)=>t(h,{year:o,month:i,day:e,onSelect:D,isDisabled:Boolean($(e,i,o,g)),isSelected:Boolean(B(e,i,o,b.from,b.to)),isBetween:Boolean(M(e,i,o,b.from,b.to)),isLast:Boolean(w(e,"last",i,o,b.from,b.to)),isFirst:Boolean(w(e,"first",i,o,b.from,b.to))},`${o}-${i}-${r}-${a}-day`)))},`${o}-${i}-${r}-week`)))},void 0)}),void 0)]},void 0)}));export{D as default};

package/dist/components/DatePicker/Month/Month.style.js

@@ -8,9 +8,9 @@ import{css as o}from"@emotion/react";import{rem as t}from"../../../theme/utils.j
       color: ${e.utils.getColor("lightGrey",650)};
       padding: ${e.globals.spacing.get("6")} 0;
       width: ${t(39)};
-      font-size: ${e.globals.typography.fontSizes.get("3")};
+      font-size: ${e.globals.typography.fontSize.get("3")};
       text-align: center;
-      font-weight: ${e.globals.typography.weights.get("medium")};
+      font-weight: ${e.globals.typography.fontWeight.get("medium")};
     `,l=()=>t=>o`
       border-collapse: separate;
       border-spacing: 0 ${t.globals.spacing.get("4")};

package/dist/components/DatePicker/OverlayComponent/OverlayComponent.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import*as s from"react";import{useState as o,useCallback as i}from"react";import n from"../../Button/Button.js";import{currentDay as r}from"../utils.js";import a from"./components/MonthWrapper/MonthWrapper.js";import{overlayWrapperStyle as c,optionsWrapperStyle as d,optionStyle as l,buttonsMonthsWrapperStyle as m,monthsWrapperStyle as h,buttonsWrapperStyle as p}from"./OverlayComponent.style.js";var v=s.memo((({selectedOption:s,setSelectedOption:v=(()=>{}),isRangePicker:b=!1,extraOptions:g=[],onDaySelect:j,selectedDays:f,disabledDates:D,onCancel:O=(()=>{}),onApply:y=(()=>{})})=>{const[k,u]=o(r),[w,A]=o(r),C=i(((e="back")=>{u((t=>t.month(t.month()+("forward"===e?1:-1)))),A((t=>t.month(t.month()+("forward"===e?1:-1))))}),[k,w]);return e("div",Object.assign({css:c()},{children:[g.length>0&&b&&t("div",Object.assign({css:d()},{children:g.map((e=>t("div",Object.assign({css:l({isSelected:s===e.value}),onClick:()=>v(e.value)},{children:e.label}),e.value)))}),void 0),e("div",Object.assign({css:m({isRangePicker:b})},{children:[e("div",Object.assign({css:h({isRangePicker:b})},{children:[t(a,{date:k,onDaySelect:j,selectedDays:f,setDate:u,handleArrow:C,showedArrows:b?"left":"both",disabledDates:D,isRangePicker:b},void 0),b&&t(a,{date:w.month(w.month()+1),onDaySelect:j,selectedDays:f,setDate:A,handleArrow:C,showedArrows:b?"right":"both",disabledDates:D,isRangePicker:b},void 0)]}),void 0),!b&&e("div",Object.assign({css:p()},{children:[t(n,Object.assign({onClick:O},{children:"Cancel"}),void 0),t(n,Object.assign({onClick:y,isDisabled:Boolean(!f.from||!f.to)},{children:"Apply"}),void 0)]}),void 0)]}),void 0)]}),void 0)}));export{v as default};
+import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import*as s from"react";import{useState as o,useCallback as i}from"react";import n from"./components/MonthWrapper/MonthWrapper.js";import{overlayWrapperStyle as r,optionsWrapperStyle as a,optionStyle as c,buttonsMonthsWrapperStyle as d,monthsWrapperStyle as l,buttonsWrapperStyle as m}from"./OverlayComponent.style.js";import h from"../../Button/Button.js";import{currentDay as p}from"../utils.js";var v=s.memo((({selectedOption:s,setSelectedOption:v=(()=>{}),isRangePicker:b=!1,extraOptions:g=[],onDaySelect:j,selectedDays:f,disabledDates:D,onCancel:O=(()=>{}),onApply:y=(()=>{})})=>{const[k,u]=o(p),[w,A]=o(p),C=i(((e="back")=>{u((t=>t.month(t.month()+("forward"===e?1:-1)))),A((t=>t.month(t.month()+("forward"===e?1:-1))))}),[k,w]);return e("div",Object.assign({css:r()},{children:[g.length>0&&b&&t("div",Object.assign({css:a()},{children:g.map((e=>t("div",Object.assign({css:c({isSelected:s===e.value}),onClick:()=>v(e.value)},{children:e.label}),e.value)))}),void 0),e("div",Object.assign({css:d({isRangePicker:b})},{children:[e("div",Object.assign({css:l({isRangePicker:b})},{children:[t(n,{date:k,onDaySelect:j,selectedDays:f,setDate:u,handleArrow:C,showedArrows:b?"left":"both",disabledDates:D,isRangePicker:b},void 0),b&&t(n,{date:w.month(w.month()+1),onDaySelect:j,selectedDays:f,setDate:A,handleArrow:C,showedArrows:b?"right":"both",disabledDates:D,isRangePicker:b},void 0)]}),void 0),!b&&e("div",Object.assign({css:m()},{children:[t(h,Object.assign({onClick:O},{children:"Cancel"}),void 0),t(h,Object.assign({onClick:y,isDisabled:Boolean(!f.from||!f.to)},{children:"Apply"}),void 0)]}),void 0)]}),void 0)]}),void 0)}));export{v as default};

package/dist/components/DatePicker/OverlayComponent/OverlayComponent.style.js

@@ -8,11 +8,11 @@ import{css as t}from"@emotion/react";import{flex as o}from"../../../theme/functi
     `,n=({isSelected:o})=>e=>t`
       white-space: nowrap;
       padding: ${e.globals.spacing.get("6")};
-      font-weight: ${o?e.globals.typography.weights.get("medium"):e.globals.typography.weights.get("regular")};
+      font-weight: ${o?e.globals.typography.fontWeight.get("medium"):e.globals.typography.fontWeight.get("regular")};
       cursor: pointer;
       background-color: ${o?e.utils.getColor("blue",50):"transparent"};
       position: relative;
-      font-size: ${e.globals.typography.fontSizes[13]};
+      font-size: ${e.globals.typography.fontSize[13]};
 
       &:hover {
         background-color: ${e.utils.getColor("lightGrey",50)};

package/dist/components/DatePicker/OverlayComponent/components/MonthWrapper/MonthWrapper.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"@emotion/react/jsx-runtime";import t from"../../../../../hooks/useTheme.js";import i from"lodash/range.js";import r,{useState as n,useMemo as s}from"react";import a from"../../../Month/Month.js";import{monthWrapperStyle as c,monthHeaderWrapperStyle as l,monthHeaderNavigationIconWrapperStyle as d,monthHeaderTitleWrapperStyle as m,monthHeaderTitleStyle as h}from"./MonthWrapper.style.js";import v from"../../../../Button/Button.js";import g from"../../../../Icon/Icon.js";import f from"../../../../Select/components/SelectMenu/SelectMenu.js";import p from"../../../../utils/ClickAwayListener/ClickAwayListener.js";var u=r.memo((({setDate:u,onDaySelect:j=(()=>{}),selectedDays:M,date:b,handleArrow:k=(()=>{}),showedArrows:Y="both",disabledDates:y,isRangePicker:O=!1})=>{const[D,w]=n(!1),C=t(),S=s((()=>function(e){const o=(new Date).getFullYear()+10,t=(new Date).getFullYear()-10;return i(t,o).map((o=>({value:o.toString(),label:`${e.format("MMMM")} ${o.toString()}`})))}(b)),[b]);return e(r.Fragment,{children:o("div",Object.assign({css:c()},{children:[o("div",Object.assign({css:l()},{children:[("left"===Y||"both"===Y)&&e("div",Object.assign({onClick:()=>k("back"),css:d({position:"left"})},{children:e(g,{name:"chevronSmallLeft",color:C.utils.getColor("darkGrey",850),size:25},void 0)}),void 0),o(p,Object.assign({onClick:()=>{w(!1)}},{children:[o("div",Object.assign({css:m({isRangePicker:O})},{children:[e("div",Object.assign({css:h({isRangePicker:O})},{children:O?o("div",{children:[b.format("MMMM")," ",b.format("YYYY")]},void 0):o(v,Object.assign({onClick:()=>w(!D),iconRightName:"triangleDown"},{children:[b.format("MMMM")," ",b.format("YYYY")]}),void 0)}),void 0),D&&e(f,{filteredOptions:S,handleOptionClick:e=>{u(b.year(Number(e.value))),w(!1)},selectedOption:b.format("YYYY")},void 0)]}),void 0),("right"===Y||"both"===Y)&&e("div",Object.assign({onClick:()=>k("forward"),css:d({position:"right"})},{children:e(g,{name:"chevronSmallRight",color:C.utils.getColor("darkGrey",850),size:25},void 0)}),void 0)]}),void 0)]}),void 0),e(a,{year:b.year(),month:b.month(),onDaySelect:j,selectedDays:M,disabledDates:y},void 0)]}),void 0)},void 0)}));export{u as default};
+import{jsx as e,jsxs as o}from"@emotion/react/jsx-runtime";import t from"../../../../../hooks/useTheme.js";import i from"lodash/range.js";import r,{useState as n,useMemo as s}from"react";import{monthWrapperStyle as a,monthHeaderWrapperStyle as c,monthHeaderNavigationIconWrapperStyle as l,monthHeaderTitleWrapperStyle as d,monthHeaderTitleStyle as m}from"./MonthWrapper.style.js";import h from"../../../Month/Month.js";import v from"../../../../Button/Button.js";import g from"../../../../Icon/Icon.js";import f from"../../../../Select/components/SelectMenu/SelectMenu.js";import p from"../../../../utils/ClickAwayListener/ClickAwayListener.js";var u=r.memo((({setDate:u,onDaySelect:j=(()=>{}),selectedDays:M,date:b,handleArrow:k=(()=>{}),showedArrows:Y="both",disabledDates:y,isRangePicker:O=!1})=>{const[D,w]=n(!1),C=t(),S=s((()=>function(e){const o=(new Date).getFullYear()+10,t=(new Date).getFullYear()-10;return i(t,o).map((o=>({value:o.toString(),label:`${e.format("MMMM")} ${o.toString()}`})))}(b)),[b]);return e(r.Fragment,{children:o("div",Object.assign({css:a()},{children:[o("div",Object.assign({css:c()},{children:[("left"===Y||"both"===Y)&&e("div",Object.assign({onClick:()=>k("back"),css:l({position:"left"})},{children:e(g,{name:"chevronSmallLeft",color:C.utils.getColor("darkGrey",850),size:25},void 0)}),void 0),o(p,Object.assign({onClick:()=>{w(!1)}},{children:[o("div",Object.assign({css:d({isRangePicker:O})},{children:[e("div",Object.assign({css:m({isRangePicker:O})},{children:O?o("div",{children:[b.format("MMMM")," ",b.format("YYYY")]},void 0):o(v,Object.assign({onClick:()=>w(!D),iconRightName:"triangleDown"},{children:[b.format("MMMM")," ",b.format("YYYY")]}),void 0)}),void 0),D&&e(f,{filteredOptions:S,handleOptionClick:e=>{u(b.year(Number(e.value))),w(!1)},selectedOption:b.format("YYYY")},void 0)]}),void 0),("right"===Y||"both"===Y)&&e("div",Object.assign({onClick:()=>k("forward"),css:l({position:"right"})},{children:e(g,{name:"chevronSmallRight",color:C.utils.getColor("darkGrey",850),size:25},void 0)}),void 0)]}),void 0)]}),void 0),e(h,{year:b.year(),month:b.month(),onDaySelect:j,selectedDays:M,disabledDates:y},void 0)]}),void 0)},void 0)}));export{u as default};

package/dist/components/DatePicker/OverlayComponent/components/MonthWrapper/MonthWrapper.style.js

@@ -31,6 +31,6 @@ import{css as t}from"@emotion/react";import{rem as e}from"../../../../../theme/u
       display: flex;
       justify-content: center;
       cursor: ${!e&&"pointer"};
-      font-weight: ${i.globals.typography.weights.get("medium")};
+      font-weight: ${i.globals.typography.fontWeight.get("medium")};
       color: ${i.utils.getColor("darkGrey",850)};
     `;export{o as monthHeaderNavigationIconWrapperStyle,r as monthHeaderTitleStyle,l as monthHeaderTitleWrapperStyle,n as monthHeaderWrapperStyle,i as monthWrapperStyle};

package/dist/components/DatePicker/utils.js

@@ -1 +1 @@
-import o from"../../utils/date.js";const t=o("11-03-2020 12:00:00"),e="test"!==process.env.NODE_ENV?void 0:o("11-03-2020 12:00:00"),s=(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{t as currentDay,e as datepickerPropValue,s 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 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};

package/dist/components/Drawer/Navigation/Navigation.style.js

@@ -21,7 +21,7 @@ import{css as o}from"@emotion/react";import{transition as t,flexCenter as e,flex
       ${$(t)};
       width: 100%;
       font-size: ${l(16)};
-      font-weight: ${t.globals.typography.weights.get("regular")};
+      font-weight: ${t.globals.typography.fontWeight.get("regular")};
       padding: 0 ${t.globals.spacing.get("6")};
       background: transparent;
       border: 0 solid transparent;
@@ -41,12 +41,12 @@ import{css as o}from"@emotion/react";import{transition as t,flexCenter as e,flex
       text-decoration: none;
     `,d=e=>r=>o`
       ${t(.2)};
-      font-weight: ${e?r.globals.typography.weights.get("bold"):"initial"};
+      font-weight: ${e?r.globals.typography.fontWeight.get("bold"):"initial"};
     `,p=()=>e=>o`
   ${$(e)};
   ${t(.2)};
   box-sizing: border-box;
-  font-size: ${e.globals.typography.fontSizes.get("3")};
+  font-size: ${e.globals.typography.fontSize.get("3")};
   color: ${e.utils.getColor("darkGrey",850)};
   margin: ${e.globals.spacing.get("3")} 0 ${e.globals.spacing.get("3")} 0;
   padding-left: ${l(39)};
@@ -58,7 +58,7 @@ import{css as o}from"@emotion/react";import{transition as t,flexCenter as e,flex
     background-color: ${s({theme:e,color:"blue",shade:50}).backgroundColor} !important;
   }
   &.active  {
-    font-weight: ${e.globals.typography.weights.get("bold")};
+    font-weight: ${e.globals.typography.fontWeight.get("bold")};
     background-color: ${s({theme:e,color:"blue"}).backgroundColor} !important;
     color: ${e.utils.getAAColor(s({theme:e,color:"blue"}).backgroundColor)};
 

package/dist/components/ExpandCollapse/ExpandCollapse.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"@emotion/react/jsx-runtime";import*as o from"react";import{errorHandler as n,generateTestDataId as s}from"../../utils/helpers.js";import{contentStyles as i}from"./ExpandCollapse.style.js";import{useManageContentRef as r}from"./useManageContentRef.js";import{errors as a}from"./utils.js";const l=l=>{const{textAndControl:d,component:p="div",transitionDuration:m=200,content:c,children:f,isInitiallyExpanded:u=!1,isExpanded:j,onChange:x,dataTestId:h}=l;n(a,l);const[g,v]=o.useState(u),C=p,b=null!=c?c:f,y=null!=j?j:g,E=r(y,m);return t(C,Object.assign({"data-testid":s("expand-collapse",h)},{children:[d((t=>{"boolean"!=typeof j?v((t=>!t)):x&&x(t)}),y),e("div",Object.assign({css:i(y,m),ref:E},{children:b(y)}),void 0)]}),void 0)};export{l as default};
+import{jsxs as t,jsx as e}from"@emotion/react/jsx-runtime";import*as o from"react";import{contentStyles as n}from"./ExpandCollapse.style.js";import{useManageContentRef as s}from"./useManageContentRef.js";import{errors as i}from"./utils.js";import{errorHandler as r,generateTestDataId as a}from"../../utils/helpers.js";const l=l=>{const{textAndControl:d,component:p="div",transitionDuration:m=200,content:c,children:f,isInitiallyExpanded:u=!1,isExpanded:j,onChange:x,dataTestId:h}=l;r(i,l);const[g,v]=o.useState(u),C=p,b=null!=c?c:f,y=null!=j?j:g,E=s(y,m);return t(C,Object.assign({"data-testid":a("expand-collapse",h)},{children:[d((t=>{"boolean"!=typeof j?v((t=>!t)):x&&x(t)}),y),e("div",Object.assign({css:n(y,m),ref:E},{children:b(y)}),void 0)]}),void 0)};export{l as default};

package/dist/components/Filter/Filter.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import a from"lodash/debounce.js";import i,{useMemo as l}from"react";import{errorHandler as s,generateTestDataId as o}from"../../utils/helpers.js";import r from"../utils/ClickAwayListener/ClickAwayListener.js";import{FilterBase as n}from"./components/FilterBase/FilterBase.js";import c from"./components/Options/Options.js";import d from"./components/SearchInput/SearchInput.js";import{menuStyle as m}from"./Filter.style.js";import{errors as u}from"./utils.js";import{handleSearch as p}from"../utils/handleSearch.js";const f=i.forwardRef(((f,h)=>{var b;const{items:v,onSelect:y,selectedItem:S,defaultValue:j,styleType:C,label:T="",buttonType:g="primary",filterType:I="preset",isDisabled:O=!1,dataTestId:L,isSearchable:V=!1,minCharactersToSearch:w=0,onAsyncSearch:k,isLoading:A=!1,isVirtualized:D=!1,onClear:F=(()=>{})}=f;s(u,f);const[B,x]=i.useState(!1),[z,N]=i.useState(""),R=Boolean(null==S?void 0:S.value)&&(null==S?void 0:S.value)!==j.value,U=B?"triangleUp":"triangleDown",q=l((()=>k?v:v.filter((e=>!z||e.label.toLowerCase().includes(z.toLowerCase())))),[z,v,k]),E=""===z&&!!v.length,G=i.useCallback(a((e=>{null==k||k(e)}),400),[]);return e(r,Object.assign({onClick:()=>x(!1)},{children:e(n,Object.assign({ref:h,dataTestId:L,handleOpen:()=>{N(""),x(!B)},isDisabled:O,onClear:F,selectedItemLabel:null!==(b=null==S?void 0:S.label)&&void 0!==b?b:j.label,isOpen:B,hasSelectedValue:R,label:T,iconName:U,filterType:I,buttonType:g,styleType:C},{children:B&&t("div",Object.assign({css:m(),"data-testid":o("filter-menu",L)},{children:[V&&e(d,{value:z,onChange:e=>{p({event:e,isSearchable:V,isAsync:"function"==typeof k,setSearchValue:N,onChange:G,minCharactersToSearch:w})},dataTestId:L,isLoading:A},void 0),e(c,{dataTestId:L,items:q,isVirtualized:D,defaultValue:j,isSearchable:V,selectedItem:S,onSelect:e=>{x(!1),y(e)},isDefaultOptionVisible:E},void 0)]}),void 0)}),void 0)}),void 0)}));f.displayName="Filter";export{f as default};
+import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import a from"lodash/debounce.js";import i,{useMemo as l}from"react";import{errorHandler as s,generateTestDataId as o}from"../../utils/helpers.js";import{FilterBase as r}from"./components/FilterBase/FilterBase.js";import n from"./components/Options/Options.js";import c from"./components/SearchInput/SearchInput.js";import{menuStyle as d}from"./Filter.style.js";import{errors as m}from"./utils.js";import u from"../utils/ClickAwayListener/ClickAwayListener.js";import{handleSearch as p}from"../utils/handleSearch.js";const f=i.forwardRef(((f,h)=>{var b;const{items:v,onSelect:y,selectedItem:S,defaultValue:j,styleType:C,label:T="",buttonType:g="primary",filterType:I="preset",isDisabled:O=!1,dataTestId:L,isSearchable:V=!1,minCharactersToSearch:w=0,onAsyncSearch:k,isLoading:A=!1,isVirtualized:D=!1,onClear:F=(()=>{})}=f;s(m,f);const[B,x]=i.useState(!1),[z,N]=i.useState(""),R=Boolean(null==S?void 0:S.value)&&(null==S?void 0:S.value)!==j.value,U=B?"triangleUp":"triangleDown",q=l((()=>k?v:v.filter((e=>!z||e.label.toLowerCase().includes(z.toLowerCase())))),[z,v,k]),E=""===z&&!!v.length,G=i.useCallback(a((e=>{null==k||k(e)}),400),[]);return e(u,Object.assign({onClick:()=>x(!1)},{children:e(r,Object.assign({ref:h,dataTestId:L,handleOpen:()=>{N(""),x(!B)},isDisabled:O,onClear:F,selectedItemLabel:null!==(b=null==S?void 0:S.label)&&void 0!==b?b:j.label,isOpen:B,hasSelectedValue:R,label:T,iconName:U,filterType:I,buttonType:g,styleType:C},{children:B&&t("div",Object.assign({css:d(),"data-testid":o("filter-menu",L)},{children:[V&&e(c,{value:z,onChange:e=>{p({event:e,isSearchable:V,isAsync:"function"==typeof k,setSearchValue:N,onChange:G,minCharactersToSearch:w})},dataTestId:L,isLoading:A},void 0),e(n,{dataTestId:L,items:q,isVirtualized:D,defaultValue:j,isSearchable:V,selectedItem:S,onSelect:e=>{x(!1),y(e)},isDefaultOptionVisible:E},void 0)]}),void 0)}),void 0)}),void 0)}));f.displayName="Filter";export{f as default};

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

@@ -1,9 +1,9 @@
-import{css as e}from"@emotion/react";import{rem as t}from"../../theme/utils.js";import{getFocus as o}from"../../theme/states/focus.js";import{getHover as l}from"../../theme/states/hover.js";import{getPressed as i}from"../../theme/states/pressed.js";import{HAS_SELECTED_VALUE_COLOR_SHADE as r,getBorder as a,borderStyleParams as s,getTextColor as d,getBackgroundColor as n,focusBorderWidth as p,transparentFocusBorderWidth as c}from"./utils.js";const h=()=>()=>({position:"relative",display:"inline-block",height:t(36)}),g=()=>()=>({display:"flex",alignItems:"center",gap:t(4),height:"100%"}),b=({isDisabled:e,isOpen:a,hasSelectedValue:s,calculatedColor:d,styleType:n})=>h=>{const g=!e&&!a,b="filled"===n?p:c;return{background:"none",border:"none",display:"flex",padding:"0",alignItems:"center",height:"100%",minWidth:t(110),":hover > div":{backgroundColor:g?s?l({theme:h,color:d.color,shade:r}).backgroundColor:l({theme:h}).backgroundColor:void 0},":active > div":{backgroundColor:g?s?i({theme:h,color:d.color,shade:r}).backgroundColor:i({theme:h}).backgroundColor:void 0},":focus-visible > div":{border:o({theme:h,borderWidth:b}).styleBorder},":focus-visible > span":{borderTop:o({theme:h,borderWidth:b}).styleBorder,borderBottom:o({theme:h,borderWidth:b}).styleBorder}}},u=({calculatedColor:e,isDisabled:t,isOpen:o,styleType:l,hasSelectedValue:i,filterType:r})=>p=>({fontSize:p.globals.typography.fontSizes[13],cursor:t?"not-allowed":"pointer",height:"100%",opacity:t?.5:1,transition:"all 150ms linear",color:d({theme:p,isOpen:o,calculatedColor:e,hasSelectedValue:i}),backgroundColor:n({theme:p,isOpen:o,styleType:l,hasSelectedValue:i,calculatedColor:e}),border:`${s} ${a({styleType:l,theme:p,hasSelectedValue:i,filterType:r,calculatedColor:e,isOpen:o})}`,display:"flex",justifyContent:"center",width:"100%","&:hover":{border:`${s} ${a({styleType:l,theme:p,hasSelectedValue:i,filterType:r,calculatedColor:e,isOpen:o,state:"hover"})}`}}),m=e=>o=>{const{isOpen:l,calculatedColor:i,styleType:r,hasSelectedValue:d,filterType:n}=e;return{height:"100%",width:t(1),position:"relative",minWidth:t(1),transition:"all 150ms linear",backgroundColor:a({styleType:r,theme:o,hasSelectedValue:d,filterType:n,calculatedColor:i,isOpen:l,isDivider:!0}),borderTop:`${s} ${a({styleType:r,theme:o,hasSelectedValue:d,filterType:n,calculatedColor:i,isOpen:l})}`,borderBottom:`${s} ${a({styleType:r,theme:o,hasSelectedValue:d,filterType:n,calculatedColor:i,isOpen:l})}`}},y=e=>o=>Object.assign(Object.assign({},u(e)(o)),{borderLeft:"0 !important",paddingLeft:t(4),paddingRight:t(4),display:"flex",alignItems:"center",justifyContent:"center",width:t(34),borderTopRightRadius:o.globals.spacing.get("8"),borderBottomRightRadius:o.globals.spacing.get("8")}),f=e=>t=>{const{filterType:o}=e,l="preset"===o;return Object.assign(Object.assign({},u(e)(t)),{padding:`0 ${l?t.globals.spacing.get("6"):t.globals.spacing.get("3")} 0 ${t.globals.spacing.get("6")}`,borderRadius:t.globals.spacing.get("8"),borderRight:l?void 0:"0 !important",borderTopRightRadius:l?void 0:0,borderBottomRightRadius:l?void 0:0})},v=()=>()=>({lineHeight:t(15),marginLeft:0}),T=(e,t)=>o=>({fontWeight:e||t?o.globals.typography.weights.get("bold"):o.globals.typography.weights.get("regular"),display:"flex",alignItems:"center",div:{flex:"none"},span:{fontWeight:o.globals.typography.weights.get("bold")}}),C=()=>e`
+import{css as e}from"@emotion/react";import{rem as t}from"../../theme/utils.js";import{HAS_SELECTED_VALUE_COLOR_SHADE as o,getBorder as l,borderStyleParams as i,getTextColor as r,getBackgroundColor as a,focusBorderWidth as s,transparentFocusBorderWidth as d}from"./utils.js";import{getFocus as n}from"../../theme/states/focus.js";import{getHover as p}from"../../theme/states/hover.js";import{getPressed as c}from"../../theme/states/pressed.js";const h=()=>()=>({position:"relative",display:"inline-block",height:t(36)}),g=()=>()=>({display:"flex",alignItems:"center",gap:t(4),height:"100%"}),b=({isDisabled:e,isOpen:l,hasSelectedValue:i,calculatedColor:r,styleType:a})=>h=>{const g=!e&&!l,b="filled"===a?s:d;return{background:"none",border:"none",display:"flex",padding:"0",alignItems:"center",height:"100%",minWidth:t(110),":hover > div":{backgroundColor:g?i?p({theme:h,color:r.color,shade:o}).backgroundColor:p({theme:h}).backgroundColor:void 0},":active > div":{backgroundColor:g?i?c({theme:h,color:r.color,shade:o}).backgroundColor:c({theme:h}).backgroundColor:void 0},":focus-visible > div":{border:n({theme:h,borderWidth:b}).styleBorder},":focus-visible > span":{borderTop:n({theme:h,borderWidth:b}).styleBorder,borderBottom:n({theme:h,borderWidth:b}).styleBorder}}},u=({calculatedColor:e,isDisabled:t,isOpen:o,styleType:s,hasSelectedValue:d,filterType:n})=>p=>({fontSize:p.globals.typography.fontSize[13],cursor:t?"not-allowed":"pointer",height:"100%",opacity:t?.5:1,transition:"all 150ms linear",color:r({theme:p,isOpen:o,calculatedColor:e,hasSelectedValue:d}),backgroundColor:a({theme:p,isOpen:o,styleType:s,hasSelectedValue:d,calculatedColor:e}),border:`${i} ${l({styleType:s,theme:p,hasSelectedValue:d,filterType:n,calculatedColor:e,isOpen:o})}`,display:"flex",justifyContent:"center",width:"100%","&:hover":{border:`${i} ${l({styleType:s,theme:p,hasSelectedValue:d,filterType:n,calculatedColor:e,isOpen:o,state:"hover"})}`}}),m=e=>o=>{const{isOpen:r,calculatedColor:a,styleType:s,hasSelectedValue:d,filterType:n}=e;return{height:"100%",width:t(1),position:"relative",minWidth:t(1),transition:"all 150ms linear",backgroundColor:l({styleType:s,theme:o,hasSelectedValue:d,filterType:n,calculatedColor:a,isOpen:r,isDivider:!0}),borderTop:`${i} ${l({styleType:s,theme:o,hasSelectedValue:d,filterType:n,calculatedColor:a,isOpen:r})}`,borderBottom:`${i} ${l({styleType:s,theme:o,hasSelectedValue:d,filterType:n,calculatedColor:a,isOpen:r})}`}},y=e=>o=>Object.assign(Object.assign({},u(e)(o)),{borderLeft:"0 !important",paddingLeft:t(4),paddingRight:t(4),display:"flex",alignItems:"center",justifyContent:"center",width:t(34),borderTopRightRadius:o.globals.spacing.get("8"),borderBottomRightRadius:o.globals.spacing.get("8")}),f=e=>t=>{const{filterType:o}=e,l="preset"===o;return Object.assign(Object.assign({},u(e)(t)),{padding:`0 ${l?t.globals.spacing.get("6"):t.globals.spacing.get("3")} 0 ${t.globals.spacing.get("6")}`,borderRadius:t.globals.spacing.get("8"),borderRight:l?void 0:"0 !important",borderTopRightRadius:l?void 0:0,borderBottomRightRadius:l?void 0:0})},v=()=>()=>({lineHeight:t(15),marginLeft:0}),T=(e,t)=>o=>({fontWeight:e||t?o.globals.typography.fontWeight.get("bold"):o.globals.typography.fontWeight.get("regular"),display:"flex",alignItems:"center",div:{flex:"none"},span:{fontWeight:o.globals.typography.fontWeight.get("bold")}}),C=()=>e`
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   display: inline-block;
-`,w=()=>o=>e`
+`,$=()=>o=>e`
     position: absolute;
     top: ${t(48)};
     min-width: ${t(280)};
@@ -16,4 +16,4 @@ import{css as e}from"@emotion/react";import{rem as t}from"../../theme/utils.js";
     overflow: hidden;
     min-width: 100%;
     max-width: ${t(620)};
-  `;export{u as buttonBaseStyle,g as buttonSpanStyle,f as buttonStyle,b as buttonWrapperStyle,v as childrenWrapperStyle,y as dividedButtonStyle,m as divider,T as labelSpanStyle,w as menuStyle,C as valueSpanStyle,h as wrapperStyle};
+  `;export{u as buttonBaseStyle,g as buttonSpanStyle,f as buttonStyle,b as buttonWrapperStyle,v as childrenWrapperStyle,y as dividedButtonStyle,m as divider,T as labelSpanStyle,$ as menuStyle,C as valueSpanStyle,h as wrapperStyle};