@rijkshuisstijl-community/design-tokens 1.0.0-alpha.54 → 1.0.0-alpha.55

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.
Files changed (13) hide show
  1. package/dist/_variables.scss +2 -1
  2. package/dist/index.css +2 -1
  3. package/dist/index.d.ts +2 -1
  4. package/dist/index.js +2 -1
  5. package/dist/index.json +1 -0
  6. package/dist/index.tokens.json +1 -0
  7. package/dist/root.css +2 -1
  8. package/dist/tokens.d.ts +2 -1
  9. package/dist/tokens.js +22 -1
  10. package/dist/variables.less +2 -1
  11. package/figma/figma.tokens.json +4 -0
  12. package/package.json +2 -2
  13. package/src/generated/figma.tokens.json +4 -0
package/dist/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 05 Nov 2024 09:53:39 GMT
3
+ // Generated on Tue, 05 Nov 2024 11:44:58 GMT
4
4
 
5
5
  $rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
6
6
  $rhc-sub-nav-bar-content-max-inline-size: 1280px;
@@ -426,6 +426,7 @@ $rhc-sidenav-link-font-size: 1.25rem;
426
426
  $rhc-sidenav-link-icon-margin-inline: 0.5rem;
427
427
  $rhc-sidenav-link-icon-size: 24px;
428
428
  $rhc-sidenav-link-line-height: 150%;
429
+ $rhc-sidenav-display: flex;
429
430
  $rhc-toggletip-focus-background-color: #007bc7;
430
431
  $rhc-toggletip-focus-color: #fff;
431
432
  $rhc-toggletip-hover-background-color: #66AFDD;
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 05 Nov 2024 09:53:39 GMT
3
+ * Generated on Tue, 05 Nov 2024 11:44:58 GMT
4
4
  */
5
5
 
6
6
  .rhc-theme {
@@ -428,6 +428,7 @@
428
428
  --rhc-sidenav-link-icon-margin-inline: 0.5rem;
429
429
  --rhc-sidenav-link-icon-size: 24px;
430
430
  --rhc-sidenav-link-line-height: 150%;
431
+ --rhc-sidenav-display: flex;
431
432
  --rhc-toggletip-focus-background-color: #007bc7;
432
433
  --rhc-toggletip-focus-color: #fff;
433
434
  --rhc-toggletip-hover-background-color: #66AFDD;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 05 Nov 2024 09:53:39 GMT
3
+ * Generated on Tue, 05 Nov 2024 11:44:59 GMT
4
4
  */
5
5
 
6
6
  export const utrechtActionActivateCursor : string;
@@ -709,6 +709,7 @@ export const rhcToggletipHoverColor : string;
709
709
  export const rhcToggletipHoverBackgroundColor : string;
710
710
  export const rhcToggletipFocusColor : string;
711
711
  export const rhcToggletipFocusBackgroundColor : string;
712
+ export const rhcSidenavDisplay : string;
712
713
  export const rhcSidenavLinkLineHeight : string;
713
714
  export const rhcSidenavLinkIconSize : string;
714
715
  export const rhcSidenavLinkIconMarginInline : string;
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 05 Nov 2024 09:53:38 GMT
3
+ * Generated on Tue, 05 Nov 2024 11:44:58 GMT
4
4
  */
5
5
 
6
6
  export const utrechtActionActivateCursor = "pointer";
@@ -708,6 +708,7 @@ export const rhcToggletipHoverColor = "#154273";
708
708
  export const rhcToggletipHoverBackgroundColor = "#66AFDD";
709
709
  export const rhcToggletipFocusColor = "#fff";
710
710
  export const rhcToggletipFocusBackgroundColor = "#007bc7";
711
+ export const rhcSidenavDisplay = "flex";
711
712
  export const rhcSidenavLinkLineHeight = "150%";
712
713
  export const rhcSidenavLinkIconSize = "24px";
713
714
  export const rhcSidenavLinkIconMarginInline = "0.5rem";
package/dist/index.json CHANGED
@@ -704,6 +704,7 @@
704
704
  "rhcToggletipHoverBackgroundColor": "#66AFDD",
705
705
  "rhcToggletipFocusColor": "#fff",
706
706
  "rhcToggletipFocusBackgroundColor": "#007bc7",
707
+ "rhcSidenavDisplay": "flex",
707
708
  "rhcSidenavLinkLineHeight": "150%",
708
709
  "rhcSidenavLinkIconSize": "24px",
709
710
  "rhcSidenavLinkIconMarginInline": "0.5rem",
package/dist/index.tokens.json CHANGED
@@ -1079,6 +1079,7 @@
1079
1079
  }
