@tui/design-system 1.8.0 → 1.10.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 (34) hide show
  1. package/CHANGELOG.md +72 -0
  2. package/dist/themes/crystalski/index.css +16 -13
  3. package/dist/themes/crystalski/index.css.map +1 -1
  4. package/dist/themes/firstchoice/index.css +16 -13
  5. package/dist/themes/firstchoice/index.css.map +1 -1
  6. package/dist/themes/tui/index.css +12 -9
  7. package/dist/themes/tui/index.css.map +1 -1
  8. package/package.json +7 -2
  9. package/scss/lib/cards/selectable/_mixins.scss +34 -11
  10. package/scss/lib/forms/input-checkbox/_mixins.scss +6 -7
  11. package/scss/lib/forms/input-radio/_mixins.scss +6 -7
  12. package/scss/lib/forms/input-select/_mixins.scss +21 -2
  13. package/scss/lib/forms/input-stepper/_mixins.scss +1 -3
  14. package/scss/lib/grid/_column.scss +21 -0
  15. package/scss/lib/grid/_mixins.scss +89 -0
  16. package/scss/lib/info-tag/_mixins.scss +2 -0
  17. package/scss/lib/patterns/edit-search/_index.scss +3 -0
  18. package/scss/lib/patterns/edit-search/_mixins.scss +98 -0
  19. package/scss/lib/patterns/edit-search/_variables.scss +7 -0
  20. package/scss/lib/patterns/reasons-to-book/_index.scss +3 -0
  21. package/scss/lib/patterns/reasons-to-book/_mixins.scss +86 -0
  22. package/scss/lib/patterns/reasons-to-book/_variables.scss +3 -0
  23. package/scss/lib/patterns/review-summary/_index.scss +3 -0
  24. package/scss/lib/patterns/review-summary/_mixins.scss +156 -0
  25. package/scss/lib/patterns/review-summary/_variables.scss +3 -0
  26. package/scss/lib/ratings-reviews/range-bar/_mixins.scss +3 -2
  27. package/scss/mixins.scss +5 -0
  28. package/scss/themes/crystalski/index.scss +4 -0
  29. package/scss/themes/firstchoice/index.scss +4 -0
  30. package/scss/themes/tui/index.scss +4 -0
  31. package/scss/variables/_grid.scss +3 -3
  32. package/scss/variables/base-theme.json +21 -0
  33. package/scss/variables.scss +4 -1
  34. package/types/components.ts +34 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,77 @@
1
1
  # Changelog
2
2
 
3
+ ## v1.10.0
4
+
5
+ ### Added
6
+
7
+ #### [Reasons to book](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/patterns-reasons-to-book--docs)
8
+
9
+ - Added the Reasons to book pattern — a promo strip that displays trust and value propositions (e.g. 24/7 support, ABTA/ATOL protection, no hidden
10
+ fees) as a horizontally scrollable carousel. Reason cards keep their natural width and only trigger the Carousel's scroll controls once they
11
+ overflow the available width, and switch to a compact, centred layout at narrow widths.
12
+
13
+ ### Updated
14
+
15
+ #### [Grid](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/globals-grid--docs)
16
+
17
+ - Added column divider mixins and utility classes (`divider-left`, `divider-top`) that use pseudo-elements to render decorative lines in the grid
18
+ gutter. Both directions can be applied simultaneously and support responsive breakpoint variants with `divider-none` to remove them when layouts
19
+ reflow.
20
+
21
+ #### [Input checkbox](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-input-checkbox--docs) and [Input radio](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-input-radio--docs)
22
+
23
+ - Label interactive area now matches the width of its content rather than expanding to fill the container.
24
+ - Added pointer cursor on hover for the label.
25
+
26
+ #### [Selectable card](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-cards-selectable-card--docs)
27
+
28
+ - The info tag can now be shown independently of the image – previously it only appeared automatically alongside an image, with no way to include one
29
+ without the other.
30
+
31
+ ### Fixed
32
+
33
+ #### [Carousel](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-cards-carousel--docs)
34
+
35
+ - Fixed the carousel container's role from `region` to `group`, matching the design's accessibility annotation — a carousel is supplementary content,
36
+ not a significant enough page section to be a landmark.
37
+ - Fixed a screen reader issue where NVDA announced "blank" after the last slide; the scroll viewport now gets `role="presentation"` once JavaScript
38
+ enhances the carousel.
39
+
40
+ #### [Input select](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-input-select--docs)
41
+
42
+ - Fix to make the whole visible area of the input select interactive. Prior to this fix, areas such as the icons were not interactive.
43
+
44
+ ## v1.9.0
45
+
46
+ ### Added
47
+
48
+ #### [Edit search](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/patterns-edit-search-or-unit--docs)
49
+
50
+ - Added the edit search or unit component that allows users to refine their journey from the Unit Details page without returning to earlier stages of
51
+ the experience. This is designed to minimise visual noise by remaining hidden until required, helping to keep the focus on the unit information.
52
+
53
+ #### [Review summary](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/patterns-review-summary--docs)
54
+
55
+ - Added Review Summary pattern that displays hotel review summary data. It presents an overall score with rating indicators, a breakdown by label with
56
+ progress bars, and per-category scores.
57
+
58
+ ### Updated
59
+
60
+ #### [Range bar](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-range-bar--docs)
61
+
62
+ - Added schema guidance for score distribution breakdowns (Excellent, Good, etc.) — no JSON-LD should be included in this scenario
63
+ - Updated the bar styling slightly, making the bar itself 16px high (matching the range icon sizing) and also matching the group spacing so that both
64
+ range bar group and range icon group align.
65
+
66
+ ### Fixed
67
+
68
+ #### [Tooltip](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-tooltip--docs)
69
+
70
+ - Added `tooltip-root` attribute for MFE and Shadow DOM usage. The tooltip overlay is appended inside the specified root container, ensuring it
71
+ inherits scoped UILIB styles and remains positioned within the MFE boundary.
72
+ - Replaced `mousedown`/`mouseup` event listeners with `pointerdown` to fix an issue where keyboard-only tooltip opening was incorrectly triggered when
73
+ clicking the trigger inside a Shadow DOM or MFE.
74
+
3
75
  ## v1.8.0
