@utrecht/component-library-css 1.0.0-alpha.135 → 1.0.0-alpha.136

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 (4) hide show
  1. package/dist/bem.css +4 -4
  2. package/dist/index.css +18 -5
  3. package/dist/root-theme.css +14 -1
  4. package/package.json +3 -3
package/dist/bem.css CHANGED
@@ -43,7 +43,7 @@
43
43
  display: inline-block;
44
44
  font-family: var(--utrecht-document-font-family, sans-serif);
45
45
  font-size: var(--utrecht-badge-font-size, inherit);
46
- font-style: normal;
46
+ font-style: var(--utrecht-badge-font-style, normal);
47
47
  /* no inheritance */
48
48
  font-weight: var(--utrecht-badge-font-weight, bold);
49
49
  /* no inheritance */
@@ -62,7 +62,7 @@
62
62
  color: var(--utrecht-badge-counter-color, var(--utrecht-badge-color, white));
63
63
  display: inline-block;
64
64
  font-family: var(--utrecht-document-font-family, sans-serif);
65
- font-style: normal;
65
+ font-style: var(--utrecht-badge-counter-font-style, normal);
66
66
  /* no inheritance */
67
67
  font-weight: var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));
68
68
  /* no inheritance */
@@ -89,7 +89,7 @@
89
89
  display: inline-block;
90
90
  font-family: var(--utrecht-document-font-family, sans-serif);
91
91
  font-size: var(--utrecht-badge-font-size, inherit);
92
- font-style: normal;
92
+ font-style: var(--utrecht-badge-font-style, normal);
93
93
  /* no inheritance */
94
94
  font-weight: var(--utrecht-badge-font-weight, bold);
95
95
  /* no inheritance */
@@ -122,7 +122,7 @@
122
122
  display: inline-block;
123
123
  font-family: var(--utrecht-document-font-family, sans-serif);
124
124
  font-size: var(--utrecht-badge-font-size, inherit);
125
- font-style: normal;
125
+ font-style: var(--utrecht-badge-font-style, normal);
126
126
  /* no inheritance */
127
127
  font-weight: var(--utrecht-badge-font-weight, bold);
128
128
  /* no inheritance */
package/dist/index.css CHANGED
@@ -52,7 +52,7 @@
52
52
  display: inline-block;
53
53
  font-family: var(--utrecht-document-font-family, sans-serif);
54
54
  font-size: var(--utrecht-badge-font-size, inherit);
55
- font-style: normal;
55
+ font-style: var(--utrecht-badge-font-style, normal);
56
56
  /* no inheritance */
57
57
  font-weight: var(--utrecht-badge-font-weight, bold);
58
58
  /* no inheritance */
@@ -71,7 +71,7 @@
71
71
  color: var(--utrecht-badge-counter-color, var(--utrecht-badge-color, white));
72
72
  display: inline-block;
73
73
  font-family: var(--utrecht-document-font-family, sans-serif);
74
- font-style: normal;
74
+ font-style: var(--utrecht-badge-counter-font-style, normal);
75
75
  /* no inheritance */
76
76
  font-weight: var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));
77
77
  /* no inheritance */
@@ -98,7 +98,7 @@
98
98
  display: inline-block;
99
99
  font-family: var(--utrecht-document-font-family, sans-serif);
100
100
  font-size: var(--utrecht-badge-font-size, inherit);
101
- font-style: normal;
101
+ font-style: var(--utrecht-badge-font-style, normal);
102
102
  /* no inheritance */
103
103
  font-weight: var(--utrecht-badge-font-weight, bold);
104
104
  /* no inheritance */
@@ -131,7 +131,7 @@
131
131
  display: inline-block;
132
132
  font-family: var(--utrecht-document-font-family, sans-serif);
133
133
  font-size: var(--utrecht-badge-font-size, inherit);
134
- font-style: normal;
134
+ font-style: var(--utrecht-badge-font-style, normal);
135
135
  /* no inheritance */
136
136
  font-weight: var(--utrecht-badge-font-weight, bold);
137
137
  /* no inheritance */
@@ -5285,7 +5285,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5285
5285
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
5286
5286
  /**
5287
5287
  * Do not edit directly
5288
- * Generated on Wed, 01 Dec 2021 15:29:27 GMT
5288
+ * Generated on Thu, 02 Dec 2021 15:38:35 GMT
5289
5289
  */
