@nl-rvo/css-icon 1.4.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
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
+
9
+ ## 1.5.0
10
+
11
+ ### Minor Changes
12
+
13
+ - 8c0a7f8: Update related utrecht css packages.
14
+
3
15
  ## 1.4.0
4
16
 
5
17
  ### Minor Changes
package/dist/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license EUPL-1.2
3
- * Copyright (c) 2021-2022 Gemeente Utrecht
4
- * Copyright (c) 2021-2022 Frameless B.V.
3
+ * Copyright (c) 2020-2024 Frameless B.V.
4
+ * Copyright (c) 2021-2024 Gemeente Utrecht
5
5
  */
6
6
 
7
7
  /**
@@ -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 {
@@ -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.4.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",
@@ -28,7 +28,7 @@
28
28
  "@nl-rvo/build-utils-css": "0.1.0"
29
29
  },
30
30
  "dependencies": {
31
- "@utrecht/icon": "1.2.0"
31
+ "@utrecht/icon-css": "3.0.1"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "build-css-package",
package/src/index.scss CHANGED
@@ -2,11 +2,11 @@
2
2
  * @license CC0-1.0
3
3
  * Copyright (c) 2021 Community for NL Design System
4
4
  */
5
- @use "~@utrecht/icon/dist/index.css" as *;
5
+ @use "~@utrecht/icon-css/dist/index.css" as *;
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 {