@oslokommune/punkt-css 9.2.4 → 9.2.5

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.
@@ -137,7 +137,7 @@
137
137
  .pkt-input__container:focus-within .pkt-input-suffix,
138
138
  .pkt-input__container:focus-within .pkt-input-icon {
139
139
  border-color: var(--color-red);
140
- outline-color: var(--color-red);
140
+ --focus-outline: var(--color-red);
141
141
  }
142
142
  }
143
143
 
@@ -70,7 +70,9 @@
70
70
  }
71
71
 
72
72
  &:focus {
73
- outline: 2px solid var(--color-active);
73
+ outline: none;
74
+ --focus-outline: var(--color-active);
75
+ box-shadow: 0 0 0 2px var(--focus-outline);
74
76
  border-color: var(--color-active);
75
77
  }
76
78
 
@@ -147,7 +149,8 @@
147
149
  }
148
150
 
149
151
  &--counter-error:focus {
150
- outline: 2px solid var(--color-red);
152
+ --focus-outline: var(--color-red);
153
+ box-shadow: 0 0 0 2px var(--focus-outline);
151
154
  }
152
155
 
153
156
  &__container {
@@ -180,6 +183,7 @@
180
183
  //states
181
184
  & input:focus {
182
185
  outline: none;
186
+ box-shadow: none;
183
187
  }
184
188
 
185
189
  &:hover .pkt-input,
@@ -190,7 +194,8 @@
190
194
  }
191
195
 
192
196
  &:focus-within {
193
- outline: 2px solid var(--color-active);
197
+ --focus-outline: var(--color-active);
198
+ box-shadow: 0 0 0 2px var(--focus-outline);
194
199
 
195
200
  .pkt-input,
196
201
  .pkt-input-prefix,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oslokommune/punkt-css",
3
- "version": "9.2.4",
3
+ "version": "9.2.5",
4
4
  "description": "CSS-rammeverket til Punkt, et designsystem laget av Oslo Origo",
5
5
  "homepage": "https://punkt.oslo.kommune.no",
6
6
  "author": "Team Designsystem, Oslo Origo",
@@ -55,5 +55,5 @@
55
55
  "url": "https://github.com/oslokommune/punkt/issues"
56
56
  },
57
57
  "license": "MIT",
58
- "gitHead": "dc9bd418fa7ef937b5a13eacd4db2736a4565318"
58
+ "gitHead": "5c986a43a0147d105240810ad902cfaec75bdcd9"
59
59
  }