@helsenorge/designsystem-react 13.8.0 → 13.9.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 (38) hide show
  1. package/lib/CHANGELOG.md +19 -0
  2. package/lib/DoctorSmall.js +22 -35
  3. package/lib/DoctorSmall.js.map +1 -1
  4. package/lib/Drawer.js +2 -1
  5. package/lib/Drawer.js.map +1 -1
  6. package/lib/HelpTriggerIcon.js +10 -7
  7. package/lib/HelpTriggerIcon.js.map +1 -1
  8. package/lib/IllustrationNames.js +6 -2
  9. package/lib/IllustrationNames.js.map +1 -1
  10. package/lib/LazyIllustration.js +5 -1
  11. package/lib/LazyIllustration.js.map +1 -1
  12. package/lib/StorkMedium.js +96 -0
  13. package/lib/StorkMedium.js.map +1 -0
  14. package/lib/ThinkingMedium.js +98 -0
  15. package/lib/ThinkingMedium.js.map +1 -0
  16. package/lib/components/Button/styles.module.scss +1 -3
  17. package/lib/components/Drawer/styles.module.scss +4 -21
  18. package/lib/components/Drawer/styles.module.scss.d.ts +1 -1
  19. package/lib/components/HelpTriggerIcon/HelpSign.d.ts +0 -1
  20. package/lib/components/HelpTriggerInline/styles.module.scss +1 -0
  21. package/lib/components/Illustrations/IllustrationNames.d.ts +1 -1
  22. package/lib/components/Illustrations/Stork.d.ts +11 -0
  23. package/lib/components/Illustrations/Stork.js +16 -0
  24. package/lib/components/Illustrations/Stork.js.map +1 -0
  25. package/lib/components/Illustrations/StorkMedium.d.ts +4 -0
  26. package/lib/components/Illustrations/StorkMedium.js +2 -0
  27. package/lib/components/Illustrations/Thinking.d.ts +9 -0
  28. package/lib/components/Illustrations/Thinking.js +16 -0
  29. package/lib/components/Illustrations/Thinking.js.map +1 -0
  30. package/lib/components/Illustrations/ThinkingMedium.d.ts +4 -0
  31. package/lib/components/Illustrations/ThinkingMedium.js +2 -0
  32. package/lib/components/ServiceMessage/ServiceMessage.d.ts +3 -1
  33. package/lib/components/ServiceMessage/index.js +3 -3
  34. package/lib/components/ServiceMessage/index.js.map +1 -1
  35. package/lib/components/StickyNote/Triangle.d.ts +0 -1
  36. package/lib/components/StickyNote/index.js +8 -5
  37. package/lib/components/StickyNote/index.js.map +1 -1
  38. package/package.json +1 -1
