@pedidopago/ui 1.7.20 → 1.7.22

package/dist/shared/theme/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/shared/theme/theme.ts"],"names":[],"mappings":"AA+NA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaxB,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/shared/theme/theme.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAexB,CAAC"}

package/dist/shared/theme/theme.js

@@ -4,239 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultTheme = void 0;
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var fontSizes = {
-  tiny: '0.625rem',
-  xxxs: '0.75rem',
-  xxs: '0.875rem',
-  xs: '1rem',
-  sm: '1.125rem',
-  md: '1.25rem',
-  lg: '1.5rem',
-  xl: '2rem',
-  xxl: '2.5rem',
-  xxxl: '3.25rem',
-  display: '4rem',
-  giant: '5rem'
-};
-var buttonSize = {
-  xs: '2.25em',
-  // 36px - 2.25em
-  sm: '2.75em',
-  // 44px - 2.75em
-  md: '3.25em',
-  // 52px - 3.25em
-  lg: '3.75em',
-  // 60px - 3.75em
-  xl: '4.25em' // breaking change: (60px 3.75em) > (68px 4.25em)
-};
-
-var breakpoints = {
-  base: '0px',
-  sm: '30rem',
-  md: '48rem',
-  lg: '64rem',
-  xl: '80rem',
-  xxl: '100rem'
-};
-var space = {
-  px: '1px',
-  0.5: '0.125rem',
-  1: '0.25rem',
-  1.5: '0.375rem',
-  2: '0.5rem',
-  2.5: '0.625rem',
-  3: '0.75rem',
-  3.5: '0.875rem',
-  4: '1rem',
-  5: '1.25rem',
-  6: '1.5rem',
-  7: '1.75rem',
-  8: '2rem',
-  9: '2.25rem',
-  10: '2.5rem',
-  12: '3rem',
-  14: '3.5rem',
-  16: '4rem',
-  20: '5rem',
-  24: '6rem',
-  28: '7rem',
-  32: '8rem',
-  36: '9rem',
-  40: '10rem',
-  44: '11rem',
-  48: '12rem',
-  52: '13rem',
-  56: '14rem',
-  60: '15rem',
-  64: '16rem',
-  72: '18rem',
-  80: '20rem',
-  96: '24rem',
-  112: '28rem',
-  128: '32rem'
-};
-var fontWeight = {
-  normal: '400',
-  bold: '700',
-  '100': '100',
-  '200': '200',
-  '300': '300',
-  '400': '400',
-  '500': '500',
-  '600': '600',
-  '700': '700',
-  '800': '800',
-  '900': '900'
-};
-var colors = {
-  body: {
-    light: '#fff',
-    dark: '#000'
-  },
-  primary: {
-    alert: 'rgba(181, 241, 221, 0.2)',
-    disabled: '#9DF1D5',
-    default: '#22E0A1',
-    hover: '#1fcb92',
-    focus: '#1cb582',
-    transparent: 'transparent'
-  },
-  secondary: {
-    disabled: '#BED0FD',
-    default: '#034AFD',
-    hover: '#1F56E0',
-    focus: '#1C4CC7'
-  },
-  tertiary: {
-    disabled: '#EAEFED',
-    default: '#CAD6D1',
-    hover: '#A3B8B0',
-    focus: '#709085'
-  },
-  neutral: {
-    white: '#FFFFFF',
-    neutral1: '#EAEFED',
-    neutral2: '#CAD6D1',
-    neutral3: '#A3B8B0',
-    neutral4: '#709085',
-    neutral5: '#587169',
-    neutral6: '#465953',
-    black: '#34423D'
-  },
-  background: {
-    linear1: 'linear-gradient(107.46deg, #034AFD 0%, #1ECAAF 111.36%)',
-    linear2: 'linear-gradient(99.45deg, rgba(255, 255, 255, 0) 34.2%, #FFFFFF 94.04%), #EAEFED',
-    linear3: 'linear-gradient(100.62deg, #FFFFFF 6.63%, rgba(255, 255, 255, 0) 93.99%), #EAEFED',
-    light: '#FFFFFF'
-  },
-  informative: {
-    default: '#3B82F6',
-    blurred: '#B1CDFB',
-    dark: '#364f62',
-    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #B1CDFB'
-  },
-  success: {
-    default: '#34D399',
-    blurred: '#B5F1DD',
-    dark: '#345f50',
-    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #B5F1DD'
-  },
-  success_secondary: {
-    default: '#34D3C9',
-    blurred: '#AAFAF5',
-    dark: '#345f59',
-    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #AAFAF5'
-  },
-  warning: {
-    default: '#FB923C',
-    blurred: '#FDE7D5',
-    dark: '#5c523d',
-    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #FDD3B1'
-  },
-  warning_secondary: {
-    default: '#FFC453',
-    blurred: '#FFF1D6',
-    dark: '#5c523d',
-    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #FFE8BD'
-  },
-  error: {
-    default: '#EF4444',
-    blurred: '#F6CFD8',
-    dark: '#5a433f',
-    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #F6CFD8'
-  },
-  critical: {
-    default: '#B80F60',
-    blurred: '#E0A6C2',
-    dark: '#4f3844',
-    gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #E0A6C2'
-  }
-};
+var _breakpoints = require("./objects/breakpoints");
+var _colors = require("./objects/colors");
+var _shadows = require("./objects/shadows");
+var _sizes = require("./objects/sizes");
+var _spaces = require("./objects/spaces");
+var _typography = require("./objects/typography");
+var _zIndexes = require("./objects/z-indexes");
 var borderRadius = {
   default: '0.5rem'
 };
