@adminiumjs/tokens 0.3.0-rc.2 → 0.3.0-rc.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminiumjs/tokens",
-  "version": "0.3.0-rc.2",
+  "version": "0.3.0-rc.3",
   "license": "AGPL-3.0-only",
   "repository": {
     "type": "git",

package/src/exceptions.css

@@ -57,6 +57,13 @@
   --warn-soft-solid: color-mix(in srgb, var(--warn) 14%, var(--surface));
   --danger-soft-solid: color-mix(in srgb, var(--danger) 14%, var(--surface));
   --info-soft-solid: color-mix(in srgb, var(--info) 14%, var(--surface));
+  /* The method tones (tokens.css, HTTP METHOD TONES), dark values, same reasons as above. */
+  --method-put: #c4a0ff;
+  --method-put-soft: rgba(196,160,255,.14);
+  --method-put-soft-solid: color-mix(in srgb, var(--method-put) 14%, var(--surface));
+  --method-batch: #5ed6c8;
+  --method-batch-soft: rgba(94,214,200,.13);
+  --method-batch-soft-solid: color-mix(in srgb, var(--method-batch) 13%, var(--surface));
   --shadow: 0 1px 2px rgba(0,0,0,.4);
   --shadow-md: 0 6px 20px rgba(0,0,0,.5);
   --shadow-lg: 0 16px 40px rgba(0,0,0,.6);
@@ -110,6 +117,12 @@
   --warn-soft-solid: var(--warn-soft);
   --danger-soft-solid: var(--danger-soft);
   --info-soft-solid: var(--info-soft);
+  --method-put: #7c3aed;
+  --method-put-soft: #f0e9fd;
+  --method-put-soft-solid: var(--method-put-soft);
+  --method-batch: #0f766e;
+  --method-batch-soft: #e2f4f2;
+  --method-batch-soft-solid: var(--method-batch-soft);
   --shadow: 0 1px 2px rgba(20,20,35,.04), 0 1px 3px rgba(20,20,35,.05);
   --shadow-md: 0 4px 14px rgba(20,20,35,.09);
   --shadow-lg: 0 12px 34px rgba(20,20,35,.13);

package/src/motion.css

@@ -22,6 +22,16 @@
   to   { opacity: 1; transform: none; }
 }
 
