@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
@@ -17,11 +17,7 @@
17
17
  }
18
18
 
19
19
  @mixin content-wrapper-with-icon-padding {
20
- padding-top: getSpacer(s);
21
-
22
- @media (min-width: map.get($grid-breakpoints, xl)) {
23
- padding-top: getSpacer(m);
24
- }
20
+ padding-top: getSpacer(m);
25
21
  }
26
22
 
27
23
  .highlightpanel {
@@ -50,25 +46,9 @@
50
46
  }
51
47
  }
52
48
 
53
- // large skal også ha bakgrunnsfarge på den ytre containeren på de minste skjermnene
54
- // slik at bakgrunnsfargen går helt ut til skjermkanten
55
49
  &--large {
56
- @each $color in $colors {
57
- &#{$panel}--#{$color} {
58
- @include media-breakpoint-down(xs) {
59
- background-color: var(--color-base-background-#{$color});
60
- }
61
- }
62
- }
63
-
64
- &#{$panel}--white {
65
- @include media-breakpoint-down(xs) {
66
- background-color: var(--color-base-background-white);
67
- }
68
- }
69
50
  #{$panel}__content-wrapper {
70
- padding-top: getSpacer(m);
71
- padding-bottom: getSpacer(l);
51
+ padding: getSpacer(m) getSpacer(s) getSpacer(l);
72
52
 
73
53
  @media (min-width: map.get($grid-breakpoints, lg)) {
74
54
  padding-top: getSpacer(l);
@@ -219,21 +199,9 @@
219
199
  }
220
200
  }
221
201
  }
