@rijkshuisstijl-community/design-tokens 1.0.0-alpha.40 → 1.0.0-alpha.41

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 -5
  2. package/dist/index.css +5 -5
  3. package/dist/index.d.ts +5 -5
  4. package/dist/index.js +5 -5
  5. package/dist/index.json +4 -4
  6. package/dist/index.tokens.json +2 -2
  7. package/dist/root.css +5 -5
  8. package/dist/tokens.d.ts +2 -2
  9. package/dist/tokens.js +16 -16
  10. package/dist/variables.less +5 -5
  11. package/figma/figma.tokens.json +2 -2
  12. package/package.json +2 -2
  13. package/src/generated/figma.tokens.json +2 -2
package/dist/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 29 Oct 2024 13:28:50 GMT
3
+ // Generated on Tue, 29 Oct 2024 15:06:22 GMT
4
4
 
5
5
  $rhc-space-700: 3.5rem;
6
6
  $rhc-space-600: 3rem;
@@ -316,10 +316,10 @@ $rhc-logo-title-padding-block-start: 3.125rem;
316
316
  $rhc-logo-title-font-size: 0.913rem;
317
317
  $rhc-logo-title-line-height: 1.063rem;
318
318
  $rhc-logo-title-font-weight: 600;
319
- $rhc-logo-img-color: #154273;
320
- $rhc-logo-img-block-size: 96px;
321
- $rhc-logo-img-inline-size: 48px;
322
- $rhc-logo-img-background-color: #F1F5F9;
319
+ $rhc-logo-image-color: #154273;
320
+ $rhc-logo-image-block-size: 96px;
321
+ $rhc-logo-image-inline-size: 48px;
322
+ $rhc-logo-image-background-color: #fff;
323
323
  $rhc-message-list-item-heading-color: #154273;
324
324
  $rhc-message-list-item-label-line-height: 150%;
325
325
  $rhc-message-list-item-label-font-weight: 700;
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Oct 2024 13:28:50 GMT
3
+ * Generated on Tue, 29 Oct 2024 15:06:22 GMT
4
4
  */
5
5
 
6
6
  .rhc-theme {
@@ -318,10 +318,10 @@
318
318
  --rhc-logo-title-font-size: 0.913rem;
319
319
  --rhc-logo-title-line-height: 1.063rem;
320
320
  --rhc-logo-title-font-weight: 600;
321
- --rhc-logo-img-color: #154273;
322
- --rhc-logo-img-block-size: 96px;
323
- --rhc-logo-img-inline-size: 48px;
324
- --rhc-logo-img-background-color: #F1F5F9;
321
+ --rhc-logo-image-color: #154273;
322
+ --rhc-logo-image-block-size: 96px;
323
+ --rhc-logo-image-inline-size: 48px;
324
+ --rhc-logo-image-background-color: #fff;
325
325
  --rhc-message-list-item-heading-color: #154273;
326
326
  --rhc-message-list-item-label-line-height: 150%;
327
327
  --rhc-message-list-item-label-font-weight: 700;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Oct 2024 13:28:50 GMT
3
+ * Generated on Tue, 29 Oct 2024 15:06:22 GMT
4
4
  */
5
5
 
6
6
  export const utrechtActionActivateCursor : string;
@@ -796,10 +796,10 @@ export const rhcMessageListItemLabelFontSize : string;
796
796
  export const rhcMessageListItemLabelFontWeight : number;
797
797
  export const rhcMessageListItemLabelLineHeight : string;
798
798
  export const rhcMessageListItemHeadingColor : string;
799
- export const rhcLogoImgBackgroundColor : string;
800
- export const rhcLogoImgInlineSize : string;
801
- export const rhcLogoImgBlockSize : string;
802
- export const rhcLogoImgColor : string;
799
+ export const rhcLogoImageBackgroundColor : string;
800
+ export const rhcLogoImageInlineSize : string;
801
+ export const rhcLogoImageBlockSize : string;
802
+ export const rhcLogoImageColor : string;
803
803
  export const rhcLogoTitleFontWeight : number;
804
804
  export const rhcLogoTitleLineHeight : string;
805
805
  export const rhcLogoTitleFontSize : string;
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Oct 2024 13:28:50 GMT
3
+ * Generated on Tue, 29 Oct 2024 15:06:22 GMT
4
4
  */
5
5
 
6
6
  export const utrechtActionActivateCursor = "pointer";
@@ -795,10 +795,10 @@ export const rhcMessageListItemLabelFontSize = "1.25rem";
795
795
  export const rhcMessageListItemLabelFontWeight = 700;
796
796
  export const rhcMessageListItemLabelLineHeight = "150%";
797
797
  export const rhcMessageListItemHeadingColor = "#154273";
798
- export const rhcLogoImgBackgroundColor = "#F1F5F9";
799
- export const rhcLogoImgInlineSize = "48px";
800
- export const rhcLogoImgBlockSize = "96px";
801
- export const rhcLogoImgColor = "#154273";
798
+ export const rhcLogoImageBackgroundColor = "#fff";
799
+ export const rhcLogoImageInlineSize = "48px";
800
+ export const rhcLogoImageBlockSize = "96px";
801
+ export const rhcLogoImageColor = "#154273";
802
802
  export const rhcLogoTitleFontWeight = 600;
803
803
  export const rhcLogoTitleLineHeight = "1.063rem";
804
804
  export const rhcLogoTitleFontSize = "0.913rem";
package/dist/index.json CHANGED
@@ -791,10 +791,10 @@
791
791
  "rhcMessageListItemLabelFontWeight": 700,
792
792
  "rhcMessageListItemLabelLineHeight": "150%",
793
793
  "rhcMessageListItemHeadingColor": "#154273",
794
- "rhcLogoImgBackgroundColor": "#F1F5F9",
795
- "rhcLogoImgInlineSize": "48px",
796
- "rhcLogoImgBlockSize": "96px",
797
- "rhcLogoImgColor": "#154273",
794
+ "rhcLogoImageBackgroundColor": "#fff",
795
+ "rhcLogoImageInlineSize": "48px",
796
+ "rhcLogoImageBlockSize": "96px",
797
+ "rhcLogoImageColor": "#154273",
798
798
  "rhcLogoTitleFontWeight": 600,
799
799
  "rhcLogoTitleLineHeight": "1.063rem",
800
800
  "rhcLogoTitleFontSize": "0.913rem",
package/dist/index.tokens.json CHANGED
@@ -1232,8 +1232,8 @@
1232
1232
  }
