@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
package/figma/figma.tokens.json
CHANGED
|
@@ -4775,50 +4775,116 @@
|
|
|
4775
4775
|
"components/navigation-list": {
|
|
4776
4776
|
"rhc": {
|
|
4777
4777
|
"navigation-list": {
|
|
4778
|
-
"
|
|
4778
|
+
"item": {
|
|
4779
4779
|
"background-color": {
|
|
4780
4780
|
"$type": "color",
|
|
4781
|
-
"$value": "{rhc.color.
|
|
4781
|
+
"$value": "{rhc.color.bg-document}"
|
|
4782
4782
|
},
|
|
4783
|
-
"border-
|
|
4783
|
+
"border-color": {
|
|
4784
|
+
"$type": "color",
|
|
4785
|
+
"$value": "{rhc.color.cool-grey.300}"
|
|
4786
|
+
},
|
|
4787
|
+
"border-width": {
|
|
4784
4788
|
"$type": "dimension",
|
|
4785
|
-
"$value": "{rhc.border-
|
|
4789
|
+
"$value": "{rhc.border-width.sm}"
|
|
4786
4790
|
},
|
|
4787
|
-
"
|
|
4788
|
-
"$type": "
|
|
4789
|
-
"$value": "{rhc.
|
|
4790
|
-
}
|
|
4791
|
-
|
|
4792
|
-
|
|
4793
|
-
|
|
4794
|
-
|
|
4795
|
-
|
|
4796
|
-
|
|
4797
|
-
}
|
|
4798
|
-
|
|
4791
|
+
"column-gap": {
|
|
4792
|
+
"$type": "dimension",
|
|
4793
|
+
"$value": "{rhc.space.200}"
|
|
4794
|
+
},
|
|
4795
|
+
"min-height": {
|
|
4796
|
+
"$type": "dimension",
|
|
4797
|
+
"$value": "{rhc.size.pointer-target}"
|
|
4798
|
+
},
|
|
4799
|
+
"padding-block": {
|
|
4800
|
+
"$type": "dimension",
|
|
4801
|
+
"$value": "{rhc.space.150}"
|
|
4802
|
+
},
|
|
4803
|
+
"padding-inline": {
|
|
4804
|
+
"$type": "dimension",
|
|
4805
|
+
"$value": "{rhc.space.200}"
|
|
4806
|
+
},
|
|
4807
|
+
"active": {
|
|
4808
|
+
"background-color": {
|
|
4809
|
+
"$type": "color",
|
|
4810
|
+
"$value": "{rhc.color.cool-grey.100}"
|
|
4811
|
+
}
|
|
4812
|
+
},
|
|
4813
|
+
"hover": {
|
|
4814
|
+
"background-color": {
|
|
4815
|
+
"$type": "color",
|
|
4816
|
+
"$value": "{rhc.color.cool-grey.50}"
|
|
4817
|
+
}
|
|
4818
|
+
},
|
|
4819
|
+
"focus": {
|
|
4820
|
+
"background-color": {
|
|
4821
|
+
"$type": "color",
|
|
4822
|
+
"$value": "{rhc.color.primary.50}"
|
|
4823
|
+
}
|
|
4824
|
+
},
|
|
4825
|
+
"content": {
|
|
4826
|
+
"column-gap": {
|
|
4799
4827
|
"$type": "dimension",
|
|
4800
|
-
"$value": "{rhc.space.100}"
|
|
4828
|
+
"$value": "{rhc.space.100}",
|
|
4829
|
+
"$description": "[code-only]"
|
|
4801
4830
|
},
|
|
4802
|
-
"
|
|
4831
|
+
"row-gap": {
|
|
4803
4832
|
"$type": "dimension",
|
|
4804
|
-
"$value": "{rhc.
|
|
4833
|
+
"$value": "{rhc.space.50}",
|
|
4834
|
+
"$description": "[code-only]"
|
|
4805
4835
|
}
|
|
4806
4836
|
},
|
|
4807
|
-
"
|
|
4837
|
+
"description": {
|
|
4838
|
+
"color": {
|
|
4839
|
+
"$type": "color",
|
|
4840
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
4841
|
+
},
|
|
4808
4842
|
"font-size": {
|
|
4809
4843
|
"$type": "fontSizes",
|
|
4810
4844
|
"$value": "{rhc.text.font-size.md}"
|
|
4811
4845
|
},
|
|
4812
|
-
"
|
|
4846
|
+
"line-height": {
|
|
4847
|
+
"$type": "lineHeights",
|
|
4848
|
+
"$value": "{rhc.text.line-height.md}"
|
|
4849
|
+
}
|
|
4850
|
+
},
|
|
4851
|
+
"icon-end": {
|
|
4852
|
+
"color": {
|
|
4853
|
+
"$type": "color",
|
|
4854
|
+
"$value": "{rhc.color.foreground.subtle}"
|
|
4855
|
+
}
|
|
4856
|
+
},
|
|
4857
|
+
"icon-start": {
|
|
4858
|
+
"background-color": {
|
|
4859
|
+
"$type": "color",
|
|
4860
|
+
"$value": "{rhc.color.foreground.default}"
|
|
4861
|
+
},
|
|
4862
|
+
"border-radius": {
|
|
4863
|
+
"$type": "dimension",
|
|
4864
|
+
"$value": "{rhc.border-radius.round}"
|
|
4865
|
+
},
|
|
4866
|
+
"color": {
|
|
4867
|
+
"$type": "color",
|
|
4868
|
+
"$value": "{rhc.color.foreground.on-dark-color}"
|
|
4869
|
+
},
|
|
4870
|
+
"padding-block": {
|
|
4813
4871
|
"$type": "dimension",
|
|
4814
4872
|
"$value": "{rhc.space.100}"
|
|
4815
4873
|
},
|
|
4816
|
-
"
|
|
4874
|
+
"padding-inline": {
|
|
4817
4875
|
"$type": "dimension",
|
|
4818
|
-
"$value": "{rhc.space.
|
|
4876
|
+
"$value": "{rhc.space.100}"
|
|
4877
|
+
},
|
|
4878
|
+
"size": {
|
|
4879
|
+
"$type": "dimension",
|
|
4880
|
+
"$value": "{rhc.size.icon.md}"
|
|
4819
4881
|
}
|
|
4820
4882
|
},
|
|
4821
4883
|
"label": {
|
|
4884
|
+
"color": {
|
|
4885
|
+
"$type": "color",
|
|
4886
|
+
"$value": "{rhc.color.foreground.default}"
|
|
4887
|
+
},
|
|
4822
4888
|
"font-family": {
|
|
4823
4889
|
"$type": "fontFamilies",
|
|
4824
4890
|
"$value": "{rhc.text.font-family.default}"
|
|
@@ -4835,62 +4901,6 @@
|
|
|
4835
4901
|
"$type": "lineHeights",
|
|
4836
4902
|
"$value": "{rhc.text.line-height.md}"
|
|
4837
4903
|
}
|
|
4838
|
-
},
|
|
4839
|
-
"active": {
|
|
4840
|
-
"background-color": {
|
|
4841
|
-
"$type": "color",
|
|
4842
|
-
"$value": "{rhc.color.cool-grey.100}"
|
|
4843
|
-
}
|
|
4844
|
-
},
|
|
4845
|
-
"hover": {
|
|
4846
|
-
"background-color": {
|
|
4847
|
-
"$type": "color",
|
|
4848
|
-
"$value": "{rhc.color.cool-grey.50}"
|
|
4849
|
-
}
|
|
4850
|
-
},
|
|
4851
|
-
"focus": {
|
|
4852
|
-
"background-color": {
|
|
4853
|
-
"$type": "color",
|
|
4854
|
-
"$value": "{rhc.color.primary.50}"
|
|
4855
|
-
}
|
|
4856
|
-
},
|
|
4857
|
-
"background-color": {
|
|
4858
|
-
"$type": "color",
|
|
4859
|
-
"$value": "{rhc.color.bg-document}"
|
|
4860
|
-
},
|
|
4861
|
-
"color": {
|
|
4862
|
-
"$type": "color",
|
|
4863
|
-
"$value": "{rhc.color.foreground.subtle}"
|
|
4864
|
-
},
|
|
4865
|
-
"border-width": {
|
|
4866
|
-
"$type": "dimension",
|
|
4867
|
-
"$value": "{rhc.border-width.sm}"
|
|
4868
|
-
},
|
|
4869
|
-
"border-color": {
|
|
4870
|
-
"$type": "color",
|
|
4871
|
-
"$value": "{rhc.color.cool-grey.300}"
|
|
4872
|
-
},
|
|
4873
|
-
"heading": {
|
|
4874
|
-
"color": {
|
|
4875
|
-
"$type": "color",
|
|
4876
|
-
"$value": "{rhc.color.foreground.default}"
|
|
4877
|
-
}
|
|
4878
|
-
},
|
|
4879
|
-
"column-gap": {
|
|
4880
|
-
"$type": "dimension",
|
|
4881
|
-
"$value": "{rhc.space.200}"
|
|
4882
|
-
},
|
|
4883
|
-
"min-height": {
|
|
4884
|
-
"$type": "dimension",
|
|
4885
|
-
"$value": "{rhc.size.pointer-target}"
|
|
4886
|
-
},
|
|
4887
|
-
"padding-block": {
|
|
4888
|
-
"$type": "dimension",
|
|
4889
|
-
"$value": "{rhc.space.150}"
|
|
4890
|
-
},
|
|
4891
|
-
"padding-inline": {
|
|
4892
|
-
"$type": "dimension",
|
|
4893
|
-
"$value": "{rhc.space.200}"
|
|
4894
4904
|
}
|
|
4895
4905
|
}
|
|
4896
4906
|
}
|
package/package.json
CHANGED
|
@@ -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
|
}
|