@sb1/ffe-context-message 7.2.1 → 8.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.
Files changed (2) hide show
  1. package/less/context-message.less +32 -41
  2. package/package.json +3 -3
package/less/context-message.less CHANGED
@@ -123,19 +123,17 @@
123
123
  }
124
124
  }
125
125
 
126
- &__icon-svg {
127
- height: 1em;
128
- width: 1em;
129
- fill: var(--ffe-farge-svart);
126
+ &__icon-span {
127
+ font-size: 1.25rem;
128
+ color: var(--ffe-farge-svart);
130
129
 
131
130
  @media (min-width: @breakpoint-sm) {
132
- height: 2em;
133
- width: 2em;
131
+ font-size: 2.5rem;
134
132
  }
135
133
 
136
134
  .native & {
137
135
  @media (prefers-color-scheme: dark) {
138
- fill: var(--ffe-farge-hvit);
136
+ color: var(--ffe-farge-hvit);
139
137
  }
140
138
  }
141
139
  }
@@ -144,7 +142,6 @@
144
142
  flex: 0 0 auto;
145
143
  cursor: pointer;
146
144
  color: var(--ffe-v-context-message-close-button-color);
147
- fill: var(--ffe-v-context-message-close-button-color);
148
145
  border: 2px solid transparent;
149
146
  box-sizing: border-box;
150
147
  padding-top: @ffe-spacing-xs;
@@ -155,7 +152,7 @@
155
152
  width: 3rem;
156
153
 
157
154
  &:hover {
158
- fill: var(--ffe-v-context-message-close-button-color-hover);
155
+ color: var(--ffe-v-context-message-close-button-color-hover);
159
156
  }
160
157
 
161
158
  &:focus {
@@ -165,11 +162,6 @@
165
162
  }
166
163
  }
167
164
 
168
- &__close-button-svg {
169
- height: 1rem;
170
- width: 1rem;
171
- }
172
-
173
165
  @media (min-width: @breakpoint-sm) {
174
166
  flex-direction: row;
175
167
  }
@@ -200,9 +192,8 @@
200
192
  border: none;
201
193
  }
202
194
 
203
- .ffe-context-message-content__icon-svg {
204
- height: 1rem;
205
- width: 1rem;
195
+ .ffe-context-message-content__icon-span {
196
+ font-size: 1.25rem;
206
197
  }
207
198
  }
208
199
 
@@ -216,8 +207,8 @@
216
207
  border-color: var(--ffe-v-context-message-info-icon-compact-color);
217
208
  }
218
209
 
219
- .ffe-context-message-content__icon-svg {
220
- fill: var(--ffe-farge-hvit);
210
+ .ffe-context-message-content__icon-span {
211
+ color: var(--ffe-farge-hvit);
221
212
  }
222
213
 
223
214
  @media (min-width: @breakpoint-sm) {
@@ -226,8 +217,8 @@
226
217
  border-color: var(--ffe-v-context-message-info-icon-color);
227
218
  }
228
219
 
229
- .ffe-context-message-content__icon-svg {
230
- fill: var(--ffe-v-context-message-info-icon-color);
220
+ .ffe-context-message-content__icon-span {
221
+ color: var(--ffe-v-context-message-info-icon-color);
231
222
  }
232
223
  }
233
224
  }
@@ -249,8 +240,8 @@
249
240
  );
250
241
  }
251
242
 
252
- .ffe-context-message-content__icon-svg {
253
- fill: var(--ffe-farge-hvit);
243
+ .ffe-context-message-content__icon-span {
244
+ color: var(--ffe-farge-hvit);
254
245
  }
255
246
  }
256
247
 
@@ -262,8 +253,8 @@
262
253
  border-color: var(--ffe-v-context-message-tips-icon-color);
263
254
  }
264
255
 
265
- .ffe-context-message-content__icon-svg {
266
- fill: var(--ffe-farge-hvit);
256
+ .ffe-context-message-content__icon-span {
257
+ color: var(--ffe-farge-hvit);
267
258
  }
268
259
 
269
260
  @media (min-width: @breakpoint-sm) {
@@ -272,8 +263,8 @@
272
263
  border-color: var(--ffe-v-context-message-tips-icon-color);
273
264
  }
274
265
 
275
- .ffe-context-message-content__icon-svg {
276
- fill: var(--ffe-v-context-message-tips-icon-color);
266
+ .ffe-context-message-content__icon-span {
267
+ color: var(--ffe-v-context-message-tips-icon-color);
277
268
  }
278
269
  }
279
270
  }
