@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/componentsV2/Stepper/Stepper.js

@@ -1 +1,47 @@
-import{jsx as t}from"react/jsx-runtime";import e from"classnames";import{Step as r}from"./Step/Step.js";import s from"./Stepper.scss.js";var i=function(t,e){return t===e?"current":e&&t<e?"passed":"future"},o=function(o){var a=o.steps,n=o.activeStep,p=o.size,c=void 0===p?"medium":p,m=o.testId,d=o.className,u=o.onStepClick;return t("div",{className:e(s.root,d),"data-testid":m,children:a.map((function(e,s){return t(r,{prefix:e.prefix||s+1,tooltip:e.tooltip,testId:e.testId,className:e.className,onClick:u&&function(){return u(s,e)},size:c,state:i(s,n),error:"error"===e.state,disabled:"disabled"===e.state,noReturn:e.noReturn,children:e.title},s)}))})};export{o as Stepper};
+import classNames from 'classnames';
+import { Step } from './Step/Step.js';
+import styles from './Stepper.scss.js';
+import { jsx } from 'react/jsx-runtime';
+
+var getStepState = function getStepState(index, activeIndex) {
+  if (index === activeIndex) {
+    return 'current';
+  }
+  if (activeIndex && index < activeIndex) {
+    return 'passed';
+  }
+  return 'future';
+};
+var Stepper = function Stepper(_ref) {
+  var steps = _ref.steps,
+    activeStep = _ref.activeStep,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    testId = _ref.testId,
+    className = _ref.className,
+    onStepClick = _ref.onStepClick;
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(styles.root, className),
+    "data-testid": testId,
+    children: steps.map(function (step, index) {
+      return /*#__PURE__*/jsx(Step, {
+        prefix: step.prefix || index + 1,
+        tooltip: step.tooltip,
+        testId: step.testId,
+        className: step.className,
+        onClick: onStepClick && function () {
+          return onStepClick(index, step);
+        },
+        size: size,
+        state: getStepState(index, activeStep),
+        error: step.state === 'error',
+        disabled: step.state === 'disabled',
+        noReturn: step.noReturn,
+        children: step.title
+      }, index);
+    })
+  });
+};
+
+export { Stepper };
+//# sourceMappingURL=Stepper.js.map

