bromcom-ui-next 0.1.5 → 0.1.7

package/dist/collection/styles/variables/colors-dark.css

@@ -1,314 +0,0 @@
-.bcm-color-schema-dark {
-  --bcm-ui-color-text-base: theme('colors.black');
-  --bcm-ui-color-text-header: theme('colors.gray.300');
-  --bcm-ui-color-text-default: theme('colors.gray.300');
-  --bcm-ui-color-text-label: theme('colors.gray.300');
-  --bcm-ui-color-text-helper: theme('colors.gray.500');
-  --bcm-ui-color-text-placeholder: theme('colors.gray.500');
-  --bcm-ui-color-text-caption: theme('colors.gray.400');
-  --bcm-ui-color-text-icon-default: theme('colors.gray.400');
-  --bcm-ui-color-text-icon-dark: theme('colors.gray.300');
-  --bcm-ui-color-text-primary: theme('colors.blue.300');
-  --bcm-ui-color-text-info: theme('colors.blue.300');
-  --bcm-ui-color-text-success: theme('colors.emerald.300');
-  --bcm-ui-color-text-warning: theme('colors.amber.300');
-  --bcm-ui-color-text-error: theme('colors.red.300');
-  --bcm-ui-color-text-disabled: theme('colors.gray.500');
-  --bcm-ui-color-text-visited: theme('colors.purple.400');
-
-  --bcm-ui-color-border-base: theme('colors.black');
-  --bcm-ui-color-border-default: theme('colors.gray.700');
-  --bcm-ui-color-border-default-alt: theme('colors.gray.400');
-  --bcm-ui-color-border-focus: theme('colors.blue.200');
-  --bcm-ui-color-border-disabled: theme('colors.gray.700');
-  --bcm-ui-color-border-primary: theme('colors.blue.300');
-  --bcm-ui-color-border-info: theme('colors.blue.300');
-  --bcm-ui-color-border-success: theme('colors.emerald.300');
-  --bcm-ui-color-border-warning: theme('colors.amber.300');
-  --bcm-ui-color-border-error: theme('colors.red.300');
-
-  --bcm-ui-color-background-basic-masterpage: theme('colors.gray.950');
-  --bcm-ui-color-background-basic-card: theme('colors.black');
-  --bcm-ui-color-background-basic-modal: theme('colors.black');
-  --bcm-ui-color-background-basic-panel: theme('colors.black');
-  --bcm-ui-color-background-basic-base: theme('colors.black');
-
-  --bcm-ui-color-background-disabled-default: theme('colors.gray.700');
-
-  --bcm-ui-color-background-base-default: theme('colors.black');
-  --bcm-ui-color-background-base-hover: theme('colors.gray.900');
-  --bcm-ui-color-background-base-active: theme('colors.gray.800');
-  --bcm-ui-color-background-default-default: theme('colors.gray.900');
-  --bcm-ui-color-background-default-hover: theme('colors.gray.800');
-  --bcm-ui-color-background-default-active: theme('colors.gray.700');
-  --bcm-ui-color-background-default-dark-default: theme('colors.gray.300');
-  --bcm-ui-color-background-default-dark-hover: theme('colors.gray.200');
-  --bcm-ui-color-background-default-dark-active: theme('colors.gray.100');
-  --bcm-ui-color-background-primary-default: theme('colors.blue.300');
-  --bcm-ui-color-background-primary-hover: theme('colors.blue.200');
-  --bcm-ui-color-background-primary-active: theme('colors.blue.100');
-  --bcm-ui-color-background-info-default: theme('colors.blue.300');
-  --bcm-ui-color-background-info-hover: theme('colors.blue.200');
-  --bcm-ui-color-background-info-active: theme('colors.blue.100');
-  --bcm-ui-color-background-success-default: theme('colors.emerald.300');
-  --bcm-ui-color-background-success-hover: theme('colors.emerald.200');
-  --bcm-ui-color-background-success-active: theme('colors.emerald.100');
-  --bcm-ui-color-background-warning-default: theme('colors.amber.300');
-  --bcm-ui-color-background-warning-hover: theme('colors.amber.200');
-  --bcm-ui-color-background-warning-active: theme('colors.amber.100');
-  --bcm-ui-color-background-error-default: theme('colors.red.300');
-  --bcm-ui-color-background-error-hover: theme('colors.red.200');
-  --bcm-ui-color-background-error-active: theme('colors.red.100');
-
-  --bcm-ui-color-ring-default: theme('colors.blue.300');
-
-  --bcm-ui-color-background-transparent-default: theme('colors.black / 40%');
-}
-
-/* palette */
-.bcm-color-schema-dark {
-  --bcm-ui-color-text-palette-slate: theme('colors.slate.300');
-  --bcm-ui-color-text-palette-gray: theme('colors.gray.300');
-  --bcm-ui-color-text-palette-zinc: theme('colors.zinc.300');
-  --bcm-ui-color-text-palette-neutral: theme('colors.neutral.300');
-  --bcm-ui-color-text-palette-stone: theme('colors.stone.300');
-  --bcm-ui-color-text-palette-red: theme('colors.red.300');
-  --bcm-ui-color-text-palette-orange: theme('colors.orange.300');
-  --bcm-ui-color-text-palette-amber: theme('colors.amber.300');
-  --bcm-ui-color-text-palette-yellow: theme('colors.yellow.300');
-  --bcm-ui-color-text-palette-lime: theme('colors.lime.300');
-  --bcm-ui-color-text-palette-green: theme('colors.green.300');
-  --bcm-ui-color-text-palette-emerald: theme('colors.emerald.300');
-  --bcm-ui-color-text-palette-teal: theme('colors.teal.300');
-  --bcm-ui-color-text-palette-cyan: theme('colors.cyan.300');
-  --bcm-ui-color-text-palette-sky: theme('colors.sky.300');
-  --bcm-ui-color-text-palette-blue: theme('colors.blue.300');
-  --bcm-ui-color-text-palette-indigo: theme('colors.indigo.300');
-  --bcm-ui-color-text-palette-violet: theme('colors.violet.300');
-  --bcm-ui-color-text-palette-purple: theme('colors.purple.300');
-  --bcm-ui-color-text-palette-fuchsia: theme('colors.fuchsia.300');
-  --bcm-ui-color-text-palette-pink: theme('colors.pink.300');
-  --bcm-ui-color-text-palette-rose: theme('colors.rose.300');
-
-  --bcm-ui-color-border-palette-slate: theme('colors.slate.300');
-  --bcm-ui-color-border-palette-gray: theme('colors.gray.300');
-  --bcm-ui-color-border-palette-zinc: theme('colors.zinc.300');
-  --bcm-ui-color-border-palette-neutral: theme('colors.neutral.300');
-  --bcm-ui-color-border-palette-stone: theme('colors.stone.300');
-  --bcm-ui-color-border-palette-red: theme('colors.red.300');
-  --bcm-ui-color-border-palette-orange: theme('colors.orange.300');
-  --bcm-ui-color-border-palette-amber: theme('colors.amber.300');
-  --bcm-ui-color-border-palette-yellow: theme('colors.yellow.300');
-  --bcm-ui-color-border-palette-lime: theme('colors.lime.300');
-  --bcm-ui-color-border-palette-green: theme('colors.green.300');
-  --bcm-ui-color-border-palette-emerald: theme('colors.emerald.300');
-  --bcm-ui-color-border-palette-teal: theme('colors.teal.300');
-  --bcm-ui-color-border-palette-cyan: theme('colors.cyan.300');
-  --bcm-ui-color-border-palette-sky: theme('colors.sky.300');
-  --bcm-ui-color-border-palette-blue: theme('colors.blue.300');
-  --bcm-ui-color-border-palette-indigo: theme('colors.indigo.300');
-  --bcm-ui-color-border-palette-violet: theme('colors.violet.300');
-  --bcm-ui-color-border-palette-purple: theme('colors.purple.300');
-  --bcm-ui-color-border-palette-fuchsia: theme('colors.fuchsia.300');
-  --bcm-ui-color-border-palette-pink: theme('colors.pink.300');
-  --bcm-ui-color-border-palette-rose: theme('colors.rose.300');
-
-  --bcm-ui-color-background-vivid-slate-default: theme('colors.slate.300');
-  --bcm-ui-color-background-vivid-slate-hover: theme('colors.slate.200');
-  --bcm-ui-color-background-vivid-slate-active: theme('colors.slate.100');
-
-  --bcm-ui-color-background-vivid-gray-default: theme('colors.gray.300');
-  --bcm-ui-color-background-vivid-gray-hover: theme('colors.gray.200');
-  --bcm-ui-color-background-vivid-gray-active: theme('colors.gray.100');
-
-  --bcm-ui-color-background-vivid-zinc-default: theme('colors.zinc.300');
-  --bcm-ui-color-background-vivid-zinc-hover: theme('colors.zinc.200');
-  --bcm-ui-color-background-vivid-zinc-active: theme('colors.zinc.100');
-
-  --bcm-ui-color-background-vivid-neutral-default: theme('colors.neutral.300');
-  --bcm-ui-color-background-vivid-neutral-hover: theme('colors.neutral.200');
-  --bcm-ui-color-background-vivid-neutral-active: theme('colors.neutral.100');
-
-  --bcm-ui-color-background-vivid-stone-default: theme('colors.stone.300');
-  --bcm-ui-color-background-vivid-stone-hover: theme('colors.stone.200');
-  --bcm-ui-color-background-vivid-stone-active: theme('colors.stone.100');
-
-  --bcm-ui-color-background-vivid-red-default: theme('colors.red.300');
-  --bcm-ui-color-background-vivid-red-hover: theme('colors.red.200');
-  --bcm-ui-color-background-vivid-red-active: theme('colors.red.100');
-
-  --bcm-ui-color-background-vivid-orange-default: theme('colors.orange.300');
-  --bcm-ui-color-background-vivid-orange-hover: theme('colors.orange.200');
-  --bcm-ui-color-background-vivid-orange-active: theme('colors.orange.100');
-
-  --bcm-ui-color-background-vivid-amber-default: theme('colors.amber.300');
-  --bcm-ui-color-background-vivid-amber-hover: theme('colors.amber.200');
-  --bcm-ui-color-background-vivid-amber-active: theme('colors.amber.100');
-
-  --bcm-ui-color-background-vivid-yellow-default: theme('colors.yellow.300');
-  --bcm-ui-color-background-vivid-yellow-hover: theme('colors.yellow.200');
-  --bcm-ui-color-background-vivid-yellow-active: theme('colors.yellow.100');
-
-  --bcm-ui-color-background-vivid-lime-default: theme('colors.lime.300');
-  --bcm-ui-color-background-vivid-lime-hover: theme('colors.lime.200');
-  --bcm-ui-color-background-vivid-lime-active: theme('colors.lime.100');
-
-  --bcm-ui-color-background-vivid-green-default: theme('colors.green.300');
-  --bcm-ui-color-background-vivid-green-hover: theme('colors.green.200');
-  --bcm-ui-color-background-vivid-green-active: theme('colors.green.100');
-
-  --bcm-ui-color-background-vivid-emerald-default: theme('colors.emerald.300');
-  --bcm-ui-color-background-vivid-emerald-hover: theme('colors.emerald.200');
-  --bcm-ui-color-background-vivid-emerald-active: theme('colors.emerald.100');
-
-  --bcm-ui-color-background-vivid-teal-default: theme('colors.teal.300');
-  --bcm-ui-color-background-vivid-teal-hover: theme('colors.teal.200');
-  --bcm-ui-color-background-vivid-teal-active: theme('colors.teal.100');
-
-  --bcm-ui-color-background-vivid-cyan-default: theme('colors.cyan.300');
-  --bcm-ui-color-background-vivid-cyan-hover: theme('colors.cyan.200');
-  --bcm-ui-color-background-vivid-cyan-active: theme('colors.cyan.100');
-
-  --bcm-ui-color-background-vivid-sky-default: theme('colors.sky.300');
-  --bcm-ui-color-background-vivid-sky-hover: theme('colors.sky.200');
-  --bcm-ui-color-background-vivid-sky-active: theme('colors.sky.100');
-
-  --bcm-ui-color-background-vivid-blue-default: theme('colors.blue.300');
-  --bcm-ui-color-background-vivid-blue-hover: theme('colors.blue.200');
-  --bcm-ui-color-background-vivid-blue-active: theme('colors.blue.100');
-
-  --bcm-ui-color-background-vivid-indigo-default: theme('colors.indigo.300');
-  --bcm-ui-color-background-vivid-indigo-hover: theme('colors.indigo.200');
-  --bcm-ui-color-background-vivid-indigo-active: theme('colors.indigo.100');
-
-  --bcm-ui-color-background-vivid-violet-default: theme('colors.violet.300');
-  --bcm-ui-color-background-vivid-violet-hover: theme('colors.violet.200');
-  --bcm-ui-color-background-vivid-violet-active: theme('colors.violet.100');
-
-  --bcm-ui-color-background-vivid-purple-default: theme('colors.purple.300');
-  --bcm-ui-color-background-vivid-purple-hover: theme('colors.purple.200');
-  --bcm-ui-color-background-vivid-purple-active: theme('colors.purple.100');
-
-  --bcm-ui-color-background-vivid-fuchsia-default: theme('colors.fuchsia.300');
-  --bcm-ui-color-background-vivid-fuchsia-hover: theme('colors.fuchsia.200');
-  --bcm-ui-color-background-vivid-fuchsia-active: theme('colors.fuchsia.100');
-
-  --bcm-ui-color-background-vivid-pink-default: theme('colors.pink.300');
-  --bcm-ui-color-background-vivid-pink-hover: theme('colors.pink.200');
-  --bcm-ui-color-background-vivid-pink-active: theme('colors.pink.100');
-
-  --bcm-ui-color-background-vivid-rose-default: theme('colors.rose.300');
-  --bcm-ui-color-background-vivid-rose-hover: theme('colors.rose.200');
-  --bcm-ui-color-background-vivid-rose-active: theme('colors.rose.100');
-
-  --bcm-ui-color-background-soft-slate-default: theme('colors.slate.950');
-  --bcm-ui-color-background-soft-gray-default: theme('colors.gray.950');
-  --bcm-ui-color-background-soft-zinc-default: theme('colors.zinc.950');
-  --bcm-ui-color-background-soft-neutral-default: theme('colors.neutral.950');
-  --bcm-ui-color-background-soft-stone-default: theme('colors.stone.950');
-  --bcm-ui-color-background-soft-red-default: theme('colors.red.950');
-  --bcm-ui-color-background-soft-orange-default: theme('colors.orange.950');
-  --bcm-ui-color-background-soft-amber-default: theme('colors.amber.950');
-  --bcm-ui-color-background-soft-yellow-default: theme('colors.yellow.950');
-  --bcm-ui-color-background-soft-lime-default: theme('colors.lime.950');
-  --bcm-ui-color-background-soft-green-default: theme('colors.green.950');
-  --bcm-ui-color-background-soft-emerald-default: theme('colors.emerald.950');
-  --bcm-ui-color-background-soft-teal-default: theme('colors.teal.950');
-  --bcm-ui-color-background-soft-cyan-default: theme('colors.cyan.950');
-  --bcm-ui-color-background-soft-sky-default: theme('colors.sky.950');
-  --bcm-ui-color-background-soft-blue-default: theme('colors.blue.950');
-  --bcm-ui-color-background-soft-indigo-default: theme('colors.indigo.950');
-  --bcm-ui-color-background-soft-violet-default: theme('colors.violet.950');
-  --bcm-ui-color-background-soft-purple-default: theme('colors.purple.950');
-  --bcm-ui-color-background-soft-fuchsia-default: theme('colors.fuchsia.950');
-  --bcm-ui-color-background-soft-pink-default: theme('colors.pink.950');
-  --bcm-ui-color-background-soft-rose-default: theme('colors.rose.950');
-
-  --bcm-ui-color-background-palette-slate-default: theme('colors.slate.900');
-  --bcm-ui-color-background-palette-slate-hover: theme('colors.slate.800');
-  --bcm-ui-color-background-palette-slate-active: theme('colors.slate.700');
-
-  --bcm-ui-color-background-palette-gray-default: theme('colors.gray.900');
-  --bcm-ui-color-background-palette-gray-hover: theme('colors.gray.800');
-  --bcm-ui-color-background-palette-gray-active: theme('colors.gray.700');
-
-  --bcm-ui-color-background-palette-zinc-default: theme('colors.zinc.900');
-  --bcm-ui-color-background-palette-zinc-hover: theme('colors.zinc.800');
-  --bcm-ui-color-background-palette-zinc-active: theme('colors.zinc.700');
-
-  --bcm-ui-color-background-palette-neutral-default: theme('colors.neutral.900');
-  --bcm-ui-color-background-palette-neutral-hover: theme('colors.neutral.800');
-  --bcm-ui-color-background-palette-neutral-active: theme('colors.neutral.700');
-
-  --bcm-ui-color-background-palette-stone-default: theme('colors.stone.900');
-  --bcm-ui-color-background-palette-stone-hover: theme('colors.stone.800');
-  --bcm-ui-color-background-palette-stone-active: theme('colors.stone.700');
-
-  --bcm-ui-color-background-palette-red-default: theme('colors.red.900');
-  --bcm-ui-color-background-palette-red-hover: theme('colors.red.800');
-  --bcm-ui-color-background-palette-red-active: theme('colors.red.700');
-
-  --bcm-ui-color-background-palette-orange-default: theme('colors.orange.900');
-  --bcm-ui-color-background-palette-orange-hover: theme('colors.orange.800');
-  --bcm-ui-color-background-palette-orange-active: theme('colors.orange.700');
-
-  --bcm-ui-color-background-palette-amber-default: theme('colors.amber.900');
-  --bcm-ui-color-background-palette-amber-hover: theme('colors.amber.800');
-  --bcm-ui-color-background-palette-amber-active: theme('colors.amber.700');
-
-  --bcm-ui-color-background-palette-yellow-default: theme('colors.yellow.900');
-  --bcm-ui-color-background-palette-yellow-hover: theme('colors.yellow.800');
-  --bcm-ui-color-background-palette-yellow-active: theme('colors.yellow.700');
-
-  --bcm-ui-color-background-palette-lime-default: theme('colors.lime.900');
-  --bcm-ui-color-background-palette-lime-hover: theme('colors.lime.800');
-  --bcm-ui-color-background-palette-lime-active: theme('colors.lime.700');
-
-  --bcm-ui-color-background-palette-green-default: theme('colors.green.900');
-  --bcm-ui-color-background-palette-green-hover: theme('colors.green.800');
-  --bcm-ui-color-background-palette-green-active: theme('colors.green.700');
-
-  --bcm-ui-color-background-palette-emerald-default: theme('colors.emerald.900');
-  --bcm-ui-color-background-palette-emerald-hover: theme('colors.emerald.800');
-  --bcm-ui-color-background-palette-emerald-active: theme('colors.emerald.700');
-
-  --bcm-ui-color-background-palette-teal-default: theme('colors.teal.900');
-  --bcm-ui-color-background-palette-teal-hover: theme('colors.teal.800');
-  --bcm-ui-color-background-palette-teal-active: theme('colors.teal.700');
-
-  --bcm-ui-color-background-palette-cyan-default: theme('colors.cyan.900');
-  --bcm-ui-color-background-palette-cyan-hover: theme('colors.cyan.800');
-  --bcm-ui-color-background-palette-cyan-active: theme('colors.cyan.700');
-
-  --bcm-ui-color-background-palette-sky-default: theme('colors.sky.900');
-  --bcm-ui-color-background-palette-sky-hover: theme('colors.sky.800');
-  --bcm-ui-color-background-palette-sky-active: theme('colors.sky.700');
-
-  --bcm-ui-color-background-palette-blue-default: theme('colors.blue.900');
-  --bcm-ui-color-background-palette-blue-hover: theme('colors.blue.800');
-  --bcm-ui-color-background-palette-blue-active: theme('colors.blue.700');
-
-  --bcm-ui-color-background-palette-indigo-default: theme('colors.indigo.900');
-  --bcm-ui-color-background-palette-indigo-hover: theme('colors.indigo.800');
-  --bcm-ui-color-background-palette-indigo-active: theme('colors.indigo.700');
-
-  --bcm-ui-color-background-palette-violet-default: theme('colors.violet.900');
-  --bcm-ui-color-background-palette-violet-hover: theme('colors.violet.800');
-  --bcm-ui-color-background-palette-violet-active: theme('colors.violet.700');
-
-  --bcm-ui-color-background-palette-purple-default: theme('colors.purple.900');
-  --bcm-ui-color-background-palette-purple-hover: theme('colors.purple.800');
-  --bcm-ui-color-background-palette-purple-active: theme('colors.purple.700');
-
-  --bcm-ui-color-background-palette-fuchsia-default: theme('colors.fuchsia.900');
-  --bcm-ui-color-background-palette-fuchsia-hover: theme('colors.fuchsia.800');
-  --bcm-ui-color-background-palette-fuchsia-active: theme('colors.fuchsia.700');
-
-  --bcm-ui-color-background-palette-pink-default: theme('colors.pink.900');
-  --bcm-ui-color-background-palette-pink-hover: theme('colors.pink.800');
-  --bcm-ui-color-background-palette-pink-active: theme('colors.pink.700');
-
-  --bcm-ui-color-background-palette-rose-default: theme('colors.rose.900');
-  --bcm-ui-color-background-palette-rose-hover: theme('colors.rose.800');
-  --bcm-ui-color-background-palette-rose-active: theme('colors.rose.700');
-}

