@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/uitvoerend-groen/tokens.json CHANGED
@@ -2304,26 +2304,6 @@
2304
2304
  "type": "dimension",
2305
2305
  "value": "0rem",
2306
2306
  "description": "[code-only]"
2307
- },
2308
- "background-color": {
2309
- "type": "color",
2310
- "value": "transparent"
2311
- },
2312
- "column-gap": {
2313
- "type": "dimension",
2314
- "value": "0.5rem"
2315
- },
2316
- "padding-block-end": {
2317
- "type": "dimension",
2318
- "value": "0px"
2319
- },
2320
- "padding-block-start": {
2321
- "type": "dimension",
2322
- "value": "0px"
2323
- },
2324
- "row-gap": {
2325
- "type": "dimension",
2326
- "value": "0.5rem"
2327
2307
  }
2328
2308
  },
2329
2309
  "breadcrumb-nav": {
@@ -2620,6 +2600,28 @@
2620
2600
  }
2621
2601
  }
2622
2602
  },
2603
+ "action-group": {
2604
+ "background-color": {
2605
+ "type": "color",
2606
+ "value": "transparent"
2607
+ },
2608
+ "column-gap": {
2609
+ "type": "dimension",
2610
+ "value": "0.5rem"
2611
+ },
2612
+ "padding-block-end": {
2613
+ "type": "dimension",
2614
+ "value": "0rem"
2615
+ },
2616
+ "padding-block-start": {
2617
+ "type": "dimension",
2618
+ "value": "0rem"
2619
+ },
2620
+ "row-gap": {
2621
+ "type": "dimension",
2622
+ "value": "0.5rem"
2623
+ }
2624
+ },
2623
2625
  "column-layout": {
2624
2626
  "column-rule-color": {
2625
2627
  "value": "transparent",
@@ -3085,6 +3087,78 @@
3085
3087
  }
3086
3088
  }
3087
3089
  },
3090
+ "drawer": {
3091
+ "max-inline-size": {
3092
+ "value": "256px",
3093
+ "type": "spacing"
3094
+ },
3095
+ "z-index": {
3096
+ "type": "dimension",
3097
+ "value": 1
3098
+ },
3099
+ "background-color": {
3100
+ "value": "#fff",
3101
+ "type": "color"
3102
+ },
3103
+ "border-color": {
3104
+ "value": "#64748B",
3105
+ "type": "color"
3106
+ },
3107
+ "border-width": {
3108
+ "type": "dimension",
3109
+ "value": "0px"
3110
+ },
3111
+ "color": {
3112
+ "value": "#0F172A",
3113
+ "type": "color"
3114
+ },
3115
+ "max-block-size": {
3116
+ "value": "240px",
3117
+ "type": "dimension"
3118
+ },
3119
+ "padding-block-start": {
3120
+ "value": "1rem",
3121
+ "type": "spacing"
3122
+ },
3123
+ "padding-block-end": {
3124
+ "value": "1rem",
3125
+ "type": "spacing"
3126
+ },
3127
+ "padding-inline-start": {
3128
+ "value": "1rem",
3129
+ "type": "spacing"
3130
+ },
3131
+ "padding-inline-end": {
3132
+ "value": "1rem",
3133
+ "type": "spacing"
3134
+ }
3135
+ },
3136
+ "backdrop": {
3137
+ "background-color": {
3138
+ "value": "#0000004d",
3139
+ "type": "color"
3140
+ },
3141
+ "color": {
3142
+ "value": "#0F172A",
3143
+ "type": "color"
3144
+ },
3145
+ "opacity": {
3146
+ "value": 0.8,
3147
+ "type": "opacity"
3148
+ },
3149
+ "fade-in": {
3150
+ "animation-duration": {
3151
+ "value": "400ms",
3152
+ "type": "other"
3153
+ }
3154
+ },
3155
+ "reduced-transparency": {
3156
+ "opacity": {
3157
+ "value": 0.98,
3158
+ "type": "opacity"
3159
+ }
3160
+ }
3161
+ },
3088
3162
  "article": {
3089
3163
  "max-inline-size": {
3090
3164
  "value": "75ch",
@@ -4230,6 +4304,10 @@
4230
4304
  "type": "color"
4231
4305
  }
4232
4306
  },
