@utrecht/component-library-css 1.0.0-alpha.199 → 1.0.0-alpha.200

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 (3) hide show
  1. package/dist/index.css +44 -3
  2. package/dist/root-theme.css +44 -3
  3. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -5259,9 +5259,14 @@ however browsers don't seem to have implemented great looking supixel tweening y
5259
5259
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
5260
5260
  /**
5261
5261
  * Do not edit directly
5262
- * Generated on Fri, 29 Apr 2022 14:35:16 GMT
5262
+ * Generated on Tue, 03 May 2022 10:52:53 GMT
5263
5263
  */
5264
5264
  :root {
5265
+ --denhaag-process-steps-sub-step-heading-font-weight: utrecht.typography.weight-scale.normal.font-weight;
5266
+ --denhaag-process-steps-sub-step-heading-font-family: ;
5267
+ --denhaag-process-steps-sub-step-marker-size: 8px;
5268
+ --denhaag-process-steps-step-marker-font-weight: utrecht.typography.weight-scale.bold.font-weight;
5269
+ --denhaag-process-steps-step-marker-font-size: utrecht.typography.scale.ms;
5265
5270
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
5266
5271
  --utrecht-topnav-link-focus-text-decoration: none;
5267
5272
  --utrecht-topnav-link-focus-border-type: dotted;
@@ -5290,8 +5295,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
5290
5295
  --utrecht-typography-letter-spacing-normal: normal;
5291
5296
  --utrecht-typography-font-style-inherit: inherit;
5292
5297
  --utrecht-typography-font-style-normal: normal;
5293
- --utrecht-typography-weight-scale-normal-font-weight: normal;
5294
- --utrecht-typography-weight-scale-bold-font-weight: bold;
5298
+ --utrecht-typography-weight-scale-normal-font-weight: 400;
5299
+ --utrecht-typography-weight-scale-bold-font-weight: 700;
5295
5300
  --utrecht-typography-scale-4xl-font-size: 2rem;
5296
5301
  /* 32px */
5297
5302
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
@@ -5623,6 +5628,41 @@ however browsers don't seem to have implemented great looking supixel tweening y
5623
5628
  --utrecht-badge-data-letter-spacing: 0.15ch;
5624
5629
  --utrecht-backdrop-opacity: 0.8;
5625
5630
  --utrecht-article-max-inline-size: 780px;
5631
+ --denhaag-process-steps-sub-step-heading-font-size: var(--utrecht-typography-scale-sm-font-size);
5632
+ --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
5633
+ --denhaag-process-steps-step-description-font-size: var(--utrecht-typography-scale-md-font-size);
5634
+ --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
5635
+ --denhaag-process-steps-step-metadata-font-size: var(--utrecht-typography-scale-sm-font-size);
5636
+ --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
5637
+ --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
5638
+ --denhaag-process-steps-step-line-checked-color: var(--utrecht-color-grey-40);
5639
+ --denhaag-process-steps-step-line-color: var(--utrecht-color-grey-15);
5640
+ --denhaag-process-steps-sub-step-marker-background-color: var(--utrecht-color-yellow-50);
5641
+ --denhaag-process-steps-sub-step-marker-border-color: var(--utrecht-color-grey-15);
5642
+ --denhaag-process-steps-step-marker-warning-color: var(--utrecht-color-invalid);
5643
+ --denhaag-process-steps-step-marker-warning-background-color: var(--utrecht-color-white);
5644
+ --denhaag-process-steps-step-marker-warning-border-color: var(--utrecht-color-invalid);
5645
+ --denhaag-process-steps-step-marker-checked-color: var(--utrecht-color-grey-15);
5646
+ --denhaag-process-steps-step-marker-checked-border-width: var(--utrecht-border-width-md);
5647
+ --denhaag-process-steps-step-marker-checked-background-color: var(--utrecht-color-yellow-50);
5648
+ --denhaag-process-steps-step-marker-checked-border-color: var(--utrecht-color-grey-15);
5649
+ --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
5650
+ --denhaag-process-steps-step-marker-current-border-width: var(--utrecht-border-width-md);
5651
+ --denhaag-process-steps-step-marker-current-background-color: var(--utrecht-color-grey-15);
5652
+ --denhaag-process-steps-step-marker-current-border-color: var(--utrecht-color-grey-15);
5653
+ --denhaag-process-steps-step-marker-color: var(--utrecht-color-grey-15);
5654
+ --denhaag-process-steps-step-marker-border-width: var(--utrecht-border-width-md);
5655
+ --denhaag-process-steps-step-marker-background-color: var(--utrecht-color-yellow-50);
5656
+ --denhaag-process-steps-step-marker-border-color: var(--utrecht-color-grey-15);
5657
+ --denhaag-process-steps-step-heading-warning-color: var(--utrecht-color-black);
5658
+ --denhaag-process-steps-step-heading-not-checked-color: var(--utrecht-color-black);
5659
+ --denhaag-process-steps-step-heading-checked-color: var(--utrecht-color-black);
5660
+ --denhaag-process-steps-step-heading-current-color: var(--utrecht-color-black);
5661
+ --denhaag-process-steps-step-heading-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
5662
+ --denhaag-process-steps-step-heading-font-size: var(--utrecht-typography-scale-lg-font-size);
5663
+ --denhaag-process-steps-step-heading-font-family: var(--utrecht-typography-sans-serif-font-family);
5664
+ --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
5665
+ --denhaag-process-steps-font-family: var(--utrecht-typography-sans-serif-font-family);
5626
5666
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
5627
5667
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
5628
5668
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
@@ -5863,6 +5903,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5863
5903
  /* Default background color for badge components */
5864
5904
  --utrecht-backdrop-color: var(--utrecht-color-black);
5865
5905
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
5906
+ --denhaag-process-steps-sub-step-line-color: var(--denhaag-process-steps-step-line-color);
5866
5907
  --utrecht-search-bar-invalid-border-color: var(--utrecht-feedback-invalid-border-color);
5867
5908
  --utrecht-toptask-link-hover-color: var(--utrecht-button-primary-action-hover-color);
5868
5909
  --utrecht-toptask-link-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);
