@tui/design-system 1.5.0 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/CHANGELOG.md +277 -1
  2. package/dist/themes/crystalski/index.css +12 -2
  3. package/dist/themes/crystalski/index.css.map +1 -1
  4. package/dist/themes/firstchoice/index.css +12 -2
  5. package/dist/themes/firstchoice/index.css.map +1 -1
  6. package/dist/themes/tui/index.css +14 -4
  7. package/dist/themes/tui/index.css.map +1 -1
  8. package/package.json +12 -12
  9. package/scss/lib/accordion/_mixins.scss +1 -3
  10. package/scss/lib/active-tag/_mixins.scss +16 -4
  11. package/scss/lib/cards/promotion/_index.scss +3 -0
  12. package/scss/lib/cards/promotion/_mixins.scss +275 -0
  13. package/scss/lib/cards/promotion/_variables.scss +14 -0
  14. package/scss/lib/cards/selectable/_mixins.scss +1 -5
  15. package/scss/lib/cards/selectable/_variables.scss +2 -1
  16. package/scss/lib/flyout-dropdown/_variables.scss +0 -1
  17. package/scss/lib/forms/datepicker/_mixins.scss +5 -0
  18. package/scss/lib/forms/input-radio-scroll/_mixins.scss +6 -1
  19. package/scss/lib/forms/input-switch/_mixins.scss +12 -6
  20. package/scss/lib/grid/_column.scss +7 -0
  21. package/scss/lib/grid/_mixins.scss +4 -0
  22. package/scss/lib/list/_mixins.scss +91 -72
  23. package/scss/lib/list/_variables.scss +1 -0
  24. package/scss/lib/modal/_variables.scss +1 -4
  25. package/scss/lib/skeleton/_variables.scss +2 -6
  26. package/scss/lib/tabs/_mixins.scss +117 -60
  27. package/scss/lib/tabs/anchor/_mixins.scss +36 -0
  28. package/scss/lib/tabs/in-page/_mixins.scss +82 -29
  29. package/scss/lib/tooltip/_mixins.scss +2 -0
  30. package/scss/mixins.scss +1 -0
  31. package/scss/themes/crystalski/_overrides.scss +10 -0
  32. package/scss/themes/crystalski/index.scss +3 -0
  33. package/scss/themes/crystalski/theme.json +7 -0
  34. package/scss/themes/firstchoice/_overrides.scss +10 -0
  35. package/scss/themes/firstchoice/index.scss +3 -0
  36. package/scss/themes/firstchoice/theme.json +7 -0
  37. package/scss/themes/tui/index.scss +3 -0
  38. package/scss/variables/base-theme.json +64 -6
  39. package/scss/variables.scss +1 -0
  40. package/types/components.ts +33 -9
package/CHANGELOG.md CHANGED
@@ -1,12 +1,288 @@
1
1
  # Changelog
2
2
 
