@rijkshuisstijl-community/design-tokens 1.0.0-alpha.83 → 1.0.0-alpha.85
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/dist/_variables.scss +3 -3
- package/dist/index.css +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +3 -3
- package/dist/index.json +3 -3
- package/dist/index.tokens.json +6 -8
- package/dist/root.css +3 -3
- package/dist/tokens.d.ts +7 -9
- package/dist/tokens.js +47 -49
- package/dist/variables.less +3 -3
- package/figma/figma.tokens.json +2 -2
- package/package.json +2 -2
- package/src/generated/figma.tokens.json +12 -14
package/dist/_variables.scss
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 10 Dec 2024 13:44:29 GMT
|
|
4
4
|
|
|
5
|
-
$todo-code-input-group-column-gap: 0.5rem;
|
|
6
|
-
$todo-code-input-size: 48px;
|
|
7
5
|
$rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
|
|
8
6
|
$rhc-sub-nav-bar-content-max-inline-size: 1280px;
|
|
9
7
|
$rhc-sub-nav-bar-content-padding-inline-start: 1rem;
|
|
@@ -302,6 +300,8 @@ $rhc-card-as-link-background-color: #fff;
|
|
|
302
300
|
$rhc-checkbox-group-row-gap: 1rem;
|
|
303
301
|
$rhc-checkbox-group-padding-block-start: 0.5rem;
|
|
304
302
|
$rhc-checkbox-group-padding-block-end: 0.5rem;
|
|
303
|
+
$rhc-code-input-group-column-gap: 0.5rem;
|
|
304
|
+
$rhc-code-input-size: 48px;
|
|
305
305
|
$rhc-dot-badge-size: 12px;
|
|
306
306
|
$rhc-dot-badge-color: #d52b1e;
|
|
307
307
|
$rhc-dot-badge-border-radius: 999px;
|
package/dist/index.css
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 10 Dec 2024 13:44:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.rhc-theme {
|
|
7
|
-
--todo-code-input-group-column-gap: 0.5rem;
|
|
8
|
-
--todo-code-input-size: 48px;
|
|
9
7
|
--rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
|
|
10
8
|
--rhc-sub-nav-bar-content-max-inline-size: 1280px;
|
|
11
9
|
--rhc-sub-nav-bar-content-padding-inline-start: 1rem;
|
|
@@ -304,6 +302,8 @@
|
|
|
304
302
|
--rhc-checkbox-group-row-gap: 1rem;
|
|
305
303
|
--rhc-checkbox-group-padding-block-start: 0.5rem;
|
|
306
304
|
--rhc-checkbox-group-padding-block-end: 0.5rem;
|
|
305
|
+
--rhc-code-input-group-column-gap: 0.5rem;
|
|
306
|
+
--rhc-code-input-size: 48px;
|
|
307
307
|
--rhc-dot-badge-size: 12px;
|
|
308
308
|
--rhc-dot-badge-color: #d52b1e;
|
|
309
309
|
--rhc-dot-badge-border-radius: 999px;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 10 Dec 2024 13:44:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtActionActivateCursor : string;
|
|
@@ -885,6 +885,8 @@ export const rhcFileSubtitleColor : string;
|
|
|
885
885
|
export const rhcDotBadgeBorderRadius : string;
|
|
886
886
|
export const rhcDotBadgeColor : string;
|
|
887
887
|
export const rhcDotBadgeSize : string;
|
|
888
|
+
export const rhcCodeInputSize : string;
|
|
889
|
+
export const rhcCodeInputGroupColumnGap : string;
|
|
888
890
|
export const rhcCheckboxGroupPaddingBlockEnd : string;
|
|
889
891
|
export const rhcCheckboxGroupPaddingBlockStart : string;
|
|
890
892
|
export const rhcCheckboxGroupRowGap : string;
|
|
@@ -1183,5 +1185,3 @@ export const rhcSubNavBarContentPaddingInlineEnd : string;
|
|
|
1183
1185
|
export const rhcSubNavBarContentPaddingInlineStart : string;
|
|
1184
1186
|
export const rhcSubNavBarContentMaxInlineSize : string;
|
|
1185
1187
|
export const rhcSubNavBarContentListRowGap : string;
|
|
1186
|
-
export const todoCodeInputSize : string;
|
|
1187
|
-
export const todoCodeInputGroupColumnGap : string;
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 10 Dec 2024 13:44:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtActionActivateCursor = "pointer";
|
|
@@ -884,6 +884,8 @@ export const rhcFileSubtitleColor = "#64748B";
|
|
|
884
884
|
export const rhcDotBadgeBorderRadius = "999px";
|
|
885
885
|
export const rhcDotBadgeColor = "#d52b1e";
|
|
886
886
|
export const rhcDotBadgeSize = "12px";
|
|
887
|
+
export const rhcCodeInputSize = "48px";
|
|
888
|
+
export const rhcCodeInputGroupColumnGap = "0.5rem";
|
|
887
889
|
export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
|
|
888
890
|
export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
|
|
889
891
|
export const rhcCheckboxGroupRowGap = "1rem";
|
|
@@ -1182,5 +1184,3 @@ export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
|
|
|
1182
1184
|
export const rhcSubNavBarContentPaddingInlineStart = "1rem";
|
|
1183
1185
|
export const rhcSubNavBarContentMaxInlineSize = "1280px";
|
|
1184
1186
|
export const rhcSubNavBarContentListRowGap = "0.5rem";
|
|
1185
|
-
export const todoCodeInputSize = "48px";
|
|
1186
|
-
export const todoCodeInputGroupColumnGap = "0.5rem";
|
package/dist/index.json
CHANGED
|
@@ -880,6 +880,8 @@
|
|
|
880
880
|
"rhcDotBadgeBorderRadius": "999px",
|
|
881
881
|
"rhcDotBadgeColor": "#d52b1e",
|
|
882
882
|
"rhcDotBadgeSize": "12px",
|
|
883
|
+
"rhcCodeInputSize": "48px",
|
|
884
|
+
"rhcCodeInputGroupColumnGap": "0.5rem",
|
|
883
885
|
"rhcCheckboxGroupPaddingBlockEnd": "0.5rem",
|
|
884
886
|
"rhcCheckboxGroupPaddingBlockStart": "0.5rem",
|
|
885
887
|
"rhcCheckboxGroupRowGap": "1rem",
|
|
@@ -1177,7 +1179,5 @@
|
|
|
1177
1179
|
"rhcSubNavBarContentPaddingInlineEnd": "1rem",
|
|
1178
1180
|
"rhcSubNavBarContentPaddingInlineStart": "1rem",
|
|
1179
1181
|
"rhcSubNavBarContentMaxInlineSize": "1280px",
|
|
1180
|
-
"rhcSubNavBarContentListRowGap": "0.5rem"
|
|
1181
|
-
"todoCodeInputSize": "48px",
|
|
1182
|
-
"todoCodeInputGroupColumnGap": "0.5rem"
|
|
1182
|
+
"rhcSubNavBarContentListRowGap": "0.5rem"
|
|
1183
1183
|
}
|
package/dist/index.tokens.json
CHANGED
|
@@ -1382,6 +1382,12 @@
|
|
|
1382
1382
|
"color": "#d52b1e",
|
|
1383
1383
|
"size": "12px"
|
|
1384
1384
|
},
|
|
1385
|
+
"code-input": {
|
|
1386
|
+
"size": "48px"
|
|
1387
|
+
},
|
|
1388
|
+
"code-input-group": {
|
|
1389
|
+
"column-gap": "0.5rem"
|
|
1390
|
+
},
|
|
1385
1391
|
"checkbox-group": {
|
|
1386
1392
|
"padding-block-end": "0.5rem",
|
|
1387
1393
|
"padding-block-start": "0.5rem",
|
|
@@ -1832,13 +1838,5 @@
|
|
|
1832
1838
|
}
|
|
1833
1839
|
}
|
|
1834
1840
|
}
|
|
1835
|
-
},
|
|
1836
|
-
"todo": {
|
|
1837
|
-
"code-input": {
|
|
1838
|
-
"size": "48px"
|
|
1839
|
-
},
|
|
1840
|
-
"code-input-group": {
|
|
1841
|
-
"column-gap": "0.5rem"
|
|
1842
|
-
}
|
|
1843
1841
|
}
|
|
1844
1842
|
}
|
package/dist/root.css
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 10 Dec 2024 13:44:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
|
-
--todo-code-input-group-column-gap: 0.5rem;
|
|
8
|
-
--todo-code-input-size: 48px;
|
|
9
7
|
--rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
|
|
10
8
|
--rhc-sub-nav-bar-content-max-inline-size: 1280px;
|
|
11
9
|
--rhc-sub-nav-bar-content-padding-inline-start: 1rem;
|
|
@@ -304,6 +302,8 @@
|
|
|
304
302
|
--rhc-checkbox-group-row-gap: 1rem;
|
|
305
303
|
--rhc-checkbox-group-padding-block-start: 0.5rem;
|
|
306
304
|
--rhc-checkbox-group-padding-block-end: 0.5rem;
|
|
305
|
+
--rhc-code-input-group-column-gap: 0.5rem;
|
|
306
|
+
--rhc-code-input-size: 48px;
|
|
307
307
|
--rhc-dot-badge-size: 12px;
|
|
308
308
|
--rhc-dot-badge-color: #d52b1e;
|
|
309
309
|
--rhc-dot-badge-border-radius: 999px;
|
package/dist/tokens.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 10 Dec 2024 13:44:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export default tokens;
|
|
@@ -1405,6 +1405,12 @@ declare const tokens: {
|
|
|
1405
1405
|
"color": DesignToken,
|
|
1406
1406
|
"size": DesignToken
|
|
1407
1407
|
},
|
|
1408
|
+
"code-input": {
|
|
1409
|
+
"size": DesignToken
|
|
1410
|
+
},
|
|
1411
|
+
"code-input-group": {
|
|
1412
|
+
"column-gap": DesignToken
|
|
1413
|
+
},
|
|
1408
1414
|
"checkbox-group": {
|
|
1409
1415
|
"padding-block-end": DesignToken,
|
|
1410
1416
|
"padding-block-start": DesignToken,
|
|
@@ -1855,13 +1861,5 @@ declare const tokens: {
|
|
|
1855
1861
|
}
|
|
1856
1862
|
}
|
|
1857
1863
|
}
|
|
1858
|
-
},
|
|
1859
|
-
"todo": {
|
|
1860
|
-
"code-input": {
|
|
1861
|
-
"size": DesignToken
|
|
1862
|
-
},
|
|
1863
|
-
"code-input-group": {
|
|
1864
|
-
"column-gap": DesignToken
|
|
1865
|
-
}
|
|
1866
1864
|
}
|
|
1867
1865
|
}
|
package/dist/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 10 Dec 2024 13:44:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -20583,6 +20583,52 @@ module.exports = {
|
|
|
20583
20583
|
]
|
|
20584
20584
|
}
|
|
20585
20585
|
},
|
|
20586
|
+
"code-input": {
|
|
20587
|
+
"size": {
|
|
20588
|
+
"value": "48px",
|
|
20589
|
+
"type": "spacing",
|
|
20590
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
20591
|
+
"isSource": true,
|
|
20592
|
+
"original": {
|
|
20593
|
+
"value": "48px",
|
|
20594
|
+
"type": "spacing"
|
|
20595
|
+
},
|
|
20596
|
+
"name": "rhcCodeInputSize",
|
|
20597
|
+
"attributes": {
|
|
20598
|
+
"category": "rhc",
|
|
20599
|
+
"type": "code-input",
|
|
20600
|
+
"item": "size"
|
|
20601
|
+
},
|
|
20602
|
+
"path": [
|
|
20603
|
+
"rhc",
|
|
20604
|
+
"code-input",
|
|
20605
|
+
"size"
|
|
20606
|
+
]
|
|
20607
|
+
}
|
|
20608
|
+
},
|
|
20609
|
+
"code-input-group": {
|
|
20610
|
+
"column-gap": {
|
|
20611
|
+
"value": "0.5rem",
|
|
20612
|
+
"type": "spacing",
|
|
20613
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
20614
|
+
"isSource": true,
|
|
20615
|
+
"original": {
|
|
20616
|
+
"value": "0.5rem",
|
|
20617
|
+
"type": "spacing"
|
|
20618
|
+
},
|
|
20619
|
+
"name": "rhcCodeInputGroupColumnGap",
|
|
20620
|
+
"attributes": {
|
|
20621
|
+
"category": "rhc",
|
|
20622
|
+
"type": "code-input-group",
|
|
20623
|
+
"item": "column-gap"
|
|
20624
|
+
},
|
|
20625
|
+
"path": [
|
|
20626
|
+
"rhc",
|
|
20627
|
+
"code-input-group",
|
|
20628
|
+
"column-gap"
|
|
20629
|
+
]
|
|
20630
|
+
}
|
|
20631
|
+
},
|
|
20586
20632
|
"checkbox-group": {
|
|
20587
20633
|
"padding-block-end": {
|
|
20588
20634
|
"value": "0.5rem",
|
|
@@ -27723,53 +27769,5 @@ module.exports = {
|
|
|
27723
27769
|
}
|
|
27724
27770
|
}
|
|
27725
27771
|
}
|
|
27726
|
-
},
|
|
27727
|
-
"todo": {
|
|
27728
|
-
"code-input": {
|
|
27729
|
-
"size": {
|
|
27730
|
-
"value": "48px",
|
|
27731
|
-
"type": "spacing",
|
|
27732
|
-
"filePath": "src/generated/figma.tokens.json",
|
|
27733
|
-
"isSource": true,
|
|
27734
|
-
"original": {
|
|
27735
|
-
"value": "48px",
|
|
27736
|
-
"type": "spacing"
|
|
27737
|
-
},
|
|
27738
|
-
"name": "todoCodeInputSize",
|
|
27739
|
-
"attributes": {
|
|
27740
|
-
"category": "todo",
|
|
27741
|
-
"type": "code-input",
|
|
27742
|
-
"item": "size"
|
|
27743
|
-
},
|
|
27744
|
-
"path": [
|
|
27745
|
-
"todo",
|
|
27746
|
-
"code-input",
|
|
27747
|
-
"size"
|
|
27748
|
-
]
|
|
27749
|
-
}
|
|
27750
|
-
},
|
|
27751
|
-
"code-input-group": {
|
|
27752
|
-
"column-gap": {
|
|
27753
|
-
"value": "0.5rem",
|
|
27754
|
-
"type": "spacing",
|
|
27755
|
-
"filePath": "src/generated/figma.tokens.json",
|
|
27756
|
-
"isSource": true,
|
|
27757
|
-
"original": {
|
|
27758
|
-
"value": "0.5rem",
|
|
27759
|
-
"type": "spacing"
|
|
27760
|
-
},
|
|
27761
|
-
"name": "todoCodeInputGroupColumnGap",
|
|
27762
|
-
"attributes": {
|
|
27763
|
-
"category": "todo",
|
|
27764
|
-
"type": "code-input-group",
|
|
27765
|
-
"item": "column-gap"
|
|
27766
|
-
},
|
|
27767
|
-
"path": [
|
|
27768
|
-
"todo",
|
|
27769
|
-
"code-input-group",
|
|
27770
|
-
"column-gap"
|
|
27771
|
-
]
|
|
27772
|
-
}
|
|
27773
|
-
}
|
|
27774
27772
|
}
|
|
27775
27773
|
};
|
package/dist/variables.less
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 10 Dec 2024 13:44:29 GMT
|
|
4
4
|
|
|
5
|
-
@todo-code-input-group-column-gap: 0.5rem;
|
|
6
|
-
@todo-code-input-size: 48px;
|
|
7
5
|
@rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
|
|
8
6
|
@rhc-sub-nav-bar-content-max-inline-size: 1280px;
|
|
9
7
|
@rhc-sub-nav-bar-content-padding-inline-start: 1rem;
|
|
@@ -302,6 +300,8 @@
|
|
|
302
300
|
@rhc-checkbox-group-row-gap: 1rem;
|
|
303
301
|
@rhc-checkbox-group-padding-block-start: 0.5rem;
|
|
304
302
|
@rhc-checkbox-group-padding-block-end: 0.5rem;
|
|
303
|
+
@rhc-code-input-group-column-gap: 0.5rem;
|
|
304
|
+
@rhc-code-input-size: 48px;
|
|
305
305
|
@rhc-dot-badge-size: 12px;
|
|
306
306
|
@rhc-dot-badge-color: #d52b1e;
|
|
307
307
|
@rhc-dot-badge-border-radius: 999px;
|
package/figma/figma.tokens.json
CHANGED
|
@@ -3005,7 +3005,7 @@
|
|
|
3005
3005
|
}
|
|
3006
3006
|
},
|
|
3007
3007
|
"components/code-input-group": {
|
|
3008
|
-
"
|
|
3008
|
+
"rhc": {
|
|
3009
3009
|
"code-input-group": {
|
|
3010
3010
|
"column-gap": {
|
|
3011
3011
|
"value": "{rhc.space.100}",
|
|
@@ -3015,7 +3015,7 @@
|
|
|
3015
3015
|
}
|
|
3016
3016
|
},
|
|
3017
3017
|
"components/code-input": {
|
|
3018
|
-
"
|
|
3018
|
+
"rhc": {
|
|
3019
3019
|
"code-input": {
|
|
3020
3020
|
"size": {
|
|
3021
3021
|
"value": "{rhc.size.target}",
|
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.85",
|
|
4
4
|
"author": "Community for NL Design System",
|
|
5
5
|
"description": "Example design tokens",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -33,5 +33,5 @@
|
|
|
33
33
|
"style-dictionary": "3.9.2",
|
|
34
34
|
"token-transformer": "0.0.33"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "dbf593d0b43b4d08dabc971dd13eed5e2ea12956"
|
|
37
37
|
}
|
|
@@ -4044,6 +4044,18 @@
|
|
|
4044
4044
|
"type": "size"
|
|
4045
4045
|
}
|
|
4046
4046
|
},
|
|
4047
|
+
"code-input": {
|
|
4048
|
+
"size": {
|
|
4049
|
+
"value": "48px",
|
|
4050
|
+
"type": "spacing"
|
|
4051
|
+
}
|
|
4052
|
+
},
|
|
4053
|
+
"code-input-group": {
|
|
4054
|
+
"column-gap": {
|
|
4055
|
+
"value": "0.5rem",
|
|
4056
|
+
"type": "spacing"
|
|
4057
|
+
}
|
|
4058
|
+
},
|
|
4047
4059
|
"checkbox-group": {
|
|
4048
4060
|
"padding-block-end": {
|
|
4049
4061
|
"value": "0.5rem",
|
|
@@ -5504,19 +5516,5 @@
|
|
|
5504
5516
|
}
|
|
5505
5517
|
}
|
|
5506
5518
|
}
|
|
5507
|
-
},
|
|
5508
|
-
"todo": {
|
|
5509
|
-
"code-input": {
|
|
5510
|
-
"size": {
|
|
5511
|
-
"value": "48px",
|
|
5512
|
-
"type": "spacing"
|
|
5513
|
-
}
|
|
5514
|
-
},
|
|
5515
|
-
"code-input-group": {
|
|
5516
|
-
"column-gap": {
|
|
5517
|
-
"value": "0.5rem",
|
|
5518
|
-
"type": "spacing"
|
|
5519
|
-
}
|
|
5520
|
-
}
|
|
5521
5519
|
}
|
|
5522
5520
|
}
|