5290
5290
  :root {
5291
5291
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -5305,6 +5305,16 @@ however browsers don't seem to have implemented great looking supixel tweening y
5305
5305
  --utrecht-border-style-solid: solid;
5306
5306
  --utrecht-border-width-md: 2px;
5307
5307
  --utrecht-border-width-sm: 1px;
5308
+ --utrecht-typography-line-height-xl: 1.5;
5309
+ --utrecht-typography-line-height-lg: 1.4;
5310
+ --utrecht-typography-line-height-md: 1.2;
5311
+ --utrecht-typography-line-height-sm: 1;
5312
+ --utrecht-typography-letter-spacing-lg: 3px;
5313
+ --utrecht-typography-letter-spacing-md: 1px;
5314
+ --utrecht-typography-letter-spacing-sm: 0.8px;
5315
+ --utrecht-typography-letter-spacing-normal: normal;
5316
+ --utrecht-typography-font-style-inherit: inherit;
5317
+ --utrecht-typography-font-style-normal: normal;
5308
5318
  --utrecht-typography-weight-scale-normal-font-weight: normal;
5309
5319
  --utrecht-typography-weight-scale-bold-font-weight: bold;
5310
5320
  --utrecht-typography-scale-4xl-font-size: 2rem;
@@ -5684,6 +5694,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5684
5694
  --utrecht-search-bar-textbox-border-color: var(--utrecht-color-red-40);
5685
5695
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
5686
5696
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
5697
+ --utrecht-badge-counter-font-style: var(--utrecht-typography-font-style-normal);
5687
5698
  --utrecht-badge-counter-color: var(--utrecht-color-white);
5688
5699
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
5689
5700
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
@@ -5766,6 +5777,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5766
5777
  --utrecht-form-label-checkbox-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
5767
5778
  --utrecht-form-label-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
5768
5779
  --utrecht-form-input-focus-border-color: var(--utrecht-color-grey-80);
5780
+ --utrecht-form-input-placeholder-font-style: var(--utrecht-typography-font-style-normal);
5769
5781
  --utrecht-form-input-placeholder-color: var(--utrecht-color-grey-40);
5770
5782
  --utrecht-form-input-font-size: var(--utrecht-typography-scale-md-font-size);
5771
5783
  --utrecht-form-input-color: var(--utrecht-color-black);
@@ -5852,6 +5864,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5852
5864
  --utrecht-breadcrumb-item-padding-block-start: var(--utrecht-space-block-xs);
5853
5865
  --utrecht-breadcrumb-font-size: var(--utrecht-typography-scale-sm-font-size);
5854
5866
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
5867
+ --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
5855
5868
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
5856
5869
  /* Default inline padding color for badge components */
5857
5870
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
package/dist/root-theme.css CHANGED
@@ -5,7 +5,7 @@
5
5
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
6
6
  /**
7
7
  * Do not edit directly
8
- * Generated on Wed, 01 Dec 2021 15:29:27 GMT
8
+ * Generated on Thu, 02 Dec 2021 15:38:35 GMT
9
9
  */
10
10
  :root {
11
11
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -25,6 +25,16 @@
25
25
  --utrecht-border-style-solid: solid;
26
26
  --utrecht-border-width-md: 2px;
27
27
  --utrecht-border-width-sm: 1px;
28
+ --utrecht-typography-line-height-xl: 1.5;
29
+ --utrecht-typography-line-height-lg: 1.4;
30
+ --utrecht-typography-line-height-md: 1.2;
31
+ --utrecht-typography-line-height-sm: 1;
32
+ --utrecht-typography-letter-spacing-lg: 3px;
33
+ --utrecht-typography-letter-spacing-md: 1px;
34
+ --utrecht-typography-letter-spacing-sm: 0.8px;
35
+ --utrecht-typography-letter-spacing-normal: normal;
36
+ --utrecht-typography-font-style-inherit: inherit;
37
+ --utrecht-typography-font-style-normal: normal;
28
38
  --utrecht-typography-weight-scale-normal-font-weight: normal;
29
39
  --utrecht-typography-weight-scale-bold-font-weight: bold;
30
40
  --utrecht-typography-scale-4xl-font-size: 2rem;
@@ -404,6 +414,7 @@
404
414
  --utrecht-search-bar-textbox-border-color: var(--utrecht-color-red-40);
405
415
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
406
416
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
417
+ --utrecht-badge-counter-font-style: var(--utrecht-typography-font-style-normal);
407
418
  --utrecht-badge-counter-color: var(--utrecht-color-white);
408
419
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
409
420
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
@@ -486,6 +497,7 @@
486
497
  --utrecht-form-label-checkbox-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
487
498
  --utrecht-form-label-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
488
499
  --utrecht-form-input-focus-border-color: var(--utrecht-color-grey-80);
500
+ --utrecht-form-input-placeholder-font-style: var(--utrecht-typography-font-style-normal);
489
501
  --utrecht-form-input-placeholder-color: var(--utrecht-color-grey-40);
490
502
  --utrecht-form-input-font-size: var(--utrecht-typography-scale-md-font-size);
491
503
  --utrecht-form-input-color: var(--utrecht-color-black);
@@ -572,6 +584,7 @@
572
584
  --utrecht-breadcrumb-item-padding-block-start: var(--utrecht-space-block-xs);
573
585
  --utrecht-breadcrumb-font-size: var(--utrecht-typography-scale-sm-font-size);
574
586
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
587
+ --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
575
588
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
576
589
  /* Default inline padding color for badge components */
577
590
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.135",
2
+ "version": "1.0.0-alpha.136",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -16,7 +16,7 @@
16
16
  "url": "git@github.com:nl-design-system/utrecht.git"
17
17
  },
18
18
  "devDependencies": {
19
- "@utrecht/design-tokens": "1.0.0-alpha.128",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.129",
20
20
  "node-sass-package-importer": "5.3.2",
21
21
  "rimraf": "3.0.2",
22
22
  "sass": "1.43.4"
@@ -26,5 +26,5 @@
26
26
  "build": "sass src/:dist/ --load-path=../../node_modules/ --no-source-map",
27
27
  "clean": "rimraf dist/"
28
28
  },
29
- "gitHead": "dd16c901d2466f5b58643d4ae92173fbe20f9076"
29
+ "gitHead": "a32a7e5da96fd8bc8e84bc553165b5a732aadd7d"
30
30
  }