@rijkshuisstijl-community/design-tokens 1.0.0-alpha.69 → 1.0.0-alpha.70

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 +5 -1
  2. package/dist/index.css +5 -1
  3. package/dist/index.d.ts +5 -1
  4. package/dist/index.js +5 -1
  5. package/dist/index.json +4 -0
  6. package/dist/index.tokens.json +4 -0
  7. package/dist/root.css +5 -1
  8. package/dist/tokens.d.ts +5 -1
  9. package/dist/tokens.js +101 -1
  10. package/dist/variables.less +5 -1
  11. package/figma/figma.tokens.json +16 -0
  12. package/package.json +2 -2
  13. package/src/generated/figma.tokens.json +16 -0
package/dist/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 19 Nov 2024 14:02:00 GMT
3
+ // Generated on Tue, 19 Nov 2024 15:33:55 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;
@@ -457,6 +457,10 @@ $rhc-sidenav-link-hover-color: #15496a;
457
457
  $rhc-sidenav-link-focus-text-decoration: None;
458
458
  $rhc-sidenav-link-focus-color: #01689b;
459
459
  $rhc-sidenav-link-focus-background-color: none;
460
+ $rhc-sidenav-link-focus-border-color: #154273;
461
+ $rhc-sidenav-link-focus-border-style: solid;
462
+ $rhc-sidenav-link-focus-border-width: 2px;
463
+ $rhc-sidenav-link-focus-border-radius: 5px;
460
464
  $rhc-sidenav-link-active-text-decoration: underline;
461
465
  $rhc-sidenav-link-active-color: #42145f;
462
466
  $rhc-sidenav-link-color: #01689b;
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 19 Nov 2024 14:02:00 GMT
3
+ * Generated on Tue, 19 Nov 2024 15:33:55 GMT
4
4
  */
5
5
 
6
6
  .rhc-theme {
@@ -459,6 +459,10 @@
459
459
  --rhc-sidenav-link-focus-text-decoration: None;
460
460
  --rhc-sidenav-link-focus-color: #01689b;
461
461
  --rhc-sidenav-link-focus-background-color: none;
462
+ --rhc-sidenav-link-focus-border-color: #154273;
463
+ --rhc-sidenav-link-focus-border-style: solid;
464
+ --rhc-sidenav-link-focus-border-width: 2px;
465
+ --rhc-sidenav-link-focus-border-radius: 5px;
462
466
  --rhc-sidenav-link-active-text-decoration: underline;
463
467
  --rhc-sidenav-link-active-color: #42145f;
464
468
  --rhc-sidenav-link-color: #01689b;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 19 Nov 2024 14:02:00 GMT
3
+ * Generated on Tue, 19 Nov 2024 15:33:55 GMT
4
4
  */
5
5
 
6
6
  export const utrechtActionActivateCursor : string;
@@ -721,6 +721,10 @@ export const rhcSidenavLinkCurrentColor : string;
721
721
  export const rhcSidenavLinkColor : string;
722
722
  export const rhcSidenavLinkActiveColor : string;
723
723
  export const rhcSidenavLinkActiveTextDecoration : string;
724
+ export const rhcSidenavLinkFocusBorderRadius : string;
725
+ export const rhcSidenavLinkFocusBorderWidth : string;
726
+ export const rhcSidenavLinkFocusBorderStyle : string;
727
+ export const rhcSidenavLinkFocusBorderColor : string;
724
728
  export const rhcSidenavLinkFocusBackgroundColor : string;
725
729
  export const rhcSidenavLinkFocusColor : string;
726
730
  export const rhcSidenavLinkFocusTextDecoration : string;
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 19 Nov 2024 14:02:00 GMT
3
+ * Generated on Tue, 19 Nov 2024 15:33:55 GMT
4
4
  */
5
5
 
6
6
  export const utrechtActionActivateCursor = "pointer";
@@ -720,6 +720,10 @@ export const rhcSidenavLinkCurrentColor = "#154273";
720
720
  export const rhcSidenavLinkColor = "#01689b";
721
721
  export const rhcSidenavLinkActiveColor = "#42145f";
722
722
  export const rhcSidenavLinkActiveTextDecoration = "underline";
723
+ export const rhcSidenavLinkFocusBorderRadius = "5px";
724
+ export const rhcSidenavLinkFocusBorderWidth = "2px";
725
+ export const rhcSidenavLinkFocusBorderStyle = "solid";
726
+ export const rhcSidenavLinkFocusBorderColor = "#154273";
723
727
  export const rhcSidenavLinkFocusBackgroundColor = "none";
724
728
  export const rhcSidenavLinkFocusColor = "#01689b";
725
729
  export const rhcSidenavLinkFocusTextDecoration = "None";
package/dist/index.json CHANGED
@@ -716,6 +716,10 @@
716
716
  "rhcSidenavLinkColor": "#01689b",
717
717
  "rhcSidenavLinkActiveColor": "#42145f",
718
718
  "rhcSidenavLinkActiveTextDecoration": "underline",
719
+ "rhcSidenavLinkFocusBorderRadius": "5px",
720
+ "rhcSidenavLinkFocusBorderWidth": "2px",
721
+ "rhcSidenavLinkFocusBorderStyle": "solid",
722
+ "rhcSidenavLinkFocusBorderColor": "#154273",
719
723
  "rhcSidenavLinkFocusBackgroundColor": "none",
720
724
  "rhcSidenavLinkFocusColor": "#01689b",
721
725
  "rhcSidenavLinkFocusTextDecoration": "None",
package/dist/index.tokens.json CHANGED
@@ -1099,6 +1099,10 @@
1099
1099
  "text-decoration": "underline"
1100
1100
  },
