@rijkshuisstijl-community/design-tokens 6.0.0 → 7.0.0

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 (105) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/_variables.scss +24 -6
  3. package/dist/index.css +24 -6
  4. package/dist/index.d.ts +24 -6
  5. package/dist/index.js +24 -6
  6. package/dist/index.json +23 -5
  7. package/dist/index.tokens.json +36 -6
  8. package/dist/koop/_variables.scss +24 -6
  9. package/dist/koop/index.css +24 -6
  10. package/dist/koop/index.d.ts +24 -6
  11. package/dist/koop/index.js +24 -6
  12. package/dist/koop/index.json +23 -5
  13. package/dist/koop/index.tokens.json +36 -6
  14. package/dist/koop/root.css +24 -6
  15. package/dist/koop/tokens.d.ts +37 -7
  16. package/dist/koop/tokens.js +502 -106
  17. package/dist/root.css +24 -6
  18. package/dist/tokens.d.ts +37 -7
  19. package/dist/tokens.js +502 -106
  20. package/dist/uitvoerend-groen/_variables.scss +24 -6
  21. package/dist/uitvoerend-groen/index.css +24 -6
  22. package/dist/uitvoerend-groen/index.d.ts +24 -6
  23. package/dist/uitvoerend-groen/index.js +24 -6
  24. package/dist/uitvoerend-groen/index.json +23 -5
  25. package/dist/uitvoerend-groen/index.tokens.json +36 -6
  26. package/dist/uitvoerend-groen/root.css +24 -6
  27. package/dist/uitvoerend-groen/tokens.d.ts +37 -7
  28. package/dist/uitvoerend-groen/tokens.js +502 -106
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +24 -6
  30. package/dist/uitvoerend-hemelblauw/index.css +24 -6
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +24 -6
  32. package/dist/uitvoerend-hemelblauw/index.js +24 -6
  33. package/dist/uitvoerend-hemelblauw/index.json +23 -5
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +36 -6
  35. package/dist/uitvoerend-hemelblauw/root.css +24 -6
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +37 -7
  37. package/dist/uitvoerend-hemelblauw/tokens.js +502 -106
  38. package/dist/uitvoerend-mintgroen/_variables.scss +24 -6
  39. package/dist/uitvoerend-mintgroen/index.css +24 -6
  40. package/dist/uitvoerend-mintgroen/index.d.ts +24 -6
  41. package/dist/uitvoerend-mintgroen/index.js +24 -6
  42. package/dist/uitvoerend-mintgroen/index.json +23 -5
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +36 -6
  44. package/dist/uitvoerend-mintgroen/root.css +24 -6
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +37 -7
  46. package/dist/uitvoerend-mintgroen/tokens.js +502 -106
  47. package/dist/uitvoerend-oranje/_variables.scss +24 -6
  48. package/dist/uitvoerend-oranje/index.css +24 -6
  49. package/dist/uitvoerend-oranje/index.d.ts +24 -6
  50. package/dist/uitvoerend-oranje/index.js +24 -6
  51. package/dist/uitvoerend-oranje/index.json +23 -5
  52. package/dist/uitvoerend-oranje/index.tokens.json +36 -6
  53. package/dist/uitvoerend-oranje/root.css +24 -6
  54. package/dist/uitvoerend-oranje/tokens.d.ts +37 -7
  55. package/dist/uitvoerend-oranje/tokens.js +502 -106
  56. package/dist/uitvoerend-paars/_variables.scss +24 -6
  57. package/dist/uitvoerend-paars/index.css +24 -6
  58. package/dist/uitvoerend-paars/index.d.ts +24 -6
  59. package/dist/uitvoerend-paars/index.js +24 -6
  60. package/dist/uitvoerend-paars/index.json +23 -5
  61. package/dist/uitvoerend-paars/index.tokens.json +36 -6
  62. package/dist/uitvoerend-paars/root.css +24 -6
  63. package/dist/uitvoerend-paars/tokens.d.ts +37 -7
  64. package/dist/uitvoerend-paars/tokens.js +502 -106
  65. package/dist/uitvoerend-violet/_variables.scss +24 -6
  66. package/dist/uitvoerend-violet/index.css +24 -6
  67. package/dist/uitvoerend-violet/index.d.ts +24 -6
  68. package/dist/uitvoerend-violet/index.js +24 -6
  69. package/dist/uitvoerend-violet/index.json +23 -5
  70. package/dist/uitvoerend-violet/index.tokens.json +36 -6
  71. package/dist/uitvoerend-violet/root.css +24 -6
  72. package/dist/uitvoerend-violet/tokens.d.ts +37 -7
  73. package/dist/uitvoerend-violet/tokens.js +502 -106
  74. package/dist/uitvoerend-violet-oud/_variables.scss +24 -6
  75. package/dist/uitvoerend-violet-oud/index.css +24 -6
  76. package/dist/uitvoerend-violet-oud/index.d.ts +24 -6
  77. package/dist/uitvoerend-violet-oud/index.js +24 -6
  78. package/dist/uitvoerend-violet-oud/index.json +23 -5
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +36 -6
  80. package/dist/uitvoerend-violet-oud/root.css +24 -6
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +37 -7
  82. package/dist/uitvoerend-violet-oud/tokens.js +502 -106
  83. package/dist/wetgevend/_variables.scss +24 -6
  84. package/dist/wetgevend/index.css +24 -6
  85. package/dist/wetgevend/index.d.ts +24 -6
  86. package/dist/wetgevend/index.js +24 -6
  87. package/dist/wetgevend/index.json +23 -5
  88. package/dist/wetgevend/index.tokens.json +36 -6
  89. package/dist/wetgevend/root.css +24 -6
  90. package/dist/wetgevend/tokens.d.ts +37 -7
  91. package/dist/wetgevend/tokens.js +502 -106
  92. package/figma/figma.tokens.json +113 -4
  93. package/package.json +2 -2
  94. package/src/generated/base.tokens.json +104 -20
  95. package/src/generated/koop/tokens.json +104 -20
  96. package/src/generated/themes.json +936 -180
  97. package/src/generated/uitvoerend-groen/tokens.json +104 -20
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +104 -20
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +104 -20
  100. package/src/generated/uitvoerend-oranje/tokens.json +104 -20
  101. package/src/generated/uitvoerend-paars/tokens.json +104 -20
  102. package/src/generated/uitvoerend-violet/tokens.json +104 -20
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +104 -20
  104. package/src/generated/wetgevend/tokens.json +104 -20
  105. package/token-transformer.mjs +0 -2
