Skip to content

Commit 8bc9307

Browse files
gabrogabro
authored
Merge pull request #411 from buildo/illustration-kind
Deprecate IllustrationProps "style" in favor of "kind"
2 parents 8b28077 + 441994b commit 8bc9307

File tree

70 files changed

+99
-81
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

70 files changed

+99
-81
lines changed

Diff for: ‎.eslintrc.js

-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@ module.exports = {
99
"react/jsx-pascal-case": "off",
1010
"react/jsx-curly-brace-presence": "warn",
1111
"import/no-duplicates": "error",
12-
"react/style-prop-object": "off",
1312
"sort-export-all/sort-export-all": "error",
1413
},
1514
overrides: [

Diff for: ‎packages/bento-design-system/src/Feedback/Feedback.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -135,7 +135,7 @@ function renderIllustration(
135135
): Children {
136136
const illustrationProps: IllustrationProps = {
137137
size: config.illustrationSize[size],
138-
style: "color",
138+
kind: "color",
139139
};
140140
if (background && config.background) {
141141
// NOTE(gabro): when we have a background, the overall size of the illustration is the one of

Diff for: ‎packages/bento-design-system/src/Illustrations/IllustrationAddress.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -58,5 +58,5 @@ export function IllustrationAddress(props: IllustrationProps) {
5858
<path d="M47.5 0A2.505 2.505 0 0 0 45 2.5v10H21.25C10.913 12.5 2.5 20.913 2.5 31.25v26.48c-1.45.517-2.5 1.894-2.5 3.52A3.757 3.757 0 0 0 3.75 65h24.229l1.46 2.93A3.74 3.74 0 0 0 32.793 70H35v8.75c0 .693.557 1.25 1.25 1.25s1.25-.557 1.25-1.25V70H45v8.75c0 .693.557 1.25 1.25 1.25s1.25-.557 1.25-1.25V70h2.207c1.426 0 2.71-.796 3.355-2.07l1.46-2.93H76.25A3.757 3.757 0 0 0 80 61.25c0-1.626-1.05-3.003-2.5-3.52V31.25c0-10.337-8.413-18.75-18.75-18.75H52.5V8.774l5.488-1.098A2.517 2.517 0 0 0 60 5.225V2.5C60 1.123 58.877 0 57.5 0h-10Zm0 2.5h10v2.725l-5.488 1.103A2.507 2.507 0 0 0 50 8.774V28.95c-.81-.2-1.69-.2-2.5 0V2.5ZM21.25 15c7.666 0 14.097 5.347 15.796 12.5H13.75A3.757 3.757 0 0 0 10 31.25v25c0 .44.088.86.23 1.25H5V31.25C5 22.29 12.29 15 21.25 15Zm9.316 0H45v15.45a4.943 4.943 0 0 0-1.25 3.3c0 1.338.527 2.588 1.465 3.535a4.996 4.996 0 0 0 7.07 0 4.996 4.996 0 0 0 1.465-3.535c0-1.226-.44-2.388-1.25-3.3V15h6.25C67.715 15 75 22.285 75 31.25v1.25h-7.5c-.693 0-1.25.557-1.25 1.25S66.807 35 67.5 35H75v22.5H40V31.25c0-6.948-3.809-13.013-9.434-16.25ZM13.75 30h23.687c.034.415.063.825.063 1.25v8.862l-5.518 3.99a1.23 1.23 0 0 1-1.464 0L12.534 31.079A1.233 1.233 0 0 1 13.75 30Zm35 1.25c.45 0 .874.112 1.25.352a2.463 2.463 0 0 1 1.25 2.148c0 .664-.264 1.299-.737 1.763-.464.473-1.114.713-1.763.713-.65 0-1.299-.24-1.763-.713a2.463 2.463 0 0 1-.737-1.763c0-.664.264-1.299.737-1.763.152-.151.328-.288.513-.385.376-.24.8-.352 1.25-.352Zm8.75 1.25c-.693 0-1.25.557-1.25 1.25S56.807 35 57.5 35h5c.693 0 1.25-.557 1.25-1.25s-.557-1.25-1.25-1.25h-5Zm-45 1.64 16.548 11.988c.659.478 1.435.713 2.202.713.772 0 1.543-.235 2.202-.713l4.048-2.93V57.5H13.75c-.688 0-1.25-.562-1.25-1.25V34.14ZM45 50c-.693 0-1.25.557-1.25 1.25v2.5c0 .693.557 1.25 1.25 1.25s1.25-.557 1.25-1.25v-2.5c0-.693-.557-1.25-1.25-1.25Zm6.25 0c-.693 0-1.25.557-1.25 1.25v2.5c0 .693.557 1.25 1.25 1.25s1.25-.557 1.25-1.25v-2.5c0-.693-.557-1.25-1.25-1.25Zm6.25 0c-.693 0-1.25.557-1.25 1.25v2.5c0 .693.557 1.25 1.25 1.25s1.25-.557 1.25-1.25v-2.5c0-.693-.557-1.25-1.25-1.25Zm6.25 0c-.693 0-1.25.557-1.25 1.25v2.5c0 .693.557 1.25 1.25 1.25S65 54.443 65 53.75v-2.5c0-.693-.557-1.25-1.25-1.25ZM70 50c-.693 0-1.25.557-1.25 1.25v2.5c0 .693.557 1.25 1.25 1.25s1.25-.557 1.25-1.25v-2.5c0-.693-.557-1.25-1.25-1.25ZM3.75 60h72.5c.689 0 1.25.562 1.25 1.25s-.561 1.25-1.25 1.25H3.75c-.688 0-1.25-.562-1.25-1.25S3.062 60 3.75 60Zm27.021 5h20.957l-.908 1.811c-.21.425-.64.689-1.113.689H32.793c-.474 0-.903-.264-1.113-.689L30.77 65Z" />
5959
),
6060
};
61-
return <svg {...svgIllustrationProps(props)}>{variants[props.style]}</svg>;
61+
return <svg {...svgIllustrationProps(props)}>{variants[props.style ?? props.kind]}</svg>;
6262
}

Diff for: ‎packages/bento-design-system/src/Illustrations/IllustrationBarChart.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -34,5 +34,5 @@ export function IllustrationBarChart(props: IllustrationProps) {
3434
<path d="M8.75 10A3.757 3.757 0 0 0 5 13.75v52.5A3.757 3.757 0 0 0 8.75 70h62.5A3.757 3.757 0 0 0 75 66.25v-52.5A3.757 3.757 0 0 0 71.25 10H8.75Zm0 2.5h62.5c.689 0 1.25.562 1.25 1.25v52.5c0 .689-.561 1.25-1.25 1.25H8.75c-.688 0-1.25-.561-1.25-1.25V25h51.25a1.25 1.25 0 1 0 0-2.5H7.5v-8.75c0-.688.562-1.25 1.25-1.25ZM12.5 15a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 12.5 15Zm6.25 0a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 18.75 15ZM25 15a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 25 15Zm6.25 0A1.25 1.25 0 0 0 30 16.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 31.25 15Zm6.25 0a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 37.5 15Zm6.25 0a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 43.75 15ZM50 15a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 50 15Zm6.25 0A1.25 1.25 0 0 0 55 16.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 56.25 15Zm6.25 0a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 62.5 15Zm6.25 0a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 68.75 15Zm-5 7.5a1.25 1.25 0 1 0 0 2.5h5a1.25 1.25 0 1 0 0-2.5h-5Zm-25 7.5a1.25 1.25 0 0 0-1.25 1.25V50h-5v-3.75A1.25 1.25 0 0 0 31.25 45h-7.5a1.25 1.25 0 0 0-1.25 1.25V60h-6.25a1.25 1.25 0 1 0 0 2.5h45a1.25 1.25 0 1 0 0-2.5H55V38.75a1.25 1.25 0 0 0-1.25-1.25H47.5v-6.25A1.25 1.25 0 0 0 46.25 30h-7.5ZM40 32.5h5V60h-5V32.5Zm7.5 7.5h5v20h-5V40ZM25 47.5h5V60h-5V47.5Zm7.5 5h5V60h-5v-7.5Z" />
3535
),
3636
};
37-
return <svg {...svgIllustrationProps(props)}>{variants[props.style]}</svg>;
37+
return <svg {...svgIllustrationProps(props)}>{variants[props.style ?? props.kind]}</svg>;
3838
}

