@proximus/lavender-common 0.1.0-alpha.57 → 0.1.0-alpha.59

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/dist/index.js +66 -23
  2. package/package.json +6 -3
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- const u = "::slotted(*[grow]),::slotted(*[grow--mobile]),::slotted(*[grow--tablet]),::slotted(*[grow--laptop]),::slotted(*[grow--desktop]){flex-grow:var(--grow--mobile-value)}::slotted(*[shrink]),::slotted(*[shrink--mobile]),::slotted(*[shrink--tablet]),::slotted(*[shrink--laptop]),::slotted(*[shrink--desktop]){flex-shrink:var(--shrink--mobile-value)}::slotted(*[basis]),::slotted(*[basis--mobile]),::slotted(*[basis--tablet]),::slotted(*[basis--laptop]),::slotted(*[basis--desktop]){flex-basis:var(--basis--mobile-value)}::slotted(*[align-self]),::slotted(*[align-self--mobile]),::slotted(*[align-self--tablet]),::slotted(*[align-self--laptop]),::slotted(*[align-self--desktop]){align-self:var(--align-self--mobile-value)}::slotted(*[col-span]),::slotted(*[col-span--mobile]),::slotted(*[col-span--tablet]),::slotted(*[col-span--laptop]),::slotted(*[col-span--desktop]){grid-column:span var(--col-span--mobile-value) / span var(--col-span--mobile-value)}::slotted(*[justify-self]),::slotted(*[justify-self--mobile]),::slotted(*[justify-self--tablet]),::slotted(*[justify-self--laptop]),::slotted(*[justify-self--desktop]){justify-self:var(--justify-self--mobile-value)}::slotted(*[order]),::slotted(*[order--mobile]),::slotted(*[order--tablet]),::slotted(*[order--laptop]),::slotted(*[order--desktop]){order:var(--order--mobile-value)}::slotted(*[hidden]),::slotted(*[hidden--mobile]){display:none}::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 (min-width: 768px){::slotted(*[grow]),::slotted(*[grow--mobile]),::slotted(*[grow--tablet]),::slotted(*[grow--laptop]),::slotted(*[grow--desktop]){flex-grow:var(--grow--tablet-value)}::slotted(*[shrink]),::slotted(*[shrink--mobile]),::slotted(*[shrink--tablet]),::slotted(*[shrink--laptop]),::slotted(*[shrink--desktop]){flex-shrink:var(--shrink--tablet-value)}::slotted(*[basis]),::slotted(*[basis--mobile]),::slotted(*[basis--tablet]),::slotted(*[basis--laptop]),::slotted(*[basis--desktop]){flex-basis:var(--basis--tablet-value)}::slotted(*[align-self]),::slotted(*[align-self--mobile]),::slotted(*[align-self--tablet]),::slotted(*[align-self--laptop]),::slotted(*[align-self--desktop]){align-self:var(--align-self--tablet-value)}::slotted(*[col-span]),::slotted(*[col-span--mobile]),::slotted(*[col-span--tablet]),::slotted(*[col-span--laptop]),::slotted(*[col-span--desktop]){grid-column:span var(--col-span--tablet-value) / span var(--col-span--tablet-value)}::slotted(*[justify-self]),::slotted(*[justify-self--mobile]),::slotted(*[justify-self--tablet]),::slotted(*[justify-self--laptop]),::slotted(*[justify-self--desktop]){justify-self:var(--justify-self--tablet-value)}::slotted(*[order]),::slotted(*[order--mobile]),::slotted(*[order--tablet]),::slotted(*[order--laptop]),::slotted(*[order--desktop]){order:var(--order--tablet-value)}::slotted(*[hidden]),::slotted(*[hidden--tablet]){display:none}}@media screen and (min-width: 1025px){::slotted(*[grow]),::slotted(*[grow--mobile]),::slotted(*[grow--tablet]),::slotted(*[grow--laptop]),::slotted(*[grow--desktop]){flex-grow:var(--grow--laptop-value)}::slotted(*[shrink]),::slotted(*[shrink--mobile]),::slotted(*[shrink--tablet]),::slotted(*[shrink--laptop]),::slotted(*[shrink--desktop]){flex-shrink:var(--shrink--laptop-value)}::slotted(*[basis]),::slotted(*[basis--mobile]),::slotted(*[basis--tablet]),::slotted(*[basis--laptop]),::slotted(*[basis--desktop]){flex-basis:var(--basis--laptop-value)}::slotted(*[align-self]),::slotted(*[align-self--mobile]),::slotted(*[align-self--tablet]),::slotted(*[align-self--laptop]),::slotted(*[align-self--desktop]){align-self:var(--align-self--laptop-value)}::slotted(*[col-span]),::slotted(*[col-span--mobile]),::slotted(*[col-span--tablet]),::slotted(*[col-span--laptop]),::slotted(*[col-span--desktop]){grid-column:span var(--col-span--laptop-value) / span var(--col-span--laptop-value)}::slotted(*[justify-self]),::slotted(*[justify-self--mobile]),::slotted(*[justify-self--tablet]),::slotted(*[justify-self--laptop]),::slotted(*[justify-self--desktop]){justify-self:var(--justify-self--laptop-value)}::slotted(*[order]),::slotted(*[order--mobile]),::slotted(*[order--tablet]),::slotted(*[order--laptop]),::slotted(*[order--desktop]){order:var(--order--laptop-value)}::slotted(*[hidden]),::slotted(*[hidden--laptop]){display:none}}@media screen and (min-width: 1441px){::slotted(*[grow]),::slotted(*[grow--mobile]),::slotted(*[grow--tablet]),::slotted(*[grow--laptop]),::slotted(*[grow--desktop]){flex-grow:var(--grow--desktop-value)}::slotted(*[shrink]),::slotted(*[shrink--mobile]),::slotted(*[shrink--tablet]),::slotted(*[shrink--laptop]),::slotted(*[shrink--desktop]){flex-shrink:var(--shrink--desktop-value)}::slotted(*[basis]),::slotted(*[basis--mobile]),::slotted(*[basis--tablet]),::slotted(*[basis--laptop]),::slotted(*[basis--desktop]){flex-basis:var(--basis--desktop-value)}::slotted(*[align-self]),::slotted(*[align-self--mobile]),::slotted(*[align-self--tablet]),::slotted(*[align-self--laptop]),::slotted(*[align-self--desktop]){align-self:var(--align-self--desktop-value)}::slotted(*[col-span]),::slotted(*[col-span--mobile]),::slotted(*[col-span--tablet]),::slotted(*[col-span--laptop]),::slotted(*[col-span--desktop]){grid-column:span var(--col-span--desktop-value) / span var(--col-span--desktop-value)}::slotted(*[justify-self]),::slotted(*[justify-self--mobile]),::slotted(*[justify-self--tablet]),::slotted(*[justify-self--laptop]),::slotted(*[justify-self--desktop]){justify-self:var(--justify-self--desktop-value)}::slotted(*[order]),::slotted(*[order--mobile]),::slotted(*[order--tablet]),::slotted(*[order--laptop]),::slotted(*[order--desktop]){order:var(--order--desktop-value)}::slotted(*[hidden]),::slotted(*[hidden--desktop]){display:none}}";
1
+ const u = "::slotted(*[grow]),::slotted(*[grow--mobile]),::slotted(*[grow--tablet]),::slotted(*[grow--laptop]),::slotted(*[grow--desktop]){flex-grow:var(--grow--mobile-value)}::slotted(*[shrink]),::slotted(*[shrink--mobile]),::slotted(*[shrink--tablet]),::slotted(*[shrink--laptop]),::slotted(*[shrink--desktop]){flex-shrink:var(--shrink--mobile-value)}::slotted(*[basis]),::slotted(*[basis--mobile]),::slotted(*[basis--tablet]),::slotted(*[basis--laptop]),::slotted(*[basis--desktop]){flex-basis:var(--basis--mobile-value)}::slotted(*[align-self]),::slotted(*[align-self--mobile]),::slotted(*[align-self--tablet]),::slotted(*[align-self--laptop]),::slotted(*[align-self--desktop]){align-self:var(--align-self--mobile-value)}::slotted(*[col-span]),::slotted(*[col-span--mobile]),::slotted(*[col-span--tablet]),::slotted(*[col-span--laptop]),::slotted(*[col-span--desktop]){grid-column:span var(--col-span--mobile-value) / span var(--col-span--mobile-value)}::slotted(*[justify-self]),::slotted(*[justify-self--mobile]),::slotted(*[justify-self--tablet]),::slotted(*[justify-self--laptop]),::slotted(*[justify-self--desktop]){justify-self:var(--justify-self--mobile-value)}::slotted(*[order]),::slotted(*[order--mobile]),::slotted(*[order--tablet]),::slotted(*[order--laptop]),::slotted(*[order--desktop]){order:var(--order--mobile-value)}::slotted(*[hidden]){display:none}::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){::slotted(*[hidden--mobile]){display:none}}@media screen and (min-width: 768px){::slotted(*[grow]),::slotted(*[grow--mobile]),::slotted(*[grow--tablet]),::slotted(*[grow--laptop]),::slotted(*[grow--desktop]){flex-grow:var(--grow--tablet-value)}::slotted(*[shrink]),::slotted(*[shrink--mobile]),::slotted(*[shrink--tablet]),::slotted(*[shrink--laptop]),::slotted(*[shrink--desktop]){flex-shrink:var(--shrink--tablet-value)}::slotted(*[basis]),::slotted(*[basis--mobile]),::slotted(*[basis--tablet]),::slotted(*[basis--laptop]),::slotted(*[basis--desktop]){flex-basis:var(--basis--tablet-value)}::slotted(*[align-self]),::slotted(*[align-self--mobile]),::slotted(*[align-self--tablet]),::slotted(*[align-self--laptop]),::slotted(*[align-self--desktop]){align-self:var(--align-self--tablet-value)}::slotted(*[col-span]),::slotted(*[col-span--mobile]),::slotted(*[col-span--tablet]),::slotted(*[col-span--laptop]),::slotted(*[col-span--desktop]){grid-column:span var(--col-span--tablet-value) / span var(--col-span--tablet-value)}::slotted(*[justify-self]),::slotted(*[justify-self--mobile]),::slotted(*[justify-self--tablet]),::slotted(*[justify-self--laptop]),::slotted(*[justify-self--desktop]){justify-self:var(--justify-self--tablet-value)}::slotted(*[order]),::slotted(*[order--mobile]),::slotted(*[order--tablet]),::slotted(*[order--laptop]),::slotted(*[order--desktop]){order:var(--order--tablet-value)}}@media screen and (min-width: 768px) and (max-width: 1024px){::slotted(*[hidden--tablet]){display:none}}@media screen and (min-width: 1025px){::slotted(*[grow]),::slotted(*[grow--mobile]),::slotted(*[grow--tablet]),::slotted(*[grow--laptop]),::slotted(*[grow--desktop]){flex-grow:var(--grow--laptop-value)}::slotted(*[shrink]),::slotted(*[shrink--mobile]),::slotted(*[shrink--tablet]),::slotted(*[shrink--laptop]),::slotted(*[shrink--desktop]){flex-shrink:var(--shrink--laptop-value)}::slotted(*[basis]),::slotted(*[basis--mobile]),::slotted(*[basis--tablet]),::slotted(*[basis--laptop]),::slotted(*[basis--desktop]){flex-basis:var(--basis--laptop-value)}::slotted(*[align-self]),::slotted(*[align-self--mobile]),::slotted(*[align-self--tablet]),::slotted(*[align-self--laptop]),::slotted(*[align-self--desktop]){align-self:var(--align-self--laptop-value)}::slotted(*[col-span]),::slotted(*[col-span--mobile]),::slotted(*[col-span--tablet]),::slotted(*[col-span--laptop]),::slotted(*[col-span--desktop]){grid-column:span var(--col-span--laptop-value) / span var(--col-span--laptop-value)}::slotted(*[justify-self]),::slotted(*[justify-self--mobile]),::slotted(*[justify-self--tablet]),::slotted(*[justify-self--laptop]),::slotted(*[justify-self--desktop]){justify-self:var(--justify-self--laptop-value)}::slotted(*[order]),::slotted(*[order--mobile]),::slotted(*[order--tablet]),::slotted(*[order--laptop]),::slotted(*[order--desktop]){order:var(--order--laptop-value)}}@media screen and (min-width: 1025px) and (max-width: 1440px){::slotted(*[hidden--laptop]){display:none}}@media screen and (min-width: 1441px){::slotted(*[grow]),::slotted(*[grow--mobile]),::slotted(*[grow--tablet]),::slotted(*[grow--laptop]),::slotted(*[grow--desktop]){flex-grow:var(--grow--desktop-value)}::slotted(*[shrink]),::slotted(*[shrink--mobile]),::slotted(*[shrink--tablet]),::slotted(*[shrink--laptop]),::slotted(*[shrink--desktop]){flex-shrink:var(--shrink--desktop-value)}::slotted(*[basis]),::slotted(*[basis--mobile]),::slotted(*[basis--tablet]),::slotted(*[basis--laptop]),::slotted(*[basis--desktop]){flex-basis:var(--basis--desktop-value)}::slotted(*[align-self]),::slotted(*[align-self--mobile]),::slotted(*[align-self--tablet]),::slotted(*[align-self--laptop]),::slotted(*[align-self--desktop]){align-self:var(--align-self--desktop-value)}::slotted(*[col-span]),::slotted(*[col-span--mobile]),::slotted(*[col-span--tablet]),::slotted(*[col-span--laptop]),::slotted(*[col-span--desktop]){grid-column:span var(--col-span--desktop-value) / span var(--col-span--desktop-value)}::slotted(*[justify-self]),::slotted(*[justify-self--mobile]),::slotted(*[justify-self--tablet]),::slotted(*[justify-self--laptop]),::slotted(*[justify-self--desktop]){justify-self:var(--justify-self--desktop-value)}::slotted(*[order]),::slotted(*[order--mobile]),::slotted(*[order--tablet]),::slotted(*[order--laptop]),::slotted(*[order--desktop]){order:var(--order--desktop-value)}::slotted(*[hidden--desktop]){display:none}}";
2
2
  function d(o) {
3
3
  const t = document.createElement(o), s = Object.getPrototypeOf(t);
4
4
  return Object.getOwnPropertyNames(s);
@@ -507,7 +507,7 @@ const y = [
507
507
  "end",
508
508
  "center",
509
509
  "stretch"
510
- ], S = [
510
+ ], w = [
511
511
  "",
512
512
  "default",
513
513
  "inherit",
@@ -523,7 +523,7 @@ const y = [
523
523
  "heading-l",
524
524
  "heading-m",
525
525
  "heading-s"
526
- ], w = [
526
+ ], S = [
527
527
  "",
528
528
  "default",
529
529
  "inherit",
@@ -549,7 +549,7 @@ const y = [
549
549
  "bold",
550
550
  "extrabold",
551
551
  "light"
552
- ], j = [
552
+ ], x = [
553
553
  "",
554
554
  "default",
555
555
  "2xs",
@@ -559,7 +559,7 @@ const y = [
559
559
  "l",
560
560
  "xl",
561
561
  "2xl"
562
- ], x = ["", "default", "left", "center", "right"], $ = ["", "none", "2xs", "xs", "s", "m", "l"], C = ["", "none", "s", "m", "l"], N = ["", "none", "main", "pill"], M = [
562
+ ], j = ["", "default", "left", "center", "right"], $ = ["", "none", "2xs", "xs", "s", "m", "l"], C = ["", "none", "s", "m", "l"], N = ["", "none", "main", "pill"], M = [
563
563
  "none",
564
564
  "container-main",
565
565
  "container-brand",
@@ -695,21 +695,63 @@ const y = [
695
695
  "s",
696
696
  "l",
697
697
  "2xl"
698
- ], E = ["", "default", "s", "m", "l"];
699
- function B(o) {
698
+ ], B = ["", "default", "s", "m", "l"];
699
+ function R(o) {
700
700
  const t = document.createElement("style");
701
701
  t.innerHTML = o, document.head.appendChild(t);
702
702
  }
703
- function R(o) {
703
+ function z(o) {
704
704
  return typeof o == "string" && (o === "false" || o === "0" || o === "null") || typeof o == "boolean" && !o;
705
705
  }
706
- function z() {
706
+ function H() {
707
707
  return window.matchMedia("only screen and (min-width: 768px)").matches ? "tablet" : window.matchMedia("only screen and (min-width: 1025px)").matches ? "laptop" : "mobile";
708
708
  }
709
- function H(o, t) {
709
+ function E(o, t) {
710
710
  return o.includes(t);
711
711
  }
712
- function F(o, t, s, e = "") {
712
+ function F(o, t) {
713
+ var e;
714
+ [
715
+ "aria-label",
716
+ "aria-labelledby",
717
+ "aria-describedby",
718
+ "aria-controls",
719
+ "aria-expanded",
720
+ "aria-haspopup",
721
+ "aria-pressed",
722
+ "aria-selected",
723
+ "aria-required",
724
+ "aria-disabled",
725
+ "aria-live",
726
+ "aria-atomic",
727
+ "aria-relevant",
728
+ "aria-orientation",
729
+ "aria-valuenow",
730
+ "aria-valuetext",
731
+ "aria-valuemin",
732
+ "aria-valuemax",
733
+ "aria-details",
734
+ "aria-modal",
735
+ "aria-autocomplete",
736
+ "aria-activedescendant",
737
+ "aria-colcount",
738
+ "aria-colindex",
739
+ "aria-colspan",
740
+ "aria-rowcount",
741
+ "aria-rowindex",
742
+ "aria-rowspan",
743
+ "aria-keyshortcuts",
744
+ "aria-placeholder",
745
+ "aria-invalid",
746
+ "aria-busy",
747
+ "aria-owns"
748
+ ].forEach((i) => {
749
+ o.getAttribute(i) && (t.setAttribute(i, o.getAttribute(i)), o.removeAttribute(i));
750
+ });
751
+ const s = `px-${((e = t.localName) == null ? void 0 : e.toLowerCase()) ?? "component"}-${Math.random().toString(36).substring(2, 15)}`;
752
+ t.setAttribute("id", s), o.setAttribute("aria-labelledby", s);
753
+ }
754
+ function I(o, t, s, e = "") {
713
755
  const i = new CSSStyleSheet(), a = s.reduce(
714
756
  (r, l) => r + `
715
757
  ${t(o, l)} {
@@ -742,7 +784,7 @@ function F(o, t, s, e = "") {
742
784
  );
743
785
  return i.replaceSync(a), i;
744
786
  }
745
- class I {
787
+ class J {
746
788
  constructor(t, s, e, i) {
747
789
  this.component = t, this.attributeName = s, this.cssVariable = i, 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(
748
790
  this.component,
@@ -823,38 +865,39 @@ class I {
823
865
  }
824
866
  }
825
867
  export {
826
- I as AttributeBreakpointHandlerDelegate,
868
+ J as AttributeBreakpointHandlerDelegate,
827
869
  k as PxElement,
828
870
  n as WithExtraAttributes,
829
- B as addGlobalStylesheet,
871
+ R as addGlobalStylesheet,
830
872
  q as assetContainerIconSizeValues,
831
- E as assetContainerImgWidthValues,
873
+ B as assetContainerImgWidthValues,
832
874
  T as backgroundColorValues,
833
875
  M as borderColorValues,
834
876
  N as borderRadiusValues,
835
877
  L as borderSideValues,
836
878
  C as borderValues,
837
879
  D as boxShadowValues,
838
- H as checkName,
839
- w as colorValues,
880
+ E as checkName,
881
+ S as colorValues,
840
882
  c as cssGridAlignSelfValues,
841
883
  f as cssGridColSpanValues,
842
884
  g as cssGridJustifySelfValues,
843
885
  m as cssGridOrderValues,
844
886
  A as cssGridPlaceSelfValues,
845
- F as cssTokenBreakpoints,
887
+ I as cssTokenBreakpoints,
846
888
  h as flexboxAlignSelfValues,
847
- S as fontsizeValues,
889
+ w as fontsizeValues,
848
890
  v as fontweightValues,
849
891
  G as gapValues,
850
892
  d as getSupportedAttributeNames,
851
- z as getViewportFormat,
893
+ H as getViewportFormat,
852
894
  V as gradientValues,
853
895
  y as gridGapValues,
854
896
  P as headingValues,
855
- j as iconSizeValues,
856
- R as isFalsy,
897
+ x as iconSizeValues,
898
+ z as isFalsy,
857
899
  O as noBorderRadiusValues,
858
900
  $ as paddingValues,
859
- x as textalignValues
901
+ j as textalignValues,
902
+ F as transferAccessibilityAttributes
860
903
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-common",
3
- "version": "0.1.0-alpha.57",
3
+ "version": "0.1.0-alpha.59",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
@@ -24,7 +24,7 @@
24
24
  "publishConfig": {
25
25
  "access": "public"
26
26
  },
27
- "gitHead": "c9887f61d33d87b3ecb76e177df729f02694dcca",
27
+ "gitHead": "88453fc48ce4aecfc202debbdc51699e54c3c338",
28
28
  "lerna": {
29
29
  "command": {
30
30
  "publish": {
@@ -34,7 +34,10 @@
34
34
  "dist/*.js",
35
35
  "dist/*.cjs",
36
36
  "dist/css/**/*.css",
37
- "dist/js/**/*.js"
37
+ "dist/js/**/*.js",
38
+ "dist/*.svg",
39
+ "dist/*.ttf",
40
+ "dist/glyphmap.json"
38
41
  ]
39
42
  }
40
43
  }