@aivenio/aquarium 1.52.2 → 1.54.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 (57) hide show
  1. package/dist/_variables.scss +5 -1
  2. package/dist/atoms.cjs +36 -6
  3. package/dist/atoms.mjs +36 -6
  4. package/dist/charts.cjs +75 -50
  5. package/dist/charts.mjs +60 -37
  6. package/dist/src/atoms/Card/Card.d.ts +4 -0
  7. package/dist/src/atoms/Card/Card.js +9 -4
  8. package/dist/src/atoms/DataList/DataList.d.ts +2 -0
  9. package/dist/src/atoms/DataList/DataList.js +8 -9
  10. package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +4 -3
  11. package/dist/src/atoms/DropdownMenu/DropdownMenu.js +3 -3
  12. package/dist/src/charts/Label/Label.d.ts +7 -0
  13. package/dist/src/charts/Label/Label.js +10 -0
  14. package/dist/src/charts/index.d.ts +1 -0
  15. package/dist/src/charts/index.js +2 -1
  16. package/dist/src/molecules/Box/Box.d.ts +4 -1
  17. package/dist/src/molecules/Box/Box.js +3 -2
  18. package/dist/src/molecules/Card/Card.d.ts +2 -0
  19. package/dist/src/molecules/Card/Card.js +37 -6
  20. package/dist/src/molecules/Card/Compact.js +34 -6
  21. package/dist/src/molecules/Card/Group.d.ts +29 -0
  22. package/dist/src/molecules/Card/Group.js +12 -0
  23. package/dist/src/molecules/Card/types.d.ts +28 -1
  24. package/dist/src/molecules/Carousel/Carousel.js +2 -2
  25. package/dist/src/molecules/DataList/DataList.d.ts +15 -10
  26. package/dist/src/molecules/DataList/DataList.js +45 -101
  27. package/dist/src/molecules/DataList/DataListComponents.d.ts +27 -0
  28. package/dist/src/molecules/DataList/DataListComponents.js +73 -0
  29. package/dist/src/molecules/DataList/DataListGroup.d.ts +9 -0
  30. package/dist/src/molecules/DataList/DataListGroup.js +74 -0
  31. package/dist/src/molecules/DataTable/DataTable.d.ts +5 -4
  32. package/dist/src/molecules/DataTable/DataTable.js +7 -7
  33. package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +10 -2
  34. package/dist/src/molecules/DropdownMenu/DropdownMenu.js +5 -5
  35. package/dist/src/molecules/List/List.d.ts +29 -8
  36. package/dist/src/molecules/List/List.js +36 -5
  37. package/dist/src/molecules/List/useStaticInfiniteList.d.ts +23 -0
  38. package/dist/src/molecules/List/useStaticInfiniteList.js +24 -0
  39. package/dist/src/molecules/Section/Section.js +7 -4
  40. package/dist/src/molecules/Template/Template.d.ts +3 -9
  41. package/dist/src/molecules/Template/Template.js +28 -10
  42. package/dist/src/molecules/index.d.ts +1 -0
  43. package/dist/src/molecules/index.js +2 -1
  44. package/dist/src/utils/mocks/mockIntersectionObserver.js +2 -1
  45. package/dist/src/utils/setupTests.js +4 -1
  46. package/dist/src/utils/table/types.d.ts +12 -8
  47. package/dist/src/utils/table/types.js +28 -6
  48. package/dist/src/utils/useInView.d.ts +17 -0
  49. package/dist/src/utils/useInView.js +35 -0
  50. package/dist/styles.css +79 -22
  51. package/dist/system.cjs +2231 -1770
  52. package/dist/system.mjs +2046 -1587
  53. package/dist/tailwind.config.js +5 -1
  54. package/dist/tsconfig.module.tsbuildinfo +1 -1
  55. package/dist/types/tailwindGenerated.d.ts +1 -1
  56. package/dist/types/utils.d.ts +3 -0
  57. package/package.json +2 -1
package/dist/charts.mjs CHANGED
@@ -2095,11 +2095,32 @@ BarChart.Tooltip = Tooltip;
2095
2095
  import { Cell } from "recharts";
2096
2096
  import {} from "recharts";
2097
2097
 
2098
- // src/charts/Legend/Legend.tsx
2098
+ // src/charts/Label/Label.tsx
2099
2099
  import React6 from "react";
2100
+ import { Label as _Label, LabelList as _LabelList } from "recharts";
2101
+ var XLabel = Object.assign((props) => /* @__PURE__ */ React6.createElement(_Label, __spreadValues({
2102
+ position: "insideBottom",
2103
+ offset: -3
2104
+ }, props)), _Label);
2105
+ var YLabel = Object.assign(
2106
+ (props) => /* @__PURE__ */ React6.createElement(_Label, __spreadValues({
2107
+ position: "insideLeft",
2108
+ angle: -90,
2109
+ offset: 10
2110
+ }, props)),
2111
+ _Label
2112
+ );
2113
+ var Label = {
2114
+ XLabel,
2115
+ YLabel
2116
+ };
2117
+ var LabelList = _LabelList;
2118
+
2119
+ // src/charts/Legend/Legend.tsx
2120
+ import React7 from "react";
2100
2121
  import { Legend as _Legend } from "recharts";
