@kinetixui/tokens 0.4.1 → 0.4.2

package/dist/android/Theme.kt

@@ -59,6 +59,6 @@ object KinetixTheme {
   val colorSuccessForeground = Color(0xfff1f3f1)
   val colorTertiary = Color(0xffb0b0b0)
   val colorTertiaryForeground = Color(0xfff0f7ff)
-  val colorWarning = Color(0xfff97907)
+  val colorWarning = Color(0xff7f5b21)
   val colorWarningForeground = Color(0xfffff8eb)
 }

package/dist/android/res/values/colors.xml

@@ -126,7 +126,7 @@
   <color name="color_destructive_foreground">#fffef3f2</color>
   <color name="color_success">#ff5d6d5c</color>
   <color name="color_success_foreground">#fff1f3f1</color>
-  <color name="color_warning">#fff97907</color>
+  <color name="color_warning">#ff7f5b21</color>
   <color name="color_warning_foreground">#fffff8eb</color>
   <color name="color_border">#ff92b2c8</color>
   <color name="color_input">#ff92b2c8</color>

package/dist/flutter/app_colors.dart

@@ -165,6 +165,6 @@ class KinetixColors {
     static const colorTaupe950 = Color(0xFF4B3D34);
     static const colorTertiary = Color(0xFFB0B0B0); /** figma: tertiary — switch off-track */
     static const colorTertiaryForeground = Color(0xFFF0F7FF);
-    static const colorWarning = Color(0xFFF97907); /** figma: onWarningContainer #f97907 (only warning role Figma exposes at full chroma) */
+    static const colorWarning = Color(0xFF7F5B21); /** a11y: Figma onWarningContainer #f97907 is 2.7:1 as text on the page / 2.6:1 in the Tag warning variant — fails WCAG AA. amber.800 #7f5b21 clears 6.1:1 / 5.8:1. Dark --warning stays bright (amber.400). See ACCESSIBILITY-AUDIT.md. */
     static const colorWarningForeground = Color(0xFFFFF8EB); /** figma: warningContainer #fff8eb */
 }

package/dist/flutter/app_theme.dart

@@ -61,6 +61,6 @@ class KinetixTheme {
     static const colorSuccessForeground = Color(0xFFF1F3F1); /** synth */
     static const colorTertiary = Color(0xFFB0B0B0); /** figma: tertiary — switch off-track */
     static const colorTertiaryForeground = Color(0xFFF0F7FF);
-    static const colorWarning = Color(0xFFF97907); /** figma: onWarningContainer #f97907 (only warning role Figma exposes at full chroma) */
+    static const colorWarning = Color(0xFF7F5B21); /** a11y: Figma onWarningContainer #f97907 is 2.7:1 as text on the page / 2.6:1 in the Tag warning variant — fails WCAG AA. amber.800 #7f5b21 clears 6.1:1 / 5.8:1. Dark --warning stays bright (amber.400). See ACCESSIBILITY-AUDIT.md. */
     static const colorWarningForeground = Color(0xFFFFF8EB); /** figma: warningContainer #fff8eb */
 }

package/dist/flutter/kinetix_color_scheme.dart

