@utrecht/component-library-css 1.0.0-alpha.124 → 1.0.0-alpha.128

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 +16 -1
  2. package/dist/root-theme.css +16 -1
  3. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -5096,9 +5096,10 @@ ol.utrecht-breadcrumb__list {
5096
5096
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
5097
5097
  /**
5098
5098
  * Do not edit directly
5099
- * Generated on Sat, 13 Nov 2021 15:01:46 GMT
5099
+ * Generated on Wed, 24 Nov 2021 11:23:40 GMT
5100
5100
  */
5101
5101
  :root {
5102
+ --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
5102
5103
  --utrecht-topnav-link-focus-text-decoration: none;
5103
5104
  --utrecht-topnav-link-focus-border-type: dotted;
5104
5105
  --utrecht-search-bar-hover-transform: 1;
@@ -5193,6 +5194,12 @@ ol.utrecht-breadcrumb__list {
5193
5194
  --utrecht-unordered-list-item-margin-block-start: 0.5rem;
5194
5195
  --utrecht-unordered-list-margin-block-end: 1rem;
5195
5196
  --utrecht-unordered-list-margin-block-start: 0;
5197
+ --utrecht-toptask-link-icon-size: 1.7rem;
5198
+ --utrecht-toptask-link-hover-transform-scale: 1.02;
5199
+ --utrecht-toptask-link-min-inline-size: 15rem;
5200
+ --utrecht-toptask-link-min-block-size: 8.25rem;
5201
+ --utrecht-toptask-link-line-height: 1.2;
5202
+ --utrecht-toptask-link-font-size: 1rem;
5196
5203
  --utrecht-textbox-border-bottom-width: 3px;
5197
5204
  --utrecht-textarea-border-bottom-width: 3px;
5198
5205
  --utrecht-table-cell-padding-inline-start: 0.4em;
@@ -5452,7 +5459,9 @@ ol.utrecht-breadcrumb__list {
5452
5459
  --utrecht-badge-status-letter-spacing: 0.15ch;
5453
5460
  --utrecht-badge-data-text-transform: uppercase;
5454
5461
  --utrecht-badge-data-letter-spacing: 0.15ch;
5462
+ --utrecht-backdrop-opacity: 0.8;
5455
5463
  --utrecht-article-max-inline-size: 780px;
5464
+ --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
5456
5465
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
5457
5466
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
5458
5467
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
@@ -5652,7 +5661,13 @@ ol.utrecht-breadcrumb__list {
5652
5661
  /* Default text color for badge components */
5653
5662
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
5654
5663
  /* Default background color for badge components */
5664
+ --utrecht-backdrop-color: var(--utrecht-color-black);
5665
+ --utrecht-backdrop-background-color: var(--utrecht-color-white);
5655
5666
  --utrecht-search-bar-invalid-border-color: var(--utrecht-feedback-invalid-border-color);
5667
+ --utrecht-toptask-link-hover-color: var(--utrecht-button-primary-action-hover-color);
5668
+ --utrecht-toptask-link-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);
5669
+ --utrecht-toptask-link-color: var(--utrecht-button-color);
5670
+ --utrecht-toptask-link-background-color: var(--utrecht-button-background-color);
5656
5671
  --utrecht-mapcontrolbutton-focus-border-color: var(--utrecht-focus-border-color);
5657
5672
  --utrecht-mapcontrolbutton-focus-outline-color: var(--utrecht-focus-outline-color);
5658
5673
  --utrecht-mapcontrolbutton-focus-border-style: var(--utrecht-focus-border-style);
package/dist/root-theme.css CHANGED
@@ -5,9 +5,10 @@
5
5
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
6
6
  /**
7
7
  * Do not edit directly
8
- * Generated on Sat, 13 Nov 2021 15:01:46 GMT
8
+ * Generated on Wed, 24 Nov 2021 11:23:40 GMT
9
9
  */
10
10
  :root {
11
+ --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
11
12
  --utrecht-topnav-link-focus-text-decoration: none;
12
13
  --utrecht-topnav-link-focus-border-type: dotted;
13
14
  --utrecht-search-bar-hover-transform: 1;
@@ -102,6 +103,12 @@
102
103
  --utrecht-unordered-list-item-margin-block-start: 0.5rem;
103
104
  --utrecht-unordered-list-margin-block-end: 1rem;
104
105
  --utrecht-unordered-list-margin-block-start: 0;
106
+ --utrecht-toptask-link-icon-size: 1.7rem;
107
+ --utrecht-toptask-link-hover-transform-scale: 1.02;
108
+ --utrecht-toptask-link-min-inline-size: 15rem;
109
+ --utrecht-toptask-link-min-block-size: 8.25rem;
110
+ --utrecht-toptask-link-line-height: 1.2;
111
+ --utrecht-toptask-link-font-size: 1rem;
105
112
  --utrecht-textbox-border-bottom-width: 3px;
106
113
  --utrecht-textarea-border-bottom-width: 3px;
107
114
  --utrecht-table-cell-padding-inline-start: 0.4em;
@@ -361,7 +368,9 @@
361
368
  --utrecht-badge-status-letter-spacing: 0.15ch;
362
369
  --utrecht-badge-data-text-transform: uppercase;
363
370
  --utrecht-badge-data-letter-spacing: 0.15ch;
371
+ --utrecht-backdrop-opacity: 0.8;
364
372
  --utrecht-article-max-inline-size: 780px;
373
+ --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
365
374
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
366
375
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
367
376
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
@@ -561,7 +570,13 @@
561
570
  /* Default text color for badge components */
562
571
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
563
572
  /* Default background color for badge components */
573
+ --utrecht-backdrop-color: var(--utrecht-color-black);
574
+ --utrecht-backdrop-background-color: var(--utrecht-color-white);
564
575
  --utrecht-search-bar-invalid-border-color: var(--utrecht-feedback-invalid-border-color);
576
+ --utrecht-toptask-link-hover-color: var(--utrecht-button-primary-action-hover-color);
577
+ --utrecht-toptask-link-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);
578
+ --utrecht-toptask-link-color: var(--utrecht-button-color);
579
+ --utrecht-toptask-link-background-color: var(--utrecht-button-background-color);
565
580
  --utrecht-mapcontrolbutton-focus-border-color: var(--utrecht-focus-border-color);
566
581
  --utrecht-mapcontrolbutton-focus-outline-color: var(--utrecht-focus-outline-color);
567
582
  --utrecht-mapcontrolbutton-focus-border-style: var(--utrecht-focus-border-style);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.124",
2
+ "version": "1.0.0-alpha.128",
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.117",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.121",
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": "a5baaf175bc9f471382b07acee41d073aedd507a"
29
+ "gitHead": "bd42058b147e9efa2d9b57be8f0e319e53f790f7"
30
30
  }