@norconsult-digital-public/isypixel 0.2.1 → 1.0.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/dist/css/styles.css +122 -100
- package/dist/css/typography-helpers.css +0 -2
- package/dist/css/typography.css +0 -2
- package/dist/esm/tokens/meta/tokens-meta.d.ts +174 -122
- package/dist/esm/tokens/meta/tokens-meta.js +189 -127
- package/dist/esm/tokens/semantic/color-semantic-variables.d.ts +197 -141
- package/dist/esm/tokens/semantic/color-semantic-variables.js +197 -141
- package/dist/scss/abstracts/_color-semantic-variables.scss +180 -146
- package/dist/scss/abstracts/_semantic-variables.scss +0 -4
- package/docs/tokens.md +195 -185
- package/package.json +2 -2
package/docs/tokens.md
CHANGED
|
@@ -225,189 +225,201 @@ This document contains all available tokens in ISY Pixel.
|
|
|
225
225
|
|
|
226
226
|
## Semantic Color Tokens
|
|
227
227
|
|
|
228
|
-
| Variable Name
|
|
229
|
-
|
|
|
230
|
-
|
|
|
231
|
-
|
|
|
232
|
-
|
|
|
233
|
-
|
|
|
234
|
-
|
|
|
235
|
-
|
|
|
236
|
-
|
|
|
237
|
-
|
|
|
238
|
-
|
|
|
239
|
-
|
|
|
240
|
-
|
|
|
241
|
-
|
|
|
242
|
-
|
|
|
243
|
-
|
|
|
244
|
-
|
|
|
245
|
-
|
|
|
246
|
-
|
|
|
247
|
-
|
|
|
248
|
-
|
|
|
249
|
-
|
|
|
250
|
-
|
|
|
251
|
-
|
|
|
252
|
-
|
|
|
253
|
-
|
|
|
254
|
-
|
|
|
255
|
-
|
|
|
256
|
-
|
|
|
257
|
-
|
|
|
258
|
-
|
|
|
259
|
-
|
|
|
260
|
-
|
|
|
261
|
-
|
|
|
262
|
-
|
|
|
263
|
-
|
|
|
264
|
-
|
|
|
265
|
-
|
|
|
266
|
-
|
|
|
267
|
-
|
|
|
268
|
-
|
|
|
269
|
-
|
|
|
270
|
-
|
|
|
271
|
-
|
|
|
272
|
-
|
|
|
273
|
-
|
|
|
274
|
-
|
|
|
275
|
-
|
|
|
276
|
-
|
|
|
277
|
-
|
|
|
278
|
-
|
|
|
279
|
-
|
|
|
280
|
-
|
|
|
281
|
-
|
|
|
282
|
-
|
|
|
283
|
-
|
|
|
284
|
-
|
|
|
285
|
-
|
|
|
286
|
-
|
|
|
287
|
-
|
|
|
288
|
-
|
|
|
289
|
-
|
|
|
290
|
-
|
|
|
291
|
-
|
|
|
292
|
-
|
|
|
293
|
-
|
|
|
294
|
-
|
|
|
295
|
-
|
|
|
296
|
-
|
|
|
297
|
-
|
|
|
298
|
-
|
|
|
299
|
-
|
|
|
300
|
-
|
|
|
301
|
-
|
|
|
302
|
-
|
|
|
303
|
-
|
|
|
304
|
-
|
|
|
305
|
-
|
|
|
306
|
-
|
|
|
307
|
-
|
|
|
308
|
-
|
|
|
309
|
-
|
|
|
310
|
-
|
|
|
311
|
-
|
|
|
312
|
-
|
|
|
313
|
-
|
|
|
314
|
-
|
|
|
315
|
-
|
|
|
316
|
-
|
|
|
317
|
-
|
|
|
318
|
-
|
|
|
319
|
-
|
|
|
320
|
-
|
|
|
321
|
-
|
|
|
322
|
-
|
|
|
323
|
-
|
|
|
324
|
-
|
|
|
325
|
-
|
|
|
326
|
-
|
|
|
327
|
-
|
|
|
328
|
-
|
|
|
329
|
-
|
|
|
330
|
-
|
|
|
331
|
-
|
|
|
332
|
-
|
|
|
333
|
-
|
|
|
334
|
-
|
|
|
335
|
-
|
|
|
336
|
-
|
|
|
337
|
-
|
|
|
338
|
-
|
|
|
339
|
-
|
|
|
340
|
-
|
|
|
341
|
-
|
|
|
342
|
-
|
|
|
343
|
-
|
|
|
344
|
-
|
|
|
345
|
-
|
|
|
346
|
-
|
|
|
347
|
-
|
|
|
348
|
-
|
|
|
349
|
-
|
|
|
350
|
-
|
|
|
351
|
-
|
|
|
352
|
-
|
|
|
353
|
-
|
|
|
354
|
-
|
|
|
355
|
-
|
|
|
356
|
-
|
|
|
357
|
-
|
|
|
358
|
-
|
|
|
359
|
-
|
|
|
360
|
-
|
|
|
361
|
-
|
|
|
362
|
-
|
|
|
363
|
-
|
|
|
364
|
-
|
|
|
365
|
-
|
|
|
366
|
-
|
|
|
367
|
-
|
|
|
368
|
-
|
|
|
369
|
-
|
|
|
370
|
-
|
|
|
371
|
-
|
|
|
372
|
-
|
|
|
373
|
-
|
|
|
374
|
-
|
|
|
375
|
-
|
|
|
376
|
-
|
|
|
377
|
-
|
|
|
378
|
-
|
|
|
379
|
-
|
|
|
380
|
-
|
|
|
381
|
-
|
|
|
382
|
-
|
|
|
383
|
-
|
|
|
384
|
-
|
|
|
385
|
-
|
|
|
386
|
-
|
|
|
387
|
-
|
|
|
388
|
-
|
|
|
389
|
-
|
|
|
390
|
-
|
|
|
391
|
-
|
|
|
392
|
-
|
|
|
393
|
-
|
|
|
394
|
-
|
|
|
395
|
-
|
|
|
396
|
-
|
|
|
397
|
-
|
|
|
398
|
-
|
|
|
399
|
-
|
|
|
400
|
-
|
|
|
401
|
-
|
|
|
402
|
-
|
|
|
403
|
-
|
|
|
404
|
-
|
|
|
405
|
-
|
|
|
406
|
-
|
|
|
407
|
-
|
|
|
408
|
-
|
|
|
409
|
-
|
|
|
410
|
-
|
|
|
228
|
+
| Variable Name | Light Value | Dark Value |
|
|
229
|
+
| --------------------------------------------------------------------- | --------------------------- | --------------------------- |
|
|
230
|
+
| ip_color_brand_accent_primary_default | `rgb(0, 163, 166)` | `rgb(0, 163, 166)` |
|
|
231
|
+
| ip_color_brand_accent_secondary_default | `rgb(120, 205, 206)` | `rgb(120, 205, 206)` |
|
|
232
|
+
| ip_color_menu_main_item_background_primary_selected_default | `rgb(25, 31, 36)` | `rgb(26, 33, 38)` |
|
|
233
|
+
| ip_color_menu_main_item_background_primary_active | `rgb(20, 26, 31)` | `rgb(20, 26, 31)` |
|
|
234
|
+
| ip_color_menu_main_item_background_primary_selected_active | `rgb(20, 26, 31)` | `rgb(20, 26, 31)` |
|
|
235
|
+
| ip_color_menu_main_background_primary_default | `rgb(33, 42, 49)` | `rgb(20, 26, 31)` |
|
|
236
|
+
| ip_color_menu_main_item_background_primary_hover | `rgb(45, 55, 63)` | `rgb(33, 42, 49)` |
|
|
237
|
+
| ip_color_menu_main_item_background_primary_selected_hover | `rgb(45, 55, 63)` | `rgb(33, 42, 49)` |
|
|
238
|
+
| ip_color_menu_main_item_background_primary_default | `rgb(33, 42, 49)` | `rgb(20, 26, 31)` |
|
|
239
|
+
| ip_color_menu_main_item_vertical_divider_primary_default | `rgb(0, 163, 166)` | `rgb(0, 163, 166)` |
|
|
240
|
+
| ip_color_menu_main_group_item_background_primary_selected_active | `rgb(20, 26, 31)` | `rgb(20, 26, 31)` |
|
|
241
|
+
| ip_color_menu_main_group_item_background_primary_selected_default | `rgb(16, 20, 23)` | `rgb(16, 20, 23)` |
|
|
242
|
+
| ip_color_menu_main_group_item_background_primary_selected_hover | `rgb(45, 55, 63)` | `rgb(33, 42, 49)` |
|
|
243
|
+
| ip_color_menu_main_group_item_background_primary_active | `rgb(20, 26, 31)` | `rgb(20, 26, 31)` |
|
|
244
|
+
| ip_color_menu_main_group_item_background_primary_default | `rgb(25, 31, 36)` | `rgb(26, 33, 38)` |
|
|
245
|
+
| ip_color_menu_main_group_item_vertical_divider_primary_default | `rgb(0, 163, 166)` | `rgb(0, 163, 166)` |
|
|
246
|
+
| ip_color_menu_main_group_item_background_primary_hover | `rgb(45, 55, 63)` | `rgb(33, 42, 49)` |
|
|
247
|
+
| ip_color_menu_main_group_item_vertical_divider_secondary_default | `rgb(91, 111, 128)` | `rgb(91, 111, 128)` |
|
|
248
|
+
| ip_color_menu_main_item_vertical_divider_secondary_default | `rgb(91, 111, 128)` | `rgb(91, 111, 128)` |
|
|
249
|
+
| ip_color_text_primary_black | `rgb(16, 20, 23)` | `rgb(254, 254, 254)` |
|
|
250
|
+
| ip_color_text_primary_black_inverse | `rgb(254, 254, 254)` | `rgb(16, 20, 23)` |
|
|
251
|
+
| ip_color_text_secondary_default | `rgb(90, 97, 102)` | `rgb(214, 214, 214)` |
|
|
252
|
+
| ip_color_text_secondary_inverse | `rgb(214, 214, 214)` | `rgb(90, 97, 102)` |
|
|
253
|
+
| ip_color_top_navbar_background_primary_default | `rgb(33, 42, 49)` | `rgb(20, 26, 31)` |
|
|
254
|
+
| ip_color_top_navbar_background_secondary_default | `rgb(228, 229, 230)` | `rgb(29, 37, 43)` |
|
|
255
|
+
| ip_color_breadcrumb_background_primary_default | `rgb(243, 243, 243)` | `rgb(33, 42, 49)` |
|
|
256
|
+
| ip_color_surface_primary_default | `rgb(254, 254, 254)` | `rgb(26, 33, 38)` |
|
|
257
|
+
| ip_color_sidebar_content_background_primary_opened | `rgb(243, 243, 243)` | `rgb(33, 42, 49)` |
|
|
258
|
+
| ip_color_icon_button_icon_primary_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
259
|
+
| ip_color_icon_button_icon_primary_inverse | `rgb(205, 213, 220)` | `rgb(205, 213, 220)` |
|
|
260
|
+
| ip_color_icon_primary_inverse | `rgb(205, 213, 220)` | `rgb(61, 80, 102)` |
|
|
261
|
+
| ip_color_icon_primary_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
262
|
+
| ip_color_icon_button_background_primary_hover | `rgb(33, 42, 49)` | `rgb(254, 254, 254)` |
|
|
263
|
+
| ip_color_icon_button_background_primary_active | `rgb(33, 42, 49)` | `rgb(254, 254, 254)` |
|
|
264
|
+
| ip_color_border_opaque_15 | `rgba(16, 20, 23, 0.15)` | `rgba(254, 254, 254, 0.15)` |
|
|
265
|
+
| ip_color_border_primary_default | `rgb(186, 189, 191)` | `rgb(61, 69, 75)` |
|
|
266
|
+
| ip_color_sidebar_tab_item_background_primary_default | `rgb(243, 243, 243)` | `rgb(33, 42, 49)` |
|
|
267
|
+
| ip_color_sidebar_tab_item_background_primary_hover | `rgb(228, 229, 230)` | `rgb(29, 37, 43)` |
|
|
268
|
+
| ip_color_sidebar_tab_item_background_primary_active | `rgb(207, 209, 211)` | `rgb(20, 26, 31)` |
|
|
269
|
+
| ip_color_sidebar_tab_item_background_primary_selected_default | `rgb(228, 229, 230)` | `rgb(29, 37, 43)` |
|
|
270
|
+
| ip_color_sidebar_toolbar_item_button_background_primary_default | `rgb(228, 229, 230)` | `rgb(29, 37, 43)` |
|
|
271
|
+
| ip_color_sidebar_toolbar_item_button_background_primary_hover | `rgb(207, 209, 211)` | `rgb(20, 26, 31)` |
|
|
272
|
+
| ip_color_sidebar_toolbar_item_button_background_primary_active | `rgb(186, 189, 191)` | `rgb(12, 15, 18)` |
|
|
273
|
+
| ip_color_sidebar_toolbar_item_button_background_secondary_default | `rgb(228, 229, 230)` | `rgb(29, 37, 43)` |
|
|
274
|
+
| ip_color_sidebar_toolbar_item_button_background_secondary_hover | `rgb(207, 209, 211)` | `rgb(20, 26, 31)` |
|
|
275
|
+
| ip_color_sidebar_toolbar_item_button_background_secondary_active | `rgb(186, 189, 191)` | `rgb(12, 15, 18)` |
|
|
276
|
+
| ip_color_sidebar_toolbar_item_button_text_primary_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
277
|
+
| ip_color_sidebar_toolbar_item_button_icon_primary_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
278
|
+
| ip_color_sidebar_toolbar_item_button_icon_secondary_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
279
|
+
| ip_color_text_primary_blue | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
280
|
+
| ip_color_sidebar_header_background_primary_default | `rgb(228, 229, 230)` | `rgb(29, 37, 43)` |
|
|
281
|
+
| ip_color_table_header_background_primary_default | `rgb(233, 236, 240)` | `rgb(26, 33, 38)` |
|
|
282
|
+
| ip_color_table_column_header_border_primary_default | `rgb(0, 163, 166)` | `rgb(120, 205, 206)` |
|
|
283
|
+
| ip_color_table_column_header_text_primary_default | `rgb(61, 80, 102)` | `rgb(254, 254, 254)` |
|
|
284
|
+
| ip_color_table_column_header_icon_primary_default | `rgb(148, 165, 179)` | `rgb(205, 213, 220)` |
|
|
285
|
+
| ip_color_table_row_cell_background_primary_default | `rgb(254, 254, 254)` | `rgb(26, 33, 38)` |
|
|
286
|
+
| ip_color_table_row_cell_border_primary_default | `rgb(186, 189, 191)` | `rgb(61, 69, 75)` |
|
|
287
|
+
| ip_color_table_row_cell_text_primary_default | `rgb(16, 20, 23)` | `rgb(214, 214, 214)` |
|
|
288
|
+
| ip_color_table_row_background_primary_default | `rgb(254, 254, 254)` | `rgb(26, 33, 38)` |
|
|
289
|
+
| ip_color_table_row_background_primary_hover | `rgb(225, 229, 234)` | `rgb(33, 42, 49)` |
|
|
290
|
+
| ip_color_table_row_background_primary_active | `rgb(201, 208, 217)` | `rgb(20, 26, 31)` |
|
|
291
|
+
| ip_color_hyperlink_text_primary_default | `rgb(35, 92, 123)` | `rgb(143, 212, 213)` |
|
|
292
|
+
| ip_color_hyperlink_text_primary_hover | `rgb(35, 92, 123)` | `rgb(143, 212, 213)` |
|
|
293
|
+
| ip_color_hyperlink_text_primary_active | `rgb(55, 67, 77)` | `rgb(0, 122, 124)` |
|
|
294
|
+
| ip_color_hyperlink_text_visited_default | `rgb(85, 104, 119)` | `rgb(183, 227, 228)` |
|
|
295
|
+
| ip_color_hyperlink_text_visited_hover | `rgb(85, 104, 119)` | `rgb(143, 212, 213)` |
|
|
296
|
+
| ip_color_hyperlink_text_visited_active | `rgb(55, 67, 77)` | `rgb(0, 122, 124)` |
|
|
297
|
+
| ip_color_breadcrumb_item_background_primary_default | `rgb(243, 243, 243)` | `rgb(33, 42, 49)` |
|
|
298
|
+
| ip_color_breadcrumb_item_background_primary_hover | `rgb(233, 234, 235)` | `rgb(45, 55, 63)` |
|
|
299
|
+
| ip_color_breadcrumb_item_background_primary_active | `rgb(224, 225, 226)` | `rgb(52, 60, 66)` |
|
|
300
|
+
| ip_color_icon_tertiary_default | `rgb(148, 165, 179)` | `rgb(205, 213, 220)` |
|
|
301
|
+
| ip_color_text_tertiary_default | `rgb(133, 138, 141)` | `rgb(214, 214, 214)` |
|
|
302
|
+
| ip_color_text_quaternary_default | `rgb(95, 114, 135)` | `rgb(214, 214, 214)` |
|
|
303
|
+
| ip_color_table_search_cell_background_primary_default | `rgb(249, 249, 249)` | `rgb(26, 33, 38)` |
|
|
304
|
+
| ip_color_loading_indicator_background_primary_default | `rgb(90, 97, 102)` | `rgb(71, 78, 84)` |
|
|
305
|
+
| ip_color_loading_indicator_background_secondary_default | `rgb(120, 205, 206)` | `rgb(120, 205, 206)` |
|
|
306
|
+
| ip_color_menu_main_divider_border_primary_default | `rgb(33, 42, 49)` | `rgb(61, 69, 75)` |
|
|
307
|
+
| ip_color_sidebar_content_background_gradient_start_primary_default | `rgb(243, 243, 243)` | `rgb(33, 42, 49)` |
|
|
308
|
+
| ip_color_sidebar_content_background_gradient_stop_primary_default | `rgb(243, 243, 243)` | `rgb(33, 42, 49)` |
|
|
309
|
+
| ip_color_table_header_background_secondary_default | `rgb(228, 229, 230)` | `rgb(26, 33, 38)` |
|
|
310
|
+
| ip_color_table_search_cell_background_secondary_default | `rgb(233, 234, 235)` | `rgb(26, 33, 38)` |
|
|
311
|
+
| ip_color_border_primary_weak | `rgb(224, 225, 226)` | `rgb(61, 69, 75)` |
|
|
312
|
+
| ip_color_border_primary_strong | `rgb(165, 169, 172)` | `rgb(61, 69, 75)` |
|
|
313
|
+
| ip_color_border_primary_xstrong | `rgb(144, 148, 152)` | `rgb(61, 69, 75)` |
|
|
314
|
+
| ip_color_hierarchy6_item_background_level_6_default | `rgb(233, 236, 240)` | `rgb(111, 118, 122)` |
|
|
315
|
+
| ip_color_hierarchy6_item_background_level_6_hover | `rgb(225, 229, 234)` | `rgb(104, 110, 115)` |
|
|
316
|
+
| ip_color_hierarchy6_item_background_level_6_active | `rgb(218, 225, 232)` | `rgb(99, 106, 111)` |
|
|
317
|
+
| ip_color_hierarchy6_item_icon_level_6_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
318
|
+
| ip_color_hierarchy6_item_background_level_5_default | `rgb(218, 225, 232)` | `rgb(99, 106, 111)` |
|
|
319
|
+
| ip_color_hierarchy6_item_text_level_6_default | `rgb(16, 20, 23)` | `rgb(254, 254, 254)` |
|
|
320
|
+
| ip_color_hierarchy6_item_background_level_5_hover | `rgb(210, 217, 225)` | `rgb(90, 97, 102)` |
|
|
321
|
+
| ip_color_hierarchy6_item_border_level_6_default | `rgba(16, 20, 23, 0.2)` | `rgba(254, 254, 254, 0.2)` |
|
|
322
|
+
| ip_color_hierarchy6_item_icon_level_5_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
323
|
+
| ip_color_hierarchy6_item_background_level_5_active | `rgb(201, 208, 217)` | `rgb(80, 87, 93)` |
|
|
324
|
+
| ip_color_hierarchy6_item_text_level_5_default | `rgb(16, 20, 23)` | `rgb(254, 254, 254)` |
|
|
325
|
+
| ip_color_hierarchy6_item_border_level_2_default | `rgba(16, 20, 23, 0.2)` | `rgba(254, 254, 254, 0.2)` |
|
|
326
|
+
| ip_color_hierarchy6_item_border_level_5_default | `rgba(16, 20, 23, 0.2)` | `rgba(254, 254, 254, 0.2)` |
|
|
327
|
+
| ip_color_hierarchy6_item_background_level_4_default | `rgb(201, 208, 217)` | `rgb(80, 87, 93)` |
|
|
328
|
+
| ip_color_hierarchy6_item_background_level_4_hover | `rgb(193, 202, 212)` | `rgb(71, 78, 84)` |
|
|
329
|
+
| ip_color_hierarchy6_item_background_level_4_active | `rgb(185, 195, 206)` | `rgb(61, 69, 75)` |
|
|
330
|
+
| ip_color_hierarchy6_item_icon_level_4_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
331
|
+
| ip_color_hierarchy6_item_text_level_4_default | `rgb(16, 20, 23)` | `rgb(254, 254, 254)` |
|
|
332
|
+
| ip_color_hierarchy6_item_border_level_4_default | `rgba(16, 20, 23, 0.2)` | `rgba(254, 254, 254, 0.2)` |
|
|
333
|
+
| ip_color_hierarchy6_item_background_level_3_default | `rgb(185, 195, 206)` | `rgb(61, 69, 75)` |
|
|
334
|
+
| ip_color_hierarchy6_item_text_level_3_default | `rgb(16, 20, 23)` | `rgb(254, 254, 254)` |
|
|
335
|
+
| ip_color_hierarchy6_item_background_level_3_hover | `rgb(177, 188, 201)` | `rgb(52, 60, 66)` |
|
|
336
|
+
| ip_color_hierarchy6_item_border_level_3_default | `rgba(16, 20, 23, 0.2)` | `rgba(254, 254, 254, 0.2)` |
|
|
337
|
+
| ip_color_hierarchy6_item_background_level_3_active | `rgb(165, 178, 193)` | `rgb(42, 51, 58)` |
|
|
338
|
+
| ip_color_hierarchy6_item_icon_level_3_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
339
|
+
| ip_color_hierarchy6_item_background_level_2_hover | `rgb(153, 167, 184)` | `rgb(33, 42, 49)` |
|
|
340
|
+
| ip_color_hierarchy6_item_background_level_2_default | `rgb(165, 178, 193)` | `rgb(42, 51, 58)` |
|
|
341
|
+
| ip_color_hierarchy6_item_background_level_2_active | `rgb(138, 153, 171)` | `rgb(29, 37, 43)` |
|
|
342
|
+
| ip_color_hierarchy6_item_icon_level_2_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
343
|
+
| ip_color_hierarchy6_item_text_level_2_default | `rgb(16, 20, 23)` | `rgb(254, 254, 254)` |
|
|
344
|
+
| ip_color_hierarchy6_item_background_level_1_default | `rgb(254, 254, 254)` | `rgb(29, 37, 43)` |
|
|
345
|
+
| ip_color_hierarchy6_item_background_level_1_active | `rgb(229, 229, 229)` | `rgb(20, 26, 31)` |
|
|
346
|
+
| ip_color_hierarchy6_item_background_level_1_hover | `rgb(243, 243, 243)` | `rgb(25, 32, 37)` |
|
|
347
|
+
| ip_color_hierarchy6_item_icon_level_1_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
348
|
+
| ip_color_hierarchy6_item_text_level_1_default | `rgb(16, 20, 23)` | `rgb(254, 254, 254)` |
|
|
349
|
+
| ip_color_hierarchy6_item_border_level_1_default | `rgba(16, 20, 23, 0.2)` | `rgba(254, 254, 254, 0.2)` |
|
|
350
|
+
| ip_color_hierarchy6_item_common_background_selected_default | `rgb(78, 96, 110)` | `rgb(186, 197, 206)` |
|
|
351
|
+
| ip_color_hierarchy6_item_common_background_selected_hover | `rgb(72, 88, 101)` | `rgb(166, 180, 191)` |
|
|
352
|
+
| ip_color_hierarchy6_item_common_background_selected_active | `rgb(64, 78, 89)` | `rgb(148, 165, 179)` |
|
|
353
|
+
| ip_color_hierarchy6_item_common_icon_selected_default | `rgb(205, 213, 220)` | `rgb(61, 80, 102)` |
|
|
354
|
+
| ip_color_hierarchy6_item_common_text_selected_default | `rgb(254, 254, 254)` | `rgb(16, 20, 23)` |
|
|
355
|
+
| ip_color_hierarchy6_item_common_border_selected_default | `rgba(254, 254, 254, 0.2)` | `rgba(16, 20, 23, 0.2)` |
|
|
356
|
+
| ip_color_hierarchy6_item_root_background_level_0_default | `rgb(224, 225, 226)` | `rgb(20, 26, 31)` |
|
|
357
|
+
| ip_color_hierarchy6_item_root_background_level_0_hover | `rgb(207, 209, 211)` | `rgb(16, 20, 23)` |
|
|
358
|
+
| ip_color_hierarchy6_item_root_background_level_0_active | `rgb(186, 189, 191)` | `rgb(12, 15, 18)` |
|
|
359
|
+
| ip_color_hierarchy6_item_root_icon_level_0_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
360
|
+
| ip_color_hierarchy6_item_root_text_level_0_default | `rgb(16, 20, 23)` | `rgb(254, 254, 254)` |
|
|
361
|
+
| ip_color_hierarchy6_item_root_border_level_0_default | `rgba(16, 20, 23, 0.2)` | `rgb(61, 69, 75)` |
|
|
362
|
+
| ip_color_border_opaque_5_inverse | `rgba(254, 254, 254, 0.05)` | `rgba(16, 20, 23, 0.05)` |
|
|
363
|
+
| ip_color_border_opaque_20 | `rgba(16, 20, 23, 0.2)` | `rgba(254, 254, 254, 0.2)` |
|
|
364
|
+
| ip_color_border_opaque_10 | `rgba(16, 20, 23, 0.1)` | `rgba(254, 254, 254, 0.1)` |
|
|
365
|
+
| ip_color_border_opaque_5 | `rgba(16, 20, 23, 0.05)` | `rgba(254, 254, 254, 0.05)` |
|
|
366
|
+
| ip_color_border_opaque_20_inverse | `rgba(254, 254, 254, 0.2)` | `rgba(16, 20, 23, 0.2)` |
|
|
367
|
+
| ip_color_border_opaque_10_inverse | `rgba(254, 254, 254, 0.1)` | `rgba(16, 20, 23, 0.1)` |
|
|
368
|
+
| ip_color_border_opaque_15_inverse | `rgba(254, 254, 254, 0.15)` | `rgba(16, 20, 23, 0.15)` |
|
|
369
|
+
| ip_color_brand_accent_weak | `rgb(183, 227, 228)` | `rgb(183, 227, 228)` |
|
|
370
|
+
| ip_color_brand_accent_strong | `rgb(0, 101, 103)` | `rgb(0, 101, 103)` |
|
|
371
|
+
| ip_color_brand_accent_medium | `rgb(96, 196, 198)` | `rgb(96, 196, 198)` |
|
|
372
|
+
| ip_color_sidebar_state_change_button_background_primary_opened | `rgb(243, 243, 243)` | `rgb(33, 42, 49)` |
|
|
373
|
+
| ip_color_sidebar_state_change_button_background_primary_opened_hover | `rgb(207, 209, 211)` | `rgb(20, 26, 31)` |
|
|
374
|
+
| ip_color_sidebar_state_change_button_background_primary_opened_active | `rgb(186, 189, 191)` | `rgb(12, 15, 18)` |
|
|
375
|
+
| ip_color_sidebar_state_change_button_background_primary_closed_active | `rgb(0, 163, 166)` | `rgb(0, 163, 166)` |
|
|
376
|
+
| ip_color_sidebar_state_change_button_background_primary_closed | `rgb(183, 227, 228)` | `rgb(183, 227, 228)` |
|
|
377
|
+
| ip_color_sidebar_state_change_button_icon_primary_default | `rgb(16, 20, 23)` | `rgb(254, 254, 254)` |
|
|
378
|
+
| ip_color_sidebar_state_change_button_background_primary_closed_hover | `rgb(96, 196, 198)` | `rgb(96, 196, 198)` |
|
|
379
|
+
| ip_color_sidebar_state_change_button_icon_primary_closed_hover | `rgb(16, 20, 23)` | `rgb(16, 20, 23)` |
|
|
380
|
+
| ip_color_sidebar_state_change_button_icon_primary_closed_active | `rgb(254, 254, 254)` | `rgb(254, 254, 254)` |
|
|
381
|
+
| ip_color_sidebar_content_background_primary_closed | `rgb(96, 196, 198)` | `rgb(96, 196, 198)` |
|
|
382
|
+
| ip_color_sidebar_content_border_primary_closed | `rgb(0, 101, 103)` | `rgb(0, 101, 103)` |
|
|
383
|
+
| ip_color_sidebar_content_border_primary_opened | `rgb(186, 189, 191)` | `rgb(61, 69, 75)` |
|
|
384
|
+
| ip_color_sidebar_state_change_button_icon_primary_closed_default | `rgb(16, 20, 23)` | `rgb(16, 20, 23)` |
|
|
385
|
+
| ip_color_hyperlink_text_inverted_visited_active | `rgb(0, 122, 124)` | `rgb(55, 67, 77)` |
|
|
386
|
+
| ip_color_hyperlink_text_inverted_visited_hover | `rgb(143, 212, 213)` | `rgb(85, 104, 119)` |
|
|
387
|
+
| ip_color_hyperlink_text_inverted_visited | `rgb(183, 227, 228)` | `rgb(85, 104, 119)` |
|
|
388
|
+
| ip_color_hyperlink_text_inverted_active | `rgb(0, 122, 124)` | `rgb(55, 67, 77)` |
|
|
389
|
+
| ip_color_hyperlink_text_inverted_hover | `rgb(143, 212, 213)` | `rgb(35, 92, 123)` |
|
|
390
|
+
| ip_color_hyperlink_text_inverted | `rgb(143, 212, 213)` | `rgb(35, 92, 123)` |
|
|
391
|
+
| ip_color_table_column_header_border_secondary_default | `rgb(111, 118, 122)` | `rgb(80, 87, 93)` |
|
|
392
|
+
| ip_color_button_background_primary_active | `rgb(185, 195, 206)` | `rgb(55, 67, 77)` |
|
|
393
|
+
| ip_color_button_background_primary_hover | `rgb(201, 208, 217)` | `rgb(50, 61, 70)` |
|
|
394
|
+
| ip_color_button_icon_primary_inverse_default | `rgb(205, 213, 220)` | `rgb(205, 213, 220)` |
|
|
395
|
+
| ip_color_button_icon_primary_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
396
|
+
| ip_color_button_background_primary_default | `rgb(218, 225, 232)` | `rgb(45, 55, 63)` |
|
|
397
|
+
| ip_color_button_text_primary_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
398
|
+
| ip_color_button_background_secondary_active | `rgb(225, 229, 234)` | `rgb(55, 67, 77)` |
|
|
399
|
+
| ip_color_button_background_secondary_hover | `rgb(233, 236, 240)` | `rgb(45, 55, 63)` |
|
|
400
|
+
| ip_color_button_background_secondary_default | `rgb(254, 254, 254)` | `rgb(26, 33, 38)` |
|
|
401
|
+
| ip_color_button_icon_secondary_inverse_default | `rgb(205, 213, 220)` | `rgb(205, 213, 220)` |
|
|
402
|
+
| ip_color_button_text_secondary_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
403
|
+
| ip_color_button_icon_secondary_default | `rgb(61, 80, 102)` | `rgb(205, 213, 220)` |
|
|
404
|
+
| ip_color_table_bullet_background_primary_default | `rgb(225, 229, 234)` | `rgb(201, 208, 217)` |
|
|
405
|
+
| ip_color_table_bullet_background_secondary_default | `rgb(199, 215, 221)` | `rgb(154, 183, 194)` |
|
|
406
|
+
| ip_color_table_bullet_text_primary_default | `rgb(16, 20, 23)` | `rgb(16, 20, 23)` |
|
|
407
|
+
| ip_color_text_primary_blue_inverse | `rgb(205, 213, 220)` | `rgb(61, 80, 102)` |
|
|
408
|
+
| ip_color_icon_button_background_primary_default | `rgb(254, 254, 254)` | `rgb(26, 33, 38)` |
|
|
409
|
+
| ip_color_tags_progress_unstarted_primary_default | `rgb(243, 243, 243)` | `rgb(200, 200, 200)` |
|
|
410
|
+
| ip_color_tags_progress_active_primary_default | `rgb(250, 230, 188)` | `rgb(247, 215, 147)` |
|
|
411
|
+
| ip_color_tags_progress_review_primary_default | `rgb(210, 217, 225)` | `rgb(185, 195, 206)` |
|
|
412
|
+
| ip_color_tags_progress_blocked_primary_default | `rgb(203, 147, 142)` | `rgb(192, 126, 120)` |
|
|
413
|
+
| ip_color_tags_progress_complete_primary_default | `rgb(212, 230, 198)` | `rgb(177, 209, 152)` |
|
|
414
|
+
| ip_color_tags_progress_paused_primary_default | `rgb(238, 222, 229)` | `rgb(204, 155, 175)` |
|
|
415
|
+
| ip_color_tags_state_unstarted_primary_default | `rgb(243, 243, 243)` | `rgb(200, 200, 200)` |
|
|
416
|
+
| ip_color_tags_state_alpha_primary_default | `rgb(238, 222, 229)` | `rgb(204, 155, 175)` |
|
|
417
|
+
| ip_color_tags_state_final_primary_default | `rgb(212, 230, 198)` | `rgb(177, 209, 152)` |
|
|
418
|
+
| ip_color_tags_state_release_candidate_primary_default | `rgb(210, 217, 225)` | `rgb(185, 195, 206)` |
|
|
419
|
+
| ip_color_tags_state_beta_primary_default | `rgb(250, 230, 188)` | `rgb(247, 215, 147)` |
|
|
420
|
+
| ip_color_tags_state_deprecated_primary_default | `rgb(203, 147, 142)` | `rgb(192, 126, 120)` |
|
|
421
|
+
| ip_color_tags_state_test_primary_default | `rgb(16, 20, 23)` | `rgb(16, 20, 23)` |
|
|
422
|
+
| ip_color_tags_progress_test_primary_default | `rgb(16, 20, 23)` | `rgb(16, 20, 23)` |
|
|
411
423
|
|
|
412
424
|
## Primitive Tokens
|
|
413
425
|
|
|
@@ -503,7 +515,5 @@ This document contains all available tokens in ISY Pixel.
|
|
|
503
515
|
| ip_typography_caption_font_size_medium | `0.875rem` |
|
|
504
516
|
| ip_typography_text_paragraph_font_size_tiny | `0.625rem` |
|
|
505
517
|
| ip_typography_body_line_height_compact | `140` |
|
|
506
|
-
| ip_typography_body_line_height_compact | `140` |
|
|
507
518
|
| ip_typography_body_line_height_loose | `180` |
|
|
508
519
|
| ip_typography_body_font_size_default | `0.875rem` |
|
|
509
|
-
| ip_typography_body_line_height_loose | `180` |
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@norconsult-digital-public/isypixel",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "1.0.0",
|
|
5
5
|
"license": "SEE LICENSE.md",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -63,6 +63,6 @@
|
|
|
63
63
|
"test": "vitest run",
|
|
64
64
|
"build": "pnpm tsx ./src/scripts/build-distribution.ts",
|
|
65
65
|
"release:prepare": "pnpm tsx ./src/scripts/prepare-release.ts",
|
|
66
|
-
"publish:dev": "pnpm run build && pnpm tsx ./src/scripts/compute-next-dev.ts --apply && pnpm publish --tag dev"
|
|
66
|
+
"publish:dev": "pnpm run build && pnpm tsx ./src/scripts/compute-next-dev.ts --apply && pnpm publish --tag dev --no-git-checks"
|
|
67
67
|
}
|
|
68
68
|
}
|