@telia-ace/alliance-ui 1.0.17 → 1.1.0-next.0

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 (350) hide show
  1. package/dist/chunk-25DKARS5.js +1 -0
  2. package/dist/chunk-2CBI5DBV.js +1 -0
  3. package/dist/chunk-2INTPVP7.js +1 -0
  4. package/dist/chunk-2KYKMBE5.js +1 -0
  5. package/dist/chunk-3SNMRPVF.js +33 -0
  6. package/dist/chunk-3XBIT2QC.js +1 -0
  7. package/dist/chunk-4BBGHITO.js +1 -0
  8. package/dist/chunk-4RRWBCIH.js +1 -0
  9. package/dist/chunk-4YVRMZHU.js +1 -0
  10. package/dist/chunk-5ADT643J.js +116 -0
  11. package/dist/chunk-652ZEYLG.js +1 -0
  12. package/dist/chunk-7ADVKHKA.js +1 -0
  13. package/{components/alliance-view.js → dist/chunk-7GNCIH46.js} +8 -100
  14. package/dist/chunk-AV5TYPEK.js +162 -0
  15. package/dist/chunk-BJCDB2UT.js +23 -0
  16. package/dist/chunk-CPNFJGZA.js +5 -0
  17. package/dist/chunk-CQXRGCL7.js +0 -0
  18. package/dist/chunk-DWTR6BZK.js +1 -0
  19. package/dist/chunk-EODFLZFI.js +1 -0
  20. package/dist/chunk-FTUVFYUS.js +1 -0
  21. package/dist/chunk-GXNVKBPH.js +24 -0
  22. package/dist/chunk-HY3DWO5A.js +1 -0
  23. package/dist/chunk-ILHJDXOE.js +1 -0
  24. package/dist/chunk-IP3GWZV5.js +1 -0
  25. package/dist/chunk-IRYZEKCA.js +1 -0
  26. package/dist/chunk-KIDSEE4D.js +16 -0
  27. package/dist/chunk-KTIWAGIV.js +1 -0
  28. package/dist/chunk-LU2NZ7PI.js +55 -0
  29. package/dist/chunk-NFNKJID6.js +0 -0
  30. package/dist/chunk-NXHOKNJ5.js +10 -0
  31. package/dist/chunk-R4RSRPKJ.js +1 -0
  32. package/dist/chunk-SX4ITYO2.js +1 -0
  33. package/dist/chunk-TCEWEAN6.js +1 -0
  34. package/dist/chunk-TNVJYLUC.js +34 -0
  35. package/dist/chunk-UFBH25JR.js +1 -0
  36. package/dist/chunk-W3X3OW6G.js +118 -0
  37. package/dist/chunk-WF2W45FP.js +0 -0
  38. package/dist/chunk-WOSOA5JK.js +0 -0
  39. package/dist/chunk-ZK2OOPE4.js +1 -0
  40. package/dist/components/alliance-link/index.d.ts +33 -0
  41. package/dist/components/alliance-link/index.js +1 -0
  42. package/dist/components/alliance-modal/index.d.ts +45 -0
  43. package/dist/components/alliance-modal/index.js +1 -0
  44. package/dist/components/alliance-paginator/index.d.ts +72 -0
  45. package/dist/components/alliance-paginator/index.js +1 -0
  46. package/dist/components/alliance-pop-over/index.d.ts +21 -0
  47. package/dist/components/alliance-pop-over/index.js +1 -0
  48. package/dist/components/alliance-table/index.d.ts +33 -0
  49. package/dist/components/alliance-table/index.js +1 -0
  50. package/{components/alliance-view.d.ts → dist/components/alliance-view/index.d.ts} +1 -1
  51. package/dist/components/alliance-view/index.js +1 -0
  52. package/dist/components/index.d.ts +10 -0
  53. package/dist/components/index.js +1 -0
  54. package/dist/shadow-css-3DZKVWAG.js +17 -0
  55. package/dist/voca/component-library-styling.d.ts +2 -0
  56. package/dist/voca/component-library-styling.js +2 -0
  57. package/dist/voca/components/telia-accordion-item.d.ts +2 -0
  58. package/dist/voca/components/telia-accordion-item.js +4 -0
  59. package/dist/voca/components/telia-accordion.d.ts +2 -0
  60. package/dist/voca/components/telia-accordion.js +1 -0
  61. package/dist/voca/components/telia-badge.d.ts +2 -0
  62. package/dist/voca/components/telia-badge.js +1 -0
  63. package/dist/voca/components/telia-button.js +1 -0
  64. package/dist/voca/components/telia-card-frame-link.d.ts +2 -0
  65. package/dist/voca/components/telia-card-frame-link.js +1 -0
  66. package/dist/voca/components/telia-card-frame.d.ts +2 -0
  67. package/dist/voca/components/telia-card-frame.js +1 -0
  68. package/dist/voca/components/telia-checkbox.d.ts +2 -0
  69. package/dist/voca/components/telia-checkbox.js +1 -0
  70. package/dist/voca/components/telia-chip-choice.d.ts +2 -0
  71. package/dist/voca/components/telia-chip-choice.js +3 -0
  72. package/dist/voca/components/telia-chip-filter.d.ts +2 -0
  73. package/dist/voca/components/telia-chip-filter.js +3 -0
  74. package/dist/voca/components/telia-col.d.ts +2 -0
  75. package/dist/voca/components/telia-col.js +1 -0
  76. package/dist/voca/components/telia-color-dot.d.ts +2 -0
  77. package/dist/voca/components/telia-color-dot.js +1 -0
  78. package/dist/voca/components/telia-counter-badge.d.ts +2 -0
  79. package/dist/voca/components/telia-counter-badge.js +1 -0
  80. package/dist/voca/components/telia-cta-link.d.ts +2 -0
  81. package/dist/voca/components/telia-cta-link.js +1 -0
  82. package/dist/voca/components/telia-date-picker.d.ts +2 -0
  83. package/dist/voca/components/telia-date-picker.js +1 -0
  84. package/dist/voca/components/telia-divider.d.ts +2 -0
  85. package/dist/voca/components/telia-divider.js +1 -0
  86. package/dist/voca/components/telia-field-assistive-text.d.ts +2 -0
  87. package/dist/voca/components/telia-field-assistive-text.js +1 -0
  88. package/dist/voca/components/telia-field-error.d.ts +2 -0
  89. package/dist/voca/components/telia-field-error.js +1 -0
  90. package/dist/voca/components/telia-field-valid.d.ts +2 -0
  91. package/dist/voca/components/telia-field-valid.js +1 -0
  92. package/dist/voca/components/telia-fieldset.d.ts +2 -0
  93. package/dist/voca/components/telia-fieldset.js +4 -0
  94. package/dist/voca/components/telia-focus-trap.d.ts +2 -0
  95. package/dist/voca/components/telia-focus-trap.js +1 -0
  96. package/dist/voca/components/telia-form.d.ts +2 -0
  97. package/dist/voca/components/telia-form.js +1 -0
  98. package/dist/voca/components/telia-grid.d.ts +2 -0
  99. package/dist/voca/components/telia-grid.js +1 -0
  100. package/dist/voca/components/telia-heading.d.ts +2 -0
  101. package/dist/voca/components/telia-heading.js +1 -0
  102. package/dist/voca/components/telia-icon.d.ts +2 -0
  103. package/dist/voca/components/telia-icon.js +1 -0
  104. package/dist/voca/components/telia-image.d.ts +2 -0
  105. package/dist/voca/components/telia-image.js +1 -0
  106. package/dist/voca/components/telia-label.d.ts +2 -0
  107. package/dist/voca/components/telia-label.js +1 -0
  108. package/dist/voca/components/telia-link-image.d.ts +2 -0
  109. package/dist/voca/components/telia-link-image.js +1 -0
  110. package/dist/voca/components/telia-link.d.ts +2 -0
  111. package/dist/voca/components/telia-link.js +1 -0
  112. package/dist/voca/components/telia-list.d.ts +2 -0
  113. package/dist/voca/components/telia-list.js +1 -0
  114. package/dist/voca/components/telia-logo.d.ts +2 -0
  115. package/dist/voca/components/telia-logo.js +1 -0
  116. package/dist/voca/components/telia-notification.d.ts +2 -0
  117. package/dist/voca/components/telia-notification.js +1 -0
  118. package/dist/voca/components/telia-overlay.d.ts +2 -0
  119. package/dist/voca/components/telia-overlay.js +1 -0
  120. package/dist/voca/components/telia-p.d.ts +2 -0
  121. package/dist/voca/components/telia-p.js +7 -0
  122. package/dist/voca/components/telia-pictogram.d.ts +2 -0
  123. package/dist/voca/components/telia-pictogram.js +1 -0
  124. package/dist/voca/components/telia-radio-button.d.ts +2 -0
  125. package/dist/voca/components/telia-radio-button.js +1 -0
  126. package/dist/voca/components/telia-row.d.ts +2 -0
  127. package/dist/voca/components/telia-row.js +1 -0
  128. package/dist/voca/components/telia-search-input.d.ts +2 -0
  129. package/dist/voca/components/telia-search-input.js +1 -0
  130. package/dist/voca/components/telia-select.d.ts +2 -0
  131. package/dist/voca/components/telia-select.js +1 -0
  132. package/dist/voca/components/telia-skeleton.d.ts +2 -0
  133. package/dist/voca/components/telia-skeleton.js +1 -0
  134. package/dist/voca/components/telia-status-badge.d.ts +2 -0
  135. package/dist/voca/components/telia-status-badge.js +1 -0
  136. package/dist/voca/components/telia-style-link.d.ts +2 -0
  137. package/dist/voca/components/telia-style-link.js +1 -0
  138. package/dist/voca/components/telia-tab-content.d.ts +2 -0
  139. package/dist/voca/components/telia-tab-content.js +1 -0
  140. package/dist/voca/components/telia-tab-header.d.ts +2 -0
  141. package/dist/voca/components/telia-tab-header.js +1 -0
  142. package/dist/voca/components/telia-tab.d.ts +2 -0
  143. package/dist/voca/components/telia-tab.js +1 -0
  144. package/dist/voca/components/telia-text-input.d.ts +2 -0
  145. package/dist/voca/components/telia-text-input.js +1 -0
  146. package/dist/voca/components/telia-text-spacing.d.ts +2 -0
  147. package/dist/voca/components/telia-text-spacing.js +1 -0
  148. package/dist/voca/components/telia-textarea.d.ts +2 -0
  149. package/dist/voca/components/telia-textarea.js +1 -0
  150. package/dist/voca/components/telia-toggle.d.ts +2 -0
  151. package/dist/voca/components/telia-toggle.js +1 -0
  152. package/dist/voca/components/telia-visually-hidden.d.ts +2 -0
  153. package/dist/voca/components/telia-visually-hidden.js +1 -0
  154. package/dist/voca/foundations.js +1 -0
  155. package/dist/voca/icons.js +1 -0
  156. package/package.json +23 -33
  157. package/CHANGELOG.md +0 -520
  158. package/components/alliance-link.d.ts +0 -2
  159. package/components/alliance-link.js +0 -4
  160. package/components/alliance-link.js.map +0 -1
  161. package/components/alliance-modal.d.ts +0 -12
  162. package/components/alliance-modal.js +0 -7
  163. package/components/alliance-modal.js.map +0 -1
  164. package/components/alliance-paginator.d.ts +0 -13
  165. package/components/alliance-paginator.js +0 -6
  166. package/components/alliance-paginator.js.map +0 -1
  167. package/components/alliance-pop-over.d.ts +0 -2
  168. package/components/alliance-pop-over.js +0 -5
  169. package/components/alliance-pop-over.js.map +0 -1
  170. package/components/alliance-table.d.ts +0 -2
  171. package/components/alliance-table.js +0 -6
  172. package/components/alliance-table.js.map +0 -1
  173. package/components/alliance-view.js.map +0 -1
  174. package/components/chunk-2PC6L5RK.js +0 -115
  175. package/components/chunk-2PC6L5RK.js.map +0 -1
  176. package/components/chunk-4546RD56.js +0 -279
  177. package/components/chunk-4546RD56.js.map +0 -1
  178. package/components/chunk-5A2VXG2P.js +0 -4
  179. package/components/chunk-5A2VXG2P.js.map +0 -1
  180. package/components/chunk-AW7BCYX5.js +0 -22
  181. package/components/chunk-AW7BCYX5.js.map +0 -1
  182. package/components/chunk-CZPHL6EU.js +0 -347
  183. package/components/chunk-CZPHL6EU.js.map +0 -1
  184. package/components/chunk-IFHLWFVT.js +0 -133
  185. package/components/chunk-IFHLWFVT.js.map +0 -1
  186. package/components/chunk-JQ76TOQT.js +0 -4
  187. package/components/chunk-JQ76TOQT.js.map +0 -1
  188. package/components/chunk-MA6NFT5S.js +0 -121
  189. package/components/chunk-MA6NFT5S.js.map +0 -1
  190. package/components/chunk-P2AWWJPH.js +0 -3
  191. package/components/chunk-P2AWWJPH.js.map +0 -1
  192. package/components/index.d.ts +0 -2
  193. package/components/index.js +0 -11
  194. package/components/index.js.map +0 -1
  195. package/voca/components/telia-accordion-item.js +0 -3
  196. package/voca/components/telia-accordion-item.js.map +0 -1
  197. package/voca/components/telia-accordion.d.ts +0 -2
  198. package/voca/components/telia-accordion.js +0 -3
  199. package/voca/components/telia-accordion.js.map +0 -1
  200. package/voca/components/telia-badge.d.ts +0 -2
  201. package/voca/components/telia-badge.js +0 -3
  202. package/voca/components/telia-badge.js.map +0 -1
  203. package/voca/components/telia-button.d.ts +0 -2
  204. package/voca/components/telia-button.js +0 -3
  205. package/voca/components/telia-button.js.map +0 -1
  206. package/voca/components/telia-card-frame-link.d.ts +0 -2
  207. package/voca/components/telia-card-frame-link.js +0 -3
  208. package/voca/components/telia-card-frame-link.js.map +0 -1
  209. package/voca/components/telia-card-frame.d.ts +0 -2
  210. package/voca/components/telia-card-frame.js +0 -3
  211. package/voca/components/telia-card-frame.js.map +0 -1
  212. package/voca/components/telia-checkbox.d.ts +0 -2
  213. package/voca/components/telia-checkbox.js +0 -3
  214. package/voca/components/telia-checkbox.js.map +0 -1
  215. package/voca/components/telia-chip-choice.d.ts +0 -2
  216. package/voca/components/telia-chip-choice.js +0 -3
  217. package/voca/components/telia-chip-choice.js.map +0 -1
  218. package/voca/components/telia-chip-filter.d.ts +0 -2
  219. package/voca/components/telia-chip-filter.js +0 -3
  220. package/voca/components/telia-chip-filter.js.map +0 -1
  221. package/voca/components/telia-col.d.ts +0 -2
  222. package/voca/components/telia-col.js +0 -3
  223. package/voca/components/telia-col.js.map +0 -1
  224. package/voca/components/telia-color-dot.d.ts +0 -2
  225. package/voca/components/telia-color-dot.js +0 -3
  226. package/voca/components/telia-color-dot.js.map +0 -1
  227. package/voca/components/telia-counter-badge.d.ts +0 -2
  228. package/voca/components/telia-counter-badge.js +0 -3
  229. package/voca/components/telia-counter-badge.js.map +0 -1
  230. package/voca/components/telia-cta-link.d.ts +0 -2
  231. package/voca/components/telia-cta-link.js +0 -3
  232. package/voca/components/telia-cta-link.js.map +0 -1
  233. package/voca/components/telia-date-picker.d.ts +0 -2
  234. package/voca/components/telia-date-picker.js +0 -3
  235. package/voca/components/telia-date-picker.js.map +0 -1
  236. package/voca/components/telia-divider.d.ts +0 -2
  237. package/voca/components/telia-divider.js +0 -3
  238. package/voca/components/telia-divider.js.map +0 -1
  239. package/voca/components/telia-field-assistive-text.d.ts +0 -2
  240. package/voca/components/telia-field-assistive-text.js +0 -3
  241. package/voca/components/telia-field-assistive-text.js.map +0 -1
  242. package/voca/components/telia-field-error.d.ts +0 -2
  243. package/voca/components/telia-field-error.js +0 -3
  244. package/voca/components/telia-field-error.js.map +0 -1
  245. package/voca/components/telia-field-valid.d.ts +0 -2
  246. package/voca/components/telia-field-valid.js +0 -3
  247. package/voca/components/telia-field-valid.js.map +0 -1
  248. package/voca/components/telia-fieldset.d.ts +0 -2
  249. package/voca/components/telia-fieldset.js +0 -3
  250. package/voca/components/telia-fieldset.js.map +0 -1
  251. package/voca/components/telia-focus-trap.d.ts +0 -2
  252. package/voca/components/telia-focus-trap.js +0 -3
  253. package/voca/components/telia-focus-trap.js.map +0 -1
  254. package/voca/components/telia-form.d.ts +0 -2
  255. package/voca/components/telia-form.js +0 -3
  256. package/voca/components/telia-form.js.map +0 -1
  257. package/voca/components/telia-grid.d.ts +0 -2
  258. package/voca/components/telia-grid.js +0 -3
  259. package/voca/components/telia-grid.js.map +0 -1
  260. package/voca/components/telia-heading.d.ts +0 -2
  261. package/voca/components/telia-heading.js +0 -3
  262. package/voca/components/telia-heading.js.map +0 -1
  263. package/voca/components/telia-icon.d.ts +0 -2
  264. package/voca/components/telia-icon.js +0 -3
  265. package/voca/components/telia-icon.js.map +0 -1
  266. package/voca/components/telia-image.d.ts +0 -2
  267. package/voca/components/telia-image.js +0 -3
  268. package/voca/components/telia-image.js.map +0 -1
  269. package/voca/components/telia-label.d.ts +0 -2
  270. package/voca/components/telia-label.js +0 -3
  271. package/voca/components/telia-label.js.map +0 -1
  272. package/voca/components/telia-link-image.d.ts +0 -2
  273. package/voca/components/telia-link-image.js +0 -3
  274. package/voca/components/telia-link-image.js.map +0 -1
  275. package/voca/components/telia-link.d.ts +0 -2
  276. package/voca/components/telia-link.js +0 -3
  277. package/voca/components/telia-link.js.map +0 -1
  278. package/voca/components/telia-list.d.ts +0 -2
  279. package/voca/components/telia-list.js +0 -3
  280. package/voca/components/telia-list.js.map +0 -1
  281. package/voca/components/telia-logo.d.ts +0 -2
  282. package/voca/components/telia-logo.js +0 -3
  283. package/voca/components/telia-logo.js.map +0 -1
  284. package/voca/components/telia-notification.d.ts +0 -2
  285. package/voca/components/telia-notification.js +0 -3
  286. package/voca/components/telia-notification.js.map +0 -1
  287. package/voca/components/telia-overlay.d.ts +0 -2
  288. package/voca/components/telia-overlay.js +0 -3
  289. package/voca/components/telia-overlay.js.map +0 -1
  290. package/voca/components/telia-p.d.ts +0 -2
  291. package/voca/components/telia-p.js +0 -3
  292. package/voca/components/telia-p.js.map +0 -1
  293. package/voca/components/telia-pictogram.d.ts +0 -2
  294. package/voca/components/telia-pictogram.js +0 -3
  295. package/voca/components/telia-pictogram.js.map +0 -1
  296. package/voca/components/telia-radio-button.d.ts +0 -2
  297. package/voca/components/telia-radio-button.js +0 -3
  298. package/voca/components/telia-radio-button.js.map +0 -1
  299. package/voca/components/telia-row.d.ts +0 -2
  300. package/voca/components/telia-row.js +0 -3
  301. package/voca/components/telia-row.js.map +0 -1
  302. package/voca/components/telia-search-input.d.ts +0 -2
  303. package/voca/components/telia-search-input.js +0 -3
  304. package/voca/components/telia-search-input.js.map +0 -1
  305. package/voca/components/telia-select.d.ts +0 -2
  306. package/voca/components/telia-select.js +0 -3
  307. package/voca/components/telia-select.js.map +0 -1
  308. package/voca/components/telia-skeleton.d.ts +0 -2
  309. package/voca/components/telia-skeleton.js +0 -3
  310. package/voca/components/telia-skeleton.js.map +0 -1
  311. package/voca/components/telia-status-badge.d.ts +0 -2
  312. package/voca/components/telia-status-badge.js +0 -3
  313. package/voca/components/telia-status-badge.js.map +0 -1
  314. package/voca/components/telia-style-link.d.ts +0 -2
  315. package/voca/components/telia-style-link.js +0 -3
  316. package/voca/components/telia-style-link.js.map +0 -1
  317. package/voca/components/telia-tab-content.d.ts +0 -2
  318. package/voca/components/telia-tab-content.js +0 -3
  319. package/voca/components/telia-tab-content.js.map +0 -1
  320. package/voca/components/telia-tab-header.d.ts +0 -2
  321. package/voca/components/telia-tab-header.js +0 -3
  322. package/voca/components/telia-tab-header.js.map +0 -1
  323. package/voca/components/telia-tab.d.ts +0 -2
  324. package/voca/components/telia-tab.js +0 -3
  325. package/voca/components/telia-tab.js.map +0 -1
  326. package/voca/components/telia-text-input.d.ts +0 -2
  327. package/voca/components/telia-text-input.js +0 -3
  328. package/voca/components/telia-text-input.js.map +0 -1
  329. package/voca/components/telia-text-spacing.d.ts +0 -2
  330. package/voca/components/telia-text-spacing.js +0 -3
  331. package/voca/components/telia-text-spacing.js.map +0 -1
  332. package/voca/components/telia-textarea.d.ts +0 -2
  333. package/voca/components/telia-textarea.js +0 -3
  334. package/voca/components/telia-textarea.js.map +0 -1
  335. package/voca/components/telia-toggle.d.ts +0 -2
  336. package/voca/components/telia-toggle.js +0 -3
  337. package/voca/components/telia-toggle.js.map +0 -1
  338. package/voca/components/telia-visually-hidden.d.ts +0 -2
  339. package/voca/components/telia-visually-hidden.js +0 -3
  340. package/voca/components/telia-visually-hidden.js.map +0 -1
  341. package/voca/foundations/component-library-styling.d.ts +0 -2
  342. package/voca/foundations/component-library-styling.js +0 -3
  343. package/voca/foundations/component-library-styling.js.map +0 -1
  344. package/voca/foundations/index.js +0 -191
  345. package/voca/foundations/index.js.map +0 -1
  346. package/voca/icons/index.js +0 -3
  347. package/voca/icons/index.js.map +0 -1
  348. /package/{voca/components/telia-accordion-item.d.ts → dist/voca/components/telia-button.d.ts} +0 -0
  349. /package/{voca/foundations/index.d.ts → dist/voca/foundations.d.ts} +0 -0
  350. /package/{voca/icons/index.d.ts → dist/voca/icons.d.ts} +0 -0