package/lib/StorkMedium.js ADDED
@@ -0,0 +1,96 @@
1
+ import { r as ViewBoxSize } from "./Illustration.js";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ var StorkMedium = ({ color, svgProperties, title }) => {
4
+ const palette = (() => {
5
+ switch (color) {
6
+ case "blueberry": return {
7
+ lines: "#000",
8
+ stork: "#E4F7F9",
9
+ blob: "#CAE7ED",
10
+ beak: "#126F87",
11
+ bag: "#FFF"
12
+ };
13
+ case "cherry": return {
14
+ lines: "#1D1C1A",
15
+ stork: "#FFF2EA",
16
+ blob: "#F7E6DA",
17
+ beak: "#C73727",
18
+ bag: "#FFF"
19
+ };
20
+ default: return {
21
+ lines: "#1D1C1A",
22
+ stork: "#F5F3F3",
23
+ blob: "#EAE7E7",
24
+ beak: "#62625F",
25
+ bag: "#FFF"
26
+ };
27
+ }
28
+ })();
29
+ return /* @__PURE__ */ jsxs("svg", {
30
+ ...svgProperties,
31
+ viewBox: ViewBoxSize.Medium,
32
+ children: [
33
+ title,
34
+ /* @__PURE__ */ jsx("path", {
35
+ d: "M182.472 132.175c35.52-23.612 64.972-7.746 81.79 7.201 27.014 24.02 25.642 70.676 79.08 88.618 34.533 11.59 54.981 61.445 45.148 95.24-7.519 25.869-42.324 72.185-113.306 38.741-49.446-23.306-94.334-15.424-130.931-56.274-29.055-32.435-44.501-118.534 38.219-173.526Z",
36
+ fill: palette.blob
37
+ }),
38
+ /* @__PURE__ */ jsx("path", {
39
+ d: "m348.82 244.041-8.234-28.318-14.312-33.842-13.802-27.921-5.681-5.648-14.142 27.922-15.651 37.901-11.17 42.585-1.554 27.105 6.317 16.818 14.414 15.22 14.153 4.003 11.477 1.304 15.945-4.015 11.818-7.972 7.745-9.606 4.956-11.488 1.078-18.418-3.357-25.63Zm-31.46 7.473-4.899 3.595-8.505 1.611-6.272-6.204-1.463-8.97 1.939-30.394 5.194-26.742 4.979-18.837 9.027 36.257 2.62 20.913.318 22.885-2.938 5.886Zm-7.904-107.361s-4.185-18.384 2.994-19.393c7.179-1.009 7.133 5.671 7.133 5.671l-1.984 12.225s7.802-7.372 11.545-6.124c3.742 1.247 4.457 5.772 4.457 5.772l-2.235 4.412-14.765 4.786-7.134-7.36-.011.011Z",
40
+ fill: palette.bag
41
+ }),
42
+ /* @__PURE__ */ jsx("path", {
43
+ d: "m258.842 101.586 47.949 46.724-2.325 3.198-53.881-41.564 8.257-8.358Zm-17.658 48.133s14.074 56.25 14.074 58.144c0 1.894 2.54 27.581 2.54 27.581l-1.803 17.828-9.504 20.278-17.839 19.007-12.044 5.285-15.424 4.65h-17.828l-12.168-3.38s109.802-.635 69.996-149.393Z",
44
+ fill: palette.beak
45
+ }),
46
+ /* @__PURE__ */ jsx("path", {
47
+ d: "M308.231 322.869c-25.166 0-45.647-20.482-45.647-45.647-.817-54.119 43.106-127.653 43.549-128.39a1.7 1.7 0 0 1 2.336-.578 1.7 1.7 0 0 1 .578 2.336c-.442.726-43.866 73.443-43.061 126.609 0 23.317 18.951 42.268 42.245 42.268 23.294 0 42.244-18.951 42.244-42.245 0-44.354-20.674-84.954-33.024-109.224-2.711-5.33-5.058-9.923-6.544-13.371a1.693 1.693 0 0 1 .896-2.234 1.693 1.693 0 0 1 2.234.896c1.441 3.346 3.765 7.905 6.442 13.178 12.486 24.53 33.399 65.596 33.399 110.766 0 25.166-20.482 45.647-45.647 45.647v-.011Z",
48
+ fill: palette.lines
49
+ }),
50
+ /* @__PURE__ */ jsx("path", {
51
+ d: "M308.333 258.418c-7.655 0-13.87-6.226-13.87-13.87 0-44.853 11.5-81.303 11.613-81.665a1.706 1.706 0 0 1 1.622-1.18h.023c.748 0 1.395.499 1.61 1.214 12.883 43.526 12.883 62.034 12.883 81.631 0 7.655-6.226 13.87-13.869 13.87h-.012Zm-.624-88.867c-3.152 11.829-9.843 40.952-9.843 74.986 0 5.772 4.695 10.467 10.467 10.467 5.773 0 10.468-4.695 10.468-10.467 0-18.474 0-35.962-11.092-74.986Z",
52
+ fill: palette.lines
53
+ }),
54
+ /* @__PURE__ */ jsx("path", {
55
+ d: "m246.805 67.852 8.747 1.593 8.945 7.155 3.578 9.342v6.361l-17.095 17.294-9.542 1.59-3.777 4.771v8.945l1.392 14.113 3.379 17.095 10.337 38.96 3.18 17.294 2.187 15.107-1.193 19.083-4.174 16.499-6.958 12.324-10.137 11.728-13.716 9.143-15.704 4.97-18.287 2.385c-3.777-.729-11.609-2.226-12.722-2.385-1.113-.159-10.933-4.307-15.703-6.361l-28.625-19.48 5.566-13.517 5.566-9.541 7.752-10.536 11.927-9.541 11.132-9.144 12.92-12.722 16.101-17.492 7.156-10.535 7.952-14.313 4.969-11.926 3.578-20.673V82.96l3.578-6.36 6.56-5.566 11.131-3.182Z",
56
+ fill: palette.stork
57
+ }),
58
+ /* @__PURE__ */ jsx("path", {
59
+ d: "M191.295 304.669a68.073 68.073 0 0 1-44.796-16.785l-17.851-7.462a1.7 1.7 0 0 1-.93-2.189c11.443-29.055 21.242-37.47 31.619-46.384l.907-.783c3.391-2.914 6.6-5.67 9.651-8.278 37.251-31.944 55.374-64.379 54.368-97.305-.295-9.731-.669-21.831-.669-36.472 0-12.69 10.32-23.011 23.011-23.011 12.69 0 23.01 10.32 23.01 23.01a23.16 23.16 0 0 1-.238 3.335 1.702 1.702 0 1 1-3.368-.488c.136-.93.204-1.882.204-2.846 0-10.82-8.801-19.609-19.608-19.609-10.808 0-19.609 8.8-19.609 19.609 0 14.584.375 26.662.669 36.37 1.044 34.015-17.472 67.346-55.547 99.992-3.051 2.62-6.26 5.364-9.651 8.279l-.908.783c-10.286 8.834-19.2 16.489-30.053 43.503l16.558 6.929c.17.068.329.171.465.295a64.685 64.685 0 0 0 42.766 16.127c35.713 0 64.768-29.055 64.768-64.768.692-19.109-5.886-44.592-11.692-67.07-6.839-26.481-12.736-49.344-6.011-57.555 1.928-2.347 4.718-3.447 8.347-3.254 1.134 0 2.37-.114 3.572-.341a1.698 1.698 0 0 1 1.985 1.361 1.7 1.7 0 0 1-1.361 1.985 23.54 23.54 0 0 1-4.287.397c-2.597-.147-4.4.522-5.625 2.007-5.625 6.873.352 30.031 6.68 54.55 5.863 22.704 12.497 48.448 11.794 67.988 0 37.527-30.575 68.114-68.17 68.114v-.034Z",
60
+ fill: palette.lines
61
+ }),
62
+ /* @__PURE__ */ jsx("path", {
63
+ d: "M131.189 273.196c-7.53 18.315-7.576 34.76 1.622 43.957l87.2-87.2-88.822 43.243Z",
64
+ fill: palette.lines
65
+ }),
66
+ /* @__PURE__ */ jsx("path", {
67
+ d: "M132.811 318.854c-.431 0-.874-.17-1.202-.499-9.379-9.379-10.105-26.073-1.997-45.806.159-.386.454-.703.828-.885l88.822-43.242a1.702 1.702 0 0 1 1.951 2.733l-87.2 87.2a1.71 1.71 0 0 1-1.202.499Zm-.295-44.411c-6.952 17.249-6.805 31.766.34 40.249l78.774-78.774-79.114 38.525Zm201.402-97.672c-.374 0-.748-.125-1.066-.374l-18.463-14.766a1.71 1.71 0 0 1-.272-2.393 1.71 1.71 0 0 1 2.393-.272l6.521 5.217-55.275-69.111-13.836 13.835 52.655 42.109c.738.59.851 1.656.273 2.393a1.71 1.71 0 0 1-2.393.272l-54.142-43.299a1.706 1.706 0 0 1-.635-1.236 1.707 1.707 0 0 1 .499-1.293l16.524-16.524c.34-.34.816-.522 1.293-.499a1.7 1.7 0 0 1 1.236.635l66.015 82.539a1.701 1.701 0 0 1-1.327 2.767ZM198.531 432.613c-.93 0-1.679-.737-1.701-1.667l-2.665-153.93a1.714 1.714 0 0 1 1.667-1.735c.941 0 1.712.737 1.735 1.667l2.665 153.93a1.714 1.714 0 0 1-1.667 1.735h-.034Z",
68
+ fill: palette.lines
69
+ }),
70
+ /* @__PURE__ */ jsx("path", {
71
+ d: "m198.53 431.212 27.06-4.196s-7.587 3.787 1.825 8.585c0 0-11.045.442-3.288 9.231 0 0-15.118-7.632-25.585-13.62h-.012Z",
72
+ fill: palette.lines
73
+ }),
74
+ /* @__PURE__ */ jsx("path", {
75
+ d: "M224.105 446.52c-.261 0-.522-.057-.76-.181-.148-.08-15.276-7.712-25.665-13.655a1.707 1.707 0 0 1-.827-1.792 1.713 1.713 0 0 1 1.417-1.372l27.059-4.196a1.707 1.707 0 0 1 1.883 1.168 1.715 1.715 0 0 1-.862 2.042c-.601.306-1.95 1.292-1.95 2.154 0 .341.272 1.599 3.776 3.391a1.692 1.692 0 0 1 .885 1.883 1.705 1.705 0 0 1-1.6 1.338c-1.474.068-3.867.669-4.332 1.747-.385.895.454 2.631 2.246 4.661.544.612.567 1.519.068 2.166a1.697 1.697 0 0 1-1.35.658l.012-.012Zm-20.448-14.391c5.67 3.13 11.897 6.384 16.127 8.562-.238-1.077-.159-2.087.238-3.005.612-1.418 1.837-2.314 3.13-2.87-1.452-1.292-2.155-2.665-2.155-4.162 0-.442.068-.862.193-1.259l-17.522 2.711-.011.023Zm23.045-36.699s16.115 2.846 23.158 11.465c0 0-11.489-4.445-6.521 6.998 0 0-9.776-8.767-11.08 2.676l-5.557-21.139Z",
76
+ fill: palette.lines
77
+ }),
78
+ /* @__PURE__ */ jsx("path", {
79
+ d: "M232.27 418.272a1.698 1.698 0 0 1-1.645-1.27l-5.557-21.139c-.147-.567 0-1.157.397-1.588a1.684 1.684 0 0 1 1.542-.522c.681.125 16.819 3.051 24.179 12.067.488.601.511 1.452.057 2.075a1.718 1.718 0 0 1-1.996.59c-1.645-.635-4.434-1.111-5.171-.34-.454.476-.477 2.064.827 5.069.318.737.08 1.588-.567 2.053a1.708 1.708 0 0 1-2.132-.113c-1.293-1.157-4.536-3.323-6.305-2.654-1.327.51-1.792 2.88-1.951 4.253a1.706 1.706 0 0 1-1.565 1.508h-.125l.012.011Zm-3.21-20.572 3.47 13.201c.602-.726 1.316-1.248 2.167-1.565 1.894-.726 3.98-.204 5.738.612-.181-1.769.216-3.141 1.191-4.151.816-.85 1.905-1.258 3.028-1.395-5.137-3.697-11.919-5.772-15.594-6.691v-.011Z",
80
+ fill: palette.lines
81
+ }),
82
+ /* @__PURE__ */ jsx("path", {
83
+ d: "M226.701 397.128c-.419 0-.839-.148-1.168-.465l-58.961-55.31a1.692 1.692 0 0 1-.34-2.03l19.302-36.619a1.718 1.718 0 0 1 2.302-.715 1.715 1.715 0 0 1 .715 2.302l-18.701 35.475 58.019 54.424c.681.647.715 1.724.08 2.405a1.695 1.695 0 0 1-1.236.533h-.012Zm28.591-306.994a1.7 1.7 0 0 1-1.702-1.701 5.78 5.78 0 0 0-5.772-5.773 5.774 5.774 0 0 0-5.773 5.773c0 .94-.76 1.7-1.701 1.7-.941 0-1.701-.76-1.701-1.7 0-5.059 4.117-9.175 9.175-9.175 5.058 0 9.175 4.117 9.175 9.175 0 .94-.76 1.7-1.701 1.7Zm77.515 85.238c-.431 0-.851-.159-1.191-.488l-73.954-72.082a1.7 1.7 0 0 1 2.37-2.438l73.954 72.082a1.7 1.7 0 0 1 .034 2.404 1.68 1.68 0 0 1-1.213.511v.011Zm-20.289-25.357c-.329 0-.658-.09-.953-.294a1.71 1.71 0 0 1-.453-2.359c5.852-8.608 6.691-16.274 6.759-16.989a3.977 3.977 0 0 0-3.97-3.913c-2.166 0-3.969 1.781-3.969 3.97 0 .068-.057 4.479 1.27 13.87a1.691 1.691 0 0 1-1.451 1.916 1.694 1.694 0 0 1-1.917-1.451c-1.361-9.708-1.304-14.188-1.304-14.369 0-4.038 3.311-7.349 7.371-7.349 4.06 0 7.372 3.311 7.372 7.371v.114c-.023.363-.669 8.914-7.338 18.724a1.689 1.689 0 0 1-1.406.748l-.011.011Z",
84
+ fill: palette.lines
85
+ }),
86
+ /* @__PURE__ */ jsx("path", {
87
+ d: "M315.285 153.473a1.707 1.707 0 0 1-1.667-1.383 1.709 1.709 0 0 1 1.349-1.996c9.379-1.815 14.642-4.389 15.458-4.809a3.972 3.972 0 0 0 .646-5.489 3.997 3.997 0 0 0-2.631-1.531 3.958 3.958 0 0 0-2.937.783c-.125.091-.249.17-.385.227-.023 0-3.561 1.565-10.003 8.086a1.69 1.69 0 0 1-2.404.011 1.69 1.69 0 0 1-.012-2.404c6.17-6.26 9.969-8.29 10.91-8.744 3.221-2.325 7.746-1.667 10.173 1.508 2.472 3.232 1.849 7.871-1.384 10.343-.068.045-.136.102-.215.136-.227.125-5.795 3.142-16.569 5.228a1.605 1.605 0 0 1-.329.034Z",
88
+ fill: palette.lines
89
+ })
90
+ ]
91
+ });
92
+ };
93
+ var StorkMedium_default = StorkMedium;
94
+ export { StorkMedium_default as t };
95
+
96
+ //# sourceMappingURL=StorkMedium.js.map
package/lib/StorkMedium.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StorkMedium.js","names":["StorkMedium: React.FC<BaseSvgIllustrationProps>"],"sources":["../src/components/Illustrations/StorkMedium.tsx"],"sourcesContent":["import type React from 'react';\n\nimport type { Palette } from './Stork';\n\nimport { type BaseSvgIllustrationProps, ViewBoxSize } from '../Illustration';\n\nconst StorkMedium: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n const palette = ((): Palette => {\n switch (color) {\n case 'blueberry':\n return {\n lines: '#000',\n stork: '#E4F7F9',\n blob: '#CAE7ED',\n beak: '#126F87',\n bag: '#FFF',\n };\n case 'cherry':\n return {\n lines: '#1D1C1A',\n stork: '#FFF2EA',\n blob: '#F7E6DA',\n beak: '#C73727',\n bag: '#FFF',\n };\n default:\n return {\n lines: '#1D1C1A',\n stork: '#F5F3F3',\n blob: '#EAE7E7',\n beak: '#62625F',\n bag: '#FFF',\n };\n }\n })();\n\n return (\n <svg {...svgProperties} viewBox={ViewBoxSize.Medium}>\n {title}\n <path\n d=\"M182.472 132.175c35.52-23.612 64.972-7.746 81.79 7.201 27.014 24.02 25.642 70.676 79.08 88.618 34.533 11.59 54.981 61.445 45.148 95.24-7.519 25.869-42.324 72.185-113.306 38.741-49.446-23.306-94.334-15.424-130.931-56.274-29.055-32.435-44.501-118.534 38.219-173.526Z\"\n fill={palette.blob}\n />\n <path\n d=\"m348.82 244.041-8.234-28.318-14.312-33.842-13.802-27.921-5.681-5.648-14.142 27.922-15.651 37.901-11.17 42.585-1.554 27.105 6.317 16.818 14.414 15.22 14.153 4.003 11.477 1.304 15.945-4.015 11.818-7.972 7.745-9.606 4.956-11.488 1.078-18.418-3.357-25.63Zm-31.46 7.473-4.899 3.595-8.505 1.611-6.272-6.204-1.463-8.97 1.939-30.394 5.194-26.742 4.979-18.837 9.027 36.257 2.62 20.913.318 22.885-2.938 5.886Zm-7.904-107.361s-4.185-18.384 2.994-19.393c7.179-1.009 7.133 5.671 7.133 5.671l-1.984 12.225s7.802-7.372 11.545-6.124c3.742 1.247 4.457 5.772 4.457 5.772l-2.235 4.412-14.765 4.786-7.134-7.36-.011.011Z\"\n fill={palette.bag}\n />\n <path\n d=\"m258.842 101.586 47.949 46.724-2.325 3.198-53.881-41.564 8.257-8.358Zm-17.658 48.133s14.074 56.25 14.074 58.144c0 1.894 2.54 27.581 2.54 27.581l-1.803 17.828-9.504 20.278-17.839 19.007-12.044 5.285-15.424 4.65h-17.828l-12.168-3.38s109.802-.635 69.996-149.393Z\"\n fill={palette.beak}\n />\n <path\n d=\"M308.231 322.869c-25.166 0-45.647-20.482-45.647-45.647-.817-54.119 43.106-127.653 43.549-128.39a1.7 1.7 0 0 1 2.336-.578 1.7 1.7 0 0 1 .578 2.336c-.442.726-43.866 73.443-43.061 126.609 0 23.317 18.951 42.268 42.245 42.268 23.294 0 42.244-18.951 42.244-42.245 0-44.354-20.674-84.954-33.024-109.224-2.711-5.33-5.058-9.923-6.544-13.371a1.693 1.693 0 0 1 .896-2.234 1.693 1.693 0 0 1 2.234.896c1.441 3.346 3.765 7.905 6.442 13.178 12.486 24.53 33.399 65.596 33.399 110.766 0 25.166-20.482 45.647-45.647 45.647v-.011Z\"\n fill={palette.lines}\n />\n <path\n d=\"M308.333 258.418c-7.655 0-13.87-6.226-13.87-13.87 0-44.853 11.5-81.303 11.613-81.665a1.706 1.706 0 0 1 1.622-1.18h.023c.748 0 1.395.499 1.61 1.214 12.883 43.526 12.883 62.034 12.883 81.631 0 7.655-6.226 13.87-13.869 13.87h-.012Zm-.624-88.867c-3.152 11.829-9.843 40.952-9.843 74.986 0 5.772 4.695 10.467 10.467 10.467 5.773 0 10.468-4.695 10.468-10.467 0-18.474 0-35.962-11.092-74.986Z\"\n fill={palette.lines}\n />\n <path\n d=\"m246.805 67.852 8.747 1.593 8.945 7.155 3.578 9.342v6.361l-17.095 17.294-9.542 1.59-3.777 4.771v8.945l1.392 14.113 3.379 17.095 10.337 38.96 3.18 17.294 2.187 15.107-1.193 19.083-4.174 16.499-6.958 12.324-10.137 11.728-13.716 9.143-15.704 4.97-18.287 2.385c-3.777-.729-11.609-2.226-12.722-2.385-1.113-.159-10.933-4.307-15.703-6.361l-28.625-19.48 5.566-13.517 5.566-9.541 7.752-10.536 11.927-9.541 11.132-9.144 12.92-12.722 16.101-17.492 7.156-10.535 7.952-14.313 4.969-11.926 3.578-20.673V82.96l3.578-6.36 6.56-5.566 11.131-3.182Z\"\n fill={palette.stork}\n />\n <path\n d=\"M191.295 304.669a68.073 68.073 0 0 1-44.796-16.785l-17.851-7.462a1.7 1.7 0 0 1-.93-2.189c11.443-29.055 21.242-37.47 31.619-46.384l.907-.783c3.391-2.914 6.6-5.67 9.651-8.278 37.251-31.944 55.374-64.379 54.368-97.305-.295-9.731-.669-21.831-.669-36.472 0-12.69 10.32-23.011 23.011-23.011 12.69 0 23.01 10.32 23.01 23.01a23.16 23.16 0 0 1-.238 3.335 1.702 1.702 0 1 1-3.368-.488c.136-.93.204-1.882.204-2.846 0-10.82-8.801-19.609-19.608-19.609-10.808 0-19.609 8.8-19.609 19.609 0 14.584.375 26.662.669 36.37 1.044 34.015-17.472 67.346-55.547 99.992-3.051 2.62-6.26 5.364-9.651 8.279l-.908.783c-10.286 8.834-19.2 16.489-30.053 43.503l16.558 6.929c.17.068.329.171.465.295a64.685 64.685 0 0 0 42.766 16.127c35.713 0 64.768-29.055 64.768-64.768.692-19.109-5.886-44.592-11.692-67.07-6.839-26.481-12.736-49.344-6.011-57.555 1.928-2.347 4.718-3.447 8.347-3.254 1.134 0 2.37-.114 3.572-.341a1.698 1.698 0 0 1 1.985 1.361 1.7 1.7 0 0 1-1.361 1.985 23.54 23.54 0 0 1-4.287.397c-2.597-.147-4.4.522-5.625 2.007-5.625 6.873.352 30.031 6.68 54.55 5.863 22.704 12.497 48.448 11.794 67.988 0 37.527-30.575 68.114-68.17 68.114v-.034Z\"\n fill={palette.lines}\n />\n <path d=\"M131.189 273.196c-7.53 18.315-7.576 34.76 1.622 43.957l87.2-87.2-88.822 43.243Z\" fill={palette.lines} />\n <path\n d=\"M132.811 318.854c-.431 0-.874-.17-1.202-.499-9.379-9.379-10.105-26.073-1.997-45.806.159-.386.454-.703.828-.885l88.822-43.242a1.702 1.702 0 0 1 1.951 2.733l-87.2 87.2a1.71 1.71 0 0 1-1.202.499Zm-.295-44.411c-6.952 17.249-6.805 31.766.34 40.249l78.774-78.774-79.114 38.525Zm201.402-97.672c-.374 0-.748-.125-1.066-.374l-18.463-14.766a1.71 1.71 0 0 1-.272-2.393 1.71 1.71 0 0 1 2.393-.272l6.521 5.217-55.275-69.111-13.836 13.835 52.655 42.109c.738.59.851 1.656.273 2.393a1.71 1.71 0 0 1-2.393.272l-54.142-43.299a1.706 1.706 0 0 1-.635-1.236 1.707 1.707 0 0 1 .499-1.293l16.524-16.524c.34-.34.816-.522 1.293-.499a1.7 1.7 0 0 1 1.236.635l66.015 82.539a1.701 1.701 0 0 1-1.327 2.767ZM198.531 432.613c-.93 0-1.679-.737-1.701-1.667l-2.665-153.93a1.714 1.714 0 0 1 1.667-1.735c.941 0 1.712.737 1.735 1.667l2.665 153.93a1.714 1.714 0 0 1-1.667 1.735h-.034Z\"\n fill={palette.lines}\n />\n <path\n d=\"m198.53 431.212 27.06-4.196s-7.587 3.787 1.825 8.585c0 0-11.045.442-3.288 9.231 0 0-15.118-7.632-25.585-13.62h-.012Z\"\n fill={palette.lines}\n />\n <path\n d=\"M224.105 446.52c-.261 0-.522-.057-.76-.181-.148-.08-15.276-7.712-25.665-13.655a1.707 1.707 0 0 1-.827-1.792 1.713 1.713 0 0 1 1.417-1.372l27.059-4.196a1.707 1.707 0 0 1 1.883 1.168 1.715 1.715 0 0 1-.862 2.042c-.601.306-1.95 1.292-1.95 2.154 0 .341.272 1.599 3.776 3.391a1.692 1.692 0 0 1 .885 1.883 1.705 1.705 0 0 1-1.6 1.338c-1.474.068-3.867.669-4.332 1.747-.385.895.454 2.631 2.246 4.661.544.612.567 1.519.068 2.166a1.697 1.697 0 0 1-1.35.658l.012-.012Zm-20.448-14.391c5.67 3.13 11.897 6.384 16.127 8.562-.238-1.077-.159-2.087.238-3.005.612-1.418 1.837-2.314 3.13-2.87-1.452-1.292-2.155-2.665-2.155-4.162 0-.442.068-.862.193-1.259l-17.522 2.711-.011.023Zm23.045-36.699s16.115 2.846 23.158 11.465c0 0-11.489-4.445-6.521 6.998 0 0-9.776-8.767-11.08 2.676l-5.557-21.139Z\"\n fill={palette.lines}\n />\n <path\n d=\"M232.27 418.272a1.698 1.698 0 0 1-1.645-1.27l-5.557-21.139c-.147-.567 0-1.157.397-1.588a1.684 1.684 0 0 1 1.542-.522c.681.125 16.819 3.051 24.179 12.067.488.601.511 1.452.057 2.075a1.718 1.718 0 0 1-1.996.59c-1.645-.635-4.434-1.111-5.171-.34-.454.476-.477 2.064.827 5.069.318.737.08 1.588-.567 2.053a1.708 1.708 0 0 1-2.132-.113c-1.293-1.157-4.536-3.323-6.305-2.654-1.327.51-1.792 2.88-1.951 4.253a1.706 1.706 0 0 1-1.565 1.508h-.125l.012.011Zm-3.21-20.572 3.47 13.201c.602-.726 1.316-1.248 2.167-1.565 1.894-.726 3.98-.204 5.738.612-.181-1.769.216-3.141 1.191-4.151.816-.85 1.905-1.258 3.028-1.395-5.137-3.697-11.919-5.772-15.594-6.691v-.011Z\"\n fill={palette.lines}\n />\n <path\n d=\"M226.701 397.128c-.419 0-.839-.148-1.168-.465l-58.961-55.31a1.692 1.692 0 0 1-.34-2.03l19.302-36.619a1.718 1.718 0 0 1 2.302-.715 1.715 1.715 0 0 1 .715 2.302l-18.701 35.475 58.019 54.424c.681.647.715 1.724.08 2.405a1.695 1.695 0 0 1-1.236.533h-.012Zm28.591-306.994a1.7 1.7 0 0 1-1.702-1.701 5.78 5.78 0 0 0-5.772-5.773 5.774 5.774 0 0 0-5.773 5.773c0 .94-.76 1.7-1.701 1.7-.941 0-1.701-.76-1.701-1.7 0-5.059 4.117-9.175 9.175-9.175 5.058 0 9.175 4.117 9.175 9.175 0 .94-.76 1.7-1.701 1.7Zm77.515 85.238c-.431 0-.851-.159-1.191-.488l-73.954-72.082a1.7 1.7 0 0 1 2.37-2.438l73.954 72.082a1.7 1.7 0 0 1 .034 2.404 1.68 1.68 0 0 1-1.213.511v.011Zm-20.289-25.357c-.329 0-.658-.09-.953-.294a1.71 1.71 0 0 1-.453-2.359c5.852-8.608 6.691-16.274 6.759-16.989a3.977 3.977 0 0 0-3.97-3.913c-2.166 0-3.969 1.781-3.969 3.97 0 .068-.057 4.479 1.27 13.87a1.691 1.691 0 0 1-1.451 1.916 1.694 1.694 0 0 1-1.917-1.451c-1.361-9.708-1.304-14.188-1.304-14.369 0-4.038 3.311-7.349 7.371-7.349 4.06 0 7.372 3.311 7.372 7.371v.114c-.023.363-.669 8.914-7.338 18.724a1.689 1.689 0 0 1-1.406.748l-.011.011Z\"\n fill={palette.lines}\n />\n <path\n d=\"M315.285 153.473a1.707 1.707 0 0 1-1.667-1.383 1.709 1.709 0 0 1 1.349-1.996c9.379-1.815 14.642-4.389 15.458-4.809a3.972 3.972 0 0 0 .646-5.489 3.997 3.997 0 0 0-2.631-1.531 3.958 3.958 0 0 0-2.937.783c-.125.091-.249.17-.385.227-.023 0-3.561 1.565-10.003 8.086a1.69 1.69 0 0 1-2.404.011 1.69 1.69 0 0 1-.012-2.404c6.17-6.26 9.969-8.29 10.91-8.744 3.221-2.325 7.746-1.667 10.173 1.508 2.472 3.232 1.849 7.871-1.384 10.343-.068.045-.136.102-.215.136-.227.125-5.795 3.142-16.569 5.228a1.605 1.605 0 0 1-.329.034Z\"\n fill={palette.lines}\n />\n </svg>\n );\n};\n\nexport default StorkMedium;\n"],"mappings":";;AAMA,IAAMA,eAAmD,EAAE,OAAO,eAAe,YAAY;CAC3F,MAAM,iBAA0B;AAC9B,UAAQ,OAAR;GACE,KAAK,YACH,QAAO;IACL,OAAO;IACP,OAAO;IACP,MAAM;IACN,MAAM;IACN,KAAK;IACN;GACH,KAAK,SACH,QAAO;IACL,OAAO;IACP,OAAO;IACP,MAAM;IACN,MAAM;IACN,KAAK;IACN;GACH,QACE,QAAO;IACL,OAAO;IACP,OAAO;IACP,MAAM;IACN,MAAM;IACN,KAAK;IACN;;KAEH;AAEJ,QACE,qBAAC,OAAA;EAAI,GAAI;EAAe,SAAS,YAAY;;GAC1C;GACD,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IAAK,GAAE;IAAkF,MAAM,QAAQ;KAAS;GACjH,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;;GACE;;AAIV,IAAA,sBAAe"}
package/lib/ThinkingMedium.js ADDED
@@ -0,0 +1,98 @@
1
+ import { r as ViewBoxSize } from "./Illustration.js";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ var ThinkingMedium = ({ color, svgProperties, title }) => {
4
+ const palette = (() => {
5
+ switch (color) {
6
+ case "blueberry": return {
7
+ lines: "#000",
8
+ shapes1: "#188097",
9
+ shapes2: "#AFDAE3"
10
+ };
11
+ case "cherry": return {
12
+ lines: "#000",
13
+ shapes1: "#A31F0E",
14
+ shapes2: "#F05A3B"
15
+ };
16
+ default: return {
17
+ lines: "#1D1C1A",
18
+ shapes1: "#989693",
19
+ shapes2: "#D6D3D2"
20
+ };
21
+ }
22
+ })();
23
+ return /* @__PURE__ */ jsxs("svg", {
24
+ ...svgProperties,
25
+ viewBox: ViewBoxSize.Medium,
26
+ children: [
27
+ title,
28
+ /* @__PURE__ */ jsx("path", {
29
+ d: "m301.601 134.422-11.125 19.26-11.115-19.26h22.24Z",
30
+ fill: palette.lines
31
+ }),
32
+ /* @__PURE__ */ jsx("path", {
33
+ d: "M215.7 117.402c6.645 0 12.033-5.387 12.033-12.033s-5.388-12.033-12.033-12.033c-6.646 0-12.033 5.387-12.033 12.033s5.387 12.033 12.033 12.033Z",
34
+ fill: palette.shapes2
35
+ }),
36
+ /* @__PURE__ */ jsx("path", {
37
+ d: "M352.636 188.933a543.85 543.85 0 0 1-15.73 3.395 116.773 116.773 0 0 0-4.179-9.625c-2.107-4.28-6.387-8.313-9.121-10.633l21.21-6.968 7.809 23.82.011.011ZM138.19 133.719l-15.753-14.487c-1.659-1.524-5.11-.448-7.72 2.386-2.611 2.835-3.373 6.375-1.726 7.899l15.753 14.487c1.659 1.524 5.11.448 7.72-2.386 2.611-2.835 3.373-6.376 1.726-7.899Z",
38
+ fill: palette.lines
39
+ }),
40
+ /* @__PURE__ */ jsx("path", {
41
+ d: "M120.712 127.141c2.608-2.839 3.38-6.372 1.726-7.892-1.655-1.519-5.109-.449-7.717 2.391-2.607 2.839-3.38 6.373-1.725 7.892 1.654 1.519 5.109.449 7.716-2.391Zm170.674-32.739-1.429 27.457 13.427.699 1.429-27.457-13.427-.7Zm45.811 97.869a586.22 586.22 0 0 1-11.417 2.196c-26.576 4.84-50.587 7.271-71.931 8.089 1.132-22.531 19.764-40.447 42.576-40.447 19.204 0 35.439 12.706 40.772 30.162Z",
42
+ fill: palette.shapes1
43
+ }),
44
+ /* @__PURE__ */ jsx("path", {
45
+ d: "m362.978 139.172 2.957 11.047-11.047-2.969 8.09-8.078Z",
46
+ fill: palette.shapes2
47
+ }),
48
+ /* @__PURE__ */ jsx("path", {
49
+ d: "M299.965 451.799c-.918 0-1.669-.74-1.68-1.658l-.874-66.329a1.679 1.679 0 0 1 1.658-1.703h.022c.919 0 1.67.74 1.681 1.659l.874 66.328a1.678 1.678 0 0 1-1.658 1.703h-.023Zm-91.784-142.302c-1.288 0-2.621-.269-4.022-.84-7.563-3.149-18.767-21.871-24.66-50.352-.964-4.672-.605-12.358 3.607-18.632 2.869-4.291 7.093-7.07 12.191-8.022 13.87-2.611 20.75 7.036 21.041 7.45a1.68 1.68 0 0 1-2.756 1.927c-.258-.358-6.006-8.268-17.658-6.072-4.258.807-7.63 3.025-10.017 6.588-3.394 5.075-4.011 11.731-3.103 16.089 4.807 23.215 14.969 44.716 22.666 47.92 3.26 1.367 7.607 1.21 15.036-10.252a1.68 1.68 0 0 1 2.319-.493c.784.504.997 1.546.493 2.331-4.078 6.285-8.974 12.369-15.126 12.369l-.011-.011Z",
50
+ fill: palette.lines
51
+ }),
52
+ /* @__PURE__ */ jsx("path", {
53
+ d: "M215.699 255.82c-.47 0-.941-.191-1.266-.583-.078-.09-7.977-9.087-15.17-9.087h-.056c-2.353.012-4.336 1.02-6.062 3.059a1.683 1.683 0 0 1-2.364.202 1.683 1.683 0 0 1-.201-2.364c2.364-2.801 5.266-4.235 8.616-4.258 8.784-.045 17.422 9.826 17.792 10.252a1.684 1.684 0 0 1-.168 2.375 1.64 1.64 0 0 1-1.098.415l-.023-.011Zm-7.697 36.301c-.28 0-.56-.067-.818-.213a1.686 1.686 0 0 1-.65-2.285c5.569-9.938.807-13.871-3.787-17.68-2.521-2.084-4.907-4.056-4.661-6.902.225-2.667 2.712-5.176 8.325-8.403a1.681 1.681 0 1 1 1.681 2.913c-5.636 3.238-6.588 5.008-6.656 5.781-.089 1.098 1.625 2.521 3.451 4.034 4.583 3.787 11.518 9.523 4.583 21.915a1.673 1.673 0 0 1-1.468.863v-.023Zm-62.989-99.709c-.717 0-1.389-.47-1.614-1.198a10.523 10.523 0 0 1-.28-1.166c-.874-5.131 2.588-10.005 7.72-10.879a9.398 9.398 0 0 1 7.742 2.151 1.686 1.686 0 0 1-2.196 2.555 6.06 6.06 0 0 0-4.986-1.389c-3.305.56-5.535 3.708-4.963 7.002.045.258.101.516.179.751a1.683 1.683 0 0 1-1.12 2.095 1.8 1.8 0 0 1-.493.067l.011.011Zm128.276-75.598c-4.583 0-8.314-3.731-8.314-8.313 0-4.583 3.731-8.313 8.314-8.313 4.582 0 8.313 3.73 8.313 8.313 0 4.582-3.731 8.313-8.313 8.313Zm0-13.276a4.954 4.954 0 0 0-4.953 4.952 4.954 4.954 0 0 0 4.953 4.952 4.954 4.954 0 0 0 4.952-4.952 4.954 4.954 0 0 0-4.952-4.952Zm-19.496 100.226h-.1a1.682 1.682 0 0 1-1.58-1.782c1.389-23.293 20.783-41.544 44.155-41.544 19.473 0 36.447 12.481 42.24 31.057a1.677 1.677 0 0 1-1.109 2.107 1.677 1.677 0 0 1-2.107-1.109c-5.344-17.165-21.03-28.694-39.024-28.694-21.59 0-39.506 16.862-40.794 38.385a1.682 1.682 0 0 1-1.681 1.58Zm-12.089-111.67a1.4 1.4 0 0 1-.37-.045l-11.551-2.565a1.66 1.66 0 0 1-1.221-1.098 1.655 1.655 0 0 1 .302-1.614l8.134-9.803-13.019-2.095a1.678 1.678 0 0 1-.918-2.846l10.531-10.532a1.671 1.671 0 0 1 2.376 0c.649.66.661 1.725 0 2.375l-8.202 8.202 12.672 2.039c.594.09 1.098.504 1.311 1.064.213.56.101 1.199-.28 1.67l-8.258 9.949 8.874 1.972a1.68 1.68 0 0 1 1.277 2.005 1.683 1.683 0 0 1-1.635 1.311l-.023.011Zm-68.042 68.289a1.663 1.663 0 0 1-1.524-.975c-1.311-2.868-1.994-5.355-2.241-7.484-4.157-.84-8.257-3.63-10.162-9.658-.784-2.498-1.087-4.952-.93-7.283a14.842 14.842 0 0 1-2.812-1.613c-2.812-2.028-4.448-4.717-4.863-8-1.109-8.75 7.025-18.666 7.373-19.092a1.685 1.685 0 0 1 2.364-.224c.717.594.818 1.647.224 2.364-.079.09-7.563 9.221-6.622 16.526.303 2.353 1.445 4.213 3.496 5.692.493.359.974.65 1.445.896a15.674 15.674 0 0 1 5.076-7.764c3.417-2.846 7.63-3.877 10.218-2.498 1.232.649 1.938 1.927 1.927 3.484-.034 3.44-3.294 7.776-7.417 9.86-2.308 1.165-4.728 1.591-7.104 1.277-.022 1.591.213 3.372.841 5.355 1.333 4.247 4.022 6.409 6.901 7.216.348-3.384 1.815-5.479 2.757-6.487 2.33-2.51 5.859-3.563 8.582-2.555 1.893.695 3.07 2.319 3.148 4.325.146 3.832-3.675 7.305-9.086 8.235a13.47 13.47 0 0 1-1.916.202c.291 1.792.919 3.742 1.86 5.815.392.84.022 1.837-.829 2.229a1.739 1.739 0 0 1-.695.157h-.011Zm5.322-17.983c-1.199 0-2.723.561-3.922 1.86-1.098 1.177-1.725 2.734-1.893 4.572a13.605 13.605 0 0 0 1.501-.157c3.552-.616 6.375-2.768 6.297-4.796-.011-.414-.135-.997-.953-1.299a2.92 2.92 0 0 0-1.03-.168v-.012Zm-16.403-9.837c2.039.258 3.787-.28 5.109-.941 3.428-1.737 5.557-5.187 5.58-6.902 0-.157-.012-.425-.135-.493-1.165-.616-3.977.023-6.498 2.118-1.166.975-3.137 3.003-4.045 6.218h-.011Zm105.431-42.398a1.69 1.69 0 0 1-1.188-.493 1.67 1.67 0 0 1 0-2.376l7.574-7.574a1.67 1.67 0 0 1 2.375 0c.65.661.661 1.726 0 2.376l-7.574 7.574a1.69 1.69 0 0 1-1.187.493Zm-2.017-12.601a1.69 1.69 0 0 1-1.188-.493 1.67 1.67 0 0 1 0-2.375l7.294-7.294a1.67 1.67 0 0 1 2.375 0c.65.661.662 1.725 0 2.375l-7.293 7.294a1.69 1.69 0 0 1-1.188.493Zm88.165 42.094c-1.423 0-2.879-.213-4.336-.65-2.42-.729-4.526-2.23-6.263-4.146a17.099 17.099 0 0 1-7.328 1.95c-9.052.257-13.075-7.115-13.96-11.07a1.68 1.68 0 0 1 1.277-2.005 1.68 1.68 0 0 1 2.006 1.266c.09.369 2.106 8.739 10.577 8.447a13.455 13.455 0 0 0 5.389-1.31c-1.67-2.667-2.745-5.726-3.137-8.549-.493-3.597.235-6.196 2.061-7.35 1.065-.661 2.902-1.087 5.658.717 3.843 2.532 5.434 6.196 4.336 10.073-.638 2.252-2.084 4.302-4.044 5.938 1.266 1.311 2.745 2.319 4.392 2.812 4.773 1.434 8.257-.37 10.33-2.14 3.316-2.812 4.65-6.689 4.47-8.067a1.678 1.678 0 0 1 1.446-1.882c.918-.135 1.759.526 1.882 1.445.358 2.711-1.692 7.72-5.625 11.058-2.677 2.275-5.826 3.451-9.131 3.451v.012Zm-11.686-20.627a.539.539 0 0 0-.235.045c-.381.235-.863 1.557-.516 4.044.325 2.342 1.233 4.93 2.622 7.171 1.446-1.255 2.454-2.734 2.868-4.179.684-2.432-.336-4.627-2.946-6.353-.885-.582-1.457-.74-1.77-.74l-.023.012Zm-221.762 28.11c2.608-2.839 3.38-6.372 1.726-7.892-1.655-1.519-5.109-.449-7.717 2.391-2.607 2.839-3.38 6.373-1.725 7.892 1.654 1.519 5.109.449 7.716-2.391Z",
54
+ fill: palette.lines
55
+ }),
56
+ /* @__PURE__ */ jsx("path", {
57
+ d: "M114.963 131.871c-1.187 0-2.263-.358-3.092-1.12-1.244-1.143-1.692-2.98-1.244-5.053.392-1.782 1.401-3.63 2.868-5.221 3.283-3.574 7.72-4.672 10.095-2.488 2.376 2.185 1.67 6.689-1.613 10.275-2.14 2.33-4.773 3.607-7.003 3.607h-.011Zm1.009-9.12c-1.042 1.143-1.793 2.476-2.051 3.664-.19.863-.101 1.546.235 1.86.706.638 3.194.056 5.345-2.286s2.521-4.874 1.826-5.523c-.706-.639-3.193-.056-5.344 2.285h-.011Z",
58
+ fill: palette.lines
59
+ }),
60
+ /* @__PURE__ */ jsx("path", {
61
+ d: "M130.705 146.358c-1.187 0-2.263-.358-3.092-1.12l-15.753-14.487a1.682 1.682 0 0 1 2.274-2.476l15.753 14.487c.695.638 3.194.056 5.345-2.286 2.151-2.341 2.521-4.874 1.826-5.523l-15.753-14.487a1.681 1.681 0 1 1 2.274-2.476l15.753 14.486c2.376 2.185 1.659 6.689-1.624 10.263-2.14 2.331-4.773 3.608-7.003 3.608v.011Zm133.318 13.154a17.92 17.92 0 0 1-3.149-.28c-6.308-1.12-10.677-5.188-9.949-9.255.381-2.106 2.005-3.787 4.594-4.739 2.274-.84 5.097-1.02 7.943-.504 6.308 1.12 10.678 5.187 9.95 9.254-.381 2.107-2.006 3.787-4.594 4.74-1.423.526-3.07.784-4.795.784Zm-3.698-11.697c-1.333 0-2.599.19-3.652.583-1.401.515-2.286 1.299-2.443 2.173-.336 1.86 2.689 4.549 7.227 5.356 2.241.403 4.504.269 6.196-.348 1.4-.515 2.285-1.299 2.442-2.173.336-1.86-2.689-4.549-7.226-5.356a14.23 14.23 0 0 0-2.555-.224l.011-.011Z",
62
+ fill: palette.lines
63
+ }),
64
+ /* @__PURE__ */ jsx("path", {
65
+ d: "M250.678 162.53c-.1 0-.201 0-.302-.022a1.677 1.677 0 0 1-1.356-1.95l1.905-10.599a1.684 1.684 0 0 1 1.949-1.356 1.677 1.677 0 0 1 1.356 1.95l-1.905 10.599a1.676 1.676 0 0 1-1.647 1.389v-.011Zm17.771 11.269c-.101 0-.202 0-.303-.022a1.677 1.677 0 0 1-1.356-1.95l3.306-18.431a1.684 1.684 0 0 1 1.949-1.355 1.676 1.676 0 0 1 1.356 1.949l-3.305 18.431a1.678 1.678 0 0 1-1.647 1.389v-.011Zm-27.327-32.967a1.67 1.67 0 0 1-1.546-1.031l-5.233-12.391a1.661 1.661 0 0 1 0-1.289c.168-.414.493-.739.908-.918l25.332-10.689a1.68 1.68 0 0 1 2.196.896l5.233 12.392c.179.414.179.874 0 1.288-.168.415-.493.74-.908.919l-25.332 10.689a1.7 1.7 0 0 1-.65.134Zm-3.025-13.176 3.921 9.288 22.24-9.377-3.921-9.289-22.24 9.378Zm-6.891 29.578c-.426 0-.841-.157-1.165-.47l-12.291-11.899-6.297 6.498a1.67 1.67 0 0 1-2.375.034 1.67 1.67 0 0 1-.034-2.375l7.462-7.709a1.68 1.68 0 0 1 2.375-.033l13.501 13.075a1.67 1.67 0 0 1 .034 2.375 1.7 1.7 0 0 1-1.21.516v-.012Zm-46.945 21.455c-.426 0-.841-.157-1.166-.47a1.672 1.672 0 0 1-.033-2.376l14.857-15.338a1.67 1.67 0 0 1 2.375-.034c.672.65.683 1.715.033 2.376l-14.856 15.338a1.699 1.699 0 0 1-1.21.515v-.011Zm147.67-14.599c-.291 0-.582-.078-.84-.224l-20.672-11.932a1.683 1.683 0 0 1-.616-2.297l11.932-20.672a1.706 1.706 0 0 1 1.02-.784 1.701 1.701 0 0 1 1.277.168l20.672 11.932a1.683 1.683 0 0 1 .616 2.297l-11.932 20.672a1.703 1.703 0 0 1-1.02.784 1.925 1.925 0 0 1-.437.056Zm-18.375-14.229 17.759 10.252 10.252-17.759-17.759-10.252-10.252 17.759Zm-152.465 15.736h-.056l-15.653-.47a1.708 1.708 0 0 1-1.434-.886 1.696 1.696 0 0 1 .045-1.68l8.235-13.322c.314-.515.885-.851 1.479-.795a1.703 1.703 0 0 1 1.434.885l7.417 13.792a1.7 1.7 0 0 1-.044 1.681 1.689 1.689 0 0 1-1.435.795h.012Zm-12.695-3.742 9.838.291-4.661-8.661-5.177 8.37Zm142.08-6.875a1.69 1.69 0 0 1-1.457-.84l-11.114-19.26a1.666 1.666 0 0 1 0-1.68 1.687 1.687 0 0 1 1.456-.841h22.24a1.69 1.69 0 0 1 1.457.841 1.67 1.67 0 0 1 0 1.68l-11.115 19.26c-.302.516-.851.84-1.456.84h-.011Zm-8.213-19.259 8.213 14.218 8.212-14.218h-16.425Z",
66
+ fill: palette.lines
67
+ }),
68
+ /* @__PURE__ */ jsx("path", {
69
+ d: "m198.109 134.477 18.476 24.761-30.689 3.619 12.213-28.38Z",
70
+ fill: palette.lines
71
+ }),
72
+ /* @__PURE__ */ jsx("path", {
73
+ d: "M185.897 164.536a1.671 1.671 0 0 1-1.345-.672 1.69 1.69 0 0 1-.202-1.669l12.202-28.391c.235-.549.75-.93 1.344-1.009a1.654 1.654 0 0 1 1.546.661l18.487 24.761a1.69 1.69 0 0 1 .202 1.67c-.235.549-.751.93-1.345 1.008l-30.688 3.63c-.067 0-.134.011-.201.011Zm12.593-26.733-9.904 23.036 24.906-2.947-15.002-20.1v.011Zm117.554 116.906c-4.941 0-10.655-1.065-17.165-3.855a1.69 1.69 0 0 1-.885-2.207 1.688 1.688 0 0 1 2.207-.885c24.447 10.498 36.077-5.019 36.559-5.692a1.685 1.685 0 0 1 2.342-.381c.75.538.918 1.591.381 2.342-.101.146-7.899 10.678-23.451 10.678h.012Z",
74
+ fill: palette.lines
75
+ }),
76
+ /* @__PURE__ */ jsx("path", {
77
+ d: "M198.277 198.441c0 .896-.056 1.77-.145 2.633-20.089-1.972-35.854-5.143-47.047-8.022 2.443-10.611 11.944-18.521 23.283-18.521 13.198 0 23.909 10.7 23.909 23.91Z",
78
+ fill: palette.shapes2
79
+ }),
80
+ /* @__PURE__ */ jsx("path", {
81
+ d: "M253.961 168.822a15.8 15.8 0 0 1-2.073 7.865l-14.43-8.335-8.101 14.027c-4.482-2.846-7.462-7.854-7.462-13.557 0-8.862 7.171-16.033 16.033-16.033 8.863 0 16.033 7.171 16.033 16.033Z",
82
+ fill: palette.shapes1
83
+ }),
84
+ /* @__PURE__ */ jsx("path", {
85
+ d: "M154.043 449.909a1.76 1.76 0 0 1-.784-.19 1.68 1.68 0 0 1-.695-2.275c2.824-5.344 5.468-10.162 8.034-14.834 21.164-38.576 29.926-54.541 3.428-121.71-15.551-39.416-21.243-70.149-23.282-88.994-1.972-18.162-1.053-28.885-.773-31.417a2.363 2.363 0 0 1 0-.571c.123-.852.963-1.457 1.792-1.446.359.012.695.146.975.359.706.246 3.025.964 10.577 2.902 13.602 3.496 28.738 6.072 44.984 7.663 17.681 1.726 36.347 2.23 55.483 1.468 23.025-.885 47.147-3.596 71.695-8.056a464.258 464.258 0 0 0 11.384-2.196 553.362 553.362 0 0 0 15.394-3.327 565.684 565.684 0 0 0 7.249-1.714c.46-.112.941-.023 1.334.246.392.269.649.684.717 1.154.045.336 1.098 8.302-3.608 29.187l42.912 86.148c.224.46.235.986.022 1.457a1.697 1.697 0 0 1-1.12.93l-30.812 7.663c-.056 37.702-2.677 71.404-30.733 73.107-9.893.605-33.052 2.006-55.437-4.033-27.473-7.406-44.772-23.428-51.427-47.618a1.674 1.674 0 0 1 1.176-2.061 1.675 1.675 0 0 1 2.062 1.176c6.319 22.957 22.822 38.184 49.062 45.265 21.86 5.893 44.638 4.515 54.363 3.921 25.467-1.546 27.584-34.497 27.584-71.056a1.69 1.69 0 0 1 1.278-1.636l30.049-7.473-42.251-84.815a1.682 1.682 0 0 1-.134-1.121c3.417-15.002 3.809-23.282 3.776-26.688-1.782.426-3.552.84-5.311 1.244a595.78 595.78 0 0 1-15.473 3.35c-3.72.762-7.574 1.501-11.451 2.207-24.705 4.493-48.984 7.227-72.165 8.112-19.283.75-38.106.257-55.942-1.491-16.415-1.602-31.719-4.212-45.5-7.753-4.269-1.098-7.395-1.938-9.311-2.498-.706 9.624-1.838 51.718 23.977 117.172 27.069 68.637 17.456 86.16-3.619 124.557-2.555 4.661-5.199 9.467-8.011 14.789a1.683 1.683 0 0 1-1.49.896h.022Z",
86
+ fill: palette.lines
87
+ }),
88
+ /* @__PURE__ */ jsx("path", {
89
+ d: "M217.985 203.765a1.683 1.683 0 0 1-1.456-2.521l19.517-33.826a1.71 1.71 0 0 1 1.02-.784 1.701 1.701 0 0 1 1.277.168l22.756 13.143a1.681 1.681 0 0 1 .616 2.296 1.673 1.673 0 0 1-2.297.617l-21.299-12.302-18.677 32.368a1.683 1.683 0 0 1-1.457.841Z",
90
+ fill: palette.lines
91
+ })
92
+ ]
93
+ });
94
+ };
95
+ var ThinkingMedium_default = ThinkingMedium;
96
+ export { ThinkingMedium_default as t };
97
+
98
+ //# sourceMappingURL=ThinkingMedium.js.map
package/lib/ThinkingMedium.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThinkingMedium.js","names":["ThinkingMedium: React.FC<BaseSvgIllustrationProps>"],"sources":["../src/components/Illustrations/ThinkingMedium.tsx"],"sourcesContent":["import type React from 'react';\n\nimport type { Palette } from './Thinking';\n\nimport { type BaseSvgIllustrationProps, ViewBoxSize } from '../Illustration';\n\nconst ThinkingMedium: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n const palette = ((): Palette => {\n switch (color) {\n case 'blueberry':\n return {\n lines: '#000',\n shapes1: '#188097',\n shapes2: '#AFDAE3',\n };\n case 'cherry':\n return {\n lines: '#000',\n shapes1: '#A31F0E',\n shapes2: '#F05A3B',\n };\n default:\n return {\n lines: '#1D1C1A',\n shapes1: '#989693',\n shapes2: '#D6D3D2',\n };\n }\n })();\n\n return (\n <svg {...svgProperties} viewBox={ViewBoxSize.Medium}>\n {title}\n <path d=\"m301.601 134.422-11.125 19.26-11.115-19.26h22.24Z\" fill={palette.lines} />\n <path\n d=\"M215.7 117.402c6.645 0 12.033-5.387 12.033-12.033s-5.388-12.033-12.033-12.033c-6.646 0-12.033 5.387-12.033 12.033s5.387 12.033 12.033 12.033Z\"\n fill={palette.shapes2}\n />\n <path\n d=\"M352.636 188.933a543.85 543.85 0 0 1-15.73 3.395 116.773 116.773 0 0 0-4.179-9.625c-2.107-4.28-6.387-8.313-9.121-10.633l21.21-6.968 7.809 23.82.011.011ZM138.19 133.719l-15.753-14.487c-1.659-1.524-5.11-.448-7.72 2.386-2.611 2.835-3.373 6.375-1.726 7.899l15.753 14.487c1.659 1.524 5.11.448 7.72-2.386 2.611-2.835 3.373-6.376 1.726-7.899Z\"\n fill={palette.lines}\n />\n <path\n d=\"M120.712 127.141c2.608-2.839 3.38-6.372 1.726-7.892-1.655-1.519-5.109-.449-7.717 2.391-2.607 2.839-3.38 6.373-1.725 7.892 1.654 1.519 5.109.449 7.716-2.391Zm170.674-32.739-1.429 27.457 13.427.699 1.429-27.457-13.427-.7Zm45.811 97.869a586.22 586.22 0 0 1-11.417 2.196c-26.576 4.84-50.587 7.271-71.931 8.089 1.132-22.531 19.764-40.447 42.576-40.447 19.204 0 35.439 12.706 40.772 30.162Z\"\n fill={palette.shapes1}\n />\n <path d=\"m362.978 139.172 2.957 11.047-11.047-2.969 8.09-8.078Z\" fill={palette.shapes2} />\n <path\n d=\"M299.965 451.799c-.918 0-1.669-.74-1.68-1.658l-.874-66.329a1.679 1.679 0 0 1 1.658-1.703h.022c.919 0 1.67.74 1.681 1.659l.874 66.328a1.678 1.678 0 0 1-1.658 1.703h-.023Zm-91.784-142.302c-1.288 0-2.621-.269-4.022-.84-7.563-3.149-18.767-21.871-24.66-50.352-.964-4.672-.605-12.358 3.607-18.632 2.869-4.291 7.093-7.07 12.191-8.022 13.87-2.611 20.75 7.036 21.041 7.45a1.68 1.68 0 0 1-2.756 1.927c-.258-.358-6.006-8.268-17.658-6.072-4.258.807-7.63 3.025-10.017 6.588-3.394 5.075-4.011 11.731-3.103 16.089 4.807 23.215 14.969 44.716 22.666 47.92 3.26 1.367 7.607 1.21 15.036-10.252a1.68 1.68 0 0 1 2.319-.493c.784.504.997 1.546.493 2.331-4.078 6.285-8.974 12.369-15.126 12.369l-.011-.011Z\"\n fill={palette.lines}\n />\n <path\n d=\"M215.699 255.82c-.47 0-.941-.191-1.266-.583-.078-.09-7.977-9.087-15.17-9.087h-.056c-2.353.012-4.336 1.02-6.062 3.059a1.683 1.683 0 0 1-2.364.202 1.683 1.683 0 0 1-.201-2.364c2.364-2.801 5.266-4.235 8.616-4.258 8.784-.045 17.422 9.826 17.792 10.252a1.684 1.684 0 0 1-.168 2.375 1.64 1.64 0 0 1-1.098.415l-.023-.011Zm-7.697 36.301c-.28 0-.56-.067-.818-.213a1.686 1.686 0 0 1-.65-2.285c5.569-9.938.807-13.871-3.787-17.68-2.521-2.084-4.907-4.056-4.661-6.902.225-2.667 2.712-5.176 8.325-8.403a1.681 1.681 0 1 1 1.681 2.913c-5.636 3.238-6.588 5.008-6.656 5.781-.089 1.098 1.625 2.521 3.451 4.034 4.583 3.787 11.518 9.523 4.583 21.915a1.673 1.673 0 0 1-1.468.863v-.023Zm-62.989-99.709c-.717 0-1.389-.47-1.614-1.198a10.523 10.523 0 0 1-.28-1.166c-.874-5.131 2.588-10.005 7.72-10.879a9.398 9.398 0 0 1 7.742 2.151 1.686 1.686 0 0 1-2.196 2.555 6.06 6.06 0 0 0-4.986-1.389c-3.305.56-5.535 3.708-4.963 7.002.045.258.101.516.179.751a1.683 1.683 0 0 1-1.12 2.095 1.8 1.8 0 0 1-.493.067l.011.011Zm128.276-75.598c-4.583 0-8.314-3.731-8.314-8.313 0-4.583 3.731-8.313 8.314-8.313 4.582 0 8.313 3.73 8.313 8.313 0 4.582-3.731 8.313-8.313 8.313Zm0-13.276a4.954 4.954 0 0 0-4.953 4.952 4.954 4.954 0 0 0 4.953 4.952 4.954 4.954 0 0 0 4.952-4.952 4.954 4.954 0 0 0-4.952-4.952Zm-19.496 100.226h-.1a1.682 1.682 0 0 1-1.58-1.782c1.389-23.293 20.783-41.544 44.155-41.544 19.473 0 36.447 12.481 42.24 31.057a1.677 1.677 0 0 1-1.109 2.107 1.677 1.677 0 0 1-2.107-1.109c-5.344-17.165-21.03-28.694-39.024-28.694-21.59 0-39.506 16.862-40.794 38.385a1.682 1.682 0 0 1-1.681 1.58Zm-12.089-111.67a1.4 1.4 0 0 1-.37-.045l-11.551-2.565a1.66 1.66 0 0 1-1.221-1.098 1.655 1.655 0 0 1 .302-1.614l8.134-9.803-13.019-2.095a1.678 1.678 0 0 1-.918-2.846l10.531-10.532a1.671 1.671 0 0 1 2.376 0c.649.66.661 1.725 0 2.375l-8.202 8.202 12.672 2.039c.594.09 1.098.504 1.311 1.064.213.56.101 1.199-.28 1.67l-8.258 9.949 8.874 1.972a1.68 1.68 0 0 1 1.277 2.005 1.683 1.683 0 0 1-1.635 1.311l-.023.011Zm-68.042 68.289a1.663 1.663 0 0 1-1.524-.975c-1.311-2.868-1.994-5.355-2.241-7.484-4.157-.84-8.257-3.63-10.162-9.658-.784-2.498-1.087-4.952-.93-7.283a14.842 14.842 0 0 1-2.812-1.613c-2.812-2.028-4.448-4.717-4.863-8-1.109-8.75 7.025-18.666 7.373-19.092a1.685 1.685 0 0 1 2.364-.224c.717.594.818 1.647.224 2.364-.079.09-7.563 9.221-6.622 16.526.303 2.353 1.445 4.213 3.496 5.692.493.359.974.65 1.445.896a15.674 15.674 0 0 1 5.076-7.764c3.417-2.846 7.63-3.877 10.218-2.498 1.232.649 1.938 1.927 1.927 3.484-.034 3.44-3.294 7.776-7.417 9.86-2.308 1.165-4.728 1.591-7.104 1.277-.022 1.591.213 3.372.841 5.355 1.333 4.247 4.022 6.409 6.901 7.216.348-3.384 1.815-5.479 2.757-6.487 2.33-2.51 5.859-3.563 8.582-2.555 1.893.695 3.07 2.319 3.148 4.325.146 3.832-3.675 7.305-9.086 8.235a13.47 13.47 0 0 1-1.916.202c.291 1.792.919 3.742 1.86 5.815.392.84.022 1.837-.829 2.229a1.739 1.739 0 0 1-.695.157h-.011Zm5.322-17.983c-1.199 0-2.723.561-3.922 1.86-1.098 1.177-1.725 2.734-1.893 4.572a13.605 13.605 0 0 0 1.501-.157c3.552-.616 6.375-2.768 6.297-4.796-.011-.414-.135-.997-.953-1.299a2.92 2.92 0 0 0-1.03-.168v-.012Zm-16.403-9.837c2.039.258 3.787-.28 5.109-.941 3.428-1.737 5.557-5.187 5.58-6.902 0-.157-.012-.425-.135-.493-1.165-.616-3.977.023-6.498 2.118-1.166.975-3.137 3.003-4.045 6.218h-.011Zm105.431-42.398a1.69 1.69 0 0 1-1.188-.493 1.67 1.67 0 0 1 0-2.376l7.574-7.574a1.67 1.67 0 0 1 2.375 0c.65.661.661 1.726 0 2.376l-7.574 7.574a1.69 1.69 0 0 1-1.187.493Zm-2.017-12.601a1.69 1.69 0 0 1-1.188-.493 1.67 1.67 0 0 1 0-2.375l7.294-7.294a1.67 1.67 0 0 1 2.375 0c.65.661.662 1.725 0 2.375l-7.293 7.294a1.69 1.69 0 0 1-1.188.493Zm88.165 42.094c-1.423 0-2.879-.213-4.336-.65-2.42-.729-4.526-2.23-6.263-4.146a17.099 17.099 0 0 1-7.328 1.95c-9.052.257-13.075-7.115-13.96-11.07a1.68 1.68 0 0 1 1.277-2.005 1.68 1.68 0 0 1 2.006 1.266c.09.369 2.106 8.739 10.577 8.447a13.455 13.455 0 0 0 5.389-1.31c-1.67-2.667-2.745-5.726-3.137-8.549-.493-3.597.235-6.196 2.061-7.35 1.065-.661 2.902-1.087 5.658.717 3.843 2.532 5.434 6.196 4.336 10.073-.638 2.252-2.084 4.302-4.044 5.938 1.266 1.311 2.745 2.319 4.392 2.812 4.773 1.434 8.257-.37 10.33-2.14 3.316-2.812 4.65-6.689 4.47-8.067a1.678 1.678 0 0 1 1.446-1.882c.918-.135 1.759.526 1.882 1.445.358 2.711-1.692 7.72-5.625 11.058-2.677 2.275-5.826 3.451-9.131 3.451v.012Zm-11.686-20.627a.539.539 0 0 0-.235.045c-.381.235-.863 1.557-.516 4.044.325 2.342 1.233 4.93 2.622 7.171 1.446-1.255 2.454-2.734 2.868-4.179.684-2.432-.336-4.627-2.946-6.353-.885-.582-1.457-.74-1.77-.74l-.023.012Zm-221.762 28.11c2.608-2.839 3.38-6.372 1.726-7.892-1.655-1.519-5.109-.449-7.717 2.391-2.607 2.839-3.38 6.373-1.725 7.892 1.654 1.519 5.109.449 7.716-2.391Z\"\n fill={palette.lines}\n />\n <path\n d=\"M114.963 131.871c-1.187 0-2.263-.358-3.092-1.12-1.244-1.143-1.692-2.98-1.244-5.053.392-1.782 1.401-3.63 2.868-5.221 3.283-3.574 7.72-4.672 10.095-2.488 2.376 2.185 1.67 6.689-1.613 10.275-2.14 2.33-4.773 3.607-7.003 3.607h-.011Zm1.009-9.12c-1.042 1.143-1.793 2.476-2.051 3.664-.19.863-.101 1.546.235 1.86.706.638 3.194.056 5.345-2.286s2.521-4.874 1.826-5.523c-.706-.639-3.193-.056-5.344 2.285h-.011Z\"\n fill={palette.lines}\n />\n <path\n d=\"M130.705 146.358c-1.187 0-2.263-.358-3.092-1.12l-15.753-14.487a1.682 1.682 0 0 1 2.274-2.476l15.753 14.487c.695.638 3.194.056 5.345-2.286 2.151-2.341 2.521-4.874 1.826-5.523l-15.753-14.487a1.681 1.681 0 1 1 2.274-2.476l15.753 14.486c2.376 2.185 1.659 6.689-1.624 10.263-2.14 2.331-4.773 3.608-7.003 3.608v.011Zm133.318 13.154a17.92 17.92 0 0 1-3.149-.28c-6.308-1.12-10.677-5.188-9.949-9.255.381-2.106 2.005-3.787 4.594-4.739 2.274-.84 5.097-1.02 7.943-.504 6.308 1.12 10.678 5.187 9.95 9.254-.381 2.107-2.006 3.787-4.594 4.74-1.423.526-3.07.784-4.795.784Zm-3.698-11.697c-1.333 0-2.599.19-3.652.583-1.401.515-2.286 1.299-2.443 2.173-.336 1.86 2.689 4.549 7.227 5.356 2.241.403 4.504.269 6.196-.348 1.4-.515 2.285-1.299 2.442-2.173.336-1.86-2.689-4.549-7.226-5.356a14.23 14.23 0 0 0-2.555-.224l.011-.011Z\"\n fill={palette.lines}\n />\n <path\n d=\"M250.678 162.53c-.1 0-.201 0-.302-.022a1.677 1.677 0 0 1-1.356-1.95l1.905-10.599a1.684 1.684 0 0 1 1.949-1.356 1.677 1.677 0 0 1 1.356 1.95l-1.905 10.599a1.676 1.676 0 0 1-1.647 1.389v-.011Zm17.771 11.269c-.101 0-.202 0-.303-.022a1.677 1.677 0 0 1-1.356-1.95l3.306-18.431a1.684 1.684 0 0 1 1.949-1.355 1.676 1.676 0 0 1 1.356 1.949l-3.305 18.431a1.678 1.678 0 0 1-1.647 1.389v-.011Zm-27.327-32.967a1.67 1.67 0 0 1-1.546-1.031l-5.233-12.391a1.661 1.661 0 0 1 0-1.289c.168-.414.493-.739.908-.918l25.332-10.689a1.68 1.68 0 0 1 2.196.896l5.233 12.392c.179.414.179.874 0 1.288-.168.415-.493.74-.908.919l-25.332 10.689a1.7 1.7 0 0 1-.65.134Zm-3.025-13.176 3.921 9.288 22.24-9.377-3.921-9.289-22.24 9.378Zm-6.891 29.578c-.426 0-.841-.157-1.165-.47l-12.291-11.899-6.297 6.498a1.67 1.67 0 0 1-2.375.034 1.67 1.67 0 0 1-.034-2.375l7.462-7.709a1.68 1.68 0 0 1 2.375-.033l13.501 13.075a1.67 1.67 0 0 1 .034 2.375 1.7 1.7 0 0 1-1.21.516v-.012Zm-46.945 21.455c-.426 0-.841-.157-1.166-.47a1.672 1.672 0 0 1-.033-2.376l14.857-15.338a1.67 1.67 0 0 1 2.375-.034c.672.65.683 1.715.033 2.376l-14.856 15.338a1.699 1.699 0 0 1-1.21.515v-.011Zm147.67-14.599c-.291 0-.582-.078-.84-.224l-20.672-11.932a1.683 1.683 0 0 1-.616-2.297l11.932-20.672a1.706 1.706 0 0 1 1.02-.784 1.701 1.701 0 0 1 1.277.168l20.672 11.932a1.683 1.683 0 0 1 .616 2.297l-11.932 20.672a1.703 1.703 0 0 1-1.02.784 1.925 1.925 0 0 1-.437.056Zm-18.375-14.229 17.759 10.252 10.252-17.759-17.759-10.252-10.252 17.759Zm-152.465 15.736h-.056l-15.653-.47a1.708 1.708 0 0 1-1.434-.886 1.696 1.696 0 0 1 .045-1.68l8.235-13.322c.314-.515.885-.851 1.479-.795a1.703 1.703 0 0 1 1.434.885l7.417 13.792a1.7 1.7 0 0 1-.044 1.681 1.689 1.689 0 0 1-1.435.795h.012Zm-12.695-3.742 9.838.291-4.661-8.661-5.177 8.37Zm142.08-6.875a1.69 1.69 0 0 1-1.457-.84l-11.114-19.26a1.666 1.666 0 0 1 0-1.68 1.687 1.687 0 0 1 1.456-.841h22.24a1.69 1.69 0 0 1 1.457.841 1.67 1.67 0 0 1 0 1.68l-11.115 19.26c-.302.516-.851.84-1.456.84h-.011Zm-8.213-19.259 8.213 14.218 8.212-14.218h-16.425Z\"\n fill={palette.lines}\n />\n <path d=\"m198.109 134.477 18.476 24.761-30.689 3.619 12.213-28.38Z\" fill={palette.lines} />\n <path\n d=\"M185.897 164.536a1.671 1.671 0 0 1-1.345-.672 1.69 1.69 0 0 1-.202-1.669l12.202-28.391c.235-.549.75-.93 1.344-1.009a1.654 1.654 0 0 1 1.546.661l18.487 24.761a1.69 1.69 0 0 1 .202 1.67c-.235.549-.751.93-1.345 1.008l-30.688 3.63c-.067 0-.134.011-.201.011Zm12.593-26.733-9.904 23.036 24.906-2.947-15.002-20.1v.011Zm117.554 116.906c-4.941 0-10.655-1.065-17.165-3.855a1.69 1.69 0 0 1-.885-2.207 1.688 1.688 0 0 1 2.207-.885c24.447 10.498 36.077-5.019 36.559-5.692a1.685 1.685 0 0 1 2.342-.381c.75.538.918 1.591.381 2.342-.101.146-7.899 10.678-23.451 10.678h.012Z\"\n fill={palette.lines}\n />\n <path\n d=\"M198.277 198.441c0 .896-.056 1.77-.145 2.633-20.089-1.972-35.854-5.143-47.047-8.022 2.443-10.611 11.944-18.521 23.283-18.521 13.198 0 23.909 10.7 23.909 23.91Z\"\n fill={palette.shapes2}\n />\n <path\n d=\"M253.961 168.822a15.8 15.8 0 0 1-2.073 7.865l-14.43-8.335-8.101 14.027c-4.482-2.846-7.462-7.854-7.462-13.557 0-8.862 7.171-16.033 16.033-16.033 8.863 0 16.033 7.171 16.033 16.033Z\"\n fill={palette.shapes1}\n />\n <path\n d=\"M154.043 449.909a1.76 1.76 0 0 1-.784-.19 1.68 1.68 0 0 1-.695-2.275c2.824-5.344 5.468-10.162 8.034-14.834 21.164-38.576 29.926-54.541 3.428-121.71-15.551-39.416-21.243-70.149-23.282-88.994-1.972-18.162-1.053-28.885-.773-31.417a2.363 2.363 0 0 1 0-.571c.123-.852.963-1.457 1.792-1.446.359.012.695.146.975.359.706.246 3.025.964 10.577 2.902 13.602 3.496 28.738 6.072 44.984 7.663 17.681 1.726 36.347 2.23 55.483 1.468 23.025-.885 47.147-3.596 71.695-8.056a464.258 464.258 0 0 0 11.384-2.196 553.362 553.362 0 0 0 15.394-3.327 565.684 565.684 0 0 0 7.249-1.714c.46-.112.941-.023 1.334.246.392.269.649.684.717 1.154.045.336 1.098 8.302-3.608 29.187l42.912 86.148c.224.46.235.986.022 1.457a1.697 1.697 0 0 1-1.12.93l-30.812 7.663c-.056 37.702-2.677 71.404-30.733 73.107-9.893.605-33.052 2.006-55.437-4.033-27.473-7.406-44.772-23.428-51.427-47.618a1.674 1.674 0 0 1 1.176-2.061 1.675 1.675 0 0 1 2.062 1.176c6.319 22.957 22.822 38.184 49.062 45.265 21.86 5.893 44.638 4.515 54.363 3.921 25.467-1.546 27.584-34.497 27.584-71.056a1.69 1.69 0 0 1 1.278-1.636l30.049-7.473-42.251-84.815a1.682 1.682 0 0 1-.134-1.121c3.417-15.002 3.809-23.282 3.776-26.688-1.782.426-3.552.84-5.311 1.244a595.78 595.78 0 0 1-15.473 3.35c-3.72.762-7.574 1.501-11.451 2.207-24.705 4.493-48.984 7.227-72.165 8.112-19.283.75-38.106.257-55.942-1.491-16.415-1.602-31.719-4.212-45.5-7.753-4.269-1.098-7.395-1.938-9.311-2.498-.706 9.624-1.838 51.718 23.977 117.172 27.069 68.637 17.456 86.16-3.619 124.557-2.555 4.661-5.199 9.467-8.011 14.789a1.683 1.683 0 0 1-1.49.896h.022Z\"\n fill={palette.lines}\n />\n <path\n d=\"M217.985 203.765a1.683 1.683 0 0 1-1.456-2.521l19.517-33.826a1.71 1.71 0 0 1 1.02-.784 1.701 1.701 0 0 1 1.277.168l22.756 13.143a1.681 1.681 0 0 1 .616 2.296 1.673 1.673 0 0 1-2.297.617l-21.299-12.302-18.677 32.368a1.683 1.683 0 0 1-1.457.841Z\"\n fill={palette.lines}\n />\n </svg>\n );\n};\n\nexport default ThinkingMedium;\n"],"mappings":";;AAMA,IAAMA,kBAAsD,EAAE,OAAO,eAAe,YAAY;CAC9F,MAAM,iBAA0B;AAC9B,UAAQ,OAAR;GACE,KAAK,YACH,QAAO;IACL,OAAO;IACP,SAAS;IACT,SAAS;IACV;GACH,KAAK,SACH,QAAO;IACL,OAAO;IACP,SAAS;IACT,SAAS;IACV;GACH,QACE,QAAO;IACL,OAAO;IACP,SAAS;IACT,SAAS;IACV;;KAEH;AAEJ,QACE,qBAAC,OAAA;EAAI,GAAI;EAAe,SAAS,YAAY;;GAC1C;GACD,oBAAC,QAAA;IAAK,GAAE;IAAoD,MAAM,QAAQ;KAAS;GACnF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IAAK,GAAE;IAAyD,MAAM,QAAQ;KAAW;GAC1F,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IAAK,GAAE;IAA4D,MAAM,QAAQ;KAAS;GAC3F,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;GACF,oBAAC,QAAA;IACC,GAAE;IACF,MAAM,QAAQ;KACd;;GACE;;AAIV,IAAA,yBAAe"}
package/lib/components/Button/styles.module.scss CHANGED
@@ -94,9 +94,7 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
94
94
  }
