@pedidopago/ui 1.7.20 → 1.7.22

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGAwCzB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGAoCzB,CAAC"}

package/dist/components/Spinner/styles.js

@@ -17,7 +17,7 @@ var StyledSpinner = _styled.default.div(function (_ref) {
   var spinnerColor = (0, _getColorValue.getColorValue)(color || 'primary.default', theme);
   var spinnerEmptyColor = (0, _getColorValue.getColorValue)(emptyColor || 'transparent', theme, 'transparent');
   var modifiedSize = size === 'sm' ? '16px' : size === 'md' ? '24px' : size === 'lg' ? '32px' : size === 'xl' ? '48px' : '24px';
-  var borderColor = spinnerEmptyColor === 'currentColor' ? 'transparent' : theme.colorMode === 'light' ? theme.colors.neutral.neutral1 : theme.colors.neutral.neutral6;
+  var borderColor = spinnerEmptyColor === 'currentColor' ? 'transparent' : theme.colors.neutral.neutral1;
   return "\n    display: inline-block;\n    width: ".concat(modifiedSize, ";\n    height: ").concat(modifiedSize, ";\n    border: ").concat(thickness || '4px', " solid ").concat(spinnerColor, ";\n    border-radius: 9999999px;\n    border-left-color: ").concat(borderColor, ";\n    border-bottom-color: ").concat(borderColor, ";\n    animation: spin ").concat(speed || '0.45s', " linear infinite;\n\n    @keyframes spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n  ");
 });
 exports.StyledSpinner = StyledSpinner;

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

@@ -1,12 +1,12 @@
-import { ExtendThemeProps, GlobalColorsProps } from 'src';
-export type ISpinnerProps = {
-    color?: GlobalColorsProps | (string & {});
-    emptyColor?: GlobalColorsProps | (string & {});
-    speed?: string;
-    thickness?: string;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-};
-export type IStyledSpinnerProps = ISpinnerProps & {
-    theme?: ExtendThemeProps;
-};
+import { ExtendThemeProps, GlobalColorsProps } from 'src';
+export type ISpinnerProps = {
+    color?: GlobalColorsProps | (string & {});
+    emptyColor?: GlobalColorsProps | (string & {});
+    speed?: string;
+    thickness?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+};
+export type IStyledSpinnerProps = ISpinnerProps & {
+    theme?: ExtendThemeProps;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Steps/components/StepIcon/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { StepIconProps } from './types';
-export declare function StepIcon({ activeColor, isFirstStep, isLastStep, isChecked, isSelectedStep, direction, }: StepIconProps): JSX.Element;
+/// <reference types="react" />
+import { StepIconProps } from './types';
+export declare function StepIcon({ activeColor, isFirstStep, isLastStep, isChecked, isSelectedStep, direction, }: StepIconProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Steps/components/StepIcon/styles.d.ts

@@ -1,23 +1,23 @@
-/// <reference types="react" />
-import { StepLineProps } from './types';
-export declare const StepIconContainer: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../../../Flex/types").IFlexProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    isColumn: boolean;
-}, {}, {}>;
-export declare const StepStart: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & StepLineProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepCenter: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    color: string;
-    isChecked: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepEnd: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & StepLineProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { StepLineProps } from './types';
+export declare const StepIconContainer: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../../../Flex/types").IFlexProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    isColumn: boolean;
+}, {}, {}>;
+export declare const StepStart: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & StepLineProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepCenter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color: string;
+    isChecked: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepEnd: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & StepLineProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Steps/components/StepIcon/types.d.ts

