@pedidopago/ui 1.7.21 → 1.7.22

package/dist/shared/theme/contexts/ThemeContext.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { ExtendThemeProps } from '../theme.types';
 type ThemeContextProps = {
     theme: ExtendThemeProps;
-    colorMode: boolean;
+    colorMode: 'dark' | 'light';
     switchColorMode: () => void;
 };
 type ThemeProviderProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/contexts/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAQtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,4CAAyC,CAAC;AAEnE,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,kBAAkB,eAmC1F"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/contexts/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAStE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKlD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,4CAAyC,CAAC;AAEnE,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,kBAAkB,eA4D1F"}

package/dist/shared/theme/contexts/ThemeContext.js

@@ -11,6 +11,9 @@ var _react2 = require("@emotion/react");
 var _ToastProvider = _interopRequireDefault(require("../../../components/Toast/contexts/ToastProvider"));
 var _ = require("..");
 var _localStorageController = require("../utils/localStorageController");
+var _useSystemTheme = require("../../hooks/useSystemTheme");
+var _colors = require("../objects/colors");
+var _shadows = require("../objects/shadows");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
@@ -30,37 +33,54 @@ function PPUIThemeProvider(_ref) {
   var children = _ref.children,
     theme = _ref.theme,
     initialColorMode = _ref.initialColorMode;
-  var _useState = (0, _react.useState)(initialColorMode === 'dark'),
+  var _useState = (0, _react.useState)(theme || _.defaultTheme),
     _useState2 = _slicedToArray(_useState, 2),
-    colorMode = _useState2[0],
-    setColorMode = _useState2[1];
-  var _useState3 = (0, _react.useState)(theme || _.defaultTheme),
+    currentTheme = _useState2[0],
+    setCurrentTheme = _useState2[1];
+  var systemTheme = (0, _useSystemTheme.useSystemTheme)();
+  var _useState3 = (0, _react.useState)(initialColorMode || systemTheme),
     _useState4 = _slicedToArray(_useState3, 2),
-    currentTheme = _useState4[0],
-    setCurrentTheme = _useState4[1];
+    colorMode = _useState4[0],
+    setColorMode = _useState4[1];
   (0, _react.useEffect)(function () {
     var localStorageColorMode = _localStorageController.localStorageController.get('UIColorMode');
-    if (localStorageColorMode) {
-      setColorMode(localStorageColorMode === 'dark');
+    if (localStorageColorMode && localStorageColorMode !== colorMode) {
+      setColorMode(localStorageColorMode);
     }
-  }, [setColorMode]);
+  }, []);
+  var themeColors = (theme === null || theme === void 0 ? void 0 : theme.colors) || _colors.colors[colorMode];
+  var themeShadow = _shadows.shadow[colorMode];
+  function switchColorMode() {
+    changeColorMode(colorMode === 'light' ? 'dark' : 'light');
+  }
+  function changeColorMode(colorMode) {
+    setColorMode(colorMode);
+    _localStorageController.localStorageController.set('UIColorMode', colorMode);
+  }
   (0, _react.useEffect)(function () {
     setCurrentTheme(theme || _.defaultTheme);
   }, [theme]);