1233
1233
  },
1234
1234
  "logo": {
1235
- "img": {
1236
- "background-color": "#F1F5F9",
1235
+ "image": {
1236
+ "background-color": "#fff",
1237
1237
  "inline-size": "48px",
1238
1238
  "block-size": "96px",
1239
1239
  "color": "#154273"
package/dist/root.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Oct 2024 13:28:50 GMT
3
+ * Generated on Tue, 29 Oct 2024 15:06:22 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -318,10 +318,10 @@
318
318
  --rhc-logo-title-font-size: 0.913rem;
319
319
  --rhc-logo-title-line-height: 1.063rem;
320
320
  --rhc-logo-title-font-weight: 600;
321
- --rhc-logo-img-color: #154273;
322
- --rhc-logo-img-block-size: 96px;
323
- --rhc-logo-img-inline-size: 48px;
324
- --rhc-logo-img-background-color: #F1F5F9;
321
+ --rhc-logo-image-color: #154273;
322
+ --rhc-logo-image-block-size: 96px;
323
+ --rhc-logo-image-inline-size: 48px;
324
+ --rhc-logo-image-background-color: #fff;
325
325
  --rhc-message-list-item-heading-color: #154273;
326
326
  --rhc-message-list-item-label-line-height: 150%;
327
327
  --rhc-message-list-item-label-font-weight: 700;
package/dist/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Oct 2024 13:28:50 GMT
3
+ * Generated on Tue, 29 Oct 2024 15:06:22 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -1255,7 +1255,7 @@ declare const tokens: {
1255
1255
  }
1256
1256
  },
1257
1257
  "logo": {
1258
- "img": {
1258
+ "image": {
1259
1259
  "background-color": DesignToken,
1260
1260
  "inline-size": DesignToken,
1261
1261
  "block-size": DesignToken,
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Oct 2024 13:28:50 GMT
3
+ * Generated on Tue, 29 Oct 2024 15:06:22 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -18535,27 +18535,27 @@ module.exports = {
18535
18535
  }
18536
18536
  },
18537
18537
  "logo": {
18538
- "img": {
18538
+ "image": {
18539
18539
  "background-color": {
18540
- "value": "#F1F5F9",
18540
+ "value": "#fff",
18541
18541
  "type": "color",
18542
18542
  "filePath": "src/generated/figma.tokens.json",
18543
18543
  "isSource": true,
18544
18544
  "original": {
18545
- "value": "#F1F5F9",
18545
+ "value": "#fff",
18546
18546
  "type": "color"
18547
18547
  },
18548
- "name": "rhcLogoImgBackgroundColor",
18548
+ "name": "rhcLogoImageBackgroundColor",
18549
18549
  "attributes": {
18550
18550
  "category": "rhc",
18551
18551
  "type": "logo",
18552
- "item": "img",
18552
+ "item": "image",
18553
18553
  "subitem": "background-color"
18554
18554
  },
18555
18555
  "path": [
18556
18556
  "rhc",
18557
18557
  "logo",
18558
- "img",
18558
+ "image",
18559
18559
  "background-color"
18560
18560
  ]
18561
18561
  },
@@ -18568,17 +18568,17 @@ module.exports = {
18568
18568
  "value": "48px",
18569
18569
  "type": "sizing"
18570
18570
  },
18571
- "name": "rhcLogoImgInlineSize",
18571
+ "name": "rhcLogoImageInlineSize",
18572
18572
  "attributes": {
18573
18573
  "category": "rhc",
18574
18574
  "type": "logo",
18575
- "item": "img",
18575
+ "item": "image",
18576
18576
  "subitem": "inline-size"
18577
18577
  },
18578
18578
  "path": [
18579
18579
  "rhc",
18580
18580
  "logo",
18581
- "img",
18581
+ "image",
18582
18582
  "inline-size"
18583
18583
  ]
18584
18584
  },
@@ -18591,17 +18591,17 @@ module.exports = {
18591
18591
  "value": "96px",
18592
18592
  "type": "sizing"
18593
18593
  },
18594
- "name": "rhcLogoImgBlockSize",
18594
+ "name": "rhcLogoImageBlockSize",
18595
18595
  "attributes": {
18596
18596
  "category": "rhc",
18597
18597
  "type": "logo",
18598
- "item": "img",
18598
+ "item": "image",
18599
18599
  "subitem": "block-size"
18600
18600
  },
18601
18601
  "path": [
18602
18602
  "rhc",
18603
18603
  "logo",
18604
- "img",
18604
+ "image",
18605
18605
  "block-size"
18606
18606
  ]
18607
18607
  },
@@ -18614,17 +18614,17 @@ module.exports = {
18614
18614
  "value": "#154273",
18615
18615
  "type": "color"
18616
18616
  },
18617
- "name": "rhcLogoImgColor",
18617
+ "name": "rhcLogoImageColor",
18618
18618
  "attributes": {
18619
18619
  "category": "rhc",
18620
18620
  "type": "logo",
18621
- "item": "img",
18621
+ "item": "image",
18622
18622
  "subitem": "color"
18623
18623
  },
18624
18624
  "path": [
18625
18625
  "rhc",
18626
18626
  "logo",
18627
- "img",
18627
+ "image",
18628
18628
  "color"
18629
18629
  ]
18630
18630
  }
package/dist/variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 29 Oct 2024 13:28:50 GMT
3
+ // Generated on Tue, 29 Oct 2024 15:06:22 GMT
4
4
 
5
5
  @rhc-space-700: 3.5rem;
6
6
  @rhc-space-600: 3rem;
@@ -316,10 +316,10 @@
316
316
  @rhc-logo-title-font-size: 0.913rem;
317
317
  @rhc-logo-title-line-height: 1.063rem;
318
318
  @rhc-logo-title-font-weight: 600;
319
- @rhc-logo-img-color: #154273;
320
- @rhc-logo-img-block-size: 96px;
321
- @rhc-logo-img-inline-size: 48px;
322
- @rhc-logo-img-background-color: #F1F5F9;
319
+ @rhc-logo-image-color: #154273;
320
+ @rhc-logo-image-block-size: 96px;
321
+ @rhc-logo-image-inline-size: 48px;
322
+ @rhc-logo-image-background-color: #fff;
323
323
  @rhc-message-list-item-heading-color: #154273;
324
324
  @rhc-message-list-item-label-line-height: 150%;
325
325
  @rhc-message-list-item-label-font-weight: 700;
package/figma/figma.tokens.json CHANGED
@@ -3939,9 +3939,9 @@
3939
3939
  "components/logo": {
3940
3940
  "rhc": {
3941
3941
  "logo": {
3942
- "img": {
3942
+ "image": {
3943
3943
  "background-color": {
3944
- "value": "{rhc.color.grijs.100}",
3944
+ "value": "{rhc.color.wit}",
3945
3945
  "type": "color"
3946
3946
  },
3947
3947
  "inline-size": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rijkshuisstijl-community/design-tokens",
3
- "version": "1.0.0-alpha.40",
3
+ "version": "1.0.0-alpha.41",
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": "7ea813ac10a5000bcf0594a40d5082583162bbd9"
36
+ "gitHead": "fa3ca07f5b2583bf00da02ef1f7e9b1f9e72d6ee"
37
37
  }
package/src/generated/figma.tokens.json CHANGED
@@ -3627,9 +3627,9 @@
3627
3627
  }
3628
3628
  },
3629
3629
  "logo": {
3630
- "img": {
3630
+ "image": {
3631
3631
  "background-color": {
3632
- "value": "#F1F5F9",
3632
+ "value": "#fff",
3633
3633
  "type": "color"
3634
3634
  },
3635
3635
  "inline-size": {