@@ -293,8 +284,8 @@
293
284
  background-color: var(--ffe-v-context-message-tips-icon-color);
294
285
  }
295
286
 
296
- .ffe-context-message-content__icon-svg {
297
- fill: var(--ffe-farge-hvit);
287
+ .ffe-context-message-content__icon-span {
288
+ color: var(--ffe-farge-hvit);
298
289
  }
299
290
  }
300
291
 
@@ -307,8 +298,8 @@
307
298
  );
308
299
  border-color: var(--ffe-v-context-message-success-compact-color);
309
300
  }
310
- .ffe-context-message-content__icon-svg {
311
- fill: var(--ffe-farge-hvit);
301
+ .ffe-context-message-content__icon-span {
302
+ color: var(--ffe-farge-hvit);
312
303
  }
313
304
 
314
305
  @media (min-width: @breakpoint-sm) {
@@ -317,8 +308,8 @@
317
308
  border-color: var(--ffe-v-context-message-success-icon-color);
318
309
  }
319
310
 
320
- .ffe-context-message-content__icon-svg {
321
- fill: var(--ffe-v-context-message-success-icon-color);
311
+ .ffe-context-message-content__icon-span {
312
+ color: var(--ffe-v-context-message-success-icon-color);
322
313
  }
323
314
  }
324
315
  }
@@ -340,8 +331,8 @@
340
331
  );
341
332
  }
342
333
 
343
- .ffe-context-message-content__icon-svg {
344
- fill: var(--ffe-farge-hvit);
334
+ .ffe-context-message-content__icon-span {
335
+ color: var(--ffe-farge-hvit);
345
336
  }
346
337
  }
347
338
 
@@ -353,8 +344,8 @@
353
344
  border-color: var(--ffe-v-context-message-error-icon-color);
354
345
  }
355
346
 
356
- .ffe-context-message-content__icon-svg {
357
- fill: var(--ffe-farge-hvit);
347
+ .ffe-context-message-content__icon-span {
348
+ color: var(--ffe-farge-hvit);
358
349
  }
359
350
 
360
351
  @media (min-width: @breakpoint-sm) {
@@ -363,8 +354,8 @@
363
354
  border-color: var(--ffe-v-context-message-error-icon-color);
364
355
  }
365
356
 
366
- .ffe-context-message-content__icon-svg {
367
- fill: var(--ffe-v-context-message-error-icon-color);
357
+ .ffe-context-message-content__icon-span {
358
+ color: var(--ffe-v-context-message-error-icon-color);
368
359
  }
369
360
  }
370
361
  }
@@ -384,8 +375,8 @@
384
375
  background-color: var(--ffe-v-context-message-error-icon-color);
385
376
  }
386
377
 
387
- .ffe-context-message-content__icon-svg {
388
- fill: var(--ffe-farge-hvit);
378
+ .ffe-context-message-content__icon-span {
379
+ color: var(--ffe-farge-hvit);
389
380
  }
390
381
  }
391
382
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-context-message",
3
- "version": "7.2.1",
3
+ "version": "8.0.1",
4
4
  "description": "Messagebox showing non-critical tip or information about a page or product",
5
5
  "keywords": [
6
6
  "ffe"
@@ -19,7 +19,7 @@
19
19
  "test": "npm run lint"
20
20
  },
21
21
  "dependencies": {
22
- "@sb1/ffe-core": "^27.1.1"
22
+ "@sb1/ffe-core": "^27.1.2"
23
23
  },
24
24
  "devDependencies": {
25
25
  "@sb1/ffe-buildtool": "^0.5.0"
@@ -27,5 +27,5 @@
27
27
  "publishConfig": {
28
28
  "access": "public"
29
29
  },
30
- "gitHead": "22b8ad48a07c5afca3100dfef456bb667a0dfb0e"
30
+ "gitHead": "cc263235739eb3dc241a230b0b446ea89659ea77"
31
31
  }