@nl-rvo/css-image 1.2.0 → 1.2.1

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/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @nl-rvo/css-image
2
2
 
3
+ ## 1.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 084a230: Ensure package is published with provenance
8
+
3
9
  ## 1.2.0
4
10
 
5
11
  ### Minor Changes
package/dist/index.css CHANGED
@@ -9,12 +9,12 @@
9
9
  --rvo-image-object-fit: cover;
10
10
  --rvo-image-object-position: center;
11
11
  --rvo-image-border-radius: var(--rvo-border-radius-2xl, 4px);
12
+ block-size: var(--rvo-image-height);
12
13
  display: block;
13
- height: var(--rvo-image-height);
14
- max-width: var(--rvo-image-max-width);
14
+ inline-size: var(--rvo-image-width);
15
+ max-inline-size: var(--rvo-image-max-width);
15
16
  object-fit: var(--rvo-image-object-fit);
16
17
  object-position: var(--rvo-image-object-position);
17
- width: var(--rvo-image-width);
18
18
  }
19
19
  .rvo-image--radius-size-sm {
20
20
  --rvo-image-border-radius: var(--rvo-border-radius-sm, 3px);
@@ -1 +1 @@
1
- .rvo-image{--rvo-image-width:auto;--rvo-image-height:auto;--rvo-image-max-width:100%;--rvo-image-object-fit:cover;--rvo-image-object-position:center;--rvo-image-border-radius:var(--rvo-border-radius-2xl,4px);display:block;height:var(--rvo-image-height);max-width:var(--rvo-image-max-width);object-fit:var(--rvo-image-object-fit);object-position:var(--rvo-image-object-position);width:var(--rvo-image-width)}.rvo-image--radius-size-sm{--rvo-image-border-radius:var(--rvo-border-radius-sm,3px)}.rvo-image--radius-size-md{--rvo-image-border-radius:var(--rvo-border-radius-md,5px)}.rvo-image--radius-size-lg{--rvo-image-border-radius:var(--rvo-border-radius-lg,10px)}.rvo-image--radius-size-xl{--rvo-image-border-radius:var(--rvo-border-radius-xl,20px)}.rvo-image--radius-size-2xl{--rvo-image-border-radius:var(--rvo-border-radius-2xl,50px)}.rvo-image--radius-all{border-radius:var(--rvo-image-border-radius)}.rvo-image--radius-top-left{border-start-start-radius:var(--rvo-image-border-radius)}.rvo-image--radius-top-right{border-start-end-radius:var(--rvo-image-border-radius)}.rvo-image--radius-bottom-right{border-end-end-radius:var(--rvo-image-border-radius)}.rvo-image--radius-bottom-left{border-end-start-radius:var(--rvo-image-border-radius)}.rvo-image__wrapper{display:inline-block;line-height:0;margin:0}
1
+ .rvo-image{--rvo-image-width:auto;--rvo-image-height:auto;--rvo-image-max-width:100%;--rvo-image-object-fit:cover;--rvo-image-object-position:center;--rvo-image-border-radius:var(--rvo-border-radius-2xl,4px);block-size:var(--rvo-image-height);display:block;inline-size:var(--rvo-image-width);max-inline-size:var(--rvo-image-max-width);object-fit:var(--rvo-image-object-fit);object-position:var(--rvo-image-object-position)}.rvo-image--radius-size-sm{--rvo-image-border-radius:var(--rvo-border-radius-sm,3px)}.rvo-image--radius-size-md{--rvo-image-border-radius:var(--rvo-border-radius-md,5px)}.rvo-image--radius-size-lg{--rvo-image-border-radius:var(--rvo-border-radius-lg,10px)}.rvo-image--radius-size-xl{--rvo-image-border-radius:var(--rvo-border-radius-xl,20px)}.rvo-image--radius-size-2xl{--rvo-image-border-radius:var(--rvo-border-radius-2xl,50px)}.rvo-image--radius-all{border-radius:var(--rvo-image-border-radius)}.rvo-image--radius-top-left{border-start-start-radius:var(--rvo-image-border-radius)}.rvo-image--radius-top-right{border-start-end-radius:var(--rvo-image-border-radius)}.rvo-image--radius-bottom-right{border-end-end-radius:var(--rvo-image-border-radius)}.rvo-image--radius-bottom-left{border-end-start-radius:var(--rvo-image-border-radius)}.rvo-image__wrapper{display:inline-block;line-height:0;margin:0}
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- export default ".rvo-image{--rvo-image-width:auto;--rvo-image-height:auto;--rvo-image-max-width:100%;--rvo-image-object-fit:cover;--rvo-image-object-position:center;--rvo-image-border-radius:var(--rvo-border-radius-2xl,4px);display:block;height:var(--rvo-image-height);max-width:var(--rvo-image-max-width);object-fit:var(--rvo-image-object-fit);object-position:var(--rvo-image-object-position);width:var(--rvo-image-width)}.rvo-image--radius-size-sm{--rvo-image-border-radius:var(--rvo-border-radius-sm,3px)}.rvo-image--radius-size-md{--rvo-image-border-radius:var(--rvo-border-radius-md,5px)}.rvo-image--radius-size-lg{--rvo-image-border-radius:var(--rvo-border-radius-lg,10px)}.rvo-image--radius-size-xl{--rvo-image-border-radius:var(--rvo-border-radius-xl,20px)}.rvo-image--radius-size-2xl{--rvo-image-border-radius:var(--rvo-border-radius-2xl,50px)}.rvo-image--radius-all{border-radius:var(--rvo-image-border-radius)}.rvo-image--radius-top-left{border-start-start-radius:var(--rvo-image-border-radius)}.rvo-image--radius-top-right{border-start-end-radius:var(--rvo-image-border-radius)}.rvo-image--radius-bottom-right{border-end-end-radius:var(--rvo-image-border-radius)}.rvo-image--radius-bottom-left{border-end-start-radius:var(--rvo-image-border-radius)}.rvo-image__wrapper{display:inline-block;line-height:0;margin:0}";
1
+ export default ".rvo-image{--rvo-image-width:auto;--rvo-image-height:auto;--rvo-image-max-width:100%;--rvo-image-object-fit:cover;--rvo-image-object-position:center;--rvo-image-border-radius:var(--rvo-border-radius-2xl,4px);block-size:var(--rvo-image-height);display:block;inline-size:var(--rvo-image-width);max-inline-size:var(--rvo-image-max-width);object-fit:var(--rvo-image-object-fit);object-position:var(--rvo-image-object-position)}.rvo-image--radius-size-sm{--rvo-image-border-radius:var(--rvo-border-radius-sm,3px)}.rvo-image--radius-size-md{--rvo-image-border-radius:var(--rvo-border-radius-md,5px)}.rvo-image--radius-size-lg{--rvo-image-border-radius:var(--rvo-border-radius-lg,10px)}.rvo-image--radius-size-xl{--rvo-image-border-radius:var(--rvo-border-radius-xl,20px)}.rvo-image--radius-size-2xl{--rvo-image-border-radius:var(--rvo-border-radius-2xl,50px)}.rvo-image--radius-all{border-radius:var(--rvo-image-border-radius)}.rvo-image--radius-top-left{border-start-start-radius:var(--rvo-image-border-radius)}.rvo-image--radius-top-right{border-start-end-radius:var(--rvo-image-border-radius)}.rvo-image--radius-bottom-right{border-end-end-radius:var(--rvo-image-border-radius)}.rvo-image--radius-bottom-left{border-end-start-radius:var(--rvo-image-border-radius)}.rvo-image__wrapper{display:inline-block;line-height:0;margin:0}";
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.2.0",
2
+ "version": "1.2.1",
3
3
  "author": "Community for NL Design System",
4
4
  "license": "CC0-1.0",
5
5
  "name": "@nl-rvo/css-image",
@@ -18,7 +18,8 @@
18
18
  "main": "dist/index.css",
19
19
  "style": "dist/index.css",
20
20
  "publishConfig": {
21
- "access": "public"
21
+ "access": "public",
22
+ "provenance": true
22
23
  },
23
24
  "repository": {
24
25
  "type": "git+ssh",
package/src/index.scss CHANGED
@@ -11,12 +11,12 @@
11
11
  --rvo-image-object-position: center;
12
12
  --rvo-image-border-radius: var(--rvo-border-radius-2xl, 4px);
13
13
 
14
+ block-size: var(--rvo-image-height);
14
15
  display: block;
15
- height: var(--rvo-image-height);
16
- max-width: var(--rvo-image-max-width);
16
+ inline-size: var(--rvo-image-width);
17
+ max-inline-size: var(--rvo-image-max-width);
17
18
  object-fit: var(--rvo-image-object-fit);
18
19
  object-position: var(--rvo-image-object-position);
19
- width: var(--rvo-image-width);
20
20
 
21
21
  &--radius-size {
22
22
  &-sm {