4307
+ "backdrop": {
4308
+ "value": "#0000004d",
4309
+ "type": "color"
4310
+ },
4233
4311
  "border": {
4234
4312
  "default": {
4235
4313
  "parent": "mode/light",
@@ -4905,6 +4983,12 @@
4905
4983
  "value": "#000",
4906
4984
  "type": "color"
4907
4985
  },
4986
+ "transparent": {
4987
+ "30": {
4988
+ "value": "#0000004d",
4989
+ "type": "color"
4990
+ }
4991
+ },
4908
4992
  "none": {
4909
4993
  "value": "transparent",
4910
4994
  "type": "color"
package/src/generated/uitvoerend-hemelblauw/tokens.json CHANGED
@@ -2304,26 +2304,6 @@
2304
2304
  "type": "dimension",
2305
2305
  "value": "0rem",
2306
2306
  "description": "[code-only]"
2307
- },
2308
- "background-color": {
2309
- "type": "color",
2310
- "value": "transparent"
2311
- },
2312
- "column-gap": {
2313
- "type": "dimension",
2314
- "value": "0.5rem"
2315
- },
2316
- "padding-block-end": {
2317
- "type": "dimension",
2318
- "value": "0px"
2319
- },
2320
- "padding-block-start": {
2321
- "type": "dimension",
2322
- "value": "0px"
2323
- },
2324
- "row-gap": {
2325
- "type": "dimension",
2326
- "value": "0.5rem"
2327
2307
  }
2328
2308
  },
2329
2309
  "breadcrumb-nav": {
@@ -2620,6 +2600,28 @@
2620
2600
  }
2621
2601
  }
2622
2602
  },
2603
+ "action-group": {
2604
+ "background-color": {
2605
+ "type": "color",
2606
+ "value": "transparent"
2607
+ },
2608
+ "column-gap": {
2609
+ "type": "dimension",
2610
+ "value": "0.5rem"
2611
+ },
2612
+ "padding-block-end": {
2613
+ "type": "dimension",
2614
+ "value": "0rem"
2615
+ },
2616
+ "padding-block-start": {
2617
+ "type": "dimension",
2618
+ "value": "0rem"
2619
+ },
2620
+ "row-gap": {
2621
+ "type": "dimension",
2622
+ "value": "0.5rem"
2623
+ }
2624
+ },
2623
2625
  "column-layout": {
2624
2626
  "column-rule-color": {
2625
2627
  "value": "transparent",
@@ -3085,6 +3087,78 @@
3085
3087
  }
3086
3088
  }
3087
3089
  },
