@mailstep/design-system 0.0.0 → 0.0.2

package/storybook-static/stories.json

@@ -0,0 +1 @@
+{"v":3,"stories":{"elements-button--docs":{"id":"elements-button--docs","title":"Elements/Button","name":"Docs","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","docs"],"storiesImports":[],"kind":"Elements/Button","story":"Docs","parameters":{"__id":"elements-button--docs","docsOnly":true,"fileName":"./src/packages/ui/Elements/Button/stories/Button.stories.ts"}},"elements-button--primary":{"id":"elements-button--primary","name":"Primary","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"],"kind":"Elements/Button","story":"Primary","parameters":{"__id":"elements-button--primary","docsOnly":false,"fileName":"./src/packages/ui/Elements/Button/stories/Button.stories.ts"}},"elements-button--primary-light":{"id":"elements-button--primary-light","name":"Primary Light","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"],"kind":"Elements/Button","story":"Primary Light","parameters":{"__id":"elements-button--primary-light","docsOnly":false,"fileName":"./src/packages/ui/Elements/Button/stories/Button.stories.ts"}},"elements-button--secondary":{"id":"elements-button--secondary","name":"Secondary","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"],"kind":"Elements/Button","story":"Secondary","parameters":{"__id":"elements-button--secondary","docsOnly":false,"fileName":"./src/packages/ui/Elements/Button/stories/Button.stories.ts"}},"elements-button--success":{"id":"elements-button--success","name":"Success","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"],"kind":"Elements/Button","story":"Success","parameters":{"__id":"elements-button--success","docsOnly":false,"fileName":"./src/packages/ui/Elements/Button/stories/Button.stories.ts"}},"elements-button--large":{"id":"elements-button--large","name":"Large","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"],"kind":"Elements/Button","story":"Large","parameters":{"__id":"elements-button--large","docsOnly":false,"fileName":"./src/packages/ui/Elements/Button/stories/Button.stories.ts"}},"elements-button--small":{"id":"elements-button--small","name":"Small","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"],"kind":"Elements/Button","story":"Small","parameters":{"__id":"elements-button--small","docsOnly":false,"fileName":"./src/packages/ui/Elements/Button/stories/Button.stories.ts"}},"elements-button--disabled-primary":{"id":"elements-button--disabled-primary","name":"Disabled Primary","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"],"kind":"Elements/Button","story":"Disabled Primary","parameters":{"__id":"elements-button--disabled-primary","docsOnly":false,"fileName":"./src/packages/ui/Elements/Button/stories/Button.stories.ts"}},"elements-button--disabled-secondary":{"id":"elements-button--disabled-secondary","name":"Disabled Secondary","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"],"kind":"Elements/Button","story":"Disabled Secondary","parameters":{"__id":"elements-button--disabled-secondary","docsOnly":false,"fileName":"./src/packages/ui/Elements/Button/stories/Button.stories.ts"}},"elements-button--loading":{"id":"elements-button--loading","name":"Loading","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"],"kind":"Elements/Button","story":"Loading","parameters":{"__id":"elements-button--loading","docsOnly":false,"fileName":"./src/packages/ui/Elements/Button/stories/Button.stories.ts"}},"elements-button--with-icon":{"id":"elements-button--with-icon","name":"With Icon","title":"Elements/Button","importPath":"./src/packages/ui/Elements/Button/stories/Button.stories.ts","tags":["autodocs","story"],"kind":"Elements/Button","story":"With Icon","parameters":{"__id":"elements-button--with-icon","docsOnly":false,"fileName":"./src/packages/ui/Elements/Button/stories/Button.stories.ts"}},"elements-badgeicon--docs":{"id":"elements-badgeicon--docs","title":"Elements/BadgeIcon","name":"Docs","importPath":"./src/packages/ui/Elements/Icon/stories/BadgeIcon.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Elements/BadgeIcon","story":"Docs","parameters":{"__id":"elements-badgeicon--docs","docsOnly":true,"fileName":"./src/packages/ui/Elements/Icon/stories/BadgeIcon.stories.tsx"}},"elements-badgeicon--default":{"id":"elements-badgeicon--default","name":"Default","title":"Elements/BadgeIcon","importPath":"./src/packages/ui/Elements/Icon/stories/BadgeIcon.stories.tsx","tags":["autodocs","story"],"kind":"Elements/BadgeIcon","story":"Default","parameters":{"__id":"elements-badgeicon--default","docsOnly":false,"fileName":"./src/packages/ui/Elements/Icon/stories/BadgeIcon.stories.tsx"}},"elements-icon--docs":{"id":"elements-icon--docs","title":"Elements/Icon","name":"Docs","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","docs"],"storiesImports":[],"kind":"Elements/Icon","story":"Docs","parameters":{"__id":"elements-icon--docs","docsOnly":true,"fileName":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx"}},"elements-icon--expedition":{"id":"elements-icon--expedition","name":"Expedition","title":"Elements/Icon","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","story"],"kind":"Elements/Icon","story":"Expedition","parameters":{"__id":"elements-icon--expedition","docsOnly":false,"fileName":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx"}},"elements-icon--spinning":{"id":"elements-icon--spinning","name":"Spinning","title":"Elements/Icon","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","story"],"kind":"Elements/Icon","story":"Spinning","parameters":{"__id":"elements-icon--spinning","docsOnly":false,"fileName":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx"}},"elements-icon--small-expedition":{"id":"elements-icon--small-expedition","name":"Small Expedition","title":"Elements/Icon","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","story"],"kind":"Elements/Icon","story":"Small Expedition","parameters":{"__id":"elements-icon--small-expedition","docsOnly":false,"fileName":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx"}},"elements-icon--big-expedition":{"id":"elements-icon--big-expedition","name":"Big Expedition","title":"Elements/Icon","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","story"],"kind":"Elements/Icon","story":"Big Expedition","parameters":{"__id":"elements-icon--big-expedition","docsOnly":false,"fileName":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx"}},"elements-icon--expedition-pink":{"id":"elements-icon--expedition-pink","name":"Expedition Pink","title":"Elements/Icon","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","story"],"kind":"Elements/Icon","story":"Expedition Pink","parameters":{"__id":"elements-icon--expedition-pink","docsOnly":false,"fileName":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx"}},"elements-icon--expedition-pink-solid":{"id":"elements-icon--expedition-pink-solid","name":"Expedition Pink Solid","title":"Elements/Icon","importPath":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx","tags":["autodocs","story"],"kind":"Elements/Icon","story":"Expedition Pink Solid","parameters":{"__id":"elements-icon--expedition-pink-solid","docsOnly":false,"fileName":"./src/packages/ui/Elements/Icon/stories/Icon.stories.tsx"}},"elements-spinner--docs":{"id":"elements-spinner--docs","title":"Elements/Spinner","name":"Docs","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","docs"],"storiesImports":[],"kind":"Elements/Spinner","story":"Docs","parameters":{"__id":"elements-spinner--docs","docsOnly":true,"fileName":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts"}},"elements-spinner--default":{"id":"elements-spinner--default","name":"Default","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"],"kind":"Elements/Spinner","story":"Default","parameters":{"__id":"elements-spinner--default","docsOnly":false,"fileName":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts"}},"elements-spinner--sm":{"id":"elements-spinner--sm","name":"Sm","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"],"kind":"Elements/Spinner","story":"Sm","parameters":{"__id":"elements-spinner--sm","docsOnly":false,"fileName":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts"}},"elements-spinner--appearance-concept":{"id":"elements-spinner--appearance-concept","name":"Appearance Concept","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"],"kind":"Elements/Spinner","story":"Appearance Concept","parameters":{"__id":"elements-spinner--appearance-concept","docsOnly":false,"fileName":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts"}},"elements-spinner--appearance-done":{"id":"elements-spinner--appearance-done","name":"Appearance Done","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"],"kind":"Elements/Spinner","story":"Appearance Done","parameters":{"__id":"elements-spinner--appearance-done","docsOnly":false,"fileName":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts"}},"elements-spinner--appearance-error":{"id":"elements-spinner--appearance-error","name":"Appearance Error","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"],"kind":"Elements/Spinner","story":"Appearance Error","parameters":{"__id":"elements-spinner--appearance-error","docsOnly":false,"fileName":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts"}},"elements-spinner--appearance-info":{"id":"elements-spinner--appearance-info","name":"Appearance Info","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"],"kind":"Elements/Spinner","story":"Appearance Info","parameters":{"__id":"elements-spinner--appearance-info","docsOnly":false,"fileName":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts"}},"elements-spinner--appearance-processing":{"id":"elements-spinner--appearance-processing","name":"Appearance Processing","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"],"kind":"Elements/Spinner","story":"Appearance Processing","parameters":{"__id":"elements-spinner--appearance-processing","docsOnly":false,"fileName":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts"}},"elements-spinner--appearance-success":{"id":"elements-spinner--appearance-success","name":"Appearance Success","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"],"kind":"Elements/Spinner","story":"Appearance Success","parameters":{"__id":"elements-spinner--appearance-success","docsOnly":false,"fileName":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts"}},"elements-spinner--appearance-warning":{"id":"elements-spinner--appearance-warning","name":"Appearance Warning","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"],"kind":"Elements/Spinner","story":"Appearance Warning","parameters":{"__id":"elements-spinner--appearance-warning","docsOnly":false,"fileName":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts"}},"elements-spinner--appearance-waiting":{"id":"elements-spinner--appearance-waiting","name":"Appearance Waiting","title":"Elements/Spinner","importPath":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts","tags":["autodocs","story"],"kind":"Elements/Spinner","story":"Appearance Waiting","parameters":{"__id":"elements-spinner--appearance-waiting","docsOnly":false,"fileName":"./src/packages/ui/Elements/Spinner/stories/Spinner.stories.ts"}}}}

