@telia-ace/alliance-ui 1.0.0-beta.2 → 1.0.0-beta.4

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 (226) hide show
  1. package/LICENSE.txt +5 -5
  2. package/README.md +182 -182
  3. package/dist/{check-circle-filled.03dd4fa8.js → check-circle-filled.df23e8c5.js} +1 -1
  4. package/dist/check-circle-filled.df23e8c5.js.map +1 -0
  5. package/dist/{chevron-down.ea4a357f.js → chevron-down.d3b31c8e.js} +1 -1
  6. package/dist/chevron-down.d3b31c8e.js.map +1 -0
  7. package/dist/{close.63145e8b.js → close.676a0585.js} +1 -1
  8. package/dist/close.676a0585.js.map +1 -0
  9. package/dist/components/alliance-object-list-head.d.ts +8 -8
  10. package/dist/components/alliance-object-list-head.js +5 -5
  11. package/dist/components/alliance-object-list-head.js.map +1 -1
  12. package/dist/components/alliance-object-list-item.d.ts +6 -6
  13. package/dist/components/alliance-object-list-item.js +1 -1
  14. package/dist/components/alliance-object-list-item.js.map +1 -1
  15. package/dist/components/alliance-object-list-row.d.ts +7 -7
  16. package/dist/components/alliance-object-list-row.js +6 -6
  17. package/dist/components/alliance-object-list-row.js.map +1 -1
  18. package/dist/components/alliance-object-list.d.ts +13 -13
  19. package/dist/components/alliance-object-list.js +7 -7
  20. package/dist/components/alliance-object-list.js.map +1 -1
  21. package/dist/{error-filled.e9871460.js → error-filled.75f308c7.js} +1 -1
  22. package/dist/error-filled.75f308c7.js.map +1 -0
  23. package/dist/{getSvgContent.574747aa.js → getSvgContent.d324bd28.js} +1 -1
  24. package/dist/getSvgContent.d324bd28.js.map +1 -0
  25. package/dist/{index.887fae41.js → index.ad92b4ca.js} +1 -1
  26. package/dist/index.ad92b4ca.js.map +1 -0
  27. package/dist/{index.d5c12253.js → index.b819c3f8.js} +1 -1
  28. package/dist/index.b819c3f8.js.map +1 -0
  29. package/dist/{query-assigned-elements.ce962b7d.js → query-assigned-elements.859d7b76.js} +1 -1
  30. package/dist/query-assigned-elements.859d7b76.js.map +1 -0
  31. package/dist/{stringCombiner.723baccb.js → stringCombiner.7c02f991.js} +1 -1
  32. package/dist/stringCombiner.7c02f991.js.map +1 -0
  33. package/dist/{telia-button-text2.eaccd0fa.js → telia-button-text2.fa5110ba.js} +4 -4
  34. package/dist/telia-button-text2.fa5110ba.js.map +1 -0
  35. package/dist/{telia-card-frame2.5a37779b.js → telia-card-frame2.5fe5162d.js} +3 -3
  36. package/dist/telia-card-frame2.5fe5162d.js.map +1 -0
  37. package/dist/{telia-divider.234d5cda.js → telia-divider.a3153134.js} +3 -3
  38. package/dist/telia-divider.a3153134.js.map +1 -0
  39. package/dist/{telia-field-assistive-text2.a2e95f9c.js → telia-field-assistive-text2.4224fc51.js} +3 -3
  40. package/dist/telia-field-assistive-text2.4224fc51.js.map +1 -0
  41. package/dist/{telia-field-error2.0224a8ba.js → telia-field-error2.fac3aa1e.js} +5 -5
  42. package/dist/telia-field-error2.fac3aa1e.js.map +1 -0
  43. package/dist/{telia-field-valid2.12939372.js → telia-field-valid2.60868309.js} +5 -5
  44. package/dist/telia-field-valid2.60868309.js.map +1 -0
  45. package/dist/{telia-heading2.d678c373.js → telia-heading2.5c0bd259.js} +3 -3
  46. package/dist/telia-heading2.5c0bd259.js.map +1 -0
  47. package/dist/{telia-icon2.d9c217d3.js → telia-icon2.0c9ea836.js} +4 -4
  48. package/dist/telia-icon2.0c9ea836.js.map +1 -0
  49. package/dist/{telia-label2.772a27dd.js → telia-label2.be754448.js} +3 -3
  50. package/dist/telia-label2.be754448.js.map +1 -0
  51. package/dist/{telia-link2.2dd5d63b.js → telia-link2.c5af4c49.js} +4 -4
  52. package/dist/telia-link2.c5af4c49.js.map +1 -0
  53. package/dist/{telia-navigation-button2.382f7720.js → telia-navigation-button2.ef7e74f8.js} +4 -4
  54. package/dist/telia-navigation-button2.ef7e74f8.js.map +1 -0
  55. package/dist/{telia-style-link2.8e4c3e4e.js → telia-style-link2.0f5c9c6d.js} +3 -3
  56. package/dist/telia-style-link2.0f5c9c6d.js.map +1 -0
  57. package/dist/{telia-style-navigation-item2.d4c167f1.js → telia-style-navigation-item2.82fd9462.js} +3 -3
  58. package/dist/telia-style-navigation-item2.82fd9462.js.map +1 -0
  59. package/dist/{telia-tab-header2.ad6810c2.js → telia-tab-header2.7a976c0e.js} +4 -4
  60. package/dist/telia-tab-header2.7a976c0e.js.map +1 -0
  61. package/dist/{telia-visually-hidden2.eb0b21e9.js → telia-visually-hidden2.9ef6df27.js} +3 -3
  62. package/dist/telia-visually-hidden2.9ef6df27.js.map +1 -0
  63. package/dist/{telia-vst2.e5fee7c3.js → telia-vst2.f685dec5.js} +2 -2
  64. package/dist/telia-vst2.f685dec5.js.map +1 -0
  65. package/dist/{uniqueId.6afec4c5.js → uniqueId.5229d1b5.js} +1 -1
  66. package/dist/uniqueId.5229d1b5.js.map +1 -0
  67. package/dist/{variables.a6d7935e.js → variables.197b13a1.js} +1 -1
  68. package/dist/variables.197b13a1.js.map +1 -0
  69. package/dist/voca/components/telia-badge.d.ts +1 -1
  70. package/dist/voca/components/telia-badge.js +2 -2
  71. package/dist/voca/components/telia-badge.js.map +1 -1
  72. package/dist/voca/components/telia-button-text.d.ts +1 -1
  73. package/dist/voca/components/telia-button-text.js +5 -5
  74. package/dist/voca/components/telia-button.d.ts +1 -1
  75. package/dist/voca/components/telia-button.js +4 -4
  76. package/dist/voca/components/telia-button.js.map +1 -1
  77. package/dist/voca/components/telia-card-frame-link.d.ts +1 -1
  78. package/dist/voca/components/telia-card-frame-link.js +5 -5
  79. package/dist/voca/components/telia-card-frame-link.js.map +1 -1
  80. package/dist/voca/components/telia-card-frame.d.ts +1 -1
  81. package/dist/voca/components/telia-card-frame.js +3 -3
  82. package/dist/voca/components/telia-checkbox.d.ts +1 -1
  83. package/dist/voca/components/telia-checkbox.js +7 -7
  84. package/dist/voca/components/telia-checkbox.js.map +1 -1
  85. package/dist/voca/components/telia-chip-choice.d.ts +1 -1
  86. package/dist/voca/components/telia-chip-choice.js +3 -3
  87. package/dist/voca/components/telia-chip-choice.js.map +1 -1
  88. package/dist/voca/components/telia-chip-filter.d.ts +1 -1
  89. package/dist/voca/components/telia-chip-filter.js +5 -5
  90. package/dist/voca/components/telia-chip-filter.js.map +1 -1
  91. package/dist/voca/components/telia-color-dot.d.ts +1 -1
  92. package/dist/voca/components/telia-color-dot.js +2 -2
  93. package/dist/voca/components/telia-color-dot.js.map +1 -1
  94. package/dist/voca/components/telia-cta-link.d.ts +1 -1
  95. package/dist/voca/components/telia-cta-link.js +4 -4
  96. package/dist/voca/components/telia-cta-link.js.map +1 -1
  97. package/dist/voca/components/telia-date-picker.d.ts +1 -1
  98. package/dist/voca/components/telia-date-picker.js +13 -13
  99. package/dist/voca/components/telia-date-picker.js.map +1 -1
  100. package/dist/voca/components/telia-divider.d.ts +1 -1
  101. package/dist/voca/components/telia-divider.js +3 -3
  102. package/dist/voca/components/telia-field-assistive-text.d.ts +1 -1
  103. package/dist/voca/components/telia-field-assistive-text.js +3 -3
  104. package/dist/voca/components/telia-field-error.d.ts +1 -1
  105. package/dist/voca/components/telia-field-error.js +6 -6
  106. package/dist/voca/components/telia-field-valid.d.ts +1 -1
  107. package/dist/voca/components/telia-field-valid.js +6 -6
  108. package/dist/voca/components/telia-fieldset.d.ts +1 -1
  109. package/dist/voca/components/telia-fieldset.js +2 -2
  110. package/dist/voca/components/telia-fieldset.js.map +1 -1
  111. package/dist/voca/components/telia-focus-trap.d.ts +1 -1
  112. package/dist/voca/components/telia-focus-trap.js +2 -2
  113. package/dist/voca/components/telia-focus-trap.js.map +1 -1
  114. package/dist/voca/components/telia-form.d.ts +1 -1
  115. package/dist/voca/components/telia-form.js +2 -2
  116. package/dist/voca/components/telia-form.js.map +1 -1
  117. package/dist/voca/components/telia-heading.d.ts +1 -1
  118. package/dist/voca/components/telia-heading.js +3 -3
  119. package/dist/voca/components/telia-icon.d.ts +1 -1
  120. package/dist/voca/components/telia-icon.js +4 -4
  121. package/dist/voca/components/telia-image.d.ts +1 -1
  122. package/dist/voca/components/telia-image.js +2 -2
  123. package/dist/voca/components/telia-image.js.map +1 -1
  124. package/dist/voca/components/telia-label.d.ts +1 -1
  125. package/dist/voca/components/telia-label.js +3 -3
  126. package/dist/voca/components/telia-link-image.d.ts +1 -1
  127. package/dist/voca/components/telia-link-image.js +5 -5
  128. package/dist/voca/components/telia-link-image.js.map +1 -1
  129. package/dist/voca/components/telia-link.d.ts +1 -1
  130. package/dist/voca/components/telia-link.js +4 -4
  131. package/dist/voca/components/telia-list.d.ts +1 -1
  132. package/dist/voca/components/telia-list.js +2 -2
  133. package/dist/voca/components/telia-list.js.map +1 -1
  134. package/dist/voca/components/telia-logo.d.ts +1 -1
  135. package/dist/voca/components/telia-logo.js +2 -2
  136. package/dist/voca/components/telia-logo.js.map +1 -1
  137. package/dist/voca/components/telia-navigation-button.d.ts +1 -1
  138. package/dist/voca/components/telia-navigation-button.js +4 -4
  139. package/dist/voca/components/telia-navigation-dropdown.d.ts +1 -1
  140. package/dist/voca/components/telia-navigation-dropdown.js +6 -6
  141. package/dist/voca/components/telia-navigation-dropdown.js.map +1 -1
  142. package/dist/voca/components/telia-navigation-link.d.ts +1 -1
  143. package/dist/voca/components/telia-navigation-link.js +3 -3
  144. package/dist/voca/components/telia-navigation-link.js.map +1 -1
  145. package/dist/voca/components/telia-notification.d.ts +1 -1
  146. package/dist/voca/components/telia-notification.js +9 -9
  147. package/dist/voca/components/telia-notification.js.map +1 -1
  148. package/dist/voca/components/telia-overlay.d.ts +1 -1
  149. package/dist/voca/components/telia-overlay.js +2 -2
  150. package/dist/voca/components/telia-overlay.js.map +1 -1
  151. package/dist/voca/components/telia-p.d.ts +1 -1
  152. package/dist/voca/components/telia-p.js +2 -2
  153. package/dist/voca/components/telia-p.js.map +1 -1
  154. package/dist/voca/components/telia-pictogram.d.ts +1 -1
  155. package/dist/voca/components/telia-pictogram.js +3 -3
  156. package/dist/voca/components/telia-pictogram.js.map +1 -1
  157. package/dist/voca/components/telia-radio-button.d.ts +1 -1
  158. package/dist/voca/components/telia-radio-button.js +3 -3
  159. package/dist/voca/components/telia-radio-button.js.map +1 -1
  160. package/dist/voca/components/telia-select.d.ts +1 -1
  161. package/dist/voca/components/telia-select.js +10 -10
  162. package/dist/voca/components/telia-select.js.map +1 -1
  163. package/dist/voca/components/telia-skeleton.d.ts +1 -1
  164. package/dist/voca/components/telia-skeleton.js +2 -2
  165. package/dist/voca/components/telia-skeleton.js.map +1 -1
  166. package/dist/voca/components/telia-status-badge.d.ts +1 -1
  167. package/dist/voca/components/telia-status-badge.js +4 -4
  168. package/dist/voca/components/telia-status-badge.js.map +1 -1
  169. package/dist/voca/components/telia-style-link.d.ts +1 -1
  170. package/dist/voca/components/telia-style-link.js +3 -3
  171. package/dist/voca/components/telia-style-navigation-item.d.ts +1 -1
  172. package/dist/voca/components/telia-style-navigation-item.js +3 -3
  173. package/dist/voca/components/telia-tab-content.d.ts +1 -1
  174. package/dist/voca/components/telia-tab-content.js +2 -2
  175. package/dist/voca/components/telia-tab-content.js.map +1 -1
  176. package/dist/voca/components/telia-tab-header.d.ts +1 -1
  177. package/dist/voca/components/telia-tab-header.js +5 -5
  178. package/dist/voca/components/telia-tab.d.ts +1 -1
  179. package/dist/voca/components/telia-tab.js +5 -5
  180. package/dist/voca/components/telia-tab.js.map +1 -1
  181. package/dist/voca/components/telia-text-input.d.ts +1 -1
  182. package/dist/voca/components/telia-text-input.js +12 -12
  183. package/dist/voca/components/telia-text-input.js.map +1 -1
  184. package/dist/voca/components/telia-text-spacing.d.ts +1 -1
  185. package/dist/voca/components/telia-text-spacing.js +2 -2
  186. package/dist/voca/components/telia-text-spacing.js.map +1 -1
  187. package/dist/voca/components/telia-textarea.d.ts +1 -1
  188. package/dist/voca/components/telia-textarea.js +10 -10
  189. package/dist/voca/components/telia-textarea.js.map +1 -1
  190. package/dist/voca/components/telia-toggle.d.ts +1 -1
  191. package/dist/voca/components/telia-toggle.js +3 -3
  192. package/dist/voca/components/telia-toggle.js.map +1 -1
  193. package/dist/voca/components/telia-visually-hidden.d.ts +1 -1
  194. package/dist/voca/components/telia-visually-hidden.js +3 -3
  195. package/dist/voca/foundations/index.d.ts +2 -2
  196. package/dist/voca/foundations/index.js +2 -2
  197. package/dist/voca/icons/index.d.ts +1 -1
  198. package/dist/voca/icons/index.js.map +1 -1
  199. package/package.json +45 -46
  200. package/dist/check-circle-filled.03dd4fa8.js.map +0 -1
  201. package/dist/chevron-down.ea4a357f.js.map +0 -1
  202. package/dist/close.63145e8b.js.map +0 -1
  203. package/dist/error-filled.e9871460.js.map +0 -1
  204. package/dist/getSvgContent.574747aa.js.map +0 -1
  205. package/dist/index.887fae41.js.map +0 -1
  206. package/dist/index.d5c12253.js.map +0 -1
  207. package/dist/query-assigned-elements.ce962b7d.js.map +0 -1
  208. package/dist/stringCombiner.723baccb.js.map +0 -1
  209. package/dist/telia-button-text2.eaccd0fa.js.map +0 -1
  210. package/dist/telia-card-frame2.5a37779b.js.map +0 -1
  211. package/dist/telia-divider.234d5cda.js.map +0 -1
  212. package/dist/telia-field-assistive-text2.a2e95f9c.js.map +0 -1
  213. package/dist/telia-field-error2.0224a8ba.js.map +0 -1
  214. package/dist/telia-field-valid2.12939372.js.map +0 -1
  215. package/dist/telia-heading2.d678c373.js.map +0 -1
  216. package/dist/telia-icon2.d9c217d3.js.map +0 -1
  217. package/dist/telia-label2.772a27dd.js.map +0 -1
  218. package/dist/telia-link2.2dd5d63b.js.map +0 -1
  219. package/dist/telia-navigation-button2.382f7720.js.map +0 -1
  220. package/dist/telia-style-link2.8e4c3e4e.js.map +0 -1
  221. package/dist/telia-style-navigation-item2.d4c167f1.js.map +0 -1
  222. package/dist/telia-tab-header2.ad6810c2.js.map +0 -1
  223. package/dist/telia-visually-hidden2.eb0b21e9.js.map +0 -1
  224. package/dist/telia-vst2.e5fee7c3.js.map +0 -1
  225. package/dist/uniqueId.6afec4c5.js.map +0 -1
  226. package/dist/variables.a6d7935e.js.map +0 -1