3
+ ## v1.7.0
4
+
5
+ ### Added
6
+
7
+ #### [Card Promotion](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-cards-promotion--docs)
8
+
9
+ - Added Card Promotion component to highlight any discount, offer or promotional message. It should be placed in-page, ideally as the first component
10
+ on the page.
11
+
12
+ #### [List](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-list--docs)
13
+
14
+ - Added horizontal layout variant (`uilib-list--horizontal`) for displaying list items inline with wrapping
15
+ - Added multiline content variant with `uilib-list__title` class for hierarchically structured list items (e.g. flight connections with departure and
16
+ arrival details)
17
+
18
+ ### Updated
19
+
20
+ #### [Accordion](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-accordion--docs)
21
+
22
+ - Remove `content-visibility` CSS property from accordion animation. This was preventing VoiceOver from accessing accordion content when expanded.
23
+
24
+ #### [Active tag](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-active-tag--docs)
25
+
26
+ - Added a visually hidden heading linked to each active tag button via `aria-describedby` to provide screen reader users with context on what the
27
+ button will do
28
+ - Added accessibility guidance covering heading levels and `aria-live` announcements for filter updates
29
+ - Added an include guard to `uilib-active-tag-group` mixin to prevent duplicate CSS output
30
+
31
+ #### [Breadcrumb](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-breadcrumb--docs)
32
+
33
+ - The current page breadcrumb item is no longer rendered as a link. The label is now plain text within the `<li>` with `aria-current="page"` on the
34
+ list item itself, as linking to the page you are already on provides no value and can be confusing for screen reader users.
35
+
36
+ #### [Flight Details](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-flight-details--docs)
37
+
38
+ - Improved screen reader experience by adding visually hidden context to departure and arrival times ("Departs", "Arrives") so they are clearly
39
+ distinguished when announced
40
+ - Added "Connection time" prefix to the visually hidden connection duration text for clearer context
41
+ - Added accessibility guidance for wrapping the component in a `<section>` with `aria-labelledby` when used outside of a modal
42
+
43
+ #### [Date picker](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-date-picker--docs) and [Date range](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-date-range--docs)
44
+
45
+ - Updated default button labels from "Next" / "Previous" to "Next month" / "Previous month" to be more descriptive for screen reader users.
46
+ - Added `instructions` attribute to provide accessible keyboard navigation instructions to the calendar. Default: "Use arrow keys to navigate dates.
47
+ Left and right move by day, up and down move by week. Arrow keys move across months automatically. Press Enter or Space to select a date."
48
+ - Added `announce-start` and `announce-range` attributes for accessible announcements when dates are selected in range mode.
49
+
50
+ #### [Input switch](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-input-switch--docs)
51
+
52
+ - Component structure has been updated to fix interaction issues found when using NVDA. The input has been moved outside the label and the class name
53
+ for the input updated appropriately for the new structure.
54
+ - The component will continue to work and style correctly without these changes, but to ensure full accessibility compliance, please update to the
55
+ latest markup structure.
56
+
57
+ #### [List](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-list--docs)
58
+
59
+ - Added accessibility documentation covering semantic HTML, decorative images, colour contrast, and link labels
60
+
61
+ #### [Anchor tabs](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-tabs-anchor-tabs--docs)
62
+
63
+ - Focus is now transferred to the target section when a tab is selected, ensuring screen reader users are taken directly to the associated content.
64
+ - Added `tabs-labelledby` and `tabs-label` attributes for providing an accessible name to the navigation landmark. One of these is now required. The
65
+ previous `aria-labelledby` attribute is deprecated as it was inappropriate to place ARIA attributes directly on the custom element host.
66
+ - Added `role="list"` to the host element and `role="listitem"` to each tab item, improving the non-JavaScript accessibility experience by providing
67
+ semantic list structure before the web component hydrates.
68
+
69
+ Was:
70
+
71
+ ```html
72
+ <tui-uilib-tabs-anchor version="1" tabs-label="Page sections">
73
+ <tui-uilib-tab>
74
+ <a slot="link" href="#section-1">Section 1</a>
75
+ </tui-uilib-tab>
76
+ <tui-uilib-tab>
77
+ <a slot="link" href="#section-2">Section 2</a>
78
+ </tui-uilib-tab>
79
+ </tui-uilib-tabs-anchor>
80
+ ```
81
+
82
+ Updated to:
83
+
84
+ ```html
85
+ <tui-uilib-tabs-anchor version="2" tabs-label="Page sections" role="list">
86
+ <tui-uilib-tab role="listitem">
87
+ <a slot="link" href="#section-1">Section 1</a>
88
+ </tui-uilib-tab>
89
+ <tui-uilib-tab role="listitem">
90
+ <a slot="link" href="#section-2">Section 2</a>
91
+ </tui-uilib-tab>
92
+ </tui-uilib-tabs-anchor>
93
+ ```
94
+
95
+ - **Web component version updated to 2.** The internal DOM structure has been revised to resolve an NVDA browse mode issue where the screen reader
96
+ traversed each tab individually instead of treating the tablist as a single composite widget. NVDA does not recognise a tablist as a composite
97
+ widget when `display: flex`, `inline-flex`, or `grid` is applied to the `role="tablist"` or `role="tab"` elements. Version 2 uses `display: table`
98
+ on the tablist and wraps each tab button in a `table-cell` span, with scrolling handled by a separate wrapper element. Consumers must update their
99
+ CSS alongside the JS. Version 1 remains available for backward compatibility.
100
+ - Fixed scroll fade mask not showing on the left edge when the right button was hidden, caused by unitless `0` in CSS custom properties being invalid
101
+ in `calc()` expressions
102
+
103
+ #### [In-Page tabs](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-tabs-in-page-tabs--docs)
104
+
105
+ - Added `tabs-labelledby` and `tabs-label` attributes for providing an accessible name to the tablist. One of these is now required. The previous
106
+ `aria-labelledby` attribute is deprecated as it was inappropriate to place ARIA attributes directly on the custom element host.
107
+ - **Web component version updated to 2.** The internal DOM structure has been revised to resolve an NVDA browse mode issue where the screen reader
108
+ traversed each tab individually instead of treating the tablist as a single composite widget. NVDA does not recognise a tablist as a composite
109
+ widget when `display: flex`, `inline-flex`, or `grid` is applied to the `role="tablist"` or `role="tab"` elements. Version 2 uses `display: table`
110
+ on the tablist and wraps each tab button in a `table-cell` span, with scrolling handled by a separate wrapper element. Consumers must update their
111
+ CSS alongside the JS. Version 1 remains available for backward compatibility.
112
+ - Fixed scroll fade mask not showing on the left edge when the right button was hidden, caused by unitless `0` in CSS custom properties being invalid
113
+ in `calc()` expressions
114
+
115
+ #### [Tooltip](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-tooltip--docs)
116
+
117
+ - Added support for selecting and copying text within the tooltip bubble, improving accessibility for users who need to reference the content.
118
+ - Tooltip now opens on keyboard focus (Tab to trigger) and adds `aria-expanded` to the trigger button, ensuring screen reader users are informed of
119
+ the tooltip's state and have content announced immediately when navigating.
120
+
121
+ ## v1.6.0
122
+
123
+ ### Updated
124
+
125
+ #### [Alert](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-alert--docs)
126
+
127
+ - Changed `role="alert"` usage from inline on the alert element to a permanent wrapper pattern. Error alerts should be wrapped in `<div role="alert">`
128
+ and other variants in `<div role="status">` to ensure announcements on dynamic injection.
129
+ - Added accessibility guidance on limiting the number of alert/status roles to prevent colliding screen reader announcements.
130
+ - Added guidance on transferring focus to error alerts when used for form-level validation summaries.
131
+ - Added recommendation to use a `<section>` element with `aria-labelledby` for permanent, high-importance alerts to create a navigable landmark for
132
+ screen reader users.
133
+
134
+ #### [Divider](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-divider--docs)
135
+
136
+ - Added accessibility guidance documenting the use of `aria-hidden` on dividers used purely for decoration
137
+
138
+ #### [Date range](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-date-range--docs)
139
+
140
+ - The web component wrapper has been moved so that the `<legend>` is the first child of the fieldset. This fixes an accessibility issue where the
141
+ legend was not the first child due to the web component element. The component will continue to work and style correctly without these changes, but
142
+ to ensure full accessibility compliance please update to the latest markup structure.
143
+
144
+ Was:
145
+
146
+ ```html
147
+ <fieldset class="uilib-form-row" aria-describedby="input-hint input-error" aria-invalid="true">
148
+ <tui-uilib-datepicker class="uilib-datepicker" version="1">
149
+ <legend class="uilib-form-row__label">Select a date</legend>
150
+ <p id="input-hint" class="uilib-form-row__hint">Input hint text</p>
151
+ <div class="uilib-form-row__input">...</div>
152
+ <p id="input-error" class="uilib-form-row__error">
153
+ <span class="uilib-form-row__error-prefix">Error: </span>
154
+ Input error message
155
+ </p>
156
+ </tui-uilib-datepicker>
157
+ </fieldset>
158
+ ```
159
+
160
+ Updated to:
161
+
162
+ ```html
163
+ <fieldset class="uilib-form-row" aria-describedby="input-hint input-error" aria-invalid="true">
164
+ <legend class="uilib-form-row__label">Select a date</legend>
165
+ <tui-uilib-datepicker class="uilib-datepicker" version="1">
166
+ <p id="input-hint" class="uilib-form-row__hint">Input hint text</p>
167
+ <div class="uilib-form-row__input">...</div>
168
+ <p id="input-error" class="uilib-form-row__error">
169
+ <span class="uilib-form-row__error-prefix">Error: </span>
170
+ Input error message
171
+ </p>
172
+ </tui-uilib-datepicker>
173
+ </fieldset>
174
+ ```
175
+
176
+ #### [Form row](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-form-row--docs)
177
+
178
+ - Added accessibility guidance on focus management for form submission errors, recommending focus transfer to the error alert or the first errored
179
+ input.
180
+
181
+ #### [Input radio scroll](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-input-radio-scroll--docs)
182
+
183
+ - The web component wrapper has been moved so that the `<legend>` is the first child of the fieldset. The `uilib-input-radio-scroll` class has also
184
+ moved to the fieldset. The component will continue to work and style correctly without these changes, but to ensure full accessibility compliance
185
+ please update to the latest markup structure.
186
+
187
+ Was:
188
+
189
+ ```html
190
+ <fieldset class="uilib-form-row" aria-describedby="group-hint">
191
+ <tui-uilib-input-radio-scroll class="uilib-input-radio-scroll" style="--card-default-width: 15rem">
192
+ <legend class="uilib-form-row__label">Group title</legend>
193
+ <p id="group-hint" class="uilib-form-row__hint">Sub title</p>
194
+ <div class="uilib-form-row__input">...</div>
195
+ </tui-uilib-input-radio-scroll>
196
+ </fieldset>
197
+ ```
198
+
199
+ Updated to:
200
+
201
+ ```html
202
+ <fieldset class="uilib-form-row uilib-input-radio-scroll" aria-describedby="group-hint">
203
+ <legend class="uilib-form-row__label">Group title</legend>
204
+ <p id="group-hint" class="uilib-form-row__hint">Sub title</p>
205
+ <div class="uilib-form-row__input">
206
+ <tui-uilib-input-radio-scroll style="--card-default-width: 15rem"> ... </tui-uilib-input-radio-scroll>
207
+ </div>
208
+ </fieldset>
209
+ ```
210
+
211
+ #### [Hero](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-hero--docs)
212
+
213
+ - Added `aria-hidden="true"` to the hero image as it is decorative and should not be announced by screen readers
214
+ - Updated default alt text to empty string to reflect the image being purely decorative
215
+ - Added accessibility guidance for visually hidden text in CTA buttons and linking terms and conditions
216
+
217
+ #### [Image](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-image--docs)
218
+
219
+ - Improved accessibility guidance with descriptive alt text examples, use of `aria-hidden` for decorative images, and recommendations for responsive
220
+ image delivery
221
+
222
+ #### [Loader](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-loader--docs)
223
+
224
+ - Removed `role="status"` from the loader element. The loader should instead be placed within a permanent `role="status"` wrapper in the DOM so that
225
+ screen readers announce loading state changes on injection and removal.
226
+
227
+ #### [Modal](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-modal--docs)
228
+
229
+ - Added close on backdrop click. Clicking the overlay area outside the modal dialog now dismisses it.
230
+
231
+ #### [Pagination](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-pagination--docs)
232
+
233
+ - Added focus management guidance for pagination interactions, recommending focus remains on the active control by default but may move to paginated
234
+ content on full page refresh.
235
+ - Added guidance on using live regions to announce content updates when dynamically paginating.
236
+
237
+ #### [Customer review](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-customer-review--docs)
238
+
239
+ - Added accessibility guidance on grouping multiple customer reviews within a `section` element using `aria-labelledby` to link to an overall heading.
240
+
241
+ #### [Numerical rating](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-numerical--docs)
242
+
243
+ - Updated accessible text to read "Customer overall rating" instead of "Customer Reviews" to make it clearer that the score represents an overall
244
+ rating rather than a count of reviews.
245
+
246
+ #### [Percentage rating](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-percentage--docs)
247
+
248
+ - The visually hidden accessible text now always renders regardless of whether the review count is a link or plain text. Previously it was removed
249
+ when the link variant was used, relying solely on the link's `aria-label`.
250
+ - Simplified the reviews link `aria-label` to avoid repeating the rating percentage (already announced via the hidden text):
251
+
252
+ #### [Skeleton](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-skeleton--docs)
253
+
254
+ - Updated accessibility guidance: Use `aria-busy="true"` on the parent container while loading, and remove or set it to false once content has loaded
255
+ to trigger a screen reader announcement.
256
+
257
+ ### Fixed
258
+
259
+ #### [Grid](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/globals-grid--docs)
260
+
261
+ - Fix for missing `uilib-grid-col-offset-reset` mixin and classes `.uilib-grid\_\_col--offset-reset`, `.uilib-grid\_\_col--offset-[res]-reset`
262
+
263
+ #### [Input radio scroll](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-input-radio-scroll--docs)
264
+
265
+ - Fixed an issue where the scroll container remained focusable when all radio inputs are disabled and the content is not scrollable
266
+
267
+ #### [Modal](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-modal--docs)
268
+
269
+ - Fixed `modalClose` event not firing when the modal was dismissed via the Escape key. The event now fires consistently regardless of how the modal is
270
+ closed.
271
+
272
+ ### Deprecated
273
+
274
+ #### [Selectable card](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-cards-selectable-card--docs)
275
+
276
+ - Deprecated dashed outline variant `uilib-card-selectable--dashed` to simplify and align styling across the estate. With the dashed variant being
277
+ removed the css variable `--uilib-card-selectable-dashed-border-color` has also been deprecated.
278
+
3
279
  ## v1.5.0
