@akinon/ui-theme 0.1.0 → 0.3.0

package/dist/cjs/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAkBrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;CAYf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAajB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}

package/dist/cjs/colors.js

@@ -0,0 +1,162 @@
+"use strict";
+// Tailwind like colors.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.akinon = exports.orange = exports.azure = exports.pink = exports.purple = exports.blue = exports.green = exports.red = exports.gray = exports.ebonyClay = exports.neutral = void 0;
+exports.neutral = {
+    '50': '#ffffff',
+    '75': '#fbfcfd',
+    '100': '#f5f5f5',
+    '150': '#f1f3f9',
+    '200': '#e5e5e5',
+    '250': '#d6e1e3',
+    '300': '#d4d4d4',
+    '350': '#c8daec',
+    '375': '#bfbfbf',
+    '400': '#a3a3a3',
+    '500': '#737373',
+    '600': '#525252',
+    '700': '#404040',
+    '800': '#262626',
+    '900': '#171717',
+    '950': '#0a0a0a'
+};
+exports.ebonyClay = {
+    '50': '#677084',
+    '100': '#5c6880',
+    '150': '#58669a',
+    '200': '#515c7c',
+    '300': '#465178',
+    '350': '#43464f',
+    '375': '#3f4b5c',
+    '400': '#3d4561', // applied from design: filters card bg
+    '450': '#333b57',
+    '475': '#2b344c',
+    '500': '#293245', // applied from design: layout color
+    '550': '#262e47',
+    '600': '#232b3b', // applied from design: header input bg
+    '700': '#1d2331',
+    '800': '#171d27',
+    '900': '#11171e',
+    '950': '#0c111a'
+};
+exports.gray = {
+    '100': '#f5f5f5',
+    '200': '#e5e5e5',
+    '300': '#d4d4d4',
+    '400': '#a3a3a3',
+    '500': '#788195', // applied from design: header text placeholder
+    '600': '#525252',
+    '700': '#404040',
+    '800': '#262626',
+    '900': '#3b404c', // applied from design: layout border
+    '925': '#36373b',
+    '950': '#171717'
+};
+exports.red = {
+    '50': '#fffaf5',
+    '100': '#fcf3eb',
+    '200': '#fce0cf',
+    '300': '#fac7b1',
+    '400': '#f58d7a',
+    '500': '#ef4444',
+    '600': '#d93636',
+    '700': '#b32525',
+    '800': '#8f1818',
+    '900': '#6b0e0e',
+    '950': '#450606'
+};
+exports.green = {
+    '50': '#fafcf2',
+    '100': '#f5fae6',
+    '200': '#e5f5c1',
+    '300': '#d2ed9d',
+    '400': '#a9e05c',
+    '500': '#7ed321',
+    '600': '#6abf1b',
+    '700': '#529e13',
+    '800': '#3d800d',
+    '900': '#275e07',
+    '950': '#163d03'
+};
+exports.blue = {
+    '50': '#f5fcff',
+    '100': '#ebf8ff',
+    '200': '#cceafc',
+    '300': '#afd9fa',
+    '400': '#74b4f7',
+    '500': '#3b82f6',
+    '600': '#306fdb',
+    '700': '#2153b8',
+    '800': '#153b94',
+    '900': '#0c286e',
+    '950': '#051647'
+};
+exports.purple = {
+    '50': '#fbf7fc',
+    '100': '#f5eff8',
+    '200': '#ebdef0',
+    '300': '#dbc4e3',
+    '400': '#c7a1d1',
+    '500': '#ad7abb',
+    '600': '#915c9d',
+    '700': '#72467b',
+    '800': '#633e6a',
+    '900': '#543659',
+    '950': '#341b37'
+};
+exports.pink = {
+    '50': '#fff7fd',
+    '100': '#fcebf7',
+    '200': '#facfec',
+    '300': '#f7b2df',
+    '400': '#f27ec0',
+    '500': '#ec4899',
+    '600': '#d63c87',
+    '700': '#b32965',
+    '800': '#8f1b49',
+    '900': '#6b0f31',
+    '950': '#45061a'
+};
+// This will be our main primary.
+exports.azure = {
+    '50': '#eef5ff',
+    '100': '#d9e8ff',
+    '200': '#bcd8ff',
+    '300': '#8ec0ff',
+    '400': '#599cff',
+    '500': '#4482ff', // applied from design: primary button color
+    '600': '#1b55f5',
+    '750': '#1890ff',
+    '700': '#1440e1',
+    '800': '#1734b6',
+    '900': '#19318f',
+    '950': '#142057'
+};
+// This will be our secondary color.
+exports.orange = {
+    '50': '#fffcf2',
+    '100': '#fff8e6',
+    '200': '#ffebbf',
+    '300': '#fcd997',
+    '400': '#fcb44e',
+    '500': '#f98003',
+    '600': '#e06e02',
+    '700': '#ba5202',
+    '800': '#963d02',
+    '900': '#702900',
+    '950': '#471700'
+};
+// Akinon brand color and shades.
+exports.akinon = {
+    '50': '#fcf2f7',
+    '100': '#fae6ef',
+    '200': '#f5c4d7',
+    '300': '#eda1b9',
+    '400': '#de5f77',
+    '500': '#d2282e',
+    '600': '#bd2025',
+    '700': '#9c161a',
+    '800': '#7d0e11',
+    '900': '#5e080a',
+    '950': '#3d0405'
+};

