@crewlethq/tokens 0.5.7 → 0.6.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.
Files changed (9) hide show
  1. package/README.md +82 -68
  2. package/dist/css/themes.css +170 -170
  3. package/dist/css/tokens.css +7 -7
  4. package/dist/themes.d.ts +109 -109
  5. package/dist/themes.js +109 -109
  6. package/package.json +1 -1
  7. package/test/palette.d.mts +6 -0
  8. package/test/palette.mjs +70 -37
  9. package/test/palette.test.mjs +69 -41
package/dist/themes.d.ts CHANGED
@@ -11,68 +11,68 @@ export declare const themes: {
11
11
  readonly light: {
12
12
  readonly color: {
13
13
  readonly surface: {
14
- readonly frame: "#ededea";
15
- readonly background: "#f9f9f8";
16
- readonly subtle: "#ffffff";
17
- readonly elevated: "#f3f3f1";
18
- readonly hover: "rgba(9, 9, 11, 0.044)";
19
- readonly pressed: "rgba(9, 9, 11, 0.088)";
20
- readonly inset: "rgba(9, 9, 11, 0.026)";
21
- readonly glass: "rgba(255, 255, 255, 0.90)";
14
+ readonly frame: "#e9ecf3";
15
+ readonly background: "#f6f7fb";
16
+ readonly subtle: "#fcfcfc";
17
+ readonly elevated: "#f1f2f6";
18
+ readonly hover: "rgba(7, 8, 13, 0.044)";
19
+ readonly pressed: "rgba(7, 8, 13, 0.088)";
20
+ readonly inset: "rgba(7, 8, 13, 0.026)";
21
+ readonly glass: "rgba(252, 252, 252, 0.90)";
22
22
  readonly scrim: "rgba(0, 0, 0, 0.6)";
23
- readonly veil: "rgba(237, 237, 234, 0.65)";
24
- readonly inverse: "#09090b";
23
+ readonly veil: "rgba(233, 236, 243, 0.65)";
24
+ readonly inverse: "#07080d";
25
25
  };
26
26
  readonly text: {
27
- readonly primary: "#17171a";
28
- readonly secondary: "#46464e";
29
- readonly tertiary: "#5f5e67";
30
- readonly muted: "#8d8d94";
27
+ readonly primary: "#121625";
28
+ readonly secondary: "#3e4459";
29
+ readonly tertiary: "#585e73";
30
+ readonly muted: "#878d9f";
31
31
  readonly onAccent: "#ffffff";
32
- readonly inverse: "#fafafa";
32
+ readonly inverse: "#f6f7fb";
33
33
  };
34
34
  readonly brand: {
35
- readonly accent: "#6b45f0";
36
- readonly accentHover: "#633ae5";
37
- readonly accentActive: "#5b2eda";
38
- readonly accentInk: "#5a33de";
39
- readonly accentSoft: "rgba(107, 69, 240, 0.108)";
40
- readonly accentRgb: "107, 69, 240";
41
- readonly accentSoftStrong: "rgba(107, 69, 240, 0.32)";
35
+ readonly accent: "#735af2";
36
+ readonly accentHover: "#674ee4";
37
+ readonly accentActive: "#5b3dc7";
38
+ readonly accentInk: "#4f51bd";
39
+ readonly accentSoft: "rgba(115, 90, 242, 0.125)";
40
+ readonly accentRgb: "115, 90, 242";
41
+ readonly accentSoftStrong: "rgba(115, 90, 242, 0.32)";
42
42
  };
43
43
  readonly border: {
44
- readonly default: "#e4e4e0";
45
- readonly hover: "#d3d3ce";
46
- readonly strong: "#d3d3ce";
47
- readonly strongHover: "#c2c2bc";
48
- readonly control: "#7a7a82";
44
+ readonly default: "#e7e8ec";
45
+ readonly hover: "#c9cfdc";
46
+ readonly strong: "#c9cfdc";
47
+ readonly strongHover: "#acb6cc";
48
+ readonly control: "#777a83";
49
49
  };
50
- readonly focus: "#6b45f0";
50
+ readonly focus: "#735af2";
51
51
  readonly feedback: {
52
- readonly success: "#009b74";
53
- readonly successInk: "#106d46";
54
- readonly warning: "#c57600";
55
- readonly warningInk: "#8e5000";
56
- readonly danger: "#c01d32";
57
- readonly dangerHover: "#b5092a";
58
- readonly dangerInk: "#b61426";
59
- readonly info: "#3081de";
60
- readonly infoInk: "#1a5eb3";
61
- readonly successSoft: "rgba(0, 155, 116, 0.12)";
62
- readonly successLine: "rgba(0, 155, 116, 0.3)";
63
- readonly warningSoft: "rgba(197, 118, 0, 0.12)";
64
- readonly warningLine: "rgba(197, 118, 0, 0.3)";
65
- readonly dangerSoft: "rgba(192, 29, 50, 0.12)";
66
- readonly dangerLine: "rgba(192, 29, 50, 0.3)";
67
- readonly infoSoft: "rgba(48, 129, 222, 0.12)";
68
- readonly infoLine: "rgba(48, 129, 222, 0.3)";
52
+ readonly success: "#0b9a74";
53
+ readonly successInk: "#0b6a4b";
54
+ readonly warning: "#c17300";
55
+ readonly warningInk: "#8c4e00";
56
+ readonly danger: "#b9112c";
57
+ readonly dangerHover: "#ad0023";
58
+ readonly dangerInk: "#b20d23";
59
+ readonly info: "#2f92b4";
60
+ readonly infoInk: "#1a6588";
61
+ readonly successSoft: "rgba(11, 154, 116, 0.12)";
62
+ readonly successLine: "rgba(11, 154, 116, 0.3)";
63
+ readonly warningSoft: "rgba(193, 115, 0, 0.12)";
64
+ readonly warningLine: "rgba(193, 115, 0, 0.3)";
65
+ readonly dangerSoft: "rgba(185, 17, 44, 0.12)";
66
+ readonly dangerLine: "rgba(185, 17, 44, 0.3)";
67
+ readonly infoSoft: "rgba(47, 146, 180, 0.12)";
68
+ readonly infoLine: "rgba(47, 146, 180, 0.3)";
69
69
  };
70
70
  readonly data: {
71
- readonly "1": "#3879ce";
72
- readonly "2": "#e45f28";
73
- readonly "3": "#009b74";
74
- readonly "4": "#c57600";
75
- readonly other: "#88888f";
71
+ readonly "1": "#5c76c3";
72
+ readonly "2": "#dd5920";
73
+ readonly "3": "#00956e";
74
+ readonly "4": "#c27600";
75
+ readonly other: "#85868d";
76
76
  };
77
77
  readonly node: {
78
78
  readonly purple: "#7150b3";
@@ -106,19 +106,19 @@ export declare const themes: {
106
106
  readonly blueLine: "rgba(64, 98, 167, 0.38)";
107
107
  readonly blueHalo: "rgba(64, 98, 167, 0.16)";
108
108
  };
109
- readonly scrollbar: "rgba(9, 9, 11, 0.2)";
110
- readonly scrollbarHover: "rgba(9, 9, 11, 0.32)";
109
+ readonly scrollbar: "rgba(7, 8, 13, 0.2)";
110
+ readonly scrollbarHover: "rgba(7, 8, 13, 0.32)";
111
111
  };
112
112
  readonly shadow: {
113
- readonly xs: "0 1px 2px rgba(9, 9, 11, 0.06)";
114
- readonly sm: "0 2px 8px rgba(9, 9, 11, 0.07)";
115
- readonly md: "0 4px 12px rgba(9, 9, 11, 0.08), 0 1px 3px rgba(9, 9, 11, 0.06)";
116
- readonly lg: "0 8px 24px rgba(9, 9, 11, 0.12)";
117
- readonly xl: "0 16px 40px rgba(9, 9, 11, 0.16), 0 2px 8px rgba(9, 9, 11, 0.08)";
118
- readonly sheet: "-16px 0 40px rgba(9, 9, 11, 0.16), -2px 0 8px rgba(9, 9, 11, 0.08)";
119
- readonly "2xl": "0 16px 64px rgba(9, 9, 11, 0.20)";
120
- readonly card: "0 8px 24px rgba(9, 9, 11, 0.07)";
121
- readonly rimLit: "0 4px 24px rgba(9, 9, 11, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.6)";
113
+ readonly xs: "0 1px 2px rgba(7, 8, 13, 0.06)";
114
+ readonly sm: "0 2px 8px rgba(7, 8, 13, 0.07)";
115
+ readonly md: "0 4px 12px rgba(7, 8, 13, 0.08), 0 1px 3px rgba(7, 8, 13, 0.06)";
116
+ readonly lg: "0 8px 24px rgba(7, 8, 13, 0.12)";
117
+ readonly xl: "0 16px 40px rgba(7, 8, 13, 0.16), 0 2px 8px rgba(7, 8, 13, 0.08)";
118
+ readonly sheet: "-16px 0 40px rgba(7, 8, 13, 0.16), -2px 0 8px rgba(7, 8, 13, 0.08)";
119
+ readonly "2xl": "0 16px 64px rgba(7, 8, 13, 0.20)";
120
+ readonly card: "0 8px 24px rgba(7, 8, 13, 0.07)";
121
+ readonly rimLit: "0 4px 24px rgba(7, 8, 13, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.6)";
122
122
  readonly hairline: "none";
123
123
  readonly focus: "0 0 0 2px var(--color-surface-background), 0 0 0 4px var(--color-focus)";
124
124
  readonly selection: "inset 0 0 0 2px var(--color-brand-accent)";
@@ -128,68 +128,68 @@ export declare const themes: {
128
128
  readonly dark: {
129
129
  readonly color: {
130
130
  readonly surface: {
131
- readonly frame: "#09090b";
132
- readonly background: "#101013";
133
- readonly subtle: "#141418";
134
- readonly elevated: "#1b1b20";
131
+ readonly frame: "#07080d";
132
+ readonly background: "#0c0e16";
133
+ readonly subtle: "#11141d";
134
+ readonly elevated: "#242833";
135
135
  readonly hover: "rgba(255, 255, 255, 0.061)";
136
- readonly pressed: "rgba(255, 255, 255, 0.094)";
136
+ readonly pressed: "rgba(255, 255, 255, 0.098)";
137
137
  readonly inset: "rgba(255, 255, 255, 0.028)";
138
- readonly glass: "rgba(20, 20, 24, 0.90)";
138
+ readonly glass: "rgba(17, 20, 29, 0.90)";
139
139
  readonly scrim: "rgba(0, 0, 0, 0.6)";
140
- readonly veil: "rgba(9, 9, 11, 0.65)";
141
- readonly inverse: "#ffffff";
140
+ readonly veil: "rgba(7, 8, 13, 0.65)";
141
+ readonly inverse: "#fcfcfc";
142
142
  };
143
143
  readonly text: {
144
- readonly primary: "#ededf0";
145
- readonly secondary: "#b4b4bc";
146
- readonly tertiary: "#9797a1";
147
- readonly muted: "#5f5f68";
144
+ readonly primary: "#e6e9f2";
145
+ readonly secondary: "#a9b0c3";
146
+ readonly tertiary: "#9fa7bc";
147
+ readonly muted: "#5a6176";
148
148
  readonly onAccent: "#ffffff";
149
- readonly inverse: "#09090b";
149
+ readonly inverse: "#07080d";
150
150
  };
151
151
  readonly brand: {
152
- readonly accent: "#7c56ff";
153
- readonly accentHover: "#744bf4";
154
- readonly accentActive: "#6c40e9";
155
- readonly accentInk: "#b3a1ff";
156
- readonly accentSoft: "rgba(124, 86, 255, 0.16)";
157
- readonly accentRgb: "124, 86, 255";
158
- readonly accentSoftStrong: "rgba(124, 86, 255, 0.32)";
152
+ readonly accent: "#725be6";
153
+ readonly accentHover: "#674ee4";
154
+ readonly accentActive: "#5b3dc7";
155
+ readonly accentInk: "#a9b0ff";
156
+ readonly accentSoft: "rgba(114, 91, 230, 0.16)";
157
+ readonly accentRgb: "114, 91, 230";
158
+ readonly accentSoftStrong: "rgba(114, 91, 230, 0.32)";
159
159
  };
160
160
  readonly border: {
161
- readonly default: "#232329";
162
- readonly hover: "#303038";
163
- readonly strong: "#303038";
164
- readonly strongHover: "#3e3e48";
165
- readonly control: "#787983";
161
+ readonly default: "#191b20";
162
+ readonly hover: "#2d3448";
163
+ readonly strong: "#2d3448";
164
+ readonly strongHover: "#424f74";
165
+ readonly control: "#7f879c";
166
166
  };
167
- readonly focus: "#7e5bff";
167
+ readonly focus: "#8572fe";
168
168
  readonly feedback: {
169
- readonly success: "#3ecf8f";
170
- readonly successInk: "#72dead";
171
- readonly warning: "#f4b221";
172
- readonly warningInk: "#f6c86f";
173
- readonly danger: "#e50055";
174
- readonly dangerHover: "#d6004f";
175
- readonly dangerInk: "#ff9a9a";
176
- readonly info: "#4c9dff";
177
- readonly infoInk: "#86beff";
178
- readonly successSoft: "rgba(62, 207, 143, 0.12)";
179
- readonly successLine: "rgba(62, 207, 143, 0.3)";
180
- readonly warningSoft: "rgba(244, 178, 33, 0.12)";
181
- readonly warningLine: "rgba(244, 178, 33, 0.3)";
182
- readonly dangerSoft: "rgba(229, 0, 85, 0.12)";
183
- readonly dangerLine: "rgba(229, 0, 85, 0.3)";
184
- readonly infoSoft: "rgba(76, 157, 255, 0.12)";
185
- readonly infoLine: "rgba(76, 157, 255, 0.3)";
169
+ readonly success: "#34c98b";
170
+ readonly successInk: "#74dcae";
171
+ readonly warning: "#f0b425";
172
+ readonly warningInk: "#f6cd72";
173
+ readonly danger: "#d93855";
174
+ readonly dangerHover: "#ce2c4d";
175
+ readonly dangerInk: "#ff9fb0";
176
+ readonly info: "#61d0ff";
177
+ readonly infoInk: "#8ad6fb";
178
+ readonly successSoft: "rgba(52, 201, 139, 0.12)";
179
+ readonly successLine: "rgba(52, 201, 139, 0.3)";
180
+ readonly warningSoft: "rgba(240, 180, 37, 0.12)";
181
+ readonly warningLine: "rgba(240, 180, 37, 0.3)";
182
+ readonly dangerSoft: "rgba(217, 56, 85, 0.12)";
183
+ readonly dangerLine: "rgba(217, 56, 85, 0.3)";
184
+ readonly infoSoft: "rgba(97, 208, 255, 0.12)";
185
+ readonly infoLine: "rgba(97, 208, 255, 0.3)";
186
186
  };
187
187
  readonly data: {
188
- readonly "1": "#458adc";
189
- readonly "2": "#e4631f";
190
- readonly "3": "#009c79";
191
- readonly "4": "#c98500";
192
- readonly other: "#6e6e78";
188
+ readonly "1": "#4d8ff6";
189
+ readonly "2": "#e67737";
190
+ readonly "3": "#26b583";
191
+ readonly "4": "#eab106";
192
+ readonly other: "#6a7186";
193
193
  };
194
194
  readonly node: {
195
195
  readonly purple: "#8e6ed4";
package/dist/themes.js CHANGED
@@ -12,68 +12,68 @@ export const themes = {
12
12
  "light": {
13
13
  "color": {
14
14
  "surface": {
15
- "frame": "#ededea",
16
- "background": "#f9f9f8",
17
- "subtle": "#ffffff",
18
- "elevated": "#f3f3f1",
19
- "hover": "rgba(9, 9, 11, 0.044)",
20
- "pressed": "rgba(9, 9, 11, 0.088)",
21
- "inset": "rgba(9, 9, 11, 0.026)",
22
- "glass": "rgba(255, 255, 255, 0.90)",
15
+ "frame": "#e9ecf3",
16
+ "background": "#f6f7fb",
17
+ "subtle": "#fcfcfc",
18
+ "elevated": "#f1f2f6",
19
+ "hover": "rgba(7, 8, 13, 0.044)",
20
+ "pressed": "rgba(7, 8, 13, 0.088)",
21
+ "inset": "rgba(7, 8, 13, 0.026)",
22
+ "glass": "rgba(252, 252, 252, 0.90)",
23
23
  "scrim": "rgba(0, 0, 0, 0.6)",
24
- "veil": "rgba(237, 237, 234, 0.65)",
25
- "inverse": "#09090b"
24
+ "veil": "rgba(233, 236, 243, 0.65)",
25
+ "inverse": "#07080d"
26
26
  },
27
27
  "text": {
28
- "primary": "#17171a",
29
- "secondary": "#46464e",
30
- "tertiary": "#5f5e67",
31
- "muted": "#8d8d94",
28
+ "primary": "#121625",
29
+ "secondary": "#3e4459",
30
+ "tertiary": "#585e73",
31
+ "muted": "#878d9f",
32
32
  "onAccent": "#ffffff",
33
- "inverse": "#fafafa"
33
+ "inverse": "#f6f7fb"
34
34
  },
35
35
  "brand": {
36
- "accent": "#6b45f0",
37
- "accentHover": "#633ae5",
38
- "accentActive": "#5b2eda",
39
- "accentInk": "#5a33de",
40
- "accentSoft": "rgba(107, 69, 240, 0.108)",
41
- "accentRgb": "107, 69, 240",
42
- "accentSoftStrong": "rgba(107, 69, 240, 0.32)"
36
+ "accent": "#735af2",
37
+ "accentHover": "#674ee4",
38
+ "accentActive": "#5b3dc7",
39
+ "accentInk": "#4f51bd",
40
+ "accentSoft": "rgba(115, 90, 242, 0.125)",
41
+ "accentRgb": "115, 90, 242",
42
+ "accentSoftStrong": "rgba(115, 90, 242, 0.32)"
43
43
  },
44
44
  "border": {
45
- "default": "#e4e4e0",
46
- "hover": "#d3d3ce",
47
- "strong": "#d3d3ce",
48
- "strongHover": "#c2c2bc",
49
- "control": "#7a7a82"
45
+ "default": "#e7e8ec",
46
+ "hover": "#c9cfdc",
47
+ "strong": "#c9cfdc",
48
+ "strongHover": "#acb6cc",
49
+ "control": "#777a83"
50
50
  },
51
- "focus": "#6b45f0",
51
+ "focus": "#735af2",
52
52
  "feedback": {
53
- "success": "#009b74",
54
- "successInk": "#106d46",
55
- "warning": "#c57600",
56
- "warningInk": "#8e5000",
57
- "danger": "#c01d32",
58
- "dangerHover": "#b5092a",
59
- "dangerInk": "#b61426",
60
- "info": "#3081de",
61
- "infoInk": "#1a5eb3",
62
- "successSoft": "rgba(0, 155, 116, 0.12)",
63
- "successLine": "rgba(0, 155, 116, 0.3)",
64
- "warningSoft": "rgba(197, 118, 0, 0.12)",
65
- "warningLine": "rgba(197, 118, 0, 0.3)",
66
- "dangerSoft": "rgba(192, 29, 50, 0.12)",
67
- "dangerLine": "rgba(192, 29, 50, 0.3)",
68
- "infoSoft": "rgba(48, 129, 222, 0.12)",
69
- "infoLine": "rgba(48, 129, 222, 0.3)"
53
+ "success": "#0b9a74",
54
+ "successInk": "#0b6a4b",
55
+ "warning": "#c17300",
56
+ "warningInk": "#8c4e00",
57
+ "danger": "#b9112c",
58
+ "dangerHover": "#ad0023",
59
+ "dangerInk": "#b20d23",
60
+ "info": "#2f92b4",
61
+ "infoInk": "#1a6588",
62
+ "successSoft": "rgba(11, 154, 116, 0.12)",
63
+ "successLine": "rgba(11, 154, 116, 0.3)",
64
+ "warningSoft": "rgba(193, 115, 0, 0.12)",
65
+ "warningLine": "rgba(193, 115, 0, 0.3)",
66
+ "dangerSoft": "rgba(185, 17, 44, 0.12)",
67
+ "dangerLine": "rgba(185, 17, 44, 0.3)",
68
+ "infoSoft": "rgba(47, 146, 180, 0.12)",
69
+ "infoLine": "rgba(47, 146, 180, 0.3)"
70
70
  },
71
71
  "data": {
72
- "1": "#3879ce",
73
- "2": "#e45f28",
74
- "3": "#009b74",
75
- "4": "#c57600",
76
- "other": "#88888f"
72
+ "1": "#5c76c3",
73
+ "2": "#dd5920",
74
+ "3": "#00956e",
75
+ "4": "#c27600",
76
+ "other": "#85868d"
77
77
  },
78
78
  "node": {
79
79
  "purple": "#7150b3",
@@ -107,19 +107,19 @@ export const themes = {
107
107
  "blueLine": "rgba(64, 98, 167, 0.38)",
108
108
  "blueHalo": "rgba(64, 98, 167, 0.16)"
109
109
  },
110
- "scrollbar": "rgba(9, 9, 11, 0.2)",
111
- "scrollbarHover": "rgba(9, 9, 11, 0.32)"
110
+ "scrollbar": "rgba(7, 8, 13, 0.2)",
111
+ "scrollbarHover": "rgba(7, 8, 13, 0.32)"
112
112
  },
113
113
  "shadow": {
114
- "xs": "0 1px 2px rgba(9, 9, 11, 0.06)",
115
- "sm": "0 2px 8px rgba(9, 9, 11, 0.07)",
116
- "md": "0 4px 12px rgba(9, 9, 11, 0.08), 0 1px 3px rgba(9, 9, 11, 0.06)",
117
- "lg": "0 8px 24px rgba(9, 9, 11, 0.12)",
118
- "xl": "0 16px 40px rgba(9, 9, 11, 0.16), 0 2px 8px rgba(9, 9, 11, 0.08)",
119
- "sheet": "-16px 0 40px rgba(9, 9, 11, 0.16), -2px 0 8px rgba(9, 9, 11, 0.08)",
120
- "2xl": "0 16px 64px rgba(9, 9, 11, 0.20)",
121
- "card": "0 8px 24px rgba(9, 9, 11, 0.07)",
122
- "rimLit": "0 4px 24px rgba(9, 9, 11, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.6)",
114
+ "xs": "0 1px 2px rgba(7, 8, 13, 0.06)",
115
+ "sm": "0 2px 8px rgba(7, 8, 13, 0.07)",
116
+ "md": "0 4px 12px rgba(7, 8, 13, 0.08), 0 1px 3px rgba(7, 8, 13, 0.06)",
117
+ "lg": "0 8px 24px rgba(7, 8, 13, 0.12)",
118
+ "xl": "0 16px 40px rgba(7, 8, 13, 0.16), 0 2px 8px rgba(7, 8, 13, 0.08)",
119
+ "sheet": "-16px 0 40px rgba(7, 8, 13, 0.16), -2px 0 8px rgba(7, 8, 13, 0.08)",
120
+ "2xl": "0 16px 64px rgba(7, 8, 13, 0.20)",
121
+ "card": "0 8px 24px rgba(7, 8, 13, 0.07)",
122
+ "rimLit": "0 4px 24px rgba(7, 8, 13, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.6)",
123
123
  "hairline": "none",
124
124
  "focus": "0 0 0 2px var(--color-surface-background), 0 0 0 4px var(--color-focus)",
125
125
  "selection": "inset 0 0 0 2px var(--color-brand-accent)",
@@ -129,68 +129,68 @@ export const themes = {
129
129
  "dark": {
130
130
  "color": {
131
131
  "surface": {
132
- "frame": "#09090b",
133
- "background": "#101013",
134
- "subtle": "#141418",
135
- "elevated": "#1b1b20",
132
+ "frame": "#07080d",
133
+ "background": "#0c0e16",
134
+ "subtle": "#11141d",
135
+ "elevated": "#242833",
136
136
  "hover": "rgba(255, 255, 255, 0.061)",
137
- "pressed": "rgba(255, 255, 255, 0.094)",
137
+ "pressed": "rgba(255, 255, 255, 0.098)",
138
138
  "inset": "rgba(255, 255, 255, 0.028)",
139
- "glass": "rgba(20, 20, 24, 0.90)",
139
+ "glass": "rgba(17, 20, 29, 0.90)",
140
140
  "scrim": "rgba(0, 0, 0, 0.6)",
141
- "veil": "rgba(9, 9, 11, 0.65)",
142
- "inverse": "#ffffff"
141
+ "veil": "rgba(7, 8, 13, 0.65)",
142
+ "inverse": "#fcfcfc"
143
143
  },
144
144
  "text": {
145
- "primary": "#ededf0",
146
- "secondary": "#b4b4bc",
147
- "tertiary": "#9797a1",
148
- "muted": "#5f5f68",
145
+ "primary": "#e6e9f2",
146
+ "secondary": "#a9b0c3",
147
+ "tertiary": "#9fa7bc",
148
+ "muted": "#5a6176",
149
149
  "onAccent": "#ffffff",
150
- "inverse": "#09090b"
150
+ "inverse": "#07080d"
151
151
  },
152
152
  "brand": {
153
- "accent": "#7c56ff",
154
- "accentHover": "#744bf4",
155
- "accentActive": "#6c40e9",
156
- "accentInk": "#b3a1ff",
157
- "accentSoft": "rgba(124, 86, 255, 0.16)",
158
- "accentRgb": "124, 86, 255",
159
- "accentSoftStrong": "rgba(124, 86, 255, 0.32)"
153
+ "accent": "#725be6",
154
+ "accentHover": "#674ee4",
155
+ "accentActive": "#5b3dc7",
156
+ "accentInk": "#a9b0ff",
157
+ "accentSoft": "rgba(114, 91, 230, 0.16)",
158
+ "accentRgb": "114, 91, 230",
159
+ "accentSoftStrong": "rgba(114, 91, 230, 0.32)"
160
160
  },
161
161
  "border": {
162
- "default": "#232329",
163
- "hover": "#303038",
164
- "strong": "#303038",
165
- "strongHover": "#3e3e48",
166
- "control": "#787983"
162
+ "default": "#191b20",
163
+ "hover": "#2d3448",
164
+ "strong": "#2d3448",
165
+ "strongHover": "#424f74",
166
+ "control": "#7f879c"
167
167
  },
168
- "focus": "#7e5bff",
168
+ "focus": "#8572fe",
169
169
  "feedback": {
170
- "success": "#3ecf8f",
171
- "successInk": "#72dead",
172
- "warning": "#f4b221",
173
- "warningInk": "#f6c86f",
174
- "danger": "#e50055",
175
- "dangerHover": "#d6004f",
176
- "dangerInk": "#ff9a9a",
177
- "info": "#4c9dff",
178
- "infoInk": "#86beff",
179
- "successSoft": "rgba(62, 207, 143, 0.12)",
180
- "successLine": "rgba(62, 207, 143, 0.3)",
181
- "warningSoft": "rgba(244, 178, 33, 0.12)",
182
- "warningLine": "rgba(244, 178, 33, 0.3)",
183
- "dangerSoft": "rgba(229, 0, 85, 0.12)",
184
- "dangerLine": "rgba(229, 0, 85, 0.3)",
185
- "infoSoft": "rgba(76, 157, 255, 0.12)",
186
- "infoLine": "rgba(76, 157, 255, 0.3)"
170
+ "success": "#34c98b",
171
+ "successInk": "#74dcae",
172
+ "warning": "#f0b425",
173
+ "warningInk": "#f6cd72",
174
+ "danger": "#d93855",
175
+ "dangerHover": "#ce2c4d",
176
+ "dangerInk": "#ff9fb0",
177
+ "info": "#61d0ff",
178
+ "infoInk": "#8ad6fb",
179
+ "successSoft": "rgba(52, 201, 139, 0.12)",
180
+ "successLine": "rgba(52, 201, 139, 0.3)",
181
+ "warningSoft": "rgba(240, 180, 37, 0.12)",
182
+ "warningLine": "rgba(240, 180, 37, 0.3)",
183
+ "dangerSoft": "rgba(217, 56, 85, 0.12)",
184
+ "dangerLine": "rgba(217, 56, 85, 0.3)",
185
+ "infoSoft": "rgba(97, 208, 255, 0.12)",
186
+ "infoLine": "rgba(97, 208, 255, 0.3)"
187
187
  },
188
188
  "data": {
189
- "1": "#458adc",
190
- "2": "#e4631f",
191
- "3": "#009c79",
192
- "4": "#c98500",
193
- "other": "#6e6e78"
189
+ "1": "#4d8ff6",
190
+ "2": "#e67737",
191
+ "3": "#26b583",
192
+ "4": "#eab106",
193
+ "other": "#6a7186"
194
194
  },
195
195
  "node": {
196
196
  "purple": "#8e6ed4",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crewlethq/tokens",
3
- "version": "0.5.7",
3
+ "version": "0.6.0",
4
4
  "description": "Crewlet design tokens. Single JSON source compiled to CSS variables and typed JS modules.",
5
5
  "license": "MIT AND OFL-1.1",
6
6
  "repository": {
package/test/palette.d.mts CHANGED
@@ -125,6 +125,12 @@ export const RAIL_GROUND: string;
125
125
  export const RAIL_CURRENT_ROW: readonly [string, string];
126
126
  export const RAIL_CURRENT_LIFT: number;
127
127
 
128
+ /**
129
+ * A chip on the raised rung inside the strong hairline, as [fill, edge]: its
130
+ * boundary clears HAIRLINE_DE on every opaque rung and every overlay on one.
131
+ */
132
+ export const RAISED_CHIP: readonly [string, string];
133
+
128
134
  /**
129
135
  * The four chart series, by custom-property name, in the order a figure
130
136
  * assigns them. Past the fourth a figure takes `--color-data-other`, which is