@sb1/ffe-buttons 18.0.36 → 19.0.0

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.
@@ -31,7 +31,7 @@
31
31
  box-shadow: 0 0 0 2px var(--ffe-farge-vann);
32
32
  transition: opacity var(--ffe-transition-duration) var(--ffe-ease);
33
33
 
34
- .native & {
34
+ .regard-color-scheme-preference & {
35
35
  box-shadow: 0 0 0 2px var(--ffe-farge-hvit);
36
36
  }
37
37
  }
@@ -72,7 +72,7 @@
72
72
  color: var(--ffe-v-button-text-color);
73
73
  }
74
74
 
75
- .native & {
75
+ .regard-color-scheme-preference & {
76
76
  @media (prefers-color-scheme: dark) {
77
77
  border: 2px solid transparent;
78
78
  }
@@ -122,7 +122,7 @@
122
122
  &:focus,
123
123
  &:visited {
124
124
  color: var(--ffe-v-button-secondary-color);
125
- .native & {
125
+ .regard-color-scheme-preference & {
126
126
  @media (prefers-color-scheme: dark) {
127
127
  color: var(--ffe-v-button-secondary-color);
128
128
  }
@@ -138,7 +138,7 @@
138
138
  .ffe-button__icon {
139
139
  color: var(--ffe-v-button-secondary-color-bg);
140
140
  }
141
- .native & {
141
+ .regard-color-scheme-preference & {
142
142
  @media (prefers-color-scheme: dark) {
143
143
  background-color: var(
144
144
  --ffe-v-button-secondary-border-color
@@ -245,7 +245,7 @@
245
245
  margin: 0 var(--ffe-spacing-xs) 0 0;
246
246
  width: 45px;
247
247
  transition: all var(--ffe-transition-duration) var(--ffe-ease);
248
- .native & {
248
+ .regard-color-scheme-preference & {
249
249
  @media (prefers-color-scheme: dark) {
250
250
  background-color: transparent;
251
251
  }
@@ -260,7 +260,7 @@
260
260
  .ffe-button--expand:hover & {
261
261
  color: var(--ffe-farge-hvit);
262
262
 
263
- .native & {
263
+ .regard-color-scheme-preference & {
264
264
  @media (prefers-color-scheme: dark) {
265
265
  color: var(--ffe-farge-svart);
266
266
  }
@@ -22,7 +22,7 @@
22
22
  box-shadow: 0 0 0 2px var(--ffe-farge-vann);
23
23
  outline: none;
24
24
 
25
- .native & {
25
+ .regard-color-scheme-preference & {
26
26
  @media (prefers-color-scheme: dark) {
27
27
  box-shadow: 0 0 0 2px var(--ffe-farge-hvit);
28
28
  }
@@ -108,7 +108,7 @@
108
108
  border-color: var(--ffe-v-button-tertiary-color);
109
109
  color: var(--ffe-v-button-tertiary-color);
110
110
 
111
- .native & {
111
+ .regard-color-scheme-preference & {
112
112
  @media (prefers-color-scheme: dark) {
113
113
  border-color: var(--ffe-farge-hvit);
114
114
  box-shadow: none;
@@ -127,7 +127,7 @@
127
127
  .ffe-inline-button__icon {
128
128
  color: var(--ffe-v-button-tertiary-color-hover);
129
129
  }
130
- .native & {
130
+ .regard-color-scheme-preference & {
131
131
  @media (prefers-color-scheme: dark) {
132
132
  color: var(--ffe-farge-hvit);
133
133
  }
package/less/theme.less CHANGED
@@ -35,7 +35,7 @@
35
35
  --ffe-v-button-task-border-focus: var(--ffe-farge-vann);
36
36
 
37
37
  @media (prefers-color-scheme: dark) {
38
- .native {
38
+ .regard-color-scheme-preference {
39
39
  --ffe-v-button-text-color: var(--ffe-farge-svart);
40
40
  --ffe-v-button-action-color: var(--ffe-farge-skog-70);
41
41
  --ffe-v-button-action-color-hover: var(--ffe-farge-skog-30);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-buttons",
3
- "version": "18.0.36",
3
+ "version": "19.0.0",
4
4
  "license": "MIT",
5
5
  "author": "SpareBank1",
6
6
  "files": [
@@ -15,13 +15,13 @@
15
15
  "test": "npm run lint"
16
16
  },
17
17
  "dependencies": {
18
- "@sb1/ffe-core": "^28.0.2"
18
+ "@sb1/ffe-core": "^29.0.0"
19
19
  },
20
20
  "devDependencies": {
21
- "@sb1/ffe-buildtool": "^0.7.1"
21
+ "@sb1/ffe-buildtool": "^0.8.0"
22
22
  },
23
23
  "publishConfig": {
24
24
  "access": "public"
25
25
  },
26
- "gitHead": "e7f735529f39eff566b56a1c7ec836f32ffef363"
26
+ "gitHead": "98d33cf2e867ce718139edf1adf97336b8da6b68"
27
27
  }