package/dist/{index.d.ts.map → cjs/index.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./theme"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAevD,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,CAAC;AAEd,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAavC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBAuFnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CAc3B,CAAC"}

package/dist/cjs/theme.js

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCssVariables = exports.useToken = exports.theme = exports.fontSize = void 0;
+const antd_1 = require("antd");
+const colors_1 = require("./colors");
+// antd works with numbers. use this to convert px to rem.
+exports.fontSize = 16;
+const colors = {
+    akinon: colors_1.akinon,
+    azure: colors_1.azure,
+    orange: colors_1.orange,
+    red: colors_1.red,
+    green: colors_1.green,
+    purple: colors_1.purple,
+    gray: colors_1.gray,
+    ebonyClay: colors_1.ebonyClay,
+    neutral: colors_1.neutral
+};
+/**
+ * Non-editable akinon theme object.
+ * This object contains both our theme values and
+ * antd's default theme values.
+ *
+ * You can use https://ant.design/theme-editor tool
+ * to learn about properties and their effects.
+ */
+exports.theme = {
+    // We use dark algorithm from antd by default,
+    // since our applications are dark themed.
+    algorithm: antd_1.theme.darkAlgorithm,
+    colors,
+    // We also need to override antd styles with
+    // our current color palette.
+    token: {
+        colorTextBase: colors.neutral['100'],
+        colorText: colors.neutral['100'],
+        colorTextSecondary: colors.gray['500'],
+        colorTextPlaceholder: colors.gray['500'],
+        colorPrimary: colors.azure['500'],
+        colorError: colors.red['500'],
+        colorBgLayout: colors.ebonyClay['500'], // effects layout bg
+        colorBgContainer: colors.ebonyClay['600'], // effects card bg, table bg, input bg
+        colorBgElevated: colors.ebonyClay['400'], // effects dropdown bg, select bg, notification bg
+        controlItemBgHover: colors.ebonyClay['200'], // effects item bg in dropdown item when hovered
+        controlItemBgActive: colors.ebonyClay['300'], // effects active item bg such in dropdown item
+        controlItemBgActiveHover: colors.ebonyClay['300'], // effects active item bg such in dropdown item when hovered
+        colorBgSpotlight: colors.ebonyClay['600'], //TODO: bg color of tooltip?
+        colorBorder: colors.ebonyClay['700'],
+        fontFamily: "'Jost Variable'," + antd_1.theme.getDesignToken().fontFamily,
+        fontSize: exports.fontSize * 0.875
+    },
+    components: {
+        Layout: {
+            headerBg: colors.ebonyClay['500'],
+            siderBg: colors.ebonyClay['500']
+        },
+        Dropdown: {
+            colorPrimary: colors.neutral['100'], // primary color (azure500) doesn't work well with dropdown bg
+            controlPaddingHorizontal: exports.fontSize
+        },
+        Menu: {
+            darkItemBg: colors.ebonyClay['500'],
+            darkSubMenuItemBg: colors.ebonyClay['600'],
+            darkItemSelectedBg: colors.ebonyClay['700'],
+            itemBorderRadius: 0,
+            itemMarginBlock: 0,
+            itemMarginInline: 0,
+            darkItemColor: colors.gray['500'],
+            itemHeight: exports.fontSize * 3.25
+        },
+        Breadcrumb: {
+            fontSize: exports.fontSize * 0.625,
+            lastItemColor: colors.azure['500']
+        },
+        Card: {
+            colorBgContainer: colors.ebonyClay['450'],
+            colorTextDescription: colors.neutral['100'],
+            headerFontSize: exports.fontSize * 1.25,
+            fontSize: exports.fontSize * 0.875
+        },
+        Collapse: {
+            headerPadding: '0 0 12px',
+            // because of ghost prop, we need to use important
+            contentPadding: '0 0 24px !important',
+            fontSizeIcon: exports.fontSize * 1.65,
+            fontSize: exports.fontSize
+        },
+        Form: {
+            itemMarginBottom: 16,
+            labelColor: colors.neutral['100'],
+            verticalLabelPadding: 4
+        },
+        Select: {
+            colorTextDisabled: colors.ebonyClay['350'],
+            colorBgContainerDisabled: colors.gray['925'],
+            colorBgContainer: colors.ebonyClay['475'],
+            fontSizeLG: exports.fontSize * 0.875,
+            colorBorder: colors.ebonyClay['550'],
+            lineWidth: 2
+        },
+        Input: {
+            colorBgContainer: colors.ebonyClay['475'],
+            fontSizeLG: exports.fontSize * 0.875,
+            colorBorder: colors.ebonyClay['550'],
+            lineWidth: 2
+        },
+        InputNumber: {
+            colorBgContainer: colors.ebonyClay['475'],
+            fontSizeLG: exports.fontSize * 0.875,
+            colorBorder: colors.ebonyClay['550'],
+            lineWidth: 2
+        }
+    }
+};
+/**
+ * Used to access antd's token values from react components.
+ * For detailed usage see,
+ * https://ant.design/docs/react/customize-theme#consume-design-token
+ */
+exports.useToken = antd_1.theme.useToken;
+/**
+ * Returns css variable objects for our
+ * theme's custom color palette.
+ *
+ * Outputs css variables like:
+ * --color-primary-100: #f0f8ff;
+ * --color-body-fg: #ffffff;
+ * --color-success-500: #52c41a;
+ * --color-{object_key}-{object_key}: {color_value};
+ */
+const getCssVariables = () => {
+    const { colors } = exports.theme;
+    const prefix = '--color';
+    const result = {};
+    for (const [colorType, colorObject] of Object.entries(colors)) {
+        for (const [colorShade, colorValue] of Object.entries(colorObject)) {
+            const variableName = `${prefix}-${colorType}-${colorShade}`;
+            result[variableName] = colorValue;
+        }
+    }
+    return result;
+};
+exports.getCssVariables = getCssVariables;

