@tui/design-system 1.17.0 → 1.17.1-MR-385.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 (53) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/themes/crystalski/index.css +100 -75
  3. package/dist/themes/crystalski/index.css.map +1 -1
  4. package/dist/themes/firstchoice/index.css +98 -73
  5. package/dist/themes/firstchoice/index.css.map +1 -1
  6. package/dist/themes/tui/fonts.css +18 -57
  7. package/dist/themes/tui/fonts.css.map +1 -1
  8. package/dist/themes/tui/index-dark.css +224 -0
  9. package/dist/themes/tui/index-dark.css.map +1 -0
  10. package/dist/themes/tui/index.css +135 -96
  11. package/dist/themes/tui/index.css.map +1 -1
  12. package/package.json +2 -2
  13. package/scss/lib/active-tag/_mixins.scss +2 -1
  14. package/scss/lib/button/_mixins.scss +46 -16
  15. package/scss/lib/button/_variables.scss +14 -14
  16. package/scss/lib/cards/carousel/_mixins.scss +12 -0
  17. package/scss/lib/cards/carousel/_variables.scss +1 -1
  18. package/scss/lib/forms/input-chip/_mixins.scss +1 -1
  19. package/scss/lib/forms/input-chip/_variables.scss +1 -1
  20. package/scss/lib/icon-button/_mixins.scss +54 -46
  21. package/scss/lib/icon-button/_variables.scss +19 -19
  22. package/scss/lib/info-tag/_mixins.scss +8 -2
  23. package/scss/lib/info-tag/_variables.scss +6 -3
  24. package/scss/lib/patterns/edit-search/_mixins.scss +56 -2
  25. package/scss/themes/crystalski/_colors.scss +36 -3
  26. package/scss/themes/crystalski/_overrides.scss +20 -76
  27. package/scss/themes/crystalski/fonts.json +2 -2
  28. package/scss/themes/crystalski/index.scss +3 -3
  29. package/scss/themes/crystalski/theme.json +93 -18
  30. package/scss/themes/firstchoice/_colors.scss +33 -0
  31. package/scss/themes/firstchoice/_overrides.scss +33 -85
  32. package/scss/themes/firstchoice/fonts.json +1 -1
  33. package/scss/themes/firstchoice/index.scss +1 -1
  34. package/scss/themes/firstchoice/theme.json +110 -55
  35. package/scss/themes/tui/_colors-dark.scss +134 -0
  36. package/scss/themes/tui/_colors.scss +20 -0
  37. package/scss/themes/tui/_overrides-dark.scss +22 -0
  38. package/scss/themes/tui/_overrides.scss +1 -9
  39. package/scss/themes/tui/_primitives.scss +28 -1
  40. package/scss/themes/tui/_typography.scss +0 -14
  41. package/scss/themes/tui/fonts.json +21 -60
  42. package/scss/themes/tui/fonts.scss +3 -9
  43. package/scss/themes/tui/index-dark.scss +37 -0
  44. package/scss/themes/tui/index.scss +1 -1
  45. package/scss/themes/tui/theme.json +417 -4
  46. package/scss/variables/_colors.scss +43 -10
  47. package/scss/variables/_grid.scss +1 -1
  48. package/scss/variables/_primitives.scss +17 -16
  49. package/scss/variables/_typography.scss +60 -47
  50. package/scss/variables/base-theme.json +256 -89
  51. package/scss/variables/fonts/_ambit-black.scss +10 -0
  52. package/scss/variables/fonts/_ambit-fallback.scss +10 -0
  53. package/types/components.ts +8 -1
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;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;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;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;EG6HD;EH7HC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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,3 +1,10 @@
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
+ }
1
8
  @font-face {
2
9
  font-weight: 700;
3
10
  font-family: "Ambit";
@@ -27,45 +34,17 @@
27
34
  font-display: swap;
28
35
  }
29
36
  @font-face {
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
- font-style: italic;
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";
37
+ font-weight: 400;
38
+ font-family: "Ambit";
53
39
  font-style: italic;
54
- src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/tuitypelight-bold-italic.subset.woff2") format("woff2");
40
+ src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/ambit-regular-italic.subset.woff2") format("woff2");
55
41
  font-display: swap;
56
42
  }
57
43
  @font-face {
58
44
  font-weight: 400;
59
- font-family: "TUITypeLight";
45
+ font-family: "Ambit";
60
46
  font-style: normal;
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");
47
+ src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/ambit-regular.subset.woff2") format("woff2");
69
48
  font-display: swap;
70
49
  }
