@helsenorge/designsystem-react 11.1.0 → 11.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/CHANGELOG.md +1544 -881
- package/Close.js +21 -6
- package/Close.js.map +1 -1
- package/Drawer.js +362 -0
- package/Drawer.js.map +1 -0
- package/InfoTeaser.js +75 -0
- package/InfoTeaser.js.map +1 -0
- package/LazyIcon.js +1 -1
- package/LazyIcon.js.map +1 -1
- package/LazyIllustration.js +1 -1
- package/LazyIllustration.js.map +1 -1
- package/Panel.js +38 -5
- package/Panel.js.map +1 -1
- package/components/ArticleTeaser/ArticleTeaser.d.ts +23 -0
- package/components/ArticleTeaser/ArticleTeaser.test.d.ts +1 -0
- package/components/ArticleTeaser/index.d.ts +3 -0
- package/components/ArticleTeaser/index.js +67 -0
- package/components/ArticleTeaser/index.js.map +1 -0
- package/components/ArticleTeaser/resourceHelper.d.ts +3 -0
- package/components/ArticleTeaser/styles.module.scss +79 -0
- package/components/ArticleTeaser/styles.module.scss.d.ts +13 -0
- package/components/Close/Close.d.ts +1 -1
- package/components/Close/styles.module.scss +46 -20
- package/components/Close/styles.module.scss.d.ts +2 -0
- package/components/Drawer/Drawer.d.ts +4 -0
- package/components/Drawer/index.js +1 -346
- package/components/Drawer/index.js.map +1 -1
- package/components/Drawer/styles.module.scss +4 -0
- package/components/Drawer/styles.module.scss.d.ts +1 -0
- package/components/Dropdown/index.js +1 -3
- package/components/Dropdown/index.js.map +1 -1
- package/components/HelpDrawer/HelpDrawer.d.ts +8 -0
- package/components/HelpDrawer/HelpDrawer.test.d.ts +1 -0
- package/components/HelpDrawer/index.d.ts +3 -0
- package/components/HelpDrawer/index.js +10 -0
- package/components/HelpDrawer/index.js.map +1 -0
- package/components/HelpDrawer/styles.module.scss +16 -0
- package/components/HelpDrawer/styles.module.scss.d.ts +10 -0
- package/components/HelpTeaser/HelpTeaser.d.ts +20 -0
- package/components/HelpTeaser/HelpTeaser.test.d.ts +1 -0
- package/components/HelpTeaser/index.d.ts +3 -0
- package/components/HelpTeaser/index.js +25 -0
- package/components/HelpTeaser/index.js.map +1 -0
- package/components/HelpTeaser/styles.module.scss +22 -0
- package/components/HelpTeaser/styles.module.scss.d.ts +10 -0
- package/components/Icons/AdditionalIconInformation.d.ts +1 -1
- package/components/Icons/AdditionalIconInformation.js +1 -1
- package/components/Icons/AdditionalIconInformation.js.map +1 -1
- package/components/Icons/IconNames.d.ts +1 -1
- package/components/Icons/IconNames.js +1 -0
- package/components/Icons/IconNames.js.map +1 -1
- package/components/Icons/Toddler.d.ts +4 -0
- package/components/Icons/Toddler.js +10 -0
- package/components/Icons/Toddler.js.map +1 -0
- package/components/Illustrations/BabyMobile.d.ts +8 -0
- package/components/Illustrations/BabyMobile.js +11 -0
- package/components/Illustrations/BabyMobile.js.map +1 -0
- package/components/Illustrations/BabyMobileMedium.d.ts +4 -0
- package/components/Illustrations/BabyMobileMedium.js +424 -0
- package/components/Illustrations/BabyMobileMedium.js.map +1 -0
- package/components/Illustrations/Child.d.ts +12 -0
- package/components/Illustrations/Child.js +11 -0
- package/components/Illustrations/Child.js.map +1 -0
- package/components/Illustrations/ChildMedium.d.ts +4 -0
- package/components/Illustrations/ChildMedium.js +185 -0
- package/components/Illustrations/ChildMedium.js.map +1 -0
- package/components/Illustrations/GiveBabyFood.d.ts +11 -0
- package/components/Illustrations/GiveBabyFood.js +11 -0
- package/components/Illustrations/GiveBabyFood.js.map +1 -0
- package/components/Illustrations/GiveBabyFoodMedium.d.ts +4 -0
- package/components/Illustrations/GiveBabyFoodMedium.js +377 -0
- package/components/Illustrations/GiveBabyFoodMedium.js.map +1 -0
- package/components/Illustrations/IllustrationNames.d.ts +1 -1
- package/components/Illustrations/IllustrationNames.js +15 -1
- package/components/Illustrations/IllustrationNames.js.map +1 -1
- package/components/Illustrations/Stroller.d.ts +12 -0
- package/components/Illustrations/Stroller.js +11 -0
- package/components/Illustrations/Stroller.js.map +1 -0
- package/components/Illustrations/StrollerMedium.d.ts +4 -0
- package/components/Illustrations/StrollerMedium.js +236 -0
- package/components/Illustrations/StrollerMedium.js.map +1 -0
- package/components/InfoTeaser/InfoTeaser.d.ts +28 -0
- package/components/InfoTeaser/InfoTeaser.test.d.ts +1 -0
- package/components/InfoTeaser/index.d.ts +3 -0
- package/components/InfoTeaser/index.js +5 -0
- package/components/InfoTeaser/index.js.map +1 -0
- package/components/InfoTeaser/resourceHelper.d.ts +3 -0
- package/components/InfoTeaser/styles.module.scss +98 -0
- package/components/InfoTeaser/styles.module.scss.d.ts +15 -0
- package/components/Panel/Panel.d.ts +3 -0
- package/components/Panel/resourceHelper.d.ts +3 -0
- package/components/Panel/styles.module.scss +6 -6
- package/constants.d.ts +2 -0
- package/constants.js +2 -0
- package/constants.js.map +1 -1
- package/designsystem-react.css +3 -1
- package/hooks/useBreakpoint.js +10 -28
- package/hooks/useBreakpoint.js.map +1 -1
- package/package.json +1 -1
- package/resources/HN.Designsystem.ArticleTeaser.en-GB.json.d.ts +7 -0
- package/resources/HN.Designsystem.ArticleTeaser.nb-NO.json.d.ts +7 -0
- package/resources/HN.Designsystem.Dropdown.nb-NO.json.d.ts +1 -2
- package/resources/HN.Designsystem.InfoTeaser.en-GB.json.d.ts +7 -0
- package/resources/HN.Designsystem.InfoTeaser.nb-NO.json.d.ts +7 -0
- package/resources/HN.Designsystem.Panel.en-GB.json.d.ts +7 -0
- package/resources/HN.Designsystem.Panel.nb-NO.json.d.ts +7 -0
- package/scss/supernova/styles/colors.css +3 -1
|
@@ -0,0 +1,236 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { V as ViewBoxSize } from "../../Illustration.js";
|
|
3
|
+
const StrollerMedium = ({ color, svgProperties, title }) => {
|
|
4
|
+
const palette = (() => {
|
|
5
|
+
switch (color) {
|
|
6
|
+
case "blueberry":
|
|
7
|
+
return {
|
|
8
|
+
feet: "#AFDAE3",
|
|
9
|
+
handle: "#AFDAE3",
|
|
10
|
+
stroller1: "#126F87",
|
|
11
|
+
stroller2: "#08667C",
|
|
12
|
+
stroller3: "#188097",
|
|
13
|
+
wheels: "#188097"
|
|
14
|
+
};
|
|
15
|
+
case "cherry":
|
|
16
|
+
return {
|
|
17
|
+
feet: "#F06B48",
|
|
18
|
+
handle: "#B69079",
|
|
19
|
+
stroller1: "#A31F0E",
|
|
20
|
+
stroller2: "#A31F0E",
|
|
21
|
+
stroller3: "#C83521",
|
|
22
|
+
wheels: "#B69079"
|
|
23
|
+
};
|
|
24
|
+
default:
|
|
25
|
+
return {
|
|
26
|
+
feet: "#989693",
|
|
27
|
+
handle: "#989693",
|
|
28
|
+
stroller1: "#62625F",
|
|
29
|
+
stroller2: "#62625F",
|
|
30
|
+
stroller3: "#989693",
|
|
31
|
+
wheels: "#989693"
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
})();
|
|
35
|
+
return /* @__PURE__ */ jsxs("svg", { ...svgProperties, viewBox: ViewBoxSize.Medium, children: [
|
|
36
|
+
title,
|
|
37
|
+
/* @__PURE__ */ jsx("path", { d: "M177.718 388.789L177.718 354.295L363.125 354.295L363.125 388.789L177.718 388.789Z", fill: palette.stroller1 }),
|
|
38
|
+
/* @__PURE__ */ jsx(
|
|
39
|
+
"path",
|
|
40
|
+
{
|
|
41
|
+
d: "M177.718 352.972L363.124 352.972L363.125 388.789L177.718 388.789L177.718 352.972ZM359.125 384.789L359.124 356.972L181.718 356.972L181.718 384.789L359.125 384.789Z",
|
|
42
|
+
fill: "black"
|
|
43
|
+
}
|
|
44
|
+
),
|
|
45
|
+
/* @__PURE__ */ jsx(
|
|
46
|
+
"path",
|
|
47
|
+
{
|
|
48
|
+
d: "M204.777 181.164L200.307 185.07L203.341 187.787H222.82L225.854 186.988L218.908 182.358L209.408 174.773L204.777 181.164Z",
|
|
49
|
+
fill: "white"
|
|
50
|
+
}
|
|
51
|
+
),
|
|
52
|
+
/* @__PURE__ */ jsx(
|
|
53
|
+
"path",
|
|
54
|
+
{
|
|
55
|
+
d: "M235.674 181.081L228.888 182.355L231.564 187.784H239.506L246.371 187.148L244.695 182.917L241.981 178.523L235.674 181.081Z",
|
|
56
|
+
fill: "white"
|
|
57
|
+
}
|
|
58
|
+
),
|
|
59
|
+
/* @__PURE__ */ jsx(
|
|
60
|
+
"path",
|
|
61
|
+
{
|
|
62
|
+
d: "M205.718 181.285L208.845 175.035L205.718 170.008L210.185 159.506L210.855 153.14L208.845 150.016H204.713L202.367 151.471L198.682 157.162L193.992 162.525L189.19 166.989L186.509 170.008L187.515 174.474L191.2 178.271L200.469 185.195L205.718 181.285Z",
|
|
63
|
+
fill: palette.feet
|
|
64
|
+
}
|
|
65
|
+
),
|
|
66
|
+
/* @__PURE__ */ jsx(
|
|
67
|
+
"path",
|
|
68
|
+
{
|
|
69
|
+
d: "M236.403 180.987L241.64 176.36L240.619 170.529L248.688 162.458L251.689 156.805L250.993 153.155L247.161 151.61L244.441 152.083L238.896 155.984L232.54 159.205L226.418 161.549L222.803 163.348L222.066 167.865L224.064 172.764L230.073 182.652L236.403 180.987Z",
|
|
70
|
+
fill: palette.feet
|
|
71
|
+
}
|
|
72
|
+
),
|
|
73
|
+
/* @__PURE__ */ jsx(
|
|
74
|
+
"path",
|
|
75
|
+
{
|
|
76
|
+
d: "M200.411 150.824C201.65 149.109 203.21 147.985 204.958 147.65C206.847 147.289 208.638 147.914 209.972 149.141C212.525 151.489 213.342 155.817 211.6 160.422L211.423 160.868C210.393 163.363 209.992 164.345 207.984 170.078C207.99 170.131 208.02 170.278 208.161 170.55C208.415 171.043 208.907 171.691 209.677 172.481C211.207 174.052 213.505 175.845 216.101 177.668C218.678 179.478 221.46 181.258 223.918 182.813C226.334 184.342 228.515 185.701 229.763 186.604L227.418 189.845C226.301 189.037 224.282 187.776 221.78 186.193C219.319 184.637 216.464 182.812 213.801 180.941C211.157 179.084 208.61 177.119 206.811 175.273C205.917 174.355 205.121 173.38 204.607 172.386C204.103 171.41 203.727 170.128 204.19 168.808L205.453 165.234C206.484 162.359 206.924 161.282 207.726 159.341L207.863 158.996C209.202 155.464 208.277 153.017 207.264 152.085C206.756 151.618 206.22 151.481 205.71 151.579C205.207 151.676 204.453 152.057 203.654 153.164L203.494 153.395C198.788 160.446 194.415 164.503 191.666 167.307C190.245 168.758 189.451 169.69 189.078 170.467C188.835 170.973 188.772 171.392 188.992 171.993L189.103 172.262C190.167 174.586 192.147 176.542 195.108 178.79C196.581 179.908 198.231 181.05 200.072 182.339C201.9 183.618 203.892 185.024 205.986 186.63L203.552 189.804C201.532 188.255 199.6 186.89 197.778 185.615C195.969 184.349 194.241 183.152 192.691 181.975C189.606 179.634 186.957 177.185 185.466 173.928L185.32 173.587C184.64 171.893 184.724 170.294 185.471 168.737C186.173 167.275 187.445 165.9 188.809 164.508C191.632 161.627 195.71 157.852 200.166 151.175L200.411 150.824Z",
|
|
77
|
+
fill: "black"
|
|
78
|
+
}
|
|
79
|
+
),
|
|
80
|
+
/* @__PURE__ */ jsx(
|
|
81
|
+
"path",
|
|
82
|
+
{
|
|
83
|
+
d: "M243.351 151.882C245.169 150.8 247.047 150.387 248.784 150.773C250.662 151.19 252.058 152.475 252.795 154.13C254.207 157.299 253.241 161.595 249.815 165.131L249.477 165.471C248.021 166.886 247.231 167.657 245.176 169.853L242.628 172.602C242.381 172.869 242.185 173.327 242.377 174.343C242.576 175.39 243.14 176.702 243.994 178.223C244.835 179.72 245.876 181.281 246.926 182.825C247.952 184.334 249.015 185.864 249.801 187.186L246.363 189.231C245.657 188.044 244.691 186.651 243.618 185.074C242.569 183.532 241.44 181.844 240.506 180.18C239.585 178.54 238.769 176.778 238.448 175.09C238.121 173.37 238.266 171.43 239.687 169.89L242.264 167.11C244.351 164.88 245.183 164.066 246.688 162.602L246.951 162.34C249.582 159.629 249.702 157.016 249.141 155.758C248.861 155.129 248.424 154.79 247.917 154.677C247.417 154.567 246.573 154.618 245.4 155.317L245.161 155.465C238.044 160.071 232.421 162.06 228.785 163.544C226.905 164.312 225.806 164.853 225.156 165.418C224.732 165.786 224.509 166.146 224.472 166.785L224.467 167.076C224.524 169.725 225.402 172.428 226.982 175.694C228.581 178.996 230.759 182.613 233.332 187.227L229.839 189.176C227.362 184.734 225.048 180.877 223.383 177.437C221.699 173.958 220.543 170.648 220.469 167.162L220.469 166.791C220.518 164.966 221.229 163.532 222.532 162.399C223.757 161.335 225.47 160.578 227.274 159.841C231.008 158.316 236.249 156.469 242.988 152.107L243.351 151.882Z",
|
|
84
|
+
fill: "black"
|
|
85
|
+
}
|
|
86
|
+
),
|
|
87
|
+
/* @__PURE__ */ jsx(
|
|
88
|
+
"path",
|
|
89
|
+
{
|
|
90
|
+
d: "M211.345 175.938C210.289 178.717 208.448 181.047 206.654 182.805C204.858 184.565 203.007 185.851 201.786 186.522L199.86 183.016C200.757 182.523 202.314 181.458 203.854 179.948C205.397 178.436 206.824 176.577 207.607 174.517L211.345 175.938Z",
|
|
91
|
+
fill: "black"
|
|
92
|
+
}
|
|
93
|
+
),
|
|
94
|
+
/* @__PURE__ */ jsx(
|
|
95
|
+
"path",
|
|
96
|
+
{
|
|
97
|
+
d: "M242.723 178.816C240.629 180.926 238 182.307 235.646 183.185C233.289 184.063 231.076 184.485 229.688 184.603L229.352 180.617C230.372 180.531 232.227 180.19 234.248 179.436C236.273 178.682 238.332 177.562 239.884 175.998L242.723 178.816Z",
|
|
98
|
+
fill: "black"
|
|
99
|
+
}
|
|
100
|
+
),
|
|
101
|
+
/* @__PURE__ */ jsx("path", { d: "M174.563 386.297L179.789 392.781L342.074 261.988L336.848 255.504L174.563 386.297Z", fill: palette.handle }),
|
|
102
|
+
/* @__PURE__ */ jsx(
|
|
103
|
+
"path",
|
|
104
|
+
{
|
|
105
|
+
d: "M174.906 391.969C177.882 395.173 182.161 393.243 182.165 393.241L343.233 263.429L335.689 254.069L174.621 383.881C174.608 383.899 171.647 387.992 174.621 391.643L174.906 391.969ZM177.722 389.116C177.257 388.544 177.218 388.02 177.383 387.365C177.461 387.057 177.578 386.772 177.691 386.545L335.085 259.694L337.608 262.825L180.199 389.688C179.961 389.75 179.667 389.805 179.358 389.817C178.709 389.841 178.201 389.703 177.722 389.116Z",
|
|
106
|
+
fill: "black"
|
|
107
|
+
}
|
|
108
|
+
),
|
|
109
|
+
/* @__PURE__ */ jsx(
|
|
110
|
+
"path",
|
|
111
|
+
{
|
|
112
|
+
d: "M399.213 202.641L401.373 252.342C401.373 258.337 397.343 263.197 392.373 263.197H147.149C142.179 263.197 138.149 258.337 138.149 252.342L139.921 202.641H399.213Z",
|
|
113
|
+
fill: palette.stroller1
|
|
114
|
+
}
|
|
115
|
+
),
|
|
116
|
+
/* @__PURE__ */ jsx(
|
|
117
|
+
"path",
|
|
118
|
+
{
|
|
119
|
+
d: "M403.59 198.758V187.43L145.963 187.912L141.26 189.928L138.092 193.48L136.557 197.799V202.598H399.175L403.014 201.542L403.59 198.758Z",
|
|
120
|
+
fill: palette.stroller3
|
|
121
|
+
}
|
|
122
|
+
),
|
|
123
|
+
/* @__PURE__ */ jsx(
|
|
124
|
+
"path",
|
|
125
|
+
{
|
|
126
|
+
d: "M392.372 259.196V263.196H147.149V259.196H392.372ZM397.372 254.196V204.398H142.149V254.196C142.15 256.958 144.388 259.196 147.149 259.196V263.196L146.687 263.185C142.085 262.951 138.394 259.261 138.161 254.659L138.149 254.196V200.398H401.372V254.196L401.36 254.659C401.127 259.261 397.438 262.951 392.836 263.185L392.372 263.196V259.196C395.133 259.196 397.372 256.958 397.372 254.196Z",
|
|
127
|
+
fill: "black"
|
|
128
|
+
}
|
|
129
|
+
),
|
|
130
|
+
/* @__PURE__ */ jsx(
|
|
131
|
+
"path",
|
|
132
|
+
{
|
|
133
|
+
d: "M399.574 200.897V204.897H140.119V200.897H399.574ZM405.575 198.896L405.567 199.206C405.412 202.274 402.952 204.734 399.884 204.89L399.574 204.897V200.897C400.679 200.897 401.575 200.001 401.575 198.896V189.984H148.225C142.973 189.984 138.716 194.242 138.716 199.493C138.716 200.268 139.344 200.897 140.119 200.897V204.897L139.842 204.89C137.079 204.75 134.863 202.535 134.723 199.771L134.716 199.493C134.716 192.149 140.576 186.174 147.876 185.989L148.225 185.984H404.574L404.677 185.989C405.181 186.04 405.575 186.467 405.575 186.984V198.896Z",
|
|
134
|
+
fill: "black"
|
|
135
|
+
}
|
|
136
|
+
),
|
|
137
|
+
/* @__PURE__ */ jsx(
|
|
138
|
+
"path",
|
|
139
|
+
{
|
|
140
|
+
d: "M284.566 74.9922V187.45H403.581L381.08 129.311C380.59 128.045 379.82 126.906 378.827 125.98L338.973 88.7803C337.816 87.7009 336.396 86.9454 334.854 86.5899L284.566 74.9922Z",
|
|
141
|
+
fill: palette.stroller1
|
|
142
|
+
}
|
|
143
|
+
),
|
|
144
|
+
/* @__PURE__ */ jsx("path", { d: "M284.915 186.709L337.231 87.2031L380.651 127.91L284.915 186.709Z", fill: palette.stroller3 }),
|
|
145
|
+
/* @__PURE__ */ jsx(
|
|
146
|
+
"path",
|
|
147
|
+
{
|
|
148
|
+
d: "M336.899 85.2308C337.514 85.1273 338.143 85.3176 338.598 85.7444L382.019 126.451C382.474 126.878 382.704 127.492 382.641 128.113C382.578 128.733 382.229 129.288 381.698 129.615L285.961 188.413C285.194 188.885 284.206 188.784 283.548 188.169C282.891 187.554 282.725 186.576 283.144 185.779L335.461 86.2728L335.581 86.0735C335.886 85.6283 336.36 85.3215 336.899 85.2308ZM290.074 181.193L377.372 127.576L337.778 90.4583L290.074 181.193Z",
|
|
149
|
+
fill: "black"
|
|
150
|
+
}
|
|
151
|
+
),
|
|
152
|
+
/* @__PURE__ */ jsx(
|
|
153
|
+
"path",
|
|
154
|
+
{
|
|
155
|
+
d: "M283.321 73.4271C283.798 73.0478 284.422 72.9065 285.016 73.0433L335.304 84.6409L335.655 84.7288C337.404 85.1931 339.013 86.0818 340.338 87.3187L380.192 124.518C381.405 125.65 382.346 127.042 382.944 128.589L405.446 186.728C405.684 187.343 405.604 188.036 405.231 188.58C404.859 189.125 404.241 189.45 403.581 189.45H284.566C283.462 189.45 282.566 188.554 282.566 187.45V74.9925C282.566 74.383 282.844 73.8065 283.321 73.4271ZM286.566 185.45H400.662L379.215 130.033C378.834 129.048 378.234 128.163 377.463 127.443L337.608 90.2425C336.765 89.4555 335.741 88.8895 334.629 88.5941L334.405 88.5394L286.566 77.5062V185.45Z",
|
|
156
|
+
fill: "black"
|
|
157
|
+
}
|
|
158
|
+
),
|
|
159
|
+
/* @__PURE__ */ jsx(
|
|
160
|
+
"path",
|
|
161
|
+
{
|
|
162
|
+
d: "M93.0634 180.562L64.3714 179.789L62.6325 176.601L63.5986 172.833L97.6041 172.833L366.088 387.699L361.147 393.825L93.0634 180.562Z",
|
|
163
|
+
fill: palette.handle
|
|
164
|
+
}
|
|
165
|
+
),
|
|
166
|
+
/* @__PURE__ */ jsx(
|
|
167
|
+
"path",
|
|
168
|
+
{
|
|
169
|
+
d: "M60.7838 176.301C60.7839 173.185 63.3092 170.659 66.4249 170.659L98.4706 170.66L365.296 383.792L365.435 383.981C366.026 384.828 368.18 388.394 365.45 391.962L365.296 392.157C362.078 396.101 357.794 393.862 356.774 393.241L356.549 393.098L92.1915 181.943L66.4253 181.943C63.4067 181.943 60.9423 179.572 60.7911 176.591L60.7838 176.301ZM66.4252 174.659C65.5749 174.659 64.8755 175.306 64.7916 176.134L64.7829 176.301C64.7829 177.208 65.519 177.943 66.4258 177.943L93.5932 177.942L358.876 389.837C358.94 389.876 359.042 389.935 359.175 390.001C359.488 390.156 359.885 390.31 360.291 390.387C360.689 390.463 360.992 390.446 361.222 390.376C361.41 390.32 361.753 390.172 362.196 389.628L362.319 389.469C362.892 388.686 362.862 388.051 362.703 387.458C362.606 387.099 362.453 386.774 362.315 386.531L97.0681 174.659L66.4252 174.659Z",
|
|
170
|
+
fill: "black"
|
|
171
|
+
}
|
|
172
|
+
),
|
|
173
|
+
/* @__PURE__ */ jsx("path", { d: "M196.269 354.143L181.279 388.479L177.613 386.879L192.603 352.542L196.269 354.143Z", fill: "black" }),
|
|
174
|
+
/* @__PURE__ */ jsx("path", { d: "M215.055 375.86L180.177 389.541L178.716 385.817L213.595 372.137L215.055 375.86Z", fill: "black" }),
|
|
175
|
+
/* @__PURE__ */ jsx("path", { d: "M212.983 404.501L178.646 389.512L180.247 385.846L214.583 400.836L212.983 404.501Z", fill: "black" }),
|
|
176
|
+
/* @__PURE__ */ jsx("path", { d: "M191.265 423.288L177.585 388.41L181.308 386.949L194.989 421.828L191.265 423.288Z", fill: "black" }),
|
|
177
|
+
/* @__PURE__ */ jsx("path", { d: "M162.624 421.216L177.613 386.879L181.279 388.479L166.29 422.816L162.624 421.216Z", fill: "black" }),
|
|
178
|
+
/* @__PURE__ */ jsx("path", { d: "M143.837 399.498L178.716 385.817L180.177 389.541L145.298 403.222L143.837 399.498Z", fill: "black" }),
|
|
179
|
+
/* @__PURE__ */ jsx("path", { d: "M145.91 370.857L180.247 385.846L178.646 389.512L144.31 374.523L145.91 370.857Z", fill: "black" }),
|
|
180
|
+
/* @__PURE__ */ jsx("path", { d: "M167.628 352.07L181.308 386.949L177.585 388.41L163.904 353.531L167.628 352.07Z", fill: "black" }),
|
|
181
|
+
/* @__PURE__ */ jsx(
|
|
182
|
+
"path",
|
|
183
|
+
{
|
|
184
|
+
d: "M208.742 387.68C208.742 371.5 195.626 358.383 179.447 358.383C163.266 358.383 150.15 371.5 150.15 387.68C150.15 403.86 163.267 416.976 179.447 416.976V428.976L178.38 428.963C156.42 428.406 138.72 410.706 138.163 388.745L138.15 387.68C138.15 364.872 156.639 346.383 179.447 346.383L180.512 346.396C202.827 346.962 220.742 365.229 220.742 387.68L220.73 388.745C220.164 411.06 201.898 428.975 179.447 428.976V416.976C195.626 416.975 208.742 403.86 208.742 387.68Z",
|
|
185
|
+
fill: palette.wheels
|
|
186
|
+
}
|
|
187
|
+
),
|
|
188
|
+
/* @__PURE__ */ jsx(
|
|
189
|
+
"path",
|
|
190
|
+
{
|
|
191
|
+
d: "M187.202 387.678C187.202 391.961 183.729 395.433 179.446 395.433C175.163 395.433 171.69 391.961 171.69 387.678C171.69 383.394 175.163 379.922 179.446 379.922C183.729 379.922 187.202 383.394 187.202 387.678Z",
|
|
192
|
+
fill: "black"
|
|
193
|
+
}
|
|
194
|
+
),
|
|
195
|
+
/* @__PURE__ */ jsx(
|
|
196
|
+
"path",
|
|
197
|
+
{
|
|
198
|
+
d: "M180.537 345.436C203.37 346.014 221.702 364.705 221.702 387.678L221.689 388.769L221.649 389.835C220.526 412.17 202.06 429.933 179.447 429.934L178.356 429.92C156.236 429.359 138.341 411.801 137.244 389.818L137.204 388.769L137.191 387.678C137.191 364.341 156.109 345.422 179.447 345.422L180.537 345.436ZM179.421 349.422C158.313 349.436 141.205 366.545 141.191 387.652L141.203 388.667L141.24 389.617C142.231 409.5 158.407 425.387 178.406 425.92L179.47 425.933C200.24 425.92 217.14 409.355 217.689 388.716L217.701 387.654C217.689 366.872 201.105 349.965 180.449 349.435L179.421 349.422ZM207.414 386.956C207.037 372.078 195.047 360.087 180.169 359.71L179.447 359.7C163.995 359.7 151.469 372.227 151.469 387.678L151.479 388.4C151.862 403.518 164.237 415.654 179.447 415.654L180.169 415.646C195.286 415.262 207.423 402.887 207.423 387.678L207.414 386.956ZM211.412 388.503C210.982 405.508 197.277 419.213 180.272 419.644L179.447 419.654C162.062 419.654 147.917 405.782 147.48 388.503L147.469 387.678C147.469 370.017 161.786 355.7 179.447 355.7L180.272 355.711C197.551 356.149 211.423 370.293 211.423 387.678L211.412 388.503Z",
|
|
199
|
+
fill: "black"
|
|
200
|
+
}
|
|
201
|
+
),
|
|
202
|
+
/* @__PURE__ */ jsx("path", { d: "M378.126 354.143L363.137 388.479L359.471 386.879L374.46 352.542L378.126 354.143Z", fill: "black" }),
|
|
203
|
+
/* @__PURE__ */ jsx("path", { d: "M396.913 375.86L362.034 389.541L360.573 385.817L395.452 372.137L396.913 375.86Z", fill: "black" }),
|
|
204
|
+
/* @__PURE__ */ jsx("path", { d: "M394.84 404.501L360.503 389.512L362.104 385.846L396.44 400.836L394.84 404.501Z", fill: "black" }),
|
|
205
|
+
/* @__PURE__ */ jsx("path", { d: "M373.122 423.288L359.442 388.41L363.165 386.949L376.846 421.828L373.122 423.288Z", fill: "black" }),
|
|
206
|
+
/* @__PURE__ */ jsx("path", { d: "M344.481 421.216L359.471 386.879L363.137 388.479L348.147 422.816L344.481 421.216Z", fill: "black" }),
|
|
207
|
+
/* @__PURE__ */ jsx("path", { d: "M325.695 399.498L360.573 385.817L362.034 389.541L327.155 403.222L325.695 399.498Z", fill: "black" }),
|
|
208
|
+
/* @__PURE__ */ jsx("path", { d: "M327.767 370.857L362.104 385.846L360.503 389.512L326.167 374.523L327.767 370.857Z", fill: "black" }),
|
|
209
|
+
/* @__PURE__ */ jsx("path", { d: "M349.485 352.07L363.165 386.949L359.442 388.41L345.761 353.531L349.485 352.07Z", fill: "black" }),
|
|
210
|
+
/* @__PURE__ */ jsx(
|
|
211
|
+
"path",
|
|
212
|
+
{
|
|
213
|
+
d: "M367.832 387.678C367.832 391.961 364.36 395.433 360.076 395.433C355.793 395.433 352.32 391.961 352.32 387.678C352.32 383.394 355.793 379.922 360.076 379.922C364.36 379.922 367.832 383.394 367.832 387.678Z",
|
|
214
|
+
fill: "black"
|
|
215
|
+
}
|
|
216
|
+
),
|
|
217
|
+
/* @__PURE__ */ jsx(
|
|
218
|
+
"path",
|
|
219
|
+
{
|
|
220
|
+
d: "M389.372 387.68C389.372 371.5 376.256 358.383 360.076 358.383C343.896 358.383 330.779 371.5 330.779 387.68C330.779 403.86 343.896 416.976 360.076 416.976V428.976L359.01 428.963C337.049 428.406 319.349 410.706 318.793 388.745L318.779 387.68C318.779 364.872 337.269 346.383 360.076 346.383L361.142 346.396C383.457 346.962 401.372 365.229 401.372 387.68L401.359 388.745C400.794 411.06 382.527 428.975 360.076 428.976V416.976C376.256 416.975 389.372 403.86 389.372 387.68Z",
|
|
221
|
+
fill: palette.wheels
|
|
222
|
+
}
|
|
223
|
+
),
|
|
224
|
+
/* @__PURE__ */ jsx(
|
|
225
|
+
"path",
|
|
226
|
+
{
|
|
227
|
+
d: "M361.167 345.436C384 346.014 402.332 364.705 402.332 387.678L402.318 388.769L402.278 389.835C401.155 412.17 382.69 429.933 360.076 429.934L358.985 429.92C336.866 429.359 318.971 411.801 317.874 389.818L317.834 388.769L317.82 387.678C317.82 364.341 336.739 345.422 360.076 345.422L361.167 345.436ZM360.051 349.422C338.943 349.436 321.834 366.545 321.82 387.652L321.833 388.667L321.869 389.617C322.861 409.5 339.036 425.387 359.036 425.92L360.099 425.933C380.87 425.92 397.769 409.355 398.318 388.716L398.331 387.654C398.318 366.872 381.734 349.965 361.079 349.435L360.051 349.422ZM388.044 386.956C387.667 372.078 375.676 360.087 360.799 359.71L360.076 359.7C344.625 359.7 332.099 372.227 332.098 387.678L332.108 388.4C332.491 403.518 344.866 415.654 360.076 415.654L360.799 415.646C375.916 415.262 388.052 402.887 388.052 387.678L388.044 386.956ZM392.042 388.503C391.611 405.508 377.906 419.213 360.901 419.644L360.076 419.654C342.692 419.654 328.547 405.782 328.109 388.503L328.098 387.678C328.099 370.017 342.416 355.7 360.076 355.7L360.901 355.711C378.18 356.149 392.052 370.293 392.052 387.678L392.042 388.503Z",
|
|
228
|
+
fill: "black"
|
|
229
|
+
}
|
|
230
|
+
)
|
|
231
|
+
] });
|
|
232
|
+
};
|
|
233
|
+
export {
|
|
234
|
+
StrollerMedium as default
|
|
235
|
+
};
|
|
236
|
+
//# sourceMappingURL=StrollerMedium.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StrollerMedium.js","sources":["../../../src/components/Illustrations/StrollerMedium.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Palette } from './Stroller';\nimport { BaseSvgIllustrationProps, ViewBoxSize } from '../Illustration';\n\nconst StrollerMedium: React.FC<BaseSvgIllustrationProps> = ({ color, svgProperties, title }) => {\n const palette = ((): Palette => {\n switch (color) {\n case 'blueberry':\n return {\n feet: '#AFDAE3',\n handle: '#AFDAE3',\n stroller1: '#126F87',\n stroller2: '#08667C',\n stroller3: '#188097',\n wheels: '#188097',\n };\n case 'cherry':\n return {\n feet: '#F06B48',\n handle: '#B69079',\n stroller1: '#A31F0E',\n stroller2: '#A31F0E',\n stroller3: '#C83521',\n wheels: '#B69079',\n };\n default:\n return {\n feet: '#989693',\n handle: '#989693',\n stroller1: '#62625F',\n stroller2: '#62625F',\n stroller3: '#989693',\n wheels: '#989693',\n };\n }\n })();\n\n return (\n <svg {...svgProperties} viewBox={ViewBoxSize.Medium}>\n {title}\n <path d=\"M177.718 388.789L177.718 354.295L363.125 354.295L363.125 388.789L177.718 388.789Z\" fill={palette.stroller1} />\n <path\n d=\"M177.718 352.972L363.124 352.972L363.125 388.789L177.718 388.789L177.718 352.972ZM359.125 384.789L359.124 356.972L181.718 356.972L181.718 384.789L359.125 384.789Z\"\n fill=\"black\"\n />\n <path\n d=\"M204.777 181.164L200.307 185.07L203.341 187.787H222.82L225.854 186.988L218.908 182.358L209.408 174.773L204.777 181.164Z\"\n fill=\"white\"\n />\n <path\n d=\"M235.674 181.081L228.888 182.355L231.564 187.784H239.506L246.371 187.148L244.695 182.917L241.981 178.523L235.674 181.081Z\"\n fill=\"white\"\n />\n <path\n d=\"M205.718 181.285L208.845 175.035L205.718 170.008L210.185 159.506L210.855 153.14L208.845 150.016H204.713L202.367 151.471L198.682 157.162L193.992 162.525L189.19 166.989L186.509 170.008L187.515 174.474L191.2 178.271L200.469 185.195L205.718 181.285Z\"\n fill={palette.feet}\n />\n <path\n d=\"M236.403 180.987L241.64 176.36L240.619 170.529L248.688 162.458L251.689 156.805L250.993 153.155L247.161 151.61L244.441 152.083L238.896 155.984L232.54 159.205L226.418 161.549L222.803 163.348L222.066 167.865L224.064 172.764L230.073 182.652L236.403 180.987Z\"\n fill={palette.feet}\n />\n <path\n d=\"M200.411 150.824C201.65 149.109 203.21 147.985 204.958 147.65C206.847 147.289 208.638 147.914 209.972 149.141C212.525 151.489 213.342 155.817 211.6 160.422L211.423 160.868C210.393 163.363 209.992 164.345 207.984 170.078C207.99 170.131 208.02 170.278 208.161 170.55C208.415 171.043 208.907 171.691 209.677 172.481C211.207 174.052 213.505 175.845 216.101 177.668C218.678 179.478 221.46 181.258 223.918 182.813C226.334 184.342 228.515 185.701 229.763 186.604L227.418 189.845C226.301 189.037 224.282 187.776 221.78 186.193C219.319 184.637 216.464 182.812 213.801 180.941C211.157 179.084 208.61 177.119 206.811 175.273C205.917 174.355 205.121 173.38 204.607 172.386C204.103 171.41 203.727 170.128 204.19 168.808L205.453 165.234C206.484 162.359 206.924 161.282 207.726 159.341L207.863 158.996C209.202 155.464 208.277 153.017 207.264 152.085C206.756 151.618 206.22 151.481 205.71 151.579C205.207 151.676 204.453 152.057 203.654 153.164L203.494 153.395C198.788 160.446 194.415 164.503 191.666 167.307C190.245 168.758 189.451 169.69 189.078 170.467C188.835 170.973 188.772 171.392 188.992 171.993L189.103 172.262C190.167 174.586 192.147 176.542 195.108 178.79C196.581 179.908 198.231 181.05 200.072 182.339C201.9 183.618 203.892 185.024 205.986 186.63L203.552 189.804C201.532 188.255 199.6 186.89 197.778 185.615C195.969 184.349 194.241 183.152 192.691 181.975C189.606 179.634 186.957 177.185 185.466 173.928L185.32 173.587C184.64 171.893 184.724 170.294 185.471 168.737C186.173 167.275 187.445 165.9 188.809 164.508C191.632 161.627 195.71 157.852 200.166 151.175L200.411 150.824Z\"\n fill=\"black\"\n />\n <path\n d=\"M243.351 151.882C245.169 150.8 247.047 150.387 248.784 150.773C250.662 151.19 252.058 152.475 252.795 154.13C254.207 157.299 253.241 161.595 249.815 165.131L249.477 165.471C248.021 166.886 247.231 167.657 245.176 169.853L242.628 172.602C242.381 172.869 242.185 173.327 242.377 174.343C242.576 175.39 243.14 176.702 243.994 178.223C244.835 179.72 245.876 181.281 246.926 182.825C247.952 184.334 249.015 185.864 249.801 187.186L246.363 189.231C245.657 188.044 244.691 186.651 243.618 185.074C242.569 183.532 241.44 181.844 240.506 180.18C239.585 178.54 238.769 176.778 238.448 175.09C238.121 173.37 238.266 171.43 239.687 169.89L242.264 167.11C244.351 164.88 245.183 164.066 246.688 162.602L246.951 162.34C249.582 159.629 249.702 157.016 249.141 155.758C248.861 155.129 248.424 154.79 247.917 154.677C247.417 154.567 246.573 154.618 245.4 155.317L245.161 155.465C238.044 160.071 232.421 162.06 228.785 163.544C226.905 164.312 225.806 164.853 225.156 165.418C224.732 165.786 224.509 166.146 224.472 166.785L224.467 167.076C224.524 169.725 225.402 172.428 226.982 175.694C228.581 178.996 230.759 182.613 233.332 187.227L229.839 189.176C227.362 184.734 225.048 180.877 223.383 177.437C221.699 173.958 220.543 170.648 220.469 167.162L220.469 166.791C220.518 164.966 221.229 163.532 222.532 162.399C223.757 161.335 225.47 160.578 227.274 159.841C231.008 158.316 236.249 156.469 242.988 152.107L243.351 151.882Z\"\n fill=\"black\"\n />\n <path\n d=\"M211.345 175.938C210.289 178.717 208.448 181.047 206.654 182.805C204.858 184.565 203.007 185.851 201.786 186.522L199.86 183.016C200.757 182.523 202.314 181.458 203.854 179.948C205.397 178.436 206.824 176.577 207.607 174.517L211.345 175.938Z\"\n fill=\"black\"\n />\n <path\n d=\"M242.723 178.816C240.629 180.926 238 182.307 235.646 183.185C233.289 184.063 231.076 184.485 229.688 184.603L229.352 180.617C230.372 180.531 232.227 180.19 234.248 179.436C236.273 178.682 238.332 177.562 239.884 175.998L242.723 178.816Z\"\n fill=\"black\"\n />\n <path d=\"M174.563 386.297L179.789 392.781L342.074 261.988L336.848 255.504L174.563 386.297Z\" fill={palette.handle} />\n <path\n d=\"M174.906 391.969C177.882 395.173 182.161 393.243 182.165 393.241L343.233 263.429L335.689 254.069L174.621 383.881C174.608 383.899 171.647 387.992 174.621 391.643L174.906 391.969ZM177.722 389.116C177.257 388.544 177.218 388.02 177.383 387.365C177.461 387.057 177.578 386.772 177.691 386.545L335.085 259.694L337.608 262.825L180.199 389.688C179.961 389.75 179.667 389.805 179.358 389.817C178.709 389.841 178.201 389.703 177.722 389.116Z\"\n fill=\"black\"\n />\n <path\n d=\"M399.213 202.641L401.373 252.342C401.373 258.337 397.343 263.197 392.373 263.197H147.149C142.179 263.197 138.149 258.337 138.149 252.342L139.921 202.641H399.213Z\"\n fill={palette.stroller1}\n />\n <path\n d=\"M403.59 198.758V187.43L145.963 187.912L141.26 189.928L138.092 193.48L136.557 197.799V202.598H399.175L403.014 201.542L403.59 198.758Z\"\n fill={palette.stroller3}\n />\n <path\n d=\"M392.372 259.196V263.196H147.149V259.196H392.372ZM397.372 254.196V204.398H142.149V254.196C142.15 256.958 144.388 259.196 147.149 259.196V263.196L146.687 263.185C142.085 262.951 138.394 259.261 138.161 254.659L138.149 254.196V200.398H401.372V254.196L401.36 254.659C401.127 259.261 397.438 262.951 392.836 263.185L392.372 263.196V259.196C395.133 259.196 397.372 256.958 397.372 254.196Z\"\n fill=\"black\"\n />\n <path\n d=\"M399.574 200.897V204.897H140.119V200.897H399.574ZM405.575 198.896L405.567 199.206C405.412 202.274 402.952 204.734 399.884 204.89L399.574 204.897V200.897C400.679 200.897 401.575 200.001 401.575 198.896V189.984H148.225C142.973 189.984 138.716 194.242 138.716 199.493C138.716 200.268 139.344 200.897 140.119 200.897V204.897L139.842 204.89C137.079 204.75 134.863 202.535 134.723 199.771L134.716 199.493C134.716 192.149 140.576 186.174 147.876 185.989L148.225 185.984H404.574L404.677 185.989C405.181 186.04 405.575 186.467 405.575 186.984V198.896Z\"\n fill=\"black\"\n />\n <path\n d=\"M284.566 74.9922V187.45H403.581L381.08 129.311C380.59 128.045 379.82 126.906 378.827 125.98L338.973 88.7803C337.816 87.7009 336.396 86.9454 334.854 86.5899L284.566 74.9922Z\"\n fill={palette.stroller1}\n />\n <path d=\"M284.915 186.709L337.231 87.2031L380.651 127.91L284.915 186.709Z\" fill={palette.stroller3} />\n <path\n d=\"M336.899 85.2308C337.514 85.1273 338.143 85.3176 338.598 85.7444L382.019 126.451C382.474 126.878 382.704 127.492 382.641 128.113C382.578 128.733 382.229 129.288 381.698 129.615L285.961 188.413C285.194 188.885 284.206 188.784 283.548 188.169C282.891 187.554 282.725 186.576 283.144 185.779L335.461 86.2728L335.581 86.0735C335.886 85.6283 336.36 85.3215 336.899 85.2308ZM290.074 181.193L377.372 127.576L337.778 90.4583L290.074 181.193Z\"\n fill=\"black\"\n />\n <path\n d=\"M283.321 73.4271C283.798 73.0478 284.422 72.9065 285.016 73.0433L335.304 84.6409L335.655 84.7288C337.404 85.1931 339.013 86.0818 340.338 87.3187L380.192 124.518C381.405 125.65 382.346 127.042 382.944 128.589L405.446 186.728C405.684 187.343 405.604 188.036 405.231 188.58C404.859 189.125 404.241 189.45 403.581 189.45H284.566C283.462 189.45 282.566 188.554 282.566 187.45V74.9925C282.566 74.383 282.844 73.8065 283.321 73.4271ZM286.566 185.45H400.662L379.215 130.033C378.834 129.048 378.234 128.163 377.463 127.443L337.608 90.2425C336.765 89.4555 335.741 88.8895 334.629 88.5941L334.405 88.5394L286.566 77.5062V185.45Z\"\n fill=\"black\"\n />\n <path\n d=\"M93.0634 180.562L64.3714 179.789L62.6325 176.601L63.5986 172.833L97.6041 172.833L366.088 387.699L361.147 393.825L93.0634 180.562Z\"\n fill={palette.handle}\n />\n <path\n d=\"M60.7838 176.301C60.7839 173.185 63.3092 170.659 66.4249 170.659L98.4706 170.66L365.296 383.792L365.435 383.981C366.026 384.828 368.18 388.394 365.45 391.962L365.296 392.157C362.078 396.101 357.794 393.862 356.774 393.241L356.549 393.098L92.1915 181.943L66.4253 181.943C63.4067 181.943 60.9423 179.572 60.7911 176.591L60.7838 176.301ZM66.4252 174.659C65.5749 174.659 64.8755 175.306 64.7916 176.134L64.7829 176.301C64.7829 177.208 65.519 177.943 66.4258 177.943L93.5932 177.942L358.876 389.837C358.94 389.876 359.042 389.935 359.175 390.001C359.488 390.156 359.885 390.31 360.291 390.387C360.689 390.463 360.992 390.446 361.222 390.376C361.41 390.32 361.753 390.172 362.196 389.628L362.319 389.469C362.892 388.686 362.862 388.051 362.703 387.458C362.606 387.099 362.453 386.774 362.315 386.531L97.0681 174.659L66.4252 174.659Z\"\n fill=\"black\"\n />\n <path d=\"M196.269 354.143L181.279 388.479L177.613 386.879L192.603 352.542L196.269 354.143Z\" fill=\"black\" />\n <path d=\"M215.055 375.86L180.177 389.541L178.716 385.817L213.595 372.137L215.055 375.86Z\" fill=\"black\" />\n <path d=\"M212.983 404.501L178.646 389.512L180.247 385.846L214.583 400.836L212.983 404.501Z\" fill=\"black\" />\n <path d=\"M191.265 423.288L177.585 388.41L181.308 386.949L194.989 421.828L191.265 423.288Z\" fill=\"black\" />\n <path d=\"M162.624 421.216L177.613 386.879L181.279 388.479L166.29 422.816L162.624 421.216Z\" fill=\"black\" />\n <path d=\"M143.837 399.498L178.716 385.817L180.177 389.541L145.298 403.222L143.837 399.498Z\" fill=\"black\" />\n <path d=\"M145.91 370.857L180.247 385.846L178.646 389.512L144.31 374.523L145.91 370.857Z\" fill=\"black\" />\n <path d=\"M167.628 352.07L181.308 386.949L177.585 388.41L163.904 353.531L167.628 352.07Z\" fill=\"black\" />\n <path\n d=\"M208.742 387.68C208.742 371.5 195.626 358.383 179.447 358.383C163.266 358.383 150.15 371.5 150.15 387.68C150.15 403.86 163.267 416.976 179.447 416.976V428.976L178.38 428.963C156.42 428.406 138.72 410.706 138.163 388.745L138.15 387.68C138.15 364.872 156.639 346.383 179.447 346.383L180.512 346.396C202.827 346.962 220.742 365.229 220.742 387.68L220.73 388.745C220.164 411.06 201.898 428.975 179.447 428.976V416.976C195.626 416.975 208.742 403.86 208.742 387.68Z\"\n fill={palette.wheels}\n />\n <path\n d=\"M187.202 387.678C187.202 391.961 183.729 395.433 179.446 395.433C175.163 395.433 171.69 391.961 171.69 387.678C171.69 383.394 175.163 379.922 179.446 379.922C183.729 379.922 187.202 383.394 187.202 387.678Z\"\n fill=\"black\"\n />\n <path\n d=\"M180.537 345.436C203.37 346.014 221.702 364.705 221.702 387.678L221.689 388.769L221.649 389.835C220.526 412.17 202.06 429.933 179.447 429.934L178.356 429.92C156.236 429.359 138.341 411.801 137.244 389.818L137.204 388.769L137.191 387.678C137.191 364.341 156.109 345.422 179.447 345.422L180.537 345.436ZM179.421 349.422C158.313 349.436 141.205 366.545 141.191 387.652L141.203 388.667L141.24 389.617C142.231 409.5 158.407 425.387 178.406 425.92L179.47 425.933C200.24 425.92 217.14 409.355 217.689 388.716L217.701 387.654C217.689 366.872 201.105 349.965 180.449 349.435L179.421 349.422ZM207.414 386.956C207.037 372.078 195.047 360.087 180.169 359.71L179.447 359.7C163.995 359.7 151.469 372.227 151.469 387.678L151.479 388.4C151.862 403.518 164.237 415.654 179.447 415.654L180.169 415.646C195.286 415.262 207.423 402.887 207.423 387.678L207.414 386.956ZM211.412 388.503C210.982 405.508 197.277 419.213 180.272 419.644L179.447 419.654C162.062 419.654 147.917 405.782 147.48 388.503L147.469 387.678C147.469 370.017 161.786 355.7 179.447 355.7L180.272 355.711C197.551 356.149 211.423 370.293 211.423 387.678L211.412 388.503Z\"\n fill=\"black\"\n />\n <path d=\"M378.126 354.143L363.137 388.479L359.471 386.879L374.46 352.542L378.126 354.143Z\" fill=\"black\" />\n <path d=\"M396.913 375.86L362.034 389.541L360.573 385.817L395.452 372.137L396.913 375.86Z\" fill=\"black\" />\n <path d=\"M394.84 404.501L360.503 389.512L362.104 385.846L396.44 400.836L394.84 404.501Z\" fill=\"black\" />\n <path d=\"M373.122 423.288L359.442 388.41L363.165 386.949L376.846 421.828L373.122 423.288Z\" fill=\"black\" />\n <path d=\"M344.481 421.216L359.471 386.879L363.137 388.479L348.147 422.816L344.481 421.216Z\" fill=\"black\" />\n <path d=\"M325.695 399.498L360.573 385.817L362.034 389.541L327.155 403.222L325.695 399.498Z\" fill=\"black\" />\n <path d=\"M327.767 370.857L362.104 385.846L360.503 389.512L326.167 374.523L327.767 370.857Z\" fill=\"black\" />\n <path d=\"M349.485 352.07L363.165 386.949L359.442 388.41L345.761 353.531L349.485 352.07Z\" fill=\"black\" />\n <path\n d=\"M367.832 387.678C367.832 391.961 364.36 395.433 360.076 395.433C355.793 395.433 352.32 391.961 352.32 387.678C352.32 383.394 355.793 379.922 360.076 379.922C364.36 379.922 367.832 383.394 367.832 387.678Z\"\n fill=\"black\"\n />\n <path\n d=\"M389.372 387.68C389.372 371.5 376.256 358.383 360.076 358.383C343.896 358.383 330.779 371.5 330.779 387.68C330.779 403.86 343.896 416.976 360.076 416.976V428.976L359.01 428.963C337.049 428.406 319.349 410.706 318.793 388.745L318.779 387.68C318.779 364.872 337.269 346.383 360.076 346.383L361.142 346.396C383.457 346.962 401.372 365.229 401.372 387.68L401.359 388.745C400.794 411.06 382.527 428.975 360.076 428.976V416.976C376.256 416.975 389.372 403.86 389.372 387.68Z\"\n fill={palette.wheels}\n />\n <path\n d=\"M361.167 345.436C384 346.014 402.332 364.705 402.332 387.678L402.318 388.769L402.278 389.835C401.155 412.17 382.69 429.933 360.076 429.934L358.985 429.92C336.866 429.359 318.971 411.801 317.874 389.818L317.834 388.769L317.82 387.678C317.82 364.341 336.739 345.422 360.076 345.422L361.167 345.436ZM360.051 349.422C338.943 349.436 321.834 366.545 321.82 387.652L321.833 388.667L321.869 389.617C322.861 409.5 339.036 425.387 359.036 425.92L360.099 425.933C380.87 425.92 397.769 409.355 398.318 388.716L398.331 387.654C398.318 366.872 381.734 349.965 361.079 349.435L360.051 349.422ZM388.044 386.956C387.667 372.078 375.676 360.087 360.799 359.71L360.076 359.7C344.625 359.7 332.099 372.227 332.098 387.678L332.108 388.4C332.491 403.518 344.866 415.654 360.076 415.654L360.799 415.646C375.916 415.262 388.052 402.887 388.052 387.678L388.044 386.956ZM392.042 388.503C391.611 405.508 377.906 419.213 360.901 419.644L360.076 419.654C342.692 419.654 328.547 405.782 328.109 388.503L328.098 387.678C328.099 370.017 342.416 355.7 360.076 355.7L360.901 355.711C378.18 356.149 392.052 370.293 392.052 387.678L392.042 388.503Z\"\n fill=\"black\"\n />\n </svg>\n );\n};\n\nexport default StrollerMedium;\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { HNDesignsystemInfoTeaser } from '../../resources/Resources';
|
|
3
|
+
import { SvgIcon } from '../Icon';
|
|
4
|
+
import { IconName } from '../Icons/IconNames';
|
|
5
|
+
import { TitleTags } from '../Title';
|
|
6
|
+
export type InfoTeaserTags = 'div' | 'section' | 'aside' | 'article';
|
|
7
|
+
export interface InfoTeaserProps {
|
|
8
|
+
/** For overriding styling on the button */
|
|
9
|
+
buttonClassName?: string;
|
|
10
|
+
/** What's in the box? */
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
/** For overriding styling on infoteaser box */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Changes the underlying element of the wrapper */
|
|
15
|
+
htmlMarkup?: InfoTeaserTags;
|
|
16
|
+
/** Resources for component */
|
|
17
|
+
resources?: Partial<HNDesignsystemInfoTeaser>;
|
|
18
|
+
/** Adds an icon */
|
|
19
|
+
svgIcon?: SvgIcon | IconName;
|
|
20
|
+
/** Sets the data-testid attribute */
|
|
21
|
+
testId?: string;
|
|
22
|
+
/** Title on top of the component */
|
|
23
|
+
title: string;
|
|
24
|
+
/** Markup props for title */
|
|
25
|
+
titleHtmlMarkup?: TitleTags;
|
|
26
|
+
}
|
|
27
|
+
declare const InfoTeaser: React.FC<InfoTeaserProps>;
|
|
28
|
+
export default InfoTeaser;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '../../scss/breakpoints' as breakpoints;
|
|
3
|
+
@import '../../scss/supernova/styles/colors.css';
|
|
4
|
+
@import '../../scss/supernova/styles/spacers.css';
|
|
5
|
+
|
|
6
|
+
.wrapper {
|
|
7
|
+
position: relative;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.infoteaser {
|
|
11
|
+
display: grid;
|
|
12
|
+
grid-template:
|
|
13
|
+
'icon title' auto
|
|
14
|
+
'. title' auto
|
|
15
|
+
'text text' min-content / auto 1fr;
|
|
16
|
+
width: 100%;
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
background-color: var(--color-base-background-blueberry);
|
|
19
|
+
border: 1px solid var(--color-base-border-blueberry);
|
|
20
|
+
padding: var(--core-space-m) var(--core-space-s) var(--core-space-l) var(--core-space-s);
|
|
21
|
+
|
|
22
|
+
@media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
|
|
23
|
+
grid-template:
|
|
24
|
+
'icon title' auto
|
|
25
|
+
'. title' auto
|
|
26
|
+
'. text' min-content / auto 1fr;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&--collapsed {
|
|
30
|
+
max-height: 12.25rem;
|
|
31
|
+
|
|
32
|
+
&::after {
|
|
33
|
+
content: '';
|
|
34
|
+
position: absolute;
|
|
35
|
+
height: 5rem;
|
|
36
|
+
background: linear-gradient(180deg, #e4f7f940 0%, #e4f7f9 80%);
|
|
37
|
+
|
|
38
|
+
/* 1px på hver side for å ikke ligge over border */
|
|
39
|
+
bottom: 1px;
|
|
40
|
+
left: 1px;
|
|
41
|
+
width: calc(100% - 2px);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&__title {
|
|
46
|
+
grid-area: title;
|
|
47
|
+
align-self: center;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
&__icon {
|
|
51
|
+
grid-area: icon;
|
|
52
|
+
margin-right: var(--core-space-xs);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&__text {
|
|
56
|
+
grid-area: text;
|
|
57
|
+
overflow: hidden;
|
|
58
|
+
height: inherit;
|
|
59
|
+
margin-top: var(--core-space-2xs);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
&__button {
|
|
63
|
+
position: absolute;
|
|
64
|
+
right: calc(50%);
|
|
65
|
+
border: none;
|
|
66
|
+
width: fit-content;
|
|
67
|
+
white-space: nowrap;
|
|
68
|
+
border-radius: 1.25rem;
|
|
69
|
+
background: var(--color-action-graphics-onlight, #188097);
|
|
70
|
+
color: var(--core-color-white, #fff);
|
|
71
|
+
padding: 0.375rem 1rem;
|
|
72
|
+
bottom: 0;
|
|
73
|
+
left: 50%;
|
|
74
|
+
transform: translateX(-50%) translateY(50%);
|
|
75
|
+
cursor: pointer;
|
|
76
|
+
|
|
77
|
+
/* @todo Mobile/HelpTriggerText */
|
|
78
|
+
font-size: 1rem;
|
|
79
|
+
font-style: normal;
|
|
80
|
+
font-weight: 600;
|
|
81
|
+
line-height: 120%; /* 1.2rem */
|
|
82
|
+
|
|
83
|
+
&:hover {
|
|
84
|
+
background-color: var(--color-action-graphics-onlight-hover);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
&:focus-visible {
|
|
88
|
+
border: 1px solid var(--color-base-graphics-ondark);
|
|
89
|
+
outline: none;
|
|
90
|
+
box-shadow: 0 0 0 3px var(--color-base-graphics-onlight);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
&:active {
|
|
94
|
+
// @todo: endre denne når token er laget
|
|
95
|
+
background-color: var(--core-color-blueberry-800);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type Styles = {
|
|
2
|
+
infoteaser: string;
|
|
3
|
+
infoteaser__button: string;
|
|
4
|
+
infoteaser__icon: string;
|
|
5
|
+
infoteaser__text: string;
|
|
6
|
+
infoteaser__title: string;
|
|
7
|
+
'infoteaser--collapsed': string;
|
|
8
|
+
wrapper: string;
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export type ClassNames = keyof Styles;
|
|
12
|
+
|
|
13
|
+
declare const styles: Styles;
|
|
14
|
+
|
|
15
|
+
export default styles;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { PaletteNames } from '../../theme/palette';
|
|
3
3
|
import { PanelTitleProps } from './PanelTitle';
|
|
4
|
+
import { HNDesignsystemPanel } from '../../resources/Resources';
|
|
4
5
|
export declare enum PanelLayout {
|
|
5
6
|
vertical = "vertical",
|
|
6
7
|
horizontal = "horizontal",
|
|
@@ -44,6 +45,8 @@ export interface PanelProps {
|
|
|
44
45
|
children?: React.ReactNode;
|
|
45
46
|
/** Displays a status on the left side: default normal */
|
|
46
47
|
status?: PanelStatus;
|
|
48
|
+
/** Resources for component */
|
|
49
|
+
resources?: Partial<HNDesignsystemPanel>;
|
|
47
50
|
}
|
|
48
51
|
declare const Panel: React.FC<PanelProps> & {
|
|
49
52
|
PreContainer: React.FC<ContentProps>;
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
&__border {
|
|
122
122
|
&--outline {
|
|
123
123
|
&--outer {
|
|
124
|
-
border: 1px solid var(--
|
|
124
|
+
border: 1px solid var(--color-base-border-neutral-emphasized);
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
&--inner {
|
|
@@ -130,8 +130,8 @@
|
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
&--line {
|
|
133
|
-
border-top: 1px solid var(--
|
|
134
|
-
border-bottom: 1px solid var(--
|
|
133
|
+
border-top: 1px solid var(--color-base-border-onlight);
|
|
134
|
+
border-bottom: 1px solid var(--color-base-border-onlight);
|
|
135
135
|
border-right: none;
|
|
136
136
|
border-left: none;
|
|
137
137
|
padding: spacers.getSpacer(xs) 0;
|
|
@@ -153,15 +153,15 @@
|
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
&--new {
|
|
156
|
-
border-left-color: var(--
|
|
156
|
+
border-left-color: var(--color-notification-status-info);
|
|
157
157
|
}
|
|
158
158
|
|
|
159
159
|
&--draft {
|
|
160
|
-
border-left: dotted 6px var(--
|
|
160
|
+
border-left: dotted 6px var(--color-notification-status-draft);
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
&--error {
|
|
164
|
-
border-left-color: var(--
|
|
164
|
+
border-left-color: var(--color-notification-status-error);
|
|
165
165
|
}
|
|
166
166
|
|
|
167
167
|
&__expander {
|
package/constants.d.ts
CHANGED
|
@@ -51,6 +51,7 @@ export declare enum FormSize {
|
|
|
51
51
|
}
|
|
52
52
|
export declare enum AnalyticsId {
|
|
53
53
|
AnchorLink = "anchor-link",
|
|
54
|
+
ArticleTeaser = "article-teaser",
|
|
54
55
|
Avatar = "avatar",
|
|
55
56
|
Badge = "badge",
|
|
56
57
|
Button = "button",
|
|
@@ -76,6 +77,7 @@ export declare enum AnalyticsId {
|
|
|
76
77
|
HighlightPanel = "highlight-panel",
|
|
77
78
|
Icon = "icon",
|
|
78
79
|
Illustration = "Illustration",
|
|
80
|
+
InfoTeaser = "info-teaser",
|
|
79
81
|
Input = "input",
|
|
80
82
|
Label = "label",
|
|
81
83
|
Link = "link",
|
package/constants.js
CHANGED
|
@@ -29,6 +29,7 @@ var FormSize = /* @__PURE__ */ ((FormSize2) => {
|
|
|
29
29
|
})(FormSize || {});
|
|
30
30
|
var AnalyticsId = /* @__PURE__ */ ((AnalyticsId2) => {
|
|
31
31
|
AnalyticsId2["AnchorLink"] = "anchor-link";
|
|
32
|
+
AnalyticsId2["ArticleTeaser"] = "article-teaser";
|
|
32
33
|
AnalyticsId2["Avatar"] = "avatar";
|
|
33
34
|
AnalyticsId2["Badge"] = "badge";
|
|
34
35
|
AnalyticsId2["Button"] = "button";
|
|
@@ -54,6 +55,7 @@ var AnalyticsId = /* @__PURE__ */ ((AnalyticsId2) => {
|
|
|
54
55
|
AnalyticsId2["HighlightPanel"] = "highlight-panel";
|
|
55
56
|
AnalyticsId2["Icon"] = "icon";
|
|
56
57
|
AnalyticsId2["Illustration"] = "Illustration";
|
|
58
|
+
AnalyticsId2["InfoTeaser"] = "info-teaser";
|
|
57
59
|
AnalyticsId2["Input"] = "input";
|
|
58
60
|
AnalyticsId2["Label"] = "label";
|
|
59
61
|
AnalyticsId2["Link"] = "link";
|
package/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export enum IconSize {\n XXSmall = 24,\n XSmall = 38,\n Small = 48,\n Medium = 64,\n Large = 80,\n XLarge = 130,\n}\n\nexport enum ZIndex {\n OverlayScreen = 1300000,\n PopOver = 11000,\n LightBoxButtons = 1000,\n}\n\nexport const AVERAGE_CHARACTER_WIDTH_PX = 12;\n\nexport interface HTMLButtonProps {\n autoFocus?: boolean;\n disabled?: boolean;\n form?: string;\n formAction?: string;\n formEncType?: string;\n formMethod?: string;\n formNoValidate?: boolean;\n formTarget?: string;\n name?: string;\n type?: 'submit' | 'reset' | 'button' | string;\n value?: string | string[] | number;\n id?: string;\n}\n\nexport type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';\n\nexport interface HTMLAnchorProps {\n download?: string;\n href?: string;\n hrefLang?: string;\n media?: string;\n ping?: string;\n rel?: AnchorTarget;\n target?: string;\n referrerPolicy?:\n | ''\n | 'same-origin'\n | 'no-referrer'\n | 'no-referrer-when-downgrade'\n | 'origin'\n | 'origin-when-cross-origin'\n | 'strict-origin'\n | 'strict-origin-when-cross-origin'\n | 'unsafe-url';\n}\n\nexport type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;\n\nexport enum FormOnColor {\n onwhite = 'onwhite',\n ongrey = 'ongrey',\n onblueberry = 'onblueberry',\n ondark = 'ondark',\n oninvalid = 'oninvalid',\n}\n\nexport enum FormSize {\n medium = 'medium',\n large = 'large',\n}\n\nexport enum AnalyticsId {\n AnchorLink = 'anchor-link',\n Avatar = 'avatar',\n Badge = 'badge',\n Button = 'button',\n Checkbox = 'checkbox',\n Chip = 'chip',\n Close = 'close',\n DictionaryTrigger = 'dictionary-trigger',\n Drawer = 'Drawer',\n Dropdown = 'dropdown',\n Duolist = 'duolist',\n EmptyState = 'empty-state',\n Expander = 'expander',\n ExpanderHierarchy = 'expander-hierarchy',\n ExpanderHierarchyExpander = 'expander-hierarchy-expander',\n ExpanderList = 'expander-list',\n ExpanderListExpander = 'expander-list-expander',\n EyebrowHeader = 'eyebrow-header',\n FormGroup = 'form-group',\n FormLayout = 'form-layout',\n HelpBubble = 'help-bubble',\n HelpQuestion = 'help-question',\n HelpTooltip = 'help-tooltip',\n HighlightPanel = 'highlight-panel',\n Icon = 'icon',\n Illustration = 'Illustration',\n Input = 'input',\n Label = 'label',\n Link = 'link',\n LinkList = 'link-list',\n List = 'list',\n Loader = 'loader',\n Logo = 'logo',\n Modal = 'modal',\n NotificationPanel = 'notification-panel',\n PanelOld = 'panel',\n PanelList = 'panel-list',\n PopMenu = 'pop-menu',\n PopOver = 'pop-over',\n Portal = 'portal',\n PromoPanel = 'promo-panel',\n RadioButton = 'radio-button',\n Select = 'select',\n SharingStatus = 'sharing-status',\n Slider = 'slider',\n Spacer = 'spacer',\n StatusDot = 'status-dot',\n Step = 'step',\n StepButtons = 'step-buttons',\n Stepper = 'stepper',\n Sublabel = 'sublabel',\n Table = 'table',\n Tag = 'tag',\n TagList = 'tag-list',\n Textarea = 'textarea',\n Tile = 'tile',\n Title = 'title',\n Toggle = 'toggle',\n Trigger = 'trigger',\n Validation = 'validation',\n}\n\nexport enum KeyboardEventKey {\n Enter = 'Enter',\n Escape = 'Escape',\n ArrowDown = 'ArrowDown',\n ArrowUp = 'ArrowUp',\n ArrowRight = 'ArrowRight',\n ArrowLeft = 'ArrowLeft',\n Home = 'Home',\n End = 'End',\n Space = ' ',\n Tab = 'Tab',\n}\n\nexport enum LanguageLocales {\n NORWEGIAN = 'nb-NO',\n NORWEGIAN_NYNORSK = 'nn-NO',\n ENGLISH = 'en-GB',\n SAMI_NORTHERN = 'se-NO',\n}\n"],"names":["IconSize","ZIndex","FormOnColor","FormSize","AnalyticsId","KeyboardEventKey","LanguageLocales"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export enum IconSize {\n XXSmall = 24,\n XSmall = 38,\n Small = 48,\n Medium = 64,\n Large = 80,\n XLarge = 130,\n}\n\nexport enum ZIndex {\n OverlayScreen = 1300000,\n PopOver = 11000,\n LightBoxButtons = 1000,\n}\n\nexport const AVERAGE_CHARACTER_WIDTH_PX = 12;\n\nexport interface HTMLButtonProps {\n autoFocus?: boolean;\n disabled?: boolean;\n form?: string;\n formAction?: string;\n formEncType?: string;\n formMethod?: string;\n formNoValidate?: boolean;\n formTarget?: string;\n name?: string;\n type?: 'submit' | 'reset' | 'button' | string;\n value?: string | string[] | number;\n id?: string;\n}\n\nexport type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';\n\nexport interface HTMLAnchorProps {\n download?: string;\n href?: string;\n hrefLang?: string;\n media?: string;\n ping?: string;\n rel?: AnchorTarget;\n target?: string;\n referrerPolicy?:\n | ''\n | 'same-origin'\n | 'no-referrer'\n | 'no-referrer-when-downgrade'\n | 'origin'\n | 'origin-when-cross-origin'\n | 'strict-origin'\n | 'strict-origin-when-cross-origin'\n | 'unsafe-url';\n}\n\nexport type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;\n\nexport enum FormOnColor {\n onwhite = 'onwhite',\n ongrey = 'ongrey',\n onblueberry = 'onblueberry',\n ondark = 'ondark',\n oninvalid = 'oninvalid',\n}\n\nexport enum FormSize {\n medium = 'medium',\n large = 'large',\n}\n\nexport enum AnalyticsId {\n AnchorLink = 'anchor-link',\n ArticleTeaser = 'article-teaser',\n Avatar = 'avatar',\n Badge = 'badge',\n Button = 'button',\n Checkbox = 'checkbox',\n Chip = 'chip',\n Close = 'close',\n DictionaryTrigger = 'dictionary-trigger',\n Drawer = 'Drawer',\n Dropdown = 'dropdown',\n Duolist = 'duolist',\n EmptyState = 'empty-state',\n Expander = 'expander',\n ExpanderHierarchy = 'expander-hierarchy',\n ExpanderHierarchyExpander = 'expander-hierarchy-expander',\n ExpanderList = 'expander-list',\n ExpanderListExpander = 'expander-list-expander',\n EyebrowHeader = 'eyebrow-header',\n FormGroup = 'form-group',\n FormLayout = 'form-layout',\n HelpBubble = 'help-bubble',\n HelpQuestion = 'help-question',\n HelpTooltip = 'help-tooltip',\n HighlightPanel = 'highlight-panel',\n Icon = 'icon',\n Illustration = 'Illustration',\n InfoTeaser = 'info-teaser',\n Input = 'input',\n Label = 'label',\n Link = 'link',\n LinkList = 'link-list',\n List = 'list',\n Loader = 'loader',\n Logo = 'logo',\n Modal = 'modal',\n NotificationPanel = 'notification-panel',\n PanelOld = 'panel',\n PanelList = 'panel-list',\n PopMenu = 'pop-menu',\n PopOver = 'pop-over',\n Portal = 'portal',\n PromoPanel = 'promo-panel',\n RadioButton = 'radio-button',\n Select = 'select',\n SharingStatus = 'sharing-status',\n Slider = 'slider',\n Spacer = 'spacer',\n StatusDot = 'status-dot',\n Step = 'step',\n StepButtons = 'step-buttons',\n Stepper = 'stepper',\n Sublabel = 'sublabel',\n Table = 'table',\n Tag = 'tag',\n TagList = 'tag-list',\n Textarea = 'textarea',\n Tile = 'tile',\n Title = 'title',\n Toggle = 'toggle',\n Trigger = 'trigger',\n Validation = 'validation',\n}\n\nexport enum KeyboardEventKey {\n Enter = 'Enter',\n Escape = 'Escape',\n ArrowDown = 'ArrowDown',\n ArrowUp = 'ArrowUp',\n ArrowRight = 'ArrowRight',\n ArrowLeft = 'ArrowLeft',\n Home = 'Home',\n End = 'End',\n Space = ' ',\n Tab = 'Tab',\n}\n\nexport enum LanguageLocales {\n NORWEGIAN = 'nb-NO',\n NORWEGIAN_NYNORSK = 'nn-NO',\n ENGLISH = 'en-GB',\n SAMI_NORTHERN = 'se-NO',\n}\n"],"names":["IconSize","ZIndex","FormOnColor","FormSize","AnalyticsId","KeyboardEventKey","LanguageLocales"],"mappings":"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"}
|
package/designsystem-react.css
CHANGED
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
--color-base-background-dark-cherry: #c83521;
|
|
74
74
|
--color-base-graphics-onlight: #000000;
|
|
75
75
|
--color-base-border-ondark: #d6d4d3;
|
|
76
|
-
--color-base-border-onlight: #
|
|
76
|
+
--color-base-border-onlight: #7d7c79;
|
|
77
77
|
--color-base-border-onlight-emphasized: #62625f;
|
|
78
78
|
--color-help-background: #efe4fd;
|
|
79
79
|
--color-help-graphics: #5b22a6;
|
|
@@ -184,4 +184,6 @@
|
|
|
184
184
|
/* In a few cases where coloured text is required to stress the semantics of an error notification text */
|
|
185
185
|
--color-notification-text-error: #a31f0e;
|
|
186
186
|
--color-notification-text-success: #078141;
|
|
187
|
+
--color-base-border-neutral-emphasized: #bdbab9;
|
|
188
|
+
--color-notification-status-draft: #7d7c79;
|
|
187
189
|
}
|