@tui/design-system 1.15.1-MR-376.0 → 1.16.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 (54) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/dist/themes/crystalski/index.css +68 -86
  3. package/dist/themes/crystalski/index.css.map +1 -1
  4. package/dist/themes/firstchoice/index.css +64 -82
  5. package/dist/themes/firstchoice/index.css.map +1 -1
  6. package/dist/themes/tui/fonts.css +57 -18
  7. package/dist/themes/tui/fonts.css.map +1 -1
  8. package/dist/themes/tui/index.css +88 -120
  9. package/dist/themes/tui/index.css.map +1 -1
  10. package/package.json +2 -2
  11. package/scss/lib/active-tag/_mixins.scss +1 -2
  12. package/scss/lib/button/_variables.scss +14 -14
  13. package/scss/lib/cards/card/_mixins.scss +4 -0
  14. package/scss/lib/forms/input-chip/_mixins.scss +1 -1
  15. package/scss/lib/forms/input-chip/_variables.scss +1 -1
  16. package/scss/lib/icon-button/_variables.scss +19 -19
  17. package/scss/lib/info-tag/_mixins.scss +2 -8
  18. package/scss/lib/info-tag/_variables.scss +3 -6
  19. package/scss/lib/media-block/_index.scss +3 -0
  20. package/scss/lib/media-block/_mixins.scss +134 -0
  21. package/scss/lib/media-block/_variables.scss +10 -0
  22. package/scss/lib/patterns/reasons-to-book/_mixins.scss +34 -8
  23. package/scss/mixins.scss +1 -0
  24. package/scss/reset.scss +2 -1
  25. package/scss/themes/crystalski/_colors.scss +3 -36
  26. package/scss/themes/crystalski/_overrides.scss +76 -20
  27. package/scss/themes/crystalski/index.scss +6 -3
  28. package/scss/themes/crystalski/theme.json +18 -93
  29. package/scss/themes/firstchoice/_colors.scss +0 -33
  30. package/scss/themes/firstchoice/_overrides.scss +69 -17
  31. package/scss/themes/firstchoice/index.scss +4 -1
  32. package/scss/themes/firstchoice/theme.json +55 -109
  33. package/scss/themes/tui/_colors.scss +0 -20
  34. package/scss/themes/tui/_overrides.scss +9 -1
  35. package/scss/themes/tui/_primitives.scss +1 -28
  36. package/scss/themes/tui/_typography.scss +14 -0
  37. package/scss/themes/tui/fonts.json +60 -21
  38. package/scss/themes/tui/fonts.scss +9 -3
  39. package/scss/themes/tui/index.scss +4 -1
  40. package/scss/themes/tui/theme.json +4 -410
  41. package/scss/variables/_colors.scss +9 -42
  42. package/scss/variables/_grid.scss +1 -1
  43. package/scss/variables/_primitives.scss +16 -18
  44. package/scss/variables/_typography.scss +29 -39
  45. package/scss/variables/base-theme.json +137 -254
  46. package/scss/variables/fonts/_ambit-fallback.scss +0 -10
  47. package/scss/variables.scss +1 -0
  48. package/types/components.ts +19 -0
  49. package/dist/themes/tui/index-dark.css +0 -220
  50. package/dist/themes/tui/index-dark.css.map +0 -1
  51. package/scss/themes/tui/_colors-dark.scss +0 -104
  52. package/scss/themes/tui/_overrides-dark.scss +0 -22
  53. package/scss/themes/tui/index-dark.scss +0 -37
  54. package/scss/variables/fonts/_ambit-black.scss +0 -10
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;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;EG0HD;EH1HC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
package/dist/themes/tui/fonts.css CHANGED
@@ -1,10 +1,3 @@
1
- @font-face {
2
- font-weight: 900;
3
- font-family: "Ambit";
4
- font-style: normal;
5
- src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/ambit-black.subset.woff2") format("woff2");
6
- font-display: swap;
7
- }
8
1
  @font-face {
9
2
  font-weight: 700;
10
3
  font-family: "Ambit";
@@ -34,17 +27,45 @@
34
27
  font-display: swap;
35
28
  }
36
29
  @font-face {
37
- font-weight: 400;
38
- font-family: "Ambit";
30
+ font-weight: 700;
31
+ font-family: "TUIHeadline";
32
+ font-style: normal;
33
+ src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/tuiheadline-black.subset.woff2") format("woff2");
34
+ font-display: swap;
35
+ }
36
+ @font-face {
37
+ font-weight: 700;
38
+ font-family: "TUIHeadline";
39
39
  font-style: italic;
40
- src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/ambit-regular-italic.subset.woff2") format("woff2");
40
+ src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/tuiheadline-black-italic.subset.woff2") format("woff2");
41
+ font-display: swap;
42
+ }
43
+ @font-face {
44
+ font-weight: 700;
45
+ font-family: "TUITypeLight";
46
+ font-style: normal;
47
+ src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/tuitypelight-bold.subset.woff2") format("woff2");
48
+ font-display: swap;
49
+ }
50
+ @font-face {
51
+ font-weight: 700;
52
+ font-family: "TUITypeLight";
53
+ font-style: italic;
54
+ src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/tuitypelight-bold-italic.subset.woff2") format("woff2");
41
55
  font-display: swap;
42
56
  }