package/src/generated/themes.json CHANGED
@@ -2307,26 +2307,6 @@
2307
2307
  "type": "dimension",
2308
2308
  "value": "0rem",
2309
2309
  "description": "[code-only]"
2310
- },
2311
- "background-color": {
2312
- "type": "color",
2313
- "value": "transparent"
2314
- },
2315
- "column-gap": {
2316
- "type": "dimension",
2317
- "value": "0.5rem"
2318
- },
2319
- "padding-block-end": {
2320
- "type": "dimension",
2321
- "value": "0px"
2322
- },
2323
- "padding-block-start": {
2324
- "type": "dimension",
2325
- "value": "0px"
2326
- },
2327
- "row-gap": {
2328
- "type": "dimension",
2329
- "value": "0.5rem"
2330
2310
  }
2331
2311
  },
2332
2312
  "breadcrumb-nav": {
@@ -2623,6 +2603,28 @@
2623
2603
  }
2624
2604
  }
2625
2605
  },
2606
+ "action-group": {
2607
+ "background-color": {
2608
+ "type": "color",
2609
+ "value": "transparent"
2610
+ },
2611
+ "column-gap": {
2612
+ "type": "dimension",
2613
+ "value": "0.5rem"
2614
+ },
2615
+ "padding-block-end": {
2616
+ "type": "dimension",
2617
+ "value": "0rem"
2618
+ },
2619
+ "padding-block-start": {
2620
+ "type": "dimension",
2621
+ "value": "0rem"
2622
+ },
2623
+ "row-gap": {
2624
+ "type": "dimension",
2625
+ "value": "0.5rem"
2626
+ }
2627
+ },
2626
2628
  "column-layout": {
2627
2629
  "column-rule-color": {
2628
2630
  "value": "transparent",
@@ -3088,6 +3090,78 @@
3088
3090
  }
3089
3091
  }
3090
3092
  },
3093
+ "drawer": {
3094
+ "max-inline-size": {
3095
+ "value": "256px",
3096
+ "type": "spacing"
3097
+ },
3098
+ "z-index": {
3099
+ "type": "dimension",
3100
+ "value": 1
3101
+ },
3102
+ "background-color": {
3103
+ "value": "#fff",
3104
+ "type": "color"
3105
+ },
3106
+ "border-color": {
3107
+ "value": "#64748B",
3108
+ "type": "color"
3109
+ },
3110
+ "border-width": {
3111
+ "type": "dimension",
3112
+ "value": "0px"
3113
+ },
3114
+ "color": {
3115
+ "value": "#0F172A",
3116
+ "type": "color"
3117
+ },
3118
+ "max-block-size": {
3119
+ "value": "240px",
3120
+ "type": "dimension"
3121
+ },
3122
+ "padding-block-start": {
3123
+ "value": "1rem",
3124
+ "type": "spacing"
3125
+ },
3126
+ "padding-block-end": {
3127
+ "value": "1rem",
3128
+ "type": "spacing"
3129
+ },
3130
+ "padding-inline-start": {
3131
+ "value": "1rem",
3132
+ "type": "spacing"
3133
+ },
3134
+ "padding-inline-end": {
3135
+ "value": "1rem",
3136
+ "type": "spacing"
3137
+ }
3138
+ },
3139
+ "backdrop": {
3140
+ "background-color": {
3141
+ "value": "#0000004d",
3142
+ "type": "color"
3143
+ },
3144
+ "color": {
3145
+ "value": "#0F172A",
3146
+ "type": "color"
3147
+ },
3148
+ "opacity": {
3149
+ "value": 0.8,
3150
+ "type": "opacity"
3151
+ },
3152
+ "fade-in": {
3153
+ "animation-duration": {
3154
+ "value": "400ms",
3155
+ "type": "other"
3156
+ }
3157
+ },
3158
+ "reduced-transparency": {
3159
+ "opacity": {
3160
+ "value": 0.98,
3161
+ "type": "opacity"
3162
+ }
3163
+ }
3164
+ },
3091
3165
  "article": {
3092
3166
  "max-inline-size": {
3093
3167
  "value": "75ch",
@@ -5413,6 +5487,10 @@
5413
5487
  "type": "color"
5414
5488
  }
5415
5489
  },
5490
+ "backdrop": {
5491
+ "value": "#0000004d",
5492
+ "type": "color"
5493
+ },
5416
5494
  "border": {
5417
5495
  "default": {
5418
5496
  "parent": "mode/light",
@@ -6127,6 +6205,12 @@
6127
6205
  "value": "#000",
6128
6206
  "type": "color"
6129
6207
  },
6208
+ "transparent": {
6209
+ "30": {
6210
+ "value": "#0000004d",
6211
+ "type": "color"
6212
+ }
6213
+ },
6130
6214
  "none": {
6131
6215
  "value": "transparent",
6132
6216
  "type": "color"
@@ -8736,26 +8820,6 @@
8736
8820
  "type": "dimension",
8737
8821
  "value": "0rem",
8738
8822
  "description": "[code-only]"
8739
- },
8740
- "background-color": {
8741
- "type": "color",
8742
- "value": "transparent"
8743
- },
8744
- "column-gap": {
8745
- "type": "dimension",
8746
- "value": "0.5rem"
8747
- },
8748
- "padding-block-end": {
8749
- "type": "dimension",
8750
- "value": "0px"
8751
- },
8752
- "padding-block-start": {
8753
- "type": "dimension",
8754
- "value": "0px"
8755
- },
8756
- "row-gap": {
8757
- "type": "dimension",
8758
- "value": "0.5rem"
8759
8823
  }
8760
8824
  },
8761
8825
  "breadcrumb-nav": {
@@ -9052,6 +9116,28 @@
9052
9116
  }
9053
9117
  }
9054
9118
  },
