@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.
Files changed (166) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/chunks/{alliance-modal-6cef0241.js → alliance-modal-20f50b87.js} +5 -5
  3. package/chunks/{alliance-modal-6cef0241.js.map → alliance-modal-20f50b87.js.map} +1 -1
  4. package/chunks/alliance-paginator-button-25709222.js +313 -0
  5. package/chunks/alliance-paginator-button-25709222.js.map +1 -0
  6. package/chunks/{alliance-table-row-67a6becb.js → alliance-table-row-21cc74e0.js} +3 -3
  7. package/chunks/{alliance-table-row-67a6becb.js.map → alliance-table-row-21cc74e0.js.map} +1 -1
  8. package/chunks/check-circle-filled-42095247.js.map +1 -1
  9. package/chunks/chevron-down-50d47dd6.js.map +1 -1
  10. package/chunks/chevron-right-788ce8a9.js.map +1 -1
  11. package/chunks/close-7d423291.js.map +1 -1
  12. package/chunks/close-ac6e4f1c.js.map +1 -1
  13. package/chunks/error-filled-8de50bdd.js.map +1 -1
  14. package/chunks/getSvgContent-f2389ce0.js.map +1 -1
  15. package/chunks/{index-57f6bd40.js → index-d925c796.js} +14 -16
  16. package/chunks/index-d925c796.js.map +1 -0
  17. package/chunks/index-eef143db.js +531 -0
  18. package/chunks/{index-17652cf7.js.map → index-eef143db.js.map} +1 -1
  19. package/chunks/query-assigned-elements-4285356d.js.map +1 -1
  20. package/chunks/repeat-bf84f01f.js.map +1 -1
  21. package/chunks/stringCombiner-10b57054.js.map +1 -1
  22. package/chunks/{telia-button2-d25eddda.js → telia-button2-7783c019.js} +18 -43
  23. package/chunks/telia-button2-7783c019.js.map +1 -0
  24. package/chunks/{telia-card-frame2-2d46eef6.js → telia-card-frame2-1ac1c9e5.js} +4 -4
  25. package/chunks/telia-card-frame2-1ac1c9e5.js.map +1 -0
  26. package/chunks/{telia-field-assistive-text2-8e042a32.js → telia-field-assistive-text2-173ba2fb.js} +3 -3
  27. package/chunks/{telia-field-assistive-text2-8e042a32.js.map → telia-field-assistive-text2-173ba2fb.js.map} +1 -1
  28. package/chunks/{telia-field-error2-8beb1632.js → telia-field-error2-75dc8ceb.js} +4 -4
  29. package/chunks/{telia-field-error2-8beb1632.js.map → telia-field-error2-75dc8ceb.js.map} +1 -1
  30. package/chunks/{telia-field-valid2-bda898b1.js → telia-field-valid2-0f6759ac.js} +4 -4
  31. package/chunks/{telia-field-valid2-bda898b1.js.map → telia-field-valid2-0f6759ac.js.map} +1 -1
  32. package/chunks/{telia-heading2-9d3ab48b.js → telia-heading2-38ae44ae.js} +3 -3
  33. package/chunks/{telia-heading2-9d3ab48b.js.map → telia-heading2-38ae44ae.js.map} +1 -1
  34. package/chunks/{telia-icon2-34bf5aef.js → telia-icon2-d0e7c715.js} +3 -3
  35. package/chunks/{telia-icon2-34bf5aef.js.map → telia-icon2-d0e7c715.js.map} +1 -1
  36. package/chunks/{telia-label2-4d674e5e.js → telia-label2-f4c1eb47.js} +3 -3
  37. package/chunks/{telia-label2-4d674e5e.js.map → telia-label2-f4c1eb47.js.map} +1 -1
  38. package/chunks/{telia-link2-7769b385.js → telia-link2-4999bc77.js} +6 -6
  39. package/chunks/telia-link2-4999bc77.js.map +1 -0
  40. package/chunks/{telia-navigation-button2-a0b24d67.js → telia-navigation-button2-b6b0d39c.js} +4 -4
  41. package/chunks/{telia-navigation-button2-a0b24d67.js.map → telia-navigation-button2-b6b0d39c.js.map} +1 -1
  42. package/chunks/telia-style-link2-0bc93885.js +54 -0
  43. package/chunks/telia-style-link2-0bc93885.js.map +1 -0
  44. package/chunks/{telia-style-navigation-item2-58683cd9.js → telia-style-navigation-item2-b2eaedc2.js} +3 -3
  45. package/chunks/{telia-style-navigation-item2-58683cd9.js.map → telia-style-navigation-item2-b2eaedc2.js.map} +1 -1
  46. package/chunks/{telia-tab-header2-bd04582d.js → telia-tab-header2-94c52ad6.js} +4 -4
  47. package/chunks/{telia-tab-header2-bd04582d.js.map → telia-tab-header2-94c52ad6.js.map} +1 -1
  48. package/chunks/{telia-visually-hidden2-71416262.js → telia-visually-hidden2-9015e8cd.js} +3 -3
  49. package/chunks/{telia-visually-hidden2-71416262.js.map → telia-visually-hidden2-9015e8cd.js.map} +1 -1
  50. package/chunks/{telia-vst2-1a7f7bd6.js → telia-vst2-dfb33a56.js} +3 -3
  51. package/chunks/{telia-vst2-1a7f7bd6.js.map → telia-vst2-dfb33a56.js.map} +1 -1
  52. package/chunks/uniqueId-0daf01ec.js.map +1 -1
  53. package/components/alliance-modal.js +7 -7
  54. package/components/alliance-paginator/alliance-page-selector.d.ts +22 -0
  55. package/components/alliance-paginator/alliance-paginator.d.ts +4 -1
  56. package/components/alliance-paginator/index.d.ts +1 -0
  57. package/components/alliance-paginator/utils.d.ts +13 -0
  58. package/components/alliance-paginator.js +8 -7
  59. package/components/alliance-paginator.js.map +1 -1
  60. package/components/alliance-table.js +5 -5
  61. package/components/index.js +11 -11
  62. package/package.json +8 -8
  63. package/voca/components/telia-accordion-item.js +3 -3
  64. package/voca/components/telia-accordion-item.js.map +1 -1
  65. package/voca/components/telia-accordion.js +5 -5
  66. package/voca/components/telia-accordion.js.map +1 -1
  67. package/voca/components/telia-badge.js +2 -2
  68. package/voca/components/telia-badge.js.map +1 -1
  69. package/voca/components/telia-button.js +4 -4
  70. package/voca/components/telia-card-frame-link.js +6 -6
  71. package/voca/components/telia-card-frame-link.js.map +1 -1
  72. package/voca/components/telia-card-frame.js +3 -3
  73. package/voca/components/telia-checkbox.js +6 -6
  74. package/voca/components/telia-checkbox.js.map +1 -1
  75. package/voca/components/telia-chip-choice.js +2 -2
  76. package/voca/components/telia-chip-choice.js.map +1 -1
  77. package/voca/components/telia-chip-filter.js +4 -4
  78. package/voca/components/telia-chip-filter.js.map +1 -1
  79. package/voca/components/telia-col.js +2 -2
  80. package/voca/components/telia-col.js.map +1 -1
  81. package/voca/components/telia-color-dot.js +2 -2
  82. package/voca/components/telia-color-dot.js.map +1 -1
  83. package/voca/components/telia-cta-link.js +3 -3
  84. package/voca/components/telia-cta-link.js.map +1 -1
  85. package/voca/components/telia-date-picker.js +77 -65
  86. package/voca/components/telia-date-picker.js.map +1 -1
  87. package/voca/components/telia-divider.js +2 -2
  88. package/voca/components/telia-divider.js.map +1 -1
  89. package/voca/components/telia-field-assistive-text.js +3 -3
  90. package/voca/components/telia-field-error.js +4 -4
  91. package/voca/components/telia-field-valid.js +4 -4
  92. package/voca/components/telia-fieldset.js +2 -2
  93. package/voca/components/telia-fieldset.js.map +1 -1
  94. package/voca/components/telia-focus-trap.js +2 -2
  95. package/voca/components/telia-focus-trap.js.map +1 -1
  96. package/voca/components/telia-form.js +9 -7
  97. package/voca/components/telia-form.js.map +1 -1
  98. package/voca/components/telia-grid.js +3 -3
  99. package/voca/components/telia-grid.js.map +1 -1
  100. package/voca/components/telia-heading.js +3 -3
  101. package/voca/components/telia-icon.js +3 -3
  102. package/voca/components/telia-image.js +2 -2
  103. package/voca/components/telia-image.js.map +1 -1
  104. package/voca/components/telia-label.js +3 -3
  105. package/voca/components/telia-link-image.js +8 -8
  106. package/voca/components/telia-link-image.js.map +1 -1
  107. package/voca/components/telia-link.js +4 -4
  108. package/voca/components/telia-list.js +2 -2
  109. package/voca/components/telia-list.js.map +1 -1
  110. package/voca/components/telia-logo.js +2 -2
  111. package/voca/components/telia-logo.js.map +1 -1
  112. package/voca/components/telia-navigation-button.js +4 -4
  113. package/voca/components/telia-navigation-dropdown.js +5 -5
  114. package/voca/components/telia-navigation-dropdown.js.map +1 -1
  115. package/voca/components/telia-navigation-link.js +3 -3
  116. package/voca/components/telia-navigation-link.js.map +1 -1
  117. package/voca/components/telia-notification.js +5 -5
  118. package/voca/components/telia-notification.js.map +1 -1
  119. package/voca/components/telia-overlay.js +2 -2
  120. package/voca/components/telia-overlay.js.map +1 -1
  121. package/voca/components/telia-p.js +2 -2
  122. package/voca/components/telia-p.js.map +1 -1
  123. package/voca/components/telia-pictogram.js +2 -2
  124. package/voca/components/telia-pictogram.js.map +1 -1
  125. package/voca/components/telia-radio-button.js +4 -4
  126. package/voca/components/telia-radio-button.js.map +1 -1
  127. package/voca/components/telia-row.js +2 -2
  128. package/voca/components/telia-row.js.map +1 -1
  129. package/voca/components/telia-select.js +6 -6
  130. package/voca/components/telia-select.js.map +1 -1
  131. package/voca/components/telia-skeleton.js +11 -11
  132. package/voca/components/telia-skeleton.js.map +1 -1
  133. package/voca/components/telia-status-badge.js +3 -3
  134. package/voca/components/telia-status-badge.js.map +1 -1
  135. package/voca/components/telia-style-link.js +3 -3
  136. package/voca/components/telia-style-navigation-item.js +3 -3
  137. package/voca/components/telia-tab-content.js +20 -12
  138. package/voca/components/telia-tab-content.js.map +1 -1
  139. package/voca/components/telia-tab-header.js +4 -4
  140. package/voca/components/telia-tab.js +11 -8
  141. package/voca/components/telia-tab.js.map +1 -1
  142. package/voca/components/telia-text-input.js +9 -8
  143. package/voca/components/telia-text-input.js.map +1 -1
  144. package/voca/components/telia-text-spacing.js +2 -2
  145. package/voca/components/telia-text-spacing.js.map +1 -1
  146. package/voca/components/telia-textarea.js +6 -6
  147. package/voca/components/telia-textarea.js.map +1 -1
  148. package/voca/components/telia-toggle.js +4 -4
  149. package/voca/components/telia-toggle.js.map +1 -1
  150. package/voca/components/telia-visually-hidden.js +3 -3
  151. package/voca/components/telia-voca-stats.d.ts +1 -0
  152. package/voca/components/telia-voca-stats.js +54 -0
  153. package/voca/components/telia-voca-stats.js.map +1 -0
  154. package/voca/foundations/index.js +15 -18
  155. package/voca/foundations/index.js.map +1 -1
  156. package/voca/icons/index.js.map +1 -1
  157. package/chunks/alliance-paginator-button-83c050bc.js +0 -181
  158. package/chunks/alliance-paginator-button-83c050bc.js.map +0 -1
  159. package/chunks/index-17652cf7.js +0 -542
  160. package/chunks/index-57f6bd40.js.map +0 -1
  161. package/chunks/telia-button2-d25eddda.js.map +0 -1
  162. package/chunks/telia-card-frame2-2d46eef6.js.map +0 -1
  163. package/chunks/telia-link2-7769b385.js.map +0 -1
  164. package/chunks/telia-style-link2-bbd8d17a.js +0 -55
  165. package/chunks/telia-style-link2-bbd8d17a.js.map +0 -1
  166. 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 o, d as a, s as i, m as r, l as d, b as g, a as s, c as e, g as n } from "../../chunks/index-57f6bd40.js";
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 p = "voca-foundations-style-tag", u = document.getElementById(p), t = document.createElement("style");
5
- t.id = p;
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": o.weightNormal,
10
- "--font-medium": o.weightMedium,
11
- "--font-bold": o.weightBold,
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
- /* DEPRECATED */
27
- "--box-shadow-hard": i.hard,
28
- "--box-shadow-soft": i.soft,
29
- "--box-shadow-none": i.none,
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 (t.innerHTML = `
170
+ if (i.innerHTML = `
174
171
  :root {
175
172
  ${m}
176
173
  }
177
174
  `, u) {
178
- document.head.replaceChild(t, u);
175
+ document.head.replaceChild(i, u);
179
176
  return;
180
177
  }
181
- return document.head.append(t);
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
- i as shadows,
189
+ t as shadows,
193
190
  a as spacing,
194
- o as typography
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":";;AAeO,MAAMA,IAAkB,MAAM;AACjC,QAAMC,IAAU,8BACVC,IAAW,SAAS,eAAeD,CAAO,GAC1CE,IAAU,SAAS,cAAc,OAAO;AAC9C,EAAAA,EAAQ,KAAKF;AAEb,QAAMG,IAAoC;AAAA,IACtC,wBACI;AAAA,IACJ,qBAAqB;AAAA,IACrB,iBAAiBC,EAAW;AAAA,IAC5B,iBAAiBA,EAAW;AAAA,IAC5B,eAAeA,EAAW;AAAA,IAE1B,eAAeC,EAAQ;AAAA,IACvB,eAAeA,EAAQ;AAAA,IACvB,eAAeA,EAAQ;AAAA,IACvB,eAAeA,EAAQ;AAAA,IACvB,gBAAgBA,EAAQ;AAAA,IACxB,gBAAgBA,EAAQ;AAAA,IACxB,gBAAgBA,EAAQ;AAAA,IACxB,gBAAgBA,EAAQ;AAAA,IACxB,gBAAgBA,EAAQ;AAAA,IACxB,gBAAgBA,EAAQ;AAAA,IACxB,gBAAgBA,EAAQ;AAAA,IACxB,gBAAgBA,EAAQ;AAAA,IACxB,gBAAgBA,EAAQ;AAAA,IACxB,iBAAiBA,EAAQ;AAAA;AAAA,IAGzB,qBAAqBC,EAAQ;AAAA,IAC7B,qBAAqBA,EAAQ;AAAA,IAE7B,qBAAqBA,EAAQ;AAAA,IAC7B,mBAAmBA,EAAQ;AAAA,IAC3B,mBAAmBA,EAAQ;AAAA,IAC3B,mBAAmBA,EAAQ;AAAA,IAE3B,iBAAiBC,EAAO;AAAA,IACxB,kBAAkBA,EAAO;AAAA,IACzB,kBAAkBA,EAAO;AAAA,IACzB,kBAAkBA,EAAO;AAAA,IACzB,kBAAkBA,EAAO;AAAA,IACzB,kBAAkBA,EAAO;AAAA,IACzB,kBAAkBA,EAAO;AAAA,IACzB,kBAAkBA,EAAO;AAAA,IACzB,kBAAkBA,EAAO;AAAA,IACzB,mBAAmBA,EAAO;AAAA,IAC1B,mBAAmBA,EAAO;AAAA,IAE1B,oBAAoBA,EAAO;AAAA,IAC3B,qBAAqBA,EAAO;AAAA,IAC5B,wBAAwBA,EAAO;AAAA,IAE/B,gBAAgBC,EAAO;AAAA,IACvB,oBAAoBA,EAAO;AAAA,IAC3B,kBAAkBA,EAAO;AAAA,IACzB,iBAAiBA,EAAO;AAAA,IAExB,uBAAuBC,EAAQ;AAAA,IAC/B,qBAAqBA,EAAQ;AAAA,IAC7B,qBAAqBA,EAAQ;AAAA,IAC7B,qBAAqBA,EAAQ;AAAA,IAE7B,wBAAwBA,EAAQ;AAAA,IAChC,2BAA2BA,EAAQ;AAAA,IACnC,sBAAsBA,EAAQ;AAAA,IAC9B,sBAAsBA,EAAQ;AAAA,IAC9B,wBAAwBA,EAAQ;AAAA,IAEhC,oBAAoBC,EAAY;AAAA,IAChC,oBAAoBA,EAAY;AAAA,IAChC,oBAAoBA,EAAY;AAAA,IAChC,oBAAoBA,EAAY;AAAA,IAEhC,gBAAgBC,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IAEvB,cAAcA,EAAO;AAAA,IACrB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IAEtB,aAAaA,EAAO;AAAA,IACpB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IAErB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IACtB,eAAeA,EAAO;AAAA,IAEtB,aAAaA,EAAO;AAAA,IACpB,aAAaA,EAAO;AAAA,IACpB,aAAaA,EAAO;AAAA,IACpB,aAAaA,EAAO;AAAA,IACpB,aAAaA,EAAO;AAAA,IACpB,aAAaA,EAAO;AAAA,IACpB,aAAaA,EAAO;AAAA,IACpB,aAAaA,EAAO;AAAA,IACpB,aAAaA,EAAO;AAAA,IAEpB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IACvB,gBAAgBA,EAAO;AAAA,IAEvB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IACrB,cAAcA,EAAO;AAAA,IAErB,WAAWA,EAAO;AAAA,IAClB,WAAWA,EAAO;AAAA,IAClB,sBAAsBA,EAAO;AAAA;AAAA,IAG7B,iBAAiBC,EAAK;AAAA,IACtB,wBAAwBA,EAAK;AAAA,IAC7B,uBAAuBA,EAAK;AAAA,IAC5B,uBAAuBA,EAAK;AAAA,IAC5B,yBAAyBA,EAAK;AAAA,IAC9B,yBAAyBA,EAAK;AAAA,IAE9B,oBAAoBA,EAAK;AAAA,IACzB,oBAAoBA,EAAK;AAAA,IACzB,oBAAoBA,EAAK;AAAA,IACzB,0BAA0BA,EAAK;AAAA,IAC/B,0BAA0BA,EAAK;AAAA,IAC/B,0BAA0BA,EAAK;AAAA,IAC/B,0BAA0BA,EAAK;AAAA;AAAA,IAG/B,4BAA4B;AAAA,IAC5B,0BAA0B;AAAA,IAC1B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,0BAA0B;AAAA,IAC1B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAC3B,2BAA2B;AAAA,IAE3B,kBAAkB,GAAGC,EAAM,0BAA0BA,EAAM;AAAA,EAAA,GAGzDC,IAAiB,OAAO,KAAKX,CAAS,EACvC,IAAI,CAACY,MAAQ,GAAGA,KAAOZ,EAAUY,CAAG,IAAI,EACxC,KAAK,EAAE;AAQR,MANJb,EAAQ,YAAY;AAAA;AAAA,cAEVY;AAAA;AAAA,OAIJb,GAAU;AACH,aAAA,KAAK,aAAaC,GAASD,CAAQ;AAC5C;AAAA,EACJ;AACO,SAAA,SAAS,KAAK,OAAOC,CAAO;AACvC;"}
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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"}