4
280
 
5
281
  ### Added
6
282
 
7
283
  #### [Global colours](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/globals-colors--docs)
8
284
 
9
- - New colours added neutral statuses
285
+ - New colours added for neutral statuses, `--uilib-color-status-neutral-surface` and `--uilib-color-status-neutral-icon`
10
286
 
11
287
  #### [Alert](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-alert--docs)
12
288
 
package/dist/themes/crystalski/index.css CHANGED
@@ -241,10 +241,10 @@
241
241
  --uilib-card-selectable-radius: var(--uilib-border-radius-200);
242
242
  --uilib-card-selectable-bg-color: var(--uilib-color-core-neutral);
243
243
  --uilib-card-selectable-default-border-color: var(--uilib-color-border-card);
244
- --uilib-card-selectable-dashed-border-color: var(--uilib-color-border-dashed);
245
244
  --uilib-card-selectable-selected-border-color: var(--uilib-color-border-interaction);
246
245
  --uilib-card-selectable-selected-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/checkmark-corner-filled.svg");
247
246
  --uilib-card-selectable-selected-icon-shape: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/checkmark-corner-solid.svg");
247
+ --uilib-card-selectable-dashed-border-color: var(--uilib-color-border-dashed);
248
248
  --uilib-flight-details-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-down.svg");
