@utrecht/design-tokens 2.0.0 → 2.1.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 (83) hide show
  1. package/.stylelintrc.json +5 -1
  2. package/CHANGELOG.md +14 -0
  3. package/config.json +8 -0
  4. package/dist/_mixin-theme.scss +64 -55
  5. package/dist/_mixin.scss +1011 -0
  6. package/dist/_variables.scss +64 -55
  7. package/dist/background-image-icon.css +0 -1
  8. package/dist/dark/_mixin-theme.scss +64 -55
  9. package/dist/dark/_mixin.scss +1022 -0
  10. package/dist/dark/_variables.scss +1019 -0
  11. package/dist/dark/index.cjs +1022 -0
  12. package/dist/dark/index.css +64 -55
  13. package/dist/dark/index.d.ts +1143 -0
  14. package/dist/dark/index.flat.json +1018 -0
  15. package/dist/dark/index.json +30708 -0
  16. package/dist/dark/index.mjs +1020 -0
  17. package/dist/dark/index.tokens.json +7790 -0
  18. package/dist/dark/list.json +30708 -0
  19. package/dist/dark/property.css +703 -0
  20. package/dist/dark/root.css +546 -537
  21. package/dist/dark/theme-prince-xml.css +1022 -0
  22. package/dist/dark/theme.css +1022 -0
  23. package/dist/dark/tokens.cjs +37484 -0
  24. package/dist/dark/tokens.d.ts +4792 -0
  25. package/dist/dark/tokens.json +37480 -0
  26. package/dist/dark/variables.cjs +1022 -0
  27. package/dist/dark/variables.css +1022 -0
  28. package/dist/dark/variables.d.ts +1143 -0
  29. package/dist/dark/variables.json +1018 -0
  30. package/dist/dark/variables.less +1019 -0
  31. package/dist/dark/variables.mjs +1020 -0
  32. package/dist/index.cjs +67 -58
  33. package/dist/index.css +131 -118
  34. package/dist/index.d.ts +59 -47
  35. package/dist/index.flat.json +607 -597
  36. package/dist/index.json +7028 -7230
  37. package/dist/index.mjs +67 -58
  38. package/dist/index.tokens.json +2170 -911
  39. package/dist/list.json +31825 -0
  40. package/dist/property.css +768 -0
  41. package/dist/root.css +541 -532
  42. package/dist/theme-prince-xml.css +64 -55
  43. package/dist/theme.css +541 -532
  44. package/dist/tokens.cjs +10583 -9537
  45. package/dist/tokens.d.ts +609 -249
  46. package/dist/tokens.json +38622 -0
  47. package/dist/variables.cjs +1011 -0
  48. package/dist/variables.css +1011 -0
  49. package/dist/variables.d.ts +1132 -0
  50. package/dist/variables.json +1007 -0
  51. package/dist/variables.less +64 -55
  52. package/dist/variables.mjs +1009 -0
  53. package/package.json +6 -5
  54. package/src/background-image-icon.scss +0 -1
  55. package/src/brand/utrecht/typography.tokens.json +9 -9
  56. package/src/component/of/progress-indicator.tokens.json +1 -1
  57. package/src/component/utrecht/accordion.tokens.json +1 -0
  58. package/src/component/utrecht/backdrop.tokens.json +1 -1
  59. package/src/component/utrecht/blockquote.tokens.json +3 -3
  60. package/src/component/utrecht/button.tokens.json +1 -3
  61. package/src/component/utrecht/code-block.tokens.json +2 -2
  62. package/src/component/utrecht/figure.tokens.json +2 -2
  63. package/src/component/utrecht/form-fieldset.tokens.json +2 -2
  64. package/src/component/utrecht/form-toggle.tokens.json +1 -1
  65. package/src/component/utrecht/link.tokens.json +3 -1
  66. package/src/component/utrecht/number-badge.tokens.json +23 -0
  67. package/src/component/utrecht/pagination.tokens.json +1 -1
  68. package/src/component/utrecht/skip-link.tokens.json +4 -2
  69. package/src/component/utrecht/spotlight-section.tokens.json +8 -0
  70. package/src/component/utrecht/table.tokens.json +1 -1
  71. package/src/component/utrecht/textarea.tokens.json +1 -0
  72. package/src/component/utrecht/toptask-link.tokens.json +1 -1
  73. package/src/css-property-formatter.mjs +46 -0
  74. package/src/dark/component/tokens.json +1 -1
  75. package/src/index.scss +2 -5
  76. package/style-dictionary-build-dark.mjs +64 -0
  77. package/style-dictionary-build.mjs +41 -0
  78. package/style-dictionary-config.mjs +261 -0
  79. package/dist/figma-tokens.json +0 -36582
  80. package/src/css-property-formatter.js +0 -35
  81. package/src/style-dictionary-config-dark.js +0 -56
  82. package/src/style-dictionary-config.js +0 -63
  83. package/style-dictionary.config.json +0 -143
