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

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

@@ -1,23 +0,0 @@
-import{css as r}from"@emotion/react";import{BASE_SHADE as t}from"../../../../theme/palette.js";import{rem as o}from"../../../../theme/utils.js";const e=(r,e)=>`${o(2)} solid ${e||r.utils.getColor("primary",t,"normal")};`,i=t=>o=>r`
-      width: ${o.globals.spacing.get("8")};
-      height: ${o.globals.spacing.get("8")};
-      margin: auto;
-      box-sizing: border-box;
-      border-top: ${e(o,t)};
-      border-right: ${e(o,t)};
-      border-bottom: ${e(o,t)};
-      border-left: ${e(o,"transparent")};
-      border-radius: 50%;
-      animation: spin 1.1s infinite linear;
-
-      @keyframes spin {
-        0% {
-          -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-        }
-        100% {
-          -webkit-transform: rotate(360deg);
-          transform: rotate(360deg);
-        }
-      }
-    `;export{i as spinnerContainer};

package/dist/components/Menu/Menu.js

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

package/dist/components/Menu/Menu.style.js

@@ -1,4 +0,0 @@
-import{css as o}from"@emotion/react";const i=()=>()=>o`
-    position: relative;
-    display: inline-block;
-  `;export{i as wrapperStyle};

package/dist/components/Modal/Modal.js

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

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

