@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.
- package/CHANGELOG.md +18 -0
- package/dist/_variables.scss +20 -18
- package/dist/index.css +20 -18
- package/dist/index.d.ts +24 -20
- package/dist/index.js +23 -21
- package/dist/index.json +21 -19
- package/dist/index.tokens.json +33 -31
- package/dist/kern-lintblauw/_variables.scss +20 -18
- package/dist/kern-lintblauw/index.css +20 -18
- package/dist/kern-lintblauw/index.d.ts +24 -20
- package/dist/kern-lintblauw/index.js +23 -21
- package/dist/kern-lintblauw/index.json +21 -19
- package/dist/kern-lintblauw/index.tokens.json +33 -31
- package/dist/kern-lintblauw/root.css +20 -18
- package/dist/kern-lintblauw/tokens.d.ts +31 -29
- package/dist/kern-lintblauw/tokens.js +446 -350
- package/dist/root.css +20 -18
- package/dist/tokens.d.ts +31 -29
- package/dist/tokens.js +446 -350
- package/dist/uitvoerend-groen/_variables.scss +21 -19
- package/dist/uitvoerend-groen/index.css +21 -19
- package/dist/uitvoerend-groen/index.d.ts +24 -20
- package/dist/uitvoerend-groen/index.js +23 -21
- package/dist/uitvoerend-groen/index.json +21 -19
- package/dist/uitvoerend-groen/index.tokens.json +33 -31
- package/dist/uitvoerend-groen/root.css +21 -19
- package/dist/uitvoerend-groen/tokens.d.ts +31 -29
- package/dist/uitvoerend-groen/tokens.js +446 -350
- package/dist/uitvoerend-hemelblauw/_variables.scss +21 -19
- package/dist/uitvoerend-hemelblauw/index.css +21 -19
- package/dist/uitvoerend-hemelblauw/index.d.ts +24 -20
- package/dist/uitvoerend-hemelblauw/index.js +23 -21
- package/dist/uitvoerend-hemelblauw/index.json +21 -19
- package/dist/uitvoerend-hemelblauw/index.tokens.json +33 -31
- package/dist/uitvoerend-hemelblauw/root.css +21 -19
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +31 -29
- package/dist/uitvoerend-hemelblauw/tokens.js +446 -350
- package/dist/uitvoerend-lintblauw/_variables.scss +21 -19
- package/dist/uitvoerend-lintblauw/index.css +21 -19
- package/dist/uitvoerend-lintblauw/index.d.ts +24 -20
- package/dist/uitvoerend-lintblauw/index.js +23 -21
- package/dist/uitvoerend-lintblauw/index.json +21 -19
- package/dist/uitvoerend-lintblauw/index.tokens.json +33 -31
- package/dist/uitvoerend-lintblauw/root.css +21 -19
- package/dist/uitvoerend-lintblauw/tokens.d.ts +31 -29
- package/dist/uitvoerend-lintblauw/tokens.js +446 -350
- package/dist/uitvoerend-oranje/_variables.scss +21 -19
- package/dist/uitvoerend-oranje/index.css +21 -19
- package/dist/uitvoerend-oranje/index.d.ts +24 -20
- package/dist/uitvoerend-oranje/index.js +23 -21
- package/dist/uitvoerend-oranje/index.json +21 -19
- package/dist/uitvoerend-oranje/index.tokens.json +33 -31
- package/dist/uitvoerend-oranje/root.css +21 -19
- package/dist/uitvoerend-oranje/tokens.d.ts +31 -29
- package/dist/uitvoerend-oranje/tokens.js +446 -350
- package/dist/uitvoerend-paars/_variables.scss +21 -19
- package/dist/uitvoerend-paars/index.css +21 -19
- package/dist/uitvoerend-paars/index.d.ts +24 -20
- package/dist/uitvoerend-paars/index.js +23 -21
- package/dist/uitvoerend-paars/index.json +21 -19
- package/dist/uitvoerend-paars/index.tokens.json +33 -31
- package/dist/uitvoerend-paars/root.css +21 -19
- package/dist/uitvoerend-paars/tokens.d.ts +31 -29
- package/dist/uitvoerend-paars/tokens.js +446 -350
- package/dist/uitvoerend-robijnrood/_variables.scss +21 -19
- package/dist/uitvoerend-robijnrood/index.css +21 -19
- package/dist/uitvoerend-robijnrood/index.d.ts +24 -20
- package/dist/uitvoerend-robijnrood/index.js +23 -21
- package/dist/uitvoerend-robijnrood/index.json +21 -19
- package/dist/uitvoerend-robijnrood/index.tokens.json +33 -31
- package/dist/uitvoerend-robijnrood/root.css +21 -19
- package/dist/uitvoerend-robijnrood/tokens.d.ts +31 -29
- package/dist/uitvoerend-robijnrood/tokens.js +446 -350
- package/figma/figma.tokens.json +89 -79
- package/package.json +1 -1
- package/src/generated/base.tokens.json +89 -79
- package/src/generated/kern-lintblauw/tokens.json +89 -79
- package/src/generated/themes.json +623 -553
- package/src/generated/uitvoerend-groen/tokens.json +89 -79
- package/src/generated/uitvoerend-hemelblauw/tokens.json +89 -79
- package/src/generated/uitvoerend-lintblauw/tokens.json +89 -79
- package/src/generated/uitvoerend-oranje/tokens.json +89 -79
- package/src/generated/uitvoerend-paars/tokens.json +89 -79
- 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
|
-
"
|
|
4171
|
+
"item": {
|
|
4172
4172
|
"background-color": {
|
|
4173
4173
|
"$type": "color",
|
|
4174
|
-
"$value": "{rhc.color.
|
|
4174
|
+
"$value": "{rhc.color.bg-document}"
|
|
4175
4175
|
},
|
|
4176
|
-
"border-
|
|
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-
|
|
4182
|
+
"$value": "{rhc.border-width.sm}"
|
|
4179
4183
|
},
|
|
4180
|
-
"
|
|
4181
|
-
"$type": "
|
|
4182
|
-
"$value": "{rhc.
|
|
4183
|
-
}
|
|
4184
|
-
|
|
4185
|
-
|
|
4186
|
-
|
|
4187
|
-
|
|
4188
|
-
|
|
4189
|
-
|
|
4190
|
-
}
|
|
4191
|
-
|
|
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
|
-
"
|
|
4224
|
+
"row-gap": {
|
|
4196
4225
|
"$type": "dimension",
|
|
4197
|
-
"$value": "{rhc.
|
|
4226
|
+
"$value": "{rhc.space.50}",
|
|
4227
|
+
"$description": "[code-only]"
|
|
4198
4228
|
}
|
|
4199
4229
|
},
|
|
4200
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
4267
|
+
"padding-inline": {
|
|
4210
4268
|
"$type": "dimension",
|
|
4211
|
-
"$value": "{rhc.space.
|
|
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
|
-
"
|
|
4171
|
+
"item": {
|
|
4172
4172
|
"background-color": {
|
|
4173
4173
|
"$type": "color",
|
|
4174
|
-
"$value": "{rhc.color.
|
|
4174
|
+
"$value": "{rhc.color.bg-document}"
|
|
4175
4175
|
},
|
|
4176
|
-
"border-
|
|
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-
|
|
4182
|
+
"$value": "{rhc.border-width.sm}"
|
|
4179
4183
|
},
|
|
4180
|
-
"
|
|
4181
|
-
"$type": "
|
|
4182
|
-
"$value": "{rhc.
|
|
4183
|
-
}
|
|
4184
|
-
|
|
4185
|
-
|
|
4186
|
-
|
|
4187
|
-
|
|
4188
|
-
|
|
4189
|
-
|
|
4190
|
-
}
|
|
4191
|
-
|
|
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
|
-
"
|
|
4224
|
+
"row-gap": {
|
|
4196
4225
|
"$type": "dimension",
|
|
4197
|
-
"$value": "{rhc.
|
|
4226
|
+
"$value": "{rhc.space.50}",
|
|
4227
|
+
"$description": "[code-only]"
|
|
4198
4228
|
}
|
|
4199
4229
|
},
|
|
4200
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
4267
|
+
"padding-inline": {
|
|
4210
4268
|
"$type": "dimension",
|
|
4211
|
-
"$value": "{rhc.space.
|
|
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
|
-
"
|
|
4171
|
+
"item": {
|
|
4172
4172
|
"background-color": {
|
|
4173
4173
|
"$type": "color",
|
|
4174
|
-
"$value": "{rhc.color.
|
|
4174
|
+
"$value": "{rhc.color.bg-document}"
|
|
4175
4175
|
},
|
|
4176
|
-
"border-
|
|
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-
|
|
4182
|
+
"$value": "{rhc.border-width.sm}"
|
|
4179
4183
|
},
|
|
4180
|
-
"
|
|
4181
|
-
"$type": "
|
|
4182
|
-
"$value": "{rhc.
|
|
4183
|
-
}
|
|
4184
|
-
|
|
4185
|
-
|
|
4186
|
-
|
|
4187
|
-
|
|
4188
|
-
|
|
4189
|
-
|
|
4190
|
-
}
|
|
4191
|
-
|
|
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
|
-
"
|
|
4224
|
+
"row-gap": {
|
|
4196
4225
|
"$type": "dimension",
|
|
4197
|
-
"$value": "{rhc.
|
|
4226
|
+
"$value": "{rhc.space.50}",
|
|
4227
|
+
"$description": "[code-only]"
|
|
4198
4228
|
}
|
|
4199
4229
|
},
|
|
4200
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
4267
|
+
"padding-inline": {
|
|
4210
4268
|
"$type": "dimension",
|
|
4211
|
-
"$value": "{rhc.space.
|
|
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
|
}
|