@kinetixui/tokens 0.4.0 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -21,7 +21,7 @@ object KinetixTheme {
21
21
  val colorChart3 = Color(0xffffbc53)
22
22
  val colorChart4 = Color(0xffd13a3a)
23
23
  val colorChart5 = Color(0xffb4a499)
24
- val colorDestructive = Color(0xffec5047)
24
+ val colorDestructive = Color(0xffc60a0a)
25
25
  val colorDestructiveForeground = Color(0xfffef3f2)
26
26
  val colorForeground = Color(0xff050c11)
27
27
  val colorInfo = Color(0xff57778d)
@@ -122,7 +122,7 @@
122
122
  <color name="color_muted_foreground">#ff6d6d6d</color>
123
123
  <color name="color_accent">#fff0f7ff</color>
124
124
  <color name="color_accent_foreground">#ff1b3c53</color>
125
- <color name="color_destructive">#ffec5047</color>
125
+ <color name="color_destructive">#ffc60a0a</color>
126
126
  <color name="color_destructive_foreground">#fffef3f2</color>
127
127
  <color name="color_success">#ff5d6d5c</color>
128
128
  <color name="color_success_foreground">#fff1f3f1</color>
@@ -68,7 +68,7 @@ class KinetixColors {
68
68
  static const colorCream850 = Color(0xFFAD866C);
69
69
  static const colorCream900 = Color(0xFFA27659);
70
70
  static const colorCream950 = Color(0xFF976747);
71
- static const colorDestructive = Color(0xFFEC5047); /** figma: error #ec5047 */
71
+ 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. */
72
72
  static const colorDestructiveForeground = Color(0xFFFEF3F2); /** figma: onError #fef3f2 */
73
73
  static const colorForeground = Color(0xFF050C11); /** figma: onSurface #050c11 */
74
74
  static const colorGreen0 = Color(0xFFFFFFFF);
@@ -23,7 +23,7 @@ class KinetixTheme {
23
23
  static const colorChart3 = Color(0xFFFFBC53);
24
24
  static const colorChart4 = Color(0xFFD13A3A);
25
25
  static const colorChart5 = Color(0xFFB4A499);
26
- static const colorDestructive = Color(0xFFEC5047); /** figma: error #ec5047 */
26
+ 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. */
27
27
  static const colorDestructiveForeground = Color(0xFFFEF3F2); /** figma: onError #fef3f2 */
28
28
  static const colorForeground = Color(0xFF050C11); /** figma: onSurface #050c11 */
29
29
  static const colorInfo = Color(0xFF57778D); /** synth: steel blue, distinct from navy primary */
@@ -21,7 +21,7 @@ class KinetixColorScheme {
21
21
  static const mutedForeground = Color(0xFF6D6D6D);
22
22
  static const accent = Color(0xFFF0F7FF);
23
23
  static const accentForeground = Color(0xFF1B3C53);
24
- static const destructive = Color(0xFFEC5047);
24
+ static const destructive = Color(0xFFC60A0A);
25
25
  static const destructiveForeground = Color(0xFFFEF3F2);
26
26
  static const success = Color(0xFF5D6D5C);
27
27
  static const successForeground = Color(0xFFF1F3F1);
@@ -65,7 +65,7 @@ public enum KinetixColor {
65
65
  public static let colorCream850 = UIColor(red: 0.678, green: 0.525, blue: 0.424, alpha: 1)
66
66
  public static let colorCream900 = UIColor(red: 0.635, green: 0.463, blue: 0.349, alpha: 1)
67
67
  public static let colorCream950 = UIColor(red: 0.592, green: 0.404, blue: 0.278, alpha: 1)
68
- public static let colorDestructive = UIColor(red: 0.925, green: 0.314, blue: 0.278, alpha: 1) /** figma: error #ec5047 */
68
+ 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. */
69
69
  public static let colorDestructiveForeground = UIColor(red: 0.996, green: 0.953, blue: 0.949, alpha: 1) /** figma: onError #fef3f2 */
70
70
  public static let colorForeground = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1) /** figma: onSurface #050c11 */
71
71
  public static let colorGreen0 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
@@ -19,7 +19,7 @@ public enum KinetixColorsSwiftUI {
19
19
  public static let mutedForeground = Color(red: 0.427, green: 0.427, blue: 0.427)
20
20
  public static let accent = Color(red: 0.941, green: 0.969, blue: 1)
21
21
  public static let accentForeground = Color(red: 0.106, green: 0.235, blue: 0.325)
22
- public static let destructive = Color(red: 0.925, green: 0.314, blue: 0.278)
22
+ public static let destructive = Color(red: 0.776, green: 0.039, blue: 0.039)
23
23
  public static let destructiveForeground = Color(red: 0.996, green: 0.953, blue: 0.949)
24
24
  public static let success = Color(red: 0.365, green: 0.427, blue: 0.361)
25
25
  public static let successForeground = Color(red: 0.945, green: 0.953, blue: 0.945)
@@ -20,7 +20,7 @@ public class KinetixTheme {
20
20
  public static let colorChart3 = UIColor(red: 1.000, green: 0.737, blue: 0.325, alpha: 1)
21
21
  public static let colorChart4 = UIColor(red: 0.820, green: 0.227, blue: 0.227, alpha: 1)
22
22
  public static let colorChart5 = UIColor(red: 0.706, green: 0.643, blue: 0.600, alpha: 1)
23
- public static let colorDestructive = UIColor(red: 0.925, green: 0.314, blue: 0.278, alpha: 1) /** figma: error #ec5047 */
23
+ 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. */
24
24
  public static let colorDestructiveForeground = UIColor(red: 0.996, green: 0.953, blue: 0.949, alpha: 1) /** figma: onError #fef3f2 */
25
25
  public static let colorForeground = UIColor(red: 0.020, green: 0.047, blue: 0.067, alpha: 1) /** figma: onSurface #050c11 */
26
26
  public static let colorInfo = UIColor(red: 0.341, green: 0.467, blue: 0.553, alpha: 1) /** synth: steel blue, distinct from navy primary */
@@ -192,7 +192,7 @@
192
192
  --muted-foreground: var(--neutral-600); /** figma: onSurfaceVariant #6d6d6d */
193
193
  --accent: var(--blue-50); /** figma: 'LightBlue' #f0f7ff (the hover fill used by Outline/Ghost buttons) */
194
194
  --accent-foreground: var(--blue-500); /** synth: = primary for readable text on accent */
195
- --destructive: var(--semantic-error); /** figma: error #ec5047 */
195
+ --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. */
196
196
  --destructive-foreground: var(--semantic-on-error); /** figma: onError #fef3f2 */
197
197
  --success: var(--green-600); /** synth: no Figma success token; green ramp step 6 (distinct from secondary) */
198
198
  --success-foreground: var(--green-50); /** synth */
@@ -135,7 +135,7 @@ declare const tokens: {
135
135
  "muted-foreground": "#6d6d6d",
136
136
  "accent": "#f0f7ff",
137
137
  "accent-foreground": "#1b3c53",
138
- "destructive": "#ec5047",
138
+ "destructive": "#c60a0a",
139
139
  "destructive-foreground": "#fef3f2",
140
140
  "success": "#5d6d5c",
141
141
  "success-foreground": "#f1f3f1",
@@ -135,7 +135,7 @@ export const tokens = {
135
135
  "muted-foreground": "#6d6d6d",
136
136
  "accent": "#f0f7ff",
137
137
  "accent-foreground": "#1b3c53",
138
- "destructive": "#ec5047",
138
+ "destructive": "#c60a0a",
139
139
  "destructive-foreground": "#fef3f2",
140
140
  "success": "#5d6d5c",
141
141
  "success-foreground": "#f1f3f1",
@@ -136,7 +136,7 @@ export const tokens = {
136
136
  "muted-foreground": "#6d6d6d",
137
137
  "accent": "#f0f7ff",
138
138
  "accent-foreground": "#1b3c53",
139
- "destructive": "#ec5047",
139
+ "destructive": "#c60a0a",
140
140
  "destructive-foreground": "#fef3f2",
141
141
  "success": "#5d6d5c",
142
142
  "success-foreground": "#f1f3f1",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kinetixui/tokens",
3
- "version": "0.4.0",
3
+ "version": "0.4.1",
4
4
  "description": "KinetixUI design tokens — CSS variables, a TypeScript object, and native SwiftUI / Jetpack Compose / Flutter text styles, compiled by Style Dictionary.",
5
5
  "keywords": [
6
6
  "design-tokens",
@@ -14,7 +14,7 @@
14
14
  "homepage": "https://kinetixui.com",
15
15
  "repository": {
16
16
  "type": "git",
17
- "url": "https://github.com/ziadfteha/kinetixui.git",
17
+ "url": "https://github.com/zedalleys/kinetixui.git",
18
18
  "directory": "packages/tokens"
19
19
  },
20
20
  "type": "module",