package/dist/root-theme.css CHANGED
@@ -5,9 +5,14 @@
5
5
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
6
6
  /**
7
7
  * Do not edit directly
8
- * Generated on Fri, 29 Apr 2022 14:35:16 GMT
8
+ * Generated on Tue, 03 May 2022 10:52:53 GMT
9
9
  */
10
10
  :root {
11
+ --denhaag-process-steps-sub-step-heading-font-weight: utrecht.typography.weight-scale.normal.font-weight;
12
+ --denhaag-process-steps-sub-step-heading-font-family: ;
13
+ --denhaag-process-steps-sub-step-marker-size: 8px;
14
+ --denhaag-process-steps-step-marker-font-weight: utrecht.typography.weight-scale.bold.font-weight;
15
+ --denhaag-process-steps-step-marker-font-size: utrecht.typography.scale.ms;
11
16
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
12
17
  --utrecht-topnav-link-focus-text-decoration: none;
13
18
  --utrecht-topnav-link-focus-border-type: dotted;
@@ -36,8 +41,8 @@
36
41
  --utrecht-typography-letter-spacing-normal: normal;
37
42
  --utrecht-typography-font-style-inherit: inherit;
38
43
  --utrecht-typography-font-style-normal: normal;
39
- --utrecht-typography-weight-scale-normal-font-weight: normal;
40
- --utrecht-typography-weight-scale-bold-font-weight: bold;
44
+ --utrecht-typography-weight-scale-normal-font-weight: 400;
45
+ --utrecht-typography-weight-scale-bold-font-weight: 700;
41
46
  --utrecht-typography-scale-4xl-font-size: 2rem;
42
47
  /* 32px */
43
48
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
@@ -369,6 +374,41 @@
369
374
  --utrecht-badge-data-letter-spacing: 0.15ch;
370
375
  --utrecht-backdrop-opacity: 0.8;
371
376
  --utrecht-article-max-inline-size: 780px;
377
+ --denhaag-process-steps-sub-step-heading-font-size: var(--utrecht-typography-scale-sm-font-size);
378
+ --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
379
+ --denhaag-process-steps-step-description-font-size: var(--utrecht-typography-scale-md-font-size);
380
+ --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
381
+ --denhaag-process-steps-step-metadata-font-size: var(--utrecht-typography-scale-sm-font-size);
382
+ --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
383
+ --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
384
+ --denhaag-process-steps-step-line-checked-color: var(--utrecht-color-grey-40);
385
+ --denhaag-process-steps-step-line-color: var(--utrecht-color-grey-15);
386
+ --denhaag-process-steps-sub-step-marker-background-color: var(--utrecht-color-yellow-50);
387
+ --denhaag-process-steps-sub-step-marker-border-color: var(--utrecht-color-grey-15);
388
+ --denhaag-process-steps-step-marker-warning-color: var(--utrecht-color-invalid);
389
+ --denhaag-process-steps-step-marker-warning-background-color: var(--utrecht-color-white);
390
+ --denhaag-process-steps-step-marker-warning-border-color: var(--utrecht-color-invalid);
391
+ --denhaag-process-steps-step-marker-checked-color: var(--utrecht-color-grey-15);
392
+ --denhaag-process-steps-step-marker-checked-border-width: var(--utrecht-border-width-md);
393
+ --denhaag-process-steps-step-marker-checked-background-color: var(--utrecht-color-yellow-50);
394
+ --denhaag-process-steps-step-marker-checked-border-color: var(--utrecht-color-grey-15);
395
+ --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
396
+ --denhaag-process-steps-step-marker-current-border-width: var(--utrecht-border-width-md);
397
+ --denhaag-process-steps-step-marker-current-background-color: var(--utrecht-color-grey-15);
398
+ --denhaag-process-steps-step-marker-current-border-color: var(--utrecht-color-grey-15);
399
+ --denhaag-process-steps-step-marker-color: var(--utrecht-color-grey-15);
400
+ --denhaag-process-steps-step-marker-border-width: var(--utrecht-border-width-md);
401
+ --denhaag-process-steps-step-marker-background-color: var(--utrecht-color-yellow-50);
402
+ --denhaag-process-steps-step-marker-border-color: var(--utrecht-color-grey-15);
403
+ --denhaag-process-steps-step-heading-warning-color: var(--utrecht-color-black);
404
+ --denhaag-process-steps-step-heading-not-checked-color: var(--utrecht-color-black);
405
+ --denhaag-process-steps-step-heading-checked-color: var(--utrecht-color-black);
406
+ --denhaag-process-steps-step-heading-current-color: var(--utrecht-color-black);
407
+ --denhaag-process-steps-step-heading-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
408
+ --denhaag-process-steps-step-heading-font-size: var(--utrecht-typography-scale-lg-font-size);
409
+ --denhaag-process-steps-step-heading-font-family: var(--utrecht-typography-sans-serif-font-family);
410
+ --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
411
+ --denhaag-process-steps-font-family: var(--utrecht-typography-sans-serif-font-family);
372
412
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
373
413
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
374
414
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
@@ -609,6 +649,7 @@
609
649
  /* Default background color for badge components */
610
650
  --utrecht-backdrop-color: var(--utrecht-color-black);
611
651
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
652
+ --denhaag-process-steps-sub-step-line-color: var(--denhaag-process-steps-step-line-color);
612
653
  --utrecht-search-bar-invalid-border-color: var(--utrecht-feedback-invalid-border-color);
613
654
  --utrecht-toptask-link-hover-color: var(--utrecht-button-primary-action-hover-color);
614
655
  --utrecht-toptask-link-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.199",
2
+ "version": "1.0.0-alpha.200",
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.192",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.193",
20
20
  "node-sass-package-importer": "5.3.2",
21
21
  "rimraf": "3.0.2",
22
22
  "sass": "1.50.1"
@@ -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": "f8bf4deac60729a83c2fa7cbb3712d5be21181c1"
29
+ "gitHead": "e01b203c7b3f27644092628d2f9b230d9d7f9387"
30
30
  }