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

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 +20 -7
  3. package/dist/root-theme.css +16 -3
  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 Fri, 03 Dec 2021 10:27:12 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;
@@ -5359,7 +5369,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5359
5369
  /* experimenteel / beperkt gebruiken */
5360
5370
  --utrecht-color-grey-15: hsl(0 0% 15%);
5361
5371
  /* experimenteel / beperkt gebruiken */
5362
- --utrecht-color-grey-10: hsl(0 0% 11%);
5372
+ --utrecht-color-grey-10: hsl(0 0% 10%);
5363
5373
  /* experimenteel / beperkt gebruiken */
5364
5374
  --utrecht-color-blue-90: hsl(211 60% 90%);
5365
5375
  /* ijsblauw variant achtergrond, spotlight en uitgelicht */
@@ -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);
@@ -5782,7 +5794,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5782
5794
  --utrecht-emphasis-strong-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
5783
5795
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
5784
5796
  --utrecht-document-font-family: var(--utrecht-typography-sans-serif-font-family);
5785
- --utrecht-document-color: var(--utrecht-color-black);
5797
+ --utrecht-document-color: var(--utrecht-color-grey-10);
5786
5798
  --utrecht-document-background-color: var(--utrecht-color-white);
5787
5799
  --utrecht-custom-checkbox-invalid-color: var(--utrecht-color-white);
5788
5800
  --utrecht-custom-checkbox-checked-color: var(--utrecht-color-white);
@@ -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 Fri, 03 Dec 2021 10:27:12 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;
@@ -79,7 +89,7 @@
79
89
  /* experimenteel / beperkt gebruiken */
80
90
  --utrecht-color-grey-15: hsl(0 0% 15%);
81
91
  /* experimenteel / beperkt gebruiken */
82
- --utrecht-color-grey-10: hsl(0 0% 11%);
92
+ --utrecht-color-grey-10: hsl(0 0% 10%);
83
93
  /* experimenteel / beperkt gebruiken */
84
94
  --utrecht-color-blue-90: hsl(211 60% 90%);
85
95
  /* ijsblauw variant achtergrond, spotlight en uitgelicht */
@@ -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);
@@ -502,7 +514,7 @@
502
514
  --utrecht-emphasis-strong-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
503
515
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
504
516
  --utrecht-document-font-family: var(--utrecht-typography-sans-serif-font-family);
505
- --utrecht-document-color: var(--utrecht-color-black);
517
+ --utrecht-document-color: var(--utrecht-color-grey-10);
506
518
  --utrecht-document-background-color: var(--utrecht-color-white);
507
519
  --utrecht-custom-checkbox-invalid-color: var(--utrecht-color-white);
508
520
  --utrecht-custom-checkbox-checked-color: var(--utrecht-color-white);
@@ -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.139",
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.132",
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": "caef57d67996aa87280c785a8c508db5c2884066"
30
30
  }