@telia-ace/alliance-ui 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/alliance-ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "UI components used by ACE Alliance apps.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -30,14 +30,14 @@
     }
   },
   "dependencies": {
-    "@teliads/components": "^18.1.7",
+    "@teliads/components": "^18.1.8",
     "lit": "^2.4.0"
   },
   "devDependencies": {
-    "@telia-ace/alliance-utilities": "^1.0.0",
+    "@telia-ace/alliance-utilities": "^1.0.1",
     "@types/fs-extra": "^9.0.13",
     "fs-extra": "^10.1.0",
-    "vite": "^3.2.1"
+    "vite": "^3.2.2"
   },
   "publishConfig": {
     "access": "public"

package/dist/telia-heading2.8bb13a79.js

@@ -1,71 +0,0 @@
-import { p as r, H as c, h as a, a as n } from "./index.022d1bd0.js";
-import { d as m } from "./telia-vst2.614fb9ae.js";
-const l = {
-  H1: "h1",
-  H2: "h2",
-  H3: "h3",
-  H4: "h4",
-  H5: "h5",
-  H6: "h6"
-};
-Object.values(l);
-const s = {
-  TITLE100: "title-100",
-  TITLE200: "title-200",
-  TITLE300: "title-300",
-  TITLE400: "title-400",
-  TITLE500: "title-500",
-  TITLE600: "title-600",
-  TITLE700: "title-700",
-  SUBSECTION100: "subsection-100"
-}, o = ':host{display:block}h1,h2,h3,h4,h5,h6{hyphens:auto;margin:0;max-width:60ch}.subsection-100{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25}.title-100{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-100{font-size:calc( calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-100{font-size:calc(2rem * var(--voca-rem-multiplier))}}.title-200{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-200{font-size:calc( calc(2rem * var(--voca-rem-multiplier)) + 0.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-200{font-size:calc(2.4rem * var(--voca-rem-multiplier))}}.title-300{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(2.4rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-300{font-size:calc( calc(2.4rem * var(--voca-rem-multiplier)) + 0.8 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-300{font-size:calc(3.2rem * var(--voca-rem-multiplier))}}.title-400{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(2.8rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-400{font-size:calc( calc(2.8rem * var(--voca-rem-multiplier)) + 1.2 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-400{font-size:calc(4rem * var(--voca-rem-multiplier))}}.title-500{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(3.2rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-500{font-size:calc( calc(3.2rem * var(--voca-rem-multiplier)) + 1.6 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-500{font-size:calc(4.8rem * var(--voca-rem-multiplier))}}.title-600{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(3.6rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-600{font-size:calc( calc(3.6rem * var(--voca-rem-multiplier)) + 2 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-600{font-size:calc(5.6rem * var(--voca-rem-multiplier))}}.title-700{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(4rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-700{font-size:calc( calc(4rem * var(--voca-rem-multiplier)) + 2.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-700{font-size:calc(6.4rem * var(--voca-rem-multiplier))}}.display-100{font-family:"TeliaSansHeading", "TeliaSans", "HelveticaNeue", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(4rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-100{font-size:calc( calc(4rem * var(--voca-rem-multiplier)) + 2.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.display-100{font-size:calc(6.4rem * var(--voca-rem-multiplier))}}.display-200{font-family:"TeliaSansHeading", "TeliaSans", "HelveticaNeue", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(4.8rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-200{font-size:calc( calc(4.8rem * var(--voca-rem-multiplier)) + 3.2 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.display-200{font-size:calc(8rem * var(--voca-rem-multiplier))}}', t = /* @__PURE__ */ r(class extends c {
-  constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.variant = s.TITLE100, this.dataTrackingId = "telia-heading";
-  }
-  validateTag(e) {
-    this.validateHTag(e);
-  }
-  connectedCallback() {
-    this.validateHTag(this.tag);
-  }
-  render() {
-    const e = this.tag.toString();
-    return a(n, { class: `telia-heading--${this.variant}` }, a(e, { class: this.variant }, a("slot", null)), a("telia-vst", { dataTrackingId: this.dataTrackingId }));
-  }
-  validateHTag(e) {
-    if (t.tags.indexOf(e) < 0)
-      throw new Error(`Illegal value for 'tag': ${e}. Please use ${t.tags.join(", ")}`);
-  }
-  static get watchers() {
-    return {
-      tag: ["validateTag"]
-    };
-  }
-  static get style() {
-    return o;
-  }
-}, [1, "telia-heading", {
-  tag: [1],
-  variant: [1]
-}]);
-t.tags = Object.values(l);
-function d() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-heading", "telia-vst"].forEach((i) => {
-    switch (i) {
-      case "telia-heading":
-        customElements.get(i) || customElements.define(i, t);
-        break;
-      case "telia-vst":
-        customElements.get(i) || m();
-        break;
-    }
-  });
-}
-d();
-export {
-  l as H,
-  d
-};
-//# sourceMappingURL=telia-heading2.8bb13a79.js.map