package/storybook-static/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/tsconfig.json

@@ -12,6 +12,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
+    "noImplicitAny": false,
     "jsx": "react-jsx",
 
     /* Linting */

package/vite.config.ts

@@ -1,7 +1,33 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import path from 'node:path';
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+
+const NAME = 'mailstep-design-system'
 
-// https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
-})
+    plugins: [
+        react(),
+        dts({
+            insertTypesEntry: true,
+        }),
+    ],
+    build: {
+        lib: {
+            entry: path.resolve(__dirname, 'src/ui/index.ts'),
+            name: NAME,
+            formats: ['es', 'umd'],
+            fileName: (format) => `${NAME}.${format}.js`,
+        },
+        rollupOptions: {
+            external: ['react', 'react-dom', 'styled-components'],
+            output: {
+                globals: {
+                    react: 'React',
+                    'react-dom': 'ReactDOM',
+                    'styled-components': 'styled',
+                },
+            },
+        },
+    },
+});

package/src/stories/themes/default.ts

@@ -1,144 +0,0 @@
-const defaultTheme = {
-  breakpoints: ['0'],
-  colors: {
-    white: '#FFFFFF',
-    bgLightGray: '#FAFBFC',
-    bgLightGray1: '#F1F5F9',
-    lightGray1: '#F5F7FA',
-    lightGray2: '#EFF3F8',
-    lightGray3: '#D4D8DE',
-    lightGray4: '#B9BFC9',
-    lightGray5: '#A3B3C1',
-    lightGray6: '#D2D8DF',
-    lightGray7: '#E7EBEF',
-    neutral20: '#F1F5F9',
-    neutral300: '#5E6C84',
-    gray: '#8594A5',
-    gray1: '#7A90A1',
-    gray2: '#9AA1A7',
-    gray3: '#5F6C76',
-    gray4: '#455665',
-    gray5: '#647483',
-    blue1: '#2C4052',
-    blue2: '#22394E',
-    blue3: '#162C3F',
-    blue4: '#0C1F2F',
-    textPrimary: '#091E42',
-    textTertiary: '#7A869A',
-    typoPrimary: '#22394E',
-    blue10: '#F3F9FF',
-    blue20: '#DCEFFF',
-    blue60: '#0065FF',
-    blue70: '#0052CC',
-    blue80: '#0747A6',
-    blue90: '#1d3557',
-    teal20: '#E6FCFF',
-    teal40: '#a8dadc',
-    teal50: '#1aa1a7',
-    teal60: '#00B1D0',
-    teal70: '#1aa1da',
-    teal80: '#06718C',
-    teal90: '#035361',
-    green10: '#F2FFF5',
-    green20: '#DEFBE6',
-    green30: '#b8ecb8',
-    green50: '#81dd91',
-    green60: '#00A445',
-    green70: '#06d6a0',
-    green80: '#0E6027',    
-    green90: '#067164',
-    green: '#13CE62',
-    successColor: '#24A148',
-    darkGreen: '#00A445',
-    orange20: '#FFF3E0',
-    orange30: '#FFE6CC',
-    orange50: '#ff9f43',
-    orange60: '#FF9800',
-    orange80: '#9E4800',
-    yellow10: '#FFFDE8',
-    yellow20: '#FFF9C4',
-    yellow60: '#FFE600',
-    yellow70: '#FFD702',
-    yellow1: '#FFD702',
-    yellow2: '#F2E871',
-    red10: '#FFF6F4',
-    red20: '#FFEBE6',
-    red30: '#fec1cb',
-    red50: '#ff7c7b',
-    red1: '#DB2B19',
-    red2: '#E94324',
-    red3: '#991E12',
-    red60: '#DB2B19',
-    red80: '#B71C1C',
-    dangerColor: '#E32C1E',
-    purple20: '#F0EDFF',
-    purple40: '#0072A0',
-    purple50: '#4573B3',
-    purple60: '#6554C0',
-    purple80: '#403294',
-    purple90: '#03235f',
-    magenta20: '#FCF1F7',
-    magenta60: '#EE5396',
-    magenta80: '#9F1853',
-    magenta90: '#872e8b',
-  },
-  fonts: {
-    primary: 'Inter, sans-serif',
-    heading: 'Inter, sans-serif',
-  },
-  fontLinks: ['https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'],
-  fontSizes: ['10px', '12px', '14px', '16px', '18px', '21px', '24px', '32px'],
-  lineHeights: [1.7],
-  fontWeights: {
-    default: null,
-    normal: 400,
-    medium: 500,
-    semiBold: 600,
-    bold: 700,
-  },
-  letterSpacings: {
-    default: null,
-    sm: '2px',
-    md: '4px',
-    lg: '8px',
-  },
-  borders: {
-    slim: '1px solid',
-    mediumSlim: '2px solid',
-    medium: '3px solid',
-    mediumThick: '6px solid',
-    thick: '10px solid',
-  },
-  // ...........................
-  radii: {
-    sm: '2px',
-    md: '4px',
-    ml: '6px',
-    lg: '8px',
-    xl: '16px',
-  },
-  shadows: {
-    boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.1)',
-    dropShadow: '0px 5px 40px rgba(0, 0, 0, 0.1)',
-    inputFocusBoxShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',
-    dropdownMenuShadow: '0 5px 25px rgba(0, 0, 0, 0.1)',
-    tooltipBoxShadow: '0px 2px 20px rgba(0, 0, 0, 0.1)',
-    cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',
-    smooth: '0px 4px 25px 0px #0000001a',
-    // redesign:
-    dialogShadow: '1px 4px 7px rgba(0, 0, 0, 0.4)',
-    tooltipShadow: '0px 1px 4px 0 #B1B8C3', // color is grayIII
-    headerShadow: '1px 2px 3px #00000029',
-    headerShadowB: '1px 1px 3px #00000029',
-    headerShadowNotifications: '1px 1px 2px #00000029',
-    cornerDialogShadow: '1px 1px 3px 1px #00000029',
-  },
-  space: [0, 4, 8, 16, 24, 48, 96, 144, 192, 240], // same as xstyled default
-  transitions: {
-    simpleLong: 'all 2s',
-    inputTransition: 'border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out',
-  },
-  zIndices: [0, 1, 2, 3, 5, 30, 40, 100, 200, 300, 9999],
-}
-
-export default defaultTheme