43
57
  @font-face {
44
58
  font-weight: 400;
45
- font-family: "Ambit";
59
+ font-family: "TUITypeLight";
46
60
  font-style: normal;
47
- src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/ambit-regular.subset.woff2") format("woff2");
61
+ src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/tuitypelight-regular.subset.woff2") format("woff2");
62
+ font-display: swap;
63
+ }
64
+ @font-face {
65
+ font-weight: 400;
66
+ font-family: "TUITypeLight";
67
+ font-style: italic;
68
+ src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/tuitypelight-regular-italic.subset.woff2") format("woff2");
48
69
  font-display: swap;
49
70
  }
50
71
  @font-face {
@@ -66,13 +87,31 @@
66
87
  line-gap-override: 7.5%;
67
88
  }
68
89
  @font-face {
69
- font-weight: 900;
70
- font-family: "AmbitFallbackFont";
90
+ font-weight: 400;
91
+ font-family: "TUITypeLightFallbackFont";
92
+ src: local(arial);
93
+ size-adjust: 84.5%;
94
+ ascent-override: 101.1%;
95
+ descent-override: 16.5%;
96
+ line-gap-override: 17.5%;
97
+ }
98
+ @font-face {
99
+ font-weight: 700;
100
+ font-family: "TUITypeLightFallbackFont";
101
+ src: local("arial bold");
102
+ size-adjust: 84.5%;
103
+ ascent-override: 101.1%;
104
+ descent-override: 16.5%;
105
+ line-gap-override: 17.5%;
106
+ }
107
+ @font-face {
108
+ font-weight: 700;
109
+ font-family: "TUIHeadlineFallbackFont";
71
110
  src: local("arial black");
72
- size-adjust: 90%;
73
- ascent-override: 94%;
74
- descent-override: 26.1%;
75
- line-gap-override: 8.1%;
111
+ size-adjust: 80.3%;
112
+ ascent-override: 93%;
113
+ descent-override: 28.9%;
114
+ line-gap-override: 22.3%;
76
115
  }
77
116
 
78
117
  /*# sourceMappingURL=fonts.css.map */
package/dist/themes/tui/fonts.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/variables/fonts/_ambit-black.scss","../../../src/variables/fonts/_ambit-bold-italic.scss","../../../src/variables/fonts/_ambit-bold.scss","../../../src/variables/fonts/_ambit-semibold-italic.scss","../../../src/variables/fonts/_ambit-semibold.scss","../../../src/variables/fonts/_ambit-regular-italic.scss","../../../src/variables/fonts/_ambit-regular.scss","../../../src/variables/fonts/_ambit-fallback.scss"],"names":[],"mappings":"AAGA;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACND;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"fonts.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/variables/fonts/_ambit-bold-italic.scss","../../../src/variables/fonts/_ambit-bold.scss","../../../src/variables/fonts/_ambit-semibold-italic.scss","../../../src/variables/fonts/_ambit-semibold.scss","../../../src/variables/fonts/_tuiheadline-black.scss","../../../src/variables/fonts/_tuiheadline-black-italic.scss","../../../src/variables/fonts/_tuitypelight-bold.scss","../../../src/variables/fonts/_tuitypelight-bold-italic.scss","../../../src/variables/fonts/_tuitypelight-regular.scss","../../../src/variables/fonts/_tuitypelight-regular-italic.scss","../../../src/variables/fonts/_ambit-fallback.scss","../../../src/variables/fonts/_tuitypelight-fallback.scss","../../../src/variables/fonts/_tuiheadline-fallback.scss"],"names":[],"mappings":"AAGA;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACND;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;ACjBD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;ACjBD;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"fonts.css"}
package/dist/themes/tui/index.css CHANGED
@@ -29,89 +29,67 @@
29
29
  --uilib-border-radius-1800: 4.5rem;
30
30
  --uilib-border-radius-pill: 100rem;
31
31
  --uilib-border-radius-circle: 50%;
32
- --uilib-color-core-interaction: #1852ef;
32
+ --uilib-color-core-interaction: #0c4bf3;
33
33
  --uilib-color-core-brand: #70cbf4;
34
- --uilib-color-core-brand-strong: #011750;
35
- --uilib-color-core-surface: #c7f1ff;
36
- --uilib-color-core-surface-light: #eafaff;
34
+ --uilib-color-core-brand-strong: #1b115c;
35
+ --uilib-color-core-surface: #e2f4fd;
37
36
  --uilib-color-core-neutral: #fff;
38
- --uilib-color-core-accent: #d10d13;
39
- --uilib-color-core-accent-on-dark: #f73b42;
40
- --uilib-color-text-strong: #011750;
37
+ --uilib-color-text-strong: #1b115c;
41
38
  --uilib-color-text-body: #4c4c4c;
42
- --uilib-color-text-link: #1852ef;
39
+ --uilib-color-text-link: #0c4bf3;
43
40
  --uilib-color-text-link-visited: #6c0ac2;
44
41
  --uilib-color-text-link-visited-inverse: #dbb6fc;
45
42
  --uilib-color-text-inverse: #fff;
46
- --uilib-color-text-on-dark: #fff;
47
- --uilib-color-text-promotion: #d10d13;
48
- --uilib-color-text-danger: #d10d13;
43
+ --uilib-color-text-promotion: #c00c12;
44
+ --uilib-color-text-danger: #c00c12;
49
45
  --uilib-color-status-success-surface: #dff6eb;
50
46
  --uilib-color-status-danger-surface: #fde2e3;
51
47
  --uilib-color-status-warning-surface: #ffefd6;
52
48
  --uilib-color-status-info-surface: #d8e2fd;
53
49
  --uilib-color-status-neutral-surface: #f5f5f5;
54
50
  --uilib-color-status-success-icon: #2ba168;