222
- }
223
-
224
- .mobile {
225
- display: flex;
226
- align-items: center;
227
-
228
- @media screen and (width >= 768px) {
229
- @include sr-only;
230
- }
231
- }
232
-
233
- .desktop {
234
- display: none;
235
202
 
236
- @media screen and (width >= 768px) {
203
+ &__title-wrapper {
237
204
  display: flex;
205
+ align-items: center;
238
206
  }
239
207
  }
@@ -1,5 +1,4 @@
1
1
  export type Styles = {
2
- desktop: string;
3
2
  highlightpanel__col: string;
4
3
  'highlightpanel__col--large-with-icon': string;
5
4
  'highlightpanel__col--offset': string;
@@ -7,6 +6,7 @@ export type Styles = {
7
6
  'highlightpanel__content-wrapper': string;
8
7
  highlightpanel__icon: string;
9
8
  highlightpanel__row: string;
9
+ 'highlightpanel__title-wrapper': string;
10
10
  'highlightpanel--blueberry': string;
11
11
  'highlightpanel--cherry': string;
12
12
  'highlightpanel--fluid': string;
@@ -15,7 +15,6 @@ export type Styles = {
15
15
  'highlightpanel--medium': string;
16
16
  'highlightpanel--neutral': string;
17
17
  'highlightpanel--white': string;
18
- mobile: string;
19
18
  };
20
19
 
21
20
  export type ClassNames = keyof Styles;
@@ -1,4 +1,4 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  const EuropeanHealthCard = ({ isHovered }) => {
3
3
  const normal = /* @__PURE__ */ jsx("path", { d: "M24.312 28.655l-.437-.886-.437.886-.978.142.708.69-.167.973.874-.46.874.46-.166-.973.707-.69-.978-.142zm-.437-11.365l-.437.886-.978.142.708.689-.167.974.874-.46.874.46-.166-.974.707-.689-.978-.142-.437-.886zm4.147 9.814l-.438-.886-.437.886-.977.142.707.69-.167.973.874-.46.875.46-.167-.973.707-.69-.977-.142zm1.53-3.689l-.437-.885-.438.885-.977.142.707.69-.167.973.875-.459.874.459-.167-.973.707-.69-.977-.142zm12.125 10.472c0 1.081-.88 1.961-1.961 1.961H8.034a1.964 1.964 0 01-1.961-1.961V13.863c0-1.082.88-1.961 1.961-1.961h31.682c1.081 0 1.961.879 1.961 1.961v20.024zm-1.961-23.285H8.034a3.265 3.265 0 00-3.261 3.261v20.024a3.265 3.265 0 003.261 3.261h31.682a3.265 3.265 0 003.261-3.261V13.863a3.265 3.265 0 00-3.261-3.261zM26.71 21.532l.874-.46.875.46-.167-.974.707-.689-.977-.142-.438-.886-.437.886-.977.142.707.689-.167.974zm-6.544-2.691l-.437.886-.978.142.707.689-.167.974.875-.46.874.46-.167-.974.707-.689-.977-.142-.437-.886zm-.823 5.406l.707-.69-.977-.142-.437-.885-.438.885-.977.142.707.69-.167.973.875-.459.874.459-.167-.973zm1.26 2.857l-.437-.886-.437.886-.978.142.707.69-.167.973.875-.46.874.46-.167-.973.707-.69-.977-.142z" });
4
4
  const normalHover = /* @__PURE__ */ jsxs("g", { children: [
@@ -1,4 +1,4 @@
1
- import { jsxs, Fragment, jsx } from "react/jsx-runtime";
1
+ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { g as getIcon } from "../../Icon.js";
3
3
  const GroupTwins = ({ size, isHovered }) => {
4
4
  const normal = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1,4 +1,4 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  const Inbox = ({ isHovered }) => {
3
3
  const normal = /* @__PURE__ */ jsx(
4
4
  "path",
@@ -1,4 +1,4 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  const LawBook = ({ isHovered }) => {
3
3
  const normal = /* @__PURE__ */ jsx("path", { d: "M35.946 34.948H16.633V8.731h18.548c.422 0 .765.343.765.765v25.452zm0 2.478H12.471a1.675 1.675 0 011.593-1.177h21.882v1.177zm0 1.411a.765.765 0 01-.765.764H14.064a1.674 1.674 0 01-1.592-1.175h23.474v.411zm-23.559-28.43c0-.925.751-1.676 1.675-1.676h1.271v26.217h-1.269c-.622 0-1.199.193-1.677.521V10.406zM35.181 7.43H14.062a2.98 2.98 0 00-2.975 2.976v27.187h.034c-.013.11-.034.218-.034.333a2.98 2.98 0 002.977 2.976h21.117a2.068 2.068 0 002.065-2.065V9.497a2.068 2.068 0 00-2.065-2.067zm-6.8 15.496a1.133 1.133 0 01-.695.532c-.294.078-.602.04-.866-.114l-1.999-1.154a1.127 1.127 0 01-.385-1.53 1.141 1.141 0 011.56-.418l1.075.621.005-.008.886.512a1.142 1.142 0 01.418 1.559zm.952.55a2.228 2.228 0 00.223-1.7 2.227 2.227 0 00-1.044-1.362l-3.517-2.03a1.145 1.145 0 01-.419-1.56c.315-.547 1.014-.733 1.522-.442l1.474 1.02.626-.904-1.512-1.045a2.246 2.246 0 00-3.062.821 2.242 2.242 0 00.73 2.997 2.213 2.213 0 00-1.094 2.54c.145.544.488.997.96 1.3l-.002.001.017.01c.024.014.044.035.07.05l3.516 2.031c.265.152.454.398.532.693.08.294.04.602-.114.865-.314.545-1.012.735-1.536.433l-2.45-1.583-.597.924 2.474 1.598a2.244 2.244 0 003.063-.821 2.233 2.233 0 00-.728-2.996c.357-.195.66-.478.868-.84z" });
4
4
  const normalHover = /* @__PURE__ */ jsxs("g", { children: [
@@ -1,4 +1,4 @@
1
- import { jsxs, Fragment, jsx } from "react/jsx-runtime";
1
+ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { g as getIcon } from "../../Icon.js";
3
3
  const PersonCancel = ({ size, isHovered }) => {
4
4
  const normal = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1,4 +1,4 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  const PersonWithBrain = ({ isHovered }) => {
3
3
  const normal = /* @__PURE__ */ jsx("path", { d: "M26.604 20.51a1.02 1.02 0 100 2.042 1.02 1.02 0 000-2.041zm7.896 6.297a.826.826 0 01-.707.387h-1.856v2.04c0 2.923-2.377 5.3-5.3 5.3h-.65v5.185H13.846V34.32c0-2.601-.918-4.414-1.888-6.335-1.08-2.133-2.193-4.34-2.193-7.971 0-5.46 4.222-11.351 11.043-11.351 5.396 0 11.129 4.055 11.129 11.572v.144l2.616 5.624a.822.822 0 01-.053.803zm1.232-1.352l-2.495-5.364c-.073-8.268-6.44-12.728-12.43-12.728-6.806 0-12.343 5.676-12.343 12.652 0 3.943 1.24 6.394 2.333 8.557.939 1.856 1.748 3.459 1.748 5.749v6.698h14.743v-5.216c3.335-.328 5.95-3.15 5.95-6.57v-.738h.555c.734 0 1.408-.37 1.802-.99a2.123 2.123 0 00.137-2.05zM24.32 14.568l-.942.942a3.645 3.645 0 00-2.545-.107l-.41-.688a2.091 2.091 0 01.275-2.496l.65-.69c.904.128 1.8.397 2.64.812.389.192.654.553.726.99.075.453-.073.915-.394 1.237zm-6.29 6.29l-.46-.45a1.998 1.998 0 01-.262-2.54l.047-.068c.264.195.577.299.894.299.32 0 .642-.102.915-.311l1.229-.942a2.555 2.555 0 012.099-.45l-4.462 4.462zm-2.371 2.37a1.402 1.402 0 01-1.321.375 1.338 1.338 0 01-.988-.89 10.527 10.527 0 01-.533-2.818l.955.499c.418.215.874.322 1.329.322.398 0 .793-.086 1.162-.247.144.26.318.509.538.725l.45.442-1.592 1.592zm-.333-9.881l1.092 1.078c.15.147.163.382.029.545a1.508 1.508 0 00.075 1.993l.04.043-.168.252a3.083 3.083 0 00-.485 2.15 1.795 1.795 0 01-1.63.01l-1.464-.765c.133-1.946 1.018-3.917 2.51-5.306zm4.579-1.891l-.007.007a3.195 3.195 0 00-.42 3.814l.367.617c-.04.028-.081.05-.12.079l-1.23.942a.406.406 0 01-.54-.042l-.636-.668a.406.406 0 01-.021-.538 1.5 1.5 0 00-.108-2.026l-.994-.98a7.003 7.003 0 013.709-1.205zm5.894 1.697a2.42 2.42 0 00-1.325-1.8 9.704 9.704 0 00-4.271-1.013c-5.258 0-8.512 4.578-8.512 8.819 0 1.42.196 2.66.617 3.907.275.812.94 1.412 1.78 1.609a2.493 2.493 0 002.348-.669l8.66-8.661a2.521 2.521 0 00.703-2.192z" });
4
4
  const normalHover = /* @__PURE__ */ jsxs("g", { children: [
@@ -1,4 +1,4 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  const Puzzle = ({ isHovered }) => {
3
3
  const normal = /* @__PURE__ */ jsx("path", { d: "M28.075 25.025a4.596 4.596 0 00-.915 3.863c.372 1.771 1.825 3.18 3.616 3.507a4.6 4.6 0 003.234-.598c.394-.242.906-.37 1.479-.37h.19v7.983H12.07v-7.984h.08c.645 0 1.195.134 1.634.398a4.549 4.549 0 002.34.648 4.553 4.553 0 003.55-1.692 4.594 4.594 0 00.916-3.862c-.371-1.77-1.824-3.18-3.614-3.507a4.579 4.579 0 00-3.236.597c-.394.242-.905.371-1.48.371h-.19v-7.543c0-.57.464-1.035 1.035-1.035h8.545v-1.674c0-.816-.195-1.563-.563-2.162a3.242 3.242 0 01-.426-2.318 3.246 3.246 0 012.496-2.578 3.29 3.29 0 012.775.654 3.256 3.256 0 01.748 4.211c-.385.645-.582 1.42-.582 2.303v1.564h8.545c.572 0 1.035.464 1.035 1.035v7.543h-.08c-.644 0-1.194-.134-1.633-.398a4.549 4.549 0 00-2.341-.648 4.554 4.554 0 00-3.55 1.692zm5.222.071c.644.387 1.42.582 2.302.582h1.38v-8.842a2.338 2.338 0 00-2.335-2.335H27.4v-.264c0-.645.133-1.195.396-1.634a4.554 4.554 0 00-1.043-5.89 4.6 4.6 0 00-3.863-.917c-1.771.373-3.18 1.827-3.507 3.618a4.589 4.589 0 00.597 3.233c.242.393.37.905.37 1.48v.374h-7.244a2.338 2.338 0 00-2.336 2.335v8.842h1.49c.816 0 1.564-.195 2.163-.563a3.235 3.235 0 012.32-.425 3.246 3.246 0 012.576 2.495 3.305 3.305 0 01-.653 2.776c-.996 1.228-2.862 1.56-4.212.748-.645-.387-1.42-.582-2.303-.582H10.77V40.71h26.21V30.127h-1.491c-.814 0-1.561.194-2.161.563a3.24 3.24 0 01-2.32.425 3.247 3.247 0 01-2.577-2.495 3.306 3.306 0 01.654-2.776c.996-1.228 2.86-1.559 4.212-.748zM14.61 37.421h18.53v-1.1H14.61v1.1z" });
4
4
  const normalHover = /* @__PURE__ */ jsxs("g", { children: [
@@ -1,4 +1,4 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  const Snapchat = ({ isHovered }) => {
3
3
  const normal = /* @__PURE__ */ jsxs("g", { children: [
4
4
  /* @__PURE__ */ jsx("path", { d: "M36.843 34.435l-.464.047-.57 2.476c-.15-.053-.316-.119-.483-.187-1.097-.44-2.755-1.11-4.745-.08-.772.4-1.382.814-1.97 1.214-1.312.89-2.347 1.592-4.508 1.651-2.197-.059-3.232-.762-4.542-1.65-.59-.4-1.199-.815-1.972-1.215a4.605 4.605 0 00-2.155-.545c-1.036 0-1.918.355-2.589.625-.168.068-.333.134-.482.187l-.572-2.476-.463-.047c-1.923-.197-3.859-.74-4.054-1.076.001-.004.13-.374 1.556-1.006 5.921-2.62 5.99-6.667 5.99-6.838l-.047-.242c-.427-1.062-1.446-1.382-2.264-1.638-1.05-.33-1.387-.497-1.363-1.22a.629.629 0 01.226-.472c.625-.566 2.298-.684 3.214-.625l.693.045V16.85c0-8.309 8.446-8.406 8.807-8.406.36 0 8.807.097 8.807 8.406l.001 4.514.691-.045c.907-.059 2.588.06 3.214.625a.63.63 0 01.227.471c.023.724-.315.891-1.364 1.221-.817.256-1.836.576-2.262 1.638l-.047.242c0 .171.068 4.218 5.988 6.838 1.367.605 1.567.948 1.56.946-.221.401-2.146.941-4.058 1.136m3.023-3.27c-4.591-2.033-5.14-4.88-5.204-5.522.216-.375.682-.546 1.39-.768.928-.292 2.33-.732 2.273-2.503a1.927 1.927 0 00-.654-1.393c-.895-.812-2.534-.96-3.476-.973V16.85c0-2.793-.852-5.059-2.531-6.733-2.937-2.93-7.33-2.973-7.572-2.973h-.01c-.245 0-4.636.044-7.573 2.973-1.68 1.674-2.53 3.94-2.53 6.733v3.157c-.943.013-2.581.161-3.478.973-.41.372-.636.853-.653 1.393-.058 1.771 1.345 2.211 2.273 2.503.708.222 1.174.392 1.39.767-.066.652-.62 3.493-5.205 5.522-1.08.478-2.492 1.241-2.315 2.356.217 1.366 2.883 1.93 4.743 2.156l.623 2.701h.517c.463 0 .924-.185 1.457-.4 1.033-.416 2.203-.887 3.66-.132.705.365 1.283.757 1.84 1.135 1.368.93 2.66 1.806 5.273 1.876 2.576-.07 3.869-.947 5.237-1.876.558-.378 1.136-.77 1.839-1.135 1.456-.755 2.627-.284 3.66.132.534.215.995.4 1.458.4h.518l.623-2.7c1.86-.228 4.525-.79 4.742-2.157.178-1.115-1.235-1.878-2.315-2.356" }),
@@ -1,5 +1,5 @@
1
1
  /** AUTO-GENERATED - DO NOT CHANGE MANUALLY **/
2
- export declare const IllustrationList: readonly ["Doctor", "FacialRecognitionFingerprint", "HealthcarePersonnel"];
2
+ export declare const IllustrationList: readonly ["Doctor", "FacialRecognitionFingerprint", "HealthcarePersonnel", "ReadLetters", "Support2"];
3
3
  export interface IllustrationSize {
4
4
  small?: string;
5
5
  medium?: string;
@@ -1,8 +1,10 @@
1
- const IllustrationList = ["Doctor", "FacialRecognitionFingerprint", "HealthcarePersonnel"];
1
+ const IllustrationList = ["Doctor", "FacialRecognitionFingerprint", "HealthcarePersonnel", "ReadLetters", "Support2"];
2
2
  const IllustrationSizeList = {
3
3
  Doctor: { small: "DoctorSmall", medium: "DoctorMedium" },
4
4
  FacialRecognitionFingerprint: { medium: "FacialRecognitionFingerprintMedium" },
5
- HealthcarePersonnel: { small: "HealthcarePersonnelSmall", medium: "HealthcarePersonnelMedium" }
5
+ HealthcarePersonnel: { small: "HealthcarePersonnelSmall", medium: "HealthcarePersonnelMedium" },
6
+ ReadLetters: { medium: "ReadLettersMedium" },
7
+ Support2: { medium: "Support2Medium" }
6
8
  };
7
9
  export {
8
10
  IllustrationList,
@@ -1 +1 @@
1
- {"version":3,"file":"IllustrationNames.js","sources":["../../../src/components/Illustrations/IllustrationNames.ts"],"sourcesContent":["/** AUTO-GENERATED - DO NOT CHANGE MANUALLY **/\n\nexport const IllustrationList = ['Doctor', 'FacialRecognitionFingerprint', 'HealthcarePersonnel'] as const;\n\nexport interface IllustrationSize {\n small?: string;\n medium?: string;\n large?: string;\n}\n\nexport const IllustrationSizeList: Record<IllustrationName, IllustrationSize> = {\n Doctor: { small: 'DoctorSmall', medium: 'DoctorMedium' },\n FacialRecognitionFingerprint: { medium: 'FacialRecognitionFingerprintMedium' },\n HealthcarePersonnel: { small: 'HealthcarePersonnelSmall', medium: 'HealthcarePersonnelMedium' },\n};\n\nexport type IllustrationName = (typeof IllustrationList)[number];\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB,CAAC,UAAU,gCAAgC,qBAAqB;AAQzF,MAAM,uBAAmE;AAAA,EAC9E,QAAQ,EAAE,OAAO,eAAe,QAAQ,eAAe;AAAA,EACvD,8BAA8B,EAAE,QAAQ,qCAAqC;AAAA,EAC7E,qBAAqB,EAAE,OAAO,4BAA4B,QAAQ,4BAA4B;AAChG;"}
1
+ {"version":3,"file":"IllustrationNames.js","sources":["../../../src/components/Illustrations/IllustrationNames.ts"],"sourcesContent":["/** AUTO-GENERATED - DO NOT CHANGE MANUALLY **/\n\nexport const IllustrationList = ['Doctor', 'FacialRecognitionFingerprint', 'HealthcarePersonnel', 'ReadLetters', 'Support2'] as const;\n\nexport interface IllustrationSize {\n small?: string;\n medium?: string;\n large?: string;\n}\n\nexport const IllustrationSizeList: Record<IllustrationName, IllustrationSize> = {\n Doctor: { small: 'DoctorSmall', medium: 'DoctorMedium' },\n FacialRecognitionFingerprint: { medium: 'FacialRecognitionFingerprintMedium' },\n HealthcarePersonnel: { small: 'HealthcarePersonnelSmall', medium: 'HealthcarePersonnelMedium' },\n ReadLetters: { medium: 'ReadLettersMedium' },\n Support2: { medium: 'Support2Medium' },\n};\n\nexport type IllustrationName = (typeof IllustrationList)[number];\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB,CAAC,UAAU,gCAAgC,uBAAuB,eAAe,UAAU;AAQpH,MAAM,uBAAmE;AAAA,EAC9E,QAAQ,EAAE,OAAO,eAAe,QAAQ,eAAe;AAAA,EACvD,8BAA8B,EAAE,QAAQ,qCAAqC;AAAA,EAC7E,qBAAqB,EAAE,OAAO,4BAA4B,QAAQ,4BAA4B;AAAA,EAC9F,aAAa,EAAE,QAAQ,oBAAoB;AAAA,EAC3C,UAAU,EAAE,QAAQ,iBAAiB;AACvC;"}
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ import { SvgIllustrationProps } from '../Illustration';
3
+ export interface Palette {
4
+ letter: string;
5
+ sweater: string;
6
+ lines: string;
7
+ }
8
+ declare const ReadLetters: React.FC<SvgIllustrationProps>;
9
+ export default ReadLetters;
@@ -0,0 +1,11 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import ReadLettersMedium from "./ReadLettersMedium.js";
3
+ import { g as getIllustration } from "../../utils.js";
4
+ const ReadLetters = ({ size = 512, color, ...rest }) => {
5
+ const medium = /* @__PURE__ */ jsx(ReadLettersMedium, { color, ...rest });
6
+ return getIllustration({ size, medium });
7
+ };
8
+ export {
9
+ ReadLetters as default
10
+ };
11
+ //# sourceMappingURL=ReadLetters.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ReadLetters.js","sources":["../../../src/components/Illustrations/ReadLetters.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgIllustrationProps } from '../Illustration';\nimport ReadLettersMedium from './ReadLettersMedium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n letter: string;\n sweater: string;\n lines: string;\n}\n\nconst ReadLetters: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n const medium = <ReadLettersMedium color={color} {...rest} />;\n\n return getIllustration({ size, medium });\n};\n\nexport default ReadLetters;\n"],"names":[],"mappings":";;;AAYM,MAAA,cAA8C,CAAC,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AACtF,QAAM,SAAS,oBAAC,mBAAkB,EAAA,OAAe,GAAG,MAAM;AAE1D,SAAO,gBAAgB,EAAE,MAAM,QAAQ;AACzC;"}
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { BaseSvgIllustrationProps } from '../Illustration';
3
+ declare const ReadLettersMedium: React.FC<BaseSvgIllustrationProps>;
4
+ export default ReadLettersMedium;
@@ -0,0 +1,110 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { V as ViewBoxSize } from "../../Illustration.js";
3
+ const ReadLettersMedium = ({ color, svgProperties, title }) => {
4
+ const palette = (() => {
5
+ switch (color) {
6
+ case "blueberry":
7
+ return {
8
+ letter: "#E4F7F9",
9
+ sweater: "#188097",
10
+ lines: "#000"
11
+ };
12
+ case "cherry":
13
+ return {
14
+ letter: "#ECE9E8",
15
+ sweater: "#F05E3D",
16
+ lines: "#000"
17
+ };
18
+ default:
19
+ return {
20
+ letter: "#D6D4D3",
21
+ sweater: "#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: "m314.208 192.706 1.285-21.391s19.947-19.002 16.792-28.147c-3.154-9.145-17.238 8.434-17.238 8.434s-5.438-.234-9.984-9.634-3.112-9.644-8.795-11.853c-5.682-2.209-14.752-1.434-14.752-1.434l-37.919 2.751s-12.267 1.423-13.149-14.095c-.881-15.517 5.746-23.685 20.446-26.924 14.7-3.23 60.382-7.021 70.143 0 9.751 7.02 10.961 18.704 10.961 18.704s11.832 2.538 10.685 20.361c-1.147 17.822-6.128 43.069-28.475 63.239v-.011Z",
32
+ fill: palette.lines
33
+ }
34
+ ),
35
+ /* @__PURE__ */ jsx(
36
+ "path",
37
+ {
38
+ d: "m246.167 209.499 85.013 3.855-1.582 15.263s27.891 5.321 39.468 36.304c11.577 30.982 2.188 52.554-5.916 79.585l8.126 81.37h-169.24l4.291-39.087 47.838-.382-2.931-15.496-4.811-3.899 2.166-8.443-2.166-6.607 4.726 1.36 7.977-17.515-7.871-8.444-12.714-17.567-4.354-57.228-19.936.499s5.045-20.966 31.916-29.92l.022-13.659-.022.011Z",
39
+ fill: palette.sweater
40
+ }
41
+ ),
42
+ /* @__PURE__ */ jsx(
43
+ "path",
44
+ {
45
+ d: "m140.21 254.925 26.202-.658 4.695-6.076 7.775 5.768 55.273-1.381 5.417 70.122s-12.905-11.609-20.319-12.289c-7.413-.669-12.894 6.16-10.749 14.19 2.157 8.03 16.294 23.93 38.142 26.351l1.635 8.083-2.857 7.966 5.778 3.898 3.845 15.879-84.014-1.36-11.96-36.367-6.319-.234-14.17-58.608 6.055-7.626-4.45-27.69.021.032Z",
46
+ fill: "#fff"
47
+ }
48
+ ),
49
+ /* @__PURE__ */ jsx(
50
+ "path",
51
+ {
52
+ d: "m171.107 248.19 55.836 41.391 3.494 26.267s-11.906-11.768-20.392-1.253c-8.487 10.515 9.134 24.768 12.947 27.296 3.813 2.528 13.744 6.947 13.744 6.947v3.483l-83.972-3.494-14.169-58.608 32.501-42.039.011.01Z",
53
+ fill: palette.letter
54
+ }
55
+ ),
56
+ /* @__PURE__ */ jsx(
57
+ "path",
58
+ {
59
+ d: "M273.071 199.779c-10.493 0-21.922-2.751-28.677-20.881-6.638-17.823-3.07-46.49-2.911-47.701a1.6 1.6 0 0 1 1.785-1.38 1.606 1.606 0 0 1 1.381 1.784c-.032.287-3.622 29.113 2.74 46.192 5.905 15.836 14.87 18.959 26.585 18.8 11.439-.17 29.846-16.092 30.037-16.262a1.598 1.598 0 0 1 2.093 2.411c-.786.691-19.48 16.856-32.077 17.037h-.956Z",
60
+ fill: palette.lines
61
+ }
62
+ ),
63
+ /* @__PURE__ */ jsx(
64
+ "path",
65
+ {
66
+ d: "M265.148 211.95h-.075a1.593 1.593 0 0 1-1.519-1.667l.542-11.907a1.587 1.587 0 0 1 1.668-1.519 1.593 1.593 0 0 1 1.518 1.668l-.541 11.906a1.598 1.598 0 0 1-1.593 1.519Zm47.902 1.542h-.096a1.594 1.594 0 0 1-1.497-1.689l.987-16.421v-.063l1.455-24.111c.022-.403.202-.786.5-1.062 7.828-7.339 19.277-20.849 16.707-25.831-.52-.998-1.105-1.189-1.561-1.242-3.495-.393-10.494 6.202-14.084 10.451a1.584 1.584 0 0 1-1.285.563c-.319-.011-7.86-.467-11.429-14.307-1.625-6.32-7.244-10.558-13.648-10.313-10.452.393-24.567 1.115-32.48 2.326l-.435.063c-8.359 1.275-17.016 2.603-22.359-2.283-3.834-3.505-5.427-9.708-4.875-18.97 1.413-23.42 32.629-24.514 53.298-25.246 1.806-.064 3.526-.128 5.141-.192 39.787-1.784 43.6 11.206 46.064 23.133 2.571.532 4.738 1.965 6.437 4.26 5.799 7.806 4.684 23.366 3.282 30.504-4.78 24.344-15.943 38.247-23.325 47.445-1.656 2.061-3.101 3.866-4.248 5.502l-.967 16.006a1.594 1.594 0 0 1-1.593 1.498l.011-.021Zm3.993-41.455-1.093 18.247c.456-.573.934-1.168 1.423-1.774 7.19-8.953 18.056-22.485 22.676-46.064 1.466-7.446 2.018-21.614-2.719-27.987-1.423-1.912-3.186-2.953-5.374-3.165a1.58 1.58 0 0 1-1.402-1.264c-2.443-12.023-4.737-23.388-43.016-21.678-1.625.074-3.357.138-5.173.202-19.511.69-48.985 1.72-50.228 22.251-.499 8.242.765 13.617 3.845 16.431 4.227 3.856 11.758 2.709 19.734 1.487l.435-.063c8.062-1.233 22.305-1.966 32.841-2.358 7.892-.309 14.849 4.928 16.856 12.703 2.316 8.975 6.256 11.205 7.828 11.747 2.465-2.794 10.622-11.461 16.24-10.823 1.222.138 2.91.764 4.036 2.942 4.281 8.295-13.212 25.65-16.898 29.176l-.011-.01Z",
67
+ fill: palette.lines
68
+ }
69
+ ),
70
+ /* @__PURE__ */ jsx(
71
+ "path",
72
+ {
73
+ d: "M273.995 172.74h-.074l-9.952-.457a1.629 1.629 0 0 1-1.158-.574 1.598 1.598 0 0 1-.351-1.242l3.198-22.273a1.594 1.594 0 0 1 3.154.457l-2.953 20.531 8.2.371a1.593 1.593 0 0 1-.074 3.187h.01Zm2.985 10.384a1.596 1.596 0 0 1-1.583-1.466 1.586 1.586 0 0 1 1.456-1.71c.329-.032 8.136-.786 13.871-8.901a1.587 1.587 0 0 1 2.22-.382c.722.51.892 1.498.382 2.22-6.638 9.368-15.826 10.207-16.219 10.239h-.127Zm49.634 225.055c-3.803 0-7.606-.871-11.1-2.592l-71.163-36.389a1.603 1.603 0 0 1-.722-2.081l17.812-38.97c.181-.403.521-.711.945-.85a1.634 1.634 0 0 1 1.264.107l48.115 26.043 19.628-62.496a1.591 1.591 0 0 1 1.997-1.04 1.59 1.59 0 0 1 1.041 1.996l-20.202 64.344a1.57 1.57 0 0 1-.924.999 1.61 1.61 0 0 1-1.36-.075l-48.316-26.16-16.463 36.027 69.782 35.688a21.819 21.819 0 0 0 18.141.542 21.859 21.859 0 0 0 12.321-13.362c7.604-23.176 17.546-54.53 21.752-72.299 6.947-29.347 4.461-45.714-10.228-67.36-9.751-14.371-29.581-20.053-29.782-20.117a1.605 1.605 0 0 1-1.158-1.699l1.413-13.585-81.604-3.707.394 11.843a1.582 1.582 0 0 1-1.36 1.625c-.053 0-5.492.881-12.013 4.886-6.001 3.685-14.19 10.855-19.129 24.099a1.588 1.588 0 0 1-2.05.935 1.588 1.588 0 0 1-.934-2.05c8.815-23.643 27.031-29.516 32.257-30.749l-.415-12.224c-.01-.447.159-.871.467-1.19a1.602 1.602 0 0 1 1.19-.457l85.013 3.856c.435.021.85.223 1.136.552.287.329.426.765.383 1.2l-1.455 13.957c4.758 1.55 21.242 7.689 30.27 20.998 15.093 22.251 17.791 39.883 10.686 69.888-4.238 17.876-14.212 49.325-21.828 72.564a25.044 25.044 0 0 1-14.115 15.306 25.084 25.084 0 0 1-9.708 1.954l.022.043Z",
74
+ fill: palette.lines
75
+ }
76
+ ),
77
+ /* @__PURE__ */ jsx(
78
+ "path",
79
+ {
80
+ d: "M371.255 427.469a1.584 1.584 0 0 1-1.583-1.445l-7.562-82.336a1.587 1.587 0 0 1 1.444-1.731 1.581 1.581 0 0 1 1.731 1.444l7.563 82.336a1.589 1.589 0 0 1-1.445 1.732h-.148Zm-169.229-.001h-.181a1.597 1.597 0 0 1-1.413-1.753l4.291-39.086a1.595 1.595 0 0 1 1.753-1.412 1.595 1.595 0 0 1 1.413 1.752l-4.292 39.086a1.589 1.589 0 0 1-1.582 1.424l.011-.011Zm52.5-278.5a3.028 3.028 0 1 0 0-6.055 3.028 3.028 0 0 0 0 6.055Zm30.707 1.391a3.026 3.026 0 0 0 3.026-3.027 3.026 3.026 0 1 0-6.053 0 3.027 3.027 0 0 0 3.027 3.027Zm-33.85 205.234c-.489 0-.967-.223-1.275-.627-.202-.202-2.273-2.007-12.3-4.355-8.826-2.06-24.439-11.11-29.59-22.081-2.284-4.854-2.327-9.549-.128-13.925 1.699-3.388 4.206-5.364 7.456-5.852 7.573-1.137 17.26 6.5 22.114 10.908l-.744-9.729a1.597 1.597 0 0 1 1.01-1.604 1.58 1.58 0 0 1 1.826.499c.053.074 5.534 7.063 14.01 19.437 2.103 3.08 6.309 6.681 6.351 6.713.669.573.755 1.572.181 2.241a1.585 1.585 0 0 1-2.241.18c-.181-.159-4.567-3.908-6.915-7.339-4.546-6.628-8.21-11.694-10.642-14.965l.648 8.486a1.582 1.582 0 0 1-.946 1.572 1.612 1.612 0 0 1-1.805-.35c-3.781-3.962-15.178-13.989-22.401-12.905-2.198.329-3.855 1.678-5.077 4.121-1.731 3.462-1.678 7.222.171 11.152 4.545 9.687 19.033 18.364 27.424 20.329 11.311 2.645 13.701 4.844 14.2 5.661a1.589 1.589 0 0 1-.531 2.188 1.55 1.55 0 0 1-.828.234l.032.011Z",
81
+ fill: palette.lines
82
+ }
83
+ ),
84
+ /* @__PURE__ */ jsx(
85
+ "path",
86
+ {
87
+ d: "M236.736 353.567h-.064l-83.972-3.133a1.596 1.596 0 0 1-1.487-1.221l-14.168-58.609c-.117-.467 0-.966.287-1.348l32.5-42.039a1.597 1.597 0 0 1 2.21-.309l54.933 40.744c.329.244.552.605.627 1.009l4.588 27.052a1.591 1.591 0 0 1-1.307 1.838 1.597 1.597 0 0 1-1.837-1.307l-4.482-26.415-53.16-39.426-31.077 40.201 13.701 56.686 80.807 3.017-.266-1.551a1.59 1.59 0 0 1 1.307-1.837 1.59 1.59 0 0 1 1.837 1.306l.595 3.484c.085.478-.053.956-.372 1.317a1.59 1.59 0 0 1-1.2.541Z",
88
+ fill: palette.lines
89
+ }
90
+ ),
91
+ /* @__PURE__ */ jsx(
92
+ "path",
93
+ {
94
+ d: "M148.59 293.204a1.592 1.592 0 0 1-1.594-1.593c0-.882.712-1.593 1.594-1.593l65.151-.17a1.59 1.59 0 0 1 1.593 1.593c0 .881-.712 1.593-1.593 1.593l-65.151.17Zm31.896 14.765h-.022l-22.931-.361a1.593 1.593 0 0 1 .021-3.186h.021l22.932.361a1.594 1.594 0 0 1-.021 3.186Zm-4.27 7.627-16.803-.085a1.585 1.585 0 0 1-1.583-1.604c0-.882.712-1.583 1.594-1.583l16.802.085c.882 0 1.594.722 1.583 1.604 0 .882-.711 1.583-1.593 1.583Zm-31.726-31.4a1.588 1.588 0 0 1-1.572-1.349l-4.291-27.69a1.557 1.557 0 0 1 .351-1.264c.297-.35.722-.562 1.178-.573l26.203-.648c.903 0 1.614.669 1.636 1.551a1.591 1.591 0 0 1-1.551 1.635l-24.397.606 4.015 25.894a1.582 1.582 0 0 1-1.328 1.817c-.085.01-.159.021-.244.021Zm110.567 103.92h-.021l-84.471-1.359a1.608 1.608 0 0 1-1.497-1.105l-11.472-36.048a1.594 1.594 0 0 1 1.031-1.997 1.584 1.584 0 0 1 1.996 1.03l11.121 34.955 81.263 1.306-3.356-13.606a1.598 1.598 0 0 1 3.102-.764l3.844 15.613c.117.478 0 .988-.297 1.37a1.586 1.586 0 0 1-1.243.605Zm-6.5-26.362c-.711 0-1.37-.489-1.55-1.211l-2.167-8.773a1.596 1.596 0 0 1 1.168-1.933 1.591 1.591 0 0 1 1.933 1.168l2.167 8.773a1.597 1.597 0 0 1-1.168 1.933 1.563 1.563 0 0 1-.383.043Z",
95
+ fill: palette.lines
96
+ }
97
+ ),
98
+ /* @__PURE__ */ jsx(
99
+ "path",
100
+ {
101
+ d: "M239.571 325.29a1.588 1.588 0 0 1-1.582-1.476l-5.3-69.612-53.765 1.338a1.579 1.579 0 0 1-1.636-1.551 1.591 1.591 0 0 1 1.551-1.635l55.273-1.381c.828-.011 1.562.626 1.625 1.476l5.417 71.12a1.594 1.594 0 0 1-1.466 1.71h-.127l.01.011Zm51.216-178.384a1.55 1.55 0 0 1-.892-.276c-4.514-3.059-9.028-.542-9.219-.435a1.598 1.598 0 0 1-2.178-.585 1.59 1.59 0 0 1 .574-2.166c.255-.149 6.405-3.654 12.607.552a1.59 1.59 0 0 1 .425 2.209 1.582 1.582 0 0 1-1.317.701Zm-30.738-.625a1.55 1.55 0 0 1-.892-.276c-4.514-3.059-9.028-.542-9.219-.435a1.598 1.598 0 0 1-2.178-.585 1.59 1.59 0 0 1 .574-2.166c.255-.149 6.405-3.654 12.607.552a1.58 1.58 0 0 1 .425 2.209 1.582 1.582 0 0 1-1.317.701Z",
102
+ fill: palette.lines
103
+ }
104
+ )
105
+ ] });
106
+ };
107
+ export {
108
+ ReadLettersMedium as default
109
+ };
110
+ //# sourceMappingURL=ReadLettersMedium.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ReadLettersMedium.js","sources":["../../../src/components/Illustrations/ReadLettersMedium.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Palette } from './ReadLetters';\nimport { BaseSvgIllustrationProps, ViewBoxSize } from '../Illustration';\n\nconst ReadLettersMedium: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n const palette = ((): Palette => {\n switch (color) {\n case 'blueberry':\n return {\n letter: '#E4F7F9',\n sweater: '#188097',\n lines: '#000',\n };\n case 'cherry':\n return {\n letter: '#ECE9E8',\n sweater: '#F05E3D',\n lines: '#000',\n };\n default:\n return {\n letter: '#D6D4D3',\n sweater: '#989693',\n lines: '#2B2C2B',\n };\n }\n })();\n\n return (\n <svg {...svgProperties} viewBox={ViewBoxSize.Medium}>\n {title}\n <path\n d=\"m314.208 192.706 1.285-21.391s19.947-19.002 16.792-28.147c-3.154-9.145-17.238 8.434-17.238 8.434s-5.438-.234-9.984-9.634-3.112-9.644-8.795-11.853c-5.682-2.209-14.752-1.434-14.752-1.434l-37.919 2.751s-12.267 1.423-13.149-14.095c-.881-15.517 5.746-23.685 20.446-26.924 14.7-3.23 60.382-7.021 70.143 0 9.751 7.02 10.961 18.704 10.961 18.704s11.832 2.538 10.685 20.361c-1.147 17.822-6.128 43.069-28.475 63.239v-.011Z\"\n fill={palette.lines}\n />\n <path\n d=\"m246.167 209.499 85.013 3.855-1.582 15.263s27.891 5.321 39.468 36.304c11.577 30.982 2.188 52.554-5.916 79.585l8.126 81.37h-169.24l4.291-39.087 47.838-.382-2.931-15.496-4.811-3.899 2.166-8.443-2.166-6.607 4.726 1.36 7.977-17.515-7.871-8.444-12.714-17.567-4.354-57.228-19.936.499s5.045-20.966 31.916-29.92l.022-13.659-.022.011Z\"\n fill={palette.sweater}\n />\n <path\n d=\"m140.21 254.925 26.202-.658 4.695-6.076 7.775 5.768 55.273-1.381 5.417 70.122s-12.905-11.609-20.319-12.289c-7.413-.669-12.894 6.16-10.749 14.19 2.157 8.03 16.294 23.93 38.142 26.351l1.635 8.083-2.857 7.966 5.778 3.898 3.845 15.879-84.014-1.36-11.96-36.367-6.319-.234-14.17-58.608 6.055-7.626-4.45-27.69.021.032Z\"\n fill=\"#fff\"\n />\n <path\n d=\"m171.107 248.19 55.836 41.391 3.494 26.267s-11.906-11.768-20.392-1.253c-8.487 10.515 9.134 24.768 12.947 27.296 3.813 2.528 13.744 6.947 13.744 6.947v3.483l-83.972-3.494-14.169-58.608 32.501-42.039.011.01Z\"\n fill={palette.letter}\n />\n <path\n d=\"M273.071 199.779c-10.493 0-21.922-2.751-28.677-20.881-6.638-17.823-3.07-46.49-2.911-47.701a1.6 1.6 0 0 1 1.785-1.38 1.606 1.606 0 0 1 1.381 1.784c-.032.287-3.622 29.113 2.74 46.192 5.905 15.836 14.87 18.959 26.585 18.8 11.439-.17 29.846-16.092 30.037-16.262a1.598 1.598 0 0 1 2.093 2.411c-.786.691-19.48 16.856-32.077 17.037h-.956Z\"\n fill={palette.lines}\n />\n <path\n d=\"M265.148 211.95h-.075a1.593 1.593 0 0 1-1.519-1.667l.542-11.907a1.587 1.587 0 0 1 1.668-1.519 1.593 1.593 0 0 1 1.518 1.668l-.541 11.906a1.598 1.598 0 0 1-1.593 1.519Zm47.902 1.542h-.096a1.594 1.594 0 0 1-1.497-1.689l.987-16.421v-.063l1.455-24.111c.022-.403.202-.786.5-1.062 7.828-7.339 19.277-20.849 16.707-25.831-.52-.998-1.105-1.189-1.561-1.242-3.495-.393-10.494 6.202-14.084 10.451a1.584 1.584 0 0 1-1.285.563c-.319-.011-7.86-.467-11.429-14.307-1.625-6.32-7.244-10.558-13.648-10.313-10.452.393-24.567 1.115-32.48 2.326l-.435.063c-8.359 1.275-17.016 2.603-22.359-2.283-3.834-3.505-5.427-9.708-4.875-18.97 1.413-23.42 32.629-24.514 53.298-25.246 1.806-.064 3.526-.128 5.141-.192 39.787-1.784 43.6 11.206 46.064 23.133 2.571.532 4.738 1.965 6.437 4.26 5.799 7.806 4.684 23.366 3.282 30.504-4.78 24.344-15.943 38.247-23.325 47.445-1.656 2.061-3.101 3.866-4.248 5.502l-.967 16.006a1.594 1.594 0 0 1-1.593 1.498l.011-.021Zm3.993-41.455-1.093 18.247c.456-.573.934-1.168 1.423-1.774 7.19-8.953 18.056-22.485 22.676-46.064 1.466-7.446 2.018-21.614-2.719-27.987-1.423-1.912-3.186-2.953-5.374-3.165a1.58 1.58 0 0 1-1.402-1.264c-2.443-12.023-4.737-23.388-43.016-21.678-1.625.074-3.357.138-5.173.202-19.511.69-48.985 1.72-50.228 22.251-.499 8.242.765 13.617 3.845 16.431 4.227 3.856 11.758 2.709 19.734 1.487l.435-.063c8.062-1.233 22.305-1.966 32.841-2.358 7.892-.309 14.849 4.928 16.856 12.703 2.316 8.975 6.256 11.205 7.828 11.747 2.465-2.794 10.622-11.461 16.24-10.823 1.222.138 2.91.764 4.036 2.942 4.281 8.295-13.212 25.65-16.898 29.176l-.011-.01Z\"\n fill={palette.lines}\n />\n <path\n d=\"M273.995 172.74h-.074l-9.952-.457a1.629 1.629 0 0 1-1.158-.574 1.598 1.598 0 0 1-.351-1.242l3.198-22.273a1.594 1.594 0 0 1 3.154.457l-2.953 20.531 8.2.371a1.593 1.593 0 0 1-.074 3.187h.01Zm2.985 10.384a1.596 1.596 0 0 1-1.583-1.466 1.586 1.586 0 0 1 1.456-1.71c.329-.032 8.136-.786 13.871-8.901a1.587 1.587 0 0 1 2.22-.382c.722.51.892 1.498.382 2.22-6.638 9.368-15.826 10.207-16.219 10.239h-.127Zm49.634 225.055c-3.803 0-7.606-.871-11.1-2.592l-71.163-36.389a1.603 1.603 0 0 1-.722-2.081l17.812-38.97c.181-.403.521-.711.945-.85a1.634 1.634 0 0 1 1.264.107l48.115 26.043 19.628-62.496a1.591 1.591 0 0 1 1.997-1.04 1.59 1.59 0 0 1 1.041 1.996l-20.202 64.344a1.57 1.57 0 0 1-.924.999 1.61 1.61 0 0 1-1.36-.075l-48.316-26.16-16.463 36.027 69.782 35.688a21.819 21.819 0 0 0 18.141.542 21.859 21.859 0 0 0 12.321-13.362c7.604-23.176 17.546-54.53 21.752-72.299 6.947-29.347 4.461-45.714-10.228-67.36-9.751-14.371-29.581-20.053-29.782-20.117a1.605 1.605 0 0 1-1.158-1.699l1.413-13.585-81.604-3.707.394 11.843a1.582 1.582 0 0 1-1.36 1.625c-.053 0-5.492.881-12.013 4.886-6.001 3.685-14.19 10.855-19.129 24.099a1.588 1.588 0 0 1-2.05.935 1.588 1.588 0 0 1-.934-2.05c8.815-23.643 27.031-29.516 32.257-30.749l-.415-12.224c-.01-.447.159-.871.467-1.19a1.602 1.602 0 0 1 1.19-.457l85.013 3.856c.435.021.85.223 1.136.552.287.329.426.765.383 1.2l-1.455 13.957c4.758 1.55 21.242 7.689 30.27 20.998 15.093 22.251 17.791 39.883 10.686 69.888-4.238 17.876-14.212 49.325-21.828 72.564a25.044 25.044 0 0 1-14.115 15.306 25.084 25.084 0 0 1-9.708 1.954l.022.043Z\"\n fill={palette.lines}\n />\n <path\n d=\"M371.255 427.469a1.584 1.584 0 0 1-1.583-1.445l-7.562-82.336a1.587 1.587 0 0 1 1.444-1.731 1.581 1.581 0 0 1 1.731 1.444l7.563 82.336a1.589 1.589 0 0 1-1.445 1.732h-.148Zm-169.229-.001h-.181a1.597 1.597 0 0 1-1.413-1.753l4.291-39.086a1.595 1.595 0 0 1 1.753-1.412 1.595 1.595 0 0 1 1.413 1.752l-4.292 39.086a1.589 1.589 0 0 1-1.582 1.424l.011-.011Zm52.5-278.5a3.028 3.028 0 1 0 0-6.055 3.028 3.028 0 0 0 0 6.055Zm30.707 1.391a3.026 3.026 0 0 0 3.026-3.027 3.026 3.026 0 1 0-6.053 0 3.027 3.027 0 0 0 3.027 3.027Zm-33.85 205.234c-.489 0-.967-.223-1.275-.627-.202-.202-2.273-2.007-12.3-4.355-8.826-2.06-24.439-11.11-29.59-22.081-2.284-4.854-2.327-9.549-.128-13.925 1.699-3.388 4.206-5.364 7.456-5.852 7.573-1.137 17.26 6.5 22.114 10.908l-.744-9.729a1.597 1.597 0 0 1 1.01-1.604 1.58 1.58 0 0 1 1.826.499c.053.074 5.534 7.063 14.01 19.437 2.103 3.08 6.309 6.681 6.351 6.713.669.573.755 1.572.181 2.241a1.585 1.585 0 0 1-2.241.18c-.181-.159-4.567-3.908-6.915-7.339-4.546-6.628-8.21-11.694-10.642-14.965l.648 8.486a1.582 1.582 0 0 1-.946 1.572 1.612 1.612 0 0 1-1.805-.35c-3.781-3.962-15.178-13.989-22.401-12.905-2.198.329-3.855 1.678-5.077 4.121-1.731 3.462-1.678 7.222.171 11.152 4.545 9.687 19.033 18.364 27.424 20.329 11.311 2.645 13.701 4.844 14.2 5.661a1.589 1.589 0 0 1-.531 2.188 1.55 1.55 0 0 1-.828.234l.032.011Z\"\n fill={palette.lines}\n />\n <path\n d=\"M236.736 353.567h-.064l-83.972-3.133a1.596 1.596 0 0 1-1.487-1.221l-14.168-58.609c-.117-.467 0-.966.287-1.348l32.5-42.039a1.597 1.597 0 0 1 2.21-.309l54.933 40.744c.329.244.552.605.627 1.009l4.588 27.052a1.591 1.591 0 0 1-1.307 1.838 1.597 1.597 0 0 1-1.837-1.307l-4.482-26.415-53.16-39.426-31.077 40.201 13.701 56.686 80.807 3.017-.266-1.551a1.59 1.59 0 0 1 1.307-1.837 1.59 1.59 0 0 1 1.837 1.306l.595 3.484c.085.478-.053.956-.372 1.317a1.59 1.59 0 0 1-1.2.541Z\"\n fill={palette.lines}\n />\n <path\n d=\"M148.59 293.204a1.592 1.592 0 0 1-1.594-1.593c0-.882.712-1.593 1.594-1.593l65.151-.17a1.59 1.59 0 0 1 1.593 1.593c0 .881-.712 1.593-1.593 1.593l-65.151.17Zm31.896 14.765h-.022l-22.931-.361a1.593 1.593 0 0 1 .021-3.186h.021l22.932.361a1.594 1.594 0 0 1-.021 3.186Zm-4.27 7.627-16.803-.085a1.585 1.585 0 0 1-1.583-1.604c0-.882.712-1.583 1.594-1.583l16.802.085c.882 0 1.594.722 1.583 1.604 0 .882-.711 1.583-1.593 1.583Zm-31.726-31.4a1.588 1.588 0 0 1-1.572-1.349l-4.291-27.69a1.557 1.557 0 0 1 .351-1.264c.297-.35.722-.562 1.178-.573l26.203-.648c.903 0 1.614.669 1.636 1.551a1.591 1.591 0 0 1-1.551 1.635l-24.397.606 4.015 25.894a1.582 1.582 0 0 1-1.328 1.817c-.085.01-.159.021-.244.021Zm110.567 103.92h-.021l-84.471-1.359a1.608 1.608 0 0 1-1.497-1.105l-11.472-36.048a1.594 1.594 0 0 1 1.031-1.997 1.584 1.584 0 0 1 1.996 1.03l11.121 34.955 81.263 1.306-3.356-13.606a1.598 1.598 0 0 1 3.102-.764l3.844 15.613c.117.478 0 .988-.297 1.37a1.586 1.586 0 0 1-1.243.605Zm-6.5-26.362c-.711 0-1.37-.489-1.55-1.211l-2.167-8.773a1.596 1.596 0 0 1 1.168-1.933 1.591 1.591 0 0 1 1.933 1.168l2.167 8.773a1.597 1.597 0 0 1-1.168 1.933 1.563 1.563 0 0 1-.383.043Z\"\n fill={palette.lines}\n />\n <path\n d=\"M239.571 325.29a1.588 1.588 0 0 1-1.582-1.476l-5.3-69.612-53.765 1.338a1.579 1.579 0 0 1-1.636-1.551 1.591 1.591 0 0 1 1.551-1.635l55.273-1.381c.828-.011 1.562.626 1.625 1.476l5.417 71.12a1.594 1.594 0 0 1-1.466 1.71h-.127l.01.011Zm51.216-178.384a1.55 1.55 0 0 1-.892-.276c-4.514-3.059-9.028-.542-9.219-.435a1.598 1.598 0 0 1-2.178-.585 1.59 1.59 0 0 1 .574-2.166c.255-.149 6.405-3.654 12.607.552a1.59 1.59 0 0 1 .425 2.209 1.582 1.582 0 0 1-1.317.701Zm-30.738-.625a1.55 1.55 0 0 1-.892-.276c-4.514-3.059-9.028-.542-9.219-.435a1.598 1.598 0 0 1-2.178-.585 1.59 1.59 0 0 1 .574-2.166c.255-.149 6.405-3.654 12.607.552a1.58 1.58 0 0 1 .425 2.209 1.582 1.582 0 0 1-1.317.701Z\"\n fill={palette.lines}\n />\n </svg>\n );\n};\n\nexport default ReadLettersMedium;\n"],"names":[],"mappings":";;AAKA,MAAM,oBAAwD,CAAC,EAAE,OAAO,eAAe,YAAY;AACjG,QAAM,WAAW,MAAe;AAC9B,YAAQ,OAAO;AAAA,MACb,KAAK;AACI,eAAA;AAAA,UACL,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,MACF,KAAK;AACI,eAAA;AAAA,UACL,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,MACF;AACS,eAAA;AAAA,UACL,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,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,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,IAAA;AAAA,EAChB,GACF;AAEJ;"}
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ import { SvgIllustrationProps } from '../Illustration';
3
+ export interface Palette {
4
+ details1: string;
5
+ details2: string;
6
+ lines: string;
7
+ }
8
+ declare const Support2: React.FC<SvgIllustrationProps>;
9
+ export default Support2;
@@ -0,0 +1,11 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import Support2Medium from "./Support2Medium.js";
3
+ import { g as getIllustration } from "../../utils.js";
4
+ const Support2 = ({ size = 512, color, ...rest }) => {
5
+ const medium = /* @__PURE__ */ jsx(Support2Medium, { color, ...rest });
6
+ return getIllustration({ size, medium });
7
+ };
8
+ export {
9
+ Support2 as default
10
+ };
11
+ //# sourceMappingURL=Support2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Support2.js","sources":["../../../src/components/Illustrations/Support2.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgIllustrationProps } from '../Illustration';\nimport Support2Medium from './Support2Medium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n details1: string;\n details2: string;\n lines: string;\n}\n\nconst Support2: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n const medium = <Support2Medium color={color} {...rest} />;\n\n return getIllustration({ size, medium });\n};\n\nexport default Support2;\n"],"names":[],"mappings":";;;AAYM,MAAA,WAA2C,CAAC,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AACnF,QAAM,SAAS,oBAAC,gBAAe,EAAA,OAAe,GAAG,MAAM;AAEvD,SAAO,gBAAgB,EAAE,MAAM,QAAQ;AACzC;"}
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { BaseSvgIllustrationProps } from '../Illustration';
3
+ declare const Support2Medium: React.FC<BaseSvgIllustrationProps>;
4
+ export default Support2Medium;