bromcom-ui-next 0.1.3 → 0.1.5

package/dist/bromcom-ui/styles/theme-variables.ts

@@ -0,0 +1,369 @@
+export const themeVariables = {
+  fontSize: {
+    'size-1': ['var(--bcm-ui-font-size-1, 8px)', { lineHeight: 'var(--bcm-ui-line-height-1, 10px)' }],
+    'size-2': ['var(--bcm-ui-font-size-2, 10px)', { lineHeight: 'var(--bcm-ui-line-height-2, 12px)' }],
+    'size-3': ['var(--bcm-ui-font-size-3, 12px)', { lineHeight: 'var(--bcm-ui-line-height-3, 16px)' }],
+    'size-4': ['var(--bcm-ui-font-size-4, 14px)', { lineHeight: 'var(--bcm-ui-line-height-4, 20px)' }],
+    'size-5': ['var(--bcm-ui-font-size-5, 16px)', { lineHeight: 'var(--bcm-ui-line-height-5, 24px)' }],
+    'size-6': ['var(--bcm-ui-font-size-6, 18px)', { lineHeight: 'var(--bcm-ui-line-height-6, 24px)' }],
+    'size-7': ['var(--bcm-ui-font-size-7, 20px)', { lineHeight: 'var(--bcm-ui-line-height-7, 28px)' }],
+    'size-8': ['var(--bcm-ui-font-size-8, 24px)', { lineHeight: 'var(--bcm-ui-line-height-8, 32px)' }],
+    'size-9': ['var(--bcm-ui-font-size-9, 32px)', { lineHeight: 'var(--bcm-ui-line-height-9, 36px)' }],
+    'size-10': ['var(--bcm-ui-font-size-10, 36px)', { lineHeight: 'var(--bcm-ui-line-height-10, 44px)' }],
+    'size-11': ['var(--bcm-ui-font-size-11, 48px)', { lineHeight: 'var(--bcm-ui-line-height-11, 64px)' }],
+    'size-12': ['var(--bcm-ui-font-size-12, 60px)', { lineHeight: 'var(--bcm-ui-line-height-12, 72px)' }],
+    'size-13': ['var(--bcm-ui-font-size-13, 72px)', { lineHeight: 'var(--bcm-ui-line-height-13, 90px)' }],
+    'size-14': ['var(--bcm-ui-font-size-14, 96px)', { lineHeight: 'var(--bcm-ui-line-height-14, 96px)' }],
+    'size-inherit': ['inherit', { lineHeight: 'inherit' }],
+  },
+  boxShadow: {
+    'sm': 'var(--bcm-ui-box-shadow-sm)',
+    'DEFAULT': 'var(--bcm-ui-box-shadow-default)',
+    'md': 'var(--bcm-ui-box-shadow-md)',
+    'lg': 'var(--bcm-ui-box-shadow-lg)',
+    'xl': 'var(--bcm-ui-box-shadow-xl)',
+    '2xl': 'var(--bcm-ui-box-shadow-2xl)',
+    'inner': 'var(--bcm-ui-box-shadow-inner)',
+    'none': 'var(--bcm-ui-box-shadow-none)',
+    'default': 'var(--bcm-ui-box-shadow-default)',
+    '2': 'var(--bcm-ui-box-shadow-2)',
+    '3': 'var(--bcm-ui-box-shadow-3)',
+    '4': 'var(--bcm-ui-box-shadow-4)',
+  },
+  textColor: {
+    DEFAULT: 'var(--bcm-ui-color-text-default)',
+    default: 'var(--bcm-ui-color-text-default)',
+    base: 'var(--bcm-ui-color-text-base)',
+    header: 'var(--bcm-ui-color-text-header)',
+    label: 'var(--bcm-ui-color-text-label)',
+    helper: 'var(--bcm-ui-color-text-helper)',
+    placeholder: 'var(--bcm-ui-color-text-placeholder)',
+    caption: 'var(--bcm-ui-color-text-caption)',
+    iconDefault: 'var(--bcm-ui-color-text-icon-default)',
+    iconDark: 'var(--bcm-ui-color-text-icon-dark)',
+    primary: 'var(--bcm-ui-color-text-primary)',
+    info: 'var(--bcm-ui-color-text-info)',
+    success: 'var(--bcm-ui-color-text-success)',
+    warning: 'var(--bcm-ui-color-text-warning)',
+    error: 'var(--bcm-ui-color-text-error)',
+    disabled: 'var(--bcm-ui-color-text-disabled)',
+    visited: 'var(--bcm-ui-color-text-visited)',
+    palette: {
+      slate: 'var(--bcm-ui-color-text-palette-slate)',
+      gray: 'var(--bcm-ui-color-text-palette-gray)',
+      zinc: 'var(--bcm-ui-color-text-palette-zinc)',
+      neutral: 'var(--bcm-ui-color-text-palette-neutral)',
+      stone: 'var(--bcm-ui-color-text-palette-stone)',
+      red: 'var(--bcm-ui-color-text-palette-red)',
+      orange: 'var(--bcm-ui-color-text-palette-orange)',
+      amber: 'var(--bcm-ui-color-text-palette-amber)',
+      yellow: 'var(--bcm-ui-color-text-palette-yellow)',
+      lime: 'var(--bcm-ui-color-text-palette-lime)',
+      green: 'var(--bcm-ui-color-text-palette-green)',
+      emerald: 'var(--bcm-ui-color-text-palette-emerald)',
+      teal: 'var(--bcm-ui-color-text-palette-teal)',
+      cyan: 'var(--bcm-ui-color-text-palette-cyan)',
+      sky: 'var(--bcm-ui-color-text-palette-sky)',
+      blue: 'var(--bcm-ui-color-text-palette-blue)',
+      indigo: 'var(--bcm-ui-color-text-palette-indigo)',
+      violet: 'var(--bcm-ui-color-text-palette-violet)',
+      purple: 'var(--bcm-ui-color-text-palette-purple)',
+      fuchsia: 'var(--bcm-ui-color-text-palette-fuchsia)',
+      pink: 'var(--bcm-ui-color-text-palette-pink)',
+      rose: 'var(--bcm-ui-color-text-palette-rose)',
+    },
+  },
+  v4ColorPalette: {
+    inherit: 'inherit',
+    current: 'currentColor',
+    transparent: 'transparent',
+    black: '#000',
+    white: '#fff',
+    slate: {
+      '50': 'oklch(0.984 0.003 247.858)',
+      '100': 'oklch(0.968 0.007 247.896)',
+      '200': 'oklch(0.929 0.013 255.508)',
+      '300': 'oklch(0.869 0.022 252.894)',
+      '400': 'oklch(0.704 0.04 256.788)',
+      '500': 'oklch(0.554 0.046 257.417)',
+      '600': 'oklch(0.446 0.043 257.281)',
+      '700': 'oklch(0.372 0.044 257.287)',
+      '800': 'oklch(0.279 0.041 260.031)',
+      '900': 'oklch(0.208 0.042 265.755)',
+      '950': 'oklch(0.129 0.042 264.695)',
+    },
+    gray: {
+      '50': 'oklch(0.985 0.002 247.839)',
+      '100': 'oklch(0.967 0.003 264.542)',
+      '200': 'oklch(0.928 0.006 264.531)',
+      '300': 'oklch(0.872 0.01 258.338)',
+      '400': 'oklch(0.707 0.022 261.325)',
+      '500': 'oklch(0.551 0.027 264.364)',
+      '600': 'oklch(0.446 0.03 256.802)',
+      '700': 'oklch(0.373 0.034 259.733)',
+      '800': 'oklch(0.278 0.033 256.848)',
+      '900': 'oklch(0.21 0.034 264.665)',
+      '950': 'oklch(0.13 0.028 261.692)',
+    },
+    zinc: {
+      '50': 'oklch(0.985 0 0)',
+      '100': 'oklch(0.967 0.001 286.375)',
+      '200': 'oklch(0.92 0.004 286.32)',
+      '300': 'oklch(0.871 0.006 286.286)',
+      '400': 'oklch(0.705 0.015 286.067)',
+      '500': 'oklch(0.552 0.016 285.938)',
+      '600': 'oklch(0.442 0.017 285.786)',
+      '700': 'oklch(0.37 0.013 285.805)',
+      '800': 'oklch(0.274 0.006 286.033)',
+      '900': 'oklch(0.21 0.006 285.885)',
+      '950': 'oklch(0.141 0.005 285.823)',
+    },
+    neutral: {
+      '50': 'oklch(0.985 0 0)',
+      '100': 'oklch(0.97 0 0)',
+      '200': 'oklch(0.922 0 0)',
+      '300': 'oklch(0.87 0 0)',
+      '400': 'oklch(0.708 0 0)',
+      '500': 'oklch(0.556 0 0)',
+      '600': 'oklch(0.439 0 0)',
+      '700': 'oklch(0.371 0 0)',
+      '800': 'oklch(0.269 0 0)',
+      '900': 'oklch(0.205 0 0)',
+      '950': 'oklch(0.145 0 0)',
+    },
+    stone: {
+      '50': 'oklch(0.985 0.001 106.423)',
+      '100': 'oklch(0.97 0.001 106.424)',
+      '200': 'oklch(0.923 0.003 48.717)',
+      '300': 'oklch(0.869 0.005 56.366)',
+      '400': 'oklch(0.709 0.01 56.259)',
+      '500': 'oklch(0.553 0.013 58.071)',
+      '600': 'oklch(0.444 0.011 73.639)',
+      '700': 'oklch(0.374 0.01 67.558)',
+      '800': 'oklch(0.268 0.007 34.298)',
+      '900': 'oklch(0.216 0.006 56.043)',
+      '950': 'oklch(0.147 0.004 49.25)',
+    },
+    red: {
+      '50': 'oklch(0.971 0.013 17.38)',
+      '100': 'oklch(0.936 0.032 17.717)',
+      '200': 'oklch(0.885 0.062 18.334)',
+      '300': 'oklch(0.808 0.114 19.571)',
+      '400': 'oklch(0.704 0.191 22.216)',
+      '500': 'oklch(0.637 0.237 25.331)',
+      '600': 'oklch(0.577 0.245 27.325)',
+      '700': 'oklch(0.505 0.213 27.518)',
+      '800': 'oklch(0.444 0.177 26.899)',
+      '900': 'oklch(0.396 0.141 25.723)',
+      '950': 'oklch(0.258 0.092 26.042)',
+    },
+    orange: {
+      '50': 'oklch(0.98 0.016 73.684)',
+      '100': 'oklch(0.954 0.038 75.164)',
+      '200': 'oklch(0.901 0.076 70.697)',
+      '300': 'oklch(0.837 0.128 66.29)',
+      '400': 'oklch(0.75 0.183 55.934)',
+      '500': 'oklch(0.705 0.213 47.604)',
+      '600': 'oklch(0.646 0.222 41.116)',
+      '700': 'oklch(0.553 0.195 38.402)',
+      '800': 'oklch(0.47 0.157 37.304)',
+      '900': 'oklch(0.408 0.123 38.172)',
+      '950': 'oklch(0.266 0.079 36.259)',
+    },
+    amber: {
+      '50': 'oklch(0.987 0.022 95.277)',
+      '100': 'oklch(0.962 0.059 95.617)',
+      '200': 'oklch(0.924 0.12 95.746)',
+      '300': 'oklch(0.879 0.169 91.605)',
+      '400': 'oklch(0.828 0.189 84.429)',
+      '500': 'oklch(0.769 0.188 70.08)',
+      '600': 'oklch(0.666 0.179 58.318)',
+      '700': 'oklch(0.555 0.163 48.998)',
+      '800': 'oklch(0.473 0.137 46.201)',
+      '900': 'oklch(0.414 0.112 45.904)',
+      '950': 'oklch(0.279 0.077 45.635)',
+    },
+    yellow: {
+      '50': 'oklch(0.987 0.026 102.212)',
+      '100': 'oklch(0.973 0.071 103.193)',
+      '200': 'oklch(0.945 0.129 101.54)',
+      '300': 'oklch(0.905 0.182 98.111)',
+      '400': 'oklch(0.852 0.199 91.936)',
+      '500': 'oklch(0.795 0.184 86.047)',
+      '600': 'oklch(0.681 0.162 75.834)',
+      '700': 'oklch(0.554 0.135 66.442)',
+      '800': 'oklch(0.476 0.114 61.907)',
+      '900': 'oklch(0.421 0.095 57.708)',
+      '950': 'oklch(0.286 0.066 53.813)',
+    },
+    lime: {
+      '50': 'oklch(0.986 0.031 120.757)',
+      '100': 'oklch(0.967 0.067 122.328)',
+      '200': 'oklch(0.938 0.127 124.321)',
+      '300': 'oklch(0.897 0.196 126.665)',
+      '400': 'oklch(0.841 0.238 128.85)',
+      '500': 'oklch(0.768 0.233 130.85)',
+      '600': 'oklch(0.648 0.2 131.684)',
+      '700': 'oklch(0.532 0.157 131.589)',
+      '800': 'oklch(0.453 0.124 130.933)',
+      '900': 'oklch(0.405 0.101 131.063)',
+      '950': 'oklch(0.274 0.072 132.109)',
+    },
+    green: {
+      '50': 'oklch(0.982 0.018 155.826)',
+      '100': 'oklch(0.962 0.044 156.743)',
+      '200': 'oklch(0.925 0.084 155.995)',
+      '300': 'oklch(0.871 0.15 154.449)',
+      '400': 'oklch(0.792 0.209 151.711)',
+      '500': 'oklch(0.723 0.219 149.579)',
+      '600': 'oklch(0.627 0.194 149.214)',
+      '700': 'oklch(0.527 0.154 150.069)',
+      '800': 'oklch(0.448 0.119 151.328)',
+      '900': 'oklch(0.393 0.095 152.535)',
+      '950': 'oklch(0.266 0.065 152.934)',
+    },
+    emerald: {
+      '50': 'oklch(0.979 0.021 166.113)',
+      '100': 'oklch(0.95 0.052 163.051)',
+      '200': 'oklch(0.905 0.093 164.15)',
+      '300': 'oklch(0.845 0.143 164.978)',
+      '400': 'oklch(0.765 0.177 163.223)',
+      '500': 'oklch(0.696 0.17 162.48)',
+      '600': 'oklch(0.596 0.145 163.225)',
+      '700': 'oklch(0.508 0.118 165.612)',
+      '800': 'oklch(0.432 0.095 166.913)',
+      '900': 'oklch(0.378 0.077 168.94)',
+      '950': 'oklch(0.262 0.051 172.552)',
+    },
+    teal: {
+      '50': 'oklch(0.984 0.014 180.72)',
+      '100': 'oklch(0.953 0.051 180.801)',
+      '200': 'oklch(0.91 0.096 180.426)',
+      '300': 'oklch(0.855 0.138 181.071)',
+      '400': 'oklch(0.777 0.152 181.912)',
+      '500': 'oklch(0.704 0.14 182.503)',
+      '600': 'oklch(0.6 0.118 184.704)',
+      '700': 'oklch(0.511 0.096 186.391)',
+      '800': 'oklch(0.437 0.078 188.216)',
+      '900': 'oklch(0.386 0.063 188.416)',
+      '950': 'oklch(0.277 0.046 192.524)',
+    },
+    cyan: {
+      '50': 'oklch(0.984 0.019 200.873)',
+      '100': 'oklch(0.956 0.045 203.388)',
+      '200': 'oklch(0.917 0.08 205.041)',
+      '300': 'oklch(0.865 0.127 207.078)',
+      '400': 'oklch(0.789 0.154 211.53)',
+      '500': 'oklch(0.715 0.143 215.221)',
+      '600': 'oklch(0.609 0.126 221.723)',
+      '700': 'oklch(0.52 0.105 223.128)',
+      '800': 'oklch(0.45 0.085 224.283)',
+      '900': 'oklch(0.398 0.07 227.392)',
+      '950': 'oklch(0.302 0.056 229.695)',
+    },
+    sky: {
+      '50': 'oklch(0.977 0.013 236.62)',
+      '100': 'oklch(0.951 0.026 236.824)',
+      '200': 'oklch(0.901 0.058 230.902)',
+      '300': 'oklch(0.828 0.111 230.318)',
+      '400': 'oklch(0.746 0.16 232.661)',
+      '500': 'oklch(0.685 0.169 237.323)',
+      '600': 'oklch(0.588 0.158 241.966)',
+      '700': 'oklch(0.5 0.134 242.749)',
+      '800': 'oklch(0.443 0.11 240.79)',
+      '900': 'oklch(0.391 0.09 240.876)',
+      '950': 'oklch(0.293 0.066 243.157)',
+    },
+    blue: {
+      '50': 'oklch(0.97 0.014 254.604)',
+      '100': 'oklch(0.932 0.032 255.585)',
+      '200': 'oklch(0.882 0.059 254.128)',
+      '300': 'oklch(0.809 0.105 251.813)',
+      '400': 'oklch(0.707 0.165 254.624)',
+      '500': 'oklch(0.623 0.214 259.815)',
+      '600': 'oklch(0.546 0.245 262.881)',
+      '700': 'oklch(0.488 0.243 264.376)',
+      '800': 'oklch(0.424 0.199 265.638)',
+      '900': 'oklch(0.379 0.146 265.522)',
+      '950': 'oklch(0.282 0.091 267.935)',
+    },
+    indigo: {
+      '50': 'oklch(0.962 0.018 272.314)',
+      '100': 'oklch(0.93 0.034 272.788)',
+      '200': 'oklch(0.87 0.065 274.039)',
+      '300': 'oklch(0.785 0.115 274.713)',
+      '400': 'oklch(0.673 0.182 276.935)',
+      '500': 'oklch(0.585 0.233 277.117)',
+      '600': 'oklch(0.511 0.262 276.966)',
+      '700': 'oklch(0.457 0.24 277.023)',
+      '800': 'oklch(0.398 0.195 277.366)',
+      '900': 'oklch(0.359 0.144 278.697)',
+      '950': 'oklch(0.257 0.09 281.288)',
+    },
+    violet: {
+      '50': 'oklch(0.969 0.016 293.756)',
+      '100': 'oklch(0.943 0.029 294.588)',
+      '200': 'oklch(0.894 0.057 293.283)',
+      '300': 'oklch(0.811 0.111 293.571)',
+      '400': 'oklch(0.702 0.183 293.541)',
+      '500': 'oklch(0.606 0.25 292.717)',
+      '600': 'oklch(0.541 0.281 293.009)',
+      '700': 'oklch(0.491 0.27 292.581)',
+      '800': 'oklch(0.432 0.232 292.759)',
+      '900': 'oklch(0.38 0.189 293.745)',
+      '950': 'oklch(0.283 0.141 291.089)',
+    },
+    purple: {
+      '50': 'oklch(0.977 0.014 308.299)',
+      '100': 'oklch(0.946 0.033 307.174)',
+      '200': 'oklch(0.902 0.063 306.703)',
+      '300': 'oklch(0.827 0.119 306.383)',
+      '400': 'oklch(0.714 0.203 305.504)',
+      '500': 'oklch(0.627 0.265 303.9)',
+      '600': 'oklch(0.558 0.288 302.321)',
+      '700': 'oklch(0.496 0.265 301.924)',
+      '800': 'oklch(0.438 0.218 303.724)',
+      '900': 'oklch(0.381 0.176 304.987)',
+      '950': 'oklch(0.291 0.149 302.717)',
+    },
+    fuchsia: {
+      '50': 'oklch(0.977 0.017 320.058)',
+      '100': 'oklch(0.952 0.037 318.852)',
+      '200': 'oklch(0.903 0.076 319.62)',
+      '300': 'oklch(0.833 0.145 321.434)',
+      '400': 'oklch(0.74 0.238 322.16)',
+      '500': 'oklch(0.667 0.295 322.15)',
+      '600': 'oklch(0.591 0.293 322.896)',
+      '700': 'oklch(0.518 0.253 323.949)',
+      '800': 'oklch(0.452 0.211 324.591)',
+      '900': 'oklch(0.401 0.17 325.612)',
+      '950': 'oklch(0.293 0.136 325.661)',
+    },
+    pink: {
+      '50': 'oklch(0.971 0.014 343.198)',
+      '100': 'oklch(0.948 0.028 342.258)',
+      '200': 'oklch(0.899 0.061 343.231)',
+      '300': 'oklch(0.823 0.12 346.018)',
+      '400': 'oklch(0.718 0.202 349.761)',
+      '500': 'oklch(0.656 0.241 354.308)',
+      '600': 'oklch(0.592 0.249 0.584)',
+      '700': 'oklch(0.525 0.223 3.958)',
+      '800': 'oklch(0.459 0.187 3.815)',
+      '900': 'oklch(0.408 0.153 2.432)',
+      '950': 'oklch(0.284 0.109 3.907)',
+    },
+    rose: {
+      '50': 'oklch(0.969 0.015 12.422)',
+      '100': 'oklch(0.941 0.03 12.58)',
+      '200': 'oklch(0.892 0.058 10.001)',
+      '300': 'oklch(0.81 0.117 11.638)',
+      '400': 'oklch(0.712 0.194 13.428)',
+      '500': 'oklch(0.645 0.246 16.439)',
+      '600': 'oklch(0.586 0.253 17.585)',
+      '700': 'oklch(0.514 0.222 16.935)',
+      '800': 'oklch(0.455 0.188 13.697)',
+      '900': 'oklch(0.41 0.159 10.272)',
+      '950': 'oklch(0.271 0.105 12.094)',
+    },
+  },
+};