249
249
  --uilib-flyout-dropdown-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/cross.svg");
250
250
  --uilib-datepicker-icon-previous: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-left.svg");
@@ -374,6 +374,7 @@
374
374
  --uilib-list-bullet-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/list-item.svg");
375
375
  --uilib-list-image-radius: var(--uilib-border-radius-100);
376
376
  --uilib-list-image-alt-radius: var(--uilib-border-radius-circle);
377
+ --uilib-list-multiline-title-font: var(--uilib-typography-label-medium-strong);
377
378
  --uilib-loader-image: url("https://mwa.tui.com/shared/mwa/assets/v3/motion/crystalski/loader.svg");
378
379
  --uilib-loader-small: 3.75rem;
379
380
  --uilib-loader-medium: 7.5rem;
@@ -384,7 +385,7 @@
384
385
  --uilib-media-button-color: var(--uilib-color-text-strong);
385
386
  --uilib-modal-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/cross.svg");
386
387
  --uilib-modal-backdrop-color: var(--uilib-color-other-scrim);
387
- --uilib-modal-radius: 1rem;
388
+ --uilib-modal-radius: var(--uilib-border-radius-400);
388
389
  --uilib-pagination-text-color: var(--uilib-color-text-body);
389
390
  --uilib-pagination-border-radius: var(--uilib-icon-button-radius);
