@helsenorge/designsystem-react 10.0.2 → 10.2.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 (181) hide show
  1. package/AnchorLink.js +2 -2
  2. package/AnchorLink.js.map +1 -1
  3. package/Avatar.js +2 -2
  4. package/Avatar.js.map +1 -1
  5. package/Badge.js +3 -3
  6. package/Badge.js.map +1 -1
  7. package/Button.js +4 -4
  8. package/Button.js.map +1 -1
  9. package/CHANGELOG.md +38 -0
  10. package/Checkbox.js +2 -2
  11. package/Checkbox.js.map +1 -1
  12. package/Close.js +2 -2
  13. package/Close.js.map +1 -1
  14. package/ErrorBoundary.js +2 -2
  15. package/ErrorBoundary.js.map +1 -1
  16. package/Expander.js +2 -2
  17. package/Expander.js.map +1 -1
  18. package/FormGroup.js +12 -12
  19. package/FormGroup.js.map +1 -1
  20. package/FormLayout.js +3 -3
  21. package/FormLayout.js.map +1 -1
  22. package/HelpBubble.js +2 -2
  23. package/HelpBubble.js.map +1 -1
  24. package/HighlightPanel.js +2 -2
  25. package/HighlightPanel.js.map +1 -1
  26. package/Icon.js +3 -3
  27. package/Icon.js.map +1 -1
  28. package/Illustration.js +3 -3
  29. package/Illustration.js.map +1 -1
  30. package/Input.js +2 -2
  31. package/Input.js.map +1 -1
  32. package/Label.js +8 -8
  33. package/Label.js.map +1 -1
  34. package/LazyIcon.js +1 -1
  35. package/LazyIllustration.js +3 -3
  36. package/LazyIllustration.js.map +1 -1
  37. package/LinkList.js +6 -6
  38. package/LinkList.js.map +1 -1
  39. package/ListHeader.js +7 -7
  40. package/ListHeader.js.map +1 -1
  41. package/Panel.js +2 -2
  42. package/Panel.js.map +1 -1
  43. package/PopOver.js +2 -2
  44. package/PopOver.js.map +1 -1
  45. package/RadioButton.js +2 -2
  46. package/RadioButton.js.map +1 -1
  47. package/Select.js +2 -2
  48. package/Select.js.map +1 -1
  49. package/Slider.js +3 -3
  50. package/Slider.js.map +1 -1
  51. package/Spacer.js +2 -2
  52. package/Spacer.js.map +1 -1
  53. package/StatusDot.js +1 -1
  54. package/StepButtons.js +4 -4
  55. package/StepButtons.js.map +1 -1
  56. package/TabList.js +4 -4
  57. package/TabList.js.map +1 -1
  58. package/Table.js +2 -2
  59. package/Table.js.map +1 -1
  60. package/TableBody.js +2 -2
  61. package/TableBody.js.map +1 -1
  62. package/TableExpandedRow.js +2 -2
  63. package/TableExpandedRow.js.map +1 -1
  64. package/TableHead.js +2 -2
  65. package/TableHead.js.map +1 -1
  66. package/TableRow.js +2 -2
  67. package/TableRow.js.map +1 -1
  68. package/Textarea.js +2 -2
  69. package/Textarea.js.map +1 -1
  70. package/Title.js +2 -2
  71. package/Title.js.map +1 -1
  72. package/TooltipWord.js +2 -2
  73. package/TooltipWord.js.map +1 -1
  74. package/Trigger.js +3 -3
  75. package/Trigger.js.map +1 -1
  76. package/components/Button/styles.module.scss +5 -0
  77. package/components/DictionaryTrigger/index.js +2 -2
  78. package/components/DictionaryTrigger/index.js.map +1 -1
  79. package/components/Drawer/Drawer.d.ts +41 -0
  80. package/components/Drawer/Drawer.test.d.ts +1 -0
  81. package/components/Drawer/index.d.ts +3 -0
  82. package/components/Drawer/index.js +350 -0
  83. package/components/Drawer/index.js.map +1 -0
  84. package/components/Drawer/styles.module.scss +127 -0
  85. package/components/Drawer/styles.module.scss.d.ts +16 -0
  86. package/components/Dropdown/index.js +3 -3
  87. package/components/Dropdown/index.js.map +1 -1
  88. package/components/Duolist/index.js +4 -4
  89. package/components/Duolist/index.js.map +1 -1
  90. package/components/ExpanderHierarchy/index.js +5 -5
  91. package/components/ExpanderHierarchy/index.js.map +1 -1
  92. package/components/ExpanderList/index.js +8 -8
  93. package/components/ExpanderList/index.js.map +1 -1
  94. package/components/HelpQuestion/index.js +2 -2
  95. package/components/HelpQuestion/index.js.map +1 -1
  96. package/components/HighlightPanel/styles.module.scss +4 -36
  97. package/components/HighlightPanel/styles.module.scss.d.ts +1 -2
  98. package/components/Icons/EuropeanHealthCard.js +1 -1
  99. package/components/Icons/GroupTwins.js +1 -1
  100. package/components/Icons/Inbox.js +1 -1
  101. package/components/Icons/LawBook.js +1 -1
  102. package/components/Icons/PersonCancel.js +1 -1
  103. package/components/Icons/PersonWithBrain.js +1 -1
  104. package/components/Icons/Puzzle.js +1 -1
  105. package/components/Icons/Snapchat.js +1 -1
  106. package/components/Illustrations/IllustrationNames.d.ts +1 -1
  107. package/components/Illustrations/IllustrationNames.js +4 -2
  108. package/components/Illustrations/IllustrationNames.js.map +1 -1
  109. package/components/Illustrations/ReadLetters.d.ts +9 -0
  110. package/components/Illustrations/ReadLetters.js +11 -0
  111. package/components/Illustrations/ReadLetters.js.map +1 -0
  112. package/components/Illustrations/ReadLettersMedium.d.ts +4 -0
  113. package/components/Illustrations/ReadLettersMedium.js +110 -0
  114. package/components/Illustrations/ReadLettersMedium.js.map +1 -0
  115. package/components/Illustrations/Support2.d.ts +9 -0
  116. package/components/Illustrations/Support2.js +11 -0
  117. package/components/Illustrations/Support2.js.map +1 -0
  118. package/components/Illustrations/Support2Medium.d.ts +4 -0
  119. package/components/Illustrations/Support2Medium.js +232 -0
  120. package/components/Illustrations/Support2Medium.js.map +1 -0
  121. package/components/Label/styles.module.scss +16 -12
  122. package/components/Label/styles.module.scss.d.ts +3 -1
  123. package/components/List/styles.module.scss +7 -7
  124. package/components/Modal/index.js +71 -82
  125. package/components/Modal/index.js.map +1 -1
  126. package/components/Modal/styles.module.scss +12 -6
  127. package/components/NotificationPanel/index.js +3 -3
  128. package/components/NotificationPanel/index.js.map +1 -1
  129. package/components/PanelList/index.js +5 -5
  130. package/components/PanelList/index.js.map +1 -1
  131. package/components/PopMenu/index.js +5 -5
  132. package/components/PopMenu/index.js.map +1 -1
  133. package/components/Portal/index.js +3 -3
  134. package/components/Portal/index.js.map +1 -1
  135. package/components/PromoPanel/index.js +2 -2
  136. package/components/PromoPanel/index.js.map +1 -1
  137. package/components/StickyNote/index.js +12 -6
  138. package/components/StickyNote/index.js.map +1 -1
  139. package/components/Tabs/Tabs.d.ts +2 -0
  140. package/components/Tabs/index.js +8 -4
  141. package/components/Tabs/index.js.map +1 -1
  142. package/components/TagList/index.js +2 -2
  143. package/components/TagList/index.js.map +1 -1
  144. package/components/Tile/index.js +6 -6
  145. package/components/Tile/index.js.map +1 -1
  146. package/components/Toggle/index.js +3 -3910
  147. package/components/Toggle/index.js.map +1 -1
  148. package/components/Tooltip/index.js +2 -2
  149. package/components/Tooltip/index.js.map +1 -1
  150. package/components/Validation/index.js +6 -6
  151. package/components/Validation/index.js.map +1 -1
  152. package/constants.d.ts +1 -0
  153. package/constants.js +1 -0
  154. package/constants.js.map +1 -1
  155. package/hoc/withBreakpoint/withBreakpoint.js +2 -2
  156. package/hoc/withBreakpoint/withBreakpoint.js.map +1 -1
  157. package/hooks/useBreakpoint.d.ts +0 -4
  158. package/hooks/useBreakpoint.js +23 -18
  159. package/hooks/useBreakpoint.js.map +1 -1
  160. package/hooks/useEventListenerState.js +3 -3
  161. package/hooks/useEventListenerState.js.map +1 -1
  162. package/hooks/useOutsideEvent.d.ts +4 -4
  163. package/hooks/useOutsideEvent.js +5 -4
  164. package/hooks/useOutsideEvent.js.map +1 -1
  165. package/hooks/useReturnFocusOnUnmount.d.ts +5 -0
  166. package/hooks/useReturnFocusOnUnmount.js +20 -0
  167. package/hooks/useReturnFocusOnUnmount.js.map +1 -0
  168. package/package.json +1 -1
  169. package/scss/_breakpoints.scss +6 -0
  170. package/scss/_font-mixins.scss +55 -0
  171. package/scss/typography.module.scss +24 -0
  172. package/scss/typography.module.scss.d.ts +6 -0
  173. package/scss/typography.stories.tsx +24 -0
  174. package/theme/index.js +2 -2
  175. package/use-animate.js +3952 -0
  176. package/use-animate.js.map +1 -0
  177. package/utils/accessibility.d.ts +1 -0
  178. package/utils/accessibility.js +6 -1
  179. package/utils/accessibility.js.map +1 -1
  180. package/utils/component.js +4 -4
  181. package/utils/component.js.map +1 -1
