@aivenio/aquarium 1.43.0 → 1.44.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/dist/_variables.scss +1 -1
- package/dist/atoms.cjs +537 -283
- package/dist/atoms.mjs +536 -283
- package/dist/charts.cjs +196 -11
- package/dist/charts.mjs +183 -4
- package/dist/src/atoms/Banner/Banner.d.ts +1 -1
- package/dist/src/atoms/Banner/Banner.js +1 -1
- package/dist/src/atoms/Card/Card.d.ts +9 -0
- package/dist/src/atoms/Card/Card.js +18 -1
- package/dist/src/charts/AreaChart/AreaChart.js +2 -2
- package/dist/src/charts/Cell/Cell.d.ts +2 -0
- package/dist/src/charts/Cell/Cell.js +2 -0
- package/dist/src/charts/PieChart/ChartValue.d.ts +8 -0
- package/dist/src/charts/PieChart/ChartValue.js +10 -0
- package/dist/src/charts/PieChart/DoughnutChart.d.ts +15 -0
- package/dist/src/charts/PieChart/DoughnutChart.js +31 -0
- package/dist/src/charts/PieChart/PieChart.d.ts +13 -0
- package/dist/src/charts/PieChart/PieChart.js +17 -0
- package/dist/src/charts/PieChart/TooltipContentWrapper.d.ts +9 -0
- package/dist/src/charts/PieChart/TooltipContentWrapper.js +31 -0
- package/dist/src/charts/PieChart/renderPieChildren.d.ts +2 -0
- package/dist/src/charts/PieChart/renderPieChildren.js +30 -0
- package/dist/src/charts/PieChart/renderScaledChartValue.d.ts +8 -0
- package/dist/src/charts/PieChart/renderScaledChartValue.js +15 -0
- package/dist/src/charts/index.d.ts +3 -0
- package/dist/src/charts/index.js +4 -1
- package/dist/src/charts/lib/utils.d.ts +5 -0
- package/dist/src/charts/lib/utils.js +7 -1
- package/dist/src/icons/appUsers.d.ts +9 -0
- package/dist/src/icons/appUsers.js +11 -0
- package/dist/src/icons/deliveryLocation.d.ts +9 -0
- package/dist/src/icons/deliveryLocation.js +11 -0
- package/dist/src/icons/gitDiff.d.ts +9 -0
- package/dist/src/icons/gitDiff.js +11 -0
- package/dist/src/icons/index.d.ts +11 -0
- package/dist/src/icons/index.js +12 -1
- package/dist/src/icons/managedUsers.d.ts +9 -0
- package/dist/src/icons/managedUsers.js +11 -0
- package/dist/src/icons/orgAdmin.d.ts +9 -0
- package/dist/src/icons/orgAdmin.js +11 -0
- package/dist/src/icons/orgUnit.d.ts +9 -0
- package/dist/src/icons/orgUnit.js +11 -0
- package/dist/src/icons/proPlans.d.ts +9 -0
- package/dist/src/icons/proPlans.js +11 -0
- package/dist/src/icons/queriesEditor.d.ts +9 -0
- package/dist/src/icons/queriesEditor.js +11 -0
- package/dist/src/icons/queriesStatistics.d.ts +9 -0
- package/dist/src/icons/queriesStatistics.js +11 -0
- package/dist/src/icons/save.d.ts +9 -0
- package/dist/src/icons/save.js +11 -0
- package/dist/src/icons/tools.d.ts +9 -0
- package/dist/src/icons/tools.js +11 -0
- package/dist/src/molecules/Accordion/Accordion.d.ts +23 -5
- package/dist/src/molecules/Accordion/Accordion.js +41 -17
- package/dist/src/molecules/Alert/Alert.js +2 -2
- package/dist/src/molecules/Box/Box.d.ts +9 -36
- package/dist/src/molecules/Box/Box.js +4 -2
- package/dist/src/molecules/Card/Card.d.ts +4 -2
- package/dist/src/molecules/Card/Card.js +10 -11
- package/dist/src/molecules/Card/Compact.d.ts +3 -2
- package/dist/src/molecules/Card/Compact.js +9 -12
- package/dist/src/molecules/Card/types.d.ts +12 -2
- package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +3 -3
- package/dist/src/molecules/Combobox/Combobox.js +7 -6
- package/dist/src/molecules/DataList/DataList.d.ts +11 -2
- package/dist/src/molecules/DataList/DataList.js +9 -9
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +3 -2
- package/dist/src/molecules/Element/Element.d.ts +1 -1
- package/dist/src/molecules/Element/Element.js +1 -1
- package/dist/src/molecules/EmptyState/EmptyState.js +4 -4
- package/dist/src/molecules/Grid/Grid.js +2 -1
- package/dist/src/molecules/Input/Input.js +8 -7
- package/dist/src/molecules/ListItem/ListItem.js +2 -2
- package/dist/src/molecules/MultiInput/MultiInput.js +7 -6
- package/dist/src/molecules/MultiSelect/MultiSelect.js +7 -6
- package/dist/src/molecules/NativeSelect/NativeSelect.js +8 -6
- package/dist/src/molecules/PageHeader/PageHeader.js +3 -3
- package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -1
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +3 -3
- package/dist/src/molecules/Section/Section.d.ts +10 -3
- package/dist/src/molecules/Section/Section.js +9 -7
- package/dist/src/molecules/Select/Select.js +7 -6
- package/dist/src/molecules/Skeleton/Skeleton.d.ts +1 -1
- package/dist/src/molecules/Skeleton/Skeleton.js +16 -4
- package/dist/src/molecules/Spacing/Spacing.d.ts +1 -1
- package/dist/src/molecules/Spacing/Spacing.js +1 -1
- package/dist/src/molecules/SwitchGroup/SwitchGroup.js +3 -3
- package/dist/src/molecules/Textarea/Textarea.js +8 -7
- package/dist/src/utils/Blueprint.js +3 -5
- package/dist/src/utils/actions.d.ts +8 -1
- package/dist/src/utils/actions.js +3 -3
- package/dist/src/utils/setupTests.js +7 -1
- package/dist/styles.css +17 -0
- package/dist/system.cjs +912 -646
- package/dist/system.mjs +898 -632
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
const data = {
|
3
|
+
"body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M6.508 3.27a9.167 9.167 0 0113.825 7.988M3.266 6.515A9.124 9.124 0 002 11.167a9.169 9.169 0 006.875 8.877m10.274-4.367a9.186 9.186 0 01-5.69 4.367M13.081 6.01a5.5 5.5 0 00-7.069 7.082m10.31-3.842a5.5 5.5 0 01-7.06 7.08m1.904-6.996V13\"/>",
|
4
|
+
"left": 0,
|
5
|
+
"top": 0,
|
6
|
+
"width": 22,
|
7
|
+
"height": 22
|
8
|
+
};
|
9
|
+
exports.__esModule = true;
|
10
|
+
exports.default = data;
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3JnQWRtaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaWNvbnMvb3JnQWRtaW4uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE1BQU0sSUFBSSxHQUFHO0lBQ1osTUFBTSxFQUFFLHVXQUF1VztJQUMvVyxNQUFNLEVBQUUsQ0FBQztJQUNULEtBQUssRUFBRSxDQUFDO0lBQ1IsT0FBTyxFQUFFLEVBQUU7SUFDWCxRQUFRLEVBQUUsRUFBRTtDQUNaLENBQUM7QUFDRixPQUFPLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztBQUMxQixPQUFPLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyJ9
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
const data = {
|
3
|
+
"body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8.708 6.417h4.584m-4.584 3.666h4.584M8.708 13.75h4.584m3.208 5.5V5.683c0-1.026 0-1.54-.2-1.932a1.833 1.833 0 00-.801-.801c-.392-.2-.905-.2-1.932-.2H8.433c-1.026 0-1.54 0-1.932.2a1.833 1.833 0 00-.801.801c-.2.392-.2.906-.2 1.932V19.25m12.833 0H3.667\"/>",
|
4
|
+
"left": 0,
|
5
|
+
"top": 0,
|
6
|
+
"width": 22,
|
7
|
+
"height": 22
|
8
|
+
};
|
9
|
+
exports.__esModule = true;
|
10
|
+
exports.default = data;
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3JnVW5pdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pY29ucy9vcmdVbml0LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxNQUFNLElBQUksR0FBRztJQUNaLE1BQU0sRUFBRSx1WEFBdVg7SUFDL1gsTUFBTSxFQUFFLENBQUM7SUFDVCxLQUFLLEVBQUUsQ0FBQztJQUNSLE9BQU8sRUFBRSxFQUFFO0lBQ1gsUUFBUSxFQUFFLEVBQUU7Q0FDWixDQUFDO0FBQ0YsT0FBTyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7QUFDMUIsT0FBTyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMifQ==
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
const data = {
|
3
|
+
"body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4.292 20.333V15.75m0-9.167V2M2 4.292h4.583M2 18.042h4.583m5.5-15.125-1.59 4.133c-.258.672-.387 1.008-.588 1.29a2.75 2.75 0 01-.648.648c-.282.201-.618.33-1.29.589l-4.134 1.59 4.133 1.59c.673.258 1.009.387 1.291.588.25.178.47.397.648.648.2.282.33.618.589 1.29l1.59 4.134 1.589-4.134c.258-.672.388-1.008.589-1.29.178-.25.397-.47.647-.648.283-.2.62-.33 1.291-.589l4.133-1.59L16.2 9.578c-.672-.259-1.008-.388-1.29-.589a2.75 2.75 0 01-.648-.647c-.201-.283-.33-.62-.589-1.291l-1.59-4.133Z\"/>",
|
4
|
+
"left": 0,
|
5
|
+
"top": 0,
|
6
|
+
"width": 22,
|
7
|
+
"height": 22
|
8
|
+
};
|
9
|
+
exports.__esModule = true;
|
10
|
+
exports.default = data;
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvUGxhbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaWNvbnMvcHJvUGxhbnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE1BQU0sSUFBSSxHQUFHO0lBQ1osTUFBTSxFQUFFLGdtQkFBZ21CO0lBQ3htQixNQUFNLEVBQUUsQ0FBQztJQUNULEtBQUssRUFBRSxDQUFDO0lBQ1IsT0FBTyxFQUFFLEVBQUU7SUFDWCxRQUFRLEVBQUUsRUFBRTtDQUNaLENBQUM7QUFDRixPQUFPLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztBQUMxQixPQUFPLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyJ9
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
const data = {
|
3
|
+
"body": "<g fill=\"none\"><path fill=\"currentColor\" d=\"m14 19.992.75.044-.75-.044Zm.281.19.289.693-.289-.692Zm1.877-.783.609.438-.609-.438Zm-.001 0 .289.693-.289-.692Zm-2.04-1.39.609.439-.609-.439Zm0 .003.748.044-.749-.044Zm3.233-4.488.608.439-.608-.439Zm2.042 1.39-.609-.44.609.44Zm-2.65-1.828-3.233 4.485 1.217.877 3.232-4.485-1.216-.877Zm.025 6.751L20 15.352l-1.217-.877-3.233 4.485 1.217.877Zm-3.4-1.868-.115 1.98 1.497.087.116-1.98-1.498-.087Zm1.203 2.906 1.876-.783-.578-1.384-1.876.783.578 1.384Zm-1.318-.927c-.043.736.702 1.183 1.318.927l-.578-1.384a.55.55 0 01.757.545l-1.497-.088Zm2.298-.988a.747.747 0 01.318-.252l.578 1.384a.752.752 0 00.32-.255l-1.216-.877Zm-2.041-1.39a.755.755 0 00-.142.399l1.498.087a.743.743 0 01-.14.392l-1.216-.877Zm6.006-4.973a2.026 2.026 0 00-2.773.489l1.216.877a.526.526 0 01.713-.126l.844-1.24Zm-.844 1.24a.445.445 0 01.112.638l1.217.877a1.945 1.945 0 00-.485-2.755l-.844 1.24Z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19.25 4.583c0 1.52-3.694 2.75-8.25 2.75s-8.25-1.23-8.25-2.75m16.5 0c0-1.518-3.694-2.75-8.25-2.75s-8.25 1.232-8.25 2.75m16.5 0V9M2.75 4.583v12.834c0 1.521 3.667 2.75 8.25 2.75M19.25 8.91c0 1.522-3.667 2.75-8.25 2.75s-8.25-1.228-8.25-2.75M11 15.987c-4.583 0-8.25-1.229-8.25-2.75\"/></g>",
|
4
|
+
"left": 0,
|
5
|
+
"top": 0,
|
6
|
+
"width": 22,
|
7
|
+
"height": 22
|
8
|
+
};
|
9
|
+
exports.__esModule = true;
|
10
|
+
exports.default = data;
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVlcmllc0VkaXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pY29ucy9xdWVyaWVzRWRpdG9yLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxNQUFNLElBQUksR0FBRztJQUNaLE1BQU0sRUFBRSwyeENBQTJ4QztJQUNueUMsTUFBTSxFQUFFLENBQUM7SUFDVCxLQUFLLEVBQUUsQ0FBQztJQUNSLE9BQU8sRUFBRSxFQUFFO0lBQ1gsUUFBUSxFQUFFLEVBQUU7Q0FDWixDQUFDO0FBQ0YsT0FBTyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7QUFDMUIsT0FBTyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMifQ==
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
const data = {
|
3
|
+
"body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.5 4.583c0-.051.03-.22.363-.481.323-.255.838-.517 1.54-.752C6.802 2.884 8.78 2.583 11 2.583c2.22 0 4.199.301 5.596.767.703.235 1.218.497 1.541.752.332.262.363.43.363.481 0 .052-.03.22-.363.482-.323.255-.838.517-1.54.751-1.398.466-3.377.767-5.597.767-2.22 0-4.199-.3-5.596-.767-.703-.234-1.218-.496-1.541-.751-.332-.262-.363-.43-.363-.482ZM17.07 7.24a8.024 8.024 0 001.43-.619v2.29c0 .055-.032.224-.36.484-.321.254-.833.516-1.534.75-1.394.466-3.372.766-5.606.766s-4.212-.3-5.606-.766c-.701-.234-1.213-.496-1.534-.75-.328-.26-.36-.43-.36-.484V6.62c.416.238.901.443 1.43.62 1.587.529 3.734.843 6.07.843 2.336 0 4.483-.314 6.07-.844ZM4.92 11.567a7.978 7.978 0 01-1.419-.615v2.285c0 .044.018.155.193.334.179.183.477.388.917.592.876.407 2.165.741 3.727.924.829.097 1.725.15 2.663.15a.75.75 0 010 1.5c-.994 0-1.948-.056-2.837-.16-1.655-.194-3.115-.556-4.185-1.053a6.391 6.391 0 01-.478-.246v2.139c0 .054.032.223.36.483.321.255.833.517 1.534.75 1.394.466 3.372.767 5.606.767a.75.75 0 010 1.5c-2.35 0-4.496-.314-6.081-.843-.79-.264-1.48-.594-1.99-.998-.502-.398-.929-.953-.929-1.66V4.584c0-.708.431-1.263.934-1.66.511-.402 1.205-.732 1.995-.996 1.588-.53 3.735-.844 6.071-.844s4.483.315 6.07.844c.791.264 1.485.594 1.996.997.503.396.934.951.934 1.66V8.91c0 .706-.427 1.262-.929 1.66-.51.403-1.2.734-1.99.997-1.585.53-3.732.843-6.081.843-2.35 0-4.496-.313-6.081-.843ZM17.45 14.7a.75.75 0 00-1.5 0v5.5a.75.75 0 001.5 0v-5.5Zm-3.45.75a.75.75 0 01.75.75v4a.75.75 0 01-1.5 0v-4a.75.75 0 01.75-.75Zm6.05-2.25a.75.75 0 00-1.5 0v7a.75.75 0 001.5 0v-7Z\" clip-rule=\"evenodd\"/>",
|
4
|
+
"left": 0,
|
5
|
+
"top": 0,
|
6
|
+
"width": 22,
|
7
|
+
"height": 22
|
8
|
+
};
|
9
|
+
exports.__esModule = true;
|
10
|
+
exports.default = data;
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVlcmllc1N0YXRpc3RpY3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaWNvbnMvcXVlcmllc1N0YXRpc3RpY3MuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE1BQU0sSUFBSSxHQUFHO0lBQ1osTUFBTSxFQUFFLGtsREFBa2xEO0lBQzFsRCxNQUFNLEVBQUUsQ0FBQztJQUNULEtBQUssRUFBRSxDQUFDO0lBQ1IsT0FBTyxFQUFFLEVBQUU7SUFDWCxRQUFRLEVBQUUsRUFBRTtDQUNaLENBQUM7QUFDRixPQUFPLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztBQUMxQixPQUFPLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyJ9
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
const data = {
|
3
|
+
"body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M6.417 2.75v3.117c0 .513 0 .77.1.966a.917.917 0 00.4.4c.196.1.453.1.966.1h6.234c.513 0 .77 0 .966-.1a.917.917 0 00.4-.4c.1-.196.1-.453.1-.966v-2.2m0 15.583v-5.867c0-.513 0-.77-.1-.966a.917.917 0 00-.4-.4c-.196-.1-.453-.1-.966-.1H7.883c-.513 0-.77 0-.966.1a.917.917 0 00-.4.4c-.1.196-.1.453-.1.966v5.867M19.25 8.548v6.302c0 1.54 0 2.31-.3 2.899a2.751 2.751 0 01-1.201 1.201c-.589.3-1.359.3-2.899.3h-7.7c-1.54 0-2.31 0-2.898-.3a2.75 2.75 0 01-1.202-1.2c-.3-.589-.3-1.359-.3-2.899v-7.7c0-1.54 0-2.31.3-2.898A2.75 2.75 0 014.252 3.05c.588-.3 1.358-.3 2.898-.3h6.302c.448 0 .672 0 .883.05.187.046.366.12.53.22.185.114.344.272.66.59l2.866 2.864c.317.317.476.476.589.66.1.165.174.344.22.53.05.212.05.436.05.884Z\"/>",
|
4
|
+
"left": 0,
|
5
|
+
"top": 0,
|
6
|
+
"width": 22,
|
7
|
+
"height": 22
|
8
|
+
};
|
9
|
+
exports.__esModule = true;
|
10
|
+
exports.default = data;
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2F2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pY29ucy9zYXZlLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxNQUFNLElBQUksR0FBRztJQUNaLE1BQU0sRUFBRSw4ekJBQTh6QjtJQUN0MEIsTUFBTSxFQUFFLENBQUM7SUFDVCxLQUFLLEVBQUUsQ0FBQztJQUNSLE9BQU8sRUFBRSxFQUFFO0lBQ1gsUUFBUSxFQUFFLEVBQUU7Q0FDWixDQUFDO0FBQ0YsT0FBTyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7QUFDMUIsT0FBTyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMifQ==
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
const data = {
|
3
|
+
"body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5.667 5.667 4.125 4.125M5.667 5.667h-2.75L2 2.917 2.917 2l2.75.917v2.75ZM17.82 2.679l-2.409 2.409c-.363.363-.544.544-.612.754a.916.916 0 000 .566c.068.21.25.391.612.754l.218.218c.363.363.544.544.753.612.184.06.383.06.567 0 .21-.068.39-.25.754-.612l2.253-2.254a5.042 5.042 0 01-5.646 6.861c-.446-.087-.669-.13-.804-.117a.766.766 0 00-.341.104c-.12.063-.24.184-.48.424l-6.561 6.56a1.945 1.945 0 11-2.75-2.75l6.56-6.56c.24-.24.36-.36.425-.48a.766.766 0 00.104-.342c.013-.135-.03-.358-.119-.803A5.042 5.042 0 0117.82 2.68Zm-6.654 11.238 5.041 5.041a1.945 1.945 0 102.75-2.75l-4.147-4.147a5.029 5.029 0 01-.857-.157c-.357-.098-.748-.027-1.01.235l-1.777 1.778Z\"/>",
|
4
|
+
"left": 0,
|
5
|
+
"top": 0,
|
6
|
+
"width": 22,
|
7
|
+
"height": 22
|
8
|
+
};
|
9
|
+
exports.__esModule = true;
|
10
|
+
exports.default = data;
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaWNvbnMvdG9vbHMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE1BQU0sSUFBSSxHQUFHO0lBQ1osTUFBTSxFQUFFLDZ3QkFBNndCO0lBQ3J4QixNQUFNLEVBQUUsQ0FBQztJQUNULEtBQUssRUFBRSxDQUFDO0lBQ1IsT0FBTyxFQUFFLEVBQUU7SUFDWCxRQUFRLEVBQUUsRUFBRTtDQUNaLENBQUM7QUFDRixPQUFPLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztBQUMxQixPQUFPLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyJ9
|
@@ -1,6 +1,9 @@
|
|
1
1
|
import React, { type ReactElement } from 'react';
|
2
|
-
declare type PanelID = string;
|
3
|
-
|
2
|
+
export declare type PanelID = string;
|
3
|
+
declare type AccordionProps = {
|
4
|
+
openPanelId?: PanelID | null;
|
5
|
+
};
|
6
|
+
export declare const Accordion: React.FC<AccordionProps> & {
|
4
7
|
Toggle: typeof AccordionToggle;
|
5
8
|
Panel: typeof AccordionPanel;
|
6
9
|
Summary: typeof AccordionSummary;
|
@@ -11,14 +14,18 @@ declare type ToggleProps = {
|
|
11
14
|
/**
|
12
15
|
* Id for panel element. Toggle and panel must share same panel ID.
|
13
16
|
*/
|
14
|
-
panelId
|
17
|
+
panelId?: PanelID;
|
18
|
+
/**
|
19
|
+
* Callback function to listen for changes. Use with controlled mode.
|
20
|
+
*/
|
21
|
+
onChange?: (id: PanelID, isOpen: boolean) => void;
|
15
22
|
};
|
16
23
|
declare const AccordionToggle: React.FC<ToggleProps>;
|
17
24
|
declare type PanelProps = {
|
18
25
|
/**
|
19
26
|
* Id for panel element. Toggle and panel must share same panel ID.
|
20
27
|
*/
|
21
|
-
panelId
|
28
|
+
panelId?: PanelID;
|
22
29
|
className?: string;
|
23
30
|
};
|
24
31
|
declare const AccordionPanel: React.FC<PanelProps>;
|
@@ -30,7 +37,18 @@ declare type SummaryProps = {
|
|
30
37
|
* Toggle element that trigger collapse. Use <Accordion.Toggle />
|
31
38
|
*/
|
32
39
|
toggle: ReactElement<ToggleProps>;
|
40
|
+
/**
|
41
|
+
* Id for panel element. Used for connecting accessible title to the panel.
|
42
|
+
*/
|
43
|
+
panelId?: PanelID;
|
33
44
|
};
|
34
45
|
declare const AccordionSummary: React.FC<SummaryProps>;
|
35
|
-
declare
|
46
|
+
declare type ContainerProps = {
|
47
|
+
/**
|
48
|
+
* Id for panel element. Generated if not provided.
|
49
|
+
* Will be used to share accessible roles among children and determining which panel is open at a given time.
|
50
|
+
*/
|
51
|
+
panelId?: PanelID;
|
52
|
+
};
|
53
|
+
declare const AccordionContainer: React.FC<ContainerProps>;
|
36
54
|
export {};
|
@@ -11,13 +11,16 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
11
11
|
};
|
12
12
|
import React, { createContext, useContext, useState } from 'react';
|
13
13
|
import { Icon } from '@iconify/react';
|
14
|
+
import { useId } from '@react-aria/utils';
|
14
15
|
import { animated, useSpring } from '@react-spring/web';
|
16
|
+
import isUndefined from 'lodash/isUndefined';
|
15
17
|
import { caretUp } from '../../../src/icons';
|
16
18
|
import { useMeasure } from '../../../src/utils/useMeasure';
|
17
19
|
import { Box } from '../Box/Box';
|
18
20
|
import { Divider } from '../Divider/Divider';
|
19
21
|
import { Typography } from '../Typography/Typography';
|
20
22
|
const AccordionContext = createContext(null);
|
23
|
+
const PanelContext = createContext(null);
|
21
24
|
const useAccordionContext = () => {
|
22
25
|
const context = useContext(AccordionContext);
|
23
26
|
if (context === null) {
|
@@ -25,28 +28,45 @@ const useAccordionContext = () => {
|
|
25
28
|
}
|
26
29
|
return context;
|
27
30
|
};
|
28
|
-
|
29
|
-
const
|
30
|
-
|
31
|
+
const usePanelContext = (defaultId) => {
|
32
|
+
const context = useContext(PanelContext);
|
33
|
+
if (defaultId) {
|
34
|
+
return defaultId;
|
35
|
+
}
|
36
|
+
if (context === null) {
|
37
|
+
throw new Error('Accordion panel missing ID. Either wrap the panel in <Accordion.Container /> or provide an id as a prop');
|
38
|
+
}
|
39
|
+
return context;
|
40
|
+
};
|
41
|
+
export const Accordion = ({ children, openPanelId: panelId }) => {
|
42
|
+
const [openPanelId, setOpenPanelId] = useState(panelId);
|
43
|
+
if (!isUndefined(panelId) && panelId !== openPanelId) {
|
44
|
+
setOpenPanelId(panelId);
|
45
|
+
}
|
46
|
+
return React.createElement(AccordionContext.Provider, { value: [openPanelId, setOpenPanelId] }, children);
|
31
47
|
};
|
32
48
|
const AccordionToggle = (_a) => {
|
33
|
-
var { panelId } = _a, rest = __rest(_a, ["panelId"]);
|
49
|
+
var { panelId, onChange } = _a, rest = __rest(_a, ["panelId", "onChange"]);
|
50
|
+
const id = usePanelContext(panelId);
|
34
51
|
const [openPanelId, setOpenPanelId] = useAccordionContext();
|
35
|
-
const isOpen = openPanelId ===
|
36
|
-
const handleClick = () =>
|
52
|
+
const isOpen = openPanelId === id;
|
53
|
+
const handleClick = () => {
|
54
|
+
onChange ? onChange(id, isOpen) : setOpenPanelId(isOpen ? undefined : id);
|
55
|
+
};
|
37
56
|
const { transform } = useSpring({
|
38
57
|
transform: `rotate(${isOpen ? 0 : 180}deg)`,
|
39
58
|
config: {
|
40
59
|
duration: 150,
|
41
60
|
},
|
42
61
|
});
|
43
|
-
return (React.createElement(animated.div, Object.assign({}, rest, { role: "button", tabIndex: 0, "aria-expanded": openPanelId ===
|
62
|
+
return (React.createElement(animated.div, Object.assign({}, rest, { role: "button", tabIndex: 0, "aria-label": "accordion toggle", "aria-expanded": openPanelId === id, "aria-controls": `${id}-content`, onClick: handleClick, style: { transform } }),
|
44
63
|
React.createElement(Icon, { icon: caretUp, height: 22, width: 22 })));
|
45
64
|
};
|
46
65
|
const AccordionPanel = (_a) => {
|
47
66
|
var { children, panelId } = _a, rest = __rest(_a, ["children", "panelId"]);
|
67
|
+
const id = usePanelContext(panelId);
|
48
68
|
const [openPanelId] = useAccordionContext();
|
49
|
-
const isOpen = openPanelId ===
|
69
|
+
const isOpen = openPanelId === id;
|
50
70
|
const [ref, { height }] = useMeasure();
|
51
71
|
const style = useSpring({
|
52
72
|
height: isOpen ? height !== null && height !== void 0 ? height : 0 : 0,
|
@@ -55,26 +75,30 @@ const AccordionPanel = (_a) => {
|
|
55
75
|
duration: 150,
|
56
76
|
},
|
57
77
|
});
|
58
|
-
return (React.createElement(animated.div, Object.assign({}, rest, { role: "region", id:
|
78
|
+
return (React.createElement(animated.div, Object.assign({}, rest, { role: "region", id: `${id}-content`, "aria-labelledby": `${id}-summary`, style: style }),
|
59
79
|
React.createElement("div", { ref: ref }, children)));
|
60
80
|
};
|
61
81
|
const AccordionUnanimatedPanel = ({ children, panelId }) => {
|
82
|
+
const id = usePanelContext(panelId);
|
62
83
|
const [openPanelId] = useAccordionContext();
|
63
|
-
const isOpen = openPanelId ===
|
84
|
+
const isOpen = openPanelId === id;
|
64
85
|
return React.createElement(React.Fragment, null, isOpen ? children : null);
|
65
86
|
};
|
66
87
|
const AccordionSummary = (_a) => {
|
67
|
-
var { title, description, toggle } = _a, rest = __rest(_a, ["title", "description", "toggle"]);
|
68
|
-
|
88
|
+
var { title, description, toggle, panelId } = _a, rest = __rest(_a, ["title", "description", "toggle", "panelId"]);
|
89
|
+
const id = usePanelContext(panelId);
|
90
|
+
return (React.createElement(Box.Flex, Object.assign({ justifyContent: "space-between", padding: "4", id: `${id}-summary` }, rest),
|
69
91
|
React.createElement(Typography, null, title),
|
70
92
|
React.createElement(Typography.Small, { color: "grey-40" }, description),
|
71
93
|
toggle));
|
72
94
|
};
|
73
95
|
const AccordionContainer = (_a) => {
|
74
|
-
var { children } = _a, rest = __rest(_a, ["children"]);
|
75
|
-
|
76
|
-
|
77
|
-
React.createElement(
|
96
|
+
var { children, panelId } = _a, rest = __rest(_a, ["children", "panelId"]);
|
97
|
+
const generatedId = useId();
|
98
|
+
return (React.createElement(PanelContext.Provider, { value: panelId !== null && panelId !== void 0 ? panelId : generatedId },
|
99
|
+
React.createElement("div", Object.assign({}, rest),
|
100
|
+
children,
|
101
|
+
React.createElement(Divider, null))));
|
78
102
|
};
|
79
103
|
Accordion.displayName = 'Accordion';
|
80
104
|
Accordion.Container = AccordionContainer;
|
@@ -87,4 +111,4 @@ Accordion.Panel = AccordionPanel;
|
|
87
111
|
Accordion.Panel.displayName = 'Accordion.Panel';
|
88
112
|
Accordion.UnanimatedPanel = AccordionUnanimatedPanel;
|
89
113
|
Accordion.UnanimatedPanel.displayName = 'Accordion.UnanimatedPanel';
|
90
|
-
//# sourceMappingURL=data:application/json;base64,
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9BY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFxQixVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3BDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVsRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFNdEQsTUFBTSxnQkFBZ0IsR0FBRyxhQUFhLENBQThELElBQUksQ0FBQyxDQUFDO0FBQzFHLE1BQU0sWUFBWSxHQUFHLGFBQWEsQ0FBZ0IsSUFBSSxDQUFDLENBQUM7QUFFeEQsTUFBTSxtQkFBbUIsR0FBRyxHQUFHLEVBQUU7SUFDL0IsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDN0MsSUFBSSxPQUFPLEtBQUssSUFBSSxFQUFFO1FBQ3BCLE1BQU0sSUFBSSxLQUFLLENBQUMsZ0RBQWdELENBQUMsQ0FBQztLQUNuRTtJQUNELE9BQU8sT0FBTyxDQUFDO0FBQ2pCLENBQUMsQ0FBQztBQUVG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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { useId } from 'react-aria';
|
2
|
+
import { useId } from '@react-aria/utils';
|
3
3
|
import omit from 'lodash/omit';
|
4
4
|
import { Button } from '../../../src/molecules/Button/Button';
|
5
5
|
import { Alert as AlertBase } from '../../../src/atoms/Alert/Alert';
|
@@ -16,4 +16,4 @@ export const Alert = ({ description, type, title, onDismiss, children, action })
|
|
16
16
|
isLink(action) && (React.createElement(Button.ExternalLink, Object.assign({ dense: true, kind: "ghost" }, omit(action, 'text')), action.text)))),
|
17
17
|
onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
|
18
18
|
};
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFckQsT0FBTyxFQUFFLEtBQUssSUFBSSxTQUFTLEVBQWtCLE1BQU0sdUJBQXVCLENBQUM7QUFFM0UsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBMEJ4QyxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlCLENBQUMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUU7SUFDdkcsTUFBTSxhQUFhLEdBQUcsS0FBSyxFQUFFLENBQUM7SUFDOUIsTUFBTSxPQUFPLEdBQUcsS0FBSyxFQUFFLENBQUM7SUFDeEIsT0FBTyxDQUNMLG9CQUFDLFNBQVMsSUFDUixTQUFTLEVBQUMsZ0JBQWdCLEVBQzFCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsc0JBQ0gsYUFBYSxxQkFDZCxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUztRQUU1QyxvQkFBQyxTQUFTLENBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBSTtRQUNwRCxLQUFLLElBQUksb0JBQUMsU0FBUyxDQUFDLEtBQUssSUFBQyxFQUFFLEVBQUUsT0FBTyxJQUFHLEtBQUssQ0FBbUI7UUFDakUsb0JBQUMsU0FBUyxDQUFDLFdBQVcsSUFBQyxFQUFFLEVBQUUsYUFBYSxJQUFHLFFBQVEsSUFBSSxXQUFXLENBQXlCO1FBQzFGLE1BQU0sSUFBSSxDQUNULG9CQUFDLFNBQVMsQ0FBQyxPQUFPO1lBQ2YsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDbEIsb0JBQUMsTUFBTSxDQUFDLEtBQUssa0JBQUMsS0FBSyxVQUFLLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEdBQ3pDLE1BQU0sQ0FBQyxJQUFJLENBQ0MsQ0FDaEI7WUFDQSxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDakIsb0JBQUMsTUFBTSxDQUFDLFlBQVksa0JBQUMsS0FBSyxRQUFDLElBQUksRUFBQyxPQUFPLElBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDN0QsTUFBTSxDQUFDLElBQUksQ0FDUSxDQUN2QixDQUNpQixDQUNyQjtRQUNBLFNBQVMsSUFBSSxvQkFBQyxTQUFTLENBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxTQUFTLEdBQUksQ0FDN0MsQ0FDYixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -21,40 +21,13 @@ declare type Props = {
|
|
21
21
|
colGap?: keyof (typeof twTheme)['gap'];
|
22
22
|
rowGap?: keyof (typeof twTheme)['gap'];
|
23
23
|
};
|
24
|
-
export declare type BoxProps<C extends React.ElementType> = ElementProps<C> & Props & TailwindifyProps<Props>;
|
24
|
+
export declare type BoxProps<C extends React.ElementType = 'div'> = ElementProps<C> & Props & TailwindifyProps<Props>;
|
25
25
|
export declare const Box: {
|
26
|
-
<C extends React.ElementType<any
|
27
|
-
Flex:
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
paddingX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
32
|
-
paddingY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
33
|
-
paddingTop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
34
|
-
paddingRight?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
35
|
-
paddingBottom?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
36
|
-
paddingLeft?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
37
|
-
margin?: "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "-1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-l1" | "-l2" | "-l3" | "-l4" | "-l5" | "-l6" | "-l7" | undefined;
|
38
|
-
marginX?: "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "-1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-l1" | "-l2" | "-l3" | "-l4" | "-l5" | "-l6" | "-l7" | undefined;
|
39
|
-
marginY?: "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "-1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-l1" | "-l2" | "-l3" | "-l4" | "-l5" | "-l6" | "-l7" | undefined;
|
40
|
-
marginTop?: "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "-1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-l1" | "-l2" | "-l3" | "-l4" | "-l5" | "-l6" | "-l7" | undefined;
|
41
|
-
marginRight?: "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "-1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-l1" | "-l2" | "-l3" | "-l4" | "-l5" | "-l6" | "-l7" | undefined;
|
42
|
-
marginBottom?: "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "-1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-l1" | "-l2" | "-l3" | "-l4" | "-l5" | "-l6" | "-l7" | undefined;
|
43
|
-
marginLeft?: "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "-1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-l1" | "-l2" | "-l3" | "-l4" | "-l5" | "-l6" | "-l7" | undefined;
|
44
|
-
space?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
45
|
-
spaceX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
46
|
-
spaceY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
47
|
-
backgroundColor?: "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "black" | "transparent" | "white" | "current" | undefined;
|
48
|
-
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "fit" | undefined;
|
49
|
-
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "fit" | undefined;
|
50
|
-
maxWidth?: "none" | "max" | "min" | "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "fit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "prose" | "screen-default" | "screen-xs" | "screen-sm" | "screen-md" | "screen-lg" | "screen-xl" | undefined;
|
51
|
-
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "fit" | undefined;
|
52
|
-
minWidth?: "max" | "min" | "0" | "full" | "fit" | undefined;
|
53
|
-
minHeight?: "screen" | "max" | "min" | "0" | "full" | "fit" | undefined;
|
54
|
-
}> & {
|
55
|
-
className?: string | undefined;
|
56
|
-
style?: React.CSSProperties | undefined;
|
57
|
-
}>;
|
26
|
+
<C extends React.ElementType<any> = "div">({ style, color, borderColor, borderRadius, borderWidth, justifyContent, alignContent, alignItems, alignSelf, flexDirection, flexWrap, flex, grow, shrink, display, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, backgroundColor, width, height, maxWidth, maxHeight, minWidth, minHeight, gap, colGap, rowGap, ...rest }: BoxProps<C>): JSX.Element;
|
27
|
+
Flex: {
|
28
|
+
<C_1 extends React.ElementType<any> = "div">(props: BoxProps<C_1>): React.JSX.Element;
|
29
|
+
displayName: string;
|
30
|
+
};
|
58
31
|
};
|
59
32
|
export declare const BorderBox: React.ComponentType<Omit<Pick<any, string | number | symbol>, "component"> & {
|
60
33
|
component?: React.ElementType<any> | undefined;
|
@@ -77,10 +50,10 @@ export declare const BorderBox: React.ComponentType<Omit<Pick<any, string | numb
|
|
77
50
|
spaceX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
78
51
|
spaceY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
79
52
|
backgroundColor?: "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "black" | "transparent" | "white" | "current" | undefined;
|
80
|
-
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "
|
81
|
-
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "
|
53
|
+
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full" | "fit" | undefined;
|
54
|
+
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "full" | "fit" | undefined;
|
82
55
|
maxWidth?: "none" | "max" | "min" | "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "fit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "prose" | "screen-default" | "screen-xs" | "screen-sm" | "screen-md" | "screen-lg" | "screen-xl" | undefined;
|
83
|
-
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "
|
56
|
+
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "full" | "fit" | undefined;
|
84
57
|
minWidth?: "max" | "min" | "0" | "full" | "fit" | undefined;
|
85
58
|
minHeight?: "screen" | "max" | "min" | "0" | "full" | "fit" | undefined;
|
86
59
|
}> & {
|
@@ -55,6 +55,8 @@ export const Box = (_a) => {
|
|
55
55
|
});
|
56
56
|
return React.createElement(Element, Object.assign({ style: Object.assign(Object.assign({}, styles), style) }, rest));
|
57
57
|
};
|
58
|
-
|
58
|
+
const FlexBox = (props) => React.createElement(Box, Object.assign({ display: "flex" }, props));
|
59
|
+
FlexBox.displayName = 'Box.Flex';
|
60
|
+
Box.Flex = FlexBox;
|
59
61
|
export const BorderBox = createSimpleComponent(Box, { className: 'rounded border', borderColor: 'grey-10' }, 'BorderBox');
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Cb3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLE9BQU8sTUFBTSxxQkFBcUIsQ0FBQztBQUUxQyxPQUFPLEVBQUUsT0FBTyxFQUFxQixNQUFNLCtCQUErQixDQUFDO0FBRzNFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXdCOUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQXNDLEVBeUMzQyxFQUFlLEVBQUU7UUF6QzBCLEVBQ3ZELEtBQUssRUFDTCxLQUFLLEVBQ0wsV0FBVyxFQUNYLFlBQVksRUFDWixXQUFXLEVBQ1gsY0FBYyxFQUNkLFlBQVksRUFDWixVQUFVLEVBQ1YsU0FBUyxFQUNULGFBQWEsRUFDYixRQUFRLEVBQ1IsSUFBSSxFQUNKLElBQUksRUFDSixNQUFNLEVBQ04sT0FBTyxFQUNQLE9BQU8sRUFDUCxRQUFRLEVBQ1IsUUFBUSxFQUNSLFVBQVUsRUFDVixZQUFZLEVBQ1osYUFBYSxFQUNiLFdBQVcsRUFDWCxNQUFNLEVBQ04sT0FBTyxFQUNQLE9BQU8sRUFDUCxTQUFTLEVBQ1QsV0FBVyxFQUNYLFlBQVksRUFDWixVQUFVLEVBQ1YsZUFBZSxFQUNmLEtBQUssRUFDTCxNQUFNLEVBQ04sUUFBUSxFQUNSLFNBQVMsRUFDVCxRQUFRLEVBQ1IsU0FBUyxFQUNULEdBQUcsRUFDSCxNQUFNLEVBQ04sTUFBTSxPQUVNLEVBRFQsSUFBSSxjQXhDZ0QsNmVBeUN4RCxDQURRO0lBRVAsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO1FBQ3RCLE9BQU87UUFDUCxPQUFPO1FBQ1AsS0FBSztRQUNMLFdBQVcsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7UUFDcEUsWUFBWTtRQUNaLFdBQVc7UUFDWCxjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixTQUFTO1FBQ1QsYUFBYTtRQUNiLFFBQVE7UUFDUixVQUFVLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDekQsWUFBWSxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRO1FBQzdELGFBQWEsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUMvRCxXQUFXLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDM0QsTUFBTTtRQUNOLFNBQVMsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUNyRCxXQUFXLEVBQUUsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU87UUFDekQsWUFBWSxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxPQUFPO1FBQzNELFVBQVUsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUN2RCxlQUFlO1FBQ2YsS0FBSztRQUNMLE1BQU07UUFDTixRQUFRO1FBQ1IsU0FBUztRQUNULFFBQVE7UUFDUixTQUFTO1FBQ1QsUUFBUSxFQUFFLElBQUk7UUFDZCxVQUFVLEVBQUUsTUFBTTtRQUNsQixJQUFJO1FBQ0osR0FBRztRQUNILFNBQVMsRUFBRSxNQUFNO1FBQ2pCLE1BQU07S0FDUCxDQUFDLENBQUM7SUFFSCxPQUFPLG9CQUFDLE9BQU8sa0JBQUMsS0FBSyxrQ0FBTyxNQUFNLEdBQUssS0FBSyxLQUFTLElBQXdCLEVBQUksQ0FBQztBQUNwRixDQUFDLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBRyxDQUFzQyxLQUFrQixFQUFFLEVBQUUsQ0FBQyxvQkFBQyxHQUFHLGtCQUFDLE9BQU8sRUFBQyxNQUFNLElBQUssS0FBSyxFQUFJLENBQUM7QUFDL0csT0FBTyxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUM7QUFDakMsR0FBRyxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7QUFFbkIsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLHFCQUFxQixDQUM1QyxHQUFHLEVBQ0gsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxFQUN2RCxXQUFXLENBQ1osQ0FBQyJ9
|
@@ -1,11 +1,12 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { Card as CardBase } from '../../../src/atoms/Card/Card';
|
2
3
|
import { type Lines } from '../../../src/atoms/LineClamp/LineClamp';
|
3
4
|
import { type Either } from '../../../types/utils';
|
4
5
|
import { CompactCard } from './Compact';
|
5
6
|
import { type ActionableCard, type ClickableCard, type IconCard, type ImageCard } from './types';
|
6
7
|
export declare type CardProps = Either<ClickableCard, ActionableCard> & Either<ImageCard, IconCard> & {
|
7
|
-
/** Short and concise card title. */
|
8
|
-
title: string;
|
8
|
+
/** Short and concise card title as a string. If a custom title is needed, check out the custom title story in our storybook. */
|
9
|
+
title: React.ReactElement<React.ComponentProps<typeof CardBase.Title>> | string;
|
9
10
|
/** When provided, title will be clamped if needed. */
|
10
11
|
clampTitle?: Lines;
|
11
12
|
/**
|
@@ -25,6 +26,7 @@ export declare type CardProps = Either<ClickableCard, ActionableCard> & Either<I
|
|
25
26
|
declare type ComposedCardProps = {
|
26
27
|
Skeleton: typeof CardSkeleton;
|
27
28
|
Compact: typeof CompactCard;
|
29
|
+
Title: typeof CardBase.Title;
|
28
30
|
};
|
29
31
|
export declare const Card: ComposedCardProps & React.FC<CardProps>;
|
30
32
|
declare type CardSkeletonProps = Either<{
|
@@ -1,18 +1,15 @@
|
|
1
1
|
import React, { useRef } from 'react';
|
2
2
|
import { useButton } from '@react-aria/button';
|
3
|
-
import omit from 'lodash/omit';
|
4
3
|
import { AvatarStack } from '../../../src/molecules/Avatar/Avatar';
|
5
|
-
import { Button } from '../../../src/molecules/Button/Button';
|
6
4
|
import { Chip, ChipContainer } from '../../../src/molecules/Chip/Chip';
|
7
5
|
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
8
6
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
9
|
-
import { Card as CardBase } from '../../../src/atoms/Card/Card';
|
10
|
-
import {
|
7
|
+
import { Card as CardBase, getTitleContent } from '../../../src/atoms/Card/Card';
|
8
|
+
import { renderAction } from '../../../src/utils/actions';
|
11
9
|
import { CompactCard } from './Compact';
|
12
|
-
export const Card = ({ title, clampTitle, description, chips = [], icons = [], image, imageAlt, imageHeight, color, action, link, onClick, disabled, fullWidth, children, }) => {
|
10
|
+
export const Card = ({ title, clampTitle, description, chips = [], icons = [], image, imageAlt, imageHeight, color, action, link, primaryAction = action, secondaryAction = link, onClick, disabled, fullWidth, children, }) => {
|
13
11
|
const ref = useRef(null);
|
14
12
|
const { buttonProps } = useButton({ elementType: 'div', onPress: onClick, isDisabled: disabled }, ref);
|
15
|
-
const titleContent = React.createElement(Typography.DefaultStrong, { color: "black" }, title);
|
16
13
|
return (React.createElement(CardBase, Object.assign({ ref: ref, className: "Aquarium-Card", clickable: Boolean(onClick), fullWidth: fullWidth,
|
17
14
|
/*
|
18
15
|
* If any of the "additional features" in <Card> are used, we want to enable
|
@@ -25,12 +22,14 @@ export const Card = ({ title, clampTitle, description, chips = [], icons = [], i
|
|
25
22
|
image !== undefined &&
|
26
23
|
(imageHeight ? (React.createElement(CardImage, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardImage, { image: image, imageAlt: imageAlt, fullSize: chips.length === 0 }))),
|
27
24
|
React.createElement(CardBase.Content, null,
|
28
|
-
|
25
|
+
getTitleContent({ title, clampTitle }),
|
29
26
|
React.createElement(Typography.Caption, { color: "grey-70" }, children || description)),
|
30
|
-
(
|
31
|
-
|
32
|
-
|
27
|
+
(primaryAction || secondaryAction) && (React.createElement(CardBase.Actions, null,
|
28
|
+
primaryAction && renderAction({ kind: 'secondary', dense: true, action: primaryAction }),
|
29
|
+
secondaryAction && renderAction({ kind: 'ghost', dense: true, action: secondaryAction })))));
|
33
30
|
};
|
31
|
+
Card.Title = CardBase.Title;
|
32
|
+
Card.Title.displayName = 'Card.Title';
|
34
33
|
const CardSkeleton = ({ chips = true, icons = false, image = !icons, actions = true, fullWidth = false, imageHeight, }) => (React.createElement(CardBase, { fullWidth: fullWidth },
|
35
34
|
chips && (React.createElement(ChipContainer, { dense: true }, Array.from({ length: 5 }).map((_, idx) => (React.createElement(Chip.Skeleton, { key: idx }))))),
|
36
35
|
icons && React.createElement(AvatarStack, { images: [null] }),
|
@@ -47,4 +46,4 @@ Card.Compact = CompactCard;
|
|
47
46
|
const CardImage = ({ image, imageAlt, imageHeight, fullSize = false }) => (React.createElement(CardBase.ImageContainer, { fullSize: fullSize }, image ? (imageHeight ? (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, fullSize: fullSize }))) : (React.createElement(CardImage.Skeleton, { fullSize: fullSize, imageHeight: imageHeight }))));
|
48
47
|
const CardImageSkeleton = ({ imageHeight, fullSize }) => imageHeight ? (React.createElement(Skeleton, { height: imageHeight, width: "100%" })) : (React.createElement(Skeleton, { height: fullSize ? 225 : 174, width: "100%" }));
|
49
48
|
CardImage.Skeleton = CardImageSkeleton;
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzFELE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsSUFBSSxJQUFJLFFBQVEsRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUd4RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFHakQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQWtDeEMsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUE0QyxDQUFDLEVBQzVELEtBQUssRUFDTCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssR0FBRyxFQUFFLEVBQ1YsS0FBSyxHQUFHLEVBQUUsRUFDVixLQUFLLEVBQ0wsUUFBUSxFQUNSLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxFQUNOLElBQUksRUFDSixhQUFhLEdBQUcsTUFBTSxFQUN0QixlQUFlLEdBQUcsSUFBSSxFQUN0QixPQUFPLEVBQ1AsUUFBUSxFQUNSLFNBQVMsRUFDVCxRQUFRLEdBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN6QyxNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsU0FBUyxDQUFDLEVB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
|