390
391
  --uilib-pagination-icon-color: var(--uilib-icon-button-ghost-color);
@@ -400,6 +401,15 @@
400
401
  --uilib-price-main-medium-font: var(--uilib-typography-component-heading-large-strong);
401
402
  --uilib-price-main-large-font: var(--uilib-typography-component-heading-xxlarge-strong);
402
403
  --uilib-price-sub-large-font: var(--uilib-typography-component-heading-medium-strong);
404
+ --uilib-card-promotion-elevation: var(--uilib-elevation-100);
405
+ --uilib-card-promotion-radius: var(--uilib-border-radius-400);
406
+ --uilib-card-promotion-bg-color: var(--uilib-color-core-neutral);
407
+ --uilib-card-promotion-headline-color: var(--uilib-color-text-strong);
408
+ --uilib-card-promotion-subcopy-color: var(--uilib-color-text-body);
409
+ --uilib-card-promotion-subcopy-link-color: var(--uilib-color-text-link);
410
+ --uilib-card-promotion-code-color: var(--uilib-color-text-strong);
411
+ --uilib-card-promotion-cta-copy-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/copy.svg");
412
+ --uilib-card-promotion-cta-copied-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/checkmark-circled-filled.svg");
403
413
  --uilib-promo-tag-radius: var(--uilib-border-radius-400);
404
414
  --uilib-promo-tag-color: var(--uilib-color-text-strong);
405
415
  --uilib-promo-tag-bg-color: var(--uilib-color-core-neutral);
package/dist/themes/crystalski/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/themes/crystalski/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACGA;AAAA;AAAA;AAAA;EAKC;ECLC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/themes/crystalski/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACGA;AAAA;AAAA;AAAA;EAKC;ECLC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
package/dist/themes/firstchoice/index.css CHANGED
@@ -248,10 +248,10 @@
248
248
  --uilib-card-selectable-radius: var(--uilib-border-radius-200);
249
249
  --uilib-card-selectable-bg-color: var(--uilib-color-core-neutral);
250
250
  --uilib-card-selectable-default-border-color: var(--uilib-color-border-card);
251
- --uilib-card-selectable-dashed-border-color: var(--uilib-color-border-dashed);
252
251
  --uilib-card-selectable-selected-border-color: var(--uilib-color-border-interaction);
