@nswds/app 1.9.0 → 1.9.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.
package/dist/globals.css CHANGED
@@ -33,6 +33,8 @@
33
33
  --text-sm--line-height: calc(1.25 / 0.875);
34
34
  --text-base: 1rem;
35
35
  --text-base--line-height: calc(1.5 / 1);
36
+ --text-lg: 1.125rem;
37
+ --text-lg--line-height: calc(1.75 / 1.125);
36
38
  --text-2xl: 1.5rem;
37
39
  --text-2xl--line-height: calc(2 / 1.5);
38
40
  --text-3xl: 1.875rem;
@@ -473,9 +475,6 @@
473
475
  .w-10 {
474
476
  width: calc(var(--spacing) * 10);
475
477
  }
476
- .w-12 {
477
- width: calc(var(--spacing) * 12);
478
- }
479
478
  .w-48 {
480
479
  width: calc(var(--spacing) * 48);
481
480
  }
@@ -640,13 +639,6 @@
640
639
  .gap-9 {
641
640
  gap: calc(var(--spacing) * 9);
642
641
  }
643
- .space-y-2 {
644
- :where(& > :not(:last-child)) {
645
- --tw-space-y-reverse: 0;
646
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
647
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
648
- }
649
- }
650
642
  .space-y-3 {
651
643
  :where(& > :not(:last-child)) {
652
644
  --tw-space-y-reverse: 0;
@@ -661,13 +653,6 @@
661
653
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
662
654
  }
663
655
  }
664
- .space-y-6 {
665
- :where(& > :not(:last-child)) {
666
- --tw-space-y-reverse: 0;
667
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
668
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
669
- }
670
- }
671
656
  .space-y-8 {
672
657
  :where(& > :not(:last-child)) {
673
658
  --tw-space-y-reverse: 0;
@@ -692,6 +677,9 @@
692
677
  .gap-x-1 {
693
678
  column-gap: calc(var(--spacing) * 1);
694
679
  }
680
+ .gap-x-2 {
681
+ column-gap: calc(var(--spacing) * 2);
682
+ }
695
683
  .gap-x-12 {
696
684
  column-gap: calc(var(--spacing) * 12);
697
685
  }
@@ -749,10 +737,6 @@
749
737
  border-style: var(--tw-border-style);
750
738
  border-width: 1px;
751
739
  }
752
- .border-2 {
753
- border-style: var(--tw-border-style);
754
- border-width: 2px;
755
- }
756
740
  .border-t {
757
741
  border-top-style: var(--tw-border-style);
758
742
  border-top-width: 1px;
@@ -811,6 +795,9 @@
811
795
  .bg-nsw-grey-50 {
812
796
  background-color: var(--color-nsw-grey-50);
813
797
  }
798
+ .bg-nsw-grey-100 {
799
+ background-color: var(--color-nsw-grey-100);
800
+ }
814
801
  .bg-nsw-grey-600 {
815
802
  background-color: var(--color-nsw-grey-600);
816
803
  }
@@ -855,12 +842,18 @@
855
842
  .fill-zinc-700 {
856
843
  fill: var(--color-zinc-700);
857
844
  }
845
+ .p-0 {
846
+ padding: calc(var(--spacing) * 0);
847
+ }
858
848
  .p-3 {
859
849
  padding: calc(var(--spacing) * 3);
860
850
  }
861
851
  .p-4 {
862
852
  padding: calc(var(--spacing) * 4);
863
853
  }
854
+ .p-6 {
855
+ padding: calc(var(--spacing) * 6);
856
+ }
864
857
  .p-\[3px\] {
865
858
  padding: 3px;
866
859
  }
@@ -964,6 +957,10 @@
964
957
  font-size: var(--text-base);
965
958
  line-height: calc(var(--spacing) * 8);
966
959
  }
960
+ .text-lg {
961
+ font-size: var(--text-lg);
962
+ line-height: var(--tw-leading, var(--text-lg--line-height));
963
+ }
967
964
  .text-sm {
968
965
  font-size: var(--text-sm);
969
966
  line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -1177,9 +1174,9 @@
1177
1174
  opacity: 50%;
1178
1175
  }
1179
1176
  }
1180
- .peer-data-\[state\=checked\]\:border-primary {
1177
+ .peer-data-\[state\=checked\]\:border-nsw-grey-600 {
1181
1178
  &:is(:where(.peer)[data-state="checked"] ~ *) {
1182
- border-color: oklch(0.29 0.1173 259.84);
1179
+ border-color: var(--color-nsw-grey-600);
1183
1180
  }
1184
1181
  }
1185
1182
  .hover\:z-10 {
@@ -1206,13 +1203,6 @@
1206
1203
  }
1207
1204
  }
1208
1205
  }
1209
- .hover\:bg-accent {
1210
- &:hover {
1211
- @media (hover: hover) {
1212
- background-color: oklch(0.562 0.2175 20.33);
1213
- }
1214
- }
1215
- }
1216
1206
  .hover\:bg-primary\/10 {
1217
1207
  &:hover {
1218
1208
  @media (hover: hover) {
@@ -1905,9 +1895,9 @@
1905
1895
  height: calc(var(--spacing) * 4);
1906
1896
  }
1907
1897
  }
1908
- .\[\&\:has\(\[data-state\=checked\]\)\]\:border-primary {
1898
+ .\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-400 {
1909
1899
  &:has([data-state=checked]) {
1910
- border-color: oklch(0.29 0.1173 259.84);
1900
+ border-color: var(--color-nsw-grey-400);
1911
1901
  }
1912
1902
  }
1913
1903
  .\[\.border-b\]\:pb-6 {