@norconsult-digital-public/isypixel 0.2.0 → 0.2.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.
Files changed (8) hide show
  1. package/dist/css/styles.css +51 -51
  2. package/dist/esm/tokens/meta/tokens-meta.d.ts +57 -57
  3. package/dist/esm/tokens/meta/tokens-meta.js +53 -53
  4. package/dist/esm/tokens/semantic/color-semantic-variables.d.ts +51 -51
  5. package/dist/esm/tokens/semantic/color-semantic-variables.js +51 -51
  6. package/dist/scss/abstracts/_color-semantic-variables.scss +54 -52
  7. package/docs/tokens.md +51 -51
  8. package/package.json +17 -14
package/dist/esm/tokens/semantic/color-semantic-variables.d.ts CHANGED
@@ -169,7 +169,7 @@ export declare const colorSemanticVariables: {
169
169
  readonly item: {
170
170
  readonly backgroundPrimaryDefault: {
171
171
  readonly light: "rgb(243, 243, 243)";
172
- readonly dark: "rgb(243, 243, 243)";
172
+ readonly dark: "rgb(33, 42, 49)";
173
173
  };
174
174
  readonly backgroundPrimaryHover: {
175
175
  readonly light: "rgb(233, 234, 235)";
@@ -211,7 +211,7 @@ export declare const colorSemanticVariables: {
211
211
  };
212
212
  readonly borderPrimaryOpened: {
213
213
  readonly light: "rgb(186, 189, 191)";
214
- readonly dark: "rgb(186, 189, 191)";
214
+ readonly dark: "rgb(61, 69, 75)";
215
215
  };
216
216
  };
217
217
  readonly tabItem: {
@@ -259,15 +259,15 @@ export declare const colorSemanticVariables: {
259
259
  };
260
260
  readonly textPrimaryDefault: {
261
261
  readonly light: "rgb(61, 80, 102)";
262
- readonly dark: "rgb(61, 80, 102)";
262
+ readonly dark: "rgb(205, 213, 220)";
263
263
  };
264
264
  readonly iconPrimaryDefault: {
265
265
  readonly light: "rgb(61, 80, 102)";
266
- readonly dark: "rgb(61, 80, 102)";
266
+ readonly dark: "rgb(205, 213, 220)";
267
267
  };
268
268
  readonly iconSecondaryDefault: {
269
269
  readonly light: "rgb(61, 80, 102)";
270
- readonly dark: "rgb(61, 80, 102)";
270
+ readonly dark: "rgb(205, 213, 220)";
271
271
  };
272
272
  };
273
273
  readonly header: {
@@ -299,7 +299,7 @@ export declare const colorSemanticVariables: {
299
299
  };
300
300
  readonly iconPrimaryDefault: {
301
301
  readonly light: "rgb(16, 20, 23)";
302
- readonly dark: "rgb(16, 20, 23)";
302
+ readonly dark: "rgb(254, 254, 254)";
303
303
  };
304
304
  readonly backgroundPrimaryClosedHover: {
305
305
  readonly light: "rgb(96, 196, 198)";
@@ -307,26 +307,26 @@ export declare const colorSemanticVariables: {
307
307
  };
308
308
  readonly iconPrimaryClosedHover: {
309
309
  readonly light: "rgb(16, 20, 23)";
310
- readonly dark: "rgb(254, 254, 254)";
310
+ readonly dark: "rgb(16, 20, 23)";
311
311
  };
312
312
  readonly iconPrimaryClosedActive: {
313
313
  readonly light: "rgb(254, 254, 254)";
314
- readonly dark: "rgb(16, 20, 23)";
314
+ readonly dark: "rgb(254, 254, 254)";
315
315
  };
316
316
  readonly iconPrimaryClosedDefault: {
317
317
  readonly light: "rgb(16, 20, 23)";
318
- readonly dark: "rgb(254, 254, 254)";
318
+ readonly dark: "rgb(16, 20, 23)";
319
319
  };
320
320
  };
321
321
  };
322
322
  readonly iconButton: {
323
323
  readonly iconPrimaryDefault: {
324
324
  readonly light: "rgb(61, 80, 102)";
325
- readonly dark: "rgb(61, 80, 102)";
325
+ readonly dark: "rgb(205, 213, 220)";
326
326
  };
327
327
  readonly iconPrimaryInverseDefault: {
328
328
  readonly light: "rgb(205, 213, 220)";
329
- readonly dark: "rgb(61, 80, 102)";
329
+ readonly dark: "rgb(205, 213, 220)";
330
330
  };
331
331
  readonly backgroundPrimaryHover: {
332
332
  readonly light: "rgb(33, 42, 49)";
@@ -405,11 +405,11 @@ export declare const colorSemanticVariables: {
405
405
  readonly header: {
406
406
  readonly backgroundPrimaryDefault: {
407
407
  readonly light: "rgb(233, 236, 240)";
408
- readonly dark: "rgb(254, 254, 254)";
408
+ readonly dark: "rgb(26, 33, 38)";
409
409
  };
410
410
  readonly backgroundSecondaryDefault: {
411
411
  readonly light: "rgb(228, 229, 230)";
412
- readonly dark: "rgb(254, 254, 254)";
412
+ readonly dark: "rgb(26, 33, 38)";
413
413
  };
414
414
  };
415
415
  readonly columnHeader: {
@@ -419,11 +419,11 @@ export declare const colorSemanticVariables: {
419
419
  };
420
420
  readonly textPrimaryDefault2: {
421
421
  readonly light: "rgb(61, 80, 102)";
422
- readonly dark: "rgb(16, 20, 23)";
422
+ readonly dark: "rgb(254, 254, 254)";
423
423
  };
424
424
  readonly iconPrimaryDefault: {
425
425
  readonly light: "rgb(148, 165, 179)";
426
- readonly dark: "rgb(148, 165, 179)";
426
+ readonly dark: "rgb(205, 213, 220)";
427
427
  };
428
428
  readonly borderSecondary: {
429
429
  readonly light: "rgb(111, 118, 122)";
@@ -434,15 +434,15 @@ export declare const colorSemanticVariables: {
434
434
  readonly cell: {
435
435
  readonly backgroundPrimaryDefault: {
436
436
  readonly light: "rgb(254, 254, 254)";
437
- readonly dark: "rgb(254, 254, 254)";
437
+ readonly dark: "rgb(26, 33, 38)";
438
438
  };
439
439
  readonly borderPrimaryDefault: {
440
440
  readonly light: "rgb(186, 189, 191)";
441
- readonly dark: "rgb(186, 189, 191)";
441
+ readonly dark: "rgb(61, 69, 75)";
442
442
  };
443
443
  readonly textPrimaryDefault: {
444
444
  readonly light: "rgb(16, 20, 23)";
445
- readonly dark: "rgb(90, 97, 102)";
445
+ readonly dark: "rgb(214, 214, 214)";
446
446
  };
447
447
  };
448
448
  readonly backgroundPrimaryDefault: {
@@ -461,11 +461,11 @@ export declare const colorSemanticVariables: {
461
461
  readonly searchCell: {
462
462
  readonly backgroundPrimaryDefault: {
463
463
  readonly light: "rgb(249, 249, 249)";
464
- readonly dark: "rgb(254, 254, 254)";
464
+ readonly dark: "rgb(26, 33, 38)";
465
465
  };
466
466
  readonly backgroundSecondaryDefault: {
467
467
  readonly light: "rgb(233, 234, 235)";
468
- readonly dark: "rgb(254, 254, 254)";
468
+ readonly dark: "rgb(26, 33, 38)";
469
469
  };
470
470
  };
471
471
  readonly bullet: {
@@ -479,7 +479,7 @@ export declare const colorSemanticVariables: {
479
479
  };
480
480
  readonly textPrimaryDefault: {
481
481
  readonly light: "rgb(16, 20, 23)";
482
- readonly dark: "rgb(254, 254, 254)";
482
+ readonly dark: "rgb(16, 20, 23)";
483
483
  };
484
484
  };
485
485
  };
@@ -558,7 +558,7 @@ export declare const colorSemanticVariables: {
558
558
  };
559
559
  readonly iconLevel6Default: {
560
560
  readonly light: "rgb(61, 80, 102)";
561
- readonly dark: "rgb(61, 80, 102)";
561
+ readonly dark: "rgb(205, 213, 220)";
562
562
  };
563
563
  readonly backgroundLevel5Default: {
564
564
  readonly light: "rgb(218, 225, 232)";
@@ -566,7 +566,7 @@ export declare const colorSemanticVariables: {
566
566
  };
567
567
  readonly textLevel6Default: {
568
568
  readonly light: "rgb(16, 20, 23)";
569
- readonly dark: "rgb(16, 20, 23)";
569
+ readonly dark: "rgb(254, 254, 254)";
570
570
  };
571
571
  readonly backgroundLevel5Hover: {
572
572
  readonly light: "rgb(210, 217, 225)";
@@ -574,11 +574,11 @@ export declare const colorSemanticVariables: {
574
574
  };
575
575
  readonly borderLevel6Default: {
576
576
  readonly light: "rgba(16, 20, 23, 0.2)";
577
- readonly dark: "rgba(16, 20, 23, 0.2)";
577
+ readonly dark: "rgba(254, 254, 254, 0.2)";
578
578
  };
579
579
  readonly iconLevel5Default: {
580
580
  readonly light: "rgb(61, 80, 102)";
581
- readonly dark: "rgb(61, 80, 102)";
581
+ readonly dark: "rgb(205, 213, 220)";
582
582
  };
583
583
  readonly backgroundLevel5Active: {
584
584
  readonly light: "rgb(201, 208, 217)";
@@ -586,15 +586,15 @@ export declare const colorSemanticVariables: {
586
586
  };
587
587
  readonly textLevel5Default: {
588
588
  readonly light: "rgb(16, 20, 23)";
589
- readonly dark: "rgb(16, 20, 23)";
589
+ readonly dark: "rgb(254, 254, 254)";
590
590
  };
591
591
  readonly borderLevel2Default: {
592
592
  readonly light: "rgba(16, 20, 23, 0.2)";
593
- readonly dark: "rgba(16, 20, 23, 0.2)";
593
+ readonly dark: "rgba(254, 254, 254, 0.2)";
594
594
  };
595
595
  readonly borderLevel5Default: {
596
596
  readonly light: "rgba(16, 20, 23, 0.2)";
597
- readonly dark: "rgba(16, 20, 23, 0.2)";
597
+ readonly dark: "rgba(254, 254, 254, 0.2)";
598
598
  };
599
599
  readonly backgroundLevel4Default: {
600
600
  readonly light: "rgb(201, 208, 217)";
@@ -610,15 +610,15 @@ export declare const colorSemanticVariables: {
610
610
  };
611
611
  readonly iconLevel4Default: {
612
612
  readonly light: "rgb(61, 80, 102)";
613
- readonly dark: "rgb(61, 80, 102)";
613
+ readonly dark: "rgb(205, 213, 220)";
614
614
  };
615
615
  readonly textLevel4Default: {
616
616
  readonly light: "rgb(16, 20, 23)";
617
- readonly dark: "rgb(16, 20, 23)";
617
+ readonly dark: "rgb(254, 254, 254)";
618
618
  };
619
619
  readonly borderLevel4Default: {
620
620
  readonly light: "rgba(16, 20, 23, 0.2)";
621
- readonly dark: "rgba(16, 20, 23, 0.2)";
621
+ readonly dark: "rgba(254, 254, 254, 0.2)";
622
622
  };
623
623
  readonly backgroundLevel3Default: {
624
624
  readonly light: "rgb(185, 195, 206)";
@@ -626,7 +626,7 @@ export declare const colorSemanticVariables: {
626
626
  };
627
627
  readonly textLevel3Default: {
628
628
  readonly light: "rgb(16, 20, 23)";
629
- readonly dark: "rgb(16, 20, 23)";
629
+ readonly dark: "rgb(254, 254, 254)";
630
630
  };
631
631
  readonly backgroundLevel3Hover: {
632
632
  readonly light: "rgb(177, 188, 201)";
@@ -634,7 +634,7 @@ export declare const colorSemanticVariables: {
634
634
  };
635
635
  readonly borderLevel3Default: {
636
636
  readonly light: "rgba(16, 20, 23, 0.2)";
637
- readonly dark: "rgba(16, 20, 23, 0.2)";
637
+ readonly dark: "rgba(254, 254, 254, 0.2)";
638
638
  };
639
639
  readonly backgroundLevel3Active: {
640
640
  readonly light: "rgb(165, 178, 193)";
@@ -642,7 +642,7 @@ export declare const colorSemanticVariables: {
642
642
  };
643
643
  readonly iconLevel3Default: {
644
644
  readonly light: "rgb(61, 80, 102)";
645
- readonly dark: "rgb(61, 80, 102)";
645
+ readonly dark: "rgb(205, 213, 220)";
646
646
  };
647
647
  readonly backgroundLevel2Hover: {
648
648
  readonly light: "rgb(153, 167, 184)";
@@ -658,11 +658,11 @@ export declare const colorSemanticVariables: {
658
658
  };
659
659
  readonly iconLevel2Default: {
660
660
  readonly light: "rgb(61, 80, 102)";
661
- readonly dark: "rgb(61, 80, 102)";
661
+ readonly dark: "rgb(205, 213, 220)";
662
662
  };
663
663
  readonly textLevel2Default: {
664
664
  readonly light: "rgb(16, 20, 23)";
665
- readonly dark: "rgb(16, 20, 23)";
665
+ readonly dark: "rgb(254, 254, 254)";
666
666
  };
667
667
  readonly backgroundLevel1Default: {
668
668
  readonly light: "rgb(254, 254, 254)";
@@ -678,15 +678,15 @@ export declare const colorSemanticVariables: {
678
678
  };
679
679
  readonly iconLevel1Default: {
680
680
  readonly light: "rgb(61, 80, 102)";
681
- readonly dark: "rgb(61, 80, 102)";
681
+ readonly dark: "rgb(205, 213, 220)";
682
682
  };
683
683
  readonly textLevel1Default: {
684
684
  readonly light: "rgb(16, 20, 23)";
685
- readonly dark: "rgb(16, 20, 23)";
685
+ readonly dark: "rgb(254, 254, 254)";
686
686
  };
687
687
  readonly borderLevel1Default: {
688
688
  readonly light: "rgba(16, 20, 23, 0.2)";
689
- readonly dark: "rgba(16, 20, 23, 0.2)";
689
+ readonly dark: "rgba(254, 254, 254, 0.2)";
690
690
  };
691
691
  readonly commonBackgroundSelectedDefault: {
692
692
  readonly light: "rgb(78, 96, 110)";
@@ -702,15 +702,15 @@ export declare const colorSemanticVariables: {
702
702
  };
703
703
  readonly commonIconSelectedDefault: {
704
704
  readonly light: "rgb(205, 213, 220)";
705
- readonly dark: "rgb(205, 213, 220)";
705
+ readonly dark: "rgb(61, 80, 102)";
706
706
  };
707
707
  readonly commonTextSelectedDefault: {
708
708
  readonly light: "rgb(254, 254, 254)";
709
- readonly dark: "rgb(254, 254, 254)";
709
+ readonly dark: "rgb(16, 20, 23)";
710
710
  };
711
711
  readonly commonBorderSelectedDefault: {
712
712
  readonly light: "rgba(254, 254, 254, 0.2)";
713
- readonly dark: "rgba(254, 254, 254, 0.2)";
713
+ readonly dark: "rgba(16, 20, 23, 0.2)";
714
714
  };
715
715
  readonly rootBackgroundLevel0Default: {
716
716
  readonly light: "rgb(224, 225, 226)";
@@ -726,15 +726,15 @@ export declare const colorSemanticVariables: {
726
726
  };
727
727
  readonly rootIconLevel0Default: {
728
728
  readonly light: "rgb(61, 80, 102)";
729
- readonly dark: "rgb(61, 80, 102)";
729
+ readonly dark: "rgb(205, 213, 220)";
730
730
  };
731
731
  readonly rootTextLevel0Default: {
732
732
  readonly light: "rgb(16, 20, 23)";
733
- readonly dark: "rgb(16, 20, 23)";
733
+ readonly dark: "rgb(254, 254, 254)";
734
734
  };
735
735
  readonly rootBorderLevel0Default: {
736
736
  readonly light: "rgba(16, 20, 23, 0.2)";
737
- readonly dark: "rgb(186, 189, 191)";
737
+ readonly dark: "rgb(61, 69, 75)";
738
738
  };
739
739
  };
740
740
  readonly button: {
@@ -748,11 +748,11 @@ export declare const colorSemanticVariables: {
748
748
  };
749
749
  readonly iconPrimaryInverseDefault: {
750
750
  readonly light: "rgb(205, 213, 220)";
751
- readonly dark: "rgb(61, 80, 102)";
751
+ readonly dark: "rgb(205, 213, 220)";
752
752
  };
753
753
  readonly iconPrimaryDefault: {
754
754
  readonly light: "rgb(61, 80, 102)";
755
- readonly dark: "rgb(61, 80, 102)";
755
+ readonly dark: "rgb(205, 213, 220)";
756
756
  };
757
757
  readonly backgroundPrimary: {
758
758
  readonly light: "rgb(218, 225, 232)";
@@ -760,7 +760,7 @@ export declare const colorSemanticVariables: {
760
760
  };
761
761
  readonly textPrimaryDefault: {
762
762
  readonly light: "rgb(61, 80, 102)";
763
- readonly dark: "rgb(61, 80, 102)";
763
+ readonly dark: "rgb(205, 213, 220)";
764
764
  };
765
765
  readonly backgroundSecondaryActive: {
766
766
  readonly light: "rgb(26, 33, 38)";
@@ -776,15 +776,15 @@ export declare const colorSemanticVariables: {
776
776
  };
777
777
  readonly iconSecondaryInverseDefault: {
778
778
  readonly light: "rgb(205, 213, 220)";
779
- readonly dark: "rgb(61, 80, 102)";
779
+ readonly dark: "rgb(205, 213, 220)";
780
780
  };
781
781
  readonly textSecondaryDefault: {
782
782
  readonly light: "rgb(205, 213, 220)";
783
- readonly dark: "rgb(61, 80, 102)";
783
+ readonly dark: "rgb(205, 213, 220)";
784
784
  };
785
785
  readonly iconSecondaryDefault: {
786
786
  readonly light: "rgb(205, 213, 220)";
787
- readonly dark: "rgb(61, 80, 102)";
787
+ readonly dark: "rgb(205, 213, 220)";
788
788
  };
789
789
  };
790
790
  };