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