sesame-components-testing 2.0.1 → 2.0.2

package/dist/Button/Button.d.ts

@@ -0,0 +1,14 @@
+import type { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import type { Theme } from '../theme';
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'error' | 'success' | 'keypad';
+export type ButtonSize = keyof Theme['height']['button']['posButton'];
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    selected?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    stretch?: boolean;
+}
+export declare const Button: FC<ButtonProps>;

package/dist/Button/Button.js

@@ -0,0 +1,22 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FlexCenter_1 = require("../Common/FlexCenter");
+const Button_styles_1 = require("./Button.styles");
+const Button = (_a) => {
+    var { variant = 'primary', size = 'm', selected, children, leftIcon, rightIcon, stretch = false, type = 'button' } = _a, rest = __rest(_a, ["variant", "size", "selected", "children", "leftIcon", "rightIcon", "stretch", "type"]);
+    return ((0, jsx_runtime_1.jsxs)(Button_styles_1.StyledButton, Object.assign({ type: type, "$variant": variant, "$size": size, "$selected": selected, "$stretch": stretch }, rest, { children: [leftIcon && (0, jsx_runtime_1.jsx)(FlexCenter_1.FlexCenter, { children: leftIcon }), (0, jsx_runtime_1.jsx)(FlexCenter_1.FlexCenter, { children: children }), rightIcon && (0, jsx_runtime_1.jsx)(FlexCenter_1.FlexCenter, { children: rightIcon })] })));
+};
+exports.Button = Button;

package/dist/Button/Button.styles.d.ts

@@ -0,0 +1,10 @@
+import type { ButtonSize, ButtonVariant } from './Button';
+export declare const StyledButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $variant: ButtonVariant;
+    $size: ButtonSize;
+    $selected?: boolean;
+    $stretch?: boolean;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/{src/Button/Button.styles.ts → dist/Button/Button.styles.js}