package/dist/esm/colors.d.ts

@@ -0,0 +1,156 @@
+export declare const neutral: {
+    '50': string;
+    '75': string;
+    '100': string;
+    '150': string;
+    '200': string;
+    '250': string;
+    '300': string;
+    '350': string;
+    '375': string;
+    '400': string;
+    '500': string;
+    '600': string;
+    '700': string;
+    '800': string;
+    '900': string;
+    '950': string;
+};
+export declare const ebonyClay: {
+    '50': string;
+    '100': string;
+    '150': string;
+    '200': string;
+    '300': string;
+    '350': string;
+    '375': string;
+    '400': string;
+    '450': string;
+    '475': string;
+    '500': string;
+    '550': string;
+    '600': string;
+    '700': string;
+    '800': string;
+    '900': string;
+    '950': string;
+};
+export declare const gray: {
+    '100': string;
+    '200': string;
+    '300': string;
+    '400': string;
+    '500': string;
+    '600': string;
+    '700': string;
+    '800': string;
+    '900': string;
+    '925': string;
+    '950': string;
+};
+export declare const red: {
+    '50': string;
+    '100': string;
+    '200': string;
+    '300': string;
+    '400': string;
+    '500': string;
+    '600': string;
+    '700': string;
+    '800': string;
+    '900': string;
+    '950': string;
+};
+export declare const green: {
+    '50': string;
+    '100': string;
+    '200': string;
+    '300': string;
+    '400': string;
+    '500': string;
+    '600': string;
+    '700': string;
+    '800': string;
+    '900': string;
+    '950': string;
+};
+export declare const blue: {
+    '50': string;
+    '100': string;
+    '200': string;
+    '300': string;
+    '400': string;
+    '500': string;
+    '600': string;
+    '700': string;
+    '800': string;
+    '900': string;
+    '950': string;
+};
+export declare const purple: {
+    '50': string;
+    '100': string;
+    '200': string;
+    '300': string;
+    '400': string;
+    '500': string;
+    '600': string;
+    '700': string;
+    '800': string;
+    '900': string;
+    '950': string;
+};
+export declare const pink: {
+    '50': string;
+    '100': string;
+    '200': string;
+    '300': string;
+    '400': string;
+    '500': string;
+    '600': string;
+    '700': string;
+    '800': string;
+    '900': string;
+    '950': string;
+};
+export declare const azure: {
+    '50': string;
+    '100': string;
+    '200': string;
+    '300': string;
+    '400': string;
+    '500': string;
+    '600': string;
+    '750': string;
+    '700': string;
+    '800': string;
+    '900': string;
+    '950': string;
+};
+export declare const orange: {
+    '50': string;
+    '100': string;
+    '200': string;
+    '300': string;
+    '400': string;
+    '500': string;
+    '600': string;
+    '700': string;
+    '800': string;
+    '900': string;
+    '950': string;
+};
+export declare const akinon: {
+    '50': string;
+    '100': string;
+    '200': string;
+    '300': string;
+    '400': string;
+    '500': string;
+    '600': string;
+    '700': string;
+    '800': string;
+    '900': string;
+    '950': string;
+};
+//# sourceMappingURL=colors.d.ts.map

