@proximus/lavender-common 0.1.0-alpha.39

package/dist/index.js

@@ -0,0 +1,371 @@
+const a = "::slotted(*[grow]){flex-grow:var(--flex-grow-value)}::slotted(*[shrink]){flex-shrink:var(--flex-shrink-value)}::slotted(*[basis]){flex-basis:var(--flex-basis-value)}::slotted(*[align-self]){align-self:var(--flex-align-self-value)}::slotted(*[grow-mobile]){flex-grow:var(--flex-grow-mobile-value)}::slotted(*[shrink-mobile]){flex-shrink:var(--flex-shrink-mobile-value)}::slotted(*[basis-mobile]){flex-basis:var(--flex-basis-mobile-value)}::slotted(*[align-self-mobile]){align-self:var(--flex-align-self-mobile-value)}@media screen and (min-width: 768px){::slotted(*[grow-tablet]){flex-grow:var(--flex-grow-tablet-value)}::slotted(*[shrink-tablet]){flex-shrink:var(--flex-shrink-tablet-value)}::slotted(*[basis-tablet]){flex-basis:var(--flex-basis-tablet-value)}::slotted(*[align-self-tablet]){align-self:var(--flex-align-self-tablet-value)}}@media screen and (min-width: 1025px){::slotted(*[grow-laptop]){flex-grow:var(--flex-grow-laptop-value)}::slotted(*[shrink-laptop]){flex-shrink:var(--flex-shrink-laptop-value)}::slotted(*[basis-laptop]){flex-basis:var(--flex-basis-laptop-value)}::slotted(*[align-self-laptop]){align-self:var(--flex-align-self-laptop-value)}}@media screen and (min-width: 1441px){::slotted(*[grow-desktop]){flex-grow:var(--flex-grow-desktop-value)}::slotted(*[shrink-desktop]){flex-shrink:var(--flex-shrink-desktop-value)}::slotted(*[basis-desktop]){flex-basis:var(--flex-basis-desktop-value)}::slotted(*[align-self-desktop]){align-self:var(--flex-align-self-desktop-value)}}@media only screen and (min-width: 0px) and (max-width: 767px){::slotted(*[hidden-mobile]){display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){::slotted(*[hidden-tablet]){display:none}}@media only screen and (min-width: 1025px) and (max-width: 1440px){::slotted(*[hidden-laptop]){display:none}}@media only screen and (min-width: 1441px){::slotted(*[hidden-desktop]){display:none}}";
+function r(e) {
+  const t = document.createElement(e), s = Object.getPrototypeOf(t);
+  return Object.getOwnPropertyNames(s);
+}
+const l = new CSSStyleSheet();
+l.replaceSync(a);
+class o extends HTMLElement {
+  static get observedAttributes() {
+    return [
+      "grow",
+      "grow-tablet",
+      "grow-laptop",
+      "grow-desktop",
+      "shrink",
+      "shrink-mobile",
+      "shrink-tablet",
+      "shrink-laptop",
+      "shrink-desktop",
+      "basis",
+      "basis-mobile",
+      "basis-tablet",
+      "basis-laptop",
+      "basis-desktop",
+      "align-self",
+      "hidden-mobile",
+      "hidden-tablet",
+      "hidden-laptop",
+      "hidden-desktop"
+    ];
+  }
+  constructor(...t) {
+    super(), this.shadowRoot || this.attachShadow({ mode: "open" }), this.shadowRoot.adoptedStyleSheets = [
+      l,
+      ...t
+    ];
+  }
+  attributeChangedCallback(t, s, i) {
+    if (o.observedAttributes.indexOf(t) !== -1)
+      if (i === null)
+        this.style.removeProperty(t);
+      else
+        switch (t) {
+          case "grow":
+          case "shrink":
+          case "basis":
+          case "grow-mobile":
+          case "grow-tablet":
+          case "grow-laptop":
+          case "grow-desktop":
+          case "shrink-mobile":
+          case "shrink-tablet":
+          case "shrink-laptop":
+          case "shrink-desktop":
+          case "basis-mobile":
+          case "basis-tablet":
+          case "basis-laptop":
+          case "basis-desktop":
+          case "align-self":
+            this.style.setProperty(`--flex-${t}-value`, i);
+            break;
+        }
+  }
+  get grow() {
+    return this.getAttribute("grow");
+  }
+  set grow(t) {
+    this.setAttribute("grow", t);
+  }
+  get shrink() {
+    return this.getAttribute("shrink");
+  }
+  set shrink(t) {
+    this.setAttribute("shrink", t);
+  }
+  get basis() {
+    return this.getAttribute("basis");
+  }
+  set basis(t) {
+    this.setAttribute("basis", t);
+  }
+  get growMobile() {
+    return this.getAttribute("grow-mobile");
+  }
+  set growMobile(t) {
+    this.setAttribute("grow-mobile", t);
+  }
+  get growTablet() {
+    return this.getAttribute("grow-tablet");
+  }
+  set growTablet(t) {
+    this.setAttribute("grow-tablet", t);
+  }
+  get growLaptop() {
+    return this.getAttribute("grow-laptop");
+  }
+  set growLaptop(t) {
+    this.setAttribute("grow-laptop", t);
+  }
+  get growDesktop() {
+    return this.getAttribute("grow-desktop");
+  }
+  set growDesktop(t) {
+    this.setAttribute("grow-desktop", t);
+  }
+  get shrinkMobile() {
+    return this.getAttribute("shrink-mobile");
+  }
+  set shrinkMobile(t) {
+    this.setAttribute("shrink-mobile", t);
+  }
+  get shrinkTablet() {
+    return this.getAttribute("shrink-tablet");
+  }
+  set shrinkTablet(t) {
+    this.setAttribute("shrink-tablet", t);
+  }
+  get shrinkLaptop() {
+    return this.getAttribute("shrink-laptop");
+  }
+  set shrinkLaptop(t) {
+    this.setAttribute("shrink-laptop", t);
+  }
+  get shrinkDesktop() {
+    return this.getAttribute("shrink-desktop");
+  }
+  set shrinkDesktop(t) {
+    this.setAttribute("shrink-desktop", t);
+  }
+  get basisMobile() {
+    return this.getAttribute("basis-mobile");
+  }
+  set basisMobile(t) {
+    this.setAttribute("basis-mobile", t);
+  }
+  get basisTablet() {
+    return this.getAttribute("basis-tablet");
+  }
+  set basisTablet(t) {
+    this.setAttribute("basis-tablet", t);
+  }
+  get basisLaptop() {
+    return this.getAttribute("basis-laptop");
+  }
+  set basisLaptop(t) {
+    this.setAttribute("basis-laptop", t);
+  }
+  get basisDesktop() {
+    return this.getAttribute("basis-desktop");
+  }
+  set basisDesktop(t) {
+    this.setAttribute("basis-desktop", t);
+  }
+  get alignSelf() {
+    return this.getAttribute("align-self");
+  }
+  set alignSelf(t) {
+    this.setAttribute("align-self", t);
+  }
+  get $el() {
+    return this;
+  }
+  get hiddenMobile() {
+    return this.getAttribute("hidden-mobile");
+  }
+  set hiddenMobile(t) {
+    this.setAttribute("hidden-mobile", t);
+  }
+  get hiddenTablet() {
+    return this.getAttribute("hidden-tablet");
+  }
+  set hiddenTablet(t) {
+    this.setAttribute("hidden-tablet", t);
+  }
+  get hiddenLaptop() {
+    return this.getAttribute("hidden-laptop");
+  }
+  set hiddenLaptop(t) {
+    this.setAttribute("hidden-laptop", t);
+  }
+  get hiddenDesktop() {
+    return this.getAttribute("hidden-desktop");
+  }
+  set hiddenDesktop(t) {
+    this.setAttribute("hidden-desktop", t);
+  }
+}
+class n extends o {
+  static get observedAttributes() {
+    return [
+      ...super.observedAttributes,
+      ...r(this.nativeName)
+    ];
+  }
+  attributeChangedCallback(t, s, i) {
+    super.attributeChangedCallback(t, s, i), i === null ? this.$el.toggleAttribute(t) : this.$el.setAttribute(t, i);
+  }
+  constructor(...t) {
+    super(...t), this.nativeName = Object.getPrototypeOf(this).constructor.nativeName;
+  }
+  connectedCallback() {
+    for (const t of r(this.nativeName))
+      t !== "constructor" && Object.defineProperty(this, t, {
+        get() {
+          return this.$el[t];
+        },
+        set(s) {
+          this.$el[t] !== s && (this.$el[t] = s);
+        }
+      });
+  }
+  get $el() {
+    return this.shadowRoot.querySelector(this.nativeName);
+  }
+}
+const b = ["", "default", "none", "expanded"], h = [
+  "",
+  "default",
+  "inherit",
+  "xs",
+  "s",
+  "base",
+  "m",
+  "l",
+  "xl",
+  "2xl",
+  "3xl",
+  "4xl",
+  "5xl",
+  "6xl",
+  "7xl"
+], p = [
+  "",
+  "default",
+  "inherit",
+  "primary",
+  "body",
+  "details",
+  "hover",
+  "disabled",
+  "active",
+  "promo",
+  "success",
+  "warning",
+  "error",
+  "unlimited"
+], d = [
+  "",
+  "default",
+  "inherit",
+  "normal",
+  "bold",
+  "extrabold",
+  "light"
+], g = [
+  "",
+  "default",
+  "2xs",
+  "xs",
+  "s",
+  "m",
+  "l",
+  "xl",
+  "2xl"
+], u = ["", "none", "2xs", "xs", "s", "m", "l", "xl"], c = ["", "none", "s", "m", "l"], m = ["", "none", "main", "pill"], f = [
+  "",
+  "none",
+  "weak",
+  "moderate",
+  "strong",
+  "rich",
+  "main",
+  "canvas-weak",
+  "canvas-light",
+  "canvas-soft",
+  "canvas-moderate",
+  "canvas-strong",
+  "canvas-deep",
+  "canvas-rich",
+  "action-primary",
+  "action-secondary",
+  "action-hover-bordered",
+  "action-hover",
+  "action-disabled",
+  "action-active",
+  "notification",
+  "promo",
+  "success",
+  "error",
+  "warning",
+  "unlimited"
+], k = ["", "none", "s", "m", "l", "xl"], x = [
+  "",
+  "purple-bottom-red",
+  "purple-bottom-magenta",
+  "purple-bottom-orange",
+  "purple-bottom-blue",
+  "purple-bottom-turquoise",
+  "purple-bottom-green",
+  "purple-right-red",
+  "purple-right-magenta",
+  "purple-right-orange",
+  "purple-right-blue",
+  "purple-right-turquoise",
+  "purple-right-green",
+  "purple-top-right-red",
+  "purple-top-right-magenta",
+  "purple-top-right-orange",
+  "purple-top-right-blue",
+  "purple-top-right-turquoise",
+  "purple-top-right-green",
+  "purple-bottom-right-red",
+  "purple-bottom-right-magenta",
+  "purple-bottom-right-orange",
+  "purple-bottom-right-blue",
+  "purple-bottom-right-turquoise",
+  "purple-bottom-right-green",
+  "color-bottom-red",
+  "color-bottom-magenta",
+  "color-bottom-orange",
+  "color-bottom-blue",
+  "color-bottom-turquoise",
+  "color-bottom-green",
+  "color-right-red",
+  "color-right-magenta",
+  "color-right-orange",
+  "color-right-blue",
+  "color-right-turquoise",
+  "color-right-green",
+  "color-top-right-red",
+  "color-top-right-magenta",
+  "color-top-right-orange",
+  "color-top-right-blue",
+  "color-top-right-turquoise",
+  "color-top-right-green",
+  "color-bottom-right-red",
+  "color-bottom-right-magenta",
+  "color-bottom-right-orange",
+  "color-bottom-right-blue",
+  "color-bottom-right-turquoise",
+  "color-bottom-right-green"
+];
+function w(e) {
+  const t = document.createElement("style");
+  t.innerHTML = e, document.head.appendChild(t);
+}
+function v(e) {
+  return typeof e == "string" && (e === "false" || e === "0" || e === "null") || typeof e == "boolean" && !e;
+}
+function A() {
+  return window.matchMedia("only screen and (min-width: 768px)").matches ? "tablet" : window.matchMedia("only screen and (min-width: 1025px)").matches ? "laptop" : "mobile";
+}
+export {
+  n as PxElement,
+  o as WithFlexAttributes,
+  w as addGlobalStylesheet,
+  f as bgColorValues,
+  m as borderRadiusValues,
+  c as borderValues,
+  p as colorValues,
+  h as fontsizeValues,
+  d as fontweightValues,
+  b as gapValues,
+  r as getSupportedAttributeNames,
+  A as getViewportFormat,
+  x as gradientValues,
+  g as iconSizeValues,
+  v as isFalsy,
+  u as paddingValues,
+  k as shadowValues
+};

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@proximus/lavender-common",
+  "version": "0.1.0-alpha.39",
+  "description": "",
+  "main": "dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "development": "./src/index.ts",
+      "default": "./dist/index.js"
+    },
+    "./src/*.css": {
+      "development": "./src/*.css"
+    }
+  },
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "test": "vitest run --coverage",
+    "build": "rm -rf dist;tsc; vite build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "15a231df98020f83813279639a9a7712a5a5e759",
+  "lerna": {
+    "command": {
+      "publish": {
+        "assets": [
+          "CHANGELOG.md",
+          "package.json",
+          "dist/*.js",
+          "dist/css/**/*.css"
+        ]
+      }
+    }
+  }
+}