9119
+ "action-group": {
9120
+ "background-color": {
9121
+ "type": "color",
9122
+ "value": "transparent"
9123
+ },
9124
+ "column-gap": {
9125
+ "type": "dimension",
9126
+ "value": "0.5rem"
9127
+ },
9128
+ "padding-block-end": {
9129
+ "type": "dimension",
9130
+ "value": "0rem"
9131
+ },
9132
+ "padding-block-start": {
9133
+ "type": "dimension",
9134
+ "value": "0rem"
9135
+ },
9136
+ "row-gap": {
9137
+ "type": "dimension",
9138
+ "value": "0.5rem"
9139
+ }
9140
+ },
9055
9141
  "column-layout": {
9056
9142
  "column-rule-color": {
9057
9143
  "value": "transparent",
@@ -9517,6 +9603,78 @@
9517
9603
  }
9518
9604
  }
9519
9605
  },
9606
+ "drawer": {
9607
+ "max-inline-size": {
9608
+ "value": "256px",
9609
+ "type": "spacing"
9610
+ },
9611
+ "z-index": {
9612
+ "type": "dimension",
9613
+ "value": 1
9614
+ },
9615
+ "background-color": {
9616
+ "value": "#fff",
9617
+ "type": "color"
9618
+ },
9619
+ "border-color": {
9620
+ "value": "#64748B",
9621
+ "type": "color"
9622
+ },
9623
+ "border-width": {
9624
+ "type": "dimension",
9625
+ "value": "0px"
9626
+ },
9627
+ "color": {
9628
+ "value": "#0F172A",
9629
+ "type": "color"
9630
+ },
9631
+ "max-block-size": {
9632
+ "value": "240px",
9633
+ "type": "dimension"
9634
+ },
9635
+ "padding-block-start": {
9636
+ "value": "1rem",
9637
+ "type": "spacing"
9638
+ },
9639
+ "padding-block-end": {
9640
+ "value": "1rem",
9641
+ "type": "spacing"
9642
+ },
9643
+ "padding-inline-start": {
9644
+ "value": "1rem",
9645
+ "type": "spacing"
9646
+ },
9647
+ "padding-inline-end": {
9648
+ "value": "1rem",
9649
+ "type": "spacing"
9650
+ }
9651
+ },
9652
+ "backdrop": {
9653
+ "background-color": {
9654
+ "value": "#0000004d",
9655
+ "type": "color"
9656
+ },
9657
+ "color": {
9658
+ "value": "#0F172A",
9659
+ "type": "color"
9660
+ },
9661
+ "opacity": {
9662
+ "value": 0.8,
9663
+ "type": "opacity"
9664
+ },
9665
+ "fade-in": {
9666
+ "animation-duration": {
9667
+ "value": "400ms",
9668
+ "type": "other"
9669
+ }
9670
+ },
9671
+ "reduced-transparency": {
9672
+ "opacity": {
9673
+ "value": 0.98,
9674
+ "type": "opacity"
9675
+ }
9676
+ }
9677
+ },
9520
9678
  "article": {
9521
9679
  "max-inline-size": {
9522
9680
  "value": "75ch",
@@ -10662,6 +10820,10 @@
10662
10820
  "type": "color"
10663
10821
  }
10664
10822
  },
10823
+ "backdrop": {
10824
+ "value": "#0000004d",
10825
+ "type": "color"
10826
+ },
10665
10827
  "border": {
10666
10828
  "default": {
10667
10829
  "parent": "mode/light",
@@ -11337,6 +11499,12 @@
11337
11499
  "value": "#000",
11338
11500
  "type": "color"
11339
11501
  },
11502
+ "transparent": {
11503
+ "30": {
11504
+ "value": "#0000004d",
11505
+ "type": "color"
11506
+ }
11507
+ },
11340
11508
  "none": {
11341
11509
  "value": "transparent",
11342
11510
  "type": "color"
@@ -15165,26 +15333,6 @@
15165
15333
  "type": "dimension",
15166
15334
  "value": "0rem",
15167
15335
  "description": "[code-only]"
15168
- },
15169
- "background-color": {
15170
- "type": "color",
15171
- "value": "transparent"
15172
- },
15173
- "column-gap": {
15174
- "type": "dimension",
15175
- "value": "0.5rem"
15176
- },
15177
- "padding-block-end": {
15178
- "type": "dimension",
15179
- "value": "0px"
15180
- },
15181
- "padding-block-start": {
15182
- "type": "dimension",
15183
- "value": "0px"
15184
- },
15185
- "row-gap": {
15186
- "type": "dimension",
15187
- "value": "0.5rem"
15188
15336
  }
15189
15337
  },
15190
15338
  "breadcrumb-nav": {
@@ -15481,6 +15629,28 @@
15481
15629
  }
15482
15630
  }
15483
15631
  },
15632
+ "action-group": {
15633
+ "background-color": {
15634
+ "type": "color",
15635
+ "value": "transparent"
15636
+ },
15637
+ "column-gap": {
15638
+ "type": "dimension",
15639
+ "value": "0.5rem"
15640
+ },
15641
+ "padding-block-end": {
15642
+ "type": "dimension",
15643
+ "value": "0rem"
15644
+ },
15645
+ "padding-block-start": {
15646
+ "type": "dimension",
15647
+ "value": "0rem"
15648
+ },
15649
+ "row-gap": {
15650
+ "type": "dimension",
15651
+ "value": "0.5rem"
15652
+ }
15653
+ },
15484
15654
  "column-layout": {
15485
15655
  "column-rule-color": {
15486
15656
  "value": "transparent",
@@ -15946,6 +16116,78 @@
15946
16116
  }
15947
16117
  }
15948
16118
  },