253
252
  --uilib-card-selectable-selected-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/checkmark-corner-filled.svg");
254
253
  --uilib-card-selectable-selected-icon-shape: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/checkmark-corner-solid.svg");
254
+ --uilib-card-selectable-dashed-border-color: var(--uilib-color-border-dashed);
255
255
  --uilib-flight-details-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-down.svg");
256
256
  --uilib-flyout-dropdown-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/cross.svg");
257
257
  --uilib-datepicker-icon-previous: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-left.svg");
@@ -381,6 +381,7 @@
381
381
  --uilib-list-bullet-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/list-item.svg");
382
382
  --uilib-list-image-radius: var(--uilib-border-radius-100);
383
383
  --uilib-list-image-alt-radius: var(--uilib-border-radius-circle);
384
+ --uilib-list-multiline-title-font: var(--uilib-typography-label-medium-strong);
384
385
  --uilib-loader-image: url("https://mwa.tui.com/shared/mwa/assets/v3/motion/firstchoice/loader.svg");
385
386
  --uilib-loader-small: 3.75rem;
386
387
  --uilib-loader-medium: 7.5rem;
@@ -391,7 +392,7 @@
391
392
  --uilib-media-button-color: var(--uilib-color-text-strong);
392
393
  --uilib-modal-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/cross.svg");
393
394
  --uilib-modal-backdrop-color: var(--uilib-color-other-scrim);
394
- --uilib-modal-radius: 1rem;
395
+ --uilib-modal-radius: var(--uilib-border-radius-400);
395
396
  --uilib-pagination-text-color: var(--uilib-color-text-body);
396
397
  --uilib-pagination-border-radius: var(--uilib-icon-button-radius);
397
398
  --uilib-pagination-icon-color: var(--uilib-icon-button-ghost-color);
@@ -407,6 +408,15 @@
407
408
  --uilib-price-main-medium-font: var(--uilib-typography-component-heading-large-strong);
408
409
  --uilib-price-main-large-font: var(--uilib-typography-component-heading-xxlarge-strong);
409
410
  --uilib-price-sub-large-font: var(--uilib-typography-component-heading-medium-strong);
411
+ --uilib-card-promotion-elevation: var(--uilib-elevation-100);
412
+ --uilib-card-promotion-radius: var(--uilib-border-radius-400);
413
+ --uilib-card-promotion-bg-color: var(--uilib-color-core-neutral);
414
+ --uilib-card-promotion-headline-color: var(--uilib-color-text-strong);
415
+ --uilib-card-promotion-subcopy-color: var(--uilib-color-text-body);
416
+ --uilib-card-promotion-subcopy-link-color: var(--uilib-color-text-link);
417
+ --uilib-card-promotion-code-color: var(--uilib-color-text-strong);
418
+ --uilib-card-promotion-cta-copy-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/copy.svg");
419
+ --uilib-card-promotion-cta-copied-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/checkmark-circled-filled.svg");
410
420
  --uilib-promo-tag-radius: var(--uilib-border-radius-400);
411
421
  --uilib-promo-tag-color: var(--uilib-color-text-strong);
412
422
  --uilib-promo-tag-bg-color: var(--uilib-color-core-neutral);
package/dist/themes/firstchoice/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/themes/firstchoice/_overrides.scss","../../../src/themes/firstchoice/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACgBA;ACbA;AAAA;AAAA;AAAA;EAKC;ECLC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/themes/firstchoice/_overrides.scss","../../../src/themes/firstchoice/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACgBA;ACbA;AAAA;AAAA;AAAA;EAKC;ECLC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
package/dist/themes/tui/index.css CHANGED
@@ -264,10 +264,10 @@
264
264
  --uilib-card-selectable-radius: var(--uilib-border-radius-200);
265
265
  --uilib-card-selectable-bg-color: var(--uilib-color-core-neutral);
266
266
  --uilib-card-selectable-default-border-color: var(--uilib-color-border-card);
267
- --uilib-card-selectable-dashed-border-color: var(--uilib-color-border-dashed);
268
267
  --uilib-card-selectable-selected-border-color: var(--uilib-color-border-interaction);
269
268
  --uilib-card-selectable-selected-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/checkmark-corner-filled.svg");
270
269
  --uilib-card-selectable-selected-icon-shape: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/checkmark-corner-solid.svg");
270
+ --uilib-card-selectable-dashed-border-color: var(--uilib-color-border-dashed);
271
271
  --uilib-flight-details-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-down.svg");
272
272
  --uilib-flyout-dropdown-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/cross.svg");
273
273
  --uilib-datepicker-icon-previous: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-left.svg");
