@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
|
@@ -4171,50 +4171,116 @@
|
|
|
4171
4171
|
"components/navigation-list": {
|
|
4172
4172
|
"rhc": {
|
|
4173
4173
|
"navigation-list": {
|
|
4174
|
-
"
|
|
4174
|
+
"item": {
|
|
4175
4175
|
"background-color": {
|
|
4176
4176
|
"$type": "color",
|
|
4177
|
-
"$value": "{rhc.color.
|
|
4177
|
+
"$value": "{rhc.color.bg-document}"
|
|
4178
4178
|
},
|
|
4179
|
-
"border-
|
|
4179
|
+
"border-color": {
|
|
4180
|
+
"$type": "color",
|
|
4181
|
+
"$value": "{rhc.color.cool-grey.300}"
|
|
4182
|
+
},
|
|
4183
|
+
"border-width": {
|
|
4180
4184
|
"$type": "dimension",
|
|
4181
|
-
"$value": "{rhc.border-
|
|
4185
|
+
"$value": "{rhc.border-width.sm}"
|
|
4182
4186
|
},
|
|
4183
|
-
"
|
|
4184
|
-
"$type": "
|
|
4185
|
-
"$value": "{rhc.
|
|
4186
|
-
}
|
|
4187
|
-
|
|
4188
|
-
|
|
4189
|
-
|
|
4190
|
-
|
|
4191
|
-
|
|
4192
|
-
|
|
4193
|
-
}
|
|
4194
|
-
|
|
4187
|
+
"column-gap": {
|
|
4188
|
+
"$type": "dimension",
|
|
4189
|
+
"$value": "{rhc.space.200}"
|
|
4190
|
+
},
|
|
4191
|
+
"min-height": {
|
|
4192
|
+
"$type": "dimension",
|
|
4193
|
+
"$value": "{rhc.size.pointer-target}"
|
|
4194
|
+
},
|
|
4195
|
+
"padding-block": {
|
|
4196
|
+
"$type": "dimension",
|
|
4197
|
+
"$value": "{rhc.space.150}"
|
|
4198
|
+
},
|
|
4199
|
+
"padding-inline": {
|
|
4200
|
+
"$type": "dimension",
|
|
4201
|
+
"$value": "{rhc.space.200}"
|
|
4202
|
+
},
|
|
4203
|
+
"active": {
|
|
4204
|
+
"background-color": {
|
|
4205
|
+
"$type": "color",
|
|
4206
|
+
"$value": "{rhc.color.cool-grey.100}"
|
|
4207
|
+
}
|
|
4208
|
+
},
|
|
4209
|
+
"hover": {
|
|
4210
|
+
"background-color": {
|
|
4211
|
+
"$type": "color",
|
|
4212
|
+
"$value": "{rhc.color.cool-grey.50}"
|
|
4213
|
+
}
|
|
4214
|
+
},
|
|
4215
|
+
"focus": {
|
|
4216
|
+
"background-color": {
|
|
4217
|
+
"$type": "color",
|
|
4218
|
+
"$value": "{rhc.color.primary.50}"
|
|
4219
|
+
}
|
|
4220
|
+
},
|
|
4221
|
+
"content": {
|
|
4222
|
+
"column-gap": {
|
|
4195
4223
|
"$type": "dimension",
|
|
4196
|
-
"$value": "{rhc.space.100}"
|
|
4224
|
+
"$value": "{rhc.space.100}",
|
|
4225
|
+
"$description": "[code-only]"
|
|
4197
4226
|
},
|
|
4198
|
-
"
|
|
4227
|
+
"row-gap": {
|
|
4199
4228
|
"$type": "dimension",
|
|
4200
|
-
"$value": "{rhc.
|
|
4229
|
+
"$value": "{rhc.space.50}",
|
|
4230
|
+
"$description": "[code-only]"
|
|
4201
4231
|
}
|
|
4202
4232
|
},
|
|
4203
|
-
"
|
|
4233
|
+
"description": {
|
|
4234
|
+
"color": {
|
|
4235
|
+
"$type": "color",
|
|
4236
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
4237
|
+
},
|
|
4204
4238
|
"font-size": {
|
|
4205
4239
|
"$type": "fontSizes",
|
|
4206
4240
|
"$value": "{rhc.text.font-size.md}"
|
|
4207
4241
|
},
|
|
4208
|
-
"
|
|
4242
|
+
"line-height": {
|
|
4243
|
+
"$type": "lineHeights",
|
|
4244
|
+
"$value": "{rhc.text.line-height.md}"
|
|
4245
|
+
}
|
|
4246
|
+
},
|
|
4247
|
+
"icon-end": {
|
|
4248
|
+
"color": {
|
|
4249
|
+
"$type": "color",
|
|
4250
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
4251
|
+
}
|
|
4252
|
+
},
|
|
4253
|
+
"icon-start": {
|
|
4254
|
+
"background-color": {
|
|
4255
|
+
"$type": "color",
|
|
4256
|
+
"$value": "{rhc.color.foreground.default}"
|
|
4257
|
+
},
|
|
4258
|
+
"border-radius": {
|
|
4259
|
+
"$type": "dimension",
|
|
4260
|
+
"$value": "{rhc.border-radius.round}"
|
|
4261
|
+
},
|
|
4262
|
+
"color": {
|
|
4263
|
+
"$type": "color",
|
|
4264
|
+
"$value": "{rhc.color.foreground.on-dark-color}"
|
|
4265
|
+
},
|
|
4266
|
+
"padding-block": {
|
|
4209
4267
|
"$type": "dimension",
|
|
4210
4268
|
"$value": "{rhc.space.100}"
|
|
4211
4269
|
},
|
|
4212
|
-
"
|
|
4270
|
+
"padding-inline": {
|
|
4213
4271
|
"$type": "dimension",
|
|
4214
|
-
"$value": "{rhc.space.
|
|
4272
|
+
"$value": "{rhc.space.100}"
|
|
4273
|
+
},
|
|
4274
|
+
"size": {
|
|
4275
|
+
"$type": "dimension",
|
|
4276
|
+
"$value": "{rhc.size.icon.md}"
|
|
4215
4277
|
}
|
|
4216
4278
|
},
|
|
4217
4279
|
"label": {
|
|
4280
|
+
"color": {
|
|
4281
|
+
"$type": "color",
|
|
4282
|
+
"$value": "{rhc.color.foreground.default}"
|
|
4283
|
+
},
|
|
4218
4284
|
"font-family": {
|
|
4219
4285
|
"$type": "fontFamilies",
|
|
4220
4286
|
"$value": "{rhc.text.font-family.default}"
|
|
@@ -4231,62 +4297,6 @@
|
|
|
4231
4297
|
"$type": "lineHeights",
|
|
4232
4298
|
"$value": "{rhc.text.line-height.md}"
|
|
4233
4299
|
}
|
|
4234
|
-
},
|
|
4235
|
-
"active": {
|
|
4236
|
-
"background-color": {
|
|
4237
|
-
"$type": "color",
|
|
4238
|
-
"$value": "{rhc.color.cool-grey.100}"
|
|
4239
|
-
}
|
|
4240
|
-
},
|
|
4241
|
-
"hover": {
|
|
4242
|
-
"background-color": {
|
|
4243
|
-
"$type": "color",
|
|
4244
|
-
"$value": "{rhc.color.cool-grey.50}"
|
|
4245
|
-
}
|
|
4246
|
-
},
|
|
4247
|
-
"focus": {
|
|
4248
|
-
"background-color": {
|
|
4249
|
-
"$type": "color",
|
|
4250
|
-
"$value": "{rhc.color.primary.50}"
|
|
4251
|
-
}
|
|
4252
|
-
},
|
|
4253
|
-
"background-color": {
|
|
4254
|
-
"$type": "color",
|
|
4255
|
-
"$value": "{rhc.color.bg-document}"
|
|
4256
|
-
},
|
|
4257
|
-
"color": {
|
|
4258
|
-
"$type": "color",
|
|
4259
|
-
"$value": "{rhc.color.foreground.subtle}"
|
|
4260
|
-
},
|
|
4261
|
-
"border-width": {
|
|
4262
|
-
"$type": "dimension",
|
|
4263
|
-
"$value": "{rhc.border-width.sm}"
|
|
4264
|
-
},
|
|
4265
|
-
"border-color": {
|
|
4266
|
-
"$type": "color",
|
|
4267
|
-
"$value": "{rhc.color.cool-grey.300}"
|
|
4268
|
-
},
|
|
4269
|
-
"heading": {
|
|
4270
|
-
"color": {
|
|
4271
|
-
"$type": "color",
|
|
4272
|
-
"$value": "{rhc.color.foreground.default}"
|
|
4273
|
-
}
|
|
4274
|
-
},
|
|
4275
|
-
"column-gap": {
|
|
4276
|
-
"$type": "dimension",
|
|
4277
|
-
"$value": "{rhc.space.200}"
|
|
4278
|
-
},
|
|
4279
|
-
"min-height": {
|
|
4280
|
-
"$type": "dimension",
|
|
4281
|
-
"$value": "{rhc.size.pointer-target}"
|
|
4282
|
-
},
|
|
4283
|
-
"padding-block": {
|
|
4284
|
-
"$type": "dimension",
|
|
4285
|
-
"$value": "{rhc.space.150}"
|
|
4286
|
-
},
|
|
4287
|
-
"padding-inline": {
|
|
4288
|
-
"$type": "dimension",
|
|
4289
|
-
"$value": "{rhc.space.200}"
|
|
4290
4300
|
}
|
|
4291
4301
|
}
|
|
4292
4302
|
}
|
|
@@ -10935,50 +10945,116 @@
|
|
|
10935
10945
|
"components/navigation-list": {
|
|
10936
10946
|
"rhc": {
|
|
10937
10947
|
"navigation-list": {
|
|
10938
|
-
"
|
|
10948
|
+
"item": {
|
|
10939
10949
|
"background-color": {
|
|
10940
10950
|
"$type": "color",
|
|
10941
|
-
"$value": "{rhc.color.
|
|
10951
|
+
"$value": "{rhc.color.bg-document}"
|
|
10942
10952
|
},
|
|
10943
|
-
"border-
|
|
10953
|
+
"border-color": {
|
|
10954
|
+
"$type": "color",
|
|
10955
|
+
"$value": "{rhc.color.cool-grey.300}"
|
|
10956
|
+
},
|
|
10957
|
+
"border-width": {
|
|
10944
10958
|
"$type": "dimension",
|
|
10945
|
-
"$value": "{rhc.border-
|
|
10959
|
+
"$value": "{rhc.border-width.sm}"
|
|
10946
10960
|
},
|
|
10947
|
-
"
|
|
10948
|
-
"$type": "
|
|
10949
|
-
"$value": "{rhc.
|
|
10950
|
-
}
|
|
10951
|
-
|
|
10952
|
-
|
|
10953
|
-
|
|
10954
|
-
|
|
10955
|
-
|
|
10956
|
-
|
|
10957
|
-
}
|
|
10958
|
-
|
|
10961
|
+
"column-gap": {
|
|
10962
|
+
"$type": "dimension",
|
|
10963
|
+
"$value": "{rhc.space.200}"
|
|
10964
|
+
},
|
|
10965
|
+
"min-height": {
|
|
10966
|
+
"$type": "dimension",
|
|
10967
|
+
"$value": "{rhc.size.pointer-target}"
|
|
10968
|
+
},
|
|
10969
|
+
"padding-block": {
|
|
10970
|
+
"$type": "dimension",
|
|
10971
|
+
"$value": "{rhc.space.150}"
|
|
10972
|
+
},
|
|
10973
|
+
"padding-inline": {
|
|
10974
|
+
"$type": "dimension",
|
|
10975
|
+
"$value": "{rhc.space.200}"
|
|
10976
|
+
},
|
|
10977
|
+
"active": {
|
|
10978
|
+
"background-color": {
|
|
10979
|
+
"$type": "color",
|
|
10980
|
+
"$value": "{rhc.color.cool-grey.100}"
|
|
10981
|
+
}
|
|
10982
|
+
},
|
|
10983
|
+
"hover": {
|
|
10984
|
+
"background-color": {
|
|
10985
|
+
"$type": "color",
|
|
10986
|
+
"$value": "{rhc.color.cool-grey.50}"
|
|
10987
|
+
}
|
|
10988
|
+
},
|
|
10989
|
+
"focus": {
|
|
10990
|
+
"background-color": {
|
|
10991
|
+
"$type": "color",
|
|
10992
|
+
"$value": "{rhc.color.primary.50}"
|
|
10993
|
+
}
|
|
10994
|
+
},
|
|
10995
|
+
"content": {
|
|
10996
|
+
"column-gap": {
|
|
10959
10997
|
"$type": "dimension",
|
|
10960
|
-
"$value": "{rhc.space.100}"
|
|
10998
|
+
"$value": "{rhc.space.100}",
|
|
10999
|
+
"$description": "[code-only]"
|
|
10961
11000
|
},
|
|
10962
|
-
"
|
|
11001
|
+
"row-gap": {
|
|
10963
11002
|
"$type": "dimension",
|
|
10964
|
-
"$value": "{rhc.
|
|
11003
|
+
"$value": "{rhc.space.50}",
|
|
11004
|
+
"$description": "[code-only]"
|
|
10965
11005
|
}
|
|
10966
11006
|
},
|
|
10967
|
-
"
|
|
11007
|
+
"description": {
|
|
11008
|
+
"color": {
|
|
11009
|
+
"$type": "color",
|
|
11010
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
11011
|
+
},
|
|
10968
11012
|
"font-size": {
|
|
10969
11013
|
"$type": "fontSizes",
|
|
10970
11014
|
"$value": "{rhc.text.font-size.md}"
|
|
10971
11015
|
},
|
|
10972
|
-
"
|
|
11016
|
+
"line-height": {
|
|
11017
|
+
"$type": "lineHeights",
|
|
11018
|
+
"$value": "{rhc.text.line-height.md}"
|
|
11019
|
+
}
|
|
11020
|
+
},
|
|
11021
|
+
"icon-end": {
|
|
11022
|
+
"color": {
|
|
11023
|
+
"$type": "color",
|
|
11024
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
11025
|
+
}
|
|
11026
|
+
},
|
|
11027
|
+
"icon-start": {
|
|
11028
|
+
"background-color": {
|
|
11029
|
+
"$type": "color",
|
|
11030
|
+
"$value": "{rhc.color.foreground.default}"
|
|
11031
|
+
},
|
|
11032
|
+
"border-radius": {
|
|
11033
|
+
"$type": "dimension",
|
|
11034
|
+
"$value": "{rhc.border-radius.round}"
|
|
11035
|
+
},
|
|
11036
|
+
"color": {
|
|
11037
|
+
"$type": "color",
|
|
11038
|
+
"$value": "{rhc.color.foreground.on-dark-color}"
|
|
11039
|
+
},
|
|
11040
|
+
"padding-block": {
|
|
10973
11041
|
"$type": "dimension",
|
|
10974
11042
|
"$value": "{rhc.space.100}"
|
|
10975
11043
|
},
|
|
10976
|
-
"
|
|
11044
|
+
"padding-inline": {
|
|
10977
11045
|
"$type": "dimension",
|
|
10978
|
-
"$value": "{rhc.space.
|
|
11046
|
+
"$value": "{rhc.space.100}"
|
|
11047
|
+
},
|
|
11048
|
+
"size": {
|
|
11049
|
+
"$type": "dimension",
|
|
11050
|
+
"$value": "{rhc.size.icon.md}"
|
|
10979
11051
|
}
|
|
10980
11052
|
},
|
|
10981
11053
|
"label": {
|
|
11054
|
+
"color": {
|
|
11055
|
+
"$type": "color",
|
|
11056
|
+
"$value": "{rhc.color.foreground.default}"
|
|
11057
|
+
},
|
|
10982
11058
|
"font-family": {
|
|
10983
11059
|
"$type": "fontFamilies",
|
|
10984
11060
|
"$value": "{rhc.text.font-family.default}"
|
|
@@ -10995,62 +11071,6 @@
|
|
|
10995
11071
|
"$type": "lineHeights",
|
|
10996
11072
|
"$value": "{rhc.text.line-height.md}"
|
|
10997
11073
|
}
|
|
10998
|
-
},
|
|
10999
|
-
"active": {
|
|
11000
|
-
"background-color": {
|
|
11001
|
-
"$type": "color",
|
|
11002
|
-
"$value": "{rhc.color.cool-grey.100}"
|
|
11003
|
-
}
|
|
11004
|
-
},
|
|
11005
|
-
"hover": {
|
|
11006
|
-
"background-color": {
|
|
11007
|
-
"$type": "color",
|
|
11008
|
-
"$value": "{rhc.color.cool-grey.50}"
|
|
11009
|
-
}
|
|
11010
|
-
},
|
|
11011
|
-
"focus": {
|
|
11012
|
-
"background-color": {
|
|
11013
|
-
"$type": "color",
|
|
11014
|
-
"$value": "{rhc.color.primary.50}"
|
|
11015
|
-
}
|
|
11016
|
-
},
|
|
11017
|
-
"background-color": {
|
|
11018
|
-
"$type": "color",
|
|
11019
|
-
"$value": "{rhc.color.bg-document}"
|
|
11020
|
-
},
|
|
11021
|
-
"color": {
|
|
11022
|
-
"$type": "color",
|
|
11023
|
-
"$value": "{rhc.color.foreground.subtle}"
|
|
11024
|
-
},
|
|
11025
|
-
"border-width": {
|
|
11026
|
-
"$type": "dimension",
|
|
11027
|
-
"$value": "{rhc.border-width.sm}"
|
|
11028
|
-
},
|
|
11029
|
-
"border-color": {
|
|
11030
|
-
"$type": "color",
|
|
11031
|
-
"$value": "{rhc.color.cool-grey.300}"
|
|
11032
|
-
},
|
|
11033
|
-
"heading": {
|
|
11034
|
-
"color": {
|
|
11035
|
-
"$type": "color",
|
|
11036
|
-
"$value": "{rhc.color.foreground.default}"
|
|
11037
|
-
}
|
|
11038
|
-
},
|
|
11039
|
-
"column-gap": {
|
|
11040
|
-
"$type": "dimension",
|
|
11041
|
-
"$value": "{rhc.space.200}"
|
|
11042
|
-
},
|
|
11043
|
-
"min-height": {
|
|
11044
|
-
"$type": "dimension",
|
|
11045
|
-
"$value": "{rhc.size.pointer-target}"
|
|
11046
|
-
},
|
|
11047
|
-
"padding-block": {
|
|
11048
|
-
"$type": "dimension",
|
|
11049
|
-
"$value": "{rhc.space.150}"
|
|
11050
|
-
},
|
|
11051
|
-
"padding-inline": {
|
|
11052
|
-
"$type": "dimension",
|
|
11053
|
-
"$value": "{rhc.space.200}"
|
|
11054
11074
|
}
|
|
11055
11075
|
}
|
|
11056
11076
|
}
|
|
@@ -17711,50 +17731,116 @@
|
|
|
17711
17731
|
"components/navigation-list": {
|
|
17712
17732
|
"rhc": {
|
|
17713
17733
|
"navigation-list": {
|
|
17714
|
-
"
|
|
17734
|
+
"item": {
|
|
17715
17735
|
"background-color": {
|
|
17716
17736
|
"$type": "color",
|
|
17717
|
-
"$value": "{rhc.color.
|
|
17737
|
+
"$value": "{rhc.color.bg-document}"
|
|
17718
17738
|
},
|
|
17719
|
-
"border-
|
|
17739
|
+
"border-color": {
|
|
17740
|
+
"$type": "color",
|
|
17741
|
+
"$value": "{rhc.color.cool-grey.300}"
|
|
17742
|
+
},
|
|
17743
|
+
"border-width": {
|
|
17720
17744
|
"$type": "dimension",
|
|
17721
|
-
"$value": "{rhc.border-
|
|
17745
|
+
"$value": "{rhc.border-width.sm}"
|
|
17722
17746
|
},
|
|
17723
|
-
"
|
|
17724
|
-
"$type": "
|
|
17725
|
-
"$value": "{rhc.
|
|
17726
|
-
}
|
|
17727
|
-
|
|
17728
|
-
|
|
17729
|
-
|
|
17730
|
-
|
|
17731
|
-
|
|
17732
|
-
|
|
17733
|
-
}
|
|
17734
|
-
|
|
17747
|
+
"column-gap": {
|
|
17748
|
+
"$type": "dimension",
|
|
17749
|
+
"$value": "{rhc.space.200}"
|
|
17750
|
+
},
|
|
17751
|
+
"min-height": {
|
|
17752
|
+
"$type": "dimension",
|
|
17753
|
+
"$value": "{rhc.size.pointer-target}"
|
|
17754
|
+
},
|
|
17755
|
+
"padding-block": {
|
|
17756
|
+
"$type": "dimension",
|
|
17757
|
+
"$value": "{rhc.space.150}"
|
|
17758
|
+
},
|
|
17759
|
+
"padding-inline": {
|
|
17760
|
+
"$type": "dimension",
|
|
17761
|
+
"$value": "{rhc.space.200}"
|
|
17762
|
+
},
|
|
17763
|
+
"active": {
|
|
17764
|
+
"background-color": {
|
|
17765
|
+
"$type": "color",
|
|
17766
|
+
"$value": "{rhc.color.cool-grey.100}"
|
|
17767
|
+
}
|
|
17768
|
+
},
|
|
17769
|
+
"hover": {
|
|
17770
|
+
"background-color": {
|
|
17771
|
+
"$type": "color",
|
|
17772
|
+
"$value": "{rhc.color.cool-grey.50}"
|
|
17773
|
+
}
|
|
17774
|
+
},
|
|
17775
|
+
"focus": {
|
|
17776
|
+
"background-color": {
|
|
17777
|
+
"$type": "color",
|
|
17778
|
+
"$value": "{rhc.color.primary.50}"
|
|
17779
|
+
}
|
|
17780
|
+
},
|
|
17781
|
+
"content": {
|
|
17782
|
+
"column-gap": {
|
|
17735
17783
|
"$type": "dimension",
|
|
17736
|
-
"$value": "{rhc.space.100}"
|
|
17784
|
+
"$value": "{rhc.space.100}",
|
|
17785
|
+
"$description": "[code-only]"
|
|
17737
17786
|
},
|
|
17738
|
-
"
|
|
17787
|
+
"row-gap": {
|
|
17739
17788
|
"$type": "dimension",
|
|
17740
|
-
"$value": "{rhc.
|
|
17789
|
+
"$value": "{rhc.space.50}",
|
|
17790
|
+
"$description": "[code-only]"
|
|
17741
17791
|
}
|
|
17742
17792
|
},
|
|
17743
|
-
"
|
|
17793
|
+
"description": {
|
|
17794
|
+
"color": {
|
|
17795
|
+
"$type": "color",
|
|
17796
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
17797
|
+
},
|
|
17744
17798
|
"font-size": {
|
|
17745
17799
|
"$type": "fontSizes",
|
|
17746
17800
|
"$value": "{rhc.text.font-size.md}"
|
|
17747
17801
|
},
|
|
17748
|
-
"
|
|
17802
|
+
"line-height": {
|
|
17803
|
+
"$type": "lineHeights",
|
|
17804
|
+
"$value": "{rhc.text.line-height.md}"
|
|
17805
|
+
}
|
|
17806
|
+
},
|
|
17807
|
+
"icon-end": {
|
|
17808
|
+
"color": {
|
|
17809
|
+
"$type": "color",
|
|
17810
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
17811
|
+
}
|
|
17812
|
+
},
|
|
17813
|
+
"icon-start": {
|
|
17814
|
+
"background-color": {
|
|
17815
|
+
"$type": "color",
|
|
17816
|
+
"$value": "{rhc.color.foreground.default}"
|
|
17817
|
+
},
|
|
17818
|
+
"border-radius": {
|
|
17819
|
+
"$type": "dimension",
|
|
17820
|
+
"$value": "{rhc.border-radius.round}"
|
|
17821
|
+
},
|
|
17822
|
+
"color": {
|
|
17823
|
+
"$type": "color",
|
|
17824
|
+
"$value": "{rhc.color.foreground.on-dark-color}"
|
|
17825
|
+
},
|
|
17826
|
+
"padding-block": {
|
|
17749
17827
|
"$type": "dimension",
|
|
17750
17828
|
"$value": "{rhc.space.100}"
|
|
17751
17829
|
},
|
|
17752
|
-
"
|
|
17830
|
+
"padding-inline": {
|
|
17753
17831
|
"$type": "dimension",
|
|
17754
|
-
"$value": "{rhc.space.
|
|
17832
|
+
"$value": "{rhc.space.100}"
|
|
17833
|
+
},
|
|
17834
|
+
"size": {
|
|
17835
|
+
"$type": "dimension",
|
|
17836
|
+
"$value": "{rhc.size.icon.md}"
|
|
17755
17837
|
}
|
|
17756
17838
|
},
|
|
17757
17839
|
"label": {
|
|
17840
|
+
"color": {
|
|
17841
|
+
"$type": "color",
|
|
17842
|
+
"$value": "{rhc.color.foreground.default}"
|
|
17843
|
+
},
|
|
17758
17844
|
"font-family": {
|
|
17759
17845
|
"$type": "fontFamilies",
|
|
17760
17846
|
"$value": "{rhc.text.font-family.default}"
|
|
@@ -17771,62 +17857,6 @@
|
|
|
17771
17857
|
"$type": "lineHeights",
|
|
17772
17858
|
"$value": "{rhc.text.line-height.md}"
|
|
17773
17859
|
}
|
|
17774
|
-
},
|
|
17775
|
-
"active": {
|
|
17776
|
-
"background-color": {
|
|
17777
|
-
"$type": "color",
|
|
17778
|
-
"$value": "{rhc.color.cool-grey.100}"
|
|
17779
|
-
}
|
|
17780
|
-
},
|
|
17781
|
-
"hover": {
|
|
17782
|
-
"background-color": {
|
|
17783
|
-
"$type": "color",
|
|
17784
|
-
"$value": "{rhc.color.cool-grey.50}"
|
|
17785
|
-
}
|
|
17786
|
-
},
|
|
17787
|
-
"focus": {
|
|
17788
|
-
"background-color": {
|
|
17789
|
-
"$type": "color",
|
|
17790
|
-
"$value": "{rhc.color.primary.50}"
|
|
17791
|
-
}
|
|
17792
|
-
},
|
|
17793
|
-
"background-color": {
|
|
17794
|
-
"$type": "color",
|
|
17795
|
-
"$value": "{rhc.color.bg-document}"
|
|
17796
|
-
},
|
|
17797
|
-
"color": {
|
|
17798
|
-
"$type": "color",
|
|
17799
|
-
"$value": "{rhc.color.foreground.subtle}"
|
|
17800
|
-
},
|
|
17801
|
-
"border-width": {
|
|
17802
|
-
"$type": "dimension",
|
|
17803
|
-
"$value": "{rhc.border-width.sm}"
|
|
17804
|
-
},
|
|
17805
|
-
"border-color": {
|
|
17806
|
-
"$type": "color",
|
|
17807
|
-
"$value": "{rhc.color.cool-grey.300}"
|
|
17808
|
-
},
|
|
17809
|
-
"heading": {
|
|
17810
|
-
"color": {
|
|
17811
|
-
"$type": "color",
|
|
17812
|
-
"$value": "{rhc.color.foreground.default}"
|
|
17813
|
-
}
|
|
17814
|
-
},
|
|
17815
|
-
"column-gap": {
|
|
17816
|
-
"$type": "dimension",
|
|
17817
|
-
"$value": "{rhc.space.200}"
|
|
17818
|
-
},
|
|
17819
|
-
"min-height": {
|
|
17820
|
-
"$type": "dimension",
|
|
17821
|
-
"$value": "{rhc.size.pointer-target}"
|
|
17822
|
-
},
|
|
17823
|
-
"padding-block": {
|
|
17824
|
-
"$type": "dimension",
|
|
17825
|
-
"$value": "{rhc.space.150}"
|
|
17826
|
-
},
|
|
17827
|
-
"padding-inline": {
|
|
17828
|
-
"$type": "dimension",
|
|
17829
|
-
"$value": "{rhc.space.200}"
|
|
17830
17860
|
}
|
|
17831
17861
|
}
|
|
17832
17862
|
}
|
|
@@ -24527,50 +24557,116 @@
|
|
|
24527
24557
|
"components/navigation-list": {
|
|
24528
24558
|
"rhc": {
|
|
24529
24559
|
"navigation-list": {
|
|
24530
|
-
"
|
|
24560
|
+
"item": {
|
|
24531
24561
|
"background-color": {
|
|
24532
24562
|
"$type": "color",
|
|
24533
|
-
"$value": "{rhc.color.
|
|
24563
|
+
"$value": "{rhc.color.bg-document}"
|
|
24534
24564
|
},
|
|
24535
|
-
"border-
|
|
24565
|
+
"border-color": {
|
|
24566
|
+
"$type": "color",
|
|
24567
|
+
"$value": "{rhc.color.cool-grey.300}"
|
|
24568
|
+
},
|
|
24569
|
+
"border-width": {
|
|
24536
24570
|
"$type": "dimension",
|
|
24537
|
-
"$value": "{rhc.border-
|
|
24571
|
+
"$value": "{rhc.border-width.sm}"
|
|
24538
24572
|
},
|
|
24539
|
-
"
|
|
24540
|
-
"$type": "
|
|
24541
|
-
"$value": "{rhc.
|
|
24542
|
-
}
|
|
24543
|
-
|
|
24544
|
-
|
|
24545
|
-
|
|
24546
|
-
|
|
24547
|
-
|
|
24548
|
-
|
|
24549
|
-
}
|
|
24550
|
-
|
|
24573
|
+
"column-gap": {
|
|
24574
|
+
"$type": "dimension",
|
|
24575
|
+
"$value": "{rhc.space.200}"
|
|
24576
|
+
},
|
|
24577
|
+
"min-height": {
|
|
24578
|
+
"$type": "dimension",
|
|
24579
|
+
"$value": "{rhc.size.pointer-target}"
|
|
24580
|
+
},
|
|
24581
|
+
"padding-block": {
|
|
24582
|
+
"$type": "dimension",
|
|
24583
|
+
"$value": "{rhc.space.150}"
|
|
24584
|
+
},
|
|
24585
|
+
"padding-inline": {
|
|
24586
|
+
"$type": "dimension",
|
|
24587
|
+
"$value": "{rhc.space.200}"
|
|
24588
|
+
},
|
|
24589
|
+
"active": {
|
|
24590
|
+
"background-color": {
|
|
24591
|
+
"$type": "color",
|
|
24592
|
+
"$value": "{rhc.color.cool-grey.100}"
|
|
24593
|
+
}
|
|
24594
|
+
},
|
|
24595
|
+
"hover": {
|
|
24596
|
+
"background-color": {
|
|
24597
|
+
"$type": "color",
|
|
24598
|
+
"$value": "{rhc.color.cool-grey.50}"
|
|
24599
|
+
}
|
|
24600
|
+
},
|
|
24601
|
+
"focus": {
|
|
24602
|
+
"background-color": {
|
|
24603
|
+
"$type": "color",
|
|
24604
|
+
"$value": "{rhc.color.primary.50}"
|
|
24605
|
+
}
|
|
24606
|
+
},
|
|
24607
|
+
"content": {
|
|
24608
|
+
"column-gap": {
|
|
24551
24609
|
"$type": "dimension",
|
|
24552
|
-
"$value": "{rhc.space.100}"
|
|
24610
|
+
"$value": "{rhc.space.100}",
|
|
24611
|
+
"$description": "[code-only]"
|
|
24553
24612
|
},
|
|
24554
|
-
"
|
|
24613
|
+
"row-gap": {
|
|
24555
24614
|
"$type": "dimension",
|
|
24556
|
-
"$value": "{rhc.
|
|
24615
|
+
"$value": "{rhc.space.50}",
|
|
24616
|
+
"$description": "[code-only]"
|
|
24557
24617
|
}
|
|
24558
24618
|
},
|
|
24559
|
-
"
|
|
24619
|
+
"description": {
|
|
24620
|
+
"color": {
|
|
24621
|
+
"$type": "color",
|
|
24622
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
24623
|
+
},
|
|
24560
24624
|
"font-size": {
|
|
24561
24625
|
"$type": "fontSizes",
|
|
24562
24626
|
"$value": "{rhc.text.font-size.md}"
|
|
24563
24627
|
},
|
|
24564
|
-
"
|
|
24628
|
+
"line-height": {
|
|
24629
|
+
"$type": "lineHeights",
|
|
24630
|
+
"$value": "{rhc.text.line-height.md}"
|
|
24631
|
+
}
|
|
24632
|
+
},
|
|
24633
|
+
"icon-end": {
|
|
24634
|
+
"color": {
|
|
24635
|
+
"$type": "color",
|
|
24636
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
24637
|
+
}
|
|
24638
|
+
},
|
|
24639
|
+
"icon-start": {
|
|
24640
|
+
"background-color": {
|
|
24641
|
+
"$type": "color",
|
|
24642
|
+
"$value": "{rhc.color.foreground.default}"
|
|
24643
|
+
},
|
|
24644
|
+
"border-radius": {
|
|
24645
|
+
"$type": "dimension",
|
|
24646
|
+
"$value": "{rhc.border-radius.round}"
|
|
24647
|
+
},
|
|
24648
|
+
"color": {
|
|
24649
|
+
"$type": "color",
|
|
24650
|
+
"$value": "{rhc.color.foreground.on-dark-color}"
|
|
24651
|
+
},
|
|
24652
|
+
"padding-block": {
|
|
24565
24653
|
"$type": "dimension",
|
|
24566
24654
|
"$value": "{rhc.space.100}"
|
|
24567
24655
|
},
|
|
24568
|
-
"
|
|
24656
|
+
"padding-inline": {
|
|
24569
24657
|
"$type": "dimension",
|
|
24570
|
-
"$value": "{rhc.space.
|
|
24658
|
+
"$value": "{rhc.space.100}"
|
|
24659
|
+
},
|
|
24660
|
+
"size": {
|
|
24661
|
+
"$type": "dimension",
|
|
24662
|
+
"$value": "{rhc.size.icon.md}"
|
|
24571
24663
|
}
|
|
24572
24664
|
},
|
|
24573
24665
|
"label": {
|
|
24666
|
+
"color": {
|
|
24667
|
+
"$type": "color",
|
|
24668
|
+
"$value": "{rhc.color.foreground.default}"
|
|
24669
|
+
},
|
|
24574
24670
|
"font-family": {
|
|
24575
24671
|
"$type": "fontFamilies",
|
|
24576
24672
|
"$value": "{rhc.text.font-family.default}"
|
|
@@ -24587,62 +24683,6 @@
|
|
|
24587
24683
|
"$type": "lineHeights",
|
|
24588
24684
|
"$value": "{rhc.text.line-height.md}"
|
|
24589
24685
|
}
|
|
24590
|
-
},
|
|
24591
|
-
"active": {
|
|
24592
|
-
"background-color": {
|
|
24593
|
-
"$type": "color",
|
|
24594
|
-
"$value": "{rhc.color.cool-grey.100}"
|
|
24595
|
-
}
|
|
24596
|
-
},
|
|
24597
|
-
"hover": {
|
|
24598
|
-
"background-color": {
|
|
24599
|
-
"$type": "color",
|
|
24600
|
-
"$value": "{rhc.color.cool-grey.50}"
|
|
24601
|
-
}
|
|
24602
|
-
},
|
|
24603
|
-
"focus": {
|
|
24604
|
-
"background-color": {
|
|
24605
|
-
"$type": "color",
|
|
24606
|
-
"$value": "{rhc.color.primary.50}"
|
|
24607
|
-
}
|
|
24608
|
-
},
|
|
24609
|
-
"background-color": {
|
|
24610
|
-
"$type": "color",
|
|
24611
|
-
"$value": "{rhc.color.bg-document}"
|
|
24612
|
-
},
|
|
24613
|
-
"color": {
|
|
24614
|
-
"$type": "color",
|
|
24615
|
-
"$value": "{rhc.color.foreground.subtle}"
|
|
24616
|
-
},
|
|
24617
|
-
"border-width": {
|
|
24618
|
-
"$type": "dimension",
|
|
24619
|
-
"$value": "{rhc.border-width.sm}"
|
|
24620
|
-
},
|
|
24621
|
-
"border-color": {
|
|
24622
|
-
"$type": "color",
|
|
24623
|
-
"$value": "{rhc.color.cool-grey.300}"
|
|
24624
|
-
},
|
|
24625
|
-
"heading": {
|
|
24626
|
-
"color": {
|
|
24627
|
-
"$type": "color",
|
|
24628
|
-
"$value": "{rhc.color.foreground.default}"
|
|
24629
|
-
}
|
|
24630
|
-
},
|
|
24631
|
-
"column-gap": {
|
|
24632
|
-
"$type": "dimension",
|
|
24633
|
-
"$value": "{rhc.space.200}"
|
|
24634
|
-
},
|
|
24635
|
-
"min-height": {
|
|
24636
|
-
"$type": "dimension",
|
|
24637
|
-
"$value": "{rhc.size.pointer-target}"
|
|
24638
|
-
},
|
|
24639
|
-
"padding-block": {
|
|
24640
|
-
"$type": "dimension",
|
|
24641
|
-
"$value": "{rhc.space.150}"
|
|
24642
|
-
},
|
|
24643
|
-
"padding-inline": {
|
|
24644
|
-
"$type": "dimension",
|
|
24645
|
-
"$value": "{rhc.space.200}"
|
|
24646
24686
|
}
|
|
24647
24687
|
}
|
|
24648
24688
|
}
|
|
@@ -31343,50 +31383,116 @@
|
|
|
31343
31383
|
"components/navigation-list": {
|
|
31344
31384
|
"rhc": {
|
|
31345
31385
|
"navigation-list": {
|
|
31346
|
-
"
|
|
31386
|
+
"item": {
|
|
31347
31387
|
"background-color": {
|
|
31348
31388
|
"$type": "color",
|
|
31349
|
-
"$value": "{rhc.color.
|
|
31389
|
+
"$value": "{rhc.color.bg-document}"
|
|
31350
31390
|
},
|
|
31351
|
-
"border-
|
|
31391
|
+
"border-color": {
|
|
31392
|
+
"$type": "color",
|
|
31393
|
+
"$value": "{rhc.color.cool-grey.300}"
|
|
31394
|
+
},
|
|
31395
|
+
"border-width": {
|
|
31352
31396
|
"$type": "dimension",
|
|
31353
|
-
"$value": "{rhc.border-
|
|
31397
|
+
"$value": "{rhc.border-width.sm}"
|
|
31354
31398
|
},
|
|
31355
|
-
"
|
|
31356
|
-
"$type": "
|
|
31357
|
-
"$value": "{rhc.
|
|
31358
|
-
}
|
|
31359
|
-
|
|
31360
|
-
|
|
31361
|
-
|
|
31362
|
-
|
|
31363
|
-
|
|
31364
|
-
|
|
31365
|
-
}
|
|
31366
|
-
|
|
31399
|
+
"column-gap": {
|
|
31400
|
+
"$type": "dimension",
|
|
31401
|
+
"$value": "{rhc.space.200}"
|
|
31402
|
+
},
|
|
31403
|
+
"min-height": {
|
|
31404
|
+
"$type": "dimension",
|
|
31405
|
+
"$value": "{rhc.size.pointer-target}"
|
|
31406
|
+
},
|
|
31407
|
+
"padding-block": {
|
|
31408
|
+
"$type": "dimension",
|
|
31409
|
+
"$value": "{rhc.space.150}"
|
|
31410
|
+
},
|
|
31411
|
+
"padding-inline": {
|
|
31412
|
+
"$type": "dimension",
|
|
31413
|
+
"$value": "{rhc.space.200}"
|
|
31414
|
+
},
|
|
31415
|
+
"active": {
|
|
31416
|
+
"background-color": {
|
|
31417
|
+
"$type": "color",
|
|
31418
|
+
"$value": "{rhc.color.cool-grey.100}"
|
|
31419
|
+
}
|
|
31420
|
+
},
|
|
31421
|
+
"hover": {
|
|
31422
|
+
"background-color": {
|
|
31423
|
+
"$type": "color",
|
|
31424
|
+
"$value": "{rhc.color.cool-grey.50}"
|
|
31425
|
+
}
|
|
31426
|
+
},
|
|
31427
|
+
"focus": {
|
|
31428
|
+
"background-color": {
|
|
31429
|
+
"$type": "color",
|
|
31430
|
+
"$value": "{rhc.color.primary.50}"
|
|
31431
|
+
}
|
|
31432
|
+
},
|
|
31433
|
+
"content": {
|
|
31434
|
+
"column-gap": {
|
|
31367
31435
|
"$type": "dimension",
|
|
31368
|
-
"$value": "{rhc.space.100}"
|
|
31436
|
+
"$value": "{rhc.space.100}",
|
|
31437
|
+
"$description": "[code-only]"
|
|
31369
31438
|
},
|
|
31370
|
-
"
|
|
31439
|
+
"row-gap": {
|
|
31371
31440
|
"$type": "dimension",
|
|
31372
|
-
"$value": "{rhc.
|
|
31441
|
+
"$value": "{rhc.space.50}",
|
|
31442
|
+
"$description": "[code-only]"
|
|
31373
31443
|
}
|
|
31374
31444
|
},
|
|
31375
|
-
"
|
|
31445
|
+
"description": {
|
|
31446
|
+
"color": {
|
|
31447
|
+
"$type": "color",
|
|
31448
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
31449
|
+
},
|
|
31376
31450
|
"font-size": {
|
|
31377
31451
|
"$type": "fontSizes",
|
|
31378
31452
|
"$value": "{rhc.text.font-size.md}"
|
|
31379
31453
|
},
|
|
31380
|
-
"
|
|
31454
|
+
"line-height": {
|
|
31455
|
+
"$type": "lineHeights",
|
|
31456
|
+
"$value": "{rhc.text.line-height.md}"
|
|
31457
|
+
}
|
|
31458
|
+
},
|
|
31459
|
+
"icon-end": {
|
|
31460
|
+
"color": {
|
|
31461
|
+
"$type": "color",
|
|
31462
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
31463
|
+
}
|
|
31464
|
+
},
|
|
31465
|
+
"icon-start": {
|
|
31466
|
+
"background-color": {
|
|
31467
|
+
"$type": "color",
|
|
31468
|
+
"$value": "{rhc.color.foreground.default}"
|
|
31469
|
+
},
|
|
31470
|
+
"border-radius": {
|
|
31471
|
+
"$type": "dimension",
|
|
31472
|
+
"$value": "{rhc.border-radius.round}"
|
|
31473
|
+
},
|
|
31474
|
+
"color": {
|
|
31475
|
+
"$type": "color",
|
|
31476
|
+
"$value": "{rhc.color.foreground.on-dark-color}"
|
|
31477
|
+
},
|
|
31478
|
+
"padding-block": {
|
|
31381
31479
|
"$type": "dimension",
|
|
31382
31480
|
"$value": "{rhc.space.100}"
|
|
31383
31481
|
},
|
|
31384
|
-
"
|
|
31482
|
+
"padding-inline": {
|
|
31385
31483
|
"$type": "dimension",
|
|
31386
|
-
"$value": "{rhc.space.
|
|
31484
|
+
"$value": "{rhc.space.100}"
|
|
31485
|
+
},
|
|
31486
|
+
"size": {
|
|
31487
|
+
"$type": "dimension",
|
|
31488
|
+
"$value": "{rhc.size.icon.md}"
|
|
31387
31489
|
}
|
|
31388
31490
|
},
|
|
31389
31491
|
"label": {
|
|
31492
|
+
"color": {
|
|
31493
|
+
"$type": "color",
|
|
31494
|
+
"$value": "{rhc.color.foreground.default}"
|
|
31495
|
+
},
|
|
31390
31496
|
"font-family": {
|
|
31391
31497
|
"$type": "fontFamilies",
|
|
31392
31498
|
"$value": "{rhc.text.font-family.default}"
|
|
@@ -31403,62 +31509,6 @@
|
|
|
31403
31509
|
"$type": "lineHeights",
|
|
31404
31510
|
"$value": "{rhc.text.line-height.md}"
|
|
31405
31511
|
}
|
|
31406
|
-
},
|
|
31407
|
-
"active": {
|
|
31408
|
-
"background-color": {
|
|
31409
|
-
"$type": "color",
|
|
31410
|
-
"$value": "{rhc.color.cool-grey.100}"
|
|
31411
|
-
}
|
|
31412
|
-
},
|
|
31413
|
-
"hover": {
|
|
31414
|
-
"background-color": {
|
|
31415
|
-
"$type": "color",
|
|
31416
|
-
"$value": "{rhc.color.cool-grey.50}"
|
|
31417
|
-
}
|
|
31418
|
-
},
|
|
31419
|
-
"focus": {
|
|
31420
|
-
"background-color": {
|
|
31421
|
-
"$type": "color",
|
|
31422
|
-
"$value": "{rhc.color.primary.50}"
|
|
31423
|
-
}
|
|
31424
|
-
},
|
|
31425
|
-
"background-color": {
|
|
31426
|
-
"$type": "color",
|
|
31427
|
-
"$value": "{rhc.color.bg-document}"
|
|
31428
|
-
},
|
|
31429
|
-
"color": {
|
|
31430
|
-
"$type": "color",
|
|
31431
|
-
"$value": "{rhc.color.foreground.subtle}"
|
|
31432
|
-
},
|
|
31433
|
-
"border-width": {
|
|
31434
|
-
"$type": "dimension",
|
|
31435
|
-
"$value": "{rhc.border-width.sm}"
|
|
31436
|
-
},
|
|
31437
|
-
"border-color": {
|
|
31438
|
-
"$type": "color",
|
|
31439
|
-
"$value": "{rhc.color.cool-grey.300}"
|
|
31440
|
-
},
|
|
31441
|
-
"heading": {
|
|
31442
|
-
"color": {
|
|
31443
|
-
"$type": "color",
|
|
31444
|
-
"$value": "{rhc.color.foreground.default}"
|
|
31445
|
-
}
|
|
31446
|
-
},
|
|
31447
|
-
"column-gap": {
|
|
31448
|
-
"$type": "dimension",
|
|
31449
|
-
"$value": "{rhc.space.200}"
|
|
31450
|
-
},
|
|
31451
|
-
"min-height": {
|
|
31452
|
-
"$type": "dimension",
|
|
31453
|
-
"$value": "{rhc.size.pointer-target}"
|
|
31454
|
-
},
|
|
31455
|
-
"padding-block": {
|
|
31456
|
-
"$type": "dimension",
|
|
31457
|
-
"$value": "{rhc.space.150}"
|
|
31458
|
-
},
|
|
31459
|
-
"padding-inline": {
|
|
31460
|
-
"$type": "dimension",
|
|
31461
|
-
"$value": "{rhc.space.200}"
|
|
31462
31512
|
}
|
|
31463
31513
|
}
|
|
31464
31514
|
}
|
|
@@ -38343,50 +38393,116 @@
|
|
|
38343
38393
|
"components/navigation-list": {
|
|
38344
38394
|
"rhc": {
|
|
38345
38395
|
"navigation-list": {
|
|
38346
|
-
"
|
|
38396
|
+
"item": {
|
|
38347
38397
|
"background-color": {
|
|
38348
38398
|
"$type": "color",
|
|
38349
|
-
"$value": "{rhc.color.
|
|
38399
|
+
"$value": "{rhc.color.bg-document}"
|
|
38350
38400
|
},
|
|
38351
|
-
"border-
|
|
38401
|
+
"border-color": {
|
|
38402
|
+
"$type": "color",
|
|
38403
|
+
"$value": "{rhc.color.cool-grey.300}"
|
|
38404
|
+
},
|
|
38405
|
+
"border-width": {
|
|
38352
38406
|
"$type": "dimension",
|
|
38353
|
-
"$value": "{rhc.border-
|
|
38407
|
+
"$value": "{rhc.border-width.sm}"
|
|
38354
38408
|
},
|
|
38355
|
-
"
|
|
38356
|
-
"$type": "
|
|
38357
|
-
"$value": "{rhc.
|
|
38358
|
-
}
|
|
38359
|
-
|
|
38360
|
-
|
|
38361
|
-
|
|
38362
|
-
|
|
38363
|
-
|
|
38364
|
-
|
|
38365
|
-
}
|
|
38366
|
-
|
|
38409
|
+
"column-gap": {
|
|
38410
|
+
"$type": "dimension",
|
|
38411
|
+
"$value": "{rhc.space.200}"
|
|
38412
|
+
},
|
|
38413
|
+
"min-height": {
|
|
38414
|
+
"$type": "dimension",
|
|
38415
|
+
"$value": "{rhc.size.pointer-target}"
|
|
38416
|
+
},
|
|
38417
|
+
"padding-block": {
|
|
38418
|
+
"$type": "dimension",
|
|
38419
|
+
"$value": "{rhc.space.150}"
|
|
38420
|
+
},
|
|
38421
|
+
"padding-inline": {
|
|
38422
|
+
"$type": "dimension",
|
|
38423
|
+
"$value": "{rhc.space.200}"
|
|
38424
|
+
},
|
|
38425
|
+
"active": {
|
|
38426
|
+
"background-color": {
|
|
38427
|
+
"$type": "color",
|
|
38428
|
+
"$value": "{rhc.color.cool-grey.100}"
|
|
38429
|
+
}
|
|
38430
|
+
},
|
|
38431
|
+
"hover": {
|
|
38432
|
+
"background-color": {
|
|
38433
|
+
"$type": "color",
|
|
38434
|
+
"$value": "{rhc.color.cool-grey.50}"
|
|
38435
|
+
}
|
|
38436
|
+
},
|
|
38437
|
+
"focus": {
|
|
38438
|
+
"background-color": {
|
|
38439
|
+
"$type": "color",
|
|
38440
|
+
"$value": "{rhc.color.primary.50}"
|
|
38441
|
+
}
|
|
38442
|
+
},
|
|
38443
|
+
"content": {
|
|
38444
|
+
"column-gap": {
|
|
38367
38445
|
"$type": "dimension",
|
|
38368
|
-
"$value": "{rhc.space.100}"
|
|
38446
|
+
"$value": "{rhc.space.100}",
|
|
38447
|
+
"$description": "[code-only]"
|
|
38369
38448
|
},
|
|
38370
|
-
"
|
|
38449
|
+
"row-gap": {
|
|
38371
38450
|
"$type": "dimension",
|
|
38372
|
-
"$value": "{rhc.
|
|
38451
|
+
"$value": "{rhc.space.50}",
|
|
38452
|
+
"$description": "[code-only]"
|
|
38373
38453
|
}
|
|
38374
38454
|
},
|
|
38375
|
-
"
|
|
38455
|
+
"description": {
|
|
38456
|
+
"color": {
|
|
38457
|
+
"$type": "color",
|
|
38458
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
38459
|
+
},
|
|
38376
38460
|
"font-size": {
|
|
38377
38461
|
"$type": "fontSizes",
|
|
38378
38462
|
"$value": "{rhc.text.font-size.md}"
|
|
38379
38463
|
},
|
|
38380
|
-
"
|
|
38464
|
+
"line-height": {
|
|
38465
|
+
"$type": "lineHeights",
|
|
38466
|
+
"$value": "{rhc.text.line-height.md}"
|
|
38467
|
+
}
|
|
38468
|
+
},
|
|
38469
|
+
"icon-end": {
|
|
38470
|
+
"color": {
|
|
38471
|
+
"$type": "color",
|
|
38472
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
38473
|
+
}
|
|
38474
|
+
},
|
|
38475
|
+
"icon-start": {
|
|
38476
|
+
"background-color": {
|
|
38477
|
+
"$type": "color",
|
|
38478
|
+
"$value": "{rhc.color.foreground.default}"
|
|
38479
|
+
},
|
|
38480
|
+
"border-radius": {
|
|
38481
|
+
"$type": "dimension",
|
|
38482
|
+
"$value": "{rhc.border-radius.round}"
|
|
38483
|
+
},
|
|
38484
|
+
"color": {
|
|
38485
|
+
"$type": "color",
|
|
38486
|
+
"$value": "{rhc.color.foreground.on-dark-color}"
|
|
38487
|
+
},
|
|
38488
|
+
"padding-block": {
|
|
38381
38489
|
"$type": "dimension",
|
|
38382
38490
|
"$value": "{rhc.space.100}"
|
|
38383
38491
|
},
|
|
38384
|
-
"
|
|
38492
|
+
"padding-inline": {
|
|
38385
38493
|
"$type": "dimension",
|
|
38386
|
-
"$value": "{rhc.space.
|
|
38494
|
+
"$value": "{rhc.space.100}"
|
|
38495
|
+
},
|
|
38496
|
+
"size": {
|
|
38497
|
+
"$type": "dimension",
|
|
38498
|
+
"$value": "{rhc.size.icon.md}"
|
|
38387
38499
|
}
|
|
38388
38500
|
},
|
|
38389
38501
|
"label": {
|
|
38502
|
+
"color": {
|
|
38503
|
+
"$type": "color",
|
|
38504
|
+
"$value": "{rhc.color.foreground.default}"
|
|
38505
|
+
},
|
|
38390
38506
|
"font-family": {
|
|
38391
38507
|
"$type": "fontFamilies",
|
|
38392
38508
|
"$value": "{rhc.text.font-family.default}"
|
|
@@ -38403,62 +38519,6 @@
|
|
|
38403
38519
|
"$type": "lineHeights",
|
|
38404
38520
|
"$value": "{rhc.text.line-height.md}"
|
|
38405
38521
|
}
|
|
38406
|
-
},
|
|
38407
|
-
"active": {
|
|
38408
|
-
"background-color": {
|
|
38409
|
-
"$type": "color",
|
|
38410
|
-
"$value": "{rhc.color.cool-grey.100}"
|
|
38411
|
-
}
|
|
38412
|
-
},
|
|
38413
|
-
"hover": {
|
|
38414
|
-
"background-color": {
|
|
38415
|
-
"$type": "color",
|
|
38416
|
-
"$value": "{rhc.color.cool-grey.50}"
|
|
38417
|
-
}
|
|
38418
|
-
},
|
|
38419
|
-
"focus": {
|
|
38420
|
-
"background-color": {
|
|
38421
|
-
"$type": "color",
|
|
38422
|
-
"$value": "{rhc.color.primary.50}"
|
|
38423
|
-
}
|
|
38424
|
-
},
|
|
38425
|
-
"background-color": {
|
|
38426
|
-
"$type": "color",
|
|
38427
|
-
"$value": "{rhc.color.bg-document}"
|
|
38428
|
-
},
|
|
38429
|
-
"color": {
|
|
38430
|
-
"$type": "color",
|
|
38431
|
-
"$value": "{rhc.color.foreground.subtle}"
|
|
38432
|
-
},
|
|
38433
|
-
"border-width": {
|
|
38434
|
-
"$type": "dimension",
|
|
38435
|
-
"$value": "{rhc.border-width.sm}"
|
|
38436
|
-
},
|
|
38437
|
-
"border-color": {
|
|
38438
|
-
"$type": "color",
|
|
38439
|
-
"$value": "{rhc.color.cool-grey.300}"
|
|
38440
|
-
},
|
|
38441
|
-
"heading": {
|
|
38442
|
-
"color": {
|
|
38443
|
-
"$type": "color",
|
|
38444
|
-
"$value": "{rhc.color.foreground.default}"
|
|
38445
|
-
}
|
|
38446
|
-
},
|
|
38447
|
-
"column-gap": {
|
|
38448
|
-
"$type": "dimension",
|
|
38449
|
-
"$value": "{rhc.space.200}"
|
|
38450
|
-
},
|
|
38451
|
-
"min-height": {
|
|
38452
|
-
"$type": "dimension",
|
|
38453
|
-
"$value": "{rhc.size.pointer-target}"
|
|
38454
|
-
},
|
|
38455
|
-
"padding-block": {
|
|
38456
|
-
"$type": "dimension",
|
|
38457
|
-
"$value": "{rhc.space.150}"
|
|
38458
|
-
},
|
|
38459
|
-
"padding-inline": {
|
|
38460
|
-
"$type": "dimension",
|
|
38461
|
-
"$value": "{rhc.space.200}"
|
|
38462
38522
|
}
|
|
38463
38523
|
}
|
|
38464
38524
|
}
|
|
@@ -45159,50 +45219,116 @@
|
|
|
45159
45219
|
"components/navigation-list": {
|
|
45160
45220
|
"rhc": {
|
|
45161
45221
|
"navigation-list": {
|
|
45162
|
-
"
|
|
45222
|
+
"item": {
|
|
45163
45223
|
"background-color": {
|
|
45164
45224
|
"$type": "color",
|
|
45165
|
-
"$value": "{rhc.color.
|
|
45225
|
+
"$value": "{rhc.color.bg-document}"
|
|
45166
45226
|
},
|
|
45167
|
-
"border-
|
|
45227
|
+
"border-color": {
|
|
45228
|
+
"$type": "color",
|
|
45229
|
+
"$value": "{rhc.color.cool-grey.300}"
|
|
45230
|
+
},
|
|
45231
|
+
"border-width": {
|
|
45168
45232
|
"$type": "dimension",
|
|
45169
|
-
"$value": "{rhc.border-
|
|
45233
|
+
"$value": "{rhc.border-width.sm}"
|
|
45170
45234
|
},
|
|
45171
|
-
"
|
|
45172
|
-
"$type": "
|
|
45173
|
-
"$value": "{rhc.
|
|
45174
|
-
}
|
|
45175
|
-
|
|
45176
|
-
|
|
45177
|
-
|
|
45178
|
-
|
|
45179
|
-
|
|
45180
|
-
|
|
45181
|
-
}
|
|
45182
|
-
|
|
45235
|
+
"column-gap": {
|
|
45236
|
+
"$type": "dimension",
|
|
45237
|
+
"$value": "{rhc.space.200}"
|
|
45238
|
+
},
|
|
45239
|
+
"min-height": {
|
|
45240
|
+
"$type": "dimension",
|
|
45241
|
+
"$value": "{rhc.size.pointer-target}"
|
|
45242
|
+
},
|
|
45243
|
+
"padding-block": {
|
|
45244
|
+
"$type": "dimension",
|
|
45245
|
+
"$value": "{rhc.space.150}"
|
|
45246
|
+
},
|
|
45247
|
+
"padding-inline": {
|
|
45248
|
+
"$type": "dimension",
|
|
45249
|
+
"$value": "{rhc.space.200}"
|
|
45250
|
+
},
|
|
45251
|
+
"active": {
|
|
45252
|
+
"background-color": {
|
|
45253
|
+
"$type": "color",
|
|
45254
|
+
"$value": "{rhc.color.cool-grey.100}"
|
|
45255
|
+
}
|
|
45256
|
+
},
|
|
45257
|
+
"hover": {
|
|
45258
|
+
"background-color": {
|
|
45259
|
+
"$type": "color",
|
|
45260
|
+
"$value": "{rhc.color.cool-grey.50}"
|
|
45261
|
+
}
|
|
45262
|
+
},
|
|
45263
|
+
"focus": {
|
|
45264
|
+
"background-color": {
|
|
45265
|
+
"$type": "color",
|
|
45266
|
+
"$value": "{rhc.color.primary.50}"
|
|
45267
|
+
}
|
|
45268
|
+
},
|
|
45269
|
+
"content": {
|
|
45270
|
+
"column-gap": {
|
|
45183
45271
|
"$type": "dimension",
|
|
45184
|
-
"$value": "{rhc.space.100}"
|
|
45272
|
+
"$value": "{rhc.space.100}",
|
|
45273
|
+
"$description": "[code-only]"
|
|
45185
45274
|
},
|
|
45186
|
-
"
|
|
45275
|
+
"row-gap": {
|
|
45187
45276
|
"$type": "dimension",
|
|
45188
|
-
"$value": "{rhc.
|
|
45277
|
+
"$value": "{rhc.space.50}",
|
|
45278
|
+
"$description": "[code-only]"
|
|
45189
45279
|
}
|
|
45190
45280
|
},
|
|
45191
|
-
"
|
|
45281
|
+
"description": {
|
|
45282
|
+
"color": {
|
|
45283
|
+
"$type": "color",
|
|
45284
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
45285
|
+
},
|
|
45192
45286
|
"font-size": {
|
|
45193
45287
|
"$type": "fontSizes",
|
|
45194
45288
|
"$value": "{rhc.text.font-size.md}"
|
|
45195
45289
|
},
|
|
45196
|
-
"
|
|
45290
|
+
"line-height": {
|
|
45291
|
+
"$type": "lineHeights",
|
|
45292
|
+
"$value": "{rhc.text.line-height.md}"
|
|
45293
|
+
}
|
|
45294
|
+
},
|
|
45295
|
+
"icon-end": {
|
|
45296
|
+
"color": {
|
|
45297
|
+
"$type": "color",
|
|
45298
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
45299
|
+
}
|
|
45300
|
+
},
|
|
45301
|
+
"icon-start": {
|
|
45302
|
+
"background-color": {
|
|
45303
|
+
"$type": "color",
|
|
45304
|
+
"$value": "{rhc.color.foreground.default}"
|
|
45305
|
+
},
|
|
45306
|
+
"border-radius": {
|
|
45307
|
+
"$type": "dimension",
|
|
45308
|
+
"$value": "{rhc.border-radius.round}"
|
|
45309
|
+
},
|
|
45310
|
+
"color": {
|
|
45311
|
+
"$type": "color",
|
|
45312
|
+
"$value": "{rhc.color.foreground.on-dark-color}"
|
|
45313
|
+
},
|
|
45314
|
+
"padding-block": {
|
|
45197
45315
|
"$type": "dimension",
|
|
45198
45316
|
"$value": "{rhc.space.100}"
|
|
45199
45317
|
},
|
|
45200
|
-
"
|
|
45318
|
+
"padding-inline": {
|
|
45201
45319
|
"$type": "dimension",
|
|
45202
|
-
"$value": "{rhc.space.
|
|
45320
|
+
"$value": "{rhc.space.100}"
|
|
45321
|
+
},
|
|
45322
|
+
"size": {
|
|
45323
|
+
"$type": "dimension",
|
|
45324
|
+
"$value": "{rhc.size.icon.md}"
|
|
45203
45325
|
}
|
|
45204
45326
|
},
|
|
45205
45327
|
"label": {
|
|
45328
|
+
"color": {
|
|
45329
|
+
"$type": "color",
|
|
45330
|
+
"$value": "{rhc.color.foreground.default}"
|
|
45331
|
+
},
|
|
45206
45332
|
"font-family": {
|
|
45207
45333
|
"$type": "fontFamilies",
|
|
45208
45334
|
"$value": "{rhc.text.font-family.default}"
|
|
@@ -45219,62 +45345,6 @@
|
|
|
45219
45345
|
"$type": "lineHeights",
|
|
45220
45346
|
"$value": "{rhc.text.line-height.md}"
|
|
45221
45347
|
}
|
|
45222
|
-
},
|
|
45223
|
-
"active": {
|
|
45224
|
-
"background-color": {
|
|
45225
|
-
"$type": "color",
|
|
45226
|
-
"$value": "{rhc.color.cool-grey.100}"
|
|
45227
|
-
}
|
|
45228
|
-
},
|
|
45229
|
-
"hover": {
|
|
45230
|
-
"background-color": {
|
|
45231
|
-
"$type": "color",
|
|
45232
|
-
"$value": "{rhc.color.cool-grey.50}"
|
|
45233
|
-
}
|
|
45234
|
-
},
|
|
45235
|
-
"focus": {
|
|
45236
|
-
"background-color": {
|
|
45237
|
-
"$type": "color",
|
|
45238
|
-
"$value": "{rhc.color.primary.50}"
|
|
45239
|
-
}
|
|
45240
|
-
},
|
|
45241
|
-
"background-color": {
|
|
45242
|
-
"$type": "color",
|
|
45243
|
-
"$value": "{rhc.color.bg-document}"
|
|
45244
|
-
},
|
|
45245
|
-
"color": {
|
|
45246
|
-
"$type": "color",
|
|
45247
|
-
"$value": "{rhc.color.foreground.subtle}"
|
|
45248
|
-
},
|
|
45249
|
-
"border-width": {
|
|
45250
|
-
"$type": "dimension",
|
|
45251
|
-
"$value": "{rhc.border-width.sm}"
|
|
45252
|
-
},
|
|
45253
|
-
"border-color": {
|
|
45254
|
-
"$type": "color",
|
|
45255
|
-
"$value": "{rhc.color.cool-grey.300}"
|
|
45256
|
-
},
|
|
45257
|
-
"heading": {
|
|
45258
|
-
"color": {
|
|
45259
|
-
"$type": "color",
|
|
45260
|
-
"$value": "{rhc.color.foreground.default}"
|
|
45261
|
-
}
|
|
45262
|
-
},
|
|
45263
|
-
"column-gap": {
|
|
45264
|
-
"$type": "dimension",
|
|
45265
|
-
"$value": "{rhc.space.200}"
|
|
45266
|
-
},
|
|
45267
|
-
"min-height": {
|
|
45268
|
-
"$type": "dimension",
|
|
45269
|
-
"$value": "{rhc.size.pointer-target}"
|
|
45270
|
-
},
|
|
45271
|
-
"padding-block": {
|
|
45272
|
-
"$type": "dimension",
|
|
45273
|
-
"$value": "{rhc.space.150}"
|
|
45274
|
-
},
|
|
45275
|
-
"padding-inline": {
|
|
45276
|
-
"$type": "dimension",
|
|
45277
|
-
"$value": "{rhc.space.200}"
|
|
45278
45348
|
}
|
|
45279
45349
|
}
|
|
45280
45350
|
}
|