@jirawatpyk/aura-tokens 5.10.0 → 5.10.1

package/aura-tailwind.css

@@ -1,4 +1,4 @@
-/* AURA v5.10.0 — Tailwind v4 theme. GENERATED by scripts/build-tokens.mts from tokens.json. Do not edit by hand.
+/* AURA v5.10.1 — Tailwind v4 theme. GENERATED by scripts/build-tokens.mts from tokens.json. Do not edit by hand.
  *   @import "tailwindcss";
  *   @import "@jirawatpyk/aura-tokens/tailwind.css";
  * Gives bg-bg-surface, text-fg-primary, border-border-strong, p-aura-6, rounded-aura-xl, shadow-aura-overlay,

package/aura-tailwind.prefixed.css

@@ -1,4 +1,4 @@
-/* AURA v5.10.0 — Tailwind v4 theme with aura- prefixed names. GENERATED by scripts/build-tokens.mts. Do not edit by hand.
+/* AURA v5.10.1 — Tailwind v4 theme with aura- prefixed names. GENERATED by scripts/build-tokens.mts. Do not edit by hand.
  * For apps that already have a Tailwind theme (shadcn): nothing here redefines an existing name.
  *   @layer aura-tokens, theme, base, aura, components, utilities;
  *   @import "tailwindcss";

package/aura.css

@@ -1,4 +1,4 @@
-/* AURA v5.10.0 — GENERATED by scripts/build-tokens.mts from tokens.json. Do not edit by hand. */
+/* AURA v5.10.1 — GENERATED by scripts/build-tokens.mts from tokens.json. Do not edit by hand. */
 /* Fonts: load aura-fonts.css (or the <link> tags in README) separately, so a blocked Google Fonts never breaks this file. */
 
 :root, [data-theme="light"] {

package/components/aura.bundle.js

@@ -3883,6 +3883,16 @@ window.Aura = (() => {
 
   // src/Tag.tsx
   var React24 = __toESM(require_react(), 1);
+  function textOf(node) {
+    if (node == null || typeof node === "boolean") return "";
+    if (typeof node === "string" || typeof node === "number") return String(node);
+    if (Array.isArray(node)) return node.map(textOf).join("");
+    if (React24.isValidElement(node)) {
+      const p = node.props;
+      return p["aria-hidden"] === true || p["aria-hidden"] === "true" ? "" : textOf(p.children);
+    }
+    return "";
+  }
   var Tag = React24.forwardRef(function Tag2(props, ref) {
     const t = useStrings();
     const selectable = props.onClick != null || props.selected != null;
@@ -3906,12 +3916,18 @@ window.Aura = (() => {
         inner[1]
       );
     }
+    const name = props.onRemove && !props.removeLabel ? textOf(props.children).replace(/\s+/g, " ").trim() : "";
+    if (props.onRemove && !props.disabled && !props.removeLabel && !name)
+      devWarnOnce(
+        "tag-remove-label",
+        'Tag: the remove button has no name \u2014 its children have no text. Pass removeLabel (e.g. "Remove Acme AB").'
+      );
     return /* @__PURE__ */ React24.createElement("span", { ...rest, ref, className: cx("aura-tag", props.disabled && "is-disabled", props.className) }, inner, props.onRemove && !props.disabled ? /* @__PURE__ */ React24.createElement(
       "button",
       {
         type: "button",
         className: "aura-tag__remove",
-        "aria-label": props.removeLabel || t.remove(typeof props.children === "string" ? props.children : ""),
+        "aria-label": props.removeLabel || t.remove(name),
         onClick: props.onRemove
       },
       /* @__PURE__ */ React24.createElement(Icon, { name: /* @__PURE__ */ React24.createElement(IconX, null), size: 12 })

package/components/aura.components.css

@@ -466,7 +466,13 @@ a.aura-icon-btn { text-decoration: none; }
 .aura-radio-group.is-invalid .aura-radio:not(:checked) { border-color: var(--aura-border-danger); }
 
 .aura-switch-row { display: flex; align-items: flex-start; gap: var(--aura-space-3); font-family: var(--font-sans); }
-.aura-switch-row.is-disabled { opacity: var(--aura-disabled-opacity); }
+/* 5.10.1: disabled rows, on or off, are treated alike and stay readable — the label turns secondary, the description
+ * keeps its colour (often the reason it's locked) — and only the switch fades: off to the disabled opacity, on to 0.75,
+ * ≥3:1 apart in both themes, so "locked on" never looks like "off". */
+.aura-switch-row.is-disabled { cursor: not-allowed; }
+.aura-switch-row.is-disabled .aura-choice__label { color: var(--aura-fg-secondary); cursor: not-allowed; }
+.aura-switch:disabled { opacity: var(--aura-disabled-opacity); }
+.aura-switch.is-on:disabled { opacity: 0.75; }
 .aura-switch {
   position: relative; flex: none; box-sizing: border-box; margin: 0; padding: 0;
   width: var(--aura-switch-width); height: var(--aura-switch-height); border-radius: var(--aura-radius-full);
@@ -1601,6 +1607,11 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
   .aura-switch__thumb { background: CanvasText; forced-color-adjust: none; }
   .aura-switch.is-on { background: Highlight; forced-color-adjust: none; }
   .aura-switch.is-on .aura-switch__thumb { background: HighlightText; }
+  .aura-switch:disabled, .aura-switch.is-on:disabled { border-color: GrayText; opacity: 1; }
+  .aura-switch:disabled .aura-switch__thumb { background: GrayText; }
+  .aura-switch.is-on:disabled { background: GrayText; }
+  .aura-switch.is-on:disabled .aura-switch__thumb { background: Canvas; }
+  .aura-switch-row.is-disabled .aura-choice__label { color: GrayText; }
   .aura-progress__track, .aura-upload__bar { border: 1px solid CanvasText; }
   .aura-progress__bar, .aura-upload__bar > span { background: Highlight; forced-color-adjust: none; }
   .aura-segmented__option.is-selected { outline: 2px solid Highlight; outline-offset: -2px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jirawatpyk/aura-tokens",
-  "version": "5.10.0",
+  "version": "5.10.1",
   "description": "AURA Design System — tokens (CSS variables, Tailwind preset, Figma variables), theme contrast checks and token lint.",
   "main": "tailwind.tokens.cjs",
   "types": "components/index.d.ts",

package/tokens.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.10.0",
+  "version": "5.10.1",
   "meta": {
     "name": "AURA Design System",
     "tier": "3-tier",