package/dist/esm/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAkBrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;CAYf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAajB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}

package/dist/esm/colors.js

@@ -0,0 +1,159 @@
+// Tailwind like colors.
+export const neutral = {
+    '50': '#ffffff',
+    '75': '#fbfcfd',
+    '100': '#f5f5f5',
+    '150': '#f1f3f9',
+    '200': '#e5e5e5',
+    '250': '#d6e1e3',
+    '300': '#d4d4d4',
+    '350': '#c8daec',
+    '375': '#bfbfbf',
+    '400': '#a3a3a3',
+    '500': '#737373',
+    '600': '#525252',
+    '700': '#404040',
+    '800': '#262626',
+    '900': '#171717',
+    '950': '#0a0a0a'
+};
+export const ebonyClay = {
+    '50': '#677084',
+    '100': '#5c6880',
+    '150': '#58669a',
+    '200': '#515c7c',
+    '300': '#465178',
+    '350': '#43464f',
+    '375': '#3f4b5c',
+    '400': '#3d4561', // applied from design: filters card bg
+    '450': '#333b57',
+    '475': '#2b344c',
+    '500': '#293245', // applied from design: layout color
+    '550': '#262e47',
+    '600': '#232b3b', // applied from design: header input bg
+    '700': '#1d2331',
+    '800': '#171d27',
+    '900': '#11171e',
+    '950': '#0c111a'
+};
+export const gray = {
+    '100': '#f5f5f5',
+    '200': '#e5e5e5',
+    '300': '#d4d4d4',
+    '400': '#a3a3a3',
+    '500': '#788195', // applied from design: header text placeholder
+    '600': '#525252',
+    '700': '#404040',
+    '800': '#262626',
+    '900': '#3b404c', // applied from design: layout border
+    '925': '#36373b',
+    '950': '#171717'
+};
+export const red = {
+    '50': '#fffaf5',
+    '100': '#fcf3eb',
+    '200': '#fce0cf',
+    '300': '#fac7b1',
+    '400': '#f58d7a',
+    '500': '#ef4444',
+    '600': '#d93636',
+    '700': '#b32525',
+    '800': '#8f1818',
+    '900': '#6b0e0e',
+    '950': '#450606'
+};
+export const green = {
+    '50': '#fafcf2',
+    '100': '#f5fae6',
+    '200': '#e5f5c1',
+    '300': '#d2ed9d',
+    '400': '#a9e05c',
+    '500': '#7ed321',
+    '600': '#6abf1b',
+    '700': '#529e13',
+    '800': '#3d800d',
+    '900': '#275e07',
+    '950': '#163d03'
+};
+export const blue = {
+    '50': '#f5fcff',
+    '100': '#ebf8ff',
+    '200': '#cceafc',
+    '300': '#afd9fa',
+    '400': '#74b4f7',
+    '500': '#3b82f6',
+    '600': '#306fdb',
+    '700': '#2153b8',
+    '800': '#153b94',
+    '900': '#0c286e',
+    '950': '#051647'
+};
+export const purple = {
+    '50': '#fbf7fc',
+    '100': '#f5eff8',
+    '200': '#ebdef0',
+    '300': '#dbc4e3',
+    '400': '#c7a1d1',
+    '500': '#ad7abb',
+    '600': '#915c9d',
+    '700': '#72467b',
+    '800': '#633e6a',
+    '900': '#543659',
+    '950': '#341b37'
+};
+export const pink = {
+    '50': '#fff7fd',
+    '100': '#fcebf7',
+    '200': '#facfec',
+    '300': '#f7b2df',
+    '400': '#f27ec0',
+    '500': '#ec4899',
+    '600': '#d63c87',
+    '700': '#b32965',
+    '800': '#8f1b49',
+    '900': '#6b0f31',
+    '950': '#45061a'
+};
+// This will be our main primary.
+export const azure = {
+    '50': '#eef5ff',
+    '100': '#d9e8ff',
+    '200': '#bcd8ff',
+    '300': '#8ec0ff',
+    '400': '#599cff',
+    '500': '#4482ff', // applied from design: primary button color
+    '600': '#1b55f5',
+    '750': '#1890ff',
+    '700': '#1440e1',
+    '800': '#1734b6',
+    '900': '#19318f',
+    '950': '#142057'
+};
+// This will be our secondary color.
+export const orange = {
+    '50': '#fffcf2',
+    '100': '#fff8e6',
+    '200': '#ffebbf',
+    '300': '#fcd997',
+    '400': '#fcb44e',
+    '500': '#f98003',
+    '600': '#e06e02',
+    '700': '#ba5202',
+    '800': '#963d02',
+    '900': '#702900',
+    '950': '#471700'
+};
+// Akinon brand color and shades.
+export const akinon = {
+    '50': '#fcf2f7',
+    '100': '#fae6ef',
+    '200': '#f5c4d7',
+    '300': '#eda1b9',
+    '400': '#de5f77',
+    '500': '#d2282e',
+    '600': '#bd2025',
+    '700': '#9c161a',
+    '800': '#7d0e11',
+    '900': '#5e080a',
+    '950': '#3d0405'
+};

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1 @@
+export * from './theme';