4
76
 
5
77
  ### Added
package/dist/themes/crystalski/index.css CHANGED
@@ -209,19 +209,19 @@
209
209
  --uilib-button-radius: var(--uilib-border-radius-pill);
210
210
  --uilib-button-primary-color: var(--uilib-color-text-inverse);
211
211
  --uilib-button-primary-bg-color: var(--uilib-color-core-interaction);
212
- --uilib-button-primary-hover-bg-color: rgb(156.6, 91, 175);
212
+ --uilib-button-primary-hover-bg-color: rgb(61.4117647059%, 35.6862745098%, 68.6274509804%);
213
213
  --uilib-button-secondary-color: var(--uilib-color-core-interaction);
214
214
  --uilib-button-secondary-bg-color: var(--uilib-color-core-neutral);
215
- --uilib-button-secondary-hover-bg-color: rgb(230.4, 214, 235);
215
+ --uilib-button-secondary-hover-bg-color: rgb(90.3529411765%, 83.9215686275%, 92.1568627451%);
216
216
  --uilib-button-tertiary-color: var(--uilib-color-text-inverse);
217
217
  --uilib-button-tertiary-bg-color: var(--uilib-color-core-brand-strong);
218
- --uilib-button-tertiary-hover-bg-color: rgb(73.4, 139.8, 141.4);
218
+ --uilib-button-tertiary-hover-bg-color: rgb(28.7843137255%, 54.8235294118%, 55.4509803922%);
219
219
  --uilib-button-promotion-color: var(--uilib-color-text-inverse);
220
220
  --uilib-button-promotion-bg-color: var(--uilib-color-promotion);
221
- --uilib-button-promotion-hover-bg-color: rgb(204.6, 52.6, 100.6);
221
+ --uilib-button-promotion-hover-bg-color: rgb(80.2352941176%, 20.6274509804%, 39.4509803922%);
222
222
  --uilib-button-search-color: var(--uilib-color-text-inverse);
223
223
  --uilib-button-search-bg-color: var(--uilib-color-core-brand-strong);
224
- --uilib-button-search-hover-bg-color: rgb(73.4, 139.8, 141.4);
224
+ --uilib-button-search-hover-bg-color: rgb(28.7843137255%, 54.8235294118%, 55.4509803922%);
225
225
  --uilib-button-disabled-color: var(--uilib-color-other-disabled-strong);
226
226
  --uilib-button-disabled-bg-color: var(--uilib-color-other-disabled-soft);
227
227
  --uilib-card-radius: var(--uilib-border-radius-400);
@@ -274,7 +274,7 @@
274
274
  --uilib-input-chip-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
275
275
  --uilib-input-chip-active-bg-color: var(--uilib-color-other-active-state-tint);
276
276
  --uilib-input-chip-active-border-color: var(--uilib-color-core-interaction);
277
- --uilib-input-chip-active-hover-bg-color: rgb(206.4, 219, 252.6);
277
+ --uilib-input-chip-active-hover-bg-color: rgb(80.9411764706%, 85.8823529412%, 99.0588235294%);
278
278
  --uilib-input-chip-box-shadow: var(--uilib-elevation-200);