Diff for: ‎packages/bento-design-system/src/Illustrations/IllustrationBinder.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -49,5 +49,5 @@ export function IllustrationBinder(props: IllustrationProps) {
4949
<path d="M20.122 6.258a3.713 3.713 0 0 0-2.114.493 3.695 3.695 0 0 0-1.743 2.28L1.377 64.57a3.755 3.755 0 0 0 2.656 4.59l14.487 3.886a3.757 3.757 0 0 0 2.847-.376 3.73 3.73 0 0 0 1.743-2.28l13.14-49.028v47.388a3.757 3.757 0 0 0 3.75 3.75h15a3.72 3.72 0 0 0 2.5-.977 3.72 3.72 0 0 0 2.5.977h15a3.757 3.757 0 0 0 3.75-3.75v-57.5A3.757 3.757 0 0 0 75 7.498H60a3.72 3.72 0 0 0-2.5.976A3.72 3.72 0 0 0 55 7.5H40c-1.875 0-3.418 1.391-3.692 3.193a3.505 3.505 0 0 0-.966-.43L20.854 6.375a3.694 3.694 0 0 0-.732-.117Zm-.24 2.49c.108 0 .215.015.323.044l14.487 3.882c.327.088.596.293.762.581.166.288.21.625.127.948L20.698 69.745c-.088.322-.293.59-.581.761a1.25 1.25 0 0 1-.952.122L4.678 66.747a1.256 1.256 0 0 1-.89-1.534L18.673 9.676a1.26 1.26 0 0 1 .586-.761c.19-.108.405-.166.625-.166ZM40 9.999h15c.688 0 1.25.562 1.25 1.25v57.5c0 .689-.562 1.25-1.25 1.25H40c-.689 0-1.25-.561-1.25-1.25v-57.5c0-.688.561-1.25 1.25-1.25Zm20 0h15c.688 0 1.25.562 1.25 1.25v57.5c0 .689-.562 1.25-1.25 1.25H60c-.689 0-1.25-.561-1.25-1.25v-57.5c0-.688.561-1.25 1.25-1.25Zm-38.52 1.827c-.484.068-.904.41-1.036.913-.18.669.215 1.352.884 1.533l9.658 2.583a1.256 1.256 0 0 0 1.533-.879 1.254 1.254 0 0 0-.883-1.533l-9.663-2.588a1.211 1.211 0 0 0-.494-.03Zm21.02.674a1.25 1.25 0 1 0 0 2.5h10a1.25 1.25 0 1 0 0-2.5h-10Zm20 0a1.25 1.25 0 1 0 0 2.5h10a1.25 1.25 0 1 0 0-2.5h-10Zm-16.25 5a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm20 0a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm-42.442.122a1.255 1.255 0 0 0-.156 2.451l2.417.644a1.25 1.25 0 0 0 1.528-.884 1.25 1.25 0 0 0-.878-1.533l-2.417-.644a1.22 1.22 0 0 0-.494-.034Zm-1.62 6.04c-.48.068-.904.41-1.036.913-.18.664.22 1.352.884 1.533l2.417.65c.107.024.215.038.322.038.552 0 1.06-.366 1.206-.922a1.253 1.253 0 0 0-.884-1.534l-2.417-.649a1.203 1.203 0 0 0-.493-.03Zm24.062.087a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm20 0a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5ZM20.57 29.697a1.249 1.249 0 0 0-1.035.913c-.18.669.22 1.352.884 1.533l2.412.65c.112.024.22.039.327.039.552 0 1.06-.367 1.206-.923a1.253 1.253 0 0 0-.884-1.534l-2.412-.649a1.24 1.24 0 0 0-.498-.03Zm25.679.303a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm20 0a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm-47.295 5.737c-.483.063-.903.41-1.04.913-.176.664.22 1.352.889 1.533l2.412.645c.107.029.214.044.327.044.547 0 1.055-.372 1.206-.928a1.256 1.256 0 0 0-.889-1.533l-2.412-.645a1.207 1.207 0 0 0-.493-.03Zm27.295.513a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm20 0a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5ZM17.339 41.77c-.484.068-.909.41-1.04.913-.181.664.22 1.353.884 1.533l2.416.645a1.256 1.256 0 0 0 1.533-.879 1.257 1.257 0 0 0-.883-1.533l-2.417-.65a1.216 1.216 0 0 0-.493-.029Zm28.91.728a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm20 0a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm-50.775 9.12a4.958 4.958 0 0 0-2.818.665 4.976 4.976 0 0 0-2.329 3.037 5.007 5.007 0 0 0 4.83 6.294 5.005 5.005 0 0 0 4.828-3.706 5.007 5.007 0 0 0-3.535-6.123 5.176 5.176 0 0 0-.976-.166Zm32.026.88c-2.759 0-5 2.24-5 5 0 2.758 2.241 5 5 5s5-2.242 5-5c0-2.76-2.241-5-5-5Zm20 0c-2.759 0-5 2.24-5 5 0 2.758 2.241 5 5 5s5-2.242 5-5c0-2.76-2.241-5-5-5Zm-52.183 1.62c.161.01.327.04.489.079a2.51 2.51 0 0 1 1.767 3.066 2.504 2.504 0 0 1-3.061 1.763 2.498 2.498 0 0 1-1.768-3.057c.17-.65.586-1.186 1.162-1.518.44-.254.923-.362 1.411-.332ZM47.5 55c1.377 0 2.5 1.123 2.5 2.5s-1.123 2.5-2.5 2.5a2.505 2.505 0 0 1-2.5-2.5c0-1.377 1.123-2.5 2.5-2.5Zm20 0c1.377 0 2.5 1.123 2.5 2.5s-1.123 2.5-2.5 2.5a2.505 2.505 0 0 1-2.5-2.5c0-1.377 1.123-2.5 2.5-2.5ZM7.89 62.538a1.242 1.242 0 0 0-1.035.913c-.18.669.22 1.352.884 1.528l9.663 2.593c.108.024.215.044.322.044a1.252 1.252 0 0 0 .322-2.46l-9.657-2.59a1.24 1.24 0 0 0-.499-.028Zm34.61 2.46a1.25 1.25 0 1 0 0 2.5h10a1.25 1.25 0 1 0 0-2.5h-10Zm20 0a1.25 1.25 0 1 0 0 2.5h10a1.25 1.25 0 1 0 0-2.5h-10Z" />
5050
),
5151
};
52-
return <svg {...svgIllustrationProps(props)}>{variants[props.style]}</svg>;
52+
return <svg {...svgIllustrationProps(props)}>{variants[props.style ?? props.kind]}</svg>;
5353
}

