@nl-rvo/css-max-width-layout 1.3.0 → 1.3.2

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 (7) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/{README.md → README.mdx} +6 -1
  3. package/dist/index.css +6 -6
  4. package/dist/index.min.css +1 -1
  5. package/dist/index.mjs +1 -1
  6. package/package.json +3 -2
  7. package/src/index.scss +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # `@nl-rvo/css-max-width-layout`
2
2
 
3
+ ## 1.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - 084a230: Ensure package is published with provenance
8
+
9
+ ## 1.3.1
10
+
11
+ ### Patch Changes
12
+
13
+ - 93fdefc: Use CSS Logical properties, to support both `dir=ltr` and `dir=rtl`.
14
+
3
15
  ## 1.3.0
4
16
 
5
17
  ### Minor Changes
package/{README.md → README.mdx} RENAMED
@@ -20,4 +20,9 @@ Er zijn geen richtlijnen vanuit de Rijkshuisstijl betreffende de maximale breedt
20
20
 
21
21
  ## Bronnen
22
22
 
23
- - [Readability: The Optimal Line Length - Baymard Institute](https://web.archive.org/web/20220606133257/https://baymard.com/blog/line-length-readability)
23
+ - <a
24
+ href="https://web.archive.org/web/20220606133257/https://baymard.com/blog/line-length-readability"
25
+ class="rvo-link"
26
+ >
27
+ Readability: The Optimal Line Length - Baymard Institute
28
+ </a>
package/dist/index.css CHANGED
@@ -14,18 +14,18 @@
14
14
  }
15
15
 
16
16
  .rvo-max-width-layout--sm {
17
- max-width: var(--rvo-layout-max-width-sm);
18
- width: 100%;
17
+ inline-size: 100%;
18
+ max-inline-size: var(--rvo-layout-max-width-sm);
19
19
  }
20
20
 
21
21
  .rvo-max-width-layout--md {
22
- max-width: var(--rvo-layout-max-width-md);
23
- width: 100%;
22
+ inline-size: 100%;
23
+ max-inline-size: var(--rvo-layout-max-width-md);
24
24
  }
25
25
 
26
26
  .rvo-max-width-layout--lg {
27
- max-width: var(--rvo-layout-max-width-lg);
28
- width: 100%;
27
+ inline-size: 100%;
28
+ max-inline-size: var(--rvo-layout-max-width-lg);
29
29
  }
30
30
 
31
31
  .rvo-max-width-layout-inline-padding--sm {
package/dist/index.min.css CHANGED
@@ -1 +1 @@
1
- .rvo-max-width-layout{margin-inline-end:auto;margin-inline-start:auto}.rvo-max-width-layout--uncentered{margin-inline-end:0;margin-inline-start:0}.rvo-max-width-layout--sm{max-width:var(--rvo-layout-max-width-sm);width:100%}.rvo-max-width-layout--md{max-width:var(--rvo-layout-max-width-md);width:100%}.rvo-max-width-layout--lg{max-width:var(--rvo-layout-max-width-lg);width:100%}.rvo-max-width-layout-inline-padding--sm{padding-inline-end:var(--rvo-space-sm);padding-inline-start:var(--rvo-space-sm)}.rvo-max-width-layout-inline-padding--md{padding-inline-end:var(--rvo-space-md);padding-inline-start:var(--rvo-space-md)}.rvo-max-width-layout-inline-padding--lg{padding-inline-end:var(--rvo-space-lg);padding-inline-start:var(--rvo-space-lg)}
1
+ .rvo-max-width-layout{margin-inline-end:auto;margin-inline-start:auto}.rvo-max-width-layout--uncentered{margin-inline-end:0;margin-inline-start:0}.rvo-max-width-layout--sm{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-sm)}.rvo-max-width-layout--md{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-md)}.rvo-max-width-layout--lg{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-lg)}.rvo-max-width-layout-inline-padding--sm{padding-inline-end:var(--rvo-space-sm);padding-inline-start:var(--rvo-space-sm)}.rvo-max-width-layout-inline-padding--md{padding-inline-end:var(--rvo-space-md);padding-inline-start:var(--rvo-space-md)}.rvo-max-width-layout-inline-padding--lg{padding-inline-end:var(--rvo-space-lg);padding-inline-start:var(--rvo-space-lg)}
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- export default ".rvo-max-width-layout{margin-inline-end:auto;margin-inline-start:auto}.rvo-max-width-layout--uncentered{margin-inline-end:0;margin-inline-start:0}.rvo-max-width-layout--sm{max-width:var(--rvo-layout-max-width-sm);width:100%}.rvo-max-width-layout--md{max-width:var(--rvo-layout-max-width-md);width:100%}.rvo-max-width-layout--lg{max-width:var(--rvo-layout-max-width-lg);width:100%}.rvo-max-width-layout-inline-padding--sm{padding-inline-end:var(--rvo-space-sm);padding-inline-start:var(--rvo-space-sm)}.rvo-max-width-layout-inline-padding--md{padding-inline-end:var(--rvo-space-md);padding-inline-start:var(--rvo-space-md)}.rvo-max-width-layout-inline-padding--lg{padding-inline-end:var(--rvo-space-lg);padding-inline-start:var(--rvo-space-lg)}";
1
+ export default ".rvo-max-width-layout{margin-inline-end:auto;margin-inline-start:auto}.rvo-max-width-layout--uncentered{margin-inline-end:0;margin-inline-start:0}.rvo-max-width-layout--sm{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-sm)}.rvo-max-width-layout--md{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-md)}.rvo-max-width-layout--lg{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-lg)}.rvo-max-width-layout-inline-padding--sm{padding-inline-end:var(--rvo-space-sm);padding-inline-start:var(--rvo-space-sm)}.rvo-max-width-layout-inline-padding--md{padding-inline-end:var(--rvo-space-md);padding-inline-start:var(--rvo-space-md)}.rvo-max-width-layout-inline-padding--lg{padding-inline-end:var(--rvo-space-lg);padding-inline-start:var(--rvo-space-lg)}";
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.3.0",
2
+ "version": "1.3.2",
3
3
  "author": "Community for NL Design System",
4
4
  "license": "CC0-1.0",
5
5
  "name": "@nl-rvo/css-max-width-layout",
@@ -17,7 +17,8 @@
17
17
  ],
18
18
  "main": "dist/index.css",
19
19
  "publishConfig": {
20
- "access": "public"
20
+ "access": "public",
21
+ "provenance": true
21
22
  },
22
23
  "repository": {
23
24
  "type": "git+ssh",
package/src/index.scss CHANGED
@@ -13,18 +13,18 @@
13
13
  }
14
14
 
15
15
  .rvo-max-width-layout--sm {
16
- max-width: var(--rvo-layout-max-width-sm);
17
- width: 100%;
16
+ inline-size: 100%;
17
+ max-inline-size: var(--rvo-layout-max-width-sm);
18
18
  }
19
19
 
20
20
  .rvo-max-width-layout--md {
21
- max-width: var(--rvo-layout-max-width-md);
22
- width: 100%;
21
+ inline-size: 100%;
22
+ max-inline-size: var(--rvo-layout-max-width-md);
23
23
  }
24
24
 
25
25
  .rvo-max-width-layout--lg {
26
- max-width: var(--rvo-layout-max-width-lg);
27
- width: 100%;
26
+ inline-size: 100%;
27
+ max-inline-size: var(--rvo-layout-max-width-lg);
28
28
  }
29
29
 
30
30
  .rvo-max-width-layout-inline-padding--sm {