279
279
  --uilib-input-chip-disabled-bg-color: var(--uilib-color-core-neutral);
280
280
  --uilib-input-count-radius: var(--uilib-border-radius-100);
@@ -348,25 +348,25 @@
348
348
  --uilib-icon-button-radius: var(--uilib-border-radius-pill);
349
349
  --uilib-icon-button-ghost-color: var(--uilib-color-core-interaction);
350
350
  --uilib-icon-button-ghost-bg-color: transparent;
351
- --uilib-icon-button-ghost-hover-bg-color: rgb(230.4, 214, 235);
351
+ --uilib-icon-button-ghost-hover-bg-color: rgb(90.3529411765%, 83.9215686275%, 92.1568627451%);
352
352
  --uilib-icon-button-primary-color: var(--uilib-color-text-inverse);
353
353
  --uilib-icon-button-primary-bg-color: var(--uilib-color-core-interaction);
354
- --uilib-icon-button-primary-hover-bg-color: rgb(156.6, 91, 175);
354
+ --uilib-icon-button-primary-hover-bg-color: rgb(61.4117647059%, 35.6862745098%, 68.6274509804%);
355
355
  --uilib-icon-button-secondary-color: var(--uilib-color-core-interaction);
356
356
  --uilib-icon-button-secondary-bg-color: var(--uilib-color-core-neutral);
357
- --uilib-icon-button-secondary-hover-bg-color: rgb(230.4, 214, 235);
357
+ --uilib-icon-button-secondary-hover-bg-color: rgb(90.3529411765%, 83.9215686275%, 92.1568627451%);
358
358
  --uilib-icon-button-control-color: var(--uilib-color-core-interaction);
359
359
  --uilib-icon-button-control-bg-color: var(--uilib-color-core-neutral);
360
- --uilib-icon-button-control-hover-bg-color: rgb(230.4, 214, 235);
360
+ --uilib-icon-button-control-hover-bg-color: rgb(90.3529411765%, 83.9215686275%, 92.1568627451%);
361
361
  --uilib-icon-button-promotion-color: var(--uilib-color-text-inverse);
362
362
  --uilib-icon-button-promotion-bg-color: var(--uilib-color-promotion);
363
- --uilib-icon-button-promotion-hover-bg-color: rgb(204.6, 52.6, 100.6);
363
+ --uilib-icon-button-promotion-hover-bg-color: rgb(80.2352941176%, 20.6274509804%, 39.4509803922%);
364
364
  --uilib-icon-button-search-color: var(--uilib-color-text-inverse);
365
365
  --uilib-icon-button-search-bg-color: var(--uilib-color-core-brand-strong);
366
- --uilib-icon-button-search-hover-bg-color: rgb(73.4, 139.8, 141.4);
366
+ --uilib-icon-button-search-hover-bg-color: rgb(28.7843137255%, 54.8235294118%, 55.4509803922%);
367
367
  --uilib-icon-button-shortlist-color: var(--uilib-color-text-promotion);
368
368
  --uilib-icon-button-shortlist-bg-color: var(--uilib-color-core-neutral);
369
- --uilib-icon-button-shortlist-hover-bg-color: rgb(248.7, 229.7, 235.7);
369
+ --uilib-icon-button-shortlist-hover-bg-color: rgb(97.5294117647%, 90.0784313725%, 92.431372549%);
370
370
  --uilib-icon-button-disabled-color: var(--uilib-color-other-disabled-strong);
371
371
  --uilib-icon-button-disabled-bg-color: var(--uilib-color-other-disabled-soft);
372
372
  --uilib-icon-button-size-small: 2rem;
@@ -510,6 +510,9 @@
510
510
  --uilib-tooltip-bg-color: var(--uilib-color-text-body);
511
511
  --uilib-tooltip-text-color: var(--uilib-color-text-inverse);
512
512
  --uilib-travel-aware-banner-radius: var(--uilib-border-radius-400);
513
+ --uilib-edit-search-radius: var(--uilib-border-radius-400);
514
+ --uilib-edit-search-bg-color: var(--uilib-color-core-surface);
515
+ --uilib-edit-search-text-color: var(--uilib-color-text-strong);
513
516
  }
514
517
 
515
518
  /*# sourceMappingURL=index.css.map */
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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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
@@ -215,19 +215,19 @@
215
215
  --uilib-button-radius: var(--uilib-border-radius-200);
216
216
  --uilib-button-primary-color: var(--uilib-color-text-inverse);
217
217
  --uilib-button-primary-bg-color: var(--uilib-color-core-interaction);
218
- --uilib-button-primary-hover-bg-color: rgb(222.2, 74.2, 127);
218
+ --uilib-button-primary-hover-bg-color: rgb(87.137254902%, 29.0980392157%, 49.8039215686%);
219
219
  --uilib-button-secondary-color: var(--uilib-color-text-strong);