@@ -1,20 +1,13 @@
-import { type SerializedStyles, css } from '@emotion/react';
-import styled from '@emotion/styled';
-import type { Theme } from '../theme';
-// import { activeSelector } from '../../utils/styleHelpers';
-import type { ButtonSize, ButtonVariant } from './Button';
-
-const variants = ({
-  theme,
-  $variant,
-  $selected,
-}: {
-  theme: Theme;
-  $variant: ButtonVariant;
-  $selected?: boolean;
-}): SerializedStyles =>
-  ({
-    primary: css`
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledButton = void 0;
+const react_1 = require("@emotion/react");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const variants = ({ theme, $variant, $selected, }) => ({
+    primary: (0, react_1.css) `
       border-color: ${theme.colors.border.cta.primary.default};
       background: ${theme.colors.fill.cta.primary.default};
 
@@ -28,12 +21,12 @@ const variants = ({
         background: ${theme.colors.fill.cta.primary.disabled};
       }
     `,
-    secondary: css`
+    secondary: (0, react_1.css) `
       border-color: ${theme.colors.border.cta.secondary.default};
       background: ${theme.colors.fill.cta.secondary.default};
 
       ${$selected
-        ? css`
+        ? (0, react_1.css) `
             background: ${theme.colors.fill.surface.highEmphasis};
 
             &,
@@ -41,7 +34,7 @@ const variants = ({
               color: ${theme.colors.fill.icon.inverse.highEmphasis};
             }
           `
-        : css`
+        : (0, react_1.css) `
             &:active {
               border-color: ${theme.colors.border.cta.secondary.pressed};
               background: ${theme.colors.fill.cta.secondary.pressed};
@@ -53,12 +46,12 @@ const variants = ({
         background: ${theme.colors.fill.cta.secondary.disabled};
       }
     `,
-    tertiary: css`
+    tertiary: (0, react_1.css) `
       border-color: ${theme.colors.border.cta.tertiary.default};
       background: ${theme.colors.fill.cta.tertiary.default};
 
       ${$selected
-        ? css`
+        ? (0, react_1.css) `
             background: ${theme.colors.fill.surface.highEmphasis};
 
             &,
@@ -66,7 +59,7 @@ const variants = ({
               color: ${theme.colors.fill.icon.inverse.highEmphasis};
             }
           `
-        : css`
+        : (0, react_1.css) `
             &:active {
               border-color: ${theme.colors.border.cta.tertiary.pressed};
               background: ${theme.colors.fill.cta.tertiary.pressed};
@@ -77,10 +70,10 @@ const variants = ({
         background: ${theme.colors.fill.cta.tertiary.disabled};
       }
     `,
-    ghost: css`
+    ghost: (0, react_1.css) `
       background: ${theme.colors.fill.cta.ghost.default};
     `,
-    error: css`
+    error: (0, react_1.css) `
       border-color: ${theme.colors.border.cta.critical.default};
       background: ${theme.colors.fill.cta.critical.default};
 
@@ -99,7 +92,7 @@ const variants = ({
         }
       }
     `,
-    success: css`
+    success: (0, react_1.css) `
       border-color: ${theme.colors.border.cta.success.default};
       background: ${theme.colors.fill.cta.success.default};
 
@@ -118,7 +111,7 @@ const variants = ({
         }
       }
     `,
-    keypad: css`
+    keypad: (0, react_1.css) `
       border-color: ${theme.colors.border.cta.secondary.default};
       background: ${theme.colors.fill.cta.secondary.default};
       border-radius: ${theme.radii.s};
@@ -136,45 +129,29 @@ const variants = ({
         background: ${theme.colors.fill.cta.secondary.disabled};
       }
     `,
-  })[$variant];
-
-const sizes = ({
-  theme,
-  $variant,
-  $size,
-}: {
-  theme: Theme;
-  $variant: ButtonVariant;
-  $size: ButtonSize;
-}): SerializedStyles => {
-  if ($variant === 'keypad') {
-    return css`
+})[$variant];
+const sizes = ({ theme, $variant, $size, }) => {
+    if ($variant === 'keypad') {
+        return (0, react_1.css) `
       height: ${theme.height.button.posButton.l.fixed};
       min-height: ${theme.height.button.posButton.l.fixed};
       max-height: ${theme.height.button.posButton.l.fixed};
       width: 100%;
     `;
-  }
-
-  const buttonHeight = theme.height.button.posButton[$size];
-  const buttonWidth = theme.width.button.posButton[$size as 'l'];
-  return css`
+    }
+    const buttonHeight = theme.height.button.posButton[$size];
+    const buttonWidth = theme.width.button.posButton[$size];
+    return (0, react_1.css) `
     height: ${buttonHeight.fixed};
     min-height: ${buttonHeight.min};
     max-height: ${buttonHeight.max};
     ${buttonWidth &&
-    css`
+        (0, react_1.css) `
       min-width: ${buttonWidth.min};
     `}
   `;
 };
-
-export const StyledButton = styled.button<{
-  $variant: ButtonVariant;
-  $size: ButtonSize;
-  $selected?: boolean;
-  $stretch?: boolean;
-}>`
+exports.StyledButton = styled_1.default.button `
   display: inline-flex;
   align-items: center;
   justify-content: center;

package/dist/Common/FlexCenter.d.ts

@@ -0,0 +1,4 @@
+export declare const FlexCenter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/Common/FlexCenter.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexCenter = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+exports.FlexCenter = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;

package/dist/SesameComponent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface SesameComponentProps {
+    message?: string;
+}
+export declare const SesameComponent: React.FC<SesameComponentProps>;

package/dist/SesameComponent.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SesameComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const StyledDiv = styled_1.default.div `
+    background-color: red;
+    font-weight: bold;
+    font-size: 33px;
+`;
+const SesameComponent = ({ message = "Hello, Sesame!" }) => {
+    return (0, jsx_runtime_1.jsx)(StyledDiv, { children: message });
+};
+exports.SesameComponent = SesameComponent;

package/dist/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = exports.SesameComponent = void 0;
+var SesameComponent_1 = require("./SesameComponent");
+Object.defineProperty(exports, "SesameComponent", { enumerable: true, get: function () { return SesameComponent_1.SesameComponent; } });
+var Button_1 = require("./Button/Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,7 @@
+import { type FC, type ReactNode } from 'react';
+import type { Theme } from './types';
+export interface ThemeProviderProps {
+    theme: Theme;
+    children: ReactNode;
+}
+export declare const ThemeProvider: FC<ThemeProviderProps>;

package/dist/theme/ThemeProvider.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@emotion/react");
+const react_2 = require("react");
+const getSizedTheme_1 = require("./sizes/getSizedTheme");
+const useBreakpointSize_1 = require("./useBreakpointSize");
+const useSizedTheme = (theme) => {
+    const size = (0, useBreakpointSize_1.useBreakpointSize)();
+    return (0, react_2.useMemo)(() => {
+        return (0, getSizedTheme_1.getSizedTheme)(theme, size);
+    }, [size, theme]);
+};
+const ThemeProvider = ({ theme, children }) => {
+    const sizedTheme = useSizedTheme(theme);
+    return (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, { theme: sizedTheme, children: children });
+};
+exports.ThemeProvider = ThemeProvider;

package/dist/theme/colors/darkColors.d.ts

@@ -0,0 +1,2 @@
+import type { Colors } from '../types';
+export declare const darkColors: Colors;

package/dist/theme/colors/darkColors.js

@@ -0,0 +1,224 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkColors = void 0;
+const primitiveColors_1 = require("./primitiveColors");
+exports.darkColors = {
+    fill: {
+        icon: {
+            common: {
+                highEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['02'],
+                mediumEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['03'],
+                active: primitiveColors_1.primitiveColors.solids.gold['500'],
+                disabled: 'rgba(238, 232, 224, 0.6)',
+            },
+            inverse: {
+                highEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['08'],
+                mediumEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['06'],
+                disabled: primitiveColors_1.primitiveColors.transparencies.black['60%'],
+                error: primitiveColors_1.primitiveColors.solids.red['600'],
+            },
+            constantDark: {
+                highEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['08'],
+                mediumEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['06'],
+                disabled: primitiveColors_1.primitiveColors.transparencies.black['60%'],
+            },
+            constantLight: {
+                highEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['02'],
+                mediumEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['03'],
+                disabled: 'rgba(252, 250, 247, 0.8)',
+            },
+            constantColor: {
+                purple: primitiveColors_1.primitiveColors.solids.purple['400'],
+                red: primitiveColors_1.primitiveColors.solids.red['500'],
+                yellow: primitiveColors_1.primitiveColors.solids.yellow['500'],
+                green: primitiveColors_1.primitiveColors.solids.greenDark['600'],
+                brown: primitiveColors_1.primitiveColors.solids.brownWarm['600'],
+                orange: primitiveColors_1.primitiveColors.solids.orange['500'],
+                lightBlue: primitiveColors_1.primitiveColors.solids.blue['100'],
+                lightGreen: primitiveColors_1.primitiveColors.solids.yellowGreen['300'],
+                lightYellow: primitiveColors_1.primitiveColors.solids.gold['400'],
+                lightPink: primitiveColors_1.primitiveColors.solids.fuchsia['100'],
+                lightGrey: primitiveColors_1.primitiveColors.grayscale.neutral['02'],
+            },
+            notification: {
+                success: primitiveColors_1.primitiveColors.solids.green['200'],
+                info: primitiveColors_1.primitiveColors.solids.cyan['200'],
+                error: primitiveColors_1.primitiveColors.solids.red['200'],
+                warning: primitiveColors_1.primitiveColors.solids.orange['200'],
+            },
+            link: {
+                default: primitiveColors_1.primitiveColors.solids.blue['300'],
+                hover: primitiveColors_1.primitiveColors.solids.blue['200'],
+                pressed: primitiveColors_1.primitiveColors.solids.blue['500'],
+            },
+        },
+        cta: {
+            primary: {
+                default: primitiveColors_1.primitiveColors.solids.gold['500'],
+                pressed: primitiveColors_1.primitiveColors.solids.gold['600'],
+                disabled: 'rgba(214, 155, 0, 0.4)',
+            },
+            secondary: {
+                default: primitiveColors_1.primitiveColors.grayscale.neutral['09'],
+                pressed: primitiveColors_1.primitiveColors.grayscale.neutral['10'],
+                disabled: 'rgba(33, 29, 23, 0.8)',
+            },
+            tertiary: {
+                default: primitiveColors_1.primitiveColors.grayscale.neutral['10'],
+                pressed: primitiveColors_1.primitiveColors.grayscale.neutral['11'],
+                disabled: 'rgba(9, 9, 9, 0.9)',
+            },
+            ghost: {
+                default: primitiveColors_1.primitiveColors.transparencies.white['0%'],
+                pressed: primitiveColors_1.primitiveColors.grayscale.neutral['09'],
+            },
+            critical: {
+                default: primitiveColors_1.primitiveColors.solids.red['500'],
+                pressed: primitiveColors_1.primitiveColors.solids.red['700'],
+                disabled: 'rgba(219, 0, 7, 0.4)',
+            },
+            success: {
+                default: primitiveColors_1.primitiveColors.solids.green['600'],
+            },
+        },
+        notification: {
+            general: 'rgba(238, 232, 224, 0.8)',
+            success: 'rgba(6, 143, 29, 0.8)',
+            info: 'rgba(27, 106, 136, 0.8)',
+            error: 'rgba(219, 0, 7, 0.8)',
+            warning: 'rgba(232, 114, 10, 0.8)',
+        },
+        surface: {
+            default: primitiveColors_1.primitiveColors.grayscale.neutral['09'],
+            raised: primitiveColors_1.primitiveColors.grayscale.neutral['08'],
+            sunken: primitiveColors_1.primitiveColors.grayscale.neutral['10'],
+            disabled: 'rgba(33, 29, 23, 0.4)',
+            highEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['02'],
+            overlay: 'rgba(33, 29, 23, 0.8)',
+            status: primitiveColors_1.primitiveColors.solids.cyan['600'],
+            success: primitiveColors_1.primitiveColors.solids.greenDark['600'],
+            critical: primitiveColors_1.primitiveColors.solids.red['400'],
+            warning: primitiveColors_1.primitiveColors.solids.gold['600'],
+            brand: {
+                gold: primitiveColors_1.primitiveColors.solids.gold['500'],
+                red: primitiveColors_1.primitiveColors.solids.red['500'],
+                gray: primitiveColors_1.primitiveColors.grayscale.neutral['06'],
+            },
+            constant: {
+                dark: primitiveColors_1.primitiveColors.grayscale.neutral['08'],
+                light: primitiveColors_1.primitiveColors.grayscale.neutral['01'],
+            },
+            constantColor: {
+                blue: primitiveColors_1.primitiveColors.solids.blueDark['400'],
+                red: primitiveColors_1.primitiveColors.solids.red['600'],
+                purple: primitiveColors_1.primitiveColors.solids.indigo['400'],
+                yellow: primitiveColors_1.primitiveColors.solids.gold['600'],
+                green: primitiveColors_1.primitiveColors.solids.yellowGreen['600'],
+                gold: primitiveColors_1.primitiveColors.solids.gold['400'],
+            },
+        },
+    },
+    border: {
+        cta: {
+            primary: {
+                default: primitiveColors_1.primitiveColors.solids.gold['400'],
+                pressed: primitiveColors_1.primitiveColors.solids.gold['400'],
+                disabled: 'rgba(133, 96, 0, 0.4)',
+            },
+            secondary: {
+                default: primitiveColors_1.primitiveColors.solids.grey['700'],
+                pressed: primitiveColors_1.primitiveColors.grayscale.neutral['06'],
+                disabled: 'rgba(61, 61, 61, 0.8)',
+            },
+            tertiary: {
+                default: primitiveColors_1.primitiveColors.solids.grey['600'],
+                pressed: primitiveColors_1.primitiveColors.solids.grey['500'],
+                disabled: primitiveColors_1.primitiveColors.solids.grey['700'],
+            },
+            critical: {
+                default: primitiveColors_1.primitiveColors.solids.red['400'],
+                pressed: primitiveColors_1.primitiveColors.solids.red['300'],
+                disabled: 'rgba(236, 49, 55, 0.4)',
+            },
+            success: {
+                default: primitiveColors_1.primitiveColors.solids.greenDark['500'],
+            },
+        },
+        fields: {
+            default: primitiveColors_1.primitiveColors.grayscale.neutral['05'],
+            active: primitiveColors_1.primitiveColors.grayscale.neutral['04'],
+            filled: primitiveColors_1.primitiveColors.grayscale.neutral['05'],
+            disabled: 'rgba(107, 98, 89, 0.5)',
+            error: primitiveColors_1.primitiveColors.solids.red['500'],
+            success: primitiveColors_1.primitiveColors.solids.green['200'],
+        },
+        elements: {
+            divider: {
+                highEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['02'],
+                mediumEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['07'],
+            },
+        },
+        states: {
+            focus: primitiveColors_1.primitiveColors.grayscale.neutral['00'],
+            selected: primitiveColors_1.primitiveColors.solids.gold['500'],
+            disabled: primitiveColors_1.primitiveColors.grayscale.neutral['06'],
+        },
+        container: {
+            highEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['02'],
+            mediumEmphasis: primitiveColors_1.primitiveColors.solids.grey['700'],
+            lowEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['08'],
+            inverseHigh: primitiveColors_1.primitiveColors.grayscale.neutral['08'],
+            inverseMedium: primitiveColors_1.primitiveColors.solids.tan['300'],
+            constantLight: primitiveColors_1.primitiveColors.grayscale.neutral['02'],
+            constantDark: primitiveColors_1.primitiveColors.grayscale.neutral['08'],
+            constantColor: {
+                blue: primitiveColors_1.primitiveColors.solids.blueDark['500'],
+                purple: primitiveColors_1.primitiveColors.solids.indigo['600'],
+                red: primitiveColors_1.primitiveColors.solids.red['700'],
+                yellow: primitiveColors_1.primitiveColors.solids.gold['700'],
+                green: primitiveColors_1.primitiveColors.solids.yellowGreen['700'],
+                gold: primitiveColors_1.primitiveColors.solids.gold['400'],
+            },
+        },
+        common: {
+            highEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['04'],
+            mediumEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['06'],
+        },
+    },
+    text: {
+        common: {
+            highContrast: primitiveColors_1.primitiveColors.grayscale.neutral['00'],
+            highEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['02'],
+            mediumEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['03'],
+            disabled: 'rgba(238, 232, 224, 0.6)',
+            success: primitiveColors_1.primitiveColors.solids.green['300'],
+            info: primitiveColors_1.primitiveColors.solids.cyan['100'],
+            error: primitiveColors_1.primitiveColors.solids.red['100'],
+            warning: primitiveColors_1.primitiveColors.solids.orange['300'],
+        },
+        inverse: {
+            highContrast: primitiveColors_1.primitiveColors.grayscale.neutral['11'],
+            highEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['08'],
+            mediumEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['07'],
+            disabled: 'rgba(13, 12, 12, 0.7)',
+        },
+        constantDark: {
+            highContrast: primitiveColors_1.primitiveColors.grayscale.neutral['11'],
+            highEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['08'],
+            mediumEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['07'],
+            disabled: primitiveColors_1.primitiveColors.transparencies.black['70%'],
+        },
+        constantLight: {
+            highContrast: primitiveColors_1.primitiveColors.grayscale.neutral['00'],
+            highEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['02'],
+            mediumEmphasis: primitiveColors_1.primitiveColors.grayscale.neutral['03'],
+            disabled: 'rgba(252, 250, 247, 0.8)',
+        },
+        link: {
+            default: primitiveColors_1.primitiveColors.solids.blue['300'],
+            hover: primitiveColors_1.primitiveColors.solids.blue['200'],
+            pressed: primitiveColors_1.primitiveColors.solids.blue['500'],
+            inactive: primitiveColors_1.primitiveColors.grayscale.neutral['04'],
+        },
+    },
+};

package/dist/theme/colors/lightColors.d.ts

@@ -0,0 +1,2 @@
+import type { Colors } from '../types';
+export declare const lightColors: Colors;