@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.
- package/AnchorLink.js +2 -2
- package/AnchorLink.js.map +1 -1
- package/Avatar.js +2 -2
- package/Avatar.js.map +1 -1
- package/Badge.js +3 -3
- package/Badge.js.map +1 -1
- package/Button.js +4 -4
- package/Button.js.map +1 -1
- package/CHANGELOG.md +38 -0
- package/Checkbox.js +2 -2
- package/Checkbox.js.map +1 -1
- package/Close.js +2 -2
- package/Close.js.map +1 -1
- package/ErrorBoundary.js +2 -2
- package/ErrorBoundary.js.map +1 -1
- package/Expander.js +2 -2
- package/Expander.js.map +1 -1
- package/FormGroup.js +12 -12
- package/FormGroup.js.map +1 -1
- package/FormLayout.js +3 -3
- package/FormLayout.js.map +1 -1
- package/HelpBubble.js +2 -2
- package/HelpBubble.js.map +1 -1
- package/HighlightPanel.js +2 -2
- package/HighlightPanel.js.map +1 -1
- package/Icon.js +3 -3
- package/Icon.js.map +1 -1
- package/Illustration.js +3 -3
- package/Illustration.js.map +1 -1
- package/Input.js +2 -2
- package/Input.js.map +1 -1
- package/Label.js +8 -8
- package/Label.js.map +1 -1
- package/LazyIcon.js +1 -1
- package/LazyIllustration.js +3 -3
- package/LazyIllustration.js.map +1 -1
- package/LinkList.js +6 -6
- package/LinkList.js.map +1 -1
- package/ListHeader.js +7 -7
- package/ListHeader.js.map +1 -1
- package/Panel.js +2 -2
- package/Panel.js.map +1 -1
- package/PopOver.js +2 -2
- package/PopOver.js.map +1 -1
- package/RadioButton.js +2 -2
- package/RadioButton.js.map +1 -1
- package/Select.js +2 -2
- package/Select.js.map +1 -1
- package/Slider.js +3 -3
- package/Slider.js.map +1 -1
- package/Spacer.js +2 -2
- package/Spacer.js.map +1 -1
- package/StatusDot.js +1 -1
- package/StepButtons.js +4 -4
- package/StepButtons.js.map +1 -1
- package/TabList.js +4 -4
- package/TabList.js.map +1 -1
- package/Table.js +2 -2
- package/Table.js.map +1 -1
- package/TableBody.js +2 -2
- package/TableBody.js.map +1 -1
- package/TableExpandedRow.js +2 -2
- package/TableExpandedRow.js.map +1 -1
- package/TableHead.js +2 -2
- package/TableHead.js.map +1 -1
- package/TableRow.js +2 -2
- package/TableRow.js.map +1 -1
- package/Textarea.js +2 -2
- package/Textarea.js.map +1 -1
- package/Title.js +2 -2
- package/Title.js.map +1 -1
- package/TooltipWord.js +2 -2
- package/TooltipWord.js.map +1 -1
- package/Trigger.js +3 -3
- package/Trigger.js.map +1 -1
- package/components/Button/styles.module.scss +5 -0
- package/components/DictionaryTrigger/index.js +2 -2
- package/components/DictionaryTrigger/index.js.map +1 -1
- package/components/Drawer/Drawer.d.ts +41 -0
- package/components/Drawer/Drawer.test.d.ts +1 -0
- package/components/Drawer/index.d.ts +3 -0
- package/components/Drawer/index.js +350 -0
- package/components/Drawer/index.js.map +1 -0
- package/components/Drawer/styles.module.scss +127 -0
- package/components/Drawer/styles.module.scss.d.ts +16 -0
- package/components/Dropdown/index.js +3 -3
- package/components/Dropdown/index.js.map +1 -1
- package/components/Duolist/index.js +4 -4
- package/components/Duolist/index.js.map +1 -1
- package/components/ExpanderHierarchy/index.js +5 -5
- package/components/ExpanderHierarchy/index.js.map +1 -1
- package/components/ExpanderList/index.js +8 -8
- package/components/ExpanderList/index.js.map +1 -1
- package/components/HelpQuestion/index.js +2 -2
- package/components/HelpQuestion/index.js.map +1 -1
- package/components/HighlightPanel/styles.module.scss +4 -36
- package/components/HighlightPanel/styles.module.scss.d.ts +1 -2
- package/components/Icons/EuropeanHealthCard.js +1 -1
- package/components/Icons/GroupTwins.js +1 -1
- package/components/Icons/Inbox.js +1 -1
- package/components/Icons/LawBook.js +1 -1
- package/components/Icons/PersonCancel.js +1 -1
- package/components/Icons/PersonWithBrain.js +1 -1
- package/components/Icons/Puzzle.js +1 -1
- package/components/Icons/Snapchat.js +1 -1
- package/components/Illustrations/IllustrationNames.d.ts +1 -1
- package/components/Illustrations/IllustrationNames.js +4 -2
- package/components/Illustrations/IllustrationNames.js.map +1 -1
- package/components/Illustrations/ReadLetters.d.ts +9 -0
- package/components/Illustrations/ReadLetters.js +11 -0
- package/components/Illustrations/ReadLetters.js.map +1 -0
- package/components/Illustrations/ReadLettersMedium.d.ts +4 -0
- package/components/Illustrations/ReadLettersMedium.js +110 -0
- package/components/Illustrations/ReadLettersMedium.js.map +1 -0
- package/components/Illustrations/Support2.d.ts +9 -0
- package/components/Illustrations/Support2.js +11 -0
- package/components/Illustrations/Support2.js.map +1 -0
- package/components/Illustrations/Support2Medium.d.ts +4 -0
- package/components/Illustrations/Support2Medium.js +232 -0
- package/components/Illustrations/Support2Medium.js.map +1 -0
- package/components/Label/styles.module.scss +16 -12
- package/components/Label/styles.module.scss.d.ts +3 -1
- package/components/List/styles.module.scss +7 -7
- package/components/Modal/index.js +71 -82
- package/components/Modal/index.js.map +1 -1
- package/components/Modal/styles.module.scss +12 -6
- package/components/NotificationPanel/index.js +3 -3
- package/components/NotificationPanel/index.js.map +1 -1
- package/components/PanelList/index.js +5 -5
- package/components/PanelList/index.js.map +1 -1
- package/components/PopMenu/index.js +5 -5
- package/components/PopMenu/index.js.map +1 -1
- package/components/Portal/index.js +3 -3
- package/components/Portal/index.js.map +1 -1
- package/components/PromoPanel/index.js +2 -2
- package/components/PromoPanel/index.js.map +1 -1
- package/components/StickyNote/index.js +12 -6
- package/components/StickyNote/index.js.map +1 -1
- package/components/Tabs/Tabs.d.ts +2 -0
- package/components/Tabs/index.js +8 -4
- package/components/Tabs/index.js.map +1 -1
- package/components/TagList/index.js +2 -2
- package/components/TagList/index.js.map +1 -1
- package/components/Tile/index.js +6 -6
- package/components/Tile/index.js.map +1 -1
- package/components/Toggle/index.js +3 -3910
- package/components/Toggle/index.js.map +1 -1
- package/components/Tooltip/index.js +2 -2
- package/components/Tooltip/index.js.map +1 -1
- package/components/Validation/index.js +6 -6
- package/components/Validation/index.js.map +1 -1
- package/constants.d.ts +1 -0
- package/constants.js +1 -0
- package/constants.js.map +1 -1
- package/hoc/withBreakpoint/withBreakpoint.js +2 -2
- package/hoc/withBreakpoint/withBreakpoint.js.map +1 -1
- package/hooks/useBreakpoint.d.ts +0 -4
- package/hooks/useBreakpoint.js +23 -18
- package/hooks/useBreakpoint.js.map +1 -1
- package/hooks/useEventListenerState.js +3 -3
- package/hooks/useEventListenerState.js.map +1 -1
- package/hooks/useOutsideEvent.d.ts +4 -4
- package/hooks/useOutsideEvent.js +5 -4
- package/hooks/useOutsideEvent.js.map +1 -1
- package/hooks/useReturnFocusOnUnmount.d.ts +5 -0
- package/hooks/useReturnFocusOnUnmount.js +20 -0
- package/hooks/useReturnFocusOnUnmount.js.map +1 -0
- package/package.json +1 -1
- package/scss/_breakpoints.scss +6 -0
- package/scss/_font-mixins.scss +55 -0
- package/scss/typography.module.scss +24 -0
- package/scss/typography.module.scss.d.ts +6 -0
- package/scss/typography.stories.tsx +24 -0
- package/theme/index.js +2 -2
- package/use-animate.js +3952 -0
- package/use-animate.js.map +1 -0
- package/utils/accessibility.d.ts +1 -0
- package/utils/accessibility.js +6 -1
- package/utils/accessibility.js.map +1 -1
- package/utils/component.js +4 -4
- 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(
|
|
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
|
|
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
|
-
|
|
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 {
|
|
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,
|
|
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 {
|
|
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,
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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,
|
|
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,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;"}
|