1101
1101
  "focus": {
1102
+ "border-radius": "5px",
1103
+ "border-width": "2px",
1104
+ "border-style": "solid",
1105
+ "border-color": "#154273",
1102
1106
  "background-color": "none",
1103
1107
  "color": "#01689b",
1104
1108
  "text-decoration": "None"
package/dist/root.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 19 Nov 2024 14:02:00 GMT
3
+ * Generated on Tue, 19 Nov 2024 15:33:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -459,6 +459,10 @@
459
459
  --rhc-sidenav-link-focus-text-decoration: None;
460
460
  --rhc-sidenav-link-focus-color: #01689b;
461
461
  --rhc-sidenav-link-focus-background-color: none;
462
+ --rhc-sidenav-link-focus-border-color: #154273;
463
+ --rhc-sidenav-link-focus-border-style: solid;
464
+ --rhc-sidenav-link-focus-border-width: 2px;
465
+ --rhc-sidenav-link-focus-border-radius: 5px;
462
466
  --rhc-sidenav-link-active-text-decoration: underline;
463
467
  --rhc-sidenav-link-active-color: #42145f;
464
468
  --rhc-sidenav-link-color: #01689b;
package/dist/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 19 Nov 2024 14:02:00 GMT
3
+ * Generated on Tue, 19 Nov 2024 15:33:55 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -1122,6 +1122,10 @@ declare const tokens: {
1122
1122
  "text-decoration": DesignToken
1123
1123
  },
1124
1124
  "focus": {
1125
+ "border-radius": DesignToken,
1126
+ "border-width": DesignToken,
1127
+ "border-style": DesignToken,
1128
+ "border-color": DesignToken,
1125
1129
  "background-color": DesignToken,
1126
1130
  "color": DesignToken,
1127
1131
  "text-decoration": DesignToken
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 19 Nov 2024 14:02:00 GMT
3
+ * Generated on Tue, 19 Nov 2024 15:33:55 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -16676,6 +16676,106 @@ module.exports = {
16676
16676
  }
16677
16677
  },
16678
16678
  "focus": {
16679
+ "border-radius": {
16680
+ "value": "5px",
16681
+ "type": "borderRadius",
16682
+ "filePath": "src/generated/figma.tokens.json",
16683
+ "isSource": true,
16684
+ "original": {
16685
+ "value": "5px",
16686
+ "type": "borderRadius"
16687
+ },
16688
+ "name": "rhcSidenavLinkFocusBorderRadius",
16689
+ "attributes": {
16690
+ "category": "rhc",
16691
+ "type": "sidenav",
16692
+ "item": "link",
16693
+ "subitem": "focus",
16694
+ "state": "border-radius"
16695
+ },
16696
+ "path": [
16697
+ "rhc",
16698
+ "sidenav",
16699
+ "link",
16700
+ "focus",
16701
+ "border-radius"
16702
+ ]
16703
+ },
16704
+ "border-width": {
16705
+ "value": "2px",
16706
+ "type": "borderWidth",
16707
+ "filePath": "src/generated/figma.tokens.json",
16708
+ "isSource": true,
16709
+ "original": {
16710
+ "value": "2px",
16711
+ "type": "borderWidth"
16712
+ },
16713
+ "name": "rhcSidenavLinkFocusBorderWidth",
16714
+ "attributes": {
16715
+ "category": "rhc",
16716
+ "type": "sidenav",
16717
+ "item": "link",
16718
+ "subitem": "focus",
16719
+ "state": "border-width"
16720
+ },
16721
+ "path": [
16722
+ "rhc",
16723
+ "sidenav",
16724
+ "link",
16725
+ "focus",
16726
+ "border-width"
16727
+ ]
16728
+ },
16729
+ "border-style": {
16730
+ "value": "solid",
16731
+ "type": "borderStyle",
16732
+ "filePath": "src/generated/figma.tokens.json",
16733
+ "isSource": true,
16734
+ "original": {
16735
+ "value": "solid",
16736
+ "type": "borderStyle"
16737
+ },
16738
+ "name": "rhcSidenavLinkFocusBorderStyle",
16739
+ "attributes": {
16740
+ "category": "rhc",
16741
+ "type": "sidenav",
16742
+ "item": "link",
16743
+ "subitem": "focus",
16744
+ "state": "border-style"
16745
+ },
16746
+ "path": [
16747
+ "rhc",
16748
+ "sidenav",
16749
+ "link",
16750
+ "focus",
16751
+ "border-style"
16752
+ ]
16753
+ },
16754
+ "border-color": {
16755
+ "value": "#154273",
16756
+ "type": "color",
16757
+ "filePath": "src/generated/figma.tokens.json",
16758
+ "isSource": true,
16759
+ "original": {
16760
+ "value": "#154273",
16761
+ "type": "color"
16762
+ },
16763
+ "name": "rhcSidenavLinkFocusBorderColor",
16764
+ "attributes": {
16765
+ "category": "rhc",
16766
+ "type": "sidenav",
16767
+ "item": "link",
16768
+ "subitem": "focus",
16769
+ "state": "border-color"
16770
+ },
16771
+ "path": [
16772
+ "rhc",
16773
+ "sidenav",
16774
+ "link",
16775
+ "focus",
16776
+ "border-color"
16777
+ ]
16778
+ },
16679
16779
  "background-color": {
16680
16780
  "value": "none",
16681
16781
  "type": "color",
package/dist/variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 19 Nov 2024 14:02:00 GMT
3
+ // Generated on Tue, 19 Nov 2024 15:33:55 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;
@@ -457,6 +457,10 @@
457
457
  @rhc-sidenav-link-focus-text-decoration: None;
458
458
  @rhc-sidenav-link-focus-color: #01689b;
459
459
  @rhc-sidenav-link-focus-background-color: none;
460
+ @rhc-sidenav-link-focus-border-color: #154273;
461
+ @rhc-sidenav-link-focus-border-style: solid;
462
+ @rhc-sidenav-link-focus-border-width: 2px;
463
+ @rhc-sidenav-link-focus-border-radius: 5px;
460
464
  @rhc-sidenav-link-active-text-decoration: underline;
461
465
  @rhc-sidenav-link-active-color: #42145f;
462
466
  @rhc-sidenav-link-color: #01689b;
package/figma/figma.tokens.json CHANGED
@@ -5567,6 +5567,22 @@
5567
5567
  }
5568
5568
  },
5569
5569
  "focus": {
5570
+ "border-radius": {
5571
+ "value": "{rhc.border-radius.md}",
5572
+ "type": "borderRadius"
5573
+ },
5574
+ "border-width": {
5575
+ "value": "{rhc.border-width.m}",
5576
+ "type": "borderWidth"
5577
+ },
5578
+ "border-style": {
5579
+ "value": "solid",
5580
+ "type": "borderStyle"
5581
+ },
5582
+ "border-color": {
5583
+ "value": "{rhc.color.lintblauw.500}",
5584
+ "type": "color"
5585
+ },
5570
5586
  "background-color": {
5571
5587
  "value": "none",
5572
5588
  "type": "color"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rijkshuisstijl-community/design-tokens",
3
- "version": "1.0.0-alpha.69",
3
+ "version": "1.0.0-alpha.70",
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": "7a127c352f3675ba6b45b09215ae4667a7c0b298"
36
+ "gitHead": "8ebbeded6554e8c844516234c4ddfa93752f8dd8"
37
37
  }
package/src/generated/figma.tokens.json CHANGED
@@ -3260,6 +3260,22 @@
3260
3260
  }
3261
3261
  },
3262
3262
  "focus": {
3263
+ "border-radius": {
3264
+ "value": "5px",
3265
+ "type": "borderRadius"
3266
+ },
3267
+ "border-width": {
3268
+ "value": "2px",
3269
+ "type": "borderWidth"
3270
+ },
3271
+ "border-style": {
3272
+ "value": "solid",
3273
+ "type": "borderStyle"
3274
+ },
3275
+ "border-color": {
3276
+ "value": "#154273",
3277
+ "type": "color"
3278
+ },
3263
3279
  "background-color": {
3264
3280
  "value": "none",
3265
3281
  "type": "color"