95
95
 
96
96
  :disabled > & {
97
- @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
98
- color: palette.$neutral700;
99
- }
97
+ color: palette.$neutral700;
100
98
  }
101
99
  }
102
100
 
package/lib/components/Drawer/styles.module.scss CHANGED
@@ -73,15 +73,8 @@
73
73
 
74
74
  &__header {
75
75
  display: flex;
76
- align-items: center;
77
76
  justify-content: space-between;
78
-
79
- // legg til padding for å gi plass til close button
80
- padding: var(--core-space-xs) 2.75rem var(--core-space-xs) var(--core-space-2xs);
81
-
82
- @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
83
- padding: var(--core-space-xs) 2.75rem var(--core-space-xs) var(--core-space-xs);
84
- }
77
+ padding: var(--core-space-xs);
85
78
 
86
79
  @include breakpoints.tiny-screens-media-query {
87
80
  padding: var(--core-space-4xs) 0;
@@ -89,22 +82,12 @@
89
82
  align-items: flex-start;
90
83
  }
91
84
 
92
- &--no-close-button {
93
- padding: var(--core-space-xs) var(--core-space-2xs);
94
-
95
- @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
96
- padding: var(--core-space-xs);
97
- }
85
+ &__title {
86
+ margin-top: 0.5rem !important;
98
87
  }