package/LICENSE.txt CHANGED
@@ -1,6 +1,6 @@
1
- Copyright © 2022, Telia Company AB. All rights reserved.
2
-
3
- THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
4
- THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
5
- AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
1
+ Copyright © 2022, Telia Company AB. All rights reserved.
2
+
3
+ THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
4
+ THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
5
+ AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
6
6
  http://www.humany.com/legal
package/README.md CHANGED
@@ -1,182 +1,182 @@
1
- # ACE Alliance UI
2
-
3
- # Alliance Components
4
-
5
- ## `Object List`
6
-
7
- Used to render tabular data.
8
-
9
- ```js
10
- import '@telia-ace/alliance-ui/components/alliance-object-list';
11
-
12
- <alliance-object-list> ... </alliance-object-list>;
13
- ```
14
-
15
- ### Properties
16
-
17
- | Name | Type | Required | Default | Description |
18
- | ------- | ---------- | -------- | ------- | ------------------------------------------------------- |
19
- | columns | `Column[]` | No | `[]` | Uses an object list row and heads to render a head row. |
20
-
21
- ### `Column`
22
-
23
- | Property | Type | Description |
24
- | -------- | -------- | -------------------- |
25
- | id | `string` | Column ID. |
26
- | label | `string` | Column header label. |
27
-
28
- ## `Object List Row`
29
-
30
- Used to render a row inside an object list.
31
-
32
- ```js
33
- import '@telia-ace/alliance-ui/components/alliance-object-list';
34
- import '@telia-ace/alliance-ui/components/alliance-object-list-row';
35
-
36
- <alliance-object-list>
37
- <alliance-object-list-row>
38
- <!-- cells -->
39
- </alliance-object-list-row>
40
- </alliance-object-list>
41
- ```
42
-
43
- ### Properties
44
-
45
- | Name | Type | Required | Default | Description |
46
- | --------- | --------- | -------- | ------- | ------------------------------------------- |
47
- | clickable | `boolean` | No | `false` | Whether the row should be clickable or not. |
48
-
49
- ## `Object List Head`
50
-
51
- Used to display a column head inside an object list row.
52
-
53
- ```js
54
- import '@telia-ace/alliance-ui/components/alliance-object-list';
55
- import '@telia-ace/alliance-ui/components/alliance-object-list-row';
56
- import '@telia-ace/alliance-ui/components/alliance-object-list-head';
57
-
58
- <alliance-object-list>
59
- <alliance-object-list-row>
60
- <alliance-object-list-head label="Column header" />
61
- </alliance-object-list-row>
62
- </alliance-object-list>;
63
- ```
64
-
65
- ### Properties
66
-
67
- | Name | Type | Required | Default | Description |
68
- | ----- | -------- | -------- | ------- | --------------- |
69
- | label | `string` | No | `''` | The head label. |
70
-
71
- ## `Object List Item`
72
-
73
- Used to display an item inside an object list row.
74
-
75
- ```js
76
- import '@telia-ace/alliance-ui/components/alliance-object-list';
77
- import '@telia-ace/alliance-ui/components/alliance-object-list-row';
78
- import '@telia-ace/alliance-ui/components/alliance-object-list-cell';
79
-
80
- <alliance-object-list>
81
- <alliance-object-list-row>
82
- <alliance-object-list-item><!-- data --></alliance-object-list-item>
83
- </alliance-object-list-row>
84
- </alliance-object-list>;
85
- ```
86
-
87
- # Voca
88
-
89
- The Alliance UI extends parts of Voca.
90
-
91
- ## Components
92
-
93
- Certain Voca components are available.
94
-
95
- ```js
96
- import '@telia-ace/alliance-ui/voca/components/telia-button';
97
-
98
- <telia-button>Click me!</telia-button>;
99
- ```
100
-
101
- | Component | Link to Voca Storybook |
102
- | ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
103
- | `telia-badge` | [Storybook/telia-badge](https://docs.voca.teliacompany.com/?path=/story/indicators-badge) |
104
- | `telia-button-text` | [Storybook/telia-button-text](https://docs.voca.teliacompany.com/?path=/story/actions-buttons-text-button--text-only-button) |
105
- | `telia-button` | [Storybook/telia-button](https://docs.voca.teliacompany.com/?path=/story/actions-buttons--primary) |
106
- | `telia-card-frame-link` | [Storybook/telia-card-frame-link](https://docs.voca.teliacompany.com/?path=/story/cards-card-frame-card-frame-link--card-frame-link) |
107
- | `telia-card-frame` | [Storybook/telia-card-frame](https://docs.voca.teliacompany.com/?path=/story/cards-card-frame--showcase) |
108
- | `telia-checkbox` | [Storybook/telia-checkbox](https://docs.voca.teliacompany.com/?path=/story/form-elements-checkbox--showcase) |
109
- | `telia-chip-choice` | [Storybook/telia-chip-choice](https://docs.voca.teliacompany.com/?path=/story/actions-chip-choice--showcase) |
110
- | `telia-chip-filter` | [Storybook/telia-chip-filter](https://docs.voca.teliacompany.com/?path=/story/actions-chip-filter--showcase) |
111
- | `telia-color-dot` | [Storybook/telia-color-dot](https://docs.voca.teliacompany.com/?path=/story/indicators-color-dot--showcase) |
112
- | `telia-cta-link` | [Storybook/telia-cta-link](https://docs.voca.teliacompany.com/?path=/story/navigation-cta-link--showcase) |
113
- | `telia-date-picker` | [Storybook/telia-date-picker](https://docs.voca.teliacompany.com/?path=/story/form-elements-date-picker--showcase) |
114
- | `telia-divider` | [Storybook/telia-divider](https://docs.voca.teliacompany.com/?path=/story/utility-divider-showcase--showcase) |
115
- | `telia-field-assistive-text` | [Storybook/telia-field-assistive-text](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text--field-assistive-text) |
116
- | `telia-field-error` | [Storybook/telia-field-error](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-field-error--field-error) |
117
- | `telia-field-valid` | [Storybook/telia-field-valid](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-field-valid--field-valid) |
118
- | `telia-fieldset` | [Storybook/telia-fieldset](https://docs.voca.teliacompany.com/?path=/story/form-elements-form-fieldset) |
119
- | `telia-focus-trap` | [Storybook/telia-focus-trap](https://docs.voca.teliacompany.com/?path=/story/utility-focus-focus-trap) |
120
- | `telia-form` | [Storybook/telia-form](https://docs.voca.teliacompany.com/?path=/story/form-elements-form--showcase) |
121
- | `telia-heading` | [Storybook/telia-heading](https://docs.voca.teliacompany.com/?path=/story/utility-heading) |
122
- | `telia-icon` | [Storybook/telia-icon](https://docs.voca.teliacompany.com/?path=/story/assets-icon) |
123
- | `telia-image` | [Storybook/telia-image](https://docs.voca.teliacompany.com/?path=/story/utility-image) |
124
- | `telia-label` | [Storybook/telia-label](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-label--label) |
125
- | `telia-link-image` | [Storybook/telia-link-image](https://docs.voca.teliacompany.com/?path=/story/navigation-links-link-image) |
126
- | `telia-link` | [Storybook/telia-link](https://docs.voca.teliacompany.com/?path=/story/navigation-links-link) |
127
- | `telia-list` | [Storybook/telia-list](https://docs.voca.teliacompany.com/?path=/story/navigation-links-list) |
128
- | `telia-logo` | [Storybook/telia-logo](https://docs.voca.teliacompany.com/?path=/story/assets-logo) |
129
- | `telia-navigation-button` | [Storybook/telia-navigation-button](https://docs.voca.teliacompany.com/?path=/story/navigation-breadcrumbs) |
130
- | `telia-navigation-dropdown` | [Storybook/telia-navigation-dropdown](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-dropdown) |
131
- | `telia-navigation-link` | [Storybook/telia-navigation-link](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-link) |
132
- | `telia-notification` | [Storybook/telia-notification](https://docs.voca.teliacompany.com/?path=/story/notification-notification) |
133
- | `telia-overlay` | [Storybook/telia-overlay](https://docs.voca.teliacompany.com/?path=/story/utility-overlay-showcase) |
134
- | `telia-p` | [Storybook/telia-p](https://docs.voca.teliacompany.com/?path=/story/utility-paragraph) |
135
- | `telia-pictogram` | [Storybook/telia-pictogram](https://docs.voca.teliacompany.com/?path=/story/assets-pictogram) |
136
- | `telia-radio-button` | [Storybook/telia-radio-button](https://docs.voca.teliacompany.com/?path=/story/form-elements-radio-button) |
137
- | `telia-select` | [Storybook/telia-select](https://docs.voca.teliacompany.com/?path=/story/form-elements-select) |
138
- | `telia-skeleton` | [Storybook/telia-skeleton](https://docs.voca.teliacompany.com/?path=/story/indicators-skeleton) |
139
- | `telia-status-badge` | [Storybook/telia-status-badge](https://docs.voca.teliacompany.com/?path=/story/indicators-status-badge) |
140
- | `telia-style-link` | [Storybook/telia-style-link](https://docs.voca.teliacompany.com/?path=/story/utility-style-link) |
141
- | `telia-style-navigation-item` | [Storybook/telia-style-navigation-item](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-link-style-navigation-item) |
142
- | `telia-tab-content` | [Storybook/telia-tab-content](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab-content) |
143
- | `telia-tab-header` | [Storybook/telia-tab-header](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab-header--tab-header) |
144
- | `telia-tab` | [Storybook/telia-tab](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab) |
145
- | `telia-text-input` | [Storybook/telia-text-input](https://docs.voca.teliacompany.com/?path=/story/form-elements-text-input) |
146
- | `telia-text-spacing` | [Storybook/telia-text-spacing](https://docs.voca.teliacompany.com/?path=/story/utility-text-spacing) |
147
- | `telia-textarea` | [Storybook/telia-textarea](https://docs.voca.teliacompany.com/?path=/story/form-elements-textarea) |
148
- | `telia-toggle` | [Storybook/telia-toggle](https://docs.voca.teliacompany.com/?path=/story/actions-toggle) |
149
- | `telia-visually-hidden` | [Storybook/telia-visually-hidden](https://docs.voca.teliacompany.com/?path=/story/utility-visually-hidden) |
150
-
151
- ## Foundations
152
-
153
- [Vocas foundation variables](https://docs.voca.teliacompany.com/?path=/story/foundations).
154
-
155
- ```js
156
- import {
157
- borders,
158
- breakpoints,
159
- colors,
160
- grid,
161
- layers,
162
- motion,
163
- shadows,
164
- spacing,
165
- typography,
166
- focus,
167
- } from '@telia-ace/alliance-ui/voca/foundations';
168
-
169
- console.log(colors.purple500);
170
- // #990ae3
171
- ```
172
-
173
- ## Icons
174
-
175
- [Vocas icons](https://docs.voca.teliacompany.com/?path=/story/assets-icon-example--example), typically used with `telia-icon`.
176
-
177
- ```js
178
- import '@telia-ace/alliance-ui/voca/components/telia-icon';
179
- import { alarm } from '@telia-ace/alliance-ui/voca/icons';
180
-
181
- <telia-icon svg={alarm.svg} />;
182
- ```
1
+ # ACE Alliance UI
2
+
3
+ # Alliance Components
4
+
5
+ ## `Object List`
6
+
7
+ Used to render tabular data.
8
+
9
+ ```js
10
+ import '@telia-ace/alliance-ui/components/alliance-object-list';
11
+
12
+ <alliance-object-list> ... </alliance-object-list>;
13
+ ```
14
+
15
+ ### Properties
16
+
17
+ | Name | Type | Required | Default | Description |
18
+ | ------- | ---------- | -------- | ------- | ------------------------------------------------------- |
19
+ | columns | `Column[]` | No | `[]` | Uses an object list row and heads to render a head row. |
20
+
21
+ ### `Column`
22
+
23
+ | Property | Type | Description |
24
+ | -------- | -------- | -------------------- |
25
+ | id | `string` | Column ID. |
26
+ | label | `string` | Column header label. |
27
+
28
+ ## `Object List Row`
29
+
30
+ Used to render a row inside an object list.
31
+
32
+ ```js
33
+ import '@telia-ace/alliance-ui/components/alliance-object-list';
34
+ import '@telia-ace/alliance-ui/components/alliance-object-list-row';
35
+
36
+ <alliance-object-list>
37
+ <alliance-object-list-row>
38
+ <!-- cells -->
39
+ </alliance-object-list-row>
40
+ </alliance-object-list>
41
+ ```
42
+
43
+ ### Properties
44
+
45
+ | Name | Type | Required | Default | Description |
46
+ | --------- | --------- | -------- | ------- | ------------------------------------------- |
47
+ | clickable | `boolean` | No | `false` | Whether the row should be clickable or not. |
48
+
49
+ ## `Object List Head`
50
+
51
+ Used to display a column head inside an object list row.
52
+
53
+ ```js
54
+ import '@telia-ace/alliance-ui/components/alliance-object-list';
55
+ import '@telia-ace/alliance-ui/components/alliance-object-list-row';
56
+ import '@telia-ace/alliance-ui/components/alliance-object-list-head';
57
+
58
+ <alliance-object-list>
59
+ <alliance-object-list-row>
60
+ <alliance-object-list-head label="Column header" />
61
+ </alliance-object-list-row>
62
+ </alliance-object-list>;
63
+ ```
64
+
65
+ ### Properties
66
+
67
+ | Name | Type | Required | Default | Description |
68
+ | ----- | -------- | -------- | ------- | --------------- |
69
+ | label | `string` | No | `''` | The head label. |
70
+
71
+ ## `Object List Item`
72
+
73
+ Used to display an item inside an object list row.
74
+
75
+ ```js
76
+ import '@telia-ace/alliance-ui/components/alliance-object-list';
77
+ import '@telia-ace/alliance-ui/components/alliance-object-list-row';
78
+ import '@telia-ace/alliance-ui/components/alliance-object-list-cell';
79
+
80
+ <alliance-object-list>
81
+ <alliance-object-list-row>
82
+ <alliance-object-list-item><!-- data --></alliance-object-list-item>
83
+ </alliance-object-list-row>
84
+ </alliance-object-list>;
85
+ ```
86
+
87
+ # Voca
88
+
89
+ The Alliance UI extends parts of Voca.
90
+
91
+ ## Components
92
+
93
+ Certain Voca components are available.
94
+
95
+ ```js
96
+ import '@telia-ace/alliance-ui/voca/components/telia-button';
97
+
98
+ <telia-button>Click me!</telia-button>;
99
+ ```
100
+
101
+ | Component | Link to Voca Storybook |
102
+ | ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
103
+ | `telia-badge` | [Storybook/telia-badge](https://docs.voca.teliacompany.com/?path=/story/indicators-badge) |
104
+ | `telia-button-text` | [Storybook/telia-button-text](https://docs.voca.teliacompany.com/?path=/story/actions-buttons-text-button--text-only-button) |
105
+ | `telia-button` | [Storybook/telia-button](https://docs.voca.teliacompany.com/?path=/story/actions-buttons--primary) |
106
+ | `telia-card-frame-link` | [Storybook/telia-card-frame-link](https://docs.voca.teliacompany.com/?path=/story/cards-card-frame-card-frame-link--card-frame-link) |
107
+ | `telia-card-frame` | [Storybook/telia-card-frame](https://docs.voca.teliacompany.com/?path=/story/cards-card-frame--showcase) |
108
+ | `telia-checkbox` | [Storybook/telia-checkbox](https://docs.voca.teliacompany.com/?path=/story/form-elements-checkbox--showcase) |
109
+ | `telia-chip-choice` | [Storybook/telia-chip-choice](https://docs.voca.teliacompany.com/?path=/story/actions-chip-choice--showcase) |
110
+ | `telia-chip-filter` | [Storybook/telia-chip-filter](https://docs.voca.teliacompany.com/?path=/story/actions-chip-filter--showcase) |
111
+ | `telia-color-dot` | [Storybook/telia-color-dot](https://docs.voca.teliacompany.com/?path=/story/indicators-color-dot--showcase) |
112
+ | `telia-cta-link` | [Storybook/telia-cta-link](https://docs.voca.teliacompany.com/?path=/story/navigation-cta-link--showcase) |
113
+ | `telia-date-picker` | [Storybook/telia-date-picker](https://docs.voca.teliacompany.com/?path=/story/form-elements-date-picker--showcase) |
114
+ | `telia-divider` | [Storybook/telia-divider](https://docs.voca.teliacompany.com/?path=/story/utility-divider-showcase--showcase) |
115
+ | `telia-field-assistive-text` | [Storybook/telia-field-assistive-text](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text--field-assistive-text) |
116
+ | `telia-field-error` | [Storybook/telia-field-error](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-field-error--field-error) |
117
+ | `telia-field-valid` | [Storybook/telia-field-valid](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-field-valid--field-valid) |
118
+ | `telia-fieldset` | [Storybook/telia-fieldset](https://docs.voca.teliacompany.com/?path=/story/form-elements-form-fieldset) |
119
+ | `telia-focus-trap` | [Storybook/telia-focus-trap](https://docs.voca.teliacompany.com/?path=/story/utility-focus-focus-trap) |
120
+ | `telia-form` | [Storybook/telia-form](https://docs.voca.teliacompany.com/?path=/story/form-elements-form--showcase) |
121
+ | `telia-heading` | [Storybook/telia-heading](https://docs.voca.teliacompany.com/?path=/story/utility-heading) |
122
+ | `telia-icon` | [Storybook/telia-icon](https://docs.voca.teliacompany.com/?path=/story/assets-icon) |
123
+ | `telia-image` | [Storybook/telia-image](https://docs.voca.teliacompany.com/?path=/story/utility-image) |
124
+ | `telia-label` | [Storybook/telia-label](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-label--label) |
125
+ | `telia-link-image` | [Storybook/telia-link-image](https://docs.voca.teliacompany.com/?path=/story/navigation-links-link-image) |
126
+ | `telia-link` | [Storybook/telia-link](https://docs.voca.teliacompany.com/?path=/story/navigation-links-link) |
127
+ | `telia-list` | [Storybook/telia-list](https://docs.voca.teliacompany.com/?path=/story/navigation-links-list) |
128
+ | `telia-logo` | [Storybook/telia-logo](https://docs.voca.teliacompany.com/?path=/story/assets-logo) |
129
+ | `telia-navigation-button` | [Storybook/telia-navigation-button](https://docs.voca.teliacompany.com/?path=/story/navigation-breadcrumbs) |
130
+ | `telia-navigation-dropdown` | [Storybook/telia-navigation-dropdown](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-dropdown) |
131
+ | `telia-navigation-link` | [Storybook/telia-navigation-link](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-link) |
132
+ | `telia-notification` | [Storybook/telia-notification](https://docs.voca.teliacompany.com/?path=/story/notification-notification) |
133
+ | `telia-overlay` | [Storybook/telia-overlay](https://docs.voca.teliacompany.com/?path=/story/utility-overlay-showcase) |
134
+ | `telia-p` | [Storybook/telia-p](https://docs.voca.teliacompany.com/?path=/story/utility-paragraph) |
135
+ | `telia-pictogram` | [Storybook/telia-pictogram](https://docs.voca.teliacompany.com/?path=/story/assets-pictogram) |
136
+ | `telia-radio-button` | [Storybook/telia-radio-button](https://docs.voca.teliacompany.com/?path=/story/form-elements-radio-button) |
137
+ | `telia-select` | [Storybook/telia-select](https://docs.voca.teliacompany.com/?path=/story/form-elements-select) |
138
+ | `telia-skeleton` | [Storybook/telia-skeleton](https://docs.voca.teliacompany.com/?path=/story/indicators-skeleton) |
139
+ | `telia-status-badge` | [Storybook/telia-status-badge](https://docs.voca.teliacompany.com/?path=/story/indicators-status-badge) |
140
+ | `telia-style-link` | [Storybook/telia-style-link](https://docs.voca.teliacompany.com/?path=/story/utility-style-link) |
141
+ | `telia-style-navigation-item` | [Storybook/telia-style-navigation-item](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-link-style-navigation-item) |
142
+ | `telia-tab-content` | [Storybook/telia-tab-content](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab-content) |
143
+ | `telia-tab-header` | [Storybook/telia-tab-header](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab-header--tab-header) |
144
+ | `telia-tab` | [Storybook/telia-tab](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab) |
145
+ | `telia-text-input` | [Storybook/telia-text-input](https://docs.voca.teliacompany.com/?path=/story/form-elements-text-input) |
146
+ | `telia-text-spacing` | [Storybook/telia-text-spacing](https://docs.voca.teliacompany.com/?path=/story/utility-text-spacing) |
147
+ | `telia-textarea` | [Storybook/telia-textarea](https://docs.voca.teliacompany.com/?path=/story/form-elements-textarea) |
148
+ | `telia-toggle` | [Storybook/telia-toggle](https://docs.voca.teliacompany.com/?path=/story/actions-toggle) |
149
+ | `telia-visually-hidden` | [Storybook/telia-visually-hidden](https://docs.voca.teliacompany.com/?path=/story/utility-visually-hidden) |
150
+
151
+ ## Foundations
152
+
153
+ [Vocas foundation variables](https://docs.voca.teliacompany.com/?path=/story/foundations).
154
+
155
+ ```js
156
+ import {
157
+ borders,
158
+ breakpoints,
159
+ colors,
160
+ grid,
161
+ layers,
162
+ motion,
163
+ shadows,
164
+ spacing,
165
+ typography,
166
+ focus,
167
+ } from '@telia-ace/alliance-ui/voca/foundations';
168
+
169
+ console.log(colors.purple500);
170
+ // #990ae3
171
+ ```
172
+
173
+ ## Icons
174
+
175
+ [Vocas icons](https://docs.voca.teliacompany.com/?path=/story/assets-icon-example--example), typically used with `telia-icon`.
176
+
177
+ ```js
178
+ import '@telia-ace/alliance-ui/voca/components/telia-icon';
179
+ import { alarm } from '@telia-ace/alliance-ui/voca/icons';
180
+
181
+ <telia-icon svg={alarm.svg} />;
182
+ ```
@@ -2,4 +2,4 @@ const e = { name: "check-circle-filled", svg: '<svg viewBox="0 0 64 64" xmlns="h
2
2
  export {
3
3
  e as c
4
4
  };
5
- //# sourceMappingURL=check-circle-filled.03dd4fa8.js.map
5
+ //# sourceMappingURL=check-circle-filled.df23e8c5.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"check-circle-filled.df23e8c5.js","sources":["../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/check-circle-filled.js"],"sourcesContent":["const checkCircleFilled = { \"name\": \"check-circle-filled\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9829 16.5431 47.4569 4.01712 32 4ZM44.5613 24.5793L31.6382 43.9639C31.2806 44.5011 30.7008 44.8493 30.0586 44.9126C29.988 44.9197 29.9171 44.9232 29.8462 44.9231C29.275 44.9229 28.7272 44.696 28.3233 44.2921L19.7079 35.6767C19.1639 35.1326 18.9514 34.3396 19.1505 33.5964C19.3497 32.8533 19.9302 32.2728 20.6734 32.0736C21.4166 31.8745 22.2095 32.087 22.7536 32.631L29.5117 39.3881L40.9772 22.1899C41.4016 21.5439 42.1396 21.1749 42.9111 21.2229C43.6825 21.2709 44.3691 21.7286 44.7101 22.4223C45.0511 23.1159 44.9944 23.9391 44.5613 24.5793Z\\\"/></svg>\" };\n\nexport { checkCircleFilled as c };\n"],"names":["checkCircleFilled"],"mappings":"AAAK,MAACA,IAAoB,EAAE,MAAQ,uBAAuB,KAAO,8vBAAywB;"}
@@ -2,4 +2,4 @@ const e = { name: "chevron-down", svg: '<svg viewBox="0 0 64 64" xmlns="http://w
2
2
  export {
3
3
  e as c
4
4
  };
5
- //# sourceMappingURL=chevron-down.ea4a357f.js.map
5
+ //# sourceMappingURL=chevron-down.d3b31c8e.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chevron-down.d3b31c8e.js","sources":["../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/chevron-down.js"],"sourcesContent":["const chevronDown = { \"name\": \"chevron-down\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M53.0318 24.8653L33.5318 44.3653C33.1256 44.7717 32.5745 45.0001 31.9999 45.0001C31.4253 45.0001 30.8742 44.7717 30.468 44.3653L10.968 24.8653C10.122 24.0193 10.122 22.6476 10.968 21.8015C11.8141 20.9555 13.1858 20.9555 14.0318 21.8015L31.9999 39.7696L49.968 21.8015C50.8141 20.9555 52.1858 20.9555 53.0318 21.8015C53.8779 22.6476 53.8779 24.0193 53.0318 24.8653Z\\\"/></svg>\" };\n\nexport { chevronDown as c };\n"],"names":["chevronDown"],"mappings":"AAAK,MAACA,IAAc,EAAE,MAAQ,gBAAgB,KAAO,wfAAmgB;"}
@@ -2,4 +2,4 @@ const e = { name: "close", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.o
2
2
  export {
3
3
  e as c
4
4
  };
5
- //# sourceMappingURL=close.63145e8b.js.map
5
+ //# sourceMappingURL=close.676a0585.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"close.676a0585.js","sources":["../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/close.js"],"sourcesContent":["const close = { \"name\": \"close\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M51.365 48.3012C51.9123 48.8485 52.1261 49.6462 51.9258 50.3939C51.7254 51.1415 51.1415 51.7254 50.3939 51.9258C49.6462 52.1261 48.8485 51.9123 48.3012 51.365L32.4998 35.5636L16.6984 51.365C16.1511 51.9123 15.3534 52.1261 14.6058 51.9258C13.8581 51.7254 13.2742 51.1415 13.0739 50.3939C12.8735 49.6462 13.0873 48.8485 13.6346 48.3012L29.436 32.4998L13.6346 16.6984C13.0873 16.1511 12.8735 15.3534 13.0739 14.6058C13.2742 13.8581 13.8581 13.2742 14.6058 13.0739C15.3534 12.8735 16.1511 13.0873 16.6984 13.6346L32.4998 29.436L48.3012 13.6346C49.1473 12.7885 50.519 12.7885 51.365 13.6346C52.2111 14.4806 52.2111 15.8523 51.365 16.6984L35.5636 32.4998L51.365 48.3012Z\\\"/></svg>\" };\n\nexport { close as c };\n"],"names":["close"],"mappings":"AAAK,MAACA,IAAQ,EAAE,MAAQ,SAAS,KAAO,qyBAAgzB;"}
@@ -1,8 +1,8 @@
1
- import { LitElement } from 'lit';
2
- import '../voca/components/telia-label';
3
- export declare class ObjectListHead extends LitElement {
4
- static styles: import("lit").CSSResult;
5
- padded: boolean;
6
- label: string;
7
- render(): import("lit-html").TemplateResult<1>;
8
- }
1
+ import { LitElement } from 'lit';
2
+ import '../voca/components/telia-label';
3
+ export declare class ObjectListHead extends LitElement {
4
+ static styles: import("lit").CSSResult;
5
+ padded: boolean;
6
+ label: string;
7
+ render(): import("lit").TemplateResult<1>;
8
+ }
@@ -1,8 +1,8 @@
1
- import { i as d, e as n, s as c, y as b, r as h, a as f } from "../query-assigned-elements.ce962b7d.js";
2
- import "../telia-label2.772a27dd.js";
3
- import { s as m } from "../index.d5c12253.js";
4
- import "../index.887fae41.js";
5
- import "../telia-vst2.e5fee7c3.js";
1
+ import { i as d, e as n, s as c, y as b, r as h, a as f } from "../query-assigned-elements.859d7b76.js";
2
+ import "../telia-label2.be754448.js";
3
+ import { s as m } from "../index.b819c3f8.js";
4
+ import "../index.ad92b4ca.js";
5
+ import "../telia-vst2.f685dec5.js";
6
6
  var y = Object.defineProperty, u = Object.getOwnPropertyDescriptor, i = (o, r, l, s) => {
7
7
  for (var e = s > 1 ? void 0 : s ? u(r, l) : r, a = o.length - 1, p; a >= 0; a--)
8
8
  (p = o[a]) && (e = (s ? p(r, l, e) : p(e)) || e);
@@ -1 +1 @@
1
- {"version":3,"file":"alliance-object-list-head.js","sources":["../../src/components/alliance-object-list-head.ts"],"sourcesContent":["import { css, html, LitElement, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport '../voca/components/telia-label';\nimport { spacing } from '../voca/foundations';\n\n@customElement('alliance-object-list-head')\nexport class ObjectListHead extends LitElement {\n static styles = css`\n :host {\n flex: 1;\n }\n `;\n\n @property({ type: Boolean })\n padded: boolean = true;\n\n @property({ type: String })\n label: string = '';\n\n render() {\n return html`\n <style>\n :host {\n padding: ${this.padded ? unsafeCSS(spacing.spacing24) : 'inherit'};\n }\n </style>\n <telia-label>${this.label}</telia-label>\n `;\n }\n}\n"],"names":["ObjectListHead","LitElement","html","unsafeCSS","spacing","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;;;AAMa,IAAAA,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GAQe,KAAA,SAAA,IAGF,KAAA,QAAA;AAAA,EAAA;AAAA,EAEhB,SAAS;AACE,WAAAC;AAAAA;AAAAA;AAAAA,+BAGgB,KAAK,SAASC,EAAUC,EAAQ,SAAS,IAAI;AAAA;AAAA;AAAA,2BAGjD,KAAK;AAAA;AAAA,EAE5B;AACJ;AAvBaJ,EACF,SAASK;AAAAA;AAAAA;AAAAA;AAAAA;AAOhBC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS;AAAA,GAPlBP,EAQT,WAAA,UAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ;AAAA,GAVjBP,EAWT,WAAA,SAAA,CAAA;AAXSA,IAANM,EAAA;AAAA,EADNE,EAAc,2BAA2B;AAAA,GAC7BR,CAAA;"}
1
+ {"version":3,"file":"alliance-object-list-head.js","sources":["../../src/components/alliance-object-list-head.ts"],"sourcesContent":["import { css, html, LitElement, unsafeCSS } from 'lit';\r\nimport { customElement, property } from 'lit/decorators.js';\r\nimport '../voca/components/telia-label';\r\nimport { spacing } from '../voca/foundations';\r\n\r\n@customElement('alliance-object-list-head')\r\nexport class ObjectListHead extends LitElement {\r\n static styles = css`\r\n :host {\r\n flex: 1;\r\n }\r\n `;\r\n\r\n @property({ type: Boolean })\r\n padded: boolean = true;\r\n\r\n @property({ type: String })\r\n label: string = '';\r\n\r\n render() {\r\n return html`\r\n <style>\r\n :host {\r\n padding: ${this.padded ? unsafeCSS(spacing.spacing24) : 'inherit'};\r\n }\r\n </style>\r\n <telia-label>${this.label}</telia-label>\r\n `;\r\n }\r\n}\r\n"],"names":["ObjectListHead","LitElement","html","unsafeCSS","spacing","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;;;AAMa,IAAAA,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GAQe,KAAA,SAAA,IAGF,KAAA,QAAA;AAAA,EAAA;AAAA,EAEhB,SAAS;AACE,WAAAC;AAAAA;AAAAA;AAAAA,+BAGgB,KAAK,SAASC,EAAUC,EAAQ,SAAS,IAAI;AAAA;AAAA;AAAA,2BAGjD,KAAK;AAAA;AAAA,EAE5B;AACJ;AAvBaJ,EACF,SAASK;AAAAA;AAAAA;AAAAA;AAAAA;AAOhBC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS;AAAA,GAPlBP,EAQT,WAAA,UAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ;AAAA,GAVjBP,EAWT,WAAA,SAAA,CAAA;AAXSA,IAANM,EAAA;AAAA,EADNE,EAAc,2BAA2B;AAAA,GAC7BR,CAAA;"}
@@ -1,6 +1,6 @@
1
- import { LitElement } from 'lit';
2
- export declare class ObjectListItem extends LitElement {
3
- static styles: import("lit").CSSResult;
4
- padded: boolean;
5
- render(): import("lit-html").TemplateResult<1>;
6
- }
1
+ import { LitElement } from 'lit';
2
+ export declare class ObjectListItem extends LitElement {
3
+ static styles: import("lit").CSSResult;
4
+ padded: boolean;
5
+ render(): import("lit").TemplateResult<1>;
6
+ }
@@ -1,4 +1,4 @@
1
- import { i as n, e as c, s as d, y as m, r as f, a as u } from "../query-assigned-elements.ce962b7d.js";
1
+ import { i as n, e as c, s as d, y as m, r as f, a as u } from "../query-assigned-elements.859d7b76.js";
2
2
  const v = "calc(2.4rem * var(--voca-rem-multiplier))";
3
3
  var y = Object.defineProperty, h = Object.getOwnPropertyDescriptor, i = (p, t, l, r) => {
4
4
  for (var e = r > 1 ? void 0 : r ? h(t, l) : t, a = p.length - 1, o; a >= 0; a--)
@@ -1 +1 @@
1
- {"version":3,"file":"alliance-object-list-item.js","sources":["../../src/components/alliance-object-list-item.ts"],"sourcesContent":["import { spacing24 } from '@teliads/components/foundations/spacing/variables.json';\nimport { css, html, LitElement, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('alliance-object-list-item')\nexport class ObjectListItem extends LitElement {\n static styles = css`\n :host {\n flex: 1;\n display: flex;\n align-items: center;\n }\n `;\n\n @property({ type: Boolean })\n padded: boolean = true;\n\n render() {\n return html`\n <style>\n :host {\n padding: ${this.padded ? unsafeCSS(spacing24) : 'inherit'};\n }\n </style>\n <slot></slot>\n `;\n }\n}\n"],"names":["ObjectListItem","LitElement","html","unsafeCSS","spacing24","css","__decorateClass","property","customElement"],"mappings":";;;;;;;AAKa,IAAAA,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GAUe,KAAA,SAAA;AAAA,EAAA;AAAA,EAElB,SAAS;AACE,WAAAC;AAAAA;AAAAA;AAAAA,+BAGgB,KAAK,SAASC,EAAUC,CAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhE;AACJ;AAtBaJ,EACF,SAASK;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAShBC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS;AAAA,GATlBP,EAUT,WAAA,UAAA,CAAA;AAVSA,IAANM,EAAA;AAAA,EADNE,EAAc,2BAA2B;AAAA,GAC7BR,CAAA;"}
1
+ {"version":3,"file":"alliance-object-list-item.js","sources":["../../src/components/alliance-object-list-item.ts"],"sourcesContent":["import { spacing24 } from '@teliads/components/foundations/spacing/variables.json';\r\nimport { css, html, LitElement, unsafeCSS } from 'lit';\r\nimport { customElement, property } from 'lit/decorators.js';\r\n\r\n@customElement('alliance-object-list-item')\r\nexport class ObjectListItem extends LitElement {\r\n static styles = css`\r\n :host {\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n `;\r\n\r\n @property({ type: Boolean })\r\n padded: boolean = true;\r\n\r\n render() {\r\n return html`\r\n <style>\r\n :host {\r\n padding: ${this.padded ? unsafeCSS(spacing24) : 'inherit'};\r\n }\r\n </style>\r\n <slot></slot>\r\n `;\r\n }\r\n}\r\n"],"names":["ObjectListItem","LitElement","html","unsafeCSS","spacing24","css","__decorateClass","property","customElement"],"mappings":";;;;;;;AAKa,IAAAA,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GAUe,KAAA,SAAA;AAAA,EAAA;AAAA,EAElB,SAAS;AACE,WAAAC;AAAAA;AAAAA;AAAAA,+BAGgB,KAAK,SAASC,EAAUC,CAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhE;AACJ;AAtBaJ,EACF,SAASK;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAShBC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS;AAAA,GATlBP,EAUT,WAAA,UAAA,CAAA;AAVSA,IAANM,EAAA;AAAA,EADNE,EAAc,2BAA2B;AAAA,GAC7BR,CAAA;"}
@@ -1,7 +1,7 @@
1
- import { LitElement } from 'lit';
2
- import '../voca/components/telia-divider';
3
- export declare class ObjectListItem extends LitElement {
4
- static styles: import("lit").CSSResult;
5
- clickable: boolean;
6
- render(): import("lit-html").TemplateResult<1>;
7
- }
1
+ import { LitElement } from 'lit';
2
+ import '../voca/components/telia-divider';
3
+ export declare class ObjectListItem extends LitElement {
4
+ static styles: import("lit").CSSResult;
5
+ clickable: boolean;
6
+ render(): import("lit").TemplateResult<1>;
7
+ }
@@ -1,9 +1,9 @@
1
- import { i as u, r as e, e as d, s as m, y as j, a as v } from "../query-assigned-elements.ce962b7d.js";
2
- import "../telia-divider.234d5cda.js";
3
- import { m as b, c as n, s as $ } from "../index.d5c12253.js";
4
- import { f as p } from "../variables.a6d7935e.js";
5
- import "../index.887fae41.js";
6
- import "../telia-vst2.e5fee7c3.js";
1
+ import { i as u, r as e, e as d, s as m, y as j, a as v } from "../query-assigned-elements.859d7b76.js";
2
+ import "../telia-divider.a3153134.js";
3
+ import { m as b, c as n, s as $ } from "../index.b819c3f8.js";
4
+ import { f as p } from "../variables.197b13a1.js";
5
+ import "../index.ad92b4ca.js";
6
+ import "../telia-vst2.f685dec5.js";
7
7
  var k = Object.defineProperty, g = Object.getOwnPropertyDescriptor, f = (a, t, i, c) => {
8
8
  for (var o = c > 1 ? void 0 : c ? g(t, i) : t, r = a.length - 1, s; r >= 0; r--)
9
9
  (s = a[r]) && (o = (c ? s(t, i, o) : s(o)) || o);
@@ -1 +1 @@
1
- {"version":3,"file":"alliance-object-list-row.js","sources":["../../src/components/alliance-object-list-row.ts"],"sourcesContent":["import { css, html, LitElement, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport '../voca/components/telia-divider';\nimport { colors, focus, motion, spacing } from '../voca/foundations';\n\n@customElement('alliance-object-list-item')\nexport class ObjectListItem extends LitElement {\n static styles = css`\n .object-list-row {\n display: flex;\n flex-direction: row;\n }\n .object-list-clickable {\n background-color: transparent;\n transition: background-color ${unsafeCSS(motion.duration150)}\n ${unsafeCSS(motion.easeIn)};\n cursor: pointer;\n }\n\n .object-list-clickable:hover,\n .object-list-clickable:focus-visible,\n .object-list-clickable:focus {\n background-color: ${unsafeCSS(colors.gray200)};\n }\n\n .object-list-clickable:active {\n background-color: ${unsafeCSS(colors.gray300)};\n }\n\n .object-list-clickable:focus-visible {\n outline: solid ${unsafeCSS(focus.focusBorderWidth)} ${unsafeCSS(focus.focusColor)};\n outline-offset: ${unsafeCSS(spacing.spacing4)};\n }\n `;\n\n @property({ type: Boolean })\n clickable: boolean = false;\n\n render() {\n return html`\n <div\n tabindex=\"${this.clickable ? '0' : '-1'}\"\n class=\"${'object-list-row'}${this.clickable ? ' object-list-clickable' : ''}\"\n >\n <slot></slot>\n </div>\n <telia-divider />\n `;\n }\n}\n"],"names":["ObjectListItem","LitElement","html","css","unsafeCSS","motion","colors","focus","spacing","__decorateClass","property","customElement"],"mappings":";;;;;;;;;;;AAMa,IAAAA,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GA8BkB,KAAA,YAAA;AAAA,EAAA;AAAA,EAErB,SAAS;AACE,WAAAC;AAAAA;AAAAA,4BAEa,KAAK,YAAY,MAAM;AAAA,yBAC1B,oBAAoB,KAAK,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMrF;AACJ;AA3CaF,EACF,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2CAOuBC,EAAUC,EAAO,WAAW;AAAA,kBACrDD,EAAUC,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAOTD,EAAUE,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA,gCAIxBF,EAAUE,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA,6BAI3BF,EAAUG,EAAM,gBAAgB,KAAKH,EAAUG,EAAM,UAAU;AAAA,8BAC9DH,EAAUI,EAAQ,QAAQ;AAAA;AAAA;AAKpDC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS;AAAA,GA7BlBV,EA8BT,WAAA,aAAA,CAAA;AA9BSA,IAANS,EAAA;AAAA,EADNE,EAAc,2BAA2B;AAAA,GAC7BX,CAAA;"}
1
+ {"version":3,"file":"alliance-object-list-row.js","sources":["../../src/components/alliance-object-list-row.ts"],"sourcesContent":["import { css, html, LitElement, unsafeCSS } from 'lit';\r\nimport { customElement, property } from 'lit/decorators.js';\r\nimport '../voca/components/telia-divider';\r\nimport { colors, focus, motion, spacing } from '../voca/foundations';\r\n\r\n@customElement('alliance-object-list-item')\r\nexport class ObjectListItem extends LitElement {\r\n static styles = css`\r\n .object-list-row {\r\n display: flex;\r\n flex-direction: row;\r\n }\r\n .object-list-clickable {\r\n background-color: transparent;\r\n transition: background-color ${unsafeCSS(motion.duration150)}\r\n ${unsafeCSS(motion.easeIn)};\r\n cursor: pointer;\r\n }\r\n\r\n .object-list-clickable:hover,\r\n .object-list-clickable:focus-visible,\r\n .object-list-clickable:focus {\r\n background-color: ${unsafeCSS(colors.gray200)};\r\n }\r\n\r\n .object-list-clickable:active {\r\n background-color: ${unsafeCSS(colors.gray300)};\r\n }\r\n\r\n .object-list-clickable:focus-visible {\r\n outline: solid ${unsafeCSS(focus.focusBorderWidth)} ${unsafeCSS(focus.focusColor)};\r\n outline-offset: ${unsafeCSS(spacing.spacing4)};\r\n }\r\n `;\r\n\r\n @property({ type: Boolean })\r\n clickable: boolean = false;\r\n\r\n render() {\r\n return html`\r\n <div\r\n tabindex=\"${this.clickable ? '0' : '-1'}\"\r\n class=\"${'object-list-row'}${this.clickable ? ' object-list-clickable' : ''}\"\r\n >\r\n <slot></slot>\r\n </div>\r\n <telia-divider />\r\n `;\r\n }\r\n}\r\n"],"names":["ObjectListItem","LitElement","html","css","unsafeCSS","motion","colors","focus","spacing","__decorateClass","property","customElement"],"mappings":";;;;;;;;;;;AAMa,IAAAA,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GA8BkB,KAAA,YAAA;AAAA,EAAA;AAAA,EAErB,SAAS;AACE,WAAAC;AAAAA;AAAAA,4BAEa,KAAK,YAAY,MAAM;AAAA,yBAC1B,oBAAoB,KAAK,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMrF;AACJ;AA3CaF,EACF,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2CAOuBC,EAAUC,EAAO,WAAW;AAAA,kBACrDD,EAAUC,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAOTD,EAAUE,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA,gCAIxBF,EAAUE,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA,6BAI3BF,EAAUG,EAAM,gBAAgB,KAAKH,EAAUG,EAAM,UAAU;AAAA,8BAC9DH,EAAUI,EAAQ,QAAQ;AAAA;AAAA;AAKpDC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS;AAAA,GA7BlBV,EA8BT,WAAA,aAAA,CAAA;AA9BSA,IAANS,EAAA;AAAA,EADNE,EAAc,2BAA2B;AAAA,GAC7BX,CAAA;"}
@@ -1,13 +1,13 @@
1
- import { LitElement } from 'lit';
2
- import './alliance-object-list-head';
3
- import './alliance-object-list-row';
4
- declare type Column = {
5
- id: string;
6
- title: string;
7
- };
8
- export declare class ObjectList extends LitElement {
9
- static styles: import("lit").CSSResult;
10
- columns: Column[];
11
- render(): import("lit-html").TemplateResult<1>;
12
- }
13
- export {};
1
+ import { LitElement } from 'lit';
2
+ import './alliance-object-list-head';
3
+ import './alliance-object-list-row';
4
+ declare type Column = {
5
+ id: string;
6
+ title: string;
7
+ };
8
+ export declare class ObjectList extends LitElement {
9
+ static styles: import("lit").CSSResult;
10
+ columns: Column[];
11
+ render(): import("lit").TemplateResult<1>;
12
+ }
13
+ export {};
@@ -1,12 +1,12 @@
1
- import { L as P, x as j, i as w, e as O, s as C, y as b, a as I } from "../query-assigned-elements.ce962b7d.js";
1
+ import { L as P, x as j, i as w, e as O, s as C, y as b, a as I } from "../query-assigned-elements.859d7b76.js";
2
2
  import "./alliance-object-list-head.js";
3
3
  import "./alliance-object-list-row.js";
4
- import "../telia-label2.772a27dd.js";
5
- import "../index.887fae41.js";
6
- import "../telia-vst2.e5fee7c3.js";
7
- import "../index.d5c12253.js";
8
- import "../telia-divider.234d5cda.js";
9
- import "../variables.a6d7935e.js";
4
+ import "../telia-label2.be754448.js";
5
+ import "../index.ad92b4ca.js";
6
+ import "../telia-vst2.f685dec5.js";
7
+ import "../index.b819c3f8.js";
8
+ import "../telia-divider.a3153134.js";
9
+ import "../variables.197b13a1.js";
10
10
  /**
11
11
  * @license
12
12
  * Copyright 2017 Google LLC