16119
+ "drawer": {
16120
+ "max-inline-size": {
16121
+ "value": "256px",
16122
+ "type": "spacing"
16123
+ },
16124
+ "z-index": {
16125
+ "type": "dimension",
16126
+ "value": 1
16127
+ },
16128
+ "background-color": {
16129
+ "value": "#fff",
16130
+ "type": "color"
16131
+ },
16132
+ "border-color": {
16133
+ "value": "#64748B",
16134
+ "type": "color"
16135
+ },
16136
+ "border-width": {
16137
+ "type": "dimension",
16138
+ "value": "0px"
16139
+ },
16140
+ "color": {
16141
+ "value": "#0F172A",
16142
+ "type": "color"
16143
+ },
16144
+ "max-block-size": {
16145
+ "value": "240px",
16146
+ "type": "dimension"
16147
+ },
16148
+ "padding-block-start": {
16149
+ "value": "1rem",
16150
+ "type": "spacing"
16151
+ },
16152
+ "padding-block-end": {
16153
+ "value": "1rem",
16154
+ "type": "spacing"
16155
+ },
16156
+ "padding-inline-start": {
16157
+ "value": "1rem",
16158
+ "type": "spacing"
16159
+ },
16160
+ "padding-inline-end": {
16161
+ "value": "1rem",
16162
+ "type": "spacing"
16163
+ }
16164
+ },
16165
+ "backdrop": {
16166
+ "background-color": {
16167
+ "value": "#0000004d",
16168
+ "type": "color"
16169
+ },
16170
+ "color": {
16171
+ "value": "#0F172A",
16172
+ "type": "color"
16173
+ },
16174
+ "opacity": {
16175
+ "value": 0.8,
16176
+ "type": "opacity"
16177
+ },
16178
+ "fade-in": {
16179
+ "animation-duration": {
16180
+ "value": "400ms",
16181
+ "type": "other"
16182
+ }
16183
+ },
16184
+ "reduced-transparency": {
16185
+ "opacity": {
16186
+ "value": 0.98,
16187
+ "type": "opacity"
16188
+ }
16189
+ }
16190
+ },
15949
16191
  "article": {
15950
16192
  "max-inline-size": {
15951
16193
  "value": "75ch",
@@ -17091,6 +17333,10 @@
17091
17333
  "type": "color"
17092
17334
  }
17093
17335
  },
17336
+ "backdrop": {
17337
+ "value": "#0000004d",
17338
+ "type": "color"
17339
+ },
17094
17340
  "border": {
17095
17341
  "default": {
17096
17342
  "parent": "mode/light",
@@ -17766,6 +18012,12 @@
17766
18012
  "value": "#000",
17767
18013
  "type": "color"
17768
18014
  },
18015
+ "transparent": {
18016
+ "30": {
18017
+ "value": "#0000004d",
18018
+ "type": "color"
18019
+ }
18020
+ },
17769
18021
  "none": {
17770
18022
  "value": "transparent",
17771
18023
  "type": "color"
@@ -21598,26 +21850,6 @@
21598
21850
  "type": "dimension",
21599
21851
  "value": "0rem",
21600
21852
  "description": "[code-only]"
21601
- },
21602
- "background-color": {
21603
- "type": "color",
21604
- "value": "transparent"
21605
- },
21606
- "column-gap": {
21607
- "type": "dimension",
21608
- "value": "0.5rem"
21609
- },
21610
- "padding-block-end": {
21611
- "type": "dimension",
21612
- "value": "0px"
21613
- },
21614
- "padding-block-start": {
21615
- "type": "dimension",
21616
- "value": "0px"
21617
- },
21618
- "row-gap": {
21619
- "type": "dimension",
21620
- "value": "0.5rem"
21621
21853
  }
21622
21854
  },
21623
21855
  "breadcrumb-nav": {
@@ -21914,6 +22146,28 @@
21914
22146
  }
21915
22147
  }
21916
22148
  },
22149
+ "action-group": {
22150
+ "background-color": {
22151
+ "type": "color",
22152
+ "value": "transparent"
22153
+ },
22154
+ "column-gap": {
22155
+ "type": "dimension",
22156
+ "value": "0.5rem"
22157
+ },
22158
+ "padding-block-end": {
22159
+ "type": "dimension",
22160
+ "value": "0rem"
22161
+ },
22162
+ "padding-block-start": {
22163
+ "type": "dimension",
22164
+ "value": "0rem"
22165
+ },
22166
+ "row-gap": {
22167
+ "type": "dimension",
22168
+ "value": "0.5rem"
22169
+ }
22170
+ },
21917
22171
  "column-layout": {
21918
22172
  "column-rule-color": {
21919
22173
  "value": "transparent",
@@ -22379,6 +22633,78 @@
22379
22633
  }
22380
22634
  }
22381
22635
  },
22636
+ "drawer": {
22637
+ "max-inline-size": {
22638
+ "value": "256px",
22639
+ "type": "spacing"
22640
+ },
22641
+ "z-index": {
22642
+ "type": "dimension",
22643
+ "value": 1
22644
+ },
22645
+ "background-color": {
22646
+ "value": "#fff",
22647
+ "type": "color"
22648
+ },
22649
+ "border-color": {
22650
+ "value": "#64748B",
22651
+ "type": "color"
22652
+ },
22653
+ "border-width": {
22654
+ "type": "dimension",
22655
+ "value": "0px"
22656
+ },
22657
+ "color": {
22658
+ "value": "#0F172A",
22659
+ "type": "color"
22660
+ },
22661
+ "max-block-size": {
22662
+ "value": "240px",
22663
+ "type": "dimension"
22664
+ },
22665
+ "padding-block-start": {
22666
+ "value": "1rem",
22667
+ "type": "spacing"
22668
+ },
22669
+ "padding-block-end": {
22670
+ "value": "1rem",
22671
+ "type": "spacing"
22672
+ },
22673
+ "padding-inline-start": {
22674
+ "value": "1rem",
22675
+ "type": "spacing"
22676
+ },
22677
+ "padding-inline-end": {
22678
+ "value": "1rem",
22679
+ "type": "spacing"
22680
+ }
22681
+ },
22682
+ "backdrop": {
22683
+ "background-color": {
22684
+ "value": "#0000004d",
22685
+ "type": "color"
22686
+ },
22687
+ "color": {
22688
+ "value": "#0F172A",
22689
+ "type": "color"
22690
+ },
22691
+ "opacity": {
22692
+ "value": 0.8,
22693
+ "type": "opacity"
22694
+ },
22695
+ "fade-in": {
22696
+ "animation-duration": {
22697
+ "value": "400ms",
22698
+ "type": "other"
22699
+ }
22700
+ },
22701
+ "reduced-transparency": {
22702
+ "opacity": {
22703
+ "value": 0.98,
22704
+ "type": "opacity"
22705
+ }
22706
+ }
22707
+ },
22382
22708
  "article": {
22383
22709
  "max-inline-size": {
22384
22710
  "value": "75ch",
@@ -23524,6 +23850,10 @@
23524
23850
  "type": "color"
23525
23851
  }
23526
23852
  },
