@kinetixui/tokens 0.1.0 → 0.3.1

package/dist/android/Theme.dark.kt

@@ -0,0 +1,53 @@
+
+
+// Do not edit directly, this file was auto-generated.
+
+
+
+package com.kinetixui.tokens
+
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.*
+
+object KinetixThemeDark {
+  val colorAccent = Color(0xff102432)
+  val colorAccentForeground = Color(0xfff0f7ff)
+  val colorBackground = Color(0xff050c11)
+  val colorBorder = Color(0xff395a70)
+  val colorCard = Color(0xff0b1821)
+  val colorCardForeground = Color(0xfff0f7ff)
+  val colorChart1 = Color(0xff92b2c8)
+  val colorChart2 = Color(0xff90a08f)
+  val colorChart3 = Color(0xffffc975)
+  val colorChart4 = Color(0xffdd6a6a)
+  val colorChart5 = Color(0xffd2c1b6)
+  val colorDestructive = Color(0xffdd6a6a)
+  val colorDestructiveForeground = Color(0xff280202)
+  val colorForeground = Color(0xfff0f7ff)
+  val colorInfo = Color(0xff92b2c8)
+  val colorInfoForeground = Color(0xff050c11)
+  val colorInput = Color(0xff395a70)
+  val colorMuted = Color(0xff102432)
+  val colorMutedForeground = Color(0xff92b2c8)
+  val colorPopover = Color(0xff0b1821)
+  val colorPopoverForeground = Color(0xfff0f7ff)
+  val colorPrimary = Color(0xff92b2c8)
+  val colorPrimaryForeground = Color(0xff050c11)
+  val colorRing = Color(0xff92b2c8)
+  val colorSecondary = Color(0xff2e362e)
+  val colorSecondaryForeground = Color(0xffe3e7e3)
+  val colorSidebar = Color(0xff0b1821)
+  val colorSidebarAccent = Color(0xff102432)
+  val colorSidebarAccentForeground = Color(0xfff0f7ff)
+  val colorSidebarBorder = Color(0xff395a70)
+  val colorSidebarForeground = Color(0xfff0f7ff)
+  val colorSidebarPrimary = Color(0xff92b2c8)
+  val colorSidebarPrimaryForeground = Color(0xff050c11)
+  val colorSidebarRing = Color(0xff92b2c8)
+  val colorSuccess = Color(0xff90a08f)
+  val colorSuccessForeground = Color(0xff171b17)
+  val colorTertiary = Color(0xff395a70)
+  val colorTertiaryForeground = Color(0xfff0f7ff)
+  val colorWarning = Color(0xffffc975)
+  val colorWarningForeground = Color(0xff2a1a00)
+}

package/dist/android/Theme.kt

