@telia-ace/alliance-ui 1.0.0-beta.10 → 1.0.0-beta.11

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 (11) hide show
  1. package/README.md +5 -0
  2. package/dist/voca/components/telia-col.d.ts +1 -0
  3. package/dist/voca/components/telia-col.js +47 -0
  4. package/dist/voca/components/telia-col.js.map +1 -0
  5. package/dist/voca/components/telia-grid.d.ts +1 -0
  6. package/dist/voca/components/telia-grid.js +29 -0
  7. package/dist/voca/components/telia-grid.js.map +1 -0
  8. package/dist/voca/components/telia-row.d.ts +1 -0
  9. package/dist/voca/components/telia-row.js +37 -0
  10. package/dist/voca/components/telia-row.js.map +1 -0
  11. package/package.json +2 -2
package/README.md CHANGED
@@ -91,6 +91,8 @@ import '@telia-ace/alliance-ui/voca/components/telia-button';
91
91
 
92
92
  | Component | Link to Voca Storybook |
93
93
  | ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
94
+ | `telia-accordion-item` | [Storybook/telia-accordion-item](https://docs.voca.teliacompany.com/?path=/story/page-sections-accordion-accordion-item) |
95
+ | `telia-accordion` | [Storybook/telia-accordion](https://docs.voca.teliacompany.com/?path=/story/page-sections-accordion) |
94
96
  | `telia-badge` | [Storybook/telia-badge](https://docs.voca.teliacompany.com/?path=/story/indicators-badge) |
95
97
  | `telia-button-text` | [Storybook/telia-button-text](https://docs.voca.teliacompany.com/?path=/story/actions-buttons-text-button--text-only-button) |
96
98
  | `telia-button` | [Storybook/telia-button](https://docs.voca.teliacompany.com/?path=/story/actions-buttons--primary) |
@@ -99,6 +101,7 @@ import '@telia-ace/alliance-ui/voca/components/telia-button';
99
101
  | `telia-checkbox` | [Storybook/telia-checkbox](https://docs.voca.teliacompany.com/?path=/story/form-elements-checkbox--showcase) |
100
102
  | `telia-chip-choice` | [Storybook/telia-chip-choice](https://docs.voca.teliacompany.com/?path=/story/actions-chip-choice--showcase) |
101
103
  | `telia-chip-filter` | [Storybook/telia-chip-filter](https://docs.voca.teliacompany.com/?path=/story/actions-chip-filter--showcase) |
104
+ | `telia-col` | [Storybook/telia-col](https://docs.voca.teliacompany.com/?path=/story/utility-grid-%EF%B8%8F%E2%83%A3-column) |
102
105
  | `telia-color-dot` | [Storybook/telia-color-dot](https://docs.voca.teliacompany.com/?path=/story/indicators-color-dot--showcase) |
103
106
  | `telia-cta-link` | [Storybook/telia-cta-link](https://docs.voca.teliacompany.com/?path=/story/navigation-cta-link--showcase) |
104
107
  | `telia-date-picker` | [Storybook/telia-date-picker](https://docs.voca.teliacompany.com/?path=/story/form-elements-date-picker--showcase) |
@@ -109,6 +112,7 @@ import '@telia-ace/alliance-ui/voca/components/telia-button';
109
112
  | `telia-fieldset` | [Storybook/telia-fieldset](https://docs.voca.teliacompany.com/?path=/story/form-elements-form-fieldset) |
110
113
  | `telia-focus-trap` | [Storybook/telia-focus-trap](https://docs.voca.teliacompany.com/?path=/story/utility-focus-focus-trap) |
111
114
  | `telia-form` | [Storybook/telia-form](https://docs.voca.teliacompany.com/?path=/story/form-elements-form--showcase) |
115
+ | `telia-grid` | [Storybook/telia-grid](https://docs.voca.teliacompany.com/?path=/story/utility-grid-%EF%B8%8F%E2%83%A3-grid--grid) |
112
116
  | `telia-heading` | [Storybook/telia-heading](https://docs.voca.teliacompany.com/?path=/story/utility-heading) |
113
117
  | `telia-icon` | [Storybook/telia-icon](https://docs.voca.teliacompany.com/?path=/story/assets-icon) |
114
118
  | `telia-image` | [Storybook/telia-image](https://docs.voca.teliacompany.com/?path=/story/utility-image) |
@@ -125,6 +129,7 @@ import '@telia-ace/alliance-ui/voca/components/telia-button';
125
129
  | `telia-p` | [Storybook/telia-p](https://docs.voca.teliacompany.com/?path=/story/utility-paragraph) |
126
130
  | `telia-pictogram` | [Storybook/telia-pictogram](https://docs.voca.teliacompany.com/?path=/story/assets-pictogram) |
127
131
  | `telia-radio-button` | [Storybook/telia-radio-button](https://docs.voca.teliacompany.com/?path=/story/form-elements-radio-button) |
132
+ | `telia-row` | [Storybook/telia-row](https://docs.voca.teliacompany.com/?path=/story/utility-grid-%EF%B8%8F%E2%83%A3-row--row) |
128
133
  | `telia-select` | [Storybook/telia-select](https://docs.voca.teliacompany.com/?path=/story/form-elements-select) |
129
134
  | `telia-skeleton` | [Storybook/telia-skeleton](https://docs.voca.teliacompany.com/?path=/story/indicators-skeleton) |
130
135
  | `telia-status-badge` | [Storybook/telia-status-badge](https://docs.voca.teliacompany.com/?path=/story/indicators-status-badge) |
package/dist/voca/components/telia-col.d.ts ADDED
@@ -0,0 +1 @@
1
+ import '@teliads/components/dist/components/telia-col';
package/dist/voca/components/telia-col.js ADDED
@@ -0,0 +1,47 @@
1
+ import { p as c, H as l, h as a, a as d } from "../../index.ad92b4ca.js";
2
+ import { s as r } from "../../stringCombiner.7c02f991.js";
3
+ import { d as m } from "../../telia-vst2.f685dec5.js";
4
+ const t = ".telia-col{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-1{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-2{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 2)}@media screen and (min-width: 37.5em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-3{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 3)}@media screen and (min-width: 37.5em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-4{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 4)}@media screen and (min-width: 37.5em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-5{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 5)}@media screen and (min-width: 37.5em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-6{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 6)}@media screen and (min-width: 37.5em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-7{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 7)}@media screen and (min-width: 37.5em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-8{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 8)}@media screen and (min-width: 37.5em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-9{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 9)}@media screen and (min-width: 37.5em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-10{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 10)}@media screen and (min-width: 37.5em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-11{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 11)}@media screen and (min-width: 37.5em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-12{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 12)}@media screen and (min-width: 37.5em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 37.5em){.telia-col-md-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 37.5em){.telia-col-md-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 37.5em){.telia-col-md-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 37.5em){.telia-col-md-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 37.5em){.telia-col-md-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 37.5em){.telia-col-md-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 37.5em){.telia-col-md-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 37.5em){.telia-col-md-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 37.5em){.telia-col-md-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 37.5em){.telia-col-md-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 37.5em){.telia-col-md-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 37.5em){.telia-col-md-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 64em){.telia-col-lg-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 64em){.telia-col-lg-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 64em){.telia-col-lg-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 64em){.telia-col-lg-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 64em){.telia-col-lg-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 64em){.telia-col-lg-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 64em){.telia-col-lg-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 64em){.telia-col-lg-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 64em){.telia-col-lg-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 64em){.telia-col-lg-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 64em){.telia-col-lg-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 64em){.telia-col-lg-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 0){.telia-col-hide-up-sm{display:none}}@media screen and (min-width: 37.5em){.telia-col-hide-up-md{display:none}}@media screen and (min-width: 64em){.telia-col-hide-up-lg{display:none}}@media screen and (min-width: 90em){.telia-col-hide-up-xl{display:none}}.telia-col-hide-down-sm{display:none}@media screen and (min-width: 0){.telia-col-hide-down-sm{display:block}}.telia-col-hide-down-md{display:none}@media screen and (min-width: 37.5em){.telia-col-hide-down-md{display:block}}.telia-col-hide-down-xl{display:none}@media screen and (min-width: 90em){.telia-col-hide-down-xl{display:block}}", n = /* @__PURE__ */ c(class extends l {
5
+ constructor() {
6
+ super(), this.__registerHost(), this.dataTrackingId = "telia-col";
7
+ }
8
+ render() {
9
+ const e = r([
10
+ "telia-col",
11
+ {
12
+ [`telia-col-${this.width}`]: !!this.width,
13
+ [`telia-col-md-${this.widthMd}`]: !!this.widthMd,
14
+ [`telia-col-lg-${this.widthLg}`]: !!this.widthLg,
15
+ [`telia-col-hide-up-${this.hideUp}`]: !!this.hideUp,
16
+ [`telia-col-hide-down-${this.hideDown}`]: !!this.hideDown
17
+ }
18
+ ]);
19
+ return a(d, { class: e }, a("slot", null), a("telia-vst", { dataTrackingId: this.dataTrackingId }));
20
+ }
21
+ static get style() {
22
+ return t;
23
+ }
24
+ }, [4, "telia-col", {
25
+ dataTestid: [1, "data-testid"],
26
+ width: [2],
27
+ widthMd: [2, "width-md"],
28
+ widthLg: [2, "width-lg"],
29
+ hideUp: [1, "hide-up"],
30
+ hideDown: [1, "hide-down"]
31
+ }]);
32
+ function o() {
33
+ if (typeof customElements > "u")
34
+ return;
35
+ ["telia-col", "telia-vst"].forEach((i) => {
36
+ switch (i) {
37
+ case "telia-col":
38
+ customElements.get(i) || customElements.define(i, n);
39
+ break;
40
+ case "telia-vst":
41
+ customElements.get(i) || m();
42
+ break;
43
+ }
44
+ });
45
+ }
46
+ o();
47
+ //# sourceMappingURL=telia-col.js.map
package/dist/voca/components/telia-col.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"telia-col.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/telia-column.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { s as stringCombiner } from './stringCombiner.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaColumnCss = \".telia-col{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-1{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-2{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 2)}@media screen and (min-width: 37.5em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-3{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 3)}@media screen and (min-width: 37.5em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-4{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 4)}@media screen and (min-width: 37.5em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-5{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 5)}@media screen and (min-width: 37.5em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-6{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 6)}@media screen and (min-width: 37.5em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-7{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 7)}@media screen and (min-width: 37.5em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-8{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 8)}@media screen and (min-width: 37.5em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-9{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 9)}@media screen and (min-width: 37.5em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-10{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 10)}@media screen and (min-width: 37.5em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-11{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 11)}@media screen and (min-width: 37.5em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-12{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 12)}@media screen and (min-width: 37.5em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 37.5em){.telia-col-md-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 37.5em){.telia-col-md-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 37.5em){.telia-col-md-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 37.5em){.telia-col-md-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 37.5em){.telia-col-md-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 37.5em){.telia-col-md-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 37.5em){.telia-col-md-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 37.5em){.telia-col-md-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 37.5em){.telia-col-md-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 37.5em){.telia-col-md-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 37.5em){.telia-col-md-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 37.5em){.telia-col-md-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 64em){.telia-col-lg-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 64em){.telia-col-lg-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 64em){.telia-col-lg-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 64em){.telia-col-lg-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 64em){.telia-col-lg-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 64em){.telia-col-lg-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 64em){.telia-col-lg-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 64em){.telia-col-lg-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 64em){.telia-col-lg-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 64em){.telia-col-lg-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 64em){.telia-col-lg-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 64em){.telia-col-lg-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 0){.telia-col-hide-up-sm{display:none}}@media screen and (min-width: 37.5em){.telia-col-hide-up-md{display:none}}@media screen and (min-width: 64em){.telia-col-hide-up-lg{display:none}}@media screen and (min-width: 90em){.telia-col-hide-up-xl{display:none}}.telia-col-hide-down-sm{display:none}@media screen and (min-width: 0){.telia-col-hide-down-sm{display:block}}.telia-col-hide-down-md{display:none}@media screen and (min-width: 37.5em){.telia-col-hide-down-md{display:block}}.telia-col-hide-down-xl{display:none}@media screen and (min-width: 90em){.telia-col-hide-down-xl{display:block}}\";\n\nconst TeliaColumn = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-col';\n }\n render() {\n const columnClassList = stringCombiner([\n 'telia-col',\n {\n [`telia-col-${this.width}`]: !!this.width,\n [`telia-col-md-${this.widthMd}`]: !!this.widthMd,\n [`telia-col-lg-${this.widthLg}`]: !!this.widthLg,\n [`telia-col-hide-up-${this.hideUp}`]: !!this.hideUp,\n [`telia-col-hide-down-${this.hideDown}`]: !!this.hideDown,\n },\n ]);\n return (h(Host, { class: columnClassList }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaColumnCss; }\n}, [4, \"telia-col\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"width\": [2],\n \"widthMd\": [2, \"width-md\"],\n \"widthLg\": [2, \"width-lg\"],\n \"hideUp\": [1, \"hide-up\"],\n \"hideDown\": [1, \"hide-down\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-col\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-col\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaColumn);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaColumn as T, defineCustomElement as d };\n"],"names":["teliaColumnCss","TeliaColumn","proxyCustomElement","HTMLElement","columnClassList","stringCombiner","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;;AAIA,MAAMA,IAAiB,wmUAEjBC,IAA4B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC7E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAkBC,EAAe;AAAA,MACrC;AAAA,MACA;AAAA,QACE,CAAC,aAAa,KAAK,UAAU,CAAC,CAAC,KAAK;AAAA,QACpC,CAAC,gBAAgB,KAAK,YAAY,CAAC,CAAC,KAAK;AAAA,QACzC,CAAC,gBAAgB,KAAK,YAAY,CAAC,CAAC,KAAK;AAAA,QACzC,CAAC,qBAAqB,KAAK,WAAW,CAAC,CAAC,KAAK;AAAA,QAC7C,CAAC,uBAAuB,KAAK,aAAa,CAAC,CAAC,KAAK;AAAA,MAClD;AAAA,IACP,CAAK;AACD,WAAQC,EAAEC,GAAM,EAAE,OAAOH,EAAe,GAAIE,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EACrH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAiB;AAC/C,GAAG,CAAC,GAAG,aAAa;AAAA,EAChB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,OAAS,CAAC,CAAC;AAAA,EACX,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,QAAU,CAAC,GAAG,SAAS;AAAA,EACvB,UAAY,CAAC,GAAG,WAAW;AAC5B,CAAA,CAAC;AACJ,SAASQ,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,aAAa,WAAW,EACjC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASR,CAAW;AAE5C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;"}
package/dist/voca/components/telia-grid.d.ts ADDED
@@ -0,0 +1 @@
1
+ import '@teliads/components/dist/components/telia-grid';
package/dist/voca/components/telia-grid.js ADDED
@@ -0,0 +1,29 @@
1
+ import { p as t, H as r, h as i, a } from "../../index.ad92b4ca.js";
2
+ import { d as s } from "../../telia-vst2.f685dec5.js";
3
+ const n = ".telia-grid{box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;max-width:calc(144rem * var(--voca-rem-multiplier));padding:0 calc(1.6rem * var(--voca-rem-multiplier));width:100%}@media screen and (min-width: 37.5em){.telia-grid{padding:0 calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-grid{padding:0 calc(4.8rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 90em){.telia-grid{padding:0 calc(6.4rem * var(--voca-rem-multiplier))}}", d = /* @__PURE__ */ t(class extends r {
4
+ constructor() {
5
+ super(), this.__registerHost(), this.dataTrackingId = "telia-grid";
6
+ }
7
+ render() {
8
+ return i(a, { class: "telia-grid" }, i("slot", null), i("telia-vst", { dataTrackingId: this.dataTrackingId }));
9
+ }
10
+ static get style() {
11
+ return n;
12
+ }
13
+ }, [4, "telia-grid"]);
14
+ function l() {
15
+ if (typeof customElements > "u")
16
+ return;
17
+ ["telia-grid", "telia-vst"].forEach((e) => {
18
+ switch (e) {
19
+ case "telia-grid":
20
+ customElements.get(e) || customElements.define(e, d);
21
+ break;
22
+ case "telia-vst":
23
+ customElements.get(e) || s();
24
+ break;
25
+ }
26
+ });
27
+ }
28
+ l();
29
+ //# sourceMappingURL=telia-grid.js.map
package/dist/voca/components/telia-grid.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"telia-grid.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/telia-grid2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaGridCss = \".telia-grid{box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;max-width:calc(144rem * var(--voca-rem-multiplier));padding:0 calc(1.6rem * var(--voca-rem-multiplier));width:100%}@media screen and (min-width: 37.5em){.telia-grid{padding:0 calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-grid{padding:0 calc(4.8rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 90em){.telia-grid{padding:0 calc(6.4rem * var(--voca-rem-multiplier))}}\";\n\nconst TeliaGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-grid';\n }\n render() {\n return (h(Host, { class: \"telia-grid\" }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaGridCss; }\n}, [4, \"telia-grid\"]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-grid\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-grid\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaGrid);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaGrid as T, defineCustomElement as d };\n"],"names":["teliaGridCss","TeliaGrid","proxyCustomElement","HTMLElement","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAe,2fAEfC,IAA0B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC3E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAEC,GAAM,EAAE,OAAO,aAAY,GAAID,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAClH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,YAAY,CAAC;AACpB,SAASM,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,cAAc,WAAW,EAClC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAS;AAE1C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;"}
package/dist/voca/components/telia-row.d.ts ADDED
@@ -0,0 +1 @@
1
+ import '@teliads/components/dist/components/telia-row';
package/dist/voca/components/telia-row.js ADDED
@@ -0,0 +1,37 @@
1
+ import { p as t, H as i, h as r, a as l } from "../../index.ad92b4ca.js";
2
+ import { d as m } from "../../telia-vst2.f685dec5.js";
3
+ const c = ".telia-row{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:left;margin-left:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)) / 2)}@media screen and (min-width: 37.5em){.telia-row{margin-left:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-row{margin-left:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-row:last-of-type{margin-bottom:0}.telia-row--sm{margin-bottom:calc(1.6rem * var(--voca-rem-multiplier))}.telia-row--md{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-row--lg{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-row--lg{margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}}.telia-row--xl{margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-row--xl{margin-bottom:calc(8rem * var(--voca-rem-multiplier))}}.telia-row--col-gap{margin-top:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)))}@media screen and (min-width: 37.5em){.telia-row--col-gap{margin-top:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)))}}.telia-row--col-gap>telia-col{margin-top:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-row--col-gap>telia-col{margin-top:calc(2.4rem * var(--voca-rem-multiplier))}}", o = /* @__PURE__ */ t(class extends i {
4
+ constructor() {
5
+ super(), this.__registerHost(), this.dataTrackingId = "telia-row";
6
+ }
7
+ render() {
8
+ const a = "telia-row", e = {
9
+ [a]: !0,
10
+ [`${a}--${this.spacing}`]: !!this.spacing,
11
+ [`${a}--col-gap`]: this.gap
12
+ };
13
+ return r(l, { class: e }, r("slot", null), r("telia-vst", { dataTrackingId: this.dataTrackingId }));
14
+ }
15
+ static get style() {
16
+ return c;
17
+ }
18
+ }, [4, "telia-row", {
19
+ spacing: [1],
20
+ gap: [4]
21
+ }]);
22
+ function n() {
23
+ if (typeof customElements > "u")
24
+ return;
25
+ ["telia-row", "telia-vst"].forEach((e) => {
26
+ switch (e) {
27
+ case "telia-row":
28
+ customElements.get(e) || customElements.define(e, o);
29
+ break;
30
+ case "telia-vst":
31
+ customElements.get(e) || m();
32
+ break;
33
+ }
34
+ });
35
+ }
36
+ n();
37
+ //# sourceMappingURL=telia-row.js.map
package/dist/voca/components/telia-row.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"telia-row.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/telia-row2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaRowCss = \".telia-row{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:left;margin-left:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)) / 2)}@media screen and (min-width: 37.5em){.telia-row{margin-left:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-row{margin-left:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2);margin-right:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-row:last-of-type{margin-bottom:0}.telia-row--sm{margin-bottom:calc(1.6rem * var(--voca-rem-multiplier))}.telia-row--md{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-row--lg{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-row--lg{margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}}.telia-row--xl{margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-row--xl{margin-bottom:calc(8rem * var(--voca-rem-multiplier))}}.telia-row--col-gap{margin-top:calc(-1 * calc(1.6rem * var(--voca-rem-multiplier)))}@media screen and (min-width: 37.5em){.telia-row--col-gap{margin-top:calc(-1 * calc(2.4rem * var(--voca-rem-multiplier)))}}.telia-row--col-gap>telia-col{margin-top:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-row--col-gap>telia-col{margin-top:calc(2.4rem * var(--voca-rem-multiplier))}}\";\n\nconst TeliaRow = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-row';\n }\n render() {\n const componentClass = 'telia-row';\n const rowClasses = {\n [componentClass]: true,\n [`${componentClass}--${this.spacing}`]: !!this.spacing,\n [`${componentClass}--col-gap`]: this.gap,\n };\n return (h(Host, { class: rowClasses }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaRowCss; }\n}, [4, \"telia-row\", {\n \"spacing\": [1],\n \"gap\": [4]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-row\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-row\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaRow);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaRow as T, defineCustomElement as d };\n"],"names":["teliaRowCss","TeliaRow","proxyCustomElement","HTMLElement","componentClass","rowClasses","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAc,+gDAEdC,IAAyB,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC1E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,aACjBC,IAAa;AAAA,MACjB,CAACD,IAAiB;AAAA,MAClB,CAAC,GAAGA,MAAmB,KAAK,YAAY,CAAC,CAAC,KAAK;AAAA,MAC/C,CAAC,GAAGA,eAA4B,KAAK;AAAA,IAC3C;AACI,WAAQE,EAAEC,GAAM,EAAE,OAAOF,EAAU,GAAIC,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAChH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAc;AAC5C,GAAG,CAAC,GAAG,aAAa;AAAA,EAChB,SAAW,CAAC,CAAC;AAAA,EACb,KAAO,CAAC,CAAC;AACV,CAAA,CAAC;AACJ,SAASQ,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,aAAa,WAAW,EACjC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASR,CAAQ;AAEzC;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telia-ace/alliance-ui",
3
- "version": "1.0.0-beta.10",
3
+ "version": "1.0.0-beta.11",
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.13",
36
+ "@telia-ace/alliance-utilities": "^1.0.0-beta.14",
37
37
  "@types/fs-extra": "^9.0.13",
38
38
  "fs-extra": "^10.1.0",
39
39
  "vite": "^3.1.8"