@pedidopago/ui 1.7.20 → 1.7.22

package/dist/components/Button/types.d.ts

@@ -1,93 +1,93 @@
-import { IconName } from '../Icon/types';
-import { GlobalColorsProps } from '../../shared/theme';
-type buttonVariant = 'outline' | 'solid' | 'ghost' | 'link';
-type buttonColor = GlobalColorsProps | (string & {});
-type responsivePattern<T = any> = {
-    base?: T;
-    sm?: T;
-    md?: T;
-    lg?: T;
-    xl?: T;
-    xxl?: T;
-};
-type sizeOptions = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface ButtonProps {
-    /**
-     * The button's properties change making it not clickable and changing it's color.
-     *
-     * @default 'solid'
-     * @example 'solid' | 'outline' | 'ghost' | 'link'
-     * @type buttonVariant
-     * @memberof ButtonProps
-     */
-    disabled?: boolean;
-    /**
-     * The icon to be displayed on the left side of the button.
-     * This property takes priority when rightIcon is passed too.
-     *
-     * @default ''
-     * @type IconName
-     * @memberof ButtonProps
-     */
-    leftIcon?: IconName;
-    /**
-     * The icon to be displayed on the right side of the button.
-     * This property has no priority and will **not** be rendered
-     * when leftIcon is passed.
-     *
-     * @default ''
-     * @type IconName
-     * @memberof ButtonProps
-     */
-    rightIcon?: IconName;
-    /**
-     * The button height changes based on the string passed to this prop
-     *
-     * @default 'md'
-     * @type sizeOptions
-     * @memberof ButtonProps
-     * @example 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-     */
-    size?: sizeOptions;
-    /**
-     * The button's type, it can be ghost, solid, outline or link.
-     *
-     * @default 'solid'
-     * @example 'solid' | 'outline' | 'ghost' | 'link'
-     * @type buttonVariant
-     * @memberof ButtonProps
-     */
-    variant?: buttonVariant;
-    /**
-     * The button's color, should be passed as a string.
-     *
-     * @default 'primary'
-     * @example 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'
-     * @type buttonColor
-     * @memberof ButtonProps
-     */
-    bgColor?: buttonColor;
-    iconColor?: GlobalColorsProps | string;
-    /**
-     * Property that makes the button take 100% of the width of the parent component.
-     *
-     * @default false
-     * @example true
-     * @example { base: true, sm: false', md: false }
-     * @example { base: 'md', md: 'xl' }
-     * @type boolean | responsivePattern<boolean>
-     * @memberof ButtonProps
-     */
-    fullWidth?: boolean | responsivePattern<boolean>;
-    /**
-     * The color text of the button.
-     *
-     * @default 'white'
-     * @example 'white' | 'black'
-     * @type string
-     * @memberof ButtonProps
-     */
-    textColor?: buttonColor;
-}
-export {};
+import { IconName } from '../Icon/types';
+import { GlobalColorsProps } from '../../shared/theme';
+type buttonVariant = 'outline' | 'solid' | 'ghost' | 'link';
+type buttonColor = GlobalColorsProps | (string & {});
+type responsivePattern<T = any> = {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    xxl?: T;
+};
+type sizeOptions = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface ButtonProps {
+    /**
+     * The button's properties change making it not clickable and changing it's color.
+     *
+     * @default 'solid'
+     * @example 'solid' | 'outline' | 'ghost' | 'link'
+     * @type buttonVariant
+     * @memberof ButtonProps
+     */
+    disabled?: boolean;
+    /**
+     * The icon to be displayed on the left side of the button.
+     * This property takes priority when rightIcon is passed too.
+     *
+     * @default ''
+     * @type IconName
+     * @memberof ButtonProps
+     */
+    leftIcon?: IconName;
+    /**
+     * The icon to be displayed on the right side of the button.
+     * This property has no priority and will **not** be rendered
+     * when leftIcon is passed.
+     *
+     * @default ''
+     * @type IconName
+     * @memberof ButtonProps
+     */
+    rightIcon?: IconName;
+    /**
+     * The button height changes based on the string passed to this prop
+     *
+     * @default 'md'
+     * @type sizeOptions
+     * @memberof ButtonProps
+     * @example 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+     */
+    size?: sizeOptions;
+    /**
+     * The button's type, it can be ghost, solid, outline or link.
+     *
+     * @default 'solid'
+     * @example 'solid' | 'outline' | 'ghost' | 'link'
+     * @type buttonVariant
+     * @memberof ButtonProps
+     */
+    variant?: buttonVariant;
+    /**
+     * The button's color, should be passed as a string.
+     *
+     * @default 'primary'
+     * @example 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'
+     * @type buttonColor
+     * @memberof ButtonProps
+     */
+    bgColor?: buttonColor;
+    iconColor?: GlobalColorsProps | string;
+    /**
+     * Property that makes the button take 100% of the width of the parent component.
+     *
+     * @default false
+     * @example true
+     * @example { base: true, sm: false', md: false }
+     * @example { base: 'md', md: 'xl' }
+     * @type boolean | responsivePattern<boolean>
+     * @memberof ButtonProps
+     */
+    fullWidth?: boolean | responsivePattern<boolean>;
+    /**
+     * The color text of the button.
+     *
+     * @default 'white'
+     * @example 'white' | 'black'
+     * @type string
+     * @memberof ButtonProps
+     */
+    textColor?: buttonColor;
+}
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Card/card.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=card.test.d.ts.map

