@proximus/lavender-common 1.4.1-alpha.1 → 1.4.1-alpha.11

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 (3) hide show
  1. package/dist/common.d.ts +8 -5
  2. package/dist/index.es.js +108 -90
  3. package/package.json +1 -1
package/dist/common.d.ts CHANGED
@@ -9,8 +9,7 @@ export declare class WithExtraAttributes extends HTMLElement {
9
9
  checkName<T extends readonly string[]>(values: T, value: string): boolean;
10
10
  get $el(): Element;
11
11
  get $parentElementName(): string;
12
- get isGrid(): boolean;
13
- get isStack(): boolean;
12
+ get isInsideGridOrStack(): boolean;
14
13
  get grow(): string;
15
14
  set grow(value: string);
16
15
  get growMobile(): string;
@@ -92,16 +91,20 @@ export declare class WithExtraAttributes extends HTMLElement {
92
91
  }
93
92
  export declare abstract class PxElement<HTML_TYPE extends Element> extends WithExtraAttributes {
94
93
  static nativeName: string;
95
- nativeName: string;
96
- accessorExclusions: string[];
94
+ static supportedPropertyNames: string[];
95
+ static accessorExclusions: string[];
97
96
  static get observedAttributes(): string[];
98
97
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
98
+ protected get ctor(): any;
99
99
  protected constructor(...adoptedStylesheets: CSSStyleSheet[]);
100
- connectedCallback(): void;
100
+ enhanceWithNativeProperties(): void;
101
101
  get $el(): HTML_TYPE;
102
102
  protected _updateAttribute(name: string, value: string): void;
103
103
  protected _updateBooleanAttribute(name: string, value: boolean): void;
104
104
  }
105
+ export declare class VerticallyExtendedElement<HTML_TYPE extends Element> extends PxElement<HTML_TYPE> {
106
+ connectedCallback(): void;
107
+ }
105
108
  export declare const gridGapValues: string[];
106
109
  export declare const flexboxAlignSelfValues: readonly ["", "default", "auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
107
110
  export declare const cssGridAlignSelfValues: readonly ["", "default", "start", "end", "center", "stretch"];
package/dist/index.es.js CHANGED
@@ -1,17 +1,17 @@
1
- const u = ":host([grow]){flex-grow:var(--grow-value)}:host([shrink]){flex-shrink:var(--shrink-value)}:host([basis]){flex-basis:var(--basis-value)}:host([align-self]){align-self:var(--align-self-value)}:host([col-span]){grid-column:span var(--col-span-value) / span var(--col-span-value)}:host([justify-self]){justify-self:var(--justify-value)}:host([order]),::slotted([order]){order:var(--order-value)}:host([hidden]),::slotted([hidden]){display:none}:host([shown--sr]),::slotted(*[shown--sr]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media screen and (max-width: 767px){:host([hidden--mobile]),::slotted([hidden--mobile]){display:none}:host([grow--mobile]){flex-grow:var(--grow--mobile-value)!important}:host([shrink--mobile]){flex-shrink:var(--shrink--mobile-value)!important}:host([basis--mobile]){flex-basis:var(--basis--mobile-value)!important}:host([align-self--mobile]){align-self:var(--align-self--mobile-value)!important}:host([col-span--mobile]){grid-column:span var(--col-span--mobile-value) / span var(--col-span--mobile-value)!important}:host([justify-self--mobile]){justify-self:var(--justify-self--mobile-value)!important}:host([order--mobile]),::slotted([order--mobile]){order:var(--order--mobile-value)!important}:host([shown--sr--mobile]),::slotted(*[shown--sr--mobile]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 768px) and (max-width: 1024px){:host([hidden--tablet]),::slotted([hidden--tablet]){display:none}:host([grow--tablet]){flex-grow:var(--grow--tablet-value)!important}:host([shrink--tablet]){flex-shrink:var(--shrink--tablet-value)!important}:host([basis--tablet]){flex-basis:var(--basis--tablet-value)!important}:host([align-self--tablet]){align-self:var(--align-self--tablet-value)!important}:host([col-span--tablet]){grid-column:span var(--col-span--tablet-value) / span var(--col-span--tablet-value)!important}:host([justify-self--tablet]){justify-self:var(--justify-self--tablet-value)!important}:host([order--tablet]),::slotted([order--tablet]){order:var(--order--tablet-value)!important}:host([shown--sr--tablet]),::slotted(*[shown--sr--tablet]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 1025px){:host([shown--sr--laptop]),::slotted(*[shown--sr--laptop]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 1025px){:host([hidden--laptop]),::slotted([hidden--laptop]){display:none!important}:host([grow--laptop]){flex-grow:var(--grow--laptop-value)!important}:host([shrink--laptop]){flex-shrink:var(--shrink--laptop-value)!important}:host([basis--laptop]){flex-basis:var(--basis--laptop-value)!important}:host([align-self--laptop]){align-self:var(--align-self--laptop-value)!important}:host([col-span--laptop]){grid-column:span var(--col-span--laptop-value) / span var(--col-span--laptop-value)!important}:host([justify-self--laptop]){justify-self:var(--justify-self--laptop-value)!important}:host([order--laptop]),::slotted([order--laptop]){order:var(--order--laptop-value)!important}}@media screen and (min-width: 1441px){:host([col-span--desktop]){grid-column:span var(--col-span--desktop-value) / span var(--col-span--desktop-value)!important}:host([justify-self--desktop]){justify-self:var(--justify-self--desktop-value)!important}:host([order--desktop]),::slotted([order--desktop]){order:var(--order--desktop-value)!important}:host([hidden--desktop]),::slotted([hidden--desktop]){display:none!important}:host([grow--desktop]){flex-grow:var(--grow--desktop-value)!important}:host([shrink--desktop]){flex-shrink:var(--shrink--desktop-value)!important}:host([basis--desktop]){flex-basis:var(--basis--desktop-value)!important}:host([align-self--desktop]){align-self:var(--align-self--desktop-value)!important}}";
2
- function b(i) {
1
+ const d = ":host([grow]){flex-grow:var(--grow-value)}:host([shrink]){flex-shrink:var(--shrink-value)}:host([basis]){flex-basis:var(--basis-value)}:host([align-self]){align-self:var(--align-self-value)}:host([col-span]){grid-column:span var(--col-span-value) / span var(--col-span-value)}:host([justify-self]){justify-self:var(--justify-value)}:host([order]),::slotted([order]){order:var(--order-value)}:host([hidden]),::slotted([hidden]){display:none}:host([shown--sr]),::slotted(*[shown--sr]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media screen and (max-width: 767px){:host([hidden--mobile]),::slotted([hidden--mobile]){display:none}:host([grow--mobile]){flex-grow:var(--grow--mobile-value)!important}:host([shrink--mobile]){flex-shrink:var(--shrink--mobile-value)!important}:host([basis--mobile]){flex-basis:var(--basis--mobile-value)!important}:host([align-self--mobile]){align-self:var(--align-self--mobile-value)!important}:host([col-span--mobile]){grid-column:span var(--col-span--mobile-value) / span var(--col-span--mobile-value)!important}:host([justify-self--mobile]){justify-self:var(--justify-self--mobile-value)!important}:host([order--mobile]),::slotted([order--mobile]){order:var(--order--mobile-value)!important}:host([shown--sr--mobile]),::slotted(*[shown--sr--mobile]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 768px) and (max-width: 1024px){:host([hidden--tablet]),::slotted([hidden--tablet]){display:none}:host([grow--tablet]){flex-grow:var(--grow--tablet-value)!important}:host([shrink--tablet]){flex-shrink:var(--shrink--tablet-value)!important}:host([basis--tablet]){flex-basis:var(--basis--tablet-value)!important}:host([align-self--tablet]){align-self:var(--align-self--tablet-value)!important}:host([col-span--tablet]){grid-column:span var(--col-span--tablet-value) / span var(--col-span--tablet-value)!important}:host([justify-self--tablet]){justify-self:var(--justify-self--tablet-value)!important}:host([order--tablet]),::slotted([order--tablet]){order:var(--order--tablet-value)!important}:host([shown--sr--tablet]),::slotted(*[shown--sr--tablet]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 1025px){:host([shown--sr--laptop]),::slotted(*[shown--sr--laptop]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 1025px){:host([hidden--laptop]),::slotted([hidden--laptop]){display:none!important}:host([grow--laptop]){flex-grow:var(--grow--laptop-value)!important}:host([shrink--laptop]){flex-shrink:var(--shrink--laptop-value)!important}:host([basis--laptop]){flex-basis:var(--basis--laptop-value)!important}:host([align-self--laptop]){align-self:var(--align-self--laptop-value)!important}:host([col-span--laptop]){grid-column:span var(--col-span--laptop-value) / span var(--col-span--laptop-value)!important}:host([justify-self--laptop]){justify-self:var(--justify-self--laptop-value)!important}:host([order--laptop]),::slotted([order--laptop]){order:var(--order--laptop-value)!important}}@media screen and (min-width: 1441px){:host([col-span--desktop]){grid-column:span var(--col-span--desktop-value) / span var(--col-span--desktop-value)!important}:host([justify-self--desktop]){justify-self:var(--justify-self--desktop-value)!important}:host([order--desktop]),::slotted([order--desktop]){order:var(--order--desktop-value)!important}:host([hidden--desktop]),::slotted([hidden--desktop]){display:none!important}:host([grow--desktop]){flex-grow:var(--grow--desktop-value)!important}:host([shrink--desktop]){flex-shrink:var(--shrink--desktop-value)!important}:host([basis--desktop]){flex-basis:var(--basis--desktop-value)!important}:host([align-self--desktop]){align-self:var(--align-self--desktop-value)!important}}";
2
+ function c(i) {
3
3
  const t = document.createElement(i), s = Object.getPrototypeOf(t);
4
4
  return Object.getOwnPropertyNames(s);
5
5
  }
6
- function d(i) {
6
+ function g(i) {
7
7
  const t = document.createElement(i), s = Object.getPrototypeOf(t);
8
8
  return Object.getOwnPropertyNames(s).map(
9
9
  (e) => e.toLowerCase()
10
10
  );
11
11
  }
12
- const h = new CSSStyleSheet();
13
- h.replaceSync(u);
14
- class p extends HTMLElement {
12
+ const b = new CSSStyleSheet();
13
+ b.replaceSync(d);
14
+ class h extends HTMLElement {
15
15
  static get observedAttributes() {
16
16
  return [
17
17
  "grow",
@@ -63,12 +63,13 @@ class p extends HTMLElement {
63
63
  }
64
64
  constructor(...t) {
65
65
  super(), this.shadowRoot || this.attachShadow({ mode: "open" }), this.shadowRoot.adoptedStyleSheets = [
66
- h,
66
+ b,
67
67
  ...t
68
68
  ];
69
69
  }
70
70
  attributeChangedCallback(t, s, e) {
71
- if (p.observedAttributes.indexOf(t) !== -1)
71
+ var o;
72
+ if (h.observedAttributes.indexOf(t) !== -1)
72
73
  switch (t) {
73
74
  case "grow":
74
75
  case "grow--mobile":
@@ -96,7 +97,7 @@ class p extends HTMLElement {
96
97
  t,
97
98
  s,
98
99
  e,
99
- this.isGrid ? g : c
100
+ ((o = this.parentElement) == null ? void 0 : o.localName) === "px-grid" ? m : f
100
101
  );
101
102
  break;
102
103
  case "justify-self":
@@ -108,7 +109,7 @@ class p extends HTMLElement {
108
109
  t,
109
110
  s,
110
111
  e,
111
- f
112
+ k
112
113
  );
113
114
  break;
114
115
  case "col-span":
@@ -116,14 +117,14 @@ class p extends HTMLElement {
116
117
  case "col-span--tablet":
117
118
  case "col-span--laptop":
118
119
  case "col-span--desktop":
119
- this.updateProperties(t, s, e, m);
120
+ this.updateProperties(t, s, e, v);
120
121
  break;
121
122
  case "order":
122
123
  case "order--mobile":
123
124
  case "order--tablet":
124
125
  case "order--laptop":
125
126
  case "order--desktop":
126
- this.updateProperties(t, s, e, k);
127
+ this.updateProperties(t, s, e, y);
127
128
  break;
128
129
  }
129
130
  }
@@ -168,11 +169,18 @@ class p extends HTMLElement {
168
169
  var t;
169
170
  return (t = this.parentElement) == null ? void 0 : t.tagName.toLowerCase();
170
171
  }
171
- get isGrid() {
172
- return this.$parentElementName === "px-grid";
173
- }
174
- get isStack() {
175
- return this.$parentElementName === "px-stack";
172
+ get isInsideGridOrStack() {
173
+ let t = this.parentElement;
174
+ for (; t; ) {
175
+ if (t.localName === "px-grid" || t.localName === "px-stack" && (t == null ? void 0 : t.getAttribute("direction")) === "row")
176
+ return !0;
177
+ if (window.getComputedStyle(t).display === "contents") {
178
+ t = t.parentElement;
179
+ continue;
180
+ }
181
+ break;
182
+ }
183
+ return !1;
176
184
  }
177
185
  get grow() {
178
186
  return this.getAttribute("grow");
@@ -409,23 +417,29 @@ class p extends HTMLElement {
409
417
  this.setAttribute("order--desktop", t);
410
418
  }
411
419
  }
412
- class y extends p {
413
- constructor(...t) {
414
- super(...t), this.accessorExclusions = [], this.nativeName = Object.getPrototypeOf(this).constructor.nativeName, this.accessorExclusions = Object.getPrototypeOf(this).constructor.accessorExclusions || [];
415
- }
420
+ const u = class u extends h {
421
+ // nativeName: string;
416
422
  static get observedAttributes() {
417
423
  return [
418
424
  ...super.observedAttributes,
419
- ...d(this.nativeName)
425
+ ...g(this.nativeName)
420
426
  ];
421
427
  }
422
428
  attributeChangedCallback(t, s, e) {
423
429
  super.attributeChangedCallback(t, s, e), e === null ? this.$el.toggleAttribute(t) : this.$el.setAttribute(t, e);
424
430
  }
425
- connectedCallback() {
431
+ get ctor() {
432
+ return Object.getPrototypeOf(this).constructor;
433
+ }
434
+ constructor(...t) {
435
+ super(...t), this.ctor.supportedPropertyNames || (this.ctor.supportedPropertyNames = c(
436
+ this.ctor.nativeName
437
+ )), this.enhanceWithNativeProperties();
438
+ }
439
+ enhanceWithNativeProperties() {
426
440
  var t;
427
- for (const s of b(this.nativeName))
428
- if (!(s === "constructor" || this.accessorExclusions.includes(s)))
441
+ for (const s of this.ctor.supportedPropertyNames)
442
+ if (!(s === "constructor" || (((t = this.ctor) == null ? void 0 : t.accessorExclusions) ?? []).includes(s)))
429
443
  try {
430
444
  Object.defineProperty(this, s, {
431
445
  get() {
@@ -438,13 +452,9 @@ class y extends p {
438
452
  } catch (e) {
439
453
  console.warn(`Could not create property ${s} for`, this.$el, e);
440
454
  }
441
- if (this.isGrid || this.isStack) {
442
- const s = (t = this.parentElement) == null ? void 0 : t.getAttribute("direction");
443
- this.$el.style.display = "block", (this.isGrid || this.isStack && s === "row") && (this.$el.style.height = "100%");
444
- }
445
455
  }
446
456
  get $el() {
447
- return this.shadowRoot.querySelector(this.nativeName);
457
+ return this.shadowRoot.querySelector(this.ctor.nativeName);
448
458
  }
449
459
  _updateAttribute(t, s) {
450
460
  s ? this.setAttribute(t, s) : this.removeAttribute(t);
@@ -452,8 +462,15 @@ class y extends p {
452
462
  _updateBooleanAttribute(t, s) {
453
463
  s ? this.setAttribute(t, "") : this.removeAttribute(t);
454
464
  }
465
+ };
466
+ u.accessorExclusions = [];
467
+ let p = u;
468
+ class A extends p {
469
+ connectedCallback() {
470
+ this.isInsideGridOrStack && (this.$el.style.display = "block", this.$el.style.height = "100%");
471
+ }
455
472
  }
456
- const w = ["", "default", "none", "l"], c = [
473
+ const S = ["", "default", "none", "l"], f = [
457
474
  "",
458
475
  "default",
459
476
  "auto",
@@ -462,21 +479,21 @@ const w = ["", "default", "none", "l"], c = [
462
479
  "center",
463
480
  "baseline",
464
481
  "stretch"
465
- ], g = [
482
+ ], m = [
466
483
  "",
467
484
  "default",
468
485
  "start",
469
486
  "end",
470
487
  "center",
471
488
  "stretch"
472
- ], f = [
489
+ ], k = [
473
490
  "",
474
491
  "default",
475
492
  "start",
476
493
  "end",
477
494
  "center",
478
495
  "stretch"
479
- ], m = [
496
+ ], v = [
480
497
  "",
481
498
  "1",
482
499
  "2",
@@ -490,7 +507,7 @@ const w = ["", "default", "none", "l"], c = [
490
507
  "10",
491
508
  "11",
492
509
  "12"
493
- ], k = [
510
+ ], y = [
494
511
  "",
495
512
  "-1",
496
513
  "0",
@@ -506,7 +523,7 @@ const w = ["", "default", "none", "l"], c = [
506
523
  "10",
507
524
  "11",
508
525
  "12"
509
- ], A = [
526
+ ], $ = [
510
527
  "",
511
528
  "default",
512
529
  "auto",
@@ -514,7 +531,7 @@ const w = ["", "default", "none", "l"], c = [
514
531
  "end",
515
532
  "center",
516
533
  "stretch"
517
- ], S = [
534
+ ], x = [
518
535
  "",
519
536
  "default",
520
537
  "inherit",
@@ -530,7 +547,7 @@ const w = ["", "default", "none", "l"], c = [
530
547
  "heading-l",
531
548
  "heading-m",
532
549
  "heading-s"
533
- ], $ = [
550
+ ], j = [
534
551
  "",
535
552
  "default",
536
553
  "inherit",
@@ -545,7 +562,7 @@ const w = ["", "default", "none", "l"], c = [
545
562
  "state-hover",
546
563
  "state-active",
547
564
  "state-disabled"
548
- ], x = [
565
+ ], C = [
549
566
  "",
550
567
  "default",
551
568
  "inherit",
@@ -553,11 +570,11 @@ const w = ["", "default", "none", "l"], c = [
553
570
  "title",
554
571
  "title-large",
555
572
  "subtitle"
556
- ], v = ["Xs", "S", "M", "L", "Xl"], j = [
573
+ ], w = ["Xs", "S", "M", "L", "Xl"], L = [
557
574
  "",
558
575
  "default",
559
- ...v.map((i) => i.toLowerCase())
560
- ], C = ["", "default", "left", "center", "right"], L = [
576
+ ...w.map((i) => i.toLowerCase())
577
+ ], M = ["", "default", "left", "center", "right"], N = [
561
578
  "",
562
579
  "none",
563
580
  "3xs",
@@ -567,7 +584,7 @@ const w = ["", "default", "none", "l"], c = [
567
584
  "m",
568
585
  "l",
569
586
  "xl"
570
- ], M = ["", "none", "s", "m", "l"], T = ["", "none", "main", "pill"], D = [
587
+ ], T = ["", "none", "s", "m", "l"], D = ["", "none", "main", "pill"], O = [
571
588
  "none",
572
589
  "main",
573
590
  "brand",
@@ -578,7 +595,7 @@ const w = ["", "default", "none", "l"], c = [
578
595
  "purpose-warning",
579
596
  "purpose-error",
580
597
  "purpose-unlimited"
581
- ], N = [
598
+ ], q = [
582
599
  "",
583
600
  "all",
584
601
  "top",
@@ -587,7 +604,7 @@ const w = ["", "default", "none", "l"], c = [
587
604
  "left",
588
605
  "block",
589
606
  "inline"
590
- ], O = [
607
+ ], G = [
591
608
  "",
592
609
  "none",
593
610
  "surface-light",
@@ -615,7 +632,7 @@ const w = ["", "default", "none", "l"], c = [
615
632
  "purpose-eco",
616
633
  "purpose-notification",
617
634
  "footer"
618
- ], G = ["", "cover", "contain", "default"], q = ["", "none", "s", "m", "l", "xl"], E = [
635
+ ], P = ["", "cover", "contain", "default"], E = ["", "none", "s", "m", "l", "xl"], V = [
619
636
  "",
620
637
  "default",
621
638
  "title-4xl",
@@ -626,7 +643,7 @@ const w = ["", "default", "none", "l"], c = [
626
643
  "title-m",
627
644
  "title-s",
628
645
  "subtitle"
629
- ], P = [
646
+ ], B = [
630
647
  "",
631
648
  "purple-top-red",
632
649
  "purple-top-magenta",
@@ -676,7 +693,7 @@ const w = ["", "default", "none", "l"], c = [
676
693
  "color-bottom-right-blue",
677
694
  "color-bottom-right-turquoise",
678
695
  "color-bottom-right-green"
679
- ], _ = [
696
+ ], R = [
680
697
  "none",
681
698
  "2xs",
682
699
  "xs",
@@ -686,14 +703,14 @@ const w = ["", "default", "none", "l"], c = [
686
703
  "heading-to-subtitle",
687
704
  "heading-to-content",
688
705
  "page-layout-between-sections"
689
- ], B = [
706
+ ], _ = [
690
707
  "",
691
708
  "all",
692
709
  "top",
693
710
  "right",
694
711
  "bottom",
695
712
  "left"
696
- ], R = [
713
+ ], z = [
697
714
  "",
698
715
  "default",
699
716
  "xs",
@@ -702,14 +719,14 @@ const w = ["", "default", "none", "l"], c = [
702
719
  "l",
703
720
  "xl"
704
721
  ];
705
- function V(i) {
722
+ function H(i) {
706
723
  const t = document.createElement("style");
707
724
  t.innerHTML = i, document.head.appendChild(t);
708
725
  }
709
- function z(i) {
726
+ function I(i) {
710
727
  return typeof i == "string" && (i === "false" || i === "0" || i === "null") || typeof i == "boolean" && !i;
711
728
  }
712
- function H() {
729
+ function W() {
713
730
  return window.matchMedia("only screen and (min-width: 768px)").matches ? "tablet" : window.matchMedia("only screen and (min-width: 1025px)").matches ? "laptop" : "mobile";
714
731
  }
715
732
  function F(i, t) {
@@ -758,7 +775,7 @@ function X(i, t, s = !0) {
758
775
  t.setAttribute("id", o), i.setAttribute("aria-labelledby", o);
759
776
  }
760
777
  }
761
- function I(i, t, s, e = "", o) {
778
+ function J(i, t, s, e = "", o) {
762
779
  const a = new CSSStyleSheet(), l = s.reduce(
763
780
  (n, r) => n + `
764
781
  ${t(i, r)} {
@@ -804,7 +821,7 @@ function I(i, t, s, e = "", o) {
804
821
  );
805
822
  return a.replaceSync(l), a;
806
823
  }
807
- class J {
824
+ class K {
808
825
  constructor(t, s, e, o) {
809
826
  this.component = t, this.attributeName = s, this.cssVariable = o, this.attributeNameMobile = `${this.attributeName}--mobile`, this.attributeNameTablet = `${this.attributeName}--tablet`, this.attributeNameLaptop = `${this.attributeName}--laptop`, this.attributeNameDesktop = `${this.attributeName}--desktop`, this._attributeValue = e, Object.defineProperty(
810
827
  this.component,
@@ -885,41 +902,42 @@ class J {
885
902
  }
886
903
  }
887
904
  export {
888
- J as AttributeBreakpointHandlerDelegate,
889
- y as PxElement,
890
- p as WithExtraAttributes,
891
- V as addGlobalStylesheet,
892
- R as assetContainerImgWidthValues,
893
- O as backgroundColorValues,
894
- G as backgroundSizeValues,
895
- D as borderColorValues,
896
- T as borderRadiusValues,
897
- N as borderSideValues,
898
- M as borderValues,
899
- q as boxShadowValues,
905
+ K as AttributeBreakpointHandlerDelegate,
906
+ p as PxElement,
907
+ A as VerticallyExtendedElement,
908
+ h as WithExtraAttributes,
909
+ H as addGlobalStylesheet,
910
+ z as assetContainerImgWidthValues,
911
+ G as backgroundColorValues,
912
+ P as backgroundSizeValues,
913
+ O as borderColorValues,
914
+ D as borderRadiusValues,
915
+ q as borderSideValues,
916
+ T as borderValues,
917
+ E as boxShadowValues,
900
918
  F as checkName,
901
- $ as colorValues,
902
- g as cssGridAlignSelfValues,
903
- m as cssGridColSpanValues,
904
- f as cssGridJustifySelfValues,
905
- k as cssGridOrderValues,
906
- A as cssGridPlaceSelfValues,
907
- I as cssTokenBreakpoints,
908
- c as flexboxAlignSelfValues,
909
- S as fontsizeValues,
910
- x as fontweightValues,
911
- _ as gapValues,
912
- d as getSupportedAttributeNames,
913
- b as getSupportedPropertyNames,
914
- H as getViewportFormat,
915
- P as gradientValues,
916
- w as gridGapValues,
917
- E as headingValues,
918
- v as iconSizeValues,
919
- j as iconSizeValuesKC,
920
- z as isFalsy,
921
- B as noBorderRadiusValues,
922
- L as paddingValues,
923
- C as textalignValues,
919
+ j as colorValues,
920
+ m as cssGridAlignSelfValues,
921
+ v as cssGridColSpanValues,
922
+ k as cssGridJustifySelfValues,
923
+ y as cssGridOrderValues,
924
+ $ as cssGridPlaceSelfValues,
925
+ J as cssTokenBreakpoints,
926
+ f as flexboxAlignSelfValues,
927
+ x as fontsizeValues,
928
+ C as fontweightValues,
929
+ R as gapValues,
930
+ g as getSupportedAttributeNames,
931
+ c as getSupportedPropertyNames,
932
+ W as getViewportFormat,
933
+ B as gradientValues,
934
+ S as gridGapValues,
935
+ V as headingValues,
936
+ w as iconSizeValues,
937
+ L as iconSizeValuesKC,
938
+ I as isFalsy,
939
+ _ as noBorderRadiusValues,
940
+ N as paddingValues,
941
+ M as textalignValues,
924
942
  X as transferAccessibilityAttributes
925
943
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-common",
3
- "version": "1.4.1-alpha.1",
3
+ "version": "1.4.1-alpha.11",
4
4
  "description": "",
5
5
  "main": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",