@telia-ace/alliance-ui 1.0.0-beta.7 → 1.0.0-beta.9
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.
- package/LICENSE.txt +5 -5
- package/README.md +182 -182
- package/dist/components/alliance-object-list-head.d.ts +8 -8
- package/dist/components/alliance-object-list-head.js.map +1 -1
- package/dist/components/alliance-object-list-item.d.ts +6 -6
- package/dist/components/alliance-object-list-item.js.map +1 -1
- package/dist/components/alliance-object-list-row.d.ts +7 -7
- package/dist/components/alliance-object-list-row.js.map +1 -1
- package/dist/components/alliance-object-list.d.ts +13 -13
- package/dist/components/alliance-object-list.js.map +1 -1
- package/dist/{telia-heading2.5c0bd259.js → telia-heading2.60bf02b3.js} +2 -1
- package/dist/{telia-heading2.5c0bd259.js.map → telia-heading2.60bf02b3.js.map} +1 -1
- package/dist/voca/components/telia-accordion-item.d.ts +1 -0
- package/dist/voca/components/telia-accordion-item.js +64 -0
- package/dist/voca/components/telia-accordion-item.js.map +1 -0
- package/dist/voca/components/telia-accordion.d.ts +1 -0
- package/dist/voca/components/telia-accordion.js +93 -0
- package/dist/voca/components/telia-accordion.js.map +1 -0
- package/dist/voca/components/telia-badge.d.ts +1 -1
- package/dist/voca/components/telia-button-text.d.ts +1 -1
- package/dist/voca/components/telia-button.d.ts +1 -1
- package/dist/voca/components/telia-card-frame-link.d.ts +1 -1
- package/dist/voca/components/telia-card-frame.d.ts +1 -1
- package/dist/voca/components/telia-checkbox.d.ts +1 -1
- package/dist/voca/components/telia-chip-choice.d.ts +1 -1
- package/dist/voca/components/telia-chip-filter.d.ts +1 -1
- package/dist/voca/components/telia-color-dot.d.ts +1 -1
- package/dist/voca/components/telia-cta-link.d.ts +1 -1
- package/dist/voca/components/telia-date-picker.d.ts +1 -1
- package/dist/voca/components/telia-date-picker.js +1 -1
- package/dist/voca/components/telia-divider.d.ts +1 -1
- package/dist/voca/components/telia-field-assistive-text.d.ts +1 -1
- package/dist/voca/components/telia-field-error.d.ts +1 -1
- package/dist/voca/components/telia-field-valid.d.ts +1 -1
- package/dist/voca/components/telia-fieldset.d.ts +1 -1
- package/dist/voca/components/telia-focus-trap.d.ts +1 -1
- package/dist/voca/components/telia-form.d.ts +1 -1
- package/dist/voca/components/telia-heading.d.ts +1 -1
- package/dist/voca/components/telia-heading.js +1 -1
- package/dist/voca/components/telia-icon.d.ts +1 -1
- package/dist/voca/components/telia-image.d.ts +1 -1
- package/dist/voca/components/telia-label.d.ts +1 -1
- package/dist/voca/components/telia-link-image.d.ts +1 -1
- package/dist/voca/components/telia-link.d.ts +1 -1
- package/dist/voca/components/telia-list.d.ts +1 -1
- package/dist/voca/components/telia-logo.d.ts +1 -1
- package/dist/voca/components/telia-navigation-button.d.ts +1 -1
- package/dist/voca/components/telia-navigation-dropdown.d.ts +1 -1
- package/dist/voca/components/telia-navigation-link.d.ts +1 -1
- package/dist/voca/components/telia-notification.d.ts +1 -1
- package/dist/voca/components/telia-notification.js +1 -1
- package/dist/voca/components/telia-overlay.d.ts +1 -1
- package/dist/voca/components/telia-p.d.ts +1 -1
- package/dist/voca/components/telia-pictogram.d.ts +1 -1
- package/dist/voca/components/telia-radio-button.d.ts +1 -1
- package/dist/voca/components/telia-select.d.ts +1 -1
- package/dist/voca/components/telia-skeleton.d.ts +1 -1
- package/dist/voca/components/telia-status-badge.d.ts +1 -1
- package/dist/voca/components/telia-style-link.d.ts +1 -1
- package/dist/voca/components/telia-style-navigation-item.d.ts +1 -1
- package/dist/voca/components/telia-tab-content.d.ts +1 -1
- package/dist/voca/components/telia-tab-header.d.ts +1 -1
- package/dist/voca/components/telia-tab.d.ts +1 -1
- package/dist/voca/components/telia-text-input.d.ts +1 -1
- package/dist/voca/components/telia-text-spacing.d.ts +1 -1
- package/dist/voca/components/telia-textarea.d.ts +1 -1
- package/dist/voca/components/telia-toggle.d.ts +1 -1
- package/dist/voca/components/telia-visually-hidden.d.ts +1 -1
- package/dist/voca/foundations/index.d.ts +2 -2
- package/dist/voca/icons/index.d.ts +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"telia-heading2.
|
|
1
|
+
{"version":3,"file":"telia-heading2.60bf02b3.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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@teliads/components/dist/components/telia-accordion-item';
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { p as c, H as r, h as i } from "../../index.ad92b4ca.js";
|
|
2
|
+
import { u as n } from "../../uniqueId.5229d1b5.js";
|
|
3
|
+
import { d as l } from "../../telia-icon2.0c9ea836.js";
|
|
4
|
+
import { d } from "../../telia-vst2.f685dec5.js";
|
|
5
|
+
import "../../getSvgContent.d324bd28.js";
|
|
6
|
+
const s = { name: "chevron-up", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M53.0318 42.1986C52.6256 42.605 52.0745 42.8333 51.4999 42.8333C50.9253 42.8333 50.3742 42.605 49.968 42.1986L31.9999 24.2305L14.0318 42.1986C13.1858 43.0446 11.8141 43.0446 10.968 42.1986C10.122 41.3525 10.122 39.9808 10.968 39.1348L30.468 19.6348C30.8742 19.2283 31.4253 19 31.9999 19C32.5745 19 33.1256 19.2283 33.5318 19.6348L53.0318 39.1348C53.4382 39.541 53.6666 40.092 53.6666 40.6667C53.6666 41.2413 53.4382 41.7924 53.0318 42.1986Z"/></svg>' }, m = '.telia-accordion-item{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064}.telia-accordion-item__header{color:#222222;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;min-height:calc(4.8rem * var(--voca-rem-multiplier));outline:none;padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0;width:100%}@media screen and (min-width: 37.5em){.telia-accordion-item__header{padding:calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) 0}}@media screen and (min-width: 64em){.telia-accordion-item__header{padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(4.8rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0}}.telia-accordion-item__header:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-accordion-item__header:focus:not(:focus-visible){outline:none}.telia-accordion-item__header:hover{background-color:rgba(153, 10, 227, 0.06)}.telia-accordion-item__header--active{color:#29003e}.telia-accordion-item__header--active~.telia-accordion-item__header-icon{color:#222222}.telia-accordion-item__header-title{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;align-items:center;display:flex;justify-content:space-between;margin:0;text-align:left}@media screen and (min-width: 37.5em){.telia-accordion-item__header-title{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){.telia-accordion-item__header-title{font-size:calc(2rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__header--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header-icon{height:calc(2.4rem * var(--voca-rem-multiplier));transform:rotate(180deg);transition:transform 0.15s cubic-bezier(0.45, 0, 0.52, 0.98)}.telia-accordion-item__header-icon--rotate{transform:rotate(0deg)}.telia-accordion-item__content{display:none;height:0;opacity:0;overflow:hidden}.telia-accordion-item__content--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__content--visible{display:block;height:auto;opacity:1;padding-bottom:calc(2.4rem * var(--voca-rem-multiplier));padding-top:calc(1.2rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}.telia-accordion-item--dark-bg{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-accordion-item--dark-bg .telia-accordion-item__header{color:#ffffff}.telia-accordion-item--dark-bg .telia-accordion-item__header:hover{color:#fbf0ff;background-color:rgba(153, 10, 227, 0.15)}.telia-accordion-item--dark-bg .telia-accordion-item__header--active{color:#fbf0ff}', h = /* @__PURE__ */ c(class extends r {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(), this.__registerHost(), this.__attachShadow(), this.isOpen = !1, this.componentClass = "telia-accordion-item", this.dataTrackingId = "telia-accordion-item", this.uniqueId = n("accordion"), this.toggleAccordion = () => {
|
|
9
|
+
this.isOpen = !this.isOpen;
|
|
10
|
+
}, this.setButtonRef = (t) => {
|
|
11
|
+
this.buttonEl = t;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
async focusButton() {
|
|
15
|
+
this.buttonEl.focus();
|
|
16
|
+
}
|
|
17
|
+
render() {
|
|
18
|
+
const t = {
|
|
19
|
+
[this.componentClass]: !0,
|
|
20
|
+
[this.componentClass.concat("--dark-bg")]: this.darkBackground
|
|
21
|
+
}, e = {
|
|
22
|
+
[this.componentClass.concat("__header")]: !0,
|
|
23
|
+
[this.componentClass.concat("__header--indented")]: this.indented,
|
|
24
|
+
[this.componentClass.concat("__header--active")]: this.isOpen
|
|
25
|
+
}, a = {
|
|
26
|
+
[this.componentClass.concat("__content")]: !0,
|
|
27
|
+
[this.componentClass.concat("__content--indented")]: this.indented,
|
|
28
|
+
[this.componentClass.concat("__content--visible")]: this.isOpen
|
|
29
|
+
}, o = {
|
|
30
|
+
[this.componentClass.concat("__header-icon")]: !0,
|
|
31
|
+
[this.componentClass.concat("__header-icon--rotate")]: this.isOpen
|
|
32
|
+
};
|
|
33
|
+
return i("div", { class: t }, i("telia-vst", { dataTrackingId: this.dataTrackingId }), i("button", { id: `telia-accordion-item-header-${this.uniqueId}`, class: e, type: "button", "aria-expanded": this.isOpen ? "true" : "false", "aria-controls": `telia-accordion-item-content-${this.uniqueId}`, onClick: this.toggleAccordion, ref: this.setButtonRef }, i("span", { class: "telia-accordion-item__header-title" }, this.heading), i("telia-icon", { svg: s.svg, class: o })), i("div", { id: `telia-accordion-item-content-${this.uniqueId}`, "data-test-id": "item-content", class: a, role: "region", "aria-labelledby": `telia-accordion-item-header-${this.uniqueId}` }, i("slot", null)));
|
|
34
|
+
}
|
|
35
|
+
static get style() {
|
|
36
|
+
return m;
|
|
37
|
+
}
|
|
38
|
+
}, [1, "telia-accordion-item", {
|
|
39
|
+
dataTestid: [1, "data-testid"],
|
|
40
|
+
heading: [1],
|
|
41
|
+
darkBackground: [4, "dark-background"],
|
|
42
|
+
indented: [4],
|
|
43
|
+
isOpen: [32],
|
|
44
|
+
focusButton: [64]
|
|
45
|
+
}]);
|
|
46
|
+
function u() {
|
|
47
|
+
if (typeof customElements > "u")
|
|
48
|
+
return;
|
|
49
|
+
["telia-accordion-item", "telia-icon", "telia-vst"].forEach((e) => {
|
|
50
|
+
switch (e) {
|
|
51
|
+
case "telia-accordion-item":
|
|
52
|
+
customElements.get(e) || customElements.define(e, h);
|
|
53
|
+
break;
|
|
54
|
+
case "telia-icon":
|
|
55
|
+
customElements.get(e) || l();
|
|
56
|
+
break;
|
|
57
|
+
case "telia-vst":
|
|
58
|
+
customElements.get(e) || d();
|
|
59
|
+
break;
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
u();
|
|
64
|
+
//# sourceMappingURL=telia-accordion-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"telia-accordion-item.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/telia-accordion-item2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$2 } from './telia-icon2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst chevronUp = { \"name\": \"chevron-up\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M53.0318 42.1986C52.6256 42.605 52.0745 42.8333 51.4999 42.8333C50.9253 42.8333 50.3742 42.605 49.968 42.1986L31.9999 24.2305L14.0318 42.1986C13.1858 43.0446 11.8141 43.0446 10.968 42.1986C10.122 41.3525 10.122 39.9808 10.968 39.1348L30.468 19.6348C30.8742 19.2283 31.4253 19 31.9999 19C32.5745 19 33.1256 19.2283 33.5318 19.6348L53.0318 39.1348C53.4382 39.541 53.6666 40.092 53.6666 40.6667C53.6666 41.2413 53.4382 41.7924 53.0318 42.1986Z\\\"/></svg>\" };\n\nconst teliaAccordionItemCss = \".telia-accordion-item{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064}.telia-accordion-item__header{color:#222222;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;min-height:calc(4.8rem * var(--voca-rem-multiplier));outline:none;padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0;width:100%}@media screen and (min-width: 37.5em){.telia-accordion-item__header{padding:calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) 0}}@media screen and (min-width: 64em){.telia-accordion-item__header{padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(4.8rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0}}.telia-accordion-item__header:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-accordion-item__header:focus:not(:focus-visible){outline:none}.telia-accordion-item__header:hover{background-color:rgba(153, 10, 227, 0.06)}.telia-accordion-item__header--active{color:#29003e}.telia-accordion-item__header--active~.telia-accordion-item__header-icon{color:#222222}.telia-accordion-item__header-title{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;align-items:center;display:flex;justify-content:space-between;margin:0;text-align:left}@media screen and (min-width: 37.5em){.telia-accordion-item__header-title{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){.telia-accordion-item__header-title{font-size:calc(2rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__header--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header-icon{height:calc(2.4rem * var(--voca-rem-multiplier));transform:rotate(180deg);transition:transform 0.15s cubic-bezier(0.45, 0, 0.52, 0.98)}.telia-accordion-item__header-icon--rotate{transform:rotate(0deg)}.telia-accordion-item__content{display:none;height:0;opacity:0;overflow:hidden}.telia-accordion-item__content--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__content--visible{display:block;height:auto;opacity:1;padding-bottom:calc(2.4rem * var(--voca-rem-multiplier));padding-top:calc(1.2rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}.telia-accordion-item--dark-bg{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-accordion-item--dark-bg .telia-accordion-item__header{color:#ffffff}.telia-accordion-item--dark-bg .telia-accordion-item__header:hover{color:#fbf0ff;background-color:rgba(153, 10, 227, 0.15)}.telia-accordion-item--dark-bg .telia-accordion-item__header--active{color:#fbf0ff}\";\n\nconst TeliaAccordionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.isOpen = false;\n this.componentClass = 'telia-accordion-item';\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-accordion-item';\n this.uniqueId = uniqueId('accordion');\n this.toggleAccordion = () => {\n this.isOpen = !this.isOpen;\n };\n this.setButtonRef = (elm) => {\n this.buttonEl = elm;\n };\n }\n /**\n * Sets focus on the accordion button (it contains the header).\n */\n async focusButton() {\n this.buttonEl.focus();\n }\n render() {\n const mainClass = {\n [this.componentClass]: true,\n [this.componentClass.concat('--dark-bg')]: this.darkBackground,\n };\n const itemHeadingClass = {\n [this.componentClass.concat('__header')]: true,\n [this.componentClass.concat('__header--indented')]: this.indented,\n [this.componentClass.concat('__header--active')]: this.isOpen,\n };\n const itemContentClass = {\n [this.componentClass.concat('__content')]: true,\n [this.componentClass.concat('__content--indented')]: this.indented,\n [this.componentClass.concat('__content--visible')]: this.isOpen,\n };\n const itemIconClass = {\n [this.componentClass.concat('__header-icon')]: true,\n [this.componentClass.concat('__header-icon--rotate')]: this.isOpen,\n };\n return (h(\"div\", { class: mainClass }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"button\", { id: `telia-accordion-item-header-${this.uniqueId}`, class: itemHeadingClass, type: \"button\", \"aria-expanded\": this.isOpen ? 'true' : 'false', \"aria-controls\": `telia-accordion-item-content-${this.uniqueId}`, onClick: this.toggleAccordion, ref: this.setButtonRef }, h(\"span\", { class: \"telia-accordion-item__header-title\" }, this.heading), h(\"telia-icon\", { svg: chevronUp.svg, class: itemIconClass })), h(\"div\", { id: `telia-accordion-item-content-${this.uniqueId}`, \"data-test-id\": \"item-content\", class: itemContentClass, role: \"region\", \"aria-labelledby\": `telia-accordion-item-header-${this.uniqueId}` }, h(\"slot\", null))));\n }\n static get style() { return teliaAccordionItemCss; }\n}, [1, \"telia-accordion-item\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"heading\": [1],\n \"darkBackground\": [4, \"dark-background\"],\n \"indented\": [4],\n \"isOpen\": [32],\n \"focusButton\": [64]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-accordion-item\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-accordion-item\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaAccordionItem);\n }\n break;\n case \"telia-icon\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaAccordionItem as T, defineCustomElement as d };\n"],"names":["chevronUp","teliaAccordionItemCss","TeliaAccordionItem","proxyCustomElement","HTMLElement","uniqueId","elm","mainClass","itemHeadingClass","itemContentClass","itemIconClass","h","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@teliads/components/dist/components/telia-accordion';
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { p as c, H as d, h as i } from "../../index.ad92b4ca.js";
|
|
2
|
+
import { H as l, d as m } from "../../telia-heading2.60bf02b3.js";
|
|
3
|
+
import { d as h } from "../../telia-vst2.f685dec5.js";
|
|
4
|
+
const n = {
|
|
5
|
+
Home: "Home",
|
|
6
|
+
End: "End",
|
|
7
|
+
ArrowUp: "ArrowUp",
|
|
8
|
+
ArrowDown: "ArrowDown"
|
|
9
|
+
}, g = Object.keys(n), f = ".telia-accordion__heading{margin:0;padding:calc(3.2rem * var(--voca-rem-multiplier)) 0}.telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064}.telia-accordion--dark-bg .telia-accordion__heading{color:#ffffff}.telia-accordion--dark-bg .telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}", u = /* @__PURE__ */ c(class extends d {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(), this.__registerHost(), this.__attachShadow(), this.headingTag = l.H2, this.indented = !1, this.componentClass = "telia-accordion", this.dataTrackingId = "telia-accordion";
|
|
12
|
+
}
|
|
13
|
+
keydownHandler(t) {
|
|
14
|
+
if (t.target.nodeName.toLowerCase() !== "telia-accordion-item")
|
|
15
|
+
return;
|
|
16
|
+
this.stopPreventRelevantEvents(t);
|
|
17
|
+
const a = this.fetchAccordionItems(), o = a.findIndex((r) => r === t.target);
|
|
18
|
+
let s = this.getNextIndex(t.key, o, a.length);
|
|
19
|
+
a[s].focusButton();
|
|
20
|
+
}
|
|
21
|
+
componentWillLoad() {
|
|
22
|
+
this.host.childNodes.forEach((t) => {
|
|
23
|
+
t.indented = this.indented;
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
fetchAccordionItems() {
|
|
27
|
+
const t = [];
|
|
28
|
+
return this.host.querySelectorAll("telia-accordion-item").forEach((e) => t.push(e)), t;
|
|
29
|
+
}
|
|
30
|
+
getNextIndex(t, e, a) {
|
|
31
|
+
let o = e;
|
|
32
|
+
switch (t) {
|
|
33
|
+
case n.ArrowDown:
|
|
34
|
+
o = e + 1, o === a && (o = 0);
|
|
35
|
+
break;
|
|
36
|
+
case n.ArrowUp:
|
|
37
|
+
o = e - 1, o < 0 && (o = a - 1);
|
|
38
|
+
break;
|
|
39
|
+
case n.Home:
|
|
40
|
+
o = 0;
|
|
41
|
+
break;
|
|
42
|
+
case n.End:
|
|
43
|
+
o = a - 1;
|
|
44
|
+
break;
|
|
45
|
+
}
|
|
46
|
+
return o;
|
|
47
|
+
}
|
|
48
|
+
stopPreventRelevantEvents(t) {
|
|
49
|
+
g.indexOf(t.key) > -1 && (t.stopPropagation(), t.preventDefault());
|
|
50
|
+
}
|
|
51
|
+
render() {
|
|
52
|
+
const t = {
|
|
53
|
+
[this.componentClass]: !0,
|
|
54
|
+
[this.componentClass.concat("--dark-bg")]: this.darkBackground
|
|
55
|
+
}, e = {
|
|
56
|
+
[this.componentClass.concat("__heading")]: !0
|
|
57
|
+
}, a = {
|
|
58
|
+
[this.componentClass.concat("__items")]: !0
|
|
59
|
+
};
|
|
60
|
+
return i("section", { class: t }, i("telia-vst", { dataTrackingId: this.dataTrackingId }), this.heading ? i("div", { class: e }, i("telia-heading", { tag: this.headingTag, variant: "title-300" }, this.heading)) : "", i("div", { class: a }, i("slot", null)));
|
|
61
|
+
}
|
|
62
|
+
get host() {
|
|
63
|
+
return this;
|
|
64
|
+
}
|
|
65
|
+
static get style() {
|
|
66
|
+
return f;
|
|
67
|
+
}
|
|
68
|
+
}, [1, "telia-accordion", {
|
|
69
|
+
heading: [1],
|
|
70
|
+
headingTag: [1, "heading-tag"],
|
|
71
|
+
darkBackground: [4, "dark-background"],
|
|
72
|
+
indented: [4],
|
|
73
|
+
dataTestid: [1, "data-testid"]
|
|
74
|
+
}, [[0, "keydown", "keydownHandler"]]]);
|
|
75
|
+
function p() {
|
|
76
|
+
if (typeof customElements > "u")
|
|
77
|
+
return;
|
|
78
|
+
["telia-accordion", "telia-heading", "telia-vst"].forEach((e) => {
|
|
79
|
+
switch (e) {
|
|
80
|
+
case "telia-accordion":
|
|
81
|
+
customElements.get(e) || customElements.define(e, u);
|
|
82
|
+
break;
|
|
83
|
+
case "telia-heading":
|
|
84
|
+
customElements.get(e) || m();
|
|
85
|
+
break;
|
|
86
|
+
case "telia-vst":
|
|
87
|
+
customElements.get(e) || h();
|
|
88
|
+
break;
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
p();
|
|
93
|
+
//# sourceMappingURL=telia-accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"telia-accordion.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/telia-accordion2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { H as HTag, d as defineCustomElement$2 } from './telia-heading2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst AccordionNavigation = {\n Home: 'Home',\n End: 'End',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n};\nconst AccordionNavigationArray = Object.keys(AccordionNavigation);\n\nconst teliaAccordionCss = \".telia-accordion__heading{margin:0;padding:calc(3.2rem * var(--voca-rem-multiplier)) 0}.telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064}.telia-accordion--dark-bg .telia-accordion__heading{color:#ffffff}.telia-accordion--dark-bg .telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}\";\n\nconst TeliaAccordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * H-tag for the heading. Useful if the accordion group\n * (and its items) is placed in content where a specific\n * heading level makes more sense.\n */\n this.headingTag = HTag.H2;\n /** Accorion text is indented */\n this.indented = false;\n this.componentClass = 'telia-accordion';\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-accordion';\n }\n // eslint-disable-next-line @stencil/prefer-vdom-listener\n keydownHandler(ev) {\n const target = ev.target;\n if (target.nodeName.toLowerCase() !== 'telia-accordion-item') {\n return;\n }\n this.stopPreventRelevantEvents(ev);\n const items = this.fetchAccordionItems();\n const emitterIndex = items.findIndex(item => {\n return item === ev.target;\n });\n let nextIndex = this.getNextIndex(ev.key, emitterIndex, items.length);\n items[nextIndex].focusButton();\n }\n componentWillLoad() {\n // Inject config in all Slotted elements\n this.host.childNodes.forEach(element => {\n element['indented'] = this.indented;\n });\n }\n fetchAccordionItems() {\n const items = [];\n this.host\n .querySelectorAll('telia-accordion-item')\n .forEach(item => items.push(item));\n return items;\n }\n getNextIndex(key, currentIndex, length) {\n let nextIndex = currentIndex;\n switch (key) {\n case AccordionNavigation.ArrowDown:\n nextIndex = currentIndex + 1;\n if (nextIndex === length) {\n nextIndex = 0;\n }\n break;\n case AccordionNavigation.ArrowUp:\n nextIndex = currentIndex - 1;\n if (nextIndex < 0) {\n nextIndex = length - 1;\n }\n break;\n case AccordionNavigation.Home:\n nextIndex = 0;\n break;\n case AccordionNavigation.End:\n nextIndex = length - 1;\n break;\n }\n return nextIndex;\n }\n stopPreventRelevantEvents(ev) {\n if (AccordionNavigationArray.indexOf(ev.key) > -1) {\n ev.stopPropagation();\n ev.preventDefault();\n }\n }\n render() {\n const mainClass = {\n [this.componentClass]: true,\n [this.componentClass.concat('--dark-bg')]: this.darkBackground,\n };\n const headingClass = {\n [this.componentClass.concat('__heading')]: true,\n };\n const itemsClass = {\n [this.componentClass.concat('__items')]: true,\n };\n return (h(\"section\", { class: mainClass }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), this.heading ? (h(\"div\", { class: headingClass }, h(\"telia-heading\", { tag: this.headingTag, variant: \"title-300\" }, this.heading))) : (''), h(\"div\", { class: itemsClass }, h(\"slot\", null))));\n }\n get host() { return this; }\n static get style() { return teliaAccordionCss; }\n}, [1, \"telia-accordion\", {\n \"heading\": [1],\n \"headingTag\": [1, \"heading-tag\"],\n \"darkBackground\": [4, \"dark-background\"],\n \"indented\": [4],\n \"dataTestid\": [1, \"data-testid\"]\n }, [[0, \"keydown\", \"keydownHandler\"]]]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-accordion\", \"telia-heading\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-accordion\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaAccordion);\n }\n break;\n case \"telia-heading\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaAccordion as T, defineCustomElement as d };\n"],"names":["AccordionNavigation","AccordionNavigationArray","teliaAccordionCss","TeliaAccordion","proxyCustomElement","HTMLElement","HTag","ev","items","emitterIndex","item","nextIndex","element","key","currentIndex","length","mainClass","headingClass","itemsClass","h","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":";;;AAIA,MAAMA,IAAsB;AAAA,EAC1B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,WAAW;AACb,GACMC,IAA2B,OAAO,KAAKD,CAAmB,GAE1DE,IAAoB,6WAEpBC,IAA+B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAChF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAMnB,KAAK,aAAaC,EAAK,IAEvB,KAAK,WAAW,IAChB,KAAK,iBAAiB,mBAEtB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EAED,eAAeC,GAAI;AAEjB,QADeA,EAAG,OACP,SAAS,YAAW,MAAO;AACpC;AAEF,SAAK,0BAA0BA,CAAE;AACjC,UAAMC,IAAQ,KAAK,uBACbC,IAAeD,EAAM,UAAU,CAAAE,MAC5BA,MAASH,EAAG,MACpB;AACD,QAAII,IAAY,KAAK,aAAaJ,EAAG,KAAKE,GAAcD,EAAM,MAAM;AACpE,IAAAA,EAAMG,GAAW;EAClB;AAAA,EACD,oBAAoB;AAElB,SAAK,KAAK,WAAW,QAAQ,CAAAC,MAAW;AACtC,MAAAA,EAAQ,WAAc,KAAK;AAAA,IACjC,CAAK;AAAA,EACF;AAAA,EACD,sBAAsB;AACpB,UAAMJ,IAAQ,CAAA;AACd,gBAAK,KACF,iBAAiB,sBAAsB,EACvC,QAAQ,CAAAE,MAAQF,EAAM,KAAKE,CAAI,CAAC,GAC5BF;AAAA,EACR;AAAA,EACD,aAAaK,GAAKC,GAAcC,GAAQ;AACtC,QAAIJ,IAAYG;AAChB,YAAQD,GAAG;AAAA,MACT,KAAKb,EAAoB;AACvB,QAAAW,IAAYG,IAAe,GACvBH,MAAcI,MAChBJ,IAAY;AAEd;AAAA,MACF,KAAKX,EAAoB;AACvB,QAAAW,IAAYG,IAAe,GACvBH,IAAY,MACdA,IAAYI,IAAS;AAEvB;AAAA,MACF,KAAKf,EAAoB;AACvB,QAAAW,IAAY;AACZ;AAAA,MACF,KAAKX,EAAoB;AACvB,QAAAW,IAAYI,IAAS;AACrB;AAAA,IACH;AACD,WAAOJ;AAAA,EACR;AAAA,EACD,0BAA0BJ,GAAI;AAC5B,IAAIN,EAAyB,QAAQM,EAAG,GAAG,IAAI,OAC7CA,EAAG,gBAAe,GAClBA,EAAG,eAAc;AAAA,EAEpB;AAAA,EACD,SAAS;AACP,UAAMS,IAAY;AAAA,MAChB,CAAC,KAAK,iBAAiB;AAAA,MACvB,CAAC,KAAK,eAAe,OAAO,WAAW,IAAI,KAAK;AAAA,IACtD,GACUC,IAAe;AAAA,MACnB,CAAC,KAAK,eAAe,OAAO,WAAW,IAAI;AAAA,IACjD,GACUC,IAAa;AAAA,MACjB,CAAC,KAAK,eAAe,OAAO,SAAS,IAAI;AAAA,IAC/C;AACI,WAAQC,EAAE,WAAW,EAAE,OAAOH,EAAS,GAAIG,EAAE,aAAa,EAAE,gBAAgB,KAAK,gBAAgB,GAAG,KAAK,UAAWA,EAAE,OAAO,EAAE,OAAOF,EAAY,GAAIE,EAAE,iBAAiB,EAAE,KAAK,KAAK,YAAY,SAAS,eAAe,KAAK,OAAO,CAAC,IAAM,IAAKA,EAAE,OAAO,EAAE,OAAOD,EAAU,GAAIC,EAAE,QAAQ,IAAI,CAAC,CAAC;AAAA,EAClS;AAAA,EACD,IAAI,OAAO;AAAE,WAAO;AAAA,EAAO;AAAA,EAC3B,WAAW,QAAQ;AAAE,WAAOjB;AAAA,EAAoB;AAClD,GAAG,CAAC,GAAG,mBAAmB;AAAA,EACtB,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,UAAY,CAAC,CAAC;AAAA,EACd,YAAc,CAAC,GAAG,aAAa;AACnC,GAAK,CAAC,CAAC,GAAG,WAAW,gBAAgB,CAAC,CAAC,CAAC;AACxC,SAASkB,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,mBAAmB,iBAAiB,WAAW,EACxD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASlB,CAAc;AAE/C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIkB,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAqB;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-badge';
|
|
1
|
+
import '@teliads/components/dist/components/telia-badge';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-button-text';
|
|
1
|
+
import '@teliads/components/dist/components/telia-button-text';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-button';
|
|
1
|
+
import '@teliads/components/dist/components/telia-button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-card-frame-link';
|
|
1
|
+
import '@teliads/components/dist/components/telia-card-frame-link';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-card-frame';
|
|
1
|
+
import '@teliads/components/dist/components/telia-card-frame';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-checkbox';
|
|
1
|
+
import '@teliads/components/dist/components/telia-checkbox';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-chip-choice';
|
|
1
|
+
import '@teliads/components/dist/components/telia-chip-choice';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-chip-filter';
|
|
1
|
+
import '@teliads/components/dist/components/telia-chip-filter';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-color-dot';
|
|
1
|
+
import '@teliads/components/dist/components/telia-color-dot';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-cta-link';
|
|
1
|
+
import '@teliads/components/dist/components/telia-cta-link';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-date-picker';
|
|
1
|
+
import '@teliads/components/dist/components/telia-date-picker';
|
|
@@ -5,7 +5,7 @@ import { c as E } from "../../chevron-down.d3b31c8e.js";
|
|
|
5
5
|
import { c as J } from "../../close.676a0585.js";
|
|
6
6
|
import { d as U } from "../../telia-field-assistive-text2.4224fc51.js";
|
|
7
7
|
import { d as X } from "../../telia-field-error2.fac3aa1e.js";
|
|
8
|
-
import { d as Q } from "../../telia-heading2.
|
|
8
|
+
import { d as Q } from "../../telia-heading2.60bf02b3.js";
|
|
9
9
|
import { d as ee } from "../../telia-icon2.0c9ea836.js";
|
|
10
10
|
import { d as te } from "../../telia-label2.be754448.js";
|
|
11
11
|
import { d as ae } from "../../telia-vst2.f685dec5.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-divider';
|
|
1
|
+
import '@teliads/components/dist/components/telia-divider';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-field-assistive-text';
|
|
1
|
+
import '@teliads/components/dist/components/telia-field-assistive-text';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-field-error';
|
|
1
|
+
import '@teliads/components/dist/components/telia-field-error';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-field-valid';
|
|
1
|
+
import '@teliads/components/dist/components/telia-field-valid';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-fieldset';
|
|
1
|
+
import '@teliads/components/dist/components/telia-fieldset';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-focus-trap';
|
|
1
|
+
import '@teliads/components/dist/components/telia-focus-trap';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-form';
|
|
1
|
+
import '@teliads/components/dist/components/telia-form';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-heading';
|
|
1
|
+
import '@teliads/components/dist/components/telia-heading';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-icon';
|
|
1
|
+
import '@teliads/components/dist/components/telia-icon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-image';
|
|
1
|
+
import '@teliads/components/dist/components/telia-image';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-label';
|
|
1
|
+
import '@teliads/components/dist/components/telia-label';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-link-image';
|
|
1
|
+
import '@teliads/components/dist/components/telia-link-image';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-link';
|
|
1
|
+
import '@teliads/components/dist/components/telia-link';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-list';
|
|
1
|
+
import '@teliads/components/dist/components/telia-list';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-logo';
|
|
1
|
+
import '@teliads/components/dist/components/telia-logo';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-navigation-button';
|
|
1
|
+
import '@teliads/components/dist/components/telia-navigation-button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-navigation-dropdown';
|
|
1
|
+
import '@teliads/components/dist/components/telia-navigation-dropdown';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-navigation-link';
|
|
1
|
+
import '@teliads/components/dist/components/telia-navigation-link';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-notification';
|
|
1
|
+
import '@teliads/components/dist/components/telia-notification';
|
|
@@ -3,7 +3,7 @@ import { c as n } from "../../check-circle-filled.df23e8c5.js";
|
|
|
3
3
|
import { c } from "../../close.676a0585.js";
|
|
4
4
|
import { e as s } from "../../error-filled.75f308c7.js";
|
|
5
5
|
import { d as m } from "../../telia-button-text2.fa5110ba.js";
|
|
6
|
-
import { d } from "../../telia-heading2.
|
|
6
|
+
import { d } from "../../telia-heading2.60bf02b3.js";
|
|
7
7
|
import { d as u } from "../../telia-icon2.0c9ea836.js";
|
|
8
8
|
import { d as v } from "../../telia-vst2.f685dec5.js";
|
|
9
9
|
import "../../getSvgContent.d324bd28.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-overlay';
|
|
1
|
+
import '@teliads/components/dist/components/telia-overlay';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-p';
|
|
1
|
+
import '@teliads/components/dist/components/telia-p';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-pictogram';
|
|
1
|
+
import '@teliads/components/dist/components/telia-pictogram';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-radio-button';
|
|
1
|
+
import '@teliads/components/dist/components/telia-radio-button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-select';
|
|
1
|
+
import '@teliads/components/dist/components/telia-select';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-skeleton';
|
|
1
|
+
import '@teliads/components/dist/components/telia-skeleton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-status-badge';
|
|
1
|
+
import '@teliads/components/dist/components/telia-status-badge';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-style-link';
|
|
1
|
+
import '@teliads/components/dist/components/telia-style-link';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-style-navigation-item';
|
|
1
|
+
import '@teliads/components/dist/components/telia-style-navigation-item';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-tab-content';
|
|
1
|
+
import '@teliads/components/dist/components/telia-tab-content';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-tab-header';
|
|
1
|
+
import '@teliads/components/dist/components/telia-tab-header';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-tab';
|
|
1
|
+
import '@teliads/components/dist/components/telia-tab';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-text-input';
|
|
1
|
+
import '@teliads/components/dist/components/telia-text-input';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-text-spacing';
|
|
1
|
+
import '@teliads/components/dist/components/telia-text-spacing';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-textarea';
|
|
1
|
+
import '@teliads/components/dist/components/telia-textarea';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-toggle';
|
|
1
|
+
import '@teliads/components/dist/components/telia-toggle';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@teliads/components/dist/components/telia-visually-hidden';
|
|
1
|
+
import '@teliads/components/dist/components/telia-visually-hidden';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from '@teliads/components/foundations';
|
|
2
|
-
export { default as focus } from '@teliads/components/foundations/focus/variables.json';
|
|
1
|
+
export * from '@teliads/components/foundations';
|
|
2
|
+
export { default as focus } from '@teliads/components/foundations/focus/variables.json';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from '@teliads/components/icons';
|
|
1
|
+
export * from '@teliads/components/icons';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/alliance-ui",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.9",
|
|
4
4
|
"description": "UI components used by ACE Alliance apps.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "Telia Company AB",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"lit": "^2.4.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@telia-ace/alliance-utilities": "^1.0.0-beta.
|
|
36
|
+
"@telia-ace/alliance-utilities": "^1.0.0-beta.12",
|
|
37
37
|
"@types/fs-extra": "^9.0.13",
|
|
38
38
|
"fs-extra": "^10.1.0",
|
|
39
39
|
"vite": "^3.1.8"
|