-var spacing = _objectSpread(_objectSpread({}, space), {}, {
-  quarck: '0.25rem',
-  nano: '0.5rem',
-  xxxs: '1rem',
-  xxs: '1.5rem',
-  xs: '2rem',
-  sm: '2.5rem',
-  md: '3rem',
-  lg: '3.5rem',
-  xl: '4rem',
-  xxl: '5rem',
-  xxxl: '6rem',
-  huge: '6.5rem',
-  giant: '7rem'
-});
-var spacingest = _objectSpread(_objectSpread({}, space), {}, {
-  quarck: '0.25rem',
-  nano: '0.5rem',
-  xs: '1rem',
-  sm: '1.5rem',
-  md: '2rem',
-  lg: '2.5rem'
-});
-var shadow = {
-  level1: '0px 4px 8px rgba(165, 171, 179, 0.16)',
-  level2: '0px 8px 24px rgba(165, 171, 179, 0.4)',
-  level3: '0px 16px 32px rgba(165, 171, 179, 0.4)'
-};
 var transition = {
   speed: '0.2s'
 };
-var zIndex = {
-  default: '0',
-  level1: '1',
-  level2: '2',
-  level3: '3',
-  level4: '4',
-  level6: '6',
-  level8: '8',
-  level12: '12',
-  level16: '16',
-  level24: '24',
-  level48: '48'
-};
 var defaultTheme = {
-  fontSizes: fontSizes,
-  fontWeight: fontWeight,
-  breakpoints: breakpoints,
-  colors: colors,
-  space: space,
-  spacing: spacing,
-  spacingest: spacingest,
+  fontSizes: _sizes.fontSizes,
+  fontWeight: _typography.fontWeight,
+  breakpoints: _breakpoints.breakpoints,
+  colors: _colors.colors.light,
+  lightColors: _colors.colors.light,
+  darkColors: _colors.colors.dark,
+  space: _spaces.space,
+  spacing: _spaces.spacing,
+  spacingest: _spaces.spacingest,
   borderRadius: borderRadius,
-  shadow: shadow,
-  buttonSize: buttonSize,
+  shadow: _shadows.shadow.light,
+  buttonSize: _sizes.buttonSize,
   transition: transition,
-  zIndex: zIndex
+  zIndex: _zIndexes.zIndex
 };
 exports.defaultTheme = defaultTheme;

package/dist/shared/theme/theme.test.d.ts

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

package/dist/shared/theme/theme.types.d.ts