220
220
  --uilib-button-secondary-bg-color: var(--uilib-color-core-neutral);
221
- --uilib-button-secondary-hover-bg-color: rgb(204, 213.4, 208.6);
221
+ --uilib-button-secondary-hover-bg-color: rgb(80%, 83.6862745098%, 81.8039215686%);
222
222
  --uilib-button-tertiary-color: var(--uilib-color-text-inverse);
223
223
  --uilib-button-tertiary-bg-color: var(--uilib-color-core-brand-strong);
224
- --uilib-button-tertiary-hover-bg-color: rgb(51, 88.6, 69.4);
224
+ --uilib-button-tertiary-hover-bg-color: rgb(20%, 34.7450980392%, 27.2156862745%);
225
225
  --uilib-button-promotion-color: var(--uilib-color-text-inverse);
226
226
  --uilib-button-promotion-bg-color: var(--uilib-color-core-interaction);
227
- --uilib-button-promotion-hover-bg-color: rgb(222.2, 74.2, 127);
227
+ --uilib-button-promotion-hover-bg-color: rgb(87.137254902%, 29.0980392157%, 49.8039215686%);
228
228
  --uilib-button-search-color: var(--uilib-color-text-inverse);
229
229
  --uilib-button-search-bg-color: var(--uilib-color-core-brand-strong);
230
- --uilib-button-search-hover-bg-color: rgb(51, 88.6, 69.4);
230
+ --uilib-button-search-hover-bg-color: rgb(20%, 34.7450980392%, 27.2156862745%);
231
231
  --uilib-button-disabled-color: var(--uilib-color-other-disabled-strong);
232
232
  --uilib-button-disabled-bg-color: var(--uilib-color-other-disabled-soft);
233
233
  --uilib-card-radius: var(--uilib-border-radius-200);
@@ -281,7 +281,7 @@
281
281
  --uilib-input-chip-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
282
282
  --uilib-input-chip-active-bg-color: var(--uilib-color-other-active-state-tint);
283
283
  --uilib-input-chip-active-border-color: var(--uilib-color-core-interaction);
284
- --uilib-input-chip-active-hover-bg-color: rgb(206.4, 219, 252.6);
284
+ --uilib-input-chip-active-hover-bg-color: rgb(80.9411764706%, 85.8823529412%, 99.0588235294%);
285
285
  --uilib-input-chip-box-shadow: var(--uilib-elevation-200);
286
286
  --uilib-input-chip-disabled-bg-color: var(--uilib-color-core-neutral);
287
287
  --uilib-input-count-radius: var(--uilib-border-radius-100);
@@ -355,25 +355,25 @@
355
355
  --uilib-icon-button-radius: var(--uilib-border-radius-200);
356
356
  --uilib-icon-button-ghost-color: var(--uilib-color-text-strong);
357
357
  --uilib-icon-button-ghost-bg-color: transparent;
358
- --uilib-icon-button-ghost-hover-bg-color: rgb(204, 213.4, 208.6);
358
+ --uilib-icon-button-ghost-hover-bg-color: rgb(80%, 83.6862745098%, 81.8039215686%);
359
359
  --uilib-icon-button-primary-color: var(--uilib-color-text-inverse);
360
360
  --uilib-icon-button-primary-bg-color: var(--uilib-color-core-interaction);
361
- --uilib-icon-button-primary-hover-bg-color: rgb(222.2, 74.2, 127);
361
+ --uilib-icon-button-primary-hover-bg-color: rgb(87.137254902%, 29.0980392157%, 49.8039215686%);
362
362
  --uilib-icon-button-secondary-color: var(--uilib-color-text-strong);
363
363
  --uilib-icon-button-secondary-bg-color: var(--uilib-color-core-neutral);
364
- --uilib-icon-button-secondary-hover-bg-color: rgb(204, 213.4, 208.6);
364
+ --uilib-icon-button-secondary-hover-bg-color: rgb(80%, 83.6862745098%, 81.8039215686%);
365
365
  --uilib-icon-button-control-color: var(--uilib-color-text-strong);
366
366
  --uilib-icon-button-control-bg-color: var(--uilib-color-core-neutral);
367
- --uilib-icon-button-control-hover-bg-color: rgb(204, 213.4, 208.6);
367
+ --uilib-icon-button-control-hover-bg-color: rgb(80%, 83.6862745098%, 81.8039215686%);
368
368
  --uilib-icon-button-promotion-color: var(--uilib-color-text-inverse);
369
369
  --uilib-icon-button-promotion-bg-color: var(--uilib-color-core-interaction);
