@techsio/ui-kit 0.23.0 → 0.25.0

package/dist/molecules/form-checkbox.js

@@ -10,8 +10,8 @@ const checkboxVariants = tv({
         control: [
             "relative shrink-0 cursor-pointer",
             "size-checkbox",
-            "rounded-checkbox border border-checkbox-border",
-            "bg-checkbox-bg",
+            "rounded-checkbox border border-checkbox-border-base",
+            "bg-checkbox-bg-base",
             "flex items-center justify-center",
             "transition-all duration-200 motion-reduce:transition-none",
             "data-[state=checked]:bg-checkbox-bg-checked",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techsio/ui-kit",
-  "version": "0.23.0",
+  "version": "0.25.0",
   "type": "module",
   "repository": {
     "type": "git",
@@ -70,7 +70,7 @@
     "test:components:update": "node scripts/run-component-tests.mjs --update-snapshots",
     "lint:tailwind": "eslint \"**/*.{js,jsx,ts,tsx}\" --config eslint.config.js",
     "lint:tailwind:fix": "eslint \"**/*.{js,jsx,ts,tsx}\" --config eslint.config.js --fix",
-    "prepare": "pnpm build && pnpm build:storybook",
+    "prepare": "pnpm build",
     "check:unused-tokens": "bun scripts/check-unused-tokens.js",
     "validate:tokens": "bun scripts/validate-token-usage.js && bun scripts/validate-token-definitions.js",
     "validate:token-usage": "bun scripts/validate-token-usage.js",

package/src/tokens/components/molecules/_combobox.css

@@ -2,6 +2,8 @@
  * Combobox — runtime tokens come from libs/ui/src/tokens/figma/variables.css.
  *
  * Kept here:
+ *   - `--padding-combobox-input-{size}` semantic aliases (Figma exports
+ *     the shared per-size spacing axis).
  *   - `--padding-combobox-item-{size}` combined shorthands (Figma splits
  *     the item padding into x + per-size y).
  *   - `--padding-combobox-trigger` composite.
@@ -9,9 +11,16 @@
  */
 
 @theme static {
-  --padding-combobox-item-sm: var(--spacing-combobox-item-padding-y-sm) var(--spacing-combobox-item-padding-x);
-  --padding-combobox-item-md: var(--spacing-combobox-item-padding-y-md) var(--spacing-combobox-item-padding-x);
-  --padding-combobox-item-lg: var(--spacing-combobox-item-padding-y-lg) var(--spacing-combobox-item-padding-x);
+  --padding-combobox-input-sm: var(--spacing-combobox-sm);
+  --padding-combobox-input-md: var(--spacing-combobox-md);
+  --padding-combobox-input-lg: var(--spacing-combobox-lg);
+
+  --padding-combobox-item-sm: var(--spacing-combobox-item-padding-y-sm)
+    var(--spacing-combobox-item-padding-x);
+  --padding-combobox-item-md: var(--spacing-combobox-item-padding-y-md)
+    var(--spacing-combobox-item-padding-x);
+  --padding-combobox-item-lg: var(--spacing-combobox-item-padding-y-lg)
+    var(--spacing-combobox-item-padding-x);
 
   --padding-combobox-trigger: 0 var(--spacing-100);
 

package/src/tokens/components/molecules/_radio-card.css

@@ -1,8 +1,14 @@
 /*
- * RadioCard — runtime tokens come entirely from
- * libs/ui/src/tokens/figma/variables.css.
+ * RadioCard — runtime tokens come from libs/ui/src/tokens/figma/variables.css.
+ *
+ * The outline checked state intentionally keeps the base background until
+ * hover; Figma only exports the checked-hover override.
  */
 
+@theme static {
+  --color-radio-card-item-bg-outline-checked: var(--color-radio-card-item-bg);
+}
+
 @utility token-icon-radio-card-checked {
   @apply token-icon-circle;
 }

package/src/tokens/components/molecules/_steps.css

@@ -4,6 +4,7 @@
  * Kept here:
  *   - `--spacing-steps-list-vertical` (container-based width).
  *   - bare text defaults (Figma exports per-size only).
+ *   - semantic color and font-weight aliases not exported by Figma.
  *   - h-/w- aliases for the Figma progress/separator size axes.
  */
 
@@ -14,6 +15,10 @@
   --text-steps-description: var(--text-sm);
   --text-steps-icon: var(--text-md);
 
+  --color-steps-fg: var(--color-steps-content-fg);
+  --font-weight-steps-number: var(--font-weight-medium);
+  --font-weight-steps-title: var(--font-weight-medium);
+
   --height-steps-progress: var(--size-steps-progress-height);
   --width-steps-progress: var(--size-steps-progress-width);
   --height-steps-separator: var(--size-steps-separator-height);