@@ -1,15 +1,23 @@
-import { defaultTheme } from '.';
-export type ExtendThemeProps = typeof defaultTheme;
-export type ThemeProps = ExtendThemeProps & {
-    [key: string]: any;
-};
-export type CustomThemeProps = {
-    [Key in keyof ExtendThemeProps]?: Partial<ExtendThemeProps[Key] | {
-        [Key2 in keyof ExtendThemeProps[Key]]: Partial<ExtendThemeProps[Key][Key2]> | string;
-    }>;
-};
-export type ExtendMethodProps = (customTheme: (CustomThemeProps & {
-    [key: string]: any;
-})) => ExtendThemeProps;
-export type GlobalColorsProps = 'body.light' | 'body.dark' | 'primary.alert' | 'primary.alert' | 'primary.disabled' | 'primary.default' | 'primary.hover' | 'primary.focus' | 'secondary.disabled' | 'secondary.default' | 'secondary.hover' | 'secondary.focus' | 'tertiary.disabled' | 'tertiary.default' | 'tertiary.hover' | 'tertiary.focus' | 'neutral.white' | 'neutral.neutral1' | 'neutral.neutral2' | 'neutral.neutral3' | 'neutral.neutral4' | 'neutral.neutral5' | 'neutral.neutral6' | 'neutral.black' | 'background.linear1' | 'background.linear2' | 'background.linear3' | 'background.light' | 'informative.default' | 'informative.blurred' | 'informative.gradient' | 'success.default' | 'success.blurred' | 'success.gradient' | 'success_secondary.default' | 'success_secondary.blurred' | 'success_secondary.gradient' | 'warning.default' | 'warning.blurred' | 'warning.gradient' | 'warning_secondary.default' | 'warning_secondary.blurred' | 'warning_secondary.gradient' | 'error.default' | 'error.blurred' | 'error.gradient' | 'critical.default' | 'critical.blurred' | 'critical.gradient';
+import { defaultTheme } from '.';
+export type ThemeBase = typeof defaultTheme;
+export type ExtendThemeProps = ThemeBase;
+export type ThemeBaseColors = ThemeBase['colors'];
+export type ExtendedThemeParams = Omit<ThemeBase, 'colors'> & {
+    colors: {
+        dark: ThemeBaseColors;
+        light: ThemeBaseColors;
+    } | ThemeBaseColors;
+};
+export type ThemeProps = ExtendThemeProps & {
+    [key: string]: any;
+};
+export type CustomThemeProps = {
+    [Key in keyof ExtendThemeProps]?: Partial<ExtendThemeProps[Key] | {
+        [Key2 in keyof ExtendThemeProps[Key]]: Partial<ExtendThemeProps[Key][Key2]> | string;
+    }>;
+};
+export type ExtendMethodProps = (customTheme: (CustomThemeProps & {
+    [key: string]: any;
+})) => ExtendThemeProps;
+export type GlobalColorsProps = 'body.light' | 'body.dark' | 'primary.alert' | 'primary.alert' | 'primary.disabled' | 'primary.default' | 'primary.hover' | 'primary.focus' | 'secondary.disabled' | 'secondary.default' | 'secondary.hover' | 'secondary.focus' | 'tertiary.disabled' | 'tertiary.default' | 'tertiary.hover' | 'tertiary.focus' | 'neutral.white' | 'neutral.neutral1' | 'neutral.neutral2' | 'neutral.neutral3' | 'neutral.neutral4' | 'neutral.neutral5' | 'neutral.neutral6' | 'neutral.black' | 'background.linear1' | 'background.linear2' | 'background.linear3' | 'background.light' | 'informative.default' | 'informative.blurred' | 'informative.gradient' | 'success.default' | 'success.blurred' | 'success.gradient' | 'success_secondary.default' | 'success_secondary.blurred' | 'success_secondary.gradient' | 'warning.default' | 'warning.blurred' | 'warning.gradient' | 'warning_secondary.default' | 'warning_secondary.blurred' | 'warning_secondary.gradient' | 'error.default' | 'error.blurred' | 'error.gradient' | 'critical.default' | 'critical.blurred' | 'critical.gradient';
 //# sourceMappingURL=theme.types.d.ts.map