@@ -397,6 +397,7 @@
397
397
  --uilib-list-bullet-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/list-item.svg");
398
398
  --uilib-list-image-radius: var(--uilib-border-radius-100);
399
399
  --uilib-list-image-alt-radius: var(--uilib-border-radius-circle);
400
+ --uilib-list-multiline-title-font: var(--uilib-typography-label-medium);
400
401
  --uilib-loader-image: url("https://mwa.tui.com/shared/mwa/assets/v3/motion/tui/loader.svg");
401
402
  --uilib-loader-small: 3.75rem;
402
403
  --uilib-loader-medium: 7.5rem;
@@ -407,7 +408,7 @@
407
408
  --uilib-media-button-color: var(--uilib-color-text-strong);
408
409
  --uilib-modal-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/cross.svg");
409
410
  --uilib-modal-backdrop-color: var(--uilib-color-other-scrim);
410
- --uilib-modal-radius: 1rem;
411
+ --uilib-modal-radius: var(--uilib-border-radius-400);
411
412
  --uilib-pagination-text-color: var(--uilib-color-text-body);
412
413
  --uilib-pagination-border-radius: var(--uilib-icon-button-radius);
413
414
  --uilib-pagination-icon-color: var(--uilib-icon-button-ghost-color);
@@ -423,6 +424,15 @@
423
424
  --uilib-price-main-medium-font: var(--uilib-typography-component-heading-large-strong);
424
425
  --uilib-price-main-large-font: var(--uilib-typography-component-heading-xxlarge-strong);
425
426
  --uilib-price-sub-large-font: var(--uilib-typography-component-heading-medium-strong);
427
+ --uilib-card-promotion-elevation: var(--uilib-elevation-100);
428
+ --uilib-card-promotion-radius: var(--uilib-border-radius-400);
429
+ --uilib-card-promotion-bg-color: var(--uilib-color-core-neutral);
430
+ --uilib-card-promotion-headline-color: var(--uilib-color-text-strong);
431
+ --uilib-card-promotion-subcopy-color: var(--uilib-color-text-body);
432
+ --uilib-card-promotion-subcopy-link-color: var(--uilib-color-text-link);
433
+ --uilib-card-promotion-code-color: var(--uilib-color-text-strong);
434
+ --uilib-card-promotion-cta-copy-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/copy.svg");
435
+ --uilib-card-promotion-cta-copied-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/checkmark-circled-filled.svg");
426
436
  --uilib-promo-tag-radius: var(--uilib-border-radius-400);
427
437
  --uilib-promo-tag-color: var(--uilib-color-text-strong);
428
438
  --uilib-promo-tag-bg-color: var(--uilib-color-core-neutral);
@@ -471,8 +481,8 @@
471
481
  --uilib-scroller-focus-radius: var(--uilib-border-radius-100);
472
482
  --uilib-scroller-bar-size: var(--uilib-spacing-400);
473
483
  --uilib-show-more-less-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-down.svg");
474
- --uilib-skeleton-color: #dcdcdc;
475
- --uilib-skeleton-shimmer-color: #f5f5f5;
484
+ --uilib-skeleton-color: var(--uilib-color-other-skeleton-loading);
485
+ --uilib-skeleton-shimmer-color: var(--uilib-color-canvas-contrast);
476
486
  --uilib-social-proofing-radius: var(--uilib-border-radius-300);
477
487
  --uilib-social-proofing-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/cross.svg");
478
488
  --uilib-social-proofing-box-shadow: var(--uilib-elevation-100);
package/dist/themes/tui/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/themes/tui/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACGA;AAAA;AAAA;AAAA;EAKC;ECLC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/themes/tui/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACGA;AAAA;AAAA;AAAA;EAKC;ECLC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tui/design-system",
3
- "version": "1.5.0",
3
+ "version": "1.7.0",
4
4
  "description": "TUI Design System",
5
5
  "author": "TUI Group",
