@utrecht/component-library-css 1.0.0-alpha.127 → 1.0.0-alpha.130

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 +29 -24
  2. package/dist/root-theme.css +29 -24
  3. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -5096,7 +5096,7 @@ 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 Sun, 21 Nov 2021 12:20:11 GMT
5099
+ * Generated on Fri, 26 Nov 2021 08:51:57 GMT
5100
5100
  */
5101
5101
  :root {
5102
5102
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -5119,7 +5119,7 @@ ol.utrecht-breadcrumb__list {
5119
5119
  --utrecht-typography-weight-scale-normal-font-weight: normal;
5120
5120
  --utrecht-typography-weight-scale-bold-font-weight: bold;
5121
5121
  --utrecht-typography-scale-4xl-font-size: 2rem;
5122
- /* 36px */
5122
+ /* 32px */
5123
5123
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
5124
5124
  /* 24px */
5125
5125
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
@@ -5331,17 +5331,17 @@ ol.utrecht-breadcrumb__list {
5331
5331
  --utrecht-custom-checkbox-size: 24px;
5332
5332
  --utrecht-custom-checkbox-border-width: 1px;
5333
5333
  --utrecht-custom-checkbox-border-radius: 0;
5334
- --utrecht-space-column-5xl: 80px;
5334
+ --utrecht-space-column-5xl: 64px;
5335
5335
  /* Extra Large 5 */
5336
- --utrecht-space-column-4xl: 64px;
5336
+ --utrecht-space-column-4xl: 48px;
5337
5337
  /* Extra Large 4 */
5338
- --utrecht-space-column-3xl: 48px;
5338
+ --utrecht-space-column-3xl: 32px;
5339
5339
  /* Extra Large 3 */
5340
- --utrecht-space-column-2xl: 32px;
5340
+ --utrecht-space-column-2xl: 28px;
5341
5341
  /* Extra Large 2 */
5342
- --utrecht-space-column-xl: 28px;
5342
+ --utrecht-space-column-xl: 24px;
5343
5343
  /* Extra Large */
5344
- --utrecht-space-column-lg: 24px;
5344
+ --utrecht-space-column-lg: 20px;
5345
5345
  /* Large */
5346
5346
  --utrecht-space-column-md: 16px;
5347
5347
  /* Medium */
@@ -5355,17 +5355,17 @@ ol.utrecht-breadcrumb__list {
5355
5355
  /* Extra Small 3 */
5356
5356
  --utrecht-space-column-4xs: 1px;
5357
5357
  /* Extra Small 4 */
5358
- --utrecht-space-row-5xl: 80px;
5358
+ --utrecht-space-row-5xl: 64px;
5359
5359
  /* Extra Large 5 */
5360
- --utrecht-space-row-4xl: 64px;
5360
+ --utrecht-space-row-4xl: 48px;
5361
5361
  /* Extra Large 4 */
5362
- --utrecht-space-row-3xl: 48px;
5362
+ --utrecht-space-row-3xl: 32px;
5363
5363
  /* Extra Large 3 */
5364
- --utrecht-space-row-2xl: 32px;
5364
+ --utrecht-space-row-2xl: 28px;
5365
5365
  /* Extra Large 2 */
5366
- --utrecht-space-row-xl: 28px;
5366
+ --utrecht-space-row-xl: 24px;
5367
5367
  /* Extra Large */
5368
- --utrecht-space-row-lg: 24px;
5368
+ --utrecht-space-row-lg: 20px;
5369
5369
  /* Large */
5370
5370
  --utrecht-space-row-md: 16px;
5371
5371
  /* Medium */
@@ -5397,13 +5397,15 @@ ol.utrecht-breadcrumb__list {
5397
5397
  /* Extra Small 2 */
5398
5398
  --utrecht-space-text-3xs: 0.125ch;
5399
5399
  /* Extra Small 3 */
5400
- --utrecht-space-inline-3xl: 48px;
5400
+ --utrecht-space-inline-4xl: 48px;
5401
+ /* Extra Large 4 */
5402
+ --utrecht-space-inline-3xl: 32px;
5401
5403
  /* Extra Large 3 */
5402
- --utrecht-space-inline-2xl: 32px;
5404
+ --utrecht-space-inline-2xl: 28px;
5403
5405
  /* Extra Large 2 */
5404
- --utrecht-space-inline-xl: 28px;
5406
+ --utrecht-space-inline-xl: 24px;
5405
5407
  /* Extra Large */
5406
- --utrecht-space-inline-lg: 24px;
5408
+ --utrecht-space-inline-lg: 20px;
5407
5409
  /* Large */
5408
5410
  --utrecht-space-inline-md: 16px;
5409
5411
  /* Medium */
@@ -5415,17 +5417,16 @@ ol.utrecht-breadcrumb__list {
5415
5417
  /* Extra Small 2 */
5416
5418
  --utrecht-space-inline-3xs: 2px;
5417
5419
  /* Extra Small 3 */
5418
- --utrecht-space-block-5xl: 80px;
5419
- /* Extra Large 5 */
5420
+ --utrecht-space-block-4xs: 1px;
5420
5421
  --utrecht-space-block-4xl: 64px;
5421
5422
  /* Extra Large 4 */
5422
5423
  --utrecht-space-block-3xl: 48px;
5423
5424
  /* Extra Large 3 */
5424
5425
  --utrecht-space-block-2xl: 32px;
5425
5426
  /* Extra Large 2 */
5426
- --utrecht-space-block-xl: 28px;
5427
+ --utrecht-space-block-xl: 24px;
5427
5428
  /* Extra Large */
5428
- --utrecht-space-block-lg: 24px;
5429
+ --utrecht-space-block-lg: 20px;
5429
5430
  /* Large */
5430
5431
  --utrecht-space-block-md: 16px;
5431
5432
  /* Medium */
@@ -5485,13 +5486,17 @@ ol.utrecht-breadcrumb__list {
5485
5486
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
5486
5487
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
5487
5488
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
5488
- --utrecht-search-bar-textbox-padding-inline-start: var(--utrecht-space-inline-2xl);
5489
+ --utrecht-search-bar-textbox-padding-inline-start: var(--utrecht-space-inline-3xl);
5489
5490
  --utrecht-search-bar-textbox-border-color: var(--utrecht-color-red-40);
5490
5491
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
5491
5492
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
5492
5493
  --utrecht-badge-counter-color: var(--utrecht-color-white);
5493
5494
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
5494
5495
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
5496
+ --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
5497
+ --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
5498
+ --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
5499
+ --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
5495
5500
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
5496
5501
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
5497
5502
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
@@ -5573,7 +5578,7 @@ ol.utrecht-breadcrumb__list {
5573
5578
  --utrecht-form-input-border-width: var(--utrecht-border-width-sm);
5574
5579
  --utrecht-form-input-border-color: var(--utrecht-color-grey-30);
5575
5580
  --utrecht-form-input-background-color: var(--utrecht-color-white);
5576
- --utrecht-form-fieldset-legend-margin-block-start: var(--utrecht-space-block-lg);
5581
+ --utrecht-form-fieldset-legend-margin-block-start: var(--utrecht-space-block-xl);
5577
5582
  --utrecht-form-fieldset-legend-margin-block-end: var(--utrecht-space-block-sm);
5578
5583
  --utrecht-form-fieldset-legend-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
5579
5584
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
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 Sun, 21 Nov 2021 12:20:11 GMT
8
+ * Generated on Fri, 26 Nov 2021 08:51:57 GMT
9
9
  */
10
10
  :root {
11
11
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -28,7 +28,7 @@
28
28
  --utrecht-typography-weight-scale-normal-font-weight: normal;
29
29
  --utrecht-typography-weight-scale-bold-font-weight: bold;
30
30
  --utrecht-typography-scale-4xl-font-size: 2rem;
31
- /* 36px */
31
+ /* 32px */
32
32
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
33
33
  /* 24px */
34
34
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
@@ -240,17 +240,17 @@
240
240
  --utrecht-custom-checkbox-size: 24px;
241
241
  --utrecht-custom-checkbox-border-width: 1px;
242
242
  --utrecht-custom-checkbox-border-radius: 0;
243
- --utrecht-space-column-5xl: 80px;
243
+ --utrecht-space-column-5xl: 64px;
244
244
  /* Extra Large 5 */
245
- --utrecht-space-column-4xl: 64px;
245
+ --utrecht-space-column-4xl: 48px;
246
246
  /* Extra Large 4 */
247
- --utrecht-space-column-3xl: 48px;
247
+ --utrecht-space-column-3xl: 32px;
248
248
  /* Extra Large 3 */
249
- --utrecht-space-column-2xl: 32px;
249
+ --utrecht-space-column-2xl: 28px;
250
250
  /* Extra Large 2 */
251
- --utrecht-space-column-xl: 28px;
251
+ --utrecht-space-column-xl: 24px;
252
252
  /* Extra Large */
253
- --utrecht-space-column-lg: 24px;
253
+ --utrecht-space-column-lg: 20px;
254
254
  /* Large */
255
255
  --utrecht-space-column-md: 16px;
256
256
  /* Medium */
@@ -264,17 +264,17 @@
264
264
  /* Extra Small 3 */
265
265
  --utrecht-space-column-4xs: 1px;
266
266
  /* Extra Small 4 */
267
- --utrecht-space-row-5xl: 80px;
267
+ --utrecht-space-row-5xl: 64px;
268
268
  /* Extra Large 5 */
269
- --utrecht-space-row-4xl: 64px;
269
+ --utrecht-space-row-4xl: 48px;
270
270
  /* Extra Large 4 */
271
- --utrecht-space-row-3xl: 48px;
271
+ --utrecht-space-row-3xl: 32px;
272
272
  /* Extra Large 3 */
273
- --utrecht-space-row-2xl: 32px;
273
+ --utrecht-space-row-2xl: 28px;
274
274
  /* Extra Large 2 */
275
- --utrecht-space-row-xl: 28px;
275
+ --utrecht-space-row-xl: 24px;
276
276
  /* Extra Large */
277
- --utrecht-space-row-lg: 24px;
277
+ --utrecht-space-row-lg: 20px;
278
278
  /* Large */
279
279
  --utrecht-space-row-md: 16px;
280
280
  /* Medium */
@@ -306,13 +306,15 @@
306
306
  /* Extra Small 2 */
307
307
  --utrecht-space-text-3xs: 0.125ch;
308
308
  /* Extra Small 3 */
309
- --utrecht-space-inline-3xl: 48px;
309
+ --utrecht-space-inline-4xl: 48px;
310
+ /* Extra Large 4 */
311
+ --utrecht-space-inline-3xl: 32px;
310
312
  /* Extra Large 3 */
311
- --utrecht-space-inline-2xl: 32px;
313
+ --utrecht-space-inline-2xl: 28px;
312
314
  /* Extra Large 2 */
313
- --utrecht-space-inline-xl: 28px;
315
+ --utrecht-space-inline-xl: 24px;
314
316
  /* Extra Large */
315
- --utrecht-space-inline-lg: 24px;
317
+ --utrecht-space-inline-lg: 20px;
316
318
  /* Large */
317
319
  --utrecht-space-inline-md: 16px;
318
320
  /* Medium */
@@ -324,17 +326,16 @@
324
326
  /* Extra Small 2 */
325
327
  --utrecht-space-inline-3xs: 2px;
326
328
  /* Extra Small 3 */
327
- --utrecht-space-block-5xl: 80px;
328
- /* Extra Large 5 */
329
+ --utrecht-space-block-4xs: 1px;
329
330
  --utrecht-space-block-4xl: 64px;
330
331
  /* Extra Large 4 */
331
332
  --utrecht-space-block-3xl: 48px;
332
333
  /* Extra Large 3 */
333
334
  --utrecht-space-block-2xl: 32px;
334
335
  /* Extra Large 2 */
335
- --utrecht-space-block-xl: 28px;
336
+ --utrecht-space-block-xl: 24px;
336
337
  /* Extra Large */
337
- --utrecht-space-block-lg: 24px;
338
+ --utrecht-space-block-lg: 20px;
338
339
  /* Large */
339
340
  --utrecht-space-block-md: 16px;
340
341
  /* Medium */
@@ -394,13 +395,17 @@
394
395
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
395
396
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
396
397
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
397
- --utrecht-search-bar-textbox-padding-inline-start: var(--utrecht-space-inline-2xl);
398
+ --utrecht-search-bar-textbox-padding-inline-start: var(--utrecht-space-inline-3xl);
398
399
  --utrecht-search-bar-textbox-border-color: var(--utrecht-color-red-40);
399
400
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
400
401
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
401
402
  --utrecht-badge-counter-color: var(--utrecht-color-white);
402
403
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
403
404
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
405
+ --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
406
+ --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
407
+ --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
408
+ --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
404
409
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
405
410
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
406
411
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
@@ -482,7 +487,7 @@
482
487
  --utrecht-form-input-border-width: var(--utrecht-border-width-sm);
483
488
  --utrecht-form-input-border-color: var(--utrecht-color-grey-30);
484
489
  --utrecht-form-input-background-color: var(--utrecht-color-white);
485
- --utrecht-form-fieldset-legend-margin-block-start: var(--utrecht-space-block-lg);
490
+ --utrecht-form-fieldset-legend-margin-block-start: var(--utrecht-space-block-xl);
486
491
  --utrecht-form-fieldset-legend-margin-block-end: var(--utrecht-space-block-sm);
487
492
  --utrecht-form-fieldset-legend-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
488
493
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.127",
2
+ "version": "1.0.0-alpha.130",
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.120",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.123",
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": "cd0877f4e883bfa12f23b35c0ab341cb1e1db035"
29
+ "gitHead": "70d9882efe72bc9a11cdaaed3addd169da5310b6"
30
30
  }