@nd-storybook/storybook 0.3.0 → 0.3.4

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 (17) hide show
  1. package/dist/css/tailwind.css +0 -4
  2. package/dist/css/tokens.css +57 -274
  3. package/dist/index.cjs.js +32 -32
  4. package/dist/index.d.ts +20 -26
  5. package/dist/index.es.js +3306 -3040
  6. package/dist/tailwind.config.js +1 -11
  7. package/dist/tailwind.tokens.js +9 -206
  8. package/dist/tokens.utilities.js +211 -383
  9. package/package.json +1 -1
  10. package/tailwind.config.js +1 -1
  11. package/tailwind.tokens.js +5 -2
  12. package/tokens.utilities.js +1 -1
  13. package/dist/css/badge.css +0 -20
  14. package/dist/css/button.css +0 -0
  15. package/dist/css/components/.DS_Store +0 -0
  16. package/dist/css/components/portal/tabs.css +0 -220
  17. package/dist/css/experimental/collapsed-card.css +0 -16
package/dist/tokens.utilities.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Tailwind CSS Utilities Plugin
3
3
  * Generated from design tokens - DO NOT EDIT DIRECTLY
4
- * Last generated: 2025-08-25T13:26:41.758Z
4
+ * Last generated: 2025-12-08T13:56:43.112Z
5
5
  */
6
6
 
7
7
  export default function ({ addUtilities }) {
@@ -141,202 +141,6 @@ export default function ({ addUtilities }) {
141
141
  }
142
142
  },