3090
+ "drawer": {
3091
+ "max-inline-size": {
3092
+ "value": "256px",
3093
+ "type": "spacing"
3094
+ },
3095
+ "z-index": {
3096
+ "type": "dimension",
3097
+ "value": 1
3098
+ },
3099
+ "background-color": {
3100
+ "value": "#fff",
3101
+ "type": "color"
3102
+ },
3103
+ "border-color": {
3104
+ "value": "#64748B",
3105
+ "type": "color"
3106
+ },
3107
+ "border-width": {
3108
+ "type": "dimension",
3109
+ "value": "0px"
3110
+ },
3111
+ "color": {
3112
+ "value": "#0F172A",
3113
+ "type": "color"
3114
+ },
3115
+ "max-block-size": {
3116
+ "value": "240px",
3117
+ "type": "dimension"
3118
+ },
3119
+ "padding-block-start": {
3120
+ "value": "1rem",
3121
+ "type": "spacing"
3122
+ },
3123
+ "padding-block-end": {
3124
+ "value": "1rem",
3125
+ "type": "spacing"
3126
+ },
3127
+ "padding-inline-start": {
3128
+ "value": "1rem",
3129
+ "type": "spacing"
3130
+ },
3131
+ "padding-inline-end": {
3132
+ "value": "1rem",
3133
+ "type": "spacing"
3134
+ }
3135
+ },
3136
+ "backdrop": {
3137
+ "background-color": {
3138
+ "value": "#0000004d",
3139
+ "type": "color"
3140
+ },
3141
+ "color": {
3142
+ "value": "#0F172A",
3143
+ "type": "color"
3144
+ },
3145
+ "opacity": {
3146
+ "value": 0.8,
3147
+ "type": "opacity"
3148
+ },
3149
+ "fade-in": {
3150
+ "animation-duration": {
3151
+ "value": "400ms",
3152
+ "type": "other"
3153
+ }
3154
+ },
3155
+ "reduced-transparency": {
3156
+ "opacity": {
3157
+ "value": 0.98,
3158
+ "type": "opacity"
3159
+ }
3160
+ }
3161
+ },
3088
3162
  "article": {
3089
3163
  "max-inline-size": {
3090
3164
  "value": "75ch",
@@ -4230,6 +4304,10 @@
4230
4304
  "type": "color"
4231
4305
  }
4232
4306
  },
4307
+ "backdrop": {
4308
+ "value": "#0000004d",
4309
+ "type": "color"
4310
+ },
4233
4311
  "border": {
4234
4312
  "default": {
4235
4313
  "parent": "mode/light",
@@ -4905,6 +4983,12 @@
4905
4983
  "value": "#000",
4906
4984
  "type": "color"
4907
4985
  },
4986
+ "transparent": {
4987
+ "30": {
4988
+ "value": "#0000004d",
4989
+ "type": "color"
4990
+ }
4991
+ },
4908
4992
  "none": {
4909
4993
  "value": "transparent",
4910
4994
  "type": "color"
package/src/generated/uitvoerend-mintgroen/tokens.json CHANGED
@@ -2304,26 +2304,6 @@
2304
2304
  "type": "dimension",
2305
2305
  "value": "0rem",
2306
2306
  "description": "[code-only]"
2307
- },
2308
- "background-color": {
2309
- "type": "color",
2310
- "value": "transparent"
2311
- },
2312
- "column-gap": {
2313
- "type": "dimension",
2314
- "value": "0.5rem"
2315
- },
2316
- "padding-block-end": {
2317
- "type": "dimension",
2318
- "value": "0px"
2319
- },
2320
- "padding-block-start": {
2321
- "type": "dimension",
2322
- "value": "0px"
2323
- },
2324
- "row-gap": {
2325
- "type": "dimension",
2326
- "value": "0.5rem"
2327
2307
  }
2328
2308
  },
2329
2309
  "breadcrumb-nav": {
@@ -2620,6 +2600,28 @@
2620
2600
  }
2621
2601
  }
2622
2602
  },
2603
+ "action-group": {
2604
+ "background-color": {
2605
+ "type": "color",
2606
+ "value": "transparent"
2607
+ },
2608
+ "column-gap": {
2609
+ "type": "dimension",
2610
+ "value": "0.5rem"
2611
+ },
2612
+ "padding-block-end": {
2613
+ "type": "dimension",
2614
+ "value": "0rem"
2615
+ },
2616
+ "padding-block-start": {
2617
+ "type": "dimension",
2618
+ "value": "0rem"
2619
+ },
2620
+ "row-gap": {
2621
+ "type": "dimension",
2622
+ "value": "0.5rem"
2623
+ }
2624
+ },
2623
2625
  "column-layout": {
2624
2626
  "column-rule-color": {
2625
2627
  "value": "transparent",
@@ -3085,6 +3087,78 @@
3085
3087
  }
3086
3088
  }
3087
3089
  },
