@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.
Files changed (98) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/atoms.cjs +537 -283
  3. package/dist/atoms.mjs +536 -283
  4. package/dist/charts.cjs +196 -11
  5. package/dist/charts.mjs +183 -4
  6. package/dist/src/atoms/Banner/Banner.d.ts +1 -1
  7. package/dist/src/atoms/Banner/Banner.js +1 -1
  8. package/dist/src/atoms/Card/Card.d.ts +9 -0
  9. package/dist/src/atoms/Card/Card.js +18 -1
  10. package/dist/src/charts/AreaChart/AreaChart.js +2 -2
  11. package/dist/src/charts/Cell/Cell.d.ts +2 -0
  12. package/dist/src/charts/Cell/Cell.js +2 -0
  13. package/dist/src/charts/PieChart/ChartValue.d.ts +8 -0
  14. package/dist/src/charts/PieChart/ChartValue.js +10 -0
  15. package/dist/src/charts/PieChart/DoughnutChart.d.ts +15 -0
  16. package/dist/src/charts/PieChart/DoughnutChart.js +31 -0
  17. package/dist/src/charts/PieChart/PieChart.d.ts +13 -0
  18. package/dist/src/charts/PieChart/PieChart.js +17 -0
  19. package/dist/src/charts/PieChart/TooltipContentWrapper.d.ts +9 -0
  20. package/dist/src/charts/PieChart/TooltipContentWrapper.js +31 -0
  21. package/dist/src/charts/PieChart/renderPieChildren.d.ts +2 -0
  22. package/dist/src/charts/PieChart/renderPieChildren.js +30 -0
  23. package/dist/src/charts/PieChart/renderScaledChartValue.d.ts +8 -0
  24. package/dist/src/charts/PieChart/renderScaledChartValue.js +15 -0
  25. package/dist/src/charts/index.d.ts +3 -0
  26. package/dist/src/charts/index.js +4 -1
  27. package/dist/src/charts/lib/utils.d.ts +5 -0
  28. package/dist/src/charts/lib/utils.js +7 -1
  29. package/dist/src/icons/appUsers.d.ts +9 -0
  30. package/dist/src/icons/appUsers.js +11 -0
  31. package/dist/src/icons/deliveryLocation.d.ts +9 -0
  32. package/dist/src/icons/deliveryLocation.js +11 -0
  33. package/dist/src/icons/gitDiff.d.ts +9 -0
  34. package/dist/src/icons/gitDiff.js +11 -0
  35. package/dist/src/icons/index.d.ts +11 -0
  36. package/dist/src/icons/index.js +12 -1
  37. package/dist/src/icons/managedUsers.d.ts +9 -0
  38. package/dist/src/icons/managedUsers.js +11 -0
  39. package/dist/src/icons/orgAdmin.d.ts +9 -0
  40. package/dist/src/icons/orgAdmin.js +11 -0
  41. package/dist/src/icons/orgUnit.d.ts +9 -0
  42. package/dist/src/icons/orgUnit.js +11 -0
  43. package/dist/src/icons/proPlans.d.ts +9 -0
  44. package/dist/src/icons/proPlans.js +11 -0
  45. package/dist/src/icons/queriesEditor.d.ts +9 -0
  46. package/dist/src/icons/queriesEditor.js +11 -0
  47. package/dist/src/icons/queriesStatistics.d.ts +9 -0
  48. package/dist/src/icons/queriesStatistics.js +11 -0
  49. package/dist/src/icons/save.d.ts +9 -0
  50. package/dist/src/icons/save.js +11 -0
  51. package/dist/src/icons/tools.d.ts +9 -0
  52. package/dist/src/icons/tools.js +11 -0
  53. package/dist/src/molecules/Accordion/Accordion.d.ts +23 -5
  54. package/dist/src/molecules/Accordion/Accordion.js +41 -17
  55. package/dist/src/molecules/Alert/Alert.js +2 -2
  56. package/dist/src/molecules/Box/Box.d.ts +9 -36
  57. package/dist/src/molecules/Box/Box.js +4 -2
  58. package/dist/src/molecules/Card/Card.d.ts +4 -2
  59. package/dist/src/molecules/Card/Card.js +10 -11
  60. package/dist/src/molecules/Card/Compact.d.ts +3 -2
  61. package/dist/src/molecules/Card/Compact.js +9 -12
  62. package/dist/src/molecules/Card/types.d.ts +12 -2
  63. package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +3 -3
  64. package/dist/src/molecules/Combobox/Combobox.js +7 -6
  65. package/dist/src/molecules/DataList/DataList.d.ts +11 -2
  66. package/dist/src/molecules/DataList/DataList.js +9 -9
  67. package/dist/src/molecules/DropdownMenu/DropdownMenu.js +3 -2
  68. package/dist/src/molecules/Element/Element.d.ts +1 -1
  69. package/dist/src/molecules/Element/Element.js +1 -1
  70. package/dist/src/molecules/EmptyState/EmptyState.js +4 -4
  71. package/dist/src/molecules/Grid/Grid.js +2 -1
  72. package/dist/src/molecules/Input/Input.js +8 -7
  73. package/dist/src/molecules/ListItem/ListItem.js +2 -2
  74. package/dist/src/molecules/MultiInput/MultiInput.js +7 -6
  75. package/dist/src/molecules/MultiSelect/MultiSelect.js +7 -6
  76. package/dist/src/molecules/NativeSelect/NativeSelect.js +8 -6
  77. package/dist/src/molecules/PageHeader/PageHeader.js +3 -3
  78. package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -1
  79. package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +3 -3
  80. package/dist/src/molecules/Section/Section.d.ts +10 -3
  81. package/dist/src/molecules/Section/Section.js +9 -7
  82. package/dist/src/molecules/Select/Select.js +7 -6
  83. package/dist/src/molecules/Skeleton/Skeleton.d.ts +1 -1
  84. package/dist/src/molecules/Skeleton/Skeleton.js +16 -4
  85. package/dist/src/molecules/Spacing/Spacing.d.ts +1 -1
  86. package/dist/src/molecules/Spacing/Spacing.js +1 -1
  87. package/dist/src/molecules/SwitchGroup/SwitchGroup.js +3 -3
  88. package/dist/src/molecules/Textarea/Textarea.js +8 -7
  89. package/dist/src/utils/Blueprint.js +3 -5
  90. package/dist/src/utils/actions.d.ts +8 -1
  91. package/dist/src/utils/actions.js +3 -3
  92. package/dist/src/utils/setupTests.js +7 -1
  93. package/dist/styles.css +17 -0
  94. package/dist/system.cjs +912 -646
  95. package/dist/system.mjs +898 -632
  96. package/dist/tsconfig.module.tsbuildinfo +1 -1
  97. package/dist/types/tailwindGenerated.d.ts +1 -1
  98. package/package.json +1 -1