@@ -1,32 +0,0 @@
-import{css as e}from"@emotion/react";import{transparentize as i}from"polished";import{rem as t}from"../../theme/utils.js";const o=t=>e`
-  position: fixed;
-  z-index: 3000; // Because TextField has a z-index of 2000 in its style.
-  width: 100vw;
-  height: 100vh;
-  top: 0;
-  left: 0;
-  background-color: ${i(.8,t.globals.colors.white)};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,l=e`
-  max-width: ${t(500)};
-  max-height: ${t(684)};
-`,s=({isContentPadded:i})=>t=>e`
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-
-      padding: ${i?`${t.globals.spacing.get("8")} ${t.globals.spacing.get("9")} ${t.globals.spacing.get("9")} ${t.globals.spacing.get("9")}`:void 0};
-    `,a=i=>e`
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-  padding: ${i.globals.spacing.get("4")} ${i.globals.spacing.get("4")} 0 0;
-  box-sizing: border-box;
-
-  //TODO: REMOVE THIS AFTER BUTTONS REFACTOR
-  svg {
-    color: ${i.utils.getColor("lightGrey",650)};
-  }
-`;export{o as backgroundContainer,l as cardSizing,a as closeContainer,s as modalContainer};

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

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

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

@@ -1,35 +0,0 @@
-import{css as t}from"@emotion/react";import{rem as o}from"../../../theme/utils.js";const e=o=>t`
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
-  text-align: left;
-  color: ${o.utils.getColor("lightGrey",700,"flat")};
-  font-weight: ${o.globals.typography.weights.get("regular")};
-`,l=o=>t`
-  font-size: ${o.globals.typography.fontSizes.get("3")};
-  margin: 0 0 ${o.globals.spacing.get("3")} 0;
-`,g=o=>t`
-  font-size: ${o.globals.typography.fontSizes.get("9")};
-  color: ${o.utils.getColor("darkGrey",850)};
-  font-weight: ${o.globals.typography.weights.get("medium")};
-  margin: 0 0 ${o.globals.spacing.get("9")} 0;
-`,i=e=>t`
-  font-size: ${e.globals.typography.fontSizes.get("4")};
-  color: ${e.utils.getColor("lightGrey",750)};
-  max-height: ${o(430)};
-  overflow-y: hidden;
-  margin: 0;
-`,r=o=>t`
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: flex-end;
-  margin: ${o.globals.spacing.get("9")} 0 0 0;
-
-  button {
-    margin-left: ${o.globals.spacing.get("6")};
-  }
-`;export{r as actionsContainer,g as headingContainer,l as labelContainer,i as messageContainer,e as modalContentContainer};

package/dist/components/Notification/Banner/Banner.js

@@ -1 +0,0 @@
-import{jsx as t}from"@emotion/react/jsx-runtime";import e from"../subcomponents/CompactNotification/CompactNotification.js";const a=({hasIcon:a=!1,title:o,message:i,type:s,styleType:r="elevated",primaryCTALabel:m,primaryCTA:p,closeCTA:n,dataTestId:c})=>t(e,{hasIcon:a,message:i,title:o,variant:"banner",type:s,styleType:r,primaryCTALabel:m,primaryCTA:p,closeCTA:n,dataTestId:c},void 0);export{a as default};

package/dist/components/Notification/InlineNotification/InlineNotification.js

@@ -1 +0,0 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import t from"../subcomponents/CompactNotification/CompactNotification.js";const a=({hasIcon:a=!1,message:o,type:i,styleType:s="elevated",primaryCTALabel:r,primaryCTA:m,closeCTA:p,dataTestId:n})=>e(t,{hasIcon:a,message:o,variant:"inline",type:i,styleType:s,primaryCTALabel:r,primaryCTA:m,closeCTA:p,dataTestId:n},void 0);export{a as default};

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

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

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

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

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

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

package/dist/components/Notification/NotificationsContainer/NotificationsContainer.js

@@ -1 +0,0 @@
-import{jsx as t}from"@emotion/react/jsx-runtime";import o from"react-dom";import{notificationsContainer as r}from"./NotificationsContainer.style.js";const e=e=>{const{children:i,position:n,parent:s=document.body}=e;return null===s?null:o.createPortal(t("div",Object.assign({css:r(n,s)},{children:i}),void 0),s)};export{e as default};

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

@@ -1,36 +0,0 @@
-import{css as t}from"@emotion/react";import{rem as i}from"../../../theme/utils.js";const o={"top-right":"top:0; right: 0; align-items: flex-end;","top-left":"top:0; left: 0; align-items: flex-start;","bottom-left":"bottom:0; left: 0; align-items: flex-start;","bottom-right":"bottom:0; right: 0; align-items: flex-end;"},n=(n,e)=>a=>{return t`
-      position: ${e===document.body?"fixed":"absolute"};
-      ${l=o[n],t`
-    ${l}
-  `};
-      max-width: 66%;
-      display: flex;
-      flex-direction: column;
-      z-index: 2500;
-      margin: ${a.globals.spacing.get("4")} ${a.globals.spacing.get("6")} ${a.globals.spacing.get("6")};
-      > div {
-        margin: ${a.globals.spacing.get("4")} 0;
-      }
-
-      div[notification-type='toast'] {
-        min-width: ${i(336)};
-        width: 100%;
-      }
-
-      div[notification-type='snackbar'] {
-        min-width: ${i(336)};
-        width: 100%;
-      }
-
-      div[notification-type='banner'] {
-        min-width: ${i(490)};
-      }
-
-      div[notification-type='banner'] ~ div[notification-type='toast'] {
-        width: 100%;
-      }
-
-      div[notification-type='banner'] ~ div[notification-type='snackbar'] {
-        width: 100%;
-      }
-    `;var l};export{n as notificationsContainer};

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

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

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

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

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

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

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

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

package/dist/components/Overlay/Overlay.js

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

package/dist/components/Overlay/Overlay.style.js

@@ -1,37 +0,0 @@
-import{css as t}from"@emotion/react";import{transparentize as e}from"polished";import{flex as o,transition as r}from"../../theme/functions.js";const n=()=>t`
-  justify-content: flex-end;
-`,a=()=>t`
-  flex-direction: column;
-`,i=({isOpen:i,anchor:s})=>l=>t`
-      ${o};
-      position: fixed;
-      width: 100vw;
-      height: 100vh;
-      z-index: 2500;
-      right: 0;
-      bottom: 0;
-      top: 0;
-      left: 0;
-      background-color: ${e(.25,l.globals.colors.black)};
-      visibility: ${i?"visible":"hidden"};
-      opacity: ${i?1:0};
-      ${r(.2)}
-      ${(e=>{switch(e){case"top":return a();case"right":return n();case"bottom":return t`
-        ${n()} ${a()}
-      `;default:return t``}})(s)}
-    `,s=({isOpen:e,anchor:n})=>a=>t`
-      ${o};
-      flex-direction: column;
-      overflow-y: auto;
-      background-color: ${a.globals.colors.white};
-      width: 100%;
-      height: auto;
-      transform: ${((t,e)=>{switch(e){case"top":return t?"translateY(0)":"translateY(-100%)";case"right":return t?"translateX(0)":"translateX(100%)";case"bottom":return t?"translateY(0)":"translateY(100%)";default:return t?"translateX(0)":"translateX(-100%)"}})(e,n)};
-      ${r(.3)}
-    `,l=()=>e=>t`
-      ${o};
-      justify-content: flex-end;
-      padding: ${e.globals.spacing.get("4")} ${e.globals.spacing.get("4")} 0 0;
-    `,c=()=>e=>t`
-      padding: ${e.globals.spacing.get("9")};
-    `;export{i as backdropStyle,l as closeIconContainer,c as contentStyle,s as overlayStyle};

package/dist/components/Pagination/Pagination.js

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

package/dist/components/Radio/Radio.js

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

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

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

package/dist/components/RadioGroup/RadioGroup.js

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

package/dist/components/RadioGroup/RadioGroupContext.js

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

package/dist/components/RadioGroup/useRadioGroup.js

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

package/dist/components/SearchField/SearchField.js

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

package/dist/components/Select/Select.js

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

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

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

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

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

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

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

package/dist/components/Slider/Slider.js

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

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

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

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

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

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

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

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

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

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

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

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

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