@@ -0,0 +1,232 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { V as ViewBoxSize } from "../../Illustration.js";
3
+ const Support2Medium = ({ color, svgProperties, title }) => {
4
+ const palette = (() => {
5
+ switch (color) {
6
+ case "blueberry":
7
+ return {
8
+ details1: "#CAE7ED",
9
+ details2: "#188097",
10
+ lines: "#000"
11
+ };
12
+ case "cherry":
13
+ return {
14
+ details1: "#FBE4D7",
15
+ details2: "#F05E3D",
16
+ lines: "#1D1C1A"
17
+ };
18
+ default:
19
+ return {
20
+ details1: "#EAE7E7",
21
+ details2: "#989693",
22
+ lines: "#2B2C2B"
23
+ };
24
+ }
25
+ })();
26
+ return /* @__PURE__ */ jsxs("svg", { ...svgProperties, viewBox: ViewBoxSize.Medium, children: [
27
+ title,
28
+ /* @__PURE__ */ jsx(
29
+ "path",
30
+ {
31
+ d: "M324.463 197.61h-22.016c-7.522 0-13.641-6.119-13.641-13.642v-38.256c0-7.523 6.119-13.642 13.641-13.642h28.503c7.522 0 13.642 6.119 13.642 13.642v33.034c0 .645-.517 1.162-1.161 1.162a1.159 1.159 0 0 1-1.163-1.162v-33.034c0-6.246-5.072-11.318-11.318-11.318h-28.503c-6.246 0-11.318 5.072-11.318 11.318v38.256c0 6.246 5.072 11.319 11.318 11.319h22.016c.644 0 1.162.517 1.162 1.161 0 .645-.518 1.162-1.162 1.162Z",
32
+ fill: palette.lines
33
+ }
34
+ ),
35
+ /* @__PURE__ */ jsx(
36
+ "path",
37
+ {
38
+ d: "M348.79 230.392c14.191 0 25.697-11.505 25.697-25.696 0-14.192-11.506-25.696-25.697-25.696-14.192 0-25.696 11.504-25.696 25.696 0 14.191 11.504 25.696 25.696 25.696Z",
39
+ fill: "#fff"
40
+ }
41
+ ),
42
+ /* @__PURE__ */ jsx(
43
+ "path",
44
+ {
45
+ d: "M348.79 231.563c-14.815 0-26.857-12.054-26.857-26.858 0-14.803 12.054-26.857 26.857-26.857 14.803 0 26.858 12.054 26.858 26.857 0 14.804-12.055 26.858-26.858 26.858Zm0-51.403c-13.527 0-24.534 11.007-24.534 24.534 0 13.526 11.007 24.534 24.534 24.534s24.534-11.008 24.534-24.534c0-13.527-11.007-24.534-24.534-24.534Z",
46
+ fill: palette.lines
47
+ }
48
+ ),
49
+ /* @__PURE__ */ jsx(
50
+ "path",
51
+ {
52
+ d: "M348.871 220.555a1.852 1.852 0 1 0 0-3.705 1.852 1.852 0 0 0 0 3.705Zm-.081-6.336c-.851 0-1.553-.69-1.553-1.553v-1.38c0-3.635 1.899-5.716 3.578-7.545 1.518-1.657 2.829-3.094 2.817-5.648-.023-4.267-3.278-5.648-4.853-5.648-3.647 0-5.602 2.91-5.602 5.637 0 .851-.69 1.552-1.552 1.552-.863 0-1.554-.69-1.554-1.552 0-4.291 3.256-8.742 8.708-8.742 3.807 0 7.925 3.335 7.948 8.73.011 3.773-1.921 5.889-3.635 7.752-1.541 1.691-2.772 3.014-2.772 5.453v1.38c0 .851-.69 1.553-1.553 1.553l.023.011Zm-16.977-67.45h-30.228a1.159 1.159 0 0 1-1.162-1.162c0-.644.517-1.162 1.162-1.162h30.228c.644 0 1.161.518 1.161 1.162 0 .644-.517 1.162-1.161 1.162Zm-6.315 15.16h-23.925a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h23.925a1.16 1.16 0 0 1 1.162 1.162 1.16 1.16 0 0 1-1.162 1.162Zm-6.338 15.172h-17.575a1.159 1.159 0 0 1-1.162-1.162c0-.644.517-1.162 1.162-1.162h17.575a1.16 1.16 0 0 1 1.162 1.162 1.16 1.16 0 0 1-1.162 1.162Z",
53
+ fill: palette.lines
54
+ }
55
+ ),
56
+ /* @__PURE__ */ jsx("path", { d: "M373.232 246.621h-39.003v39.004h39.003v-39.004Z", fill: palette.details1 }),
57
+ /* @__PURE__ */ jsx(
58
+ "path",
59
+ {
60
+ d: "M362.144 279.515h-16.781a1.158 1.158 0 0 1-1.162-1.161v-14.919a1.16 1.16 0 0 1 1.162-1.162h16.781a1.16 1.16 0 0 1 1.162 1.162v14.919c0 .644-.518 1.161-1.162 1.161Zm-15.62-2.323h14.459v-12.595h-14.459v12.595Z",
61
+ fill: palette.lines
62
+ }
63
+ ),
64
+ /* @__PURE__ */ jsx(
65
+ "path",
66
+ {
67
+ d: "M358.729 264.598a1.158 1.158 0 0 1-1.162-1.161v-3.497c0-2.542-1.714-4.613-3.819-4.613s-3.819 2.071-3.819 4.613v3.497c0 .644-.517 1.161-1.162 1.161a1.157 1.157 0 0 1-1.161-1.161v-3.497c0-3.819 2.76-6.936 6.153-6.936s6.153 3.106 6.153 6.936v3.497c0 .644-.517 1.161-1.161 1.161h-.022Zm-4.97 6.305a1.84 1.84 0 1 0 0-3.68 1.84 1.84 0 0 0 0 3.68Z",
68
+ fill: palette.lines
69
+ }
70
+ ),
71
+ /* @__PURE__ */ jsx("path", { d: "M353.759 269.926v4.877h-1.863l1.358-4.877h.505Z", fill: palette.lines }),
72
+ /* @__PURE__ */ jsx(
73
+ "path",
74
+ {
75
+ d: "M353.759 269.926v4.877h1.864l-1.37-4.877h-.494Zm12.872-100.74a5.014 5.014 0 1 0 0-10.029 5.014 5.014 0 0 0 0 10.029Z",
76
+ fill: palette.lines
77
+ }
78
+ ),
79
+ /* @__PURE__ */ jsx(
80
+ "path",
81
+ {
82
+ d: "M313.49 218.337c-3.025-5.877-3.025-13.802-3.025-13.802.863-20.969-16.862-20.106-16.862-20.106-4.107-14.263-19.174-6.488-19.174-6.488-13.769-10.812-30.551-10.375-37.027-2.381-6.475 7.994-15.574 1.082-15.574 1.082.219 4.969 2.807 7.994 2.807 7.994-17.667 4.727-6.971 17.368-6.971 17.368s-3.485 7.074.76 11.962l-1.012 1.415s-3.152 3.313-3.152 10.168c0 6.855 5.476 6.326 5.476 6.326s-1.117 6.925 2.369 13.032c5.038 8.823 14.182 10.502 14.182 10.502-6.372-10.145-6.97-37.083-6.97-37.083 9.064.816 23.315-8.144 23.315-8.144 4.382 6.809 17.368 8.834 24.764 5.199 0 0 8.523 22.326 14.976 12.492l-1.829 11.927-4.911 10.801-.656 14.033c17.541 1.944 18.127-10.893 18.127-10.893 9.513-2.024 6.373-13.446 6.373-13.446 10.375-1.081 7.028-16.092 4.003-21.958h.011Z",
83
+ fill: palette.details2
84
+ }
85
+ ),
86
+ /* @__PURE__ */ jsx(
87
+ "path",
88
+ {
89
+ d: "M288.449 266.002c-1.15 0-2.346-.069-3.6-.207a1.169 1.169 0 0 1-1.035-1.207l.655-14.033c0-.15.046-.288.104-.426l4.843-10.651 1.287-8.396c-.77.391-1.586.54-2.437.448-5.257-.575-9.984-10.915-11.491-14.585-3.681 1.45-8.478 1.795-13.102.909-4.923-.943-8.994-3.14-11.34-6.108-3.198 1.898-13.815 7.81-21.797 7.81.218 5.372 1.38 26.709 6.752 35.255a1.15 1.15 0 0 1-.024 1.265c-.264.38-.713.575-1.173.494-.391-.069-9.731-1.886-14.987-11.065-2.784-4.865-2.807-10.145-2.646-12.526-.908-.138-2.116-.517-3.174-1.472-1.449-1.311-2.186-3.313-2.186-5.947 0-6.786 2.922-10.351 3.405-10.904l.46-.644c-3.163-4.417-1.415-9.915-.644-11.824-1.174-1.599-4.072-6.188-2.635-10.766 1.047-3.324 4.107-5.82 9.099-7.442a15.931 15.931 0 0 1-2.116-7.281 1.15 1.15 0 0 1 .621-1.081 1.158 1.158 0 0 1 1.242.103c.334.253 8.293 6.131 13.964-.885 3.45-4.256 9.546-6.557 16.724-6.292 7.292.265 14.85 3.117 21.349 8.052 2.035-.909 8.178-3.233 13.423-.967 3.025 1.3 5.199 3.877 6.464 7.649 2.162.081 7.695.713 11.95 4.946 3.75 3.727 5.51 9.237 5.222 16.368 0 .023.046 7.672 2.898 13.216 1.956 3.784 4.958 13.515 1.772 19.393-1.139 2.116-3.002 3.496-5.418 4.049.345 2.047.702 6.176-1.288 9.454-1.196 1.956-3.014 3.29-5.418 3.98-.264 1.599-1.184 5.038-4.335 7.73-2.795 2.392-6.614 3.588-11.376 3.588h-.012Zm-2.266-2.415c5.28.414 9.352-.575 12.124-2.945 3.404-2.91 3.623-6.913 3.623-6.947.023-.529.403-.978.92-1.081 2.163-.46 3.749-1.507 4.727-3.106 2.186-3.577.783-8.845.772-8.891a1.153 1.153 0 0 1 .999-1.461c2.301-.241 3.9-1.242 4.878-3.048 2.369-4.371.483-12.814-1.794-17.219-3.117-6.05-3.152-13.998-3.152-14.332.265-6.487-1.254-11.398-4.509-14.653-4.543-4.532-11.065-4.291-11.134-4.291a1.165 1.165 0 0 1-1.173-.839c-1.013-3.532-2.842-5.89-5.407-6.994-5.256-2.266-12.042 1.185-12.111 1.219a1.176 1.176 0 0 1-1.254-.115c-13.504-10.605-29.491-9.857-35.404-2.564-4.704 5.808-11.019 4.681-15.022 2.622.679 3.117 2.209 4.946 2.232 4.969a1.167 1.167 0 0 1-.575 1.886c-5.107 1.369-8.144 3.497-9.041 6.349-1.358 4.337 2.61 9.099 2.645 9.156.299.357.357.851.15 1.266-.034.057-3.082 6.452.587 10.685a1.16 1.16 0 0 1 .068 1.438l-1.012 1.415s-.069.08-.103.126c-.023.023-2.83 3.117-2.83 9.375 0 1.932.472 3.347 1.403 4.209 1.174 1.081 2.784.967 2.807.967.357-.023.714.103.955.368.242.264.356.621.299.977 0 .069-1.001 6.614 2.231 12.273 3.105 5.429 7.914 8.006 10.836 9.144-5.211-11.525-5.774-34.092-5.797-35.127 0-.334.125-.644.367-.875.242-.23.575-.333.897-.31 8.558.782 22.452-7.891 22.59-7.971a1.168 1.168 0 0 1 1.6.356c4.083 6.35 16.574 8.075 23.268 4.785.299-.149.633-.161.944-.034.311.126.541.356.656.667 2.024 5.302 6.533 13.86 10.03 14.24.368.046 1.495.161 2.886-1.967.299-.46.875-.644 1.392-.449.506.196.816.725.736 1.265l-1.829 11.928a1.05 1.05 0 0 1-.092.311l-4.819 10.593-.598 12.699.034-.069Z",
90
+ fill: palette.details2
91
+ }
92
+ ),
93
+ /* @__PURE__ */ jsx(
94
+ "path",
95
+ {
96
+ d: "m189.185 365.382 6.66-20.554 8.374-25.271 7.948-12.664 13.377-10.628 12.572-4.566v-12.043h59.271l.195 12.032 14.091 6.797 7.465 6.844 7.464 11.79 6.488 25.144 6.774 40.223 2.048 11.353-.794 8.604-4.773 10.144-7.12 6.821-62.319 26.501-22.82-80.527h-54.901Z",
97
+ fill: "#fff"
98
+ }
99
+ ),
100
+ /* @__PURE__ */ jsx(
101
+ "path",
102
+ {
103
+ d: "m140.116 365.682 103.97-.299 22.82 80.527-103.889.046-22.901-80.274Zm114.103-115.151h-8.753a1.166 1.166 0 0 1-1.105-1.529l6.833-20.497c.207-.61.863-.944 1.473-.736.61.207.943.862.736 1.472l-6.327 18.967h7.143c.644 0 1.162.517 1.162 1.162 0 .644-.518 1.161-1.162 1.161Z",
104
+ fill: palette.lines
105
+ }
106
+ ),
107
+ /* @__PURE__ */ jsx(
108
+ "path",
109
+ {
110
+ d: "M284.976 279.055a1.158 1.158 0 0 1-1.162-1.161v-22.326c-4.175 5.555-14.262 16.367-29.48 16.367h-.127c-10.432-.046-18.254-9.42-22.602-27.133-3.209-13.078-3.451-26.306-3.451-26.444 0-.357.161-.702.437-.932.276-.23.656-.299 1.001-.218.081.023 8.766 1.921 22.35-7.96.276-.195.621-.264.954-.184.334.081.609.299.759.61.218.425 5.567 10.398 22.613 6.464a1.167 1.167 0 0 1 1.335.679c2.036 4.785 5.981 11.64 8.362 11.939a1.165 1.165 0 0 1 1.012 1.3 1.171 1.171 0 0 1-1.299 1.012c-4.095-.518-8.351-9.167-9.823-12.457-14.907 3.094-21.533-3.888-23.568-6.752-10.859 7.58-18.658 8.029-21.775 7.81.345 8.109 3.129 49.863 23.695 49.943h.115c18.68 0 29.527-18.208 29.642-18.392a1.174 1.174 0 0 1 1.311-.541c.506.138.862.598.862 1.127v26.088c0 .644-.517 1.161-1.161 1.161Z",
111
+ fill: palette.lines
112
+ }
113
+ ),
114
+ /* @__PURE__ */ jsx(
115
+ "path",
116
+ {
117
+ d: "M254.219 279.057a1.159 1.159 0 0 1-1.162-1.162v-7.12c0-.644.517-1.162 1.162-1.162.644 0 1.161.518 1.161 1.162v7.12c0 .644-.517 1.162-1.161 1.162Zm17.667-28.078c-.506 0-.978-.333-1.117-.851a1.165 1.165 0 0 1 .806-1.438c.092-.023 8.788-2.53 15.482-9.225a1.175 1.175 0 0 1 1.645 0 1.173 1.173 0 0 1 0 1.645c-7.131 7.132-16.115 9.708-16.495 9.812a.975.975 0 0 1-.31.046l-.011.011Zm-4.98 196.09c-.506 0-.978-.333-1.116-.851l-22.579-79.676H139.91a1.158 1.158 0 0 1-1.162-1.162c0-.644.517-1.161 1.162-1.161h104.176c.517 0 .977.345 1.115.851l22.82 80.527a1.164 1.164 0 0 1-.805 1.438 1.002 1.002 0 0 1-.321.046l.011-.012Z",
118
+ fill: palette.lines
119
+ }
120
+ ),
121
+ /* @__PURE__ */ jsx(
122
+ "path",
123
+ {
124
+ d: "M266.906 447.069H162.73c-.518 0-.978-.345-1.116-.852l-22.82-80.527a1.162 1.162 0 0 1 .805-1.437 1.164 1.164 0 0 1 1.438.805l22.579 79.676h103.071l57.085-23.718a27.553 27.553 0 0 0 16.702-29.837c-3.416-21.624-8.373-50.782-12.572-66.828-3.887-14.861-15.172-26.823-29.446-31.217-.391-.126-.782-.23-1.162-.333a1.166 1.166 0 0 1-.862-1.104l-.184-10.893h-56.959v10.881c0 .552-.38 1.024-.921 1.139-16.184 3.393-29.399 15.275-34.494 30.998L190.3 365.736a1.16 1.16 0 1 1-2.208-.713l13.573-41.914c5.257-16.218 18.725-28.537 35.3-32.356v-11.111c0-.644.517-1.162 1.161-1.162h59.272c.632 0 1.15.507 1.161 1.139l.196 11.169c.138.034.265.08.403.115 15.033 4.624 26.915 17.207 31.01 32.85 4.221 16.138 9.19 45.377 12.618 67.058a29.89 29.89 0 0 1-18.105 32.345l-57.304 23.809a1.15 1.15 0 0 1-.449.092l-.022.012Z",
125
+ fill: palette.lines
126
+ }
127
+ ),
128
+ /* @__PURE__ */ jsx(
129
+ "path",
130
+ {
131
+ d: "M258.464 417.28a1.162 1.162 0 0 1-.564-2.173l39.463-21.947-1.449-33.322a1.16 1.16 0 0 1 1.116-1.207 1.152 1.152 0 0 1 1.208 1.115l1.484 34.047c.023.437-.207.851-.599 1.07l-40.084 22.291a1.127 1.127 0 0 1-.564.149l-.011-.023Zm-43.238-50.736c-.126 0-.242-.023-.368-.057a1.163 1.163 0 0 1-.737-1.473l5.614-16.919a1.164 1.164 0 1 1 2.208.736l-5.613 16.919a1.171 1.171 0 0 1-1.104.794Zm55.936-112.791a3.956 3.956 0 1 0 0-7.913 3.957 3.957 0 1 0 0 7.913Zm26.006-24.88c3.128-38.406-14.125-50.207-19.186-53.577-2.162-1.208-8.04-1.921-8.04-1.921s27.295 15.896 21.383 54.59l5.843.908Zm-12.192 24.087c-.185 0-.381-.046-.553-.138a1.158 1.158 0 0 1-.46-1.576c.104-.184 2.519-4.6 3.899-6.912a1.174 1.174 0 0 1 1.599-.403c.552.334.737 1.047.403 1.599-1.357 2.266-3.831 6.786-3.854 6.832-.207.391-.609.61-1.023.61l-.011-.012Z",
132
+ fill: palette.lines
133
+ }
134
+ ),
135
+ /* @__PURE__ */ jsx(
136
+ "path",
137
+ {
138
+ d: "M293.591 247.598c6.931 0 12.548-5.618 12.548-12.549 0-6.931-5.617-12.549-12.548-12.549-6.93 0-12.549 5.618-12.549 12.549 0 6.931 5.619 12.549 12.549 12.549Zm-58.132-17.048c-.264 0-.529-.092-.748-.264a1.154 1.154 0 0 1-.149-1.633c.103-.127 2.588-3.072 6.199-3.152 2.22-.035 4.372.989 6.304 3.117a1.164 1.164 0 0 1-1.714 1.576c-1.461-1.599-2.99-2.404-4.531-2.358-2.519.057-4.441 2.289-4.464 2.312a1.16 1.16 0 0 1-.897.414v-.012Zm26.374 0c-.264 0-.529-.092-.748-.264a1.154 1.154 0 0 1-.149-1.633c.104-.127 2.589-3.072 6.2-3.152 2.209-.035 4.371.989 6.303 3.117a1.165 1.165 0 1 1-1.714 1.576c-1.461-1.599-2.99-2.404-4.531-2.358-2.519.057-4.44 2.289-4.463 2.312-.23.276-.564.414-.898.414v-.012Zm4.958-91.901c-.058 0-.126 0-.183-.012l-25.064-3.945a1.164 1.164 0 0 1-.967-1.335 1.17 1.17 0 0 1 1.335-.966l23.913 3.773 8.857-56.223-59.294-9.34-5.2 32.966a1.167 1.167 0 0 1-1.333.966 1.162 1.162 0 0 1-.967-1.334l5.371-34.116a1.169 1.169 0 0 1 1.335-.966l61.595 9.708c.633.103 1.07.69.966 1.334l-9.225 58.523a1.162 1.162 0 0 1-1.15.978l.011-.011Z",
139
+ fill: palette.lines
140
+ }
141
+ ),
142
+ /* @__PURE__ */ jsx(
143
+ "path",
144
+ {
145
+ d: "M241.727 157.456h-68.714a1.159 1.159 0 0 1-1.162-1.162c0-.644.518-1.161 1.162-1.161h67.552v-50.599h-83.103v17.576c0 .644-.518 1.161-1.162 1.161a1.157 1.157 0 0 1-1.161-1.161v-18.737c0-.644.517-1.162 1.161-1.162h85.427a1.16 1.16 0 0 1 1.162 1.162v52.921c0 .645-.518 1.162-1.162 1.162Z",
146
+ fill: palette.lines
147
+ }
148
+ ),
149
+ /* @__PURE__ */ jsx(
150
+ "path",
151
+ {
152
+ d: "M172.254 113.461v37.014h-3.888l-1.369-7.292-2.048-.426v-29.296h7.305Zm54.405 11.109v25.914h7.304V124.57h-7.304Zm-46.273-.828v26.742h7.304v-26.742h-7.304Zm15.424-12.239v38.97h7.304v-38.97h-7.304Zm15.425 6.153v32.817h7.304v-32.817h-7.304Z",
153
+ fill: palette.details2
154
+ }
155
+ ),
156
+ /* @__PURE__ */ jsx(
157
+ "path",
158
+ {
159
+ d: "M144.142 174.227c-.978 0-1.966-.058-2.944-.173l-1.161-.138.425-3.554c.161-1.369-.656-2.657-1.955-3.06l-.288-.091a2.848 2.848 0 0 0-3.382 1.334l-1.737 3.128-1.012-.563a24.861 24.861 0 0 1-7.476-6.361l-.725-.92 2.806-2.197c1.093-.863 1.404-2.358.737-3.658l-.046-.103c-.632-1.243-2.06-1.887-3.371-1.507l-3.427.989-.322-1.116a24.917 24.917 0 0 1-.874-4.854 25.214 25.214 0 0 1 .092-4.934l.138-1.162 3.543.426c1.369.161 2.656-.702 3.093-2.048l.035-.092c.449-1.38-.08-2.818-1.299-3.485l-3.117-1.737.562-1.012a24.676 24.676 0 0 1 6.361-7.465l.909-.724 2.208 2.806a2.848 2.848 0 0 0 3.554.771l.266-.138c1.219-.61 1.817-2.013 1.437-3.336l-.978-3.439 1.116-.322a24.984 24.984 0 0 1 9.766-.782l1.15.138-.425 3.554c-.161 1.357.7 2.657 2.046 3.094l.081.023c1.38.449 2.818-.08 3.497-1.3l1.725-3.128 1.012.563a24.71 24.71 0 0 1 7.477 6.361l.724.909-2.806 2.208c-1.092.863-1.391 2.358-.724 3.646l.046.092c.644 1.266 2.07 1.91 3.381 1.53l3.428-.989.321 1.116c.449 1.587.749 3.22.875 4.854a25.214 25.214 0 0 1-.092 4.934l-.138 1.162-3.543-.426c-1.369-.161-2.657.702-3.094 2.048l-.023.069c-.448 1.368.104 2.841 1.3 3.508l3.117 1.725-.564 1.024a24.773 24.773 0 0 1-6.372 7.488l-.909.713-2.208-2.807c-.863-1.092-2.358-1.391-3.658-.724l-.081.034c-1.265.644-1.909 2.071-1.529 3.382l.989 3.439-1.115.322a24.954 24.954 0 0 1-4.855.874c-.656.058-1.322.081-1.989.081h.022Zm-1.506-2.381a22.73 22.73 0 0 0 6.59-.529l-.334-1.162c-.69-2.381.45-4.946 2.704-6.096 2.324-1.196 5.084-.621 6.614 1.323l.747.954a22.173 22.173 0 0 0 4.291-5.038l-1.058-.586c-2.174-1.208-3.187-3.83-2.393-6.246l.023-.069c.77-2.404 3.117-3.945 5.59-3.646l1.208.149a22.73 22.73 0 0 0-.53-6.59l-1.161.333c-2.381.69-4.946-.448-6.096-2.703l-.035-.08c-1.161-2.255-.587-5.004 1.357-6.545l.955-.748a22.81 22.81 0 0 0-5.038-4.29l-.586 1.058c-1.208 2.174-3.83 3.175-6.246 2.393l.276-1.128-.356 1.105c-2.404-.771-3.934-3.118-3.647-5.579l.15-1.208a22.746 22.746 0 0 0-3.313.023 22.675 22.675 0 0 0-3.266.506l.333 1.173a5.176 5.176 0 0 1-2.634 6.051l-.23.115a5.184 5.184 0 0 1-6.464-1.392l-.76-.955a22.388 22.388 0 0 0-4.278 5.027l1.058.586c2.174 1.208 3.175 3.831 2.381 6.246l-.034.104c-.771 2.392-3.129 3.922-5.579 3.623l-1.208-.15a22.746 22.746 0 0 0 .529 6.591l1.162-.334c2.393-.678 4.946.461 6.096 2.703l-1 .599 1.035-.529c1.162 2.265.586 5.014-1.369 6.544l-.955.748a22.471 22.471 0 0 0 5.038 4.279l.599-1.07a5.18 5.18 0 0 1 6.153-2.404l.253.081c2.358.736 3.865 3.082 3.566 5.555l-.149 1.208h.011Z",
160
+ fill: palette.lines
161
+ }
162
+ ),
163
+ /* @__PURE__ */ jsx(
164
+ "path",
165
+ {
166
+ d: "M144.131 157.638a8.229 8.229 0 0 1-5.337-1.967 8.178 8.178 0 0 1-2.875-5.625 8.243 8.243 0 0 1 1.943-6.016 8.176 8.176 0 0 1 5.625-2.875 8.223 8.223 0 0 1 6.015 1.944 8.17 8.17 0 0 1 2.876 5.624 8.241 8.241 0 0 1-1.943 6.016 8.183 8.183 0 0 1-5.626 2.876c-.23.023-.448.023-.678.023Zm.024-14.194c-.161 0-.323 0-.484.023a5.882 5.882 0 0 0-4.038 2.07 5.91 5.91 0 0 0-1.391 4.325 5.874 5.874 0 0 0 2.07 4.037 5.86 5.86 0 0 0 4.326 1.392 5.882 5.882 0 0 0 4.037-2.07 5.91 5.91 0 0 0 1.391-4.325 5.874 5.874 0 0 0-2.07-4.037 5.88 5.88 0 0 0-3.83-1.415h-.011Z",
167
+ fill: palette.lines
168
+ }
169
+ ),
170
+ /* @__PURE__ */ jsx(
171
+ "path",
172
+ {
173
+ d: "m215.928 269.256-10.939-6.314v-47.62a7.78 7.78 0 0 0-7.775-7.775h-68.98a7.78 7.78 0 0 0-7.775 7.775v66.092a7.78 7.78 0 0 0 7.775 7.776h68.98a7.78 7.78 0 0 0 7.775-7.776v-5.831l10.939-6.315v-.012Z",
174
+ fill: "#fff"
175
+ }
176
+ ),
177
+ /* @__PURE__ */ jsx(
178
+ "path",
179
+ {
180
+ d: "M190.151 225.32h-56.188a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h56.188a1.16 1.16 0 0 1 1.163 1.162 1.16 1.16 0 0 1-1.163 1.162Zm-14.584 15.16h-41.604a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h41.604c.644 0 1.161.518 1.161 1.162 0 .644-.517 1.162-1.161 1.162Zm8.879 15.16h-50.483a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h50.483a1.16 1.16 0 0 1 1.163 1.162 1.16 1.16 0 0 1-1.163 1.162Zm-17.299 15.172h-33.184a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h33.184a1.16 1.16 0 0 1 1.162 1.162 1.16 1.16 0 0 1-1.162 1.162ZM320.023 68.877c-.081 0-.15 0-.231-.023a1.157 1.157 0 0 1-.908-1.369l.517-2.553a1.164 1.164 0 0 1 1.37-.909c.632.127 1.035.736.908 1.369l-.517 2.553a1.167 1.167 0 0 1-1.139.932Zm-6.246 0c-.54 0-1.024-.38-1.139-.932l-.518-2.553a1.158 1.158 0 0 1 .909-1.369 1.157 1.157 0 0 1 1.369.909l.518 2.553a1.157 1.157 0 0 1-1.139 1.392Zm-5.625 2.334c-.379 0-.747-.184-.966-.517l-1.438-2.175a1.166 1.166 0 0 1 .323-1.61 1.166 1.166 0 0 1 1.611.322l1.437 2.174c.357.53.207 1.254-.322 1.61a1.21 1.21 0 0 1-.645.196Zm-4.404 4.404c-.219 0-.45-.057-.645-.195l-2.174-1.438a1.155 1.155 0 0 1-.322-1.61 1.166 1.166 0 0 1 1.611-.322l2.173 1.438c.541.356.679 1.08.323 1.61a1.167 1.167 0 0 1-.966.517Zm-2.336 5.625c-.08 0-.15 0-.23-.023l-2.553-.518a1.157 1.157 0 0 1-.909-1.369 1.157 1.157 0 0 1 1.368-.908l2.554.517c.633.127 1.036.736.909 1.369a1.166 1.166 0 0 1-1.139.932Zm-2.552 6.753c-.541 0-1.024-.38-1.139-.931a1.165 1.165 0 0 1 .908-1.369l2.554-.506a1.167 1.167 0 0 1 1.369.909 1.167 1.167 0 0 1-.909 1.368l-2.554.506c-.081.012-.149.023-.229.023Zm2.713 6.557c-.379 0-.747-.185-.966-.519a1.166 1.166 0 0 1 .323-1.61l2.162-1.438a1.165 1.165 0 0 1 1.61.322c.356.53.207 1.254-.322 1.61l-2.162 1.439a1.206 1.206 0 0 1-.645.195Zm5.141 5.142a1.11 1.11 0 0 1-.643-.196 1.166 1.166 0 0 1-.323-1.61l1.438-2.174a1.166 1.166 0 0 1 1.611-.322c.529.356.679 1.08.322 1.61l-1.437 2.174a1.169 1.169 0 0 1-.968.517Zm6.557 2.701c-.081 0-.15 0-.231-.023a1.156 1.156 0 0 1-.907-1.369l.505-2.553a1.163 1.163 0 0 1 1.369-.91c.633.127 1.036.737.909 1.37l-.506 2.553a1.168 1.168 0 0 1-1.139.932Zm7.258 0c-.54 0-1.024-.38-1.139-.932l-.506-2.553a1.157 1.157 0 0 1 .908-1.37 1.164 1.164 0 0 1 1.37.91l.505 2.553a1.156 1.156 0 0 1-.908 1.369c-.08.011-.149.023-.23.023Zm6.557-2.701a1.15 1.15 0 0 1-.967-.518l-1.438-2.162a1.165 1.165 0 0 1 .322-1.61 1.166 1.166 0 0 1 1.611.322l1.438 2.162a1.165 1.165 0 0 1-.322 1.61 1.205 1.205 0 0 1-.644.196Zm5.141-5.142c-.218 0-.449-.058-.644-.196l-2.163-1.438a1.166 1.166 0 0 1-.321-1.61 1.165 1.165 0 0 1 1.61-.323l2.162 1.438c.529.357.679 1.081.322 1.61a1.164 1.164 0 0 1-.966.518Zm2.714-6.556c-.081 0-.149 0-.229-.023l-2.555-.506a1.163 1.163 0 0 1 .461-2.278l2.553.507c.633.126 1.035.736.909 1.368a1.167 1.167 0 0 1-1.139.932Zm-2.553-6.754c-.541 0-1.024-.38-1.139-.932a1.157 1.157 0 0 1 .908-1.369l2.555-.517a1.162 1.162 0 0 1 .459 2.277l-2.553.518c-.081.011-.15.023-.23.023Zm-2.335-5.625a1.15 1.15 0 0 1-.966-.517 1.165 1.165 0 0 1 .322-1.61l2.173-1.438a1.166 1.166 0 0 1 1.611.322 1.165 1.165 0 0 1-.322 1.61l-2.174 1.438a1.206 1.206 0 0 1-.644.195Zm-4.417-4.415a1.165 1.165 0 0 1-.966-1.806l1.438-2.163a1.165 1.165 0 0 1 1.61-.322c.529.357.678 1.081.322 1.61l-1.438 2.163a1.167 1.167 0 0 1-.966.518Z",
181
+ fill: palette.lines
182
+ }
183
+ ),
184
+ /* @__PURE__ */ jsx(
185
+ "path",
186
+ {
187
+ d: "M165.088 284.844h-49.943c-5.514 0-9.983 4.47-9.983 9.984v12.802c0 5.514 4.469 9.984 9.983 9.984h49.943c5.514 0 9.985-4.47 9.985-9.984v-12.802c0-5.514-4.471-9.984-9.985-9.984Z",
188
+ fill: palette.details1
189
+ }
190
+ ),
191
+ /* @__PURE__ */ jsx(
192
+ "path",
193
+ {
194
+ d: "M165.1 318.773h-49.955c-6.142 0-11.145-5.004-11.145-11.146v-12.802c0-6.142 5.003-11.145 11.145-11.145H165.1c6.142 0 11.145 5.003 11.145 11.145v12.802c0 6.142-5.003 11.146-11.145 11.146Zm-49.955-32.77c-4.865 0-8.822 3.957-8.822 8.822v12.802c0 4.866 3.957 8.823 8.822 8.823H165.1c4.865 0 8.822-3.957 8.822-8.823v-12.802c0-4.865-3.957-8.822-8.822-8.822h-49.955Z",
195
+ fill: palette.lines
196
+ }
197
+ ),
198
+ /* @__PURE__ */ jsx(
199
+ "path",
200
+ {
201
+ d: "M125.912 303.086a1.852 1.852 0 1 0 0-3.704 1.852 1.852 0 0 0 0 3.704Zm14.204 0a1.852 1.852 0 1 0 .001-3.705 1.852 1.852 0 0 0-.001 3.705Zm14.217 0a1.852 1.852 0 1 0 .001-3.705 1.852 1.852 0 0 0-.001 3.705Z",
202
+ fill: palette.lines
203
+ }
204
+ ),
205
+ /* @__PURE__ */ jsx(
206
+ "path",
207
+ {
208
+ d: "M187.437 94.954c6.403 0 11.594-5.19 11.594-11.594 0-6.403-5.191-11.594-11.594-11.594s-11.594 5.19-11.594 11.594c0 6.403 5.191 11.594 11.594 11.594Z",
209
+ fill: "#fff"
210
+ }
211
+ ),
212
+ /* @__PURE__ */ jsx("path", { d: "m183.515 83.795 3.174 3.174 4.682-7.235", fill: "#fff" }),
213
+ /* @__PURE__ */ jsx(
214
+ "path",
215
+ {
216
+ d: "M186.689 88.141a1.15 1.15 0 0 1-.817-.345l-3.174-3.174a1.172 1.172 0 0 1 0-1.645 1.172 1.172 0 0 1 1.644 0l2.163 2.162 3.899-6.038a1.168 1.168 0 0 1 1.61-.346c.541.346.69 1.07.345 1.61l-4.681 7.247a1.193 1.193 0 0 1-.851.53h-.138Zm197.654 229.391c-.196 0-.379-.046-.552-.138l-26.34-14.274a1.172 1.172 0 0 1-.472-1.576 1.172 1.172 0 0 1 1.576-.471l25.316 13.71 13.539-25.408a1.173 1.173 0 0 1 1.576-.483 1.17 1.17 0 0 1 .483 1.576l-14.09 26.443c-.15.276-.392.483-.691.564a1.131 1.131 0 0 1-.334.046l-.011.011Z",
217
+ fill: palette.lines
218
+ }
219
+ ),
220
+ /* @__PURE__ */ jsx(
221
+ "path",
222
+ {
223
+ d: "M366.366 331.072c-.495 0-.966-.322-1.116-.828l-8.374-27.801a1.134 1.134 0 0 1 .093-.886c.149-.276.39-.471.689-.563l40.431-12.17c.299-.092.61-.057.886.092.276.15.471.391.563.69l8.363 27.801a1.16 1.16 0 0 1-.783 1.45l-40.43 12.169a1.18 1.18 0 0 1-.333.046h.011Zm-6.924-28.192 7.694 25.581 38.21-11.502-7.694-25.581-38.21 11.502Z",
224
+ fill: palette.lines
225
+ }
226
+ )
227
+ ] });
228
+ };
229
+ export {
230
+ Support2Medium as default
231
+ };
232
+ //# sourceMappingURL=Support2Medium.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Support2Medium.js","sources":["../../../src/components/Illustrations/Support2Medium.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Palette } from './Support2';\nimport { BaseSvgIllustrationProps, ViewBoxSize } from '../Illustration';\n\nconst Support2Medium: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n const palette = ((): Palette => {\n switch (color) {\n case 'blueberry':\n return {\n details1: '#CAE7ED',\n details2: '#188097',\n lines: '#000',\n };\n case 'cherry':\n return {\n details1: '#FBE4D7',\n details2: '#F05E3D',\n lines: '#1D1C1A',\n };\n default:\n return {\n details1: '#EAE7E7',\n details2: '#989693',\n lines: '#2B2C2B',\n };\n }\n })();\n\n return (\n <svg {...svgProperties} viewBox={ViewBoxSize.Medium}>\n {title}\n <path\n d=\"M324.463 197.61h-22.016c-7.522 0-13.641-6.119-13.641-13.642v-38.256c0-7.523 6.119-13.642 13.641-13.642h28.503c7.522 0 13.642 6.119 13.642 13.642v33.034c0 .645-.517 1.162-1.161 1.162a1.159 1.159 0 0 1-1.163-1.162v-33.034c0-6.246-5.072-11.318-11.318-11.318h-28.503c-6.246 0-11.318 5.072-11.318 11.318v38.256c0 6.246 5.072 11.319 11.318 11.319h22.016c.644 0 1.162.517 1.162 1.161 0 .645-.518 1.162-1.162 1.162Z\"\n fill={palette.lines}\n />\n <path\n d=\"M348.79 230.392c14.191 0 25.697-11.505 25.697-25.696 0-14.192-11.506-25.696-25.697-25.696-14.192 0-25.696 11.504-25.696 25.696 0 14.191 11.504 25.696 25.696 25.696Z\"\n fill=\"#fff\"\n />\n <path\n d=\"M348.79 231.563c-14.815 0-26.857-12.054-26.857-26.858 0-14.803 12.054-26.857 26.857-26.857 14.803 0 26.858 12.054 26.858 26.857 0 14.804-12.055 26.858-26.858 26.858Zm0-51.403c-13.527 0-24.534 11.007-24.534 24.534 0 13.526 11.007 24.534 24.534 24.534s24.534-11.008 24.534-24.534c0-13.527-11.007-24.534-24.534-24.534Z\"\n fill={palette.lines}\n />\n <path\n d=\"M348.871 220.555a1.852 1.852 0 1 0 0-3.705 1.852 1.852 0 0 0 0 3.705Zm-.081-6.336c-.851 0-1.553-.69-1.553-1.553v-1.38c0-3.635 1.899-5.716 3.578-7.545 1.518-1.657 2.829-3.094 2.817-5.648-.023-4.267-3.278-5.648-4.853-5.648-3.647 0-5.602 2.91-5.602 5.637 0 .851-.69 1.552-1.552 1.552-.863 0-1.554-.69-1.554-1.552 0-4.291 3.256-8.742 8.708-8.742 3.807 0 7.925 3.335 7.948 8.73.011 3.773-1.921 5.889-3.635 7.752-1.541 1.691-2.772 3.014-2.772 5.453v1.38c0 .851-.69 1.553-1.553 1.553l.023.011Zm-16.977-67.45h-30.228a1.159 1.159 0 0 1-1.162-1.162c0-.644.517-1.162 1.162-1.162h30.228c.644 0 1.161.518 1.161 1.162 0 .644-.517 1.162-1.161 1.162Zm-6.315 15.16h-23.925a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h23.925a1.16 1.16 0 0 1 1.162 1.162 1.16 1.16 0 0 1-1.162 1.162Zm-6.338 15.172h-17.575a1.159 1.159 0 0 1-1.162-1.162c0-.644.517-1.162 1.162-1.162h17.575a1.16 1.16 0 0 1 1.162 1.162 1.16 1.16 0 0 1-1.162 1.162Z\"\n fill={palette.lines}\n />\n <path d=\"M373.232 246.621h-39.003v39.004h39.003v-39.004Z\" fill={palette.details1} />\n <path\n d=\"M362.144 279.515h-16.781a1.158 1.158 0 0 1-1.162-1.161v-14.919a1.16 1.16 0 0 1 1.162-1.162h16.781a1.16 1.16 0 0 1 1.162 1.162v14.919c0 .644-.518 1.161-1.162 1.161Zm-15.62-2.323h14.459v-12.595h-14.459v12.595Z\"\n fill={palette.lines}\n />\n <path\n d=\"M358.729 264.598a1.158 1.158 0 0 1-1.162-1.161v-3.497c0-2.542-1.714-4.613-3.819-4.613s-3.819 2.071-3.819 4.613v3.497c0 .644-.517 1.161-1.162 1.161a1.157 1.157 0 0 1-1.161-1.161v-3.497c0-3.819 2.76-6.936 6.153-6.936s6.153 3.106 6.153 6.936v3.497c0 .644-.517 1.161-1.161 1.161h-.022Zm-4.97 6.305a1.84 1.84 0 1 0 0-3.68 1.84 1.84 0 0 0 0 3.68Z\"\n fill={palette.lines}\n />\n <path d=\"M353.759 269.926v4.877h-1.863l1.358-4.877h.505Z\" fill={palette.lines} />\n <path\n d=\"M353.759 269.926v4.877h1.864l-1.37-4.877h-.494Zm12.872-100.74a5.014 5.014 0 1 0 0-10.029 5.014 5.014 0 0 0 0 10.029Z\"\n fill={palette.lines}\n />\n <path\n d=\"M313.49 218.337c-3.025-5.877-3.025-13.802-3.025-13.802.863-20.969-16.862-20.106-16.862-20.106-4.107-14.263-19.174-6.488-19.174-6.488-13.769-10.812-30.551-10.375-37.027-2.381-6.475 7.994-15.574 1.082-15.574 1.082.219 4.969 2.807 7.994 2.807 7.994-17.667 4.727-6.971 17.368-6.971 17.368s-3.485 7.074.76 11.962l-1.012 1.415s-3.152 3.313-3.152 10.168c0 6.855 5.476 6.326 5.476 6.326s-1.117 6.925 2.369 13.032c5.038 8.823 14.182 10.502 14.182 10.502-6.372-10.145-6.97-37.083-6.97-37.083 9.064.816 23.315-8.144 23.315-8.144 4.382 6.809 17.368 8.834 24.764 5.199 0 0 8.523 22.326 14.976 12.492l-1.829 11.927-4.911 10.801-.656 14.033c17.541 1.944 18.127-10.893 18.127-10.893 9.513-2.024 6.373-13.446 6.373-13.446 10.375-1.081 7.028-16.092 4.003-21.958h.011Z\"\n fill={palette.details2}\n />\n <path\n d=\"M288.449 266.002c-1.15 0-2.346-.069-3.6-.207a1.169 1.169 0 0 1-1.035-1.207l.655-14.033c0-.15.046-.288.104-.426l4.843-10.651 1.287-8.396c-.77.391-1.586.54-2.437.448-5.257-.575-9.984-10.915-11.491-14.585-3.681 1.45-8.478 1.795-13.102.909-4.923-.943-8.994-3.14-11.34-6.108-3.198 1.898-13.815 7.81-21.797 7.81.218 5.372 1.38 26.709 6.752 35.255a1.15 1.15 0 0 1-.024 1.265c-.264.38-.713.575-1.173.494-.391-.069-9.731-1.886-14.987-11.065-2.784-4.865-2.807-10.145-2.646-12.526-.908-.138-2.116-.517-3.174-1.472-1.449-1.311-2.186-3.313-2.186-5.947 0-6.786 2.922-10.351 3.405-10.904l.46-.644c-3.163-4.417-1.415-9.915-.644-11.824-1.174-1.599-4.072-6.188-2.635-10.766 1.047-3.324 4.107-5.82 9.099-7.442a15.931 15.931 0 0 1-2.116-7.281 1.15 1.15 0 0 1 .621-1.081 1.158 1.158 0 0 1 1.242.103c.334.253 8.293 6.131 13.964-.885 3.45-4.256 9.546-6.557 16.724-6.292 7.292.265 14.85 3.117 21.349 8.052 2.035-.909 8.178-3.233 13.423-.967 3.025 1.3 5.199 3.877 6.464 7.649 2.162.081 7.695.713 11.95 4.946 3.75 3.727 5.51 9.237 5.222 16.368 0 .023.046 7.672 2.898 13.216 1.956 3.784 4.958 13.515 1.772 19.393-1.139 2.116-3.002 3.496-5.418 4.049.345 2.047.702 6.176-1.288 9.454-1.196 1.956-3.014 3.29-5.418 3.98-.264 1.599-1.184 5.038-4.335 7.73-2.795 2.392-6.614 3.588-11.376 3.588h-.012Zm-2.266-2.415c5.28.414 9.352-.575 12.124-2.945 3.404-2.91 3.623-6.913 3.623-6.947.023-.529.403-.978.92-1.081 2.163-.46 3.749-1.507 4.727-3.106 2.186-3.577.783-8.845.772-8.891a1.153 1.153 0 0 1 .999-1.461c2.301-.241 3.9-1.242 4.878-3.048 2.369-4.371.483-12.814-1.794-17.219-3.117-6.05-3.152-13.998-3.152-14.332.265-6.487-1.254-11.398-4.509-14.653-4.543-4.532-11.065-4.291-11.134-4.291a1.165 1.165 0 0 1-1.173-.839c-1.013-3.532-2.842-5.89-5.407-6.994-5.256-2.266-12.042 1.185-12.111 1.219a1.176 1.176 0 0 1-1.254-.115c-13.504-10.605-29.491-9.857-35.404-2.564-4.704 5.808-11.019 4.681-15.022 2.622.679 3.117 2.209 4.946 2.232 4.969a1.167 1.167 0 0 1-.575 1.886c-5.107 1.369-8.144 3.497-9.041 6.349-1.358 4.337 2.61 9.099 2.645 9.156.299.357.357.851.15 1.266-.034.057-3.082 6.452.587 10.685a1.16 1.16 0 0 1 .068 1.438l-1.012 1.415s-.069.08-.103.126c-.023.023-2.83 3.117-2.83 9.375 0 1.932.472 3.347 1.403 4.209 1.174 1.081 2.784.967 2.807.967.357-.023.714.103.955.368.242.264.356.621.299.977 0 .069-1.001 6.614 2.231 12.273 3.105 5.429 7.914 8.006 10.836 9.144-5.211-11.525-5.774-34.092-5.797-35.127 0-.334.125-.644.367-.875.242-.23.575-.333.897-.31 8.558.782 22.452-7.891 22.59-7.971a1.168 1.168 0 0 1 1.6.356c4.083 6.35 16.574 8.075 23.268 4.785.299-.149.633-.161.944-.034.311.126.541.356.656.667 2.024 5.302 6.533 13.86 10.03 14.24.368.046 1.495.161 2.886-1.967.299-.46.875-.644 1.392-.449.506.196.816.725.736 1.265l-1.829 11.928a1.05 1.05 0 0 1-.092.311l-4.819 10.593-.598 12.699.034-.069Z\"\n fill={palette.details2}\n />\n <path\n d=\"m189.185 365.382 6.66-20.554 8.374-25.271 7.948-12.664 13.377-10.628 12.572-4.566v-12.043h59.271l.195 12.032 14.091 6.797 7.465 6.844 7.464 11.79 6.488 25.144 6.774 40.223 2.048 11.353-.794 8.604-4.773 10.144-7.12 6.821-62.319 26.501-22.82-80.527h-54.901Z\"\n fill=\"#fff\"\n />\n <path\n d=\"m140.116 365.682 103.97-.299 22.82 80.527-103.889.046-22.901-80.274Zm114.103-115.151h-8.753a1.166 1.166 0 0 1-1.105-1.529l6.833-20.497c.207-.61.863-.944 1.473-.736.61.207.943.862.736 1.472l-6.327 18.967h7.143c.644 0 1.162.517 1.162 1.162 0 .644-.518 1.161-1.162 1.161Z\"\n fill={palette.lines}\n />\n <path\n d=\"M284.976 279.055a1.158 1.158 0 0 1-1.162-1.161v-22.326c-4.175 5.555-14.262 16.367-29.48 16.367h-.127c-10.432-.046-18.254-9.42-22.602-27.133-3.209-13.078-3.451-26.306-3.451-26.444 0-.357.161-.702.437-.932.276-.23.656-.299 1.001-.218.081.023 8.766 1.921 22.35-7.96.276-.195.621-.264.954-.184.334.081.609.299.759.61.218.425 5.567 10.398 22.613 6.464a1.167 1.167 0 0 1 1.335.679c2.036 4.785 5.981 11.64 8.362 11.939a1.165 1.165 0 0 1 1.012 1.3 1.171 1.171 0 0 1-1.299 1.012c-4.095-.518-8.351-9.167-9.823-12.457-14.907 3.094-21.533-3.888-23.568-6.752-10.859 7.58-18.658 8.029-21.775 7.81.345 8.109 3.129 49.863 23.695 49.943h.115c18.68 0 29.527-18.208 29.642-18.392a1.174 1.174 0 0 1 1.311-.541c.506.138.862.598.862 1.127v26.088c0 .644-.517 1.161-1.161 1.161Z\"\n fill={palette.lines}\n />\n <path\n d=\"M254.219 279.057a1.159 1.159 0 0 1-1.162-1.162v-7.12c0-.644.517-1.162 1.162-1.162.644 0 1.161.518 1.161 1.162v7.12c0 .644-.517 1.162-1.161 1.162Zm17.667-28.078c-.506 0-.978-.333-1.117-.851a1.165 1.165 0 0 1 .806-1.438c.092-.023 8.788-2.53 15.482-9.225a1.175 1.175 0 0 1 1.645 0 1.173 1.173 0 0 1 0 1.645c-7.131 7.132-16.115 9.708-16.495 9.812a.975.975 0 0 1-.31.046l-.011.011Zm-4.98 196.09c-.506 0-.978-.333-1.116-.851l-22.579-79.676H139.91a1.158 1.158 0 0 1-1.162-1.162c0-.644.517-1.161 1.162-1.161h104.176c.517 0 .977.345 1.115.851l22.82 80.527a1.164 1.164 0 0 1-.805 1.438 1.002 1.002 0 0 1-.321.046l.011-.012Z\"\n fill={palette.lines}\n />\n <path\n d=\"M266.906 447.069H162.73c-.518 0-.978-.345-1.116-.852l-22.82-80.527a1.162 1.162 0 0 1 .805-1.437 1.164 1.164 0 0 1 1.438.805l22.579 79.676h103.071l57.085-23.718a27.553 27.553 0 0 0 16.702-29.837c-3.416-21.624-8.373-50.782-12.572-66.828-3.887-14.861-15.172-26.823-29.446-31.217-.391-.126-.782-.23-1.162-.333a1.166 1.166 0 0 1-.862-1.104l-.184-10.893h-56.959v10.881c0 .552-.38 1.024-.921 1.139-16.184 3.393-29.399 15.275-34.494 30.998L190.3 365.736a1.16 1.16 0 1 1-2.208-.713l13.573-41.914c5.257-16.218 18.725-28.537 35.3-32.356v-11.111c0-.644.517-1.162 1.161-1.162h59.272c.632 0 1.15.507 1.161 1.139l.196 11.169c.138.034.265.08.403.115 15.033 4.624 26.915 17.207 31.01 32.85 4.221 16.138 9.19 45.377 12.618 67.058a29.89 29.89 0 0 1-18.105 32.345l-57.304 23.809a1.15 1.15 0 0 1-.449.092l-.022.012Z\"\n fill={palette.lines}\n />\n <path\n d=\"M258.464 417.28a1.162 1.162 0 0 1-.564-2.173l39.463-21.947-1.449-33.322a1.16 1.16 0 0 1 1.116-1.207 1.152 1.152 0 0 1 1.208 1.115l1.484 34.047c.023.437-.207.851-.599 1.07l-40.084 22.291a1.127 1.127 0 0 1-.564.149l-.011-.023Zm-43.238-50.736c-.126 0-.242-.023-.368-.057a1.163 1.163 0 0 1-.737-1.473l5.614-16.919a1.164 1.164 0 1 1 2.208.736l-5.613 16.919a1.171 1.171 0 0 1-1.104.794Zm55.936-112.791a3.956 3.956 0 1 0 0-7.913 3.957 3.957 0 1 0 0 7.913Zm26.006-24.88c3.128-38.406-14.125-50.207-19.186-53.577-2.162-1.208-8.04-1.921-8.04-1.921s27.295 15.896 21.383 54.59l5.843.908Zm-12.192 24.087c-.185 0-.381-.046-.553-.138a1.158 1.158 0 0 1-.46-1.576c.104-.184 2.519-4.6 3.899-6.912a1.174 1.174 0 0 1 1.599-.403c.552.334.737 1.047.403 1.599-1.357 2.266-3.831 6.786-3.854 6.832-.207.391-.609.61-1.023.61l-.011-.012Z\"\n fill={palette.lines}\n />\n <path\n d=\"M293.591 247.598c6.931 0 12.548-5.618 12.548-12.549 0-6.931-5.617-12.549-12.548-12.549-6.93 0-12.549 5.618-12.549 12.549 0 6.931 5.619 12.549 12.549 12.549Zm-58.132-17.048c-.264 0-.529-.092-.748-.264a1.154 1.154 0 0 1-.149-1.633c.103-.127 2.588-3.072 6.199-3.152 2.22-.035 4.372.989 6.304 3.117a1.164 1.164 0 0 1-1.714 1.576c-1.461-1.599-2.99-2.404-4.531-2.358-2.519.057-4.441 2.289-4.464 2.312a1.16 1.16 0 0 1-.897.414v-.012Zm26.374 0c-.264 0-.529-.092-.748-.264a1.154 1.154 0 0 1-.149-1.633c.104-.127 2.589-3.072 6.2-3.152 2.209-.035 4.371.989 6.303 3.117a1.165 1.165 0 1 1-1.714 1.576c-1.461-1.599-2.99-2.404-4.531-2.358-2.519.057-4.44 2.289-4.463 2.312-.23.276-.564.414-.898.414v-.012Zm4.958-91.901c-.058 0-.126 0-.183-.012l-25.064-3.945a1.164 1.164 0 0 1-.967-1.335 1.17 1.17 0 0 1 1.335-.966l23.913 3.773 8.857-56.223-59.294-9.34-5.2 32.966a1.167 1.167 0 0 1-1.333.966 1.162 1.162 0 0 1-.967-1.334l5.371-34.116a1.169 1.169 0 0 1 1.335-.966l61.595 9.708c.633.103 1.07.69.966 1.334l-9.225 58.523a1.162 1.162 0 0 1-1.15.978l.011-.011Z\"\n fill={palette.lines}\n />\n <path\n d=\"M241.727 157.456h-68.714a1.159 1.159 0 0 1-1.162-1.162c0-.644.518-1.161 1.162-1.161h67.552v-50.599h-83.103v17.576c0 .644-.518 1.161-1.162 1.161a1.157 1.157 0 0 1-1.161-1.161v-18.737c0-.644.517-1.162 1.161-1.162h85.427a1.16 1.16 0 0 1 1.162 1.162v52.921c0 .645-.518 1.162-1.162 1.162Z\"\n fill={palette.lines}\n />\n <path\n d=\"M172.254 113.461v37.014h-3.888l-1.369-7.292-2.048-.426v-29.296h7.305Zm54.405 11.109v25.914h7.304V124.57h-7.304Zm-46.273-.828v26.742h7.304v-26.742h-7.304Zm15.424-12.239v38.97h7.304v-38.97h-7.304Zm15.425 6.153v32.817h7.304v-32.817h-7.304Z\"\n fill={palette.details2}\n />\n <path\n d=\"M144.142 174.227c-.978 0-1.966-.058-2.944-.173l-1.161-.138.425-3.554c.161-1.369-.656-2.657-1.955-3.06l-.288-.091a2.848 2.848 0 0 0-3.382 1.334l-1.737 3.128-1.012-.563a24.861 24.861 0 0 1-7.476-6.361l-.725-.92 2.806-2.197c1.093-.863 1.404-2.358.737-3.658l-.046-.103c-.632-1.243-2.06-1.887-3.371-1.507l-3.427.989-.322-1.116a24.917 24.917 0 0 1-.874-4.854 25.214 25.214 0 0 1 .092-4.934l.138-1.162 3.543.426c1.369.161 2.656-.702 3.093-2.048l.035-.092c.449-1.38-.08-2.818-1.299-3.485l-3.117-1.737.562-1.012a24.676 24.676 0 0 1 6.361-7.465l.909-.724 2.208 2.806a2.848 2.848 0 0 0 3.554.771l.266-.138c1.219-.61 1.817-2.013 1.437-3.336l-.978-3.439 1.116-.322a24.984 24.984 0 0 1 9.766-.782l1.15.138-.425 3.554c-.161 1.357.7 2.657 2.046 3.094l.081.023c1.38.449 2.818-.08 3.497-1.3l1.725-3.128 1.012.563a24.71 24.71 0 0 1 7.477 6.361l.724.909-2.806 2.208c-1.092.863-1.391 2.358-.724 3.646l.046.092c.644 1.266 2.07 1.91 3.381 1.53l3.428-.989.321 1.116c.449 1.587.749 3.22.875 4.854a25.214 25.214 0 0 1-.092 4.934l-.138 1.162-3.543-.426c-1.369-.161-2.657.702-3.094 2.048l-.023.069c-.448 1.368.104 2.841 1.3 3.508l3.117 1.725-.564 1.024a24.773 24.773 0 0 1-6.372 7.488l-.909.713-2.208-2.807c-.863-1.092-2.358-1.391-3.658-.724l-.081.034c-1.265.644-1.909 2.071-1.529 3.382l.989 3.439-1.115.322a24.954 24.954 0 0 1-4.855.874c-.656.058-1.322.081-1.989.081h.022Zm-1.506-2.381a22.73 22.73 0 0 0 6.59-.529l-.334-1.162c-.69-2.381.45-4.946 2.704-6.096 2.324-1.196 5.084-.621 6.614 1.323l.747.954a22.173 22.173 0 0 0 4.291-5.038l-1.058-.586c-2.174-1.208-3.187-3.83-2.393-6.246l.023-.069c.77-2.404 3.117-3.945 5.59-3.646l1.208.149a22.73 22.73 0 0 0-.53-6.59l-1.161.333c-2.381.69-4.946-.448-6.096-2.703l-.035-.08c-1.161-2.255-.587-5.004 1.357-6.545l.955-.748a22.81 22.81 0 0 0-5.038-4.29l-.586 1.058c-1.208 2.174-3.83 3.175-6.246 2.393l.276-1.128-.356 1.105c-2.404-.771-3.934-3.118-3.647-5.579l.15-1.208a22.746 22.746 0 0 0-3.313.023 22.675 22.675 0 0 0-3.266.506l.333 1.173a5.176 5.176 0 0 1-2.634 6.051l-.23.115a5.184 5.184 0 0 1-6.464-1.392l-.76-.955a22.388 22.388 0 0 0-4.278 5.027l1.058.586c2.174 1.208 3.175 3.831 2.381 6.246l-.034.104c-.771 2.392-3.129 3.922-5.579 3.623l-1.208-.15a22.746 22.746 0 0 0 .529 6.591l1.162-.334c2.393-.678 4.946.461 6.096 2.703l-1 .599 1.035-.529c1.162 2.265.586 5.014-1.369 6.544l-.955.748a22.471 22.471 0 0 0 5.038 4.279l.599-1.07a5.18 5.18 0 0 1 6.153-2.404l.253.081c2.358.736 3.865 3.082 3.566 5.555l-.149 1.208h.011Z\"\n fill={palette.lines}\n />\n <path\n d=\"M144.131 157.638a8.229 8.229 0 0 1-5.337-1.967 8.178 8.178 0 0 1-2.875-5.625 8.243 8.243 0 0 1 1.943-6.016 8.176 8.176 0 0 1 5.625-2.875 8.223 8.223 0 0 1 6.015 1.944 8.17 8.17 0 0 1 2.876 5.624 8.241 8.241 0 0 1-1.943 6.016 8.183 8.183 0 0 1-5.626 2.876c-.23.023-.448.023-.678.023Zm.024-14.194c-.161 0-.323 0-.484.023a5.882 5.882 0 0 0-4.038 2.07 5.91 5.91 0 0 0-1.391 4.325 5.874 5.874 0 0 0 2.07 4.037 5.86 5.86 0 0 0 4.326 1.392 5.882 5.882 0 0 0 4.037-2.07 5.91 5.91 0 0 0 1.391-4.325 5.874 5.874 0 0 0-2.07-4.037 5.88 5.88 0 0 0-3.83-1.415h-.011Z\"\n fill={palette.lines}\n />\n <path\n d=\"m215.928 269.256-10.939-6.314v-47.62a7.78 7.78 0 0 0-7.775-7.775h-68.98a7.78 7.78 0 0 0-7.775 7.775v66.092a7.78 7.78 0 0 0 7.775 7.776h68.98a7.78 7.78 0 0 0 7.775-7.776v-5.831l10.939-6.315v-.012Z\"\n fill=\"#fff\"\n />\n <path\n d=\"M190.151 225.32h-56.188a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h56.188a1.16 1.16 0 0 1 1.163 1.162 1.16 1.16 0 0 1-1.163 1.162Zm-14.584 15.16h-41.604a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h41.604c.644 0 1.161.518 1.161 1.162 0 .644-.517 1.162-1.161 1.162Zm8.879 15.16h-50.483a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h50.483a1.16 1.16 0 0 1 1.163 1.162 1.16 1.16 0 0 1-1.163 1.162Zm-17.299 15.172h-33.184a1.158 1.158 0 0 1-1.161-1.162c0-.644.517-1.162 1.161-1.162h33.184a1.16 1.16 0 0 1 1.162 1.162 1.16 1.16 0 0 1-1.162 1.162ZM320.023 68.877c-.081 0-.15 0-.231-.023a1.157 1.157 0 0 1-.908-1.369l.517-2.553a1.164 1.164 0 0 1 1.37-.909c.632.127 1.035.736.908 1.369l-.517 2.553a1.167 1.167 0 0 1-1.139.932Zm-6.246 0c-.54 0-1.024-.38-1.139-.932l-.518-2.553a1.158 1.158 0 0 1 .909-1.369 1.157 1.157 0 0 1 1.369.909l.518 2.553a1.157 1.157 0 0 1-1.139 1.392Zm-5.625 2.334c-.379 0-.747-.184-.966-.517l-1.438-2.175a1.166 1.166 0 0 1 .323-1.61 1.166 1.166 0 0 1 1.611.322l1.437 2.174c.357.53.207 1.254-.322 1.61a1.21 1.21 0 0 1-.645.196Zm-4.404 4.404c-.219 0-.45-.057-.645-.195l-2.174-1.438a1.155 1.155 0 0 1-.322-1.61 1.166 1.166 0 0 1 1.611-.322l2.173 1.438c.541.356.679 1.08.323 1.61a1.167 1.167 0 0 1-.966.517Zm-2.336 5.625c-.08 0-.15 0-.23-.023l-2.553-.518a1.157 1.157 0 0 1-.909-1.369 1.157 1.157 0 0 1 1.368-.908l2.554.517c.633.127 1.036.736.909 1.369a1.166 1.166 0 0 1-1.139.932Zm-2.552 6.753c-.541 0-1.024-.38-1.139-.931a1.165 1.165 0 0 1 .908-1.369l2.554-.506a1.167 1.167 0 0 1 1.369.909 1.167 1.167 0 0 1-.909 1.368l-2.554.506c-.081.012-.149.023-.229.023Zm2.713 6.557c-.379 0-.747-.185-.966-.519a1.166 1.166 0 0 1 .323-1.61l2.162-1.438a1.165 1.165 0 0 1 1.61.322c.356.53.207 1.254-.322 1.61l-2.162 1.439a1.206 1.206 0 0 1-.645.195Zm5.141 5.142a1.11 1.11 0 0 1-.643-.196 1.166 1.166 0 0 1-.323-1.61l1.438-2.174a1.166 1.166 0 0 1 1.611-.322c.529.356.679 1.08.322 1.61l-1.437 2.174a1.169 1.169 0 0 1-.968.517Zm6.557 2.701c-.081 0-.15 0-.231-.023a1.156 1.156 0 0 1-.907-1.369l.505-2.553a1.163 1.163 0 0 1 1.369-.91c.633.127 1.036.737.909 1.37l-.506 2.553a1.168 1.168 0 0 1-1.139.932Zm7.258 0c-.54 0-1.024-.38-1.139-.932l-.506-2.553a1.157 1.157 0 0 1 .908-1.37 1.164 1.164 0 0 1 1.37.91l.505 2.553a1.156 1.156 0 0 1-.908 1.369c-.08.011-.149.023-.23.023Zm6.557-2.701a1.15 1.15 0 0 1-.967-.518l-1.438-2.162a1.165 1.165 0 0 1 .322-1.61 1.166 1.166 0 0 1 1.611.322l1.438 2.162a1.165 1.165 0 0 1-.322 1.61 1.205 1.205 0 0 1-.644.196Zm5.141-5.142c-.218 0-.449-.058-.644-.196l-2.163-1.438a1.166 1.166 0 0 1-.321-1.61 1.165 1.165 0 0 1 1.61-.323l2.162 1.438c.529.357.679 1.081.322 1.61a1.164 1.164 0 0 1-.966.518Zm2.714-6.556c-.081 0-.149 0-.229-.023l-2.555-.506a1.163 1.163 0 0 1 .461-2.278l2.553.507c.633.126 1.035.736.909 1.368a1.167 1.167 0 0 1-1.139.932Zm-2.553-6.754c-.541 0-1.024-.38-1.139-.932a1.157 1.157 0 0 1 .908-1.369l2.555-.517a1.162 1.162 0 0 1 .459 2.277l-2.553.518c-.081.011-.15.023-.23.023Zm-2.335-5.625a1.15 1.15 0 0 1-.966-.517 1.165 1.165 0 0 1 .322-1.61l2.173-1.438a1.166 1.166 0 0 1 1.611.322 1.165 1.165 0 0 1-.322 1.61l-2.174 1.438a1.206 1.206 0 0 1-.644.195Zm-4.417-4.415a1.165 1.165 0 0 1-.966-1.806l1.438-2.163a1.165 1.165 0 0 1 1.61-.322c.529.357.678 1.081.322 1.61l-1.438 2.163a1.167 1.167 0 0 1-.966.518Z\"\n fill={palette.lines}\n />\n <path\n d=\"M165.088 284.844h-49.943c-5.514 0-9.983 4.47-9.983 9.984v12.802c0 5.514 4.469 9.984 9.983 9.984h49.943c5.514 0 9.985-4.47 9.985-9.984v-12.802c0-5.514-4.471-9.984-9.985-9.984Z\"\n fill={palette.details1}\n />\n <path\n d=\"M165.1 318.773h-49.955c-6.142 0-11.145-5.004-11.145-11.146v-12.802c0-6.142 5.003-11.145 11.145-11.145H165.1c6.142 0 11.145 5.003 11.145 11.145v12.802c0 6.142-5.003 11.146-11.145 11.146Zm-49.955-32.77c-4.865 0-8.822 3.957-8.822 8.822v12.802c0 4.866 3.957 8.823 8.822 8.823H165.1c4.865 0 8.822-3.957 8.822-8.823v-12.802c0-4.865-3.957-8.822-8.822-8.822h-49.955Z\"\n fill={palette.lines}\n />\n <path\n d=\"M125.912 303.086a1.852 1.852 0 1 0 0-3.704 1.852 1.852 0 0 0 0 3.704Zm14.204 0a1.852 1.852 0 1 0 .001-3.705 1.852 1.852 0 0 0-.001 3.705Zm14.217 0a1.852 1.852 0 1 0 .001-3.705 1.852 1.852 0 0 0-.001 3.705Z\"\n fill={palette.lines}\n />\n <path\n d=\"M187.437 94.954c6.403 0 11.594-5.19 11.594-11.594 0-6.403-5.191-11.594-11.594-11.594s-11.594 5.19-11.594 11.594c0 6.403 5.191 11.594 11.594 11.594Z\"\n fill=\"#fff\"\n />\n <path d=\"m183.515 83.795 3.174 3.174 4.682-7.235\" fill=\"#fff\" />\n <path\n d=\"M186.689 88.141a1.15 1.15 0 0 1-.817-.345l-3.174-3.174a1.172 1.172 0 0 1 0-1.645 1.172 1.172 0 0 1 1.644 0l2.163 2.162 3.899-6.038a1.168 1.168 0 0 1 1.61-.346c.541.346.69 1.07.345 1.61l-4.681 7.247a1.193 1.193 0 0 1-.851.53h-.138Zm197.654 229.391c-.196 0-.379-.046-.552-.138l-26.34-14.274a1.172 1.172 0 0 1-.472-1.576 1.172 1.172 0 0 1 1.576-.471l25.316 13.71 13.539-25.408a1.173 1.173 0 0 1 1.576-.483 1.17 1.17 0 0 1 .483 1.576l-14.09 26.443c-.15.276-.392.483-.691.564a1.131 1.131 0 0 1-.334.046l-.011.011Z\"\n fill={palette.lines}\n />\n <path\n d=\"M366.366 331.072c-.495 0-.966-.322-1.116-.828l-8.374-27.801a1.134 1.134 0 0 1 .093-.886c.149-.276.39-.471.689-.563l40.431-12.17c.299-.092.61-.057.886.092.276.15.471.391.563.69l8.363 27.801a1.16 1.16 0 0 1-.783 1.45l-40.43 12.169a1.18 1.18 0 0 1-.333.046h.011Zm-6.924-28.192 7.694 25.581 38.21-11.502-7.694-25.581-38.21 11.502Z\"\n fill={palette.lines}\n />\n </svg>\n );\n};\n\nexport default Support2Medium;\n"],"names":[],"mappings":";;AAKA,MAAM,iBAAqD,CAAC,EAAE,OAAO,eAAe,YAAY;AAC9F,QAAM,WAAW,MAAe;AAC9B,YAAQ,OAAO;AAAA,MACb,KAAK;AACI,eAAA;AAAA,UACL,UAAU;AAAA,UACV,UAAU;AAAA,UACV,OAAO;AAAA,QACT;AAAA,MACF,KAAK;AACI,eAAA;AAAA,UACL,UAAU;AAAA,UACV,UAAU;AAAA,UACV,OAAO;AAAA,QACT;AAAA,MACF;AACS,eAAA;AAAA,UACL,UAAU;AAAA,UACV,UAAU;AAAA,UACV,OAAO;AAAA,QACT;AAAA,IAAA;AAAA,EACJ,GACC;AAEH,8BACG,OAAK,EAAA,GAAG,eAAe,SAAS,YAAY,QAC1C,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,wBACC,QAAK,EAAA,GAAE,mDAAkD,MAAM,QAAQ,UAAU;AAAA,IAClF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,wBACC,QAAK,EAAA,GAAE,mDAAkD,MAAM,QAAQ,OAAO;AAAA,IAC/E;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IACC,oBAAA,QAAA,EAAK,GAAE,2CAA0C,MAAK,QAAO;AAAA,IAC9D;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAChB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
@@ -35,18 +35,6 @@
35
35
  @include label-subdued;