99
88
 
100
89
  &__close-button {
101
- position: absolute;
102
- top: 0;
103
- right: 0;
104
-
105
- @include breakpoints.tiny-screens-media-query {
106
- position: relative;
107
- }
90
+ align-self: flex-start;
108
91
  }
109
92
  }
110
93
 
package/lib/components/Drawer/styles.module.scss.d.ts CHANGED
@@ -12,7 +12,7 @@ export type Styles = {
12
12
  drawer__footer: string;
13
13
  drawer__header: string;
14
14
  'drawer__header__close-button': string;
15
- 'drawer__header--no-close-button': string;
15
+ drawer__header__title: string;
16
16
  drawer__overlay: string;
17
17
  };
18
18
 
package/lib/components/HelpTriggerIcon/HelpSign.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { default as React } from 'react';
2
1
  import { HelpTriggerWeights, HelpTriggerIconSizes } from '../HelpTriggerIcon';
3
2
  export interface HelpSignProps {
4
3
  color?: string;
package/lib/components/HelpTriggerInline/styles.module.scss CHANGED
@@ -14,6 +14,7 @@ $outline-xl-width: 2.5px;
14
14
  display: inline;
15
15
  color: var(--color-help-graphics-normal);
16
16
  cursor: pointer;
17
+ text-align: start;
17
18
  text-decoration: none;
18
19
  background-color: transparent;
19
20
  outline: none;
package/lib/components/Illustrations/IllustrationNames.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /** AUTO-GENERATED - DO NOT CHANGE MANUALLY **/
2
- export declare const IllustrationList: readonly ["BabyMobile", "Child", "Doctor", "FacialRecognitionFingerprint", "GiveBabyFood", "HealthcarePersonnel", "ReadLetters", "Stroller", "Support2"];
2
+ export declare const IllustrationList: readonly ["BabyMobile", "Child", "Doctor", "FacialRecognitionFingerprint", "GiveBabyFood", "HealthcarePersonnel", "ReadLetters", "Stork", "Stroller", "Support2", "Thinking"];
3
3
  export interface IllustrationSize {
4
4
  small?: string;
5
5
  medium?: string;
package/lib/components/Illustrations/Stork.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ import { SvgIllustrationProps } from '../Illustration';
3
+ export interface Palette {
4
+ lines: string;
5
+ stork: string;
6
+ blob: string;
7
+ beak: string;
8
+ bag: string;
9
+ }
10
+ declare const Stork: React.FC<SvgIllustrationProps>;
11
+ export default Stork;
package/lib/components/Illustrations/Stork.js ADDED
@@ -0,0 +1,16 @@
1
+ import { t as getIllustration } from "../../utils.js";
2
+ import { t as StorkMedium_default } from "../../StorkMedium.js";
3
+ import { jsx } from "react/jsx-runtime";
4
+ var Stork = ({ size = 512, color, ...rest }) => {
5
+ return getIllustration({
6
+ size,
7
+ medium: /* @__PURE__ */ jsx(StorkMedium_default, {
8
+ color,
9
+ ...rest
10
+ })
11
+ });
12
+ };
13
+ var Stork_default = Stork;
14
+ export { Stork_default as default };
15
+
16
+ //# sourceMappingURL=Stork.js.map
package/lib/components/Illustrations/Stork.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stork.js","names":["Stork: React.FC<SvgIllustrationProps>"],"sources":["../../../src/components/Illustrations/Stork.tsx"],"sourcesContent":["import type React from 'react';\n\nimport type { SvgIllustrationProps } from '../Illustration';\n\nimport StorkMedium from './StorkMedium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n lines: string;\n stork: string;\n blob: string;\n beak: string;\n bag: string;\n}\n\nconst Stork: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n const medium = <StorkMedium color={color} {...rest} />;\n\n return getIllustration({ size, medium });\n};\n\nexport default Stork;\n"],"mappings":";;;AAeA,IAAMA,SAAyC,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AAGhF,QAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,qBAAA;GAAmB;GAAO,GAAI;IAAQ;EAEf,CAAC;;AAG1C,IAAA,gBAAe"}
package/lib/components/Illustrations/StorkMedium.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { BaseSvgIllustrationProps } from '../Illustration';
3
+ declare const StorkMedium: React.FC<BaseSvgIllustrationProps>;
4
+ export default StorkMedium;
package/lib/components/Illustrations/StorkMedium.js ADDED
@@ -0,0 +1,2 @@
1
+ import { t as StorkMedium_default } from "../../StorkMedium.js";
2
+ export { StorkMedium_default as default };
package/lib/components/Illustrations/Thinking.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ import { SvgIllustrationProps } from '../Illustration';
3
+ export interface Palette {
4
+ lines: string;
5
+ shapes1: string;
6
+ shapes2: string;
7
+ }
8
+ declare const Thinking: React.FC<SvgIllustrationProps>;
9
+ export default Thinking;
package/lib/components/Illustrations/Thinking.js ADDED
@@ -0,0 +1,16 @@
1
+ import { t as getIllustration } from "../../utils.js";
2
+ import { t as ThinkingMedium_default } from "../../ThinkingMedium.js";
3
+ import { jsx } from "react/jsx-runtime";
4
+ var Thinking = ({ size = 512, color, ...rest }) => {
5
+ return getIllustration({
6
+ size,
7
+ medium: /* @__PURE__ */ jsx(ThinkingMedium_default, {
8
+ color,
9
+ ...rest
10
+ })
11
+ });
12
+ };
13
+ var Thinking_default = Thinking;
14
+ export { Thinking_default as default };
15
+
16
+ //# sourceMappingURL=Thinking.js.map
package/lib/components/Illustrations/Thinking.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Thinking.js","names":["Thinking: React.FC<SvgIllustrationProps>"],"sources":["../../../src/components/Illustrations/Thinking.tsx"],"sourcesContent":["import type React from 'react';\n\nimport type { SvgIllustrationProps } from '../Illustration';\n\nimport ThinkingMedium from './ThinkingMedium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n lines: string;\n shapes1: string;\n shapes2: string;\n}\n\nconst Thinking: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n const medium = <ThinkingMedium color={color} {...rest} />;\n\n return getIllustration({ size, medium });\n};\n\nexport default Thinking;\n"],"mappings":";;;AAaA,IAAMA,YAA4C,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AAGnF,QAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,wBAAA;GAAsB;GAAO,GAAI;IAAQ;EAElB,CAAC;;AAG1C,IAAA,mBAAe"}
package/lib/components/Illustrations/ThinkingMedium.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { BaseSvgIllustrationProps } from '../Illustration';
3
+ declare const ThinkingMedium: React.FC<BaseSvgIllustrationProps>;
4
+ export default ThinkingMedium;
package/lib/components/Illustrations/ThinkingMedium.js ADDED
@@ -0,0 +1,2 @@
1
+ import { t as ThinkingMedium_default } from "../../ThinkingMedium.js";
2
+ export { ThinkingMedium_default as default };
package/lib/components/ServiceMessage/ServiceMessage.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { default as React } from 'react';
2
1
  import { AnchorLinkTargets } from '../AnchorLink';
3
2
  import { NotificationPanelVariants } from '../NotificationPanel';
3
+ export type ServiceMessageRoles = 'alert' | 'region' | 'auto' | 'none';
4
4
  export interface ServiceMessageProps {
5
5
  /** Sets a label for the notification panel. */
6
6
  label: string;
@@ -24,6 +24,8 @@ export interface ServiceMessageProps {
24
24
  closeBtnText?: string;
25
25
  /** Changes the visual representation. */
26
26
  variant?: NotificationPanelVariants;
27
+ /** Sets the role of the service message - default: auto, will decide based on variant */
28
+ messageRole?: ServiceMessageRoles;
27
29
  /** Sets the data-testid attribute. */
28
30
  testId?: string;
29
31
  }
package/lib/components/ServiceMessage/index.js CHANGED
@@ -12,7 +12,7 @@ import { t as ChevronDown_default } from "../../ChevronDown.js";
12
12
  import { t as ChevronUp_default } from "../../ChevronUp.js";
13
13
  import { i as renderElementHeader } from "../../ElementHeader.js";
14
14
  import { t as Forward_default } from "../../Forward.js";
15
- import React, { useId, useState } from "react";
15
+ import { useId, useState } from "react";
16
16
  import classNames from "classnames";
17
17
  import { jsx, jsxs } from "react/jsx-runtime";
18
18
  import styles from "./styles.module.scss";
@@ -123,11 +123,11 @@ var Content = ({ info, extraInfo, urlTitle, url, target, dismissable, closeBtnTe
123
123
  })
124
124
  });
125
125
  };
