@mono-lit/helper 0.0.0-stage → 0.0.2

package/dist/ui/theme/legacy.css

@@ -0,0 +1,293 @@
+/* GENERATED by scripts/theme-build.mjs — pre-Basecoat --theme-* vocabulary, alive until 3.0.
+   Edit src/data/theme/presets.json (or the generator) and run `pnpm theme:build`. */
+@layer mono-tokens {
+:root {
+  --theme-secondary: #375ba3;
+  --theme-accent: #1f2664;
+  --theme-primary-rgb: 31, 38, 100;
+  --theme-secondary-rgb: 55, 91, 163;
+  --theme-accent-rgb: 31, 38, 100;
+  --theme-background-rgb: 244, 246, 251;
+  --theme-text-rgb: 31, 41, 55;
+  --theme-border-rgb: 228, 231, 239;
+  --theme-success-rgb: 21, 128, 61;
+  --theme-danger-rgb: 220, 38, 38;
+  --theme-warning-rgb: 180, 83, 9;
+  --theme-info-rgb: 55, 91, 163;
+  --theme-teal-rgb: 15, 123, 108;
+  --theme-purple-rgb: 29, 49, 132;
+  --theme-neutral-rgb: 100, 116, 139;
+  --theme-dark-rgb: 15, 23, 42;
+  --theme-primary-light: #3f5cc4;
+  --theme-primary-dark: #171d52;
+  --theme-primary-contrast: #ffffff;
+  --theme-secondary-light: #7288dd;
+  --theme-secondary-dark: #1d3184;
+  --theme-secondary-contrast: #ffffff;
+  --theme-text-primary: #1f2937;
+  --theme-text-secondary: #6b7280;
+  --theme-text-disabled: #8695ac;
+  --theme-placeholder: #68768c;
+  --theme-background-default: #f4f6fb;
+  --theme-divider: #e4e7ef;
+  --theme-action-hover: rgba(15, 23, 42, 0.04);
+  --theme-success-dark: #166534;
+  --theme-danger-dark: #b91c1c;
+  --theme-warning-dark: #92400e;
+  --theme-warning-contrast: #ffffff;
+  --theme-teal-contrast: #ffffff;
+  --theme-neutral-contrast: #ffffff;
+  --theme-pillar-commercial: #152568;
+  --theme-pillar-operasional: #2a44a8;
+  --theme-pillar-fat: #0f7b6c;
+  --theme-pillar-budgeting: #b7791f;
+  --theme-pillar-distributor: #1d3184;
+  --theme-radius-xs: 0.25rem;
+  --theme-radius-sm: 0.5rem;
+  --theme-radius-md: 0.625rem;
+  --theme-radius-lg: 0.75rem;
+  --theme-radius-xl: 0.875rem;
+  --theme-radius-2xl: 1.25rem;
+  --theme-radius-full: 9999px;
+  --theme-elev-0: none;
+  --theme-elev-1: 0 1px 2px rgba(15, 23, 42, 0.06);
+  --theme-elev-2: 0 3px 12px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(15, 23, 42, 0.06);
+  --theme-elev-3: 0 5px 20px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(15, 23, 42, 0.06);
+  --theme-elev-4: 0 10px 15px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(15, 23, 42, 0.06);
+  --theme-elev-5: 0 14px 28px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(15, 23, 42, 0.06);
+  --theme-motion-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
+  --theme-motion-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1);
+  --theme-duration-fast: 150ms;
+  --theme-duration-base: 180ms;
+  --theme-duration-slow: 200ms;
+  --theme-space-1: 0.25rem;
+  --theme-space-2: 0.5rem;
+  --theme-space-3: 0.75rem;
+  --theme-space-4: 1rem;
+  --theme-space-5: 1.5rem;
+  --theme-space-6: 2rem;
+  --theme-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  --theme-font-weight-regular: 400;
+  --theme-font-weight-medium: 500;
+  --theme-font-weight-semibold: 600;
+  --theme-font-weight-bold: 700;
+  --theme-font-size-xs: 0.75rem;
+  --theme-font-size-sm: 0.875rem;
+  --theme-font-size-md: 1rem;
+  --theme-font-size-lg: 1.125rem;
+  --theme-font-size-xl: 1.25rem;
+  --theme-line-height-tight: 1.2;
+  --theme-line-height-base: 1.5;
+  --theme-letter-spacing-button: 0;
+  --theme-control-font-xs: 0.7rem;
+  --theme-control-font-sm: 0.76rem;
+  --theme-control-font-md: 0.8rem;
+  --theme-control-font-lg: 0.84rem;
+  --theme-control-font-xl: 0.9rem;
+  --theme-control-font-xxl: 0.94rem;
+  --theme-label-font-size: 0.76rem;
+  --theme-message-font-size: 0.78rem;
+  --theme-option-font-size: 0.84rem;
+  --theme-title-font-xs: 0.74rem;
+  --theme-title-font-sm: 0.78rem;
+  --theme-title-font-md: 0.82rem;
+  --theme-title-font-lg: 0.9rem;
+  --theme-title-font-xl: 1rem;
+  --theme-title-font-xxl: 1.1rem;
+  --theme-title-line-height: 1.3;
+  --theme-subtitle-font-xs: 0.66rem;
+  --theme-subtitle-font-sm: 0.7rem;
+  --theme-subtitle-font-md: 0.74rem;
+  --theme-subtitle-font-lg: 0.8rem;
+  --theme-subtitle-font-xl: 0.9rem;
+  --theme-subtitle-font-xxl: 1rem;
+  --theme-subtitle-line-height: 1.5;
+  --theme-border-width: 1.5px;
+  --theme-focus-ring-offset: 0;
+}
+:is(html, body, .mono-theme).dark {
+  --theme-primary-rgb: 31, 38, 100;
+  --theme-secondary-rgb: 55, 91, 163;
+  --theme-accent-rgb: 31, 38, 100;
+  --theme-background-rgb: 244, 246, 251;
+  --theme-text-rgb: 31, 41, 55;
+  --theme-border-rgb: 228, 231, 239;
+  --theme-success-rgb: 21, 128, 61;
+  --theme-danger-rgb: 220, 38, 38;
+  --theme-warning-rgb: 180, 83, 9;
+  --theme-info-rgb: 55, 91, 163;
+  --theme-teal-rgb: 15, 123, 108;
+  --theme-purple-rgb: 29, 49, 132;
+  --theme-neutral-rgb: 100, 116, 139;
+  --theme-dark-rgb: 15, 23, 42;
+}
+:where(:root, :is(html, body, .mono-theme).dark, [class*="theme-"], .mono-theme) {
+  --theme-primary: var(--primary);
+  --theme-background: var(--background);
+  --theme-text: var(--foreground);
+  --theme-border: var(--border);
+  --theme-surface: var(--card);
+  --theme-surface-soft: var(--muted);
+  --theme-danger: var(--destructive);
+  --theme-success: var(--success);
+  --theme-warning: var(--warning);
+  --theme-info: var(--info);
+  --theme-teal: var(--teal);
+  --theme-purple: var(--purple);
+  --theme-neutral: var(--neutral);
+  --theme-dark: var(--dark);
+  --theme-primary-contrast: var(--primary-foreground);
+  --theme-success-contrast: var(--success-foreground);
+  --theme-danger-contrast: var(--destructive-foreground);
+  --theme-warning-contrast: var(--warning-foreground);
+  --theme-info-contrast: var(--info-foreground);
+  --theme-teal-contrast: var(--teal-foreground);
+  --theme-purple-contrast: var(--purple-foreground);
+  --theme-neutral-contrast: var(--neutral-foreground);
+  --theme-dark-contrast: var(--dark-foreground);
+  --theme-secondary-contrast: #ffffff;
+  --mono-primary-rgb: var(--theme-primary-rgb);
+  --mono-secondary-rgb: var(--theme-secondary-rgb);
+  --mono-success-rgb: var(--theme-success-rgb);
+  --mono-danger-rgb: var(--theme-danger-rgb);
+  --mono-warning-rgb: var(--theme-warning-rgb);
+  --mono-info-rgb: var(--theme-info-rgb);
+  --mono-neutral-rgb: var(--theme-neutral-rgb);
+  --theme-control-height-xs: var(--mono-control-height-xs);
+  --theme-control-height-sm: var(--mono-control-height-sm);
+  --theme-control-height-md: var(--mono-control-height-md);
+  --theme-control-height-lg: var(--mono-control-height-lg);
+  --theme-control-height-xl: var(--mono-control-height-xl);
+  --theme-control-height-xxl: var(--mono-control-height-xxl);
+  --theme-label-font-weight: var(--theme-font-weight-bold);
+  --theme-title-font-weight: var(--theme-font-weight-bold);
+  --theme-subtitle-font-weight: var(--theme-font-weight-regular);
+  --theme-focus-ring: 0 0 0 3px rgba(var(--theme-primary-rgb), 0.14);
+  --theme-primary-light: color-mix(in srgb, var(--theme-primary) 60%, white);
+  --theme-primary-dark: color-mix(in srgb, var(--theme-primary) 80%, black);
+  --theme-secondary-light: color-mix(in srgb, var(--theme-secondary) 60%, white);
+  --theme-secondary-dark: color-mix(in srgb, var(--theme-secondary) 80%, black);
+  --theme-text-primary: var(--theme-text);
+  --theme-text-secondary: rgba(var(--theme-text-rgb), 0.6);
+  --theme-text-disabled: rgba(var(--theme-text-rgb), 0.38);
+  --theme-placeholder: rgba(var(--theme-text-rgb), 0.48);
+  --theme-background-default: var(--theme-background);
+  --theme-divider: var(--theme-border);
+  --theme-action-hover: rgba(var(--theme-text-rgb), 0.04);
+  --theme-action-selected: rgba(var(--theme-text-rgb), 0.08);
+  --theme-action-disabled: rgba(var(--theme-text-rgb), 0.26);
+  --theme-action-disabled-background: rgba(var(--theme-text-rgb), 0.12);
+  --theme-action-focus: rgba(var(--theme-text-rgb), 0.12);
+  --theme-action-active: rgba(var(--theme-text-rgb), 0.54);
+  --theme-success-light: color-mix(in srgb, var(--theme-success) 60%, white);
+  --theme-success-dark: color-mix(in srgb, var(--theme-success) 80%, black);
+  --theme-danger-light: color-mix(in srgb, var(--theme-danger) 60%, white);
+  --theme-danger-dark: color-mix(in srgb, var(--theme-danger) 80%, black);
+  --theme-warning-light: color-mix(in srgb, var(--theme-warning) 60%, white);
+  --theme-warning-dark: color-mix(in srgb, var(--theme-warning) 80%, black);
+  --theme-info-light: color-mix(in srgb, var(--theme-info) 60%, white);
+  --theme-info-dark: color-mix(in srgb, var(--theme-info) 80%, black);
+  --theme-teal-light: color-mix(in srgb, var(--theme-teal) 60%, white);
+  --theme-teal-dark: color-mix(in srgb, var(--theme-teal) 80%, black);
+  --theme-purple-light: color-mix(in srgb, var(--theme-purple) 60%, white);
+  --theme-purple-dark: color-mix(in srgb, var(--theme-purple) 80%, black);
+  --theme-neutral-light: color-mix(in srgb, var(--theme-neutral) 60%, white);
+  --theme-neutral-dark: color-mix(in srgb, var(--theme-neutral) 80%, black);
+  --theme-dark-light: color-mix(in srgb, var(--theme-dark) 60%, white);
+  --theme-dark-dark: color-mix(in srgb, var(--theme-dark) 80%, black);
+  --theme-action-selected: rgba(var(--theme-primary-rgb), 0.06);
+}
+.theme-color-one {
+  --theme-secondary: #375ba3;
+  --theme-accent: #1f2664;
+  --theme-primary-rgb: 31, 38, 100;
+  --theme-secondary-rgb: 55, 91, 163;
+  --theme-accent-rgb: 31, 38, 100;
+  --theme-background-rgb: 244, 246, 251;
+  --theme-text-rgb: 31, 41, 55;
+  --theme-border-rgb: 228, 231, 239;
+  --theme-success-rgb: 21, 128, 61;
+  --theme-danger-rgb: 220, 38, 38;
+  --theme-warning-rgb: 180, 83, 9;
+  --theme-info-rgb: 55, 91, 163;
+  --theme-teal-rgb: 15, 123, 108;
+  --theme-purple-rgb: 29, 49, 132;
+  --theme-neutral-rgb: 100, 116, 139;
+  --theme-dark-rgb: 15, 23, 42;
+  --theme-primary-light: #3f5cc4;
+  --theme-primary-dark: #171d52;
+  --theme-primary-contrast: #ffffff;
+  --theme-secondary-light: #7288dd;
+  --theme-secondary-dark: #1d3184;
+  --theme-secondary-contrast: #ffffff;
+  --theme-text-primary: #1f2937;
+  --theme-text-secondary: #6b7280;
+  --theme-text-disabled: #8695ac;
+  --theme-placeholder: #68768c;
+  --theme-background-default: #f4f6fb;
+  --theme-divider: #e4e7ef;
+  --theme-action-hover: rgba(15, 23, 42, 0.04);
+  --theme-action-selected: rgba(var(--theme-primary-rgb), 0.06);
+  --theme-success-dark: #166534;
+  --theme-danger-dark: #b91c1c;
+  --theme-warning-dark: #92400e;
+  --theme-warning-contrast: #ffffff;
+  --theme-teal-contrast: #ffffff;
+  --theme-neutral-contrast: #ffffff;
+  --theme-pillar-commercial: #152568;
+  --theme-pillar-operasional: #2a44a8;
+  --theme-pillar-fat: #0f7b6c;
+  --theme-pillar-budgeting: #b7791f;
+  --theme-pillar-distributor: #1d3184;
+}
+.theme-color-one:is(:is(html, body, .mono-theme).dark, :is(html, body, .mono-theme).dark *) {
+  --theme-primary-rgb: 31, 38, 100;
+  --theme-secondary-rgb: 55, 91, 163;
+  --theme-accent-rgb: 31, 38, 100;
+  --theme-background-rgb: 244, 246, 251;
+  --theme-text-rgb: 31, 41, 55;
+  --theme-border-rgb: 228, 231, 239;
+  --theme-success-rgb: 21, 128, 61;
+  --theme-danger-rgb: 220, 38, 38;
+  --theme-warning-rgb: 180, 83, 9;
+  --theme-info-rgb: 55, 91, 163;
+  --theme-teal-rgb: 15, 123, 108;
+  --theme-purple-rgb: 29, 49, 132;
+  --theme-neutral-rgb: 100, 116, 139;
+  --theme-dark-rgb: 15, 23, 42;
+}
+.theme-color-basecoat {
+  --theme-secondary: oklch(0.546 0.215 262.88);
+  --theme-accent: oklch(0.708 0 0);
+  --theme-primary-rgb: 23, 23, 23;
+  --theme-secondary-rgb: 37, 99, 235;
+  --theme-accent-rgb: 161, 161, 161;
+  --theme-background-rgb: 255, 255, 255;
+  --theme-text-rgb: 10, 10, 10;
+  --theme-border-rgb: 229, 229, 229;
+  --theme-success-rgb: 22, 163, 74;
+  --theme-danger-rgb: 231, 0, 11;
+  --theme-warning-rgb: 202, 138, 4;
+  --theme-info-rgb: 37, 99, 235;
+  --theme-teal-rgb: 13, 148, 136;
+  --theme-purple-rgb: 124, 58, 237;
+  --theme-neutral-rgb: 115, 115, 115;
+  --theme-dark-rgb: 23, 23, 23;
+}
+.theme-color-basecoat:is(:is(html, body, .mono-theme).dark, :is(html, body, .mono-theme).dark *) {
+  --theme-primary-rgb: 229, 229, 229;
+  --theme-secondary-rgb: 96, 165, 250;
+  --theme-accent-rgb: 115, 115, 115;
+  --theme-background-rgb: 10, 10, 10;
+  --theme-text-rgb: 250, 250, 250;
+  --theme-border-rgb: 255, 255, 255;
+  --theme-success-rgb: 74, 222, 128;
+  --theme-danger-rgb: 255, 100, 103;
+  --theme-warning-rgb: 250, 204, 21;
+  --theme-info-rgb: 96, 165, 250;
+  --theme-teal-rgb: 45, 212, 191;
+  --theme-purple-rgb: 167, 139, 250;
+  --theme-neutral-rgb: 128, 128, 128;
+  --theme-dark-rgb: 212, 212, 212;
+}
+}