@utrecht/component-library-css 1.0.0-alpha.507 → 1.0.0-alpha.509

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.
package/dist/html.css CHANGED
@@ -1417,6 +1417,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
1417
1417
  color: var(--utrecht-table-row-alternate-odd-color);
1418
1418
  }
1419
1419
  .utrecht-html textarea {
1420
+ /* Fall back to `resize: vertical` for browsers that don't support `resize: block` */
1420
1421
  background-color: var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));
1421
1422
  border-width: var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));
1422
1423
  border-bottom-width: var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));
@@ -1437,6 +1438,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
1437
1438
  padding-inline-end: var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));
1438
1439
  padding-inline-start: var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));
1439
1440
  resize: vertical;
1441
+ resize: block;
1440
1442
  width: 100%;
1441
1443
  }
1442
1444
  .utrecht-html textarea:disabled {
@@ -1704,7 +1706,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
1704
1706
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));
1705
1707
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
1706
1708
  text-align: start;
1707
- width: max-content;
1708
1709
  --utrecht-space-around: 1;
1709
1710
  }
1710
1711
  .utrecht-html ul > li {
package/dist/index.css CHANGED
@@ -1322,6 +1322,7 @@ ol.utrecht-breadcrumb__list {
1322
1322
  .utrecht-button-group {
1323
1323
  background-color: var(--utrecht-button-group-background-color);
1324
1324
  display: flex;
1325
+ flex-wrap: wrap;
1325
1326
  gap: var(--utrecht-button-group-inline-gap, 1em);
1326
1327
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-end, 0));
1327
1328
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-start, 0));
@@ -1333,6 +1334,7 @@ ol.utrecht-breadcrumb__list {
1333
1334
  .utrecht-button-group--distanced {
1334
1335
  background-color: var(--utrecht-button-group-background-color);
1335
1336
  display: flex;
1337
+ flex-wrap: wrap;
1336
1338
  gap: var(--utrecht-button-group-inline-gap, 1em);
1337
1339
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-end, 0));
1338
1340
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-start, 0));
@@ -5212,6 +5214,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5212
5214
  */
5213
5215
  /* stylelint-disable-next-line block-no-empty */
5214
5216
  .utrecht-textarea {
5217
+ /* Fall back to `resize: vertical` for browsers that don't support `resize: block` */
5215
5218
  background-color: var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));
5216
5219
  border-width: var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));
5217
5220
  border-bottom-width: var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));
@@ -5232,6 +5235,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5232
5235
  padding-inline-end: var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));
5233
5236
  padding-inline-start: var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));
5234
5237
  resize: vertical;
5238
+ resize: block;
5235
5239
  width: 100%;
5236
5240
  }
5237
5241
 
@@ -5533,12 +5537,12 @@ however browsers don't seem to have implemented great looking supixel tweening y
5533
5537
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));
5534
5538
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
5535
5539
  text-align: start;
5536
- width: max-content;
5537
5540
  }
5538
5541
 
5539
5542
  .utrecht-unordered-list--center {
5540
5543
  margin-inline-end: auto;
5541
5544
  margin-inline-start: auto;
5545
+ width: max-content;
5542
5546
  }
5543
5547
 
5544
5548
  .utrecht-unordered-list--distanced {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.507",
2
+ "version": "1.0.0-alpha.509",
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": "6ce86707472275ea4c583c213d6d92712302a869"
29
+ "gitHead": "c70ef3168f178c806e3086465a3fec5c16f1078a"
30
30
  }