package/dist/index.cjs CHANGED
@@ -1,9 +1,9 @@
1
1
  /**
2
- * Do not edit directly
3
- * Generated on Wed, 21 Aug 2024 08:24:57 GMT
2
+ * Do not edit directly, this file was auto-generated.
4
3
  */
5
4
 
6
5
  module.exports = {
6
+ "utrechtAccordionRowGap": "8px",
7
7
  "utrechtAccordionButtonPaddingInlineEnd": "16px",
8
8
  "utrechtAccordionButtonPaddingInlineStart": "16px",
9
9
  "utrechtAccordionButtonPaddingBlockEnd": "8px",
@@ -60,7 +60,7 @@ module.exports = {
60
60
  "utrechtBackdropBackgroundColor": "hsl(0 0% 100%)",
61
61
  "utrechtBackdropColor": "hsl(0 0% 0%)",
62
62
  "utrechtBackdropOpacity": "0.8",
63
- "utrechtBackdropFadeInAnimationDuration": "0.4s",
63
+ "utrechtBackdropFadeInAnimationDuration": "400ms",
64
64
  "utrechtBackdropReducedTransparencyOpacity": "0.98",
65
65
  "utrechtBadgeCounterBackgroundColor": "hsl(0 100% 40%)",
66
66
  "utrechtBadgeCounterBorderRadius": "1rem",
@@ -78,9 +78,9 @@ module.exports = {
78
78
  "utrechtBadgeFontStyle": "normal",
79
79
  "utrechtBlockquoteMarginInlineStart": "1.6em",
80
80
  "utrechtBlockquoteMarginInlineEnd": "1.6em",
81
- "utrechtBlockquoteAttributionFontSize": "0.75rem",
82
81
  "utrechtBlockquoteContentColor": "hsl(0 100% 40%)",
83
82
  "utrechtBlockquoteContentFontSize": "1.125rem",
83
+ "utrechtBlockquoteCaptionFontSize": "0.75rem",
84
84
  "utrechtBlockquoteMarginBlockStart": "1.6em",
85
85
  "utrechtBlockquoteMarginBlockEnd": "1.6em",
86
86
  "utrechtBreadcrumbNavMinBlockSize": "34px",
@@ -110,6 +110,7 @@ module.exports = {
110
110
  "utrechtButtonBorderRadius": "0",
111
111
  "utrechtButtonBorderWidth": "1px",
112
112
  "utrechtButtonColor": "hsl(0 0% 40%)",
113
+ "utrechtButtonColumnGap": "0.5ch",
113
114
  "utrechtButtonFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
114
115
  "utrechtButtonFontSize": "1rem",
115
116
  "utrechtButtonMarginBlockStart": "8px",
@@ -122,7 +123,6 @@ module.exports = {
122
123
  "utrechtButtonPaddingInlineEnd": "16px",
123
124
  "utrechtButtonActiveBackgroundColor": "hsl(0 0% 40%)",
124
125
  "utrechtButtonActiveColor": "hsl(0 0% 100%)",
125
- "utrechtButtonIconGap": "0.5ch",
126
126
  "utrechtButtonDisabledBackgroundColor": "hsl(0 0% 90%)",
127
127
  "utrechtButtonDisabledBorderColor": "hsl(0 0% 80%)",
128
128
  "utrechtButtonDisabledColor": "hsl(0 0% 80%)",
@@ -232,7 +232,7 @@ module.exports = {
232
232
  "utrechtCalendarTableWeeksItemWidth": "44px",
233
233
  "utrechtCalendarTableWeeksItemPaddingBlockStart": "4px",
234
234
  "utrechtCalendarTableWeeksItemPaddingBlockEnd": "10px",
235
- "utrechtCalendarTableWeeksItemLineHeight": "24px",
235
+ "utrechtCalendarTableWeeksItemLineHeight": "1.5rem",
236
236
  "utrechtCalendarTableDaysItemDaySize": "44px",
237
237
  "utrechtCalendarTableDaysItemDayColor": "hsl(0 0% 0%)",
238
238
  "utrechtCalendarTableDaysItemDayBorderWidth": "2px",
@@ -276,8 +276,8 @@ module.exports = {
276
276
  "utrechtCheckboxMarginBlockStart": 0,
277
277
  "utrechtCodeBlockBackgroundColor": "hsl(0 0% 95%)",
278
278
  "utrechtCodeBlockColor": "hsl(0 0% 0%)",
279
- "utrechtCodeBlockFontSize": "16px",
280
- "utrechtCodeBlockLineHeight": "24px",
279
+ "utrechtCodeBlockFontSize": "1rem",
280
+ "utrechtCodeBlockLineHeight": "1.5",
281
281
  "utrechtCodeBlockMarginBlockStart": "20px",
282
282
  "utrechtCodeBlockMarginBlockEnd": "20px",
283
283
  "utrechtCodeBlockPaddingBlockStart": "20px",
@@ -288,12 +288,12 @@ module.exports = {
288
288
  "utrechtColumnLayoutColumnRuleWidth": "2px",
289
289
  "utrechtColumnLayoutColumnWidth": "350px",
290
290
  "utrechtColumnLayoutGap": "16px",
291
+ "utrechtActionActivateCursor": "pointer",
291
292
  "utrechtActionBusyCursor": "wait",
292
293
  "utrechtActionDisabledCursor": "not-allowed",
294
+ "utrechtActionInertCursor": "default",
293
295
  "utrechtActionNavigateCursor": "pointer",
294
296
  "utrechtActionSubmitCursor": "pointer",
295
- "utrechtActionActivateCursor": "pointer",
296
- "utrechtActionInertCursor": "default",
297
297
  "utrechtFeedbackDangerBackgroundColor": "hsl(0 100% 40%)",
298
298
  "utrechtFeedbackDangerBorderColor": "hsl(0 100% 40%)",
299
299
  "utrechtFeedbackDangerColor": "hsl(0 100% 40%)",
@@ -397,10 +397,10 @@ module.exports = {
397
397
  "utrechtDataListMarginBlockEnd": "16px",
398
398
  "utrechtDataListMarginBlockStart": "16px",
399
399
  "utrechtDataListItemKeyFontWeight": "700",
400
+ "utrechtDataListRowsColumnMinInlineSize": "25ch",
401
+ "utrechtDataListRowsColumnInlineSize": "80%",
400
402
  "utrechtDataListRowsItemMarginBlockStart": "16px",
401
403
  "utrechtDataListRowsItemValueMarginBlockStart": "8px",
402
- "utrechtDataListRowsColumnInlineSize": "80%",
403
- "utrechtDataListRowsColumnMinInlineSize": "25ch",
404
404
  "utrechtDataPlaceholderBackgroundColor": "hsl(0 0% 40%)",
405
405
  "utrechtDocumentBackgroundColor": "hsl(0 0% 100%)",
406
406
  "utrechtDocumentColor": "hsl(0 0% 0%)",
@@ -419,8 +419,8 @@ module.exports = {
419
419
  "utrechtDrawerPaddingInlineEnd": "16px",
420
420
  "utrechtEmphasisStrongFontWeight": "700",
421
421
  "utrechtFigureCaptionColor": "#727272",
422
- "utrechtFigureCaptionFontSize": "14px",
423
- "utrechtFigureCaptionLineHeight": "20px",
422
+ "utrechtFigureCaptionFontSize": "0.875rem",
423
+ "utrechtFigureCaptionLineHeight": "1.5",
424
424
  "utrechtFocusBackgroundColor": "hsl(48 100% 60%)",
425
425
  "utrechtFocusOutlineColor": "hsl(0 0% 0%)",
426
426
  "utrechtFocusOutlineStyle": "dotted",
@@ -440,12 +440,12 @@ module.exports = {
440
440
  "utrechtFormControlPaddingInlineStart": "12px",
441
441
  "utrechtFormControlPlaceholderColor": "hsl(0 0% 40%)",
442
442
  "utrechtFormControlPlaceholderFontStyle": "normal",
443
- "utrechtFormControlBlockSize": "42px",
444
443
  "utrechtFormControlFocusBorderColor": "hsl(0 0% 80%)",
445
444
  "utrechtFormControlInvalidBorderColor": "#990000",
446
445
  "utrechtFormControlReadOnlyBackgroundColor": "hsl(0 0% 90%)",
447
- "utrechtFormControlReadOnlyColor": "hsl(0 0% 20%)",
448
446
  "utrechtFormControlReadOnlyBorderColor": "transparent",
447
+ "utrechtFormControlReadOnlyColor": "hsl(0 0% 20%)",
448
+ "utrechtFormControlBlockSize": "42px",
449
449
  "utrechtFormFieldDescriptionInvalidColor": "#990000",
450
450
  "utrechtFormFieldDescriptionValidColor": "hsl(90 30% 50%)",
451
451
  "utrechtFormFieldDescriptionWarningColor": "hsl(48 100% 50%)",
@@ -464,7 +464,7 @@ module.exports = {
464
464
  "utrechtFormFieldsetSectionColor": "hsl(0 0% 0%)",
465
465
  "utrechtFormFieldsetLegendFontSize": "1rem",
466
466
  "utrechtFormFieldsetLegendFontWeight": "700",
467
- "utrechtFormFieldsetLegendLineHeight": "1.4",
467
+ "utrechtFormFieldsetLegendLineHeight": "1.5",
468
468
  "utrechtFormFieldsetLegendMarginBlockEnd": "12px",
469
469
  "utrechtFormFieldsetLegendMarginBlockStart": "24px",
470
470
  "utrechtFormFieldsetLegendDisabledColor": "hsl(0 0% 40%)",
@@ -472,7 +472,7 @@ module.exports = {
472
472
  "utrechtFormLabelFontSize": "1em",
473
473
  "utrechtFormLabelCheckboxFontWeight": "400",
474
474
  "utrechtFormLabelRadioFontWeight": "400",
475
- "utrechtFormToggleAccentColor": "hsla(0, 0%, 48%, 1)",
475
+ "utrechtFormToggleAccentColor": "hsla(0 0% 48% / 100%)",
476
476
  "utrechtFormToggleBackgroundColor": "hsl(0 0% 100%)",
477
477
  "utrechtFormToggleBorderColor": "transparent",
478
478
  "utrechtFormToggleBorderStyle": "solid",
@@ -544,19 +544,19 @@ module.exports = {
544
544
  "utrechtLinkListLinkTextDecoration": "none",
545
545
  "utrechtLinkListIconSize": "14px",
546
546
  "utrechtLinkSocialBackgroundColor": "hsl(0 100% 40%)",
547
- "utrechtLinkSocialBorderWidth": "2px",
548
547
  "utrechtLinkSocialBorderColor": "hsl(0 0% 100%)",
549
- "utrechtLinkSocialSize": "40px",
550
- "utrechtLinkSocialMarginInlineStart": "12px",
548
+ "utrechtLinkSocialBorderWidth": "2px",
551
549
  "utrechtLinkSocialColor": "hsl(0 0% 100%)",
552
- "utrechtLinkSocialHoverTransformScale": "1.1",
550
+ "utrechtLinkSocialMarginInlineStart": "12px",
551
+ "utrechtLinkSocialSize": "40px",
553
552
  "utrechtLinkSocialIconSize": "26px",
553
+ "utrechtLinkSocialHoverTransformScale": "1.1",
554
554
  "utrechtLinkColor": "hsl(211 60% 35%)",
555
555
  "utrechtLinkTextDecoration": "underline",
556
556
  "utrechtLinkTextUnderlineOffset": "3px",
557
557
  "utrechtLinkActiveColor": "hsl(211 60% 35%)",
558
558
  "utrechtLinkFocusColor": "hsl(211 60% 40%)",
559
- "utrechtLinkFocusTextDecoration": "none",
559
+ "utrechtLinkFocusVisibleTextDecoration": "none",
560
560
  "utrechtLinkHoverColor": "hsl(211 60% 40%)",
561
561
  "utrechtLinkHoverTextDecoration": "underline",
562
562
  "utrechtLinkHoverTextDecorationThickness": "3px",
@@ -597,31 +597,31 @@ module.exports = {
597
597
  "utrechtMapMarkerBorderColor": "hsl(0 0% 100%)",
598
598
  "utrechtMapMarkerBoxShadowColor": "rgb(0 0 0 / 20%)",
599
599
  "utrechtMapMarkerIconSize": "30px",
600
- "utrechtMapcontrolbuttonBorderWidth": "1px",
601
- "utrechtMapcontrolbuttonMinBlockSize": "32px",
602
- "utrechtMapcontrolbuttonMinInlineSize": "32px",
603
- "utrechtMapcontrolbuttonMarginBlockStart": "8px",
604
- "utrechtMapcontrolbuttonMarginBlockEnd": "8px",
605
- "utrechtMapcontrolbuttonMarginInlineStart": "0",
606
- "utrechtMapcontrolbuttonMarginInlineEnd": "0",
607
- "utrechtMapcontrolbuttonPaddingBlockStart": "4px",
608
- "utrechtMapcontrolbuttonPaddingBlockEnd": "4px",
609
- "utrechtMapcontrolbuttonPaddingInlineStart": "4px",
610
- "utrechtMapcontrolbuttonPaddingInlineEnd": "4px",
611
- "utrechtMapcontrolbuttonDisabledColor": "hsl(0 0% 80%)",
612
- "utrechtMapcontrolbuttonDisabledBackgroundColor": "hsl(0 0% 90%)",
613
- "utrechtMapcontrolbuttonDisabledBorderColor": "hsl(0 0% 80%)",
614
600
  "utrechtMapcontrolbuttonBackgroundColor": "hsl(0 0% 100%)",
615
601
  "utrechtMapcontrolbuttonBorderColor": "hsl(0 0% 40%)",
616
602
  "utrechtMapcontrolbuttonBorderRadius": "2px",
617
603
  "utrechtMapcontrolbuttonBorderStyle": "solid",
604
+ "utrechtMapcontrolbuttonBorderWidth": "1px",
618
605
  "utrechtMapcontrolbuttonColor": "hsl(0 0% 40%)",
619
- "utrechtMapcontrolbuttonLabelMarginInlineStart": "8px",
620
- "utrechtMapcontrolbuttonLabelMarginInlineEnd": "8px",
606
+ "utrechtMapcontrolbuttonMinBlockSize": "32px",
607
+ "utrechtMapcontrolbuttonMinInlineSize": "32px",
608
+ "utrechtMapcontrolbuttonDisabledBackgroundColor": "hsl(0 0% 90%)",
609
+ "utrechtMapcontrolbuttonDisabledBorderColor": "hsl(0 0% 80%)",
610
+ "utrechtMapcontrolbuttonDisabledColor": "hsl(0 0% 80%)",
621
611
  "utrechtMapcontrolbuttonFocusColor": "hsl(0 0% 0%)",
622
612
  "utrechtMapcontrolbuttonFocusTextDecoration": "none",
623
613
  "utrechtMapcontrolbuttonHoverBackgroundColor": "hsl(0 0% 90%)",
624
614
  "utrechtMapcontrolbuttonHoverColor": "hsl(0 0% 100%)",
615
+ "utrechtMapcontrolbuttonLabelMarginInlineStart": "8px",
616
+ "utrechtMapcontrolbuttonLabelMarginInlineEnd": "8px",
617
+ "utrechtMapcontrolbuttonMarginBlockEnd": "8px",
618
+ "utrechtMapcontrolbuttonMarginBlockStart": "8px",
619
+ "utrechtMapcontrolbuttonMarginInlineEnd": "0",
620
+ "utrechtMapcontrolbuttonMarginInlineStart": "0",
621
+ "utrechtMapcontrolbuttonPaddingBlockEnd": "4px",
622
+ "utrechtMapcontrolbuttonPaddingBlockStart": "4px",
623
+ "utrechtMapcontrolbuttonPaddingInlineEnd": "4px",
624
+ "utrechtMapcontrolbuttonPaddingInlineStart": "4px",
625
625
  "utrechtMarkBackgroundColor": "hsl(48 100% 60%)",
626
626
  "utrechtMarkColor": "hsl(0 0% 0%)",
627
627
  "utrechtNavBarBackgroundColor": "hsl(0 0% 100%)",
@@ -651,6 +651,12 @@ module.exports = {
651
651
  "utrechtTopnavLinkFocusBackgroundColor": "hsl(48 100% 80%)",
652
652
  "utrechtTopnavLinkFocusOutlineColor": "hsl(0 0% 0%)",
653
653
  "utrechtTopnavLinkHoverBackgroundColor": "hsl(0 0% 0%)",
654
+ "utrechtNumberBadgeBackgroundColor": "hsl(0 100% 40%)",
655
+ "utrechtNumberBadgeBorderRadius": "1rem",
656
+ "utrechtNumberBadgeColor": "hsl(0 0% 100%)",
657
+ "utrechtNumberBadgeFontSize": "1rem",
658
+ "utrechtNumberBadgePaddingBlock": "1ex",
659
+ "utrechtNumberBadgePaddingInline": "1ex",
654
660
  "utrechtNumberDataPositiveColor": "green",
655
661
  "utrechtNumberDataNegativeColor": "red",
656
662
  "utrechtOrderedListMarginBlockStart": "0",
@@ -668,10 +674,10 @@ module.exports = {
668
674
  "utrechtPageFooterPaddingInlineStart": "28px",
669
675
  "utrechtPageFooterPaddingBlockEnd": "48px",
670
676
  "utrechtPageFooterPaddingBlockStart": "48px",
677
+ "utrechtPageHeaderPaddingBlockStart": "1.8em",
671
678
  "utrechtPageHeaderPaddingBlockEnd": "1em",
672
- "utrechtPageHeaderPaddingInlineEnd": "2.4em",
673
679
  "utrechtPageHeaderPaddingInlineStart": "2em",
674
- "utrechtPageHeaderPaddingBlockStart": "1.8em",
680
+ "utrechtPageHeaderPaddingInlineEnd": "2.4em",
675
681
  "utrechtPageBackgroundColor": "hsl(0 0% 100%)",
676
682
  "utrechtPageColor": "hsl(0 0% 0%)",
677
683
  "utrechtPageMarginInlineStart": "2em",
@@ -681,10 +687,11 @@ module.exports = {
681
687
  "utrechtPagePaddingInlineEnd": "2em",
682
688
  "utrechtPagePaddingBlockEnd": "1em",
683
689
  "utrechtPagePaddingInlineStart": "2em",
684
- "utrechtPaginationFontSize": "14px",
690
+ "utrechtPaginationFontSize": "0.875rem",
685
691
  "utrechtPaginationMarginBlockStart": "0",
686
692
  "utrechtPaginationMarginBlockEnd": "1em",
687
693
  "utrechtPaginationPageLinkBackgroundColor": "transparent",
694
+ "utrechtPaginationPageLinkBorderColor": "transparent",
688
695
  "utrechtPaginationPageLinkBorderWidth": "2px",
689
696
  "utrechtPaginationPageLinkColor": "hsl(211 60% 35%)",
690
697
  "utrechtPaginationPageLinkFontWeight": "700",
@@ -700,8 +707,8 @@ module.exports = {
700
707
  "utrechtPaginationPageLinkHoverBackgroundColor": "hsl(211 60% 35%)",
701
708
  "utrechtPaginationPageLinkHoverBorderColor": "hsl(211 60% 35%)",
702
709
  "utrechtPaginationPageLinkHoverColor": "hsl(0 0% 100%)",
703
- "utrechtPaginationPageLinkBorderColor": "transparent",
704
710
  "utrechtPaginationRelativeLinkBackgroundColor": "hsl(0 0% 100%)",
711
+ "utrechtPaginationRelativeLinkBorderColor": "hsl(211 60% 35%)",
705
712
  "utrechtPaginationRelativeLinkBorderWidth": "2px",
706
713
  "utrechtPaginationRelativeLinkColor": "hsl(211 60% 35%)",
707
714
  "utrechtPaginationRelativeLinkFontWeight": "700",
@@ -716,7 +723,6 @@ module.exports = {
716
723
  "utrechtPaginationRelativeLinkHoverBackgroundColor": "hsl(211 60% 35%)",
717
724
  "utrechtPaginationRelativeLinkHoverBorderColor": "hsl(211 60% 35%)",
718
725
  "utrechtPaginationRelativeLinkHoverColor": "hsl(0 0% 100%)",
719
- "utrechtPaginationRelativeLinkBorderColor": "hsl(211 60% 35%)",
720
726
  "utrechtParagraphFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
721
727
  "utrechtParagraphFontSize": "1rem",
722
728
  "utrechtParagraphFontWeight": "400",
@@ -734,10 +740,11 @@ module.exports = {
734
740
  "utrechtRadioButtonBorderColor": "hsl(0 0% 30%)",
735
741
  "utrechtRadioButtonBorderWidth": "2px",
736
742
  "utrechtRadioButtonSize": "24px",
743
+ "utrechtRadioButtonMarginInlineEnd": "12px",
737
744
  "utrechtRadioButtonIconSize": "42%",
738
745
  "utrechtRadioButtonActiveBackgroundColor": "hsl(211 60% 80%)",
739
- "utrechtRadioButtonCheckedBorderColor": "hsl(211 60% 40%)",
740
746
  "utrechtRadioButtonCheckedBackgroundColor": "hsl(211 60% 40%)",
747
+ "utrechtRadioButtonCheckedBorderColor": "hsl(211 60% 40%)",
741
748
  "utrechtRadioButtonCheckedActiveBackgroundColor": "hsl(211 60% 40%)",
742
749
  "utrechtRadioButtonCheckedActiveColor": "hsl(211 60% 80%)",
743
750
  "utrechtRadioButtonCheckedHoverBackgroundColor": "hsl(211 60% 40%)",
@@ -745,14 +752,13 @@ module.exports = {
745
752
  "utrechtRadioButtonCheckedFocusBorderColor": "hsl(211 60% 20%)",
746
753
  "utrechtRadioButtonHoverBackgroundColor": "hsl(211 60% 90%)",
747
754
  "utrechtRadioButtonFocusBorderColor": "hsl(211 60% 40%)",
748
- "utrechtRadioButtonDisabledBorderColor": "hsl(0 0% 80%)",
749
755
  "utrechtRadioButtonDisabledBackgroundColor": "hsl(0 0% 80%)",
756
+ "utrechtRadioButtonDisabledBorderColor": "hsl(0 0% 80%)",
750
757
  "utrechtRadioButtonDisabledColor": "hsl(0 0% 100%)",
751
758
  "utrechtRadioButtonInvalidBorderColor": "#990000",
752
759
  "utrechtRadioButtonInvalidBorderWidth": "2px",
753
760
  "utrechtRadioButtonColor": "hsl(0 0% 100%)",
754
761
  "utrechtRadioButtonBorderRadius": "0",
755
- "utrechtRadioButtonMarginInlineEnd": "12px",
756
762
  "utrechtRichTextStrangerMarginBlockEnd": "32px",
757
763
  "utrechtRichTextAcquaintanceMarginBlockEnd": "16px",
758
764
  "utrechtRichTextFriendMarginBlockEnd": "8px",
@@ -761,8 +767,8 @@ module.exports = {
761
767
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
762
768
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
763
769
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",
764
- "utrechtSearchBarButtonFontWeight": "700",
765
770
  "utrechtSearchBarButtonFontSize": "0.875rem",
771
+ "utrechtSearchBarButtonFontWeight": "700",
766
772
  "utrechtSearchBarButtonHoverBackgroundColor": "hsl(359 65% 58%)",
767
773
  "utrechtSearchBarButtonHoverScale": "1",
768
774
  "utrechtSearchBarInputBorderColor": "hsl(0 100% 40%)",
@@ -797,9 +803,9 @@ module.exports = {
797
803
  "utrechtSkipLinkPaddingInlineStart": "16px",
798
804
  "utrechtSkipLinkPaddingInlineEnd": "16px",
799
805
  "utrechtSkipLinkTextDecoration": "underline",
800
- "utrechtSkipLinkFocusColor": "hsl(0 0% 0%)",
801
806
  "utrechtSkipLinkFocusBackgroundColor": "hsl(48 100% 80%)",
802
- "utrechtSkipLinkFocusTextDecoration": "none",
807
+ "utrechtSkipLinkFocusColor": "hsl(0 0% 0%)",
808
+ "utrechtSkipLinkFocusVisibleTextDecoration": "none",
803
809
  "utrechtSpotlightSectionBackgroundColor": "hsl(0 0% 90%)",
804
810
  "utrechtSpotlightSectionColor": "hsl(0 0% 0%)",
805
811
  "utrechtSpotlightSectionPaddingBlockStart": "16px",
@@ -808,12 +814,14 @@ module.exports = {
808
814
  "utrechtSpotlightSectionPaddingInlineEnd": "16px",
809
815
  "utrechtSpotlightSectionInfoBackgroundColor": "hsl(211 60% 90%)",
810
816
  "utrechtSpotlightSectionWarningBackgroundColor": "hsl(48 100% 80%)",
817
+ "utrechtSpotlightSectionErrorBackgroundColor": "hsl(0 100% 95%)",
818
+ "utrechtSpotlightSectionOkBackgroundColor": "hsl(90 30% 90%)",
811
819
  "utrechtSurfaceBackgroundColor": "hsl(0 0% 95%)",
812
820
  "utrechtSurfaceColor": "hsl(0 0% 10%)",
813
821
  "utrechtTableMarginBlockEnd": "0",
814
822
  "utrechtTableMarginBlockStart": "16px",
815
823
  "utrechtTableCaptionFontWeight": "700",
816
- "utrechtTableCaptionFontSize": "1.125em",
824
+ "utrechtTableCaptionFontSize": "1.125rem",
817
825
  "utrechtTableCaptionTextAlign": "start",
818
826
  "utrechtTableCaptionMarginBlockEnd": "1em",
819
827
  "utrechtTableHeaderFontWeight": "700",
@@ -823,24 +831,25 @@ module.exports = {
823
831
  "utrechtTableHeaderStickyColor": "hsl(0 0% 0%)",
824
832
  "utrechtTableHeaderStickyBorderBlockEndColor": "hsl(0 100% 40%)",
825
833
  "utrechtTableHeaderStickyBorderBlockEndWidth": "2px",
826
- "utrechtTableCellLineHeight": "24px",
834
+ "utrechtTableFooterStickyBackgroundColor": "hsl(0 0% 100%)",
835
+ "utrechtTableFooterStickyColor": "hsl(0 0% 0%)",
836
+ "utrechtTableFooterStickyBorderBlockStartColor": "hsl(0 100% 40%)",
837
+ "utrechtTableFooterStickyBorderBlockStartWidth": "2px",
838
+ "utrechtTableCellLineHeight": "1.5rem",
827
839
  "utrechtTableCellPaddingBlockEnd": "0.5em",
828
840
  "utrechtTableCellPaddingBlockStart": "0.5em",
829
841
  "utrechtTableCellPaddingInlineEnd": "0.4em",
830
842
  "utrechtTableCellPaddingInlineStart": "0.4em",
831
- "utrechtTableCellIconSize": "1em",
832
843
  "utrechtTableCellSelectedBackgroundColor": "hsl(211 60% 90%)",
833
844
  "utrechtTableCellSelectedColor": "hsl(0 0% 0%)",
845
+ "utrechtTableCellIconSize": "1em",
834
846
  "utrechtTableRowBorderBlockEndColor": "hsl(0 0% 90%)",
835
847
  "utrechtTableRowBorderBlockEndWidth": "1px",
836
848
  "utrechtTableRowAlternateOddBackgroundColor": "hsl(0 0% 100%)",
837
849
  "utrechtTableRowAlternateOddColor": "hsl(0 0% 0%)",
838
850
  "utrechtTableRowAlternateEvenBackgroundColor": "hsl(0 0% 95%)",
839
851
  "utrechtTableRowAlternateEvenColor": "hsl(0 0% 0%)",
840
- "utrechtTableFooterStickyBackgroundColor": "hsl(0 0% 100%)",
841
- "utrechtTableFooterStickyColor": "hsl(0 0% 0%)",
842
- "utrechtTableFooterStickyBorderBlockStartColor": "hsl(0 100% 40%)",
843
- "utrechtTableFooterStickyBorderBlockStartWidth": "2px",
852
+ "utrechtTextareaBorderBlockEndWidth": "3px",
844
853
  "utrechtTextareaBorderBottomWidth": "3px",
845
854
  "utrechtTextareaLineHeight": "1.5",
846
855
  "utrechtTextboxBorderBottomWidth": "3px",
@@ -998,5 +1007,5 @@ module.exports = {
998
1007
  "ofPageFooterBg": "hsl(0 100% 40%)",
999
1008
  "ofPageFooterFg": "hsl(0 0% 100%)",
1000
1009
  "ofProgressIndicatorBackgroundColor": "hsl(0 0% 100%)",
1001
- "ofProgressIndicatorMobileBoxShadow": "0px 0px 2px 0px rgba(0, 0, 0, 0.2)"
1010
+ "ofProgressIndicatorMobileBoxShadow": "0px 0px 2px 0px rgba(0 0 0 / 20%)"
1002
1011
  };