@kinetixui/tokens 0.3.1 → 0.4.1

package/dist/android/Theme.kt

@@ -21,7 +21,7 @@ object KinetixTheme {
   val colorChart3 = Color(0xffffbc53)
   val colorChart4 = Color(0xffd13a3a)
   val colorChart5 = Color(0xffb4a499)
-  val colorDestructive = Color(0xffec5047)
+  val colorDestructive = Color(0xffc60a0a)
   val colorDestructiveForeground = Color(0xfffef3f2)
   val colorForeground = Color(0xff050c11)
   val colorInfo = Color(0xff57778d)

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

@@ -122,7 +122,7 @@
   <color name="color_muted_foreground">#ff6d6d6d</color>
   <color name="color_accent">#fff0f7ff</color>
   <color name="color_accent_foreground">#ff1b3c53</color>
-  <color name="color_destructive">#ffec5047</color>
+  <color name="color_destructive">#ffc60a0a</color>
   <color name="color_destructive_foreground">#fffef3f2</color>
   <color name="color_success">#ff5d6d5c</color>
   <color name="color_success_foreground">#fff1f3f1</color>

package/dist/flutter/app_colors.dart

@@ -68,7 +68,7 @@ class KinetixColors {
     static const colorCream850 = Color(0xFFAD866C);
     static const colorCream900 = Color(0xFFA27659);
     static const colorCream950 = Color(0xFF976747);
-    static const colorDestructive = Color(0xFFEC5047); /** figma: error #ec5047 */
+    static const colorDestructive = Color(0xFFC60A0A); /** a11y: figma error #ec5047 is 3.33:1 under on-error / 3.62:1 as text on the page — fails WCAG AA. red.500 #c60a0a clears 5.6:1 / 6.1:1. See ACCESSIBILITY-AUDIT.md. */
     static const colorDestructiveForeground = Color(0xFFFEF3F2); /** figma: onError #fef3f2 */
     static const colorForeground = Color(0xFF050C11); /** figma: onSurface #050c11 */
     static const colorGreen0 = Color(0xFFFFFFFF);

package/dist/flutter/app_theme.dart

@@ -23,7 +23,7 @@ class KinetixTheme {
     static const colorChart3 = Color(0xFFFFBC53);
     static const colorChart4 = Color(0xFFD13A3A);
     static const colorChart5 = Color(0xFFB4A499);
-    static const colorDestructive = Color(0xFFEC5047); /** figma: error #ec5047 */
+    static const colorDestructive = Color(0xFFC60A0A); /** a11y: figma error #ec5047 is 3.33:1 under on-error / 3.62:1 as text on the page — fails WCAG AA. red.500 #c60a0a clears 5.6:1 / 6.1:1. See ACCESSIBILITY-AUDIT.md. */
     static const colorDestructiveForeground = Color(0xFFFEF3F2); /** figma: onError #fef3f2 */
     static const colorForeground = Color(0xFF050C11); /** figma: onSurface #050c11 */
     static const colorInfo = Color(0xFF57778D); /** synth: steel blue, distinct from navy primary */

package/dist/flutter/kinetix_color_scheme.dark.dart

@@ -0,0 +1,50 @@
+//
+// KinetixColorSchemeDark — generated by Style Dictionary. Do not edit.
+//
+
+import 'dart:ui';
+
+class KinetixColorSchemeDark {
+  KinetixColorSchemeDark._();
+
+  static const background = Color(0xFF050C11);
+  static const foreground = Color(0xFFF0F7FF);
+  static const card = Color(0xFF0B1821);
+  static const cardForeground = Color(0xFFF0F7FF);
+  static const popover = Color(0xFF0B1821);
+  static const popoverForeground = Color(0xFFF0F7FF);
+  static const primary = Color(0xFF92B2C8);
+  static const primaryForeground = Color(0xFF050C11);
+  static const secondary = Color(0xFF2E362E);
+  static const secondaryForeground = Color(0xFFE3E7E3);
+  static const muted = Color(0xFF102432);
+  static const mutedForeground = Color(0xFF92B2C8);
+  static const accent = Color(0xFF102432);
+  static const accentForeground = Color(0xFFF0F7FF);
+  static const destructive = Color(0xFFDD6A6A);
+  static const destructiveForeground = Color(0xFF280202);
+  static const success = Color(0xFF90A08F);
+  static const successForeground = Color(0xFF171B17);
+  static const warning = Color(0xFFFFC975);
+  static const warningForeground = Color(0xFF2A1A00);
+  static const border = Color(0xFF395A70);
+  static const input = Color(0xFF395A70);
+  static const ring = Color(0xFF92B2C8);
+  static const chart1 = Color(0xFF92B2C8);
+  static const chart2 = Color(0xFF90A08F);
+  static const chart3 = Color(0xFFFFC975);
+  static const chart4 = Color(0xFFDD6A6A);
+  static const chart5 = Color(0xFFD2C1B6);
+  static const sidebar = Color(0xFF0B1821);
+  static const sidebarForeground = Color(0xFFF0F7FF);
+  static const sidebarPrimary = Color(0xFF92B2C8);
+  static const sidebarPrimaryForeground = Color(0xFF050C11);
+  static const sidebarAccent = Color(0xFF102432);
+  static const sidebarAccentForeground = Color(0xFFF0F7FF);
+  static const sidebarBorder = Color(0xFF395A70);
+  static const sidebarRing = Color(0xFF92B2C8);
+  static const tertiary = Color(0xFF395A70);
+  static const tertiaryForeground = Color(0xFFF0F7FF);
+  static const info = Color(0xFF92B2C8);
+  static const infoForeground = Color(0xFF050C11);
+}

package/dist/flutter/kinetix_color_scheme.dart

@@ -0,0 +1,50 @@
+//
+// KinetixColorScheme — generated by Style Dictionary. Do not edit.
+//
+
+import 'dart:ui';
+
+class KinetixColorScheme {
+  KinetixColorScheme._();
+
+  static const background = Color(0xFFFFFFFF);
+  static const foreground = Color(0xFF050C11);
+  static const card = Color(0xFFFFFFFF);
+  static const cardForeground = Color(0xFF050C11);
+  static const popover = Color(0xFFFFFFFF);
+  static const popoverForeground = Color(0xFF050C11);
+  static const primary = Color(0xFF1B3C53);
+  static const primaryForeground = Color(0xFFF0F7FF);
+  static const secondary = Color(0xFFF1F3F1);
+  static const secondaryForeground = Color(0xFF5D6D5C);
+  static const muted = Color(0xFFF6F6F6);
+  static const mutedForeground = Color(0xFF6D6D6D);
+  static const accent = Color(0xFFF0F7FF);
+  static const accentForeground = Color(0xFF1B3C53);
+  static const destructive = Color(0xFFC60A0A);
+  static const destructiveForeground = Color(0xFFFEF3F2);
+  static const success = Color(0xFF5D6D5C);
+  static const successForeground = Color(0xFFF1F3F1);
+  static const warning = Color(0xFFF97907);
+  static const warningForeground = Color(0xFFFFF8EB);
+  static const border = Color(0xFF92B2C8);
+  static const input = Color(0xFF92B2C8);
+  static const ring = Color(0xFF1B3C53);
+  static const chart1 = Color(0xFF1B3C53);
+  static const chart2 = Color(0xFF748873);
+  static const chart3 = Color(0xFFFFBC53);
+  static const chart4 = Color(0xFFD13A3A);
+  static const chart5 = Color(0xFFB4A499);
+  static const sidebar = Color(0xFFFAFAFA);
+  static const sidebarForeground = Color(0xFF050C11);
+  static const sidebarPrimary = Color(0xFF1B3C53);
+  static const sidebarPrimaryForeground = Color(0xFFF0F7FF);
+  static const sidebarAccent = Color(0xFFF0F7FF);
+  static const sidebarAccentForeground = Color(0xFF1B3C53);
+  static const sidebarBorder = Color(0xFFE0E0E0);
+  static const sidebarRing = Color(0xFF1B3C53);
+  static const tertiary = Color(0xFFB0B0B0);
+  static const tertiaryForeground = Color(0xFFF0F7FF);
+  static const info = Color(0xFF57778D);
+  static const infoForeground = Color(0xFFF0F7FF);
+}

package/dist/ios/KinetixColors.swift

@@ -65,7 +65,7 @@ public enum KinetixColor {
     public static let colorCream850 = UIColor(red: 0.678, green: 0.525, blue: 0.424, alpha: 1)
     public static let colorCream900 = UIColor(red: 0.635, green: 0.463, blue: 0.349, alpha: 1)
     public static let colorCream950 = UIColor(red: 0.592, green: 0.404, blue: 0.278, alpha: 1)
-    public static let colorDestructive = UIColor(red: 0.925, green: 0.314, blue: 0.278, alpha: 1) /** figma: error #ec5047 */
+    public static let colorDestructive = UIColor(red: 0.776, green: 0.039, blue: 0.039, alpha: 1) /** a11y: figma error #ec5047 is 3.33:1 under on-error / 3.62:1 as text on the page — fails WCAG AA. red.500 #c60a0a clears 5.6:1 / 6.1:1. See ACCESSIBILITY-AUDIT.md. */
     public static let colorDestructiveForeground = UIColor(red: 0.996, green: 0.953, blue: 0.949, alpha: 1) /** figma: onError #fef3f2 */
     public static let colorForeground = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1) /** figma: onSurface #050c11 */
     public static let colorGreen0 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)

package/dist/ios/KinetixColorsSwiftUI.dark.swift

@@ -0,0 +1,48 @@
+//
+// KinetixColorsSwiftUIDark — generated by Style Dictionary. Do not edit.
+//
+
+import SwiftUI
+
+public enum KinetixColorsSwiftUIDark {
+    public static let background = Color(red: 0.02, green: 0.047, blue: 0.067)
+    public static let foreground = Color(red: 0.941, green: 0.969, blue: 1)
+    public static let card = Color(red: 0.043, green: 0.094, blue: 0.129)
+    public static let cardForeground = Color(red: 0.941, green: 0.969, blue: 1)
+    public static let popover = Color(red: 0.043, green: 0.094, blue: 0.129)
+    public static let popoverForeground = Color(red: 0.941, green: 0.969, blue: 1)
+    public static let primary = Color(red: 0.573, green: 0.698, blue: 0.784)
+    public static let primaryForeground = Color(red: 0.02, green: 0.047, blue: 0.067)
+    public static let secondary = Color(red: 0.18, green: 0.212, blue: 0.18)
+    public static let secondaryForeground = Color(red: 0.89, green: 0.906, blue: 0.89)
+    public static let muted = Color(red: 0.063, green: 0.141, blue: 0.196)
+    public static let mutedForeground = Color(red: 0.573, green: 0.698, blue: 0.784)
+    public static let accent = Color(red: 0.063, green: 0.141, blue: 0.196)
+    public static let accentForeground = Color(red: 0.941, green: 0.969, blue: 1)
+    public static let destructive = Color(red: 0.867, green: 0.416, blue: 0.416)
+    public static let destructiveForeground = Color(red: 0.157, green: 0.008, blue: 0.008)
+    public static let success = Color(red: 0.565, green: 0.627, blue: 0.561)
+    public static let successForeground = Color(red: 0.09, green: 0.106, blue: 0.09)
+    public static let warning = Color(red: 1, green: 0.788, blue: 0.459)
+    public static let warningForeground = Color(red: 0.165, green: 0.102, blue: 0)
+    public static let border = Color(red: 0.224, green: 0.353, blue: 0.439)
+    public static let input = Color(red: 0.224, green: 0.353, blue: 0.439)
+    public static let ring = Color(red: 0.573, green: 0.698, blue: 0.784)
+    public static let chart1 = Color(red: 0.573, green: 0.698, blue: 0.784)
+    public static let chart2 = Color(red: 0.565, green: 0.627, blue: 0.561)
+    public static let chart3 = Color(red: 1, green: 0.788, blue: 0.459)
+    public static let chart4 = Color(red: 0.867, green: 0.416, blue: 0.416)
+    public static let chart5 = Color(red: 0.824, green: 0.757, blue: 0.714)
+    public static let sidebar = Color(red: 0.043, green: 0.094, blue: 0.129)
+    public static let sidebarForeground = Color(red: 0.941, green: 0.969, blue: 1)
+    public static let sidebarPrimary = Color(red: 0.573, green: 0.698, blue: 0.784)
+    public static let sidebarPrimaryForeground = Color(red: 0.02, green: 0.047, blue: 0.067)
+    public static let sidebarAccent = Color(red: 0.063, green: 0.141, blue: 0.196)
+    public static let sidebarAccentForeground = Color(red: 0.941, green: 0.969, blue: 1)
+    public static let sidebarBorder = Color(red: 0.224, green: 0.353, blue: 0.439)
+    public static let sidebarRing = Color(red: 0.573, green: 0.698, blue: 0.784)
+    public static let tertiary = Color(red: 0.224, green: 0.353, blue: 0.439)
+    public static let tertiaryForeground = Color(red: 0.941, green: 0.969, blue: 1)
+    public static let info = Color(red: 0.573, green: 0.698, blue: 0.784)
+    public static let infoForeground = Color(red: 0.02, green: 0.047, blue: 0.067)
+}

package/dist/ios/KinetixColorsSwiftUI.swift

@@ -0,0 +1,48 @@
+//
+// KinetixColorsSwiftUI — generated by Style Dictionary. Do not edit.
+//
+
+import SwiftUI
+
+public enum KinetixColorsSwiftUI {
+    public static let background = Color(red: 1, green: 1, blue: 1)
+    public static let foreground = Color(red: 0.02, green: 0.047, blue: 0.067)
+    public static let card = Color(red: 1, green: 1, blue: 1)
+    public static let cardForeground = Color(red: 0.02, green: 0.047, blue: 0.067)
+    public static let popover = Color(red: 1, green: 1, blue: 1)
+    public static let popoverForeground = Color(red: 0.02, green: 0.047, blue: 0.067)
+    public static let primary = Color(red: 0.106, green: 0.235, blue: 0.325)
+    public static let primaryForeground = Color(red: 0.941, green: 0.969, blue: 1)
+    public static let secondary = Color(red: 0.945, green: 0.953, blue: 0.945)
+    public static let secondaryForeground = Color(red: 0.365, green: 0.427, blue: 0.361)
+    public static let muted = Color(red: 0.965, green: 0.965, blue: 0.965)
+    public static let mutedForeground = Color(red: 0.427, green: 0.427, blue: 0.427)
+    public static let accent = Color(red: 0.941, green: 0.969, blue: 1)
+    public static let accentForeground = Color(red: 0.106, green: 0.235, blue: 0.325)
+    public static let destructive = Color(red: 0.776, green: 0.039, blue: 0.039)
+    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 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)
+    public static let ring = Color(red: 0.106, green: 0.235, blue: 0.325)
+    public static let chart1 = Color(red: 0.106, green: 0.235, blue: 0.325)
+    public static let chart2 = Color(red: 0.455, green: 0.533, blue: 0.451)
+    public static let chart3 = Color(red: 1, green: 0.737, blue: 0.325)
+    public static let chart4 = Color(red: 0.82, green: 0.227, blue: 0.227)
+    public static let chart5 = Color(red: 0.706, green: 0.643, blue: 0.6)
+    public static let sidebar = Color(red: 0.98, green: 0.98, blue: 0.98)
+    public static let sidebarForeground = Color(red: 0.02, green: 0.047, blue: 0.067)
+    public static let sidebarPrimary = Color(red: 0.106, green: 0.235, blue: 0.325)
+    public static let sidebarPrimaryForeground = Color(red: 0.941, green: 0.969, blue: 1)
+    public static let sidebarAccent = Color(red: 0.941, green: 0.969, blue: 1)
+    public static let sidebarAccentForeground = Color(red: 0.106, green: 0.235, blue: 0.325)
+    public static let sidebarBorder = Color(red: 0.878, green: 0.878, blue: 0.878)
+    public static let sidebarRing = Color(red: 0.106, green: 0.235, blue: 0.325)
+    public static let tertiary = Color(red: 0.69, green: 0.69, blue: 0.69)
+    public static let tertiaryForeground = Color(red: 0.941, green: 0.969, blue: 1)
+    public static let info = Color(red: 0.341, green: 0.467, blue: 0.553)
+    public static let infoForeground = Color(red: 0.941, green: 0.969, blue: 1)
+}

package/dist/ios/Theme.swift

@@ -20,7 +20,7 @@ public class KinetixTheme {
     public static let colorChart3 = UIColor(red: 1.000, green: 0.737, blue: 0.325, alpha: 1)
     public static let colorChart4 = UIColor(red: 0.820, green: 0.227, blue: 0.227, alpha: 1)
     public static let colorChart5 = UIColor(red: 0.706, green: 0.643, blue: 0.600, alpha: 1)
-    public static let colorDestructive = UIColor(red: 0.925, green: 0.314, blue: 0.278, alpha: 1) /** figma: error #ec5047 */
+    public static let colorDestructive = UIColor(red: 0.776, green: 0.039, blue: 0.039, alpha: 1) /** a11y: figma error #ec5047 is 3.33:1 under on-error / 3.62:1 as text on the page — fails WCAG AA. red.500 #c60a0a clears 5.6:1 / 6.1:1. See ACCESSIBILITY-AUDIT.md. */
     public static let colorDestructiveForeground = UIColor(red: 0.996, green: 0.953, blue: 0.949, alpha: 1) /** figma: onError #fef3f2 */
     public static let colorForeground = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1) /** figma: onSurface #050c11 */
     public static let colorInfo = UIColor(red: 0.341, green: 0.467, blue: 0.553, alpha: 1) /** synth: steel blue, distinct from navy primary */

package/dist/web/globals.css

@@ -192,7 +192,7 @@
   --muted-foreground: var(--neutral-600); /** figma: onSurfaceVariant #6d6d6d */
   --accent: var(--blue-50); /** figma: 'LightBlue' #f0f7ff (the hover fill used by Outline/Ghost buttons) */
   --accent-foreground: var(--blue-500); /** synth: = primary for readable text on accent */
-  --destructive: var(--semantic-error); /** figma: error #ec5047 */
+  --destructive: var(--red-500); /** a11y: figma error #ec5047 is 3.33:1 under on-error / 3.62:1 as text on the page — fails WCAG AA. red.500 #c60a0a clears 5.6:1 / 6.1:1. See ACCESSIBILITY-AUDIT.md. */
   --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 */

package/dist/web/tokens.d.ts

@@ -135,7 +135,7 @@ declare const tokens: {
     "muted-foreground": "#6d6d6d",
     "accent": "#f0f7ff",
     "accent-foreground": "#1b3c53",
-    "destructive": "#ec5047",
+    "destructive": "#c60a0a",
     "destructive-foreground": "#fef3f2",
     "success": "#5d6d5c",
     "success-foreground": "#f1f3f1",

package/dist/web/tokens.js

@@ -135,7 +135,7 @@ export const tokens = {
     "muted-foreground": "#6d6d6d",
     "accent": "#f0f7ff",
     "accent-foreground": "#1b3c53",
-    "destructive": "#ec5047",
+    "destructive": "#c60a0a",
     "destructive-foreground": "#fef3f2",
     "success": "#5d6d5c",
     "success-foreground": "#f1f3f1",

package/dist/web/tokens.ts

@@ -136,7 +136,7 @@ export const tokens = {
     "muted-foreground": "#6d6d6d",
     "accent": "#f0f7ff",
     "accent-foreground": "#1b3c53",
-    "destructive": "#ec5047",
+    "destructive": "#c60a0a",
     "destructive-foreground": "#fef3f2",
     "success": "#5d6d5c",
     "success-foreground": "#f1f3f1",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kinetixui/tokens",
-  "version": "0.3.1",
+  "version": "0.4.1",
   "description": "KinetixUI design tokens — CSS variables, a TypeScript object, and native SwiftUI / Jetpack Compose / Flutter text styles, compiled by Style Dictionary.",
   "keywords": [
     "design-tokens",
@@ -14,7 +14,7 @@
   "homepage": "https://kinetixui.com",
   "repository": {
     "type": "git",
-    "url": "https://github.com/ziadfteha/kinetixui.git",
+    "url": "https://github.com/zedalleys/kinetixui.git",
     "directory": "packages/tokens"
   },
   "type": "module",