@@ -1,16 +1,16 @@
-export type StepDirection = 'row' | 'column';
-export type StepType = 'start' | 'end';
-export interface StepIconProps {
-    isFirstStep: boolean;
-    isLastStep: boolean;
-    activeColor: 'primary' | 'secondary' | 'tertiary' | 'error';
-    isChecked: boolean;
-    isSelectedStep: boolean;
-    direction?: StepDirection;
-}
-export interface StepLineProps {
-    color: string;
-    opacity: number;
-    gradientDirection: string;
-}
+export type StepDirection = 'row' | 'column';
+export type StepType = 'start' | 'end';
+export interface StepIconProps {
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    activeColor: 'primary' | 'secondary' | 'tertiary' | 'error';
+    isChecked: boolean;
+    isSelectedStep: boolean;
+    direction?: StepDirection;
+}
+export interface StepLineProps {
+    color: string;
+    opacity: number;
+    gradientDirection: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Steps/components/StepIcon/utils.d.ts

@@ -1,5 +1,5 @@
-export declare function getStepHexOpacity(isCurrentStep: boolean, isFirstStep: boolean, isLastStep: boolean): {
-    start: number;
-    end: number;
-};
+export declare function getStepHexOpacity(isCurrentStep: boolean, isFirstStep: boolean, isLastStep: boolean): {
+    start: number;
+    end: number;
+};
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { StepsProps } from './types';
-declare const Steps: ({ current, steps, activeColor, fullWidth, isReducedSteps, enableCurrentStepChecked, }: StepsProps) => JSX.Element;
-export default Steps;
+/// <reference types="react" />
+import { StepsProps } from './types';
+declare const Steps: ({ current, steps, activeColor, fullWidth, isReducedSteps, enableCurrentStepChecked, }: StepsProps) => JSX.Element;
+export default Steps;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Steps/steps.test.d.ts

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

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

@@ -1,48 +1,48 @@
-/// <reference types="react" />
-export declare const StepsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    fullWidth?: boolean | undefined;
-    isReducedSteps?: boolean | undefined;
-    fitParent?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    activeColor: 'primary' | 'secondary' | 'tertiary' | 'error';
-    isFinished?: boolean | undefined;
-    isCurrent?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsSeparator: 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 StepsItemContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isCurrent: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ReducedStepsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    fitParent?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsItemsDetailsContainer: 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 StepsItemText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isReducedSteps?: boolean | undefined;
-    isDisabled?: boolean | undefined;
-    isFinished?: boolean | undefined;
-    fitParent?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+/// <reference types="react" />
+export declare const StepsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fullWidth?: boolean | undefined;
+    isReducedSteps?: boolean | undefined;
+    fitParent?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    activeColor: 'primary' | 'secondary' | 'tertiary' | 'error';
+    isFinished?: boolean | undefined;
+    isCurrent?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsSeparator: 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 StepsItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isCurrent: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ReducedStepsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fitParent?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsItemsDetailsContainer: 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 StepsItemText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isReducedSteps?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isFinished?: boolean | undefined;
+    fitParent?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,cAAc;;;;;;;yGAiB1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;iBACT,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO;;;yGA+D5D,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAK1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;eAClB,OAAO;yGAkBnB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;yGAQjC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;yGAKtC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;iHA2CzB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,cAAc;;;;;;;yGAiB1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;iBACT,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO;;;yGA+D5D,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAK1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;eAClB,OAAO;yGAkBnB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;yGAQjC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;yGAKtC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;iHAiCzB,CAAC"}

package/dist/components/Steps/styles.js

@@ -36,7 +36,7 @@ var StepsCircle = _styled.default.div(_templateObject2 || (_templateObject2 = _t
     activeColor = _ref7.activeColor,
     isFinished = _ref7.isFinished,
     isCurrent = _ref7.isCurrent;
-  return theme.colors[activeColor] && "\n    background-color: ".concat(isFinished ? theme.colors[activeColor].default : isCurrent ? activeColor === 'error' ? theme.colors.error.blurred : theme.colors[activeColor].disabled : 'transparent', ";\n    color: ").concat(isFinished ? theme.colors.body.light : isCurrent ? theme.colors.neutral.black : theme.colors.neutral.neutral3, ";\n\n    ").concat(!isCurrent && !isFinished && "\n      border: solid 2px ".concat(theme.colors.neutral.neutral1, ";\n      "), "\n  ");
+  return theme.colors[activeColor] && "\n    background-color: ".concat(isFinished ? theme.colors[activeColor].default : isCurrent ? activeColor === 'error' ? theme.colors.error.blurred : theme.colors[activeColor].disabled : 'transparent', ";\n    color: ").concat(isFinished ? theme.colors.neutral.white : isCurrent ? theme.colors.neutral.black : theme.colors.neutral.neutral3, ";\n\n    ").concat(!isCurrent && !isFinished && "\n      border: solid 2px ".concat(theme.colors.neutral.neutral1, ";\n      "), "\n  ");
 }, function (_ref8) {
   var theme = _ref8.theme;
   return theme.colors.body.light;
@@ -86,15 +86,9 @@ var StepsItemText = _styled.default.h3(_templateObject9 || (_templateObject9 = _
   var isDisabled = _ref18.isDisabled,
     theme = _ref18.theme;
   if (isDisabled) {
-    return "\n        color: ".concat({
-      light: theme.colors.tertiary.hover,
-      dark: theme.colors.neutral.neutral4
-    }[theme.colorMode], ";\n      ");
+    return "\n        color: ".concat(theme.colors.tertiary.hover, ";\n      ");
   }
-  return "\n      color: ".concat({
-    light: theme.colors.neutral.black,
-    dark: theme.colors.neutral.white
-  }[theme.colorMode], ";\n    ");
+  return "\n      color: ".concat(theme.colors.neutral.black, ";\n    ");
 }, function (_ref19) {
   var isReducedSteps = _ref19.isReducedSteps;
   return isReducedSteps ? "width: 100%;" : "";

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

@@ -1,21 +1,21 @@
-export interface StepsControlled {
-    name: string;
-    isCompleted: boolean;
-}
-export type StepsItems = string | StepsControlled;
-export interface StepsProps {
-    steps: StepsItems[];
-    current: number;
-    activeColor?: 'primary' | 'secondary' | 'tertiary' | 'error';
-    fullWidth?: boolean;
-    isReducedSteps?: boolean;
-    enableCurrentStepChecked?: boolean;
-}
-export interface StepIconProps {
-    isSelectedStep: boolean;
-    hasStartGradient: boolean;
-    hasEndGratient: boolean;
-    stepPosition: string;
-    activeColor: 'primary' | 'secondary' | 'tertiary' | 'error';
-}
+export interface StepsControlled {
+    name: string;
+    isCompleted: boolean;
+}
+export type StepsItems = string | StepsControlled;
+export interface StepsProps {
+    steps: StepsItems[];
+    current: number;
+    activeColor?: 'primary' | 'secondary' | 'tertiary' | 'error';
+    fullWidth?: boolean;
+    isReducedSteps?: boolean;
+    enableCurrentStepChecked?: boolean;
+}
+export interface StepIconProps {
+    isSelectedStep: boolean;
+    hasStartGradient: boolean;
+    hasEndGratient: boolean;
+    stepPosition: string;
+    activeColor: 'primary' | 'secondary' | 'tertiary' | 'error';
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Steps/utils.d.ts

@@ -1,9 +1,9 @@
-export declare const STEP_POSITION: {
-    INITIAL: string;
-    INITIAL_BEFORE_UNSELECTED: string;
-    MIDDLE: string;
-    MIDDLE_BEFORE_SELECTED: string;
-    MIDDLE_BEFORE_UNSELECTED: string;
-    FINAL: string;
-};
+export declare const STEP_POSITION: {
+    INITIAL: string;
+    INITIAL_BEFORE_UNSELECTED: string;
+    MIDDLE: string;
+    MIDDLE_BEFORE_SELECTED: string;
+    MIDDLE_BEFORE_UNSELECTED: string;
+    FINAL: string;
+};
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IInputProps } from './types';
-declare const SwitchInput: FC<IInputProps>;
-export default SwitchInput;
+import { FC } from 'react';
+import { IInputProps } from './types';
+declare const SwitchInput: FC<IInputProps>;
+export default SwitchInput;
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,eAAO,MAAM,aAAa;;;uHAOzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;uHAqBlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;uHAgBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yHAGpB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,aAAa;;;uHAOzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;uHAqBlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;uHAgBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yHAGpB,CAAC"}

package/dist/components/Switch/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SwitchWrapper = exports.SwitchToken = exports.Switch = exports.HelpText = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _react = require("@emotion/react");
-var _colorFunctions = require("../../utils/colorFunctions");
+var _customColorMode = require("../../utils/customColorMode");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 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) } })); }
@@ -49,9 +49,7 @@ function ActiveEffects(_ref8) {
     type = _ref8.type;
   if (!theme) return '';
   var idleColor = type ? theme.colors[type].default : theme.colors.primary.default;
-  var hoverColor = type ? (0, _colorFunctions.hoverFunction)(theme.colors[type].default) : theme.colors.primary.hover;
-  var focusColor = type ? (0, _colorFunctions.focusFunction)(theme.colors[type].default) : theme.colors.primary.focus;
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background-color: ", ";\n    div.switch-token {\n      transform: translateX(16px);\n      background-color: ", ";\n    }\n    svg {\n      color: ", ";\n    }\n\n    :hover {\n      background-color: ", ";\n      border-color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    :focus {\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "])), idleColor, idleColor, theme.colors.body.light, idleColor, hoverColor, hoverColor, hoverColor, focusColor, focusColor, type ? theme.colors[type].blurred : theme.colors.primary.disabled, focusColor);
+  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background-color: ", ";\n    div.switch-token {\n      transform: translateX(16px);\n      background-color: ", ";\n    }\n    svg {\n      color: ", ";\n    }\n\n    :hover {\n      filter: brightness(0.9);\n    }\n\n    :focus {\n      border-color: ", ";\n      filter: brightness(0.9);\n      box-shadow: 0 0 0 2px ", ";\n    }\n  "])), idleColor, idleColor, (0, _customColorMode.customColorMode)(theme.lightColors.neutral.white, theme.lightColors.neutral.white), idleColor, theme.colors.neutral.white, type ? theme.colors[type].blurred : theme.colors.primary.disabled);
 }
 function disabledStyle(_ref9) {
   var theme = _ref9.theme;

package/dist/components/Switch/switch.test.d.ts

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

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

@@ -1,15 +1,15 @@
-import { Theme } from '@emotion/react';
-export type IStyleProps = {
-    theme?: Theme;
-    disabled?: boolean;
-    isActive?: boolean;
-    type?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-};
-export type IInputProps = {
-    disabled?: boolean;
-    helperText?: string;
-    type?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-    onChangeValue?: (value: boolean) => void;
-    checked?: boolean;
-};
+import { Theme } from '@emotion/react';
+export type IStyleProps = {
+    theme?: Theme;
+    disabled?: boolean;
+    isActive?: boolean;
+    type?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+};
+export type IInputProps = {
+    disabled?: boolean;
+    helperText?: string;
+    type?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+    onChangeValue?: (value: boolean) => void;
+    checked?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Table/components/MenuItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IMenuItem } from '../types';
-export declare function MenuItem({ items, isOpen, onClickOutside, top, right }: IMenuItem): JSX.Element;
+/// <reference types="react" />
+import { IMenuItem } from '../types';
+export declare function MenuItem({ items, isOpen, onClickOutside, top, right }: IMenuItem): JSX.Element;
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/Table/components/TableSkeleton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITableSkeletonColumns } from '../types';
-export declare function TableSkeleton({ skeletonColumns, skeletonRows, skeletonHeight, }: ITableSkeletonColumns): JSX.Element[];
+/// <reference types="react" />
+import { ITableSkeletonColumns } from '../types';
+export declare function TableSkeleton({ skeletonColumns, skeletonRows, skeletonHeight, }: ITableSkeletonColumns): JSX.Element[];
 //# sourceMappingURL=TableSkeleton.d.ts.map

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { ITableProps } from './types';
-export declare function Table({ selectable, primaryActions, secondaryActions, header, rows, isLoading, skeletonRows, skeletonHeight, ...rest }: ITableProps & ComponentPropsWithoutRef<'table'>): JSX.Element;
+import { ComponentPropsWithoutRef } from 'react';
+import { ITableProps } from './types';
+export declare function Table({ selectable, primaryActions, secondaryActions, header, rows, isLoading, skeletonRows, skeletonHeight, ...rest }: ITableProps & ComponentPropsWithoutRef<'table'>): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAkD,MAAM,OAAO,CAAC;AAuBjG,OAAO,EAAE,WAAW,EAAkB,MAAM,SAAS,CAAC;AAMtD,wBAAgB,KAAK,CAAC,EACpB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,SAAiB,EACjB,YAAgB,EAChB,cAAuB,EACvB,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,wBAAwB,CAAC,OAAO,CAAC,eAyMjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAkD,MAAM,OAAO,CAAC;AAoBjG,OAAO,EAAE,WAAW,EAAkB,MAAM,SAAS,CAAC;AAMtD,wBAAgB,KAAK,CAAC,EACpB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,SAAiB,EACjB,YAAgB,EAChB,cAAuB,EACvB,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,wBAAwB,CAAC,OAAO,CAAC,eAoMjD"}

package/dist/components/Table/index.js

@@ -13,12 +13,10 @@ var _MenuItem = require("./components/MenuItem");
 var _FocusLock = _interopRequireDefault(require("../../shared/components/FocusLock"));
 var _TableSkeleton = require("./components/TableSkeleton");
 var _styles = require("./styles");
-var _useColorMode2 = require("../../shared/theme/hooks/useColorMode");
 var _GenerateKey = require("../../utils/GenerateKey");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["selectable", "primaryActions", "secondaryActions", "header", "rows", "isLoading", "skeletonRows", "skeletonHeight"]; // Components
 // Styles
-// Hooks
 // Types
 // Utils
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -71,8 +69,6 @@ function Table(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     openSelectDropDownMenu = _useState8[0],
     setOpenSelectDropDownMenu = _useState8[1];
-  var _useColorMode = (0, _useColorMode2.useColorMode)(),
-    colorMode = _useColorMode.colorMode;
   var rowsWithKey = (0, _react.useMemo)(function () {
     return rows.map(function (row) {
       return _objectSpread({
@@ -236,7 +232,7 @@ function Table(_ref) {
                   },
                   children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
                     name: "more-vertical",
-                    color: colorMode === 'dark' ? 'neutral.white' : 'neutral.black'
+                    color: 'neutral.black'
                   })
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.MenuItem, {
                   onClickOutside: function onClickOutside() {

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

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-export declare const StyledTable: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-export declare const SelectedHeader: 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 ActionsButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const MenuItemWrapper: 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 VerticalPointsButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const MenuItemContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isOpen?: boolean | undefined;
-    posTop?: number | undefined;
-    posRight?: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MenuItemContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const StyledTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const SelectedHeader: 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 ActionsButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const MenuItemWrapper: 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 VerticalPointsButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const MenuItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isOpen?: boolean | undefined;
+    posTop?: number | undefined;
+    posRight?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MenuItemContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,WAAW;;;uIA0GtB,CAAC;AAEH,eAAO,MAAM,cAAc;;;yGAG1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;0IAmExB,CAAC;AAEH,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;0IAiBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;yGAiB7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;8HA6B3B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,WAAW;;;uIAgFtB,CAAC;AAEH,eAAO,MAAM,cAAc;;;yGAG1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;0IAmDxB,CAAC;AAEH,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;0IAiBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;yGAiB7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;8HAmB3B,CAAC"}