370
- --uilib-icon-button-promotion-hover-bg-color: rgb(222.2, 74.2, 127);
370
+ --uilib-icon-button-promotion-hover-bg-color: rgb(87.137254902%, 29.0980392157%, 49.8039215686%);
371
371
  --uilib-icon-button-search-color: var(--uilib-color-text-inverse);
372
372
  --uilib-icon-button-search-bg-color: var(--uilib-color-core-brand-strong);
373
- --uilib-icon-button-search-hover-bg-color: rgb(51, 88.6, 69.4);
373
+ --uilib-icon-button-search-hover-bg-color: rgb(20%, 34.7450980392%, 27.2156862745%);
374
374
  --uilib-icon-button-shortlist-color: var(--uilib-color-core-interaction);
375
375
  --uilib-icon-button-shortlist-bg-color: var(--uilib-color-core-neutral);
376
- --uilib-icon-button-shortlist-hover-bg-color: rgb(250.9, 232.4, 239);
376
+ --uilib-icon-button-shortlist-hover-bg-color: rgb(98.3921568627%, 91.137254902%, 93.7254901961%);
377
377
  --uilib-icon-button-disabled-color: var(--uilib-color-other-disabled-strong);
378
378
  --uilib-icon-button-disabled-bg-color: var(--uilib-color-other-disabled-soft);
379
379
  --uilib-icon-button-size-small: 2rem;
@@ -517,6 +517,9 @@
517
517
  --uilib-tooltip-bg-color: var(--uilib-color-text-body);
518
518
  --uilib-tooltip-text-color: var(--uilib-color-text-inverse);
519
519
  --uilib-travel-aware-banner-radius: var(--uilib-border-radius-400);
520
+ --uilib-edit-search-radius: var(--uilib-border-radius-400);
521
+ --uilib-edit-search-bg-color: var(--uilib-color-core-surface);
522
+ --uilib-edit-search-text-color: var(--uilib-color-text-strong);
520
523
  }
521
524
 
522
525
  /*# sourceMappingURL=index.css.map */
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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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
@@ -232,19 +232,19 @@
232
232
  --uilib-button-radius: var(--uilib-border-radius-pill);
233
233
  --uilib-button-primary-color: var(--uilib-color-text-inverse);
234
234
  --uilib-button-primary-bg-color: var(--uilib-color-core-interaction);
235
- --uilib-button-primary-hover-bg-color: rgb(60.6, 111, 245.4);
235
+ --uilib-button-primary-hover-bg-color: rgb(23.7647058824%, 43.5294117647%, 96.2352941176%);
236
236
  --uilib-button-secondary-color: var(--uilib-color-core-interaction);
237
237
  --uilib-button-secondary-bg-color: var(--uilib-color-core-neutral);
238
238
  --uilib-button-secondary-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
239
239
  --uilib-button-tertiary-color: var(--uilib-color-text-strong);
240
240
  --uilib-button-tertiary-bg-color: var(--uilib-color-core-brand);
241
- --uilib-button-tertiary-hover-bg-color: rgb(140.6, 213.4, 246.2);
241
+ --uilib-button-tertiary-hover-bg-color: rgb(55.137254902%, 83.6862745098%, 96.5490196078%);
242
242
  --uilib-button-promotion-color: var(--uilib-color-text-inverse);
243
243
  --uilib-button-promotion-bg-color: var(--uilib-color-promotion);
244
- --uilib-button-promotion-hover-bg-color: rgb(204.6, 60.6, 65.4);
244
+ --uilib-button-promotion-hover-bg-color: rgb(80.2352941176%, 23.7647058824%, 25.6470588235%);
245
245
  --uilib-button-search-color: var(--uilib-color-text-inverse);
246
246
  --uilib-button-search-bg-color: var(--uilib-color-core-brand-strong);
247
- --uilib-button-search-hover-bg-color: rgb(72.6, 64.6, 124.6);
247
+ --uilib-button-search-hover-bg-color: rgb(28.4705882353%, 25.3333333333%, 48.862745098%);
248
248
  --uilib-button-disabled-color: var(--uilib-color-other-disabled-strong);
249
249
  --uilib-button-disabled-bg-color: var(--uilib-color-other-disabled-soft);
250
250
  --uilib-card-radius: var(--uilib-border-radius-400);
@@ -297,7 +297,7 @@
297
297
  --uilib-input-chip-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
298
298
  --uilib-input-chip-active-bg-color: var(--uilib-color-other-active-state-tint);
299
299
  --uilib-input-chip-active-border-color: var(--uilib-color-core-interaction);
300
- --uilib-input-chip-active-hover-bg-color: rgb(206.4, 219, 252.6);
300
+ --uilib-input-chip-active-hover-bg-color: rgb(80.9411764706%, 85.8823529412%, 99.0588235294%);
301
301
  --uilib-input-chip-box-shadow: var(--uilib-elevation-200);