package/src/stories/themes/index.ts

@@ -1,11 +0,0 @@
-import defaultTheme from './default'
-import light from './light'
-import mailwise from './mailwise'
-
-const themes = {
-  default: defaultTheme,
-  light: light,
-  mailwise: mailwise
-}
-
-export default themes

package/src/stories/themes/light.ts

@@ -1,10 +0,0 @@
-import { Theme } from "../types";
-
-const lightTheme: Theme = {
-  colors: {
-    primary: "#219615",
-    warning: "purple",
-  },
-};
-
-export default lightTheme;

package/src/stories/themes/mailwise.ts

@@ -1,215 +0,0 @@
-const defaultTheme = {
-  screens: {
-    // same as xstyled default
-    _: 0,
-    xs: 479,
-    sm: 721,
-    md: 768,
-    lg: 1024,
-    xl: 1280,
-    '2xl': 1536,
-  },
-  colors: {
-    white: '#fff',
-    bgLightGray: '#FAFBFC',
-    bgLightGray1: '#F1F5F9',
-    lightGray1: '#F5F7FA',
-    lightGray2: '#EFF3F8',
-    lightGray3: '#D4D8DE',
-    lightGray4: '#B9BFC9',
-    lightGray5: '#A3B3C1',
-    lightGray6: '#D2D8DF',
-    lightGray7: '#E7EBEF',
-    neutral20: '#F1F5F9',
-    gray: '#8594A5',
-    gray1: '#7A90A1',
-    gray2: '#9AA1A7',
-    gray3: '#5F6C76',
-    gray4: '#455665',
-    gray5: '#647483',
-    neutral300: '#5E6C84',
-    blue1: '#2C4052',
-    blue2: '#22394E',
-    blue3: '#162C3F',
-    blue4: '#0C1F2F',
-    textPrimary: '#091E42',
-    typoPrimary: '#22394E',
-    blue10: '#F3F9FF',
-    blue20: '#dcf2ff',
-    blue60: '#0065FF',
-    blue70: '#0052CC',
-    blue80: '#0747A6',
-    blue90: '#1d3557',
-    teal20: '#E6FCFF',
-    teal40: '#a8dadc',
-    teal50: '#1aa1a7',
-    teal60: '#00B1D0',
-    teal70: '#1aa1da',
-    teal80: '#06718C',
-    teal90: '#035361',
-    green10: '#F2FFF5',
-    green20: '#DEFBE6',
-    green30: '#b8ecb8',
-    green50: '#81dd91',
-    green60: '#00A445',
-    green70: '#06d6a0',
-    green80: '#0E6027',    
-    green90: '#067164',
-    green: '#13CE62',
-    successColor: '#24A148',
-    darkGreen: '#00A445',
-    orange20: '#FFF3E0',
-    orange30: '#FFE6CC',
-    orange50: '#ff9f43',
-    orange60: '#FF9800',
-    orange80: '#9E4800',
-    yellow10: '#FFFDE8',
-    yellow20: '#FFF9C4',
-    yellow60: '#FFE600',
-    yellow70: '#FFD702',
-    yellow1: '#FFD702',
-    yellow2: '#F2E871',
-    red10: '#FFF6F4',
-    red20: '#FFEBE6',
-    red30: '#fec1cb',
-    red50: '#ff7c7b',
-    red1: '#DB2B19',
-    red2: '#E94324',
-    red3: '#991E12',
-    red60: '#DB2B19',
-    red80: '#B71C1C',
-    dangerColor: '#E32C1E',
-    purple20: '#F0EDFF',
-    purple40: '#0072A0',
-    purple50: '#4573B3',
-    purple60: '#6554C0',
-    purple80: '#403294',
-    purple90: '#03235f',
-    magenta20: '#FCF1F7',
-    magenta60: '#EE5396',
-    magenta80: '#9F1853',
-    magenta90: '#872e8b',
-    primary: '#626262',
-    black: '#333333',
-    error: '#ea5455',
-    secondary: '#E15B63',
-  },
-  fonts: { 
-    primary: 'Inter, sans-serif',
-    heading: 'Inter, sans-serif',
-   },
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  fontSizes: ['0rem', '0.87rem', '1rem', '1.25rem', '1.5rem', '1.8rem', '2.0rem', '2.4rem', '2.8rem', '3.5rem', '4rem'],
-  // @ts-ignore
-  lineHeights: {
-    none: 1.2,
-    tight: 1.2,
-    snug: 1.2,
-    normal: 1.2,
-    relaxed: 1.2,
-    loose: 1.2,
-    3: '1.2',
-    4: '1.2',
-    5: '1.2',
-    6: '1.2',
-    7: '1.2',
-    8: '1.2',
-    9: '1.2',
-    10: '1.2',
-  },
-  fontWeights: {
-    normal: 400,
-    medium: 500,
-    semiBold: 600,
-    bold: 700,
-  },
-  letterSpacings: {
-    tighter: '2',
-    tight: '2',
-    normal: '4',
-    wide: '8',
-    wider: '8',
-    widest: '8',
-  },
-  borders: {
-    slim: '1px solid',
-    mediumSlim: '2px solid',
-    medium: '3px solid',
-    mediumThick: '6px solid',
-    thick: '10px solid',
-  },
-  radii: {
-    none: '2px',
-    sm: '5px',
-    default: '10px',
-    md: '20px',
-    lg: '20px',
-    xl: '20px',
-    '2xl': '20px',
-    '3xl': '20px',
-    full: '20px',
-  },
-  shadows: {
-    boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.1)',
-    dropShadow: '0px 5px 40px rgba(0, 0, 0, 0.1)',
-    inputFocusBoxShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',
-    dropdownMenuShadow: '0 5px 25px rgba(0, 0, 0, 0.1)',
-    tooltipBoxShadow: '0px 2px 20px rgba(0, 0, 0, 0.1)',
-    cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',
-    smooth: '0px 4px 25px 0px #0000001a',
-    // redesign:
-    dialogShadow: '1px 4px 7px rgba(0, 0, 0, 0.4)',
-    tooltipShadow: '0px 1px 4px 0 #B1B8C3', // color is grayIII
-    headerShadow: '1px 2px 3px #00000029',
-    headerShadowB: '1px 1px 3px #00000029',
-    headerShadowNotifications: '1px 1px 2px #00000029',
-    cornerDialogShadow: '1px 1px 3px 1px #00000029',
-  },
-  space: {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    px: '1px',
-    0: '0',
-    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',
-    11: '2.75rem',
-    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',
-  },
-  transitions: {
-    simpleLong: 'all 2s',
-    inputTransition: 'border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out',
-  },
-  zIndices: [0, 1, 2, 3, 5, 30, 40, 100, 200, 300, 9999],
-}
-
-export default defaultTheme