143
143
  ...{
144
- ".p-spacing-layout-breakpoints": {
145
- "padding": "var(--spacing-layout-breakpoints)"
146
- },
147
- ".px-spacing-layout-breakpoints": {
148
- "paddingLeft": "var(--spacing-layout-breakpoints)",
149
- "paddingRight": "var(--spacing-layout-breakpoints)"
150
- },
151
- ".py-spacing-layout-breakpoints": {
152
- "paddingTop": "var(--spacing-layout-breakpoints)",
153
- "paddingBottom": "var(--spacing-layout-breakpoints)"
154
- },
155
- ".pt-spacing-layout-breakpoints": {
156
- "paddingTop": "var(--spacing-layout-breakpoints)"
157
- },
158
- ".pr-spacing-layout-breakpoints": {
159
- "paddingRight": "var(--spacing-layout-breakpoints)"
160
- },
161
- ".pb-spacing-layout-breakpoints": {
162
- "paddingBottom": "var(--spacing-layout-breakpoints)"
163
- },
164
- ".pl-spacing-layout-breakpoints": {
165
- "paddingLeft": "var(--spacing-layout-breakpoints)"
166
- },
167
- ".m-spacing-layout-breakpoints": {
168
- "margin": "var(--spacing-layout-breakpoints)"
169
- },
170
- ".mx-spacing-layout-breakpoints": {
171
- "marginLeft": "var(--spacing-layout-breakpoints)",
172
- "marginRight": "var(--spacing-layout-breakpoints)"
173
- },
174
- ".my-spacing-layout-breakpoints": {
175
- "marginTop": "var(--spacing-layout-breakpoints)",
176
- "marginBottom": "var(--spacing-layout-breakpoints)"
177
- },
178
- ".mt-spacing-layout-breakpoints": {
179
- "marginTop": "var(--spacing-layout-breakpoints)"
180
- },
181
- ".mr-spacing-layout-breakpoints": {
182
- "marginRight": "var(--spacing-layout-breakpoints)"
183
- },
184
- ".mb-spacing-layout-breakpoints": {
185
- "marginBottom": "var(--spacing-layout-breakpoints)"
186
- },
187
- ".ml-spacing-layout-breakpoints": {
188
- "marginLeft": "var(--spacing-layout-breakpoints)"
189
- },
190
- ".gap-spacing-layout-breakpoints": {
191
- "gap": "var(--spacing-layout-breakpoints)"
192
- },
193
- ".p-spacing-layout-columns": {
194
- "padding": "var(--spacing-layout-columns)"
195
- },
196
- ".px-spacing-layout-columns": {
197
- "paddingLeft": "var(--spacing-layout-columns)",
198
- "paddingRight": "var(--spacing-layout-columns)"
199
- },
200
- ".py-spacing-layout-columns": {
201
- "paddingTop": "var(--spacing-layout-columns)",
202
- "paddingBottom": "var(--spacing-layout-columns)"
203
- },
204
- ".pt-spacing-layout-columns": {
205
- "paddingTop": "var(--spacing-layout-columns)"
206
- },
207
- ".pr-spacing-layout-columns": {
208
- "paddingRight": "var(--spacing-layout-columns)"
209
- },
210
- ".pb-spacing-layout-columns": {
211
- "paddingBottom": "var(--spacing-layout-columns)"
212
- },
213
- ".pl-spacing-layout-columns": {
214
- "paddingLeft": "var(--spacing-layout-columns)"
215
- },
216
- ".m-spacing-layout-columns": {
217
- "margin": "var(--spacing-layout-columns)"
218
- },
219
- ".mx-spacing-layout-columns": {
220
- "marginLeft": "var(--spacing-layout-columns)",
221
- "marginRight": "var(--spacing-layout-columns)"
222
- },
223
- ".my-spacing-layout-columns": {
224
- "marginTop": "var(--spacing-layout-columns)",
225
- "marginBottom": "var(--spacing-layout-columns)"
226
- },
227
- ".mt-spacing-layout-columns": {
228
- "marginTop": "var(--spacing-layout-columns)"
229
- },
230
- ".mr-spacing-layout-columns": {
231
- "marginRight": "var(--spacing-layout-columns)"
232
- },
233
- ".mb-spacing-layout-columns": {
234
- "marginBottom": "var(--spacing-layout-columns)"
235
- },
236
- ".ml-spacing-layout-columns": {
237
- "marginLeft": "var(--spacing-layout-columns)"
238
- },
239
- ".gap-spacing-layout-columns": {
240
- "gap": "var(--spacing-layout-columns)"
241
- },
242
- ".p-spacing-layout-padding": {
243
- "padding": "var(--spacing-layout-padding)"
244
- },
245
- ".px-spacing-layout-padding": {
246
- "paddingLeft": "var(--spacing-layout-padding)",
247
- "paddingRight": "var(--spacing-layout-padding)"
248
- },
249
- ".py-spacing-layout-padding": {
250
- "paddingTop": "var(--spacing-layout-padding)",
251
- "paddingBottom": "var(--spacing-layout-padding)"
252
- },
253
- ".pt-spacing-layout-padding": {
254
- "paddingTop": "var(--spacing-layout-padding)"
255
- },
256
- ".pr-spacing-layout-padding": {
257
- "paddingRight": "var(--spacing-layout-padding)"
258
- },
259
- ".pb-spacing-layout-padding": {
260
- "paddingBottom": "var(--spacing-layout-padding)"
261
- },
262
- ".pl-spacing-layout-padding": {
263
- "paddingLeft": "var(--spacing-layout-padding)"
264
- },
265
- ".m-spacing-layout-padding": {
266
- "margin": "var(--spacing-layout-padding)"
267
- },
268
- ".mx-spacing-layout-padding": {
269
- "marginLeft": "var(--spacing-layout-padding)",
270
- "marginRight": "var(--spacing-layout-padding)"
271
- },
272
- ".my-spacing-layout-padding": {
273
- "marginTop": "var(--spacing-layout-padding)",
274
- "marginBottom": "var(--spacing-layout-padding)"
275
- },
276
- ".mt-spacing-layout-padding": {
277
- "marginTop": "var(--spacing-layout-padding)"
278
- },
279
- ".mr-spacing-layout-padding": {
280
- "marginRight": "var(--spacing-layout-padding)"
281
- },
282
- ".mb-spacing-layout-padding": {
283
- "marginBottom": "var(--spacing-layout-padding)"
284
- },
285
- ".ml-spacing-layout-padding": {
286
- "marginLeft": "var(--spacing-layout-padding)"
287
- },
288
- ".gap-spacing-layout-padding": {
289
- "gap": "var(--spacing-layout-padding)"
290
- },
291
- ".p-spacing-layout-gutter": {
292
- "padding": "var(--spacing-layout-gutter)"
293
- },
294
- ".px-spacing-layout-gutter": {
295
- "paddingLeft": "var(--spacing-layout-gutter)",
296
- "paddingRight": "var(--spacing-layout-gutter)"
297
- },
298
- ".py-spacing-layout-gutter": {
299
- "paddingTop": "var(--spacing-layout-gutter)",
300
- "paddingBottom": "var(--spacing-layout-gutter)"
301
- },
302
- ".pt-spacing-layout-gutter": {
303
- "paddingTop": "var(--spacing-layout-gutter)"
304
- },
305
- ".pr-spacing-layout-gutter": {
306
- "paddingRight": "var(--spacing-layout-gutter)"
307
- },
308
- ".pb-spacing-layout-gutter": {
309
- "paddingBottom": "var(--spacing-layout-gutter)"
310
- },
311
- ".pl-spacing-layout-gutter": {
312
- "paddingLeft": "var(--spacing-layout-gutter)"
313
- },
314
- ".m-spacing-layout-gutter": {
315
- "margin": "var(--spacing-layout-gutter)"
316
- },
317
- ".mx-spacing-layout-gutter": {
318
- "marginLeft": "var(--spacing-layout-gutter)",
319
- "marginRight": "var(--spacing-layout-gutter)"
320
- },
321
- ".my-spacing-layout-gutter": {
322
- "marginTop": "var(--spacing-layout-gutter)",
323
- "marginBottom": "var(--spacing-layout-gutter)"
324
- },
325
- ".mt-spacing-layout-gutter": {
326
- "marginTop": "var(--spacing-layout-gutter)"
327
- },
328
- ".mr-spacing-layout-gutter": {
329
- "marginRight": "var(--spacing-layout-gutter)"
330
- },
331
- ".mb-spacing-layout-gutter": {
332
- "marginBottom": "var(--spacing-layout-gutter)"
333
- },
334
- ".ml-spacing-layout-gutter": {
335
- "marginLeft": "var(--spacing-layout-gutter)"
336
- },
337
- ".gap-spacing-layout-gutter": {
338
- "gap": "var(--spacing-layout-gutter)"
339
- },
340
144
  ".p-0": {
341
145
  "padding": "var(--spacing-0)"
342
146
  },
@@ -733,298 +537,308 @@ export default function ({ addUtilities }) {
733
537
  ...{},
734
538
  ...{
735
539
  ".text-article-heading": {
736
- "fontFamily": "var(--article-heading-fontFamily)",
737
- "fontSize": "var(--article-heading-fontSize)",
738
- "fontWeight": "var(--article-heading-fontWeight)",
739
- "lineHeight": "var(--article-heading-lineHeight)",
740
- "letterSpacing": "var(--article-heading-letterSpacing)",
540
+ "fontFamily": "var(--font-family-gulliver)",
541
+ "fontSize": "var(--font-size-heading-xl)",
542
+ "fontWeight": "var(--font-weight-bold)",
543
+ "lineHeight": "130%",
544
+ "letterSpacing": "var(--letter-spacing-0)",
741
545
  "textDecoration": "none"
742
546
  },
743
547
  ".text-article-heading-light": {
744
- "fontFamily": "var(--article-heading-light-fontFamily)",
745
- "fontSize": "var(--article-heading-light-fontSize)",
746
- "fontWeight": "var(--article-heading-light-fontWeight)",
747
- "lineHeight": "var(--article-heading-light-lineHeight)",
748
- "letterSpacing": "var(--article-heading-light-letterSpacing)",
548
+ "fontFamily": "var(--font-family-gulliver)",
549
+ "fontSize": "var(--font-size-heading-xl)",
550
+ "fontWeight": "var(--font-weight-regular)",
551
+ "lineHeight": "130%",
552
+ "letterSpacing": "var(--letter-spacing-0)",
749
553
  "textDecoration": "none"
750
554
  },
751
555
  ".text-article-heading-alternate": {
752
- "fontFamily": "var(--article-heading-alternate-fontFamily)",
753
- "fontSize": "var(--article-heading-alternate-fontSize)",
754
- "fontWeight": "var(--article-heading-alternate-fontWeight)",
755
- "lineHeight": "var(--article-heading-alternate-lineHeight)",
756
- "letterSpacing": "var(--article-heading-alternate-letterSpacing)",
556
+ "fontFamily": "var(--font-family-montserrat)",
557
+ "fontSize": "var(--font-size-heading-xl)",
558
+ "fontWeight": "var(--font-weight-light)",
559
+ "lineHeight": "130%",
560
+ "letterSpacing": "var(--letter-spacing-0)",
757
561
  "textDecoration": "none"
758
562
  },
759
563
  ".text-article-heading-2": {
760
- "fontFamily": "var(--article-heading-2-fontFamily)",
761
- "fontSize": "var(--article-heading-2-fontSize)",
762
- "fontWeight": "var(--article-heading-2-fontWeight)",
763
- "lineHeight": "var(--article-heading-2-lineHeight)",
764
- "letterSpacing": "var(--article-heading-2-letterSpacing)",
564
+ "fontFamily": "var(--font-family-gulliver)",
565
+ "fontSize": "var(--font-size-heading-m)",
566
+ "fontWeight": "var(--font-weight-bold)",
567
+ "lineHeight": "130%",
568
+ "letterSpacing": "var(--letter-spacing-0)",
765
569
  "textDecoration": "none"
766
570
  },
767
571
  ".text-article-heading-2-light": {
768
- "fontFamily": "var(--article-heading-2-light-fontFamily)",
769
- "fontSize": "var(--article-heading-2-light-fontSize)",
770
- "fontWeight": "var(--article-heading-2-light-fontWeight)",
771
- "lineHeight": "var(--article-heading-2-light-lineHeight)",
772
- "letterSpacing": "var(--article-heading-2-light-letterSpacing)",
572
+ "fontFamily": "var(--font-family-gulliver)",
573
+ "fontSize": "var(--font-size-heading-m)",
574
+ "fontWeight": "var(--font-weight-regular)",
575
+ "lineHeight": "130%",
576
+ "letterSpacing": "var(--letter-spacing-0)",
773
577
  "textDecoration": "none"
774
578
  },
775
579
  ".text-article-heading-2-alternate": {
776
- "fontFamily": "var(--article-heading-2-alternate-fontFamily)",
777
- "fontSize": "var(--article-heading-2-alternate-fontSize)",
778
- "fontWeight": "var(--article-heading-2-alternate-fontWeight)",
779
- "lineHeight": "var(--article-heading-2-alternate-lineHeight)",
780
- "letterSpacing": "var(--article-heading-2-alternate-letterSpacing)",
580
+ "fontFamily": "var(--font-family-montserrat)",
581
+ "fontSize": "var(--font-size-heading-m)",
582
+ "fontWeight": "var(--font-weight-bold)",
583
+ "lineHeight": "130%",
584
+ "letterSpacing": "var(--letter-spacing-0)",
781
585
  "textDecoration": "none"
782
586
  },
783
587
  ".text-article-body": {
784
- "fontFamily": "var(--article-body-fontFamily)",
785
- "fontSize": "var(--article-body-fontSize)",
786
- "fontWeight": "var(--article-body-fontWeight)",
787
- "lineHeight": "var(--article-body-lineHeight)",
788
- "letterSpacing": "var(--article-body-letterSpacing)",
588
+ "fontFamily": "var(--font-family-fira-sans)",
589
+ "fontSize": "var(--font-size-body-m)",
590
+ "fontWeight": "var(--font-weight-regular)",
591
+ "lineHeight": "160%",
592
+ "letterSpacing": "var(--letter-spacing-0)",
789
593
  "textDecoration": "none"
790
594
  },
791
595
  ".text-article-type": {
792
- "fontFamily": "var(--article-type-fontFamily)",
793
- "fontSize": "var(--article-type-fontSize)",
794
- "fontWeight": "var(--article-type-fontWeight)",
795
- "lineHeight": "var(--article-type-lineHeight)",
796
- "letterSpacing": "var(--article-type-letterSpacing)",
596
+ "fontFamily": "var(--font-family-fira-sans)",
597
+ "fontSize": "var(--font-size-body-xl)",
598
+ "fontWeight": "var(--font-weight-bold)",
599
+ "lineHeight": "160%",
600
+ "letterSpacing": "var(--letter-spacing-s)",
797
601
  "textDecoration": "none",
798
602
  "fontVariant": "all-small-caps"
799
603
  },
800
604
  ".text-article-intro": {
801
- "fontFamily": "var(--article-intro-fontFamily)",
802
- "fontSize": "var(--article-intro-fontSize)",
803
- "fontWeight": "var(--article-intro-fontWeight)",
804
- "lineHeight": "var(--article-intro-lineHeight)",
805
- "letterSpacing": "var(--article-intro-letterSpacing)",
605
+ "fontFamily": "var(--font-family-fira-sans)",
606
+ "fontSize": "var(--font-size-body-l)",
607
+ "fontWeight": "var(--font-weight-light)",
608
+ "lineHeight": "160%",
609
+ "letterSpacing": "var(--letter-spacing-0)",
806
610
  "textDecoration": "none"
807
611
  },
808
612
  ".text-article-city": {
809
- "fontFamily": "var(--article-city-fontFamily)",
810
- "fontSize": "var(--article-city-fontSize)",
811
- "fontWeight": "var(--article-city-fontWeight)",
812
- "lineHeight": "var(--article-city-lineHeight)",
813
- "letterSpacing": "var(--article-city-letterSpacing)",
613
+ "fontFamily": "var(--font-family-fira-sans)",
614
+ "fontSize": "var(--font-size-body-xl)",
615
+ "fontWeight": "var(--font-weight-regular)",
616
+ "lineHeight": "160%",
617
+ "letterSpacing": "var(--letter-spacing-m)",
814
618
  "textDecoration": "none",
815
619
  "fontVariant": "all-small-caps"
816
620
  },
817
621
  ".text-article-quote": {
818
- "fontFamily": "var(--article-quote-fontFamily)",
819
- "fontSize": "var(--article-quote-fontSize)",
820
- "fontWeight": "var(--article-quote-fontWeight)",
821
- "lineHeight": "var(--article-quote-lineHeight)",
822
- "letterSpacing": "var(--article-quote-letterSpacing)",
622
+ "fontFamily": "var(--font-family-gulliver)",
623
+ "fontSize": "var(--font-size-body-xxl)",
624
+ "fontWeight": "var(--font-weight-bold)",
625
+ "lineHeight": "130%",
626
+ "letterSpacing": "var(--letter-spacing-0)",
823
627
  "textDecoration": "none"
824
628
  },
825
629
  ".text-article-question": {
826
- "fontFamily": "var(--article-question-fontFamily)",
827
- "fontSize": "var(--article-question-fontSize)",
828
- "fontWeight": "var(--article-question-fontWeight)",
829
- "lineHeight": "var(--article-question-lineHeight)",
830
- "letterSpacing": "var(--article-question-letterSpacing)",
630
+ "fontFamily": "var(--font-family-fira-sans)",
631
+ "fontSize": "var(--font-size-body-m)",
632
+ "fontWeight": "var(--font-weight-bold)",
633
+ "lineHeight": "160%",
634
+ "letterSpacing": "var(--letter-spacing-0)",
831
635
  "textDecoration": "none"
832
636
  },
833
637
  ".text-article-drop-cap": {
834
- "fontFamily": "var(--article-drop-cap-fontFamily)",
835
- "fontSize": "var(--article-drop-cap-fontSize)",
836
- "fontWeight": "var(--article-drop-cap-fontWeight)",
837
- "lineHeight": "var(--article-drop-cap-lineHeight)",
838
- "letterSpacing": "var(--article-drop-cap-letterSpacing)",
638
+ "fontFamily": "var(--font-family-abril-fatface)",
639
+ "fontSize": "var(--font-size-body-drop-cap)",
640
+ "fontWeight": "var(--font-weight-bold)",
641
+ "lineHeight": "160%",
642
+ "letterSpacing": "var(--letter-spacing-0)",
839
643
  "textDecoration": "none"
840
644
  },
841
645
  ".text-article-drop-cap-alternate": {
842
- "fontFamily": "var(--article-drop-cap-alternate-fontFamily)",
843
- "fontSize": "var(--article-drop-cap-alternate-fontSize)",
844
- "fontWeight": "var(--article-drop-cap-alternate-fontWeight)",
845
- "lineHeight": "var(--article-drop-cap-alternate-lineHeight)",
846
- "letterSpacing": "var(--article-drop-cap-alternate-letterSpacing)",
646
+ "fontFamily": "var(--font-family-montserrat)",
647
+ "fontSize": "var(--font-size-body-drop-cap)",
648
+ "fontWeight": "var(--font-weight-light)",
649
+ "lineHeight": "160%",
650
+ "letterSpacing": "var(--letter-spacing-0)",
847
651
  "textDecoration": "none"
848
652
  },
849
653
  ".text-body-light": {
850
- "fontFamily": "var(--body-light-fontFamily)",
851
- "fontSize": "var(--body-light-fontSize)",
852
- "fontWeight": "var(--body-light-fontWeight)",
853
- "lineHeight": "var(--body-light-lineHeight)",
854
- "letterSpacing": "var(--body-light-letterSpacing)",
654
+ "fontFamily": "var(--font-family-fira-sans)",
655
+ "fontSize": "var(--font-size-body-m)",
656
+ "fontWeight": "var(--font-weight-light)",
657
+ "lineHeight": "160%",
658
+ "letterSpacing": "var(--letter-spacing-0)",
855
659
  "textDecoration": "none"
856
660
  },
857
661
  ".text-body-regular": {
858
- "fontFamily": "var(--body-regular-fontFamily)",
859
- "fontSize": "var(--body-regular-fontSize)",
860
- "fontWeight": "var(--body-regular-fontWeight)",
861
- "lineHeight": "var(--body-regular-lineHeight)",
862
- "letterSpacing": "var(--body-regular-letterSpacing)",
662
+ "fontFamily": "var(--font-family-fira-sans)",
663
+ "fontSize": "var(--font-size-body-m)",
664
+ "fontWeight": "var(--font-weight-regular)",
665
+ "lineHeight": "160%",
666
+ "letterSpacing": "var(--letter-spacing-0)",
863
667
  "textDecoration": "none"
864
668
  },
865
669
  ".text-body-bold": {
866
- "fontFamily": "var(--body-bold-fontFamily)",
867
- "fontSize": "var(--body-bold-fontSize)",
868
- "fontWeight": "var(--body-bold-fontWeight)",
869
- "lineHeight": "var(--body-bold-lineHeight)",
870
- "letterSpacing": "var(--body-bold-letterSpacing)",
670
+ "fontFamily": "var(--font-family-fira-sans)",
671
+ "fontSize": "var(--font-size-body-m)",
672
+ "fontWeight": "var(--font-weight-bold)",
673
+ "lineHeight": "160%",
674
+ "letterSpacing": "var(--letter-spacing-0)",
871
675
  "textDecoration": "none"
872
676
  },
873
677
  ".text-body-uppercase": {
874
- "fontFamily": "var(--body-uppercase-fontFamily)",
875
- "fontSize": "var(--body-uppercase-fontSize)",
876
- "fontWeight": "var(--body-uppercase-fontWeight)",
877
- "lineHeight": "var(--body-uppercase-lineHeight)",
878
- "letterSpacing": "var(--body-uppercase-letterSpacing)",
678
+ "fontFamily": "var(--font-family-fira-sans)",
679
+ "fontSize": "var(--font-size-body-xl)",
680
+ "fontWeight": "var(--font-weight-regular)",
681
+ "lineHeight": "normal",
682
+ "letterSpacing": "var(--letter-spacing-s)",
879
683
  "textDecoration": "none",
880
684
  "fontVariant": "all-small-caps"
881
685
  },
882
686
  ".text-body-uppercase-bold": {
883
- "fontFamily": "var(--body-uppercase-bold-fontFamily)",
884
- "fontSize": "var(--body-uppercase-bold-fontSize)",
885
- "fontWeight": "var(--body-uppercase-bold-fontWeight)",
886
- "lineHeight": "var(--body-uppercase-bold-lineHeight)",
887
- "letterSpacing": "var(--body-uppercase-bold-letterSpacing)",
687
+ "fontFamily": "var(--font-family-fira-sans)",
688
+ "fontSize": "var(--font-size-body-xl)",
689
+ "fontWeight": "var(--font-weight-bold)",
690
+ "lineHeight": "normal",
691
+ "letterSpacing": "var(--letter-spacing-s)",
692
+ "textDecoration": "none",
693
+ "fontVariant": "all-small-caps"
694
+ },
695
+ ".text-body-uppercase-bold-small": {
696
+ "fontFamily": "var(--font-family-fira-sans)",
697
+ "fontSize": "var(--font-size-body-l)",
698
+ "fontWeight": "var(--font-weight-bold)",
699
+ "lineHeight": "normal",
700
+ "letterSpacing": "var(--letter-spacing-s)",
888
701
  "textDecoration": "none",
889
702
  "fontVariant": "all-small-caps"
890
703
  },
704
+ ".text-body-gulliver-semibold": {
705
+ "fontFamily": "var(--font-family-gulliver)",
706
+ "fontSize": "var(--font-size-body-s)",
707
+ "fontWeight": "var(--font-weight-semibold)",
708
+ "lineHeight": "130%",
709
+ "letterSpacing": "0%",
710
+ "textDecoration": "none"
711
+ },
891
712
  ".text-heading-2": {
892
- "fontFamily": "var(--heading-2-fontFamily)",
893
- "fontSize": "var(--heading-2-fontSize)",
894
- "fontWeight": "var(--heading-2-fontWeight)",
895
- "lineHeight": "var(--heading-2-lineHeight)",
896
- "letterSpacing": "var(--heading-2-letterSpacing)",
713
+ "fontFamily": "var(--font-family-gulliver)",
714
+ "fontSize": "var(--font-size-heading-m)",
715
+ "fontWeight": "var(--font-weight-bold)",
716
+ "lineHeight": "130%",
717
+ "letterSpacing": "var(--letter-spacing-0)",
897
718
  "textDecoration": "none"
898
719
  },
899
720
  ".text-heading-3": {
900
- "fontFamily": "var(--heading-3-fontFamily)",
901
- "fontSize": "var(--heading-3-fontSize)",
902
- "fontWeight": "var(--heading-3-fontWeight)",
903
- "lineHeight": "var(--heading-3-lineHeight)",
904
- "letterSpacing": "var(--heading-3-letterSpacing)",
721
+ "fontFamily": "var(--font-family-fira-sans)",
722
+ "fontSize": "var(--font-size-heading-s)",
723
+ "fontWeight": "var(--font-weight-bold)",
724
+ "lineHeight": "130%",
725
+ "letterSpacing": "var(--letter-spacing-0)",
905
726
  "textDecoration": "none"
906
727
  },
907
728
  ".text-heading-page": {
908
- "fontFamily": "var(--heading-page-fontFamily)",
909
- "fontSize": "var(--heading-page-fontSize)",
910
- "fontWeight": "var(--heading-page-fontWeight)",
911
- "lineHeight": "var(--heading-page-lineHeight)",
912
- "letterSpacing": "var(--heading-page-letterSpacing)",
729
+ "fontFamily": "var(--font-family-gulliver)",
730
+ "fontSize": "var(--font-size-heading-l)",
731
+ "fontWeight": "var(--font-weight-bold)",
732
+ "lineHeight": "130%",
733
+ "letterSpacing": "var(--letter-spacing-0)",
913
734
  "textDecoration": "none"
914
735
  },
915
736
  ".text-heading-subheading": {
916
- "fontFamily": "var(--heading-subheading-fontFamily)",
917
- "fontSize": "var(--heading-subheading-fontSize)",
918
- "fontWeight": "var(--heading-subheading-fontWeight)",
919
- "lineHeight": "var(--heading-subheading-lineHeight)",
920
- "letterSpacing": "var(--heading-subheading-letterSpacing)",
737
+ "fontFamily": "var(--font-family-gulliver)",
738
+ "fontSize": "var(--font-size-heading-l)",
739
+ "fontWeight": "var(--font-weight-regular)",
740
+ "lineHeight": "130%",
741
+ "letterSpacing": "var(--letter-spacing-0)",
921
742
  "textDecoration": "none"
922
743
  },
923
744
  ".text-heading-uppercase": {
924
- "fontFamily": "var(--heading-uppercase-fontFamily)",
925
- "fontSize": "var(--heading-uppercase-fontSize)",
926
- "fontWeight": "var(--heading-uppercase-fontWeight)",
927
- "lineHeight": "var(--heading-uppercase-lineHeight)",
928
- "letterSpacing": "var(--heading-uppercase-letterSpacing)",
745
+ "fontFamily": "var(--font-family-fira-sans)",
746
+ "fontSize": "var(--font-size-heading-xs)",
747
+ "fontWeight": "var(--font-weight-bold)",
748
+ "lineHeight": "130%",
749
+ "letterSpacing": "var(--letter-spacing-l)",
929
750
  "textDecoration": "none",
930
751
  "fontVariant": "all-small-caps"
931
752
  },
932
753
  ".text-meta-light": {
933
- "fontFamily": "var(--meta-light-fontFamily)",
934
- "fontSize": "var(--meta-light-fontSize)",
935
- "fontWeight": "var(--meta-light-fontWeight)",
936
- "lineHeight": "var(--meta-light-lineHeight)",
937
- "letterSpacing": "var(--meta-light-letterSpacing)",
754
+ "fontFamily": "var(--font-family-fira-sans)",
755
+ "fontSize": "var(--font-size-meta)",
756
+ "fontWeight": "var(--font-weight-light)",
757
+ "lineHeight": "140%",
758
+ "letterSpacing": "var(--letter-spacing-0)",
938
759
  "textDecoration": "none"
939
760
  },
940
761
  ".text-meta-regular": {
941
- "fontFamily": "var(--meta-regular-fontFamily)",
942
- "fontSize": "var(--meta-regular-fontSize)",
943
- "fontWeight": "var(--meta-regular-fontWeight)",
944
- "lineHeight": "var(--meta-regular-lineHeight)",
945
- "letterSpacing": "var(--meta-regular-letterSpacing)",
762
+ "fontFamily": "var(--font-family-fira-sans)",
763
+ "fontSize": "var(--font-size-meta)",
764
+ "fontWeight": "var(--font-weight-regular)",
765
+ "lineHeight": "140%",
766
+ "letterSpacing": "var(--letter-spacing-0)",
946
767
  "textDecoration": "none"
947
768
  },
948
769
  ".text-meta-bold": {
949
- "fontFamily": "var(--meta-bold-fontFamily)",
950
- "fontSize": "var(--meta-bold-fontSize)",
951
- "fontWeight": "var(--meta-bold-fontWeight)",
952
- "lineHeight": "var(--meta-bold-lineHeight)",
953
- "letterSpacing": "var(--meta-bold-letterSpacing)",
770
+ "fontFamily": "var(--font-family-fira-sans)",
771
+ "fontSize": "var(--font-size-meta)",
772
+ "fontWeight": "var(--font-weight-bold)",
773
+ "lineHeight": "140%",
774
+ "letterSpacing": "var(--letter-spacing-0)",
954
775
  "textDecoration": "none"
955
776
  },
777
+ ".text-meta-uppercase": {
778
+ "fontFamily": "var(--font-family-fira-sans)",
779
+ "fontSize": "var(--font-size-body-xs)",
780
+ "fontWeight": "var(--font-weight-bold)",
781
+ "lineHeight": "140%",
782
+ "letterSpacing": "1px",
783
+ "textDecoration": "none",
784
+ "textTransform": "uppercase"
785
+ },
956
786
  ".text-menu-menu-primary": {
957
- "fontFamily": "var(--menu-menu-primary-fontFamily)",
958
- "fontSize": "var(--menu-menu-primary-fontSize)",
959
- "fontWeight": "var(--menu-menu-primary-fontWeight)",
960
- "lineHeight": "var(--menu-menu-primary-lineHeight)",
961
- "letterSpacing": "var(--menu-menu-primary-letterSpacing)",
787
+ "fontFamily": "var(--font-family-fira-sans)",
788
+ "fontSize": "var(--font-size-22)",
789
+ "fontWeight": "var(--font-weight-regular)",
790
+ "lineHeight": "140%",
791
+ "letterSpacing": "var(--letter-spacing-0)",
962
792
  "textDecoration": "none",
963
793
  "fontVariant": "all-small-caps"
964
794
  },
965
795
  ".text-menu-menu-secondary": {
966
- "fontFamily": "var(--menu-menu-secondary-fontFamily)",
967
- "fontSize": "var(--menu-menu-secondary-fontSize)",
968
- "fontWeight": "var(--menu-menu-secondary-fontWeight)",
969
- "lineHeight": "var(--menu-menu-secondary-lineHeight)",
970
- "letterSpacing": "var(--menu-menu-secondary-letterSpacing)",
796
+ "fontFamily": "var(--font-family-fira-sans)",
797
+ "fontSize": "var(--font-size-14)",
798
+ "fontWeight": "var(--font-weight-regular)",
799
+ "lineHeight": "140%",
800
+ "letterSpacing": "var(--letter-spacing-0)",
971
801
  "textDecoration": "none"
972
802
  },
973
803
  ".text-menu-menu-submenu": {
974
- "fontFamily": "var(--menu-menu-submenu-fontFamily)",
975
- "fontSize": "var(--menu-menu-submenu-fontSize)",
976
- "fontWeight": "var(--menu-menu-submenu-fontWeight)",
977
- "lineHeight": "var(--menu-menu-submenu-lineHeight)",
978
- "letterSpacing": "var(--menu-menu-submenu-letterSpacing)",
804
+ "fontFamily": "var(--font-family-fira-sans)",
805
+ "fontSize": "var(--font-size-16)",
806
+ "fontWeight": "var(--font-weight-light)",
807
+ "lineHeight": "140%",
808
+ "letterSpacing": "var(--letter-spacing-0)",
979
809
  "textDecoration": "none"
980
810
  },
981
811
  ".text-menu-menu-tabbar": {
982
- "fontFamily": "var(--menu-menu-tabbar-fontFamily)",
983
- "fontSize": "var(--menu-menu-tabbar-fontSize)",
984
- "fontWeight": "var(--menu-menu-tabbar-fontWeight)",
985
- "lineHeight": "var(--menu-menu-tabbar-lineHeight)",
986
- "letterSpacing": "var(--menu-menu-tabbar-letterSpacing)",
812
+ "fontFamily": "var(--font-family-fira-sans)",
813
+ "fontSize": "var(--font-size-12)",
814
+ "fontWeight": "var(--font-weight-regular)",
815
+ "lineHeight": "140%",
816
+ "letterSpacing": "var(--letter-spacing-0)",
987
817
  "textDecoration": "none"
988
818
  },
989
819
  ".text-menu-menu-tabbar-active": {
990
- "fontFamily": "var(--menu-menu-tabbar-active-fontFamily)",
991
- "fontSize": "var(--menu-menu-tabbar-active-fontSize)",
992
- "fontWeight": "var(--menu-menu-tabbar-active-fontWeight)",
993
- "lineHeight": "var(--menu-menu-tabbar-active-lineHeight)",
994
- "letterSpacing": "var(--menu-menu-tabbar-active-letterSpacing)",
820
+ "fontFamily": "var(--font-family-fira-sans)",
821
+ "fontSize": "var(--font-size-12)",
822
+ "fontWeight": "var(--font-weight-bold)",
823
+ "lineHeight": "140%",
824
+ "letterSpacing": "var(--letter-spacing-0)",
995
825
  "textDecoration": "none"
996
826
  },
997
827
  ".text-menu-menu-tab-item": {
998
- "fontFamily": "var(--menu-menu-tab-item-fontFamily)",
999
- "fontSize": "var(--menu-menu-tab-item-fontSize)",
1000
- "fontWeight": "var(--menu-menu-tab-item-fontWeight)",
1001
- "lineHeight": "var(--menu-menu-tab-item-lineHeight)",
1002
- "letterSpacing": "var(--menu-menu-tab-item-letterSpacing)",
828
+ "fontFamily": "var(--font-family-gulliver)",
829
+ "fontSize": "var(--font-size-body-l)",
830
+ "fontWeight": "var(--font-weight-regular)",
831
+ "lineHeight": "130%",
832
+ "letterSpacing": "0%",
1003
833
  "textDecoration": "none"
1004
834
  },
1005
835
  ".text-menu-menu-tab-item-active": {
1006
- "fontFamily": "var(--menu-menu-tab-item-active-fontFamily)",
1007
- "fontSize": "var(--menu-menu-tab-item-active-fontSize)",
1008
- "fontWeight": "var(--menu-menu-tab-item-active-fontWeight)",
1009
- "lineHeight": "var(--menu-menu-tab-item-active-lineHeight)",
1010
- "letterSpacing": "var(--menu-menu-tab-item-active-letterSpacing)",
836
+ "fontFamily": "var(--font-family-gulliver)",
837
+ "fontSize": "var(--font-size-body-l)",
838
+ "fontWeight": "var(--font-weight-bold)",
839
+ "lineHeight": "130%",
840
+ "letterSpacing": "0%",
1011
841
  "textDecoration": "underline"
1012
- },
1013
- ".text-mijn-nd-heading": {
1014
- "fontFamily": "var(--mijn-nd-heading-fontFamily)",
1015
- "fontSize": "var(--mijn-nd-heading-fontSize)",
1016
- "fontWeight": "var(--mijn-nd-heading-fontWeight)",
1017
- "lineHeight": "var(--mijn-nd-heading-lineHeight)",
1018
- "letterSpacing": "var(--mijn-nd-heading-letterSpacing)",
1019
- "textDecoration": "none"
1020
- },
1021
- ".text-mijn-nd-description": {
1022
- "fontFamily": "var(--mijn-nd-description-fontFamily)",
1023
- "fontSize": "var(--mijn-nd-description-fontSize)",
1024
- "fontWeight": "var(--mijn-nd-description-fontWeight)",
1025
- "lineHeight": "var(--mijn-nd-description-lineHeight)",
1026
- "letterSpacing": "var(--mijn-nd-description-letterSpacing)",
1027
- "textDecoration": "none"
1028
842
  }
1029
843
  },
1030
844
  ...{
@@ -1037,6 +851,20 @@ export default function ({ addUtilities }) {
1037
851
  ".shadow-l": {
1038
852
  "boxShadow": "var(--box-shadow-l)"
1039
853
  }
854
+ },
855
+ ...{
856
+ ".text-left": {
857
+ "textAlign": "left"
858
+ },
859
+ ".text-center": {
860
+ "textAlign": "center"
861
+ },
862
+ ".text-right": {
863
+ "textAlign": "right"
864
+ },
865
+ ".text-justify": {
866
+ "textAlign": "justify"
867
+ }
1040
868
  }
1041
869
  });
1042
870
  }