302
302
  --uilib-input-chip-disabled-bg-color: var(--uilib-color-core-neutral);
303
303
  --uilib-input-count-radius: var(--uilib-border-radius-100);
@@ -358,7 +358,7 @@
358
358
  --uilib-icon-button-ghost-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
359
359
  --uilib-icon-button-primary-color: var(--uilib-color-text-inverse);
360
360
  --uilib-icon-button-primary-bg-color: var(--uilib-color-core-interaction);
361
- --uilib-icon-button-primary-hover-bg-color: rgb(60.6, 111, 245.4);
361
+ --uilib-icon-button-primary-hover-bg-color: rgb(23.7647058824%, 43.5294117647%, 96.2352941176%);
362
362
  --uilib-icon-button-secondary-color: var(--uilib-color-core-interaction);
363
363
  --uilib-icon-button-secondary-bg-color: var(--uilib-color-core-neutral);
364
364
  --uilib-icon-button-secondary-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
@@ -367,13 +367,13 @@
367
367
  --uilib-icon-button-control-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
368
368
  --uilib-icon-button-promotion-color: var(--uilib-color-text-inverse);
369
369
  --uilib-icon-button-promotion-bg-color: var(--uilib-color-promotion);
370
- --uilib-icon-button-promotion-hover-bg-color: rgb(204.6, 60.6, 65.4);
370
+ --uilib-icon-button-promotion-hover-bg-color: rgb(80.2352941176%, 23.7647058824%, 25.6470588235%);
371
371
  --uilib-icon-button-search-color: var(--uilib-color-text-inverse);
372
372
  --uilib-icon-button-search-bg-color: var(--uilib-color-core-brand-strong);
373
- --uilib-icon-button-search-hover-bg-color: rgb(72.6, 64.6, 124.6);
373
+ --uilib-icon-button-search-hover-bg-color: rgb(28.4705882353%, 25.3333333333%, 48.862745098%);
374
374
  --uilib-icon-button-shortlist-color: var(--uilib-color-text-promotion);
375
375
  --uilib-icon-button-shortlist-bg-color: var(--uilib-color-core-neutral);
376
- --uilib-icon-button-shortlist-hover-bg-color: rgb(248.7, 230.7, 231.3);
376
+ --uilib-icon-button-shortlist-hover-bg-color: rgb(97.5294117647%, 90.4705882353%, 90.7058823529%);
377
377
  --uilib-icon-button-disabled-color: var(--uilib-color-other-disabled-strong);
378
378
  --uilib-icon-button-disabled-bg-color: var(--uilib-color-other-disabled-soft);
379
379
  --uilib-icon-button-size-small: 2rem;
@@ -533,6 +533,9 @@
533
533
  --uilib-tooltip-bg-color: var(--uilib-color-text-body);
534
534
  --uilib-tooltip-text-color: var(--uilib-color-text-inverse);
535
535
  --uilib-travel-aware-banner-radius: var(--uilib-border-radius-400);
536
+ --uilib-edit-search-radius: var(--uilib-border-radius-400);
537
+ --uilib-edit-search-bg-color: var(--uilib-color-core-surface);
538
+ --uilib-edit-search-text-color: var(--uilib-color-text-strong);
536
539
  }
537
540
 
538
541
  /*# sourceMappingURL=index.css.map */
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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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.8.0",
3
+ "version": "1.10.0",
4
4
  "description": "TUI Design System",
5
5
  "author": "TUI Group",
6
6
  "//dependencies": {
@@ -20,9 +20,14 @@
20
20
  "build:primitives": "node cli/process-primitives.mjs",
21
21
  "build:js": "node cli/process-webcomponent-ts.mjs",
22
22
  "build:changelog": "node cli/change-log.mjs",
23
+ "build:component-data": "node --experimental-strip-types cli/mcp/generate-component-data.ts",
24
+ "build:component-examples": "node --experimental-strip-types cli/mcp/render-examples.ts",
25
+ "build:docs": "node --experimental-strip-types cli/mcp/generate-docs.ts",
26
+ "build:asset-catalog": "node --experimental-strip-types cli/mcp/generate-asset-catalog.ts",
27
+ "build:meta": "run-s build:component-data build:component-examples build:docs build:asset-catalog",
23
28
  "dev": "dotenv -e .env.local npm run storybook:dev",
24
29
  "storybook:dev": "run-s static:build build:primitives build:changelog set-scss-env storybook:serve",
25
- "storybook:build": "run-s static:build build:primitives build:js build:changelog set-scss-env _storybook:build_prod",
30
+ "storybook:build": "run-s static:build build:primitives build:js build:changelog build:meta set-scss-env _storybook:build_prod",
26
31
  "storybook:serve": "storybook dev -p 6006 -c storybook/.storybook",
27
32
  "_storybook:build_prod": "storybook build -c storybook/.storybook",
28
33
  "static:build": "node cli/static-assets.mjs",
package/scss/lib/cards/selectable/_mixins.scss CHANGED
@@ -145,6 +145,10 @@ $uilib-card-selectable-included: false !default;
145
145
  .uilib-input-radio {
146
146
  margin: 0 calc(var(--uilib-spacing-200) * -1) calc(var(--uilib-spacing-200) * -1);
147
147
  }
148
+
149
+ .uilib-input-radio__label {
150
+ width: unset;
151
+ }
148
152
  }
