@rijkshuisstijl-community/design-tokens 10.0.1 → 11.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 (84) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/_variables.scss +20 -18
  3. package/dist/index.css +20 -18
  4. package/dist/index.d.ts +24 -20
  5. package/dist/index.js +23 -21
  6. package/dist/index.json +21 -19
  7. package/dist/index.tokens.json +33 -31
  8. package/dist/kern-lintblauw/_variables.scss +20 -18
  9. package/dist/kern-lintblauw/index.css +20 -18
  10. package/dist/kern-lintblauw/index.d.ts +24 -20
  11. package/dist/kern-lintblauw/index.js +23 -21
  12. package/dist/kern-lintblauw/index.json +21 -19
  13. package/dist/kern-lintblauw/index.tokens.json +33 -31
  14. package/dist/kern-lintblauw/root.css +20 -18
  15. package/dist/kern-lintblauw/tokens.d.ts +31 -29
  16. package/dist/kern-lintblauw/tokens.js +446 -350
  17. package/dist/root.css +20 -18
  18. package/dist/tokens.d.ts +31 -29
  19. package/dist/tokens.js +446 -350
  20. package/dist/uitvoerend-groen/_variables.scss +21 -19
  21. package/dist/uitvoerend-groen/index.css +21 -19
  22. package/dist/uitvoerend-groen/index.d.ts +24 -20
  23. package/dist/uitvoerend-groen/index.js +23 -21
  24. package/dist/uitvoerend-groen/index.json +21 -19
  25. package/dist/uitvoerend-groen/index.tokens.json +33 -31
  26. package/dist/uitvoerend-groen/root.css +21 -19
  27. package/dist/uitvoerend-groen/tokens.d.ts +31 -29
  28. package/dist/uitvoerend-groen/tokens.js +446 -350
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +21 -19
  30. package/dist/uitvoerend-hemelblauw/index.css +21 -19
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +24 -20
  32. package/dist/uitvoerend-hemelblauw/index.js +23 -21
  33. package/dist/uitvoerend-hemelblauw/index.json +21 -19
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +33 -31
  35. package/dist/uitvoerend-hemelblauw/root.css +21 -19
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +31 -29
  37. package/dist/uitvoerend-hemelblauw/tokens.js +446 -350
  38. package/dist/uitvoerend-lintblauw/_variables.scss +21 -19
  39. package/dist/uitvoerend-lintblauw/index.css +21 -19
  40. package/dist/uitvoerend-lintblauw/index.d.ts +24 -20
  41. package/dist/uitvoerend-lintblauw/index.js +23 -21
  42. package/dist/uitvoerend-lintblauw/index.json +21 -19
  43. package/dist/uitvoerend-lintblauw/index.tokens.json +33 -31
  44. package/dist/uitvoerend-lintblauw/root.css +21 -19
  45. package/dist/uitvoerend-lintblauw/tokens.d.ts +31 -29
  46. package/dist/uitvoerend-lintblauw/tokens.js +446 -350
  47. package/dist/uitvoerend-oranje/_variables.scss +21 -19
  48. package/dist/uitvoerend-oranje/index.css +21 -19
  49. package/dist/uitvoerend-oranje/index.d.ts +24 -20
  50. package/dist/uitvoerend-oranje/index.js +23 -21
  51. package/dist/uitvoerend-oranje/index.json +21 -19
  52. package/dist/uitvoerend-oranje/index.tokens.json +33 -31
  53. package/dist/uitvoerend-oranje/root.css +21 -19
  54. package/dist/uitvoerend-oranje/tokens.d.ts +31 -29
  55. package/dist/uitvoerend-oranje/tokens.js +446 -350
  56. package/dist/uitvoerend-paars/_variables.scss +21 -19
  57. package/dist/uitvoerend-paars/index.css +21 -19
  58. package/dist/uitvoerend-paars/index.d.ts +24 -20
  59. package/dist/uitvoerend-paars/index.js +23 -21
  60. package/dist/uitvoerend-paars/index.json +21 -19
  61. package/dist/uitvoerend-paars/index.tokens.json +33 -31
  62. package/dist/uitvoerend-paars/root.css +21 -19
  63. package/dist/uitvoerend-paars/tokens.d.ts +31 -29
  64. package/dist/uitvoerend-paars/tokens.js +446 -350
  65. package/dist/uitvoerend-robijnrood/_variables.scss +21 -19
  66. package/dist/uitvoerend-robijnrood/index.css +21 -19
  67. package/dist/uitvoerend-robijnrood/index.d.ts +24 -20
  68. package/dist/uitvoerend-robijnrood/index.js +23 -21
  69. package/dist/uitvoerend-robijnrood/index.json +21 -19
  70. package/dist/uitvoerend-robijnrood/index.tokens.json +33 -31
  71. package/dist/uitvoerend-robijnrood/root.css +21 -19
  72. package/dist/uitvoerend-robijnrood/tokens.d.ts +31 -29
  73. package/dist/uitvoerend-robijnrood/tokens.js +446 -350
  74. package/figma/figma.tokens.json +89 -79
  75. package/package.json +1 -1
  76. package/src/generated/base.tokens.json +89 -79
  77. package/src/generated/kern-lintblauw/tokens.json +89 -79
  78. package/src/generated/themes.json +623 -553
  79. package/src/generated/uitvoerend-groen/tokens.json +89 -79
  80. package/src/generated/uitvoerend-hemelblauw/tokens.json +89 -79
  81. package/src/generated/uitvoerend-lintblauw/tokens.json +89 -79
  82. package/src/generated/uitvoerend-oranje/tokens.json +89 -79
  83. package/src/generated/uitvoerend-paars/tokens.json +89 -79
  84. package/src/generated/uitvoerend-robijnrood/tokens.json +89 -79