Diff for: ‎packages/bento-design-system/src/Illustrations/IllustrationBook.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -32,5 +32,5 @@ export function IllustrationBook(props: IllustrationProps) {
3232
<path d="M16 5c-2.759 0-5 2.241-5 5v60c0 2.759 2.241 5 5 5h46.25A3.757 3.757 0 0 0 66 71.25v-3.98c1.45-.517 2.5-1.894 2.5-3.52v-55A3.757 3.757 0 0 0 64.75 5H16Zm0 2.5h48.75c.689 0 1.25.562 1.25 1.25v55c0 .689-.561 1.25-1.25 1.25H26V21.25a1.25 1.25 0 1 0-2.5 0V65H16c-.771 0-1.675.278-2.5.791V10c0-1.377 1.123-2.5 2.5-2.5Zm1.25 2.5a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm7.5 0a1.25 1.25 0 0 0-1.25 1.25v5a1.25 1.25 0 1 0 2.5 0v-5A1.25 1.25 0 0 0 24.75 10Zm-7.5 6.25a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm0 6.25a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm0 6.25a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm0 6.25a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm0 6.25a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm0 6.25a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm0 6.25a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm0 6.25a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5ZM16 67.5h47.5v3.75c0 .689-.562 1.25-1.25 1.25H16a2.505 2.505 0 0 1-2.5-2.5c0-1.558 1.738-2.5 2.5-2.5Z" />
3333
),
3434
};
35-
return <svg {...svgIllustrationProps(props)}>{variants[props.style]}</svg>;
35+
return <svg {...svgIllustrationProps(props)}>{variants[props.style ?? props.kind]}</svg>;
3636
}

