@tangible/ui 0.0.10 → 0.0.11

package/styles/components/input/index.scss

@@ -121,34 +121,16 @@
   // ---------------------------------------------------------------------------
   // Inline choice (radio/checkbox with label)
   // ---------------------------------------------------------------------------
+  // Wrapper layout only — radio control styling lives in Radio/styles.scss
+  // and checkbox control styling lives in Checkbox/styles.scss. Both follow
+  // the same opt-in pattern: `.tui-inline-choice__control` class OR a native
+  // input nested inside this wrapper.
   :where(.#{sys.$prefix}interface) .#{sys.$prefix}inline-choice {
     display: flex;
     align-items: center;
     gap: var(--#{sys.$prefix}spacing-xs);
     cursor: pointer;
 
-    // Radio: native appearance with accent-color
-    input[type="radio"] {
-      --_accent: var(--#{sys.$prefix}input-accent, var(--#{sys.$prefix}theme-primary-base));
-
-      font-size: 1.15em;
-      width: 1em;
-      height: 1em;
-      flex: 0 0 1em;
-      margin: 0;
-
-      &:focus-visible {
-        outline: var(--#{sys.$prefix}focus-ring-width) solid var(--#{sys.$prefix}focus-ring-color);
-        outline-offset: var(--#{sys.$prefix}focus-ring-offset);
-      }
-
-      &:checked {
-        accent-color: var(--_accent);
-      }
-    }
-
-    // Checkbox: fully handled by Checkbox/styles.scss (appearance, sizing, states).
-
     label {
       font-weight: unset;
       line-height: 1.25em;

package/styles/index.scss

@@ -10,9 +10,9 @@
 @include sys.emit-color-roles-dark(sys.$prefix);
 @include sys.emit-color-roles-auto(sys.$prefix);
 
-@include sys.emit-accent-roles(sys.$prefix);
-@include sys.emit-accent-roles-dark(sys.$prefix);
-@include sys.emit-accent-roles-auto(sys.$prefix);
+// @include sys.emit-accent-roles(sys.$prefix);
+// @include sys.emit-accent-roles-dark(sys.$prefix);
+// @include sys.emit-accent-roles-auto(sys.$prefix);
 
 // Reduced motion: kill all token-driven transitions/animations globally.
 // Components using --tui-motion-duration get instant transitions for free.

package/styles/system/_tokens.scss

@@ -263,17 +263,10 @@ $brand: 'blue';
 //
 // ==========================================================================
 
-// Each accent: OKLCH anchors (c, h) + fallback core family for @supports guard
-$accent-defaults: (
-  section: (c: 0.17, h: 55,  fallback: warning),  // warm orange/amber
-  page:    (c: 0.15, h: 280, fallback: primary),   // purple
-  step:    (c: 0.14, h: 200, fallback: info),       // teal-blue
-) !default;
-
 // Emit accent role tokens with @supports progressive enhancement.
 // Fallback (all browsers): maps role tokens from core family scales.
 // Enhancement (oklch browsers): overrides with OKLCH-derived values.
-@mixin emit-accent-roles($prefix, $accents: $accent-defaults) {
+@mixin emit-accent-roles($prefix, $accents) {
   // --- Fallback: map from core families (works everywhere) ---
   :where(.#{$prefix}interface) {
     @each $name, $values in $accents {

package/tui-manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.0.10",
-  "generated": "2026-03-19T23:08:17.377Z",
+  "version": "0.0.11",
+  "generated": "2026-05-08T20:14:40.098Z",
   "components": {
     "Accordion": {
       "props": {
@@ -579,7 +579,7 @@
           "required": false
         },
         "size": {
-          "type": "\"xs\" | \"sm\" | \"md\"",
+          "type": "\"xs\" | \"sm\" | \"md\" | \"lg\"",
           "required": false,
           "defaultValue": "md"
         },
@@ -653,7 +653,9 @@
         "--tui-chip-border",
         "--tui-chip-icon",
         "--tui-chip-radius",
-        "--tui-chip-selected-ring"
+        "--tui-chip-selected-ring",
+        "--tui-chip-icon-slot-bg",
+        "--tui-chip-icon-slot-fg"
       ],
       "story": {
         "title": "Primitives/Chip",
@@ -2929,11 +2931,12 @@
     "sets": {
       "cred": 12,
       "lms": 11,
+      "membersync": 22,
       "player": 24,
       "reaction": 36,
       "system": 86
     },
-    "total": 169,
+    "total": 191,
     "manifest": "./icons/manifest.json"
   }
 }