@proximus/lavender-common 1.0.0-alpha.72 → 1.0.0-alpha.74

package/dist/index.es.js

@@ -1,4 +1,4 @@
-const b = ":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]){order:var(--order-value)}:host([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){:host([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]){order:var(--order--mobile-value)!important}::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]){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]){order:var(--order--tablet-value)!important}::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){::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) and (max-width: 1440px){:host([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]){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]){order:var(--order--desktop-value)!important}:host([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}}";
+const b = ":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}::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}::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}::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){::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) and (max-width: 1440px){: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}}";
 function h(o) {
   const t = document.createElement(o), s = Object.getPrototypeOf(t);
   return Object.getOwnPropertyNames(s);
@@ -39,6 +39,10 @@ class p extends HTMLElement {
       "hidden--laptop",
       "hidden--desktop",
       "shown--sr",
+      "shown--sr--mobile",
+      "shown--sr--tablet",
+      "shown--sr--laptop",
+      "shown--sr--desktop",
       "col-span",
       "col-span--mobile",
       "col-span--tablet",
@@ -476,6 +480,8 @@ const v = ["", "default", "none", "l"], d = [
   "12"
 ], m = [
   "",
+  "-1",
+  "0",
   "1",
   "2",
   "3",
@@ -496,7 +502,7 @@ const v = ["", "default", "none", "l"], d = [
   "end",
   "center",
   "stretch"
-], A = [
+], w = [
   "",
   "default",
   "inherit",
@@ -512,7 +518,7 @@ const v = ["", "default", "none", "l"], d = [
   "heading-l",
   "heading-m",
   "heading-s"
-], w = [
+], A = [
   "",
   "default",
   "inherit",
@@ -526,11 +532,7 @@ const v = ["", "default", "none", "l"], d = [
   "purpose-promo",
   "state-hover",
   "state-active",
-  "state-disabled",
-  "neutral",
-  "dimmed",
-  "heading-brand",
-  "heading-neutral"
+  "state-disabled"
 ], S = [
   "",
   "default",
@@ -647,7 +649,7 @@ const v = ["", "default", "none", "l"], d = [
   "color-bottom-right-blue",
   "color-bottom-right-turquoise",
   "color-bottom-right-green"
-], V = [
+], E = [
   "none",
   "2xs",
   "xs",
@@ -657,14 +659,14 @@ const v = ["", "default", "none", "l"], d = [
   "heading-to-subtitle",
   "heading-to-content",
   "page-layout-between-sections"
-], E = [
+], R = [
   "",
   "all",
   "top",
   "right",
   "bottom",
   "left"
-], R = [
+], V = [
   "",
   "default",
   "xs",
@@ -732,12 +734,14 @@ function I(o, t, s, e = "", i) {
   const a = new CSSStyleSheet(), l = s.reduce(
     (n, r) => n + `
   ${t(o, r)} {
-    @media only screen and (max-width: 767px) {
+    ${o}: var(--${e}-${r}-desktop);
+    ${i ? `${i}:var(--${e}-${r}-desktop)` : ""}
+  }
+  @media only screen and (max-width: 767px) {
+    ${t(o, r)} {
       ${o}: var(--${e}-${r}-mobile);
       ${i ? `${i}: var(--${e}-${r}-mobile)` : ""}
     }
-    ${o}: var(--${e}-${r}-desktop);
-    ${i ? `${i}:var(--${e}-${r}-desktop)` : ""}
   }
   ${t(o, r, "mobile")} {
     @media only screen and (max-width: 767px) {
@@ -852,7 +856,7 @@ export {
   k as PxElement,
   p as WithExtraAttributes,
   B as addGlobalStylesheet,
-  R as assetContainerIconSizeValues,
+  V as assetContainerIconSizeValues,
   z as assetContainerImgWidthValues,
   D as backgroundColorValues,
   N as backgroundSizeValues,
@@ -862,7 +866,7 @@ export {
   C as borderValues,
   G as boxShadowValues,
   P as checkName,
-  w as colorValues,
+  A as colorValues,
   c as cssGridAlignSelfValues,
   f as cssGridColSpanValues,
   g as cssGridJustifySelfValues,
@@ -870,9 +874,9 @@ export {
   y as cssGridPlaceSelfValues,
   I as cssTokenBreakpoints,
   d as flexboxAlignSelfValues,
-  A as fontsizeValues,
+  w as fontsizeValues,
   S as fontweightValues,
-  V as gapValues,
+  E as gapValues,
   h as getSupportedAttributeNames,
   H as getViewportFormat,
   q as gradientValues,
@@ -880,7 +884,7 @@ export {
   O as headingValues,
   $ as iconSizeValues,
   _ as isFalsy,
-  E as noBorderRadiusValues,
+  R as noBorderRadiusValues,
   j as paddingValues,
   x as textalignValues,
   F as transferAccessibilityAttributes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-common",
-  "version": "1.0.0-alpha.72",
+  "version": "1.0.0-alpha.74",
   "description": "",
   "main": "dist/index.es.js",
   "type": "module",