@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.
- package/dist/_variables.scss +5 -1
- package/dist/atoms.cjs +36 -6
- package/dist/atoms.mjs +36 -6
- package/dist/charts.cjs +75 -50
- package/dist/charts.mjs +60 -37
- package/dist/src/atoms/Card/Card.d.ts +4 -0
- package/dist/src/atoms/Card/Card.js +9 -4
- package/dist/src/atoms/DataList/DataList.d.ts +2 -0
- package/dist/src/atoms/DataList/DataList.js +8 -9
- package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +4 -3
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +3 -3
- package/dist/src/charts/Label/Label.d.ts +7 -0
- package/dist/src/charts/Label/Label.js +10 -0
- package/dist/src/charts/index.d.ts +1 -0
- package/dist/src/charts/index.js +2 -1
- package/dist/src/molecules/Box/Box.d.ts +4 -1
- package/dist/src/molecules/Box/Box.js +3 -2
- package/dist/src/molecules/Card/Card.d.ts +2 -0
- package/dist/src/molecules/Card/Card.js +37 -6
- package/dist/src/molecules/Card/Compact.js +34 -6
- package/dist/src/molecules/Card/Group.d.ts +29 -0
- package/dist/src/molecules/Card/Group.js +12 -0
- package/dist/src/molecules/Card/types.d.ts +28 -1
- package/dist/src/molecules/Carousel/Carousel.js +2 -2
- package/dist/src/molecules/DataList/DataList.d.ts +15 -10
- package/dist/src/molecules/DataList/DataList.js +45 -101
- package/dist/src/molecules/DataList/DataListComponents.d.ts +27 -0
- package/dist/src/molecules/DataList/DataListComponents.js +73 -0
- package/dist/src/molecules/DataList/DataListGroup.d.ts +9 -0
- package/dist/src/molecules/DataList/DataListGroup.js +74 -0
- package/dist/src/molecules/DataTable/DataTable.d.ts +5 -4
- package/dist/src/molecules/DataTable/DataTable.js +7 -7
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +10 -2
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +5 -5
- package/dist/src/molecules/List/List.d.ts +29 -8
- package/dist/src/molecules/List/List.js +36 -5
- package/dist/src/molecules/List/useStaticInfiniteList.d.ts +23 -0
- package/dist/src/molecules/List/useStaticInfiniteList.js +24 -0
- package/dist/src/molecules/Section/Section.js +7 -4
- package/dist/src/molecules/Template/Template.d.ts +3 -9
- package/dist/src/molecules/Template/Template.js +28 -10
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/src/utils/mocks/mockIntersectionObserver.js +2 -1
- package/dist/src/utils/setupTests.js +4 -1
- package/dist/src/utils/table/types.d.ts +12 -8
- package/dist/src/utils/table/types.js +28 -6
- package/dist/src/utils/useInView.d.ts +17 -0
- package/dist/src/utils/useInView.js +35 -0
- package/dist/styles.css +79 -22
- package/dist/system.cjs +2231 -1770
- package/dist/system.mjs +2046 -1587
- package/dist/tailwind.config.js +5 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/dist/types/utils.d.ts +3 -0
- 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/
|
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 =
|
2102
|
-
return /* @__PURE__ */
|
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
|
2138
|
+
import React8 from "react";
|
2118
2139
|
import { Line as _Line, LineChart as _LineChart } from "recharts";
|
2119
2140
|
var renderChildren2 = (props) => {
|
2120
|
-
return
|
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__ */
|
2160
|
+
return /* @__PURE__ */ React8.createElement(ResponsiveContainer, {
|
2140
2161
|
width: props.width,
|
2141
2162
|
height: props.height
|
2142
|
-
}, /* @__PURE__ */
|
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__ */
|
2173
|
+
}, /* @__PURE__ */ React8.createElement(CartesianGrid, null), renderChildren2(props)));
|
2153
2174
|
};
|
2154
2175
|
var Line = Object.assign(
|
2155
|
-
(props) => /* @__PURE__ */
|
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
|
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
|
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__ */
|
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__ */
|
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
|
2230
|
+
import React11 from "react";
|
2210
2231
|
import { Legend as Legend2 } from "recharts";
|
2211
2232
|
|
2212
2233
|
// src/charts/PieChart/TooltipContentWrapper.tsx
|
2213
|
-
import
|
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 (
|
2230
|
-
return
|
2250
|
+
if (React10.isValidElement(content)) {
|
2251
|
+
return React10.cloneElement(content, propsWithPayload);
|
2231
2252
|
}
|
2232
2253
|
if (isFunction(content)) {
|
2233
|
-
return
|
2254
|
+
return React10.createElement(content, propsWithPayload);
|
2234
2255
|
}
|
2235
|
-
return /* @__PURE__ */
|
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
|
2263
|
+
return React11.Children.map(children, (child) => {
|
2243
2264
|
switch (getDisplayName(child.type)) {
|
2244
2265
|
case Tooltip.displayName: {
|
2245
|
-
return
|
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
|
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] =
|
2263
|
-
const [containerHeight, setContainerHeight] =
|
2264
|
-
const [activeIndex, setActiveIndex] =
|
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__ */
|
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__ */
|
2317
|
+
return /* @__PURE__ */ React12.createElement(ResponsiveContainer, {
|
2297
2318
|
onResize,
|
2298
2319
|
width: props.width,
|
2299
2320
|
height: props.height
|
2300
|
-
}, /* @__PURE__ */
|
2321
|
+
}, /* @__PURE__ */ React12.createElement(_PieChart, null, chartValue && /* @__PURE__ */ React12.createElement(Customized, {
|
2301
2322
|
component: renderChartValue
|
2302
|
-
}), pie && /* @__PURE__ */
|
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__ */
|
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
|
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__ */
|
2345
|
+
return /* @__PURE__ */ React13.createElement(ResponsiveContainer, {
|
2325
2346
|
width: props.width,
|
2326
2347
|
height: props.height
|
2327
|
-
}, /* @__PURE__ */
|
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__ */
|
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
|
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__ */
|
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__ */
|
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,
|
20
|
-
|
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
|
-
'
|
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,
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLCtCQUErQixDQUFDO0FBRXRFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE4QnBELE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNsQyxDQUNFLEVBV0MsRUFDRCxHQUFHLEVBQ0gsRUFBRTtRQWJGLEVBQ0UsUUFBUSxFQUNSLFNBQVMsRUFBRSxVQUFVLEVBQ3JCLFNBQVMsRUFDVCxjQUFjLEdBQUcsSUFBSSxFQUNyQixPQUFPLEdBQUcsS0FBSyxFQUNmLFNBQVMsRUFDVCxRQUFRLEVBQ1IsSUFBSSxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ3hDLFFBQVEsT0FFVCxFQURJLElBQUksY0FWVCxnSEFXQyxDQURRO0lBSVQsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzRCxNQUFNLFNBQVMsR0FBRyxJQUFJLEtBQUssVUFBVSxJQUFJLElBQUksS0FBSyxPQUFPLENBQUM7SUFDMUQsT0FBTyxDQUNMLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFFLElBQUksa0JBQ0ksU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFD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
|
@@ -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: "
|
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-
|
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
|
-
|
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
|
-
'[
|
41
|
-
'
|
42
|
-
})
|
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,
|
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
|
-
|
5
|
-
|
6
|
-
|
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 = '
|
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,
|
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';
|
package/dist/src/charts/index.js
CHANGED
@@ -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,
|
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,
|
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>>;
|