package/dist/bromcom-ui/styles/themes/index.css

@@ -0,0 +1 @@
+@import './library/default.css';

package/dist/bromcom-ui/styles/themes/library/default.css

@@ -0,0 +1,73 @@
+:root {
+  --bcm-color-primary-50: theme('colors.blue.50');
+  --bcm-color-primary-100: theme('colors.blue.100');
+  --bcm-color-primary-200: theme('colors.blue.200');
+  --bcm-color-primary-300: theme('colors.blue.300');
+  --bcm-color-primary-400: theme('colors.blue.400');
+  --bcm-color-primary-500: theme('colors.blue.500');
+  --bcm-color-primary-600: theme('colors.blue.600');
+  --bcm-color-primary-700: theme('colors.blue.700');
+  --bcm-color-primary-800: theme('colors.blue.800');
+  --bcm-color-primary-900: theme('colors.blue.900');
+  --bcm-color-primary-950: theme('colors.blue.950');
+
+  --bcm-color-secondary-50: theme('colors.gray.50');
+  --bcm-color-secondary-100: theme('colors.gray.100');
+  --bcm-color-secondary-200: theme('colors.gray.200');
+  --bcm-color-secondary-300: theme('colors.gray.300');
+  --bcm-color-secondary-400: theme('colors.gray.400');
+  --bcm-color-secondary-500: theme('colors.gray.500');
+  --bcm-color-secondary-600: theme('colors.gray.600');
+  --bcm-color-secondary-700: theme('colors.gray.700');
+  --bcm-color-secondary-800: theme('colors.gray.800');
+  --bcm-color-secondary-900: theme('colors.gray.900');
+  --bcm-color-secondary-950: theme('colors.gray.950');
+
+  --bcm-color-info-50: theme('colors.blue.50');
+  --bcm-color-info-100: theme('colors.blue.100');
+  --bcm-color-info-200: theme('colors.blue.200');
+  --bcm-color-info-300: theme('colors.blue.300');
+  --bcm-color-info-400: theme('colors.blue.400');
+  --bcm-color-info-500: theme('colors.blue.500');
+  --bcm-color-info-600: theme('colors.blue.600');
+  --bcm-color-info-700: theme('colors.blue.700');
+  --bcm-color-info-800: theme('colors.blue.800');
+  --bcm-color-info-900: theme('colors.blue.900');
+  --bcm-color-info-950: theme('colors.blue.950');
+
+  --bcm-color-success-50: theme('colors.emerald.50');
+  --bcm-color-success-100: theme('colors.emerald.100');
+  --bcm-color-success-200: theme('colors.emerald.200');
+  --bcm-color-success-300: theme('colors.emerald.300');
+  --bcm-color-success-400: theme('colors.emerald.400');
+  --bcm-color-success-500: theme('colors.emerald.500');
+  --bcm-color-success-600: theme('colors.emerald.600');
+  --bcm-color-success-700: theme('colors.emerald.700');
+  --bcm-color-success-800: theme('colors.emerald.800');
+  --bcm-color-success-900: theme('colors.emerald.900');
+  --bcm-color-success-950: theme('colors.emerald.950');
+
+  --bcm-color-warning-50: theme('colors.amber.50');
+  --bcm-color-warning-100: theme('colors.amber.100');
+  --bcm-color-warning-200: theme('colors.amber.200');
+  --bcm-color-warning-300: theme('colors.amber.300');
+  --bcm-color-warning-400: theme('colors.amber.400');
+  --bcm-color-warning-500: theme('colors.amber.500');
+  --bcm-color-warning-600: theme('colors.amber.600');
+  --bcm-color-warning-700: theme('colors.amber.700');
+  --bcm-color-warning-800: theme('colors.amber.800');
+  --bcm-color-warning-900: theme('colors.amber.900');
+  --bcm-color-warning-950: theme('colors.amber.950');
+
+  --bcm-color-error-50: theme('colors.red.50');
+  --bcm-color-error-100: theme('colors.red.100');
+  --bcm-color-error-200: theme('colors.red.200');
+  --bcm-color-error-300: theme('colors.red.300');
+  --bcm-color-error-400: theme('colors.red.400');
+  --bcm-color-error-500: theme('colors.red.500');
+  --bcm-color-error-600: theme('colors.red.600');
+  --bcm-color-error-700: theme('colors.red.700');
+  --bcm-color-error-800: theme('colors.red.800');
+  --bcm-color-error-900: theme('colors.red.900');
+  --bcm-color-error-950: theme('colors.red.950');
+}

package/dist/bromcom-ui/styles/variables/box-shadow.css

@@ -0,0 +1,15 @@
+:root {
+  --bcm-ui-box-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  /* --bcm-ui-box-shadow-default: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); */
+  --bcm-ui-box-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --bcm-ui-box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --bcm-ui-box-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --bcm-ui-box-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --bcm-ui-box-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+  --bcm-ui-box-shadow-none: none;
+  --bcm-ui-box-shadow-default: 0 4px 12px 0 rgb(17 24 39 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  /* --bcm-ui-box-shadow-2: 0px 2px 6px 1px rgba(17, 24, 38, 0.1); */
+  --bcm-ui-box-shadow-2: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
+  --bcm-ui-box-shadow-3: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --bcm-ui-box-shadow-4: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
+}