@@ -1,115 +0,0 @@
1
- import { __decorateClass, define } from './chunk-AW7BCYX5.js';
2
- import { createCapabilityPath, onEnter } from '@telia-ace/alliance-internal-client-utilities';
3
- import { LitElement, css, html } from 'lit';
4
- import { property } from 'lit/decorators.js';
5
-
6
- function isOnCurrentPath(path = "") {
7
- const cleanedPath = location.href.replace(location.origin, "");
8
- return cleanedPath.startsWith(path);
9
- }
10
- var Link = class extends LitElement {
11
- constructor() {
12
- super();
13
- this.navigate = () => {
14
- if (this.active) {
15
- return;
16
- }
17
- history.pushState({}, "", this._href);
18
- window.dispatchEvent(new Event("popstate"));
19
- };
20
- this.clickHandler = (event) => {
21
- if (!this.app || this.download) {
22
- return;
23
- }
24
- event.preventDefault();
25
- this.navigate();
26
- };
27
- this.updateActive = () => {
28
- this.active = isOnCurrentPath(this._href);
29
- };
30
- this.computeHref = () => {
31
- if (this.app) {
32
- this._href = this.href = createCapabilityPath(this.app, this.capability, this.args);
33
- this.updateActive();
34
- return;
35
- }
36
- if (this.href) {
37
- this.capability = "";
38
- return this._href = this.href;
39
- }
40
- throw new Error(
41
- "The <alliance-link> component requires either the 'app' property or 'href' property!"
42
- );
43
- };
44
- this.args = {};
45
- this.download = false;
46
- this.target = "_self";
47
- this.href = this._href = "";
48
- this.capability = "launch";
49
- this.active = false;
50
- }
51
- static {
52
- this.styles = css`
53
- :host {
54
- display: contents;
55
- }
56
- `;
57
- }
58
- connectedCallback() {
59
- super.connectedCallback();
60
- window.addEventListener("popstate", this.updateActive);
61
- this.computeHref();
62
- }
63
- disconnectedCallback() {
64
- window.removeEventListener("popstate", this.updateActive);
65
- super.disconnectedCallback();
66
- }
67
- attributeChangedCallback(_1, _2, _3) {
68
- super.attributeChangedCallback(_1, _2, _3);
69
- setTimeout(() => this.computeHref());
70
- }
71
- render() {
72
- return html`<a
73
- part="anchor"
74
- rel=${this.rel}
75
- .target=${this.target}
76
- .href=${this._href}
77
- ?download=${this.download}
78
- ?active=${this.active}
79
- @click=${this.clickHandler}
80
- @keydown=${onEnter(this.clickHandler)}
81
- >
82
- <slot></slot>
83
- </a>`;
84
- }
85
- };
86
- __decorateClass([
87
- property({ type: String, attribute: true, reflect: true })
88
- ], Link.prototype, "capability", 2);
89
- __decorateClass([
90
- property({ type: String, attribute: true, reflect: true })
91
- ], Link.prototype, "app", 2);
92
- __decorateClass([
93
- property({ type: Object, attribute: true, reflect: true })
94
- ], Link.prototype, "args", 2);
95
- __decorateClass([
96
- property({ type: String, attribute: true, reflect: true })
97
- ], Link.prototype, "href", 2);
98
- __decorateClass([
99
- property({ type: String })
100
- ], Link.prototype, "target", 2);
101
- __decorateClass([
102
- property({ type: String, attribute: true, reflect: true })
103
- ], Link.prototype, "rel", 2);
104
- __decorateClass([
105
- property({ type: Boolean, attribute: true, reflect: true })
106
- ], Link.prototype, "download", 2);
107
- __decorateClass([
108
- property({ type: String, attribute: false, reflect: false })
109
- ], Link.prototype, "_href", 2);
110
- __decorateClass([
111
- property({ type: Boolean, attribute: true, reflect: true })
112
- ], Link.prototype, "active", 2);
113
- define("alliance-link", Link);
114
- //# sourceMappingURL=out.js.map
115
- //# sourceMappingURL=chunk-2PC6L5RK.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/alliance-link/alliance-link.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n type SerializeableObject,\n createCapabilityPath,\n onEnter,\n} from '@telia-ace/alliance-internal-client-utilities';\nimport { LitElement, css, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { define } from '@/utils';\n\nfunction isOnCurrentPath(path: string = '') {\n const cleanedPath = location.href.replace(location.origin, '');\n return cleanedPath.startsWith(path);\n}\n\nexport class Link extends LitElement {\n constructor() {\n super();\n this.args = {};\n this.download = false;\n this.target = '_self';\n this.href = this._href = '';\n this.capability = 'launch';\n this.active = false;\n }\n\n static styles = css`\n :host {\n display: contents;\n }\n `;\n\n @property({ type: String, attribute: true, reflect: true })\n declare capability: string;\n\n @property({ type: String, attribute: true, reflect: true })\n declare app: string;\n\n @property({ type: Object, attribute: true, reflect: true })\n declare args: SerializeableObject;\n\n /**\n * Link properties\n */\n @property({ type: String, attribute: true, reflect: true })\n declare href?: string;\n\n @property({ type: String })\n declare target?: string;\n\n @property({ type: String, attribute: true, reflect: true })\n declare rel?: string;\n\n @property({ type: Boolean, attribute: true, reflect: true })\n declare download?: boolean;\n\n navigate = () => {\n if (this.active) {\n return;\n }\n\n history.pushState({}, '', this._href);\n window.dispatchEvent(new Event('popstate'));\n };\n\n clickHandler = (event: MouseEvent | KeyboardEvent) => {\n if (!this.app || this.download) {\n return;\n }\n\n event.preventDefault();\n\n this.navigate();\n };\n\n updateActive = () => {\n this.active = isOnCurrentPath(this._href);\n };\n\n connectedCallback() {\n super.connectedCallback();\n window.addEventListener('popstate', this.updateActive);\n this.computeHref();\n }\n\n disconnectedCallback() {\n window.removeEventListener('popstate', this.updateActive);\n super.disconnectedCallback();\n }\n\n attributeChangedCallback(_1: string, _2: string | null, _3: string | null) {\n super.attributeChangedCallback(_1, _2, _3);\n\n // FUTURE TODO: Try to figure out this timeout is needed\n // Update seems to happen too early if this is not timed\n setTimeout(() => this.computeHref());\n }\n\n /**\n * Internal properties\n */\n @property({ type: String, attribute: false, reflect: false })\n private declare _href: string;\n\n @property({ type: Boolean, attribute: true, reflect: true })\n private declare active: boolean;\n\n private computeHref = () => {\n if (this.app) {\n this._href = this.href = createCapabilityPath(this.app, this.capability, this.args);\n this.updateActive();\n return;\n }\n\n if (this.href) {\n this.capability = '';\n return (this._href = this.href);\n }\n\n throw new Error(\n \"The <alliance-link> component requires either the 'app' property or 'href' property!\",\n );\n };\n\n render() {\n return html`<a\n part=\"anchor\"\n rel=${this.rel}\n .target=${this.target}\n .href=${this._href}\n ?download=${this.download}\n ?active=${this.active}\n @click=${this.clickHandler}\n @keydown=${onEnter(this.clickHandler)}\n >\n <slot></slot>\n </a>`;\n }\n}\n\ndefine('alliance-link', Link);\n"]}
@@ -1,279 +0,0 @@
1
- import { spacing, borders, colors, layers, shadows, breakpoints } from './chunk-5A2VXG2P.js';
2
- import { __decorateClass, define } from './chunk-AW7BCYX5.js';
3
- import { close } from '@teliads/components/icons';
4
- import { LitElement, html, unsafeCSS, css } from 'lit';
5
- import { property, state } from 'lit/decorators.js';
6
- import { repeat } from 'lit/directives/repeat.js';
7
-
8
- var Modal = class extends LitElement {
9
- constructor() {
10
- super();
11
- this.containStyling = () => {
12
- if (!this.contain) {
13
- return html`<style>
14
- :host {
15
- position: fixed;
16
- }
17
-
18
- .backdrop {
19
- position: absolute;
20
- }
21
- </style>`;
22
- }
23
- return html`<style>
24
- :host {
25
- height: 500px;
26
- position: static;
27
- }
28
- .backdrop {
29
- position: absolute;
30
- }
31
- </style>`;
32
- };
33
- this.scrollStyling = () => {
34
- if (this.scrollMode === "inside") {
35
- return html`<style>
36
- .container {
37
- align-items: center;
38
- }
39
-
40
- dialog {
41
- max-height: 80%;
42
- display: flex;
43
- flex-direction: column;
44
- }
45
-
46
- .body {
47
- flex: 1;
48
- padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};
49
- height: 80%;
50
- overflow-x: hidden;
51
- overflow-y: auto;
52
- }
53
-
54
- .footer {
55
- border-top: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};
56
- padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};
57
- }
58
- </style>`;
59
- }
60
- return html`<style>
61
- .container {
62
- overflow-x: hidden;
63
- overflow-y: overlay;
64
- align-items: flex-start;
65
- }
66
-
67
- dialog {
68
- display: block;
69
- margin: ${unsafeCSS(spacing.spacing128)} ${unsafeCSS(spacing.spacing24)};
70
- }
71
-
72
- .footer,
73
- .body {
74
- margin: ${unsafeCSS(spacing.spacing24)} 0;
75
- padding: 0 ${unsafeCSS(spacing.spacing32)};
76
- }
77
- </style>`;
78
- };
79
- this.subHeaderStyling = () => {
80
- if (this.hasSubHeader) {
81
- return html`<style>
82
- div.sub-header {
83
- display: block;
84
- }
85
- </style>`;
86
- }
87
- };
88
- this.closeButton = () => {
89
- if (this.required) {
90
- return "";
91
- }
92
- return html`<telia-button
93
- size="sm"
94
- variant="text"
95
- data-testid="close-modal-button"
96
- @click=${this.onCloseClick}
97
- ><telia-icon size="md" svg="${close.svg}"
98
- /></telia-button>`;
99
- };
100
- this.footer = () => {
101
- if (!this.actions.length) {
102
- return "";
103
- }
104
- return html`
105
- <div class="footer">
106
- ${repeat(
107
- this.actions,
108
- ({ disabled, variant, action, label }) => html`
109
- <telia-button
110
- disabled="${disabled ? "true" : "false"}"
111
- variant="${variant || "primary"}"
112
- size="sm"
113
- @click=${() => this.action(action)}
114
- data-testid="${action}-action-button"
115
- >
116
- ${label}
117
- </telia-button>
118
- `
119
- )}
120
- </div>
121
- `;
122
- };
123
- this.onBackdropClick = () => {
124
- if (this.required) {
125
- return;
126
- }
127
- return this.action("close");
128
- };
129
- this.onCloseClick = () => {
130
- if (this.required) {
131
- return;
132
- }
133
- return this.action("close");
134
- };
135
- this.onKeyDown = (event) => {
136
- if (event.defaultPrevented) {
137
- return;
138
- }
139
- if (!this.required && event.key === "Escape") {
140
- this.action("close");
141
- }
142
- };
143
- // The slotchange event is only triggered if slot changes content
144
- // So if event is triggered, that means sub-header is populated and should be shown
145
- this.onSubHeaderSlotChange = () => {
146
- this.hasSubHeader = true;
147
- };
148
- this.action = (action) => {
149
- const event = new CustomEvent("action", {
150
- bubbles: true,
151
- composed: true,
152
- detail: { action },
153
- cancelable: true
154
- });
155
- return this.dispatchEvent(event);
156
- };
157
- this.header = "";
158
- this.actions = [];
159
- this.required = false;
160
- this.scrollMode = "outside";
161
- this.hasSubHeader = false;
162
- }
163
- static {
164
- this.styles = css`
165
- :host {
166
- display: block;
167
- inset: 0;
168
- z-index: ${unsafeCSS(parseInt(layers.modal) - 2)};
169
- }
170
-
171
- .backdrop {
172
- inset: 0;
173
- z-index: ${unsafeCSS(parseInt(layers.modal) - 1)};
174
- background-color: ${unsafeCSS(colors.black)};
175
- opacity: 0.3;
176
- }
177
-
178
- .container {
179
- margin: 0 auto;
180
- display: flex;
181
- justify-content: center;
182
- height: 100%;
183
- width: 100%;
184
- }
185
-
186
- dialog {
187
- background-color: ${unsafeCSS(colors.white)};
188
- border-radius: ${unsafeCSS(borders.radiusLg)};
189
- box-shadow: ${unsafeCSS(shadows.md)};
190
- z-index: ${unsafeCSS(parseInt(layers.modal))};
191
- max-width: ${unsafeCSS(breakpoints.breakpointLg)};
192
- position: static;
193
- padding: 0;
194
- border: none;
195
- }
196
-
197
- .header {
198
- position: relative;
199
- display: flex;
200
- align-items: center;
201
- padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};
202
- border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};
203
- min-height: 40px;
204
- }
205
-
206
- .header telia-button {
207
- position: absolute;
208
- top: ${unsafeCSS(spacing.spacing20)};
209
- right: ${unsafeCSS(spacing.spacing24)};
210
- }
211
-
212
- .sub-header {
213
- padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};
214
- border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};
215
- display: none;
216
- }
217
-
218
- .body {
219
- min-width: calc(${unsafeCSS(spacing.spacing128)} * 2);
220
- }
221
-
222
- .footer {
223
- display: flex;
224
- justify-content: flex-end;
225
- gap: ${unsafeCSS(spacing.spacing16)};
226
- }
227
- `;
228
- }
229
- connectedCallback() {
230
- super.connectedCallback();
231
- window.addEventListener("keydown", this.onKeyDown);
232
- }
233
- disconnectedCallback() {
234
- window.removeEventListener("keydown", this.onKeyDown);
235
- super.disconnectedCallback();
236
- }
237
- render() {
238
- return html`
239
- ${this.containStyling()} ${this.scrollStyling()} ${this.subHeaderStyling()}
240
- <div class="backdrop" @click=${this.onBackdropClick}></div>
241
- <div class="container">
242
- <dialog open>
243
- <div class="header">
244
- <telia-heading tag="h3" variant="title-100">${this.header}</telia-heading>
245
- ${this.closeButton()}
246
- </div>
247
- <div class="sub-header">
248
- <slot name="sub-header" @slotchange=${this.onSubHeaderSlotChange}></slot>
249
- </div>
250
- <div class="body">
251
- <slot></slot>
252
- </div>
253
- ${this.footer()}
254
- </dialog>
255
- </div>
256
- `;
257
- }
258
- };
259
- __decorateClass([
260
- property({ type: String, attribute: "header" })
261
- ], Modal.prototype, "header", 2);
262
- __decorateClass([
263
- property({ type: Array })
264
- ], Modal.prototype, "actions", 2);
265
- __decorateClass([
266
- property({ type: Boolean, attribute: "required" })
267
- ], Modal.prototype, "required", 2);
268
- __decorateClass([
269
- property({ type: String, attribute: "scroll-mode" })
270
- ], Modal.prototype, "scrollMode", 2);
271
- __decorateClass([
272
- state()
273
- ], Modal.prototype, "hasSubHeader", 2);
274
- __decorateClass([
275
- property({ type: Boolean, attribute: "contain" })
276
- ], Modal.prototype, "contain", 2);
277
- define("alliance-modal", Modal);
278
- //# sourceMappingURL=out.js.map
279
- //# sourceMappingURL=chunk-4546RD56.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/alliance-modal/alliance-modal.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ButtonVariantType } from '@teliads/components/dist/types/types/ButtonVariant';\nimport { close } from '@teliads/components/icons';\nimport { LitElement, css, html, unsafeCSS } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\n\nimport { define } from '@/utils';\nimport '@/voca/components/telia-button';\nimport '@/voca/components/telia-heading';\nimport '@/voca/components/telia-icon';\nimport { borders, breakpoints, colors, layers, shadows, spacing } from '@/voca/foundations';\n\nexport type Action = {\n variant: ButtonVariantType;\n label: string;\n action: string;\n disabled?: boolean;\n};\n\n/**\n * Event dispatched when clicking the close button, the backdrop, an action button or pressing escape.\n *\n * Event: `action`\n *\n * Detail: Object containing the property `action`.\n */\nexport type ActionEvent = CustomEvent<{ action: string }>;\n\nexport class Modal extends LitElement {\n constructor() {\n super();\n this.header = '';\n this.actions = [];\n this.required = false;\n this.scrollMode = 'outside';\n this.hasSubHeader = false;\n }\n\n static styles = css`\n :host {\n display: block;\n inset: 0;\n z-index: ${unsafeCSS(parseInt(layers.modal) - 2)};\n }\n\n .backdrop {\n inset: 0;\n z-index: ${unsafeCSS(parseInt(layers.modal) - 1)};\n background-color: ${unsafeCSS(colors.black)};\n opacity: 0.3;\n }\n\n .container {\n margin: 0 auto;\n display: flex;\n justify-content: center;\n height: 100%;\n width: 100%;\n }\n\n dialog {\n background-color: ${unsafeCSS(colors.white)};\n border-radius: ${unsafeCSS(borders.radiusLg)};\n box-shadow: ${unsafeCSS(shadows.md)};\n z-index: ${unsafeCSS(parseInt(layers.modal))};\n max-width: ${unsafeCSS(breakpoints.breakpointLg)};\n position: static;\n padding: 0;\n border: none;\n }\n\n .header {\n position: relative;\n display: flex;\n align-items: center;\n padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};\n border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};\n min-height: 40px;\n }\n\n .header telia-button {\n position: absolute;\n top: ${unsafeCSS(spacing.spacing20)};\n right: ${unsafeCSS(spacing.spacing24)};\n }\n\n .sub-header {\n padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};\n border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};\n display: none;\n }\n\n .body {\n min-width: calc(${unsafeCSS(spacing.spacing128)} * 2);\n }\n\n .footer {\n display: flex;\n justify-content: flex-end;\n gap: ${unsafeCSS(spacing.spacing16)};\n }\n `;\n\n @property({ type: String, attribute: 'header' })\n declare header: string;\n\n @property({ type: Array })\n declare actions: Action[];\n\n @property({ type: Boolean, attribute: 'required' })\n declare required: boolean;\n\n @property({ type: String, attribute: 'scroll-mode' })\n declare scrollMode: 'outside' | 'inside';\n\n @state()\n declare hasSubHeader: boolean;\n\n // Internal usage only\n // Used in Storybook to contain modal in story\n @property({ type: Boolean, attribute: 'contain' })\n declare contain?: boolean;\n\n containStyling = () => {\n if (!this.contain) {\n return html`<style>\n :host {\n position: fixed;\n }\n\n .backdrop {\n position: absolute;\n }\n </style>`;\n }\n\n return html`<style>\n :host {\n height: 500px;\n position: static;\n }\n .backdrop {\n position: absolute;\n }\n </style>`;\n };\n\n scrollStyling = () => {\n if (this.scrollMode === 'inside') {\n return html`<style>\n .container {\n align-items: center;\n }\n\n dialog {\n max-height: 80%;\n display: flex;\n flex-direction: column;\n }\n\n .body {\n flex: 1;\n padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};\n height: 80%;\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n .footer {\n border-top: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};\n padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};\n }\n </style>`;\n }\n\n return html`<style>\n .container {\n overflow-x: hidden;\n overflow-y: overlay;\n align-items: flex-start;\n }\n\n dialog {\n display: block;\n margin: ${unsafeCSS(spacing.spacing128)} ${unsafeCSS(spacing.spacing24)};\n }\n\n .footer,\n .body {\n margin: ${unsafeCSS(spacing.spacing24)} 0;\n padding: 0 ${unsafeCSS(spacing.spacing32)};\n }\n </style>`;\n };\n\n subHeaderStyling = () => {\n if (this.hasSubHeader) {\n return html`<style>\n div.sub-header {\n display: block;\n }\n </style>`;\n }\n };\n\n closeButton = () => {\n if (this.required) {\n return '';\n }\n\n return html`<telia-button\n size=\"sm\"\n variant=\"text\"\n data-testid=\"close-modal-button\"\n @click=${this.onCloseClick}\n ><telia-icon size=\"md\" svg=\"${close.svg}\"\n /></telia-button>`;\n };\n\n footer = () => {\n if (!this.actions.length) {\n return '';\n }\n\n return html`\n <div class=\"footer\">\n ${repeat(\n this.actions,\n ({ disabled, variant, action, label }) => html`\n <telia-button\n disabled=\"${disabled ? 'true' : 'false'}\"\n variant=\"${variant || 'primary'}\"\n size=\"sm\"\n @click=${() => this.action(action)}\n data-testid=\"${action}-action-button\"\n >\n ${label}\n </telia-button>\n `,\n )}\n </div>\n `;\n };\n\n onBackdropClick = () => {\n if (this.required) {\n return;\n }\n\n return this.action('close');\n };\n\n onCloseClick = () => {\n if (this.required) {\n return;\n }\n\n return this.action('close');\n };\n\n onKeyDown = (event: KeyboardEvent) => {\n if (event.defaultPrevented) {\n return;\n }\n\n if (!this.required && event.key === 'Escape') {\n this.action('close');\n }\n };\n\n // The slotchange event is only triggered if slot changes content\n // So if event is triggered, that means sub-header is populated and should be shown\n onSubHeaderSlotChange = () => {\n this.hasSubHeader = true;\n };\n\n connectedCallback() {\n super.connectedCallback();\n window.addEventListener('keydown', this.onKeyDown);\n }\n\n disconnectedCallback() {\n window.removeEventListener('keydown', this.onKeyDown);\n super.disconnectedCallback();\n }\n\n action = (action: string) => {\n const event: ActionEvent = new CustomEvent('action', {\n bubbles: true,\n composed: true,\n detail: { action },\n cancelable: true,\n });\n return this.dispatchEvent(event);\n };\n\n render() {\n return html`\n ${this.containStyling()} ${this.scrollStyling()} ${this.subHeaderStyling()}\n <div class=\"backdrop\" @click=${this.onBackdropClick}></div>\n <div class=\"container\">\n <dialog open>\n <div class=\"header\">\n <telia-heading tag=\"h3\" variant=\"title-100\">${this.header}</telia-heading>\n ${this.closeButton()}\n </div>\n <div class=\"sub-header\">\n <slot name=\"sub-header\" @slotchange=${this.onSubHeaderSlotChange}></slot>\n </div>\n <div class=\"body\">\n <slot></slot>\n </div>\n ${this.footer()}\n </dialog>\n </div>\n `;\n }\n}\n\ndefine('alliance-modal', Modal);\n"]}
@@ -1,4 +0,0 @@
1
- export { borders, breakpoints, colors, layers, motion, shadows, spacing } from '@teliads/components/foundations';
2
- export { default as focus } from '@teliads/components/foundations/focus/variables.json';
3
- //# sourceMappingURL=out.js.map
4
- //# sourceMappingURL=chunk-5A2VXG2P.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/voca/foundations/index.ts"],"names":[],"mappings":";AAAA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO,WAAW","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"]}
@@ -1,22 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __decorateClass = (decorators, target, key, kind) => {
4
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
5
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
6
- if (decorator = decorators[i])
7
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
8
- if (kind && result)
9
- __defProp(target, key, result);
10
- return result;
11
- };
12
-
13
- // src/utils.ts
14
- var define = (tag, ...args) => {
15
- if (!customElements.get(tag)) {
16
- return customElements.define(tag, ...args);
17
- }
18
- };
19
-
20
- export { __decorateClass, define };
21
- //# sourceMappingURL=out.js.map
22
- //# sourceMappingURL=chunk-AW7BCYX5.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAO,IAAM,SAAuC,CAAC,QAAQ,SAAS;AAClE,MAAI,CAAC,eAAe,IAAI,GAAG,GAAG;AAC1B,WAAO,eAAe,OAAO,KAAK,GAAG,IAAI;AAAA,EAC7C;AACJ","sourcesContent":["export const define: typeof customElements.define = (tag, ...args) => {\n if (!customElements.get(tag)) {\n return customElements.define(tag, ...args);\n }\n};\n"]}