36
36
  }
37
37
 
38
- &--sublabel {
39
- display: block;
40
- font-size: $font-size-xs;
41
- line-height: 1.25rem;
42
- color: $neutral800;
43
-
44
- @media (min-width: map.get($grid-breakpoints, sm)) {
45
- font-size: $font-size-sm;
46
- line-height: $lineheight-size-xs;
47
- }
48
- }
49
-
50
38
  &--on-dark {
51
39
  color: $white;
52
40
  }
@@ -60,6 +48,22 @@
60
48
  }
61
49
  }
62
50
 
51
+ .sublabel {
52
+ @include sublabel;
53
+
54
+ &--subdued {
55
+ @include sublabel-subdued;
56
+ }
57
+
58
+ &--on-dark {
59
+ color: $white;
60
+ }
61
+
62
+ &::after {
63
+ content: ' ';
64
+ }
65
+ }
66
+
63
67
  .after-label-children {
64
68
  padding-left: getSpacer(xs);
65
69
  }
@@ -4,11 +4,13 @@ export type Styles = {
4
4
  label__texts: string;
5
5
  'label--on-dark': string;
6
6
  'label--subdued': string;
7
- 'label--sublabel': string;
8
7
  'label-content-wrapper': string;
9
8
  'label-wrapper': string;
10
9
  'label-wrapper--after-label-children': string;
11
10
  'label-wrapper--no-bottom-margin': string;
11
+ sublabel: string;
12
+ 'sublabel--on-dark': string;
13
+ 'sublabel--subdued': string;
12
14
  };