package/dist/components/Card/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { CardProps } from './types';
-export declare function Card({ cardPadding, borderRadius, variant, boxShadow, bgColor, children, ...rest }: CardProps): JSX.Element;
+/// <reference types="react" />
+import { CardProps } from './types';
+export declare function Card({ cardPadding, borderRadius, variant, boxShadow, bgColor, children, ...rest }: CardProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Card/styles.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { BodyCardProps } from './types';
-export declare const CardBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & BodyCardProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { BodyCardProps } from './types';
+export declare const CardBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & BodyCardProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Card/types.d.ts

@@ -1,18 +1,18 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { GlobalColorsProps } from '../../shared/theme';
-export type BodyCardProps = {
-    cardPadding?: string;
-    borderRadius?: string;
-    variant?: string;
-    boxShadow?: string;
-    bgColor?: string;
-};
-export type CardProps = HTMLAttributes<HTMLDivElement> & {
-    cardPadding?: string;
-    children?: ReactNode;
-    borderRadius?: string;
-    variant?: 'solid' | 'outlined';
-    boxShadow?: 'shadow.level1' | 'shadow.level2' | 'shadow.level3' | 'none' | (string & {});
-    bgColor?: GlobalColorsProps | (string & {});
-};
+import { HTMLAttributes, ReactNode } from 'react';
+import { GlobalColorsProps } from '../../shared/theme';
+export type BodyCardProps = {
+    cardPadding?: string;
+    borderRadius?: string;
+    variant?: string;
+    boxShadow?: string;
+    bgColor?: string;
+};
+export type CardProps = HTMLAttributes<HTMLDivElement> & {
+    cardPadding?: string;
+    children?: ReactNode;
+    borderRadius?: string;
+    variant?: 'solid' | 'outlined';
+    boxShadow?: 'shadow.level1' | 'shadow.level2' | 'shadow.level3' | 'none' | (string & {});
+    bgColor?: GlobalColorsProps | (string & {});
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/CheckboxInput/checkbox-input.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=checkbox-input.test.d.ts.map

package/dist/components/CheckboxInput/components/MultipleCheckbox.d.ts

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes } from 'react';
-import { IMultipleCheckboxProps } from '../types';
-declare const MultipleCheckbox: import("react").ForwardRefExoticComponent<IMultipleCheckboxProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-export default MultipleCheckbox;
+import { InputHTMLAttributes } from 'react';
+import { IMultipleCheckboxProps } from '../types';
+declare const MultipleCheckbox: import("react").ForwardRefExoticComponent<IMultipleCheckboxProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export default MultipleCheckbox;
 //# sourceMappingURL=MultipleCheckbox.d.ts.map

package/dist/components/CheckboxInput/index.d.ts

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes } from 'react';
-import { ICheckboxInputProps } from './types';
-declare const CheckboxInput: import("react").ForwardRefExoticComponent<ICheckboxInputProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-export default CheckboxInput;
+import { InputHTMLAttributes } from 'react';
+import { ICheckboxInputProps } from './types';
+declare const CheckboxInput: import("react").ForwardRefExoticComponent<ICheckboxInputProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export default CheckboxInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/CheckboxInput/styles.d.ts