71
50
  @font-face {
@@ -87,31 +66,13 @@
87
66
  line-gap-override: 7.5%;
88
67
  }
89
68
  @font-face {
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";
69
+ font-weight: 900;
70
+ font-family: "AmbitFallbackFont";
110
71
  src: local("arial black");
111
- size-adjust: 80.3%;
112
- ascent-override: 93%;
113
- descent-override: 28.9%;
114
- line-gap-override: 22.3%;
72
+ size-adjust: 90%;
73
+ ascent-override: 94%;
74
+ descent-override: 26.1%;
75
+ line-gap-override: 8.1%;
115
76
  }
116
77
 
117
78
  /*# sourceMappingURL=fonts.css.map */
package/dist/themes/tui/fonts.css.map CHANGED
@@ -1 +1 @@
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"}
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"}
package/dist/themes/tui/index-dark.css ADDED
@@ -0,0 +1,224 @@
1
+ /* Weight selectors */
2
+ /* Colour selectors */
3
+ /* Info tag specific variables to allow theming */
4
+ :root[data-theme=tui][data-color-scheme=dark],
5
+ :host([data-theme=tui][data-color-scheme=dark]),
6
+ [data-theme=tui][data-color-scheme=dark],
7
+ .theme-tui.dark {
8
+ --uilib-color-core-interaction: #0caaf3;
9
+ --uilib-color-core-brand: #1246b8;
10
+ --uilib-color-core-brand-strong: #ecf1fe;
11
+ --uilib-color-core-surface: #183174;
12
+ --uilib-color-core-surface-light: #011750;
13
+ --uilib-color-core-neutral: #08022a;
14
+ --uilib-color-core-accent: #f73b42;
15
+ --uilib-color-core-accent-on-dark: #f73b42;
16
+ --uilib-color-text-strong: #fff;
17
+ --uilib-color-text-body: #fff;
18
+ --uilib-color-text-link: #0caaf3;
19
+ --uilib-color-text-link-visited: #ca94fa;
20
+ --uilib-color-text-link-visited-inverse: #6c0ac2;
21
+ --uilib-color-text-inverse: #08022a;
22
+ --uilib-color-text-on-dark: #fff;
23
+ --uilib-color-text-promotion: #f73b42;
24
+ --uilib-color-text-danger: #f73b42;
25
+ --uilib-color-status-success-surface: #05423d;
26
+ --uilib-color-status-danger-surface: #600609;
27
+ --uilib-color-status-warning-surface: #663d00;
28
+ --uilib-color-status-info-surface: #011750;
29
+ --uilib-color-status-neutral-surface: #4c4c4c;
30
+ --uilib-color-status-success-icon: #2ba168;
31
+ --uilib-color-status-danger-icon: #d10d13;
32
+ --uilib-color-status-warning-icon: #ffab2e;
33
+ --uilib-color-status-info-icon: #d8e2fd;
34
+ --uilib-color-status-neutral-icon: #f5f5f5;
35
+ --uilib-color-canvas-default: #08022a;
36
+ --uilib-color-canvas-contrast: #011750;
37
+ --uilib-color-interaction-primary: #0caaf3;
38
+ --uilib-color-interaction-primary-hover: #38b9f5;
39
+ --uilib-color-interaction-primary-text: #08022a;
40
+ --uilib-color-interaction-secondary: #0caaf3;
41
+ --uilib-color-interaction-secondary-hover: #011750;
42
+ --uilib-color-interaction-secondary-text: #0caaf3;
43
+ --uilib-color-interaction-tertiary: #94b0fa;
44
+ --uilib-color-interaction-tertiary-hover: #b1c6ff;
45
+ --uilib-color-interaction-tertiary-text: #08022a;
46
+ --uilib-color-border-interaction: #0caaf3;
47
+ --uilib-color-border-brand-strong: #ecf1fe;
48
+ --uilib-color-border-input: #94b0fa;
49
+ --uilib-color-border-card: #3567f6;
50
+ --uilib-color-border-danger: #ea0e16;
51
+ --uilib-color-border-inverse: #183174;
52
+ --uilib-color-border-divider: #1852ef;
53
+ --uilib-color-border-dashed: #6d93f8;
54
+ --uilib-color-promotion: #ea0e16;
55
+ --uilib-color-promotion-text: #fff;
56
+ --uilib-color-promotion-bg: #ea0e16;
57
+ --uilib-color-promotion-bg-hover: #d10d13;
58
+ --uilib-color-shortlist-icon: #ea0e16;
59
+ --uilib-color-shortlist-bg: #08022a;
60
+ --uilib-color-shortlist-bg-hover: #600609;
61
+ --uilib-color-other-disabled-soft: #4c4c4c;
62
+ --uilib-color-other-disabled-strong: #737373;
63
+ --uilib-color-other-elevation: rgba(0, 0, 0, 0.8);
64
+ --uilib-color-other-scrim: rgba(0, 0, 0, 0.8);
65
+ --uilib-color-other-active-state-tint: #fff;
66
+ --uilib-color-other-skeleton-loading: #1852ef;
67
+ --uilib-color-other-scroll-handle: #6d93f8;
68
+ --uilib-color-other-gradient-linear-soft: linear-gradient(180deg, #011750 0.33%, #08022a 99.66%);
69
+ --uilib-color-other-gradient-linear: linear-gradient(180deg, #70cbf4 0.33%, #08022a 99.66%);
70
+ --uilib-color-other-gradient-linear-strong: linear-gradient(180deg, #ecf1fe 0.33%, #08022a 99.66%);
71
+ --uilib-color-other-gradient-diagonal-soft: linear-gradient(249deg, #011750 0.33%, #08022a 99.66%);
72
+ --uilib-color-other-gradient-diagonal: linear-gradient(249deg, #70cbf4 0.33%, #08022a 99.66%);
73
+ --uilib-color-other-gradient-diagonal-strong: linear-gradient(249deg, #ecf1fe 0.33%, #08022a 99.66%);
74
+ --uilib-color-brand-tripadvisor: #00eb5b;
75
+ --uilib-color-brand-tripadvisor-pine-green: #fff;
76
+ --uilib-color-brand-tripadvisor-inverse: #00aa6c;
77
+ --uilib-color-brand-tripadvisor-on-dark: #00aa6c;
78
+ --uilib-color-brand-local: #504b32;
79
+ --uilib-color-brand-local-inverse: #d5d2c1;
80
+ --uilib-color-logo-logo: #f73b42;
81
+ --uilib-color-product-fly: #eec120;
82
+ --uilib-color-product-fly-subtle: #8a6c29;
83
+ --uilib-color-product-fly-contrast: #554000;
84
+ --uilib-color-product-cruises: #009cb9;
85
+ --uilib-color-product-cruises-subtle: #006289;
86
+ --uilib-color-product-cruises-contrast: #00272e;
87
+ --uilib-color-product-musement: #23c18c;
88
+ --uilib-color-product-musement-subtle: #007d71;
89
+ --uilib-color-product-musement-contrast: #01342d;
90
+ --uilib-color-product-hotel: #d1694f;
91
+ --uilib-color-product-hotel-subtle: #ad4a31;
92
+ --uilib-color-product-hotel-contrast: #400d00;
93
+ --uilib-color-brand-trip-advisor: #00eb5b;
94
+ --uilib-ratings-range-icons-tripadvisor-color: var(--uilib-color-brand-tripadvisor);
95
+ --uilib-ratings-range-icons-tripadvisor-inverse-color: var(--uilib-color-brand-tripadvisor-inverse);
96
+ --uilib-ratings-range-icons-tripadvisor-logo: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-logo-small-white.svg");
97
+ --uilib-ratings-range-icons-tripadvisor-logo-inverse: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-logo-small.svg");
98
+ --uilib-ratings-range-icons-tripadvisor-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-unchecked.svg");
99
+ --uilib-ratings-range-icons-tripadvisor-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-checked.svg");
100
+ --uilib-ratings-range-icons-sun-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-sun-unchecked.svg");
101
+ --uilib-ratings-range-icons-sun-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-sun-checked.svg");
102
+ --uilib-ratings-range-icons-star-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-star-unchecked.svg");
103
+ --uilib-ratings-range-icons-star-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-star-checked.svg");
104
+ --uilib-ratings-range-icons-customer-color: var(--uilib-color-core-brand);
105
+ --uilib-ratings-range-icons-customer-inverse-color: var(--uilib-color-core-brand);
106
+ --uilib-ratings-range-icons-customer-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-unchecked.svg");
107
+ --uilib-ratings-range-icons-customer-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-checked.svg");
108
+ --uilib-ratings-range-icons-tui-t-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-t.svg");
109
+ --uilib-ratings-range-icons-tui-t-plus-color: #011750;
110
+ --uilib-ratings-range-icons-holidaycheck-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-unchecked.svg");
111
+ --uilib-ratings-range-icons-holidaycheck-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-checked.svg");
112
+ }
113
+
114
+ :root[data-theme=tui][data-color-scheme=dark] [data-theme=tui],
115
+ :host([data-theme=tui][data-color-scheme=dark]) [data-theme=tui],
116
+ [data-theme=tui][data-color-scheme=dark] [data-theme=tui],
117
+ .theme-tui.dark [data-theme=tui] {
118
+ --uilib-color-core-interaction: #0caaf3;
119
+ --uilib-color-core-brand: #1246b8;
120
+ --uilib-color-core-brand-strong: #ecf1fe;
121
+ --uilib-color-core-surface: #183174;
122
+ --uilib-color-core-surface-light: #011750;
123
+ --uilib-color-core-neutral: #08022a;
124
+ --uilib-color-core-accent: #f73b42;
125
+ --uilib-color-core-accent-on-dark: #f73b42;
126
+ --uilib-color-text-strong: #fff;
127
+ --uilib-color-text-body: #fff;
128
+ --uilib-color-text-link: #0caaf3;
129
+ --uilib-color-text-link-visited: #ca94fa;
130
+ --uilib-color-text-link-visited-inverse: #6c0ac2;
131
+ --uilib-color-text-inverse: #08022a;
132
+ --uilib-color-text-on-dark: #fff;
133
+ --uilib-color-text-promotion: #f73b42;
134
+ --uilib-color-text-danger: #f73b42;
135
+ --uilib-color-status-success-surface: #05423d;
136
+ --uilib-color-status-danger-surface: #600609;
137
+ --uilib-color-status-warning-surface: #663d00;
138
+ --uilib-color-status-info-surface: #011750;
139
+ --uilib-color-status-neutral-surface: #4c4c4c;
140
+ --uilib-color-status-success-icon: #2ba168;
141
+ --uilib-color-status-danger-icon: #d10d13;
142
+ --uilib-color-status-warning-icon: #ffab2e;
143
+ --uilib-color-status-info-icon: #d8e2fd;
144
+ --uilib-color-status-neutral-icon: #f5f5f5;
145
+ --uilib-color-canvas-default: #08022a;
146
+ --uilib-color-canvas-contrast: #011750;
147
+ --uilib-color-interaction-primary: #0caaf3;
148
+ --uilib-color-interaction-primary-hover: #38b9f5;
149
+ --uilib-color-interaction-primary-text: #08022a;
150
+ --uilib-color-interaction-secondary: #0caaf3;
151
+ --uilib-color-interaction-secondary-hover: #011750;
152
+ --uilib-color-interaction-secondary-text: #0caaf3;
153
+ --uilib-color-interaction-tertiary: #94b0fa;
154
+ --uilib-color-interaction-tertiary-hover: #b1c6ff;
155
+ --uilib-color-interaction-tertiary-text: #08022a;
156
+ --uilib-color-border-interaction: #0caaf3;
157
+ --uilib-color-border-brand-strong: #ecf1fe;
158
+ --uilib-color-border-input: #94b0fa;
159
+ --uilib-color-border-card: #3567f6;
160
+ --uilib-color-border-danger: #ea0e16;
161
+ --uilib-color-border-inverse: #183174;
162
+ --uilib-color-border-divider: #1852ef;
163
+ --uilib-color-border-dashed: #6d93f8;
164
+ --uilib-color-promotion: #ea0e16;
165
+ --uilib-color-promotion-text: #fff;
166
+ --uilib-color-promotion-bg: #ea0e16;
167
+ --uilib-color-promotion-bg-hover: #d10d13;
168
+ --uilib-color-shortlist-icon: #ea0e16;
169
+ --uilib-color-shortlist-bg: #08022a;
170
+ --uilib-color-shortlist-bg-hover: #600609;
171
+ --uilib-color-other-disabled-soft: #4c4c4c;
172
+ --uilib-color-other-disabled-strong: #737373;
173
+ --uilib-color-other-elevation: rgba(0, 0, 0, 0.8);
174
+ --uilib-color-other-scrim: rgba(0, 0, 0, 0.8);
175
+ --uilib-color-other-active-state-tint: #fff;
176
+ --uilib-color-other-skeleton-loading: #1852ef;
177
+ --uilib-color-other-scroll-handle: #6d93f8;
178
+ --uilib-color-other-gradient-linear-soft: linear-gradient(180deg, #011750 0.33%, #08022a 99.66%);
179
+ --uilib-color-other-gradient-linear: linear-gradient(180deg, #70cbf4 0.33%, #08022a 99.66%);
180
+ --uilib-color-other-gradient-linear-strong: linear-gradient(180deg, #ecf1fe 0.33%, #08022a 99.66%);
181
+ --uilib-color-other-gradient-diagonal-soft: linear-gradient(249deg, #011750 0.33%, #08022a 99.66%);
182
+ --uilib-color-other-gradient-diagonal: linear-gradient(249deg, #70cbf4 0.33%, #08022a 99.66%);
183
+ --uilib-color-other-gradient-diagonal-strong: linear-gradient(249deg, #ecf1fe 0.33%, #08022a 99.66%);
184
+ --uilib-color-brand-tripadvisor: #00eb5b;
185
+ --uilib-color-brand-tripadvisor-pine-green: #fff;
186
+ --uilib-color-brand-tripadvisor-inverse: #00aa6c;
187
+ --uilib-color-brand-tripadvisor-on-dark: #00aa6c;
188
+ --uilib-color-brand-local: #504b32;
189
+ --uilib-color-brand-local-inverse: #d5d2c1;
190
+ --uilib-color-logo-logo: #f73b42;
191
+ --uilib-color-product-fly: #eec120;
192
+ --uilib-color-product-fly-subtle: #8a6c29;
193
+ --uilib-color-product-fly-contrast: #554000;
194
+ --uilib-color-product-cruises: #009cb9;
195
+ --uilib-color-product-cruises-subtle: #006289;
196
+ --uilib-color-product-cruises-contrast: #00272e;
197
+ --uilib-color-product-musement: #23c18c;
198
+ --uilib-color-product-musement-subtle: #007d71;
199
+ --uilib-color-product-musement-contrast: #01342d;
200
+ --uilib-color-product-hotel: #d1694f;
201
+ --uilib-color-product-hotel-subtle: #ad4a31;
202
+ --uilib-color-product-hotel-contrast: #400d00;
203
+ --uilib-color-brand-trip-advisor: #00eb5b;
204
+ --uilib-ratings-range-icons-tripadvisor-color: var(--uilib-color-brand-tripadvisor);
205
+ --uilib-ratings-range-icons-tripadvisor-inverse-color: var(--uilib-color-brand-tripadvisor-inverse);
206
+ --uilib-ratings-range-icons-tripadvisor-logo: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-logo-small-white.svg");
207
+ --uilib-ratings-range-icons-tripadvisor-logo-inverse: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-logo-small.svg");
208
+ --uilib-ratings-range-icons-tripadvisor-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-unchecked.svg");
209
+ --uilib-ratings-range-icons-tripadvisor-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-checked.svg");
210
+ --uilib-ratings-range-icons-sun-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-sun-unchecked.svg");
211
+ --uilib-ratings-range-icons-sun-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-sun-checked.svg");
212
+ --uilib-ratings-range-icons-star-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-star-unchecked.svg");
213
+ --uilib-ratings-range-icons-star-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-star-checked.svg");
214
+ --uilib-ratings-range-icons-customer-color: var(--uilib-color-core-brand);
215
+ --uilib-ratings-range-icons-customer-inverse-color: var(--uilib-color-core-brand);
216
+ --uilib-ratings-range-icons-customer-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-unchecked.svg");
217
+ --uilib-ratings-range-icons-customer-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-checked.svg");
218
+ --uilib-ratings-range-icons-tui-t-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-t.svg");
219
+ --uilib-ratings-range-icons-tui-t-plus-color: #011750;
220
+ --uilib-ratings-range-icons-holidaycheck-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-unchecked.svg");
221
+ --uilib-ratings-range-icons-holidaycheck-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-checked.svg");
222
+ }
223
+
224
+ /*# sourceMappingURL=index-dark.css.map */
package/dist/themes/tui/index-dark.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/themes/tui/index-dark.scss","../../../src/lib/utility/_mixins.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACgBA;AAAA;AAAA;AAAA;ECbE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ADwBF;AAAA;AAAA;AAAA;ECxBE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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-dark.css"}