3090
+ "drawer": {
3091
+ "max-inline-size": {
3092
+ "value": "256px",
3093
+ "type": "spacing"
3094
+ },
3095
+ "z-index": {
3096
+ "type": "dimension",
3097
+ "value": 1
3098
+ },
3099
+ "background-color": {
3100
+ "value": "#fff",
3101
+ "type": "color"
3102
+ },
3103
+ "border-color": {
3104
+ "value": "#64748B",
3105
+ "type": "color"
3106
+ },
3107
+ "border-width": {
3108
+ "type": "dimension",
3109
+ "value": "0px"
3110
+ },
3111
+ "color": {
3112
+ "value": "#0F172A",
3113
+ "type": "color"
3114
+ },
3115
+ "max-block-size": {
3116
+ "value": "240px",
3117
+ "type": "dimension"
3118
+ },
3119
+ "padding-block-start": {
3120
+ "value": "1rem",
3121
+ "type": "spacing"
3122
+ },
3123
+ "padding-block-end": {
3124
+ "value": "1rem",
3125
+ "type": "spacing"
3126
+ },
3127
+ "padding-inline-start": {
3128
+ "value": "1rem",
3129
+ "type": "spacing"
3130
+ },
3131
+ "padding-inline-end": {
3132
+ "value": "1rem",
3133
+ "type": "spacing"
3134
+ }
3135
+ },
3136
+ "backdrop": {
3137
+ "background-color": {
3138
+ "value": "#0000004d",
3139
+ "type": "color"
3140
+ },
3141
+ "color": {
3142
+ "value": "#0F172A",
3143
+ "type": "color"
3144
+ },
3145
+ "opacity": {
3146
+ "value": 0.8,
3147
+ "type": "opacity"
3148
+ },
3149
+ "fade-in": {
3150
+ "animation-duration": {
3151
+ "value": "400ms",
3152
+ "type": "other"
3153
+ }
3154
+ },
3155
+ "reduced-transparency": {
3156
+ "opacity": {
3157
+ "value": 0.98,
3158
+ "type": "opacity"
3159
+ }
3160
+ }
3161
+ },
3088
3162
  "article": {
3089
3163
  "max-inline-size": {
3090
3164
  "value": "75ch",
@@ -4230,6 +4304,10 @@
4230
4304
  "type": "color"
4231
4305
  }
4232
4306
  },
4307
+ "backdrop": {
4308
+ "value": "#0000004d",
4309
+ "type": "color"
4310
+ },
4233
4311
  "border": {
4234
4312
  "default": {
4235
4313
  "parent": "mode/light",
@@ -4905,6 +4983,12 @@
4905
4983
  "value": "#000",
4906
4984
  "type": "color"
4907
4985
  },
4986
+ "transparent": {
4987
+ "30": {
4988
+ "value": "#0000004d",
4989
+ "type": "color"
4990
+ }
4991
+ },
4908
4992
  "none": {
4909
4993
  "value": "transparent",
4910
4994
  "type": "color"
package/src/generated/uitvoerend-oranje/tokens.json CHANGED
@@ -2304,26 +2304,6 @@
2304
2304
  "type": "dimension",
2305
2305
  "value": "0rem",
2306
2306
  "description": "[code-only]"
2307
- },
2308
- "background-color": {
2309
- "type": "color",
2310
- "value": "transparent"
2311
- },
2312
- "column-gap": {
2313
- "type": "dimension",
2314
- "value": "0.5rem"
2315
- },
2316
- "padding-block-end": {
2317
- "type": "dimension",
2318
- "value": "0px"
2319
- },
2320
- "padding-block-start": {
2321
- "type": "dimension",
2322
- "value": "0px"
2323
- },
2324
- "row-gap": {
2325
- "type": "dimension",
2326
- "value": "0.5rem"
2327
2307
  }
2328
2308
  },
2329
2309
  "breadcrumb-nav": {
@@ -2620,6 +2600,28 @@
2620
2600
  }