@@ -4168,50 +4168,116 @@
4168
4168
  "components/navigation-list": {
4169
4169
  "rhc": {
4170
4170
  "navigation-list": {
4171
- "icon": {
4171
+ "item": {
4172
4172
  "background-color": {
4173
4173
  "$type": "color",
4174
- "$value": "{rhc.color.foreground.default}"
4174
+ "$value": "{rhc.color.bg-document}"
4175
4175
  },
4176
- "border-radius": {
4176
+ "border-color": {
4177
+ "$type": "color",
4178
+ "$value": "{rhc.color.cool-grey.300}"
4179
+ },
4180
+ "border-width": {
4177
4181
  "$type": "dimension",
4178
- "$value": "{rhc.border-radius.round}"
4182
+ "$value": "{rhc.border-width.sm}"
4179
4183
  },
4180
- "color": {
4181
- "$type": "color",
4182
- "$value": "{rhc.color.foreground.on-dark-color}"
4183
- }
4184
- },
4185
- "item": {
4186
- "icon": {
4187
- "padding-inline": {
4188
- "$type": "dimension",
4189
- "$value": "{rhc.space.100}"
4190
- },
4191
- "padding-block": {
4184
+ "column-gap": {
4185
+ "$type": "dimension",
4186
+ "$value": "{rhc.space.200}"
4187
+ },
4188
+ "min-height": {
4189
+ "$type": "dimension",
4190
+ "$value": "{rhc.size.pointer-target}"
4191
+ },
4192
+ "padding-block": {
4193
+ "$type": "dimension",
4194
+ "$value": "{rhc.space.150}"
4195
+ },
4196
+ "padding-inline": {
4197
+ "$type": "dimension",
4198
+ "$value": "{rhc.space.200}"
4199
+ },
4200
+ "active": {
4201
+ "background-color": {
4202
+ "$type": "color",
4203
+ "$value": "{rhc.color.cool-grey.100}"
4204
+ }
4205
+ },
4206
+ "hover": {
4207
+ "background-color": {
4208
+ "$type": "color",
4209
+ "$value": "{rhc.color.cool-grey.50}"
4210
+ }
4211
+ },
4212
+ "focus": {
4213
+ "background-color": {
4214
+ "$type": "color",
4215
+ "$value": "{rhc.color.primary.50}"
4216
+ }
4217
+ },
4218
+ "content": {
4219
+ "column-gap": {
4192
4220
  "$type": "dimension",
4193
- "$value": "{rhc.space.100}"
4221
+ "$value": "{rhc.space.100}",
4222
+ "$description": "[code-only]"
4194
4223
  },
4195
- "size": {
4224
+ "row-gap": {
4196
4225
  "$type": "dimension",
4197
- "$value": "{rhc.size.icon.md}"
4226
+ "$value": "{rhc.space.50}",
4227
+ "$description": "[code-only]"
4198
4228
  }
4199
4229
  },
4200
- "content": {
4230
+ "description": {
4231
+ "color": {
4232
+ "$type": "color",
4233
+ "$value": "{rhc.color.foreground.subtle}"
4234
+ },
4201
4235
  "font-size": {
4202
4236
  "$type": "fontSizes",
4203
4237
  "$value": "{rhc.text.font-size.md}"
4204
4238
  },
4205
- "column-gap": {
4239
+ "line-height": {
4240
+ "$type": "lineHeights",
4241
+ "$value": "{rhc.text.line-height.md}"
4242
+ }
4243
+ },
4244
+ "icon-end": {
4245
+ "color": {
4246
+ "$type": "color",
4247
+ "$value": "{rhc.color.foreground.subtle}"
4248
+ }
4249
+ },
4250
+ "icon-start": {
4251
+ "background-color": {
4252
+ "$type": "color",
4253
+ "$value": "{rhc.color.foreground.default}"
4254
+ },
4255
+ "border-radius": {
4256
+ "$type": "dimension",
4257
+ "$value": "{rhc.border-radius.round}"
4258
+ },
4259
+ "color": {
4260
+ "$type": "color",
4261
+ "$value": "{rhc.color.foreground.on-dark-color}"
4262
+ },
4263
+ "padding-block": {
4206
4264
  "$type": "dimension",
4207
4265
  "$value": "{rhc.space.100}"
4208
4266
  },
4209
- "row-gap": {
4267
+ "padding-inline": {
4210
4268
  "$type": "dimension",
4211
- "$value": "{rhc.space.50}"
4269
+ "$value": "{rhc.space.100}"
4270
+ },
4271
+ "size": {
4272
+ "$type": "dimension",
4273
+ "$value": "{rhc.size.icon.md}"
4212
4274
  }
4213
4275
  },
4214
4276
  "label": {
4277
+ "color": {
4278
+ "$type": "color",
4279
+ "$value": "{rhc.color.foreground.default}"
4280
+ },
4215
4281
  "font-family": {
4216
4282
  "$type": "fontFamilies",
4217
4283
  "$value": "{rhc.text.font-family.default}"
@@ -4228,62 +4294,6 @@
4228
4294
  "$type": "lineHeights",
4229
4295
  "$value": "{rhc.text.line-height.md}"
4230
4296
  }
4231
- },
4232
- "active": {
4233
- "background-color": {
4234
- "$type": "color",
4235
- "$value": "{rhc.color.cool-grey.100}"
4236
- }
4237
- },
4238
- "hover": {
4239
- "background-color": {
4240
- "$type": "color",
4241
- "$value": "{rhc.color.cool-grey.50}"
4242
- }
4243
- },
4244
- "focus": {
4245
- "background-color": {
4246
- "$type": "color",
4247
- "$value": "{rhc.color.primary.50}"
4248
- }
4249
- },
4250
- "background-color": {
4251
- "$type": "color",
4252
- "$value": "{rhc.color.bg-document}"
4253
- },
4254
- "color": {
4255
- "$type": "color",
4256
- "$value": "{rhc.color.foreground.subtle}"
4257
- },
4258
- "border-width": {
4259
- "$type": "dimension",
4260
- "$value": "{rhc.border-width.sm}"
4261
- },
4262
- "border-color": {
4263
- "$type": "color",
4264
- "$value": "{rhc.color.cool-grey.300}"
4265
- },
4266
- "heading": {
4267
- "color": {
4268
- "$type": "color",
4269
- "$value": "{rhc.color.foreground.default}"
4270
- }
4271
- },
4272
- "column-gap": {
4273
- "$type": "dimension",
4274
- "$value": "{rhc.space.200}"
4275
- },
4276
- "min-height": {
4277
- "$type": "dimension",
4278
- "$value": "{rhc.size.pointer-target}"
4279
- },
4280
- "padding-block": {
4281
- "$type": "dimension",
4282
- "$value": "{rhc.space.150}"
4283
- },
4284
- "padding-inline": {
4285
- "$type": "dimension",
4286
- "$value": "{rhc.space.200}"
4287
4297
  }
4288
4298
  }
4289
4299
  }
@@ -4168,50 +4168,116 @@
4168
4168
  "components/navigation-list": {
4169
4169
  "rhc": {
4170
4170
  "navigation-list": {
4171
- "icon": {
4171
+ "item": {
4172
4172
  "background-color": {
4173
4173
  "$type": "color",
4174
- "$value": "{rhc.color.foreground.default}"
4174
+ "$value": "{rhc.color.bg-document}"
4175
4175
  },
4176
- "border-radius": {
4176
+ "border-color": {
4177
+ "$type": "color",
4178
+ "$value": "{rhc.color.cool-grey.300}"
4179
+ },
4180
+ "border-width": {
4177
4181
  "$type": "dimension",
4178
- "$value": "{rhc.border-radius.round}"
4182
+ "$value": "{rhc.border-width.sm}"
4179
4183
  },
4180
- "color": {
4181
- "$type": "color",
4182
- "$value": "{rhc.color.foreground.on-dark-color}"
4183
- }
4184
- },
4185
- "item": {
4186
- "icon": {
4187
- "padding-inline": {
4188
- "$type": "dimension",
4189
- "$value": "{rhc.space.100}"
4190
- },
4191
- "padding-block": {
4184
+ "column-gap": {
4185
+ "$type": "dimension",
4186
+ "$value": "{rhc.space.200}"
4187
+ },
4188
+ "min-height": {
4189
+ "$type": "dimension",
4190
+ "$value": "{rhc.size.pointer-target}"
4191
+ },
4192
+ "padding-block": {
4193
+ "$type": "dimension",
4194
+ "$value": "{rhc.space.150}"
4195
+ },
4196
+ "padding-inline": {
4197
+ "$type": "dimension",
4198
+ "$value": "{rhc.space.200}"
4199
+ },
4200
+ "active": {
4201
+ "background-color": {
4202
+ "$type": "color",
4203
+ "$value": "{rhc.color.cool-grey.100}"
4204
+ }
4205
+ },
4206
+ "hover": {
4207
+ "background-color": {
4208
+ "$type": "color",
4209
+ "$value": "{rhc.color.cool-grey.50}"
4210
+ }
4211
+ },
4212
+ "focus": {
4213
+ "background-color": {
4214
+ "$type": "color",
4215
+ "$value": "{rhc.color.primary.50}"
4216
+ }
4217
+ },
4218
+ "content": {
4219
+ "column-gap": {
4192
4220
  "$type": "dimension",
4193
- "$value": "{rhc.space.100}"
4221
+ "$value": "{rhc.space.100}",
4222
+ "$description": "[code-only]"
4194
4223
  },
4195
- "size": {
4224
+ "row-gap": {
4196
4225
  "$type": "dimension",
4197
- "$value": "{rhc.size.icon.md}"
4226
+ "$value": "{rhc.space.50}",
4227
+ "$description": "[code-only]"
4198
4228
  }
4199
4229
  },
4200
- "content": {
4230
+ "description": {
4231
+ "color": {
4232
+ "$type": "color",
4233
+ "$value": "{rhc.color.foreground.subtle}"
4234
+ },
4201
4235
  "font-size": {
4202
4236
  "$type": "fontSizes",
4203
4237
  "$value": "{rhc.text.font-size.md}"
4204
4238
  },
4205
- "column-gap": {
4239
+ "line-height": {
4240
+ "$type": "lineHeights",
4241
+ "$value": "{rhc.text.line-height.md}"
4242
+ }
4243
+ },
4244
+ "icon-end": {
4245
+ "color": {
4246
+ "$type": "color",
4247
+ "$value": "{rhc.color.foreground.subtle}"
4248
+ }
4249
+ },
4250
+ "icon-start": {
4251
+ "background-color": {
4252
+ "$type": "color",
4253
+ "$value": "{rhc.color.foreground.default}"
4254
+ },
4255
+ "border-radius": {
4256
+ "$type": "dimension",
4257
+ "$value": "{rhc.border-radius.round}"
4258
+ },
4259
+ "color": {
4260
+ "$type": "color",
4261
+ "$value": "{rhc.color.foreground.on-dark-color}"
4262
+ },
4263
+ "padding-block": {
4206
4264
  "$type": "dimension",
4207
4265
  "$value": "{rhc.space.100}"
4208
4266
  },
4209
- "row-gap": {
4267
+ "padding-inline": {
4210
4268
  "$type": "dimension",
4211
- "$value": "{rhc.space.50}"
4269
+ "$value": "{rhc.space.100}"
4270
+ },
4271
+ "size": {
4272
+ "$type": "dimension",
4273
+ "$value": "{rhc.size.icon.md}"
4212
4274
  }
4213
4275
  },
4214
4276
  "label": {
4277
+ "color": {
4278
+ "$type": "color",
4279
+ "$value": "{rhc.color.foreground.default}"
4280
+ },
4215
4281
  "font-family": {
4216
4282
  "$type": "fontFamilies",
4217
4283
  "$value": "{rhc.text.font-family.default}"
@@ -4228,62 +4294,6 @@
4228
4294
  "$type": "lineHeights",
4229
4295
  "$value": "{rhc.text.line-height.md}"
4230
4296
  }
4231
- },
4232
- "active": {
4233
- "background-color": {
4234
- "$type": "color",
4235
- "$value": "{rhc.color.cool-grey.100}"
4236
- }
4237
- },
4238
- "hover": {
4239
- "background-color": {
4240
- "$type": "color",
4241
- "$value": "{rhc.color.cool-grey.50}"
4242
- }
4243
- },
4244
- "focus": {
4245
- "background-color": {
4246
- "$type": "color",
4247
- "$value": "{rhc.color.primary.50}"
4248
- }
4249
- },
4250
- "background-color": {
4251
- "$type": "color",
4252
- "$value": "{rhc.color.bg-document}"
4253
- },
4254
- "color": {
4255
- "$type": "color",
4256
- "$value": "{rhc.color.foreground.subtle}"
4257
- },
4258
- "border-width": {
4259
- "$type": "dimension",
4260
- "$value": "{rhc.border-width.sm}"
4261
- },
4262
- "border-color": {
4263
- "$type": "color",
4264
- "$value": "{rhc.color.cool-grey.300}"
4265
- },
4266
- "heading": {
4267
- "color": {
4268
- "$type": "color",
4269
- "$value": "{rhc.color.foreground.default}"
4270
- }
4271
- },
4272
- "column-gap": {
4273
- "$type": "dimension",
4274
- "$value": "{rhc.space.200}"
4275
- },
4276
- "min-height": {
4277
- "$type": "dimension",
4278
- "$value": "{rhc.size.pointer-target}"
4279
- },
4280
- "padding-block": {
4281
- "$type": "dimension",
4282
- "$value": "{rhc.space.150}"
4283
- },
4284
- "padding-inline": {
4285
- "$type": "dimension",
4286
- "$value": "{rhc.space.200}"
4287
4297
  }
4288
4298
  }
4289
4299
  }
@@ -4168,50 +4168,116 @@
4168
4168
  "components/navigation-list": {
4169
4169
  "rhc": {
4170
4170
  "navigation-list": {
4171
- "icon": {
4171
+ "item": {
4172
4172
  "background-color": {
4173
4173
  "$type": "color",
4174
- "$value": "{rhc.color.foreground.default}"
4174
+ "$value": "{rhc.color.bg-document}"
4175
4175
  },
4176
- "border-radius": {
4176
+ "border-color": {
4177
+ "$type": "color",
4178
+ "$value": "{rhc.color.cool-grey.300}"
4179
+ },
4180
+ "border-width": {
4177
4181
  "$type": "dimension",
4178
- "$value": "{rhc.border-radius.round}"
4182
+ "$value": "{rhc.border-width.sm}"
4179
4183
  },
4180
- "color": {
4181
- "$type": "color",
4182
- "$value": "{rhc.color.foreground.on-dark-color}"
4183
- }
4184
- },
4185
- "item": {
4186
- "icon": {
4187
- "padding-inline": {
4188
- "$type": "dimension",
4189
- "$value": "{rhc.space.100}"
4190
- },
4191
- "padding-block": {
4184
+ "column-gap": {
4185
+ "$type": "dimension",
4186
+ "$value": "{rhc.space.200}"
4187
+ },
4188
+ "min-height": {
4189
+ "$type": "dimension",
4190
+ "$value": "{rhc.size.pointer-target}"
4191
+ },
4192
+ "padding-block": {
4193
+ "$type": "dimension",
4194
+ "$value": "{rhc.space.150}"
4195
+ },
4196
+ "padding-inline": {
4197
+ "$type": "dimension",
4198
+ "$value": "{rhc.space.200}"
4199
+ },
4200
+ "active": {
4201
+ "background-color": {
4202
+ "$type": "color",
4203
+ "$value": "{rhc.color.cool-grey.100}"
4204
+ }
4205
+ },
4206
+ "hover": {
4207
+ "background-color": {
4208
+ "$type": "color",
4209
+ "$value": "{rhc.color.cool-grey.50}"
4210
+ }
4211
+ },
4212
+ "focus": {
4213
+ "background-color": {
4214
+ "$type": "color",
4215
+ "$value": "{rhc.color.primary.50}"
4216
+ }
4217
+ },
4218
+ "content": {
4219
+ "column-gap": {
4192
4220
  "$type": "dimension",
4193
- "$value": "{rhc.space.100}"
4221
+ "$value": "{rhc.space.100}",
4222
+ "$description": "[code-only]"
4194
4223
  },
4195
- "size": {
4224
+ "row-gap": {
4196
4225
  "$type": "dimension",
4197
- "$value": "{rhc.size.icon.md}"
4226
+ "$value": "{rhc.space.50}",
4227
+ "$description": "[code-only]"
4198
4228
  }
4199
4229
  },
4200
- "content": {
4230
+ "description": {
4231
+ "color": {
4232
+ "$type": "color",
4233
+ "$value": "{rhc.color.foreground.subtle}"
4234
+ },
4201
4235
  "font-size": {
4202
4236
  "$type": "fontSizes",
4203
4237
  "$value": "{rhc.text.font-size.md}"
4204
4238
  },
4205
- "column-gap": {
4239
+ "line-height": {
4240
+ "$type": "lineHeights",
4241
+ "$value": "{rhc.text.line-height.md}"
4242
+ }
4243
+ },
4244
+ "icon-end": {
4245
+ "color": {
4246
+ "$type": "color",
4247
+ "$value": "{rhc.color.foreground.subtle}"
4248
+ }
4249
+ },
4250
+ "icon-start": {
4251
+ "background-color": {
4252
+ "$type": "color",
4253
+ "$value": "{rhc.color.foreground.default}"
4254
+ },
4255
+ "border-radius": {
4256
+ "$type": "dimension",
4257
+ "$value": "{rhc.border-radius.round}"
4258
+ },
4259
+ "color": {
4260
+ "$type": "color",
4261
+ "$value": "{rhc.color.foreground.on-dark-color}"
4262
+ },
4263
+ "padding-block": {
4206
4264
  "$type": "dimension",
4207
4265
  "$value": "{rhc.space.100}"
4208
4266
  },
4209
- "row-gap": {
4267
+ "padding-inline": {
4210
4268
  "$type": "dimension",
4211
- "$value": "{rhc.space.50}"
4269
+ "$value": "{rhc.space.100}"
4270
+ },
4271
+ "size": {
4272
+ "$type": "dimension",
4273
+ "$value": "{rhc.size.icon.md}"
4212
4274
  }
4213
4275
  },
4214
4276
  "label": {
4277
+ "color": {
4278
+ "$type": "color",
4279
+ "$value": "{rhc.color.foreground.default}"
4280
+ },
4215
4281
  "font-family": {
4216
4282
  "$type": "fontFamilies",
4217
4283
  "$value": "{rhc.text.font-family.default}"
@@ -4228,62 +4294,6 @@
4228
4294
  "$type": "lineHeights",
4229
4295
  "$value": "{rhc.text.line-height.md}"
4230
4296
  }
4231
- },
4232
- "active": {
4233
- "background-color": {
4234
- "$type": "color",
4235
- "$value": "{rhc.color.cool-grey.100}"
4236
- }
4237
- },
4238
- "hover": {
4239
- "background-color": {
4240
- "$type": "color",
4241
- "$value": "{rhc.color.cool-grey.50}"
4242
- }
4243
- },
4244
- "focus": {
4245
- "background-color": {
4246
- "$type": "color",
4247
- "$value": "{rhc.color.primary.50}"
4248
- }
4249
- },
4250
- "background-color": {
4251
- "$type": "color",
4252
- "$value": "{rhc.color.bg-document}"
4253
- },
4254
- "color": {
4255
- "$type": "color",
4256
- "$value": "{rhc.color.foreground.subtle}"
4257
- },
4258
- "border-width": {
4259
- "$type": "dimension",
4260
- "$value": "{rhc.border-width.sm}"
4261
- },
4262
- "border-color": {
4263
- "$type": "color",
4264
- "$value": "{rhc.color.cool-grey.300}"
4265
- },
4266
- "heading": {
4267
- "color": {
4268
- "$type": "color",
4269
- "$value": "{rhc.color.foreground.default}"
4270
- }
4271
- },
4272
- "column-gap": {
4273
- "$type": "dimension",
4274
- "$value": "{rhc.space.200}"
4275
- },
4276
- "min-height": {
4277
- "$type": "dimension",
4278
- "$value": "{rhc.size.pointer-target}"
4279
- },
4280
- "padding-block": {
4281
- "$type": "dimension",
4282
- "$value": "{rhc.space.150}"
4283
- },
4284
- "padding-inline": {
4285
- "$type": "dimension",
4286
- "$value": "{rhc.space.200}"
4287
4297
  }
4288
4298
  }
4289
4299
  }