@sb1/ffe-icons 16.0.0 → 17.0.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/css/ffe-icons.css +1 -8
- package/less/ffe-icons.less +38 -2
- package/package.json +7 -6
- package/less/icons.less +0 -30
- package/less/theme.less +0 -14
- /package/bin/{build.js → build.cjs} +0 -0
package/css/ffe-icons.css
CHANGED
|
@@ -4,13 +4,6 @@
|
|
|
4
4
|
--ffe-v-icons-size-md: 24px;
|
|
5
5
|
--ffe-v-icons-size-lg: 32px;
|
|
6
6
|
--ffe-v-icons-size-xl: 40px;
|
|
7
|
-
--ffe-v-icons-default-color: var(--ffe-farge-vann);
|
|
8
|
-
}
|
|
9
|
-
@media (prefers-color-scheme: dark) {
|
|
10
|
-
.regard-color-scheme-preference :root,
|
|
11
|
-
.regard-color-scheme-preference :host {
|
|
12
|
-
--ffe-v-icons-default-color: var(--ffe-farge-vann-70);
|
|
13
|
-
}
|
|
14
7
|
}
|
|
15
8
|
.ffe-icons {
|
|
16
9
|
-webkit-mask-repeat: no-repeat;
|
|
@@ -37,5 +30,5 @@
|
|
|
37
30
|
width: var(--ffe-v-icons-size-xl);
|
|
38
31
|
}
|
|
39
32
|
:where(.ffe-icons) {
|
|
40
|
-
color: var(--ffe-
|
|
33
|
+
color: var(--ffe-color-foreground-emphasis);
|
|
41
34
|
}
|
package/less/ffe-icons.less
CHANGED
|
@@ -1,2 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
:root,
|
|
2
|
+
:host {
|
|
3
|
+
--ffe-v-icons-size-sm: 20px;
|
|
4
|
+
--ffe-v-icons-size-md: 24px;
|
|
5
|
+
--ffe-v-icons-size-lg: 32px;
|
|
6
|
+
--ffe-v-icons-size-xl: 40px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.ffe-icons {
|
|
10
|
+
mask-repeat: no-repeat;
|
|
11
|
+
mask-position: top;
|
|
12
|
+
background-color: currentcolor;
|
|
13
|
+
display: inline-block;
|
|
14
|
+
|
|
15
|
+
&--sm {
|
|
16
|
+
height: var(--ffe-v-icons-size-sm);
|
|
17
|
+
width: var(--ffe-v-icons-size-sm);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&--md {
|
|
21
|
+
height: var(--ffe-v-icons-size-md);
|
|
22
|
+
width: var(--ffe-v-icons-size-md);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&--lg {
|
|
26
|
+
height: var(--ffe-v-icons-size-lg);
|
|
27
|
+
width: var(--ffe-v-icons-size-lg);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&--xl {
|
|
31
|
+
height: var(--ffe-v-icons-size-xl);
|
|
32
|
+
width: var(--ffe-v-icons-size-xl);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&:where(.ffe-icons) {
|
|
37
|
+
color: var(--ffe-color-foreground-emphasis);
|
|
38
|
+
}
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-icons",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "17.0.1",
|
|
4
4
|
"description": "Felles Front End Icons",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "SpareBank 1",
|
|
7
7
|
"bin": {
|
|
8
|
-
"ffe-icons": "bin/build.
|
|
8
|
+
"ffe-icons": "bin/build.cjs"
|
|
9
9
|
},
|
|
10
10
|
"files": [
|
|
11
11
|
"icons",
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
},
|
|
19
19
|
"scripts": {
|
|
20
20
|
"build": "lessc less/ffe-icons.less css/ffe-icons.css --autoprefix",
|
|
21
|
-
"build:icons": "node bin/build.
|
|
22
|
-
"lint": "eslint bin",
|
|
21
|
+
"build:icons": "node bin/build.cjs",
|
|
22
|
+
"lint": "eslint --config ./eslint.config.js bin",
|
|
23
23
|
"test": "npm run lint"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
@@ -29,10 +29,11 @@
|
|
|
29
29
|
"yargs": "^17.7.2"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"eslint": "^
|
|
32
|
+
"eslint": "^9.22.0"
|
|
33
33
|
},
|
|
34
34
|
"publishConfig": {
|
|
35
35
|
"access": "public"
|
|
36
36
|
},
|
|
37
|
-
"
|
|
37
|
+
"type": "module",
|
|
38
|
+
"gitHead": "61e0e1ffb823447811627196398c7818d0e8cea3"
|
|
38
39
|
}
|
package/less/icons.less
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
.ffe-icons {
|
|
2
|
-
mask-repeat: no-repeat;
|
|
3
|
-
mask-position: top;
|
|
4
|
-
background-color: currentcolor;
|
|
5
|
-
display: inline-block;
|
|
6
|
-
|
|
7
|
-
&--sm {
|
|
8
|
-
height: var(--ffe-v-icons-size-sm);
|
|
9
|
-
width: var(--ffe-v-icons-size-sm);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
&--md {
|
|
13
|
-
height: var(--ffe-v-icons-size-md);
|
|
14
|
-
width: var(--ffe-v-icons-size-md);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
&--lg {
|
|
18
|
-
height: var(--ffe-v-icons-size-lg);
|
|
19
|
-
width: var(--ffe-v-icons-size-lg);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
&--xl {
|
|
23
|
-
height: var(--ffe-v-icons-size-xl);
|
|
24
|
-
width: var(--ffe-v-icons-size-xl);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
&:where(.ffe-icons) {
|
|
29
|
-
color: var(--ffe-v-icons-default-color);
|
|
30
|
-
}
|
package/less/theme.less
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
:root,
|
|
2
|
-
:host {
|
|
3
|
-
--ffe-v-icons-size-sm: 20px;
|
|
4
|
-
--ffe-v-icons-size-md: 24px;
|
|
5
|
-
--ffe-v-icons-size-lg: 32px;
|
|
6
|
-
--ffe-v-icons-size-xl: 40px;
|
|
7
|
-
--ffe-v-icons-default-color: var(--ffe-farge-vann);
|
|
8
|
-
|
|
9
|
-
.regard-color-scheme-preference & {
|
|
10
|
-
@media (prefers-color-scheme: dark) {
|
|
11
|
-
--ffe-v-icons-default-color: var(--ffe-farge-vann-70);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
|
File without changes
|