2621
2601
  }
2622
2602
  },
2603
+ "action-group": {
2604
+ "background-color": {
2605
+ "type": "color",
2606
+ "value": "transparent"
2607
+ },
2608
+ "column-gap": {
2609
+ "type": "dimension",
2610
+ "value": "0.5rem"
2611
+ },
2612
+ "padding-block-end": {
2613
+ "type": "dimension",
2614
+ "value": "0rem"
2615
+ },
2616
+ "padding-block-start": {
2617
+ "type": "dimension",
2618
+ "value": "0rem"
2619
+ },
2620
+ "row-gap": {
2621
+ "type": "dimension",
2622
+ "value": "0.5rem"
2623
+ }
2624
+ },
2623
2625
  "column-layout": {
2624
2626
  "column-rule-color": {
2625
2627
  "value": "transparent",
@@ -3085,6 +3087,78 @@
3085
3087
  }
3086
3088
  }
3087
3089
  },
3090
+ "drawer": {
3091
+ "max-inline-size": {
3092
+ "value": "256px",
3093
+ "type": "spacing"
3094
+ },
3095
+ "z-index": {
3096
+ "type": "dimension",
3097
+ "value": 1
3098
+ },
3099
+ "background-color": {
3100
+ "value": "#fff",
3101
+ "type": "color"
3102
+ },
3103
+ "border-color": {
3104
+ "value": "#64748B",
3105
+ "type": "color"
3106
+ },
3107
+ "border-width": {
3108
+ "type": "dimension",
3109
+ "value": "0px"
3110
+ },
3111
+ "color": {
3112
+ "value": "#0F172A",
3113
+ "type": "color"
3114
+ },
3115
+ "max-block-size": {
3116
+ "value": "240px",
3117
+ "type": "dimension"
3118
+ },
3119
+ "padding-block-start": {
3120
+ "value": "1rem",
3121
+ "type": "spacing"
3122
+ },
3123
+ "padding-block-end": {
3124
+ "value": "1rem",
3125
+ "type": "spacing"
3126
+ },
3127
+ "padding-inline-start": {
3128
+ "value": "1rem",
3129
+ "type": "spacing"
3130
+ },
3131
+ "padding-inline-end": {
3132
+ "value": "1rem",
3133
+ "type": "spacing"
3134
+ }
3135
+ },
3136
+ "backdrop": {
3137
+ "background-color": {
3138
+ "value": "#0000004d",
3139
+ "type": "color"
3140
+ },
3141
+ "color": {
3142
+ "value": "#0F172A",
3143
+ "type": "color"
3144
+ },
3145
+ "opacity": {
3146
+ "value": 0.8,
3147
+ "type": "opacity"
3148
+ },
3149
+ "fade-in": {
3150
+ "animation-duration": {
3151
+ "value": "400ms",
3152
+ "type": "other"
3153
+ }
3154
+ },
3155
+ "reduced-transparency": {
3156
+ "opacity": {
3157
+ "value": 0.98,
3158
+ "type": "opacity"
3159
+ }
3160
+ }
3161
+ },
3088
3162
  "article": {
3089
3163
  "max-inline-size": {
3090
3164
  "value": "75ch",
@@ -4230,6 +4304,10 @@
4230
4304
  "type": "color"
4231
4305
  }
4232
4306
  },
4307
+ "backdrop": {
4308
+ "value": "#0000004d",
4309
+ "type": "color"
4310
+ },
4233
4311
  "border": {
4234
4312
  "default": {
4235
4313
  "parent": "mode/light",
@@ -4905,6 +4983,12 @@
4905
4983
  "value": "#000",
4906
4984
  "type": "color"
4907
4985
  },
4986
+ "transparent": {
4987
+ "30": {
4988
+ "value": "#0000004d",
4989
+ "type": "color"
4990
+ }
4991
+ },
4908
4992
  "none": {
4909
4993
  "value": "transparent",
4910
4994
  "type": "color"