+/* sheet veil (.18s ease) and sheet panel (.26s cubic-bezier(.2,.7,.3,1)) — API Keys comp, K 26-30 */
+@keyframes nb-veil {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+@keyframes nb-sheet {
+  from { opacity: 0; transform: translateY(14px) scale(.995); }
+  to   { opacity: 1; transform: none; }
+}
+
 /* drawer slide-in from inline-end (.22s); RTL consumers flip via --nb-slide-from */
 @keyframes nb-slide {
   from { opacity: 0; transform: translateX(var(--nb-slide-from, 24px)); }
@@ -86,7 +96,7 @@
 
 /* card hover bloom: shadow only, NO lift. Distinct from .nb-lift on purpose —
    a dashboard is ~40 cards, and translating each one on mouseover reads as
-   noise. Matches the comp's `.nb-card:hover` (Analytics.dc.html lines 32-33).
+   noise. Matches the comp's `.nb-card:hover` (the Analytics design comp, lines 32-33).
    The dark value has no comp counterpart (the comp's dark block never restates
    it); it is the light recipe re-tuned for a #141419 surface. */
 .nb-cardh {
@@ -179,6 +189,20 @@
 }
 .nb-scroll::-webkit-scrollbar-track { background: transparent; }
 
+/* The API comps' own scrollbar: 10px, a 3px clear border, radius 8,
+   and NO standard `scrollbar-*` properties — Chrome 121+ ignores the webkit rules whenever
+   `scrollbar-width` is set, which is how `.nb-scroll` stopped matching those comps. */
+.nb-scroll-comp::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.nb-scroll-comp::-webkit-scrollbar-thumb {
+  background: var(--border-strong);
+  border: 3px solid transparent;
+  border-radius: 8px;
+  background-clip: padding-box;
+}
+
 /* ------------------------------------------------- prefers-reduced-motion */
 /* Policy: entrances, lifts, grows, ring sweeps and toast slides collapse to instant;
    spinners keep rotating (a frozen spinner reads as a hang); skeletons go static. */

package/src/tailwind.css

@@ -36,6 +36,15 @@
   --color-warn-soft-solid: var(--warn-soft-solid);
   --color-danger-soft-solid: var(--danger-soft-solid);
   --color-info-soft-solid: var(--info-soft-solid);
+  --color-method-put: var(--method-put);       --color-method-put-soft: var(--method-put-soft);
+  --color-method-put-soft-solid: var(--method-put-soft-solid);
+  --color-method-batch: var(--method-batch);   --color-method-batch-soft: var(--method-batch-soft);
+  --color-method-batch-soft-solid: var(--method-batch-soft-solid);
+  /* The dark island's syntax inks (exceptions.css). Declared only inside .adm-always-dark;
+     outside it these utilities resolve to nothing, which is the intent. */
+  --color-code-blue: var(--code-blue);     --color-code-green: var(--code-green);
+  --color-code-orange: var(--code-orange); --color-code-purple: var(--code-purple);
+  --color-code-gray: var(--code-gray);
   --color-viz-1: var(--viz-1); --color-viz-2: var(--viz-2); --color-viz-3: var(--viz-3);
   --color-viz-4: var(--viz-4); --color-viz-5: var(--viz-5); --color-viz-6: var(--viz-6);
   --color-viz-7: var(--viz-7); --color-viz-8: var(--viz-8);

package/src/tokens.css

@@ -81,6 +81,16 @@
   --warn-soft-solid: var(--warn-soft);
   --danger-soft-solid: var(--danger-soft);
   --info-soft-solid: var(--info-soft);
+  /* HTTP METHOD TONES. GET, POST, PATCH and DELETE wear info / pos / warn / danger;
+     PUT and BATCH had no tone, and a raw hex is review-rejected, so they get these two pairs,
+     starting from the API Keys comp's own values. They are ordinary tones to the
+     contrast gate — discovered by shape, measured on every surface and on their -soft partner. */
+  --method-put: #7c3aed;
+  --method-put-soft: #f0e9fd;
+  --method-put-soft-solid: var(--method-put-soft);
+  --method-batch: #0f766e;
+  --method-batch-soft: #e2f4f2;
+  --method-batch-soft-solid: var(--method-batch-soft);
   --shadow: 0 1px 2px rgba(20,20,35,.04), 0 1px 3px rgba(20,20,35,.05);
   --shadow-md: 0 4px 14px rgba(20,20,35,.09);
   --shadow-lg: 0 12px 34px rgba(20,20,35,.13);
@@ -130,6 +140,16 @@
   --warn-soft-solid: color-mix(in srgb, var(--warn) 14%, var(--surface));
   --danger-soft-solid: color-mix(in srgb, var(--danger) 14%, var(--surface));
   --info-soft-solid: color-mix(in srgb, var(--info) 14%, var(--surface));
+  /* The comp's dark method tints are 16 %; the semantic softs' 14 % is kept so the six methods
+     read as one family. BATCH is the one exception, at 13 %: teal is the lightest
+     hue here, and at 14 % --fg-subtle on its wash over --surface-3 measured 4.44:1 — the gate's
+     refusal is what moved it, by the smallest step that clears 4.5:1. */
+  --method-put: #c4a0ff;
+  --method-put-soft: rgba(196,160,255,.14);
+  --method-put-soft-solid: color-mix(in srgb, var(--method-put) 14%, var(--surface));
+  --method-batch: #5ed6c8;
+  --method-batch-soft: rgba(94,214,200,.13);
+  --method-batch-soft-solid: color-mix(in srgb, var(--method-batch) 13%, var(--surface));
   --shadow: 0 1px 2px rgba(0,0,0,.4);
   --shadow-md: 0 6px 20px rgba(0,0,0,.5);
   --shadow-lg: 0 16px 40px rgba(0,0,0,.6);