@telia-ace/widget-components-widget-header-flamingo 1.1.64 → 1.1.65

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 (5) hide show
  1. package/index.js +1 -1
  2. package/index.mjs +1 -1
  3. package/package.json +2 -2
  4. package/{widget-header-f8408dc1.mjs → widget-header-07321121.mjs} +10 -2
  5. package/{widget-header-6ba53868.js → widget-header-80fd8ecf.js} +10 -2
package/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";const r=async e=>{e.registerComponent("widget-header",Promise.resolve().then(()=>require("./widget-header-6ba53868.js")))};module.exports=r;
1
+ "use strict";const r=async e=>{e.registerComponent("widget-header",Promise.resolve().then(()=>require("./widget-header-80fd8ecf.js")))};module.exports=r;
package/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  const t = async (e) => {
2
- e.registerComponent("widget-header", import("./widget-header-f8408dc1.mjs"));
2
+ e.registerComponent("widget-header", import("./widget-header-07321121.mjs"));
3
3
  };
4
4
  export {
5
5
  t as default
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@telia-ace/widget-components-widget-header-flamingo",
3
- "version": "1.1.64",
3
+ "version": "1.1.65",
4
4
  "dependencies": {
5
5
  "lit": "^3.0.2",
6
- "@telia-ace/widget-core-flamingo": "1.1.64",
6
+ "@telia-ace/widget-core-flamingo": "1.1.65",
7
7
  "@teliads/components": "^22.1.1",
8
8
  "@teliads/icons": "^8.4.0",
9
9
  "@lit-labs/motion": "^1.0.6",
package/{widget-header-f8408dc1.mjs → widget-header-07321121.mjs} RENAMED
@@ -2448,15 +2448,23 @@ ne.styles = U`
2448
2448
  --spacing-lg: 1.2rem;
2449
2449
  --spacing-xl: 1.8rem;
2450
2450
 
2451
+ --inverted-spacing-lg: -1.2rem;
2452
+
2451
2453
  --text-color: #222222;
2452
2454
  --link-color: #990ae3;
2453
2455
  --gray-color: #f3f3f8;
2456
+ --white-color: #fff;
2454
2457
  --gray-dark-color: #a6a6a6;
2458
+ --destructive-color: #e4175c;
2455
2459
 
2456
2460
  --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
2457
2461
  --border-radius: var(--spacing-sm);
2458
2462
  --border-radius-sm: var(--spacing-sm);
2463
+ --border-radius-lg: var(--spacing-lg);
2464
+ --border-radius-xl: var(--spacing-xl);
2459
2465
  --gap: var(--spacing-sm);
2466
+
2467
+ --header-height: 69px;
2460
2468
  }
2461
2469
  :host {
2462
2470
  --voca-rem-multiplier: 0.625;
@@ -3390,7 +3398,7 @@ Wi.styles = [
3390
3398
  .widget-header {
3391
3399
  background-color: transparent;
3392
3400
  color: var(--header-text-color);
3393
- height: 69px;
3401
+ height: var(--header-height);
3394
3402
  display: flex;
3395
3403
  gap: var(--spacing-md);
3396
3404
  flex-direction: row;
@@ -3450,7 +3458,7 @@ Wi.styles = [
3450
3458
  overflow: visible;
3451
3459
  padding: var(--spacing-sm);
3452
3460
  border-radius: var(--border-radius);
3453
- z-index: 2;
3461
+ z-index: 10;
3454
3462
  box-shadow: rgba(0, 18, 46, 0.16) 0px 6px 32px 0px;
3455
3463
  min-width: 200px;
3456
3464
  }
package/{widget-header-6ba53868.js → widget-header-80fd8ecf.js} RENAMED
@@ -247,15 +247,23 @@
247
247
  --spacing-lg: 1.2rem;
248
248
  --spacing-xl: 1.8rem;
249
249
 
250
+ --inverted-spacing-lg: -1.2rem;
251
+
250
252
  --text-color: #222222;
251
253
  --link-color: #990ae3;
252
254
  --gray-color: #f3f3f8;
255
+ --white-color: #fff;
253
256
  --gray-dark-color: #a6a6a6;
257
+ --destructive-color: #e4175c;
254
258
 
255
259
  --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
256
260
  --border-radius: var(--spacing-sm);
257
261
  --border-radius-sm: var(--spacing-sm);
262
+ --border-radius-lg: var(--spacing-lg);
263
+ --border-radius-xl: var(--spacing-xl);
258
264
  --gap: var(--spacing-sm);
265
+
266
+ --header-height: 69px;
259
267
  }
260
268
  :host {
261
269
  --voca-rem-multiplier: 0.625;
@@ -398,7 +406,7 @@
398
406
  .widget-header {
399
407
  background-color: transparent;
400
408
  color: var(--header-text-color);
401
- height: 69px;
409
+ height: var(--header-height);
402
410
  display: flex;
403
411
  gap: var(--spacing-md);
404
412
  flex-direction: row;
@@ -458,7 +466,7 @@
458
466
  overflow: visible;
459
467
  padding: var(--spacing-sm);
460
468
  border-radius: var(--border-radius);
461
- z-index: 2;
469
+ z-index: 10;
462
470
  box-shadow: rgba(0, 18, 46, 0.16) 0px 6px 32px 0px;
463
471
  min-width: 200px;
464
472
  }