23853
+ "backdrop": {
23854
+ "value": "#0000004d",
23855
+ "type": "color"
23856
+ },
23527
23857
  "border": {
23528
23858
  "default": {
23529
23859
  "parent": "mode/light",
@@ -24199,6 +24529,12 @@
24199
24529
  "value": "#000",
24200
24530
  "type": "color"
24201
24531
  },
24532
+ "transparent": {
24533
+ "30": {
24534
+ "value": "#0000004d",
24535
+ "type": "color"
24536
+ }
24537
+ },
24202
24538
  "none": {
24203
24539
  "value": "transparent",
24204
24540
  "type": "color"
@@ -28027,26 +28363,6 @@
28027
28363
  "type": "dimension",
28028
28364
  "value": "0rem",
28029
28365
  "description": "[code-only]"
28030
- },
28031
- "background-color": {
28032
- "type": "color",
28033
- "value": "transparent"
28034
- },
28035
- "column-gap": {
28036
- "type": "dimension",
28037
- "value": "0.5rem"
28038
- },
28039
- "padding-block-end": {
28040
- "type": "dimension",
28041
- "value": "0px"
28042
- },
28043
- "padding-block-start": {
28044
- "type": "dimension",
28045
- "value": "0px"
28046
- },
28047
- "row-gap": {
28048
- "type": "dimension",
28049
- "value": "0.5rem"
28050
28366
  }
28051
28367
  },
28052
28368
  "breadcrumb-nav": {
@@ -28343,6 +28659,28 @@
28343
28659
  }
28344
28660
  }
28345
28661
  },
28662
+ "action-group": {
28663
+ "background-color": {
28664
+ "type": "color",
28665
+ "value": "transparent"
28666
+ },
28667
+ "column-gap": {
28668
+ "type": "dimension",
28669
+ "value": "0.5rem"
28670
+ },
28671
+ "padding-block-end": {
28672
+ "type": "dimension",
28673
+ "value": "0rem"
28674
+ },
28675
+ "padding-block-start": {
28676
+ "type": "dimension",
28677
+ "value": "0rem"
28678
+ },
28679
+ "row-gap": {
28680
+ "type": "dimension",
28681
+ "value": "0.5rem"
28682
+ }
28683
+ },
28346
28684
  "column-layout": {
28347
28685
  "column-rule-color": {
28348
28686
  "value": "transparent",
@@ -28808,6 +29146,78 @@
28808
29146
  }
28809
29147
  }
28810
29148
  },
29149
+ "drawer": {
29150
+ "max-inline-size": {
29151
+ "value": "256px",
29152
+ "type": "spacing"
29153
+ },
29154
+ "z-index": {
29155
+ "type": "dimension",
29156
+ "value": 1
29157
+ },
29158
+ "background-color": {
29159
+ "value": "#fff",
29160
+ "type": "color"
29161
+ },
29162
+ "border-color": {
29163
+ "value": "#64748B",
29164
+ "type": "color"
29165
+ },
29166
+ "border-width": {
29167
+ "type": "dimension",
29168
+ "value": "0px"
29169
+ },
29170
+ "color": {
29171
+ "value": "#0F172A",
29172
+ "type": "color"
29173
+ },
29174
+ "max-block-size": {
29175
+ "value": "240px",
29176
+ "type": "dimension"
29177
+ },
29178
+ "padding-block-start": {
29179
+ "value": "1rem",
29180
+ "type": "spacing"
29181
+ },
29182
+ "padding-block-end": {
29183
+ "value": "1rem",
29184
+ "type": "spacing"
29185
+ },
29186
+ "padding-inline-start": {
29187
+ "value": "1rem",
29188
+ "type": "spacing"
29189
+ },
29190
+ "padding-inline-end": {
29191
+ "value": "1rem",
29192
+ "type": "spacing"
29193
+ }
29194
+ },
29195
+ "backdrop": {
29196
+ "background-color": {
29197
+ "value": "#0000004d",
29198
+ "type": "color"
29199
+ },
29200
+ "color": {
29201
+ "value": "#0F172A",
29202
+ "type": "color"
29203
+ },
29204
+ "opacity": {
29205
+ "value": 0.8,
29206
+ "type": "opacity"
29207
+ },
29208
+ "fade-in": {
29209
+ "animation-duration": {
29210
+ "value": "400ms",
29211
+ "type": "other"
29212
+ }
29213
+ },
29214
+ "reduced-transparency": {
29215
+ "opacity": {
29216
+ "value": 0.98,
29217
+ "type": "opacity"
29218
+ }
29219
+ }
29220
+ },
28811
29221
  "article": {
28812
29222
  "max-inline-size": {
28813
29223
  "value": "75ch",
@@ -29953,6 +30363,10 @@
29953
30363
  "type": "color"
29954
30364
  }
29955
30365
  },
30366
+ "backdrop": {
30367
+ "value": "#0000004d",
30368
+ "type": "color"
30369
+ },
29956
30370
  "border": {
29957
30371
  "default": {
29958
30372
  "parent": "mode/light",
@@ -30628,6 +31042,12 @@
30628
31042
  "value": "#000",
30629
31043
  "type": "color"
30630
31044
  },
31045
+ "transparent": {
31046
+ "30": {
31047
+ "value": "#0000004d",
31048
+ "type": "color"
31049
+ }
31050
+ },
30631
31051
  "none": {
30632
31052
  "value": "transparent",
30633
31053
  "type": "color"
@@ -34456,26 +34876,6 @@
34456
34876
  "type": "dimension",
34457
34877
  "value": "0rem",
34458
34878
  "description": "[code-only]"
34459
- },
34460
- "background-color": {
34461
- "type": "color",
34462
- "value": "transparent"
34463
- },
34464
- "column-gap": {
34465
- "type": "dimension",
34466
- "value": "0.5rem"
34467
- },
34468
- "padding-block-end": {
34469
- "type": "dimension",
34470
- "value": "0px"
34471
- },
34472
- "padding-block-start": {
34473
- "type": "dimension",
34474
- "value": "0px"
34475
- },
34476
- "row-gap": {
34477
- "type": "dimension",
34478
- "value": "0.5rem"
34479
34879
  }
34480
34880
  },