149
153
 
150
154
  // ===================
@@ -255,30 +259,49 @@ $uilib-card-selectable-included: false !default;
255
259
  position: relative;
256
260
 
257
261
  display: grid;
258
- grid-template:
259
- 'uilib-card-selectable-tags .' auto
260
- 'uilib-card-selectable-media uilib-card-selectable-media' min-content
261
- / 1fr var(--uilib-spacing-1000);
262
+ grid-template: 'uilib-card-selectable-tags .' 1fr / 1fr var(--uilib-spacing-1000);
262
263
  gap: var(--uilib-spacing-200);
263
264
 
264
265
  padding: var(--uilib-spacing-200);
265
266
 
266
267
  aspect-ratio: var(--uilib-aspect-ratio-16x9-wide);
267
- }
268
268
 
269
- &__tag {
270
- grid-area: uilib-card-selectable-tags;
269
+ .uilib-card-selectable__tag.uilib-info-tag {
270
+ grid-area: uilib-card-selectable-tags;
271
271
 
272
- position: relative;
272
+ position: relative;
273
+ z-index: 1;
274
+
275
+ place-self: start start;
276
+
277
+ max-width: 100%;
278
+
279
+ transform: translate(0, calc((var(--uilib-spacing-200) + 50%) * -1));
280
+
281
+ pointer-events: none;
282
+ }
283
+ }
284
+
285
+ & > &__tag.uilib-info-tag {
273
286
  z-index: 1;
274
287
 
275
- place-self: start start;
288
+ align-self: flex-start;
276
289
 
277
- transform: translate(0, calc((var(--uilib-spacing-200) + 50%) * -1));
290
+ max-width: calc(100% - var(--uilib-spacing-1000) - var(--uilib-spacing-200) * 2);
291
+ margin: calc((var(--uilib-spacing-050) + 0.5rem) * -1) var(--uilib-spacing-200) calc((var(--uilib-spacing-050) + 0.5rem) * -1);
292
+
293
+ pointer-events: none;
278
294
  }
279
295
 
280
296
  &__media-button {
281
- grid-area: uilib-card-selectable-media;
297
+ position: absolute;
298
+ left: var(--uilib-spacing-200);
299
+ bottom: var(--uilib-spacing-200);
300
+ z-index: 1;
301
+
302
+ &.uilib-button:focus-visible {
303
+ position: absolute;
304
+ }
282
305
  }
283
306
 
