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

package/dist/components/Avatar/Avatar.js

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

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

@@ -1,16 +1,16 @@
-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=>o`
+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: ${r.size[t]};
-      height: ${r.size[t]};
+      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")};
       box-sizing: border-box;
-      background-color: ${r.color.getBackgroundColor(i)};
-      color: ${r.color.getForegroundColor(i)};
+      background-color: ${n.color.getBackgroundColor(i)};
+      color: ${n.color.getForegroundColor(i)};
       overflow: hidden;
       position: relative;
-      font-size: ${r.fontSize[t]};
+      font-size: ${n.fontSize[t]};
       font-weight: ${s.globals.typography.weights.get("medium")};
       align-items: center;
       flex-shrink: 0;
@@ -22,4 +22,4 @@ import{css as o}from"@emotion/react";import{flex as e}from"../../theme/functions
         width: 100%;
         height: 100%;
       }
-    `;export{t as avatarStyle};
+    `};export{t as avatarStyle};

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

@@ -1 +1 @@
-import t from"../../theme/globals/index.js";import e from"../../theme/tokens/semantic/index.js";import{rem as g}from"../../theme/utils.js";const i=t=>.8*parseFloat(t),s=t=>g(.8*parseFloat(t)),n={size:{1:t.sizing.get("5"),2:t.sizing.get("6"),3:t.sizing.get("9"),4:t.sizing.get("12"),5:t.sizing.get("15"),6:t.sizing.get("18")},iconSize:{1:t.sizing.get("5",i),2:t.sizing.get("6",i),3:t.sizing.get("9",i),4:t.sizing.get("12",i),5:t.sizing.get("15",i),6:t.sizing.get("18",i)},avatarStackSize:{1:t.sizing.get("5",s),2:t.sizing.get("6",s),3:t.sizing.get("9",s),4:t.sizing.get("12",s),5:t.sizing.get("15",s),6:t.sizing.get("18",s)},color:{getBackgroundColor:t=>e.palette.get(`accents.${t}.main`),getForegroundColor:t=>e.palette.get(`accents.${t}.contrast`)},fontSize:{1:t.typography.fontSizes.get("1"),2:t.typography.fontSizes.get("2"),3:t.typography.fontSizes.get("3"),4:t.typography.fontSizes.get("4"),5:t.typography.fontSizes.get("8"),6:t.typography.fontSizes.get("10")}};export{n as default};
+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};

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

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

package/dist/components/Button/Button.js

@@ -1 +1 @@
-import{jsx as i,jsxs as o}from"@emotion/react/jsx-runtime";import{useLoading as n}from"../../hooks/useLoading.js";import s,{useRef as t}from"react";import e from"../ButtonBase/ButtonBase.js";import{buttonSpanStyle as r,iconStyle as a,childrenWrapperStyle as l}from"./Button.style.js";import d from"./ButtonLoader/ButtonLoader.js";const c=s.forwardRef(((c,p)=>{var u;const{size:m="md",type:h="primary",color:f="",isFilled:g=!0,isTransparent:j=!1,iconLeft:v=null,iconRight:B=null,isDisabled:L=!1,children:b,onClick:y}=c,{isLoading:O,handleAsyncOperation:C}=n(y),k=t(null),R=null===(u=null==k?void 0:k.current)||void 0===u?void 0:u.clientWidth;return i(e,Object.assign({},c,{ref:p,isLoading:O,onClick:C},{children:o("span",Object.assign({css:r()},{children:[v&&i("span",Object.assign({css:a()},{children:v}),void 0),i("span",Object.assign({ref:k,css:l({type:h,isLoading:O,isFilled:g,size:m,color:f,isTransparent:j,iconLeft:v,iconRight:B,isDisabled:L,hasChildren:Boolean(s.Children.count(b))})},{children:O?i(d,{innerButtonWidth:R,color:f,type:h},void 0):b}),void 0),B&&i("span",Object.assign({css:a()},{children:B}),void 0)]}),void 0)}),void 0)}));c.displayName="Button";export{c 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 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};

package/dist/components/Button/Button.style.js

@@ -1 +1 @@
-const n=()=>()=>({display:"flex",alignItems:"center",justifyContent:"center"}),e=()=>()=>({display:"inline-flex"}),t=({iconLeft:n,iconRight:e,hasChildren:t})=>i=>{const g=t&&e;return{marginLeft:t&&n?i.globals.spacing.get("4"):0,marginRight:g?i.globals.spacing.get("4"):0}};export{n as buttonSpanStyle,t as childrenWrapperStyle,e as iconStyle};
+const e=()=>e=>({display:"flex",alignItems:"center",justifyContent:"center",gap:e.globals.spacing.get("4")});export{e as buttonSpanStyle};

package/dist/components/Button/Button.tokens.js

@@ -0,0 +1 @@
+const e=e=>({size:e.globals.sizing.get("5"),spacing:{textButton:{padding:e.globals.spacing.get("4"),paddingVertical:e.globals.spacing.get("4"),paddingHorizontal:e.globals.spacing.get("6")},iconButton:{padding:e.globals.spacing.get("4")}},borderRadius:{text:e.globals.borderRadius.get("2"),wrapper:e.globals.borderRadius.get("0"),icon:e.globals.borderRadius.get("5")},borderWidth:{1:e.globals.borderWidth.get("1"),2:e.globals.borderWidth.get("2")},color:{primary:{borderColor:e.tokens.borderColor.get("decorative.transparent"),textColor:e.tokens.textColor.get("inverted.primary")},secondary:{borderColor:e.tokens.borderColor.get("decorative.transparent"),textColor:e.tokens.textColor.get("light.active")},tertiary:{borderColor:e.tokens.borderColor.get("decorative.transparent"),borderColorSegmented:e.tokens.borderColor.get("decorative.light.muted"),textColor:e.tokens.textColor.get("light.active")},invertedAlt:{borderColor:e.tokens.borderColor.get("decorative.transparent"),textColor:e.tokens.textColor.get("inverted.active")},danger:{borderColor:e.tokens.borderColor.get("decorative.transparent"),textColor:e.tokens.textColor.get("light.error")},inverted:{borderColor:e.tokens.borderColor.get("decorative.transparent"),textColor:e.tokens.textColor.get("light.primary")}}});export{e as default};

package/dist/components/Button/ButtonLoader/ButtonLoader.js

@@ -1 +1 @@
-import{jsx as o}from"@emotion/react/jsx-runtime";import{useTypeColorToColorMatch as r}from"../../../hooks/useTypeColorToColorMatch.js";import{centralizedLoader as e}from"./ButtonLoader.style.js";import t from"../../Loader/Loader.js";import s from"../../../hooks/useTheme.js";const i=({innerButtonWidth:i,type:m="primary",color:n=""})=>{const a=s(),{calculateColorBetweenColorAndType:l}=r(),c=l(n,m),p=a.utils.getAAColorFromSwatches(c.color,c.shade);return o("div",Object.assign({css:e(i)},{children:o(t,{type:"spinner",color:p},void 0)}),void 0)};i.displayName="Button";export{i as default};
+import{jsx as t}from"@emotion/react/jsx-runtime";import{loaderWrapperStyle as s,barWrapperStyle as d,barStyle as i}from"./ButtonLoader.style.js";const e=({dataTestId:e})=>t("div",Object.assign({css:s(),"data-testid":e},{children:t("div",Object.assign({css:d()},{children:t("div",{css:i()},void 0)}),void 0)}),void 0);e.displayName="ButtonLoader";export{e as default};

package/dist/components/Button/ButtonLoader/ButtonLoader.style.js

@@ -1,5 +1 @@
-import{css as t}from"@emotion/react";import{flex as o}from"../../../theme/functions.js";import{rem as e}from"../../../theme/utils.js";const m=m=>t`
-  width: ${m?e(m):"auto"};
-  ${o};
-  justify-content: center;
-`;export{m as centralizedLoader};
+import{css as t,keyframes as o}from"@emotion/react";import{rem as e}from"../../../theme/utils.js";import i from"../Button.tokens.js";const r=()=>t({width:"100%",position:"absolute"}),n=()=>o=>{const r=i(o);return t({width:"100%",height:e(4),overflow:"hidden",borderTopLeftRadius:r.borderRadius.text,borderTopRightRadius:r.borderRadius.text,position:"relative",":before":{content:'""',width:"100%",height:e(2),background:o.utils.getColor("magenta",150),display:"block"}})},d=()=>{const i=o({from:{left:"-50%"},to:{left:"100%"}});return t({width:"50%",background:"linear-gradient(270deg, #F814E1 0.02%, #4945EE 100%)",height:e(2),position:"absolute",bottom:"0",top:"0",animation:`${i} 1.5s infinite`})};export{d as barStyle,n as barWrapperStyle,r as loaderWrapperStyle};

package/dist/components/ButtonBase/ButtonBase.js

@@ -1 +1 @@
-import{jsx as o}from"@emotion/react/jsx-runtime";import t from"react";import{useTypeColorToColorMatch as e}from"../../hooks/useTypeColorToColorMatch.js";import{generateTestDataId as i}from"../../utils/helpers.js";import{buttonBaseStyle as s}from"./ButtonBase.style.js";const r=t.forwardRef(((r,l)=>{const{size:n="md",type:a="primary",color:c="",isBlock:d=!1,isFilled:u=!0,isTransparent:p=!1,iconLeft:m=null,iconRight:f=null,isDisabled:h=!1,isLoading:y=!1,children:B,dataTestId:C="",dataTestPrefixId:b="",buttonType:T="button",onClick:g,onBlur:j,sx:k}=r,{calculateColorBetweenColorAndType:x}=e(),L=x(c,a),R=`${b}button`;return o("button",Object.assign({ref:l,type:T,"data-testid":i(R,C),css:s({type:a,isLoading:y,isFilled:u,size:n,isBlock:d,color:c,isTransparent:p,calculatedColor:L,isDisabled:h,iconLeft:m,iconRight:f,sx:k,childrenCount:t.Children.count(B)}),onClick:o=>{g&&g(o)},onBlur:j,disabled:h||y},{children:B}),void 0)}));r.displayName="ButtonBase";export{r as default};
+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};

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

@@ -1 +1 @@
-import{css as o}from"@emotion/react";import{rem as e}from"../../theme/utils.js";import{getDisabled as t}from"../../theme/states/disabled.js";import{getFocus as r}from"../../theme/states/focus.js";import{getHover as s}from"../../theme/states/hover.js";import{getPressed as i}from"../../theme/states/pressed.js";import{buttonConfig as a}from"./config.js";import{defineBackgroundColor as l,calculateButtonColor as n}from"./utils.js";const d=o=>{var t;return e(null!==(t=a.sizes[o])&&void 0!==t?t:a.sizes.default)},c=(o,e)=>a.fontSize[e]?o.globals.typography.fontSizes[a.fontSize[e]]:o.globals.typography.fontSizes.get(a.fontSize.default),g=({type:g,isFilled:m,calculatedColor:u,size:p,isBlock:b,isTransparent:h,childrenCount:f,sx:y})=>j=>{const k=l(j,u,g,f>0),z=!m&&!h,C=z||h,v=z?a.types.outlined.border.width:0,S={fontSize:c(j,p||"default"),fontWeight:j.globals.typography.weights.get("medium"),color:n({type:g,isBackgroundTransparent:Boolean(C),backGroundColor:k,calculatedColor:u,theme:j}),width:b?"100%":void 0,backgroundColor:C?"transparent":k,padding:"lg"===p?j.globals.spacing.get("6"):`0 ${j.globals.spacing.get("6")}`,height:d(p||"default"),borderRadius:j.globals.spacing.get("3"),border:z?`solid ${e(v)} ${k}`:"none",cursor:"pointer",transition:"background-color,border 150ms linear",":focus-visible:not(:disabled)":{outline:r({theme:j,borderWidth:v}).styleOutline},":hover:not(:disabled)":{backgroundColor:s({theme:j,color:u.color,shade:C?0:u.shade}).backgroundColor},":active:not(:disabled)":{backgroundColor:i({theme:j,color:u.color,shade:C?0:u.shade}).backgroundColor},":disabled":t()};return o(Object.assign(Object.assign({},S),null==y?void 0:y.container))};export{g as buttonBaseStyle,d as heightBasedOnSize};
+import{css as o}from"@emotion/react";import t from"../../theme/states/states.tokens.js";import i from"../Button/Button.tokens.js";const n=({isBlock:t})=>o({position:"relative",width:t?"100%":"fit-content"}),r=({type:n="primary",isBlock:r,isLoading:e,isDisabled:s,isIconButton:a,shape:d,sx:c})=>l=>{const b=i(l),u=t(l),g={color:b.color[n].textColor,width:r?"100%":void 0,backgroundColor:u[e?"active":"inactive"].backgroundColor[n],padding:a?b.spacing.iconButton.padding:`${b.spacing.textButton.paddingVertical} ${b.spacing.textButton.paddingHorizontal}`,borderRadius:a&&"circle"===d?b.borderRadius.icon:b.borderRadius.text,border:"none",cursor:"pointer",transition:"background-color,border 150ms linear",":focus-visible:not(:disabled)":u.focus,":disabled":u.disabled,":hover:not(:disabled)":{backgroundColor:u.hover.backgroundColor[n]},":active:not(:disabled)":{backgroundColor:u.active.backgroundColor[n]}},p=e&&!s?{pointerEvents:"none"}:{};return o(Object.assign(Object.assign(Object.assign({},g),p),null==c?void 0:c.container))};export{r as buttonBaseStyle,n as buttonWrapperStyle};

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

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

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 l,monthHeaderWrapperStyle as c,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[C,D]=n(!1),w=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:l()},{children:[o("div",Object.assign({css:c()},{children:[("left"===Y||"both"===Y)&&e("div",Object.assign({onClick:()=>k("back"),css:d({position:"left"})},{children:e(g,{name:"chevronSmallLeft",color:w.utils.getColor("darkGrey",850),size:25},void 0)}),void 0),o(p,Object.assign({onClick:()=>{D(!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:()=>D(!C),color:"neutralWhite-100",iconRight:e(g,{name:"triangleDown",size:10,color:w.utils.getColor("darkGrey",850)},void 0)},{children:[b.format("MMMM")," ",b.format("YYYY")]}),void 0)}),void 0),C&&e(f,{filteredOptions:S,handleOptionClick:e=>{u(b.year(Number(e.value))),D(!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:w.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 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};

package/dist/components/IconButton/IconButton.js

@@ -1 +1 @@
-import{jsx as o}from"@emotion/react/jsx-runtime";import r from"react";import{useTypeColorToColorMatch as t}from"../../hooks/useTypeColorToColorMatch.js";import{defineBackgroundColor as e}from"../Button/utils.js";import s from"../Icon/Icon.js";import{sxProp as i}from"./IconButton.style.js";import m from"../ButtonBase/ButtonBase.js";import n from"../../hooks/useTheme.js";const a=r.forwardRef(((r,a)=>{const{iconSize:c,color:l="",type:p="primary",isFilled:f=!0,name:u,isTransparent:d}=r,j=n(),{calculateColorBetweenColorAndType:B}=t(),h=B(l,p),y=f&&!d?j.utils.getAAColorFromSwatches(h.color,h.shade):e(j,h,p,!0,!0),T=i({size:r.size});return o(m,Object.assign({},r,{ref:a,sx:T,dataTestPrefixId:"icon-"},{children:o(s,{name:u,color:y,size:c},void 0)}),void 0)}));a.displayName="IconButton";export{a as default};
+import{jsx as o}from"@emotion/react/jsx-runtime";import t from"../../hooks/useTheme.js";import r from"react";import e from"../Button/Button.tokens.js";import n from"../Icon/Icon.js";import s from"../ButtonBase/ButtonBase.js";const i=r.forwardRef(((r,i)=>{const{name:a,type:m="primary",shape:c="circle",dataTestPrefixId:f}=r,p=t(),d=e(p).color[m].textColor;return o(s,Object.assign({},r,{ref:i,isIconButton:!0,shape:c,dataTestPrefixId:f?`${f}-icon-`:"icon-"},{children:o(n,{name:a,color:d},void 0)}),void 0)}));i.displayName="IconButton";export{i as default};

package/dist/components/Menu/Menu.js

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

package/dist/components/Modal/Modal.js

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

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

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

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

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

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

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

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

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

package/dist/components/Overlay/Overlay.js

@@ -1 +1 @@
-import{jsx as i,jsxs as s}from"@emotion/react/jsx-runtime";import e from"../../hooks/useEscape.js";import o from"react";import{generateTestDataId as t}from"../../utils/helpers.js";import{backdropStyle as r,overlayStyle as a,closeIconContainer as n,contentStyle as c}from"./Overlay.style.js";import l from"../IconButton/IconButton.js";import d from"../utils/ClickAwayListener/ClickAwayListener.js";const h=({anchor:i,size:s})=>"top"===i||"bottom"===i?{display:"flex",height:s,width:"100%"}:{display:"flex",height:"100%",width:s},m=o.forwardRef((({isOpen:o,onClose:m,anchor:p="left",size:f,dataTestId:v,children:y},j)=>(e((()=>{m()})),i("div",Object.assign({css:r({isOpen:o,anchor:p}),"data-testid":t("overlay-container",v)},{children:i(d,Object.assign({onClick:()=>m(),cssStyles:h({anchor:p,size:f})},{children:s("div",Object.assign({ref:j,css:a({isOpen:o,anchor:p})},{children:[i("div",Object.assign({css:n()},{children:i(l,{name:"close",isFilled:!1,isTransparent:!0,color:"lightGrey-650",size:"sm",onClick:m,dataTestId:"overlay-close"},void 0)}),void 0),i("div",Object.assign({css:c()},{children:y}),void 0)]}),void 0)}),void 0)}),void 0))));m.displayName="Overlay";export{m as default};
+import{jsx as e,jsxs as i}from"@emotion/react/jsx-runtime";import s from"../../hooks/useEscape.js";import o from"react";import{generateTestDataId as t}from"../../utils/helpers.js";import{backdropStyle as r,overlayStyle as a,closeIconContainer as c,contentStyle as n}from"./Overlay.style.js";import d from"../IconButton/IconButton.js";import l from"../utils/ClickAwayListener/ClickAwayListener.js";const h=({anchor:e,size:i})=>"top"===e||"bottom"===e?{display:"flex",height:i,width:"100%"}:{display:"flex",height:"100%",width:i},m=o.forwardRef((({isOpen:o,onClose:m,anchor:p="left",size:f,dataTestId:v,children:y},j)=>(s((()=>{m()})),e("div",Object.assign({css:r({isOpen:o,anchor:p}),"data-testid":t("overlay-container",v)},{children:e(l,Object.assign({onClick:()=>m(),cssStyles:h({anchor:p,size:f})},{children:i("div",Object.assign({ref:j,css:a({isOpen:o,anchor:p})},{children:[e("div",Object.assign({css:c()},{children:e(d,{type:"tertiary",name:"close",onClick:m,dataTestId:"overlay-close"},void 0)}),void 0),e("div",Object.assign({css:n()},{children:y}),void 0)]}),void 0)}),void 0)}),void 0))));m.displayName="Overlay";export{m as default};

package/dist/components/Pagination/Pagination.js

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

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

@@ -1 +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};
+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,{type:"tertiary",name:"chevronSmallDown",onClick:a,dataTestId:"expanded-button"},void 0)}),void 0)}),void 0)},void 0)}),void 0):null}));export{r as default};

package/dist/components/TopAppBar/components/UserMenu/UserMenu.js

@@ -1 +1 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import t from"../../../Menu/Menu.js";import r from"./UserMenu.style.js";const n=({items:n,userAvatar:o,userName:s,onSelect:a,isDark:i=!1})=>e(t,{items:n,size:"sm",color:i?"neutralBlack-500":"neutralWhite-100",buttonText:e("span",Object.assign({css:r.buttonTextStyle},{children:s}),void 0),buttonType:"warning",rightIconName:"chevronLargeDown",avatar:o,onSelect:a,dataTestId:"userMenu"},void 0);export{n as default};
+import{jsx as e}from"@emotion/react/jsx-runtime";import t from"../../../Menu/Menu.js";import r from"./UserMenu.style.js";const o=({items:o,userAvatar:a,userName:n,onSelect:s,isDark:i=!1})=>e(t,{items:o,color:i?"neutralBlack-500":"neutralWhite-100",buttonText:e("span",Object.assign({css:r.buttonTextStyle},{children:n}),void 0),buttonType:"tertiary",rightIconName:"chevronLargeDown",avatar:a,onSelect:s,dataTestId:"userMenu"},void 0);export{o as default};

package/dist/components/Typography/Typography.js

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

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

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

package/dist/index.d.ts

@@ -4,24 +4,25 @@ import * as _emotion_react from '@emotion/react';
 import * as React from 'react';
 import React__default, { ButtonHTMLAttributes, MouseEvent as MouseEvent$1, ChangeEvent, InputHTMLAttributes, ReactNode, FC } from 'react';
 import { TestProps as TestProps$1, TestId as TestId$1 } from 'utils/types';
-import { ClickHandler } from 'hooks/useLoading';
-import { CommonButtonProps as CommonButtonProps$1, EventProps as EventProps$1 } from 'utils/common';
 import * as _emotion_serialize from '@emotion/serialize';
 import { CSSObject } from '@emotion/serialize';
+import { ButtonTypes as ButtonTypes$1, PrimitiveButtonTypes } from 'components/Button/Button.types';
+import { IconButtonShape as IconButtonShape$1 } from 'components/IconButton';
+import { ButtonBaseProps as ButtonBaseProps$1 } from 'components/ButtonBase/ButtonBase';
+import { CommonButtonProps as CommonButtonProps$1, EventProps } from 'utils/common';
+import { AvatarProps as AvatarProps$1, AvatarColors as AvatarColors$1 } from 'components/Avatar';
+import { AcceptedIconNames as AcceptedIconNames$1 } from 'components/Icon';
 import { Elevation as Elevation$1 } from 'index';
 import { SpacingKey as SpacingKey$1 } from 'theme/globals/spacing';
 import { Dayjs } from 'utils/date';
-import { AcceptedIconNames as AcceptedIconNames$1 } from 'components/Icon/types';
+import { AcceptedIconNames as AcceptedIconNames$2 } from 'components/Icon/types';
 import { TextInputBaseProps } from 'components/TextInputBase';
 import { LocationState, Location } from 'history';
 import { match } from 'react-router';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { ReactComponentLike } from 'prop-types';
-import { ButtonBaseProps as ButtonBaseProps$1 } from 'components/ButtonBase/ButtonBase';
 import { FilterOption as FilterOption$1 } from 'components/Filter/types';
 import { SelectOption as SelectOption$1 } from 'components/Select/Select';
-import { AcceptedColorComponentTypes as AcceptedColorComponentTypes$1 } from 'utils/themeFunctions';
-import { AvatarColors as AvatarColors$1 } from 'components/Avatar';
 import { TextFieldProps as TextFieldProps$1 } from 'components/TextField/TextField';
 import { ThemeConfig, Theme as Theme$1 } from 'theme';
 
@@ -854,11 +855,6 @@ declare type ColorShapeFromComponent = {
     shade: typeof colorShades[number];
 };
 
-/** A generic type for native events */
-declare type EventProps = {
-    onClick?: () => void;
-    onBlur?: () => void;
-};
 declare type CommonButtonProps = Partial<Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size' | 'css' | 'onBlur' | 'onClick' | 'type' | 'disabled'>>;
 declare type DivProps = Partial<Omit<React.HTMLProps<HTMLDivElement>, 'size' | 'css'>>;
 
@@ -922,48 +918,85 @@ declare type TestProps = {
     dataTestPrefixId?: string;
 };
 
-declare const buttonSizes: readonly ["lg", "md", "sm"];
-
 declare type EventButtonProps = {
     onClick?: (event: ClickEvent) => void;
     onBlur?: () => void;
 };
 declare type ButtonBaseProps = {
-    /** Type indicating the type of the button */
-    type?: AcceptedColorComponentTypes;
-    /** the color of the button based on our colors eg. red-500 */
-    color?: string;
-    /** This property define the size of the button. Defaults to 'md' */
-    size?: typeof buttonSizes[number];
+    /** The type of the button */
+    type?: ButtonTypes$1;
     /** This property will make the button fit to its parent width. Defaults to false */
     isBlock?: boolean;
-    /** Property indicating if the component is filled with a color based on the type */
-    isFilled?: boolean;
-    /** Property indicating if the component is async and loading */
+    /** Property indicating if the component is loading */
     isLoading?: boolean;
-    /** Property indicating if the component is transparent with a color based on the type */
-    isTransparent?: boolean;
-    /** An optional boolean to show if the button is icon */
-    isIconButton?: boolean;
-    /** An optional icon to put on the right of the button */
-    iconRight?: React__default.Component | JSX.Element | null;
-    /** An optional icon to put on the left of the button */
-    iconLeft?: React__default.Component | JSX.Element | null;
     /** Define if the button is in disabled state */
     isDisabled?: boolean;
+    /** Define if the button is an icon button */
+    isIconButton?: boolean;
+    /** Define the radius type of the icon button */
+    shape?: IconButtonShape$1;
     /** Defines the button type */
-    buttonType?: 'submit' | 'reset' | 'button';
+    htmlType?: 'submit' | 'reset' | 'button';
     /** Sx prop to override specific properties */
     sx?: {
         container?: CSSObject;
     };
 } & TestProps & EventButtonProps & CommonButtonProps;
 
-declare type onClickProp = {
-    onClick: ClickHandler;
+declare type AcceptedIconNames = 'account' | 'actions' | 'add' | 'alert' | 'analytics' | 'analyticsVideos' | 'ancient' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowToLeft' | 'arrowToRight' | 'artist' | 'asset' | 'assetMatching' | 'auto' | 'broadcast' | 'calendarEmpty' | 'calendarFilled' | 'catalog' | 'catalogOverview' | 'catalogFiles' | 'chatBubble' | 'check' | 'checkedList' | 'checkmark' | 'chevronExtraSmallDown' | 'chevronExtraSmallLeft' | 'chevronExtraSmallRight' | 'chevronExtraSmallUp' | 'chevronLargeDown' | 'chevronLargeLeft' | 'chevronLargeRight' | 'chevronLargeUp' | 'chevronSmallDown' | 'chevronSmallLeft' | 'chevronSmallRight' | 'chevronSmallUp' | 'claimList' | 'clock' | 'close' | 'closeTag' | 'cmsProcess' | 'composition' | 'compositionV2' | 'confirmedMatches' | 'conflicts' | 'concert' | 'dashboard' | 'dataset' | 'delete' | 'delivery' | 'details' | 'digitalUse' | 'distribution' | 'dotsVertical' | 'download' | 'duplicate' | 'duplicate2' | 'earnings' | 'earnings2' | 'edit' | 'entities' | 'error' | 'expenses' | 'externalLink' | 'externalLinkV2' | 'fatArrowDown' | 'fatArrowLeft' | 'fatArrowRight' | 'fatArrowUp' | 'file' | 'financialChart' | 'generatedReports' | 'genericFile' | 'genericOrdering' | 'globalItem' | 'heartFill' | 'heartStroke' | 'help' | 'hourglass' | 'income' | 'infoFilled' | 'info' | 'issues' | 'keyword' | 'legalFiles' | 'linked' | 'lock' | 'mail' | 'manual' | 'menu' | 'microphone' | 'minus' | 'moreOptionsHorizontal' | 'moreOptionsVertical' | 'musicNote' | 'myEarnings' | 'notifications' | 'notifications2' | 'oneWay' | 'others' | 'ownershipValidation' | 'pageFirst' | 'pageLast' | 'percentage' | 'plus' | 'policies' | 'process' | 'processManagement' | 'publicPerformance' | 'publisher' | 'recording' | 'recordLabel' | 'recordLabelV2' | 'referenceFile' | 'relations' | 'restore' | 'result' | 'royaltyShares' | 'search' | 'searchMusic' | 'searchThunder' | 'settings' | 'sight' | 'sortAscending' | 'sortDescending' | 'stamp' | 'statements' | 'success' | 'television' | 'thunder' | 'ticTacToeArrow' | 'timeOut' | 'training' | 'triangleDown' | 'triangleLeft' | 'triangleRight' | 'triangleUp' | 'trophy' | 'TVCinema' | 'TVRadio' | 'update' | 'upload' | 'user' | 'userAvatar' | 'users' | 'users2' | 'videoConfirmation' | 'view' | 'warning' | 'works' | 'writer' | 'youtube' | 'refresh' | 'star' | 'pause' | 'resume' | 'restart' | 'entity' | 'playCount' | 'processedLogs' | 'proposed' | 'unpaired' | 'unpairedV2' | 'clockOutlined' | 'userCheck';
+
+declare type IconButtonShape = 'circle' | 'square';
+declare type IconButtonProps = Omit<ButtonBaseProps$1, 'type' | 'isBlock' | 'isLoading' | 'isIconButton'> & {
+    /** This property defines the type of the IconButton */
+    type?: PrimitiveButtonTypes;
+    /** This property defines witch icon to use */
+    name: AcceptedIconNames;
+    /** This property defines the shape of the IconButton */
+    shape?: IconButtonShape;
+};
+declare const IconButton: React__default.ForwardRefExoticComponent<Omit<ButtonBaseProps$1, "type" | "isLoading" | "isBlock" | "isIconButton"> & {
+    /** This property defines the type of the IconButton */
+    type?: PrimitiveButtonTypes | undefined;
+    /** This property defines witch icon to use */
+    name: AcceptedIconNames;
+    /** This property defines the shape of the IconButton */
+    shape?: IconButtonShape | undefined;
+} & React__default.RefAttributes<HTMLButtonElement>>;
+
+/** All button types. Used by Button component */
+declare type ButtonTypes = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'inverted' | 'invertedAlt';
+
+declare type ButtonProps = ButtonBaseProps & TestProps$1 & CommonButtonProps$1 & {
+    /** An optional icon to put on the right of the button */
+    iconRightName?: AcceptedIconNames$1;
+    /** An optional icon to put on the left of the button */
+    iconLeftName?: AcceptedIconNames$1;
+    /** An optional avatar to put on the left of the button */
+    avatar?: Pick<AvatarProps$1, 'src' | 'color'> & {
+        label?: string;
+    };
 };
-declare type ButtonProps = Omit<ButtonBaseProps, 'onClick'> & TestProps$1 & onClickProp & CommonButtonProps$1;
-declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonBaseProps, "onClick"> & TestProps$1 & onClickProp & Partial<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size" | "onClick" | "css" | "onBlur" | "disabled">> & React__default.RefAttributes<HTMLButtonElement>>;
+declare const Button: React__default.ForwardRefExoticComponent<{
+    type?: ButtonTypes | undefined;
+    isBlock?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isIconButton?: boolean | undefined;
+    shape?: IconButtonShape | undefined;
+    htmlType?: "button" | "reset" | "submit" | undefined;
+    sx?: {
+        container?: _emotion_serialize.CSSObject | undefined;
+    } | undefined;
+} & TestProps$1 & EventButtonProps & Partial<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size" | "onClick" | "css" | "onBlur" | "disabled">> & {
+    /** An optional icon to put on the right of the button */
+    iconRightName?: AcceptedIconNames$1 | undefined;
+    /** An optional icon to put on the left of the button */
+    iconLeftName?: AcceptedIconNames$1 | undefined;
+    /** An optional avatar to put on the left of the button */
+    avatar?: (Pick<AvatarProps$1, "color" | "src"> & {
+        label?: string | undefined;
+    }) | undefined;
+} & React__default.RefAttributes<HTMLButtonElement>>;
 
 declare type CardProps = {
     /** Elevation of Card */
@@ -1089,8 +1122,6 @@ declare type ChipProps = ChipBaseProps & TestProps & CommonButtonProps;
 
 declare const Chip: React__default.ForwardRefExoticComponent<ChipBaseProps & TestProps & Partial<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size" | "onClick" | "css" | "onBlur" | "disabled">> & React__default.RefAttributes<HTMLButtonElement | HTMLDivElement>>;
 
-declare type AcceptedIconNames = 'account' | 'actions' | 'add' | 'alert' | 'analytics' | 'analyticsVideos' | 'ancient' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowToLeft' | 'arrowToRight' | 'artist' | 'asset' | 'assetMatching' | 'auto' | 'broadcast' | 'calendarEmpty' | 'calendarFilled' | 'catalog' | 'catalogOverview' | 'catalogFiles' | 'chatBubble' | 'check' | 'checkedList' | 'checkmark' | 'chevronExtraSmallDown' | 'chevronExtraSmallLeft' | 'chevronExtraSmallRight' | 'chevronExtraSmallUp' | 'chevronLargeDown' | 'chevronLargeLeft' | 'chevronLargeRight' | 'chevronLargeUp' | 'chevronSmallDown' | 'chevronSmallLeft' | 'chevronSmallRight' | 'chevronSmallUp' | 'claimList' | 'clock' | 'close' | 'closeTag' | 'cmsProcess' | 'composition' | 'compositionV2' | 'confirmedMatches' | 'conflicts' | 'concert' | 'dashboard' | 'dataset' | 'delete' | 'delivery' | 'details' | 'digitalUse' | 'distribution' | 'dotsVertical' | 'download' | 'duplicate' | 'duplicate2' | 'earnings' | 'earnings2' | 'edit' | 'entities' | 'error' | 'expenses' | 'externalLink' | 'externalLinkV2' | 'fatArrowDown' | 'fatArrowLeft' | 'fatArrowRight' | 'fatArrowUp' | 'file' | 'financialChart' | 'generatedReports' | 'genericFile' | 'genericOrdering' | 'globalItem' | 'heartFill' | 'heartStroke' | 'help' | 'hourglass' | 'income' | 'infoFilled' | 'info' | 'issues' | 'keyword' | 'legalFiles' | 'linked' | 'lock' | 'mail' | 'manual' | 'menu' | 'microphone' | 'minus' | 'moreOptionsHorizontal' | 'moreOptionsVertical' | 'musicNote' | 'myEarnings' | 'notifications' | 'notifications2' | 'oneWay' | 'others' | 'ownershipValidation' | 'pageFirst' | 'pageLast' | 'percentage' | 'plus' | 'policies' | 'process' | 'processManagement' | 'publicPerformance' | 'publisher' | 'recording' | 'recordLabel' | 'recordLabelV2' | 'referenceFile' | 'relations' | 'restore' | 'result' | 'royaltyShares' | 'search' | 'searchMusic' | 'searchThunder' | 'settings' | 'sight' | 'sortAscending' | 'sortDescending' | 'stamp' | 'statements' | 'success' | 'television' | 'thunder' | 'ticTacToeArrow' | 'timeOut' | 'training' | 'triangleDown' | 'triangleLeft' | 'triangleRight' | 'triangleUp' | 'trophy' | 'TVCinema' | 'TVRadio' | 'update' | 'upload' | 'user' | 'userAvatar' | 'users' | 'users2' | 'videoConfirmation' | 'view' | 'warning' | 'works' | 'writer' | 'youtube' | 'refresh' | 'star' | 'pause' | 'resume' | 'restart' | 'entity' | 'playCount' | 'processedLogs' | 'proposed' | 'unpaired' | 'unpairedV2' | 'clockOutlined' | 'userCheck';
-
 declare type OwnProps = {
     /** This property defines witch icon to use */
     name: AcceptedIconNames;
@@ -1147,8 +1178,8 @@ declare const TextField: React__default.ForwardRefExoticComponent<{
 } & {
     label?: string | undefined; /** The id of the text field that will be used as for in label too */
     placeholder?: string | undefined;
-    leftIcon?: JSX.Element | AcceptedIconNames$1 | null | undefined;
-    rightIcon?: JSX.Element | AcceptedIconNames$1 | null | undefined;
+    leftIcon?: JSX.Element | AcceptedIconNames$2 | null | undefined;
+    rightIcon?: JSX.Element | AcceptedIconNames$2 | null | undefined;
     isRequired?: boolean | undefined;
     isDisabled?: boolean | undefined;
     isLocked?: boolean | undefined;
@@ -1389,7 +1420,7 @@ declare type DrawerMenuItem = {
     url: string;
     state?: Record<string, any> | null;
     isVisible: boolean;
-    iconName: AcceptedIconNames$1;
+    iconName: AcceptedIconNames$2;
     isActive?<Params extends {
         [K in keyof Params]?: string;
     }, S = LocationState>(match: match<Params> | null, location: Location<S>): boolean;
@@ -1472,19 +1503,6 @@ declare type ExpandCollapseProps = SharedProps & (InternalProps | ExternalProps)
 
 declare const ExpandCollapse: (props: ExpandCollapseProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare type IconButtonProps = Omit<ButtonBaseProps$1, 'isIconButton' | 'iconLeft' | 'iconRight'> & {
-    /** Property indicating the size of the icon. Defaults to 16 */
-    iconSize?: number;
-    /** This property defines witch icon to use */
-    name: AcceptedIconNames;
-} & TestProps & EventProps;
-declare const IconButton: React__default.ForwardRefExoticComponent<Omit<ButtonBaseProps$1, "isIconButton" | "iconRight" | "iconLeft"> & {
-    /** Property indicating the size of the icon. Defaults to 16 */
-    iconSize?: number | undefined;
-    /** This property defines witch icon to use */
-    name: AcceptedIconNames;
-} & TestProps & EventProps & React__default.RefAttributes<HTMLButtonElement>>;
-
 declare type LabelProps = {
     /** If the label has error */
     hasError?: boolean;
@@ -1568,10 +1586,6 @@ declare type MenuProps = {
     color?: string;
     /** Items that are being declared as menu options */
     items?: string[];
-    /** This property define the size of the button. Defaults to 'md' */
-    size?: 'lg' | 'md' | 'sm';
-    /** Property indicating if the component is filled with a color based on the type */
-    isFilled?: boolean;
     /** Returns the items selected on the menu */
     selectedItem?: string | null;
     /** A callback that is being triggered when an items has been clicked */
@@ -1583,20 +1597,18 @@ declare type MenuProps = {
     /** Menu position when open */
     menuPosition?: MenuPositionAllowed;
     /** The type of the button - defaults to "primary" */
-    buttonType?: AcceptedColorComponentTypes$1;
+    buttonType?: ButtonTypes$1;
     /** The name of the icon on the right area of menu button */
     rightIconName?: AcceptedIconNames;
     /** The name of the icon on the left area of menu button */
     leftIconName?: AcceptedIconNames;
-    /** The size of the icon on the menu button */
-    iconSize?: number;
     /** You can define the avatar properties here for src or letter if none then the user icon will be displayed if the object is not empty */
     avatar?: {
         src: string;
         letter: string;
         color?: AvatarColors$1;
     };
-} & TestProps & EventProps$1;
+} & TestProps & EventProps;
 declare const Menu: React.FC<MenuProps>;
 
 declare type ModalContentProps = {
@@ -2115,4 +2127,4 @@ declare const useTheme: () => _emotion_react.Theme;
 
 declare const useEscape: (onEscape: () => void) => void;
 
-export { AcceptedColorComponentTypes, AcceptedIconNames, AnchorType, Avatar, AvatarColors, AvatarProps, AvatarSizes, AvatarStack, BackgroundColorProps, Banner, BannerProps, BarChart, BaseColorProps, BorderProps, Breadcrumb, BreadcrumbProps, Button, ButtonProps, ButtonStyleProps, Card, CardProps, Cell, CheckBox, CheckboxProps, Chip, ChipBaseProps, ChipProps, ContentComponent, DateFormatType, DatePicker, DatePickerProps, DisabledDates, DonutChart, Drawer, DrawerMenuItem, DrawerProps, Elevation, ExpandCollapse, ExpandCollapseProps, ExtendedColumn, ExternalProps, ExtraOption, Filter, FilterOption, FilterProps, FilterType, HoverBorderProps, INTERACTIVE, Icon, IconButton, IconButtonProps, IconProps, InlineNotification, InlineNotificationProps, InternalProps, Label, LabelProps, LineChart, _default$1 as List, ListItemType, ListProps, ListRowSize, Loader, LoaderProps, LoaderType, MAX, MIN, Menu, MenuProps, Modal, NotificationStyleType, NotificationTypes, NotificationVariants, NotificationVisual, NotificationVisualProps, NotificationsContainer, NotificationsContainerPositions, NotificationsContainerProps, Overlay, OverlayProps, Overrides, OwnProps, Pagination, PaginationProps, Palette, READ_ONLY, Radio, RadioGroup, RadioGroupProps, RadioProps, Row, STEP_WITH_INCREMENTS, SearchField, SearchFieldProps, Select, SelectHandlerType, SelectOption, SelectOptionValues, SelectProps, Selection, SharedProps, Slider, SliderProps, Snackbar, SnackbarProps, Sort, SortingOrder, Spacing, StyleType, Switch, SwitchProps, _default as Table, TableProps, TableType, TextArea, TextAreaProps, TextField, TextFieldProps, Theme, ThemeProvider, ThemeProviderProps, Toast, ToastProps, Tooltip, TooltipPlacement, TooltipProps, TooltipSize, TopAppBarProps, TopAppBar as TopNavBar, TruncatedContent, TruncatedContentProps, Typography, elevation_d as elevation, extraOptions, globalStyles, isNotificationTypes, onClickProp, overrides_d as overrides, palette_d as palette, queriesKeys, queriesSizes, spacing_d as spacing, styleType, defaultTheme as themeConfig, functions_d as themeFunctions, typography_d as typography, useBreakpoints, useEscape, useTheme };
+export { AcceptedColorComponentTypes, AcceptedIconNames, AnchorType, Avatar, AvatarColors, AvatarProps, AvatarSizes, AvatarStack, BackgroundColorProps, Banner, BannerProps, BarChart, BaseColorProps, BorderProps, Breadcrumb, BreadcrumbProps, Button, ButtonProps, ButtonStyleProps, Card, CardProps, Cell, CheckBox, CheckboxProps, Chip, ChipBaseProps, ChipProps, ContentComponent, DateFormatType, DatePicker, DatePickerProps, DisabledDates, DonutChart, Drawer, DrawerMenuItem, DrawerProps, Elevation, ExpandCollapse, ExpandCollapseProps, ExtendedColumn, ExternalProps, ExtraOption, Filter, FilterOption, FilterProps, FilterType, HoverBorderProps, INTERACTIVE, Icon, IconButton, IconButtonProps, IconButtonShape, IconProps, InlineNotification, InlineNotificationProps, InternalProps, Label, LabelProps, LineChart, _default$1 as List, ListItemType, ListProps, ListRowSize, Loader, LoaderProps, LoaderType, MAX, MIN, Menu, MenuProps, Modal, NotificationStyleType, NotificationTypes, NotificationVariants, NotificationVisual, NotificationVisualProps, NotificationsContainer, NotificationsContainerPositions, NotificationsContainerProps, Overlay, OverlayProps, Overrides, OwnProps, Pagination, PaginationProps, Palette, READ_ONLY, Radio, RadioGroup, RadioGroupProps, RadioProps, Row, STEP_WITH_INCREMENTS, SearchField, SearchFieldProps, Select, SelectHandlerType, SelectOption, SelectOptionValues, SelectProps, Selection, SharedProps, Slider, SliderProps, Snackbar, SnackbarProps, Sort, SortingOrder, Spacing, StyleType, Switch, SwitchProps, _default as Table, TableProps, TableType, TextArea, TextAreaProps, TextField, TextFieldProps, Theme, ThemeProvider, ThemeProviderProps, Toast, ToastProps, Tooltip, TooltipPlacement, TooltipProps, TooltipSize, TopAppBarProps, TopAppBar as TopNavBar, TruncatedContent, TruncatedContentProps, Typography, elevation_d as elevation, extraOptions, globalStyles, isNotificationTypes, overrides_d as overrides, palette_d as palette, queriesKeys, queriesSizes, spacing_d as spacing, styleType, defaultTheme as themeConfig, functions_d as themeFunctions, typography_d as typography, useBreakpoints, useEscape, useTheme };

package/dist/theme/states/states.tokens.js

@@ -0,0 +1 @@
+const t=t=>({focus:{outline:`${t.tokens.borderColor.get("interactive.focused")} auto ${t.globals.borderWidth.get("2")}`},disabled:{opacity:t.globals.opacity.get("4"),cursor:"not-allowed"},inactive:{backgroundColor:{primary:t.tokens.palette.get("systemic.light.primary.main"),secondary:t.tokens.palette.get("systemic.light.secondary.main"),tertiary:t.tokens.palette.get("systemic.light.tertiary.light"),danger:t.tokens.palette.get("systemic.error.main"),inverted:t.tokens.palette.get("systemic.inverted.primary.main"),invertedAlt:t.tokens.palette.get("systemic.inverted.tertiary.light")}},active:{backgroundColor:{primary:t.tokens.palette.get("systemic.light.primary.dark"),secondary:t.tokens.palette.get("systemic.light.secondary.dark"),tertiary:t.tokens.palette.get("systemic.light.tertiary.dark"),danger:t.tokens.palette.get("systemic.error.main"),inverted:t.tokens.palette.get("systemic.inverted.primary.dark"),invertedAlt:t.tokens.palette.get("systemic.inverted.tertiary.dark")}},hover:{backgroundColor:{primary:t.tokens.palette.get("systemic.light.primary.light"),secondary:t.tokens.palette.get("systemic.light.secondary.light"),tertiary:t.tokens.palette.get("systemic.light.tertiary.main"),danger:t.tokens.palette.get("systemic.error.light"),inverted:t.tokens.palette.get("systemic.inverted.primary.light"),invertedAlt:t.tokens.palette.get("systemic.inverted.tertiary.main")}}});export{t as default};

package/dist/theme/tokens/utils.js

@@ -1 +1 @@
-import t from"lodash/get.js";import o from"lodash/isEmpty.js";import r from"../globals/index.js";const l=o=>{const{type:l}=o;return"color"===l?(o=>{const{value:l}=o;if(l.startsWith("{colors.")){const o=l.slice(1,-1).split("."),s=o[1],e=Number(o[2]);return t(r.colors.flat,[s,e],"")}return l})(o):(o=>{var l,s;const{value:e}=o,i=e.slice(1,-1).split("."),n=i[0],u=i[1];return null!==(s=null===(l=t(r,n))||void 0===l?void 0:l.get(u))&&void 0!==s?s:""})(o)},s=r=>s=>{if(null==r?void 0:r.value)return l(r);const e=s.split("."),i=t(r,e,{});return o(i)?"":l(i)};export{s as getTokensValue};
+import t from"lodash/get.js";import o from"lodash/isEmpty.js";import r from"../globals/index.js";const l=o=>{const{type:l}=o;return"color"===l?(o=>{const{value:l}=o;if(l.startsWith("{colors.")){const o=l.slice(1,-1).split("."),s=o[1],e=Number(o[2]);return"neutral"===s||"gradient"===s?t(r.colors,[s,o[2]],""):t(r.colors.flat,[s,e],"")}return l})(o):(o=>{var l,s;const{value:e}=o,i=e.slice(1,-1).split("."),n=i[0],u=i[1];return null!==(s=null===(l=t(r,n))||void 0===l?void 0:l.get(u))&&void 0!==s?s:""})(o)},s=r=>s=>{if(null==r?void 0:r.value)return l(r);const e=s.split("."),i=t(r,e,{});return o(i)?"":l(i)};export{s as getTokensValue};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.55.0-next.3",
+  "version": "4.55.0-next.4",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/components/ButtonBase/config.js

@@ -1 +0,0 @@
-const e={sizes:{lg:56,md:46,sm:36,default:46},fontSize:{sm:13,default:"4"},types:{link:{color:{name:"blue",shade:550}},outlined:{border:{width:1}}}};export{e as buttonConfig};

package/dist/components/ButtonBase/utils.js

@@ -1 +0,0 @@
-import o from"lodash/isEmpty.js";import{getColorFromType as r}from"../../utils/themeFunctions.js";import{buttonConfig as t}from"./config.js";const e=(t,e,s,n)=>"link"===s?"transparent":e&&!o(e)?t.utils.getColor(e.color,e.shade):n&&s?r(s,t):"transparent",s=({type:o,isBackgroundTransparent:r,backGroundColor:e,calculatedColor:s,theme:n})=>{if("link"===o){const o=t.types.link.color;return n.utils.getColor(o.name,o.shade)}return r?e:n.utils.getAAColorFromSwatches(s.color,s.shade)};export{s as calculateButtonColor,e as defineBackgroundColor};

package/dist/components/IconButton/IconButton.style.js

@@ -1 +0,0 @@
-import{heightBasedOnSize as t}from"../ButtonBase/ButtonBase.style.js";const e=({size:e})=>({container:{display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"100%",padding:0,width:t(e||"default")}});export{e as sxProp};

package/dist/hooks/useLoading.js

@@ -1 +0,0 @@
-import{useState as n,useCallback as o}from"react";const r=(r,t=!1)=>{const[e,a]=n(t),c=o((n=>{a(n)}),[a]);return{isLoading:e,handleAsyncOperation:o((n=>{r&&r(c,n)}),[c,r])}};export{r as useLoading};