npm - bank20baht-ui - Versions diffs - 0.2.0 → 0.2.1 - Mend

bank20baht-ui 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/tokens.css CHANGED Viewed

@@ -272,8 +272,8 @@
 /* ============================================================
    Dark theme — "20baht-dark". Opt in with [data-baht-theme="dark"] (or the
-   .baht-dark class) on <html> or any wrapper; with neither attribute set,
-   the OS preference decides. Force light with [data-baht-theme="light"].
+   .baht-dark class) on <html> or any wrapper. Default (no attribute) is
+   light — dark never activates from OS preference alone.
    ============================================================ */
 [data-baht-theme='dark'],
@@ -372,103 +372,6 @@
   --baht-shadow-float: 0 4px 16px rgba(0, 0, 0, 0.5), 0 24px 48px -8px rgba(0, 0, 0, 0.6);
 }
-@media (prefers-color-scheme: dark) {
-  :root:not([data-baht-theme='light']):not(.baht-light) {
-    /* The ramps re-anchor for a near-black canvas; every semantic token above
-       derives from them, so only the values that genuinely invert are listed. */
-    --baht-green-50:  #1F2A16;  /* success tint */
-    --baht-green-100: #24301A;
-    --baht-green-200: #2F4020;
-    --baht-green-300: #A9C598;  /* success */
-    --baht-green-400: #9DB56A;
-    --baht-green-500: #94AE60;
-    --baht-green-600: #8FA85A;  /* primary — brightens so the button still leads */
-    --baht-green-700: #A9C598;
-    --baht-green-750: #B7D096;  /* success ink on the dark tint */
-    --baht-green-800: #2F4020;  /* neutral */
-    --baht-green-900: #24301A;
-    --baht-green-950: #1B2A14;
-    --baht-cream-50:  #E8E7D6;  /* inverse ink */
-    --baht-cream-100: #121310;
-    --baht-cream-200: #1A1B16;
-    --baht-cream-300: #2A2C24;
-    --baht-cream-400: #3A3D33;
-    --baht-gray-50:  #121310;
-    --baht-gray-100: #1A1B16;
-    --baht-gray-200: #2A2C24;
-    --baht-gray-300: #3A3D33;
-    --baht-gray-400: #6E7165;
-    --baht-gray-500: #8E9083;
-    --baht-gray-600: #C6C7BA;
-    --baht-gray-700: #D7D8CB;
-    --baht-gray-800: #E8E7D6;
-    --baht-gray-900: #F2F0DC;
-    --baht-rose-50:  #33201B;
-    --baht-rose-100: #3A2620;
-    --baht-rose-200: #4A322B;
-    --baht-rose-300: #D9A398;
-    --baht-rose-400: #E4B6AC;
-    --baht-rose-500: #D9A398;  /* secondary */
-    --baht-rose-600: #E4B6AC;
-    --baht-rose-700: #C58274;
-    --baht-rose-800: #75403A;
-    --baht-gold-50:  #2C2717;  /* warning tint */
-    --baht-gold-400: #E4D9A6;
-    --baht-gold-500: #D9B97A;  /* accent */
-    --baht-gold-600: #C9A55C;
-    --baht-gold-700: #E4D9A6;  /* warning ink on the dark tint */
-    --baht-lime-500: #CFCF7A;  /* warning */
-    --baht-red-50:  #33201B;   /* error tint */
-    --baht-red-400: #F0B9AE;
-    --baht-red-500: #E08878;   /* error */
-    --baht-red-600: #F0B9AE;   /* error ink on the dark tint */
-    --baht-red-700: #C9705F;
-    --baht-slate-50:  #1B262C; /* info tint */
-    --baht-slate-500: #8FB0C4; /* info */
-    /* Dark inverts one distribution rule: the card is *lighter* than the page
-       (surface base-100 over the base-200 app background). */
-    --baht-base-100: #1A1B16;  /* surfaces: panels, tables, inputs, modals */
-    --baht-base-300: var(--baht-cream-300);
-    --baht-row-alt: #171813;
-    /* on a dark canvas every "content" colour flips from white to deep ink */
-    --baht-primary-content: var(--baht-green-950);
-    --baht-secondary-content: var(--baht-rose-900);
-    --baht-accent-content: var(--baht-gold-900);
-    --baht-neutral-content: #E8E7D6;
-    --baht-info-content: var(--baht-slate-900);
-    --baht-success: var(--baht-green-300);
-    --baht-success-content: var(--baht-green-950);
-    --baht-error-content: var(--baht-red-900);
-    --baht-error-dot: var(--baht-red-500);
-    --baht-color-surface-alt: #1F211A;
-    --baht-color-divider:     #24261E;
-    /* the light-mode mixes lighten toward white and darken toward black; on a
-       dark canvas both directions flip, so re-derive them against the surface. */
-    --baht-color-primary-hover:  color-mix(in oklab, var(--baht-primary) 88%, white);
-    --baht-color-primary-active: color-mix(in oklab, var(--baht-primary) 76%, white);
-    --baht-color-primary-tint:   color-mix(in oklab, var(--baht-primary) 16%, var(--baht-base-100));
-    --baht-color-primary-wash:        color-mix(in oklab, var(--baht-primary) 10%, transparent);
-    --baht-color-primary-wash-active: color-mix(in oklab, var(--baht-primary) 16%, transparent);
-    --baht-color-danger-hover: color-mix(in oklab, var(--baht-error) 88%, white);
-    --baht-color-link: var(--baht-green-300);
-    --baht-color-shadow-ink: 0, 0, 0;
-    --baht-shadow-lift:  0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px -2px rgba(0, 0, 0, 0.5);
-    --baht-shadow-float: 0 4px 16px rgba(0, 0, 0, 0.5), 0 24px 48px -8px rgba(0, 0, 0, 0.6);
-  }
-}
 /* the surrounding page follows the theme too, when the host opts in */
 [data-baht-theme] { color-scheme: light; }
 [data-baht-theme='dark'], .baht-dark { color-scheme: dark; }

package/dist/web-types.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "bank20baht-ui",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "bank20baht-ui",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "type": "module",
   "description": "JSON-driven form + workflow engine. Send JSON in, get an interactive form out.",
   "license": "MIT",