55
- --uilib-color-status-danger-icon: #d10d13;
56
- --uilib-color-status-warning-icon: #995c00;
57
- --uilib-color-status-info-icon: #011750;
51
+ --uilib-color-status-danger-icon: #c00c12;
52
+ --uilib-color-status-warning-icon: #cc7a00;
53
+ --uilib-color-status-info-icon: #1b115c;
58
54
  --uilib-color-status-neutral-icon: #4c4c4c;
59
55
  --uilib-color-canvas-default: #fff;
60
- --uilib-color-canvas-contrast: #eafaff;
61
- --uilib-color-interaction-primary: #1852ef;
62
- --uilib-color-interaction-primary-hover: #3567f6;
63
- --uilib-color-interaction-primary-text: #fff;
64
- --uilib-color-interaction-secondary: #1852ef;
65
- --uilib-color-interaction-secondary-hover: #ecf1fe;
66
- --uilib-color-interaction-secondary-text: #1852ef;
67
- --uilib-color-interaction-tertiary: #70cbf4;
68
- --uilib-color-interaction-tertiary-hover: #a9dff8;
69
- --uilib-color-interaction-tertiary-text: #011750;
70
- --uilib-color-border-interaction: #1852ef;
71
- --uilib-color-border-brand-strong: #011750;
56
+ --uilib-color-canvas-contrast: #f5f5f5;
57
+ --uilib-color-border-interaction: #0c4bf3;
58
+ --uilib-color-border-brand-strong: #1b115c;
72
59
  --uilib-color-border-input: #737373;
73
60
  --uilib-color-border-card: #dcdcdc;
74
- --uilib-color-border-danger: #d10d13;
61
+ --uilib-color-border-danger: #c00c12;
75
62
  --uilib-color-border-inverse: #fff;
76
63
  --uilib-color-border-divider: #dcdcdc;
77
64
  --uilib-color-border-dashed: #b9b9b9;
78
- --uilib-color-promotion: #d10d13;
79
- --uilib-color-promotion-text: #fff;
80
- --uilib-color-promotion-bg: #d10d13;
81
- --uilib-color-promotion-bg-hover: #90090e;
82
- --uilib-color-shortlist-icon: #d10d13;
83
- --uilib-color-shortlist-bg: #fff;
84
- --uilib-color-shortlist-bg-hover: #feecec;
65
+ --uilib-color-promotion: #c00c12;
85
66
  --uilib-color-other-disabled-soft: #dcdcdc;
86
67
  --uilib-color-other-disabled-strong: #737373;
87
68
  --uilib-color-other-elevation: rgba(0, 0, 0, 0.4);
88
69
  --uilib-color-other-scrim: rgba(0, 0, 0, 0.8);
89
- --uilib-color-other-active-state-tint: #ecf1fe;
70
+ --uilib-color-other-active-state-tint: rgba(216, 226, 253, 0.3);
71
+ --uilib-color-other-button-hover-state: rgba(255, 255, 255, 0.2);
72
+ --uilib-color-other-secondary-button-hover-state: #ecf1fe;
90
73
  --uilib-color-other-skeleton-loading: #dcdcdc;
91
- --uilib-color-other-scroll-handle: #b9b9b9;
92
- --uilib-color-brand-tripadvisor: #00aa6c;
74
+ --uilib-color-brand-tripadvisor: #00b747;
93
75
  --uilib-color-brand-tripadvisor-pine-green: #002b11;
94
- --uilib-color-brand-tripadvisor-inverse: #00b747;
95
- --uilib-color-brand-tripadvisor-on-dark: #00b747;
76
+ --uilib-color-brand-tripadvisor-inverse: #00eb5b;
96
77
  --uilib-color-brand-paypal: #253b80;
97
78
  --uilib-color-brand-platinum: #4b5560;
98
- --uilib-color-logo-logo: #d10d13;
99
- --uilib-color-other-button-hover-state: rgba(255, 255, 255, 0.2);
100
- --uilib-color-other-secondary-button-hover-state: #ecf1fe;
101
- --uilib-color-brand-trip-advisor: #00aa6c;
79
+ --uilib-color-other-scroll-handle: #b9b9b9;
80
+ --uilib-color-brand-trip-advisor: #00b747;
102
81
  --uilib-color-promotion-free-kids: #0caaf3;
103
82
  --uilib-color-promotion-smiles-level-1: #dbf7fb;
104
83
  --uilib-color-promotion-smiles-level-2: #a5ebf4;
105
84
  --uilib-color-promotion-smiles-level-3: #4bd7e9;
