@sb1/ffe-grid 14.3.10 → 15.0.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 (2) hide show
  1. package/less/ffe-grid.less +26 -26
  2. package/package.json +4 -4
package/less/ffe-grid.less CHANGED
@@ -557,7 +557,7 @@
557
557
 
558
558
  &--bg-frost-30 {
559
559
  background-color: var(--ffe-farge-frost-30);
560
- .native & {
560
+ .regard-color-scheme-preference & {
561
561
  @media (prefers-color-scheme: dark) {
562
562
  background-color: var(--ffe-farge-svart);
563
563
  }
@@ -566,7 +566,7 @@
566
566
 
567
567
  &--bg-sand {
568
568
  background-color: var(--ffe-farge-sand);
569
- .native & {
569
+ .regard-color-scheme-preference & {
570
570
  @media (prefers-color-scheme: dark) {
571
571
  background-color: var(--ffe-farge-svart);
572
572
  }
@@ -575,7 +575,7 @@
575
575
 
576
576
  &--bg-sand-70 {
577
577
  background-color: var(--ffe-farge-sand-70);
578
- .native & {
578
+ .regard-color-scheme-preference & {
579
579
  @media (prefers-color-scheme: dark) {
580
580
  background-color: var(--ffe-farge-svart);
581
581
  }
@@ -584,7 +584,7 @@
584
584
 
585
585
  &--bg-sand-30 {
586
586
  background-color: var(--ffe-farge-sand-30);
587
- .native & {
587
+ .regard-color-scheme-preference & {
588
588
  @media (prefers-color-scheme: dark) {
589
589
  background-color: var(--ffe-farge-svart);
590
590
  }
@@ -592,7 +592,7 @@
592
592
  }
593
593
  &--bg-syrin-70 {
594
594
  background-color: var(--ffe-farge-syrin-70);
595
- .native & {
595
+ .regard-color-scheme-preference & {
596
596
  @media (prefers-color-scheme: dark) {
597
597
  background-color: var(--ffe-farge-svart);
598
598
  }
@@ -600,7 +600,7 @@
600
600
  }
601
601
  &--bg-syrin-30 {
602
602
  background-color: var(--ffe-farge-syrin-30);
603
- .native & {
603
+ .regard-color-scheme-preference & {
604
604
  @media (prefers-color-scheme: dark) {
605
605
  background-color: var(--ffe-farge-svart);
606
606
  }
@@ -610,7 +610,7 @@
610
610
  &--bg-vann {
611
611
  background-color: var(--ffe-farge-vann);
612
612
  color: var(--ffe-farge-hvit);
613
- .native & {
613
+ .regard-color-scheme-preference & {
614
614
  @media (prefers-color-scheme: dark) {
615
615
  background-color: var(--ffe-farge-svart);
616
616
  }
@@ -618,7 +618,7 @@
618
618
  }
619
619
  &--bg-vann-30 {
620
620
  background-color: var(--ffe-farge-vann-30);
621
- .native & {
621
+ .regard-color-scheme-preference & {
622
622
  @media (prefers-color-scheme: dark) {
623
623
  background-color: var(--ffe-farge-svart);
624
624
  }
@@ -628,7 +628,7 @@
628
628
  &--bg-fjell {
629
629
  background-color: var(--ffe-farge-fjell);
630
630
  color: var(--ffe-farge-hvit);
631
- .native & {
631
+ .regard-color-scheme-preference & {
632
632
  @media (prefers-color-scheme: dark) {
633
633
  background-color: var(--ffe-farge-svart);
634
634
  }
@@ -637,7 +637,7 @@
637
637
 
638
638
  &--bg-hvit {
639
639
  background-color: var(--ffe-farge-hvit);
640
- .native & {
640
+ .regard-color-scheme-preference & {
641
641
  @media (prefers-color-scheme: dark) {
642
642
  background-color: var(--ffe-farge-svart);
643
643
  }
@@ -645,7 +645,7 @@
645
645
  }
646
646
 
647
647
  &--bg-dark-svart {
648
- .native & {
648
+ .regard-color-scheme-preference & {
649
649
  @media (prefers-color-scheme: dark) {
650
650
  background-color: var(--ffe-farge-svart);
651
651
  }
@@ -653,7 +653,7 @@
653
653
  }
654
654
 
655
655
  &--bg-dark-natt {
656
- .native & {
656
+ .regard-color-scheme-preference & {
657
657
  @media (prefers-color-scheme: dark) {
658
658
  background-color: var(--ffe-farge-natt);
659
659
  }
@@ -661,7 +661,7 @@
661
661
  }
662
662
 
663
663
  &--bg-dark-koksgraa {
664
- .native & {
664
+ .regard-color-scheme-preference & {
665
665
  @media (prefers-color-scheme: dark) {
666
666
  background-color: var(--ffe-farge-koksgraa);
667
667
  }
@@ -679,7 +679,7 @@
679
679
 
680
680
  &--bg-frost-30 {
681
681
  background-color: var(--ffe-farge-frost-30);
682
- .native & {
682
+ .regard-color-scheme-preference & {
683
683
  @media (prefers-color-scheme: dark) {
684
684
  background-color: var(--ffe-farge-svart);
685
685
  }
@@ -688,7 +688,7 @@
688
688
 
689
689
  &--bg-sand {
690
690
  background-color: var(--ffe-farge-sand);
691
- .native & {
691
+ .regard-color-scheme-preference & {
692
692
  @media (prefers-color-scheme: dark) {
693
693
  background-color: var(--ffe-farge-svart);
694
694
  }
@@ -697,7 +697,7 @@
697
697
 
698
698
  &--bg-sand-70 {
699
699
  background-color: var(--ffe-farge-sand-70);
700
- .native & {
700
+ .regard-color-scheme-preference & {
701
701
  @media (prefers-color-scheme: dark) {
702
702
  background-color: var(--ffe-farge-svart);
703
703
  }
@@ -706,7 +706,7 @@
706
706
 
707
707
  &--bg-sand-30 {
708
708
  background-color: var(--ffe-farge-sand-30);
709
- .native & {
709
+ .regard-color-scheme-preference & {
710
710
  @media (prefers-color-scheme: dark) {
711
711
  background-color: var(--ffe-farge-svart);
712
712
  }
@@ -714,7 +714,7 @@
714
714
  }
715
715
  &--bg-syrin-70 {
716
716
  background-color: var(--ffe-farge-syrin-70);
717
- .native & {
717
+ .regard-color-scheme-preference & {
718
718
  @media (prefers-color-scheme: dark) {
719
719
  background-color: var(--ffe-farge-svart);
720
720
  }
@@ -722,7 +722,7 @@
722
722
  }
723
723
  &--bg-syrin-30 {
724
724
  background-color: var(--ffe-farge-syrin-30);
725
- .native & {
725
+ .regard-color-scheme-preference & {
726
726
  @media (prefers-color-scheme: dark) {
727
727
  background-color: var(--ffe-farge-svart);
728
728
  }
@@ -732,7 +732,7 @@
732
732
  &--bg-vann {
733
733
  background-color: var(--ffe-farge-vann);
734
734
  color: var(--ffe-farge-hvit);
735
- .native & {
735
+ .regard-color-scheme-preference & {
736
736
  @media (prefers-color-scheme: dark) {
737
737
  background-color: var(--ffe-farge-svart);
738
738
  }
@@ -740,7 +740,7 @@
740
740
  }
741
741
  &--bg-vann-30 {
742
742
  background-color: var(--ffe-farge-vann-30);
743
- .native & {
743
+ .regard-color-scheme-preference & {
744
744
  @media (prefers-color-scheme: dark) {
745
745
  background-color: var(--ffe-farge-svart);
746
746
  }
@@ -749,7 +749,7 @@
749
749
  &--bg-fjell {
750
750
  background-color: var(--ffe-farge-fjell);
751
751
  color: var(--ffe-farge-hvit);
752
- .native & {
752
+ .regard-color-scheme-preference & {
753
753
  @media (prefers-color-scheme: dark) {
754
754
  background-color: var(--ffe-farge-svart);
755
755
  }
@@ -758,7 +758,7 @@
758
758
 
759
759
  &--bg-hvit {
760
760
  background-color: var(--ffe-farge-hvit);
761
- .native & {
761
+ .regard-color-scheme-preference & {
762
762
  @media (prefers-color-scheme: dark) {
763
763
  background-color: var(--ffe-farge-svart);
764
764
  }
@@ -766,7 +766,7 @@
766
766
  }
767
767
 
768
768
  &--bg-dark-svart {
769
- .native & {
769
+ .regard-color-scheme-preference & {
770
770
  @media (prefers-color-scheme: dark) {
771
771
  background-color: var(--ffe-farge-svart);
772
772
  }
@@ -774,7 +774,7 @@
774
774
  }
775
775
 
776
776
  &--bg-dark-natt {
777
- .native & {
777
+ .regard-color-scheme-preference & {
778
778
  @media (prefers-color-scheme: dark) {
779
779
  background-color: var(--ffe-farge-natt);
780
780
  }
@@ -782,7 +782,7 @@
782
782
  }
783
783
 
784
784
  &--bg-dark-koksgraa {
785
- .native & {
785
+ .regard-color-scheme-preference & {
786
786
  @media (prefers-color-scheme: dark) {
787
787
  background-color: var(--ffe-farge-koksgraa);
788
788
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-grid",
3
- "version": "14.3.10",
3
+ "version": "15.0.1",
4
4
  "description": "A grid component for use within the FFE framework",
5
5
  "keywords": [
6
6
  "ffe"
@@ -19,13 +19,13 @@
19
19
  "test": "npm run lint"
20
20
  },
21
21
  "dependencies": {
22
- "@sb1/ffe-core": "^28.0.3"
22
+ "@sb1/ffe-core": "^29.1.0"
23
23
  },
24
24
  "devDependencies": {
25
- "@sb1/ffe-buildtool": "^0.7.1"
25
+ "@sb1/ffe-buildtool": "^0.8.0"
26
26
  },
27
27
  "publishConfig": {
28
28
  "access": "public"
29
29
  },
30
- "gitHead": "c8c7fb88a2e8f16c45afde4eb92803ef78857fee"
30
+ "gitHead": "ff16d78f24c2bf9dd5b7da1cf33a52e09ea3a523"
31
31
  }