@@ -25,7 +25,7 @@ class KinetixColorScheme {
   static const destructiveForeground = Color(0xFFFEF3F2);
   static const success = Color(0xFF5D6D5C);
   static const successForeground = Color(0xFFF1F3F1);
-  static const warning = Color(0xFFF97907);
+  static const warning = Color(0xFF7F5B21);
   static const warningForeground = Color(0xFFFFF8EB);
   static const border = Color(0xFF92B2C8);
   static const input = Color(0xFF92B2C8);

package/dist/ios/KinetixColors.swift

@@ -162,6 +162,6 @@ public enum KinetixColor {
     public static let colorTaupe950 = UIColor(red: 0.294, green: 0.239, blue: 0.204, alpha: 1)
     public static let colorTertiary = UIColor(red: 0.690, green: 0.690, blue: 0.690, alpha: 1) /** figma: tertiary — switch off-track */
     public static let colorTertiaryForeground = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
-    public static let colorWarning = UIColor(red: 0.976, green: 0.475, blue: 0.027, alpha: 1) /** figma: onWarningContainer #f97907 (only warning role Figma exposes at full chroma) */
+    public static let colorWarning = UIColor(red: 0.498, green: 0.357, blue: 0.129, alpha: 1) /** a11y: Figma onWarningContainer #f97907 is 2.7:1 as text on the page / 2.6:1 in the Tag warning variant — fails WCAG AA. amber.800 #7f5b21 clears 6.1:1 / 5.8:1. Dark --warning stays bright (amber.400). See ACCESSIBILITY-AUDIT.md. */
     public static let colorWarningForeground = UIColor(red: 1.000, green: 0.973, blue: 0.922, alpha: 1) /** figma: warningContainer #fff8eb */
 }

package/dist/ios/KinetixColorsSwiftUI.swift

@@ -23,7 +23,7 @@ public enum KinetixColorsSwiftUI {
     public static let destructiveForeground = Color(red: 0.996, green: 0.953, blue: 0.949)
     public static let success = Color(red: 0.365, green: 0.427, blue: 0.361)
     public static let successForeground = Color(red: 0.945, green: 0.953, blue: 0.945)
-    public static let warning = Color(red: 0.976, green: 0.475, blue: 0.027)
+    public static let warning = Color(red: 0.498, green: 0.357, blue: 0.129)
     public static let warningForeground = Color(red: 1, green: 0.973, blue: 0.922)
     public static let border = Color(red: 0.573, green: 0.698, blue: 0.784)
     public static let input = Color(red: 0.573, green: 0.698, blue: 0.784)

package/dist/ios/Theme.swift

@@ -58,6 +58,6 @@ public class KinetixTheme {
     public static let colorSuccessForeground = UIColor(red: 0.945, green: 0.953, blue: 0.945, alpha: 1) /** synth */
     public static let colorTertiary = UIColor(red: 0.690, green: 0.690, blue: 0.690, alpha: 1) /** figma: tertiary — switch off-track */
     public static let colorTertiaryForeground = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)
-    public static let colorWarning = UIColor(red: 0.976, green: 0.475, blue: 0.027, alpha: 1) /** figma: onWarningContainer #f97907 (only warning role Figma exposes at full chroma) */
+    public static let colorWarning = UIColor(red: 0.498, green: 0.357, blue: 0.129, alpha: 1) /** a11y: Figma onWarningContainer #f97907 is 2.7:1 as text on the page / 2.6:1 in the Tag warning variant — fails WCAG AA. amber.800 #7f5b21 clears 6.1:1 / 5.8:1. Dark --warning stays bright (amber.400). See ACCESSIBILITY-AUDIT.md. */
     public static let colorWarningForeground = UIColor(red: 1.000, green: 0.973, blue: 0.922, alpha: 1) /** figma: warningContainer #fff8eb */
 }

package/dist/web/extras.dark.css

@@ -0,0 +1,8 @@
+/* Generated by Style Dictionary — shadow + typography composites. */
+
+.dark {
+  --shadow-focus: 0 0 0 1px #92b2c8, 0 0 0 4px #92b2c852;
+  --shadow-focus-destructive: 0 0 0 1px #dd6a6a, 0 0 0 4px #dd6a6a52;
+  --shadow-focus-success: 0 0 0 1px #90a08f, 0 0 0 4px #90a08f52;
+  --shadow-focus-warning: 0 0 0 1px #ffc975, 0 0 0 4px #ffc97552;
+}

package/dist/web/globals.css

@@ -196,7 +196,7 @@
   --destructive-foreground: var(--semantic-on-error); /** figma: onError #fef3f2 */
   --success: var(--green-600); /** synth: no Figma success token; green ramp step 6 (distinct from secondary) */
   --success-foreground: var(--green-50); /** synth */
-  --warning: var(--semantic-on-warning-container); /** figma: onWarningContainer #f97907 (only warning role Figma exposes at full chroma) */
+  --warning: var(--amber-800); /** a11y: Figma onWarningContainer #f97907 is 2.7:1 as text on the page / 2.6:1 in the Tag warning variant — fails WCAG AA. amber.800 #7f5b21 clears 6.1:1 / 5.8:1. Dark --warning stays bright (amber.400). See ACCESSIBILITY-AUDIT.md. */
   --warning-foreground: var(--semantic-warning-container); /** figma: warningContainer #fff8eb */
   --border: var(--blue-100); /** figma: outline #92b2c8 */
   --input: var(--blue-100); /** figma: outline #92b2c8 (same as border) */

package/dist/web/tokens.d.ts

@@ -139,7 +139,7 @@ declare const tokens: {
     "destructive-foreground": "#fef3f2",
     "success": "#5d6d5c",
     "success-foreground": "#f1f3f1",
-    "warning": "#f97907",
+    "warning": "#7f5b21",
     "warning-foreground": "#fff8eb",
     "border": "#92b2c8",
     "input": "#92b2c8",

package/dist/web/tokens.js

@@ -139,7 +139,7 @@ export const tokens = {
     "destructive-foreground": "#fef3f2",
     "success": "#5d6d5c",
     "success-foreground": "#f1f3f1",
-    "warning": "#f97907",
+    "warning": "#7f5b21",
     "warning-foreground": "#fff8eb",
     "border": "#92b2c8",
     "input": "#92b2c8",

package/dist/web/tokens.ts

@@ -140,7 +140,7 @@ export const tokens = {
     "destructive-foreground": "#fef3f2",
     "success": "#5d6d5c",
     "success-foreground": "#f1f3f1",
-    "warning": "#f97907",
+    "warning": "#7f5b21",
     "warning-foreground": "#fff8eb",
     "border": "#92b2c8",
     "input": "#92b2c8",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kinetixui/tokens",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "KinetixUI design tokens — CSS variables, a TypeScript object, and native SwiftUI / Jetpack Compose / Flutter text styles, compiled by Style Dictionary.",
   "keywords": [
     "design-tokens",
@@ -29,6 +29,7 @@
     "./css": "./dist/web/globals.css",
     "./css/dark": "./dist/web/globals.dark.css",
     "./css/extras": "./dist/web/extras.css",
+    "./css/extras/dark": "./dist/web/extras.dark.css",
     "./package.json": "./package.json"
   },
   "files": [