package/componentsV2/Stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sources":["../../../src/componentsV2/Stepper/Stepper.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Step, StepProps } from './Step';\n\nimport styles from './Stepper.scss';\n\ntype Step = {\n  title: ReactNode;\n  /**\n   * Content to display to the left of title. Will be a step number by default. Will change to a check mark icon\n   * for passed steps without `onClick`\n   */\n  prefix?: ReactNode;\n  state?: 'error' | 'disabled';\n\n  tooltip?: ReactNode;\n\n  /**\n   * Defines if user can return to this step\n   */\n  noReturn?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nexport type StepperProps = {\n  steps: Step[];\n  activeStep?: number;\n  size?: 'medium' | 'large';\n  onStepClick?: (index: number, clickedStep: Step) => void;\n\n  className?: string;\n  testId?: string;\n};\n\nconst getStepState = (index: number, activeIndex?: number): StepProps['state'] => {\n  if (index === activeIndex) {\n    return 'current';\n  }\n\n  if (activeIndex && index < activeIndex) {\n    return 'passed';\n  }\n\n  return 'future';\n};\n\nexport const Stepper = ({\n  steps,\n  activeStep,\n  size = 'medium',\n  testId,\n  className,\n  onStepClick,\n}: StepperProps) => {\n  return (\n    <div className={classNames(styles.root, className)} data-testid={testId}>\n      {steps.map((step, index) => (\n        <Step\n          key={index}\n          prefix={step.prefix || index + 1}\n          tooltip={step.tooltip}\n          testId={step.testId}\n          className={step.className}\n          onClick={onStepClick && (() => onStepClick(index, step))}\n          size={size}\n          state={getStepState(index, activeStep)}\n          error={step.state === 'error'}\n          disabled={step.state === 'disabled'}\n          noReturn={step.noReturn}\n        >\n          {step.title}\n        </Step>\n      ))}\n    </div>\n  );\n};\n"],"names":["getStepState","index","activeIndex","Stepper","steps","activeStep","size","testId","className","onStepClick","_jsx","classNames","styles","root","map","step","prefix","tooltip","state","noReturn","title"],"mappings":";;;;;AAqCA,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAa,EAAEC,WAAoB,EAAyB;EAChF,IAAID,KAAK,KAAKC,WAAW,EAAE;AACzB,IAAA,OAAO,SAAS,CAAA;AAClB,GAAA;AAEA,EAAA,IAAIA,WAAW,IAAID,KAAK,GAAGC,WAAW,EAAE;AACtC,IAAA,OAAO,QAAQ,CAAA;AACjB,GAAA;AAEA,EAAA,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAEYC,IAAAA,OAAO,GAAG,SAAVA,OAAO,CAOA,IAAA,EAAA;EAAA,IANlBC,KAAK,QAALA,KAAK;AACLC,IAAAA,UAAU,QAAVA,UAAU;AAAA,IAAA,SAAA,GAAA,IAAA,CACVC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,QAAQ,GAAA,SAAA;AACfC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,WAAW,QAAXA,WAAW,CAAA;EAEX,oBACEC,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEL,SAAS,CAAE;AAAC,IAAA,aAAA,EAAaD,MAAO;AAAA,IAAA,QAAA,EACrEH,KAAK,CAACU,GAAG,CAAC,UAACC,IAAI,EAAEd,KAAK,EAAA;AAAA,MAAA,oBACrBS,IAAC,IAAI,EAAA;AAEH,QAAA,MAAM,EAAEK,IAAI,CAACC,MAAM,IAAIf,KAAK,GAAG,CAAE;QACjC,OAAO,EAAEc,IAAI,CAACE,OAAQ;QACtB,MAAM,EAAEF,IAAI,CAACR,MAAO;QACpB,SAAS,EAAEQ,IAAI,CAACP,SAAU;QAC1B,OAAO,EAAEC,WAAW,IAAK,YAAA;AAAA,UAAA,OAAMA,WAAW,CAACR,KAAK,EAAEc,IAAI,CAAC,CAAA;SAAE;AACzD,QAAA,IAAI,EAAET,IAAK;AACX,QAAA,KAAK,EAAEN,YAAY,CAACC,KAAK,EAAEI,UAAU,CAAE;AACvC,QAAA,KAAK,EAAEU,IAAI,CAACG,KAAK,KAAK,OAAQ;AAC9B,QAAA,QAAQ,EAAEH,IAAI,CAACG,KAAK,KAAK,UAAW;QACpC,QAAQ,EAAEH,IAAI,CAACI,QAAS;AAAA,QAAA,QAAA,EAEvBJ,IAAI,CAACK,KAAAA;AAAK,OAAA,EAZNnB,KAAK,CAaL,CAAA;KACR,CAAA;GACG,CAAA,CAAA;AAEV;;;;"}

package/componentsV2/Stepper/Stepper.scss.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Stepper_root__FV6wF"};e(".Stepper_root__FV6wF{display:flex;flex-flow:row wrap;gap:16px;justify-content:space-between}");export{t as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.Stepper_root__FV6wF {\n  display: flex;\n  gap: 16px;\n  flex-flow: row wrap;\n  justify-content: space-between;\n}";
+var styles = {"spacing":"8","root":"Stepper_root__FV6wF"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Stepper.scss.js.map

package/componentsV2/Stepper/Stepper.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/Switch/Switch.js

@@ -1 +1,78 @@
-import{__rest as e,__assign as a}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,jsx as l}from"react/jsx-runtime";import{forwardRef as s,useCallback as t}from"react";import r from"classnames";import{Switch as o}from"@material-ui/core";import{Text as d}from"../Text/Text.js";import m from"./Switch.scss.js";var c={medium:16,small:14},n={medium:m.medium,small:m.small},f=function(e){var a=e.label,i=e.active,s=e.size,t=e.disabled;return a?l(d,{size:c[s],color:t?"T8":i?"T1":"T7",className:m.label,children:a}):null},b=s((function(s,d){var c=s.onChange,b=s.disabled,u=s.size,p=void 0===u?"medium":u,h=s.className,v=s.inputRef,z=s.checked,T=s.onLabel,j=s.offLabel,k=s.testId,x=s.disableOffState,C=e(s,["onChange","disabled","size","className","inputRef","checked","onLabel","offLabel","testId","disableOffState"]),L=t((function(e,a){return null==c?void 0:c(a,e)}),[c]);return i("label",a({className:r(m.root,n[p],b&&m.disabled,x&&m.alwaysChecked,h),"data-testid":k,ref:d},C,{children:[l(f,{label:j,active:!x||!z,size:p,disabled:b}),l(o,{checked:!!z,disabled:b,inputRef:v,onChange:L,size:p,color:"primary"}),l(f,{label:T,active:!x||!!z,size:p,disabled:b})]}))}));export{b as Switch};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef, useCallback } from 'react';
+import classNames from 'classnames';
+import { Switch as Switch$1 } from '@material-ui/core';
+import { Text } from '../Text/Text.js';
+import styles from './Switch.scss.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["onChange", "disabled", "size", "className", "inputRef", "checked", "onLabel", "offLabel", "testId", "disableOffState"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var SizeToLabelSizeMap = {
+  medium: 16,
+  small: 14
+};
+var SizeToClassMap = {
+  medium: styles.medium,
+  small: styles.small
+};
+var SwitchLabel = function SwitchLabel(_ref) {
+  var label = _ref.label,
+    active = _ref.active,
+    size = _ref.size,
+    disabled = _ref.disabled;
+  var baseColor = active ? 'T1' : 'T7';
+  var actualColor = disabled ? 'T8' : baseColor;
+  return label ? /*#__PURE__*/jsx(Text, {
+    size: SizeToLabelSizeMap[size],
+    color: actualColor,
+    className: styles.label,
+    children: label
+  }) : null;
+};
+var Switch = forwardRef(function (_ref2, ref) {
+  var onChange = _ref2.onChange,
+    disabled = _ref2.disabled,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
+    className = _ref2.className,
+    inputRef = _ref2.inputRef,
+    checked = _ref2.checked,
+    onLabel = _ref2.onLabel,
+    offLabel = _ref2.offLabel,
+    testId = _ref2.testId,
+    disableOffState = _ref2.disableOffState,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var onChangeHandler = useCallback(function (event, checked) {
+    return onChange === null || onChange === void 0 ? void 0 : onChange(checked, event);
+  }, [onChange]);
+  return /*#__PURE__*/jsxs("label", _objectSpread(_objectSpread({
+    className: classNames(styles.root, SizeToClassMap[size], disabled && styles.disabled, disableOffState && styles.alwaysChecked, className),
+    "data-testid": testId,
+    ref: ref
+  }, rest), {}, {
+    children: [/*#__PURE__*/jsx(SwitchLabel, {
+      label: offLabel,
+      active: !disableOffState || !checked,
+      size: size,
+      disabled: disabled
+    }), /*#__PURE__*/jsx(Switch$1, {
+      checked: !!checked,
+      disabled: disabled,
+      inputRef: inputRef,
+      onChange: onChangeHandler,
+      size: size,
+      color: "primary"
+    }), /*#__PURE__*/jsx(SwitchLabel, {
+      label: onLabel,
+      active: !disableOffState || !!checked,
+      size: size,
+      disabled: disabled
+    })]
+  }));
+});
+
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/componentsV2/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../src/componentsV2/Switch/Switch.tsx"],"sourcesContent":["import { ChangeEvent, forwardRef, ReactNode, Ref, useCallback } from 'react';\nimport classNames from 'classnames';\nimport { Switch as MuiSwitch, SwitchProps as MuiSwitchProps } from '@material-ui/core';\n\nimport { Text, TextProps } from '../Text';\n\nimport styles from './Switch.scss';\n\nexport type SwitchProps = {\n  onLabel?: ReactNode;\n  offLabel?: ReactNode;\n\n  /**\n   * Checked state\n   */\n  checked?: boolean;\n  disabled?: boolean;\n  onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  size?: 'small' | 'medium';\n\n  /**\n   * If set to `true`, Switch will have the colors/styles as  if it's checked. Labels will change color depending on checked status\n   */\n  disableOffState?: boolean;\n\n  /**\n   * Ref to underlying input\n   */\n  inputRef?: Ref<HTMLInputElement>;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToLabelSizeMap: Record<Required<SwitchProps>['size'], TextProps['size']> = {\n  medium: 16,\n  small: 14,\n};\n\nconst SizeToClassMap: Record<Required<SwitchProps>['size'], string> = {\n  medium: styles.medium,\n  small: styles.small,\n};\n\ntype SwitchLabelProps = {\n  label: ReactNode;\n  active: boolean;\n  size: Required<SwitchProps>['size'];\n  disabled?: boolean;\n};\n\nconst SwitchLabel = ({ label, active, size, disabled }: SwitchLabelProps) => {\n  const baseColor = active ? 'T1' : 'T7';\n  const actualColor = disabled ? 'T8' : baseColor;\n\n  return label ? (\n    <Text size={SizeToLabelSizeMap[size]} color={actualColor} className={styles.label}>\n      {label}\n    </Text>\n  ) : null;\n};\n\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>(\n  (\n    {\n      onChange,\n      disabled,\n      size = 'medium',\n      className,\n      inputRef,\n      checked,\n      onLabel,\n      offLabel,\n      testId,\n      disableOffState,\n      // Needed for Tooltip to work\n      ...rest\n    },\n    ref\n  ) => {\n    const onChangeHandler = useCallback<Required<MuiSwitchProps>['onChange']>(\n      (event, checked) => onChange?.(checked, event),\n      [onChange]\n    );\n\n    return (\n      <label\n        className={classNames(\n          styles.root,\n          SizeToClassMap[size],\n          disabled && styles.disabled,\n          disableOffState && styles.alwaysChecked,\n          className\n        )}\n        data-testid={testId}\n        ref={ref}\n        {...rest}\n      >\n        <SwitchLabel\n          label={offLabel}\n          active={!disableOffState || !checked}\n          size={size}\n          disabled={disabled}\n        />\n\n        <MuiSwitch\n          checked={!!checked}\n          disabled={disabled}\n          inputRef={inputRef}\n          onChange={onChangeHandler}\n          size={size}\n          color=\"primary\"\n        />\n\n        <SwitchLabel\n          label={onLabel}\n          active={!disableOffState || !!checked}\n          size={size}\n          disabled={disabled}\n        />\n      </label>\n    );\n  }\n);\n"],"names":["SizeToLabelSizeMap","medium","small","SizeToClassMap","styles","SwitchLabel","label","active","size","disabled","baseColor","actualColor","_jsx","Switch","forwardRef","ref","onChange","className","inputRef","checked","onLabel","offLabel","testId","disableOffState","rest","onChangeHandler","useCallback","event","_jsxs","classNames","root","alwaysChecked","MuiSwitch"],"mappings":"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"}

package/componentsV2/Switch/Switch.scss.js

@@ -1 +1,8 @@
-import i from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Switch_root__mHAgn",disabled:"Switch_disabled__qXU1q",alwaysChecked:"Switch_alwaysChecked__fGW0g",medium:"Switch_medium__mEHyD",small:"Switch_small__I8x8q",label:"Switch_label__daEhv"};i(".Switch_root__mHAgn{align-items:center;cursor:pointer;display:inline-flex;gap:8px;justify-content:flex-start;vertical-align:middle}.Switch_root__mHAgn .MuiSwitch-input{left:0;width:100%}.Switch_root__mHAgn .MuiSwitch-root{overflow:visible;padding:5px 2px}.Switch_root__mHAgn .MuiIconButton-root{transition:background-color .15s cubic-bezier(.4,0,.2,1),left .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.Switch_root__mHAgn:not(.Switch_disabled__qXU1q):hover .MuiIconButton-root{background-color:rgb(from var(--palette-primary-text-1) r g b/.08)}.Switch_root__mHAgn:not(.Switch_disabled__qXU1q):hover .MuiIconButton-root.Mui-checked,.Switch_root__mHAgn:not(.Switch_disabled__qXU1q):hover.Switch_alwaysChecked__fGW0g .MuiIconButton-root{background-color:rgb(from var(--palette-primary-main) r g b/.08)}.Switch_alwaysChecked__fGW0g .MuiIconButton-root{color:var(--palette-primary-main)}.Switch_alwaysChecked__fGW0g .MuiSwitch-track{background-color:var(--palette-primary-main);opacity:.38}.Switch_medium__mEHyD .MuiSwitch-root{height:24px;width:40px}.Switch_medium__mEHyD .MuiSwitch-switchBase{left:-7px;top:-7px}.Switch_medium__mEHyD .MuiSwitch-switchBase.MuiButtonBase-root.Mui-checked{transform:translateX(16px)}.Switch_small__I8x8q .MuiSwitch-root{height:20px;width:32px}.Switch_small__I8x8q .MuiSwitch-switchBase{left:-2px;top:-2px}.Switch_small__I8x8q .MuiSwitch-switchBase.MuiButtonBase-root.Mui-checked{transform:translateX(14px)}.Switch_label__daEhv{transition:color .15s cubic-bezier(.4,0,.2,1)}.Switch_disabled__qXU1q{cursor:default}.Switch_disabled__qXU1q .MuiSwitch-switchBase.Mui-disabled+.MuiSwitch-track{background-color:#3d3d3d;opacity:1!important}.Switch_disabled__qXU1q .MuiSwitch-colorPrimary.Mui-disabled{color:#545454}.Switch_disabled__qXU1q .MuiSwitch-switchBase.Mui-checked.Mui-disabled+.MuiSwitch-track,.Switch_disabled__qXU1q.Switch_alwaysChecked__fGW0g .MuiSwitch-switchBase.Mui-disabled+.MuiSwitch-track{background-color:#223d40;opacity:1!important}.Switch_disabled__qXU1q .MuiSwitch-colorPrimary.Mui-checked.Mui-disabled,.Switch_disabled__qXU1q.Switch_alwaysChecked__fGW0g .MuiSwitch-colorPrimary.Mui-disabled{color:#196069}");export{t as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.Switch_root__mHAgn {\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  cursor: pointer;\n  gap: 8px;\n  justify-content: flex-start;\n}\n.Switch_root__mHAgn .MuiSwitch-input {\n  width: 100%;\n  left: 0;\n}\n.Switch_root__mHAgn .MuiSwitch-root {\n  overflow: visible;\n  padding: 5px 2px;\n}\n.Switch_root__mHAgn .MuiIconButton-root {\n  transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 0.15s, left cubic-bezier(0.4, 0, 0.2, 1) 0.15s, transform cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n}\n.Switch_root__mHAgn:not(.Switch_disabled__qXU1q):hover .MuiIconButton-root {\n  background-color: rgb(from var(--palette-primary-text-1) r g b / 0.08);\n}\n.Switch_root__mHAgn:not(.Switch_disabled__qXU1q):hover.Switch_alwaysChecked__fGW0g .MuiIconButton-root,\n.Switch_root__mHAgn:not(.Switch_disabled__qXU1q):hover .MuiIconButton-root.Mui-checked {\n  background-color: rgb(from var(--palette-primary-main) r g b / 0.08);\n}\n.Switch_alwaysChecked__fGW0g .MuiIconButton-root {\n  color: var(--palette-primary-main);\n}\n.Switch_alwaysChecked__fGW0g .MuiSwitch-track {\n  background-color: var(--palette-primary-main);\n  opacity: 0.38;\n}\n.Switch_medium__mEHyD .MuiSwitch-root {\n  height: 24px;\n  width: 40px;\n}\n.Switch_medium__mEHyD .MuiSwitch-switchBase {\n  top: -7px;\n  left: -7px;\n}\n.Switch_medium__mEHyD .MuiSwitch-switchBase.MuiButtonBase-root.Mui-checked {\n  transform: translateX(16px);\n}\n.Switch_small__I8x8q .MuiSwitch-root {\n  width: 32px;\n  height: 20px;\n}\n.Switch_small__I8x8q .MuiSwitch-switchBase {\n  top: -2px;\n  left: -2px;\n}\n.Switch_small__I8x8q .MuiSwitch-switchBase.MuiButtonBase-root.Mui-checked {\n  transform: translateX(14px);\n}\n.Switch_label__daEhv {\n  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n}\n.Switch_disabled__qXU1q {\n  cursor: default;\n}\n.Switch_disabled__qXU1q .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track {\n  opacity: 1 !important;\n  background-color: #3d3d3d;\n}\n.Switch_disabled__qXU1q .MuiSwitch-colorPrimary.Mui-disabled {\n  color: #545454;\n}\n.Switch_disabled__qXU1q.Switch_alwaysChecked__fGW0g .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track,\n.Switch_disabled__qXU1q .MuiSwitch-switchBase.Mui-checked.Mui-disabled + .MuiSwitch-track {\n  opacity: 1 !important;\n  background-color: #223d40;\n}\n.Switch_disabled__qXU1q.Switch_alwaysChecked__fGW0g .MuiSwitch-colorPrimary.Mui-disabled,\n.Switch_disabled__qXU1q .MuiSwitch-colorPrimary.Mui-checked.Mui-disabled {\n  color: #196069;\n}";
+var styles = {"spacing":"8","root":"Switch_root__mHAgn","disabled":"Switch_disabled__qXU1q","alwaysChecked":"Switch_alwaysChecked__fGW0g","medium":"Switch_medium__mEHyD","small":"Switch_small__I8x8q","label":"Switch_label__daEhv"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Switch.scss.js.map

package/componentsV2/Switch/Switch.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/Tabs/Tabs.js

@@ -1 +1,95 @@
-import{__rest as e,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as a,Fragment as t}from"react/jsx-runtime";import{Tab as o,Tabs as s}from"@material-ui/core";import l from"classnames";import{forwardRef as m,useCallback as n}from"react";import{Tooltip as d}from"../Tooltip/Tooltip.js";import c from"./Tabs.scss.js";var p={medium:c.medium,small:c.small},u={primary:c.primary,secondary:c.secondary,tertiary:c.tertiary},f={horizontal:c.horizontal,vertical:c.vertical},v=m((function(s,m){var n=s.item,f=s.type,v=s.size,y=e(s,["item","type","size"]),b=n.className,h=n.disabled,z=n.prefix,N=n.testId,T=n.label,j=n.value,x=n.tooltip;return i(d,{title:x,disabled:!x,children:i(o,r({},y,{label:a(t,{children:[z&&i("span",{className:c.prefix,children:z}),T]}),value:j,disabled:h,className:l(c.tab,u[f],p[v],b),"data-testid":N,ref:m}))})})),y=function(e){var r=e.testId,a=e.items,t=e.className,o=e.onChange,m=e.type,d=void 0===m?"primary":m,p=e.size,u=void 0===p?"medium":p,y=e.direction,b=void 0===y?"horizontal":y,h=e.value,z=n((function(e,r){return null==o?void 0:o(r)}),[o]);return i(s,{className:l(c.root,f[b],"primary"!==d&&c.noIndicator,t),onChange:z,"data-testid":r,scrollButtons:"off",value:h,indicatorColor:"primary",orientation:b,children:a.map((function(e){return i(v,{size:u,type:d,item:e,value:e.value},e.value)}))})};export{y as Tabs};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Tab as Tab$1, Tabs as Tabs$1 } from '@material-ui/core';
+import classNames from 'classnames';
+import { forwardRef, useCallback } from 'react';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import styles from './Tabs.scss.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var _excluded = ["item", "type", "size"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var SizeToClassMap = {
+  medium: styles.medium,
+  small: styles.small
+};
+var TypeToClassMap = {
+  primary: styles.primary,
+  secondary: styles.secondary,
+  tertiary: styles.tertiary
+};
+var DirectionToClassMap = {
+  horizontal: styles.horizontal,
+  vertical: styles.vertical
+};
+var Tab = forwardRef(function (_ref, ref) {
+  var item = _ref.item,
+    type = _ref.type,
+    size = _ref.size,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var className = item.className,
+    disabled = item.disabled,
+    prefix = item.prefix,
+    testId = item.testId,
+    label = item.label,
+    value = item.value,
+    tooltip = item.tooltip;
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: tooltip,
+    disabled: !tooltip,
+    children: /*#__PURE__*/jsx(Tab$1, _objectSpread(_objectSpread({}, restProps), {}, {
+      label: /*#__PURE__*/jsxs(Fragment, {
+        children: [prefix && /*#__PURE__*/jsx("span", {
+          className: styles.prefix,
+          children: prefix
+        }), label]
+      }),
+      value: value,
+      disabled: disabled,
+      className: classNames(styles.tab, TypeToClassMap[type], SizeToClassMap[size], className),
+      "data-testid": testId,
+      ref: ref
+    }))
+  });
+});
+var Tabs = function Tabs(_ref2) {
+  var testId = _ref2.testId,
+    items = _ref2.items,
+    className = _ref2.className,
+    onChange = _ref2.onChange,
+    _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'primary' : _ref2$type,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
+    _ref2$direction = _ref2.direction,
+    direction = _ref2$direction === void 0 ? 'horizontal' : _ref2$direction,
+    value = _ref2.value;
+  var changeHandler = useCallback(function (_event, value) {
+    return onChange === null || onChange === void 0 ? void 0 : onChange(value);
+  }, [onChange]);
+  return /*#__PURE__*/jsx(Tabs$1, {
+    className: classNames(styles.root, DirectionToClassMap[direction], type !== 'primary' && styles.noIndicator, className),
+    onChange: changeHandler,
+    "data-testid": testId,
+    scrollButtons: "off",
+    value: value,
+    indicatorColor: "primary",
+    orientation: direction,
+    children: items.map(function (item) {
+      return (
+        /*#__PURE__*/
+        // ⚠️⚠️⚠️ `value` prop is obligatory, MuiTabs relies on it
+        jsx(Tab, {
+          size: size,
+          type: type,
+          item: item,
+          value: item.value
+        }, item.value)
+      );
+    })
+  });
+};
+
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

package/componentsV2/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/componentsV2/Tabs/Tabs.tsx"],"sourcesContent":["import { Tab as MuiTab, Tabs as MuiTabs } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { forwardRef, ReactNode, useCallback } from 'react';\n\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './Tabs.scss';\n\nexport type TabsProps = {\n  items: {\n    label: ReactNode;\n    value: string;\n\n    prefix?: ReactNode;\n\n    tooltip?: ReactNode;\n\n    disabled?: boolean;\n    className?: string;\n    testId?: string;\n  }[];\n  onChange?: (value: string) => void;\n  value?: string;\n  size?: 'small' | 'medium';\n  type?: 'primary' | 'secondary' | 'tertiary';\n  direction?: 'horizontal' | 'vertical';\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<TabsProps>['size'], string> = {\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst TypeToClassMap: Record<Required<TabsProps>['type'], string> = {\n  primary: styles.primary,\n  secondary: styles.secondary,\n  tertiary: styles.tertiary,\n};\n\nconst DirectionToClassMap: Record<Required<TabsProps>['direction'], string> = {\n  horizontal: styles.horizontal,\n  vertical: styles.vertical,\n};\n\ntype TabProps = {\n  item: TabsProps['items'][number];\n  type: Required<TabsProps>['type'];\n  size: Required<TabsProps>['size'];\n} & Record<string, unknown>;\n\nconst Tab = forwardRef<HTMLDivElement, TabProps>(({ item, type, size, ...restProps }, ref) => {\n  const { className, disabled, prefix, testId, label, value, tooltip } = item;\n\n  return (\n    <Tooltip title={tooltip} disabled={!tooltip}>\n      <MuiTab\n        {...restProps}\n        label={\n          <>\n            {prefix && <span className={styles.prefix}>{prefix}</span>}\n            {label}\n          </>\n        }\n        value={value}\n        disabled={disabled}\n        className={classNames(styles.tab, TypeToClassMap[type], SizeToClassMap[size], className)}\n        data-testid={testId}\n        ref={ref}\n      />\n    </Tooltip>\n  );\n});\n\nexport const Tabs = ({\n  testId,\n  items,\n  className,\n  onChange,\n  type = 'primary',\n  size = 'medium',\n  direction = 'horizontal',\n  value,\n}: TabsProps) => {\n  const changeHandler = useCallback(\n    (_event: object, value: string) => onChange?.(value),\n    [onChange]\n  );\n\n  return (\n    <MuiTabs\n      className={classNames(\n        styles.root,\n        DirectionToClassMap[direction],\n        type !== 'primary' && styles.noIndicator,\n        className\n      )}\n      onChange={changeHandler}\n      data-testid={testId}\n      scrollButtons=\"off\"\n      value={value}\n      indicatorColor=\"primary\"\n      orientation={direction}\n    >\n      {items.map(item => (\n        // ⚠️⚠️⚠️ `value` prop is obligatory, MuiTabs relies on it\n        <Tab key={item.value} size={size} type={type} item={item} value={item.value} />\n      ))}\n    </MuiTabs>\n  );\n};\n"],"names":["SizeToClassMap","medium","styles","small","TypeToClassMap","primary","secondary","tertiary","DirectionToClassMap","horizontal","vertical","Tab","forwardRef","ref","item","type","size","restProps","className","disabled","prefix","testId","label","value","tooltip","_jsx","MuiTab","_jsxs","_Fragment","classNames","tab","Tabs","items","onChange","direction","changeHandler","useCallback","_event","MuiTabs","root","noIndicator","map"],"mappings":"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"}

package/componentsV2/Tabs/Tabs.scss.js

@@ -1 +1,8 @@
-import a from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Tabs_root__DgPiH",noIndicator:"Tabs_noIndicator__ITua3",horizontal:"Tabs_horizontal__YMywj",vertical:"Tabs_vertical__TnLSd",tab:"Tabs_tab__NFqwu",prefix:"Tabs_prefix__iZS2W",medium:"Tabs_medium__3gakB",small:"Tabs_small__5pNab",secondary:"Tabs_secondary__-eI3q",tertiary:"Tabs_tertiary__qaMyN"};a(".Tabs_root__DgPiH.MuiTabs-root{min-height:auto;overflow:auto}.Tabs_root__DgPiH .MuiTabs-flexContainer{gap:8px}.Tabs_root__DgPiH .MuiTabs-indicator{border-radius:4px}.Tabs_root__DgPiH .MuiTabs-fixed{overflow:visible!important;width:auto}.Tabs_noIndicator__ITua3 .MuiTabs-indicator{display:none}.Tabs_horizontal__YMywj{max-width:100%}.Tabs_horizontal__YMywj .MuiTabs-indicator{height:4px}.Tabs_vertical__TnLSd{max-height:100%}.Tabs_vertical__TnLSd .Tabs_tab__NFqwu{max-width:100%}.Tabs_vertical__TnLSd .Tabs_tab__NFqwu .MuiTab-wrapper{justify-content:flex-start}.Tabs_vertical__TnLSd .MuiTabs-indicator{left:0;right:auto;width:4px}.Tabs_vertical__TnLSd .MuiTab-wrapper{align-items:flex-start}.Tabs_tab__NFqwu.MuiTab-root{border-radius:8px;color:var(--palette-primary-text-6);font-size:16px;letter-spacing:0;margin:0;min-width:auto;opacity:1;padding:0 16px;text-transform:none;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.Tabs_tab__NFqwu.MuiTab-root:hover{background:rgb(from var(--palette-primary-text-1) r g b/.08);color:var(--palette-primary-text-1)}.Tabs_tab__NFqwu.MuiTab-root.Mui-selected{background-color:transparent;color:var(--palette-primary-main)}.Tabs_tab__NFqwu.MuiTab-root .MuiTab-wrapper{flex-flow:row nowrap;gap:4px}.Tabs_prefix__iZS2W{align-self:center}.Tabs_prefix__iZS2W .i-icon,.Tabs_prefix__iZS2W svg{display:block}.Tabs_medium__3gakB.MuiTab-root{min-height:40px}.Tabs_medium__3gakB.MuiTab-root .Tabs_prefix__iZS2W .i-icon,.Tabs_medium__3gakB.MuiTab-root .Tabs_prefix__iZS2W svg{height:24px;width:24px}.Tabs_small__5pNab.MuiTab-root{min-height:32px}.Tabs_small__5pNab.MuiTab-root .Tabs_prefix__iZS2W .i-icon,.Tabs_small__5pNab.MuiTab-root .Tabs_prefix__iZS2W svg{height:20px!important;width:20px!important}.Tabs_secondary__-eI3q.MuiTab-root.Mui-selected{background-color:rgb(from var(--palette-primary-main) r g b/.1)}.Tabs_tertiary__qaMyN.MuiTab-root{color:var(--palette-primary-text-7);font-weight:400;padding:0 8px}.Tabs_tertiary__qaMyN.MuiTab-root.Tabs_medium__3gakB{font-size:18px;min-height:30px}.Tabs_tertiary__qaMyN.MuiTab-root.Tabs_small__5pNab{font-size:12px;min-height:24px}.Tabs_tertiary__qaMyN.MuiTab-root:hover{background-color:transparent;color:var(--palette-primary-text-1)}.Tabs_tertiary__qaMyN.MuiTab-root.Mui-selected{background-color:rgb(from var(--palette-primary-text-1) r g b/.08);color:var(--palette-primary-text-1);font-weight:500}");export{t as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.Tabs_root__DgPiH.MuiTabs-root {\n  overflow: auto;\n  min-height: auto;\n}\n.Tabs_root__DgPiH .MuiTabs-flexContainer {\n  gap: 8px;\n}\n.Tabs_root__DgPiH .MuiTabs-indicator {\n  border-radius: 4px;\n}\n.Tabs_root__DgPiH .MuiTabs-fixed {\n  width: auto;\n  overflow: visible !important;\n}\n.Tabs_noIndicator__ITua3 .MuiTabs-indicator {\n  display: none;\n}\n.Tabs_horizontal__YMywj {\n  max-width: 100%;\n}\n.Tabs_horizontal__YMywj .MuiTabs-indicator {\n  height: 4px;\n}\n.Tabs_vertical__TnLSd {\n  max-height: 100%;\n}\n.Tabs_vertical__TnLSd .Tabs_tab__NFqwu {\n  max-width: 100%;\n}\n.Tabs_vertical__TnLSd .Tabs_tab__NFqwu .MuiTab-wrapper {\n  justify-content: flex-start;\n}\n.Tabs_vertical__TnLSd .MuiTabs-indicator {\n  width: 4px;\n  right: auto;\n  left: 0;\n}\n.Tabs_vertical__TnLSd .MuiTab-wrapper {\n  align-items: flex-start;\n}\n.Tabs_tab__NFqwu.MuiTab-root {\n  margin: 0;\n  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s, background cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n  border-radius: 8px;\n  color: var(--palette-primary-text-6);\n  padding: 0px 16px;\n  min-width: auto;\n  opacity: 1;\n  text-transform: none;\n  font-size: 16px;\n  letter-spacing: 0;\n}\n.Tabs_tab__NFqwu.MuiTab-root:hover {\n  color: var(--palette-primary-text-1);\n  background: rgb(from var(--palette-primary-text-1) r g b / 0.08);\n}\n.Tabs_tab__NFqwu.MuiTab-root.Mui-selected {\n  color: var(--palette-primary-main);\n  background-color: transparent;\n}\n.Tabs_tab__NFqwu.MuiTab-root .MuiTab-wrapper {\n  flex-flow: row nowrap;\n  gap: 4px;\n}\n.Tabs_prefix__iZS2W {\n  align-self: center;\n}\n.Tabs_prefix__iZS2W .i-icon,\n.Tabs_prefix__iZS2W svg {\n  display: block;\n}\n.Tabs_medium__3gakB.MuiTab-root {\n  min-height: 40px;\n}\n.Tabs_medium__3gakB.MuiTab-root .Tabs_prefix__iZS2W .i-icon,\n.Tabs_medium__3gakB.MuiTab-root .Tabs_prefix__iZS2W svg {\n  width: 24px;\n  height: 24px;\n}\n.Tabs_small__5pNab.MuiTab-root {\n  min-height: 32px;\n}\n.Tabs_small__5pNab.MuiTab-root .Tabs_prefix__iZS2W .i-icon,\n.Tabs_small__5pNab.MuiTab-root .Tabs_prefix__iZS2W svg {\n  width: 20px !important;\n  height: 20px !important;\n}\n.Tabs_secondary__-eI3q.MuiTab-root.Mui-selected {\n  background-color: rgb(from var(--palette-primary-main) r g b / 0.1);\n}\n.Tabs_tertiary__qaMyN.MuiTab-root {\n  color: var(--palette-primary-text-7);\n  padding: 0px 8px;\n  font-weight: 400;\n}\n.Tabs_tertiary__qaMyN.MuiTab-root.Tabs_medium__3gakB {\n  min-height: 30px;\n  font-size: 18px;\n}\n.Tabs_tertiary__qaMyN.MuiTab-root.Tabs_small__5pNab {\n  min-height: 24px;\n  font-size: 12px;\n}\n.Tabs_tertiary__qaMyN.MuiTab-root:hover {\n  color: var(--palette-primary-text-1);\n  background-color: transparent;\n}\n.Tabs_tertiary__qaMyN.MuiTab-root.Mui-selected {\n  font-weight: 500;\n  color: var(--palette-primary-text-1);\n  background-color: rgb(from var(--palette-primary-text-1) r g b / 0.08);\n}";
+var styles = {"spacing":"8","root":"Tabs_root__DgPiH","noIndicator":"Tabs_noIndicator__ITua3","horizontal":"Tabs_horizontal__YMywj","vertical":"Tabs_vertical__TnLSd","tab":"Tabs_tab__NFqwu","prefix":"Tabs_prefix__iZS2W","medium":"Tabs_medium__3gakB","small":"Tabs_small__5pNab","secondary":"Tabs_secondary__-eI3q","tertiary":"Tabs_tertiary__qaMyN"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Tabs.scss.js.map

package/componentsV2/Tabs/Tabs.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/Text/Text.js

@@ -1 +1,66 @@
-import{__rest as i,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import r from"classnames";import{forwardRef as t}from"react";import s from"./Text.scss.js";var l={36:s.size_36,32:s.size_32,24:s.size_24,20:s.size_20,18:s.size_18,16:s.size_16,14:s.size_14,12:s.size_12,10:s.size_10},a={bold:s.bold,medium:s.medium,regular:s.regular},c={T1:s.color_t1,T6:s.color_t6,T7:s.color_t7,T8:s.color_t8,T9:s.color_t9,inherit:s.color_inherit},m=t((function(t,m){var d=t.children,_=t.size,n=void 0===_?16:_,z=t.weight,u=void 0===z?"regular":z,f=t.color,g=void 0===f?"T1":f,h=t.italic,p=void 0!==h&&h,v=t.tagName,T=void 0===v?"span":v,N=t.className,b=t.testId,j=i(t,["children","size","weight","color","italic","tagName","className","testId"]);return o(T,e({ref:m,className:r(s.root,l[n],a[u],c[g],p&&s.italic,N),"data-testid":b},j,{children:d}))}));export{m as Text};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import styles from './Text.scss.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "size", "weight", "color", "italic", "tagName", "className", "testId"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var SizesMap = {
+  36: styles.size_36,
+  32: styles.size_32,
+  24: styles.size_24,
+  20: styles.size_20,
+  18: styles.size_18,
+  16: styles.size_16,
+  14: styles.size_14,
+  12: styles.size_12,
+  10: styles.size_10
+};
+var WeightMap = {
+  bold: styles.bold,
+  medium: styles.medium,
+  regular: styles.regular
+};
+var ColorMap = {
+  T1: styles.color_t1,
+  T6: styles.color_t6,
+  T7: styles.color_t7,
+  T8: styles.color_t8,
+  T9: styles.color_t9,
+  inherit: styles.color_inherit
+};
+var Text = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'T1' : _ref$color,
+    _ref$italic = _ref.italic,
+    italic = _ref$italic === void 0 ? false : _ref$italic,
+    _ref$tagName = _ref.tagName,
+    TagName = _ref$tagName === void 0 ? 'span' : _ref$tagName,
+    className = _ref.className,
+    testId = _ref.testId,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return (
+    /*#__PURE__*/
+    // @ts-expect-error We don't know which element will be rendered (can be any), so we can't provide a better type than HTMLElement
+    jsx(TagName
+    // @ts-expect-error TS can't handle this and fails with "Expression produces a union type that is too complex to represent." but the code works
+    , _objectSpread(_objectSpread({
+      ref: ref,
+      className: classNames(styles.root, SizesMap[size], WeightMap[weight], ColorMap[color], italic && styles.italic, className),
+      "data-testid": testId
+    }, rest), {}, {
+      children: children
+    }))
+  );
+});
+
+export { Text };
+//# sourceMappingURL=Text.js.map

package/componentsV2/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../src/componentsV2/Text/Text.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { forwardRef, ReactNode } from 'react';\n\nimport styles from './Text.scss';\n\nexport type TextProps = {\n  /**\n   * Content\n   */\n  children?: ReactNode;\n  size?: 36 | 32 | 24 | 20 | 18 | 16 | 14 | 12 | 10;\n  weight?: 'regular' | 'medium' | 'bold';\n  italic?: boolean;\n  color?: 'T1' | 'T6' | 'T7' | 'T8' | 'T9' | 'inherit';\n  /**\n   * Tag that will be rendered\n   */\n  tagName?: keyof JSX.IntrinsicElements;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizesMap: Record<Required<TextProps>['size'], string> = {\n  36: styles.size_36,\n  32: styles.size_32,\n  24: styles.size_24,\n  20: styles.size_20,\n  18: styles.size_18,\n  16: styles.size_16,\n  14: styles.size_14,\n  12: styles.size_12,\n  10: styles.size_10,\n};\n\nconst WeightMap: Record<Required<TextProps>['weight'], string> = {\n  bold: styles.bold,\n  medium: styles.medium,\n  regular: styles.regular,\n};\n\nconst ColorMap: Record<Required<TextProps>['color'], string> = {\n  T1: styles.color_t1,\n  T6: styles.color_t6,\n  T7: styles.color_t7,\n  T8: styles.color_t8,\n  T9: styles.color_t9,\n  inherit: styles.color_inherit,\n};\n\nexport const Text = forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      children,\n      size = 16,\n      weight = 'regular',\n      color = 'T1',\n      italic = false,\n      tagName: TagName = 'span',\n      className,\n      testId,\n      // Needed for Tooltip to work\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      // @ts-expect-error We don't know which element will be rendered (can be any), so we can't provide a better type than HTMLElement\n      <TagName\n        // @ts-expect-error TS can't handle this and fails with \"Expression produces a union type that is too complex to represent.\" but the code works\n        ref={ref}\n        className={classNames(\n          styles.root,\n          SizesMap[size],\n          WeightMap[weight],\n          ColorMap[color],\n          italic && styles.italic,\n          className\n        )}\n        data-testid={testId}\n        {...rest}\n      >\n        {children}\n      </TagName>\n    );\n  }\n);\n"],"names":["SizesMap","styles","size_36","size_32","size_24","size_20","size_18","size_16","size_14","size_12","size_10","WeightMap","bold","medium","regular","ColorMap","T1","color_t1","T6","color_t6","T7","color_t7","T8","color_t8","T9","color_t9","inherit","color_inherit","Text","forwardRef","ref","children","size","weight","color","italic","tagName","TagName","className","testId","rest","_jsx","classNames","root"],"mappings":";;;;;;;;;;AAuBA,IAAMA,QAAqD,GAAG;EAC5D,EAAE,EAAEC,MAAM,CAACC,OAAO;EAClB,EAAE,EAAED,MAAM,CAACE,OAAO;EAClB,EAAE,EAAEF,MAAM,CAACG,OAAO;EAClB,EAAE,EAAEH,MAAM,CAACI,OAAO;EAClB,EAAE,EAAEJ,MAAM,CAACK,OAAO;EAClB,EAAE,EAAEL,MAAM,CAACM,OAAO;EAClB,EAAE,EAAEN,MAAM,CAACO,OAAO;EAClB,EAAE,EAAEP,MAAM,CAACQ,OAAO;EAClB,EAAE,EAAER,MAAM,CAACS,OAAAA;AACb,CAAC,CAAA;AAED,IAAMC,SAAwD,GAAG;EAC/DC,IAAI,EAAEX,MAAM,CAACW,IAAI;EACjBC,MAAM,EAAEZ,MAAM,CAACY,MAAM;EACrBC,OAAO,EAAEb,MAAM,CAACa,OAAAA;AAClB,CAAC,CAAA;AAED,IAAMC,QAAsD,GAAG;EAC7DC,EAAE,EAAEf,MAAM,CAACgB,QAAQ;EACnBC,EAAE,EAAEjB,MAAM,CAACkB,QAAQ;EACnBC,EAAE,EAAEnB,MAAM,CAACoB,QAAQ;EACnBC,EAAE,EAAErB,MAAM,CAACsB,QAAQ;EACnBC,EAAE,EAAEvB,MAAM,CAACwB,QAAQ;EACnBC,OAAO,EAAEzB,MAAM,CAAC0B,aAAAA;AAClB,CAAC,CAAA;IAEYC,IAAI,GAAGC,UAAU,CAC5B,UAAA,IAAA,EAaEC,GAAG,EACA;EAAA,IAZDC,QAAQ,QAARA,QAAQ;AAAA,IAAA,SAAA,GAAA,IAAA,CACRC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,EAAE,GAAA,SAAA;AAAA,IAAA,WAAA,GAAA,IAAA,CACTC,MAAM;AAANA,IAAAA,MAAM,4BAAG,SAAS,GAAA,WAAA;AAAA,IAAA,UAAA,GAAA,IAAA,CAClBC,KAAK;AAALA,IAAAA,KAAK,2BAAG,IAAI,GAAA,UAAA;AAAA,IAAA,WAAA,GAAA,IAAA,CACZC,MAAM;AAANA,IAAAA,MAAM,4BAAG,KAAK,GAAA,WAAA;AAAA,IAAA,YAAA,GAAA,IAAA,CACdC,OAAO;AAAEC,IAAAA,OAAO,6BAAG,MAAM,GAAA,YAAA;AACzBC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,MAAM,QAANA,MAAM;IAEHC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAIT,EAAA;AAAA;AACE;IACAC,GAAC,CAAA,OAAA;AACC;AAAA,MAAA,aAAA,CAAA,aAAA,CAAA;AACA,MAAA,GAAG,EAAEX,GAAI;AACT,MAAA,SAAS,EAAEY,UAAU,CACnBzC,MAAM,CAAC0C,IAAI,EACX3C,QAAQ,CAACgC,IAAI,CAAC,EACdrB,SAAS,CAACsB,MAAM,CAAC,EACjBlB,QAAQ,CAACmB,KAAK,CAAC,EACfC,MAAM,IAAIlC,MAAM,CAACkC,MAAM,EACvBG,SAAS,CACT;MACF,aAAaC,EAAAA,MAAAA;AAAO,KAAA,EAChBC,IAAI,CAAA,EAAA,EAAA,EAAA;MAAA,QAEPT,EAAAA,QAAAA;AAAQ,KAAA,CAAA,CAAA;AACD,IAAA;AAEd,CAAC;;;;"}

package/componentsV2/Text/Text.scss.js

@@ -1 +1,8 @@
-import _ from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"Text_root__G-qv6",italic:"Text_italic__egohG",size_36:"Text_size_36__VVftv",size_32:"Text_size_32__mrSgO",size_24:"Text_size_24__Torfe",size_20:"Text_size_20__oMX5E",size_18:"Text_size_18__mKB8g",size_16:"Text_size_16__LM-8M",size_14:"Text_size_14__39Owk",size_12:"Text_size_12__dmoFJ",size_10:"Text_size_10__Q7h1O",regular:"Text_regular__6apf7",bold:"Text_bold__7paZD",medium:"Text_medium__bAPyv",color_t1:"Text_color_t1__JDv0q",color_t6:"Text_color_t6__5MASA",color_t7:"Text_color_t7__EJTsQ",color_t8:"Text_color_t8__aOeXr",color_t9:"Text_color_t9__6VE6M",color_inherit:"Text_color_inherit__A9arm"};_(".Text_root__G-qv6{font-family:Roboto,sans-serif;font-weight:400}.Text_italic__egohG{font-style:italic}.Text_size_36__VVftv{font-size:36px;line-height:48px}.Text_size_32__mrSgO{font-size:32px;line-height:42px}.Text_size_24__Torfe{font-size:24px;line-height:32px}.Text_size_20__oMX5E{font-size:20px;line-height:28px}.Text_size_18__mKB8g{font-size:18px;line-height:24px}.Text_size_16__LM-8M{font-size:16px;line-height:22px}.Text_size_14__39Owk{font-size:14px;line-height:20px}.Text_size_12__dmoFJ{font-size:12px;line-height:16px}.Text_size_10__Q7h1O{font-size:10px;line-height:12px}.Text_regular__6apf7{font-weight:400}.Text_bold__7paZD{font-weight:700}.Text_medium__bAPyv{font-weight:500}.Text_color_t1__JDv0q{color:var(--palette-primary-text-1)}.Text_color_t6__5MASA{color:var(--palette-primary-text-6)}.Text_color_t7__EJTsQ{color:var(--palette-primary-text-7)}.Text_color_t8__aOeXr{color:var(--palette-primary-text-8)}.Text_color_t9__6VE6M{color:var(--palette-primary-text-9)}.Text_color_inherit__A9arm{color:inherit}");export{e as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.Text_root__G-qv6 {\n  font-family: \"Roboto\", sans-serif;\n  font-weight: 400;\n}\n.Text_italic__egohG {\n  font-style: italic;\n}\n.Text_size_36__VVftv {\n  font-size: 36px;\n  line-height: 48px;\n}\n.Text_size_32__mrSgO {\n  font-size: 32px;\n  line-height: 42px;\n}\n.Text_size_24__Torfe {\n  font-size: 24px;\n  line-height: 32px;\n}\n.Text_size_20__oMX5E {\n  font-size: 20px;\n  line-height: 28px;\n}\n.Text_size_18__mKB8g {\n  font-size: 18px;\n  line-height: 24px;\n}\n.Text_size_16__LM-8M {\n  font-size: 16px;\n  line-height: 22px;\n}\n.Text_size_14__39Owk {\n  font-size: 14px;\n  line-height: 20px;\n}\n.Text_size_12__dmoFJ {\n  font-size: 12px;\n  line-height: 16px;\n}\n.Text_size_10__Q7h1O {\n  font-size: 10px;\n  line-height: 12px;\n}\n.Text_regular__6apf7 {\n  font-weight: 400;\n}\n.Text_bold__7paZD {\n  font-weight: 700;\n}\n.Text_medium__bAPyv {\n  font-weight: 500;\n}\n.Text_color_t1__JDv0q {\n  color: var(--palette-primary-text-1);\n}\n.Text_color_t6__5MASA {\n  color: var(--palette-primary-text-6);\n}\n.Text_color_t7__EJTsQ {\n  color: var(--palette-primary-text-7);\n}\n.Text_color_t8__aOeXr {\n  color: var(--palette-primary-text-8);\n}\n.Text_color_t9__6VE6M {\n  color: var(--palette-primary-text-9);\n}\n.Text_color_inherit__A9arm {\n  color: inherit;\n}";
+var styles = {"spacing":"8","root":"Text_root__G-qv6","italic":"Text_italic__egohG","size_36":"Text_size_36__VVftv","size_32":"Text_size_32__mrSgO","size_24":"Text_size_24__Torfe","size_20":"Text_size_20__oMX5E","size_18":"Text_size_18__mKB8g","size_16":"Text_size_16__LM-8M","size_14":"Text_size_14__39Owk","size_12":"Text_size_12__dmoFJ","size_10":"Text_size_10__Q7h1O","regular":"Text_regular__6apf7","bold":"Text_bold__7paZD","medium":"Text_medium__bAPyv","color_t1":"Text_color_t1__JDv0q","color_t6":"Text_color_t6__5MASA","color_t7":"Text_color_t7__EJTsQ","color_t8":"Text_color_t8__aOeXr","color_t9":"Text_color_t9__6VE6M","color_inherit":"Text_color_inherit__A9arm"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Text.scss.js.map

package/componentsV2/Text/Text.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/TextEndTruncated/TextEndTruncated.js

@@ -1 +1,70 @@
-import{jsx as e}from"react/jsx-runtime";import t from"classnames";import{useRef as r,useState as i,useLayoutEffect as n}from"react";import{debounce as o}from"lodash";import{Tooltip as s}from"../Tooltip/Tooltip.js";import c from"./TextEndTruncated.scss.js";var l=function(l){var a=l.children,d=l.disableTooltip,m=l.maxLines,u=void 0===m?1:m,f=l.testId,p=l.className,v=u>1,h=r(null),b=r(v),x=i(null),L=x[0],T=x[1],g=i(!0),j=g[0],W=g[1];return b.current=v,n((function(){var e=o((function(){var e=h.current;e&&(T(e.textContent),W(e.scrollWidth<=e.clientWidth&&(e.scrollHeight<=e.clientHeight||!b.current)))}),200),t=new ResizeObserver(e),r=new MutationObserver(e);return h.current&&(t.observe(h.current),r.observe(h.current,{childList:!0,subtree:!0,characterData:!0})),function(){t.disconnect(),r.disconnect()}}),[]),e(s,{title:L,disabled:j||d,children:e("div",{className:t(c.root,v?c.multiLine:c.singleLine,p),style:v?{WebkitLineClamp:u}:void 0,ref:h,"data-testid":f,children:a})})};export{l as TextEndTruncated};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import classNames from 'classnames';
+import { useRef, useState, useLayoutEffect } from 'react';
+import { debounce } from 'lodash';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import styles from './TextEndTruncated.scss.js';
+import { jsx } from 'react/jsx-runtime';
+
+var TextEndTruncated = function TextEndTruncated(_ref) {
+  var children = _ref.children,
+    disableTooltip = _ref.disableTooltip,
+    _ref$maxLines = _ref.maxLines,
+    maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
+    testId = _ref.testId,
+    className = _ref.className;
+  var isMultiline = maxLines > 1;
+  var containerRef = useRef(null);
+  var multilineRef = useRef(isMultiline);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    tooltipContent = _useState2[0],
+    setTooltipContent = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dimensionsDisabled = _useState4[0],
+    setDimensionsDisabled = _useState4[1];
+  multilineRef.current = isMultiline;
+  useLayoutEffect(function () {
+    var onDimensionsOrContentChange = debounce(function () {
+      var container = containerRef.current;
+      if (container) {
+        setTooltipContent(container.textContent);
+        setDimensionsDisabled(container.scrollWidth <= container.clientWidth && (
+        // multilineRef is needed to handle an edgecase when there's a `lineHeight` that's smaller than the space needed to render a font, so
+        // `scrollHeight` is bigger than `clientHeight`
+        container.scrollHeight <= container.clientHeight || !multilineRef.current));
+      }
+    }, 200);
+    var resizeObserver = new ResizeObserver(onDimensionsOrContentChange);
+    var mutationObserver = new MutationObserver(onDimensionsOrContentChange);
+    if (containerRef.current /* && innerRef.current */) {
+      resizeObserver.observe(containerRef.current);
+      mutationObserver.observe(containerRef.current, {
+        childList: true,
+        subtree: true,
+        characterData: true
+      });
+    }
+    return function () {
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+    };
+  }, []);
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: tooltipContent,
+    disabled: dimensionsDisabled || disableTooltip,
+    children: /*#__PURE__*/jsx("div", {
+      className: classNames(styles.root, isMultiline ? styles.multiLine : styles.singleLine, className),
+      style: isMultiline ? {
+        WebkitLineClamp: maxLines
+      } : undefined,
+      ref: containerRef,
+      "data-testid": testId,
+      children: children
+    })
+  });
+};
+
+export { TextEndTruncated };
+//# sourceMappingURL=TextEndTruncated.js.map

package/componentsV2/TextEndTruncated/TextEndTruncated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEndTruncated.js","sources":["../../../src/componentsV2/TextEndTruncated/TextEndTruncated.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useLayoutEffect, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\n\nimport { Tooltip } from '../Tooltip';\n\nimport styles from './TextEndTruncated.scss';\n\nexport type TextEndTruncatedProps = {\n  /**\n   * Content\n   */\n  children?: React.ReactNode;\n  /**\n   * Forces the component not to show its tooltip\n   */\n  disableTooltip?: boolean;\n  maxLines?: number;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const TextEndTruncated = ({\n  children,\n  disableTooltip,\n  maxLines = 1,\n  testId,\n  className,\n}: TextEndTruncatedProps) => {\n  const isMultiline = maxLines > 1;\n  const containerRef = useRef<HTMLDivElement>(null);\n  const multilineRef = useRef<boolean>(isMultiline);\n  const [tooltipContent, setTooltipContent] = useState<string | null>(null);\n  const [dimensionsDisabled, setDimensionsDisabled] = useState(true);\n\n  multilineRef.current = isMultiline;\n\n  useLayoutEffect(() => {\n    const onDimensionsOrContentChange = debounce(() => {\n      const container = containerRef.current;\n      if (container) {\n        setTooltipContent(container.textContent);\n        setDimensionsDisabled(\n          container.scrollWidth <= container.clientWidth &&\n            // multilineRef is needed to handle an edgecase when there's a `lineHeight` that's smaller than the space needed to render a font, so\n            // `scrollHeight` is bigger than `clientHeight`\n            (container.scrollHeight <= container.clientHeight || !multilineRef.current)\n        );\n      }\n    }, 200);\n\n    const resizeObserver = new ResizeObserver(onDimensionsOrContentChange);\n    const mutationObserver = new MutationObserver(onDimensionsOrContentChange);\n\n    if (containerRef.current /* && innerRef.current */) {\n      resizeObserver.observe(containerRef.current);\n      mutationObserver.observe(containerRef.current, {\n        childList: true,\n        subtree: true,\n        characterData: true,\n      });\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, []);\n\n  return (\n    <Tooltip title={tooltipContent} disabled={dimensionsDisabled || disableTooltip}>\n      <div\n        className={classNames(\n          styles.root,\n          isMultiline ? styles.multiLine : styles.singleLine,\n          className\n        )}\n        style={isMultiline ? { WebkitLineClamp: maxLines } : undefined}\n        ref={containerRef}\n        data-testid={testId}\n      >\n        {children}\n      </div>\n    </Tooltip>\n  );\n};\n"],"names":["TextEndTruncated","children","disableTooltip","maxLines","testId","className","isMultiline","containerRef","useRef","multilineRef","useState","tooltipContent","setTooltipContent","dimensionsDisabled","setDimensionsDisabled","current","useLayoutEffect","onDimensionsOrContentChange","debounce","container","textContent","scrollWidth","clientWidth","scrollHeight","clientHeight","resizeObserver","ResizeObserver","mutationObserver","MutationObserver","observe","childList","subtree","characterData","disconnect","_jsx","classNames","styles","root","multiLine","singleLine","WebkitLineClamp","undefined"],"mappings":"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"}

package/componentsV2/TextEndTruncated/TextEndTruncated.scss.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={root:"TextEndTruncated_root__OK09b",singleLine:"TextEndTruncated_singleLine__w-UQu",multiLine:"TextEndTruncated_multiLine__-imMC"};e(".TextEndTruncated_root__OK09b{line-height:inherit;max-width:100%;overflow:hidden}.TextEndTruncated_singleLine__w-UQu{text-overflow:ellipsis;white-space:nowrap}.TextEndTruncated_multiLine__-imMC{-webkit-box-orient:vertical;display:-webkit-box}");export{t as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".TextEndTruncated_root__OK09b {\n  max-width: 100%;\n  overflow: hidden;\n  line-height: inherit;\n}\n\n.TextEndTruncated_singleLine__w-UQu {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.TextEndTruncated_multiLine__-imMC {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}";
+var styles = {"root":"TextEndTruncated_root__OK09b","singleLine":"TextEndTruncated_singleLine__w-UQu","multiLine":"TextEndTruncated_multiLine__-imMC"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=TextEndTruncated.scss.js.map

package/componentsV2/TextEndTruncated/TextEndTruncated.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}