@nl-rvo/css-icon 1.5.0 → 1.5.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.min.css +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/package.json +1 -1
  6. package/src/index.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # `@nl-rvo/css-icon`
2
2
 
3
+ ## 1.5.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 93fdefc: Use CSS Logical properties, to support both `dir=ltr` and `dir=rtl`.
8
+
3
9
  ## 1.5.0
4
10
 
5
11
  ### Minor Changes
package/dist/index.css CHANGED
@@ -27,7 +27,7 @@
27
27
 
28
28
  .rvo-icon {
29
29
  background-color: var(--utrecht-icon-color, currentColor);
30
- min-width: var(--utrecht-icon-size);
30
+ min-inline-size: var(--utrecht-icon-size);
31
31
  }
32
32
 
33
33
  .rvo-icon--xs {
package/dist/index.min.css CHANGED
@@ -1 +1 @@
1
- .utrecht-icon{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start,0);position:relative}.utrecht-icon svg{height:100%;pointer-events:none;width:100%}.rvo-icon{background-color:var(--utrecht-icon-color,currentColor);min-width:var(--utrecht-icon-size)}.rvo-icon--xs{--utrecht-icon-size:var(--rvo-icon-xs-width)}.rvo-icon--sm{--utrecht-icon-size:var(--rvo-icon-sm-width)}.rvo-icon--md{--utrecht-icon-size:var(--rvo-icon-md-width)}.rvo-icon--lg{--utrecht-icon-size:var(--rvo-icon-lg-width)}.rvo-icon--xl{--utrecht-icon-size:var(--rvo-icon-xl-width)}.rvo-icon--2xl{--utrecht-icon-size:var(--rvo-icon-2xl-width)}.rvo-icon--3xl{--utrecht-icon-size:var(--rvo-icon-3xl-width)}.rvo-icon--4xl{--utrecht-icon-size:var(--rvo-icon-4xl-width)}.rvo-icon--wit{--utrecht-icon-color:var(--rvo-color-wit)}.rvo-icon--hemelblauw{--utrecht-icon-color:var(--rvo-color-hemelblauw)}.rvo-icon--donkerblauw{--utrecht-icon-color:var(--rvo-color-donkerblauw)}.rvo-icon--lintblauw{--utrecht-icon-color:var(--rvo-color-lintblauw)}.rvo-icon--zwart{--utrecht-icon-color:var(--rvo-color-zwart)}.rvo-icon--grijs-700{--utrecht-icon-color:var(--rvo-color-grijs-700)}
1
+ .utrecht-icon{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start,0);position:relative}.utrecht-icon svg{height:100%;pointer-events:none;width:100%}.rvo-icon{background-color:var(--utrecht-icon-color,currentColor);min-inline-size:var(--utrecht-icon-size)}.rvo-icon--xs{--utrecht-icon-size:var(--rvo-icon-xs-width)}.rvo-icon--sm{--utrecht-icon-size:var(--rvo-icon-sm-width)}.rvo-icon--md{--utrecht-icon-size:var(--rvo-icon-md-width)}.rvo-icon--lg{--utrecht-icon-size:var(--rvo-icon-lg-width)}.rvo-icon--xl{--utrecht-icon-size:var(--rvo-icon-xl-width)}.rvo-icon--2xl{--utrecht-icon-size:var(--rvo-icon-2xl-width)}.rvo-icon--3xl{--utrecht-icon-size:var(--rvo-icon-3xl-width)}.rvo-icon--4xl{--utrecht-icon-size:var(--rvo-icon-4xl-width)}.rvo-icon--wit{--utrecht-icon-color:var(--rvo-color-wit)}.rvo-icon--hemelblauw{--utrecht-icon-color:var(--rvo-color-hemelblauw)}.rvo-icon--donkerblauw{--utrecht-icon-color:var(--rvo-color-donkerblauw)}.rvo-icon--lintblauw{--utrecht-icon-color:var(--rvo-color-lintblauw)}.rvo-icon--zwart{--utrecht-icon-color:var(--rvo-color-zwart)}.rvo-icon--grijs-700{--utrecht-icon-color:var(--rvo-color-grijs-700)}
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- export default ".utrecht-icon{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start,0);position:relative}.utrecht-icon svg{height:100%;pointer-events:none;width:100%}.rvo-icon{background-color:var(--utrecht-icon-color,currentColor);min-width:var(--utrecht-icon-size)}.rvo-icon--xs{--utrecht-icon-size:var(--rvo-icon-xs-width)}.rvo-icon--sm{--utrecht-icon-size:var(--rvo-icon-sm-width)}.rvo-icon--md{--utrecht-icon-size:var(--rvo-icon-md-width)}.rvo-icon--lg{--utrecht-icon-size:var(--rvo-icon-lg-width)}.rvo-icon--xl{--utrecht-icon-size:var(--rvo-icon-xl-width)}.rvo-icon--2xl{--utrecht-icon-size:var(--rvo-icon-2xl-width)}.rvo-icon--3xl{--utrecht-icon-size:var(--rvo-icon-3xl-width)}.rvo-icon--4xl{--utrecht-icon-size:var(--rvo-icon-4xl-width)}.rvo-icon--wit{--utrecht-icon-color:var(--rvo-color-wit)}.rvo-icon--hemelblauw{--utrecht-icon-color:var(--rvo-color-hemelblauw)}.rvo-icon--donkerblauw{--utrecht-icon-color:var(--rvo-color-donkerblauw)}.rvo-icon--lintblauw{--utrecht-icon-color:var(--rvo-color-lintblauw)}.rvo-icon--zwart{--utrecht-icon-color:var(--rvo-color-zwart)}.rvo-icon--grijs-700{--utrecht-icon-color:var(--rvo-color-grijs-700)}";
1
+ export default ".utrecht-icon{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start,0);position:relative}.utrecht-icon svg{height:100%;pointer-events:none;width:100%}.rvo-icon{background-color:var(--utrecht-icon-color,currentColor);min-inline-size:var(--utrecht-icon-size)}.rvo-icon--xs{--utrecht-icon-size:var(--rvo-icon-xs-width)}.rvo-icon--sm{--utrecht-icon-size:var(--rvo-icon-sm-width)}.rvo-icon--md{--utrecht-icon-size:var(--rvo-icon-md-width)}.rvo-icon--lg{--utrecht-icon-size:var(--rvo-icon-lg-width)}.rvo-icon--xl{--utrecht-icon-size:var(--rvo-icon-xl-width)}.rvo-icon--2xl{--utrecht-icon-size:var(--rvo-icon-2xl-width)}.rvo-icon--3xl{--utrecht-icon-size:var(--rvo-icon-3xl-width)}.rvo-icon--4xl{--utrecht-icon-size:var(--rvo-icon-4xl-width)}.rvo-icon--wit{--utrecht-icon-color:var(--rvo-color-wit)}.rvo-icon--hemelblauw{--utrecht-icon-color:var(--rvo-color-hemelblauw)}.rvo-icon--donkerblauw{--utrecht-icon-color:var(--rvo-color-donkerblauw)}.rvo-icon--lintblauw{--utrecht-icon-color:var(--rvo-color-lintblauw)}.rvo-icon--zwart{--utrecht-icon-color:var(--rvo-color-zwart)}.rvo-icon--grijs-700{--utrecht-icon-color:var(--rvo-color-grijs-700)}";
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.5.0",
2
+ "version": "1.5.1",
3
3
  "author": "Community for NL Design System",
4
4
  "license": "CC0-1.0",
5
5
  "name": "@nl-rvo/css-icon",
package/src/index.scss CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  .rvo-icon {
8
8
  background-color: var(--utrecht-icon-color, currentColor);
9
- min-width: var(--utrecht-icon-size);
9
+ min-inline-size: var(--utrecht-icon-size);
10
10
  }
11
11
 
12
12
  .rvo-icon--xs {