@rokkit/themes 1.2.0 → 1.3.0

package/build.mjs

@@ -257,10 +257,9 @@ async function build() {
   // base.css: structural styles + palette CSS variable defaults
   const paletteCSS = readFileSync(join(srcDir, 'palette.css'), 'utf-8')
   const compiledPalette = await processCSS(paletteCSS, 'palette.css')
-  const zScaleCSS = theme.getZScaleCSS()
   const baseCSS = resolveImports(join(srcDir, 'base', 'index.css'))
   const compiledBase = await processCSS(baseCSS, 'base.css')
-  const baseFull = fixModeSelectors(compiledPalette + '\n' + zScaleCSS + '\n' + compiledBase)
+  const baseFull = fixModeSelectors(compiledPalette + '\n' + compiledBase)
   writeFileSync(join(distDir, 'base.css'), baseFull, 'utf-8')
   emitted.push('base.css')
   console.log('✓ dist/base.css (structural styles + palette defaults)')

package/dist/base.css

@@ -11,252 +11,6 @@
   }
 }
 
-:root {
-  --color-surface-z0: var(--color-surface-50);
-  --color-surface-z1: var(--color-surface-100);
-  --color-surface-z2: var(--color-surface-200);
-  --color-surface-z3: var(--color-surface-300);
-  --color-surface-z4: var(--color-surface-400);
-  --color-surface-z5: var(--color-surface-500);
-  --color-surface-z6: var(--color-surface-600);
-  --color-surface-z7: var(--color-surface-700);
-  --color-surface-z8: var(--color-surface-800);
-  --color-surface-z9: var(--color-surface-900);
-  --color-surface-z10: var(--color-surface-950);
-  --color-ink-z0: var(--color-ink-950);
-  --color-ink-z1: var(--color-ink-900);
-  --color-ink-z2: var(--color-ink-800);
-  --color-ink-z3: var(--color-ink-700);
-  --color-ink-z4: var(--color-ink-600);
-  --color-ink-z5: var(--color-ink-500);
-  --color-ink-z6: var(--color-ink-400);
-  --color-ink-z7: var(--color-ink-300);
-  --color-ink-z8: var(--color-ink-200);
-  --color-ink-z9: var(--color-ink-100);
-  --color-ink-z10: var(--color-ink-50);
-  --color-primary-z0: var(--color-primary-50);
-  --color-primary-z1: var(--color-primary-100);
-  --color-primary-z2: var(--color-primary-200);
-  --color-primary-z3: var(--color-primary-300);
-  --color-primary-z4: var(--color-primary-400);
-  --color-primary-z5: var(--color-primary-500);
-  --color-primary-z6: var(--color-primary-600);
-  --color-primary-z7: var(--color-primary-700);
-  --color-primary-z8: var(--color-primary-800);
-  --color-primary-z9: var(--color-primary-900);
-  --color-primary-z10: var(--color-primary-950);
-  --color-secondary-z0: var(--color-secondary-50);
-  --color-secondary-z1: var(--color-secondary-100);
-  --color-secondary-z2: var(--color-secondary-200);
-  --color-secondary-z3: var(--color-secondary-300);
-  --color-secondary-z4: var(--color-secondary-400);
-  --color-secondary-z5: var(--color-secondary-500);
-  --color-secondary-z6: var(--color-secondary-600);
-  --color-secondary-z7: var(--color-secondary-700);
-  --color-secondary-z8: var(--color-secondary-800);
-  --color-secondary-z9: var(--color-secondary-900);
-  --color-secondary-z10: var(--color-secondary-950);
-  --color-tertiary-z0: var(--color-tertiary-50);
-  --color-tertiary-z1: var(--color-tertiary-100);
-  --color-tertiary-z2: var(--color-tertiary-200);
-  --color-tertiary-z3: var(--color-tertiary-300);
-  --color-tertiary-z4: var(--color-tertiary-400);
-  --color-tertiary-z5: var(--color-tertiary-500);
-  --color-tertiary-z6: var(--color-tertiary-600);
-  --color-tertiary-z7: var(--color-tertiary-700);
-  --color-tertiary-z8: var(--color-tertiary-800);
-  --color-tertiary-z9: var(--color-tertiary-900);
-  --color-tertiary-z10: var(--color-tertiary-950);
-  --color-accent-z0: var(--color-accent-50);
-  --color-accent-z1: var(--color-accent-100);
-  --color-accent-z2: var(--color-accent-200);
-  --color-accent-z3: var(--color-accent-300);
-  --color-accent-z4: var(--color-accent-400);
-  --color-accent-z5: var(--color-accent-500);
-  --color-accent-z6: var(--color-accent-600);
-  --color-accent-z7: var(--color-accent-700);
-  --color-accent-z8: var(--color-accent-800);
-  --color-accent-z9: var(--color-accent-900);
-  --color-accent-z10: var(--color-accent-950);
-  --color-success-z0: var(--color-success-50);
-  --color-success-z1: var(--color-success-100);
-  --color-success-z2: var(--color-success-200);
-  --color-success-z3: var(--color-success-300);
-  --color-success-z4: var(--color-success-400);
-  --color-success-z5: var(--color-success-500);
-  --color-success-z6: var(--color-success-600);
-  --color-success-z7: var(--color-success-700);
-  --color-success-z8: var(--color-success-800);
-  --color-success-z9: var(--color-success-900);
-  --color-success-z10: var(--color-success-950);
-  --color-warning-z0: var(--color-warning-50);
-  --color-warning-z1: var(--color-warning-100);
-  --color-warning-z2: var(--color-warning-200);
-  --color-warning-z3: var(--color-warning-300);
-  --color-warning-z4: var(--color-warning-400);
-  --color-warning-z5: var(--color-warning-500);
-  --color-warning-z6: var(--color-warning-600);
-  --color-warning-z7: var(--color-warning-700);
-  --color-warning-z8: var(--color-warning-800);
-  --color-warning-z9: var(--color-warning-900);
-  --color-warning-z10: var(--color-warning-950);
-  --color-danger-z0: var(--color-danger-50);
-  --color-danger-z1: var(--color-danger-100);
-  --color-danger-z2: var(--color-danger-200);
-  --color-danger-z3: var(--color-danger-300);
-  --color-danger-z4: var(--color-danger-400);
-  --color-danger-z5: var(--color-danger-500);
-  --color-danger-z6: var(--color-danger-600);
-  --color-danger-z7: var(--color-danger-700);
-  --color-danger-z8: var(--color-danger-800);
-  --color-danger-z9: var(--color-danger-900);
-  --color-danger-z10: var(--color-danger-950);
-  --color-error-z0: var(--color-error-50);
-  --color-error-z1: var(--color-error-100);
-  --color-error-z2: var(--color-error-200);
-  --color-error-z3: var(--color-error-300);
-  --color-error-z4: var(--color-error-400);
-  --color-error-z5: var(--color-error-500);
-  --color-error-z6: var(--color-error-600);
-  --color-error-z7: var(--color-error-700);
-  --color-error-z8: var(--color-error-800);
-  --color-error-z9: var(--color-error-900);
-  --color-error-z10: var(--color-error-950);
-  --color-info-z0: var(--color-info-50);
-  --color-info-z1: var(--color-info-100);
-  --color-info-z2: var(--color-info-200);
-  --color-info-z3: var(--color-info-300);
-  --color-info-z4: var(--color-info-400);
-  --color-info-z5: var(--color-info-500);
-  --color-info-z6: var(--color-info-600);
-  --color-info-z7: var(--color-info-700);
-  --color-info-z8: var(--color-info-800);
-  --color-info-z9: var(--color-info-900);
-  --color-info-z10: var(--color-info-950);
-}
-[data-mode="dark"] {
-  --color-surface-z0: var(--color-surface-950);
-  --color-surface-z1: var(--color-surface-900);
-  --color-surface-z2: var(--color-surface-800);
-  --color-surface-z3: var(--color-surface-700);
-  --color-surface-z4: var(--color-surface-600);
-  --color-surface-z5: var(--color-surface-500);
-  --color-surface-z6: var(--color-surface-400);
-  --color-surface-z7: var(--color-surface-300);
-  --color-surface-z8: var(--color-surface-200);
-  --color-surface-z9: var(--color-surface-100);
-  --color-surface-z10: var(--color-surface-50);
-  --color-ink-z0: var(--color-ink-50);
-  --color-ink-z1: var(--color-ink-100);
-  --color-ink-z2: var(--color-ink-200);
-  --color-ink-z3: var(--color-ink-300);
-  --color-ink-z4: var(--color-ink-400);
-  --color-ink-z5: var(--color-ink-500);
-  --color-ink-z6: var(--color-ink-600);
-  --color-ink-z7: var(--color-ink-700);
-  --color-ink-z8: var(--color-ink-800);
-  --color-ink-z9: var(--color-ink-900);
-  --color-ink-z10: var(--color-ink-950);
-  --color-primary-z0: var(--color-primary-950);
-  --color-primary-z1: var(--color-primary-900);
-  --color-primary-z2: var(--color-primary-800);
-  --color-primary-z3: var(--color-primary-700);
-  --color-primary-z4: var(--color-primary-600);
-  --color-primary-z5: var(--color-primary-500);
-  --color-primary-z6: var(--color-primary-400);
-  --color-primary-z7: var(--color-primary-300);
-  --color-primary-z8: var(--color-primary-200);
-  --color-primary-z9: var(--color-primary-100);
-  --color-primary-z10: var(--color-primary-50);
-  --color-secondary-z0: var(--color-secondary-950);
-  --color-secondary-z1: var(--color-secondary-900);
-  --color-secondary-z2: var(--color-secondary-800);
-  --color-secondary-z3: var(--color-secondary-700);
-  --color-secondary-z4: var(--color-secondary-600);
-  --color-secondary-z5: var(--color-secondary-500);
-  --color-secondary-z6: var(--color-secondary-400);
-  --color-secondary-z7: var(--color-secondary-300);
-  --color-secondary-z8: var(--color-secondary-200);
-  --color-secondary-z9: var(--color-secondary-100);
-  --color-secondary-z10: var(--color-secondary-50);
-  --color-tertiary-z0: var(--color-tertiary-950);
-  --color-tertiary-z1: var(--color-tertiary-900);
-  --color-tertiary-z2: var(--color-tertiary-800);
-  --color-tertiary-z3: var(--color-tertiary-700);
-  --color-tertiary-z4: var(--color-tertiary-600);
-  --color-tertiary-z5: var(--color-tertiary-500);
-  --color-tertiary-z6: var(--color-tertiary-400);
-  --color-tertiary-z7: var(--color-tertiary-300);
-  --color-tertiary-z8: var(--color-tertiary-200);
-  --color-tertiary-z9: var(--color-tertiary-100);
-  --color-tertiary-z10: var(--color-tertiary-50);
-  --color-accent-z0: var(--color-accent-950);
-  --color-accent-z1: var(--color-accent-900);
-  --color-accent-z2: var(--color-accent-800);
-  --color-accent-z3: var(--color-accent-700);
-  --color-accent-z4: var(--color-accent-600);
-  --color-accent-z5: var(--color-accent-500);
-  --color-accent-z6: var(--color-accent-400);
-  --color-accent-z7: var(--color-accent-300);
-  --color-accent-z8: var(--color-accent-200);
-  --color-accent-z9: var(--color-accent-100);
-  --color-accent-z10: var(--color-accent-50);
-  --color-success-z0: var(--color-success-950);
-  --color-success-z1: var(--color-success-900);
-  --color-success-z2: var(--color-success-800);
-  --color-success-z3: var(--color-success-700);
-  --color-success-z4: var(--color-success-600);
-  --color-success-z5: var(--color-success-500);
-  --color-success-z6: var(--color-success-400);
-  --color-success-z7: var(--color-success-300);
-  --color-success-z8: var(--color-success-200);
-  --color-success-z9: var(--color-success-100);
-  --color-success-z10: var(--color-success-50);
-  --color-warning-z0: var(--color-warning-950);
-  --color-warning-z1: var(--color-warning-900);
-  --color-warning-z2: var(--color-warning-800);
-  --color-warning-z3: var(--color-warning-700);
-  --color-warning-z4: var(--color-warning-600);
-  --color-warning-z5: var(--color-warning-500);
-  --color-warning-z6: var(--color-warning-400);
-  --color-warning-z7: var(--color-warning-300);
-  --color-warning-z8: var(--color-warning-200);
-  --color-warning-z9: var(--color-warning-100);
-  --color-warning-z10: var(--color-warning-50);
-  --color-danger-z0: var(--color-danger-950);
-  --color-danger-z1: var(--color-danger-900);
-  --color-danger-z2: var(--color-danger-800);
-  --color-danger-z3: var(--color-danger-700);
-  --color-danger-z4: var(--color-danger-600);
-  --color-danger-z5: var(--color-danger-500);
-  --color-danger-z6: var(--color-danger-400);
-  --color-danger-z7: var(--color-danger-300);
-  --color-danger-z8: var(--color-danger-200);
-  --color-danger-z9: var(--color-danger-100);
-  --color-danger-z10: var(--color-danger-50);
-  --color-error-z0: var(--color-error-950);
-  --color-error-z1: var(--color-error-900);
-  --color-error-z2: var(--color-error-800);
-  --color-error-z3: var(--color-error-700);
-  --color-error-z4: var(--color-error-600);
-  --color-error-z5: var(--color-error-500);
-  --color-error-z6: var(--color-error-400);
-  --color-error-z7: var(--color-error-300);
-  --color-error-z8: var(--color-error-200);
-  --color-error-z9: var(--color-error-100);
-  --color-error-z10: var(--color-error-50);
-  --color-info-z0: var(--color-info-950);
-  --color-info-z1: var(--color-info-900);
-  --color-info-z2: var(--color-info-800);
-  --color-info-z3: var(--color-info-700);
-  --color-info-z4: var(--color-info-600);
-  --color-info-z5: var(--color-info-500);
-  --color-info-z6: var(--color-info-400);
-  --color-info-z7: var(--color-info-300);
-  --color-info-z8: var(--color-info-200);
-  --color-info-z9: var(--color-info-100);
-  --color-info-z10: var(--color-info-50);
-}
 /**
  * @rokkit/themes - Base Styles
  *