34481
34881
  "breadcrumb-nav": {
@@ -34772,6 +35172,28 @@
34772
35172
  }
34773
35173
  }
34774
35174
  },
35175
+ "action-group": {
35176
+ "background-color": {
35177
+ "type": "color",
35178
+ "value": "transparent"
35179
+ },
35180
+ "column-gap": {
35181
+ "type": "dimension",
35182
+ "value": "0.5rem"
35183
+ },
35184
+ "padding-block-end": {
35185
+ "type": "dimension",
35186
+ "value": "0rem"
35187
+ },
35188
+ "padding-block-start": {
35189
+ "type": "dimension",
35190
+ "value": "0rem"
35191
+ },
35192
+ "row-gap": {
35193
+ "type": "dimension",
35194
+ "value": "0.5rem"
35195
+ }
35196
+ },
34775
35197
  "column-layout": {
34776
35198
  "column-rule-color": {
34777
35199
  "value": "transparent",
@@ -35237,6 +35659,78 @@
35237
35659
  }
35238
35660
  }
35239
35661
  },
35662
+ "drawer": {
35663
+ "max-inline-size": {
35664
+ "value": "256px",
35665
+ "type": "spacing"
35666
+ },
35667
+ "z-index": {
35668
+ "type": "dimension",
35669
+ "value": 1
35670
+ },
35671
+ "background-color": {
35672
+ "value": "#fff",
35673
+ "type": "color"
35674
+ },
35675
+ "border-color": {
35676
+ "value": "#64748B",
35677
+ "type": "color"
35678
+ },
35679
+ "border-width": {
35680
+ "type": "dimension",
35681
+ "value": "0px"
35682
+ },
35683
+ "color": {
35684
+ "value": "#0F172A",
35685
+ "type": "color"
35686
+ },
35687
+ "max-block-size": {
35688
+ "value": "240px",
35689
+ "type": "dimension"
35690
+ },
35691
+ "padding-block-start": {
35692
+ "value": "1rem",
35693
+ "type": "spacing"
35694
+ },
35695
+ "padding-block-end": {
35696
+ "value": "1rem",
35697
+ "type": "spacing"
35698
+ },
35699
+ "padding-inline-start": {
35700
+ "value": "1rem",
35701
+ "type": "spacing"
35702
+ },
35703
+ "padding-inline-end": {
35704
+ "value": "1rem",
35705
+ "type": "spacing"
35706
+ }
35707
+ },
35708
+ "backdrop": {
35709
+ "background-color": {
35710
+ "value": "#0000004d",
35711
+ "type": "color"
35712
+ },
35713
+ "color": {
35714
+ "value": "#0F172A",
35715
+ "type": "color"
35716
+ },
35717
+ "opacity": {
35718
+ "value": 0.8,
35719
+ "type": "opacity"
35720
+ },
35721
+ "fade-in": {
35722
+ "animation-duration": {
35723
+ "value": "400ms",
35724
+ "type": "other"
35725
+ }
35726
+ },
35727
+ "reduced-transparency": {
35728
+ "opacity": {
35729
+ "value": 0.98,
35730
+ "type": "opacity"
35731
+ }
35732
+ }
35733
+ },
35240
35734
  "article": {
35241
35735
  "max-inline-size": {
35242
35736
  "value": "75ch",
@@ -36382,6 +36876,10 @@
36382
36876
  "type": "color"
36383
36877
  }
36384
36878
  },
36879
+ "backdrop": {
36880
+ "value": "#0000004d",
36881
+ "type": "color"
36882
+ },
36385
36883
  "border": {
36386
36884
  "default": {
36387
36885
  "parent": "mode/light",
@@ -37057,6 +37555,12 @@
37057
37555
  "value": "#000",
37058
37556
  "type": "color"
37059
37557
  },
37558
+ "transparent": {
37559
+ "30": {
37560
+ "value": "#0000004d",
37561
+ "type": "color"
37562
+ }
37563
+ },
37060
37564
  "none": {
37061
37565
  "value": "transparent",
37062
37566
  "type": "color"
@@ -40885,26 +41389,6 @@
40885
41389
  "type": "dimension",
40886
41390
  "value": "0rem",
40887
41391
  "description": "[code-only]"
40888
- },
40889
- "background-color": {
40890
- "type": "color",
40891
- "value": "transparent"
40892
- },
40893
- "column-gap": {
40894
- "type": "dimension",
40895
- "value": "0.5rem"
40896
- },
40897
- "padding-block-end": {
40898
- "type": "dimension",
40899
- "value": "0px"
40900
- },
40901
- "padding-block-start": {
40902
- "type": "dimension",
40903
- "value": "0px"
40904
- },
40905
- "row-gap": {
40906
- "type": "dimension",
40907
- "value": "0.5rem"
40908
41392
  }
40909
41393
  },
40910
41394
  "breadcrumb-nav": {
@@ -41201,6 +41685,28 @@
41201
41685
  }
41202
41686
  }
41203
41687
  },
41688
+ "action-group": {
41689
+ "background-color": {
41690
+ "type": "color",
41691
+ "value": "transparent"
41692
+ },
41693
+ "column-gap": {
41694
+ "type": "dimension",
41695
+ "value": "0.5rem"
41696
+ },
41697
+ "padding-block-end": {
41698
+ "type": "dimension",
41699
+ "value": "0rem"
41700
+ },
41701
+ "padding-block-start": {
41702
+ "type": "dimension",
41703
+ "value": "0rem"
41704
+ },
41705
+ "row-gap": {
41706
+ "type": "dimension",
41707
+ "value": "0.5rem"
41708
+ }
41709
+ },
41204
41710
  "column-layout": {
41205
41711
  "column-rule-color": {
41206
41712
  "value": "transparent",
@@ -41666,6 +42172,78 @@
41666
42172
  }
41667
42173
  }
41668
42174
  },