package/dist/collection/styles/variables/colors-light.css

@@ -1,325 +0,0 @@
-:root {
-  --bcm-ui-color-text-base: theme('colors.white');
-  --bcm-ui-color-text-header: var(--bcm-color-secondary-800);
-  --bcm-ui-color-text-default: var(--bcm-color-secondary-700);
-  --bcm-ui-color-text-label: var(--bcm-color-secondary-700);
-  --bcm-ui-color-text-helper: var(--bcm-color-secondary-500);
-  --bcm-ui-color-text-placeholder: var(--bcm-color-secondary-500);
-  --bcm-ui-color-text-caption: var(--bcm-color-secondary-600);
-  --bcm-ui-color-text-icon-default: var(--bcm-color-secondary-600);
-  --bcm-ui-color-text-icon-dark: var(--bcm-color-secondary-700);
-
-  --bcm-ui-color-text-primary: var(--bcm-color-primary-700);
-  --bcm-ui-color-text-info: var(--bcm-color-info-700);
-  --bcm-ui-color-text-success: var(--bcm-color-success-700);
-  --bcm-ui-color-text-warning: var(--bcm-color-warning-700);
-  --bcm-ui-color-text-error: var(--bcm-color-error-700);
-
-  --bcm-ui-color-text-disabled: var(--bcm-color-secondary-500);
-  --bcm-ui-color-text-visited: theme('colors.purple.700');
-
-  --bcm-ui-color-border-base: theme('colors.white');
-  --bcm-ui-color-border-default: theme('colors.gray.300');
-  --bcm-ui-color-border-default-alt: theme('colors.gray.600');
-  --bcm-ui-color-border-focus: theme('colors.blue.800');
-  --bcm-ui-color-border-disabled: theme('colors.gray.300');
-  --bcm-ui-color-border-primary: var(--bcm-color-primary-700);
-  --bcm-ui-color-border-info: var(--bcm-color-info-700);
-  --bcm-ui-color-border-success: var(--bcm-color-success-700);
-  --bcm-ui-color-border-warning: var(--bcm-color-warning-700);
-  --bcm-ui-color-border-error: var(--bcm-color-error-700);
-
-  --bcm-ui-color-background-basic-masterpage: theme('colors.gray.50');
-  --bcm-ui-color-background-basic-card: theme('colors.white');
-  --bcm-ui-color-background-basic-modal: theme('colors.white');
-  --bcm-ui-color-background-basic-panel: theme('colors.white');
-  --bcm-ui-color-background-basic-base: theme('colors.white');
-
-  --bcm-ui-color-background-disabled-default: theme('colors.gray.300');
-
-  --bcm-ui-color-background-base-default: theme('colors.white');
-  --bcm-ui-color-background-base-hover: theme('colors.gray.100');
-  --bcm-ui-color-background-base-active: theme('colors.gray.200');
-  --bcm-ui-color-background-default-default: theme('colors.gray.100');
-  --bcm-ui-color-background-default-hover: theme('colors.gray.200');
-  --bcm-ui-color-background-default-active: theme('colors.gray.300');
-  --bcm-ui-color-background-default-dark-default: theme('colors.gray.700');
-  --bcm-ui-color-background-default-dark-hover: theme('colors.gray.800');
-  --bcm-ui-color-background-default-dark-active: theme('colors.gray.900');
-  --bcm-ui-color-background-primary-default: var(--bcm-color-primary-700);
-  --bcm-ui-color-background-primary-hover: var(--bcm-color-primary-800);
-  --bcm-ui-color-background-primary-active: var(--bcm-color-primary-900);
-  --bcm-ui-color-background-info-default: var(--bcm-color-info-700);
-  --bcm-ui-color-background-info-hover: var(--bcm-color-info-800);
-  --bcm-ui-color-background-info-active: var(--bcm-color-info-900);
-  --bcm-ui-color-background-success-default: var(--bcm-color-success-700);
-  --bcm-ui-color-background-success-hover: var(--bcm-color-success-800);
-  --bcm-ui-color-background-success-active: var(--bcm-color-success-900);
-  --bcm-ui-color-background-warning-default: var(--bcm-color-warning-700);
-  --bcm-ui-color-background-warning-hover: var(--bcm-color-warning-800);
-  --bcm-ui-color-background-warning-active: var(--bcm-color-warning-900);
-  --bcm-ui-color-background-error-default: var(--bcm-color-error-700);
-  --bcm-ui-color-background-error-hover: var(--bcm-color-error-800);
-  --bcm-ui-color-background-error-active: var(--bcm-color-error-900);
-
-  --bcm-ui-color-ring-default: var(--bcm-color-primary-700);
-
-  --bcm-ui-color-background-transparent-default: theme('colors.black / 40%');
-}
-
-/* palette */
-:root {
-  /**
-	--bcm-ui = prefix
-	--color = type
-	--text = category
-	--palette = subcategory
-	--slate = color
-	--default = state
-	*/
-
-  --bcm-ui-color-text-palette-slate: theme('colors.slate.700');
-  --bcm-ui-color-text-palette-gray: theme('colors.gray.700');
-  --bcm-ui-color-text-palette-zinc: theme('colors.zinc.700');
-  --bcm-ui-color-text-palette-neutral: theme('colors.neutral.700');
-  --bcm-ui-color-text-palette-stone: theme('colors.stone.700');
-  --bcm-ui-color-text-palette-red: theme('colors.red.700');
-  --bcm-ui-color-text-palette-orange: theme('colors.orange.700');
-  --bcm-ui-color-text-palette-amber: theme('colors.amber.700');
-  --bcm-ui-color-text-palette-yellow: theme('colors.yellow.700');
-  --bcm-ui-color-text-palette-lime: theme('colors.lime.700');
-  --bcm-ui-color-text-palette-green: theme('colors.green.700');
-  --bcm-ui-color-text-palette-emerald: theme('colors.emerald.700');
-  --bcm-ui-color-text-palette-teal: theme('colors.teal.700');
-  --bcm-ui-color-text-palette-cyan: theme('colors.cyan.700');
-  --bcm-ui-color-text-palette-sky: theme('colors.sky.700');
-  --bcm-ui-color-text-palette-blue: theme('colors.blue.700');
-  --bcm-ui-color-text-palette-indigo: theme('colors.indigo.700');
-  --bcm-ui-color-text-palette-violet: theme('colors.violet.700');
-  --bcm-ui-color-text-palette-purple: theme('colors.purple.700');
-  --bcm-ui-color-text-palette-fuchsia: theme('colors.fuchsia.700');
-  --bcm-ui-color-text-palette-pink: theme('colors.pink.700');
-  --bcm-ui-color-text-palette-rose: theme('colors.rose.700');
-
-  --bcm-ui-color-border-palette-slate: theme('colors.slate.700');
-  --bcm-ui-color-border-palette-gray: theme('colors.gray.700');
-  --bcm-ui-color-border-palette-zinc: theme('colors.zinc.700');
-  --bcm-ui-color-border-palette-neutral: theme('colors.neutral.700');
-  --bcm-ui-color-border-palette-stone: theme('colors.stone.700');
-  --bcm-ui-color-border-palette-red: theme('colors.red.700');
-  --bcm-ui-color-border-palette-orange: theme('colors.orange.700');
-  --bcm-ui-color-border-palette-amber: theme('colors.amber.700');
-  --bcm-ui-color-border-palette-yellow: theme('colors.yellow.700');
-  --bcm-ui-color-border-palette-lime: theme('colors.lime.700');
-  --bcm-ui-color-border-palette-green: theme('colors.green.700');
-  --bcm-ui-color-border-palette-emerald: theme('colors.emerald.700');
-  --bcm-ui-color-border-palette-teal: theme('colors.teal.700');
-  --bcm-ui-color-border-palette-cyan: theme('colors.cyan.700');
-  --bcm-ui-color-border-palette-sky: theme('colors.sky.700');
-  --bcm-ui-color-border-palette-blue: theme('colors.blue.700');
-  --bcm-ui-color-border-palette-indigo: theme('colors.indigo.700');
-  --bcm-ui-color-border-palette-violet: theme('colors.violet.700');
-  --bcm-ui-color-border-palette-purple: theme('colors.purple.700');
-  --bcm-ui-color-border-palette-fuchsia: theme('colors.fuchsia.700');
-  --bcm-ui-color-border-palette-pink: theme('colors.pink.700');
-  --bcm-ui-color-border-palette-rose: theme('colors.rose.700');
-
-  --bcm-ui-color-background-vivid-slate-default: theme('colors.slate.700');
-  --bcm-ui-color-background-vivid-slate-hover: theme('colors.slate.800');
-  --bcm-ui-color-background-vivid-slate-active: theme('colors.slate.900');
-
-  --bcm-ui-color-background-vivid-gray-default: theme('colors.gray.700');
-  --bcm-ui-color-background-vivid-gray-hover: theme('colors.gray.800');
-  --bcm-ui-color-background-vivid-gray-active: theme('colors.gray.900');
-
-  --bcm-ui-color-background-vivid-zinc-default: theme('colors.zinc.700');
-  --bcm-ui-color-background-vivid-zinc-hover: theme('colors.zinc.800');
-  --bcm-ui-color-background-vivid-zinc-active: theme('colors.zinc.900');
-
-  --bcm-ui-color-background-vivid-neutral-default: theme('colors.neutral.700');
-  --bcm-ui-color-background-vivid-neutral-hover: theme('colors.neutral.800');
-  --bcm-ui-color-background-vivid-neutral-active: theme('colors.neutral.900');
-
-  --bcm-ui-color-background-vivid-stone-default: theme('colors.stone.700');
-  --bcm-ui-color-background-vivid-stone-hover: theme('colors.stone.800');
-  --bcm-ui-color-background-vivid-stone-active: theme('colors.stone.900');
-
-  --bcm-ui-color-background-vivid-red-default: theme('colors.red.700');
-  --bcm-ui-color-background-vivid-red-hover: theme('colors.red.800');
-  --bcm-ui-color-background-vivid-red-active: theme('colors.red.900');
-
-  --bcm-ui-color-background-vivid-orange-default: theme('colors.orange.700');
-  --bcm-ui-color-background-vivid-orange-hover: theme('colors.orange.800');
-  --bcm-ui-color-background-vivid-orange-active: theme('colors.orange.900');
-
-  --bcm-ui-color-background-vivid-amber-default: theme('colors.amber.700');
-  --bcm-ui-color-background-vivid-amber-hover: theme('colors.amber.800');
-  --bcm-ui-color-background-vivid-amber-active: theme('colors.amber.900');
-
-  --bcm-ui-color-background-vivid-yellow-default: theme('colors.yellow.700');
-  --bcm-ui-color-background-vivid-yellow-hover: theme('colors.yellow.800');
-  --bcm-ui-color-background-vivid-yellow-active: theme('colors.yellow.900');
-
-  --bcm-ui-color-background-vivid-lime-default: theme('colors.lime.700');
-  --bcm-ui-color-background-vivid-lime-hover: theme('colors.lime.800');
-  --bcm-ui-color-background-vivid-lime-active: theme('colors.lime.900');
-
-  --bcm-ui-color-background-vivid-green-default: theme('colors.green.700');
-  --bcm-ui-color-background-vivid-green-hover: theme('colors.green.800');
-  --bcm-ui-color-background-vivid-green-active: theme('colors.green.900');
-
-  --bcm-ui-color-background-vivid-emerald-default: theme('colors.emerald.700');
-  --bcm-ui-color-background-vivid-emerald-hover: theme('colors.emerald.800');
-  --bcm-ui-color-background-vivid-emerald-active: theme('colors.emerald.900');
-
-  --bcm-ui-color-background-vivid-teal-default: theme('colors.teal.700');
-  --bcm-ui-color-background-vivid-teal-hover: theme('colors.teal.800');
-  --bcm-ui-color-background-vivid-teal-active: theme('colors.teal.900');
-
-  --bcm-ui-color-background-vivid-cyan-default: theme('colors.cyan.700');
-  --bcm-ui-color-background-vivid-cyan-hover: theme('colors.cyan.800');
-  --bcm-ui-color-background-vivid-cyan-active: theme('colors.cyan.900');
-
-  --bcm-ui-color-background-vivid-sky-default: theme('colors.sky.700');
-  --bcm-ui-color-background-vivid-sky-hover: theme('colors.sky.800');
-  --bcm-ui-color-background-vivid-sky-active: theme('colors.sky.900');
-
-  --bcm-ui-color-background-vivid-blue-default: theme('colors.blue.700');
-  --bcm-ui-color-background-vivid-blue-hover: theme('colors.blue.800');
-  --bcm-ui-color-background-vivid-blue-active: theme('colors.blue.900');
-
-  --bcm-ui-color-background-vivid-indigo-default: theme('colors.indigo.700');
-  --bcm-ui-color-background-vivid-indigo-hover: theme('colors.indigo.800');
-  --bcm-ui-color-background-vivid-indigo-active: theme('colors.indigo.900');
-
-  --bcm-ui-color-background-vivid-violet-default: theme('colors.violet.700');
-  --bcm-ui-color-background-vivid-violet-hover: theme('colors.violet.800');
-  --bcm-ui-color-background-vivid-violet-active: theme('colors.violet.900');
-
-  --bcm-ui-color-background-vivid-purple-default: theme('colors.purple.700');
-  --bcm-ui-color-background-vivid-purple-hover: theme('colors.purple.800');
-  --bcm-ui-color-background-vivid-purple-active: theme('colors.purple.900');
-
-  --bcm-ui-color-background-vivid-fuchsia-default: theme('colors.fuchsia.700');
-  --bcm-ui-color-background-vivid-fuchsia-hover: theme('colors.fuchsia.800');
-  --bcm-ui-color-background-vivid-fuchsia-active: theme('colors.fuchsia.900');
-
-  --bcm-ui-color-background-vivid-pink-default: theme('colors.pink.700');
-  --bcm-ui-color-background-vivid-pink-hover: theme('colors.pink.800');
-  --bcm-ui-color-background-vivid-pink-active: theme('colors.pink.900');
-
-  --bcm-ui-color-background-vivid-rose-default: theme('colors.rose.700');
-  --bcm-ui-color-background-vivid-rose-hover: theme('colors.rose.800');
-  --bcm-ui-color-background-vivid-rose-active: theme('colors.rose.900');
-
-  --bcm-ui-color-background-soft-slate-default: theme('colors.slate.50');
-  --bcm-ui-color-background-soft-gray-default: theme('colors.gray.50');
-  --bcm-ui-color-background-soft-zinc-default: theme('colors.zinc.50');
-  --bcm-ui-color-background-soft-neutral-default: theme('colors.neutral.50');
-  --bcm-ui-color-background-soft-stone-default: theme('colors.stone.50');
-  --bcm-ui-color-background-soft-red-default: theme('colors.red.50');
-  --bcm-ui-color-background-soft-orange-default: theme('colors.orange.50');
-  --bcm-ui-color-background-soft-amber-default: theme('colors.amber.50');
-  --bcm-ui-color-background-soft-yellow-default: theme('colors.yellow.50');
-  --bcm-ui-color-background-soft-lime-default: theme('colors.lime.50');
-  --bcm-ui-color-background-soft-green-default: theme('colors.green.50');
-  --bcm-ui-color-background-soft-emerald-default: theme('colors.emerald.50');
-  --bcm-ui-color-background-soft-teal-default: theme('colors.teal.50');
-  --bcm-ui-color-background-soft-cyan-default: theme('colors.cyan.50');
-  --bcm-ui-color-background-soft-sky-default: theme('colors.sky.50');
-  --bcm-ui-color-background-soft-blue-default: theme('colors.blue.50');
-  --bcm-ui-color-background-soft-indigo-default: theme('colors.indigo.50');
-  --bcm-ui-color-background-soft-violet-default: theme('colors.violet.50');
-  --bcm-ui-color-background-soft-purple-default: theme('colors.purple.50');
-  --bcm-ui-color-background-soft-fuchsia-default: theme('colors.fuchsia.50');
-  --bcm-ui-color-background-soft-pink-default: theme('colors.pink.50');
-  --bcm-ui-color-background-soft-rose-default: theme('colors.rose.50');
-
-  --bcm-ui-color-background-palette-slate-default: theme('colors.slate.100');
-  --bcm-ui-color-background-palette-slate-hover: theme('colors.slate.200');
-  --bcm-ui-color-background-palette-slate-active: theme('colors.slate.300');
-
-  --bcm-ui-color-background-palette-gray-default: theme('colors.gray.100');
-  --bcm-ui-color-background-palette-gray-hover: theme('colors.gray.200');
-  --bcm-ui-color-background-palette-gray-active: theme('colors.gray.300');
-
-  --bcm-ui-color-background-palette-zinc-default: theme('colors.zinc.100');
-  --bcm-ui-color-background-palette-zinc-hover: theme('colors.zinc.200');
-  --bcm-ui-color-background-palette-zinc-active: theme('colors.zinc.300');
-
-  --bcm-ui-color-background-palette-neutral-default: theme('colors.neutral.100');
-  --bcm-ui-color-background-palette-neutral-hover: theme('colors.neutral.200');
-  --bcm-ui-color-background-palette-neutral-active: theme('colors.neutral.300');
-
-  --bcm-ui-color-background-palette-stone-default: theme('colors.stone.100');
-  --bcm-ui-color-background-palette-stone-hover: theme('colors.stone.200');
-  --bcm-ui-color-background-palette-stone-active: theme('colors.stone.300');
-
-  --bcm-ui-color-background-palette-red-default: theme('colors.red.100');
-  --bcm-ui-color-background-palette-red-hover: theme('colors.red.200');
-  --bcm-ui-color-background-palette-red-active: theme('colors.red.300');
-
-  --bcm-ui-color-background-palette-orange-default: theme('colors.orange.100');
-  --bcm-ui-color-background-palette-orange-hover: theme('colors.orange.200');
-  --bcm-ui-color-background-palette-orange-active: theme('colors.orange.300');
-
-  --bcm-ui-color-background-palette-amber-default: theme('colors.amber.100');
-  --bcm-ui-color-background-palette-amber-hover: theme('colors.amber.200');
-  --bcm-ui-color-background-palette-amber-active: theme('colors.amber.300');
-
-  --bcm-ui-color-background-palette-yellow-default: theme('colors.yellow.100');
-  --bcm-ui-color-background-palette-yellow-hover: theme('colors.yellow.200');
-  --bcm-ui-color-background-palette-yellow-active: theme('colors.yellow.300');
-
-  --bcm-ui-color-background-palette-lime-default: theme('colors.lime.100');
-  --bcm-ui-color-background-palette-lime-hover: theme('colors.lime.200');
-  --bcm-ui-color-background-palette-lime-active: theme('colors.lime.300');
-
-  --bcm-ui-color-background-palette-green-default: theme('colors.green.100');
-  --bcm-ui-color-background-palette-green-hover: theme('colors.green.200');
-  --bcm-ui-color-background-palette-green-active: theme('colors.green.300');
-
-  --bcm-ui-color-background-palette-emerald-default: theme('colors.emerald.100');
-  --bcm-ui-color-background-palette-emerald-hover: theme('colors.emerald.200');
-  --bcm-ui-color-background-palette-emerald-active: theme('colors.emerald.300');
-
-  --bcm-ui-color-background-palette-teal-default: theme('colors.teal.100');
-  --bcm-ui-color-background-palette-teal-hover: theme('colors.teal.200');
-  --bcm-ui-color-background-palette-teal-active: theme('colors.teal.300');
-
-  --bcm-ui-color-background-palette-cyan-default: theme('colors.cyan.100');
-  --bcm-ui-color-background-palette-cyan-hover: theme('colors.cyan.200');
-  --bcm-ui-color-background-palette-cyan-active: theme('colors.cyan.300');
-
-  --bcm-ui-color-background-palette-sky-default: theme('colors.sky.100');
-  --bcm-ui-color-background-palette-sky-hover: theme('colors.sky.200');
-  --bcm-ui-color-background-palette-sky-active: theme('colors.sky.300');
-
-  --bcm-ui-color-background-palette-blue-default: theme('colors.blue.100');
-  --bcm-ui-color-background-palette-blue-hover: theme('colors.blue.200');
-  --bcm-ui-color-background-palette-blue-active: theme('colors.blue.300');
-
-  --bcm-ui-color-background-palette-indigo-default: theme('colors.indigo.100');
-  --bcm-ui-color-background-palette-indigo-hover: theme('colors.indigo.200');
-  --bcm-ui-color-background-palette-indigo-active: theme('colors.indigo.300');
-
-  --bcm-ui-color-background-palette-violet-default: theme('colors.violet.100');
-  --bcm-ui-color-background-palette-violet-hover: theme('colors.violet.200');
-  --bcm-ui-color-background-palette-violet-active: theme('colors.violet.300');
-
-  --bcm-ui-color-background-palette-purple-default: theme('colors.purple.100');
-  --bcm-ui-color-background-palette-purple-hover: theme('colors.purple.200');
-  --bcm-ui-color-background-palette-purple-active: theme('colors.purple.300');
-
-  --bcm-ui-color-background-palette-fuchsia-default: theme('colors.fuchsia.100');
-  --bcm-ui-color-background-palette-fuchsia-hover: theme('colors.fuchsia.200');
-  --bcm-ui-color-background-palette-fuchsia-active: theme('colors.fuchsia.300');
-
-  --bcm-ui-color-background-palette-pink-default: theme('colors.pink.100');
-  --bcm-ui-color-background-palette-pink-hover: theme('colors.pink.200');
-  --bcm-ui-color-background-palette-pink-active: theme('colors.pink.300');
-
-  --bcm-ui-color-background-palette-rose-default: theme('colors.rose.100');
-  --bcm-ui-color-background-palette-rose-hover: theme('colors.rose.200');
-  --bcm-ui-color-background-palette-rose-active: theme('colors.rose.300');
-}