@proximus/lavender-common 1.4.1 → 1.4.2-beta.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 (3) hide show
  1. package/dist/common.d.ts +7 -3
  2. package/dist/index.es.js +105 -91
  3. package/package.json +1 -1
package/dist/common.d.ts CHANGED
@@ -91,16 +91,20 @@ export declare class WithExtraAttributes extends HTMLElement {
91
91
  }
92
92
  export declare abstract class PxElement<HTML_TYPE extends Element> extends WithExtraAttributes {
93
93
  static nativeName: string;
94
- nativeName: string;
95
- accessorExclusions: string[];
94
+ static supportedPropertyNames: string[];
95
+ static accessorExclusions: string[];
96
96
  static get observedAttributes(): string[];
97
97
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
98
+ protected get ctor(): any;
98
99
  protected constructor(...adoptedStylesheets: CSSStyleSheet[]);
99
- connectedCallback(): void;
100
+ enhanceWithNativeProperties(): void;
100
101
  get $el(): HTML_TYPE;
101
102
  protected _updateAttribute(name: string, value: string): void;
102
103
  protected _updateBooleanAttribute(name: string, value: boolean): void;
103
104
  }
105
+ export declare class VerticallyExtendedElement<HTML_TYPE extends Element> extends PxElement<HTML_TYPE> {
106
+ connectedCallback(): void;
107
+ }
104
108
  export declare const gridGapValues: string[];
105
109
  export declare const flexboxAlignSelfValues: readonly ["", "default", "auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
106
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,13 +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
71
  var o;
72
- if (p.observedAttributes.indexOf(t) !== -1)
72
+ if (h.observedAttributes.indexOf(t) !== -1)
73
73
  switch (t) {
74
74
  case "grow":
75
75
  case "grow--mobile":
@@ -97,7 +97,7 @@ class p extends HTMLElement {
97
97
  t,
98
98
  s,
99
99
  e,
100
- ((o = this.parentElement) == null ? void 0 : o.localName) === "px-grid" ? g : c
100
+ ((o = this.parentElement) == null ? void 0 : o.localName) === "px-grid" ? m : f
101
101
  );
102
102
  break;
103
103
  case "justify-self":
@@ -109,7 +109,7 @@ class p extends HTMLElement {
109
109
  t,
110
110
  s,
111
111
  e,
112
- f
112
+ k
113
113
  );
114
114
  break;
115
115
  case "col-span":
@@ -117,14 +117,14 @@ class p extends HTMLElement {
117
117
  case "col-span--tablet":
118
118
  case "col-span--laptop":
119
119
  case "col-span--desktop":
120
- this.updateProperties(t, s, e, m);
120
+ this.updateProperties(t, s, e, v);
121
121
  break;
122
122
  case "order":
123
123
  case "order--mobile":
124
124
  case "order--tablet":
125
125
  case "order--laptop":
126
126
  case "order--desktop":
127
- this.updateProperties(t, s, e, k);
127
+ this.updateProperties(t, s, e, y);
128
128
  break;
129
129
  }
130
130
  }
@@ -417,38 +417,44 @@ class p extends HTMLElement {
417
417
  this.setAttribute("order--desktop", t);
418
418
  }
419
419
  }
