@useinsider/design-tokens 0.1.1 → 0.2.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.
- package/README.md +43 -8
- package/dist/_compat.scss +14 -3
- package/dist/_tokens.scss +175 -1
- package/dist/tokens.css +440 -2
- package/dist/tokens.json +175 -1
- package/package.json +1 -1
- package/tokens/source.json +892 -105
package/dist/tokens.json
CHANGED
|
@@ -41,6 +41,59 @@
|
|
|
41
41
|
"background/surface-subtle": "#fafafa",
|
|
42
42
|
"background/surface-subtle-hover": "#e5e5e5",
|
|
43
43
|
"background/track": "#d9d9d9",
|
|
44
|
+
"background/calendarpopover/compare-selected": "#c42671",
|
|
45
|
+
"background/calendarpopover/compare-selected-hover": "#d35789",
|
|
46
|
+
"background/calendarpopover/compare-subtle": "#ffc5d7",
|
|
47
|
+
"background/calendarpopover/compare-subtle-hover": "#f4a2bd",
|
|
48
|
+
"background/calendarpopover/primary-selected-hover": "#8b7d8e",
|
|
49
|
+
"background/calendarpopover/primary-subtle": "#ded5df",
|
|
50
|
+
"background/calendarpopover/primary-subtle-hover": "#c1b7c3",
|
|
51
|
+
"background/chips/secondary-hover": "#736d5d",
|
|
52
|
+
"background/chips/surface/error-hover": "#fc8f8c",
|
|
53
|
+
"background/chips/surface/info-hover": "#94b7fb",
|
|
54
|
+
"background/chips/surface/magenta-hover": "#e481a4",
|
|
55
|
+
"background/chips/surface/orange-hover": "#f1b06f",
|
|
56
|
+
"background/chips/surface/primary-hover": "#a699a8",
|
|
57
|
+
"background/chips/surface/secondary-subtle-hover": "#a7a191",
|
|
58
|
+
"background/chips/surface/smart-hover": "#a184dd",
|
|
59
|
+
"background/chips/surface/success-hover": "#8cc3a1",
|
|
60
|
+
"background/chips/surface/warning-hover": "#fdd677",
|
|
61
|
+
"background/datatable/pagination-selected": "#ece5ed",
|
|
62
|
+
"background/datatable/pagination-selected-hover": "#ded5df",
|
|
63
|
+
"background/datatable/row-selected": "#f2eef2",
|
|
64
|
+
"background/datatable/row-selected-hover": "#ece5ed",
|
|
65
|
+
"background/magenta-hover": "#d35789",
|
|
66
|
+
"background/magenta-subtle-hover": "#ffc5d7",
|
|
67
|
+
"background/orange-hover": "#eb9840",
|
|
68
|
+
"background/orange-subtle-hover": "#ffe6ce",
|
|
69
|
+
"background/overlay": "#00000066",
|
|
70
|
+
"background/primary-bold": "#170d19",
|
|
71
|
+
"background/primary-bold-hover": "#3f3042",
|
|
72
|
+
"background/ribbon/error": "#ffd1ce",
|
|
73
|
+
"background/ribbon/info": "#d8e5ff",
|
|
74
|
+
"background/ribbon/success": "#d8efe0",
|
|
75
|
+
"background/ribbon/warning": "#ffeebc",
|
|
76
|
+
"background/sidebar/item": "#170d19",
|
|
77
|
+
"background/sidebar/item-hover": "#261a28",
|
|
78
|
+
"background/sidebar/item-selected": "#261a28",
|
|
79
|
+
"background/sidebar/oncolor-hover": "#8b7d8e",
|
|
80
|
+
"background/sidebar/seconditem": "#3f3042",
|
|
81
|
+
"background/sidebar/seconditem-hover": "#58485b",
|
|
82
|
+
"background/sidebar/subitem": "#261a28",
|
|
83
|
+
"background/sidebar/subitem-hover": "#3f3042",
|
|
84
|
+
"background/sidebar/thirditem": "#58485b",
|
|
85
|
+
"background/sidebar/thirditem-hover": "#716174",
|
|
86
|
+
"background/smart-hover": "#794ec2",
|
|
87
|
+
"background/smart-subtle-hover": "#ddceff",
|
|
88
|
+
"background/state/disabled-onbg-filled": "#999999",
|
|
89
|
+
"background/state/error-hover": "#ec585c",
|
|
90
|
+
"background/state/info-hover": "#6795f3",
|
|
91
|
+
"background/state/info-subtle-hover": "#d8e5ff",
|
|
92
|
+
"background/state/success-hover": "#449a67",
|
|
93
|
+
"background/state/success-subtle-hover": "#d8efe0",
|
|
94
|
+
"background/state/warning-hover": "#fbc846",
|
|
95
|
+
"background/state/warning-subtle-hover": "#ffeebc",
|
|
96
|
+
"background/transparent": "#ffffff00",
|
|
44
97
|
"border/bold": "#999999",
|
|
45
98
|
"border/bolder": "#333",
|
|
46
99
|
"border/chips/error-subtle": "#fc8f8c",
|
|
@@ -66,6 +119,14 @@
|
|
|
66
119
|
"border/state/warning": "#fcc535",
|
|
67
120
|
"border/state/warning-hover": "#fdd677",
|
|
68
121
|
"border/subtle": "#e5e5e5",
|
|
122
|
+
"border/chips/success-subtle": "#8cc3a1",
|
|
123
|
+
"border/magenta": "#c42671",
|
|
124
|
+
"border/magenta-hover": "#e481a4",
|
|
125
|
+
"border/magenta-subtle": "#ffd9e4",
|
|
126
|
+
"border/orange": "#e48818",
|
|
127
|
+
"border/primary-subtlest": "#ece5ed",
|
|
128
|
+
"border/smart-hover": "#a184dd",
|
|
129
|
+
"border/state/info-hover": "#94b7fb",
|
|
69
130
|
"icon/button/secondary": "#5a5546",
|
|
70
131
|
"icon/default": "#666",
|
|
71
132
|
"icon/inverted": "white",
|
|
@@ -73,6 +134,38 @@
|
|
|
73
134
|
"icon/neutral-inverted": "#333",
|
|
74
135
|
"icon/primary": "#261a28",
|
|
75
136
|
"icon/state/disabled": "#999999",
|
|
137
|
+
"icon/bold": "#333333",
|
|
138
|
+
"icon/button/error-pressed": "#ed4042",
|
|
139
|
+
"icon/button/error-selected": "#a32226",
|
|
140
|
+
"icon/button/inverted-pressed": "#fafafa",
|
|
141
|
+
"icon/button/inverted-selected": "#eeeeee",
|
|
142
|
+
"icon/button/primary-pressed": "#716174",
|
|
143
|
+
"icon/button/primary-selected": "#3f3042",
|
|
144
|
+
"icon/button/secondary-pressed": "#736d5d",
|
|
145
|
+
"icon/button/secondary-selected": "#423d30",
|
|
146
|
+
"icon/button/smart-pressed": "#5d23a4",
|
|
147
|
+
"icon/button/smart-selected": "#411874",
|
|
148
|
+
"icon/button/warning-pressed": "#bc9127",
|
|
149
|
+
"icon/button/warning-selected": "#5c4713",
|
|
150
|
+
"icon/inverted-subtle": "#cccccc",
|
|
151
|
+
"icon/magenta": "#c42671",
|
|
152
|
+
"icon/magenta-oncolor": "#68143a",
|
|
153
|
+
"icon/orange": "#e48818",
|
|
154
|
+
"icon/orange-oncolor": "#583306",
|
|
155
|
+
"icon/primary-subtle": "#58485b",
|
|
156
|
+
"icon/smart": "#5d23a4",
|
|
157
|
+
"icon/smart-oncolor": "#511c90",
|
|
158
|
+
"icon/state/error": "#ed4042",
|
|
159
|
+
"icon/state/error-oncolor": "#c92f33",
|
|
160
|
+
"icon/state/info": "#4078ef",
|
|
161
|
+
"icon/state/info-oncolor": "#223b85",
|
|
162
|
+
"icon/state/success": "#188b49",
|
|
163
|
+
"icon/state/success-oncolor": "#0a4324",
|
|
164
|
+
"icon/state/warning": "#fcc535",
|
|
165
|
+
"icon/state/warning-oncolor": "#8d6c1e",
|
|
166
|
+
"icon/subtle": "#cccccc",
|
|
167
|
+
"icon/subtle-hover": "#666666",
|
|
168
|
+
"icon/tab/hover": "#58485b",
|
|
76
169
|
"text/button/secondary": "#5a5546",
|
|
77
170
|
"text/default": "#333",
|
|
78
171
|
"text/inverted": "white",
|
|
@@ -93,6 +186,30 @@
|
|
|
93
186
|
"text/state/warning": "#8d6c1e",
|
|
94
187
|
"text/subtle": "#666",
|
|
95
188
|
"text/tab/hover": "#58485b",
|
|
189
|
+
"text/button/error-pressed": "#ed4042",
|
|
190
|
+
"text/button/error-selected": "#a32226",
|
|
191
|
+
"text/button/inverted-pressed": "#fafafa",
|
|
192
|
+
"text/button/inverted-selected": "#eeeeee",
|
|
193
|
+
"text/button/primary-pressed": "#716174",
|
|
194
|
+
"text/button/primary-selected": "#3f3042",
|
|
195
|
+
"text/button/secondary-pressed": "#736d5d",
|
|
196
|
+
"text/button/secondary-selected": "#423d30",
|
|
197
|
+
"text/button/smart-pressed": "#5d23a4",
|
|
198
|
+
"text/button/smart-selected": "#411874",
|
|
199
|
+
"text/button/warning-pressed": "#bc9127",
|
|
200
|
+
"text/button/warning-selected": "#5c4713",
|
|
201
|
+
"text/calendarpopover/days-label": "#808080",
|
|
202
|
+
"text/inverted-subtle": "#cccccc",
|
|
203
|
+
"text/inverted-subtler": "#d9d9d9",
|
|
204
|
+
"text/link": "#c93200",
|
|
205
|
+
"text/link-hover": "#ff7a5a",
|
|
206
|
+
"text/link-oncolor": "#333333",
|
|
207
|
+
"text/link-visited": "#c42671",
|
|
208
|
+
"text/smart-subtle": "#5d23a4",
|
|
209
|
+
"text/state/disabled-onbg": "#333333",
|
|
210
|
+
"text/state/info-subtle": "#4078ef",
|
|
211
|
+
"text/state/success-subtle": "#188b49",
|
|
212
|
+
"text/state/warning-subtle": "#fcc535",
|
|
96
213
|
"visual/dataviz/blue-subtle": "#94b7fb",
|
|
97
214
|
"visual/dataviz/datapaint/blue": "#4078ef",
|
|
98
215
|
"visual/dataviz/datapaint/blue-bold": "#2a4da8",
|
|
@@ -121,7 +238,64 @@
|
|
|
121
238
|
"visual/illustration/yellow-05": "#e2af2e",
|
|
122
239
|
"visual/scrollbar/thumb": "#ccc",
|
|
123
240
|
"visual/indicator/primary": "#261a28",
|
|
241
|
+
"visual/dataviz/datapaint/blue-subtle": "#94b7fb",
|
|
242
|
+
"visual/dataviz/datapaint/eclipse": "#3f3042",
|
|
243
|
+
"visual/dataviz/datapaint/eclipse-bold": "#261a28",
|
|
244
|
+
"visual/dataviz/datapaint/eclipse-subtle": "#716174",
|
|
245
|
+
"visual/dataviz/datapaint/gray": "#808080",
|
|
246
|
+
"visual/dataviz/datapaint/gray-bold": "#595959",
|
|
247
|
+
"visual/dataviz/datapaint/gray-subtle": "#e5e5e5",
|
|
248
|
+
"visual/dataviz/datapaint/green": "#188b49",
|
|
249
|
+
"visual/dataviz/datapaint/green-bold": "#0a4324",
|
|
250
|
+
"visual/dataviz/datapaint/lunar": "#8a453d",
|
|
251
|
+
"visual/dataviz/datapaint/lunar-bold": "#54241f",
|
|
252
|
+
"visual/dataviz/datapaint/lunar-subtle": "#d0c2c7",
|
|
253
|
+
"visual/dataviz/datapaint/magenta": "#d35789",
|
|
254
|
+
"visual/dataviz/datapaint/magenta-bold": "#ac2263",
|
|
255
|
+
"visual/dataviz/datapaint/magenta-subtle": "#f4a2bd",
|
|
256
|
+
"visual/dataviz/datapaint/nova": "#a7a191",
|
|
257
|
+
"visual/dataviz/datapaint/nova-bold": "#8c8675",
|
|
258
|
+
"visual/dataviz/datapaint/nova-subtle": "#e7e3da",
|
|
259
|
+
"visual/dataviz/datapaint/orange": "#e48818",
|
|
260
|
+
"visual/dataviz/datapaint/orange-bold": "#a35e01",
|
|
261
|
+
"visual/dataviz/datapaint/orange-subtle": "#ffcd9b",
|
|
262
|
+
"visual/dataviz/datapaint/purple-bold": "#5d23a4",
|
|
263
|
+
"visual/dataviz/datapaint/purple-subtle": "#a184dd",
|
|
264
|
+
"visual/dataviz/datapaint/red-bold": "#a32226",
|
|
265
|
+
"visual/dataviz/datapaint/red-subtle": "#ec585c",
|
|
266
|
+
"visual/dataviz/datapaint/solar": "#f4482b",
|
|
267
|
+
"visual/dataviz/datapaint/solar-bold": "#a02200",
|
|
268
|
+
"visual/dataviz/datapaint/solar-subtler": "#ffe5d9",
|
|
269
|
+
"visual/dataviz/datapaint/yellow": "#fbc846",
|
|
270
|
+
"visual/dataviz/datapaint/yellow-bold": "#e2af2e",
|
|
271
|
+
"visual/dataviz/datapaint/yellow-subtle": "#ffe297",
|
|
272
|
+
"visual/dataviz/grid/bar": "#999999cc",
|
|
273
|
+
"visual/dataviz/grid/line": "#cccccc",
|
|
274
|
+
"visual/illustration/eclipse-01": "#3f3042",
|
|
275
|
+
"visual/illustration/gray-03": "#f8f8f8",
|
|
276
|
+
"visual/illustration/gray-06": "#d9d9d9",
|
|
277
|
+
"visual/illustration/gray-07": "#808080",
|
|
278
|
+
"visual/illustration/gray-09": "#18181b",
|
|
279
|
+
"visual/illustration/red-04": "#c92f33",
|
|
280
|
+
"visual/pagination/dot-active": "#261a28",
|
|
281
|
+
"visual/pagination/dot-inactive": "#cccccc",
|
|
282
|
+
"visual/pagination/dot-oncolor-active": "#ffffff",
|
|
283
|
+
"visual/pagination/dot-oncolor-inactive": "#ffffff",
|
|
284
|
+
"visual/scrollbar/charts/zoomarea": "#99999966",
|
|
285
|
+
"visual/scrollbar/charts/zoomhandle": "#595959",
|
|
286
|
+
"visual/scrollbar/datatable/pinspacer": "#d9d9d9",
|
|
287
|
+
"visual/scrollbar/thumb-hover": "#666666",
|
|
288
|
+
"visual/scrollbar/track": "#ffffff",
|
|
124
289
|
"shadow/elevation": "0px 4px 12px 0px oklch(0.51 0 0 / 16%)",
|
|
125
290
|
"shadow/primary": "0 0 0 3px oklch(0.43 0.037 321 / 32%)",
|
|
126
|
-
"shadow/inverted": "0 0 0 3px oklch(0.70 0.026
|
|
291
|
+
"shadow/inverted": "0 0 0 3px oklch(0.70 0.026 322 / 40%)",
|
|
292
|
+
"shadow/create": "0 0 0 3px oklch(0.65 0.213 32 / 32%)",
|
|
293
|
+
"shadow/error": "0 0 0 3px oklch(0.63 0.211 25 / 32%)",
|
|
294
|
+
"shadow/info": "0 0 0 3px oklch(0.62 0.189 261 / 20%)",
|
|
295
|
+
"shadow/magenta": "0 0 0 3px oklch(0.56 0.200 4 / 20%)",
|
|
296
|
+
"shadow/orange": "0 0 0 3px oklch(0.70 0.156 60 / 32%)",
|
|
297
|
+
"shadow/secondary": "0 0 0 3px oklch(0.54 0.025 90 / 32%)",
|
|
298
|
+
"shadow/smart": "0 0 0 3px oklch(0.45 0.191 298 / 32%)",
|
|
299
|
+
"shadow/success": "0 0 0 3px oklch(0.55 0.139 152 / 20%)",
|
|
300
|
+
"shadow/warning": "0 0 0 3px oklch(0.84 0.160 82 / 40%)"
|
|
127
301
|
}
|
package/package.json
CHANGED