Diff for: ‎packages/bento-design-system/src/Illustrations/IllustrationBriefCase.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -36,5 +36,5 @@ export function IllustrationBriefcase(props: IllustrationProps) {
3636
<path d="M32.588 8a3.741 3.741 0 0 0-3.12 1.67L25.58 15.5H3.75C1.68 15.5 0 17.18 0 19.25v12.251a6.19 6.19 0 0 0 2.5 4.98V68c0 2.764 2.236 5 5 5h65c2.764 0 5-2.236 5-5V36.481a6.19 6.19 0 0 0 2.5-4.98V19.25c0-2.07-1.68-3.75-3.75-3.75H54.419l-3.887-5.83A3.741 3.741 0 0 0 47.412 8H32.588Zm0 2.5h14.824c.42 0 .806.21 1.04.557l2.96 4.443H28.588l2.959-4.443c.234-.347.62-.557 1.04-.557ZM3.75 18h72.5c.689 0 1.25.561 1.25 1.25v1.25a1.25 1.25 0 0 0-1.25 1.25v2.5c0 .693.561 1.25 1.25 1.25v6.001a3.733 3.733 0 0 1-2.925 3.662L45 41.838v-.088c0-1.377-1.123-2.5-2.5-2.5h-5a2.505 2.505 0 0 0-2.5 2.5v.088L5.425 35.163A3.732 3.732 0 0 1 2.5 31.501V25.5a1.25 1.25 0 0 0 1.25-1.25v-2.5A1.25 1.25 0 0 0 2.5 20.5v-1.25c0-.689.562-1.25 1.25-1.25Zm5 2.5a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5a1.25 1.25 0 0 0-1.25-1.25Zm6.25 0a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 15 20.5Zm6.25 0A1.25 1.25 0 0 0 20 21.75v2.5a1.25 1.25 0 1 0 2.5 0v-2.5a1.25 1.25 0 0 0-1.25-1.25Zm6.25 0a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5a1.25 1.25 0 0 0-1.25-1.25Zm6.25 0a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5a1.25 1.25 0 0 0-1.25-1.25Zm6.25 0a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 40 20.5Zm6.25 0A1.25 1.25 0 0 0 45 21.75v2.5a1.25 1.25 0 1 0 2.5 0v-2.5a1.25 1.25 0 0 0-1.25-1.25Zm6.25 0a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5a1.25 1.25 0 0 0-1.25-1.25Zm6.25 0a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5a1.25 1.25 0 0 0-1.25-1.25Zm6.25 0a1.25 1.25 0 0 0-1.25 1.25v2.5a1.25 1.25 0 1 0 2.5 0v-2.5A1.25 1.25 0 0 0 65 20.5Zm6.25 0A1.25 1.25 0 0 0 70 21.75v2.5a1.25 1.25 0 1 0 2.5 0v-2.5a1.25 1.25 0 0 0-1.25-1.25ZM75 37.629V68c0 1.382-1.118 2.5-2.5 2.5h-65A2.499 2.499 0 0 1 5 68V37.629l30 6.777v4.844c0 1.382 1.118 2.5 2.5 2.5h5c1.382 0 2.5-1.118 2.5-2.5v-4.849l30-6.772ZM37.5 41.75h5v7.5h-5v-7.5ZM8.75 63a1.25 1.25 0 1 0 0 2.5h52.5a1.25 1.25 0 1 0 0-2.5H8.75Zm57.5 0a1.25 1.25 0 1 0 0 2.5h5a1.25 1.25 0 1 0 0-2.5h-5Z" />
3737
),
3838
};
39-
return <svg {...svgIllustrationProps(props)}>{variants[props.style]}</svg>;
39+
return <svg {...svgIllustrationProps(props)}>{variants[props.style ?? props.kind]}</svg>;
4040
}