@@ -35,7 +35,7 @@ object KinetixTheme {
   val colorPrimaryForeground = Color(0xfff0f7ff)
   val colorRing = Color(0xff1b3c53)
   val colorSecondary = Color(0xfff1f3f1)
-  val colorSecondaryForeground = Color(0xff748873)
+  val colorSecondaryForeground = Color(0xff5d6d5c)
   val colorSemanticError = Color(0xffec5047)
   val colorSemanticErrorContainer = Color(0xfffef3f2)
   val colorSemanticInfoContainer = Color(0xfff0f7ff)

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

@@ -117,7 +117,7 @@
   <color name="color_primary">#ff1b3c53</color>
   <color name="color_primary_foreground">#fff0f7ff</color>
   <color name="color_secondary">#fff1f3f1</color>
-  <color name="color_secondary_foreground">#ff748873</color>
+  <color name="color_secondary_foreground">#ff5d6d5c</color>
   <color name="color_muted">#fff6f6f6</color>
   <color name="color_muted_foreground">#ff6d6d6d</color>
   <color name="color_accent">#fff0f7ff</color>

package/dist/flutter/app_colors.dart

@@ -124,7 +124,7 @@ class KinetixColors {
     static const colorRed950 = Color(0xFF140101);
     static const colorRing = Color(0xFF1B3C53); /** figma: focus state draws a 2px 'Primay' border */
     static const colorSecondary = Color(0xFFF1F3F1); /** figma: secondaryContainer #f1f3f1 (our 'secondary' == Figma container role) */
-    static const colorSecondaryForeground = Color(0xFF748873); /** figma: onSecondaryContainer #748873 */
+    static const colorSecondaryForeground = Color(0xFF5D6D5C); /** figma onSecondaryContainer was green.500 (#748873) = 3.42:1 on secondary (AA-large only); green.600 (#5d6d5c) = 4.95:1 */
     static const colorSemanticError = Color(0xFFEC5047); /** figma: error (NOT red.500 #c60a0a — Figma keeps error as its own value) */
     static const colorSemanticErrorContainer = Color(0xFFFEF3F2); /** figma: errorContainer */
     static const colorSemanticInfoContainer = Color(0xFFF0F7FF);

package/dist/flutter/app_theme.dart

@@ -37,7 +37,7 @@ class KinetixTheme {
     static const colorPrimaryForeground = Color(0xFFF0F7FF); /** figma: 'On Primary' #f0f7ff -> renamed primary-foreground */
     static const colorRing = Color(0xFF1B3C53); /** figma: focus state draws a 2px 'Primay' border */
     static const colorSecondary = Color(0xFFF1F3F1); /** figma: secondaryContainer #f1f3f1 (our 'secondary' == Figma container role) */
-    static const colorSecondaryForeground = Color(0xFF748873); /** figma: onSecondaryContainer #748873 */
+    static const colorSecondaryForeground = Color(0xFF5D6D5C); /** figma onSecondaryContainer was green.500 (#748873) = 3.42:1 on secondary (AA-large only); green.600 (#5d6d5c) = 4.95:1 */
     static const colorSemanticError = Color(0xFFEC5047); /** figma: error (NOT red.500 #c60a0a — Figma keeps error as its own value) */
     static const colorSemanticErrorContainer = Color(0xFFFEF3F2); /** figma: errorContainer */
     static const colorSemanticInfoContainer = Color(0xFFF0F7FF);

package/dist/ios/KinetixColors.swift

@@ -121,7 +121,7 @@ public enum KinetixColor {
     public static let colorRed950 = UIColor(red: 0.078, green: 0.004, blue: 0.004, alpha: 1)
     public static let colorRing = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1) /** figma: focus state draws a 2px 'Primay' border */
     public static let colorSecondary = UIColor(red: 0.945, green: 0.953, blue: 0.945, alpha: 1) /** figma: secondaryContainer #f1f3f1 (our 'secondary' == Figma container role) */
-    public static let colorSecondaryForeground = UIColor(red: 0.455, green: 0.533, blue: 0.451, alpha: 1) /** figma: onSecondaryContainer #748873 */
+    public static let colorSecondaryForeground = UIColor(red: 0.365, green: 0.427, blue: 0.361, alpha: 1) /** figma onSecondaryContainer was green.500 (#748873) = 3.42:1 on secondary (AA-large only); green.600 (#5d6d5c) = 4.95:1 */
     public static let colorSemanticError = UIColor(red: 0.925, green: 0.314, blue: 0.278, alpha: 1) /** figma: error (NOT red.500 #c60a0a — Figma keeps error as its own value) */
     public static let colorSemanticErrorContainer = UIColor(red: 0.996, green: 0.953, blue: 0.949, alpha: 1) /** figma: errorContainer */
     public static let colorSemanticInfoContainer = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)

package/dist/ios/Theme.swift

@@ -34,7 +34,7 @@ public class KinetixTheme {
     public static let colorPrimaryForeground = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1) /** figma: 'On Primary' #f0f7ff -> renamed primary-foreground */
     public static let colorRing = UIColor(red: 0.106, green: 0.235, blue: 0.325, alpha: 1) /** figma: focus state draws a 2px 'Primay' border */
     public static let colorSecondary = UIColor(red: 0.945, green: 0.953, blue: 0.945, alpha: 1) /** figma: secondaryContainer #f1f3f1 (our 'secondary' == Figma container role) */
-    public static let colorSecondaryForeground = UIColor(red: 0.455, green: 0.533, blue: 0.451, alpha: 1) /** figma: onSecondaryContainer #748873 */
+    public static let colorSecondaryForeground = UIColor(red: 0.365, green: 0.427, blue: 0.361, alpha: 1) /** figma onSecondaryContainer was green.500 (#748873) = 3.42:1 on secondary (AA-large only); green.600 (#5d6d5c) = 4.95:1 */
     public static let colorSemanticError = UIColor(red: 0.925, green: 0.314, blue: 0.278, alpha: 1) /** figma: error (NOT red.500 #c60a0a — Figma keeps error as its own value) */
     public static let colorSemanticErrorContainer = UIColor(red: 0.996, green: 0.953, blue: 0.949, alpha: 1) /** figma: errorContainer */
     public static let colorSemanticInfoContainer = UIColor(red: 0.941, green: 0.969, blue: 1.000, alpha: 1)

package/dist/web/globals.css

@@ -187,7 +187,7 @@
   --primary: var(--blue-500); /** figma: 'Primay' (sic) #1b3c53 -> renamed primary */
   --primary-foreground: var(--blue-50); /** figma: 'On Primary' #f0f7ff -> renamed primary-foreground */
   --secondary: var(--green-50); /** figma: secondaryContainer #f1f3f1 (our 'secondary' == Figma container role) */
-  --secondary-foreground: var(--green-500); /** figma: onSecondaryContainer #748873 */
+  --secondary-foreground: var(--green-600); /** figma onSecondaryContainer was green.500 (#748873) = 3.42:1 on secondary (AA-large only); green.600 (#5d6d5c) = 4.95:1 */
   --muted: var(--neutral-100); /** figma: surfaceContainer #f6f6f6 */
   --muted-foreground: var(--neutral-600); /** figma: onSurfaceVariant #6d6d6d */
   --accent: var(--blue-50); /** figma: 'LightBlue' #f0f7ff (the hover fill used by Outline/Ghost buttons) */

package/dist/web/tokens.d.ts

@@ -130,7 +130,7 @@ declare const tokens: {
     "primary": "#1b3c53",
     "primary-foreground": "#f0f7ff",
     "secondary": "#f1f3f1",
-    "secondary-foreground": "#748873",
+    "secondary-foreground": "#5d6d5c",
     "muted": "#f6f6f6",
     "muted-foreground": "#6d6d6d",
     "accent": "#f0f7ff",

package/dist/web/tokens.js

@@ -130,7 +130,7 @@ export const tokens = {
     "primary": "#1b3c53",
     "primary-foreground": "#f0f7ff",
     "secondary": "#f1f3f1",
-    "secondary-foreground": "#748873",
+    "secondary-foreground": "#5d6d5c",
     "muted": "#f6f6f6",
     "muted-foreground": "#6d6d6d",
     "accent": "#f0f7ff",

package/dist/web/tokens.ts

@@ -131,7 +131,7 @@ export const tokens = {
     "primary": "#1b3c53",
     "primary-foreground": "#f0f7ff",
     "secondary": "#f1f3f1",
-    "secondary-foreground": "#748873",
+    "secondary-foreground": "#5d6d5c",
     "muted": "#f6f6f6",
     "muted-foreground": "#6d6d6d",
     "accent": "#f0f7ff",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kinetixui/tokens",
-  "version": "0.1.0",
+  "version": "0.3.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",