13
15
 
14
16
  export type ClassNames = keyof Styles;
@@ -1,14 +1,14 @@
1
- @import '../../scss/spacers';
1
+ @use '../../scss/spacers' as spacers;
2
+ @use '../../scss/font-mixins' as fonts;
2
3
 
3
4
  .list {
4
5
  $list: &;
5
6
 
6
- margin-top: 0;
7
- margin-bottom: 0;
7
+ @include fonts.text-list;
8
8
 
9
9
  &--margin {
10
- margin-top: getSpacer(s);
11
- margin-bottom: getSpacer(s);
10
+ margin-top: spacers.getSpacer(s);
11
+ margin-bottom: spacers.getSpacer(s);
12
12
  }
13
13
 
14
14
  &--bullet {
@@ -57,11 +57,11 @@
57
57
 
58
58
  &__item {
59
59
  > #{$list} {
60
- margin-top: getSpacer(2xs);
60
+ margin-top: spacers.getSpacer(2xs);
61
61
  }
62
62
  }
63
63
 
64
64
  &__item:not(:last-child) {
65
- margin-bottom: getSpacer(2xs);
65
+ margin-bottom: spacers.getSpacer(2xs);
66
66
  }
67
67
  }
@@ -1,10 +1,12 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import React, { useEffect } from "react";
2
+ import React__default, { useEffect } from "react";
3
3
  import classNames from "classnames";
