@telia-ace/alliance-ui 1.0.6-next.1 → 1.0.6-next.3

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 (16) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/README.md +2 -399
  3. package/chunks/{variables-03fe2cd9.js → variables-07547793.js} +4 -4
  4. package/chunks/{variables-03fe2cd9.js.map → variables-07547793.js.map} +1 -1
  5. package/components/alliance-modal/alliance-modal.d.ts +4 -2
  6. package/components/index.js +252 -225
  7. package/components/index.js.map +1 -1
  8. package/package.json +11 -17
  9. package/style.css +1 -0
  10. package/voca/foundations/component-library-styling.d.ts +1 -0
  11. package/voca/foundations/component-library-styling.js +3 -0
  12. package/voca/foundations/component-library-styling.js.map +1 -0
  13. package/voca/foundations/index.js +1 -1
  14. package/components/alliance-modal/alliance-modal.stories.d.ts +0 -6
  15. package/components/alliance-paginator/alliance-paginator.stories.d.ts +0 -6
  16. package/components/alliance-table/alliance-table.stories.d.ts +0 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @telia-ace/alliance-ui
2
2
 
3
+ ## 1.0.6-next.3
4
+
5
+ ### Patch Changes
6
+
7
+ - 1740edd: Fix `<alliance-modal>` having incorrect `z-index`.
8
+
9
+ ## 1.0.6-next.2
10
+
11
+ ### Patch Changes
12
+
13
+ - cc604b0: Improvements to `<alliance-modal>`.
14
+
15
+ - Sets `max-width` to same width as [Voca Large breakpoint](https://docs.voca.teliacompany.com/?path=/story/foundations-breakpoints-showcase--showcase) (`1024px` / `64em`).
16
+ - Adds scrolling support.
17
+ ![image](https://i.imgur.com/fz2FD8R.gif)
18
+ - Uses `<dialog>` instead of `<div>` for modal window.
19
+ - Adds support for `disabled` actions.
20
+
21
+ - cc604b0: Relative path support in CSS import vite plugin.
22
+
3
23
  ## 1.0.6-next.1
4
24
 
5
25
  ### Patch Changes
package/README.md CHANGED
@@ -1,402 +1,5 @@
1
1
  # ACE Alliance UI
2
2
 
3
- # Alliance Components
3
+ User interface used when developing ACE Alliance apps.
4
4
 
5
- All `alliance-` components are imported when starting the Alliance server, so these components are available out of the box.
6
-
7
- <br>
8
-
9
- ## `Table`
10
-
11
- Used to render tabular data.
12
-
13
- ```html
14
- <alliance-table> ... </alliance-table>
15
- ```
16
-
17
- <br>
18
-
19
- ## `Table Row`
20
-
21
- Used to render a row inside a table.
22
-
23
- ```html
24
- <alliance-table>
25
- <alliance-tr>
26
- <!-- cells -->
27
- </alliance-tr>
28
- </alliance-table>
29
- ```
30
-
31
- ### Properties
32
-
33
- | Name | Type | Required | Default | Description |
34
- | --------- | --------- | -------- | ------- | ------------------------------------------- |
35
- | clickable | `boolean` | No | `false` | Whether the row should be clickable or not. |
36
-
37
- <br>
38
-
39
- ## `Table Head`
40
-
41
- Used to display a column head inside a table row.
42
-
43
- ```html
44
- <alliance-table>
45
- <alliance-tr>
46
- <alliance-th label="Column header" />
47
- </alliance-tr>
48
- </alliance-table>
49
- ```
50
-
51
- ### Properties
52
-
53
- | Name | Type | Required | Default | Description |
54
- | ----- | -------- | -------- | ------- | --------------- |
55
- | label | `string` | No | `''` | The head label. |
56
-
57
- <br>
58
-
59
- ## `Table Data`
60
-
61
- Used to display a cell with data inside a table row.
62
-
63
- ```html
64
- <alliance-table>
65
- <alliance-tr>
66
- <alliance-td><!-- data --></alliance-td>
67
- </alliance-tr>
68
- </alliance-table>
69
- ```
70
-
71
- <br>
72
-
73
- ## `Paginator`
74
-
75
- Used to navigate between pages of tabular data.
76
-
77
- ```html
78
- <alliance-paginator item-count="1000" />
79
- ```
80
-
81
- ### Properties
82
-
83
- | Name | Type | Required | Default | Description |
84
- | --------------- | -------- | -------- | ------- | ----------------------------------------------------------- |
85
- | `item-count` | `number` | Yes | N/A | Total amount of items. |
86
- | `page-size` | `number` | No | `50` | Total amount of items displayed on each page. |
87
- | `initial-page` | `number` | No | `1` | Which page is selected on initial render. |
88
- | `sibling-count` | `number` | No | `2` | Minimal amount of pages displayed beside the selected page. |
89
-
90
- ### Events
91
-
92
- | Name | Detail Type | Cancelable | Description |
93
- | ------------- | ----------- | ---------- | --------------------------- |
94
- | `change-page` | `number` | Yes | Emitted when changing page. |
95
-
96
- <br>
97
-
98
- ## `Modal`
99
-
100
- Used to display content in a modal window on top of the page.
101
-
102
- ```html
103
- <alliance-modal header="Header">
104
- <p>
105
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consequat, est ut
106
- vehicula maximus.
107
- </p>
108
- </alliance-modal>
109
- ```
110
-
111
- ### Properties
112
-
113
- | Name | Type | Required | Default | Description |
114
- | --------- | --------------------- | -------- | ------- | ---------------------------------------------- |
115
- | `header` | `string` | Yes | N/A | Modal header label. |
116
- | `actions` | [`Action[]`](#action) | No | `[]` | Action buttons to display in the modal footer. |
117
-
118
- #### Action
119
-
120
- | Name | Type | Required | Default | Description |
121
- | --------- | --------------------------------------------------------------------------------------- | -------- | ----------- | ---------------------------------------------------------- |
122
- | `variant` | [`TeliaButtonVariant`](https://docs.voca.teliacompany.com/?path=/story/actions-buttons) | No | `'primary'` | Action button variant. |
123
- | `label` | `string` | Yes | N/A | Action button label. |
124
- | `action` | `string` | Yes | N/A | Action key to dispatch when clicking on the action button. |
125
-
126
- ### Events
127
-
128
- | Name | Detail Type | Cancelable | Description |
129
- | -------- | ----------- | ---------- | ------------------------------------------------------------------------------- |
130
- | `action` | `string` | No | Emitted when clicking the close button, the modal backdrop or an action button. |
131
-
132
- <br>
133
-
134
- # Voca
135
-
136
- The Alliance UI extends parts of Voca.
137
-
138
- <br>
139
-
140
- ## Components
141
-
142
- Certain Voca components are available.
143
-
144
- ```js
145
- import '@telia-ace/alliance-ui/voca/components/telia-button';
146
-
147
- <telia-button>Click me!</telia-button>;
148
- ```
149
-
150
- | Component | Link to Voca Storybook |
151
- | ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
152
- | `telia-accordion-item` | [Storybook/telia-accordion-item](https://docs.voca.teliacompany.com/?path=/story/page-sections-accordion-accordion-item) |
153
- | `telia-accordion` | [Storybook/telia-accordion](https://docs.voca.teliacompany.com/?path=/story/page-sections-accordion) |
154
- | `telia-badge` | [Storybook/telia-badge](https://docs.voca.teliacompany.com/?path=/story/indicators-badge) |
155
- | `telia-button` | [Storybook/telia-button](https://docs.voca.teliacompany.com/?path=/story/actions-buttons--primary) |
156
- | `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) |
157
- | `telia-card-frame` | [Storybook/telia-card-frame](https://docs.voca.teliacompany.com/?path=/story/cards-card-frame--showcase) |
158
- | `telia-checkbox` | [Storybook/telia-checkbox](https://docs.voca.teliacompany.com/?path=/story/form-elements-checkbox--showcase) |
159
- | `telia-chip-choice` | [Storybook/telia-chip-choice](https://docs.voca.teliacompany.com/?path=/story/actions-chip-choice--showcase) |
160
- | `telia-chip-filter` | [Storybook/telia-chip-filter](https://docs.voca.teliacompany.com/?path=/story/actions-chip-filter--showcase) |
161
- | `telia-col` | [Storybook/telia-col](https://docs.voca.teliacompany.com/?path=/story/utility-grid-%EF%B8%8F%E2%83%A3-column) |
162
- | `telia-color-dot` | [Storybook/telia-color-dot](https://docs.voca.teliacompany.com/?path=/story/indicators-color-dot--showcase) |
163
- | `telia-cta-link` | [Storybook/telia-cta-link](https://docs.voca.teliacompany.com/?path=/story/navigation-cta-link--showcase) |
164
- | `telia-date-picker` | [Storybook/telia-date-picker](https://docs.voca.teliacompany.com/?path=/story/form-elements-date-picker--showcase) |
165
- | `telia-divider` | [Storybook/telia-divider](https://docs.voca.teliacompany.com/?path=/story/utility-divider-showcase--showcase) |
166
- | `telia-field-assistive-text` | [Storybook/telia-field-assistive-text](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text--field-assistive-text) |
167
- | `telia-field-error` | [Storybook/telia-field-error](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-field-error--field-error) |
168
- | `telia-field-valid` | [Storybook/telia-field-valid](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-field-valid--field-valid) |
169
- | `telia-fieldset` | [Storybook/telia-fieldset](https://docs.voca.teliacompany.com/?path=/story/form-elements-form-fieldset) |
170
- | `telia-focus-trap` | [Storybook/telia-focus-trap](https://docs.voca.teliacompany.com/?path=/story/utility-focus-focus-trap) |
171
- | `telia-form` | [Storybook/telia-form](https://docs.voca.teliacompany.com/?path=/story/form-elements-form--showcase) |
172
- | `telia-grid` | [Storybook/telia-grid](https://docs.voca.teliacompany.com/?path=/story/utility-grid-%EF%B8%8F%E2%83%A3-grid--grid) |
173
- | `telia-heading` | [Storybook/telia-heading](https://docs.voca.teliacompany.com/?path=/story/utility-heading) |
174
- | `telia-icon` | [Storybook/telia-icon](https://docs.voca.teliacompany.com/?path=/story/assets-icon) |
175
- | `telia-image` | [Storybook/telia-image](https://docs.voca.teliacompany.com/?path=/story/utility-image) |
176
- | `telia-label` | [Storybook/telia-label](https://docs.voca.teliacompany.com/?path=/story/utility-assistive-text-label--label) |
177
- | `telia-link-image` | [Storybook/telia-link-image](https://docs.voca.teliacompany.com/?path=/story/navigation-links-link-image) |
178
- | `telia-link` | [Storybook/telia-link](https://docs.voca.teliacompany.com/?path=/story/navigation-links-link) |
179
- | `telia-list` | [Storybook/telia-list](https://docs.voca.teliacompany.com/?path=/story/navigation-links-list) |
180
- | `telia-logo` | [Storybook/telia-logo](https://docs.voca.teliacompany.com/?path=/story/assets-logo) |
181
- | `telia-navigation-button` | [Storybook/telia-navigation-button](https://docs.voca.teliacompany.com/?path=/story/navigation-breadcrumbs) |
182
- | `telia-navigation-dropdown` | [Storybook/telia-navigation-dropdown](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-dropdown) |
183
- | `telia-navigation-link` | [Storybook/telia-navigation-link](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-link) |
184
- | `telia-notification` | [Storybook/telia-notification](https://docs.voca.teliacompany.com/?path=/story/notification-notification) |
185
- | `telia-overlay` | [Storybook/telia-overlay](https://docs.voca.teliacompany.com/?path=/story/utility-overlay-showcase) |
186
- | `telia-p` | [Storybook/telia-p](https://docs.voca.teliacompany.com/?path=/story/utility-paragraph) |
187
- | `telia-pictogram` | [Storybook/telia-pictogram](https://docs.voca.teliacompany.com/?path=/story/assets-pictogram) |
188
- | `telia-radio-button` | [Storybook/telia-radio-button](https://docs.voca.teliacompany.com/?path=/story/form-elements-radio-button) |
189
- | `telia-row` | [Storybook/telia-row](https://docs.voca.teliacompany.com/?path=/story/utility-grid-%EF%B8%8F%E2%83%A3-row--row) |
190
- | `telia-select` | [Storybook/telia-select](https://docs.voca.teliacompany.com/?path=/story/form-elements-select) |
191
- | `telia-skeleton` | [Storybook/telia-skeleton](https://docs.voca.teliacompany.com/?path=/story/indicators-skeleton) |
192
- | `telia-status-badge` | [Storybook/telia-status-badge](https://docs.voca.teliacompany.com/?path=/story/indicators-status-badge) |
193
- | `telia-style-link` | [Storybook/telia-style-link](https://docs.voca.teliacompany.com/?path=/story/utility-style-link) |
194
- | `telia-style-navigation-item` | [Storybook/telia-style-navigation-item](https://docs.voca.teliacompany.com/?path=/story/navigation-global-navigation-navigation-link-style-navigation-item) |
195
- | `telia-tab-content` | [Storybook/telia-tab-content](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab-content) |
196
- | `telia-tab-header` | [Storybook/telia-tab-header](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab-header--tab-header) |
197
- | `telia-tab` | [Storybook/telia-tab](https://docs.voca.teliacompany.com/?path=/story/navigation-tabs-tab) |
198
- | `telia-text-input` | [Storybook/telia-text-input](https://docs.voca.teliacompany.com/?path=/story/form-elements-text-input) |
199
- | `telia-text-spacing` | [Storybook/telia-text-spacing](https://docs.voca.teliacompany.com/?path=/story/utility-text-spacing) |
200
- | `telia-textarea` | [Storybook/telia-textarea](https://docs.voca.teliacompany.com/?path=/story/form-elements-textarea) |
201
- | `telia-toggle` | [Storybook/telia-toggle](https://docs.voca.teliacompany.com/?path=/story/actions-toggle) |
202
- | `telia-visually-hidden` | [Storybook/telia-visually-hidden](https://docs.voca.teliacompany.com/?path=/story/utility-visually-hidden) |
203
-
204
- <br>
205
-
206
- ## Foundations
207
-
208
- [Vocas foundation variables](https://docs.voca.teliacompany.com/?path=/story/foundations).
209
-
210
- ```js
211
- import {
212
- borders,
213
- breakpoints,
214
- colors,
215
- grid,
216
- layers,
217
- motion,
218
- shadows,
219
- spacing,
220
- typography,
221
- focus,
222
- } from '@telia-ace/alliance-ui/voca/foundations';
223
-
224
- console.log(colors.purple500);
225
- // #990ae3
226
- ```
227
-
228
- ### CSS Variables
229
-
230
- The CLI includes the following CSS variables when serving apps.
231
-
232
- _They can be accessed using the [var()](https://developer.mozilla.org/en-US/docs/Web/CSS/var) CSS function._
233
-
234
- | Variable | Equivalent Voca SCSS Variable |
235
- | -------------------------- | ---------------------------------------------------- |
236
- | `--font-telia-heading` | `$telia-typography-telia-sans-heading-font-family` |
237
- | `--font-telia-sans` | `$telia-typography-telia-sans-font-family` |
238
- | `--font-normal` | `$telia-typography-weight-normal` |
239
- | `--font-medium` | `$telia-typography-weight-medium` |
240
- | `--font-bold` | `$telia-typography-weight-bold` |
241
- | `--spacing-0` | `$telia-spacing-0` |
242
- | `--spacing-2` | `$telia-spacing-2` |
243
- | `--spacing-4` | `$telia-spacing-4` |
244
- | `--spacing-8` | `$telia-spacing-8` |
245
- | `--spacing-12` | `$telia-spacing-12` |
246
- | `--spacing-16` | `$telia-spacing-16` |
247
- | `--spacing-20` | `$telia-spacing-20` |
248
- | `--spacing-24` | `$telia-spacing-24` |
249
- | `--spacing-32` | `$telia-spacing-32` |
250
- | `--spacing-48` | `$telia-spacing-48` |
251
- | `--spacing-64` | `$telia-spacing-64` |
252
- | `--spacing-80` | `$telia-spacing-80` |
253
- | `--spacing-96` | `$telia-spacing-96` |
254
- | `--spacing-128` | `$telia-spacing-128` |
255
- | `--box-shadow-none` | `$telia-shadow-none` |
256
- | `--box-shadow-sm` | `$telia-shadow-sm` |
257
- | `--box-shadow-md` | `$telia-shadow-md` |
258
- | `--box-shadow-lg` | `$telia-shadow-lg` |
259
- | `--duration-50` | `$telia-duration-50` |
260
- | `--duration-100` | `$telia-duration-100` |
261
- | `--duration-150` | `$telia-duration-150` |
262
- | `--duration-200` | `$telia-duration-200` |
263
- | `--duration-250` | `$telia-duration-250` |
264
- | `--duration-300` | `$telia-duration-300` |
265
- | `--duration-350` | `$telia-duration-350` |
266
- | `--duration-400` | `$telia-duration-400` |
267
- | `--duration-500` | `$telia-duration-500` |
268
- | `--duration-1500` | `$telia-duration-1500` |
269
- | `--duration-2000` | `$telia-duration-2000` |
270
- | `--timing-ease-in` | `$telia-ease-in` |
271
- | `--timing-ease-out` | `$telia-ease-out` |
272
- | `--timing-ease-in-out` | `$telia-ease-in-out` |
273
- | `--layer-base` | `$layer-base` |
274
- | `--layer-dropdown` | `$layer-dropdown` |
275
- | `--layer-header` | `$layer-header` |
276
- | `--layer-modal` | `$layer-modal` |
277
- | `--border-width-none` | `$telia-border-width-0` |
278
- | `--border-width-xs` | `$telia-border-width-1` |
279
- | `--border-width-sm` | `$telia-border-width-2` |
280
- | `--border-width-md` | `$telia-border-width-3` |
281
- | `--border-radius-none` | `$telia-border-radiusNone` |
282
- | `--border-radius-default` | `$telia-border-radiusDefault` |
283
- | `--border-radius-sm` | `$telia-border-radiusSm` |
284
- | `--border-radius-lg` | `$telia-border-radiusLg` |
285
- | `--border-radius-full` | `$telia-border-radiusFull` |
286
- | `--screen-size-sm` | `$telia-breakpoint-small` |
287
- | `--screen-size-md` | `$telia-breakpoint-medium` |
288
- | `--screen-size-lg` | `$telia-breakpoint-large` |
289
- | `--screen-size-xl` | `$telia-breakpoint-xlarge` |
290
- | `--grid-gutter-sm` | `$gutter` |
291
- | `--grid-gutter-md` | `$gutter-medium` |
292
- | `--grid-gutter-lg` | `$gutter-large` |
293
- | `--grid-page-padding-sm` | `$page-padding` |
294
- | `--grid-page-padding-md` | `$page-padding-m` |
295
- | `--grid-page-padding-lg` | `$page-padding-l` |
296
- | `--grid-page-padding-xl` | `$page-padding-xl` |
297
- | `--purple-100` | `$telia-purple-100` |
298
- | `--purple-200` | `$telia-purple-200` |
299
- | `--purple-300` | `$telia-purple-300` |
300
- | `--purple-400` | `$telia-purple-400` |
301
- | `--purple-500` | `$telia-purple-500` |
302
- | `--purple-600` | `$telia-purple-600` |
303
- | `--purple-700` | `$telia-purple-700` |
304
- | `--purple-800` | `$telia-purple-800` |
305
- | `--purple-850` | `$telia-purple-850` |
306
- | `--purple-900` | `$telia-purple-900` |
307
- | `--beige-50` | `$telia-beige-50` |
308
- | `--beige-100` | `$telia-beige-100` |
309
- | `--beige-200` | `$telia-beige-200` |
310
- | `--beige-300` | `$telia-beige-300` |
311
- | `--beige-400` | `$telia-beige-400` |
312
- | `--beige-500` | `$telia-beige-500` |
313
- | `--beige-600` | `$telia-beige-600` |
314
- | `--beige-700` | `$telia-beige-700` |
315
- | `--beige-800` | `$telia-beige-800` |
316
- | `--beige-900` | `$telia-beige-900` |
317
- | `--gray-50` | `$telia-gray-50` |
318
- | `--gray-100` | `$telia-gray-100` |
319
- | `--gray-200` | `$telia-gray-200` |
320
- | `--gray-300` | `$telia-gray-300` |
321
- | `--gray-400` | `$telia-gray-400` |
322
- | `--gray-500` | `$telia-gray-500` |
323
- | `--gray-600` | `$telia-gray-600` |
324
- | `--gray-700` | `$telia-gray-700` |
325
- | `--gray-800` | `$telia-gray-800` |
326
- | `--gray-900` | `$telia-gray-900` |
327
- | `--green-100` | `$telia-green-100` |
328
- | `--green-200` | `$telia-green-200` |
329
- | `--green-300` | `$telia-green-300` |
330
- | `--green-400` | `$telia-green-400` |
331
- | `--green-500` | `$telia-green-500` |
332
- | `--green-600` | `$telia-green-600` |
333
- | `--green-700` | `$telia-green-700` |
334
- | `--green-800` | `$telia-green-800` |
335
- | `--green-900` | `$telia-green-900` |
336
- | `--red-100` | `$telia-red-100` |
337
- | `--red-200` | `$telia-red-200` |
338
- | `--red-300` | `$telia-red-300` |
339
- | `--red-400` | `$telia-red-400` |
340
- | `--red-500` | `$telia-red-500` |
341
- | `--red-600` | `$telia-red-600` |
342
- | `--red-700` | `$telia-red-700` |
343
- | `--red-800` | `$telia-red-800` |
344
- | `--red-900` | `$telia-red-900` |
345
- | `--orange-100` | `$telia-orange-100` |
346
- | `--orange-200` | `$telia-orange-200` |
347
- | `--orange-300` | `$telia-orange-300` |
348
- | `--orange-400` | `$telia-orange-400` |
349
- | `--orange-500` | `$telia-orange-500` |
350
- | `--orange-600` | `$telia-orange-600` |
351
- | `--orange-700` | `$telia-orange-700` |
352
- | `--orange-800` | `$telia-orange-800` |
353
- | `--orange-900` | `$telia-orange-900` |
354
- | `--blue-100` | `$telia-blue-100` |
355
- | `--blue-200` | `$telia-blue-200` |
356
- | `--blue-300` | `$telia-blue-300` |
357
- | `--blue-400` | `$telia-blue-400` |
358
- | `--blue-500` | `$telia-blue-500` |
359
- | `--blue-600` | `$telia-blue-600` |
360
- | `--blue-700` | `$telia-blue-700` |
361
- | `--blue-800` | `$telia-blue-800` |
362
- | `--blue-900` | `$telia-blue-900` |
363
- | `--white` | `$telia-white` |
364
- | `--black` | `$telia-black` |
365
- | `--functional-black` | `$telia-functional-black` |
366
- | `--functional-transparent` | `$telia-functional-transparent` |
367
- | `--transparent-black-50` | `$telia-transparent-black-50` |
368
- | `--transparent-black-100` | `$telia-transparent-black-100` |
369
- | `--transparent-black-200` | `$telia-transparent-black-200` |
370
- | `--transparent-black-300` | `$telia-transparent-black-300` |
371
- | `--transparent-black-400` | `$telia-transparent-black-400` |
372
- | `--transparent-black-500` | `$telia-transparent-black-500` |
373
- | `--transparent-black-600` | `$telia-transparent-black-600` |
374
- | `--transparent-black-700` | `$telia-transparent-black-700` |
375
- | `--transparent-black-800` | `$telia-transparent-black-800` |
376
- | `--transparent-black-850` | `$telia-transparent-black-850` |
377
- | `--transparent-black-900` | `$telia-transparent-black-900` |
378
- | `--transparent-white-50` | `$telia-transparent-white-50` |
379
- | `--transparent-white-100` | `$telia-transparent-white-100` |
380
- | `--transparent-white-200` | `$telia-transparent-white-200` |
381
- | `--transparent-white-300` | `$telia-transparent-white-300` |
382
- | `--transparent-white-400` | `$telia-transparent-white-400` |
383
- | `--transparent-white-500` | `$telia-transparent-white-500` |
384
- | `--transparent-white-600` | `$telia-transparent-white-600` |
385
- | `--transparent-white-700` | `$telia-transparent-white-700` |
386
- | `--transparent-white-800` | `$telia-transparent-white-800` |
387
- | `--transparent-white-850` | `$telia-transparent-white-850` |
388
- | `--transparent-white-900` | `$telia-transparent-white-900` |
389
- | `--focus-border` | `$telia-focus-border-width solid $telia-focus-color` |
390
-
391
- <br>
392
-
393
- ## Icons
394
-
395
- [Vocas icons](https://docs.voca.teliacompany.com/?path=/story/assets-icon-example--example), typically used with `telia-icon`.
396
-
397
- ```js
398
- import '@telia-ace/alliance-ui/voca/components/telia-icon';
399
- import { alarm } from '@telia-ace/alliance-ui/voca/icons';
400
-
401
- <telia-icon svg={alarm.svg} />;
402
- ```
5
+ See [https://alliance.ace.teliacompany.net/-/storybook](https://alliance.ace.teliacompany.net/-/storybook/?path=/docs/ui-home--documentation) for documentation.
package/chunks/{variables-03fe2cd9.js → variables-07547793.js} RENAMED
@@ -206,15 +206,15 @@ const x = "calc(0.3rem * var(--voca-rem-multiplier))", D = "#0099ff", F = {
206
206
  focusColor: D
207
207
  };
208
208
  export {
209
- L as a,
209
+ j as a,
210
210
  M as b,
211
211
  z as c,
212
- j as d,
212
+ y as d,
213
213
  F as f,
214
214
  w as g,
215
215
  S as l,
216
216
  O as m,
217
- y as s,
217
+ L as s,
218
218
  I as t
219
219
  };
220
- //# sourceMappingURL=variables-03fe2cd9.js.map
220
+ //# sourceMappingURL=variables-07547793.js.map
package/chunks/{variables-03fe2cd9.js.map → variables-07547793.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"variables-03fe2cd9.js","sources":["../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/breakpoints/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/borders/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/grid/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/motion/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/shadows/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/colors/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/layers/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/typography/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/spacing/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst breakpoints = {\n \"breakpointSm\": \"0\",\n \"breakpointMd\": \"37.5em\",\n \"breakpointLg\": \"64em\",\n \"breakpointXl\": \"90em\",\n \"fluidBreakpointMedium\": \"60rem\",\n \"fluidBreakpointXlarge\": \"144rem\"\n};\nexports.default = breakpoints;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst borders = {\n \"widthNone\": \"0\",\n \"widthXs\": \"calc(0.1rem * var(--voca-rem-multiplier))\",\n \"widthSm\": \"calc(0.2rem * var(--voca-rem-multiplier))\",\n \"widthMd\": \"calc(0.3rem * var(--voca-rem-multiplier))\",\n \"radiusNone\": \"0\",\n \"radiusSm\": \"calc(0.8rem * var(--voca-rem-multiplier))\",\n \"radiusLg\": \"calc(1.6rem * var(--voca-rem-multiplier))\",\n \"radiusDefault\": \"calc(0.2rem * var(--voca-rem-multiplier))\",\n \"radiusFull\": \"calc(99.9rem * var(--voca-rem-multiplier))\",\n \"all\": \"border\",\n \"top\": \"border-top\",\n \"right\": \"border-right\",\n \"bottom\": \"border-bottom\",\n \"left\": \"border-left\"\n};\nexports.default = borders;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst grid = {\n \"gutter\": \"calc(1.6rem * var(--voca-rem-multiplier))\",\n \"gutterMedium\": \"calc(2.4rem * var(--voca-rem-multiplier))\",\n \"gutterLarge\": \"calc(2.4rem * var(--voca-rem-multiplier))\",\n \"pagePadding\": \"calc(1.6rem * var(--voca-rem-multiplier))\",\n \"pagePaddingM\": \"calc(2.4rem * var(--voca-rem-multiplier))\",\n \"pagePaddingL\": \"calc(4.8rem * var(--voca-rem-multiplier))\",\n \"pagePaddingXl\": \"calc(6.4rem * var(--voca-rem-multiplier))\"\n};\nexports.default = grid;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst motion = {\n \"duration50\": \"0.05s\",\n \"duration100\": \"0.1s\",\n \"duration150\": \"0.15s\",\n \"duration200\": \"0.2s\",\n \"duration250\": \"0.25s\",\n \"duration300\": \"0.3s\",\n \"duration350\": \"0.35s\",\n \"duration400\": \"0.4s\",\n \"duration500\": \"0.5s\",\n \"duration1500\": \"1.5s\",\n \"duration2000\": \"2s\",\n \"easeIn\": \"cubic-bezier(0.35, 0.07, 0.88, 0.43)\",\n \"easeOut\": \"cubic-bezier(0.33, 0.9, 0.75, 0.95)\",\n \"easeInOut\": \"cubic-bezier(0.45, 0, 0.52, 0.98)\"\n};\nexports.default = motion;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst shadows = {\n \"none\": \"none\",\n \"hard\": \"0 calc(0.2rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier)) #dcdce1\",\n \"soft\": \"0 calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) #dcdce1\",\n \"sm\": \"0 calc(0.1rem * var(--voca-rem-multiplier)) calc(0.4rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1)\",\n \"md\": \"0 calc(0.4rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1)\",\n \"lg\": \"0 calc(1.2rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1)\"\n};\nexports.default = shadows;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst colors = {\n \"purple100\": \"#fbf0ff\",\n \"purple200\": \"#edc8ff\",\n \"purple300\": \"#de99ff\",\n \"purple400\": \"#c158f8\",\n \"purple500\": \"#990ae3\",\n \"purple600\": \"#7800b4\",\n \"purple700\": \"#5e0092\",\n \"purple800\": \"#30004b\",\n \"purple850\": \"#29003e\",\n \"purple900\": \"#1f002e\",\n \"beige50\": \"#f8eee8\",\n \"beige100\": \"#ecded4\",\n \"beige200\": \"#d4c4ba\",\n \"beige300\": \"#b4a49c\",\n \"beige400\": \"#988a84\",\n \"beige500\": \"#827672\",\n \"beige600\": \"#5c524e\",\n \"beige700\": \"#403a36\",\n \"beige800\": \"#282420\",\n \"beige900\": \"#1c1818\",\n \"gray50\": \"#f4f4f9\",\n \"gray100\": \"#e8e8ed\",\n \"gray200\": \"#dcdce1\",\n \"gray300\": \"#c8c8cd\",\n \"gray400\": \"#b0b0b5\",\n \"gray500\": \"#8c8c90\",\n \"gray600\": \"#606064\",\n \"gray700\": \"#48484b\",\n \"gray800\": \"#303032\",\n \"gray900\": \"#121214\",\n \"green100\": \"#ccefdd\",\n \"green200\": \"#a6e3c4\",\n \"green300\": \"#73d3a2\",\n \"green400\": \"#4cc789\",\n \"green500\": \"#26bb6f\",\n \"green600\": \"#00af56\",\n \"green700\": \"#008641\",\n \"green800\": \"#00572a\",\n \"green900\": \"#00361a\",\n \"red100\": \"#fad1de\",\n \"red200\": \"#f6aec6\",\n \"red300\": \"#f07fa5\",\n \"red400\": \"#eb5185\",\n \"red500\": \"#e4175c\",\n \"red600\": \"#be0040\",\n \"red700\": \"#890e37\",\n \"red800\": \"#5b0925\",\n \"red900\": \"#390617\",\n \"orange100\": \"#ffebcc\",\n \"orange200\": \"#ffdca6\",\n \"orange300\": \"#ffc366\",\n \"orange400\": \"#ffaf33\",\n \"orange500\": \"#ff9b00\",\n \"orange600\": \"#cc7c00\",\n \"orange700\": \"#995d00\",\n \"orange800\": \"#663e00\",\n \"orange900\": \"#402700\",\n \"blue100\": \"#ccebff\",\n \"blue200\": \"#a6dbff\",\n \"blue300\": \"#66c2ff\",\n \"blue400\": \"#33adff\",\n \"blue500\": \"#0099ff\",\n \"blue600\": \"#007acc\",\n \"blue700\": \"#00558f\",\n \"blue800\": \"#003d66\",\n \"blue900\": \"#00253d\",\n \"white\": \"#ffffff\",\n \"black\": \"#222222\",\n \"functionalBlack\": \"#000000\",\n \"transparent\": \"#000000\"\n};\nexports.default = colors;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst layers = {\n \"base\": \"auto\",\n \"dropdown\": \"100\",\n \"header\": \"200\",\n \"modal\": \"300\"\n};\nexports.default = layers;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst typography = {\n \"weightNormal\": \"normal\",\n \"weightMedium\": \"500\",\n \"weightBold\": \"bold\"\n};\nexports.default = typography;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst spacing = {\n \"spacing0\": \"0\",\n \"spacing2\": \"calc(0.2rem * var(--voca-rem-multiplier))\",\n \"spacing4\": \"calc(0.4rem * var(--voca-rem-multiplier))\",\n \"spacing8\": \"calc(0.8rem * var(--voca-rem-multiplier))\",\n \"spacing12\": \"calc(1.2rem * var(--voca-rem-multiplier))\",\n \"spacing16\": \"calc(1.6rem * var(--voca-rem-multiplier))\",\n \"spacing20\": \"calc(2rem * var(--voca-rem-multiplier))\",\n \"spacing24\": \"calc(2.4rem * var(--voca-rem-multiplier))\",\n \"spacing32\": \"calc(3.2rem * var(--voca-rem-multiplier))\",\n \"spacing48\": \"calc(4.8rem * var(--voca-rem-multiplier))\",\n \"spacing64\": \"calc(6.4rem * var(--voca-rem-multiplier))\",\n \"spacing80\": \"calc(8rem * var(--voca-rem-multiplier))\",\n \"spacing96\": \"calc(9.6rem * var(--voca-rem-multiplier))\",\n \"spacing128\": \"calc(12.8rem * var(--voca-rem-multiplier))\"\n};\nexports.default = spacing;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.spacing = exports.typography = exports.layers = exports.colors = exports.shadows = exports.motion = exports.grid = exports.borders = exports.breakpoints = void 0;\nconst variables_js_1 = require(\"./breakpoints/variables.js\");\nexports.breakpoints = variables_js_1.default;\nconst variables_js_2 = require(\"./borders/variables.js\");\nexports.borders = variables_js_2.default;\nconst variables_js_3 = require(\"./grid/variables.js\");\nexports.grid = variables_js_3.default;\nconst variables_js_4 = require(\"./motion/variables.js\");\nexports.motion = variables_js_4.default;\nconst variables_js_5 = require(\"./shadows/variables.js\");\nexports.shadows = variables_js_5.default;\nconst variables_js_6 = require(\"./colors/variables.js\");\nexports.colors = variables_js_6.default;\nconst variables_js_7 = require(\"./layers/variables.js\");\nexports.layers = variables_js_7.default;\nconst variables_js_8 = require(\"./typography/variables.js\");\nexports.typography = variables_js_8.default;\nconst variables_js_9 = require(\"./spacing/variables.js\");\nexports.spacing = variables_js_9.default;\n"],"names":["variables","breakpoints","borders","grid","motion","shadows","colors","layers","typography","spacing","foundations","variables_js_1","require$$0","variables_js_2","require$$1","variables_js_3","require$$2","variables_js_4","require$$3","variables_js_5","require$$4","variables_js_6","require$$5","variables_js_7","require$$6","variables_js_8","require$$7","variables_js_9","require$$8"],"mappings":"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"}
1
+ {"version":3,"file":"variables-07547793.js","sources":["../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/breakpoints/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/borders/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/grid/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/motion/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/shadows/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/colors/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/layers/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/typography/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/spacing/variables.js","../../../node_modules/.pnpm/@teliads+components@19.0.0/node_modules/@teliads/components/foundations/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst breakpoints = {\n \"breakpointSm\": \"0\",\n \"breakpointMd\": \"37.5em\",\n \"breakpointLg\": \"64em\",\n \"breakpointXl\": \"90em\",\n \"fluidBreakpointMedium\": \"60rem\",\n \"fluidBreakpointXlarge\": \"144rem\"\n};\nexports.default = breakpoints;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst borders = {\n \"widthNone\": \"0\",\n \"widthXs\": \"calc(0.1rem * var(--voca-rem-multiplier))\",\n \"widthSm\": \"calc(0.2rem * var(--voca-rem-multiplier))\",\n \"widthMd\": \"calc(0.3rem * var(--voca-rem-multiplier))\",\n \"radiusNone\": \"0\",\n \"radiusSm\": \"calc(0.8rem * var(--voca-rem-multiplier))\",\n \"radiusLg\": \"calc(1.6rem * var(--voca-rem-multiplier))\",\n \"radiusDefault\": \"calc(0.2rem * var(--voca-rem-multiplier))\",\n \"radiusFull\": \"calc(99.9rem * var(--voca-rem-multiplier))\",\n \"all\": \"border\",\n \"top\": \"border-top\",\n \"right\": \"border-right\",\n \"bottom\": \"border-bottom\",\n \"left\": \"border-left\"\n};\nexports.default = borders;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst grid = {\n \"gutter\": \"calc(1.6rem * var(--voca-rem-multiplier))\",\n \"gutterMedium\": \"calc(2.4rem * var(--voca-rem-multiplier))\",\n \"gutterLarge\": \"calc(2.4rem * var(--voca-rem-multiplier))\",\n \"pagePadding\": \"calc(1.6rem * var(--voca-rem-multiplier))\",\n \"pagePaddingM\": \"calc(2.4rem * var(--voca-rem-multiplier))\",\n \"pagePaddingL\": \"calc(4.8rem * var(--voca-rem-multiplier))\",\n \"pagePaddingXl\": \"calc(6.4rem * var(--voca-rem-multiplier))\"\n};\nexports.default = grid;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst motion = {\n \"duration50\": \"0.05s\",\n \"duration100\": \"0.1s\",\n \"duration150\": \"0.15s\",\n \"duration200\": \"0.2s\",\n \"duration250\": \"0.25s\",\n \"duration300\": \"0.3s\",\n \"duration350\": \"0.35s\",\n \"duration400\": \"0.4s\",\n \"duration500\": \"0.5s\",\n \"duration1500\": \"1.5s\",\n \"duration2000\": \"2s\",\n \"easeIn\": \"cubic-bezier(0.35, 0.07, 0.88, 0.43)\",\n \"easeOut\": \"cubic-bezier(0.33, 0.9, 0.75, 0.95)\",\n \"easeInOut\": \"cubic-bezier(0.45, 0, 0.52, 0.98)\"\n};\nexports.default = motion;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst shadows = {\n \"none\": \"none\",\n \"hard\": \"0 calc(0.2rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier)) #dcdce1\",\n \"soft\": \"0 calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) #dcdce1\",\n \"sm\": \"0 calc(0.1rem * var(--voca-rem-multiplier)) calc(0.4rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1)\",\n \"md\": \"0 calc(0.4rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1)\",\n \"lg\": \"0 calc(1.2rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1)\"\n};\nexports.default = shadows;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst colors = {\n \"purple100\": \"#fbf0ff\",\n \"purple200\": \"#edc8ff\",\n \"purple300\": \"#de99ff\",\n \"purple400\": \"#c158f8\",\n \"purple500\": \"#990ae3\",\n \"purple600\": \"#7800b4\",\n \"purple700\": \"#5e0092\",\n \"purple800\": \"#30004b\",\n \"purple850\": \"#29003e\",\n \"purple900\": \"#1f002e\",\n \"beige50\": \"#f8eee8\",\n \"beige100\": \"#ecded4\",\n \"beige200\": \"#d4c4ba\",\n \"beige300\": \"#b4a49c\",\n \"beige400\": \"#988a84\",\n \"beige500\": \"#827672\",\n \"beige600\": \"#5c524e\",\n \"beige700\": \"#403a36\",\n \"beige800\": \"#282420\",\n \"beige900\": \"#1c1818\",\n \"gray50\": \"#f4f4f9\",\n \"gray100\": \"#e8e8ed\",\n \"gray200\": \"#dcdce1\",\n \"gray300\": \"#c8c8cd\",\n \"gray400\": \"#b0b0b5\",\n \"gray500\": \"#8c8c90\",\n \"gray600\": \"#606064\",\n \"gray700\": \"#48484b\",\n \"gray800\": \"#303032\",\n \"gray900\": \"#121214\",\n \"green100\": \"#ccefdd\",\n \"green200\": \"#a6e3c4\",\n \"green300\": \"#73d3a2\",\n \"green400\": \"#4cc789\",\n \"green500\": \"#26bb6f\",\n \"green600\": \"#00af56\",\n \"green700\": \"#008641\",\n \"green800\": \"#00572a\",\n \"green900\": \"#00361a\",\n \"red100\": \"#fad1de\",\n \"red200\": \"#f6aec6\",\n \"red300\": \"#f07fa5\",\n \"red400\": \"#eb5185\",\n \"red500\": \"#e4175c\",\n \"red600\": \"#be0040\",\n \"red700\": \"#890e37\",\n \"red800\": \"#5b0925\",\n \"red900\": \"#390617\",\n \"orange100\": \"#ffebcc\",\n \"orange200\": \"#ffdca6\",\n \"orange300\": \"#ffc366\",\n \"orange400\": \"#ffaf33\",\n \"orange500\": \"#ff9b00\",\n \"orange600\": \"#cc7c00\",\n \"orange700\": \"#995d00\",\n \"orange800\": \"#663e00\",\n \"orange900\": \"#402700\",\n \"blue100\": \"#ccebff\",\n \"blue200\": \"#a6dbff\",\n \"blue300\": \"#66c2ff\",\n \"blue400\": \"#33adff\",\n \"blue500\": \"#0099ff\",\n \"blue600\": \"#007acc\",\n \"blue700\": \"#00558f\",\n \"blue800\": \"#003d66\",\n \"blue900\": \"#00253d\",\n \"white\": \"#ffffff\",\n \"black\": \"#222222\",\n \"functionalBlack\": \"#000000\",\n \"transparent\": \"#000000\"\n};\nexports.default = colors;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst layers = {\n \"base\": \"auto\",\n \"dropdown\": \"100\",\n \"header\": \"200\",\n \"modal\": \"300\"\n};\nexports.default = layers;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst typography = {\n \"weightNormal\": \"normal\",\n \"weightMedium\": \"500\",\n \"weightBold\": \"bold\"\n};\nexports.default = typography;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst spacing = {\n \"spacing0\": \"0\",\n \"spacing2\": \"calc(0.2rem * var(--voca-rem-multiplier))\",\n \"spacing4\": \"calc(0.4rem * var(--voca-rem-multiplier))\",\n \"spacing8\": \"calc(0.8rem * var(--voca-rem-multiplier))\",\n \"spacing12\": \"calc(1.2rem * var(--voca-rem-multiplier))\",\n \"spacing16\": \"calc(1.6rem * var(--voca-rem-multiplier))\",\n \"spacing20\": \"calc(2rem * var(--voca-rem-multiplier))\",\n \"spacing24\": \"calc(2.4rem * var(--voca-rem-multiplier))\",\n \"spacing32\": \"calc(3.2rem * var(--voca-rem-multiplier))\",\n \"spacing48\": \"calc(4.8rem * var(--voca-rem-multiplier))\",\n \"spacing64\": \"calc(6.4rem * var(--voca-rem-multiplier))\",\n \"spacing80\": \"calc(8rem * var(--voca-rem-multiplier))\",\n \"spacing96\": \"calc(9.6rem * var(--voca-rem-multiplier))\",\n \"spacing128\": \"calc(12.8rem * var(--voca-rem-multiplier))\"\n};\nexports.default = spacing;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.spacing = exports.typography = exports.layers = exports.colors = exports.shadows = exports.motion = exports.grid = exports.borders = exports.breakpoints = void 0;\nconst variables_js_1 = require(\"./breakpoints/variables.js\");\nexports.breakpoints = variables_js_1.default;\nconst variables_js_2 = require(\"./borders/variables.js\");\nexports.borders = variables_js_2.default;\nconst variables_js_3 = require(\"./grid/variables.js\");\nexports.grid = variables_js_3.default;\nconst variables_js_4 = require(\"./motion/variables.js\");\nexports.motion = variables_js_4.default;\nconst variables_js_5 = require(\"./shadows/variables.js\");\nexports.shadows = variables_js_5.default;\nconst variables_js_6 = require(\"./colors/variables.js\");\nexports.colors = variables_js_6.default;\nconst variables_js_7 = require(\"./layers/variables.js\");\nexports.layers = variables_js_7.default;\nconst variables_js_8 = require(\"./typography/variables.js\");\nexports.typography = variables_js_8.default;\nconst variables_js_9 = require(\"./spacing/variables.js\");\nexports.spacing = variables_js_9.default;\n"],"names":["variables","breakpoints","borders","grid","motion","shadows","colors","layers","typography","spacing","foundations","variables_js_1","require$$0","variables_js_2","require$$1","variables_js_3","require$$2","variables_js_4","require$$3","variables_js_5","require$$4","variables_js_6","require$$5","variables_js_7","require$$6","variables_js_8","require$$7","variables_js_9","require$$8"],"mappings":"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"}
package/components/alliance-modal/alliance-modal.d.ts CHANGED
@@ -7,14 +7,16 @@ export type Action = {
7
7
  variant: ButtonVariantType;
8
8
  label: string;
9
9
  action: string;
10
+ disabled?: boolean;
10
11
  };
11
12
  export type ActionEvent = CustomEvent<string>;
12
13
  export declare class Modal extends LitElement {
13
14
  static styles: import("lit").CSSResult;
14
- onBackdropClick: () => boolean;
15
- onCloseClick: () => boolean;
16
15
  header: string;
17
16
  actions: Action[];
17
+ contain?: boolean;
18
+ onBackdropClick: () => boolean;
19
+ onCloseClick: () => boolean;
18
20
  action: (action: string) => boolean;
19
21
  render(): import("lit").TemplateResult<1>;
20
22
  }