@orfium/ictinus 4.55.0-next.2 → 4.55.0-next.20

package/package.json

@@ -1,62 +1,65 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.55.0-next.2",
+  "version": "4.55.0-next.20",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
   "sideEffects": false,
   "devDependencies": {
-    "@amanda-mitchell/semantic-release-npm-multiple": "^2.8.0",
+    "@amanda-mitchell/semantic-release-npm-multiple": "^3.9.0",
     "@babel/cli": "^7.13.16",
     "@babel/core": "^7.14.0",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/plugin-transform-runtime": "^7.13.15",
     "@babel/polyfill": "^7.12.1",
     "@babel/preset-env": "^7.14.1",
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
-    "@commitlint/cli": "^11.0.0",
-    "@commitlint/config-conventional": "^11.0.0",
+    "@commitlint/cli": "^17.7.2",
+    "@commitlint/config-conventional": "^17.7.0",
     "@emotion/babel-plugin": "^11.10.5",
     "@emotion/babel-preset-css-prop": "^11.10.0",
     "@emotion/eslint-plugin": "^11.10.0",
     "@emotion/jest": "^11.10.5",
-    "@mdx-js/react": "^1.6.22",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
     "@optimize-lodash/rollup-plugin": "^4.0.1",
     "@rollup/plugin-commonjs": "^23.0.7",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^10.0.1",
-    "@semantic-release/changelog": "^5.0.1",
-    "@semantic-release/git": "^9.0.0",
-    "@storybook/addon-a11y": "^6.5.7",
-    "@storybook/addon-actions": "^6.5.7",
-    "@storybook/addon-docs": "^6.5.7",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@storybook/addon-a11y": "^6.5.16",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-docs": "^6.5.16",
     "@storybook/addon-knobs": "^6.4.0",
-    "@storybook/addon-links": "^6.5.7",
-    "@storybook/addon-storyshots": "6.3.13",
-    "@storybook/addon-storysource": "^6.5.7",
-    "@storybook/addon-viewport": "^6.5.7",
-    "@storybook/addons": "^6.5.7",
-    "@storybook/builder-webpack5": "^6.5.7",
-    "@storybook/manager-webpack5": "^6.5.7",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/addon-storyshots": "6.5.16",
+    "@storybook/addon-storysource": "^6.5.16",
+    "@storybook/addon-viewport": "^6.5.16",
+    "@storybook/addons": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
     "@storybook/preset-typescript": "^3.0.0",
-    "@storybook/react": "^6.5.7",
+    "@storybook/react": "^6.5.16",
     "@svgr/rollup": "^6.5.1",
-    "@svgr/webpack": "^5.4.0",
-    "@testing-library/jest-dom": "^5.12.0",
-    "@testing-library/react": "^11.2.6",
-    "@testing-library/react-hooks": "^5.1.2",
-    "@testing-library/user-event": "^13.1.8",
+    "@svgr/webpack": "^8.1.0",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@testing-library/user-event": "^13.5.0",
     "@types/events": "^3.0.0",
     "@types/jest": "^26.0.23",
     "@types/lodash": "^4.14.149",
     "@types/pluralize": "^0.0.29",
-    "@types/react": "^17.0.9",
-    "@types/react-dom": "^17.0.6",
-    "@types/react-highlight-words": "^0.16.1",
-    "@types/react-router-dom": "^5.1.5",
-    "@types/react-test-renderer": "^17.0.1",
-    "@types/recharts": "^1.8.16",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@types/react-highlight-words": "^0.16.5",
+    "@types/react-input-mask": "^3.0.2",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-test-renderer": "^18.0.3",
+    "@types/recharts": "^1.8.25",
     "@types/styled-components": "^5.1.7",
     "@types/uuid": "^8.3.0",
     "@typescript-eslint/eslint-plugin": "^5.31.0",
@@ -64,8 +67,8 @@
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.0.6",
     "babel-plugin-inline-import-data-uri": "^1.0.1",
-    "babel-plugin-inline-react-svg": "^1.1.1",
-    "babel-plugin-module-resolver": "^4.0.0",
+    "babel-plugin-inline-react-svg": "^2.0.2",
+    "babel-plugin-module-resolver": "^5.0.0",
     "babel-plugin-named-asset-import": "^0.3.6",
     "babel-plugin-require-context-hook": "^1.0.0",
     "chromatic": "^6.5.6",
@@ -73,7 +76,7 @@
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-import-resolver-typescript": "^3.2.4",
-    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.2.0",
     "express": "^4.17.3",
@@ -81,16 +84,15 @@
     "husky": "^6.0.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.6.3",
-    "jest-specific-snapshot": "^4.0.0",
     "jest-transform-stub": "^2.0.0",
     "jest-webpack-resolver": "^0.3.0",
     "lint-staged": "^11.0.0",
     "prettier": "^2.6.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-router": "^5.2.0",
-    "react-router-dom": "^5.2.0",
-    "react-test-renderer": "^16.13.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router": "^5.3.4",
+    "react-router-dom": "^5.3.4",
+    "react-test-renderer": "^18.2.0",
     "rimraf": "^3.0.2",
     "rollup": "3.9.1",
     "rollup-plugin-delete": "^2.0.0",
@@ -98,40 +100,47 @@
     "rollup-plugin-import-css": "^3.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-terser": "^7.0.2",
-    "storybook-addon-designs": "^6.2.1",
+    "storybook-addon-designs": "^6.3.1",
     "storybook-addon-pseudo-states": "^1.14.0",
     "styled-components": "^5.2.0",
     "ts-jest": "^26.5.6",
     "ts-loader": "^9.1.2",
     "typedoc": "^0.22.12",
-    "typescript": "4.2.4",
+    "typescript": "4.9.5",
     "url-loader": "^4.1.0"
   },
   "dependencies": {
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
+    "@storybook/testing-library": "^0.2.2",
     "@tippyjs/react": "^4.2.5",
-    "@types/react-window": "^1.8.4",
     "dayjs": "^1.8.34",
     "emotion-reset": "^3.0.1",
     "lodash": "^4.17.19",
     "pluralize": "^8.0.0",
     "polished": "^3.4.4",
+    "react-aria": "^3.26.0",
+    "react-aria-components": "^1.0.0-alpha.5",
     "react-fast-compare": "^3.2.0",
-    "react-highlight-words": "^0.17.0",
+    "react-highlight-words": "^0.20.0",
+    "react-input-mask": "^2.0.4",
     "react-media": "^2.0.0-rc.1",
     "react-range": "^1.8.12",
     "react-switch": "^6.0.0",
     "react-window": "^1.8.6",
-    "recharts": "^1.8.5",
+    "recharts": "^2.8.0",
     "tslib": "^2.4.1",
     "uuid": "^8.3.2"
   },
   "resolutions": {
-    "@types/react": "17.0.0",
-    "@types/react-dom": "17.0.0"
+    "react-test-renderer": "18.1.0",
+    "@testing-library/user-event": "^13.5.0",
+    "**/trim": "^1.0.0",
+    "**/glob-parent": "^6.0.1",
+    "**/postcss": "^8.4.31",
+    "**/trim-newlines": "^3.0.1"
   },
   "peerDependencies": {
+    "@emotion/react": "^11.4.0",
+    "@emotion/styled": "^11.3.0",
     "prop-types": "^15.7.2",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
@@ -142,8 +151,8 @@
     "prepare": "yarn build && husky install",
     "start": "start-storybook -p 6006",
     "prebuild": "rimraf dist",
-    "build": "rollup -c --bundleConfigAsCjs",
-    "build:storybook": "build-storybook",
+    "build:lib": "rollup -c --bundleConfigAsCjs",
+    "build": "build-storybook -o build/",
     "lint": "eslint \"src/**/*.{ts,tsx}\"",
     "test": "jest",
     "test:watch": "jest --watch",

package/dist/bundle.css

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

package/dist/components/Avatar/Avatar.js

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

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

@@ -1,25 +0,0 @@
-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`
-      ${e};
-      width: ${r.size[t]};
-      height: ${r.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)};
-      overflow: hidden;
-      position: relative;
-      font-size: ${r.fontSize[t]};
-      font-weight: ${s.globals.typography.weights.get("medium")};
-      align-items: center;
-      flex-shrink: 0;
-      user-select: none;
-      justify-content: center;
-
-      img {
-        border-radius: ${s.globals.borderRadius.get("7")};
-        width: 100%;
-        height: 100%;
-      }
-    `;export{t as avatarStyle};

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

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

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

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

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

@@ -1,10 +0,0 @@
-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};
-
-      div:last-child {
-        width: ${e.size[o]};
-      }
-    `,r=({zIndex:i,size:o})=>()=>t`
-      z-index: ${i};
-      width: ${e.avatarStackSize[o]};
-    `;export{o as avatarStackStyle,r as avatarWrapperStyle};

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

@@ -1 +0,0 @@
-import{PropsValidationError as r}from"../../../utils/errors.js";const o=[{condition:({maxAvatars:r=4})=>Boolean(r<1),error:new r("maxAvatars prop must be greater than 0")}];export{o as errors};

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1 +0,0 @@
-import{jsx as r}from"@emotion/react/jsx-runtime";import t from"lodash/isEmpty.js";import e from"lodash/uniqueId.js";import*as o from"react";import{Link as m}from"react-router-dom";import{breadcrumbLinkStyles as a,breadcrumbStyles as s}from"./Breadcrumb.style.js";import i from"./BreadcrumbItem/BreadcrumbItem.js";const c=(r,t)=>t===r.length-1,d=({children:d,data:n=[]})=>{const l=o.useCallback(((t,e)=>{const{to:o,label:s}=t,i=c(n,e);return o?r(m,Object.assign({css:a(i),to:o},{children:s}),o):r("div",{children:s},void 0)}),[n]),u=o.Children.toArray(d),p=t(n)?u:n.map(l),b=o.useMemo((()=>(t,o)=>{const m=e("data_item_"),a=c(p,o);return r(i,{childComponent:t,isLastItem:a},m)}),[p]);return r("ol",Object.assign({"aria-label":"Breadcrumb",css:s()},{children:p.map(b)}),void 0)};export{d as default};

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

@@ -1,13 +0,0 @@
-import{css as o}from"@emotion/react";import{flex as r}from"../../theme/functions.js";const t=()=>()=>o`
-  ${r};
-  flex-wrap: nowrap;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-`,e=r=>t=>o`
-  text-decoration: none;
-  color: inherit;
-  &:hover {
-    color: ${r?t.utils.getColor("blue",650):t.utils.getColor("darkGrey",650)};
-  }
-`;export{e as breadcrumbLinkStyles,t as breadcrumbStyles};

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

@@ -1 +0,0 @@
-import{jsx as t,jsxs as i}from"@emotion/react/jsx-runtime";import{breadcrumbItemStyles as e}from"./BreadcrumbItem.style.js";import o from"../Separator/Separator.js";const r=({childComponent:r,isLastItem:s=!1})=>t("li",{children:i("div",Object.assign({css:e({isActive:s})},{children:[r,t(o,{isLastItem:s},void 0)]}),void 0)},void 0);export{r as default};

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

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

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

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

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

@@ -1,4 +0,0 @@
-import{css as o}from"@emotion/react";const t=()=>t=>o`
-      margin: auto ${t.globals.spacing.get("6")};
-      cursor: default;
-    `;export{t as separatorStyles};

package/dist/components/Button/Button.js

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

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

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

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

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

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

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

package/dist/components/Button/utils.js

@@ -1 +0,0 @@
-import t from"lodash/isEmpty.js";import"polished";import"../../theme/palette.js";import{getColorFromType as o}from"../../utils/themeFunctions.js";const r=(r,s,e,p,i)=>!i&&p?"transparent":s&&!t(s)?r.utils.getColor(s.color,s.shade):i&&e?o(e,r):"transparent";export{r as defineBackgroundColor};

package/dist/components/ButtonBase/ButtonBase.js

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

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

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

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/Card/Card.js

@@ -1 +0,0 @@
-import{jsx as e}from"@emotion/react/jsx-runtime";import{cardStyle as r}from"./Card.style.js";const s=({elevated:s,isTransparent:t=!1,radius:a,children:i})=>e("div",Object.assign({css:r({elevated:s,isTransparent:t,radius:a})},{children:i}),void 0);export{s as default};

package/dist/components/Card/Card.style.js

@@ -1,7 +0,0 @@
-import{css as o}from"@emotion/react";const a=({elevated:a,isTransparent:e,radius:s})=>t=>o`
-      ${a&&r(t,a,e,s)};
-    `,r=(a,r,e,s)=>o`
-  box-shadow: ${a.globals.elevation[r]};
-  background: ${e?"transparent":a.globals.colors.white};
-  border-radius: ${s?a.globals.spacing.get(s):0};
-`;export{r as cardElevation,a as cardStyle};

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

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

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

@@ -1 +0,0 @@
-import{jsx as o}from"@emotion/react/jsx-runtime";import e from"../../../../../hooks/useTheme.js";const t=({colors:t,value:i,x:s,y:r,width:l,height:n,index:c})=>{const a=e(),d=s&&l?s+l+16:16,h=r&&n?r+n/2:0,m=c&&t[c]?t[c]:a.globals.colors.black;return o("text",Object.assign({x:d,y:h},{children:o("tspan",Object.assign({dy:"0.335em",fontWeight:"bold",fill:m},{children:i}),void 0)}),void 0)};export{t as default};

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

@@ -1 +0,0 @@
-import{jsxs as t,jsx as o}from"@emotion/react/jsx-runtime";import{useRef as e,useState as r,useEffect as i,useCallback as n}from"react";import{tickStyle as s,tooltipStyle as c,tooltipArrowStyle as d}from"./CustomTooltip.style.js";const l=({content:l,fill:u})=>{const m=e(null),[v,a]=r(!1),[f,h]=r(!1);i((()=>{h(!!m.current&&m.current.scrollWidth>m.current.clientWidth)}),[h]);const p=n((()=>{a(!0)}),[a]),j=n((()=>{a(!1)}),[a]);return t("div",Object.assign({ref:m,onMouseEnter:p,onMouseLeave:j,css:s(u)},{children:[l,v&&f&&t("div",{children:[o("div",Object.assign({css:c()},{children:l}),void 0),o("div",{css:d()},void 0)]},void 0)]}),void 0)};export{l as default};

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

@@ -1,28 +0,0 @@
-import{css as o}from"@emotion/react";import{rem as t}from"../../../../../theme/utils.js";const r=t=>()=>o`
-      width: inherit;
-      height: inherit;
-      color: ${t};
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    `,e=()=>t=>o`
-      display: block;
-      position: fixed;
-      top: -33%;
-      left: 106%;
-      color: ${t.globals.colors.white};
-      background-color: ${t.utils.getColor("darkGrey",750)};
-      opacity: 90%;
-      border-radius: ${t.globals.spacing.get("3")};
-      padding: ${t.globals.spacing.get("4")};
-    `,i=()=>r=>o`
-      content: '';
-      position: absolute;
-      border-style: solid;
-      margin-top: ${t(-5)};
-      border-width: ${t(5)};
-      border-color: transparent ${r.utils.getColor("darkGrey",750)} transparent transparent;
-      top: 50%;
-      left: 100%;
-      opacity: 90%;
-    `;export{r as tickStyle,i as tooltipArrowStyle,e as tooltipStyle};

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

@@ -1 +0,0 @@
-import{jsx as i,jsxs as o}from"@emotion/react/jsx-runtime";import{tooltipStyle as n,tooltipUlStyle as d,tooltipLiStyle as e}from"./CustomTooltipContent.style.js";const l=({payload:l})=>{var s,t,c;const r=l&&(null===(c=null===(t=null===(s=l[0])||void 0===s?void 0:s.payload)||void 0===t?void 0:t.options)||void 0===c?void 0:c.hoverInfo);return r?i("div",Object.assign({className:"custom-tooltip",css:n()},{children:i("ul",Object.assign({css:d()},{children:r.map((({name:n,value:d,percentage:l})=>o("li",Object.assign({css:e()},{children:[i("div",{children:n},void 0),o("div",{children:[i("span",{children:i("b",{children:d},void 0)},void 0),l&&o("span",{children:["(",l,")"]},void 0)]},void 0)]}),`${n}${d}`)))}),void 0)}),void 0):null};export{l as default};

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

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

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

@@ -1 +0,0 @@
-import{lighten as o}from"polished";const l=o=>{const l=o||0,i=.05*(l?Math.pow(10,null==l?void 0:l.toString().length):0),n=i*(Math.floor(l/i)+1),t=n/i;return{maxDomainValue:n,tickCount:t%2?n/i+1:t/2+1}},i=(o,l)=>0===o?`${o}`:l>1e9||1e9===o?o/1e9+"B":l>1e6||1e6===o?o/1e6+"M":l>=1e3||1e3===o?o/1e3+"K":`${o}`,n=(l,i)=>l.map((l=>{var n,t,d,r;return(null===(n=null==l?void 0:l.options)||void 0===n?void 0:n.color)?"all"===(null===(t=null==l?void 0:l.options)||void 0===t?void 0:t.coloringOption)?o(.2,null===(d=null==l?void 0:l.options)||void 0===d?void 0:d.color):null===(r=null==l?void 0:l.options)||void 0===r?void 0:r.color:i})),t=(o,l)=>o.reduce(((o,i,n)=>{var t,d,r;return"all"!==(null===(t=i.options)||void 0===t?void 0:t.coloringOption)||(l&&l(i)?o[l(i)]=null===(d=i.options)||void 0===d?void 0:d.color:o[n]=null===(r=i.options)||void 0===r?void 0:r.color),o}),{});export{i as customTickFormatter,n as getBarColors,t as getColoringOptions,l as getValues};

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-import{jsxs as s,jsx as i}from"@emotion/react/jsx-runtime";import{tooltipStyle as e,tooltipHrStyle as l,tooltipUlStyle as o,tooltipLiStyle as t}from"./CustomTooltip.style.js";const a=({label:a,payload:c})=>s("div",Object.assign({className:"custom-tooltip",css:e()},{children:[s("p",Object.assign({className:"label",style:{margin:"0px"}},{children:[`${a}`," "]}),void 0),c&&c.length>1&&i("hr",{css:l()},void 0),c&&i("ul",Object.assign({css:o()},{children:c.map((({name:e,value:l})=>s("li",Object.assign({css:t()},{children:[i("div",{children:e},void 0)," ",i("div",{children:l},void 0)]}),e)))}),void 0)]}),void 0);export{a as default};

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

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

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

@@ -1 +0,0 @@
-import{jsxs as o,jsx as t}from"@emotion/react/jsx-runtime";import r from"react";var e=r.memo((({dataLabel:r,color:e})=>o("linearGradient",Object.assign({id:`color${r}`,x1:"0",y1:"0",x2:"0",y2:"1"},{children:[t("stop",{offset:"5%",stopColor:`${e}`,stopOpacity:.4},void 0),t("stop",{offset:"95%",stopColor:`${e}`,stopOpacity:0},void 0)]}),void 0)));export{e as default};

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

@@ -1 +0,0 @@
-import o from"lodash/flatten.js";import r from"lodash/keys.js";import t from"lodash/omit.js";import s from"lodash/sampleSize.js";import e from"lodash/uniq.js";const m=s=>e(o(s.map((o=>r(t(o,"name")))))),l=({theme:o,uniqueKeyNames:r,color:t})=>{const e=s(o.globals.colors.flat,r.length);return r.reduce(((o,r,s)=>{var m;const l="function"==typeof t&&t(r)?t(r):null===(m=e[s])||void 0===m?void 0:m[400];return o[r]=l,o}),{})};export{l as colorPicker,m as getKeyNames};

package/dist/components/Chart/Wrapper.js

@@ -1 +0,0 @@
-import{__rest as e}from"tslib";import{jsx as r}from"@emotion/react/jsx-runtime";import{ResponsiveContainer as t}from"recharts";function i(i){return n=>{var{children:o}=n,s=e(n,["children"]);return"test"!==process.env.NODE_ENV?r(t,Object.assign({aspect:null==s?void 0:s.aspect},{children:r(i,Object.assign({},s,{children:o}),void 0)}),void 0):r(i,Object.assign({width:1e3,height:500},s,{children:o}),void 0)}}export{i as default};

package/dist/components/CheckBox/CheckBox.js

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

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

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

package/dist/components/Chip/Chip.js

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

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

@@ -1,38 +0,0 @@
-import{css as o}from"@emotion/react";import{flexCenterVertical as t}from"../../theme/functions.js";import{rem as e}from"../../theme/utils.js";import{getDisabled as r}from"../../theme/states/disabled.js";import{getFocus as s}from"../../theme/states/focus.js";import{getHover as i}from"../../theme/states/hover.js";import{getPressed as l}from"../../theme/states/pressed.js";const n=({styleType:n,fill:a="greyScale",isSelected:g,onClear:c,onClick:d})=>h=>{const m="interactive"===n,b="read-only"===n||c||g;return o`
-      ${t};
-      height: ${h.globals.spacing.get("8")};
-      border-radius: ${h.globals.spacing.get("8")};
-      font-size: ${h.globals.typography.fontSizes.get("2")};
-      font-weight: ${h.globals.typography.weights.get("medium")};
-      line-height: normal;
-      box-sizing: border-box;
-      padding: ${h.globals.spacing.get("3")} ${h.globals.spacing.get("4")};
-      background-color: ${b?h.utils.getColor(a,50):h.globals.colors.white};
-      color: ${h.utils.getAAColorFromSwatches(a,50)};
-      border: ${e(1)} solid
-        ${b?h.utils.getColor(a,550):h.utils.getColor("lightGrey",200)};
-      cursor: ${d?"pointer":"auto"};
-      width: fit-content;
-      transition: background-color 150ms linear;
-
-      &:hover:not(:disabled) {
-        background: ${b?i({theme:h,color:a,shade:50}).backgroundColor:i({theme:h}).backgroundColor};
-      }
-
-      &:focus-visible:not(:disabled) {
-        outline: ${m?s({theme:h,borderWidth:1}).styleOutline:"none"};
-      }
-
-      ${m&&`\n    &:active:not(:disabled) {\n      background: ${l({theme:h,color:a,shade:50}).backgroundColor};\n    }\n\n\n      :disabled {\n        opacity: ${r().opacity};\n        cursor: ${r().cursor};\n      }\n    `}
-
-      > :not(:last-child) {
-        margin-right: ${h.globals.spacing.get("3")};
-      }
-    `},a=t=>()=>o`
-    cursor: ${t?r().cursor:"pointer"};
-  `,g=()=>o`
-  & > div {
-    width: ${e(16)};
-    height: ${e(16)};
-  }
-`;export{g as avatarStyle,n as chipStyle,a as closeIconWrapperStyle};

package/dist/components/Chip/Chip.types.js

@@ -1 +0,0 @@
-const e="read-only",t="interactive",n=[e,t];export{t as INTERACTIVE,e as READ_ONLY,n as styleType};