42175
+ "drawer": {
42176
+ "max-inline-size": {
42177
+ "value": "256px",
42178
+ "type": "spacing"
42179
+ },
42180
+ "z-index": {
42181
+ "type": "dimension",
42182
+ "value": 1
42183
+ },
42184
+ "background-color": {
42185
+ "value": "#fff",
42186
+ "type": "color"
42187
+ },
42188
+ "border-color": {
42189
+ "value": "#64748B",
42190
+ "type": "color"
42191
+ },
42192
+ "border-width": {
42193
+ "type": "dimension",
42194
+ "value": "0px"
42195
+ },
42196
+ "color": {
42197
+ "value": "#0F172A",
42198
+ "type": "color"
42199
+ },
42200
+ "max-block-size": {
42201
+ "value": "240px",
42202
+ "type": "dimension"
42203
+ },
42204
+ "padding-block-start": {
42205
+ "value": "1rem",
42206
+ "type": "spacing"
42207
+ },
42208
+ "padding-block-end": {
42209
+ "value": "1rem",
42210
+ "type": "spacing"
42211
+ },
42212
+ "padding-inline-start": {
42213
+ "value": "1rem",
42214
+ "type": "spacing"
42215
+ },
42216
+ "padding-inline-end": {
42217
+ "value": "1rem",
42218
+ "type": "spacing"
42219
+ }
42220
+ },
42221
+ "backdrop": {
42222
+ "background-color": {
42223
+ "value": "#0000004d",
42224
+ "type": "color"
42225
+ },
42226
+ "color": {
42227
+ "value": "#0F172A",
42228
+ "type": "color"
42229
+ },
42230
+ "opacity": {
42231
+ "value": 0.8,
42232
+ "type": "opacity"
42233
+ },
42234
+ "fade-in": {
42235
+ "animation-duration": {
42236
+ "value": "400ms",
42237
+ "type": "other"
42238
+ }
42239
+ },
42240
+ "reduced-transparency": {
42241
+ "opacity": {
42242
+ "value": 0.98,
42243
+ "type": "opacity"
42244
+ }
42245
+ }
42246
+ },
41669
42247
  "article": {
41670
42248
  "max-inline-size": {
41671
42249
  "value": "75ch",
@@ -42811,6 +43389,10 @@
42811
43389
  "type": "color"
42812
43390
  }
42813
43391
  },
43392
+ "backdrop": {
43393
+ "value": "#0000004d",
43394
+ "type": "color"
43395
+ },
42814
43396
  "border": {
42815
43397
  "default": {
42816
43398
  "parent": "mode/light",
@@ -43486,6 +44068,12 @@
43486
44068
  "value": "#000",
43487
44069
  "type": "color"
43488
44070
  },
44071
+ "transparent": {
44072
+ "30": {
44073
+ "value": "#0000004d",
44074
+ "type": "color"
44075
+ }
44076
+ },
43489
44077
  "none": {
43490
44078
  "value": "transparent",
43491
44079
  "type": "color"
@@ -47314,26 +47902,6 @@
47314
47902
  "type": "dimension",
47315
47903
  "value": "0rem",
47316
47904
  "description": "[code-only]"
47317
- },
47318
- "background-color": {
47319
- "type": "color",
47320
- "value": "transparent"
47321
- },
47322
- "column-gap": {
47323
- "type": "dimension",
47324
- "value": "0.5rem"
47325
- },
47326
- "padding-block-end": {
47327
- "type": "dimension",
47328
- "value": "0px"
47329
- },
47330
- "padding-block-start": {
47331
- "type": "dimension",
47332
- "value": "0px"
47333
- },
47334
- "row-gap": {
47335
- "type": "dimension",
47336
- "value": "0.5rem"
47337
47905
  }
47338
47906
  },
47339
47907
  "breadcrumb-nav": {
@@ -47630,6 +48198,28 @@
47630
48198
  }
47631
48199
  }
47632
48200
  },
48201
+ "action-group": {
48202
+ "background-color": {
48203
+ "type": "color",
48204
+ "value": "transparent"
48205
+ },
48206
+ "column-gap": {
48207
+ "type": "dimension",
48208
+ "value": "0.5rem"
48209
+ },
48210
+ "padding-block-end": {
48211
+ "type": "dimension",
48212
+ "value": "0rem"
48213
+ },
48214
+ "padding-block-start": {
48215
+ "type": "dimension",
48216
+ "value": "0rem"
48217
+ },
48218
+ "row-gap": {
48219
+ "type": "dimension",
48220
+ "value": "0.5rem"
48221
+ }
48222
+ },
47633
48223
  "column-layout": {
47634
48224
  "column-rule-color": {
47635
48225
  "value": "transparent",
@@ -48095,6 +48685,78 @@
48095
48685
  }
48096
48686
  }
48097
48687
  },
48688
+ "drawer": {
48689
+ "max-inline-size": {
48690
+ "value": "256px",
48691
+ "type": "spacing"
48692
+ },
48693
+ "z-index": {
48694
+ "type": "dimension",
48695
+ "value": 1
48696
+ },
48697
+ "background-color": {
48698
+ "value": "#fff",
48699
+ "type": "color"
48700
+ },
48701
+ "border-color": {
48702
+ "value": "#64748B",
48703
+ "type": "color"
48704
+ },
48705
+ "border-width": {
48706
+ "type": "dimension",
48707
+ "value": "0px"
48708
+ },
48709
+ "color": {
48710
+ "value": "#0F172A",
48711
+ "type": "color"
48712
+ },
48713
+ "max-block-size": {
48714
+ "value": "240px",
48715
+ "type": "dimension"
48716
+ },
48717
+ "padding-block-start": {
48718
+ "value": "1rem",
48719
+ "type": "spacing"
48720
+ },
48721
+ "padding-block-end": {
48722
+ "value": "1rem",
48723
+ "type": "spacing"
48724
+ },
48725
+ "padding-inline-start": {
48726
+ "value": "1rem",
48727
+ "type": "spacing"
48728
+ },
48729
+ "padding-inline-end": {
48730
+ "value": "1rem",
48731
+ "type": "spacing"
48732
+ }
48733
+ },
48734
+ "backdrop": {
48735
+ "background-color": {
48736
+ "value": "#0000004d",
48737
+ "type": "color"
48738
+ },
48739
+ "color": {
48740
+ "value": "#0F172A",
48741
+ "type": "color"
48742
+ },
48743
+ "opacity": {
48744
+ "value": 0.8,
48745
+ "type": "opacity"
48746
+ },
48747
+ "fade-in": {
48748
+ "animation-duration": {
48749
+ "value": "400ms",
48750
+ "type": "other"
48751
+ }
48752
+ },
48753
+ "reduced-transparency": {
48754
+ "opacity": {
48755
+ "value": 0.98,
48756
+ "type": "opacity"
48757
+ }
48758
+ }
48759
+ },
48098
48760
  "article": {
48099
48761
  "max-inline-size": {
48100
48762
  "value": "75ch",
@@ -49240,6 +49902,10 @@
49240
49902
  "type": "color"
49241
49903
  }
49242
49904
  },