package/dist/shared/theme/theme.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../src/shared/theme/theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG,OAAO,YAAY,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG;IAC1C,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;KAC5B,GAAG,IAAI,MAAM,gBAAgB,CAAC,CAAC,EAAE,OAAO,CACrC,gBAAgB,CAAC,GAAG,CAAC,GACrB;SACG,IAAI,IAAI,MAAM,gBAAgB,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM;KACrF,CACJ;CACF,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAC9B,WAAW,EACT,CAAE,gBAAgB,GAAG;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAA,KACF,gBAAgB,CAAC;AAEtB,MAAM,MAAM,iBAAiB,GACzB,YAAY,GACZ,WAAW,GACX,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,iBAAiB,GACjB,eAAe,GACf,eAAe,GACf,oBAAoB,GACpB,mBAAmB,GACnB,iBAAiB,GACjB,iBAAiB,GACjB,mBAAmB,GACnB,kBAAkB,GAClB,gBAAgB,GAChB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,eAAe,GACf,oBAAoB,GACpB,oBAAoB,GACpB,oBAAoB,GACpB,kBAAkB,GAClB,qBAAqB,GACrB,qBAAqB,GACrB,sBAAsB,GACtB,iBAAiB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,2BAA2B,GAC3B,2BAA2B,GAC3B,4BAA4B,GAC5B,iBAAiB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,2BAA2B,GAC3B,2BAA2B,GAC3B,4BAA4B,GAC5B,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,kBAAkB,GAClB,mBAAmB,CAAC"}
+{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../src/shared/theme/theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEjC,MAAM,MAAM,SAAS,GAAG,OAAO,YAAY,CAAC;AAE5C,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG;IAC5D,MAAM,EACF;QACE,IAAI,EAAE,eAAe,CAAC;QACtB,KAAK,EAAE,eAAe,CAAC;KACxB,GACD,eAAe,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG;IAC1C,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;KAC5B,GAAG,IAAI,MAAM,gBAAgB,CAAC,CAAC,EAAE,OAAO,CACrC,gBAAgB,CAAC,GAAG,CAAC,GACrB;SACG,IAAI,IAAI,MAAM,gBAAgB,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM;KACrF,CACJ;CACF,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAC9B,WAAW,EACT,CAAE,gBAAgB,GAAG;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAA,KACF,gBAAgB,CAAC;AAEtB,MAAM,MAAM,iBAAiB,GACzB,YAAY,GACZ,WAAW,GACX,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,iBAAiB,GACjB,eAAe,GACf,eAAe,GACf,oBAAoB,GACpB,mBAAmB,GACnB,iBAAiB,GACjB,iBAAiB,GACjB,mBAAmB,GACnB,kBAAkB,GAClB,gBAAgB,GAChB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,eAAe,GACf,oBAAoB,GACpB,oBAAoB,GACpB,oBAAoB,GACpB,kBAAkB,GAClB,qBAAqB,GACrB,qBAAqB,GACrB,sBAAsB,GACtB,iBAAiB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,2BAA2B,GAC3B,2BAA2B,GAC3B,4BAA4B,GAC5B,iBAAiB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,2BAA2B,GAC3B,2BAA2B,GAC3B,4BAA4B,GAC5B,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,kBAAkB,GAClB,mBAAmB,CAAC"}

package/dist/shared/theme/utils/extendTheme.d.ts

@@ -1,3 +1,3 @@
-import { ExtendMethodProps } from '..';
-export declare const extendTheme: ExtendMethodProps;
+import { ExtendMethodProps } from '..';
+export declare const extendTheme: ExtendMethodProps;
 //# sourceMappingURL=extendTheme.d.ts.map

package/dist/shared/theme/utils/localStorageController.d.ts

@@ -1,7 +1,7 @@
-export declare const localStorageController: {
-    get(key: string): "light" | "dark";
-    set(key: string, value: string): void;
-    remove(key: string): void;
-    clear(): void;
-};
+export declare const localStorageController: {
+    get(key: string): "light" | "dark";
+    set(key: string, value: string): void;
+    remove(key: string): void;
+    clear(): void;
+};
 //# sourceMappingURL=localStorageController.d.ts.map

package/dist/shared/types/credit-card.d.ts

@@ -1,6 +1,6 @@
-export type CreditCardOptions = {
-    monthErrorMessage: string;
-    yearErrorMessage: string;
-    dateErrorMessage: string;
-};
+export type CreditCardOptions = {
+    monthErrorMessage: string;
+    yearErrorMessage: string;
+    dateErrorMessage: string;
+};
 //# sourceMappingURL=credit-card.d.ts.map

package/dist/shared/types/file.d.ts

@@ -1,12 +1,12 @@
-export type FormattedFile = {
-    url: string;
-    name: string;
-    type: string;
-    size: number;
-    file: Blob;
-};
-export type UrlProps = {
-    url: string;
-    name?: string;
-};
+export type FormattedFile = {
+    url: string;
+    name: string;
+    type: string;
+    size: number;
+    file: Blob;
+};
+export type UrlProps = {
+    url: string;
+    name?: string;
+};
 //# sourceMappingURL=file.d.ts.map

package/dist/shared/types/name.d.ts

@@ -1,4 +1,4 @@
-export type NameOptions = {
-    errorMessage: string;
-};
+export type NameOptions = {
+    errorMessage: string;
+};
 //# sourceMappingURL=name.d.ts.map

package/dist/shared/types/phone.d.ts

@@ -1,8 +1,8 @@
-export interface FormatPhoneProps {
-    formattedNumber: string;
-    ddi?: string;
-    formattedNumberWithDDI: string;
-    unformattedNumber: string;
-    unformattedNumberWithDDI: string;
-}
+export interface FormatPhoneProps {
+    formattedNumber: string;
+    ddi?: string;
+    formattedNumberWithDDI: string;
+    unformattedNumber: string;
+    unformattedNumberWithDDI: string;
+}
 //# sourceMappingURL=phone.d.ts.map

package/dist/utils/GenerateKey.d.ts

@@ -1,11 +1,11 @@
-/**
- * Generates a random hexadecimal string with length 4.
- * @returns hexadecimal string.
- */
-export declare function s4(): string;
-/**
- * Generates a unique key using Date and pseudo random numbers.
- * @returns A unique key.
- */
-export declare function generateKey(): string;
+/**
+ * Generates a random hexadecimal string with length 4.
+ * @returns hexadecimal string.
+ */
+export declare function s4(): string;
+/**
+ * Generates a unique key using Date and pseudo random numbers.
+ * @returns A unique key.
+ */
+export declare function generateKey(): string;
 //# sourceMappingURL=GenerateKey.d.ts.map

package/dist/utils/brightnessColorChange.d.ts

@@ -1,9 +1,9 @@
-/**
- * Change the brightness of a color
- * @param color : color to change;
- * @param percent : percent of brightness;
- * @returns : new color with changed brightness;
- * @see https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
- */
-export declare function brightnessColorChange(color: string, percent: number): string;
+/**
+ * Change the brightness of a color
+ * @param color : color to change;
+ * @param percent : percent of brightness;
+ * @returns : new color with changed brightness;
+ * @see https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
+ */
+export declare function brightnessColorChange(color: string, percent: number): string;
 //# sourceMappingURL=brightnessColorChange.d.ts.map

package/dist/utils/colorCheck.d.ts

@@ -1,41 +1,41 @@
-type StripThemeColorsProps = {
-    [key: string]: {
-        [key: string]: string;
-    };
-};
-/**
- * Verifies if the provided color is a valid hex color.
- * @param color : color value;
- * @returns : true if color is valid, false otherwise;
- * @see https://stackoverflow.com/questions/8027423/how-to-check-if-a-string-is-a-valid-hex-color-representation/8027444#8027444
- */
-export declare const isHexColor: (color: string) => boolean;
-/**
- * Verifies if the provided color is a valid rgb or hsl color.
- * @param color : color value;
- * @returns : true if color is valid, false otherwise;
- * @see https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion
- */
-export declare const isRgbHslColor: (color: string) => boolean;
-/**
- * Verifies if the provided color is a valid theme color and returns the theme color value.
- * @param color : theme color tag value;
- * @param themeColors : theme colors object;
- * @returns : theme color value if color is valid, null otherwise;
- */
-export declare const stripThemeColors: (color: string, themeColors: StripThemeColorsProps) => string | null;
-/**
- * Convert a hex color to rgba color.
- * @param color : hex color value;
- * @param opacity : opacity value;
- * @returns : rgba color value;
- */
-export declare const parseHexColorToRgba: (color: string, opacity: number) => string;
-/**
- * Convert a hsl array color to string
- * @param color : hsl color array;
- * @returns : hsl color value;
- */
-export declare const parseHslColorToString: (color: number[]) => string;
-export {};
+type StripThemeColorsProps = {
+    [key: string]: {
+        [key: string]: string;
+    };
+};
+/**
+ * Verifies if the provided color is a valid hex color.
+ * @param color : color value;
+ * @returns : true if color is valid, false otherwise;
+ * @see https://stackoverflow.com/questions/8027423/how-to-check-if-a-string-is-a-valid-hex-color-representation/8027444#8027444
+ */
+export declare const isHexColor: (color: string) => boolean;
+/**
+ * Verifies if the provided color is a valid rgb or hsl color.
+ * @param color : color value;
+ * @returns : true if color is valid, false otherwise;
+ * @see https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion
+ */
+export declare const isRgbHslColor: (color: string) => boolean;
+/**
+ * Verifies if the provided color is a valid theme color and returns the theme color value.
+ * @param color : theme color tag value;
+ * @param themeColors : theme colors object;
+ * @returns : theme color value if color is valid, null otherwise;
+ */
+export declare const stripThemeColors: (color: string, themeColors: StripThemeColorsProps) => string | null;
+/**
+ * Convert a hex color to rgba color.
+ * @param color : hex color value;
+ * @param opacity : opacity value;
+ * @returns : rgba color value;
+ */
+export declare const parseHexColorToRgba: (color: string, opacity: number) => string;
+/**
+ * Convert a hsl array color to string
+ * @param color : hsl color array;
+ * @returns : hsl color value;
+ */
+export declare const parseHslColorToString: (color: number[]) => string;
+export {};
 //# sourceMappingURL=colorCheck.d.ts.map

package/dist/utils/colorFunctions.d.ts

@@ -1,3 +1,3 @@
-export declare function hoverFunction(col: string, amt?: number): string;
-export declare function focusFunction(col: string, amt?: number): string;
+export declare function hoverFunction(col: string, amt?: number): string;
+export declare function focusFunction(col: string, amt?: number): string;
 //# sourceMappingURL=colorFunctions.d.ts.map

package/dist/utils/colorToGray.d.ts

@@ -1,6 +1,6 @@
-import { ArrayColor, objectGray } from '../components/Progress/types';
-export declare function numberToHex(c: number): string;
-export declare function rgbToHex(color: ArrayColor): string;
-export declare function convertColor(color: string | ArrayColor): objectGray;
-export declare const parseHslColorToString: (color: number[]) => string;
+import { ArrayColor, objectGray } from '../components/Progress/types';
+export declare function numberToHex(c: number): string;
+export declare function rgbToHex(color: ArrayColor): string;
+export declare function convertColor(color: string | ArrayColor): objectGray;
+export declare const parseHslColorToString: (color: number[]) => string;
 //# sourceMappingURL=colorToGray.d.ts.map

package/dist/utils/customColorMode.d.ts

@@ -0,0 +1,2 @@
+export declare function customColorMode(light: string, dark: string): string;
+//# sourceMappingURL=customColorMode.d.ts.map

package/dist/utils/customColorMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customColorMode.d.ts","sourceRoot":"","sources":["../../src/utils/customColorMode.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,UAI1D"}

package/dist/utils/customColorMode.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.customColorMode = customColorMode;
+var _react = require("@emotion/react");
+function customColorMode(light, dark) {
+  var theme = (0, _react.useTheme)();
+  return theme.colorMode === 'dark' ? dark : light;
+}

package/dist/utils/file.d.ts

@@ -1,27 +1,27 @@
-import { FormattedFile } from '../shared/types/file';
-/**
- * Converts an array of File objects to an array of base64-encoded files with additional information.
- * @param {File[]} files Array of File objects.
- * @returns {Promise<FormattedFile[]>} Promise that resolves with an array of FormattedFile objects.
- */
-export declare function filesToBase64(files: File[]): Promise<FormattedFile[]>;
-/**
- * Converts a single File object to a base64-encoded file with additional information.
- * @param {File} file File object to be converted.
- * @returns {Promise<FormattedFile>} Promise that resolves with a FormattedFile object.
- */
-export declare function convertFileToBase64(file: File): Promise<FormattedFile>;
-/**
- * Downloads a file from a given URL and converts it to a base64-encoded file with additional information.
- * @param {string} url URL of the file to be downloaded.
- * @param {string} name Optional name of the downloaded file.
- * @returns {Promise<FormattedFile | null>} Promise that resolves with a FormattedFile object or null if the URL is not valid.
- */
-export declare function urlToBase64(url: string, name?: string): Promise<FormattedFile | null>;
-/**
- * Downloads a file from a given URL and opens the download prompt.
- * @param {string} url URL of the file to be downloaded.
- * @returns {Promise<boolean>} Promise that resolves with a boolean indicating whether the download was successful.
- */
-export declare function downloadUrlToFile(url: string): Promise<boolean>;
+import { FormattedFile } from '../shared/types/file';
+/**
+ * Converts an array of File objects to an array of base64-encoded files with additional information.
+ * @param {File[]} files Array of File objects.
+ * @returns {Promise<FormattedFile[]>} Promise that resolves with an array of FormattedFile objects.
+ */
+export declare function filesToBase64(files: File[]): Promise<FormattedFile[]>;
+/**
+ * Converts a single File object to a base64-encoded file with additional information.
+ * @param {File} file File object to be converted.
+ * @returns {Promise<FormattedFile>} Promise that resolves with a FormattedFile object.
+ */
+export declare function convertFileToBase64(file: File): Promise<FormattedFile>;
+/**
+ * Downloads a file from a given URL and converts it to a base64-encoded file with additional information.
+ * @param {string} url URL of the file to be downloaded.
+ * @param {string} name Optional name of the downloaded file.
+ * @returns {Promise<FormattedFile | null>} Promise that resolves with a FormattedFile object or null if the URL is not valid.
+ */
+export declare function urlToBase64(url: string, name?: string): Promise<FormattedFile | null>;
+/**
+ * Downloads a file from a given URL and opens the download prompt.
+ * @param {string} url URL of the file to be downloaded.
+ * @returns {Promise<boolean>} Promise that resolves with a boolean indicating whether the download was successful.
+ */
+export declare function downloadUrlToFile(url: string): Promise<boolean>;
 //# sourceMappingURL=file.d.ts.map

package/dist/utils/formatters/bytes.d.ts

@@ -1,8 +1,8 @@
-/**
- * This function takes in a number of bytes and an optional number of decimal places and converts the number of bytes into a more readable format.
- * @param {number} bytes - The number of bytes to be formatted.
- * @param {number} decimals - Optional number of decimal places to round the result to. Default value is 2.
- * @returns {string} - A string representing the formatted bytes with the appropriate unit (e.g. "10.24 KB").
- */
-export declare function formatBytes(bytes: number, decimals?: number): string;
+/**
+ * This function takes in a number of bytes and an optional number of decimal places and converts the number of bytes into a more readable format.
+ * @param {number} bytes - The number of bytes to be formatted.
+ * @param {number} decimals - Optional number of decimal places to round the result to. Default value is 2.
+ * @returns {string} - A string representing the formatted bytes with the appropriate unit (e.g. "10.24 KB").
+ */
+export declare function formatBytes(bytes: number, decimals?: number): string;
 //# sourceMappingURL=bytes.d.ts.map