284
307
  &__image.uilib-image {
package/scss/lib/forms/input-checkbox/_mixins.scss CHANGED
@@ -30,10 +30,13 @@ $uilib-input-checkbox-included: false !default;
30
30
  gap: var(--uilib-spacing-300);
31
31
  align-items: flex-start;
32
32
 
33
+ width: min(max-content, 100%);
33
34
  padding: var(--uilib-spacing-300);
34
35
 
35
36
  border-radius: var(--uilib-border-radius-100);
36
37
 
38
+ cursor: pointer;
39
+
37
40
  &::before,
38
41
  &::after {
39
42
  content: '';
@@ -51,7 +54,7 @@ $uilib-input-checkbox-included: false !default;
51
54
 
52
55
  background: var(--uilib-color-core-neutral);
53
56
 
54
- cursor: pointer;
57
+ pointer-events: none;
55
58
 
56
59
  @media (prefers-reduced-motion: no-preference) {
57
60
  transition:
@@ -144,16 +147,12 @@ $uilib-input-checkbox-included: false !default;
144
147
  }
145
148
 
146
149
  &__input:disabled + .uilib-input-checkbox__label {
150
+ cursor: default;
151
+
147
152
  &::before {
148
153
  border-color: var(--uilib-color-other-disabled-soft);
149
154
 
150
155
  background: var(--uilib-color-other-disabled-soft);
151
-
152
- cursor: default;
153
- }
154
-
155
- &::after {
156
- cursor: default;
157
156
  }
158
157
 
159
158
  .uilib-input-checkbox__label-content {
package/scss/lib/forms/input-radio/_mixins.scss CHANGED
@@ -30,10 +30,13 @@ $uilib-input-radio-included: false !default;
30
30
  gap: var(--uilib-spacing-300);
31
31
  align-items: flex-start;
32
32
 
33
+ width: min(max-content, 100%);
33
34
  padding: var(--uilib-spacing-300);
34
35
 
35
36
  border-radius: var(--uilib-border-radius-100);
36
37
 
38
+ cursor: pointer;
39
+
37
40
  &::before,
38
41
  &::after {
39
42
  content: '';
@@ -51,7 +54,7 @@ $uilib-input-radio-included: false !default;
51
54
 
52
55
  background: var(--uilib-color-core-neutral);
53
56
 
54
- cursor: pointer;
57
+ pointer-events: none;
55
58
 
56
59
  @media (prefers-reduced-motion: no-preference) {
57
60
  transition:
@@ -119,16 +122,12 @@ $uilib-input-radio-included: false !default;
119
122
  }
120
123
 
121
124
  &__input:disabled + .uilib-input-radio__label {
125
+ cursor: default;
126
+
122
127
  &::before {
123
128
  border-color: var(--uilib-color-other-disabled-soft);
124
129
 
125
130
  background: var(--uilib-color-other-disabled-soft);
126
-
127
- cursor: default;
128
- }
129
-
130
- &::after {
131
- cursor: default;
132
131
  }
133
132
 
134
133
  .uilib-input-radio__label-content {
package/scss/lib/forms/input-select/_mixins.scss CHANGED
@@ -22,12 +22,10 @@ $uilib-input-select-included: false !default;
22
22
 
23
23
  display: flex;
24
24
  flex-flow: row nowrap;
25
- gap: var(--uilib-spacing-200);
26
25
  align-items: center;
27
26
 
28
27
  width: 100%;
29
28
  height: 2.5rem;
30
- padding: 0 var(--uilib-spacing-200);
31
29
 
32
30
  color: var(--uilib-color-text-body);
33
31
 
@@ -39,6 +37,9 @@ $uilib-input-select-included: false !default;
39
37
  cursor: pointer;
40
38
 
41
39
  &::after {
40
+ position: absolute;
41
+ top: 50%;
42
+ right: var(--uilib-spacing-200);
42
43
  content: '';
43
44
 
44
45
  display: flex;
@@ -54,6 +55,8 @@ $uilib-input-select-included: false !default;
54
55
  -webkit-mask-size: cover;
55
56
  mask-size: cover;
56
57
 
58
+ transform: translateY(-50%);
59
+
57
60
  pointer-events: none;
58
61
  }
59
62
 
@@ -67,6 +70,9 @@ $uilib-input-select-included: false !default;
67
70
 
68
71
  &__select {
69
72
  width: 100%;
73
+ height: calc(2.5rem - var(--uilib-stroke-size-050));
74
+ padding: var(--uilib-spacing-200);
75
+ padding-right: calc(var(--uilib-icon-size-medium) + var(--uilib-spacing-400));
70
76
 
71
77
  color: var(--uilib-color-text-body);
72
78
  font: var(--uilib-typography-body-medium);
@@ -74,6 +80,7 @@ $uilib-input-select-included: false !default;
74
80
  text-overflow: ellipsis;
75
81
 
76
82
  border: 0;
83
+ border-radius: var(--uilib-border-radius-100);
77
84
 
78
85
  background: none;
79
86
 
@@ -91,9 +98,21 @@ $uilib-input-select-included: false !default;
91
98
  }
92
99
 
93
100
  &__icon {
101
+ position: absolute;
102
+ top: 50%;
103
+ left: var(--uilib-spacing-200);
104
+
94
105
  flex-shrink: 0;
95
106
 
96
107
  background-color: var(--uilib-color-status-info-icon);
108
+
109
+ transform: translateY(-50%);
110
+
111
+ pointer-events: none;
112
+ }
113
+
114
+ &:has(&__icon) &__select {
115
+ padding-left: calc(var(--uilib-icon-size-xsmall) + var(--uilib-spacing-400));
97
116
  }
98
117
 
99
118
  &:has(select[disabled]),
package/scss/lib/forms/input-stepper/_mixins.scss CHANGED
@@ -62,9 +62,7 @@ $uilib-input-stepper-included: false !default;
62
62
  &:has(.uilib-input-text__input:focus) {
63
63
  &::before {
64
64
  // reduce focus box sizes
65
- --size: calc(100% - var(--uilib-spacing-200));
66
- top: var(--uilib-spacing-100);
67
- left: var(--uilib-spacing-100);
65
+ inset: 0;
68
66
  }
69
67
  }
70
68
  }