49905
+ "backdrop": {
49906
+ "value": "#0000004d",
49907
+ "type": "color"
49908
+ },
49243
49909
  "border": {
49244
49910
  "default": {
49245
49911
  "parent": "mode/light",
@@ -49915,6 +50581,12 @@
49915
50581
  "value": "#000",
49916
50582
  "type": "color"
49917
50583
  },
50584
+ "transparent": {
50585
+ "30": {
50586
+ "value": "#0000004d",
50587
+ "type": "color"
50588
+ }
50589
+ },
49918
50590
  "none": {
49919
50591
  "value": "transparent",
49920
50592
  "type": "color"
@@ -53743,26 +54415,6 @@
53743
54415
  "type": "dimension",
53744
54416
  "value": "0rem",
53745
54417
  "description": "[code-only]"
53746
- },
53747
- "background-color": {
53748
- "type": "color",
53749
- "value": "transparent"
53750
- },
53751
- "column-gap": {
53752
- "type": "dimension",
53753
- "value": "0.5rem"
53754
- },
53755
- "padding-block-end": {
53756
- "type": "dimension",
53757
- "value": "0px"
53758
- },
53759
- "padding-block-start": {
53760
- "type": "dimension",
53761
- "value": "0px"
53762
- },
53763
- "row-gap": {
53764
- "type": "dimension",
53765
- "value": "0.5rem"
53766
54418
  }
53767
54419
  },
53768
54420
  "breadcrumb-nav": {
@@ -54059,6 +54711,28 @@
54059
54711
  }
54060
54712
  }
54061
54713
  },
54714
+ "action-group": {
54715
+ "background-color": {
54716
+ "type": "color",
54717
+ "value": "transparent"
54718
+ },
54719
+ "column-gap": {
54720
+ "type": "dimension",
54721
+ "value": "0.5rem"
54722
+ },
54723
+ "padding-block-end": {
54724
+ "type": "dimension",
54725
+ "value": "0rem"
54726
+ },
54727
+ "padding-block-start": {
54728
+ "type": "dimension",
54729
+ "value": "0rem"
54730
+ },
54731
+ "row-gap": {
54732
+ "type": "dimension",
54733
+ "value": "0.5rem"
54734
+ }
54735
+ },
54062
54736
  "page-footer": {
54063
54737
  "background-color": {
54064
54738
  "value": "#154273",
@@ -54524,6 +55198,78 @@
54524
55198
  }
54525
55199
  }
54526
55200
  },
55201
+ "drawer": {
55202
+ "max-inline-size": {
55203
+ "value": "256px",
55204
+ "type": "spacing"
55205
+ },
55206
+ "z-index": {
55207
+ "type": "dimension",
55208
+ "value": 1
55209
+ },
55210
+ "background-color": {
55211
+ "value": "#fff",
55212
+ "type": "color"
55213
+ },
55214
+ "border-color": {
55215
+ "value": "#64748B",
55216
+ "type": "color"
55217
+ },
55218
+ "border-width": {
55219
+ "type": "dimension",
55220
+ "value": "0px"
55221
+ },
55222
+ "color": {
55223
+ "value": "#0F172A",
55224
+ "type": "color"
55225
+ },
55226
+ "max-block-size": {
55227
+ "value": "240px",
55228
+ "type": "dimension"
55229
+ },
55230
+ "padding-block-start": {
55231
+ "value": "1rem",
55232
+ "type": "spacing"
55233
+ },
55234
+ "padding-block-end": {
55235
+ "value": "1rem",
55236
+ "type": "spacing"
55237
+ },
55238
+ "padding-inline-start": {
55239
+ "value": "1rem",
55240
+ "type": "spacing"
55241
+ },
55242
+ "padding-inline-end": {
55243
+ "value": "1rem",
55244
+ "type": "spacing"
55245
+ }
55246
+ },
55247
+ "backdrop": {
55248
+ "background-color": {
55249
+ "value": "#0000004d",
55250
+ "type": "color"
55251
+ },
55252
+ "color": {
55253
+ "value": "#0F172A",
55254
+ "type": "color"
55255
+ },
55256
+ "opacity": {
55257
+ "value": 0.8,
55258
+ "type": "opacity"
55259
+ },
55260
+ "fade-in": {
55261
+ "animation-duration": {
55262
+ "value": "400ms",
55263
+ "type": "other"
55264
+ }
55265
+ },
55266
+ "reduced-transparency": {
55267
+ "opacity": {
55268
+ "value": 0.98,
55269
+ "type": "opacity"
55270
+ }
55271
+ }
55272
+ },
54527
55273
  "article": {
54528
55274
  "max-inline-size": {
54529
55275
  "value": "75ch",
@@ -56851,6 +57597,10 @@
56851
57597
  "type": "color"
56852
57598
  }
56853
57599
  },
57600
+ "backdrop": {
57601
+ "value": "#0000004d",
57602
+ "type": "color"
57603
+ },
56854
57604
  "border": {
56855
57605
  "default": {
56856
57606
  "parent": "mode/light",
@@ -57565,6 +58315,12 @@
57565
58315
  "value": "#000",
57566
58316
  "type": "color"
57567
58317
  },
58318
+ "transparent": {
58319
+ "30": {
58320
+ "value": "#0000004d",
58321
+ "type": "color"
58322
+ }
58323
+ },
57568
58324
  "none": {
57569
58325
  "value": "transparent",
57570
58326
  "type": "color"