@beweco/aurora-ui 1.0.0-beta.99 → 1.0.0

package/dist/assets/css/theme.css

@@ -0,0 +1,129 @@
+/*
+ * AUTOGENERADO — no editar a mano.
+ * Tokens de tema: SOLO el bloque de tema (static). Export `./theme`; la app lo importa con theme(reference), que anula el static.
+ * Fuente: scripts/generate-theme-tokens.mjs
+ *   ← src/styles/colors.default.ts (14 packs)
+ *   ← scripts/v2-base-palette.json (paleta base heredada por `extend`)
+ *
+ * Regenerar y verificar contra el oráculo v2:
+ *   node scripts/generate-theme-tokens.mjs --check
+ */
+
+@theme static {
+	/* Valores del tema base claro — los bloques por clase de theme-packs.generated.css los pisan. */
+	--color-background: #FFFFFF;
+	--color-foreground: #11181C;
+	--color-foreground-50: #fafafa;
+	--color-foreground-100: #f4f4f5;
+	--color-foreground-200: #e4e4e7;
+	--color-foreground-300: #d4d4d8;
+	--color-foreground-400: #a1a1aa;
+	--color-foreground-500: #71717a;
+	--color-foreground-600: #52525b;
+	--color-foreground-700: #3f3f46;
+	--color-foreground-800: #27272a;
+	--color-foreground-900: #18181b;
+	--color-divider: rgba(17, 17, 17, 0.15);
+	--color-focus: #006FEE;
+	--color-content1: #FFFFFF;
+	--color-content1-foreground: #11181C;
+	--color-content2: #f4f4f5;
+	--color-content2-foreground: #27272a;
+	--color-content3: #e4e4e7;
+	--color-content3-foreground: #3f3f46;
+	--color-content4: #d4d4d8;
+	--color-content4-foreground: #52525b;
+	--color-default: #d4d4d8;
+	--color-default-foreground: #000;
+	--color-default-50: #fafafa;
+	--color-default-100: #f4f4f5;
+	--color-default-200: #e4e4e7;
+	--color-default-300: #d4d4d8;
+	--color-default-400: #a1a1aa;
+	--color-default-500: #71717a;
+	--color-default-600: #52525b;
+	--color-default-700: #3f3f46;
+	--color-default-800: #27272a;
+	--color-default-900: #18181b;
+	--color-primary: #006FEE;
+	--color-primary-foreground: #fff;
+	--color-primary-50: #e6f1fe;
+	--color-primary-100: #cce3fd;
+	--color-primary-200: #99c7fb;
+	--color-primary-300: #66aaf9;
+	--color-primary-400: #338ef7;
+	--color-primary-500: #006FEE;
+	--color-primary-600: #005bc4;
+	--color-primary-700: #004493;
+	--color-primary-800: #002e62;
+	--color-primary-900: #001731;
+	--color-secondary: #7828c8;
+	--color-secondary-foreground: #fff;
+	--color-secondary-50: #f2eafa;
+	--color-secondary-100: #e4d4f4;
+	--color-secondary-200: #c9a9e9;
+	--color-secondary-300: #ae7ede;
+	--color-secondary-400: #9353d3;
+	--color-secondary-500: #7828c8;
+	--color-secondary-600: #6020a0;
+	--color-secondary-700: #481878;
+	--color-secondary-800: #301050;
+	--color-secondary-900: #180828;
+	--color-success: #17c964;
+	--color-success-foreground: #000;
+	--color-success-50: #e8faf0;
+	--color-success-100: #d1f4e0;
+	--color-success-200: #a2e9c1;
+	--color-success-300: #74dfa2;
+	--color-success-400: #45d483;
+	--color-success-500: #17c964;
+	--color-success-600: #12a150;
+	--color-success-700: #0e793c;
+	--color-success-800: #095028;
+	--color-success-900: #052814;
+	--color-warning: #f5a524;
+	--color-warning-foreground: #000;
+	--color-warning-50: #fefce8;
+	--color-warning-100: #fdedd3;
+	--color-warning-200: #fbdba7;
+	--color-warning-300: #f9c97c;
+	--color-warning-400: #f7b750;
+	--color-warning-500: #f5a524;
+	--color-warning-600: #c4841d;
+	--color-warning-700: #936316;
+	--color-warning-800: #62420e;
+	--color-warning-900: #312107;
+	--color-danger: #f31260;
+	--color-danger-foreground: #ffffff;
+	--color-danger-50: #fee7ef;
+	--color-danger-100: #fdd0df;
+	--color-danger-200: #faa0bf;
+	--color-danger-300: #f871a0;
+	--color-danger-400: #f54180;
+	--color-danger-500: #f31260;
+	--color-danger-600: #c20e4d;
+	--color-danger-700: #920b3a;
+	--color-danger-800: #610726;
+	--color-danger-900: #310413;
+	--aurora-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3);
+	--aurora-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3);
+	--aurora-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3);
+	/* Vocabulario de tamaños de HeroUI v2 (text-tiny, rounded-medium, border-medium, shadow-small…). */
+	--text-tiny: 0.75rem;
+	--text-tiny--line-height: 1rem;
+	--text-small: 0.875rem;
+	--text-small--line-height: 1.25rem;
+	--text-medium: 1rem;
+	--text-medium--line-height: 1.5rem;
+	--text-large: 1.125rem;
+	--text-large--line-height: 1.75rem;
+	--radius-small: 8px;
+	--radius-medium: 12px;
+	--radius-large: 14px;
+	--border-width-small: 1px;
+	--border-width-medium: 2px;
+	--border-width-large: 3px;
+	--shadow-small: var(--aurora-shadow-small);
+	--shadow-medium: var(--aurora-shadow-medium);
+	--shadow-large: var(--aurora-shadow-large);
+}