2101
- var Legend = React6.forwardRef((props, _ref) => {
2102
- return /* @__PURE__ */ React6.createElement(_Legend, __spreadProps(__spreadValues({}, props), {
2122
+ var Legend = React7.forwardRef((props, _ref) => {
2123
+ return /* @__PURE__ */ React7.createElement(_Legend, __spreadProps(__spreadValues({}, props), {
2103
2124
  margin: __spreadProps(__spreadValues({}, props.margin), { top: 0 })
2104
2125
  }));
2105
2126
  });
@@ -2114,10 +2135,10 @@ Legend.defaultProps = {
2114
2135
  };
2115
2136
 
2116
2137
  // src/charts/LineChart/LineChart.tsx
2117
- import React7 from "react";
2138
+ import React8 from "react";
2118
2139
  import { Line as _Line, LineChart as _LineChart } from "recharts";
2119
2140
  var renderChildren2 = (props) => {
2120
- return React7.Children.map(props.children, (child) => {
2141
+ return React8.Children.map(props.children, (child) => {
2121
2142
  switch (getDisplayName(child.type)) {
2122
2143
  case Axis.XAxis.displayName: {
2123
2144
  return renderXAxis(child, props);
@@ -2136,10 +2157,10 @@ var renderChildren2 = (props) => {
2136
2157
  };
2137
2158
  var LineChart = (props) => {
2138
2159
  const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
2139
- return /* @__PURE__ */ React7.createElement(ResponsiveContainer, {
2160
+ return /* @__PURE__ */ React8.createElement(ResponsiveContainer, {
2140
2161
  width: props.width,
2141
2162
  height: props.height
2142
- }, /* @__PURE__ */ React7.createElement(_LineChart, {
2163
+ }, /* @__PURE__ */ React8.createElement(_LineChart, {
2143
2164
  data: props.data,
2144
2165
  style: { stroke: "#fff", strokeWidth: 1 },
2145
2166
  margin: {
@@ -2149,10 +2170,10 @@ var LineChart = (props) => {
2149
2170
  bottom: 5
2150
2171
  },
2151
2172
  accessibilityLayer: tooltip !== void 0
2152
- }, /* @__PURE__ */ React7.createElement(CartesianGrid, null), renderChildren2(props)));
2173
+ }, /* @__PURE__ */ React8.createElement(CartesianGrid, null), renderChildren2(props)));
2153
2174
  };
2154
2175
  var Line = Object.assign(
2155
- (props) => /* @__PURE__ */ React7.createElement(_Line, __spreadProps(__spreadValues({
2176
+ (props) => /* @__PURE__ */ React8.createElement(_Line, __spreadProps(__spreadValues({
2156
2177
  type: "monotone"
2157
2178
  }, props), {
2158
2179
  strokeWidth: 2,
@@ -2164,12 +2185,12 @@ var Line = Object.assign(
2164
2185
  LineChart.Line = Line;
2165
2186
 
2166
2187
  // src/charts/PieChart/DoughnutChart.tsx
2167
- import React11 from "react";
2188
+ import React12 from "react";
2168
2189
  import isNil from "lodash/isNil";
2169
2190
  import { Cell as Cell2, Customized, Pie as _Pie, PieChart as _PieChart } from "recharts";
2170
2191
 
2171
2192
  // src/charts/PieChart/ChartValue.tsx
2172
- import React8 from "react";
2193
+ import React9 from "react";
2173
2194
 
2174
2195
  // src/utils/tailwind.ts
2175
2196
  import originalClassNames from "classnames";
@@ -2196,21 +2217,21 @@ function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, class
2196
2217
  // src/charts/PieChart/ChartValue.tsx
2197
2218
  var ChartValue = (props) => {
2198
2219
  const { value, unit: unit2, caption } = props;
2199
- return /* @__PURE__ */ React8.createElement("p", {
2220
+ return /* @__PURE__ */ React9.createElement("p", {
2200
2221
  className: tw(
2201
2222
  "typography-large-heading text-grey-90 text-center leading-tight absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
2202
2223
  )
2203
- }, value, unit2, caption && /* @__PURE__ */ React8.createElement("span", {
2224
+ }, value, unit2, caption && /* @__PURE__ */ React9.createElement("span", {
2204
2225
  className: tw("block", "typography-small text-grey-60")
2205
2226
  }, caption));
2206
2227
  };
2207
2228
 
2208
2229
  // src/charts/PieChart/renderPieChildren.tsx
2209
- import React10 from "react";
2230
+ import React11 from "react";
2210
2231
  import { Legend as Legend2 } from "recharts";
2211
2232
 
2212
2233
  // src/charts/PieChart/TooltipContentWrapper.tsx
2213
- import React9 from "react";
2234
+ import React10 from "react";
2214
2235
  import isFunction from "lodash/isFunction";
2215
2236
  var TooltipContentWrapper = (_a) => {
2216
2237
  var _b = _a, {
@@ -2226,28 +2247,28 @@ var TooltipContentWrapper = (_a) => {
2226
2247
  });
2227
2248
  });
2228
2249
  const propsWithPayload = __spreadProps(__spreadValues({}, props), { payload });
2229
- if (React9.isValidElement(content)) {
2230
- return React9.cloneElement(content, propsWithPayload);
2250
+ if (React10.isValidElement(content)) {
2251
+ return React10.cloneElement(content, propsWithPayload);
2231
2252
  }
2232
2253
  if (isFunction(content)) {
2233
- return React9.createElement(content, propsWithPayload);
2254
+ return React10.createElement(content, propsWithPayload);
2234
2255
  }
2235
- return /* @__PURE__ */ React9.createElement(Tooltip.DefaultContent, __spreadProps(__spreadValues({}, props), {
2256
+ return /* @__PURE__ */ React10.createElement(Tooltip.DefaultContent, __spreadProps(__spreadValues({}, props), {
2236
2257
  payload
2237
2258
  }));
2238
2259
  };
2239
2260
 
2240
2261
  // src/charts/PieChart/renderPieChildren.tsx
2241
2262
  var renderPieChildren = (children) => {
2242
- return React10.Children.map(children, (child) => {
2263
+ return React11.Children.map(children, (child) => {
2243
2264
  switch (getDisplayName(child.type)) {
2244
2265
  case Tooltip.displayName: {
2245
- return React10.cloneElement(child, { content: /* @__PURE__ */ React10.createElement(TooltipContentWrapper, {
2266
+ return React11.cloneElement(child, { content: /* @__PURE__ */ React11.createElement(TooltipContentWrapper, {
2246
2267
  content: child.props.content
2247
2268
  }) });
2248
2269
  }
2249
2270
  case Legend2.displayName: {
2250
- return React10.cloneElement(child, { verticalAlign: "top", align: "center" });
2271
+ return React11.cloneElement(child, { verticalAlign: "top", align: "center" });
2251
2272
  }
2252
2273
  default: {
2253
2274
  return child;
@@ -2259,9 +2280,9 @@ var renderPieChildren = (children) => {
2259
2280
  // src/charts/PieChart/DoughnutChart.tsx
2260
2281
  var refSize = 300;
2261
2282
  var DoughnutChart = (props) => {
2262
- const [containerWidth, setContainerWidth] = React11.useState(0);
2263
- const [containerHeight, setContainerHeight] = React11.useState(0);
2264
- const [activeIndex, setActiveIndex] = React11.useState(null);
2283
+ const [containerWidth, setContainerWidth] = React12.useState(0);
2284
+ const [containerHeight, setContainerHeight] = React12.useState(0);
2285
+ const [activeIndex, setActiveIndex] = React12.useState(null);
2265
2286
  const [chartValue, _children] = extractChildByDisplayName(props.children, ChartValue.displayName);
2266
2287
  const [pie, children] = extractChildByDisplayName(_children, DoughnutChart.Doughnut.displayName);
2267
2288
  const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
@@ -2284,7 +2305,7 @@ var DoughnutChart = (props) => {
2284
2305
  const yMargin = (containerHeight - refSize * scale) / 2;
2285
2306
  const x = cx - refSize / 2 * scale;
2286
2307
  const y = (yOffset + yMargin) / scale;
2287
- return /* @__PURE__ */ React11.createElement("foreignObject", {
2308
+ return /* @__PURE__ */ React12.createElement("foreignObject", {
2288
2309
  width: refSize,
2289
2310
  height: refSize,
2290
2311
  x,
@@ -2293,13 +2314,13 @@ var DoughnutChart = (props) => {
2293
2314
  }, chartValue);
2294
2315
  };
2295
2316
  const highlightActive = activeIndex !== null && tooltip;
2296
- return /* @__PURE__ */ React11.createElement(ResponsiveContainer, {
2317
+ return /* @__PURE__ */ React12.createElement(ResponsiveContainer, {
2297
2318
  onResize,
2298
2319
  width: props.width,
2299
2320
  height: props.height
2300
- }, /* @__PURE__ */ React11.createElement(_PieChart, null, chartValue && /* @__PURE__ */ React11.createElement(Customized, {
2321
+ }, /* @__PURE__ */ React12.createElement(_PieChart, null, chartValue && /* @__PURE__ */ React12.createElement(Customized, {
2301
2322
  component: renderChartValue
2302
- }), pie && /* @__PURE__ */ React11.createElement(_Pie, __spreadProps(__spreadValues({}, pie.props), {
2323
+ }), pie && /* @__PURE__ */ React12.createElement(_Pie, __spreadProps(__spreadValues({}, pie.props), {
2303
2324
  onMouseEnter: (_, index) => setActiveIndex(index),
2304
2325
  onMouseLeave: () => setActiveIndex(null),
2305
2326
  activeIndex,
@@ -2307,7 +2328,7 @@ var DoughnutChart = (props) => {
2307
2328
  activeShape: { className: highlightActive ? "active" : void 0 }
2308
2329
  })), renderPieChildren(children)));
2309
2330
  };
2310
- var Doughnut = Object.assign((props) => /* @__PURE__ */ React11.createElement(_Pie, __spreadValues({}, props)), _Pie);
2331
+ var Doughnut = Object.assign((props) => /* @__PURE__ */ React12.createElement(_Pie, __spreadValues({}, props)), _Pie);
2311
2332
  Doughnut.defaultProps = Object.assign({}, _Pie.defaultProps, {
2312
2333
  isAnimationActive: false,
2313
2334
  innerRadius: "60%",
@@ -2318,18 +2339,18 @@ DoughnutChart.ChartValue = ChartValue;
2318
2339
  DoughnutChart.Cell = Cell2;
2319
2340
 
2320
2341
  // src/charts/PieChart/PieChart.tsx
2321
- import React12 from "react";
2342
+ import React13 from "react";
2322
2343
  import { Cell as Cell3, Pie as _Pie2, PieChart as _PieChart2 } from "recharts";
2323
2344
  var PieChart = (props) => {
2324
- return /* @__PURE__ */ React12.createElement(ResponsiveContainer, {
2345
+ return /* @__PURE__ */ React13.createElement(ResponsiveContainer, {
2325
2346
  width: props.width,
2326
2347
  height: props.height
2327
- }, /* @__PURE__ */ React12.createElement(_PieChart2, {
2348
+ }, /* @__PURE__ */ React13.createElement(_PieChart2, {
2328
2349
  width: 500,
2329
2350
  height: 500
2330
2351
  }, renderPieChildren(props.children)));
2331
2352
  };
2332
- var Pie = Object.assign((props) => /* @__PURE__ */ React12.createElement(_Pie2, __spreadValues({}, props)), _Pie2);
2353
+ var Pie = Object.assign((props) => /* @__PURE__ */ React13.createElement(_Pie2, __spreadValues({}, props)), _Pie2);
2333
2354
  Pie.defaultProps = Object.assign({}, _Pie2.defaultProps, {
2334
2355
  isAnimationActive: false,
2335
2356
  innerRadius: 0,
@@ -2339,20 +2360,20 @@ PieChart.Pie = Pie;
2339
2360
  PieChart.Cell = Cell3;
2340
2361
 
2341
2362
  // src/charts/Reference/Reference.tsx
2342
- import React13 from "react";
2363
+ import React14 from "react";
2343
2364
  import {
2344
2365
  ReferenceArea as _ReferenceArea,
2345
2366
  ReferenceLine as _ReferenceLine
2346
2367
  } from "recharts";
2347
2368
  var ReferenceLine = Object.assign(
2348
- (props) => /* @__PURE__ */ React13.createElement(_ReferenceLine, __spreadProps(__spreadValues({}, props), {
2369
+ (props) => /* @__PURE__ */ React14.createElement(_ReferenceLine, __spreadProps(__spreadValues({}, props), {
2349
2370
  strokeDasharray: "9 3",
2350
2371
  strokeWidth: 2
2351
2372
  })),
2352
2373
  _ReferenceLine
2353
2374
  );
2354
2375
  var ReferenceArea = Object.assign(
2355
- (props) => /* @__PURE__ */ React13.createElement(_ReferenceArea, __spreadProps(__spreadValues({}, props), {
2376
+ (props) => /* @__PURE__ */ React14.createElement(_ReferenceArea, __spreadProps(__spreadValues({}, props), {
2356
2377
  strokeWidth: 0,
2357
2378
  fillOpacity: 0.1
2358
2379
  })),
@@ -2372,6 +2393,8 @@ export {
2372
2393
  Cell,
2373
2394
  Doughnut,
2374
2395
  DoughnutChart,
2396
+ Label,
2397
+ LabelList,
2375
2398
  Legend,
2376
2399
  Line,
2377
2400
  LineChart,
@@ -17,7 +17,11 @@ declare type CardProps = {
17
17
  fullWidth?: boolean;
18
18
  enableMinWidth?: boolean;
19
19
  disabled?: boolean;
20
+ /** @deprecated Use `role="button"` prop instead. */
20
21
  clickable?: boolean;
22
+ role?: 'button' | 'checkbox' | 'radio';
23
+ modality?: 'keyboard' | 'pointer';
24
+ checked?: boolean;
21
25
  };
22
26
  declare type CardComponent = ComposedCardProps & React.ForwardRefExoticComponent<CardProps & DivProps & React.RefAttributes<HTMLDivElement>>;
23
27
  export declare const Card: CardComponent;
@@ -16,12 +16,17 @@ import { Typography } from '../../../src/molecules/Typography/Typography';
16
16
  import { LineClamp } from '../../../src/atoms/LineClamp/LineClamp';
17
17
  import { classNames, tw } from '../../../src/utils/tailwind';
18
18
  export const Card = React.forwardRef((_a, ref) => {
19
- var { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _a, rest = __rest(_a, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
20
- return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: classNames(tw('border-grey-5 border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5', {
19
+ var { disabled, clickable: _clickable, fullWidth, enableMinWidth = true, checked = false, className, children, role = _clickable ? 'button' : undefined, modality } = _a, rest = __rest(_a, ["disabled", "clickable", "fullWidth", "enableMinWidth", "checked", "className", "children", "role", "modality"]);
20
+ const clickable = Boolean(role !== undefined && !disabled);
21
+ const checkable = role === 'checkbox' || role === 'radio';
22
+ return (React.createElement("div", Object.assign({ ref: ref, role: role, "aria-checked": checkable ? checked : undefined }, rest, { className: classNames(tw('border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5 bg-white outline-none shadow-card-default', {
21
23
  'w-[280px]': !fullWidth,
22
24
  'w-full': Boolean(fullWidth),
25
+ 'border-grey-5': !checked,
26
+ 'border-primary-80 shadow-card-checked': checked,
23
27
  'min-w-[280px]': Boolean(fullWidth) && Boolean(enableMinWidth),
24
- 'active:bg-grey-5 cursor-pointer hover:border-grey-50 focusable': Boolean(clickable && !disabled),
28
+ 'cursor-pointer hover:bg-primary-5 hover:shadow-card-hover active:bg-white active:shadow-card-active': clickable,
29
+ 'focusable': clickable && modality === 'keyboard',
25
30
  'bg-grey-0 cursor-not-allowed focus:border-transparent': Boolean(disabled),
26
31
  }), className) }), children));
27
32
  });
@@ -68,4 +73,4 @@ export const getTitleContent = ({ title, clampTitle, dense = false, }) => {
68
73
  }
69
74
  return titleContent;
70
75
  };
71
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLCtCQUErQixDQUFDO0FBRXRFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUEwQnBELE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNsQyxDQUFDLEVBQXVGLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBaEcsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLGNBQWMsR0FBRyxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXJGLGlGQUF1RixDQUFGO0lBQVksT0FBQSxDQUNoRywyQ0FDRSxHQUFHLEVBQUUsR0FBRyxJQUNKLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkVBQTJFLEVBQUU7WUFDOUUsV0FBVyxFQUFFLENBQUMsU0FBUztZQUN2QixRQUFRLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQztZQUM1QixlQUFlLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxjQUFjLENBQUM7WUFDOUQsZ0VBQWdFLEVBQUUsT0FBTyxDQUFDLFNBQVMsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUNqRyx1REFBdUQsRUFBRSxPQUFPLENBQUMsUUFBUSxDQUFDO1NBQzNFLENBQUMsRUFDRixTQUFTLENB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
76
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLCtCQUErQixDQUFDO0FBRXRFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE4QnBELE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNsQyxDQUNFLEVBV0MsRUFDRCxHQUFHLEVBQ0gsRUFBRTtRQWJGLEVBQ0UsUUFBUSxFQUNSLFNBQVMsRUFBRSxVQUFVLEVBQ3JCLFNBQVMsRUFDVCxjQUFjLEdBQUcsSUFBSSxFQUNyQixPQUFPLEdBQUcsS0FBSyxFQUNmLFNBQVMsRUFDVCxRQUFRLEVBQ1IsSUFBSSxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ3hDLFFBQVEsT0FFVCxFQURJLElBQUksY0FWVCxnSEFXQyxDQURRO0lBSVQsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzRCxNQUFNLFNBQVMsR0FBRyxJQUFJLEtBQUssVUFBVSxJQUFJLElBQUksS0FBSyxPQUFPLENBQUM7SUFDMUQsT0FBTyxDQUNMLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFFLElBQUksa0JBQ0ksU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFDekMsSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyx1R0FBdUcsRUFBRTtZQUMxRyxXQUFXLEVBQUUsQ0FBQyxTQUFTO1lBQ3ZCLFFBQVEsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDO1lBQzVCLGVBQWUsRUFBRSxDQUFDLE9BQU87WUFDekIsdUNBQXVDLEVBQUUsT0FBTztZQUNoRCxlQUFlLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxjQUFjLENBQUM7WUFDOUQscUdBQXFHLEVBQ25HLFNBQVM7WUFDWCxXQUFXLEVBQUUsU0FBUyxJQUFJLFFBQVEsS0FBSyxVQUFVO1lBQ2pELHVEQUF1RCxFQUFFLE9BQU8sQ0FBQyxRQUFRLENBQUM7U0FDM0UsQ0FBQyxFQUNGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUM7QUFDSixDQUFDLENBQ2UsQ0FBQztBQUVuQixNQUFNLGNBQWMsR0FBdUQsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxLQUFLLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUEzQixzQkFBNkIsQ0FBRjtJQUFPLE9BQUEsQ0FDNUcsb0JBQUMsR0FBRyxvQkFDRSxJQUFJLElBQ1IsZUFBZSxFQUFFLEtBQUssRUFDdEIsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsMENBQTBDLENBQUMsRUFBRSxTQUFTLENBQUMsSUFDaEYsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sY0FBYyxHQUErQyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN2Ryw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLE9BQU8sRUFBRTtZQUNWLE9BQU8sRUFBRSxPQUFPLENBQUMsUUFBUSxDQUFDO1NBQzNCLENBQUMsRUFDRixTQUFTLENBQ1YsSUFDRCxDQUNILENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQUcsOEJBQThCLENBQUM7QUFDL0MsTUFBTSxLQUFLLEdBV1AsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDMUQsNkJBQ0UsR0FBRyxFQUFFLEtBQUssRUFDVixHQUFHLEVBQUUsUUFBUSxFQUNiLFNBQVMsRUFBRSxFQUFFLENBQUMsT0FBTyxFQUFFO1FBQ3JCLFdBQVcsRUFBRSxDQUFDLFdBQVcsSUFBSSxDQUFDLFFBQVE7UUFDdEMsV0FBVyxFQUFFLENBQUMsV0FBVyxJQUFJLFFBQVE7S0FDdEMsQ0FBQyxFQUNGLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsV0FBVyxJQUFJLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUMzRSxDQUNILENBQUM7QUFFRixNQUFNLEtBQUssR0FBb0QsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQ3hFLG9CQUFDLEdBQUcsQ0FBQyxJQUFJLGtCQUFDLFNBQVMsRUFBQyxLQUFLLEVBQUMsVUFBVSxFQUFDLFFBQVEsRUFBQyxHQUFHLEVBQUMsR0FBRyxJQUFLLEtBQUssRUFBSSxDQUNwRSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQTZDLENBQUMsRUFBNkIsRUFBRSxFQUFFO1FBQWpDLEVBQUUsU0FBUyxFQUFFLEtBQUssT0FBVyxFQUFOLElBQUksY0FBM0Isc0JBQTZCLENBQUY7SUFBTyxPQUFBLENBQzNGLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxlQUFlLEVBQUUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQzlGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQTZDLENBQUMsRUFBNkIsRUFBRSxFQUFFO1FBQWpDLEVBQUUsU0FBUyxFQUFFLEtBQUssT0FBVyxFQUFOLElBQUksY0FBM0Isc0JBQTZCLENBQUY7SUFBTyxPQUFBLENBQzNGLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSxFQUFFLE9BQU8sRUFBRSxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDeEcsQ0FBQTtDQUFBLENBQUM7QUFFRixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztBQUNuQixJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztBQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztBQUN2QixJQUFJLENBQUMsY0FBYyxHQUFHLGNBQWMsQ0FBQztBQUNyQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztBQUNuQixJQUFJLENBQUMsYUFBYSxHQUFHLGNBQWMsQ0FBQztBQUVwQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsQ0FBa0IsRUFBMkIsRUFBRTtJQUMzRSxPQUFPLEtBQUssQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDO0FBQzFELENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLEVBQzlCLEtBQUssRUFDTCxVQUFVLEVBQ1YsS0FBSyxHQUFHLEtBQUssR0FLZCxFQUFFLEVBQUU7SUFDSCxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxDQUFDLG9CQUFvQixDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQzdELE1BQU0sSUFBSSxLQUFLLENBQ2Isa0hBQWtILENBQ25ILENBQUM7S0FDSDtJQUVELE1BQU0sWUFBWSxHQUFHLENBQ25CLG9CQUFDLFVBQVUsSUFBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixFQUFFLEtBQUssRUFBQyxPQUFPLElBQzFFLEtBQUssQ0FDSyxDQUNkLENBQUM7SUFFRixJQUFJLFVBQVUsRUFBRTtRQUNkLE9BQU8sQ0FDTCxvQkFBQyxTQUFTLElBQUMsS0FBSyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUMsV0FBVyxJQUNoRCxZQUFZLENBQ0gsQ0FDYixDQUFDO0tBQ0g7SUFFRCxPQUFPLFlBQVksQ0FBQztBQUN0QixDQUFDLENBQUMifQ==
@@ -19,7 +19,9 @@ declare const Cell: React.FC<DivProps & {
19
19
  stickyColumn?: StickyColumn;
20
20
  }>;
21
21
  declare const Row: React.FC<DivProps & {
22
+ header?: boolean;
22
23
  subgroup?: boolean;
24
+ active?: boolean;
23
25
  }>;
24
26
  declare const SubGroupSpacing: React.FC<DivProps & {
25
27
  divider?: boolean;
@@ -26,20 +26,19 @@ export const DataList = (_a) => {
26
26
  };
27
27
  const HeadCell = (_a) => {
28
28
  var { className, sticky, align, stickyColumn } = _a, rest = __rest(_a, ["className", "sticky", "align", "stickyColumn"]);
29
- return (React.createElement("div", Object.assign({ role: "cell" }, rest, { className: classNames(cellClassNames, getHeadCellClassNames(sticky, stickyColumn), getAlignClassNames(align), className) })));
29
+ return (React.createElement("div", Object.assign({ role: "columnheader" }, rest, { className: classNames(cellClassNames, getHeadCellClassNames(sticky, stickyColumn), getAlignClassNames(align), className) })));
30
30
  };
31
31
  const Cell = (_a) => {
32
32
  var { className, align, stickyColumn } = _a, rest = __rest(_a, ["className", "align", "stickyColumn"]);
33
- return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getBodyCellClassNames(false, stickyColumn), getAlignClassNames(align), tw('border-grey-10 group-hover:bg-grey-0 group-last-of-type:border-b-0'), className) })));
33
+ return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getBodyCellClassNames(false, stickyColumn), getAlignClassNames(align), tw('border-grey-10 group-last-of-type:border-b-0'), className) })));
34
34
  };
35
35
  const Row = (_a) => {
36
- var { className, disabled, subgroup } = _a, rest = __rest(_a, ["className", "disabled", "subgroup"]);
37
- const Component = subgroup ? 'span' : 'div';
38
- return (React.createElement(Component, Object.assign({}, rest, { inert: disabled ? '' : undefined }, { className: classNames(tw('contents'), className, {
36
+ var { className, disabled, header, subgroup, active } = _a, rest = __rest(_a, ["className", "disabled", "header", "subgroup", "active"]);
37
+ return (React.createElement("div", Object.assign({}, rest, { role: subgroup ? 'rowgroup' : 'row' }, { inert: disabled ? '' : undefined }, { className: classNames(tw('contents'), className, {
39
38
  'children:opacity-70': disabled,
40
- '[&>.group>*]:bg-grey-0 [&>.group>*:first-child]:border-b-0 [&:last-child>*:first-child]:border-t': subgroup,
41
- 'group': !subgroup,
42
- }), role: !subgroup ? 'row' : undefined })));
39
+ '[&>*]:bg-primary-5': active,
40
+ '[&>*]:hover:bg-grey-0': !disabled && !header,
41
+ }) })));
43
42
  };
44
43
  const SubGroupSpacing = (_a) => {
45
44
  var { className, divider } = _a, rest = __rest(_a, ["className", "divider"]);
@@ -66,4 +65,4 @@ DataList.SubGroupSpacing = SubGroupSpacing;
66
65
  DataList.SubGroupSpacing.displayName = 'DataList.SubGroupSpacing';
67
66
  DataList.Row = Row;
68
67
  DataList.Row.displayName = 'DataList.Row';
69
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsMkJBQTJCLEVBQzNCLHlCQUF5QixHQUMxQixNQUFNLHVCQUF1QixDQUFDO0FBRy9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFZNUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUMvQyxFQUFFLENBQUMsbUJBQW1CLEVBQUU7SUFDdEIsYUFBYSxFQUFFLEtBQUssS0FBSyxPQUFPO0lBQ2hDLGdCQUFnQixFQUFFLEtBQUssS0FBSyxRQUFRO0lBQ3BDLGVBQWUsRUFBRSxLQUFLLEtBQUssTUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTO0NBQ3pELENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksRUFBSSxDQUFBO0NBQUEsQ0FBQztBQUU3RixNQUFNLFFBQVEsR0FBOEYsQ0FBQyxFQU01RyxFQUFFLEVBQUU7UUFOd0csRUFDM0csU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsWUFBWSxPQUViLEVBREksSUFBSSxjQUxvRyxnREFNNUcsQ0FEUTtJQUNI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
68
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsMkJBQTJCLEVBQzNCLHlCQUF5QixHQUMxQixNQUFNLHVCQUF1QixDQUFDO0FBRy9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFZNUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUMvQyxFQUFFLENBQUMsbUJBQW1CLEVBQUU7SUFDdEIsYUFBYSxFQUFFLEtBQUssS0FBSyxPQUFPO0lBQ2hDLGdCQUFnQixFQUFFLEtBQUssS0FBSyxRQUFRO0lBQ3BDLGVBQWUsRUFBRSxLQUFLLEtBQUssTUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTO0NBQ3pELENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksRUFBSSxDQUFBO0NBQUEsQ0FBQztBQUU3RixNQUFNLFFBQVEsR0FBOEYsQ0FBQyxFQU01RyxFQUFFLEVBQUU7UUFOd0csRUFDM0csU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsWUFBWSxPQUViLEVBREksSUFBSSxjQUxvRyxnREFNNUcsQ0FEUTtJQUNI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
@@ -1,9 +1,10 @@
1
1
  import React from 'react';
2
2
  declare type DivAttributes = React.HTMLAttributes<HTMLDivElement>;
3
3
  declare type DropdownMenuProps = DivAttributes & {
4
- maxHeight?: string;
5
- minWidth?: string;
6
- maxWidth?: string;
4
+ minHeight?: React.CSSProperties['minHeight'];
5
+ maxHeight?: React.CSSProperties['maxHeight'];
6
+ minWidth?: React.CSSProperties['minWidth'];
7
+ maxWidth?: React.CSSProperties['maxWidth'];
7
8
  };
8
9
  declare type DropdownMenuComponent = React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>> & {
9
10
  ContentContainer: typeof ContentContainer;
@@ -16,8 +16,8 @@ import { Typography } from '../../../src/molecules/Typography/Typography';
16
16
  import { classNames, tw } from '../../../src/utils/tailwind';
17
17
  import tick from '../../../src/icons/tick';
18
18
  export const DropdownMenu = React.forwardRef((_a, ref) => {
19
- var { maxHeight = '450px', minWidth = '125px', maxWidth, className, children } = _a, props = __rest(_a, ["maxHeight", "minWidth", "maxWidth", "className", "children"]);
20
- return (React.createElement("div", Object.assign({ ref: ref, style: { maxHeight, minWidth, maxWidth }, className: classNames(className, 'bg-white w-full flex flex-col overflow-x-hidden typography-small text-grey-70') }, props), children));
19
+ var { minHeight, maxHeight = '100%', minWidth = '125px', maxWidth, className, children } = _a, props = __rest(_a, ["minHeight", "maxHeight", "minWidth", "maxWidth", "className", "children"]);
20
+ return (React.createElement("div", Object.assign({ ref: ref, style: { minHeight, maxHeight, minWidth, maxWidth }, className: classNames(className, 'bg-white w-full flex flex-col overflow-x-hidden typography-small text-grey-70') }, props), children));
21
21
  });
22
22
  const ContentContainer = ({ children }) => (React.createElement("div", { className: tw('p-3 overflow-y-auto overflow-x-hidden') }, children));
23
23
  DropdownMenu.ContentContainer = ContentContainer;
@@ -62,4 +62,4 @@ const EmptyStateContainer = (_a) => {
62
62
  return (React.createElement("div", Object.assign({ className: classNames(tw('border border-dashed border-grey-10 p-3'), className) }, props), children));
63
63
  };
64
64
  DropdownMenu.EmptyStateContainer = EmptyStateContainer;
65
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUE2QixNQUFNLE9BQU8sQ0FBQztBQUVsRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBc0JsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBb0YsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RixFQUFFLFNBQVMsR0FBRyxPQUFPLEVBQUUsUUFBUSxHQUFHLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBbEYsOERBQW9GLENBQUY7SUFBWSxPQUFBLENBQzdGLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFDeEMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsK0VBQStFLENBQUMsSUFDN0csS0FBSyxHQUVSLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUN1QixDQUFDO0FBRTNCLE1BQU0sZ0JBQWdCLEdBQXNDLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDNUUsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyx1Q0FBdUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxD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
65
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUE2QixNQUFNLE9BQU8sQ0FBQztBQUVsRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBdUJsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBOEYsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUF2RyxFQUFFLFNBQVMsRUFBRSxTQUFTLEdBQUcsTUFBTSxFQUFFLFFBQVEsR0FBRyxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVksRUFBUCxLQUFLLGNBQTVGLDJFQUE4RixDQUFGO0lBQVksT0FBQSxDQUN2RywyQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxFQUNuRCxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSwrRUFBK0UsQ0FBQyxJQUM3RyxLQUFLLEdBRVIsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQ3VCLENBQUM7QUFFM0IsTUFBTSxnQkFBZ0IsR0FBc0MsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUM1RSw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLHVDQUF1QyxD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
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { Label as _Label, LabelList as _LabelList, type LabelProps } from 'recharts';
3
+ export declare const Label: {
4
+ XLabel: ((props: LabelProps) => React.JSX.Element) & typeof _Label;
5
+ YLabel: ((props: LabelProps) => React.JSX.Element) & typeof _Label;
6
+ };
7
+ export declare const LabelList: typeof _LabelList;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { Label as _Label, LabelList as _LabelList } from 'recharts';
3
+ const XLabel = Object.assign((props) => React.createElement(_Label, Object.assign({ position: "insideBottom", offset: -3 }, props)), _Label);
4
+ const YLabel = Object.assign((props) => React.createElement(_Label, Object.assign({ position: "insideLeft", angle: -90, offset: 10 }, props)), _Label);
5
+ export const Label = {
6
+ XLabel,
7
+ YLabel,
8
+ };
9
+ export const LabelList = _LabelList;
10
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL0xhYmVsL0xhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEtBQUssSUFBSSxNQUFNLEVBQUUsU0FBUyxJQUFJLFVBQVUsRUFBbUIsTUFBTSxVQUFVLENBQUM7QUFFckYsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUFDLG9CQUFDLE1BQU0sa0JBQUMsUUFBUSxFQUFDLGNBQWMsRUFBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLElBQU0sS0FBSyxFQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7QUFFdkgsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FDMUIsQ0FBQyxLQUFpQixFQUFFLEVBQUUsQ0FBQyxvQkFBQyxNQUFNLGtCQUFDLFFBQVEsRUFBQyxZQUFZLEVBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLElBQU0sS0FBSyxFQUFJLEVBQzFGLE1BQU0sQ0FDUCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHO0lBQ25CLE1BQU07SUFDTixNQUFNO0NBQ1AsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxVQUFVLENBQUMifQ==
@@ -4,6 +4,7 @@ export * from './BarChart/BarChart';
4
4
  export * from './Cell/Cell';
5
5
  export * from './Container/Container';
6
6
  export * from './Grid/Grid';
7
+ export * from './Label/Label';
7
8
  export * from './Legend/Legend';
8
9
  export * from './lib/timeIntervals';
9
10
  export * from './lib/utils';
@@ -4,6 +4,7 @@ export * from './BarChart/BarChart';
4
4
  export * from './Cell/Cell';
5
5
  export * from './Container/Container';
6
6
  export * from './Grid/Grid';
7
+ export * from './Label/Label';
7
8
  export * from './Legend/Legend';
8
9
  export * from './lib/timeIntervals';
9
10
  export * from './lib/utils';
@@ -12,4 +13,4 @@ export * from './PieChart/DoughnutChart';
12
13
  export * from './PieChart/PieChart';
13
14
  export * from './Reference/Reference';
14
15
  export * from './Tooltip/Tooltip';
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY2hhcnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUMifQ==
16
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY2hhcnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUMifQ==
@@ -9,6 +9,7 @@ declare type Props = {
9
9
  borderWidth?: React.CSSProperties['borderWidth'];
10
10
  borderColor?: keyof (typeof twTheme)['backgroundColor'];
11
11
  justifyContent?: React.CSSProperties['justifyContent'];
12
+ justifySelf?: React.CSSProperties['justifySelf'];
12
13
  alignContent?: React.CSSProperties['alignContent'];
13
14
  alignItems?: React.CSSProperties['alignItems'];
14
15
  alignSelf?: React.CSSProperties['alignSelf'];
@@ -20,10 +21,12 @@ declare type Props = {
20
21
  gap?: keyof (typeof twTheme)['gap'];
21
22
  colGap?: keyof (typeof twTheme)['gap'];
22
23
  rowGap?: keyof (typeof twTheme)['gap'];
24
+ className?: string;
25
+ role?: React.HTMLProps<HTMLDivElement>['role'];
23
26
  };
24
27
  export declare type BoxProps<C extends React.ElementType = 'div'> = ElementProps<C> & Props & TailwindifyProps<Props>;
25
28
  export declare const Box: {
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;
29
+ <C extends React.ElementType<any> = "div">({ style, color, borderColor, borderRadius, borderWidth, justifyContent, justifySelf, 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
30
  Flex: {
28
31
  <C_1 extends React.ElementType<any> = "div">(props: BoxProps<C_1>): React.JSX.Element;
29
32
  displayName: string;
@@ -16,7 +16,7 @@ import { Element } from '../../../src/molecules/Element/Element';
16
16
  import { createSimpleComponent } from '../../../src/utils/createComponent';
17
17
  import { useStyle } from '../../../src/utils/useStyle';
18
18
  export const Box = (_a) => {
19
- var { 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 } = _a, rest = __rest(_a, ["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"]);
19
+ var { style, color, borderColor, borderRadius, borderWidth, justifyContent, justifySelf, 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 } = _a, rest = __rest(_a, ["style", "color", "borderColor", "borderRadius", "borderWidth", "justifyContent", "justifySelf", "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"]);
20
20
  const styles = useStyle({
21
21
  padding,
22
22
  display,
@@ -25,6 +25,7 @@ export const Box = (_a) => {
25
25
  borderRadius,
26
26
  borderWidth,
27
27
  justifyContent,
28
+ justifySelf,
28
29
  alignContent,
29
30
  alignItems,
30
31
  alignSelf,
@@ -59,4 +60,4 @@ const FlexBox = (props) => React.createElement(Box, Object.assign({ display: "fl
59
60
  FlexBox.displayName = 'Box.Flex';
60
61
  Box.Flex = FlexBox;
61
62
  export const BorderBox = createSimpleComponent(Box, { className: 'rounded border', borderColor: 'grey-10' }, 'BorderBox');
62
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Cb3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLE9BQU8sTUFBTSxxQkFBcUIsQ0FBQztBQUUxQyxPQUFPLEVBQUUsT0FBTyxFQUFxQixNQUFNLCtCQUErQixDQUFDO0FBRzNFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXdCOUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQXNDLEVBeUMzQyxFQUFlLEVBQUU7UUF6QzBCLEVBQ3ZELEtBQUssRUFDTCxLQUFLLEVBQ0wsV0FBVyxFQUNYLFlBQVksRUFDWixXQUFXLEVBQ1gsY0FBYyxFQUNkLFlBQVksRUFDWixVQUFVLEVBQ1YsU0FBUyxFQUNULGFBQWEsRUFDYixRQUFRLEVBQ1IsSUFBSSxFQUNKLElBQUksRUFDSixNQUFNLEVBQ04sT0FBTyxFQUNQLE9BQU8sRUFDUCxRQUFRLEVBQ1IsUUFBUSxFQUNSLFVBQVUsRUFDVixZQUFZLEVBQ1osYUFBYSxFQUNiLFdBQVcsRUFDWCxNQUFNLEVBQ04sT0FBTyxFQUNQLE9BQU8sRUFDUCxTQUFTLEVBQ1QsV0FBVyxFQUNYLFlBQVksRUFDWixVQUFVLEVBQ1YsZUFBZSxFQUNmLEtBQUssRUFDTCxNQUFNLEVBQ04sUUFBUSxFQUNSLFNBQVMsRUFDVCxRQUFRLEVBQ1IsU0FBUyxFQUNULEdBQUcsRUFDSCxNQUFNLEVBQ04sTUFBTSxPQUVNLEVBRFQsSUFBSSxjQXhDZ0QsNmVBeUN4RCxDQURRO0lBRVAsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO1FBQ3RCLE9BQU87UUFDUCxPQUFPO1FBQ1AsS0FBSztRQUNMLFdBQVcsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7UUFDcEUsWUFBWTtRQUNaLFdBQVc7UUFDWCxjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixTQUFTO1FBQ1QsYUFBYTtRQUNiLFFBQVE7UUFDUixVQUFVLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDekQsWUFBWSxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRO1FBQzdELGFBQWEsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUMvRCxXQUFXLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDM0QsTUFBTTtRQUNOLFNBQVMsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUNyRCxXQUFXLEVBQUUsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU87UUFDekQsWUFBWSxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxPQUFPO1FBQzNELFVBQVUsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUN2RCxlQUFlO1FBQ2YsS0FBSztRQUNMLE1BQU07UUFDTixRQUFRO1FBQ1IsU0FBUztRQUNULFFBQVE7UUFDUixTQUFTO1FBQ1QsUUFBUSxFQUFFLElBQUk7UUFDZCxVQUFVLEVBQUUsTUFBTTtRQUNsQixJQUFJO1FBQ0osR0FBRztRQUNILFNBQVMsRUFBRSxNQUFNO1FBQ2pCLE1BQU07S0FDUCxDQUFDLENBQUM7SUFFSCxPQUFPLG9CQUFDLE9BQU8sa0JBQUMsS0FBSyxrQ0FBTyxNQUFNLEdBQUssS0FBSyxLQUFTLElBQXdCLEVBQUksQ0FBQztBQUNwRixDQUFDLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBRyxDQUFzQyxLQUFrQixFQUFFLEVBQUUsQ0FBQyxvQkFBQyxHQUFHLGtCQUFDLE9BQU8sRUFBQyxNQUFNLElBQUssS0FBSyxFQUFJLENBQUM7QUFDL0csT0FBTyxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUM7QUFDakMsR0FBRyxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7QUFFbkIsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLHFCQUFxQixDQUM1QyxHQUFHLEVBQ0gsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxFQUN2RCxXQUFXLENBQ1osQ0FBQyJ9
63
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Cb3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLE9BQU8sTUFBTSxxQkFBcUIsQ0FBQztBQUUxQyxPQUFPLEVBQUUsT0FBTyxFQUFxQixNQUFNLCtCQUErQixDQUFDO0FBRzNFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQTJCOUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQXNDLEVBMEMzQyxFQUFlLEVBQUU7UUExQzBCLEVBQ3ZELEtBQUssRUFDTCxLQUFLLEVBQ0wsV0FBVyxFQUNYLFlBQVksRUFDWixXQUFXLEVBQ1gsY0FBYyxFQUNkLFdBQVcsRUFDWCxZQUFZLEVBQ1osVUFBVSxFQUNWLFNBQVMsRUFDVCxhQUFhLEVBQ2IsUUFBUSxFQUNSLElBQUksRUFDSixJQUFJLEVBQ0osTUFBTSxFQUNOLE9BQU8sRUFDUCxPQUFPLEVBQ1AsUUFBUSxFQUNSLFFBQVEsRUFDUixVQUFVLEVBQ1YsWUFBWSxFQUNaLGFBQWEsRUFDYixXQUFXLEVBQ1gsTUFBTSxFQUNOLE9BQU8sRUFDUCxPQUFPLEVBQ1AsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osVUFBVSxFQUNWLGVBQWUsRUFDZixLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxFQUNSLFNBQVMsRUFDVCxHQUFHLEVBQ0gsTUFBTSxFQUNOLE1BQU0sT0FFTSxFQURULElBQUksY0F6Q2dELDRmQTBDeEQsQ0FEUTtJQUVQLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQztRQUN0QixPQUFPO1FBQ1AsT0FBTztRQUNQLEtBQUs7UUFDTCxXQUFXLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1FBQ3BFLFlBQVk7UUFDWixXQUFXO1FBQ1gsY0FBYztRQUNkLFdBQVc7UUFDWCxZQUFZO1FBQ1osVUFBVTtRQUNWLFNBQVM7UUFDVCxhQUFhO1FBQ2IsUUFBUTtRQUNSLFVBQVUsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUN6RCxZQUFZLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDN0QsYUFBYSxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxRQUFRO1FBQy9ELFdBQVcsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUMzRCxNQUFNO1FBQ04sU0FBUyxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPO1FBQ3JELFdBQVcsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUN6RCxZQUFZLEVBQUUsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLE9BQU87UUFDM0QsVUFBVSxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxPQUFPO1FBQ3ZELGVBQWU7UUFDZixLQUFLO1FBQ0wsTUFBTTtRQUNOLFFBQVE7UUFDUixTQUFTO1FBQ1QsUUFBUTtRQUNSLFNBQVM7UUFDVCxRQUFRLEVBQUUsSUFBSTtRQUNkLFVBQVUsRUFBRSxNQUFNO1FBQ2xCLElBQUk7UUFDSixHQUFHO1FBQ0gsU0FBUyxFQUFFLE1BQU07UUFDakIsTUFBTTtLQUNQLENBQUMsQ0FBQztJQUVILE9BQU8sb0JBQUMsT0FBTyxrQkFBQyxLQUFLLGtDQUFPLE1BQU0sR0FBSyxLQUFLLEtBQVMsSUFBd0IsRUFBSSxDQUFDO0FBQ3BGLENBQUMsQ0FBQztBQUVGLE1BQU0sT0FBTyxHQUFHLENBQXNDLEtBQWtCLEVBQUUsRUFBRSxDQUFDLG9CQUFDLEdBQUcsa0JBQUMsT0FBTyxFQUFDLE1BQU0sSUFBSyxLQUFLLEVBQUksQ0FBQztBQUMvRyxPQUFPLENBQUMsV0FBVyxHQUFHLFVBQVUsQ0FBQztBQUNqQyxHQUFHLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztBQUVuQixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcscUJBQXFCLENBQzVDLEdBQUcsRUFDSCxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEVBQ3ZELFdBQVcsQ0FDWixDQUFDIn0=
@@ -3,6 +3,7 @@ import { Card as CardBase } from '../../../src/atoms/Card/Card';
3
3
  import { type Lines } from '../../../src/atoms/LineClamp/LineClamp';
4
4
  import { type Either } from '../../../types/utils';
5
5
  import { CompactCard } from './Compact';
6
+ import { CardGroup } from './Group';
6
7
  import { type ActionableCard, type ClickableCard, type IconCard, type ImageCard } from './types';
7
8
  export declare type CardProps = Either<ClickableCard, ActionableCard> & Either<ImageCard, IconCard> & {
8
9
  /** Short and concise card title as a string. If a custom title is needed, check out the custom title story in our storybook. */
@@ -26,6 +27,7 @@ export declare type CardProps = Either<ClickableCard, ActionableCard> & Either<I
26
27
  declare type ComposedCardProps = {
27
28
  Skeleton: typeof CardSkeleton;
28
29
  Compact: typeof CompactCard;
30
+ Group: typeof CardGroup;
29
31
  Title: typeof CardBase.Title;
30
32
  };
31
33
  export declare const Card: ComposedCardProps & React.FC<React.PropsWithChildren<CardProps>>;