@utrecht/component-library-css 1.0.0-alpha.522 → 1.0.0-alpha.523

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/html.css +4 -2
  2. package/dist/index.css +8 -3
  3. package/package.json +2 -2
package/dist/html.css CHANGED
@@ -1034,7 +1034,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
1034
1034
  white-space: nowrap;
1035
1035
  }
1036
1036
  .utrecht-html ol {
1037
- /* Configure `width` and `text-align` for `--center` */
1037
+ /* Configure `box-sizing` and `text-align` for `--center` */
1038
+ box-sizing: border-box;
1038
1039
  font-family: var(--utrecht-document-font-family, inherit);
1039
1040
  font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
1040
1041
  line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
@@ -1042,7 +1043,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
1042
1043
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
1043
1044
  padding-inline-start: var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch));
1044
1045
  text-align: start;
1045
- width: max-content;
1046
1046
  --utrecht-space-around: 1;
1047
1047
  }
1048
1048
  .utrecht-html ol > li {
@@ -1735,6 +1735,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
1735
1735
  font-variant-ligatures: none;
1736
1736
  }
1737
1737
  .utrecht-html ul {
1738
+ /* Configure `box-sizing` and `text-align` for `--center` */
1739
+ box-sizing: border-box;
1738
1740
  font-family: var(--utrecht-document-font-family, inherit);
1739
1741
  font-size: var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit));
1740
1742
  line-height: var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit));
package/dist/index.css CHANGED
@@ -4255,7 +4255,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
4255
4255
  */
4256
4256
  .utrecht-ordered-list,
4257
4257
  .utrecht-ordered-list--html-content ol {
4258
- /* Configure `width` and `text-align` for `--center` */
4258
+ /* Configure `box-sizing` and `text-align` for `--center` */
4259
+ box-sizing: border-box;
4259
4260
  font-family: var(--utrecht-document-font-family, inherit);
4260
4261
  font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
4261
4262
  line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
@@ -4263,12 +4264,13 @@ however browsers don't seem to have implemented great looking supixel tweening y
4263
4264
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
4264
4265
  padding-inline-start: var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch));
4265
4266
  text-align: start;
4266
- width: max-content;
4267
4267
  }
4268
4268
 
4269
4269
  .utrecht-ordered-list--center {
4270
+ inline-size: max-content;
4270
4271
  margin-inline-end: auto;
4271
4272
  margin-inline-start: auto;
4273
+ max-inline-size: 100%;
4272
4274
  }
4273
4275
 
4274
4276
  .utrecht-ordered-list--distanced {
@@ -5857,6 +5859,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
5857
5859
  */
5858
5860
  .utrecht-unordered-list,
5859
5861
  .utrecht-unordered-list--html-content ul {
5862
+ /* Configure `box-sizing` and `text-align` for `--center` */
5863
+ box-sizing: border-box;
5860
5864
  font-family: var(--utrecht-document-font-family, inherit);
5861
5865
  font-size: var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit));
5862
5866
  line-height: var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit));
@@ -5867,9 +5871,10 @@ however browsers don't seem to have implemented great looking supixel tweening y
5867
5871
  }
5868
5872
 
5869
5873
  .utrecht-unordered-list--center {
5874
+ inline-size: max-content;
5870
5875
  margin-inline-end: auto;
5871
5876
  margin-inline-start: auto;
5872
- width: max-content;
5877
+ max-inline-size: 100%;
5873
5878
  }
5874
5879
 
5875
5880
  .utrecht-unordered-list--distanced {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.522",
2
+ "version": "1.0.0-alpha.523",
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": "2655f0a2e1247f58b5e7ae9e4844f0bb1c7d5c91"
29
+ "gitHead": "74fc6f880f17cabc3ddfcc9096ab998ce908d6ae"
30
30
  }