Diff for: ‎packages/bento-design-system/src/Illustrations/IllustrationCalendar.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -49,5 +49,5 @@ export function IllustrationCalendar(props: IllustrationProps) {
4949
<path d="M19.75 6C17.68 6 16 7.68 16 9.75v3.75H9.75C7.68 13.5 6 15.18 6 17.25v52.5c0 2.07 1.68 3.75 3.75 3.75h60c2.07 0 3.75-1.68 3.75-3.75v-52.5c0-2.07-1.68-3.75-3.75-3.75H63.5V9.75C63.5 7.68 61.82 6 59.75 6 57.68 6 56 7.68 56 9.75v3.75H43.5V9.75C43.5 7.68 41.82 6 39.75 6 37.68 6 36 7.68 36 9.75v3.75H23.5V9.75C23.5 7.68 21.82 6 19.75 6Zm0 2.5c.689 0 1.25.561 1.25 1.25v10c0 .689-.561 1.25-1.25 1.25s-1.25-.561-1.25-1.25v-10c0-.689.561-1.25 1.25-1.25Zm20 0c.689 0 1.25.561 1.25 1.25v10c0 .689-.561 1.25-1.25 1.25s-1.25-.561-1.25-1.25v-10c0-.689.561-1.25 1.25-1.25Zm20 0c.689 0 1.25.561 1.25 1.25v10c0 .689-.561 1.25-1.25 1.25s-1.25-.561-1.25-1.25v-10c0-.689.561-1.25 1.25-1.25Zm-50 7.5H16v3.75c0 2.07 1.68 3.75 3.75 3.75 2.07 0 3.75-1.68 3.75-3.75V16H36v3.75c0 2.07 1.68 3.75 3.75 3.75 2.07 0 3.75-1.68 3.75-3.75V16H56v3.75c0 2.07 1.68 3.75 3.75 3.75 2.07 0 3.75-1.68 3.75-3.75V16h6.25c.689 0 1.25.561 1.25 1.25V26c-.689 0-1.25.561-1.25 1.25v2.5c0 .689.561 1.25 1.25 1.25v38.75c0 .689-.561 1.25-1.25 1.25h-60c-.689 0-1.25-.561-1.25-1.25V31c.689 0 1.25-.561 1.25-1.25v-2.5c0-.689-.561-1.25-1.25-1.25v-8.75c0-.689.561-1.25 1.25-1.25Zm5 10c-.689 0-1.25.561-1.25 1.25v2.5c0 .689.561 1.25 1.25 1.25S16 30.439 16 29.75v-2.5c0-.689-.561-1.25-1.25-1.25ZM21 26c-.689 0-1.25.561-1.25 1.25v2.5c0 .689.561 1.25 1.25 1.25s1.25-.561 1.25-1.25v-2.5c0-.689-.561-1.25-1.25-1.25Zm6.25 0c-.689 0-1.25.561-1.25 1.25v2.5c0 .689.561 1.25 1.25 1.25s1.25-.561 1.25-1.25v-2.5c0-.689-.561-1.25-1.25-1.25Zm6.25 0c-.689 0-1.25.561-1.25 1.25v2.5c0 .689.561 1.25 1.25 1.25s1.25-.561 1.25-1.25v-2.5c0-.689-.561-1.25-1.25-1.25Zm6.25 0c-.689 0-1.25.561-1.25 1.25v2.5c0 .689.561 1.25 1.25 1.25S41 30.439 41 29.75v-2.5c0-.689-.561-1.25-1.25-1.25ZM46 26c-.689 0-1.25.561-1.25 1.25v2.5c0 .689.561 1.25 1.25 1.25s1.25-.561 1.25-1.25v-2.5c0-.689-.561-1.25-1.25-1.25Zm6.25 0c-.689 0-1.25.561-1.25 1.25v2.5c0 .689.561 1.25 1.25 1.25s1.25-.561 1.25-1.25v-2.5c0-.689-.561-1.25-1.25-1.25Zm6.25 0c-.689 0-1.25.561-1.25 1.25v2.5c0 .689.561 1.25 1.25 1.25s1.25-.561 1.25-1.25v-2.5c0-.689-.561-1.25-1.25-1.25Zm6.25 0c-.689 0-1.25.561-1.25 1.25v2.5c0 .689.561 1.25 1.25 1.25S66 30.439 66 29.75v-2.5c0-.689-.561-1.25-1.25-1.25Zm-47.5 8.75c-.69 0-1.25.56-1.25 1.25v22.5c0 .69.56 1.25 1.25 1.25h45c.69 0 1.25-.56 1.25-1.25V36c0-.69-.56-1.25-1.25-1.25h-45Zm1.25 2.5h8.75V46H18.5v-8.75Zm11.25 0h8.75V46h-8.75v-8.75Zm11.25 0h8.75V46H41v-8.75Zm11.25 0H61V46h-8.75v-8.75ZM18.5 48.5h8.75v8.75H18.5V48.5Zm11.25 0h8.75v8.75h-8.75V48.5Zm11.25 0h8.75v8.75H41V48.5Zm11.25 0H61v8.75h-8.75V48.5Zm-40 15c-.689 0-1.25.561-1.25 1.25S11.561 66 12.25 66h55c.689 0 1.25-.561 1.25-1.25s-.561-1.25-1.25-1.25h-55Z" />
5050
),
5151
};
52-
return <svg {...svgIllustrationProps(props)}>{variants[props.style]}</svg>;
52+
return <svg {...svgIllustrationProps(props)}>{variants[props.style ?? props.kind]}</svg>;
5353
}