106
85
  --uilib-color-other-gradient-linear-soft: linear-gradient(180deg, #e2f4fd 0.33%, #fff 99.66%);
107
86
  --uilib-color-other-gradient-linear: linear-gradient(180deg, #70cbf4 0.33%, #fff 99.66%);
108
- --uilib-color-other-gradient-linear-strong: linear-gradient(180deg, #011750 0.33%, #fff 99.66%);
87
+ --uilib-color-other-gradient-linear-strong: linear-gradient(180deg, #1b115c 0.33%, #fff 99.66%);
109
88
  --uilib-color-other-gradient-diagonal-soft: linear-gradient(249deg, #e2f4fd 0.33%, #fff 99.66%);
110
89
  --uilib-color-other-gradient-diagonal: linear-gradient(249deg, #70cbf4 0.33%, #fff 99.66%);
111
- --uilib-color-other-gradient-diagonal-strong: linear-gradient(249deg, #011750 0.33%, #fff 99.66%);
90
+ --uilib-color-other-gradient-diagonal-strong: linear-gradient(249deg, #1b115c 0.33%, #fff 99.66%);
112
91
  --uilib-color-brand-tui: #0b092d;
113
- --uilib-color-brand-tui-blue: #120949;
114
- --uilib-color-brand-marella: #120949;
92
+ --uilib-color-brand-tui-blue: #1b115c;
115
93
  --uilib-color-brand-magiclife: #fff700;
116
94
  --uilib-color-brand-bluestar: #c2e6fa;
117
95
  --uilib-color-brand-splashworld: #65c4d7;
@@ -124,32 +102,19 @@
124
102
  --uilib-color-brand-holiday-villages: #9c1981;
125
103
  --uilib-color-brand-kids-club: #1b115c;
126
104
  --uilib-color-brand-local: #d5d2c1;
127
- --uilib-color-brand-local-inverse: #504b32;
128
105
  --uilib-color-brand-musement: #f4ca48;
129
- --uilib-color-product-fly: #f6d96b;
130
- --uilib-color-product-fly-subtle: #fae9a8;
131
- --uilib-color-product-fly-contrast: #554000;
132
- --uilib-color-product-cruises: #009cb9;
133
- --uilib-color-product-cruises-subtle: #46c6de;
134
- --uilib-color-product-cruises-contrast: #00272e;
135
- --uilib-color-product-musement: #5fe79e;
136
- --uilib-color-product-musement-subtle: #b7ffd8;
137
- --uilib-color-product-musement-contrast: #01342d;
138
- --uilib-color-product-hotel: #f48c72;
139
- --uilib-color-product-hotel-subtle: #feb09d;
140
- --uilib-color-product-hotel-contrast: #400d00;
141
106
  --uilib-elevation-none: none;
142
107
  --uilib-elevation-100: 0 0 0.125rem 0 var(--uilib-color-other-elevation);
143
108
  --uilib-elevation-200: 0 0 0.25rem 0 var(--uilib-color-other-elevation);
144
109
  --uilib-elevation-300: 0 0 0.5rem 0 var(--uilib-color-other-elevation);
145
- --uilib-focus-default: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #1852ef, 0 0 0 0.375rem rgba(24, 82, 239, 0.4);
110
+ --uilib-focus-default: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #0c4bf3, 0 0 0 0.375rem rgba(12, 75, 243, 0.4);
146
111
  --uilib-focus-size: calc(var(--uilib-spacing-050) * 3);
147
112
  --uilib-focus-gap: var(--uilib-spacing-050);
148
113
  --uilib-grid-size: 0.25rem;
149
114
  --uilib-grid-columns: 12;
150
115
  --uilib-grid-gutter-width: 1rem;
151
116
  --uilib-grid-gutter-height: 1rem;
152
- --uilib-layout-max-width: 100rem;
117
+ --uilib-layout-max-width: 80rem;
153
118
  --uilib-layout-app-height: 100dvh;
154
119
  --uilib-icon-size-default: 1.25rem;
155
120
  --uilib-icon-size-xsmall: 1rem;
@@ -201,22 +166,22 @@
201
166
  --uilib-stroke-style-none: none;
202
167
  --uilib-stroke-style-solid: solid;
203
168
  --uilib-stroke-style-dashed: dashed;
204
- --uilib-font-family-display: Ambit, AmbitFallbackFont, arial, sans-serif;
169
+ --uilib-font-family-display: TUIHeadline, TUIHeadlineFallbackFont, arial black, sans-serif;
205
170
  --uilib-font-family-lead: Ambit, AmbitFallbackFont, arial, sans-serif;
206
- --uilib-font-family-base: Ambit, AmbitFallbackFont, arial, sans-serif;
171
+ --uilib-font-family-base: TUITypeLight, TUITypeLightFallbackFont, arial, sans-serif;
207
172
  --uilib-font-size-root: 1rem;
208
- --uilib-typography-display-large: var(--uilib-font-weight-black) clamp(3rem, 1.6783rem + 5.7623vw, 6rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
209
- --uilib-typography-display-medium: var(--uilib-font-weight-black) clamp(2.6875rem, 1.6687rem + 4.4418vw, 5rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
210
- --uilib-typography-display-small: var(--uilib-font-weight-black) clamp(2.375rem, 1.5765rem + 3.4814vw, 4.1875rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
211
- --uilib-typography-heading-xxlarge: var(--uilib-font-weight-black) clamp(1.75rem, 1.1993rem + 2.401vw, 3rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
212
- --uilib-typography-heading-xlarge: var(--uilib-font-weight-black) clamp(1.5rem, 1.0594rem + 1.9208vw, 2.5rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
213
- --uilib-typography-heading-large: var(--uilib-font-weight-black) clamp(1.25rem, 0.8645rem + 1.6807vw, 2.125rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
214
- --uilib-typography-heading-medium: var(--uilib-font-weight-black) clamp(1.125rem, 0.8496rem + 1.2005vw, 1.75rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
215
- --uilib-typography-heading-small: var(--uilib-font-weight-black) clamp(1rem, 0.7797rem + 0.9604vw, 1.5rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
216
- --uilib-typography-component-heading-xxlarge: var(--uilib-font-weight-semibold) 1.75rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
217
- --uilib-typography-component-heading-xxlarge-strong: var(--uilib-font-weight-bold) 1.75rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
218
- --uilib-typography-component-heading-xlarge: var(--uilib-font-weight-semibold) 1.5rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
219
- --uilib-typography-component-heading-xlarge-strong: var(--uilib-font-weight-bold) 1.5rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
173
+ --uilib-typography-display-large: var(--uilib-font-weight-bold) clamp(2.8125rem, 1.5825rem + 5.3626vw, 4.8rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
174
+ --uilib-typography-display-medium: var(--uilib-font-weight-bold) clamp(2.5rem, 1.5717rem + 4.0472vw, 4rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
175
+ --uilib-typography-display-small: var(--uilib-font-weight-bold) clamp(2.2222rem, 1.5346rem + 2.9979vw, 3.3333rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
176
+ --uilib-typography-heading-xxlarge: var(--uilib-font-weight-bold) clamp(1.5768rem, 1.0126rem + 2.4595vw, 2.4883rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
177
+ --uilib-typography-heading-xlarge: var(--uilib-font-weight-bold) clamp(1.4016rem, 0.9857rem + 1.8132vw, 2.0736rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
178
+ --uilib-typography-heading-large: var(--uilib-font-weight-bold) clamp(1.2458rem, 0.9475rem + 1.3009vw, 1.728rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
179
+ --uilib-typography-heading-medium: var(--uilib-font-weight-bold) clamp(1.1074rem, 0.9016rem + 0.8973vw, 1.44rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
180
+ --uilib-typography-heading-small: var(--uilib-font-weight-bold) clamp(0.9844rem, 0.8509rem + 0.5818vw, 1.2rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
181
+ --uilib-typography-component-heading-xlarge: var(--uilib-font-weight-semibold) 1.4375rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
182
+ --uilib-typography-component-heading-xxlarge: var(--uilib-font-weight-semibold) 1.8125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
183
+ --uilib-typography-component-heading-xxlarge-strong: var(--uilib-font-weight-bold) 1.8125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
184
+ --uilib-typography-component-heading-xlarge-strong: var(--uilib-font-weight-bold) 1.4375rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
220
185
  --uilib-typography-component-heading-large: var(--uilib-font-weight-semibold) 1.25rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
221
186
  --uilib-typography-component-heading-large-strong: var(--uilib-font-weight-bold) 1.25rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
222
187
  --uilib-typography-component-heading-medium: var(--uilib-font-weight-semibold) 1.125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
@@ -237,13 +202,12 @@
237
202
  --uilib-typography-label-small-strong: var(--uilib-font-weight-bold) 0.875rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
238
203
  --uilib-typography-label-xsmall: var(--uilib-font-weight-semibold) 0.8125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
239
204
  --uilib-typography-label-xsmall-strong: var(--uilib-font-weight-bold) 0.8125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
240
- --uilib-line-height-heading: 1.1;
205
+ --uilib-line-height-heading: 1.3;
241
206
  --uilib-line-height-body: 1.3;
242
207
  --uilib-line-height-none: 1;
243
208
  --uilib-font-weight-regular: 400;
244
209
  --uilib-font-weight-semibold: 600;
245
210
  --uilib-font-weight-bold: 700;
246
- --uilib-font-weight-black: 900;
247
211
  --uilib-accordion-radius: var(--uilib-border-radius-100);
248
212
  --uilib-accordion-logo-radius: var(--uilib-border-radius-100);
249
213
  --uilib-accordion-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-down.svg");
@@ -267,21 +231,21 @@
267
231
  --uilib-alert-text-color: var(--uilib-color-text-strong);
268
232
  --uilib-breadcrumb-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-right.svg");
269
233
  --uilib-button-radius: var(--uilib-border-radius-pill);
270
- --uilib-button-primary-color: var(--uilib-color-interaction-primary-text);
271
- --uilib-button-primary-bg-color: var(--uilib-color-interaction-primary);
272
- --uilib-button-primary-hover-bg-color: var(--uilib-color-interaction-primary-hover);
273
- --uilib-button-secondary-color: var(--uilib-color-interaction-secondary-text);
234
+ --uilib-button-primary-color: var(--uilib-color-text-inverse);
235
+ --uilib-button-primary-bg-color: var(--uilib-color-core-interaction);
236
+ --uilib-button-primary-hover-bg-color: rgb(23.7647058824%, 43.5294117647%, 96.2352941176%);
237
+ --uilib-button-secondary-color: var(--uilib-color-core-interaction);
274
238
  --uilib-button-secondary-bg-color: var(--uilib-color-core-neutral);
275
- --uilib-button-secondary-hover-bg-color: var(--uilib-color-interaction-secondary-hover);
276
- --uilib-button-tertiary-color: var(--uilib-color-interaction-tertiary-text);
277
- --uilib-button-tertiary-bg-color: var(--uilib-color-interaction-tertiary);
278
- --uilib-button-tertiary-hover-bg-color: var(--uilib-color-interaction-tertiary-hover);
279
- --uilib-button-promotion-color: var(--uilib-color-promotion-text);
280
- --uilib-button-promotion-bg-color: var(--uilib-color-promotion-bg);
281
- --uilib-button-promotion-hover-bg-color: var(--uilib-color-promotion-bg-hover);
282
- --uilib-button-search-color: var(--uilib-color-interaction-primary-text);
283
- --uilib-button-search-bg-color: var(--uilib-color-interaction-primary);
284
- --uilib-button-search-hover-bg-color: var(--uilib-color-interaction-primary-hover);
239
+ --uilib-button-secondary-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
240
+ --uilib-button-tertiary-color: var(--uilib-color-text-strong);
241
+ --uilib-button-tertiary-bg-color: var(--uilib-color-core-brand);
242
+ --uilib-button-tertiary-hover-bg-color: rgb(55.137254902%, 83.6862745098%, 96.5490196078%);
243
+ --uilib-button-promotion-color: var(--uilib-color-text-inverse);
244
+ --uilib-button-promotion-bg-color: var(--uilib-color-promotion);
245
+ --uilib-button-promotion-hover-bg-color: rgb(80.2352941176%, 23.7647058824%, 25.6470588235%);
246
+ --uilib-button-search-color: var(--uilib-color-text-inverse);
247
+ --uilib-button-search-bg-color: var(--uilib-color-core-brand-strong);
248
+ --uilib-button-search-hover-bg-color: rgb(28.4705882353%, 25.3333333333%, 48.862745098%);
285
249
  --uilib-button-disabled-color: var(--uilib-color-other-disabled-strong);
286
250
  --uilib-button-disabled-bg-color: var(--uilib-color-other-disabled-soft);
287
251
  --uilib-card-radius: var(--uilib-border-radius-400);
@@ -344,10 +308,10 @@
344
308
  --uilib-input-chip-default-bg-color: var(--uilib-color-core-neutral);
345
309
  --uilib-input-chip-default-border-color: var(--uilib-color-border-card);
346
310
  --uilib-input-chip-default-text-color: var(--uilib-color-text-strong);
347
- --uilib-input-chip-hover-bg-color: var(--uilib-color-interaction-secondary-hover);
311
+ --uilib-input-chip-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
348
312
  --uilib-input-chip-active-bg-color: var(--uilib-color-other-active-state-tint);
349
313
  --uilib-input-chip-active-border-color: var(--uilib-color-core-interaction);
350
- --uilib-input-chip-active-hover-bg-color: rgb(81.8823529412%, 86.431372549%, 98.7450980392%);
314
+ --uilib-input-chip-active-hover-bg-color: rgb(80.9411764706%, 85.8823529412%, 99.0588235294%);
351
315
  --uilib-input-chip-box-shadow: var(--uilib-elevation-200);
352
316
  --uilib-input-chip-disabled-bg-color: var(--uilib-color-core-neutral);
353
317
  --uilib-input-count-radius: var(--uilib-border-radius-100);
@@ -419,28 +383,28 @@
419
383
  --uilib-highlight-panel-header-bg-overlay-brand: radial-gradient(circle farthest-corner at 99.91% 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0) 80%);
420
384
  --uilib-highlight-panel-toggle-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-down.svg");
421
385
  --uilib-icon-button-radius: var(--uilib-border-radius-pill);
422
- --uilib-icon-button-text-color: var(--uilib-color-interaction-secondary-text);
423
- --uilib-icon-button-ghost-color: var(--uilib-color-interaction-secondary-text);
386
+ --uilib-icon-button-text-color: var(--uilib-color-core-interaction);
387
+ --uilib-icon-button-ghost-color: var(--uilib-color-core-interaction);
424
388
  --uilib-icon-button-ghost-bg-color: transparent;
425
- --uilib-icon-button-ghost-hover-bg-color: var(--uilib-color-interaction-secondary-hover);
426
- --uilib-icon-button-primary-color: var(--uilib-color-interaction-primary-text);
427
- --uilib-icon-button-primary-bg-color: var(--uilib-color-interaction-primary);
428
- --uilib-icon-button-primary-hover-bg-color: var(--uilib-color-interaction-primary-hover);
429
- --uilib-icon-button-secondary-color: var(--uilib-color-interaction-secondary-text);
389
+ --uilib-icon-button-ghost-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
390
+ --uilib-icon-button-primary-color: var(--uilib-color-text-inverse);
391
+ --uilib-icon-button-primary-bg-color: var(--uilib-color-core-interaction);
392
+ --uilib-icon-button-primary-hover-bg-color: rgb(23.7647058824%, 43.5294117647%, 96.2352941176%);
393
+ --uilib-icon-button-secondary-color: var(--uilib-color-core-interaction);
430
394
  --uilib-icon-button-secondary-bg-color: var(--uilib-color-core-neutral);
431
- --uilib-icon-button-secondary-hover-bg-color: var(--uilib-color-interaction-secondary-hover);
432
- --uilib-icon-button-control-color: var(--uilib-color-interaction-secondary-text);
395
+ --uilib-icon-button-secondary-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
396
+ --uilib-icon-button-control-color: var(--uilib-color-core-interaction);
433
397
  --uilib-icon-button-control-bg-color: var(--uilib-color-core-neutral);
434
- --uilib-icon-button-control-hover-bg-color: var(--uilib-color-interaction-secondary-hover);
435
- --uilib-icon-button-promotion-color: var(--uilib-color-promotion-text);
436
- --uilib-icon-button-promotion-bg-color: var(--uilib-color-promotion-bg);
437
- --uilib-icon-button-promotion-hover-bg-color: var(--uilib-color-promotion-bg-hover);
438
- --uilib-icon-button-search-color: var(--uilib-color-interaction-primary-text);
439
- --uilib-icon-button-search-bg-color: var(--uilib-color-interaction-primary);
440
- --uilib-icon-button-search-hover-bg-color: var(--uilib-color-interaction-primary-hover);
441
- --uilib-icon-button-shortlist-color: var(--uilib-color-shortlist-icon);
442
- --uilib-icon-button-shortlist-bg-color: var(--uilib-color-shortlist-bg);
443
- --uilib-icon-button-shortlist-hover-bg-color: var(--uilib-color-shortlist-bg-hover);
398
+ --uilib-icon-button-control-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
399
+ --uilib-icon-button-promotion-color: var(--uilib-color-text-inverse);
400
+ --uilib-icon-button-promotion-bg-color: var(--uilib-color-promotion);
401
+ --uilib-icon-button-promotion-hover-bg-color: rgb(80.2352941176%, 23.7647058824%, 25.6470588235%);
402
+ --uilib-icon-button-search-color: var(--uilib-color-text-inverse);
403
+ --uilib-icon-button-search-bg-color: var(--uilib-color-core-brand-strong);
404
+ --uilib-icon-button-search-hover-bg-color: rgb(28.4705882353%, 25.3333333333%, 48.862745098%);
405
+ --uilib-icon-button-shortlist-color: var(--uilib-color-text-promotion);
406
+ --uilib-icon-button-shortlist-bg-color: var(--uilib-color-core-neutral);
407
+ --uilib-icon-button-shortlist-hover-bg-color: rgb(97.5294117647%, 90.4705882353%, 90.7058823529%);
444
408
  --uilib-icon-button-disabled-color: var(--uilib-color-other-disabled-strong);
445
409
  --uilib-icon-button-disabled-bg-color: var(--uilib-color-other-disabled-soft);
446
410
  --uilib-icon-button-size-small: 2rem;
@@ -456,14 +420,11 @@
456
420
  --uilib-image-fallback: url("https://mwa.tui.com/shared/mwa/assets/v3/illustrations/tui/sunset-adults.svg");
457
421
  --uilib-info-tag-radius: var(--uilib-border-radius-100);
458
422
  --uilib-info-tag-text-color: var(--uilib-color-text-strong);
459
- --uilib-info-tag-bg-color: var(--uilib-color-core-surface);
460
- --uilib-info-tag-local-product-text-color: var(--uilib-color-brand-local-inverse);
423
+ --uilib-info-tag-info-bg-color: var(--uilib-color-status-info-surface);
461
424
  --uilib-info-tag-local-product-bg-color: var(--uilib-color-brand-local);
462
- --uilib-info-tag-neutral-text-color: var(--uilib-color-text-strong);
463
- --uilib-info-tag-neutral-bg-color: var(--uilib-color-core-neutral);
464
425
  --uilib-info-tag-platinum-bg-color: var(--uilib-color-brand-platinum);
465
- --uilib-info-tag-platinum-text-color: var(--uilib-color-text-on-dark);
466
- --uilib-info-tag-scarcity-text-color: var(--uilib-color-status-warning-icon);
426
+ --uilib-info-tag-platinum-text-color: var(--uilib-color-core-neutral);
427
+ --uilib-info-tag-neutral-bg-color: var(--uilib-color-core-neutral);
467
428
  --uilib-info-tag-scarcity-bg-color: var(--uilib-color-status-warning-surface);
468
429
  --uilib-link-decoration-color: var(--uilib-color-text-link);
469
430
  --uilib-link-decoration-visited-color: var(--uilib-color-text-link-visited);
@@ -486,6 +447,13 @@
486
447
  --uilib-loader-small-font: var(--uilib-typography-component-heading-medium);
487
448
  --uilib-loader-medium-font: var(--uilib-typography-component-heading-large);
488
449
  --uilib-loader-large-font: var(--uilib-typography-component-heading-xlarge);
450
+ --uilib-media-block-title-color: var(--uilib-color-text-strong);
451
+ --uilib-media-block-title-font-large: var(--uilib-typography-component-heading-xlarge-strong);
452
+ --uilib-media-block-title-font-medium: var(--uilib-typography-component-heading-small-strong);
453
+ --uilib-media-block-description-color: var(--uilib-color-text-body);
454
+ --uilib-media-block-description-font-large: var(--uilib-typography-body-large);
455
+ --uilib-media-block-description-font-medium: var(--uilib-typography-body-medium);
456
+ --uilib-media-block-media-radius: var(--uilib-border-radius-100);
489
457
  --uilib-media-button-color: var(--uilib-color-text-strong);
490
458
  --uilib-modal-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/cross.svg");
491
459
  --uilib-modal-backdrop-color: var(--uilib-color-other-scrim);
@@ -545,7 +513,7 @@
545
513
  --uilib-ratings-range-icons-customer-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-unchecked.svg");
546
514
  --uilib-ratings-range-icons-customer-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-checked.svg");
547
515
  --uilib-ratings-range-icons-tui-t-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-t.svg");
548
- --uilib-ratings-range-icons-tui-t-plus-color: #011750;
516
+ --uilib-ratings-range-icons-tui-t-plus-color: #1b115c;
549
517
  --uilib-ratings-range-icons-holidaycheck-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-unchecked.svg");
550
518
  --uilib-ratings-range-icons-holidaycheck-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-checked.svg");
551
519
  --uilib-scroller-thumb-size: var(--uilib-spacing-400);
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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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;EG0HD;EH1HC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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;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;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.15.1-MR-376.0",
3
+ "version": "1.16.0",
4
4
  "description": "TUI Design System",
5
5
  "author": "TUI Group",
6
6
  "//dependencies": {
@@ -80,7 +80,6 @@
80
80
  "@eslint/js": "^9.38.0",
81
81
  "@figma/code-connect": "^2.0.0",
82
82
  "@jest/globals": "^30.2.0",
83
- "@storybook-community/storybook-dark-mode": "^7.1.3",
84
83
  "@storybook/addon-a11y": "^10.4.5",
85
84
  "@storybook/addon-docs": "^10.4.5",
86
85
  "@storybook/addon-links": "^10.4.5",
@@ -132,6 +131,7 @@
132
131
  "storybook": "^10.4.5",
133
132
  "storybook-addon-pseudo-states": "^10.4.5",
134
133
  "storybook-addon-tag-badges": "^3.1.0",
134
+ "storybook-dark-mode": "^5.0.0",
135
135
  "stylelint": "^17.2.0",
136
136
  "stylelint-config-standard": "^40.0.0",
137
137
  "stylelint-config-standard-scss": "^17.0.0",
package/scss/lib/active-tag/_mixins.scss CHANGED
@@ -63,13 +63,12 @@ $uilib-active-tag-group-included: false !default;
63
63
  }
64
64
 
65
65
  &__cross {
66
- background: var(--uilib-active-tag-cross-color);
66
+ color: var(--uilib-active-tag-cross-color);
67
67
  }
68
68
 
69
69
  &__label {
70
70
  display: -webkit-box;
71
71
 
72
- color: var(--uilib-color-text-body);
73
72
  text-align: left;
74
73
  text-overflow: ellipsis;
75
74
 
package/scss/lib/button/_variables.scss CHANGED
@@ -5,21 +5,21 @@
5
5
  // Button specific variables to allow theming
6
6
  $uilib-button-variables: (
7
7
  radius: var(--uilib-border-radius-pill),
8
- primary-color: var(--uilib-color-interaction-primary-text),
9
- primary-bg-color: var(--uilib-color-interaction-primary),
10
- primary-hover-bg-color: var(--uilib-color-interaction-primary-hover),
11
- secondary-color: var(--uilib-color-interaction-secondary-text),
8
+ primary-color: var(--uilib-color-text-inverse),
9
+ primary-bg-color: var(--uilib-color-core-interaction),
10
+ primary-hover-bg-color: color.mix(map.get($uilib-color-semantic, 'core-interaction'), map.get($uilib-color-semantic, 'core-neutral'), 80%),
11
+ secondary-color: var(--uilib-color-core-interaction),
12
12
  secondary-bg-color: var(--uilib-color-core-neutral),
13
- secondary-hover-bg-color: var(--uilib-color-interaction-secondary-hover),
14
- tertiary-color: var(--uilib-color-interaction-tertiary-text),
15
- tertiary-bg-color: var(--uilib-color-interaction-tertiary),
16
- tertiary-hover-bg-color: var(--uilib-color-interaction-tertiary-hover),
17
- promotion-color: var(--uilib-color-promotion-text),
18
- promotion-bg-color: var(--uilib-color-promotion-bg),
19
- promotion-hover-bg-color: var(--uilib-color-promotion-bg-hover),
20
- search-color: var(--uilib-color-interaction-primary-text),
21
- search-bg-color: var(--uilib-color-interaction-primary),
22
- search-hover-bg-color: var(--uilib-color-interaction-primary-hover),
13
+ secondary-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state),
14
+ tertiary-color: var(--uilib-color-text-strong),
15
+ tertiary-bg-color: var(--uilib-color-core-brand),
16
+ tertiary-hover-bg-color: color.mix(map.get($uilib-color-semantic, 'core-brand'), map.get($uilib-color-semantic, 'core-neutral'), 80%),
17
+ promotion-color: var(--uilib-color-text-inverse),
18
+ promotion-bg-color: var(--uilib-color-promotion),
19
+ promotion-hover-bg-color: color.mix(map.get($uilib-color-semantic, 'promotion'), map.get($uilib-color-semantic, 'core-neutral'), 80%),
20
+ search-color: var(--uilib-color-text-inverse),
21
+ search-bg-color: var(--uilib-color-core-brand-strong),
22
+ search-hover-bg-color: color.mix(map.get($uilib-color-semantic, 'core-brand-strong'), map.get($uilib-color-semantic, 'core-neutral'), 80%),
23
23
  disabled-color: var(--uilib-color-other-disabled-strong),
24
24
  disabled-bg-color: var(--uilib-color-other-disabled-soft),
25
25
  ) !default;
package/scss/lib/cards/card/_mixins.scss CHANGED
@@ -68,6 +68,10 @@ $uilib-card-included: false !default;
68
68
  }
69
69
  }
70
70
 
71
+ &--link :is(h1, h2, h3, h4, h5, h6) a {
72
+ text-decoration: none;
73
+ }
74
+
71
75
  &--link:has(a:hover, button:hover) {
72
76
  .uilib-card__icon-button::after {
73
77
  background: var(--uilib-icon-button-primary-hover-bg-color);
package/scss/lib/forms/input-chip/_mixins.scss CHANGED
@@ -44,7 +44,7 @@ $uilib-input-chip-included: false !default;
44
44
 
45
45
  background-color: var(--uilib-input-chip-active-bg-color);
46
46
 
47
- box-shadow: var(--uilib-input-chip-box-shadow);
47
+ box-shadow: var(--uilib-elevation-200);
48
48
  }
49
49
  }
50
50
 
package/scss/lib/forms/input-chip/_variables.scss CHANGED
@@ -9,7 +9,7 @@ $uilib-input-chip-variables: (
9
9
  default-bg-color: var(--uilib-color-core-neutral),
10
10
  default-border-color: var(--uilib-color-border-card),
11
11
  default-text-color: var(--uilib-color-text-strong),
12
- hover-bg-color: var(--uilib-color-interaction-secondary-hover),
12
+ hover-bg-color: var(--uilib-color-other-secondary-button-hover-state),
13
13
  active-bg-color: var(--uilib-color-other-active-state-tint),
14
14
  active-border-color: var(--uilib-color-core-interaction),
15
15
  active-hover-bg-color: color.mix(map.get($uilib-color-semantic, 'core-neutral'), map.get($uilib-color-semantic, 'core-interaction'), 80%),