package/dist/telia-heading2.8bb13a79.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"telia-heading2.8bb13a79.js","sources":["../../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/telia-heading2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\n// Create a const where all members have a readonly value\n// and literal type by using const assertion.\nconst HTag = {\n  H1: 'h1',\n  H2: 'h2',\n  H3: 'h3',\n  H4: 'h4',\n  H5: 'h5',\n  H6: 'h6',\n};\nObject.values(HTag);\n\n// Create a const where all members have a readonly value\n// and literal type by using const assertion.\nconst TitleVariant = {\n  TITLE100: 'title-100',\n  TITLE200: 'title-200',\n  TITLE300: 'title-300',\n  TITLE400: 'title-400',\n  TITLE500: 'title-500',\n  TITLE600: 'title-600',\n  TITLE700: 'title-700',\n  SUBSECTION100: 'subsection-100',\n};\n\nconst teliaHeadingCss = \":host{display:block}h1,h2,h3,h4,h5,h6{hyphens:auto;margin:0;max-width:60ch}.subsection-100{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25}.title-100{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-100{font-size:calc( calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-100{font-size:calc(2rem * var(--voca-rem-multiplier))}}.title-200{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-200{font-size:calc( calc(2rem * var(--voca-rem-multiplier)) + 0.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-200{font-size:calc(2.4rem * var(--voca-rem-multiplier))}}.title-300{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(2.4rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-300{font-size:calc( calc(2.4rem * var(--voca-rem-multiplier)) + 0.8 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-300{font-size:calc(3.2rem * var(--voca-rem-multiplier))}}.title-400{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(2.8rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-400{font-size:calc( calc(2.8rem * var(--voca-rem-multiplier)) + 1.2 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-400{font-size:calc(4rem * var(--voca-rem-multiplier))}}.title-500{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(3.2rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-500{font-size:calc( calc(3.2rem * var(--voca-rem-multiplier)) + 1.6 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-500{font-size:calc(4.8rem * var(--voca-rem-multiplier))}}.title-600{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(3.6rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-600{font-size:calc( calc(3.6rem * var(--voca-rem-multiplier)) + 2 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-600{font-size:calc(5.6rem * var(--voca-rem-multiplier))}}.title-700{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(4rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-700{font-size:calc( calc(4rem * var(--voca-rem-multiplier)) + 2.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-700{font-size:calc(6.4rem * var(--voca-rem-multiplier))}}.display-100{font-family:\\\"TeliaSansHeading\\\", \\\"TeliaSans\\\", \\\"HelveticaNeue\\\", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(4rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-100{font-size:calc( calc(4rem * var(--voca-rem-multiplier)) + 2.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.display-100{font-size:calc(6.4rem * var(--voca-rem-multiplier))}}.display-200{font-family:\\\"TeliaSansHeading\\\", \\\"TeliaSans\\\", \\\"HelveticaNeue\\\", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(4.8rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-200{font-size:calc( calc(4.8rem * var(--voca-rem-multiplier)) + 3.2 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.display-200{font-size:calc(8rem * var(--voca-rem-multiplier))}}\";\n\nconst TeliaHeading = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    /**\n     * Determines the appearance of the text.\n     *\n     */\n    this.variant = TitleVariant.TITLE100;\n    /** Tracking id is used to identify and count Component usage */\n    this.dataTrackingId = 'telia-heading';\n  }\n  validateTag(newValue) {\n    this.validateHTag(newValue);\n  }\n  connectedCallback() {\n    this.validateHTag(this.tag);\n  }\n  render() {\n    const Tag = this.tag.toString();\n    return (h(Host, { class: `telia-heading--${this.variant}` }, h(Tag, { class: this.variant }, h(\"slot\", null)), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n  }\n  validateHTag(input) {\n    /* By checking the provided value against our predefined\n     * set of values, we are able to assert that the value is\n     * valid at runtime. This is useful if consumer of design\n     * system is not using typescript.\n     */\n    if (TeliaHeading.tags.indexOf(input) < 0) {\n      throw new Error(`Illegal value for 'tag': ${input}. Please use ${TeliaHeading.tags.join(', ')}`);\n    }\n  }\n  static get watchers() { return {\n    \"tag\": [\"validateTag\"]\n  }; }\n  static get style() { return teliaHeadingCss; }\n}, [1, \"telia-heading\", {\n    \"tag\": [1],\n    \"variant\": [1]\n  }]);\nTeliaHeading.tags = Object.values(HTag);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"telia-heading\", \"telia-vst\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"telia-heading\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, TeliaHeading);\n      }\n      break;\n    case \"telia-vst\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\ndefineCustomElement();\n\nexport { HTag as H, TeliaHeading as T, defineCustomElement as d };\n"],"names":["HTag","TitleVariant","teliaHeadingCss","TeliaHeading","proxyCustomElement","HTMLElement","newValue","Tag","h","Host","input","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAKK,MAACA,IAAO;AAAA,EACX,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AACA,OAAO,OAAOA,CAAI;AAIlB,MAAMC,IAAe;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AACjB,GAEMC,IAAkB,0pIAElBC,IAA6B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC9E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAKnB,KAAK,UAAUJ,EAAa,UAE5B,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,YAAYK,GAAU;AACpB,SAAK,aAAaA,CAAQ;AAAA,EAC3B;AAAA,EACD,oBAAoB;AAClB,SAAK,aAAa,KAAK,GAAG;AAAA,EAC3B;AAAA,EACD,SAAS;AACP,UAAMC,IAAM,KAAK,IAAI,SAAQ;AAC7B,WAAQC,EAAEC,GAAM,EAAE,OAAO,kBAAkB,KAAK,UAAW,GAAED,EAAED,GAAK,EAAE,OAAO,KAAK,QAAS,GAAEC,EAAE,QAAQ,IAAI,CAAC,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACvK;AAAA,EACD,aAAaE,GAAO;AAMlB,QAAIP,EAAa,KAAK,QAAQO,CAAK,IAAI;AACrC,YAAM,IAAI,MAAM,4BAA4BA,iBAAqBP,EAAa,KAAK,KAAK,IAAI,GAAG;AAAA,EAElG;AAAA,EACD,WAAW,WAAW;AAAE,WAAO;AAAA,MAC7B,KAAO,CAAC,aAAa;AAAA,IACzB;AAAA,EAAM;AAAA,EACJ,WAAW,QAAQ;AAAE,WAAOD;AAAA,EAAkB;AAChD,GAAG,CAAC,GAAG,iBAAiB;AAAA,EACpB,KAAO,CAAC,CAAC;AAAA,EACT,SAAW,CAAC,CAAC;AACd,CAAA,CAAC;AACJC,EAAa,OAAO,OAAO,OAAOH,CAAI;AACtC,SAASW,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,iBAAiB,WAAW,EACrC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAAST,CAAY;AAE7C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIS,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;"}