1080
1080
  },
1081
1081
  "sidenav": {
1082
+ "display": "flex",
1082
1083
  "link": {
1083
1084
  "line-height": "150%",
1084
1085
  "icon": {
package/dist/root.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 05 Nov 2024 09:53:38 GMT
3
+ * Generated on Tue, 05 Nov 2024 11:44:58 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -428,6 +428,7 @@
428
428
  --rhc-sidenav-link-icon-margin-inline: 0.5rem;
429
429
  --rhc-sidenav-link-icon-size: 24px;
430
430
  --rhc-sidenav-link-line-height: 150%;
431
+ --rhc-sidenav-display: flex;
431
432
  --rhc-toggletip-focus-background-color: #007bc7;
432
433
  --rhc-toggletip-focus-color: #fff;
433
434
  --rhc-toggletip-hover-background-color: #66AFDD;
package/dist/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 05 Nov 2024 09:53:39 GMT
3
+ * Generated on Tue, 05 Nov 2024 11:44:59 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -1102,6 +1102,7 @@ declare const tokens: {
1102
1102
  }
1103
1103
  },
1104
1104
  "sidenav": {
1105
+ "display": DesignToken,
1105
1106
  "link": {
1106
1107
  "line-height": DesignToken,
1107
1108
  "icon": {
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 05 Nov 2024 09:53:38 GMT
3
+ * Generated on Tue, 05 Nov 2024 11:44:58 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -16382,6 +16382,27 @@ module.exports = {
16382
16382
  }
16383
16383
  },
16384
16384
  "sidenav": {
16385
+ "display": {
16386
+ "value": "flex",
16387
+ "type": "other",
16388
+ "filePath": "src/generated/figma.tokens.json",
16389
+ "isSource": true,
16390
+ "original": {
16391
+ "value": "flex",
16392
+ "type": "other"
16393
+ },
16394
+ "name": "rhcSidenavDisplay",
16395
+ "attributes": {
16396
+ "category": "rhc",
16397
+ "type": "sidenav",
16398
+ "item": "display"
16399
+ },
16400
+ "path": [
16401
+ "rhc",
16402
+ "sidenav",
16403
+ "display"
16404
+ ]
16405
+ },
16385
16406
  "link": {
16386
16407
  "line-height": {
16387
16408
  "value": "150%",
package/dist/variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 05 Nov 2024 09:53:39 GMT
3
+ // Generated on Tue, 05 Nov 2024 11:44:59 GMT
4
4
 
5
5
  @rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
6
6
  @rhc-sub-nav-bar-content-max-inline-size: 1280px;
@@ -426,6 +426,7 @@
426
426
  @rhc-sidenav-link-icon-margin-inline: 0.5rem;
427
427
  @rhc-sidenav-link-icon-size: 24px;
428
428
  @rhc-sidenav-link-line-height: 150%;
429
+ @rhc-sidenav-display: flex;
429
430
  @rhc-toggletip-focus-background-color: #007bc7;
430
431
  @rhc-toggletip-focus-color: #fff;
431
432
  @rhc-toggletip-hover-background-color: #66AFDD;
package/figma/figma.tokens.json CHANGED
@@ -5311,6 +5311,10 @@
5311
5311
  "components/side-nav": {
5312
5312
  "rhc": {
5313
5313
  "sidenav": {
5314
+ "display": {
5315
+ "value": "flex",
5316
+ "type": "other"
5317
+ },
5314
5318
  "link": {
5315
5319
  "line-height": {
5316
5320
  "value": "{rhc.line-height.paragraph}",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rijkshuisstijl-community/design-tokens",
3
- "version": "1.0.0-alpha.54",
3
+ "version": "1.0.0-alpha.55",
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": "3667beeb193dcd19815814896140db83d1b09a06"
36
+ "gitHead": "a3857f762de9acee8fd5da12c87919c45b6c90bb"
37
37
  }
package/src/generated/figma.tokens.json CHANGED
@@ -3204,6 +3204,10 @@
3204
3204
  }
3205
3205
  },
3206
3206
  "sidenav": {
3207
+ "display": {
3208
+ "value": "flex",
3209
+ "type": "other"
3210
+ },
3207
3211
  "link": {
3208
3212
  "line-height": {
3209
3213
  "value": "150%",