@@ -1,32 +1,31 @@
-/// <reference types="react" />
-import { Theme } from '@emotion/react';
-import { IStyledCheckboxInput } from './types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CheckboxWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Checkbox: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const ChildrensWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CheckBoxWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MultipleWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { IStyledCheckboxInput } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckboxWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Checkbox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const ChildrensWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckBoxWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MultipleWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/CheckboxInput/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxInput/styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAyC/C,eAAO,MAAM,OAAO;;;yGAInB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAY3B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yIAWpB,CAAC;AAEF,eAAO,MAAM,KAAK;;;yIAsBjB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAM5B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAa3B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAI3B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxInput/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,OAAO;;;yGAInB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAY3B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yIAoCpB,CAAC;AAEF,eAAO,MAAM,KAAK;;;yIAOjB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAM5B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAa3B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAI3B,CAAC"}

package/dist/components/CheckboxInput/styles.js

@@ -6,51 +6,29 @@ Object.defineProperty(exports, "__esModule", {
 exports.Wrapper = exports.MultipleWrapper = exports.Label = exports.ChildrensWrapper = exports.CheckboxWrapper = exports.Checkbox = exports.CheckBoxWrapper = void 0;
 var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _colorToGray = require("../../utils/colorToGray");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function handleColorProp(theme, color) {
-  var _convertColor = (0, _colorToGray.convertColor)(color || theme.colors.primary.focus),
-    neutral1 = _convertColor.neutral1,
-    neutral3 = _convertColor.neutral3,
-    neutral4 = _convertColor.neutral4;
-  var disabled = "hsl(".concat(neutral1[0], ", 14%, 93%)");
-  var highlight = color || theme.colors.primary.focus;
-  var gray = "hsl(".concat(neutral1[0], ", 13%, 82%)");
-  var grayShadow = "hsl(".concat(neutral1[0], ", ").concat(neutral1[1], "%, ").concat(neutral1[2], "%)");
-  var hoverGray = "hsl(".concat(neutral3[0], ", ").concat(neutral3[1], "%, ").concat(neutral3[2], "%)");
-  var focusGray = "hsl(".concat(neutral4[0], ", ").concat(neutral4[1], "%, ").concat(neutral4[2], "%)");
-  var lightnessHue = "hsl(".concat(neutral1[0], ", 68%, 83%)");
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border: 2px solid ", ";\n    :hover {\n      border-color: ", ";\n    }\n\n    :focus {\n      border-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    }\n\n    :not(:disabled):checked {\n      :hover {\n        background-color: ", ";\n      }\n      :focus {\n        border-color: transparent;\n        box-shadow: 0 0 0 2px ", ";\n      }\n      border-color: transparent;\n      background: ", ";\n    }\n    :disabled {\n      border-color: ", ";\n      background-color: ", ";\n    }\n  "])), gray, hoverGray, focusGray, grayShadow, highlight, lightnessHue, highlight, disabled, disabled);
-}
-var Wrapper = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n"])));
+var Wrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n"])));
 exports.Wrapper = Wrapper;
-var CheckboxWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  position: relative;\n  svg {\n    position: absolute;\n    pointer-events: none;\n    top: 2;\n    left: 2;\n  }\n"])));
+var CheckboxWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  position: relative;\n  svg {\n    position: absolute;\n    pointer-events: none;\n    top: 2;\n    left: 2;\n  }\n"])));
 exports.CheckboxWrapper = CheckboxWrapper;
-var Checkbox = _styled.default.input(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+var Checkbox = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme,
-    color = _ref.color,
-    disabled = _ref.disabled;
-  return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    margin: 0;\n    box-sizing: border-box;\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    border-radius: 6px;\n    cursor: ", ";\n    ", "\n  "])), disabled && 'not-allowed', handleColorProp(theme, color));
+    disabled = _ref.disabled,
+    color = _ref.color;
+  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin: 0;\n    box-sizing: border-box;\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    border-radius: 6px;\n    cursor: ", ";\n    border: 2px solid ", ";\n    transform: all ease 0.2s;\n\n    :hover,\n    :focus {\n      border-color: ", ";\n    }\n\n    :checked {\n      :hover,\n      :focus {\n        filter: brightness(0.8);\n      }\n\n      border-color: transparent;\n      background: ", ";\n    }\n\n    :disabled {\n      border-color: ", ";\n      background-color: ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n    }\n  "])), disabled && 'not-allowed', theme.colors.neutral.neutral3, theme.colors.neutral.neutral5, color || theme.colors.primary.default, theme.colors.tertiary.default, theme.colors.tertiary.disabled, theme.colors.tertiary.disabled);
 });
 exports.Checkbox = Checkbox;
-var Label = _styled.default.label(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
+var Label = _styled.default.label(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var theme = _ref2.theme,
-    isDisabled = _ref2.isDisabled,
-    color = _ref2.color;
-  var _convertColor2 = (0, _colorToGray.convertColor)(color || theme.colors.primary.focus),
-    neutral1 = _convertColor2.neutral1,
-    black = _convertColor2.black;
-  var textColor = theme.colorMode === 'light' ? "hsl(".concat(black[0], ", ").concat(black[1], "%, ").concat(black[2], "% )") : theme.colors.neutral.white;
-  var disabled = "hsl(".concat(neutral1[0], ", 14%, 93%)");
-  var styles = isDisabled ? (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          color: ", ";\n          cursor: not-allowed;\n          font-weight: 500;\n        "])), disabled) : (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          color: ", ";\n        "])), textColor);
-  return (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      font-weight: 500;\n      ", ";\n    "])), styles);
+    isDisabled = _ref2.isDisabled;
+  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      font-weight: 500;\n      color: ", ";\n    "])), isDisabled ? theme.colors.neutral.neutral2 : theme.colors.neutral.neutral6);
 });
 exports.Label = Label;