Diff for: ‎packages/bento-design-system/src/Illustrations/IllustrationCalendarEnd.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -53,5 +53,5 @@ export function IllustrationCalendarEnd(props: IllustrationProps) {
5353
</>
5454
),
5555
};
56-
return <svg {...svgIllustrationProps(props)}>{variants[props.style]}</svg>;
56+
return <svg {...svgIllustrationProps(props)}>{variants[props.style ?? props.kind]}</svg>;
5757
}

Diff for: ‎packages/bento-design-system/src/Illustrations/IllustrationCalendarStart.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -53,5 +53,5 @@ export function IllustrationCalendarStart(props: IllustrationProps) {
5353
</>
5454
),
5555
};
56-
return <svg {...svgIllustrationProps(props)}>{variants[props.style]}</svg>;
56+
return <svg {...svgIllustrationProps(props)}>{variants[props.style ?? props.kind]}</svg>;
5757
}

Diff for: ‎packages/bento-design-system/src/Illustrations/IllustrationChart.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -45,5 +45,5 @@ export function IllustrationChart(props: IllustrationProps) {
4545
<path d="M11.75 4C6.925 4 3 7.926 3 12.75V61.5c0 4.24 3.033 7.783 7.043 8.58 1.403 3.112 4.5 5.17 7.957 5.17h56.25A3.755 3.755 0 0 0 78 71.5v-45a3.755 3.755 0 0 0-3.75-3.75H73V21.5a3.755 3.755 0 0 0-3.75-3.75H20.5v-5C20.5 7.926 16.575 4 11.75 4Zm0 2.5A6.257 6.257 0 0 1 18 12.75v41.39a8.717 8.717 0 0 0-12.5 0V12.75a6.257 6.257 0 0 1 6.25-6.25Zm8.75 13.75h48.75c.689 0 1.25.56 1.25 1.25v45c0 .69-.561 1.25-1.25 1.25h-57.5A6.257 6.257 0 0 1 5.5 61.5v-1.25A6.257 6.257 0 0 1 11.75 54 6.257 6.257 0 0 1 18 60.25v1.25a1.25 1.25 0 1 0 2.5 0V20.25ZM64.25 24a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5ZM73 25.25h1.25c.689 0 1.25.56 1.25 1.25v45c0 .69-.561 1.25-1.25 1.25H18a6.256 6.256 0 0 1-4.995-2.5H69.25A3.755 3.755 0 0 0 73 66.5V25.25Zm-26.25 5a1.25 1.25 0 1 0 0 2.5h4.482L40.5 43.482l-4.116-4.116a1.249 1.249 0 0 0-1.768 0l-8.75 8.75a1.249 1.249 0 1 0 1.768 1.768l7.866-7.866 4.116 4.116a1.249 1.249 0 0 0 1.768 0L53 34.518V39a1.25 1.25 0 1 0 2.5 0v-7.5c0-.016-.01-.03-.01-.046a1.21 1.21 0 0 0-.088-.437c-.005-.012-.014-.018-.02-.03a1.234 1.234 0 0 0-.221-.332c-.03-.032-.063-.056-.096-.085a1.242 1.242 0 0 0-.258-.176c-.04-.02-.078-.04-.12-.056a1.253 1.253 0 0 0-.437-.088h-7.5Zm17.5 0a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm0 6.25a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm0 6.25a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm0 6.25a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm-40 3.75a1.25 1.25 0 1 0 0 2.5h32.5a1.25 1.25 0 1 0 0-2.5h-32.5Zm40 2.5a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Zm0 6.25a1.25 1.25 0 1 0 0 2.5h2.5a1.25 1.25 0 1 0 0-2.5h-2.5Z" />
4646
),
4747
};
48-
return <svg {...svgIllustrationProps(props)}>{variants[props.style]}</svg>;
48+
return <svg {...svgIllustrationProps(props)}>{variants[props.style ?? props.kind]}</svg>;
4949
}

