react-restyle-components 0.4.36 → 0.4.38

package/lib/src/core-components/tailwind.config.js

@@ -1,233 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const defaultTheme = require('tailwindcss/defaultTheme');
-module.exports = {
-  content: ['./public/**/*.html', './src/**/*.{js,jsx,ts,tsx,vue}'],
-  darkMode: 'class',
-  theme: {
-    extend: {
-      screens: {
-        ...defaultTheme.screens,
-        sm: {min: '0px', max: '767px'},
-        md: {min: '768px', max: '2000px'},
-        // Breakpoint tokens from tokens.css
-        'token-xs': '20rem',
-        'token-sm': '23.4375rem',
-        'token-md': '48rem',
-        'token-lg': '64rem',
-        'token-xl': '80rem',
-        'token-xxl': '90rem',
-      },
-      colors: {
-        current: 'currentColor',
-        transparent: 'transparent',
-        'text-base': '#ffffff',
-        primary: '#454cbf',
-        secondary: '#c57c85',
-        accent: '#422a68',
-        black: '#000000',
-        grey: '#6A727F',
-        grey_0: '#4a4a4a',
-        grey_1: '#707070',
-        light_1: '#ebebeb',
-        white: '#ffffff',
-        background: '#ffffff',
-        light_white: '#f4f6f6',
-        red: {
-          DEFAULT: '#ff0000',
-          ...defaultTheme.colors.red,
-        },
-        orange: '#ffae1a',
-        mono: '#754c00',
-        'border-red': '#ff0000',
-        bgGrey: '#808080',
-        stroke: '#E2E8F0',
-        boxdark: '#24303F',
-        'boxdark-2': '#1A222C',
-        strokedark: '#2E3A47',
-        content: '#000000',
-        'form-strokedark': '#3d4d60',
-        'form-input': '#1d2a39',
-        'meta-1': '#DC3545',
-        'meta-2': '#EFF2F7',
-        'meta-3': '#10B981',
-        'meta-4': '#313D4A',
-        'meta-5': '#259AE6',
-        'meta-6': '#FFBA00',
-        'meta-7': '#FF6766',
-        'meta-8': '#F0950C',
-        'meta-9': '#E5E7EB',
-        success: '#219653',
-        danger: '#D34053',
-        warning: '#FFA70B',
-        // Design token colors - extending existing colors
-        'token-surface': 'var(--surface)',
-        'token-on-surface': 'var(--on-surface)',
-        'token-primary': 'var(--primary)',
-        'token-on-primary': 'var(--on-primary)',
-        'token-outline': 'var(--outline)',
-        'token-outline-soft': 'var(--outline-soft)',
-        'token-success': 'var(--status-success)',
-        'token-error': 'var(--status-error)',
-        'token-warning': 'var(--status-warning)',
-      },
-      fontFamily: {
-        arimaRegular: ['ArimaRegular'],
-      },
-      fontSize: {
-        'title-xxl': ['44px', '55px'],
-        'title-xl': ['36px', '45px'],
-        'title-xl2': ['33px', '45px'],
-        'title-lg': ['28px', '35px'],
-        'title-md': ['24px', '30px'],
-        'title-md2': ['26px', '30px'],
-        'title-sm': ['20px', '26px'],
-        'title-xsm': ['18px', '24px'],
-      },
-      spacing: {
-        '8xl': '96rem',
-        '9xl': '128rem',
-        // Design token spacing - extending existing spacing
-        'token-000': '0rem',
-        'token-025': '0.125rem',
-        'token-050': '0.25rem',
-        'token-075': '0.375rem',
-        'token-100': '0.5rem',
-        'token-150': '0.75rem',
-        'token-200': '1rem',
-        'token-300': '1.5rem',
-        'token-400': '2rem',
-        'token-500': '2.5rem',
-        'token-600': '3rem',
-        'token-800': '4rem',
-        'token-1000': '5rem',
-        'token-1200': '6rem',
-      },
-      borderRadius: {
-        '4xl': '2rem',
-        '100px': '100px',
-        // Design token border radius - extending existing
-        'token-025': '0.125rem',
-        'token-050': '0.25rem',
-        'token-100': '0.5rem',
-        'token-200': '1rem',
-        'token-300': '1.5rem',
-        'token-400': '2rem',
-        'token-none': '0rem',
-        'token-round': '10000rem',
-      },
-      height: {
-        'screen/2': '50vh',
-        screen98: '98vh',
-        screen96: '96vh',
-        screen94: '94vh',
-        screen92: '92vh',
-        'screen/3': 'calc(100vh / 3)',
-        'screen/4': 'calc(100vh / 4)',
-        'screen/5': 'calc(100vh / 5)',
-      },
-      zIndex: {
-        999_999: '999999',
-        99_999: '99999',
-        9999: '9999',
-        999: '999',
-        99: '99',
-        9: '9',
-        1: '1',
-      },
-      transitionProperty: {width: 'width', stroke: 'stroke'},
-      borderWidth: {
-        6: '6px',
-      },
-      opacity: {
-        // Design token opacity - extending existing opacity
-        'token-04': '4%',
-        'token-08': '8%',
-        'token-10': '10%',
-        'token-12': '12%',
-        'token-20': '20%',
-        'token-30': '30%',
-        'token-40': '40%',
-        'token-50': '50%',
-        'token-60': '60%',
-        'token-70': '70%',
-        'token-75': '75%',
-        'token-80': '80%',
-        'token-90': '90%',
-        'token-100': '100%',
-        'token-none': '0%',
-      },
-      strokeWidth: {
-        // Design token stroke - from tokens.css
-        'token-card': '0.0625rem',
-        'token-selected-card-hover': '0.125rem',
-        'token-divider': '0.0625rem',
-      },
-      boxShadow: {
-        default: '0px 8px 13px -3px rgba(0, 0, 0, 0.07)',
-        card: '0px 1px 3px rgba(0, 0, 0, 0.12)',
-        'card-2': '0px 1px 2px rgba(0, 0, 0, 0.05)',
-        switcher:
-          '0px 2px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 2px #FFFFFF, inset 0px -1px 1px rgba(0, 0, 0, 0.1)',
-        'switch-1': '0px 0px 5px rgba(0, 0, 0, 0.15)',
-        1: '0px 1px 3px rgba(0, 0, 0, 0.08)',
-        2: '0px 1px 4px rgba(0, 0, 0, 0.12)',
-        3: '0px 1px 5px rgba(0, 0, 0, 0.14)',
-        4: '0px 4px 10px rgba(0, 0, 0, 0.12)',
-        5: '0px 1px 1px rgba(0, 0, 0, 0.15)',
-        6: '0px 3px 15px rgba(0, 0, 0, 0.1)',
-        7: '-5px 0 0 #313D4A, 5px 0 0 #313D4A',
-        8: '1px 0 0 #313D4A, -1px 0 0 #313D4A, 0 1px 0 #313D4A, 0 -1px 0 #313D4A, 0 3px 13px rgb(0 0 0 / 8%)',
-      },
-      dropShadow: {
-        1: '0px 1px 0px #E2E8F0',
-        2: '0px 1px 4px rgba(0, 0, 0, 0.12)',
-      },
-      keyframes: {
-        rotating: {
-          '0%, 100%': {transform: 'rotate(360deg)'},
-          '50%': {transform: 'rotate(0deg)'},
-        },
-        flip: {
-          to: {
-            transform: 'rotate(360deg)',
-          },
-        },
-        rotate: {
-          to: {
-            transform: 'rotate(90deg)',
-          },
-        },
-      },
-      animation: {
-        'ping-once': 'ping 5s cubic-bezier(0, 0, 0.2, 1)',
-        rotating: 'rotating 30s linear infinite',
-        'spin-1.5': 'spin 1.5s linear infinite',
-        'spin-2': 'spin 2s linear infinite',
-        'spin-3': 'spin 3s linear infinite',
-        flip: 'flip 6s infinite steps(2, end)',
-        rotate: 'rotate 3s linear infinite both',
-      },
-    },
-    borderWidth: {
-      DEFAULT: '1px',
-    },
-  },
-  styles: {
-    colors: {
-      lightBack: '',
-    },
-  },
-  variants: {
-    extend: {
-      opacity: ['disabled'],
-      cursor: ['disabled'],
-      borderRadius: ['hover', 'first', 'last'],
-      zIndex: ['hover'],
-      borderCollapse: ['hover', 'focus'],
-    },
-  },
-  corePlugins: {
-    tableLayout: false,
-  }
-
-};