126
- var ServiceMessage = ({ label, dismissable = true, onDismiss, info, extraInfo, urlTitle, url, target = "_self", closeBtnText = "fjern melding", expanderOpenFromStart = false, variant = "error", testId }) => {
126
+ var ServiceMessage = ({ label, dismissable = true, onDismiss, info, extraInfo, urlTitle, url, target = "_self", closeBtnText = "fjern melding", expanderOpenFromStart = false, variant = "error", messageRole = "auto", testId }) => {
127
127
  const [isExpanded, setIsExpanded] = useState(expanderOpenFromStart);
128
128
  const labelId = useId();
129
129
  const hasExpander = !!info || !!extraInfo;
130
- const ariaRole = variant === "error" ? "alert" : "region";
130
+ const ariaRole = messageRole === "auto" ? variant === "error" ? "alert" : "region" : messageRole === "none" ? void 0 : messageRole;
131
131
  const ariaLabelAttributes = getAriaLabelAttributes({
132
132
  label,
133
133
  id: labelId
package/lib/components/ServiceMessage/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["Label: React.FC<LabelProps>","Content: React.FC<ContentProps>","ServiceMessage: React.FC<ServiceMessageProps>"],"sources":["../../../src/components/ServiceMessage/ServiceMessage.tsx","../../../src/components/ServiceMessage/index.ts"],"sourcesContent":["import React, { useId, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { useBreakpoint } from '../../hooks/useBreakpoint';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getColor } from '../../theme/currys';\nimport { breakpoints } from '../../theme/grid';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { AnchorLinkTargets } from '../AnchorLink';\nimport NotificationBadge from '../Badge/NotificationBadge';\nimport Close from '../Close';\nimport { renderElementHeader } from '../ElementHeader/ElementHeader';\nimport Icon, { IconSize } from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\nimport Forward from '../Icons/Forward';\nimport X from '../Icons/X';\nimport { NotificationPanelVariants } from '../NotificationPanel';\n\nimport styles from './styles.module.scss';\n\ninterface LabelProps {\n label: string;\n variant: NotificationPanelVariants;\n id: string;\n hasExpander: boolean;\n isExpanded: boolean;\n dismissable: boolean;\n onExpand: () => void;\n onDismiss?: () => void;\n closeBtnText?: string;\n}\n\nconst Label: React.FC<LabelProps> = ({ label, variant, id, hasExpander, isExpanded, dismissable, onExpand, onDismiss, closeBtnText }) => {\n const breakpoint = useBreakpoint();\n const { isHovered, refObject } = usePseudoClasses<HTMLDivElement>();\n\n const iconSize = breakpoint < breakpoints.lg ? IconSize.XSmall : IconSize.Small;\n const labelContainerClasses = classNames(\n styles['service-message__label-container'],\n styles[`service-message__label-container--${variant}`],\n hasExpander && styles[`service-message__label-container--has-expander`]\n );\n\n const elementHeader = renderElementHeader(label, {\n titleHtmlMarkup: 'span',\n isHovered,\n size: 'compact',\n parentType: 'expanderlist',\n chevronIcon: hasExpander ? (isExpanded ? ChevronUp : ChevronDown) : undefined,\n icon: <NotificationBadge variant={variant} size={iconSize} isHovered={hasExpander && isHovered} />,\n closeButton:\n !hasExpander && dismissable ? (\n <Close onClick={onDismiss} ariaLabel={closeBtnText} className={styles['service-message__close']} />\n ) : undefined,\n });\n\n return (\n <div className={labelContainerClasses} ref={refObject}>\n <div className={styles['service-message__container']}>\n <div className={styles['service-message__row']}>\n <div className={styles['service-message__col']}>\n <div className={styles['service-message__label']}>\n {hasExpander ? (\n <h1 className={styles['service-message__title']} id={id}>\n <button type=\"button\" className={styles['service-message__toggle']} onClick={onExpand} aria-expanded={isExpanded}>\n {elementHeader}\n </button>\n </h1>\n ) : (\n <h1 className={styles['service-message__title']} id={id}>\n {elementHeader}\n </h1>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\ninterface ContentProps {\n info?: string;\n extraInfo?: string;\n urlTitle?: string;\n url?: string;\n target?: AnchorLinkTargets;\n dismissable: boolean;\n onDismiss?: () => void;\n closeBtnText?: string;\n}\n\nconst Content: React.FC<ContentProps> = ({ info, extraInfo, urlTitle, url, target, dismissable, closeBtnText, onDismiss }) => {\n const { refObject: readMoreRef, isHovered: readMoreHoverRefIsHovered } = usePseudoClasses<HTMLAnchorElement>();\n const { refObject: closeButtonRef, isHovered: closeButtonIsHovered } = usePseudoClasses<HTMLButtonElement>();\n\n const hasUrl = url && urlTitle;\n\n return (\n <div className={styles['service-message__container']}>\n <div className={styles['service-message__row']}>\n <div className={styles['service-message__col']}>\n <div className={styles['service-message__content']}>\n {info && <p className={styles['service-message__info']}>{info}</p>}\n {extraInfo && (\n <p className={classNames(styles['service-message__info'], styles['service-message__info--extra'])}>{extraInfo}</p>\n )}\n <div className={styles['service-message__actions']}>\n {hasUrl && (\n <a className={styles['service-message__action']} href={url} ref={readMoreRef} target={target}>\n {urlTitle}\n <Icon size={IconSize.XSmall} svgIcon={Forward} color={getColor('blueberry', 700)} isHovered={readMoreHoverRefIsHovered} />\n </a>\n )}\n\n {dismissable && (\n <button\n ref={closeButtonRef}\n className={classNames(styles['service-message__action'], styles['service-message__action--close'])}\n aria-label={closeBtnText}\n onClick={onDismiss}\n >\n {closeBtnText}\n <Icon size={IconSize.XSmall} svgIcon={X} color={getColor('blueberry', 700)} isHovered={closeButtonIsHovered} />\n </button>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport interface ServiceMessageProps {\n /** Sets a label for the notification panel. */\n label: string;\n /** String displayed in service-message when expanded */\n info?: string;\n /** String displayed in service-message when expanded, with a smaller font */\n extraInfo?: string;\n /** function that runs on dismiss */\n onDismiss?: () => void;\n /** Allows for dismiss to be an option, also for ServiceMessage with only label as content */\n dismissable?: boolean;\n /** Makes expander be open from start. */\n expanderOpenFromStart?: boolean;\n /** Name that describes a url-link for the user*/\n urlTitle?: string;\n /** Url for further information*/\n url?: string;\n /** Sets target for the anchorlink to the url*/\n target?: AnchorLinkTargets;\n /** Text on close-button in service messages. */\n closeBtnText?: string;\n /** Changes the visual representation. */\n variant?: NotificationPanelVariants;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nconst ServiceMessage: React.FC<ServiceMessageProps> = ({\n label,\n dismissable = true,\n onDismiss,\n info,\n extraInfo,\n urlTitle,\n url,\n target = '_self',\n closeBtnText = 'fjern melding',\n expanderOpenFromStart = false,\n variant = 'error',\n testId,\n}) => {\n const [isExpanded, setIsExpanded] = useState<boolean>(expanderOpenFromStart);\n\n const labelId = useId();\n const hasExpander = !!info || !!extraInfo;\n\n const ariaRole = variant === 'error' ? 'alert' : 'region';\n const ariaLabelAttributes = getAriaLabelAttributes({ label, id: labelId });\n\n const handleClick = (): void => {\n if (hasExpander) setIsExpanded(!isExpanded);\n };\n\n const classes = classNames(styles['service-message'], styles[`service-message--${variant}`]);\n\n return (\n <div className={classes} role={ariaRole} {...ariaLabelAttributes} data-testid={testId}>\n <Label\n label={label}\n variant={variant}\n id={labelId}\n hasExpander={hasExpander}\n isExpanded={isExpanded}\n dismissable={dismissable}\n onExpand={handleClick}\n onDismiss={onDismiss}\n closeBtnText={closeBtnText}\n />\n {hasExpander && isExpanded && (\n <Content\n info={info}\n extraInfo={extraInfo}\n urlTitle={urlTitle}\n url={url}\n target={target}\n dismissable={dismissable}\n onDismiss={onDismiss}\n closeBtnText={closeBtnText}\n />\n )}\n </div>\n );\n};\n\nexport default ServiceMessage;\n","import ServiceMessage from './ServiceMessage';\nexport * from './ServiceMessage';\nexport default ServiceMessage;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["Label: React.FC<LabelProps>","Content: React.FC<ContentProps>","ServiceMessage: React.FC<ServiceMessageProps>"],"sources":["../../../src/components/ServiceMessage/ServiceMessage.tsx","../../../src/components/ServiceMessage/index.ts"],"sourcesContent":["import { useId, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { AnchorLinkTargets } from '../AnchorLink';\nimport type { NotificationPanelVariants } from '../NotificationPanel';\n\nimport { useBreakpoint } from '../../hooks/useBreakpoint';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getColor } from '../../theme/currys';\nimport { breakpoints } from '../../theme/grid';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport NotificationBadge from '../Badge/NotificationBadge';\nimport Close from '../Close';\nimport { renderElementHeader } from '../ElementHeader/ElementHeader';\nimport Icon, { IconSize } from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\nimport Forward from '../Icons/Forward';\nimport X from '../Icons/X';\n\nimport styles from './styles.module.scss';\n\ninterface LabelProps {\n label: string;\n variant: NotificationPanelVariants;\n id: string;\n hasExpander: boolean;\n isExpanded: boolean;\n dismissable: boolean;\n onExpand: () => void;\n onDismiss?: () => void;\n closeBtnText?: string;\n}\n\nconst Label: React.FC<LabelProps> = ({ label, variant, id, hasExpander, isExpanded, dismissable, onExpand, onDismiss, closeBtnText }) => {\n const breakpoint = useBreakpoint();\n const { isHovered, refObject } = usePseudoClasses<HTMLDivElement>();\n\n const iconSize = breakpoint < breakpoints.lg ? IconSize.XSmall : IconSize.Small;\n const labelContainerClasses = classNames(\n styles['service-message__label-container'],\n styles[`service-message__label-container--${variant}`],\n hasExpander && styles[`service-message__label-container--has-expander`]\n );\n\n const elementHeader = renderElementHeader(label, {\n titleHtmlMarkup: 'span',\n isHovered,\n size: 'compact',\n parentType: 'expanderlist',\n chevronIcon: hasExpander ? (isExpanded ? ChevronUp : ChevronDown) : undefined,\n icon: <NotificationBadge variant={variant} size={iconSize} isHovered={hasExpander && isHovered} />,\n closeButton:\n !hasExpander && dismissable ? (\n <Close onClick={onDismiss} ariaLabel={closeBtnText} className={styles['service-message__close']} />\n ) : undefined,\n });\n\n return (\n <div className={labelContainerClasses} ref={refObject}>\n <div className={styles['service-message__container']}>\n <div className={styles['service-message__row']}>\n <div className={styles['service-message__col']}>\n <div className={styles['service-message__label']}>\n {hasExpander ? (\n <h1 className={styles['service-message__title']} id={id}>\n <button type=\"button\" className={styles['service-message__toggle']} onClick={onExpand} aria-expanded={isExpanded}>\n {elementHeader}\n </button>\n </h1>\n ) : (\n <h1 className={styles['service-message__title']} id={id}>\n {elementHeader}\n </h1>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\ninterface ContentProps {\n info?: string;\n extraInfo?: string;\n urlTitle?: string;\n url?: string;\n target?: AnchorLinkTargets;\n dismissable: boolean;\n onDismiss?: () => void;\n closeBtnText?: string;\n}\n\nconst Content: React.FC<ContentProps> = ({ info, extraInfo, urlTitle, url, target, dismissable, closeBtnText, onDismiss }) => {\n const { refObject: readMoreRef, isHovered: readMoreHoverRefIsHovered } = usePseudoClasses<HTMLAnchorElement>();\n const { refObject: closeButtonRef, isHovered: closeButtonIsHovered } = usePseudoClasses<HTMLButtonElement>();\n\n const hasUrl = url && urlTitle;\n\n return (\n <div className={styles['service-message__container']}>\n <div className={styles['service-message__row']}>\n <div className={styles['service-message__col']}>\n <div className={styles['service-message__content']}>\n {info && <p className={styles['service-message__info']}>{info}</p>}\n {extraInfo && (\n <p className={classNames(styles['service-message__info'], styles['service-message__info--extra'])}>{extraInfo}</p>\n )}\n <div className={styles['service-message__actions']}>\n {hasUrl && (\n <a className={styles['service-message__action']} href={url} ref={readMoreRef} target={target}>\n {urlTitle}\n <Icon size={IconSize.XSmall} svgIcon={Forward} color={getColor('blueberry', 700)} isHovered={readMoreHoverRefIsHovered} />\n </a>\n )}\n\n {dismissable && (\n <button\n ref={closeButtonRef}\n className={classNames(styles['service-message__action'], styles['service-message__action--close'])}\n aria-label={closeBtnText}\n onClick={onDismiss}\n >\n {closeBtnText}\n <Icon size={IconSize.XSmall} svgIcon={X} color={getColor('blueberry', 700)} isHovered={closeButtonIsHovered} />\n </button>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport type ServiceMessageRoles = 'alert' | 'region' | 'auto' | 'none';\n\nexport interface ServiceMessageProps {\n /** Sets a label for the notification panel. */\n label: string;\n /** String displayed in service-message when expanded */\n info?: string;\n /** String displayed in service-message when expanded, with a smaller font */\n extraInfo?: string;\n /** function that runs on dismiss */\n onDismiss?: () => void;\n /** Allows for dismiss to be an option, also for ServiceMessage with only label as content */\n dismissable?: boolean;\n /** Makes expander be open from start. */\n expanderOpenFromStart?: boolean;\n /** Name that describes a url-link for the user*/\n urlTitle?: string;\n /** Url for further information*/\n url?: string;\n /** Sets target for the anchorlink to the url*/\n target?: AnchorLinkTargets;\n /** Text on close-button in service messages. */\n closeBtnText?: string;\n /** Changes the visual representation. */\n variant?: NotificationPanelVariants;\n /** Sets the role of the service message - default: auto, will decide based on variant */\n messageRole?: ServiceMessageRoles;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nconst ServiceMessage: React.FC<ServiceMessageProps> = ({\n label,\n dismissable = true,\n onDismiss,\n info,\n extraInfo,\n urlTitle,\n url,\n target = '_self',\n closeBtnText = 'fjern melding',\n expanderOpenFromStart = false,\n variant = 'error',\n messageRole = 'auto',\n testId,\n}) => {\n const [isExpanded, setIsExpanded] = useState<boolean>(expanderOpenFromStart);\n\n const labelId = useId();\n const hasExpander = !!info || !!extraInfo;\n\n const autoRole = variant === 'error' ? 'alert' : 'region';\n const ariaRole = messageRole === 'auto' ? autoRole : messageRole === 'none' ? undefined : messageRole;\n const ariaLabelAttributes = getAriaLabelAttributes({ label, id: labelId });\n\n const handleClick = (): void => {\n if (hasExpander) setIsExpanded(!isExpanded);\n };\n\n const classes = classNames(styles['service-message'], styles[`service-message--${variant}`]);\n\n return (\n <div className={classes} role={ariaRole} {...ariaLabelAttributes} data-testid={testId}>\n <Label\n label={label}\n variant={variant}\n id={labelId}\n hasExpander={hasExpander}\n isExpanded={isExpanded}\n dismissable={dismissable}\n onExpand={handleClick}\n onDismiss={onDismiss}\n closeBtnText={closeBtnText}\n />\n {hasExpander && isExpanded && (\n <Content\n info={info}\n extraInfo={extraInfo}\n urlTitle={urlTitle}\n url={url}\n target={target}\n dismissable={dismissable}\n onDismiss={onDismiss}\n closeBtnText={closeBtnText}\n />\n )}\n </div>\n );\n};\n\nexport default ServiceMessage;\n","import ServiceMessage from './ServiceMessage';\nexport * from './ServiceMessage';\nexport default ServiceMessage;\n"],"mappings":"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"}
package/lib/components/StickyNote/Triangle.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { default as React } from 'react';
2
1
  interface TriangleProps {
3
2
  isHover: boolean;
4
3
  isFocus: boolean;