@rijkshuisstijl-community/design-tokens 1.0.0-alpha.122 → 1.0.0-alpha.123
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/build.mjs +129 -0
- package/dist/_variables.scss +497 -501
- package/dist/index.css +497 -501
- package/dist/index.d.ts +698 -703
- package/dist/index.js +698 -702
- package/dist/index.json +698 -702
- package/dist/index.tokens.json +1607 -1622
- package/dist/root.css +497 -501
- package/dist/tokens.d.ts +1539 -1554
- package/dist/tokens.js +22067 -22164
- package/dist/uitvoerend-mintgroen-focus/_variables.scss +1194 -0
- package/dist/uitvoerend-mintgroen-focus/index.css +1197 -0
- package/dist/uitvoerend-mintgroen-focus/index.d.ts +1195 -0
- package/dist/uitvoerend-mintgroen-focus/index.js +1195 -0
- package/dist/uitvoerend-mintgroen-focus/index.json +1192 -0
- package/dist/uitvoerend-mintgroen-focus/index.tokens.json +1878 -0
- package/dist/uitvoerend-mintgroen-focus/root.css +1197 -0
- package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +1901 -0
- package/dist/uitvoerend-mintgroen-focus/tokens.js +28015 -0
- package/dist/uitvoerend-violet/_variables.scss +1187 -0
- package/dist/uitvoerend-violet/index.css +1190 -0
- package/dist/uitvoerend-violet/index.d.ts +1188 -0
- package/dist/uitvoerend-violet/index.js +1188 -0
- package/dist/uitvoerend-violet/index.json +1185 -0
- package/dist/uitvoerend-violet/index.tokens.json +1835 -0
- package/dist/uitvoerend-violet/root.css +1190 -0
- package/dist/uitvoerend-violet/tokens.d.ts +1858 -0
- package/dist/uitvoerend-violet/tokens.js +27814 -0
- package/dist/uitvoerend-violet-oud/_variables.scss +1187 -0
- package/dist/uitvoerend-violet-oud/index.css +1190 -0
- package/dist/uitvoerend-violet-oud/index.d.ts +1188 -0
- package/dist/uitvoerend-violet-oud/index.js +1188 -0
- package/dist/uitvoerend-violet-oud/index.json +1185 -0
- package/dist/uitvoerend-violet-oud/index.tokens.json +1835 -0
- package/dist/uitvoerend-violet-oud/root.css +1190 -0
- package/dist/uitvoerend-violet-oud/tokens.d.ts +1858 -0
- package/dist/uitvoerend-violet-oud/tokens.js +27814 -0
- package/dist/wetgevend/_variables.scss +1187 -0
- package/dist/wetgevend/index.css +1190 -0
- package/dist/wetgevend/index.d.ts +1188 -0
- package/dist/wetgevend/index.js +1188 -0
- package/dist/wetgevend/index.json +1185 -0
- package/dist/wetgevend/index.tokens.json +1835 -0
- package/dist/wetgevend/root.css +1190 -0
- package/dist/wetgevend/tokens.d.ts +1858 -0
- package/dist/{tokens.json → wetgevend/tokens.js} +21898 -22097
- package/figma/figma.tokens.json +628 -4
- package/package.json +3 -4
- package/src/generated/themes.json +22266 -0
- package/src/generated/uitvoerend-mintgroen-focus/tokens.json +5610 -0
- package/src/generated/uitvoerend-violet/tokens.json +5546 -0
- package/src/generated/uitvoerend-violet-oud/tokens.json +5546 -0
- package/src/generated/wetgevend/tokens.json +5546 -0
- package/token-transformer.mjs +77 -41
- package/dist/variables.less +0 -1196
- package/style-dictionary.config.json +0 -105
- /package/src/generated/{figma.tokens.json → base.tokens.json} +0 -0
package/figma/figma.tokens.json
CHANGED
|
@@ -2106,7 +2106,7 @@
|
|
|
2106
2106
|
"type": "color"
|
|
2107
2107
|
},
|
|
2108
2108
|
"border-radius": {
|
|
2109
|
-
"value": "
|
|
2109
|
+
"value": "{rhc.border-radius.md}",
|
|
2110
2110
|
"type": "borderRadius"
|
|
2111
2111
|
},
|
|
2112
2112
|
"border-width": {
|
|
@@ -6927,7 +6927,626 @@
|
|
|
6927
6927
|
}
|
|
6928
6928
|
}
|
|
6929
6929
|
},
|
|
6930
|
-
"
|
|
6930
|
+
"overwrites/focus/background": {
|
|
6931
|
+
"utrecht": {
|
|
6932
|
+
"accordion": {
|
|
6933
|
+
"button": {
|
|
6934
|
+
"focus": {
|
|
6935
|
+
"background-color": {
|
|
6936
|
+
"value": "{overwrite.focus.background}",
|
|
6937
|
+
"type": "color"
|
|
6938
|
+
}
|
|
6939
|
+
}
|
|
6940
|
+
}
|
|
6941
|
+
},
|
|
6942
|
+
"button": {
|
|
6943
|
+
"primary-action": {
|
|
6944
|
+
"focus": {
|
|
6945
|
+
"background-color": {
|
|
6946
|
+
"value": "{overwrite.focus.background}",
|
|
6947
|
+
"type": "color"
|
|
6948
|
+
}
|
|
6949
|
+
}
|
|
6950
|
+
},
|
|
6951
|
+
"secondary-action": {
|
|
6952
|
+
"focus": {
|
|
6953
|
+
"background-color": {
|
|
6954
|
+
"value": "{overwrite.focus.background}",
|
|
6955
|
+
"type": "color"
|
|
6956
|
+
}
|
|
6957
|
+
}
|
|
6958
|
+
},
|
|
6959
|
+
"subtle": {
|
|
6960
|
+
"focus": {
|
|
6961
|
+
"background-color": {
|
|
6962
|
+
"value": "{overwrite.focus.background}",
|
|
6963
|
+
"type": "color"
|
|
6964
|
+
}
|
|
6965
|
+
}
|
|
6966
|
+
}
|
|
6967
|
+
},
|
|
6968
|
+
"checkbox": {
|
|
6969
|
+
"focus": {
|
|
6970
|
+
"background-color": {
|
|
6971
|
+
"value": "{overwrite.focus.background}",
|
|
6972
|
+
"type": "color"
|
|
6973
|
+
}
|
|
6974
|
+
},
|
|
6975
|
+
"checked": {
|
|
6976
|
+
"focus": {
|
|
6977
|
+
"background-color": {
|
|
6978
|
+
"value": "{overwrite.focus.background}",
|
|
6979
|
+
"type": "color"
|
|
6980
|
+
}
|
|
6981
|
+
}
|
|
6982
|
+
}
|
|
6983
|
+
},
|
|
6984
|
+
"radio": {
|
|
6985
|
+
"focus": {
|
|
6986
|
+
"background-color": {
|
|
6987
|
+
"value": "{overwrite.focus.background}",
|
|
6988
|
+
"type": "color"
|
|
6989
|
+
}
|
|
6990
|
+
},
|
|
6991
|
+
"checked": {
|
|
6992
|
+
"focus": {
|
|
6993
|
+
"background-color": {
|
|
6994
|
+
"value": "{overwrite.focus.background}",
|
|
6995
|
+
"type": "color"
|
|
6996
|
+
}
|
|
6997
|
+
}
|
|
6998
|
+
}
|
|
6999
|
+
},
|
|
7000
|
+
"link": {
|
|
7001
|
+
"focus": {
|
|
7002
|
+
"background-color": {
|
|
7003
|
+
"value": "{overwrite.focus.background}",
|
|
7004
|
+
"type": "color"
|
|
7005
|
+
}
|
|
7006
|
+
}
|
|
7007
|
+
},
|
|
7008
|
+
"select": {
|
|
7009
|
+
"focus": {
|
|
7010
|
+
"background-color": {
|
|
7011
|
+
"value": "{overwrite.focus.background}",
|
|
7012
|
+
"type": "color"
|
|
7013
|
+
}
|
|
7014
|
+
}
|
|
7015
|
+
},
|
|
7016
|
+
"textarea": {
|
|
7017
|
+
"focus": {
|
|
7018
|
+
"background-color": {
|
|
7019
|
+
"value": "{overwrite.focus.background}",
|
|
7020
|
+
"type": "color"
|
|
7021
|
+
}
|
|
7022
|
+
}
|
|
7023
|
+
},
|
|
7024
|
+
"textbox": {
|
|
7025
|
+
"focus": {
|
|
7026
|
+
"background-color": {
|
|
7027
|
+
"value": "{overwrite.focus.background}",
|
|
7028
|
+
"type": "color"
|
|
7029
|
+
}
|
|
7030
|
+
}
|
|
7031
|
+
},
|
|
7032
|
+
"counter-badge": {
|
|
7033
|
+
"background-color": {
|
|
7034
|
+
"value": "{overwrite.focus.background}",
|
|
7035
|
+
"type": "color"
|
|
7036
|
+
}
|
|
7037
|
+
},
|
|
7038
|
+
"skip-link": {
|
|
7039
|
+
"focus": {
|
|
7040
|
+
"background-color": {
|
|
7041
|
+
"value": "{overwrite.focus.background}",
|
|
7042
|
+
"type": "color"
|
|
7043
|
+
}
|
|
7044
|
+
}
|
|
7045
|
+
}
|
|
7046
|
+
},
|
|
7047
|
+
"overwrite": {
|
|
7048
|
+
"focus": {
|
|
7049
|
+
"background": {
|
|
7050
|
+
"value": "{rhc.color.donkergeel.300}",
|
|
7051
|
+
"type": "color"
|
|
7052
|
+
}
|
|
7053
|
+
}
|
|
7054
|
+
},
|
|
7055
|
+
"todo": {
|
|
7056
|
+
"nav-bar": {
|
|
7057
|
+
"link": {
|
|
7058
|
+
"focus": {
|
|
7059
|
+
"background-color": {
|
|
7060
|
+
"value": "{overwrite.focus.background}",
|
|
7061
|
+
"type": "color"
|
|
7062
|
+
}
|
|
7063
|
+
}
|
|
7064
|
+
}
|
|
7065
|
+
},
|
|
7066
|
+
"pagination": {
|
|
7067
|
+
"page-link": {
|
|
7068
|
+
"focus": {
|
|
7069
|
+
"background-color": {
|
|
7070
|
+
"value": "{overwrite.focus.background}",
|
|
7071
|
+
"type": "color"
|
|
7072
|
+
}
|
|
7073
|
+
}
|
|
7074
|
+
}
|
|
7075
|
+
}
|
|
7076
|
+
},
|
|
7077
|
+
"denhaag": {
|
|
7078
|
+
"sidenav": {
|
|
7079
|
+
"link": {
|
|
7080
|
+
"focus": {
|
|
7081
|
+
"background-color": {
|
|
7082
|
+
"value": "{overwrite.focus.background}",
|
|
7083
|
+
"type": "color"
|
|
7084
|
+
}
|
|
7085
|
+
}
|
|
7086
|
+
}
|
|
7087
|
+
}
|
|
7088
|
+
}
|
|
7089
|
+
},
|
|
7090
|
+
"overwrites/focus/outline-color": {
|
|
7091
|
+
"rhc": {
|
|
7092
|
+
"color": {
|
|
7093
|
+
"focus": {
|
|
7094
|
+
"outline": {
|
|
7095
|
+
"value": "{rhc.color.primary.500}",
|
|
7096
|
+
"type": "color"
|
|
7097
|
+
}
|
|
7098
|
+
}
|
|
7099
|
+
}
|
|
7100
|
+
}
|
|
7101
|
+
},
|
|
7102
|
+
"overwrites/oude rijkshuisstijl/border": {
|
|
7103
|
+
"rhc": {
|
|
7104
|
+
"border-radius": {
|
|
7105
|
+
"sm": {
|
|
7106
|
+
"value": "0",
|
|
7107
|
+
"type": "borderRadius"
|
|
7108
|
+
},
|
|
7109
|
+
"md": {
|
|
7110
|
+
"value": "0",
|
|
7111
|
+
"type": "borderRadius"
|
|
7112
|
+
},
|
|
7113
|
+
"keep": {
|
|
7114
|
+
"value": "0",
|
|
7115
|
+
"type": "borderRadius"
|
|
7116
|
+
}
|
|
7117
|
+
}
|
|
7118
|
+
}
|
|
7119
|
+
},
|
|
7120
|
+
"overwrites/primaire kleur/mintgroen": {
|
|
7121
|
+
"rhc": {
|
|
7122
|
+
"color": {
|
|
7123
|
+
"primary": {
|
|
7124
|
+
"50": {
|
|
7125
|
+
"value": "{rhc.color.mintgroen.50}",
|
|
7126
|
+
"type": "color"
|
|
7127
|
+
},
|
|
7128
|
+
"100": {
|
|
7129
|
+
"value": "{rhc.color.mintgroen.100}",
|
|
7130
|
+
"type": "color"
|
|
7131
|
+
},
|
|
7132
|
+
"200": {
|
|
7133
|
+
"value": "{rhc.color.mintgroen.200}",
|
|
7134
|
+
"type": "color"
|
|
7135
|
+
},
|
|
7136
|
+
"300": {
|
|
7137
|
+
"value": "{rhc.color.mintgroen.300}",
|
|
7138
|
+
"type": "color"
|
|
7139
|
+
},
|
|
7140
|
+
"400": {
|
|
7141
|
+
"value": "{rhc.color.mintgroen.400}",
|
|
7142
|
+
"type": "color"
|
|
7143
|
+
},
|
|
7144
|
+
"500": {
|
|
7145
|
+
"value": "{rhc.color.mintgroen.500}",
|
|
7146
|
+
"type": "color"
|
|
7147
|
+
},
|
|
7148
|
+
"hover": {
|
|
7149
|
+
"value": "{rhc.color.primary.500}",
|
|
7150
|
+
"type": "color",
|
|
7151
|
+
"$extensions": {
|
|
7152
|
+
"studio.tokens": {
|
|
7153
|
+
"modify": {
|
|
7154
|
+
"type": "darken",
|
|
7155
|
+
"value": "0.3",
|
|
7156
|
+
"space": "lch"
|
|
7157
|
+
}
|
|
7158
|
+
}
|
|
7159
|
+
}
|
|
7160
|
+
}
|
|
7161
|
+
}
|
|
7162
|
+
}
|
|
7163
|
+
}
|
|
7164
|
+
},
|
|
7165
|
+
"overwrites/primaire kleur/violet": {
|
|
7166
|
+
"rhc": {
|
|
7167
|
+
"color": {
|
|
7168
|
+
"primary": {
|
|
7169
|
+
"50": {
|
|
7170
|
+
"value": "{rhc.color.violet.50}",
|
|
7171
|
+
"type": "color"
|
|
7172
|
+
},
|
|
7173
|
+
"100": {
|
|
7174
|
+
"value": "{rhc.color.violet.100}",
|
|
7175
|
+
"type": "color"
|
|
7176
|
+
},
|
|
7177
|
+
"200": {
|
|
7178
|
+
"value": "{rhc.color.violet.200}",
|
|
7179
|
+
"type": "color"
|
|
7180
|
+
},
|
|
7181
|
+
"300": {
|
|
7182
|
+
"value": "{rhc.color.violet.300}",
|
|
7183
|
+
"type": "color"
|
|
7184
|
+
},
|
|
7185
|
+
"400": {
|
|
7186
|
+
"value": "{rhc.color.violet.400}",
|
|
7187
|
+
"type": "color"
|
|
7188
|
+
},
|
|
7189
|
+
"500": {
|
|
7190
|
+
"value": "{rhc.color.violet.500}",
|
|
7191
|
+
"type": "color"
|
|
7192
|
+
},
|
|
7193
|
+
"hover": {
|
|
7194
|
+
"value": "{rhc.color.primary.500}",
|
|
7195
|
+
"type": "color",
|
|
7196
|
+
"$extensions": {
|
|
7197
|
+
"studio.tokens": {
|
|
7198
|
+
"modify": {
|
|
7199
|
+
"type": "darken",
|
|
7200
|
+
"value": "0.3",
|
|
7201
|
+
"space": "lch"
|
|
7202
|
+
}
|
|
7203
|
+
}
|
|
7204
|
+
}
|
|
7205
|
+
}
|
|
7206
|
+
}
|
|
7207
|
+
}
|
|
7208
|
+
}
|
|
7209
|
+
},
|
|
7210
|
+
"$themes": [
|
|
7211
|
+
{
|
|
7212
|
+
"id": "05865788a086eeac7ffc4514736ccd777f1ff95c",
|
|
7213
|
+
"name": "wetgevend",
|
|
7214
|
+
"$figmaStyleReferences": {},
|
|
7215
|
+
"selectedTokenSets": {
|
|
7216
|
+
"brand/color": "enabled",
|
|
7217
|
+
"brand/space": "enabled",
|
|
7218
|
+
"brand/border": "enabled",
|
|
7219
|
+
"brand/font": "enabled",
|
|
7220
|
+
"brand/size": "enabled",
|
|
7221
|
+
"common/color": "enabled",
|
|
7222
|
+
"common/size": "enabled",
|
|
7223
|
+
"common/font": "enabled",
|
|
7224
|
+
"common/focus": "enabled",
|
|
7225
|
+
"common/border": "enabled",
|
|
7226
|
+
"common/keep": "enabled",
|
|
7227
|
+
"utrecht/focus": "enabled",
|
|
7228
|
+
"utrecht/pointer-target": "enabled",
|
|
7229
|
+
"utrecht/rich-text": "enabled",
|
|
7230
|
+
"utrecht/document": "enabled",
|
|
7231
|
+
"components/accordion": "enabled",
|
|
7232
|
+
"components/alert": "enabled",
|
|
7233
|
+
"components/article": "enabled",
|
|
7234
|
+
"components/avatar": "enabled",
|
|
7235
|
+
"components/backdrop": "enabled",
|
|
7236
|
+
"components/blockquote": "enabled",
|
|
7237
|
+
"components/breadcrumb": "enabled",
|
|
7238
|
+
"components/button": "enabled",
|
|
7239
|
+
"components/button-group": "enabled",
|
|
7240
|
+
"components/card": "enabled",
|
|
7241
|
+
"components/checkbox": "enabled",
|
|
7242
|
+
"components/checkbox-group": "enabled",
|
|
7243
|
+
"components/code-input-group": "enabled",
|
|
7244
|
+
"components/code-input": "enabled",
|
|
7245
|
+
"components/counter-badge": "enabled",
|
|
7246
|
+
"components/dot-badge": "enabled",
|
|
7247
|
+
"components/drawer": "enabled",
|
|
7248
|
+
"components/fieldset": "enabled",
|
|
7249
|
+
"components/figure": "enabled",
|
|
7250
|
+
"components/file-input": "enabled",
|
|
7251
|
+
"components/footer": "enabled",
|
|
7252
|
+
"components/form-field": "enabled",
|
|
7253
|
+
"components/form-field-checkbox-option": "enabled",
|
|
7254
|
+
"components/form-field-description": "enabled",
|
|
7255
|
+
"components/form-field-error-message": "enabled",
|
|
7256
|
+
"components/form-field-label": "enabled",
|
|
7257
|
+
"components/form-field-option-label": "enabled",
|
|
7258
|
+
"components/form-field-radio-option": "enabled",
|
|
7259
|
+
"components/form-label": "enabled",
|
|
7260
|
+
"components/heading": "enabled",
|
|
7261
|
+
"components/hero": "enabled",
|
|
7262
|
+
"components/icon-only-button": "enabled",
|
|
7263
|
+
"components/link": "enabled",
|
|
7264
|
+
"components/link-list": "enabled",
|
|
7265
|
+
"components/link-list-card": "enabled",
|
|
7266
|
+
"components/logo": "enabled",
|
|
7267
|
+
"components/modal-dialog": "enabled",
|
|
7268
|
+
"components/message-list": "enabled",
|
|
7269
|
+
"components/nav-bar": "enabled",
|
|
7270
|
+
"components/navigation-list": "enabled",
|
|
7271
|
+
"components/ordered-list": "enabled",
|
|
7272
|
+
"components/pagination": "enabled",
|
|
7273
|
+
"components/paragraph": "enabled",
|
|
7274
|
+
"components/radio": "enabled",
|
|
7275
|
+
"components/radio-group": "enabled",
|
|
7276
|
+
"components/select": "enabled",
|
|
7277
|
+
"components/separator": "enabled",
|
|
7278
|
+
"components/side-nav": "enabled",
|
|
7279
|
+
"components/skip-link": "enabled",
|
|
7280
|
+
"components/status-badge": "enabled",
|
|
7281
|
+
"components/summary-list": "enabled",
|
|
7282
|
+
"components/table": "enabled",
|
|
7283
|
+
"components/task-list": "enabled",
|
|
7284
|
+
"components/textarea": "enabled",
|
|
7285
|
+
"components/text-input": "enabled",
|
|
7286
|
+
"components/toggletip": "enabled",
|
|
7287
|
+
"components/toolbar-button": "enabled",
|
|
7288
|
+
"components/unordered-list": "enabled",
|
|
7289
|
+
"components/icon": "enabled",
|
|
7290
|
+
"components/sub-nav-bar": "enabled"
|
|
7291
|
+
},
|
|
7292
|
+
"group": "Rijkshuisstijl"
|
|
7293
|
+
},
|
|
7294
|
+
{
|
|
7295
|
+
"id": "c6dd93b7ffde608ac96ec3b636875b6534dca15e",
|
|
7296
|
+
"name": "uitvoerend - violet",
|
|
7297
|
+
"$figmaStyleReferences": {},
|
|
7298
|
+
"selectedTokenSets": {
|
|
7299
|
+
"brand/color": "enabled",
|
|
7300
|
+
"brand/space": "enabled",
|
|
7301
|
+
"brand/border": "enabled",
|
|
7302
|
+
"brand/font": "enabled",
|
|
7303
|
+
"brand/size": "enabled",
|
|
7304
|
+
"common/color": "enabled",
|
|
7305
|
+
"common/size": "enabled",
|
|
7306
|
+
"common/font": "enabled",
|
|
7307
|
+
"common/focus": "enabled",
|
|
7308
|
+
"common/border": "enabled",
|
|
7309
|
+
"common/keep": "enabled",
|
|
7310
|
+
"utrecht/focus": "enabled",
|
|
7311
|
+
"utrecht/pointer-target": "enabled",
|
|
7312
|
+
"utrecht/rich-text": "enabled",
|
|
7313
|
+
"utrecht/document": "enabled",
|
|
7314
|
+
"components/accordion": "enabled",
|
|
7315
|
+
"components/alert": "enabled",
|
|
7316
|
+
"components/article": "enabled",
|
|
7317
|
+
"components/avatar": "enabled",
|
|
7318
|
+
"components/backdrop": "enabled",
|
|
7319
|
+
"components/blockquote": "enabled",
|
|
7320
|
+
"components/breadcrumb": "enabled",
|
|
7321
|
+
"components/button": "enabled",
|
|
7322
|
+
"components/button-group": "enabled",
|
|
7323
|
+
"components/card": "enabled",
|
|
7324
|
+
"components/checkbox": "enabled",
|
|
7325
|
+
"components/checkbox-group": "enabled",
|
|
7326
|
+
"components/code-input-group": "enabled",
|
|
7327
|
+
"components/code-input": "enabled",
|
|
7328
|
+
"components/counter-badge": "enabled",
|
|
7329
|
+
"components/dot-badge": "enabled",
|
|
7330
|
+
"components/drawer": "enabled",
|
|
7331
|
+
"components/fieldset": "enabled",
|
|
7332
|
+
"components/figure": "enabled",
|
|
7333
|
+
"components/file-input": "enabled",
|
|
7334
|
+
"components/footer": "enabled",
|
|
7335
|
+
"components/form-field": "enabled",
|
|
7336
|
+
"components/form-field-checkbox-option": "enabled",
|
|
7337
|
+
"components/form-field-description": "enabled",
|
|
7338
|
+
"components/form-field-error-message": "enabled",
|
|
7339
|
+
"components/form-field-label": "enabled",
|
|
7340
|
+
"components/form-field-option-label": "enabled",
|
|
7341
|
+
"components/form-field-radio-option": "enabled",
|
|
7342
|
+
"components/form-label": "enabled",
|
|
7343
|
+
"components/heading": "enabled",
|
|
7344
|
+
"components/hero": "enabled",
|
|
7345
|
+
"components/icon-only-button": "enabled",
|
|
7346
|
+
"components/link": "enabled",
|
|
7347
|
+
"components/link-list": "enabled",
|
|
7348
|
+
"components/link-list-card": "enabled",
|
|
7349
|
+
"components/logo": "enabled",
|
|
7350
|
+
"components/modal-dialog": "enabled",
|
|
7351
|
+
"components/message-list": "enabled",
|
|
7352
|
+
"components/nav-bar": "enabled",
|
|
7353
|
+
"components/navigation-list": "enabled",
|
|
7354
|
+
"components/ordered-list": "enabled",
|
|
7355
|
+
"components/pagination": "enabled",
|
|
7356
|
+
"components/paragraph": "enabled",
|
|
7357
|
+
"components/radio": "enabled",
|
|
7358
|
+
"components/radio-group": "enabled",
|
|
7359
|
+
"components/select": "enabled",
|
|
7360
|
+
"components/separator": "enabled",
|
|
7361
|
+
"components/side-nav": "enabled",
|
|
7362
|
+
"components/skip-link": "enabled",
|
|
7363
|
+
"components/status-badge": "enabled",
|
|
7364
|
+
"components/summary-list": "enabled",
|
|
7365
|
+
"components/table": "enabled",
|
|
7366
|
+
"components/task-list": "enabled",
|
|
7367
|
+
"components/textarea": "enabled",
|
|
7368
|
+
"components/text-input": "enabled",
|
|
7369
|
+
"components/toggletip": "enabled",
|
|
7370
|
+
"components/toolbar-button": "enabled",
|
|
7371
|
+
"components/unordered-list": "enabled",
|
|
7372
|
+
"components/icon": "enabled",
|
|
7373
|
+
"components/sub-nav-bar": "enabled",
|
|
7374
|
+
"overwrites/primaire kleur/violet": "enabled"
|
|
7375
|
+
},
|
|
7376
|
+
"group": "Rijkshuisstijl"
|
|
7377
|
+
},
|
|
7378
|
+
{
|
|
7379
|
+
"id": "786957ab6fd72ed726e59e0415f638eea0de0995",
|
|
7380
|
+
"name": "uitvoerend - violet - oud",
|
|
7381
|
+
"$figmaStyleReferences": {},
|
|
7382
|
+
"selectedTokenSets": {
|
|
7383
|
+
"brand/color": "enabled",
|
|
7384
|
+
"brand/space": "enabled",
|
|
7385
|
+
"brand/border": "enabled",
|
|
7386
|
+
"brand/font": "enabled",
|
|
7387
|
+
"brand/size": "enabled",
|
|
7388
|
+
"common/color": "enabled",
|
|
7389
|
+
"common/size": "enabled",
|
|
7390
|
+
"common/font": "enabled",
|
|
7391
|
+
"common/focus": "enabled",
|
|
7392
|
+
"common/border": "enabled",
|
|
7393
|
+
"common/keep": "enabled",
|
|
7394
|
+
"utrecht/focus": "enabled",
|
|
7395
|
+
"utrecht/pointer-target": "enabled",
|
|
7396
|
+
"utrecht/rich-text": "enabled",
|
|
7397
|
+
"utrecht/document": "enabled",
|
|
7398
|
+
"components/accordion": "enabled",
|
|
7399
|
+
"components/alert": "enabled",
|
|
7400
|
+
"components/article": "enabled",
|
|
7401
|
+
"components/avatar": "enabled",
|
|
7402
|
+
"components/backdrop": "enabled",
|
|
7403
|
+
"components/blockquote": "enabled",
|
|
7404
|
+
"components/breadcrumb": "enabled",
|
|
7405
|
+
"components/button": "enabled",
|
|
7406
|
+
"components/button-group": "enabled",
|
|
7407
|
+
"components/card": "enabled",
|
|
7408
|
+
"components/checkbox": "enabled",
|
|
7409
|
+
"components/checkbox-group": "enabled",
|
|
7410
|
+
"components/code-input-group": "enabled",
|
|
7411
|
+
"components/code-input": "enabled",
|
|
7412
|
+
"components/counter-badge": "enabled",
|
|
7413
|
+
"components/dot-badge": "enabled",
|
|
7414
|
+
"components/drawer": "enabled",
|
|
7415
|
+
"components/fieldset": "enabled",
|
|
7416
|
+
"components/figure": "enabled",
|
|
7417
|
+
"components/file-input": "enabled",
|
|
7418
|
+
"components/footer": "enabled",
|
|
7419
|
+
"components/form-field": "enabled",
|
|
7420
|
+
"components/form-field-checkbox-option": "enabled",
|
|
7421
|
+
"components/form-field-description": "enabled",
|
|
7422
|
+
"components/form-field-error-message": "enabled",
|
|
7423
|
+
"components/form-field-label": "enabled",
|
|
7424
|
+
"components/form-field-option-label": "enabled",
|
|
7425
|
+
"components/form-field-radio-option": "enabled",
|
|
7426
|
+
"components/form-label": "enabled",
|
|
7427
|
+
"components/heading": "enabled",
|
|
7428
|
+
"components/hero": "enabled",
|
|
7429
|
+
"components/icon-only-button": "enabled",
|
|
7430
|
+
"components/link": "enabled",
|
|
7431
|
+
"components/link-list": "enabled",
|
|
7432
|
+
"components/link-list-card": "enabled",
|
|
7433
|
+
"components/logo": "enabled",
|
|
7434
|
+
"components/modal-dialog": "enabled",
|
|
7435
|
+
"components/message-list": "enabled",
|
|
7436
|
+
"components/nav-bar": "enabled",
|
|
7437
|
+
"components/navigation-list": "enabled",
|
|
7438
|
+
"components/ordered-list": "enabled",
|
|
7439
|
+
"components/pagination": "enabled",
|
|
7440
|
+
"components/paragraph": "enabled",
|
|
7441
|
+
"components/radio": "enabled",
|
|
7442
|
+
"components/radio-group": "enabled",
|
|
7443
|
+
"components/select": "enabled",
|
|
7444
|
+
"components/separator": "enabled",
|
|
7445
|
+
"components/side-nav": "enabled",
|
|
7446
|
+
"components/skip-link": "enabled",
|
|
7447
|
+
"components/status-badge": "enabled",
|
|
7448
|
+
"components/summary-list": "enabled",
|
|
7449
|
+
"components/table": "enabled",
|
|
7450
|
+
"components/task-list": "enabled",
|
|
7451
|
+
"components/textarea": "enabled",
|
|
7452
|
+
"components/text-input": "enabled",
|
|
7453
|
+
"components/toggletip": "enabled",
|
|
7454
|
+
"components/toolbar-button": "enabled",
|
|
7455
|
+
"components/unordered-list": "enabled",
|
|
7456
|
+
"components/icon": "enabled",
|
|
7457
|
+
"components/sub-nav-bar": "enabled",
|
|
7458
|
+
"overwrites/oude rijkshuisstijl/border": "enabled",
|
|
7459
|
+
"overwrites/primaire kleur/violet": "enabled"
|
|
7460
|
+
},
|
|
7461
|
+
"group": "Rijkshuisstijl"
|
|
7462
|
+
},
|
|
7463
|
+
{
|
|
7464
|
+
"id": "6dc199872ed7ed864f33144bdffb286fdedbf473",
|
|
7465
|
+
"name": "uitvoerend - mintgroen - focus",
|
|
7466
|
+
"$figmaStyleReferences": {},
|
|
7467
|
+
"selectedTokenSets": {
|
|
7468
|
+
"brand/color": "enabled",
|
|
7469
|
+
"brand/space": "enabled",
|
|
7470
|
+
"brand/border": "enabled",
|
|
7471
|
+
"brand/font": "enabled",
|
|
7472
|
+
"brand/size": "enabled",
|
|
7473
|
+
"common/color": "enabled",
|
|
7474
|
+
"common/size": "enabled",
|
|
7475
|
+
"common/font": "enabled",
|
|
7476
|
+
"common/focus": "enabled",
|
|
7477
|
+
"common/border": "enabled",
|
|
7478
|
+
"common/keep": "enabled",
|
|
7479
|
+
"utrecht/focus": "enabled",
|
|
7480
|
+
"utrecht/pointer-target": "enabled",
|
|
7481
|
+
"utrecht/rich-text": "enabled",
|
|
7482
|
+
"utrecht/document": "enabled",
|
|
7483
|
+
"components/accordion": "enabled",
|
|
7484
|
+
"components/alert": "enabled",
|
|
7485
|
+
"components/article": "enabled",
|
|
7486
|
+
"components/avatar": "enabled",
|
|
7487
|
+
"components/backdrop": "enabled",
|
|
7488
|
+
"components/blockquote": "enabled",
|
|
7489
|
+
"components/breadcrumb": "enabled",
|
|
7490
|
+
"components/button": "enabled",
|
|
7491
|
+
"components/button-group": "enabled",
|
|
7492
|
+
"components/card": "enabled",
|
|
7493
|
+
"components/checkbox": "enabled",
|
|
7494
|
+
"components/checkbox-group": "enabled",
|
|
7495
|
+
"components/code-input-group": "enabled",
|
|
7496
|
+
"components/code-input": "enabled",
|
|
7497
|
+
"components/counter-badge": "enabled",
|
|
7498
|
+
"components/dot-badge": "enabled",
|
|
7499
|
+
"components/drawer": "enabled",
|
|
7500
|
+
"components/fieldset": "enabled",
|
|
7501
|
+
"components/figure": "enabled",
|
|
7502
|
+
"components/file-input": "enabled",
|
|
7503
|
+
"components/footer": "enabled",
|
|
7504
|
+
"components/form-field": "enabled",
|
|
7505
|
+
"components/form-field-checkbox-option": "enabled",
|
|
7506
|
+
"components/form-field-description": "enabled",
|
|
7507
|
+
"components/form-field-error-message": "enabled",
|
|
7508
|
+
"components/form-field-label": "enabled",
|
|
7509
|
+
"components/form-field-option-label": "enabled",
|
|
7510
|
+
"components/form-field-radio-option": "enabled",
|
|
7511
|
+
"components/form-label": "enabled",
|
|
7512
|
+
"components/heading": "enabled",
|
|
7513
|
+
"components/hero": "enabled",
|
|
7514
|
+
"components/icon-only-button": "enabled",
|
|
7515
|
+
"components/link": "enabled",
|
|
7516
|
+
"components/link-list": "enabled",
|
|
7517
|
+
"components/link-list-card": "enabled",
|
|
7518
|
+
"components/logo": "enabled",
|
|
7519
|
+
"components/modal-dialog": "enabled",
|
|
7520
|
+
"components/message-list": "enabled",
|
|
7521
|
+
"components/nav-bar": "enabled",
|
|
7522
|
+
"components/navigation-list": "enabled",
|
|
7523
|
+
"components/ordered-list": "enabled",
|
|
7524
|
+
"components/pagination": "enabled",
|
|
7525
|
+
"components/paragraph": "enabled",
|
|
7526
|
+
"components/radio": "enabled",
|
|
7527
|
+
"components/radio-group": "enabled",
|
|
7528
|
+
"components/select": "enabled",
|
|
7529
|
+
"components/separator": "enabled",
|
|
7530
|
+
"components/side-nav": "enabled",
|
|
7531
|
+
"components/skip-link": "enabled",
|
|
7532
|
+
"components/status-badge": "enabled",
|
|
7533
|
+
"components/summary-list": "enabled",
|
|
7534
|
+
"components/table": "enabled",
|
|
7535
|
+
"components/task-list": "enabled",
|
|
7536
|
+
"components/textarea": "enabled",
|
|
7537
|
+
"components/text-input": "enabled",
|
|
7538
|
+
"components/toggletip": "enabled",
|
|
7539
|
+
"components/toolbar-button": "enabled",
|
|
7540
|
+
"components/unordered-list": "enabled",
|
|
7541
|
+
"components/icon": "enabled",
|
|
7542
|
+
"components/sub-nav-bar": "enabled",
|
|
7543
|
+
"overwrites/focus/background": "enabled",
|
|
7544
|
+
"overwrites/focus/outline-color": "enabled",
|
|
7545
|
+
"overwrites/primaire kleur/mintgroen": "enabled"
|
|
7546
|
+
},
|
|
7547
|
+
"group": "Rijkshuisstijl"
|
|
7548
|
+
}
|
|
7549
|
+
],
|
|
6931
7550
|
"$metadata": {
|
|
6932
7551
|
"tokenSetOrder": [
|
|
6933
7552
|
"brand/color",
|
|
@@ -7005,7 +7624,12 @@
|
|
|
7005
7624
|
"components/toolbar-button",
|
|
7006
7625
|
"components/unordered-list",
|
|
7007
7626
|
"components/icon",
|
|
7008
|
-
"components/sub-nav-bar"
|
|
7627
|
+
"components/sub-nav-bar",
|
|
7628
|
+
"overwrites/focus/background",
|
|
7629
|
+
"overwrites/focus/outline-color",
|
|
7630
|
+
"overwrites/oude rijkshuisstijl/border",
|
|
7631
|
+
"overwrites/primaire kleur/mintgroen",
|
|
7632
|
+
"overwrites/primaire kleur/violet"
|
|
7009
7633
|
]
|
|
7010
7634
|
}
|
|
7011
|
-
}
|
|
7635
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rijkshuisstijl-community/design-tokens",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.123",
|
|
4
4
|
"author": "Community for NL Design System",
|
|
5
5
|
"description": "Example design tokens",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -21,8 +21,7 @@
|
|
|
21
21
|
"clean": "rimraf dist/* src/generated/*",
|
|
22
22
|
"build": "npm-run-all clean build:figma-tokens build:style-dictionary",
|
|
23
23
|
"build:figma-tokens": "node ./token-transformer.mjs",
|
|
24
|
-
"build:
|
|
25
|
-
"build:style-dictionary": "style-dictionary build --config ./style-dictionary.config.json",
|
|
24
|
+
"build:style-dictionary": "node build.mjs",
|
|
26
25
|
"watch": "npm-run-all watch:**",
|
|
27
26
|
"watch:style-dictionary": "chokidar --follow-symlinks --command 'npm-run-all clean build:figma-tokens build:style-dictionary' 'src/**/*.tokens.json'"
|
|
28
27
|
},
|
|
@@ -33,5 +32,5 @@
|
|
|
33
32
|
"style-dictionary": "3.9.2",
|
|
34
33
|
"token-transformer": "0.0.33"
|
|
35
34
|
},
|
|
36
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "a3b3595429bac51c026af0261b7bd1e3281d550e"
|
|
37
36
|
}
|