-  function switchColorMode() {
-    var newColorMode = !colorMode;
-    _localStorageController.localStorageController.set('UIColorMode', newColorMode ? 'dark' : 'light');
-    setColorMode(newColorMode);
-  }
+  (0, _react.useEffect)(function () {
+    if (initialColorMode) {
+      changeColorMode(initialColorMode);
+    } else {
+      changeColorMode(systemTheme);
+    }
+  }, [initialColorMode, systemTheme]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeContext.Provider, {
     value: {
-      theme: currentTheme,
+      theme: _objectSpread(_objectSpread({}, currentTheme), {}, {
+        colors: themeColors,
+        shadow: themeShadow
+      }),
       colorMode: colorMode,
       switchColorMode: switchColorMode
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.ThemeProvider, {
       theme: _objectSpread(_objectSpread({}, currentTheme), {}, {
-        colorMode: colorMode ? 'dark' : 'light'
+        shadow: themeShadow,
+        colors: themeColors,
+        colorMode: colorMode
       }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToastProvider.default, {
         children: children

package/dist/shared/theme/hooks/useColorMode.d.ts

@@ -1,5 +1,5 @@
 export declare const useColorMode: () => {
-    colorMode: string;
+    colorMode: "light" | "dark";
     switchColorMode: () => void;
 };
 //# sourceMappingURL=useColorMode.d.ts.map

package/dist/shared/theme/hooks/useColorMode.js

@@ -11,7 +11,7 @@ var useColorMode = function useColorMode() {
     colorMode = _useContext.colorMode,
     switchColorMode = _useContext.switchColorMode;
   return {
-    colorMode: colorMode ? 'dark' : 'light',
+    colorMode: colorMode,
     switchColorMode: switchColorMode
   };
 };

package/dist/shared/theme/hooks/useTheme.d.ts

@@ -119,6 +119,174 @@ export declare const useTheme: () => {
                 gradient: string;
             };
         };
+        lightColors: {
+            body: {
+                light: string;
+                dark: string;
+            };
+            primary: {
+                alert: string;
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+                transparent: string;
+            };
+            secondary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            tertiary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            neutral: {
+                white: string;
+                neutral1: string;
+                neutral2: string;
+                neutral3: string;
+                neutral4: string;
+                neutral5: string;
+                neutral6: string;
+                black: string;
+            };
+            background: {
+                linear1: string;
+                linear2: string;
+                linear3: string;
+                light: string;
+            };
+            informative: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            error: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            critical: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+        };
+        darkColors: {
+            body: {
+                light: string;
+                dark: string;
+            };
+            primary: {
+                alert: string;
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+                transparent: string;
+            };
+            secondary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            tertiary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            neutral: {
+                white: string;
+                neutral1: string;
+                neutral2: string;
+                neutral3: string;
+                neutral4: string;
+                neutral5: string;
+                neutral6: string;
+                black: string;
+            };
+            background: {
+                linear1: string;
+                linear2: string;
+                linear3: string;
+                light: string;
+            };
+            informative: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            error: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            critical: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+        };
         space: {
             px: string;
             0.5: string;

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

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMpB,CAAC"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMpB,CAAC"}

package/dist/shared/theme/objects/breakpoints.d.ts

@@ -0,0 +1,9 @@
+export declare const breakpoints: {
+    base: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+};
+//# sourceMappingURL=breakpoints.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/objects/breakpoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC"}

package/dist/shared/theme/objects/breakpoints.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.breakpoints = void 0;
+var breakpoints = {
+  base: '0px',
+  sm: '30rem',
+  md: '48rem',
+  lg: '64rem',
+  xl: '80rem',
+  xxl: '100rem'
+};
+exports.breakpoints = breakpoints;

package/dist/shared/theme/objects/colors.d.ts

@@ -0,0 +1,171 @@
+export declare const colors: {
+    light: {
+        body: {
+            light: string;
+            dark: string;
+        };
+        primary: {
+            alert: string;
+            disabled: string;
+            default: string;
+            hover: string;
+            focus: string;
+            transparent: string;
+        };
+        secondary: {
+            disabled: string;
+            default: string;
+            hover: string;
+            focus: string;
+        };
+        tertiary: {
+            disabled: string;
+            default: string;
+            hover: string;
+            focus: string;
+        };
+        neutral: {
+            white: string;
+            neutral1: string;
+            neutral2: string;
+            neutral3: string;
+            neutral4: string;
+            neutral5: string;
+            neutral6: string;
+            black: string;
+        };
+        background: {
+            linear1: string;
+            linear2: string;
+            linear3: string;
+            light: string;
+        };
+        informative: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+        success: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+        success_secondary: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+        warning: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+        warning_secondary: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+        error: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+        critical: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+    };
+    dark: {
+        body: {
+            light: string;
+            dark: string;
+        };
+        primary: {
+            alert: string;
+            disabled: string;
+            default: string;
+            hover: string;
+            focus: string;
+            transparent: string;
+        };
+        secondary: {
+            disabled: string;
+            default: string;
+            hover: string;
+            focus: string;
+        };
+        tertiary: {
+            disabled: string;
+            default: string;
+            hover: string;
+            focus: string;
+        };
+        neutral: {
+            white: string;
+            neutral1: string;
+            neutral2: string;
+            neutral3: string;
+            neutral4: string;
+            neutral5: string;
+            neutral6: string;
+            black: string;
+        };
+        background: {
+            linear1: string;
+            linear2: string;
+            linear3: string;
+            light: string;
+        };
+        informative: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+        success: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+        success_secondary: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+        warning: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+        warning_secondary: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+        error: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+        critical: {
+            default: string;
+            blurred: string;
+            dark: string;
+            gradient: string;
+        };
+    };
+};
+//# sourceMappingURL=colors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/objects/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKlB,CAAC"}

package/dist/shared/theme/objects/colors.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colors = void 0;
+var colors = {
+  light: {
+    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: '#DCE4FA',
+      default: '#023DD1',
+      hover: '#163D9E',
+      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'
+    }
+  },
+  dark: {
+    body: {
+      light: '#000',
+      dark: '#fff'
+    },
+    primary: {
+      alert: '#1cb582',
+      disabled: '#1fcb92',
+      default: '#35cd9b',
+      hover: '#9DF1D5',
+      focus: 'rgba(181, 241, 221, 0.2)',
+      transparent: 'transparent'
+    },
+    secondary: {
+      disabled: '#133385',
+      default: '#023DD1',
+      hover: '#7F9DEB',
+      focus: '#BFCEF5'
+    },
+    tertiary: {
+      disabled: '#709085',
+      default: '#A3B8B0',
+      hover: '#CAD6D1',
+      focus: '#EAEFED'
+    },
+    neutral: {
+      white: '#34423D',
+      neutral1: '#465953',
+      neutral2: '#587169',
+      neutral3: '#709085',
+      neutral4: '#A3B8B0',
+      neutral5: '#CAD6D1',
+      neutral6: '#EAEFED',
+      black: '#FFFFFF'
+    },
+    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: '#364f62',
+      dark: '#B1CDFB',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #B1CDFB'
+    },
+    success: {
+      default: '#34D399',
+      blurred: '#345f50',
+      dark: '#B5F1DD',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #B5F1DD'
+    },
+    success_secondary: {
+      default: '#34D3C9',
+      blurred: '#345f59',
+      dark: '#AAFAF5',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #AAFAF5'
+    },
+    warning: {
+      default: '#FB923C',
+      blurred: '#5c523d',
+      dark: '#FDE7D5',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #FDD3B1'
+    },
+    warning_secondary: {
+      default: '#FFC453',
+      blurred: '#5c523d',
+      dark: '#FFF1D6',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #FFE8BD'
+    },
+    error: {
+      default: '#EF4444',
+      blurred: '#5a433f',
+      dark: '#F6CFD8',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #F6CFD8'
+    },
+    critical: {
+      default: '#B80F60',
+      blurred: '#4f3844',
+      dark: '#E0A6C2',
+      gradient: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #E0A6C2'
+    }
+  }
+};
+exports.colors = colors;

package/dist/shared/theme/objects/shadows.d.ts

@@ -0,0 +1,13 @@
+export declare const shadow: {
+    light: {
+        level1: string;
+        level2: string;
+        level3: string;
+    };
+    dark: {
+        level1: string;
+        level2: string;
+        level3: string;
+    };
+};
+//# sourceMappingURL=shadows.d.ts.map