@telia-ace/alliance-ui 1.0.8-next.0 → 1.0.8
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/CHANGELOG.md +19 -0
- package/chunks/{alliance-modal-6cef0241.js → alliance-modal-20f50b87.js} +5 -5
- package/chunks/{alliance-modal-6cef0241.js.map → alliance-modal-20f50b87.js.map} +1 -1
- package/chunks/alliance-paginator-button-25709222.js +313 -0
- package/chunks/alliance-paginator-button-25709222.js.map +1 -0
- package/chunks/{alliance-table-row-67a6becb.js → alliance-table-row-21cc74e0.js} +3 -3
- package/chunks/{alliance-table-row-67a6becb.js.map → alliance-table-row-21cc74e0.js.map} +1 -1
- package/chunks/check-circle-filled-42095247.js.map +1 -1
- package/chunks/chevron-down-50d47dd6.js.map +1 -1
- package/chunks/chevron-right-788ce8a9.js.map +1 -1
- package/chunks/close-7d423291.js.map +1 -1
- package/chunks/close-ac6e4f1c.js.map +1 -1
- package/chunks/error-filled-8de50bdd.js.map +1 -1
- package/chunks/getSvgContent-f2389ce0.js.map +1 -1
- package/chunks/{index-57f6bd40.js → index-d925c796.js} +14 -16
- package/chunks/index-d925c796.js.map +1 -0
- package/chunks/index-eef143db.js +531 -0
- package/chunks/{index-17652cf7.js.map → index-eef143db.js.map} +1 -1
- package/chunks/query-assigned-elements-4285356d.js.map +1 -1
- package/chunks/repeat-bf84f01f.js.map +1 -1
- package/chunks/stringCombiner-10b57054.js.map +1 -1
- package/chunks/{telia-button2-d25eddda.js → telia-button2-7783c019.js} +18 -43
- package/chunks/telia-button2-7783c019.js.map +1 -0
- package/chunks/{telia-card-frame2-2d46eef6.js → telia-card-frame2-1ac1c9e5.js} +4 -4
- package/chunks/telia-card-frame2-1ac1c9e5.js.map +1 -0
- package/chunks/{telia-field-assistive-text2-8e042a32.js → telia-field-assistive-text2-173ba2fb.js} +3 -3
- package/chunks/{telia-field-assistive-text2-8e042a32.js.map → telia-field-assistive-text2-173ba2fb.js.map} +1 -1
- package/chunks/{telia-field-error2-8beb1632.js → telia-field-error2-75dc8ceb.js} +4 -4
- package/chunks/{telia-field-error2-8beb1632.js.map → telia-field-error2-75dc8ceb.js.map} +1 -1
- package/chunks/{telia-field-valid2-bda898b1.js → telia-field-valid2-0f6759ac.js} +4 -4
- package/chunks/{telia-field-valid2-bda898b1.js.map → telia-field-valid2-0f6759ac.js.map} +1 -1
- package/chunks/{telia-heading2-9d3ab48b.js → telia-heading2-38ae44ae.js} +3 -3
- package/chunks/{telia-heading2-9d3ab48b.js.map → telia-heading2-38ae44ae.js.map} +1 -1
- package/chunks/{telia-icon2-34bf5aef.js → telia-icon2-d0e7c715.js} +3 -3
- package/chunks/{telia-icon2-34bf5aef.js.map → telia-icon2-d0e7c715.js.map} +1 -1
- package/chunks/{telia-label2-4d674e5e.js → telia-label2-f4c1eb47.js} +3 -3
- package/chunks/{telia-label2-4d674e5e.js.map → telia-label2-f4c1eb47.js.map} +1 -1
- package/chunks/{telia-link2-7769b385.js → telia-link2-4999bc77.js} +6 -6
- package/chunks/telia-link2-4999bc77.js.map +1 -0
- package/chunks/{telia-navigation-button2-a0b24d67.js → telia-navigation-button2-b6b0d39c.js} +4 -4
- package/chunks/{telia-navigation-button2-a0b24d67.js.map → telia-navigation-button2-b6b0d39c.js.map} +1 -1
- package/chunks/telia-style-link2-0bc93885.js +54 -0
- package/chunks/telia-style-link2-0bc93885.js.map +1 -0
- package/chunks/{telia-style-navigation-item2-58683cd9.js → telia-style-navigation-item2-b2eaedc2.js} +3 -3
- package/chunks/{telia-style-navigation-item2-58683cd9.js.map → telia-style-navigation-item2-b2eaedc2.js.map} +1 -1
- package/chunks/{telia-tab-header2-bd04582d.js → telia-tab-header2-94c52ad6.js} +4 -4
- package/chunks/{telia-tab-header2-bd04582d.js.map → telia-tab-header2-94c52ad6.js.map} +1 -1
- package/chunks/{telia-visually-hidden2-71416262.js → telia-visually-hidden2-9015e8cd.js} +3 -3
- package/chunks/{telia-visually-hidden2-71416262.js.map → telia-visually-hidden2-9015e8cd.js.map} +1 -1
- package/chunks/{telia-vst2-1a7f7bd6.js → telia-vst2-dfb33a56.js} +3 -3
- package/chunks/{telia-vst2-1a7f7bd6.js.map → telia-vst2-dfb33a56.js.map} +1 -1
- package/chunks/uniqueId-0daf01ec.js.map +1 -1
- package/components/alliance-modal.js +7 -7
- package/components/alliance-paginator/alliance-page-selector.d.ts +22 -0
- package/components/alliance-paginator/alliance-paginator.d.ts +4 -1
- package/components/alliance-paginator/index.d.ts +1 -0
- package/components/alliance-paginator/utils.d.ts +13 -0
- package/components/alliance-paginator.js +8 -7
- package/components/alliance-paginator.js.map +1 -1
- package/components/alliance-table.js +5 -5
- package/components/index.js +11 -11
- package/package.json +8 -8
- package/voca/components/telia-accordion-item.js +3 -3
- package/voca/components/telia-accordion-item.js.map +1 -1
- package/voca/components/telia-accordion.js +5 -5
- package/voca/components/telia-accordion.js.map +1 -1
- package/voca/components/telia-badge.js +2 -2
- package/voca/components/telia-badge.js.map +1 -1
- package/voca/components/telia-button.js +4 -4
- package/voca/components/telia-card-frame-link.js +6 -6
- package/voca/components/telia-card-frame-link.js.map +1 -1
- package/voca/components/telia-card-frame.js +3 -3
- package/voca/components/telia-checkbox.js +6 -6
- package/voca/components/telia-checkbox.js.map +1 -1
- package/voca/components/telia-chip-choice.js +2 -2
- package/voca/components/telia-chip-choice.js.map +1 -1
- package/voca/components/telia-chip-filter.js +4 -4
- package/voca/components/telia-chip-filter.js.map +1 -1
- package/voca/components/telia-col.js +2 -2
- package/voca/components/telia-col.js.map +1 -1
- package/voca/components/telia-color-dot.js +2 -2
- package/voca/components/telia-color-dot.js.map +1 -1
- package/voca/components/telia-cta-link.js +3 -3
- package/voca/components/telia-cta-link.js.map +1 -1
- package/voca/components/telia-date-picker.js +77 -65
- package/voca/components/telia-date-picker.js.map +1 -1
- package/voca/components/telia-divider.js +2 -2
- package/voca/components/telia-divider.js.map +1 -1
- package/voca/components/telia-field-assistive-text.js +3 -3
- package/voca/components/telia-field-error.js +4 -4
- package/voca/components/telia-field-valid.js +4 -4
- package/voca/components/telia-fieldset.js +2 -2
- package/voca/components/telia-fieldset.js.map +1 -1
- package/voca/components/telia-focus-trap.js +2 -2
- package/voca/components/telia-focus-trap.js.map +1 -1
- package/voca/components/telia-form.js +9 -7
- package/voca/components/telia-form.js.map +1 -1
- package/voca/components/telia-grid.js +3 -3
- package/voca/components/telia-grid.js.map +1 -1
- package/voca/components/telia-heading.js +3 -3
- package/voca/components/telia-icon.js +3 -3
- package/voca/components/telia-image.js +2 -2
- package/voca/components/telia-image.js.map +1 -1
- package/voca/components/telia-label.js +3 -3
- package/voca/components/telia-link-image.js +8 -8
- package/voca/components/telia-link-image.js.map +1 -1
- package/voca/components/telia-link.js +4 -4
- package/voca/components/telia-list.js +2 -2
- package/voca/components/telia-list.js.map +1 -1
- package/voca/components/telia-logo.js +2 -2
- package/voca/components/telia-logo.js.map +1 -1
- package/voca/components/telia-navigation-button.js +4 -4
- package/voca/components/telia-navigation-dropdown.js +5 -5
- package/voca/components/telia-navigation-dropdown.js.map +1 -1
- package/voca/components/telia-navigation-link.js +3 -3
- package/voca/components/telia-navigation-link.js.map +1 -1
- package/voca/components/telia-notification.js +5 -5
- package/voca/components/telia-notification.js.map +1 -1
- package/voca/components/telia-overlay.js +2 -2
- package/voca/components/telia-overlay.js.map +1 -1
- package/voca/components/telia-p.js +2 -2
- package/voca/components/telia-p.js.map +1 -1
- package/voca/components/telia-pictogram.js +2 -2
- package/voca/components/telia-pictogram.js.map +1 -1
- package/voca/components/telia-radio-button.js +4 -4
- package/voca/components/telia-radio-button.js.map +1 -1
- package/voca/components/telia-row.js +2 -2
- package/voca/components/telia-row.js.map +1 -1
- package/voca/components/telia-select.js +6 -6
- package/voca/components/telia-select.js.map +1 -1
- package/voca/components/telia-skeleton.js +11 -11
- package/voca/components/telia-skeleton.js.map +1 -1
- package/voca/components/telia-status-badge.js +3 -3
- package/voca/components/telia-status-badge.js.map +1 -1
- package/voca/components/telia-style-link.js +3 -3
- package/voca/components/telia-style-navigation-item.js +3 -3
- package/voca/components/telia-tab-content.js +20 -12
- package/voca/components/telia-tab-content.js.map +1 -1
- package/voca/components/telia-tab-header.js +4 -4
- package/voca/components/telia-tab.js +11 -8
- package/voca/components/telia-tab.js.map +1 -1
- package/voca/components/telia-text-input.js +9 -8
- package/voca/components/telia-text-input.js.map +1 -1
- package/voca/components/telia-text-spacing.js +2 -2
- package/voca/components/telia-text-spacing.js.map +1 -1
- package/voca/components/telia-textarea.js +6 -6
- package/voca/components/telia-textarea.js.map +1 -1
- package/voca/components/telia-toggle.js +4 -4
- package/voca/components/telia-toggle.js.map +1 -1
- package/voca/components/telia-visually-hidden.js +3 -3
- package/voca/components/telia-voca-stats.d.ts +1 -0
- package/voca/components/telia-voca-stats.js +54 -0
- package/voca/components/telia-voca-stats.js.map +1 -0
- package/voca/foundations/index.js +15 -18
- package/voca/foundations/index.js.map +1 -1
- package/voca/icons/index.js.map +1 -1
- package/chunks/alliance-paginator-button-83c050bc.js +0 -181
- package/chunks/alliance-paginator-button-83c050bc.js.map +0 -1
- package/chunks/index-17652cf7.js +0 -542
- package/chunks/index-57f6bd40.js.map +0 -1
- package/chunks/telia-button2-d25eddda.js.map +0 -1
- package/chunks/telia-card-frame2-2d46eef6.js.map +0 -1
- package/chunks/telia-link2-7769b385.js.map +0 -1
- package/chunks/telia-style-link2-bbd8d17a.js +0 -55
- package/chunks/telia-style-link2-bbd8d17a.js.map +0 -1
- package/components/alliance-paginator/get-pagination.d.ts +0 -8
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { p as a, H as r } from "../../chunks/index-eef143db.js";
|
|
2
|
+
const n = {
|
|
3
|
+
DK: "Denmark",
|
|
4
|
+
EE: "Estonia",
|
|
5
|
+
FI: "Finland",
|
|
6
|
+
LT: "Lithuania",
|
|
7
|
+
NO: "Norway",
|
|
8
|
+
SE: "Sweden",
|
|
9
|
+
Global: "Global"
|
|
10
|
+
};
|
|
11
|
+
Object.values(n);
|
|
12
|
+
const i = "https://stats.api.voca.teliacompany.com/components", l = /* @__PURE__ */ a(class extends r {
|
|
13
|
+
constructor() {
|
|
14
|
+
super(), this.__registerHost(), this.project = "", this.country = null, this.cache = /* @__PURE__ */ new Set();
|
|
15
|
+
}
|
|
16
|
+
handleVocaInternalUStats(o) {
|
|
17
|
+
if (window.location.hostname === "localhost")
|
|
18
|
+
try {
|
|
19
|
+
const t = n[this.country] || (() => {
|
|
20
|
+
throw new Error('telia-voca-stats "country" prop is invalid');
|
|
21
|
+
})(), s = `${o.detail.voca_component}-${o.detail.voca_added}`;
|
|
22
|
+
if (!this.cache.has(s) && this.project) {
|
|
23
|
+
const c = Object.assign({ voca_project: this.project, voca_country: t }, o.detail);
|
|
24
|
+
this.cache.add(s), fetch(i, {
|
|
25
|
+
method: "POST",
|
|
26
|
+
body: JSON.stringify(c)
|
|
27
|
+
}).then((e) => e.json()).catch((e) => {
|
|
28
|
+
console.error(e.body);
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
} catch (t) {
|
|
32
|
+
console.error(t.message);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
render() {
|
|
36
|
+
return null;
|
|
37
|
+
}
|
|
38
|
+
}, [0, "telia-voca-stats", {
|
|
39
|
+
project: [1],
|
|
40
|
+
country: [1]
|
|
41
|
+
}, [[8, "vocaInternalUStats", "handleVocaInternalUStats"]]]);
|
|
42
|
+
function h() {
|
|
43
|
+
if (typeof customElements > "u")
|
|
44
|
+
return;
|
|
45
|
+
["telia-voca-stats"].forEach((t) => {
|
|
46
|
+
switch (t) {
|
|
47
|
+
case "telia-voca-stats":
|
|
48
|
+
customElements.get(t) || customElements.define(t, l);
|
|
49
|
+
break;
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
h();
|
|
54
|
+
//# sourceMappingURL=telia-voca-stats.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"telia-voca-stats.js","sources":["../../../../node_modules/.pnpm/@teliads+components@20.0.0/node_modules/@teliads/components/dist/components/telia-voca-stats.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\n\nconst Countries = {\n DK: 'Denmark',\n EE: 'Estonia',\n FI: 'Finland',\n LT: 'Lithuania',\n NO: 'Norway',\n SE: 'Sweden',\n Global: 'Global',\n};\nObject.values(Countries);\n\nconst API_STATS = 'https://stats.api.voca.teliacompany.com/components';\nconst TeliaVocaStats$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Name of the project. Project field is unique and required. To ensure uniqueness of this field,\n * please input it in correct format `'[projectsName]-[countryCode]'`. E.g., `'b2c-fi'`, `'b2c-ecom-fi'`, `'b2b-se'` */\n this.project = '';\n /** Country initials of the project, this prop is provided by the project that uses Voca DS.\n * Possible values: 'DK' | 'EE' | 'FI' | 'LT' | 'NO' | 'SE' | 'Global'. */\n this.country = null;\n // To avoid unneccessary logging, first leverage in-memeory Cache\n this.cache = new Set();\n }\n handleVocaInternalUStats(event) {\n if (window.location.hostname !== 'localhost') {\n return;\n }\n try {\n /** id is unique identifier for component,\n * it consists of components name, page url, projects name and projects country. */\n const country = Countries[this.country] ||\n (() => {\n throw new Error('telia-voca-stats \"country\" prop is invalid');\n })();\n const id = `${event.detail.voca_component}-${event.detail.voca_added}`;\n const exist = this.cache.has(id);\n if (!exist && this.project) {\n const body = Object.assign({ voca_project: this.project, voca_country: country }, event.detail);\n this.cache.add(id);\n // Post date to API\n // Sends Component usage stats data to AWS S3.\n fetch(API_STATS, {\n method: 'POST',\n body: JSON.stringify(body),\n })\n .then(response => {\n return response.json();\n })\n .catch((error) => {\n console.error(error.body);\n });\n }\n }\n catch (error) {\n console.error(error.message);\n }\n }\n render() {\n /** telia-voca-stats is not a component, so it returns null, instead of html. */\n return null;\n }\n}, [0, \"telia-voca-stats\", {\n \"project\": [1],\n \"country\": [1]\n }, [[8, \"vocaInternalUStats\", \"handleVocaInternalUStats\"]]]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-voca-stats\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-voca-stats\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaVocaStats$1);\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaVocaStats = TeliaVocaStats$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaVocaStats, defineCustomElement };\n"],"names":["Countries","API_STATS","TeliaVocaStats$1","proxyCustomElement","HTMLElement","event","country","id","body","response","error","defineCustomElement$1","tagName"],"mappings":";AAEA,MAAMA,IAAY;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,QAAQ;AACV;AACA,OAAO,OAAOA,CAAS;AAEvB,MAAMC,IAAY,sDACZC,IAAiC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAClF,cAAc;AACZ,aACA,KAAK,eAAc,GAGnB,KAAK,UAAU,IAGf,KAAK,UAAU,MAEf,KAAK,QAAQ,oBAAI;EAClB;AAAA,EACD,yBAAyBC,GAAO;AAC9B,QAAI,OAAO,SAAS,aAAa;AAGjC,UAAI;AAGF,cAAMC,IAAUN,EAAU,KAAK,OAAO,MACnC,MAAM;AACL,gBAAM,IAAI,MAAM,4CAA4C;AAAA,QACtE,MACYO,IAAK,GAAGF,EAAM,OAAO,kBAAkBA,EAAM,OAAO;AAE1D,YAAI,CADU,KAAK,MAAM,IAAIE,CAAE,KACjB,KAAK,SAAS;AAC1B,gBAAMC,IAAO,OAAO,OAAO,EAAE,cAAc,KAAK,SAAS,cAAcF,EAAO,GAAID,EAAM,MAAM;AAC9F,eAAK,MAAM,IAAIE,CAAE,GAGjB,MAAMN,GAAW;AAAA,YACf,QAAQ;AAAA,YACR,MAAM,KAAK,UAAUO,CAAI;AAAA,UACnC,CAAS,EACE,KAAK,CAAAC,MACCA,EAAS,MACjB,EACE,MAAM,CAACC,MAAU;AAClB,oBAAQ,MAAMA,EAAM,IAAI;AAAA,UAClC,CAAS;AAAA;AAAA,MAEJ,SACMA,GAAP;AACE,gBAAQ,MAAMA,EAAM,OAAO;AAAA,MAC5B;AAAA,EACF;AAAA,EACD,SAAS;AAEP,WAAO;AAAA,EACR;AACH,GAAG,CAAC,GAAG,oBAAoB;AAAA,EACvB,SAAW,CAAC,CAAC;AAAA,EACb,SAAW,CAAC,CAAC;AACjB,GAAK,CAAC,CAAC,GAAG,sBAAsB,0BAA0B,CAAC,CAAC,CAAC;AAC7D,SAASC,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,kBAAkB,EAC3B,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASV,CAAgB;AAEjD;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAS,EAAuB;","x_google_ignoreList":[0]}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { t as
|
|
1
|
+
import { t as p, d as a, s as t, m as r, l as d, b as g, a as s, c as e, g as n } from "../../chunks/index-d925c796.js";
|
|
2
2
|
import { f as c } from "../../chunks/variables-ecb680f0.js";
|
|
3
3
|
const y = () => {
|
|
4
|
-
const
|
|
5
|
-
|
|
4
|
+
const o = "voca-foundations-style-tag", u = document.getElementById(o), i = document.createElement("style");
|
|
5
|
+
i.id = o;
|
|
6
6
|
const l = {
|
|
7
7
|
"--font-telia-heading": "TeliaSansHeading, TeliaSans, HelveticaNeue, Helvetica, Arial, sans-serif",
|
|
8
8
|
"--font-telia-sans": "TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif",
|
|
9
|
-
"--font-normal":
|
|
10
|
-
"--font-medium":
|
|
11
|
-
"--font-bold":
|
|
9
|
+
"--font-normal": p.weightNormal,
|
|
10
|
+
"--font-medium": p.weightMedium,
|
|
11
|
+
"--font-bold": p.weightBold,
|
|
12
12
|
"--spacing-0": a.spacing0,
|
|
13
13
|
"--spacing-2": a.spacing2,
|
|
14
14
|
"--spacing-4": a.spacing4,
|
|
@@ -23,13 +23,10 @@ const y = () => {
|
|
|
23
23
|
"--spacing-80": a.spacing80,
|
|
24
24
|
"--spacing-96": a.spacing96,
|
|
25
25
|
"--spacing-128": a.spacing128,
|
|
26
|
-
|
|
27
|
-
"--box-shadow-
|
|
28
|
-
"--box-shadow-
|
|
29
|
-
"--box-shadow-
|
|
30
|
-
"--box-shadow-sm": i.sm,
|
|
31
|
-
"--box-shadow-md": i.md,
|
|
32
|
-
"--box-shadow-lg": i.lg,
|
|
26
|
+
"--box-shadow-none": t.none,
|
|
27
|
+
"--box-shadow-sm": t.sm,
|
|
28
|
+
"--box-shadow-md": t.md,
|
|
29
|
+
"--box-shadow-lg": t.lg,
|
|
33
30
|
"--duration-50": r.duration50,
|
|
34
31
|
"--duration-100": r.duration100,
|
|
35
32
|
"--duration-150": r.duration150,
|
|
@@ -170,15 +167,15 @@ const y = () => {
|
|
|
170
167
|
"--transparent-white-900": "rgba(0, 0, 0, 0.9)",
|
|
171
168
|
"--focus-border": `${c.focusBorderWidth} solid ${c.focusColor}`
|
|
172
169
|
}, m = Object.keys(l).map((b) => `${b}:${l[b]};`).join("");
|
|
173
|
-
if (
|
|
170
|
+
if (i.innerHTML = `
|
|
174
171
|
:root {
|
|
175
172
|
${m}
|
|
176
173
|
}
|
|
177
174
|
`, u) {
|
|
178
|
-
document.head.replaceChild(
|
|
175
|
+
document.head.replaceChild(i, u);
|
|
179
176
|
return;
|
|
180
177
|
}
|
|
181
|
-
return document.head.append(
|
|
178
|
+
return document.head.append(i);
|
|
182
179
|
};
|
|
183
180
|
export {
|
|
184
181
|
y as addCssVariables,
|
|
@@ -189,8 +186,8 @@ export {
|
|
|
189
186
|
n as grid,
|
|
190
187
|
d as layers,
|
|
191
188
|
r as motion,
|
|
192
|
-
|
|
189
|
+
t as shadows,
|
|
193
190
|
a as spacing,
|
|
194
|
-
|
|
191
|
+
p as typography
|
|
195
192
|
};
|
|
196
193
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/voca/foundations/index.ts"],"sourcesContent":["import {\n borders,\n breakpoints,\n colors,\n grid,\n layers,\n motion,\n shadows,\n spacing,\n typography,\n} from '@teliads/components/foundations';\nimport focus from '@teliads/components/foundations/focus/variables.json';\n\nexport { borders, breakpoints, colors, grid, layers, motion, shadows, spacing, typography, focus };\n\nexport const addCssVariables = () => {\n const styleId = 'voca-foundations-style-tag';\n const existing = document.getElementById(styleId);\n const element = document.createElement('style');\n element.id = styleId;\n\n const variables: Record<string, string> = {\n '--font-telia-heading':\n 'TeliaSansHeading, TeliaSans, HelveticaNeue, Helvetica, Arial, sans-serif',\n '--font-telia-sans': 'TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif',\n '--font-normal': typography.weightNormal,\n '--font-medium': typography.weightMedium,\n '--font-bold': typography.weightBold,\n\n '--spacing-0': spacing.spacing0,\n '--spacing-2': spacing.spacing2,\n '--spacing-4': spacing.spacing4,\n '--spacing-8': spacing.spacing8,\n '--spacing-12': spacing.spacing12,\n '--spacing-16': spacing.spacing16,\n '--spacing-20': spacing.spacing20,\n '--spacing-24': spacing.spacing24,\n '--spacing-32': spacing.spacing32,\n '--spacing-48': spacing.spacing48,\n '--spacing-64': spacing.spacing64,\n '--spacing-80': spacing.spacing80,\n '--spacing-96': spacing.spacing96,\n '--spacing-128': spacing.spacing128,\n\n /* DEPRECATED */\n '--box-shadow-hard': shadows.hard,\n '--box-shadow-soft': shadows.soft,\n\n '--box-shadow-none': shadows.none,\n '--box-shadow-sm': shadows.sm,\n '--box-shadow-md': shadows.md,\n '--box-shadow-lg': shadows.lg,\n\n '--duration-50': motion.duration50,\n '--duration-100': motion.duration100,\n '--duration-150': motion.duration150,\n '--duration-200': motion.duration200,\n '--duration-250': motion.duration250,\n '--duration-300': motion.duration300,\n '--duration-350': motion.duration350,\n '--duration-400': motion.duration400,\n '--duration-500': motion.duration500,\n '--duration-1500': motion.duration1500,\n '--duration-2000': motion.duration2000,\n\n '--timing-ease-in': motion.easeIn,\n '--timing-ease-out': motion.easeOut,\n '--timing-ease-in-out': motion.easeInOut,\n\n '--layer-base': layers.base,\n '--layer-dropdown': layers.dropdown,\n '--layer-header': layers.header,\n '--layer-modal': layers.modal,\n\n '--border-width-none': borders.widthNone,\n '--border-width-xs': borders.widthXs,\n '--border-width-sm': borders.widthSm,\n '--border-width-md': borders.widthMd,\n\n '--border-radius-none': borders.radiusNone,\n '--border-radius-default': borders.radiusDefault,\n '--border-radius-sm': borders.radiusSm,\n '--border-radius-lg': borders.radiusLg,\n '--border-radius-full': borders.radiusFull,\n\n '--screen-size-sm': breakpoints.breakpointSm,\n '--screen-size-md': breakpoints.breakpointMd,\n '--screen-size-lg': breakpoints.breakpointLg,\n '--screen-size-xl': breakpoints.breakpointXl,\n\n '--purple-100': colors.purple100,\n '--purple-200': colors.purple200,\n '--purple-300': colors.purple300,\n '--purple-400': colors.purple400,\n '--purple-500': colors.purple500,\n '--purple-600': colors.purple600,\n '--purple-700': colors.purple700,\n '--purple-800': colors.purple800,\n '--purple-850': colors.purple850,\n '--purple-900': colors.purple900,\n\n '--beige-50': colors.beige50,\n '--beige-100': colors.beige100,\n '--beige-200': colors.beige200,\n '--beige-300': colors.beige300,\n '--beige-400': colors.beige400,\n '--beige-500': colors.beige500,\n '--beige-600': colors.beige600,\n '--beige-700': colors.beige700,\n '--beige-800': colors.beige800,\n '--beige-900': colors.beige900,\n\n '--gray-50': colors.gray50,\n '--gray-100': colors.gray100,\n '--gray-200': colors.gray200,\n '--gray-300': colors.gray300,\n '--gray-400': colors.gray400,\n '--gray-500': colors.gray500,\n '--gray-600': colors.gray600,\n '--gray-700': colors.gray700,\n '--gray-800': colors.gray800,\n '--gray-900': colors.gray900,\n\n '--green-100': colors.green100,\n '--green-200': colors.green200,\n '--green-300': colors.green300,\n '--green-400': colors.green400,\n '--green-500': colors.green500,\n '--green-600': colors.green600,\n '--green-700': colors.green700,\n '--green-800': colors.green800,\n '--green-900': colors.green900,\n\n '--red-100': colors.red100,\n '--red-200': colors.red200,\n '--red-300': colors.red300,\n '--red-400': colors.red400,\n '--red-500': colors.red500,\n '--red-600': colors.red600,\n '--red-700': colors.red700,\n '--red-800': colors.red800,\n '--red-900': colors.red900,\n\n '--orange-100': colors.orange100,\n '--orange-200': colors.orange200,\n '--orange-300': colors.orange300,\n '--orange-400': colors.orange400,\n '--orange-500': colors.orange500,\n '--orange-600': colors.orange600,\n '--orange-700': colors.orange700,\n '--orange-800': colors.orange800,\n '--orange-900': colors.orange900,\n\n '--blue-100': colors.blue100,\n '--blue-200': colors.blue200,\n '--blue-300': colors.blue300,\n '--blue-400': colors.blue400,\n '--blue-500': colors.blue500,\n '--blue-600': colors.blue600,\n '--blue-700': colors.blue700,\n '--blue-800': colors.blue800,\n '--blue-900': colors.blue900,\n\n '--white': colors.white,\n '--black': colors.black,\n '--functional-black': colors.functionalBlack,\n\n /* DEPRECATED */\n '--grid-gutter': grid.gutter,\n '--grid-gutter-medium': grid.gutterMedium,\n '--grid-gutter-large': grid.gutterLarge,\n '--grid-page-padding': grid.pagePadding,\n '--grid-page-padding-m': grid.pagePaddingM,\n '--grid-page-padding-l': grid.pagePaddingL,\n\n '--grid-gutter-sm': grid.gutter,\n '--grid-gutter-md': grid.gutterMedium,\n '--grid-gutter-lg': grid.gutterLarge,\n '--grid-page-padding-sm': grid.pagePadding,\n '--grid-page-padding-md': grid.pagePaddingM,\n '--grid-page-padding-lg': grid.pagePaddingL,\n '--grid-page-padding-xl': grid.pagePaddingXl,\n\n // The following are not available in JS variables for some reason\n '--functional-transparent': 'transparent',\n '--transparent-black-50': 'rgba(0, 0, 0, 0.05)',\n '--transparent-black-100': 'rgba(0, 0, 0, 0.1)',\n '--transparent-black-200': 'rgba(0, 0, 0, 0.2)',\n '--transparent-black-300': 'rgba(0, 0, 0, 0.3)',\n '--transparent-black-400': 'rgba(0, 0, 0, 0.4)',\n '--transparent-black-500': 'rgba(0, 0, 0, 0.5)',\n '--transparent-black-600': 'rgba(0, 0, 0, 0.6)',\n '--transparent-black-700': 'rgba(0, 0, 0, 0.7)',\n '--transparent-black-800': 'rgba(0, 0, 0, 0.8)',\n '--transparent-black-850': 'rgba(0, 0, 0, 0.85)',\n '--transparent-black-900': 'rgba(0, 0, 0, 0.9)',\n '--transparent-white-50': 'rgba(0, 0, 0, 0.05)',\n '--transparent-white-100': 'rgba(0, 0, 0, 0.1)',\n '--transparent-white-200': 'rgba(0, 0, 0, 0.2)',\n '--transparent-white-300': 'rgba(0, 0, 0, 0.3)',\n '--transparent-white-400': 'rgba(0, 0, 0, 0.4)',\n '--transparent-white-500': 'rgba(0, 0, 0, 0.5)',\n '--transparent-white-600': 'rgba(0, 0, 0, 0.6)',\n '--transparent-white-700': 'rgba(0, 0, 0, 0.7)',\n '--transparent-white-800': 'rgba(0, 0, 0, 0.8)',\n '--transparent-white-850': 'rgba(0, 0, 0, 0.85)',\n '--transparent-white-900': 'rgba(0, 0, 0, 0.9)',\n\n '--focus-border': `${focus.focusBorderWidth} solid ${focus.focusColor}`,\n };\n\n const variableString = Object.keys(variables)\n .map((key) => `${key}:${variables[key]};`)\n .join('');\n\n element.innerHTML = `\n :root {\n ${variableString}\n }\n `;\n\n if (!!existing) {\n document.head.replaceChild(element, existing);\n return;\n }\n return document.head.append(element);\n};\n"],"names":["addCssVariables","styleId","existing","element","variables","typography","spacing","shadows","motion","layers","borders","breakpoints","colors","grid","focus","variableString","key"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/voca/foundations/index.ts"],"sourcesContent":["import {\n borders,\n breakpoints,\n colors,\n grid,\n layers,\n motion,\n shadows,\n spacing,\n typography,\n} from '@teliads/components/foundations';\nimport focus from '@teliads/components/foundations/focus/variables.json';\n\nexport { borders, breakpoints, colors, grid, layers, motion, shadows, spacing, typography, focus };\n\nexport const addCssVariables = () => {\n const styleId = 'voca-foundations-style-tag';\n const existing = document.getElementById(styleId);\n const element = document.createElement('style');\n element.id = styleId;\n\n const variables: Record<string, string> = {\n '--font-telia-heading':\n 'TeliaSansHeading, TeliaSans, HelveticaNeue, Helvetica, Arial, sans-serif',\n '--font-telia-sans': 'TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif',\n '--font-normal': typography.weightNormal,\n '--font-medium': typography.weightMedium,\n '--font-bold': typography.weightBold,\n\n '--spacing-0': spacing.spacing0,\n '--spacing-2': spacing.spacing2,\n '--spacing-4': spacing.spacing4,\n '--spacing-8': spacing.spacing8,\n '--spacing-12': spacing.spacing12,\n '--spacing-16': spacing.spacing16,\n '--spacing-20': spacing.spacing20,\n '--spacing-24': spacing.spacing24,\n '--spacing-32': spacing.spacing32,\n '--spacing-48': spacing.spacing48,\n '--spacing-64': spacing.spacing64,\n '--spacing-80': spacing.spacing80,\n '--spacing-96': spacing.spacing96,\n '--spacing-128': spacing.spacing128,\n\n '--box-shadow-none': shadows.none,\n '--box-shadow-sm': shadows.sm,\n '--box-shadow-md': shadows.md,\n '--box-shadow-lg': shadows.lg,\n\n '--duration-50': motion.duration50,\n '--duration-100': motion.duration100,\n '--duration-150': motion.duration150,\n '--duration-200': motion.duration200,\n '--duration-250': motion.duration250,\n '--duration-300': motion.duration300,\n '--duration-350': motion.duration350,\n '--duration-400': motion.duration400,\n '--duration-500': motion.duration500,\n '--duration-1500': motion.duration1500,\n '--duration-2000': motion.duration2000,\n\n '--timing-ease-in': motion.easeIn,\n '--timing-ease-out': motion.easeOut,\n '--timing-ease-in-out': motion.easeInOut,\n\n '--layer-base': layers.base,\n '--layer-dropdown': layers.dropdown,\n '--layer-header': layers.header,\n '--layer-modal': layers.modal,\n\n '--border-width-none': borders.widthNone,\n '--border-width-xs': borders.widthXs,\n '--border-width-sm': borders.widthSm,\n '--border-width-md': borders.widthMd,\n\n '--border-radius-none': borders.radiusNone,\n '--border-radius-default': borders.radiusDefault,\n '--border-radius-sm': borders.radiusSm,\n '--border-radius-lg': borders.radiusLg,\n '--border-radius-full': borders.radiusFull,\n\n '--screen-size-sm': breakpoints.breakpointSm,\n '--screen-size-md': breakpoints.breakpointMd,\n '--screen-size-lg': breakpoints.breakpointLg,\n '--screen-size-xl': breakpoints.breakpointXl,\n\n '--purple-100': colors.purple100,\n '--purple-200': colors.purple200,\n '--purple-300': colors.purple300,\n '--purple-400': colors.purple400,\n '--purple-500': colors.purple500,\n '--purple-600': colors.purple600,\n '--purple-700': colors.purple700,\n '--purple-800': colors.purple800,\n '--purple-850': colors.purple850,\n '--purple-900': colors.purple900,\n\n '--beige-50': colors.beige50,\n '--beige-100': colors.beige100,\n '--beige-200': colors.beige200,\n '--beige-300': colors.beige300,\n '--beige-400': colors.beige400,\n '--beige-500': colors.beige500,\n '--beige-600': colors.beige600,\n '--beige-700': colors.beige700,\n '--beige-800': colors.beige800,\n '--beige-900': colors.beige900,\n\n '--gray-50': colors.gray50,\n '--gray-100': colors.gray100,\n '--gray-200': colors.gray200,\n '--gray-300': colors.gray300,\n '--gray-400': colors.gray400,\n '--gray-500': colors.gray500,\n '--gray-600': colors.gray600,\n '--gray-700': colors.gray700,\n '--gray-800': colors.gray800,\n '--gray-900': colors.gray900,\n\n '--green-100': colors.green100,\n '--green-200': colors.green200,\n '--green-300': colors.green300,\n '--green-400': colors.green400,\n '--green-500': colors.green500,\n '--green-600': colors.green600,\n '--green-700': colors.green700,\n '--green-800': colors.green800,\n '--green-900': colors.green900,\n\n '--red-100': colors.red100,\n '--red-200': colors.red200,\n '--red-300': colors.red300,\n '--red-400': colors.red400,\n '--red-500': colors.red500,\n '--red-600': colors.red600,\n '--red-700': colors.red700,\n '--red-800': colors.red800,\n '--red-900': colors.red900,\n\n '--orange-100': colors.orange100,\n '--orange-200': colors.orange200,\n '--orange-300': colors.orange300,\n '--orange-400': colors.orange400,\n '--orange-500': colors.orange500,\n '--orange-600': colors.orange600,\n '--orange-700': colors.orange700,\n '--orange-800': colors.orange800,\n '--orange-900': colors.orange900,\n\n '--blue-100': colors.blue100,\n '--blue-200': colors.blue200,\n '--blue-300': colors.blue300,\n '--blue-400': colors.blue400,\n '--blue-500': colors.blue500,\n '--blue-600': colors.blue600,\n '--blue-700': colors.blue700,\n '--blue-800': colors.blue800,\n '--blue-900': colors.blue900,\n\n '--white': colors.white,\n '--black': colors.black,\n '--functional-black': colors.functionalBlack,\n\n /* DEPRECATED */\n '--grid-gutter': grid.gutter,\n '--grid-gutter-medium': grid.gutterMedium,\n '--grid-gutter-large': grid.gutterLarge,\n '--grid-page-padding': grid.pagePadding,\n '--grid-page-padding-m': grid.pagePaddingM,\n '--grid-page-padding-l': grid.pagePaddingL,\n\n '--grid-gutter-sm': grid.gutter,\n '--grid-gutter-md': grid.gutterMedium,\n '--grid-gutter-lg': grid.gutterLarge,\n '--grid-page-padding-sm': grid.pagePadding,\n '--grid-page-padding-md': grid.pagePaddingM,\n '--grid-page-padding-lg': grid.pagePaddingL,\n '--grid-page-padding-xl': grid.pagePaddingXl,\n\n // The following are not available in JS variables for some reason\n '--functional-transparent': 'transparent',\n '--transparent-black-50': 'rgba(0, 0, 0, 0.05)',\n '--transparent-black-100': 'rgba(0, 0, 0, 0.1)',\n '--transparent-black-200': 'rgba(0, 0, 0, 0.2)',\n '--transparent-black-300': 'rgba(0, 0, 0, 0.3)',\n '--transparent-black-400': 'rgba(0, 0, 0, 0.4)',\n '--transparent-black-500': 'rgba(0, 0, 0, 0.5)',\n '--transparent-black-600': 'rgba(0, 0, 0, 0.6)',\n '--transparent-black-700': 'rgba(0, 0, 0, 0.7)',\n '--transparent-black-800': 'rgba(0, 0, 0, 0.8)',\n '--transparent-black-850': 'rgba(0, 0, 0, 0.85)',\n '--transparent-black-900': 'rgba(0, 0, 0, 0.9)',\n '--transparent-white-50': 'rgba(0, 0, 0, 0.05)',\n '--transparent-white-100': 'rgba(0, 0, 0, 0.1)',\n '--transparent-white-200': 'rgba(0, 0, 0, 0.2)',\n '--transparent-white-300': 'rgba(0, 0, 0, 0.3)',\n '--transparent-white-400': 'rgba(0, 0, 0, 0.4)',\n '--transparent-white-500': 'rgba(0, 0, 0, 0.5)',\n '--transparent-white-600': 'rgba(0, 0, 0, 0.6)',\n '--transparent-white-700': 'rgba(0, 0, 0, 0.7)',\n '--transparent-white-800': 'rgba(0, 0, 0, 0.8)',\n '--transparent-white-850': 'rgba(0, 0, 0, 0.85)',\n '--transparent-white-900': 'rgba(0, 0, 0, 0.9)',\n\n '--focus-border': `${focus.focusBorderWidth} solid ${focus.focusColor}`,\n };\n\n const variableString = Object.keys(variables)\n .map((key) => `${key}:${variables[key]};`)\n .join('');\n\n element.innerHTML = `\n :root {\n ${variableString}\n }\n `;\n\n if (!!existing) {\n document.head.replaceChild(element, existing);\n return;\n }\n return document.head.append(element);\n};\n"],"names":["addCssVariables","styleId","existing","element","variables","typography","spacing","shadows","motion","layers","borders","breakpoints","colors","grid","focus","variableString","key"],"mappings":"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"}
|