@@ -0,0 +1,9 @@
1
+ export const __esModule: true;
2
+ export default data;
3
+ declare namespace data {
4
+ const body: string;
5
+ const left: number;
6
+ const top: number;
7
+ const width: number;
8
+ const height: number;
9
+ }
@@ -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,9 @@
1
+ export const __esModule: true;
2
+ export default data;
3
+ declare namespace data {
4
+ const body: string;
5
+ const left: number;
6
+ const top: number;
7
+ const width: number;
8
+ const height: number;
9
+ }
@@ -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,9 @@
1
+ export const __esModule: true;
2
+ export default data;
3
+ declare namespace data {
4
+ const body: string;
5
+ const left: number;
6
+ const top: number;
7
+ const width: number;
8
+ const height: number;
9
+ }
@@ -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,9 @@
1
+ export const __esModule: true;
2
+ export default data;
3
+ declare namespace data {
4
+ const body: string;
5
+ const left: number;
6
+ const top: number;
7
+ const width: number;
8
+ const height: number;
9
+ }
@@ -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,9 @@
1
+ export const __esModule: true;
2
+ export default data;
3
+ declare namespace data {
4
+ const body: string;
5
+ const left: number;
6
+ const top: number;
7
+ const width: number;
8
+ const height: number;
9
+ }
@@ -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,9 @@
1
+ export const __esModule: true;
2
+ export default data;
3
+ declare namespace data {
4
+ const body: string;
5
+ const left: number;
6
+ const top: number;
7
+ const width: number;
8
+ const height: number;
9
+ }
@@ -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,9 @@
1
+ export const __esModule: true;
2
+ export default data;
3
+ declare namespace data {
4
+ const body: string;
5
+ const left: number;
6
+ const top: number;
7
+ const width: number;
8
+ const height: number;
9
+ }
@@ -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
- export declare const Accordion: React.FC & {
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: 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: 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 const AccordionContainer: React.FC;
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
- export const Accordion = ({ children }) => {
29
- const [state, setState] = useState(undefined);
30
- return React.createElement(AccordionContext.Provider, { value: [state, setState] }, children);
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 === panelId;
36
- const handleClick = () => setOpenPanelId(isOpen ? undefined : panelId);
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 === panelId, "aria-controls": panelId, onClick: handleClick, style: { transform } }),
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 === panelId;
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: panelId, style: style }),
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 === panelId;
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
- return (React.createElement(Box.Flex, Object.assign({ justifyContent: "space-between", padding: "4" }, rest),
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
- return (React.createElement("div", Object.assign({}, rest),
76
- children,
77
- React.createElement(Divider, null)));
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9BY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFxQixVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXhELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDcEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRWxELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDakMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQU10RCxNQUFNLGdCQUFnQixHQUFHLGFBQWEsQ0FBOEQsSUFBSSxDQUFDLENBQUM7QUFFMUcsTUFBTSxtQkFBbUIsR0FBRyxHQUFHLEVBQUU7SUFDL0IsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDN0MsSUFBSSxPQUFPLEtBQUssSUFBSSxFQUFFO1FBQ3BCLE1BQU0sSUFBSSxLQUFLLENBQUMsZ0RBQWdELENBQUMsQ0FBQztLQUNuRTtJQUNELE9BQU8sT0FBTyxDQUFDO0FBQ2pCLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FNbEIsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDbkIsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQVEsU0FBUyxDQUFDLENBQUM7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
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFlBQVksQ0FBQztBQUNuQyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXJELE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFrQixNQUFNLHVCQUF1QixDQUFDO0FBRTNFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQTBCeEMsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5QixDQUFDLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFO0lBQ3ZHLE1BQU0sYUFBYSxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQzlCLE1BQU0sT0FBTyxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQ3hCLE9BQU8sQ0FDTCxvQkFBQyxTQUFTLElBQ1IsU0FBUyxFQUFDLGdCQUFnQixFQUMxQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDLHNCQUNILGFBQWEscUJBQ2QsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFFNUMsb0JBQUMsU0FBUyxDQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUk7UUFDcEQsS0FBSyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxLQUFLLElBQUMsRUFBRSxFQUFFLE9BQU8sSUFBRyxLQUFLLENBQW1CO1FBQ2pFLG9CQUFDLFNBQVMsQ0FBQyxXQUFXLElBQUMsRUFBRSxFQUFFLGFBQWEsSUFBRyxRQUFRLElBQUksV0FBVyxDQUF5QjtRQUMxRixNQUFNLElBQUksQ0FDVCxvQkFBQyxTQUFTLENBQUMsT0FBTztZQUNmLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQ2xCLG9CQUFDLE1BQU0sQ0FBQyxLQUFLLGtCQUFDLEtBQUssVUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN6QyxNQUFNLENBQUMsSUFBSSxDQUNDLENBQ2hCO1lBQ0EsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQ2pCLG9CQUFDLE1BQU0sQ0FBQyxZQUFZLGtCQUFDLEtBQUssUUFBQyxJQUFJLEVBQUMsT0FBTyxJQUFLLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEdBQzdELE1BQU0sQ0FBQyxJQUFJLENBQ1EsQ0FDdkIsQ0FDaUIsQ0FDckI7UUFDQSxTQUFTLElBQUksb0JBQUMsU0FBUyxDQUFDLE9BQU8sSUFBQyxPQUFPLEVBQUUsU0FBUyxHQUFJLENBQzdDLENBQ2IsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
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>>({ 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: React.ComponentType<Omit<Pick<any, string | number | symbol>, "component"> & {
28
- component?: React.ElementType<any> | undefined;
29
- } & Props & import("../../../types/tailwind").ObjectBreakpointable<{
30
- padding?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
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" | "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;
81
- 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;
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" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "fit" | undefined;
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
- Box.Flex = createSimpleComponent(Box, { display: 'flex' }, 'Box.Flex');
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Cb3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLE9BQU8sTUFBTSxxQkFBcUIsQ0FBQztBQUUxQyxPQUFPLEVBQUUsT0FBTyxFQUFxQixNQUFNLCtCQUErQixDQUFDO0FBRzNFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXdCOUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQThCLEVBeUNuQyxFQUFlLEVBQUU7UUF6Q2tCLEVBQy9DLEtBQUssRUFDTCxLQUFLLEVBQ0wsV0FBVyxFQUNYLFlBQVksRUFDWixXQUFXLEVBQ1gsY0FBYyxFQUNkLFlBQVksRUFDWixVQUFVLEVBQ1YsU0FBUyxFQUNULGFBQWEsRUFDYixRQUFRLEVBQ1IsSUFBSSxFQUNKLElBQUksRUFDSixNQUFNLEVBQ04sT0FBTyxFQUNQLE9BQU8sRUFDUCxRQUFRLEVBQ1IsUUFBUSxFQUNSLFVBQVUsRUFDVixZQUFZLEVBQ1osYUFBYSxFQUNiLFdBQVcsRUFDWCxNQUFNLEVBQ04sT0FBTyxFQUNQLE9BQU8sRUFDUCxTQUFTLEVBQ1QsV0FBVyxFQUNYLFlBQVksRUFDWixVQUFVLEVBQ1YsZUFBZSxFQUNmLEtBQUssRUFDTCxNQUFNLEVBQ04sUUFBUSxFQUNSLFNBQVMsRUFDVCxRQUFRLEVBQ1IsU0FBUyxFQUNULEdBQUcsRUFDSCxNQUFNLEVBQ04sTUFBTSxPQUVNLEVBRFQsSUFBSSxjQXhDd0MsNmVBeUNoRCxDQURRO0lBRVAsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO1FBQ3RCLE9BQU87UUFDUCxPQUFPO1FBQ1AsS0FBSztRQUNMLFdBQVcsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7UUFDcEUsWUFBWTtRQUNaLFdBQVc7UUFDWCxjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixTQUFTO1FBQ1QsYUFBYTtRQUNiLFFBQVE7UUFDUixVQUFVLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDekQsWUFBWSxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRO1FBQzdELGFBQWEsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUMvRCxXQUFXLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDM0QsTUFBTTtRQUNOLFNBQVMsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUNyRCxXQUFXLEVBQUUsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU87UUFDekQsWUFBWSxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxPQUFPO1FBQzNELFVBQVUsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUN2RCxlQUFlO1FBQ2YsS0FBSztRQUNMLE1BQU07UUFDTixRQUFRO1FBQ1IsU0FBUztRQUNULFFBQVE7UUFDUixTQUFTO1FBQ1QsUUFBUSxFQUFFLElBQUk7UUFDZCxVQUFVLEVBQUUsTUFBTTtRQUNsQixJQUFJO1FBQ0osR0FBRztRQUNILFNBQVMsRUFBRSxNQUFNO1FBQ2pCLE1BQU07S0FDUCxDQUFDLENBQUM7SUFFSCxPQUFPLG9CQUFDLE9BQU8sa0JBQUMsS0FBSyxrQ0FBTyxNQUFNLEdBQUssS0FBSyxLQUFRLElBQUksRUFBSSxDQUFDO0FBQy9ELENBQUMsQ0FBQztBQUVGLEdBQUcsQ0FBQyxJQUFJLEdBQUcscUJBQXFCLENBQUMsR0FBRyxFQUFFLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0FBRXZFLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxxQkFBcUIsQ0FDNUMsR0FBRyxFQUNILEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsRUFDdkQsV0FBVyxDQUNaLENBQUMifQ==
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 { LineClamp } from '../../../src/atoms/LineClamp/LineClamp';
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
- clampTitle ? (React.createElement(LineClamp, { lines: clampTitle, wordBreak: "break-all" }, titleContent)) : (titleContent),
25
+ getTitleContent({ title, clampTitle }),
29
26
  React.createElement(Typography.Caption, { color: "grey-70" }, children || description)),
30
- (action || link) && (React.createElement(CardBase.Actions, null,
31
- action && (React.createElement(Button.Secondary, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
32
- link && (React.createElement(Button.ExternalLink, Object.assign({ dense: true, kind: "ghost" }, omit(link, 'text')), link.text))))));
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDL0MsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLCtCQUErQixDQUFDO0FBSXRFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFpQ3hDLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBNEMsQ0FBQyxFQUM1RCxLQUFLLEVBQ0wsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEdBQUcsRUFBRSxFQUNWLEtBQUssR0FBRyxFQUFFLEVBQ1YsS0FBSyxFQUNMLFFBQVEsRUFDUixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDekMsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLFNBQVMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDdkcsTUFBTSxZQUFZLEdBQUcsb0JBQUMsVUFBVSxDQUFDLGFBQWEsSUFBQyxLQUFLLEVBQUMsT0FBTyxJQUFFLEtBQUssQ0FBNEIsQ0FBQztJQUVoRyxPQUFPLENBQ0wsb0JBQUMsUUFBUSxrQkFDUCxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBQyxlQUFlLEVBQ3pCLFNBQVMsRUFBRSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQzNCLFNBQVMsRUFBRSxTQUFTO1FBQ3BCOzs7V0FHRztRQUNILGNBQWMsRUFBRSxPQUFPLENBQUMsS0FBSyxJQUFJLE1BQU0sSUFBSSxJQUFJLElBQUksS0FBSyxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLElBQzVFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUNoQyxRQUFRLEVBQUUsUUFBUTtRQUVqQixLQUFLLElBQUksb0JBQUMsUUFBUSxDQUFDLGFBQWEsSUFBQyxLQUFLLEVBQUUsS0FBSyxHQUFJO1FBQ2pELEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ25CLG9CQUFDLGFBQWEsSUFBQyxLQUFLLFVBQ2pCLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ25CLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDaEMsQ0FBQyxDQUNZLENBQ2pCO1FBQ0EsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksb0JBQUMsV0FBVyxJQUFDLE1BQU0sRUFBRSxLQUFLLEdBQUk7UUFDbEQsS0FBSyxLQUFLLFNBQVM7WUFDbEIsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2Isb0JBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsV0FBVyxHQUFJLENBQzFFLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLEdBQUksQ0FDOUUsQ0FBQztRQUNKLG9CQUFDLFFBQVEsQ0FBQyxPQUFPO1lBQ2QsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUNaLG9CQUFDLFNBQVMsSUFBQyxLQUFLLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBQyxXQUFXLElBQ2hELFlBQVksQ0FDSCxDQUNiLENBQUMsQ0FBQyxDQUFDLENBQ0YsWUFBWSxDQUNiO1lBQ0Qsb0JBQUMsVUFBVSxDQUFDLE9BQU8sSUFBQyxLQUFLLEVBQUMsU0FBUyxJQUFFLFFBQVEsSUFBSSxXQUFXLENBQXNCLENBQ2pFO1FBQ2xCLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQ25CLG9CQUFDLFFBQVEsQ0FBQyxPQUFPO1lBQ2QsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsTUFBTSxDQUFDLFNBQVMsa0JBQUMsS0FBSyxVQUFLLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEdBQzdDLE1BQU0sQ0FBQyxJQUFJLENBQ0ssQ0FDcEI7WUFDQSxJQUFJLElBQUksQ0FDUCxvQkFBQyxNQUFNLENBQUMsWUFBWSxrQkFBQyxLQUFLLFFBQUMsSUFBSSxFQUFDLE9BQU8sSUFBSyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxHQUMzRCxJQUFJLENBQUMsSUFBSSxDQUNVLENBQ3ZCLENBQ2dCLENBQ3BCLENBQ1EsQ0FDWixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBUUYsTUFBTSxZQUFZLEdBQWdDLENBQUMsRUFDakQsS0FBSyxHQUFHLElBQUksRUFDWixLQUFLLEdBQUcsS0FBSyxFQUNiLEtBQUssR0FBRyxDQUFDLEtBQUssRUFDZCxPQUFPLEdBQUcsSUFBSSxFQUNkLFNBQVMsR0FBRyxLQUFLLEVBQ2pCLFdBQVcsR0FDWixFQUFFLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLFFBQVEsSUFBQyxTQUFTLEVBQUUsU0FBUztJQUMzQixLQUFLLElBQUksQ0FDUixvQkFBQyxhQUFhLElBQUMsS0FBSyxVQUNqQixLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDekMsb0JBQUMsSUFBSSxDQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQzVCLENBQUMsQ0FDWSxDQUNqQjtJQUNBLEtBQUssSUFBSSxvQkFBQyxXQUFXLElBQUMsTUFBTSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUk7SUFDeEMsS0FBSztRQUNKLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNiLG9CQUFDLFNBQVMsSUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxXQUFXLEdBQUksQ0FDckQsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxTQUFTLElBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsQ0FBQyxLQUFLLEdBQUksQ0FDN0MsQ0FBQztJQUNKLG9CQUFDLFFBQVEsQ0FBQyxPQUFPO1FBQ2Ysb0JBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLEVBQUUsR0FBSTtRQUNwQyxvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsRUFBRSxHQUFJLENBQ25CO0lBQ2xCLE9BQU8sSUFBSSxDQUNWLG9CQUFDLFFBQVEsQ0FBQyxPQUFPO1FBQ2Ysb0JBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLEVBQUUsR0FBSTtRQUNwQyxvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxHQUFJLENBQ2xCLENBQ3BCLENBQ1EsQ0FDWixDQUFDO0FBRUYsSUFBSSxDQUFDLFFBQVEsR0FBRyxZQUFZLENBQUM7QUFDN0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxXQUFXLENBQUM7QUFTM0IsTUFBTSxTQUFTLEdBRVgsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDMUQsb0JBQUMsUUFBUSxDQUFDLGNBQWMsSUFBQyxRQUFRLEVBQUUsUUFBUSxJQUN4QyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQ1AsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNaLG9CQUFDLFFBQVEsQ0FBQyxLQUFLLElBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxXQUFXLEdBQUksQ0FDL0UsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxRQUFRLENBQUMsS0FBSyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJLENBQ3pFLENBQ0YsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxTQUFTLENBQUMsUUFBUSxJQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLFdBQVcsR0FBSSxDQUNyRSxDQUN1QixDQUMzQixDQUFDO0FBTUYsTUFBTSxpQkFBaUIsR0FBcUMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQ3hGLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDWixvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxHQUFHLENBQy9DLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBQyxNQUFNLEdBQUcsQ0FDeEQsQ0FBQztBQUVKLFNBQVMsQ0FBQyxRQUFRLEdBQUcsaUJBQWlCLENBQUMifQ==
49
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzFELE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsSUFBSSxJQUFJLFFBQVEsRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUd4RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFHakQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQWtDeEMsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUE0QyxDQUFDLEVBQzVELEtBQUssRUFDTCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssR0FBRyxFQUFFLEVBQ1YsS0FBSyxHQUFHLEVBQUUsRUFDVixLQUFLLEVBQ0wsUUFBUSxFQUNSLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxFQUNOLElBQUksRUFDSixhQUFhLEdBQUcsTUFBTSxFQUN0QixlQUFlLEdBQUcsSUFBSSxFQUN0QixPQUFPLEVBQ1AsUUFBUSxFQUNSLFNBQVMsRUFDVCxRQUFRLEdBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN6QyxNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsU0FBUyxDQUFDLEVB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