420
- class y extends p {
421
- constructor(...t) {
422
- super(...t), this.accessorExclusions = [], this.nativeName = Object.getPrototypeOf(this).constructor.nativeName, this.accessorExclusions = Object.getPrototypeOf(this).constructor.accessorExclusions || [];
423
- }
420
+ const u = class u extends h {
421
+ // nativeName: string;
424
422
  static get observedAttributes() {
425
423
  return [
426
424
  ...super.observedAttributes,
427
- ...d(this.nativeName)
425
+ ...g(this.nativeName)
428
426
  ];
429
427
  }
430
428
  attributeChangedCallback(t, s, e) {
431
429
  super.attributeChangedCallback(t, s, e), e === null ? this.$el.toggleAttribute(t) : this.$el.setAttribute(t, e);
432
430
  }
433
- connectedCallback() {
434
- for (const t of b(this.nativeName))
435
- if (!(t === "constructor" || this.accessorExclusions.includes(t)))
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() {
440
+ var t;
441
+ for (const s of this.ctor.supportedPropertyNames)
442
+ if (!(s === "constructor" || (((t = this.ctor) == null ? void 0 : t.accessorExclusions) ?? []).includes(s)))
436
443
  try {
437
- Object.defineProperty(this, t, {
444
+ Object.defineProperty(this, s, {
438
445
  get() {
439
- return this.$el[t];
446
+ return this.$el[s];
440
447
  },
441
- set(s) {
442
- this.$el[t] !== s && (this.$el[t] = s);
448
+ set(e) {
449
+ this.$el[s] !== e && (this.$el[s] = e);
443
450
  }
444
451
  });
445
- } catch (s) {
446
- console.warn(`Could not create property ${t} for`, this.$el, s);
452
+ } catch (e) {
453
+ console.warn(`Could not create property ${s} for`, this.$el, e);
447
454
  }
448
- this.isInsideGridOrStack && (this.$el.style.display = "block", this.$el.style.height = "100%");
449
455
  }
450
456
  get $el() {
451
- return this.shadowRoot.querySelector(this.nativeName);
457
+ return this.shadowRoot.querySelector(this.ctor.nativeName);
452
458
  }
453
459
  _updateAttribute(t, s) {
454
460
  s ? this.setAttribute(t, s) : this.removeAttribute(t);
@@ -456,8 +462,15 @@ class y extends p {
456
462
  _updateBooleanAttribute(t, s) {
457
463
  s ? this.setAttribute(t, "") : this.removeAttribute(t);
458
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
+ }
459
472
  }
460
- const w = ["", "default", "none", "l"], c = [
473
+ const S = ["", "default", "none", "l"], f = [
461
474
  "",
462
475
  "default",
463
476
  "auto",
@@ -466,21 +479,21 @@ const w = ["", "default", "none", "l"], c = [
466
479
  "center",
467
480
  "baseline",
468
481
  "stretch"
469
- ], g = [
482
+ ], m = [
470
483
  "",
471
484
  "default",
472
485
  "start",
473
486
  "end",
474
487
  "center",
475
488
  "stretch"
476
- ], f = [
489
+ ], k = [
477
490
  "",
478
491
  "default",
479
492
  "start",
480
493
  "end",
481
494
  "center",
482
495
  "stretch"
483
- ], m = [
496
+ ], v = [
484
497
  "",
485
498
  "1",
486
499
  "2",
@@ -494,7 +507,7 @@ const w = ["", "default", "none", "l"], c = [
494
507
  "10",
495
508
  "11",
496
509
  "12"
497
- ], k = [
510
+ ], y = [
498
511
  "",
499
512
  "-1",
500
513
  "0",
@@ -510,7 +523,7 @@ const w = ["", "default", "none", "l"], c = [
510
523
  "10",
511
524
  "11",
512
525
  "12"
513
- ], A = [
526
+ ], $ = [
514
527
  "",
515
528
  "default",
516
529
  "auto",
@@ -518,7 +531,7 @@ const w = ["", "default", "none", "l"], c = [
518
531
  "end",
519
532
  "center",
520
533
  "stretch"
521
- ], S = [
534
+ ], x = [
522
535
  "",
523
536
  "default",
524
537
  "inherit",
@@ -534,7 +547,7 @@ const w = ["", "default", "none", "l"], c = [
534
547
  "heading-l",
535
548
  "heading-m",
536
549
  "heading-s"
537
- ], $ = [
550
+ ], j = [
538
551
  "",
539
552
  "default",
540
553
  "inherit",
@@ -549,7 +562,7 @@ const w = ["", "default", "none", "l"], c = [
549
562
  "state-hover",
550
563
  "state-active",
551
564
  "state-disabled"
552
- ], x = [
565
+ ], C = [
553
566
  "",
554
567
  "default",
555
568
  "inherit",
@@ -557,11 +570,11 @@ const w = ["", "default", "none", "l"], c = [
557
570
  "title",
558
571
  "title-large",
559
572
  "subtitle"
560
- ], v = ["Xs", "S", "M", "L", "Xl"], j = [
573
+ ], w = ["Xs", "S", "M", "L", "Xl"], L = [
561
574
  "",
562
575
  "default",
563
- ...v.map((i) => i.toLowerCase())
564
- ], C = ["", "default", "left", "center", "right"], L = [
576
+ ...w.map((i) => i.toLowerCase())
577
+ ], M = ["", "default", "left", "center", "right"], N = [
565
578
  "",
566
579
  "none",
567
580
  "3xs",
@@ -571,7 +584,7 @@ const w = ["", "default", "none", "l"], c = [
571
584
  "m",
572
585
  "l",
573
586
  "xl"
574
- ], M = ["", "none", "s", "m", "l"], T = ["", "none", "main", "pill"], N = [
587
+ ], T = ["", "none", "s", "m", "l"], D = ["", "none", "main", "pill"], O = [
575
588
  "none",
576
589
  "main",
577
590
  "brand",
@@ -582,7 +595,7 @@ const w = ["", "default", "none", "l"], c = [
582
595
  "purpose-warning",
583
596
  "purpose-error",
584
597
  "purpose-unlimited"
585
- ], D = [
598
+ ], q = [
586
599
  "",
587
600
  "all",
588
601
  "top",
@@ -591,7 +604,7 @@ const w = ["", "default", "none", "l"], c = [
591
604
  "left",
592
605
  "block",
593
606
  "inline"
594
- ], O = [
607
+ ], G = [
595
608
  "",
596
609
  "none",
597
610
  "surface-light",
@@ -619,7 +632,7 @@ const w = ["", "default", "none", "l"], c = [
619
632
  "purpose-eco",
620
633
  "purpose-notification",
621
634
  "footer"
622
- ], q = ["", "cover", "contain", "default"], E = ["", "none", "s", "m", "l", "xl"], G = [
635
+ ], P = ["", "cover", "contain", "default"], E = ["", "none", "s", "m", "l", "xl"], V = [
623
636
  "",
624
637
  "default",
625
638
  "title-4xl",
@@ -630,7 +643,7 @@ const w = ["", "default", "none", "l"], c = [
630
643
  "title-m",
631
644
  "title-s",
632
645
  "subtitle"
633
- ], P = [
646
+ ], B = [
634
647
  "",
635
648
  "purple-top-red",
636
649
  "purple-top-magenta",
@@ -680,7 +693,7 @@ const w = ["", "default", "none", "l"], c = [
680
693
  "color-bottom-right-blue",
681
694
  "color-bottom-right-turquoise",
682
695
  "color-bottom-right-green"
683
- ], _ = [
696
+ ], R = [
684
697
  "none",
685
698
  "2xs",
686
699
  "xs",
@@ -690,14 +703,14 @@ const w = ["", "default", "none", "l"], c = [
690
703
  "heading-to-subtitle",
691
704
  "heading-to-content",
692
705
  "page-layout-between-sections"
693
- ], B = [
706
+ ], _ = [
694
707
  "",
695
708
  "all",
696
709
  "top",
697
710
  "right",
698
711
  "bottom",
699
712
  "left"
700
- ], R = [
713
+ ], z = [
701
714
  "",
702
715
  "default",
703
716
  "xs",
@@ -706,20 +719,20 @@ const w = ["", "default", "none", "l"], c = [
706
719
  "l",
707
720
  "xl"
708
721
  ];
709
- function V(i) {
722
+ function H(i) {
710
723
  const t = document.createElement("style");
711
724
  t.innerHTML = i, document.head.appendChild(t);
712
725
  }
713
- function z(i) {
726
+ function I(i) {
714
727
  return typeof i == "string" && (i === "false" || i === "0" || i === "null") || typeof i == "boolean" && !i;
715
728
  }
716
- function H() {
729
+ function W() {
717
730
  return window.matchMedia("only screen and (min-width: 768px)").matches ? "tablet" : window.matchMedia("only screen and (min-width: 1025px)").matches ? "laptop" : "mobile";
718
731
  }
719
- function I(i, t) {
732
+ function F(i, t) {
720
733
  return i.includes(t);
721
734
  }
722
- function F(i, t, s = !0) {
735
+ function X(i, t, s = !0) {
723
736
  var e;
724
737
  if ([
725
738
  "aria-label",
@@ -762,7 +775,7 @@ function F(i, t, s = !0) {
762
775
  t.setAttribute("id", o), i.setAttribute("aria-labelledby", o);
763
776
  }
764
777
  }
765
- function X(i, t, s, e = "", o) {
778
+ function J(i, t, s, e = "", o) {
766
779
  const a = new CSSStyleSheet(), l = s.reduce(
767
780
  (n, r) => n + `
768
781
  ${t(i, r)} {
@@ -808,7 +821,7 @@ function X(i, t, s, e = "", o) {
808
821
  );
809
822
  return a.replaceSync(l), a;
810
823
  }
811
- class J {
824
+ class K {
812
825
  constructor(t, s, e, o) {
813
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(
814
827
  this.component,
@@ -889,41 +902,42 @@ class J {
889
902
  }
890
903
  }
891
904
  export {
892
- J as AttributeBreakpointHandlerDelegate,
893
- y as PxElement,
894
- p as WithExtraAttributes,
895
- V as addGlobalStylesheet,
896
- R as assetContainerImgWidthValues,
897
- O as backgroundColorValues,
898
- q as backgroundSizeValues,
899
- N as borderColorValues,
900
- T as borderRadiusValues,
901
- D as borderSideValues,
902
- M as borderValues,
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,
903
917
  E as boxShadowValues,
904
- I as checkName,
905
- $ as colorValues,
906
- g as cssGridAlignSelfValues,
907
- m as cssGridColSpanValues,
908
- f as cssGridJustifySelfValues,
909
- k as cssGridOrderValues,
910
- A as cssGridPlaceSelfValues,
911
- X as cssTokenBreakpoints,
912
- c as flexboxAlignSelfValues,
913
- S as fontsizeValues,
914
- x as fontweightValues,
915
- _ as gapValues,
916
- d as getSupportedAttributeNames,
917
- b as getSupportedPropertyNames,
918
- H as getViewportFormat,
919
- P as gradientValues,
920
- w as gridGapValues,
921
- G as headingValues,
922
- v as iconSizeValues,
923
- j as iconSizeValuesKC,
924
- z as isFalsy,
925
- B as noBorderRadiusValues,
926
- L as paddingValues,
927
- C as textalignValues,
928
- F as transferAccessibilityAttributes
918
+ F as checkName,
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,
942
+ X as transferAccessibilityAttributes
929
943
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-common",
3
- "version": "1.4.1",
3
+ "version": "1.4.2-beta.1",
4
4
  "description": "",
5
5
  "main": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",