@utrecht/component-library-css 1.0.0-alpha.484 → 1.0.0-alpha.485

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 (2) hide show
  1. package/dist/index.css +15 -12
  2. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -423,17 +423,17 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
423
423
  }
424
424
 
425
425
  .utrecht-badge-status--danger {
426
- background-color: var(--utrecht-feedback-danger-fill-background-color, hsl(0deg, 100%, 50%));
426
+ background-color: var(--utrecht-feedback-danger-fill-background-color, hsl(0deg, 100%, 40%));
427
427
  color: var(--utrecht-feedback-danger-fill-color, white);
428
428
  }
429
429
 
430
430
  .utrecht-badge-status--warning {
431
- background-color: var(--utrecht-feedback-warning-fill-background-color, hsl(39deg, 100%, 50%));
431
+ background-color: var(--utrecht-feedback-warning-fill-background-color, hsl(48deg, 100%, 50%));
432
432
  color: var(--utrecht-feedback-warning-fill-color, white);
433
433
  }
434
434
 
435
435
  .utrecht-badge-status--safe {
436
- background-color: var(--utrecht-feedback-safe-fill-background-color, hsl(120deg, 100%, 25%));
436
+ background-color: var(--utrecht-feedback-safe-fill-background-color, hsl(90deg, 30%, 50%));
437
437
  color: var(--utrecht-feedback-safe-fill-color, white);
438
438
  }
439
439
 
@@ -443,7 +443,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
443
443
  }
444
444
 
445
445
  .utrecht-badge-status--valid {
446
- background-color: var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(0deg, 100%, 50%)));
446
+ background-color: var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90deg, 30%, 50%)));
447
447
  color: var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white));
448
448
  }
449
449
 
@@ -453,22 +453,22 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
453
453
  }
454
454
 
455
455
  .utrecht-badge-status--error {
456
- background-color: var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39deg, 100%, 50%)));
456
+ background-color: var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0deg, 100%, 30%)));
457
457
  color: var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white));
458
458
  }
459
459
 
460
460
  .utrecht-badge-status--success {
461
- background-color: var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(39deg, 100%, 50%)));
461
+ background-color: var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90deg, 30%, 50%)));
462
462
  color: var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white));
463
463
  }
464
464
 
465
465
  .utrecht-badge-status--active {
466
- background-color: var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(39deg, 100%, 50%)));
466
+ background-color: var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90deg, 30%, 50%)));
467
467
  color: var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white));
468
468
  }
469
469
 
470
470
  .utrecht-badge-status--inactive {
471
- background-color: var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39deg, 100%, 50%)));
471
+ background-color: var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0deg, 100%, 40%)));
472
472
  color: var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white));
473
473
  }
474
474
 
@@ -1357,7 +1357,7 @@ ol.utrecht-breadcrumb__list {
1357
1357
  */
1358
1358
  .utrecht-calendar {
1359
1359
  background-color: var(--utrecht-calendar-background-color);
1360
- width: var(--utrecht-calendar-width);
1360
+ width: fit-content;
1361
1361
  }
1362
1362
 
1363
1363
  .utrecht-calendar__table {
@@ -1367,6 +1367,9 @@ ol.utrecht-breadcrumb__list {
1367
1367
  }
1368
1368
 
1369
1369
  .utrecht-calendar__table-weeks-item {
1370
+ line-height: var(--utrecht-calendar-table-weeks-item-line-height, inherit);
1371
+ padding-block-end: var(--utrecht-calendar-table-weeks-item-padding-block-end);
1372
+ padding-block-start: var(--utrecht-calendar-table-weeks-item-padding-block-start);
1370
1373
  width: var(--utrecht-calendar-table-weeks-item-width);
1371
1374
  }
1372
1375
 
@@ -1443,16 +1446,16 @@ ol.utrecht-breadcrumb__list {
1443
1446
  }
1444
1447
 
1445
1448
  .utrecht-calendar__navigation-label {
1446
- --utrecht-heading-2-color: var(--utrecht-calendar-navigation-label-color);
1449
+ color: var(--utrecht-calendar-navigation-label-color);
1447
1450
  font-size: var(--utrecht-calendar-navigation-label-min-font-size);
1448
- min-inline-size: var(--utrecht-calendar-navigation-label-min-inline-size);
1449
1451
  text-align: center;
1450
1452
  }
1451
1453
 
1452
1454
  .utrecht-calendar__navigation-buttons {
1453
1455
  align-items: center;
1454
1456
  display: flex;
1455
- justify-content: center;
1457
+ flex-grow: 1;
1458
+ justify-content: space-between;
1456
1459
  }
1457
1460
 
1458
1461
  .utrecht-calendar__button {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.484",
2
+ "version": "1.0.0-alpha.485",
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",
@@ -26,5 +26,5 @@
26
26
  "clean": "rimraf dist/"
27
27
  },
28
28
  "main": "dist/index.css",
29
- "gitHead": "e3a3054457b9a5292816a0de4ef25bdc403ee99d"
29
+ "gitHead": "d8da6033755770c5d855f0c03ef07da76bff86cd"
30
30
  }