-var ChildrensWrapper = _styled.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-top: 8px;\n  margin-left: 24px;\n  flex-direction: column;\n  gap: 8px;\n"])));
+var ChildrensWrapper = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-top: 8px;\n  margin-left: 24px;\n  flex-direction: column;\n  gap: 8px;\n"])));
 exports.ChildrensWrapper = ChildrensWrapper;
-var CheckBoxWrapper = _styled.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  svg {\n    box-sizing: border-box;\n    padding: 2px;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n"])));
+var CheckBoxWrapper = _styled.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  svg {\n    box-sizing: border-box;\n    padding: 2px;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n"])));
 exports.CheckBoxWrapper = CheckBoxWrapper;
-var MultipleWrapper = _styled.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n"])));
+var MultipleWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n"])));
 exports.MultipleWrapper = MultipleWrapper;

package/dist/components/CheckboxInput/types.d.ts

@@ -1,28 +1,28 @@
-import { InputHTMLAttributes } from 'react';
-export type CheckboxChildren = {
-    label: string;
-    value: string;
-    id: string;
-};
-export interface ICheckboxInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    id?: string;
-    color?: string;
-    isDisabled?: boolean;
-    isInderteminate?: boolean;
-    defaultIsChecked?: boolean;
-    name?: string;
-    isMultiple?: boolean;
-    checkboxChildren?: CheckboxChildren[];
-    onChangeValue?: (checked: boolean | CheckboxChildren[]) => void;
-}
-export interface IMultipleCheckboxProps extends Omit<ICheckboxInputProps, 'isMultiple'> {
-    checkboxChildren: CheckboxChildren[];
-}
-export interface CheckboxChildrenState extends CheckboxChildren {
-    hasSelected: boolean;
-}
-export interface IStyledCheckboxInput {
-    isDisabled?: boolean;
-}
+import { InputHTMLAttributes } from 'react';
+export type CheckboxChildren = {
+    label: string;
+    value: string;
+    id: string;
+};
+export interface ICheckboxInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    id?: string;
+    color?: string;
+    isDisabled?: boolean;
+    isInderteminate?: boolean;
+    defaultIsChecked?: boolean;
+    name?: string;
+    isMultiple?: boolean;
+    checkboxChildren?: CheckboxChildren[];
+    onChangeValue?: (checked: boolean | CheckboxChildren[]) => void;
+}
+export interface IMultipleCheckboxProps extends Omit<ICheckboxInputProps, 'isMultiple'> {
+    checkboxChildren: CheckboxChildren[];
+}
+export interface CheckboxChildrenState extends CheckboxChildren {
+    hasSelected: boolean;
+}
+export interface IStyledCheckboxInput {
+    isDisabled?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/CollapseCard/ExpandButton/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ExpandButtonProps } from './types';
-export declare function ExpandButton({ animate, handler, isDisabled }: ExpandButtonProps): JSX.Element;
+/// <reference types="react" />
+import { ExpandButtonProps } from './types';
+export declare function ExpandButton({ animate, handler, isDisabled }: ExpandButtonProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map