@kinetixui/tokens 0.3.1 → 0.4.0
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.
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
//
|
|
2
|
+
// KinetixColorSchemeDark — generated by Style Dictionary. Do not edit.
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import 'dart:ui';
|
|
6
|
+
|
|
7
|
+
class KinetixColorSchemeDark {
|
|
8
|
+
KinetixColorSchemeDark._();
|
|
9
|
+
|
|
10
|
+
static const background = Color(0xFF050C11);
|
|
11
|
+
static const foreground = Color(0xFFF0F7FF);
|
|
12
|
+
static const card = Color(0xFF0B1821);
|
|
13
|
+
static const cardForeground = Color(0xFFF0F7FF);
|
|
14
|
+
static const popover = Color(0xFF0B1821);
|
|
15
|
+
static const popoverForeground = Color(0xFFF0F7FF);
|
|
16
|
+
static const primary = Color(0xFF92B2C8);
|
|
17
|
+
static const primaryForeground = Color(0xFF050C11);
|
|
18
|
+
static const secondary = Color(0xFF2E362E);
|
|
19
|
+
static const secondaryForeground = Color(0xFFE3E7E3);
|
|
20
|
+
static const muted = Color(0xFF102432);
|
|
21
|
+
static const mutedForeground = Color(0xFF92B2C8);
|
|
22
|
+
static const accent = Color(0xFF102432);
|
|
23
|
+
static const accentForeground = Color(0xFFF0F7FF);
|
|
24
|
+
static const destructive = Color(0xFFDD6A6A);
|
|
25
|
+
static const destructiveForeground = Color(0xFF280202);
|
|
26
|
+
static const success = Color(0xFF90A08F);
|
|
27
|
+
static const successForeground = Color(0xFF171B17);
|
|
28
|
+
static const warning = Color(0xFFFFC975);
|
|
29
|
+
static const warningForeground = Color(0xFF2A1A00);
|
|
30
|
+
static const border = Color(0xFF395A70);
|
|
31
|
+
static const input = Color(0xFF395A70);
|
|
32
|
+
static const ring = Color(0xFF92B2C8);
|
|
33
|
+
static const chart1 = Color(0xFF92B2C8);
|
|
34
|
+
static const chart2 = Color(0xFF90A08F);
|
|
35
|
+
static const chart3 = Color(0xFFFFC975);
|
|
36
|
+
static const chart4 = Color(0xFFDD6A6A);
|
|
37
|
+
static const chart5 = Color(0xFFD2C1B6);
|
|
38
|
+
static const sidebar = Color(0xFF0B1821);
|
|
39
|
+
static const sidebarForeground = Color(0xFFF0F7FF);
|
|
40
|
+
static const sidebarPrimary = Color(0xFF92B2C8);
|
|
41
|
+
static const sidebarPrimaryForeground = Color(0xFF050C11);
|
|
42
|
+
static const sidebarAccent = Color(0xFF102432);
|
|
43
|
+
static const sidebarAccentForeground = Color(0xFFF0F7FF);
|
|
44
|
+
static const sidebarBorder = Color(0xFF395A70);
|
|
45
|
+
static const sidebarRing = Color(0xFF92B2C8);
|
|
46
|
+
static const tertiary = Color(0xFF395A70);
|
|
47
|
+
static const tertiaryForeground = Color(0xFFF0F7FF);
|
|
48
|
+
static const info = Color(0xFF92B2C8);
|
|
49
|
+
static const infoForeground = Color(0xFF050C11);
|
|
50
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
//
|
|
2
|
+
// KinetixColorScheme — generated by Style Dictionary. Do not edit.
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import 'dart:ui';
|
|
6
|
+
|
|
7
|
+
class KinetixColorScheme {
|
|
8
|
+
KinetixColorScheme._();
|
|
9
|
+
|
|
10
|
+
static const background = Color(0xFFFFFFFF);
|
|
11
|
+
static const foreground = Color(0xFF050C11);
|
|
12
|
+
static const card = Color(0xFFFFFFFF);
|
|
13
|
+
static const cardForeground = Color(0xFF050C11);
|
|
14
|
+
static const popover = Color(0xFFFFFFFF);
|
|
15
|
+
static const popoverForeground = Color(0xFF050C11);
|
|
16
|
+
static const primary = Color(0xFF1B3C53);
|
|
17
|
+
static const primaryForeground = Color(0xFFF0F7FF);
|
|
18
|
+
static const secondary = Color(0xFFF1F3F1);
|
|
19
|
+
static const secondaryForeground = Color(0xFF5D6D5C);
|
|
20
|
+
static const muted = Color(0xFFF6F6F6);
|
|
21
|
+
static const mutedForeground = Color(0xFF6D6D6D);
|
|
22
|
+
static const accent = Color(0xFFF0F7FF);
|
|
23
|
+
static const accentForeground = Color(0xFF1B3C53);
|
|
24
|
+
static const destructive = Color(0xFFEC5047);
|
|
25
|
+
static const destructiveForeground = Color(0xFFFEF3F2);
|
|
26
|
+
static const success = Color(0xFF5D6D5C);
|
|
27
|
+
static const successForeground = Color(0xFFF1F3F1);
|
|
28
|
+
static const warning = Color(0xFFF97907);
|
|
29
|
+
static const warningForeground = Color(0xFFFFF8EB);
|
|
30
|
+
static const border = Color(0xFF92B2C8);
|
|
31
|
+
static const input = Color(0xFF92B2C8);
|
|
32
|
+
static const ring = Color(0xFF1B3C53);
|
|
33
|
+
static const chart1 = Color(0xFF1B3C53);
|
|
34
|
+
static const chart2 = Color(0xFF748873);
|
|
35
|
+
static const chart3 = Color(0xFFFFBC53);
|
|
36
|
+
static const chart4 = Color(0xFFD13A3A);
|
|
37
|
+
static const chart5 = Color(0xFFB4A499);
|
|
38
|
+
static const sidebar = Color(0xFFFAFAFA);
|
|
39
|
+
static const sidebarForeground = Color(0xFF050C11);
|
|
40
|
+
static const sidebarPrimary = Color(0xFF1B3C53);
|
|
41
|
+
static const sidebarPrimaryForeground = Color(0xFFF0F7FF);
|
|
42
|
+
static const sidebarAccent = Color(0xFFF0F7FF);
|
|
43
|
+
static const sidebarAccentForeground = Color(0xFF1B3C53);
|
|
44
|
+
static const sidebarBorder = Color(0xFFE0E0E0);
|
|
45
|
+
static const sidebarRing = Color(0xFF1B3C53);
|
|
46
|
+
static const tertiary = Color(0xFFB0B0B0);
|
|
47
|
+
static const tertiaryForeground = Color(0xFFF0F7FF);
|
|
48
|
+
static const info = Color(0xFF57778D);
|
|
49
|
+
static const infoForeground = Color(0xFFF0F7FF);
|
|
50
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
//
|
|
2
|
+
// KinetixColorsSwiftUIDark — generated by Style Dictionary. Do not edit.
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import SwiftUI
|
|
6
|
+
|
|
7
|
+
public enum KinetixColorsSwiftUIDark {
|
|
8
|
+
public static let background = Color(red: 0.02, green: 0.047, blue: 0.067)
|
|
9
|
+
public static let foreground = Color(red: 0.941, green: 0.969, blue: 1)
|
|
10
|
+
public static let card = Color(red: 0.043, green: 0.094, blue: 0.129)
|
|
11
|
+
public static let cardForeground = Color(red: 0.941, green: 0.969, blue: 1)
|
|
12
|
+
public static let popover = Color(red: 0.043, green: 0.094, blue: 0.129)
|
|
13
|
+
public static let popoverForeground = Color(red: 0.941, green: 0.969, blue: 1)
|
|
14
|
+
public static let primary = Color(red: 0.573, green: 0.698, blue: 0.784)
|
|
15
|
+
public static let primaryForeground = Color(red: 0.02, green: 0.047, blue: 0.067)
|
|
16
|
+
public static let secondary = Color(red: 0.18, green: 0.212, blue: 0.18)
|
|
17
|
+
public static let secondaryForeground = Color(red: 0.89, green: 0.906, blue: 0.89)
|
|
18
|
+
public static let muted = Color(red: 0.063, green: 0.141, blue: 0.196)
|
|
19
|
+
public static let mutedForeground = Color(red: 0.573, green: 0.698, blue: 0.784)
|
|
20
|
+
public static let accent = Color(red: 0.063, green: 0.141, blue: 0.196)
|
|
21
|
+
public static let accentForeground = Color(red: 0.941, green: 0.969, blue: 1)
|
|
22
|
+
public static let destructive = Color(red: 0.867, green: 0.416, blue: 0.416)
|
|
23
|
+
public static let destructiveForeground = Color(red: 0.157, green: 0.008, blue: 0.008)
|
|
24
|
+
public static let success = Color(red: 0.565, green: 0.627, blue: 0.561)
|
|
25
|
+
public static let successForeground = Color(red: 0.09, green: 0.106, blue: 0.09)
|
|
26
|
+
public static let warning = Color(red: 1, green: 0.788, blue: 0.459)
|
|
27
|
+
public static let warningForeground = Color(red: 0.165, green: 0.102, blue: 0)
|
|
28
|
+
public static let border = Color(red: 0.224, green: 0.353, blue: 0.439)
|
|
29
|
+
public static let input = Color(red: 0.224, green: 0.353, blue: 0.439)
|
|
30
|
+
public static let ring = Color(red: 0.573, green: 0.698, blue: 0.784)
|
|
31
|
+
public static let chart1 = Color(red: 0.573, green: 0.698, blue: 0.784)
|
|
32
|
+
public static let chart2 = Color(red: 0.565, green: 0.627, blue: 0.561)
|
|
33
|
+
public static let chart3 = Color(red: 1, green: 0.788, blue: 0.459)
|
|
34
|
+
public static let chart4 = Color(red: 0.867, green: 0.416, blue: 0.416)
|
|
35
|
+
public static let chart5 = Color(red: 0.824, green: 0.757, blue: 0.714)
|
|
36
|
+
public static let sidebar = Color(red: 0.043, green: 0.094, blue: 0.129)
|
|
37
|
+
public static let sidebarForeground = Color(red: 0.941, green: 0.969, blue: 1)
|
|
38
|
+
public static let sidebarPrimary = Color(red: 0.573, green: 0.698, blue: 0.784)
|
|
39
|
+
public static let sidebarPrimaryForeground = Color(red: 0.02, green: 0.047, blue: 0.067)
|
|
40
|
+
public static let sidebarAccent = Color(red: 0.063, green: 0.141, blue: 0.196)
|
|
41
|
+
public static let sidebarAccentForeground = Color(red: 0.941, green: 0.969, blue: 1)
|
|
42
|
+
public static let sidebarBorder = Color(red: 0.224, green: 0.353, blue: 0.439)
|
|
43
|
+
public static let sidebarRing = Color(red: 0.573, green: 0.698, blue: 0.784)
|
|
44
|
+
public static let tertiary = Color(red: 0.224, green: 0.353, blue: 0.439)
|
|
45
|
+
public static let tertiaryForeground = Color(red: 0.941, green: 0.969, blue: 1)
|
|
46
|
+
public static let info = Color(red: 0.573, green: 0.698, blue: 0.784)
|
|
47
|
+
public static let infoForeground = Color(red: 0.02, green: 0.047, blue: 0.067)
|
|
48
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
//
|
|
2
|
+
// KinetixColorsSwiftUI — generated by Style Dictionary. Do not edit.
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import SwiftUI
|
|
6
|
+
|
|
7
|
+
public enum KinetixColorsSwiftUI {
|
|
8
|
+
public static let background = Color(red: 1, green: 1, blue: 1)
|
|
9
|
+
public static let foreground = Color(red: 0.02, green: 0.047, blue: 0.067)
|
|
10
|
+
public static let card = Color(red: 1, green: 1, blue: 1)
|
|
11
|
+
public static let cardForeground = Color(red: 0.02, green: 0.047, blue: 0.067)
|
|
12
|
+
public static let popover = Color(red: 1, green: 1, blue: 1)
|
|
13
|
+
public static let popoverForeground = Color(red: 0.02, green: 0.047, blue: 0.067)
|
|
14
|
+
public static let primary = Color(red: 0.106, green: 0.235, blue: 0.325)
|
|
15
|
+
public static let primaryForeground = Color(red: 0.941, green: 0.969, blue: 1)
|
|
16
|
+
public static let secondary = Color(red: 0.945, green: 0.953, blue: 0.945)
|
|
17
|
+
public static let secondaryForeground = Color(red: 0.365, green: 0.427, blue: 0.361)
|
|
18
|
+
public static let muted = Color(red: 0.965, green: 0.965, blue: 0.965)
|
|
19
|
+
public static let mutedForeground = Color(red: 0.427, green: 0.427, blue: 0.427)
|
|
20
|
+
public static let accent = Color(red: 0.941, green: 0.969, blue: 1)
|
|
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)
|
|
23
|
+
public static let destructiveForeground = Color(red: 0.996, green: 0.953, blue: 0.949)
|
|
24
|
+
public static let success = Color(red: 0.365, green: 0.427, blue: 0.361)
|
|
25
|
+
public static let successForeground = Color(red: 0.945, green: 0.953, blue: 0.945)
|
|
26
|
+
public static let warning = Color(red: 0.976, green: 0.475, blue: 0.027)
|
|
27
|
+
public static let warningForeground = Color(red: 1, green: 0.973, blue: 0.922)
|
|
28
|
+
public static let border = Color(red: 0.573, green: 0.698, blue: 0.784)
|
|
29
|
+
public static let input = Color(red: 0.573, green: 0.698, blue: 0.784)
|
|
30
|
+
public static let ring = Color(red: 0.106, green: 0.235, blue: 0.325)
|
|
31
|
+
public static let chart1 = Color(red: 0.106, green: 0.235, blue: 0.325)
|
|
32
|
+
public static let chart2 = Color(red: 0.455, green: 0.533, blue: 0.451)
|
|
33
|
+
public static let chart3 = Color(red: 1, green: 0.737, blue: 0.325)
|
|
34
|
+
public static let chart4 = Color(red: 0.82, green: 0.227, blue: 0.227)
|
|
35
|
+
public static let chart5 = Color(red: 0.706, green: 0.643, blue: 0.6)
|
|
36
|
+
public static let sidebar = Color(red: 0.98, green: 0.98, blue: 0.98)
|
|
37
|
+
public static let sidebarForeground = Color(red: 0.02, green: 0.047, blue: 0.067)
|
|
38
|
+
public static let sidebarPrimary = Color(red: 0.106, green: 0.235, blue: 0.325)
|
|
39
|
+
public static let sidebarPrimaryForeground = Color(red: 0.941, green: 0.969, blue: 1)
|
|
40
|
+
public static let sidebarAccent = Color(red: 0.941, green: 0.969, blue: 1)
|
|
41
|
+
public static let sidebarAccentForeground = Color(red: 0.106, green: 0.235, blue: 0.325)
|
|
42
|
+
public static let sidebarBorder = Color(red: 0.878, green: 0.878, blue: 0.878)
|
|
43
|
+
public static let sidebarRing = Color(red: 0.106, green: 0.235, blue: 0.325)
|
|
44
|
+
public static let tertiary = Color(red: 0.69, green: 0.69, blue: 0.69)
|
|
45
|
+
public static let tertiaryForeground = Color(red: 0.941, green: 0.969, blue: 1)
|
|
46
|
+
public static let info = Color(red: 0.341, green: 0.467, blue: 0.553)
|
|
47
|
+
public static let infoForeground = Color(red: 0.941, green: 0.969, blue: 1)
|
|
48
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kinetixui/tokens",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
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",
|