4
4
  import { ZIndex, AnalyticsId, IconSize } from "../../constants.js";
5
5
  import { useFocusTrap } from "../../hooks/useFocusTrap.js";
6
6
  import { useIsVisible } from "../../hooks/useIsVisible.js";
7
+ import { useReturnFocusOnUnmount } from "../../hooks/useReturnFocusOnUnmount.js";
7
8
  import { palette } from "../../theme/palette.js";
9
+ import { getAriaLabelAttributes } from "../../utils/accessibility.js";
8
10
  import { u as uuid } from "../../uuid.js";
9
11
  import { B as Button } from "../../Button.js";
10
12
  import { C as Close } from "../../Close.js";
@@ -44,7 +46,7 @@ const getIcon = (variant, icon) => {
44
46
  return /* @__PURE__ */ jsx("div", { className: styles.modal__iconWrapper, children: variantIcon });
45
47
  }
46
48
  if (icon) {
47
- return /* @__PURE__ */ jsx("div", { className: styles.modal__iconWrapper, children: React.cloneElement(icon, {
49
+ return /* @__PURE__ */ jsx("div", { className: styles.modal__iconWrapper, children: React__default.cloneElement(icon, {
48
50
  size: IconSize.Small
49
51
  }) });
50
52
  }
@@ -60,14 +62,15 @@ const Modal = (props) => {
60
62
  size = "large",
61
63
  zIndex = ZIndex.Modal
62
64
  } = props;
63
- const topContent = React.useRef(null);
64
- const modalContentRef = React.useRef(null);
65
- const dialogRef = React.useRef(null);
65
+ const topContent = React__default.useRef(null);
66
+ const modalContentRef = React__default.useRef(null);
67
+ const dialogRef = React__default.useRef(null);
66
68
  useFocusTrap(dialogRef, true);
67
69
  const topContentVisible = useIsVisible(topContent);
68
- const bottomContent = React.useRef(null);
70
+ const bottomContent = React__default.useRef(null);
69
71
  const bottomContentVisible = useIsVisible(bottomContent);
70
72
  const contentIsScrollable = modalContentRef.current && modalContentRef.current.scrollHeight > modalContentRef.current.clientHeight;
73
+ useReturnFocusOnUnmount(dialogRef);
71
74
  function handleKeyboardEvent(e) {
72
75
  if (e.key === "Escape" && props.onClose) {
73
76
  e.stopPropagation();
@@ -87,10 +90,9 @@ const Modal = (props) => {
87
90
  document.body.style.removeProperty("overflow");
88
91
  }
89
92
  const imageView = variant === "image";
90
- const overlayRef = React.useRef(null);
93
+ const overlayRef = React__default.useRef(null);
91
94
  const showActions = props.secondaryButtonText && ((_a = props.secondaryButtonText) == null ? void 0 : _a.length) > 0 || props.onSuccess;
92
- const ariaLabel = !props.ariaLabelledBy ? props.ariaLabel : void 0;
93
- const ariaLabelledBy = props.ariaLabelledBy ? props.ariaLabelledBy : !props.ariaLabel ? titleId : void 0;
95
+ const ariaLabelAttributes = getAriaLabelAttributes({ label: props.ariaLabel, id: props.ariaLabelledBy, fallbackId: titleId });
94
96
  useEffect(() => {
95
97
  const overlayElement = overlayRef.current;
96
98
  disableBodyScroll();
@@ -130,79 +132,66 @@ const Modal = (props) => {
130
132
  "data-testid": props.testId,
131
133
  "data-analyticsid": AnalyticsId.Modal,
132
134
  style: { zIndex },
133
- children: /* @__PURE__ */ jsx("div", { className: styles.align, children: /* @__PURE__ */ jsxs(
134
- "div",
135
- {
136
- className: dialogClasses,
137
- role: "dialog",
138
- "aria-modal": "true",
139
- tabIndex: -1,
140
- "aria-label": ariaLabel,
141
- "aria-labelledby": ariaLabelledBy,
142
- ref: dialogRef,
143
- children: [
144
- /* @__PURE__ */ jsx(
145
- "div",
146
- {
147
- className: classNames(styles["modal__shadow"], styles["modal__shadow--top"], {
148
- [styles["modal__shadow--show"]]: !topContentVisible && contentIsScrollable
149
- })
150
- }
151
- ),
152
- /* @__PURE__ */ jsxs(
153
- "div",
154
- {
155
- className: classNames(styles.modal__contentWrapper, {
156
- [styles["modal__contentWrapper--image"]]: imageView
157
- }),
158
- tabIndex: contentIsScrollable ? 0 : void 0,
159
- role: contentIsScrollable ? "region" : void 0,
160
- "aria-label": contentIsScrollable ? ariaLabel : void 0,
161
- "aria-labelledby": contentIsScrollable ? ariaLabelledBy : void 0,
162
- ref: modalContentRef,
163
- children: [
164
- !props.noCloseButton && /* @__PURE__ */ jsx("div", { className: styles.modal__closeWrapper, children: /* @__PURE__ */ jsx("div", { className: classNames(styles.modal__closeWrapper__close), children: /* @__PURE__ */ jsx(Close, { onClick: props.onClose, ariaLabel: props.ariaLabelCloseBtn }) }) }),
165
- /* @__PURE__ */ jsxs(
166
- "div",
167
- {
168
- className: classNames(size && styles[`modal__contentWrapper__scroll--${size}`], {
169
- [styles["modal__contentWrapper__scroll--image"]]: imageView
170
- }),
171
- children: [
172
- /* @__PURE__ */ jsx("div", { ref: topContent }),
173
- /* @__PURE__ */ jsxs("div", { className: styles.modal__contentWrapper__title, children: [
174
- getIcon(variant, props.icon),
175
- /* @__PURE__ */ jsx(Title, { id: ariaLabelledBy, htmlMarkup: "h3", appearance: "title3", className: titleClasses, children: props.title }),
176
- props.afterTitleChildren && /* @__PURE__ */ jsx("div", { className: styles["modal__afterTitleChildren"], children: props.afterTitleChildren })
177
- ] }),
178
- imageView && /* @__PURE__ */ jsxs("div", { children: [
179
- /* @__PURE__ */ jsx("div", { className: styles["modal__contentWrapper__imageWrapper"], children: props.children }),
180
- /* @__PURE__ */ jsx("span", { className: styles["modal__contentWrapper__imageDescription"], children: props.description })
181
- ] }),
182
- !imageView && props.children && /* @__PURE__ */ jsx("div", { children: props.children }),
183
- !imageView && !props.children && /* @__PURE__ */ jsx("p", { className: styles.modal__description, children: props.description }),
184
- /* @__PURE__ */ jsx("div", { ref: bottomContent })
185
- ]
186
- }
187
- )
188
- ]
189
- }
190
- ),
191
- /* @__PURE__ */ jsx(
192
- "div",
193
- {
194
- className: classNames(styles["modal__shadow"], styles["modal__shadow--bottom"], {
195
- [styles["modal__shadow--show"]]: !bottomContentVisible && contentIsScrollable
196
- })
197
- }
198
- ),
199
- showActions && /* @__PURE__ */ jsxs("div", { className: classNames(styles["modal__call-to-action"], size && styles[`modal__call-to-action--${size}`]), children: [
200
- props.onSuccess && /* @__PURE__ */ jsx(Button, { onClick: props.onSuccess, children: primaryButtonText }),
201
- props.secondaryButtonText && ((_b = props.secondaryButtonText) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */ jsx(Button, { variant: "borderless", onClick: props.onClose, children: props.secondaryButtonText })
202
- ] })
203
- ]
204
- }
205
- ) })
135
+ children: /* @__PURE__ */ jsx("div", { className: styles.align, children: /* @__PURE__ */ jsxs("div", { className: dialogClasses, role: "dialog", "aria-modal": "true", tabIndex: -1, ...ariaLabelAttributes, ref: dialogRef, children: [
136
+ /* @__PURE__ */ jsx(
137
+ "div",
138
+ {
139
+ className: classNames(styles["modal__shadow"], styles["modal__shadow--top"], {
140
+ [styles["modal__shadow--show"]]: !topContentVisible && contentIsScrollable
141
+ })
142
+ }
143
+ ),
144
+ /* @__PURE__ */ jsxs(
145
+ "div",
146
+ {
147
+ className: classNames(styles.modal__contentWrapper, {
148
+ [styles["modal__contentWrapper--image"]]: imageView
149
+ }),
150
+ tabIndex: contentIsScrollable ? 0 : void 0,
151
+ role: contentIsScrollable ? "region" : void 0,
152
+ ...contentIsScrollable ? ariaLabelAttributes : {},
153
+ ref: modalContentRef,
154
+ children: [
155
+ !props.noCloseButton && /* @__PURE__ */ jsx("div", { className: styles.modal__closeWrapper, children: /* @__PURE__ */ jsx("div", { className: classNames(styles.modal__closeWrapper__close), children: /* @__PURE__ */ jsx(Close, { onClick: props.onClose, ariaLabel: props.ariaLabelCloseBtn }) }) }),
156
+ /* @__PURE__ */ jsxs(
157
+ "div",
158
+ {
159
+ className: classNames(size && styles[`modal__contentWrapper__scroll--${size}`], {
160
+ [styles["modal__contentWrapper__scroll--image"]]: imageView
161
+ }),
162
+ children: [
163
+ /* @__PURE__ */ jsx("div", { ref: topContent }),
164
+ /* @__PURE__ */ jsxs("div", { className: styles.modal__contentWrapper__title, children: [
165
+ getIcon(variant, props.icon),
166
+ /* @__PURE__ */ jsx(Title, { id: ariaLabelAttributes == null ? void 0 : ariaLabelAttributes["aria-labelledby"], htmlMarkup: "h3", appearance: "title3", className: titleClasses, children: props.title }),
167
+ props.afterTitleChildren && /* @__PURE__ */ jsx("div", { className: styles["modal__afterTitleChildren"], children: props.afterTitleChildren })
168
+ ] }),
169
+ imageView && /* @__PURE__ */ jsxs("div", { children: [
170
+ /* @__PURE__ */ jsx("div", { className: styles["modal__contentWrapper__imageWrapper"], children: props.children }),
171
+ /* @__PURE__ */ jsx("span", { className: styles["modal__contentWrapper__imageDescription"], children: props.description })
172
+ ] }),
173
+ !imageView && props.children && /* @__PURE__ */ jsx("div", { children: props.children }),
174
+ !imageView && !props.children && /* @__PURE__ */ jsx("p", { className: styles.modal__description, children: props.description }),
175
+ /* @__PURE__ */ jsx("div", { ref: bottomContent })
176
+ ]
177
+ }
178
+ )
179
+ ]
180
+ }
181
+ ),
182
+ /* @__PURE__ */ jsx(
183
+ "div",
184
+ {
185
+ className: classNames(styles["modal__shadow"], styles["modal__shadow--bottom"], {
186
+ [styles["modal__shadow--show"]]: !bottomContentVisible && contentIsScrollable
187
+ })
188
+ }
189
+ ),
190
+ showActions && /* @__PURE__ */ jsxs("div", { className: classNames(styles["modal__call-to-action"], size && styles[`modal__call-to-action--${size}`]), children: [
191
+ props.onSuccess && /* @__PURE__ */ jsx(Button, { onClick: props.onSuccess, children: primaryButtonText }),
192
+ props.secondaryButtonText && ((_b = props.secondaryButtonText) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */ jsx(Button, { variant: "borderless", onClick: props.onClose, children: props.secondaryButtonText })
193
+ ] })
194
+ ] }) })
206
195
  }
207
196
  ) });
208
197
  if (props.printable) {