Diff for: ‎packages/bento-design-system/src/Illustrations/IllustrationClick.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -27,5 +27,5 @@ export function IllustrationClick(props: IllustrationProps) {
2727
<path d="M18.866 6c-.693 0-1.25.557-1.25 1.25v2.588a1.25 1.25 0 1 0 2.5 0V7.25A1.25 1.25 0 0 0 18.866 6Zm-8.579 3.037a1.25 1.25 0 0 0-.889 2.134l1.836 1.831c.245.244.562.366.884.366a1.25 1.25 0 0 0 .884-2.134l-1.836-1.83a1.239 1.239 0 0 0-.879-.367Zm17.158 0c-.322 0-.64.122-.884.366l-1.835 1.831a1.25 1.25 0 1 0 1.767 1.768l1.831-1.831a1.24 1.24 0 0 0 0-1.768 1.239 1.239 0 0 0-.879-.366Zm-8.818 6.753a2.47 2.47 0 0 0-1.973.733 2.455 2.455 0 0 0-.556 2.685l20.087 50.625a2.48 2.48 0 0 0 2.134 1.572 2.497 2.497 0 0 0 2.344-1.22l8.418-14.239 16.675 16.68a3.731 3.731 0 0 0 2.651 1.103c1.006 0 1.949-.39 2.652-1.103l1.772-1.763a3.764 3.764 0 0 0 0-5.307l-16.675-16.67 14.155-8.355a2.49 2.49 0 0 0 1.226-2.348 2.481 2.481 0 0 0-1.572-2.13l-50.62-20.087a2.708 2.708 0 0 0-.718-.176ZM7.25 17.616c-.693 0-1.25.557-1.25 1.25 0 .694.557 1.25 1.25 1.25h2.588c.693 0 1.25-.556 1.25-1.25 0-.693-.557-1.25-1.25-1.25H7.25Zm11.172.67 50.62 20.092-14.155 8.35a2.481 2.481 0 0 0-1.211 1.84 2.474 2.474 0 0 0 .713 2.08l16.67 16.675a1.25 1.25 0 0 1 0 1.768l-1.768 1.772a1.277 1.277 0 0 1-1.768 0l-16.68-16.68a2.457 2.457 0 0 0-2.074-.717 2.503 2.503 0 0 0-1.846 1.21L38.51 68.91 18.422 18.285Zm-6.304 6.073c-.322.005-.64.127-.884.371l-1.836 1.831a1.244 1.244 0 0 0 0 1.763 1.236 1.236 0 0 0 1.768 0l1.836-1.83a1.244 1.244 0 0 0 0-1.764 1.227 1.227 0 0 0-.884-.37Zm16.577.918a1.24 1.24 0 0 0-1.133.787 1.248 1.248 0 0 0 .704 1.625l3.93 1.563a1.249 1.249 0 0 0 1.621-.703 1.255 1.255 0 0 0-.698-1.626l-3.935-1.558a1.235 1.235 0 0 0-.489-.088Zm9.01 3.575a1.253 1.253 0 0 0-.43 2.417l18.369 7.29c.15.058.307.083.459.083.498 0 .971-.298 1.166-.787a1.255 1.255 0 0 0-.703-1.625l-18.374-7.286a1.24 1.24 0 0 0-.488-.092Z" />
2828
),
2929
};
30-
return <svg {...svgIllustrationProps(props)}>{variants[props.style]}</svg>;
30+
return <svg {...svgIllustrationProps(props)}>{variants[props.style ?? props.kind]}</svg>;
3131
}

0 commit comments

Comments
 (0)