6
6
  "//dependencies": {
@@ -73,15 +73,15 @@
73
73
  "@eslint/js": "^9.38.0",
74
74
  "@figma/code-connect": "^1.4.5",
75
75
  "@jest/globals": "^30.2.0",
76
- "@storybook/addon-a11y": "10.4.5",
77
- "@storybook/addon-docs": "10.4.5",
78
- "@storybook/addon-links": "10.4.5",
79
- "@storybook/addon-themes": "10.4.5",
80
- "@storybook/html-vite": "10.4.5",
76
+ "@storybook/addon-a11y": "^10.4.5",
77
+ "@storybook/addon-docs": "^10.4.5",
78
+ "@storybook/addon-links": "^10.4.5",
79
+ "@storybook/addon-themes": "^10.4.5",
80
+ "@storybook/html-vite": "^10.4.5",
81
81
  "@stylistic/eslint-plugin": "^3.1.0",
82
- "@tui/cally": "^0.1.0",
82
+ "@tui/cally": "1.0.0",
83
83
  "@types/js-beautify": "^1.14.3",
84
- "@types/node": "^25.2.3",
84
+ "@types/node": "^24.0.0",
85
85
  "@typescript-eslint/eslint-plugin": "^8.46.2",
86
86
  "@typescript-eslint/parser": "^8.46.2",
87
87
  "aws-cdk-lib": "^2.259.0",
@@ -101,13 +101,13 @@
101
101
  "eslint-plugin-prettier": "^5.5.4",
102
102
  "eslint-plugin-react": "^7.37.5",
103
103
  "eslint-plugin-react-hooks": "^7.0.1",
104
- "eslint-plugin-storybook": "10.4.5",
104
+ "eslint-plugin-storybook": "^10.4.5",
105
105
  "git-format-staged": "4.0.1",
106
106
  "glob": "^13.0.0",
107
107
  "globals": "^17.3.0",
108
108
  "husky": "^9.1.7",
109
109
  "jest": "^30.2.0",
110
- "js-beautify": "^1.15.1",
110
+ "js-beautify": "^2.0.3",
111
111
  "lint-staged": "^17.0.2",
112
112
  "log-update": "^8.0.0",
113
113
  "node-fetch": "^3.3.2",
@@ -121,8 +121,8 @@
121
121
  "sass-true": "^10.0.0",
122
122
  "shx": "0.4.0",
123
123
  "source-map-support": "^0.5.21",
124
- "storybook": "10.4.5",
125
- "storybook-addon-pseudo-states": "10.4.5",
124
+ "storybook": "^10.4.5",
125
+ "storybook-addon-pseudo-states": "^10.4.5",
126
126
  "storybook-addon-tag-badges": "^3.1.0",
127
127
  "storybook-dark-mode": "^5.0.0",
128
128
  "stylelint": "^17.2.0",
package/scss/lib/accordion/_mixins.scss CHANGED
@@ -32,9 +32,7 @@ $uilib-accordion-included: false !default;
32
32
  overflow: hidden;
33
33
 
34
34
  @media (prefers-reduced-motion: no-preference) {
35
- transition:
36
- block-size var(--uilib-motion-duration-medium) var(--uilib-motion-timing-out),
37
- content-visibility var(--uilib-motion-duration-medium) allow-discrete;
35
+ transition: block-size var(--uilib-motion-duration-medium) var(--uilib-motion-timing-out);
38
36
  }
39
37
  }
40
38
 
package/scss/lib/active-tag/_mixins.scss CHANGED
@@ -4,6 +4,7 @@
4
4
  @use '../icon/mixins' as *;
5
5
 
6
6
  $uilib-active-tag-included: false !default;
7
+ $uilib-active-tag-group-included: false !default;
7
8
 
8
9
  // Builds active tag
9
10
  @mixin uilib-active-tag() {
@@ -15,6 +16,16 @@ $uilib-active-tag-included: false !default;
15
16
  }
16
17
  }
17
18
 
19
+ @mixin uilib-active-tag-group() {
20
+ @if not $uilib-active-tag-group-included {
21
+ $uilib-active-tag-group-included: true !global;
22
+
23
+ @include uilib-icon;
24
+ @include uilib-link;
25
+ @include uilib-active-tag-group-master;
26
+ }
27
+ }
28
+
18
29
  @mixin uilib-active-tag-master() {
19
30
  .uilib-active-tag {
20
31
  display: flex;
@@ -73,16 +84,17 @@ $uilib-active-tag-included: false !default;
73
84
  }
74
85
  }
75
86
 
76
- @mixin uilib-active-tag-group() {
77
- @include uilib-icon;
78
- @include uilib-link;
79
-
87
+ @mixin uilib-active-tag-group-master() {
80
88
  .uilib-active-tag-group {
81
89
  display: flex;
82
90
  flex-wrap: wrap;
83
91
  gap: var(--uilib-spacing-200);
84
92
  align-items: center;
85
93
 
94
+ &__visually-hidden {
95
+ @include uilib-visually-hidden;
96
+ }
97
+
86
98
  &__list {
87
99
  display: flex;
88
100
  flex-wrap: wrap;
package/scss/lib/cards/promotion/_index.scss ADDED
@@ -0,0 +1,3 @@
1
+ // card-promotion / index
2
+ @use 'mixins' as *;
3
+ @include uilib-card-promotion;