@aivenio/aquarium 1.60.1 → 1.62.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 +4 -1
- package/dist/atoms.cjs +548 -292
- package/dist/atoms.mjs +547 -292
- package/dist/charts.cjs +56 -28
- package/dist/charts.mjs +52 -28
- package/dist/src/atoms/Alert/Alert.d.ts +5 -4
- package/dist/src/atoms/Alert/Alert.js +7 -1
- package/dist/src/atoms/Banner/Banner.js +2 -2
- package/dist/src/atoms/Card/Card.js +2 -2
- package/dist/src/atoms/Checkbox/Checkbox.js +6 -6
- package/dist/src/atoms/DataList/DataList.d.ts +14 -0
- package/dist/src/atoms/DataList/DataList.js +31 -3
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +1 -1
- package/dist/src/atoms/Navigation/Navigation.js +2 -2
- package/dist/src/atoms/Popover/Popover.js +1 -1
- package/dist/src/atoms/RadioButton/RadioButton.js +4 -4
- package/dist/src/atoms/Select/Select.js +6 -6
- package/dist/src/atoms/Stepper/Stepper.js +1 -1
- package/dist/src/atoms/Table/Table.js +2 -2
- package/dist/src/atoms/Typography/Typography.d.ts +1 -1
- package/dist/src/atoms/Typography/Typography.js +1 -1
- package/dist/src/atoms/index.d.ts +1 -0
- package/dist/src/atoms/index.js +2 -1
- package/dist/src/charts/AreaChart/AreaChart.js +5 -10
- package/dist/src/charts/BarChart/BarChart.js +3 -14
- package/dist/src/charts/Label/Label.js +4 -3
- package/dist/src/charts/LineChart/LineChart.js +5 -10
- package/dist/src/charts/lib/utils.d.ts +9 -0
- package/dist/src/charts/lib/utils.js +15 -1
- package/dist/src/icons/faceHappy.d.ts +9 -0
- package/dist/src/icons/faceHappy.js +11 -0
- package/dist/src/icons/faceSad.d.ts +9 -0
- package/dist/src/icons/faceSad.js +11 -0
- package/dist/src/icons/grid.d.ts +9 -0
- package/dist/src/icons/grid.js +11 -0
- package/dist/src/icons/index.d.ts +4 -0
- package/dist/src/icons/index.js +5 -1
- package/dist/src/icons/table.d.ts +9 -0
- package/dist/src/icons/table.js +11 -0
- package/dist/src/molecules/Alert/Alert.d.ts +4 -2
- package/dist/src/molecules/Alert/Alert.js +1 -1
- package/dist/src/molecules/Button/Button.d.ts +12 -0
- package/dist/src/molecules/Button/Button.js +9 -6
- package/dist/src/molecules/ChoiceChip/ChoiceChip.js +1 -1
- package/dist/src/molecules/Combobox/Combobox.d.ts +2 -1
- package/dist/src/molecules/Combobox/Combobox.js +6 -3
- package/dist/src/molecules/DataList/DataList.d.ts +39 -4
- package/dist/src/molecules/DataList/DataList.js +76 -27
- package/dist/src/molecules/DataList/DataListComponents.d.ts +2 -1
- package/dist/src/molecules/DataList/DataListComponents.js +5 -4
- package/dist/src/molecules/DataList/DataListContext.d.ts +8 -0
- package/dist/src/molecules/DataList/DataListContext.js +13 -0
- package/dist/src/molecules/DataList/DataListToolbar.d.ts +25 -0
- package/dist/src/molecules/DataList/DataListToolbar.js +32 -0
- package/dist/src/molecules/DataTable/DataTable.js +3 -2
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/molecules/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/src/molecules/MultiSelect/MultiSelect.js +1 -1
- package/dist/src/molecules/NativeSelect/NativeSelect.js +2 -2
- package/dist/src/molecules/PageHeader/PageHeader.js +3 -2
- package/dist/src/molecules/Section/Section.js +3 -2
- package/dist/src/molecules/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/src/molecules/Tabs/Tabs.js +5 -5
- package/dist/src/utils/constants.js +2 -2
- package/dist/src/utils/table/types.d.ts +2 -1
- package/dist/src/utils/table/types.js +1 -1
- package/dist/styles.css +40 -27
- package/dist/system.cjs +846 -595
- package/dist/system.mjs +761 -510
- package/dist/tailwind.config.js +5 -0
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ContextualMenu.d.ts +2 -0
- package/dist/types/ContextualMenu.js +2 -2
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
package/dist/charts.cjs
CHANGED
@@ -60,8 +60,12 @@ __export(charts_exports, {
|
|
60
60
|
Axis: () => Axis,
|
61
61
|
Bar: () => Bar,
|
62
62
|
BarChart: () => BarChart,
|
63
|
+
CHART_MARGIN_BOTTOM: () => CHART_MARGIN_BOTTOM,
|
64
|
+
CHART_XLABEL_DEFAULT_OFFSET: () => CHART_XLABEL_DEFAULT_OFFSET,
|
65
|
+
CHART_YLABEL_DEFAULT_OFFSET: () => CHART_YLABEL_DEFAULT_OFFSET,
|
63
66
|
CartesianGrid: () => CartesianGrid,
|
64
67
|
Cell: () => import_recharts7.Cell,
|
68
|
+
DEFAULT_MARGINS: () => DEFAULT_MARGINS,
|
65
69
|
Doughnut: () => Doughnut,
|
66
70
|
DoughnutChart: () => DoughnutChart,
|
67
71
|
Label: () => Label,
|
@@ -1977,6 +1981,15 @@ function time() {
|
|
1977
1981
|
// src/charts/lib/utils.ts
|
1978
1982
|
var import_isArray = __toESM(require("lodash/isArray"));
|
1979
1983
|
var import_isDate = __toESM(require("lodash/isDate"));
|
1984
|
+
var CHART_MARGIN_BOTTOM = 15;
|
1985
|
+
var CHART_YLABEL_DEFAULT_OFFSET = 10;
|
1986
|
+
var CHART_XLABEL_DEFAULT_OFFSET = CHART_YLABEL_DEFAULT_OFFSET * -1;
|
1987
|
+
var DEFAULT_MARGINS = {
|
1988
|
+
top: 20,
|
1989
|
+
right: 30,
|
1990
|
+
left: 20,
|
1991
|
+
bottom: CHART_MARGIN_BOTTOM
|
1992
|
+
};
|
1980
1993
|
var getDisplayName = (Comp) => {
|
1981
1994
|
if (typeof Comp === "string") {
|
1982
1995
|
return Comp;
|
@@ -2182,7 +2195,15 @@ var renderChildren = (props) => {
|
|
2182
2195
|
});
|
2183
2196
|
};
|
2184
2197
|
var AreaChart = (_a) => {
|
2185
|
-
var _b = _a, {
|
2198
|
+
var _b = _a, {
|
2199
|
+
isBusy,
|
2200
|
+
busyLabel,
|
2201
|
+
margin = DEFAULT_MARGINS
|
2202
|
+
} = _b, props = __objRest(_b, [
|
2203
|
+
"isBusy",
|
2204
|
+
"busyLabel",
|
2205
|
+
"margin"
|
2206
|
+
]);
|
2186
2207
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
2187
2208
|
return /* @__PURE__ */ import_react4.default.createElement(ResponsiveContainer, {
|
2188
2209
|
width: props.width,
|
@@ -2193,19 +2214,14 @@ var AreaChart = (_a) => {
|
|
2193
2214
|
accessibilityLayer: tooltip !== void 0,
|
2194
2215
|
data: props.data,
|
2195
2216
|
style: { stroke: "#fff", strokeWidth: 1 },
|
2196
|
-
margin
|
2197
|
-
top: 20,
|
2198
|
-
right: 30,
|
2199
|
-
left: 20,
|
2200
|
-
bottom: 5
|
2201
|
-
}
|
2217
|
+
margin
|
2202
2218
|
}, /* @__PURE__ */ import_react4.default.createElement(CartesianGrid, null), renderChildren(props)));
|
2203
2219
|
};
|
2204
2220
|
var Area = Object.assign(
|
2205
2221
|
(props) => {
|
2206
2222
|
var _a;
|
2207
2223
|
return /* @__PURE__ */ import_react4.default.createElement(import_recharts5.Area, __spreadProps(__spreadValues({
|
2208
|
-
type: "
|
2224
|
+
type: "linear",
|
2209
2225
|
strokeWidth: 2,
|
2210
2226
|
dot: false
|
2211
2227
|
}, props), {
|
@@ -2225,14 +2241,16 @@ AreaChart.Area = Area;
|
|
2225
2241
|
// src/charts/BarChart/BarChart.tsx
|
2226
2242
|
var import_react5 = __toESM(require("react"));
|
2227
2243
|
var import_recharts6 = require("recharts");
|
2228
|
-
var margin = {
|
2229
|
-
top: 20,
|
2230
|
-
right: 30,
|
2231
|
-
left: 20,
|
2232
|
-
bottom: 5
|
2233
|
-
};
|
2234
2244
|
var BarChart = (_a) => {
|
2235
|
-
var _b = _a, {
|
2245
|
+
var _b = _a, {
|
2246
|
+
isBusy,
|
2247
|
+
busyLabel,
|
2248
|
+
margin = DEFAULT_MARGINS
|
2249
|
+
} = _b, props = __objRest(_b, [
|
2250
|
+
"isBusy",
|
2251
|
+
"busyLabel",
|
2252
|
+
"margin"
|
2253
|
+
]);
|
2236
2254
|
const [activeIndex, setActiveIndex] = import_react5.default.useState(void 0);
|
2237
2255
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
2238
2256
|
const renderChildren3 = (props2) => {
|
@@ -2295,15 +2313,18 @@ var import_recharts8 = require("recharts");
|
|
2295
2313
|
// src/charts/Label/Label.tsx
|
2296
2314
|
var import_react6 = __toESM(require("react"));
|
2297
2315
|
var import_recharts9 = require("recharts");
|
2298
|
-
var XLabel = Object.assign(
|
2299
|
-
|
2300
|
-
|
2301
|
-
|
2316
|
+
var XLabel = Object.assign(
|
2317
|
+
(props) => /* @__PURE__ */ import_react6.default.createElement(import_recharts9.Label, __spreadValues({
|
2318
|
+
position: "insideBottom",
|
2319
|
+
offset: CHART_XLABEL_DEFAULT_OFFSET
|
2320
|
+
}, props)),
|
2321
|
+
import_recharts9.Label
|
2322
|
+
);
|
2302
2323
|
var YLabel = Object.assign(
|
2303
2324
|
(props) => /* @__PURE__ */ import_react6.default.createElement(import_recharts9.Label, __spreadValues({
|
2304
2325
|
position: "insideLeft",
|
2305
2326
|
angle: -90,
|
2306
|
-
offset:
|
2327
|
+
offset: CHART_YLABEL_DEFAULT_OFFSET
|
2307
2328
|
}, props)),
|
2308
2329
|
import_recharts9.Label
|
2309
2330
|
);
|
@@ -2356,7 +2377,15 @@ var renderChildren2 = (props) => {
|
|
2356
2377
|
});
|
2357
2378
|
};
|
2358
2379
|
var LineChart = (_a) => {
|
2359
|
-
var _b = _a, {
|
2380
|
+
var _b = _a, {
|
2381
|
+
isBusy,
|
2382
|
+
busyLabel,
|
2383
|
+
margin = DEFAULT_MARGINS
|
2384
|
+
} = _b, props = __objRest(_b, [
|
2385
|
+
"isBusy",
|
2386
|
+
"busyLabel",
|
2387
|
+
"margin"
|
2388
|
+
]);
|
2360
2389
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
2361
2390
|
return /* @__PURE__ */ import_react8.default.createElement(ResponsiveContainer, {
|
2362
2391
|
width: props.width,
|
@@ -2366,18 +2395,13 @@ var LineChart = (_a) => {
|
|
2366
2395
|
}, /* @__PURE__ */ import_react8.default.createElement(import_recharts11.LineChart, {
|
2367
2396
|
data: props.data,
|
2368
2397
|
style: { stroke: "#fff", strokeWidth: 1 },
|
2369
|
-
margin
|
2370
|
-
top: 20,
|
2371
|
-
right: 30,
|
2372
|
-
left: 20,
|
2373
|
-
bottom: 5
|
2374
|
-
},
|
2398
|
+
margin,
|
2375
2399
|
accessibilityLayer: tooltip !== void 0
|
2376
2400
|
}, /* @__PURE__ */ import_react8.default.createElement(CartesianGrid, null), renderChildren2(props)));
|
2377
2401
|
};
|
2378
2402
|
var Line = Object.assign(
|
2379
2403
|
(props) => /* @__PURE__ */ import_react8.default.createElement(import_recharts11.Line, __spreadProps(__spreadValues({
|
2380
|
-
type: "
|
2404
|
+
type: "linear"
|
2381
2405
|
}, props), {
|
2382
2406
|
strokeWidth: 2,
|
2383
2407
|
isAnimationActive: false,
|
@@ -2581,8 +2605,12 @@ var Reference = {
|
|
2581
2605
|
Axis,
|
2582
2606
|
Bar,
|
2583
2607
|
BarChart,
|
2608
|
+
CHART_MARGIN_BOTTOM,
|
2609
|
+
CHART_XLABEL_DEFAULT_OFFSET,
|
2610
|
+
CHART_YLABEL_DEFAULT_OFFSET,
|
2584
2611
|
CartesianGrid,
|
2585
2612
|
Cell,
|
2613
|
+
DEFAULT_MARGINS,
|
2586
2614
|
Doughnut,
|
2587
2615
|
DoughnutChart,
|
2588
2616
|
Label,
|
package/dist/charts.mjs
CHANGED
@@ -1857,6 +1857,15 @@ function time() {
|
|
1857
1857
|
// src/charts/lib/utils.ts
|
1858
1858
|
import isArray from "lodash/isArray";
|
1859
1859
|
import isDate from "lodash/isDate";
|
1860
|
+
var CHART_MARGIN_BOTTOM = 15;
|
1861
|
+
var CHART_YLABEL_DEFAULT_OFFSET = 10;
|
1862
|
+
var CHART_XLABEL_DEFAULT_OFFSET = CHART_YLABEL_DEFAULT_OFFSET * -1;
|
1863
|
+
var DEFAULT_MARGINS = {
|
1864
|
+
top: 20,
|
1865
|
+
right: 30,
|
1866
|
+
left: 20,
|
1867
|
+
bottom: CHART_MARGIN_BOTTOM
|
1868
|
+
};
|
1860
1869
|
var getDisplayName = (Comp) => {
|
1861
1870
|
if (typeof Comp === "string") {
|
1862
1871
|
return Comp;
|
@@ -2062,7 +2071,15 @@ var renderChildren = (props) => {
|
|
2062
2071
|
});
|
2063
2072
|
};
|
2064
2073
|
var AreaChart = (_a) => {
|
2065
|
-
var _b = _a, {
|
2074
|
+
var _b = _a, {
|
2075
|
+
isBusy,
|
2076
|
+
busyLabel,
|
2077
|
+
margin = DEFAULT_MARGINS
|
2078
|
+
} = _b, props = __objRest(_b, [
|
2079
|
+
"isBusy",
|
2080
|
+
"busyLabel",
|
2081
|
+
"margin"
|
2082
|
+
]);
|
2066
2083
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
2067
2084
|
return /* @__PURE__ */ React4.createElement(ResponsiveContainer, {
|
2068
2085
|
width: props.width,
|
@@ -2073,19 +2090,14 @@ var AreaChart = (_a) => {
|
|
2073
2090
|
accessibilityLayer: tooltip !== void 0,
|
2074
2091
|
data: props.data,
|
2075
2092
|
style: { stroke: "#fff", strokeWidth: 1 },
|
2076
|
-
margin
|
2077
|
-
top: 20,
|
2078
|
-
right: 30,
|
2079
|
-
left: 20,
|
2080
|
-
bottom: 5
|
2081
|
-
}
|
2093
|
+
margin
|
2082
2094
|
}, /* @__PURE__ */ React4.createElement(CartesianGrid, null), renderChildren(props)));
|
2083
2095
|
};
|
2084
2096
|
var Area = Object.assign(
|
2085
2097
|
(props) => {
|
2086
2098
|
var _a;
|
2087
2099
|
return /* @__PURE__ */ React4.createElement(_Area, __spreadProps(__spreadValues({
|
2088
|
-
type: "
|
2100
|
+
type: "linear",
|
2089
2101
|
strokeWidth: 2,
|
2090
2102
|
dot: false
|
2091
2103
|
}, props), {
|
@@ -2105,14 +2117,16 @@ AreaChart.Area = Area;
|
|
2105
2117
|
// src/charts/BarChart/BarChart.tsx
|
2106
2118
|
import React5 from "react";
|
2107
2119
|
import { Bar as _Bar, BarChart as _BarChart, Rectangle } from "recharts";
|
2108
|
-
var margin = {
|
2109
|
-
top: 20,
|
2110
|
-
right: 30,
|
2111
|
-
left: 20,
|
2112
|
-
bottom: 5
|
2113
|
-
};
|
2114
2120
|
var BarChart = (_a) => {
|
2115
|
-
var _b = _a, {
|
2121
|
+
var _b = _a, {
|
2122
|
+
isBusy,
|
2123
|
+
busyLabel,
|
2124
|
+
margin = DEFAULT_MARGINS
|
2125
|
+
} = _b, props = __objRest(_b, [
|
2126
|
+
"isBusy",
|
2127
|
+
"busyLabel",
|
2128
|
+
"margin"
|
2129
|
+
]);
|
2116
2130
|
const [activeIndex, setActiveIndex] = React5.useState(void 0);
|
2117
2131
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
2118
2132
|
const renderChildren3 = (props2) => {
|
@@ -2175,15 +2189,18 @@ import {} from "recharts";
|
|
2175
2189
|
// src/charts/Label/Label.tsx
|
2176
2190
|
import React6 from "react";
|
2177
2191
|
import { Label as _Label, LabelList as _LabelList } from "recharts";
|
2178
|
-
var XLabel = Object.assign(
|
2179
|
-
|
2180
|
-
|
2181
|
-
|
2192
|
+
var XLabel = Object.assign(
|
2193
|
+
(props) => /* @__PURE__ */ React6.createElement(_Label, __spreadValues({
|
2194
|
+
position: "insideBottom",
|
2195
|
+
offset: CHART_XLABEL_DEFAULT_OFFSET
|
2196
|
+
}, props)),
|
2197
|
+
_Label
|
2198
|
+
);
|
2182
2199
|
var YLabel = Object.assign(
|
2183
2200
|
(props) => /* @__PURE__ */ React6.createElement(_Label, __spreadValues({
|
2184
2201
|
position: "insideLeft",
|
2185
2202
|
angle: -90,
|
2186
|
-
offset:
|
2203
|
+
offset: CHART_YLABEL_DEFAULT_OFFSET
|
2187
2204
|
}, props)),
|
2188
2205
|
_Label
|
2189
2206
|
);
|
@@ -2236,7 +2253,15 @@ var renderChildren2 = (props) => {
|
|
2236
2253
|
});
|
2237
2254
|
};
|
2238
2255
|
var LineChart = (_a) => {
|
2239
|
-
var _b = _a, {
|
2256
|
+
var _b = _a, {
|
2257
|
+
isBusy,
|
2258
|
+
busyLabel,
|
2259
|
+
margin = DEFAULT_MARGINS
|
2260
|
+
} = _b, props = __objRest(_b, [
|
2261
|
+
"isBusy",
|
2262
|
+
"busyLabel",
|
2263
|
+
"margin"
|
2264
|
+
]);
|
2240
2265
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
2241
2266
|
return /* @__PURE__ */ React8.createElement(ResponsiveContainer, {
|
2242
2267
|
width: props.width,
|
@@ -2246,18 +2271,13 @@ var LineChart = (_a) => {
|
|
2246
2271
|
}, /* @__PURE__ */ React8.createElement(_LineChart, {
|
2247
2272
|
data: props.data,
|
2248
2273
|
style: { stroke: "#fff", strokeWidth: 1 },
|
2249
|
-
margin
|
2250
|
-
top: 20,
|
2251
|
-
right: 30,
|
2252
|
-
left: 20,
|
2253
|
-
bottom: 5
|
2254
|
-
},
|
2274
|
+
margin,
|
2255
2275
|
accessibilityLayer: tooltip !== void 0
|
2256
2276
|
}, /* @__PURE__ */ React8.createElement(CartesianGrid, null), renderChildren2(props)));
|
2257
2277
|
};
|
2258
2278
|
var Line = Object.assign(
|
2259
2279
|
(props) => /* @__PURE__ */ React8.createElement(_Line, __spreadProps(__spreadValues({
|
2260
|
-
type: "
|
2280
|
+
type: "linear"
|
2261
2281
|
}, props), {
|
2262
2282
|
strokeWidth: 2,
|
2263
2283
|
isAnimationActive: false,
|
@@ -2463,8 +2483,12 @@ export {
|
|
2463
2483
|
Axis,
|
2464
2484
|
Bar,
|
2465
2485
|
BarChart,
|
2486
|
+
CHART_MARGIN_BOTTOM,
|
2487
|
+
CHART_XLABEL_DEFAULT_OFFSET,
|
2488
|
+
CHART_YLABEL_DEFAULT_OFFSET,
|
2466
2489
|
CartesianGrid,
|
2467
2490
|
Cell,
|
2491
|
+
DEFAULT_MARGINS,
|
2468
2492
|
Doughnut,
|
2469
2493
|
DoughnutChart,
|
2470
2494
|
Label,
|
@@ -4,7 +4,8 @@ import { Typography } from '../../../src/atoms/Typography/Typography';
|
|
4
4
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
5
5
|
declare type SvgProps = React.SVGProps<SVGSVGElement>;
|
6
6
|
declare type TypographyProps = React.ComponentProps<typeof Typography>;
|
7
|
-
export declare type AlertType = 'error' | 'information' | 'success' | 'warning';
|
7
|
+
export declare type AlertType = 'announcement' | 'error' | 'information' | 'success' | 'warning';
|
8
|
+
export declare type BannerType = Exclude<AlertType, 'announcement'>;
|
8
9
|
declare type AlertProps = {
|
9
10
|
type: AlertType;
|
10
11
|
dense?: boolean;
|
@@ -13,10 +14,10 @@ declare type ComposedBannerProps = {
|
|
13
14
|
Content: React.FC<DivProps>;
|
14
15
|
Dismiss: React.FC<ButtonProps>;
|
15
16
|
IllustrationLeft: React.FC<SvgProps & {
|
16
|
-
type:
|
17
|
+
type: BannerType;
|
17
18
|
}>;
|
18
19
|
IllustrationRight: React.FC<SvgProps & {
|
19
|
-
type:
|
20
|
+
type: BannerType;
|
20
21
|
}>;
|
21
22
|
};
|
22
23
|
declare type ComposedAlertProps = {
|
@@ -26,7 +27,7 @@ declare type ComposedAlertProps = {
|
|
26
27
|
Icon: React.FC<AlertProps>;
|
27
28
|
Dismiss: React.FC<ButtonProps>;
|
28
29
|
Banner: ComposedBannerProps & React.FC<DivProps & {
|
29
|
-
type:
|
30
|
+
type: BannerType;
|
30
31
|
}>;
|
31
32
|
};
|
32
33
|
export declare const Alert: ComposedAlertProps & React.FC<AlertProps & DivProps>;
|
@@ -15,12 +15,17 @@ import { Button } from '../../../src/molecules/Button/Button';
|
|
15
15
|
import { Icon } from '../../../src/molecules/Icon/Icon';
|
16
16
|
import { Typography } from '../../../src/atoms/Typography/Typography';
|
17
17
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
18
|
+
import announcement from '../../../src/icons/announcement';
|
18
19
|
import cross from '../../../src/icons/cross';
|
19
20
|
import error from '../../../src/icons/error';
|
20
21
|
import info from '../../../src/icons/infoSign';
|
21
22
|
import success from '../../../src/icons/tickCircle';
|
22
23
|
import warning from '../../../src/icons/warningSign';
|
23
24
|
const alertTypes = {
|
25
|
+
announcement: {
|
26
|
+
icon: announcement,
|
27
|
+
color: 'primary-80',
|
28
|
+
},
|
24
29
|
information: {
|
25
30
|
icon: info,
|
26
31
|
color: 'info-70',
|
@@ -45,6 +50,7 @@ export const Alert = (_a) => {
|
|
45
50
|
'bg-info-10': type === 'information',
|
46
51
|
'bg-success-5': type === 'success',
|
47
52
|
'bg-warning-5': type === 'warning',
|
53
|
+
'bg-primary-10': type === 'announcement',
|
48
54
|
'p-4': Boolean(dense),
|
49
55
|
'p-5': !dense,
|
50
56
|
}), className) }), children));
|
@@ -128,4 +134,4 @@ const IllustrationRight = (_a) => {
|
|
128
134
|
};
|
129
135
|
Banner.IllustrationRight = IllustrationRight;
|
130
136
|
Banner.IllustrationRight.displayName = 'Alert.Banner.IllustrationRight';
|
131
|
-
//# sourceMappingURL=data:application/json;base64,
|
137
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQWxlcnQvQWxlcnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUUxQyxPQUFPLEVBQUUsTUFBTSxFQUFvQixNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQWtCLE1BQU0seUJBQXlCLENBQUM7QUFFL0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsT0FBTyxZQUFZLE1BQU0sd0JBQXdCLENBQUM7QUFDbEQsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFDcEMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFDcEMsT0FBTyxJQUFJLE1BQU0sb0JBQW9CLENBQUM7QUFDdEMsT0FBTyxPQUFPLE1BQU0sc0JBQXNCLENBQUM7QUFDM0MsT0FBTyxPQUFPLE1BQU0sdUJBQXVCLENBQUM7QUFtQzVDLE1BQU0sVUFBVSxHQUFlO0lBQzdCLFlBQVksRUFBRTtRQUNaLElBQUksRUFBRSxZQUFZO1FBQ2xCLEtBQUssRUFBRSxZQUFZO0tBQ3BCO0lBQ0QsV0FBVyxFQUFFO1FBQ1gsSUFBSSxFQUFFLElBQUk7UUFDVixLQUFLLEVBQUUsU0FBUztLQUNqQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxPQUFPO1FBQ2IsS0FBSyxFQUFFLFlBQVk7S0FDcEI7SUFDRCxLQUFLLEVBQUU7UUFDTCxJQUFJLEVBQUUsS0FBSztRQUNYLEtBQUssRUFBRSxVQUFVO0tBQ2xCO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsSUFBSSxFQUFFLE9BQU87UUFDYixLQUFL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
|
@@ -22,7 +22,7 @@ export const Banner = (_a) => {
|
|
22
22
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw(`rounded flex justify-between gap-7 flex-nowrap ${spacing.spacingAroundBanner}`, {
|
23
23
|
'items-center': layout === 'horizontal',
|
24
24
|
'bg-grey-0': variant === 'default',
|
25
|
-
'bg-white border border-
|
25
|
+
'bg-white border border-muted': variant === 'outlined',
|
26
26
|
})) }), children));
|
27
27
|
};
|
28
28
|
Banner.Title = (_a) => {
|
@@ -54,4 +54,4 @@ Banner.DismissContainer = (_a) => {
|
|
54
54
|
var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
|
55
55
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw({ 'self-start': layout === 'vertical', 'self-center': layout === 'horizontal' })) }), children));
|
56
56
|
};
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Jhbm5lci9CYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQWlCLE1BQU0sdUJBQXVCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUF5QnBELE1BQU0sT0FBTyxHQUFHO0lBQ2QsbUJBQW1CLEVBQUUsS0FBSztJQUMxQix1QkFBdUIsRUFBRSxJQUEwQjtDQUNwRCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFzRixDQUFDLEVBTXpHLEVBQUUsRUFBRTtRQU5xRyxFQUN4RyxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixPQUFPLE9BRVIsRUFESSxJQUFJLGNBTGlHLDhDQU16RyxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGtEQUFrRCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsRUFBRTtZQUNsRixjQUFjLEVBQUUsTUFBTSxLQUFLLFlBQVk7WUFDdkMsV0FBVyxFQUFFLE9BQU8sS0FBSyxTQUFTO1lBQ2xDLDhCQUE4QixFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3ZELENBQUMsQ0FDSCxLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQXdDLEVBQUUsRUFBRTtRQUE1QyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUF0QyxtQ0FBd0MsQ0FBRjtJQUFPLE9BQUEsQ0FDM0Qsb0JBQUMsVUFBVSxvQkFDTCxJQUFJLElBQ1IsT0FBTyxFQUFDLFlBQVksRUFDcEIsS0FBSyxFQUFDLFVBQVUsRUFDaEIsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULEVBQUUsQ0FBQztZQUNELE1BQU0sRUFBRSxNQUFNLEtBQUssVUFBVTtTQUM5QixDQUFDLENBQ0gsS0FFQSxRQUFRLENBQ0UsQ0FDZCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sQ0FBQyxXQUFXLEdBQUcsQ0FBQyxFQUEwQyxFQUFFLEVBQUU7UUFBOUMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBeEMscUNBQTBDLENBQUY7SUFBTyxPQUFBLENBQ25FLG9CQUFDLFVBQVUsb0JBQUssSUFBSSxJQUFFLE9BQU8sRUFBQyxTQUFTLEVBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsS0FDcEcsUUFBUSxDQUNFLENBQ2QsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxFQUF3QyxFQUFFLEVBQUU7UUFBNUMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBdEMsbUNBQXdDLENBQUY7SUFBTyxPQUFBLENBQ3RFLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGFBQWEsRUFBRTtZQUNoQixVQUFVLEVBQUUsTUFBTSxLQUFLLFVBQVU7WUFDakMseUNBQXlDLEVBQUUsTUFBTSxLQUFLLFlBQVk7U0FDbkUsQ0FBQyxDQUNILEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLENBQUMsY0FBYyxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUNqRCxvQkFBQyxHQUFHLG9CQUFLLElBQUksSUFBRSxPQUFPLEVBQUMsYUFBYSxFQUFDLFVBQVUsRUFBQyxRQUFRLEVBQUMsTUFBTSxFQUFFLE9BQU8sQ0FBQyx1QkFBdUIsRUFBRSxVQUFVLEVBQUMsR0FBRyxLQUM3RyxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUF3QyxFQUFFLEVBQUU7UUFBNUMsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBVyxFQUFOLElBQUksY0FBdEMsbUNBQXdDLENBQUY7SUFBTyxPQUFBLENBQzdELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sS0FBSyxVQUFVLEVBQUUsQ0FBQyxDQUFDLEtBQ2pHLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLGdCQUFnQixHQUFHLENBQUMsRUFBd0MsRUFBRSxFQUFFO1FBQTVDLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXRDLG1DQUF3QyxDQUFGO0lBQU8sT0FBQSxDQUN0RSw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULEVBQUUsQ0FBQyxFQUFFLFlBQVksRUFBRSxNQUFNLEtBQUssVUFBVSxFQUFFLGFBQWEsRUFBRSxNQUFNLEtBQUssWUFBWSxFQUFFLENBQUMsQ0FDcEYsS0FFQSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQyJ9
|
@@ -15,7 +15,7 @@ import { Box } from '../../../src/molecules/Box/Box';
|
|
15
15
|
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
|
-
const getCommonCardStyles = ({ fullWidth = false, enableMinWidth = true, disabled = false, }) => tw('border-[2px] border-
|
18
|
+
const getCommonCardStyles = ({ fullWidth = false, enableMinWidth = true, disabled = false, }) => tw('border-[2px] border-muted rounded-[2px] relative p-5 flex flex-col gap-5 bg-white outline-none transition-all', {
|
19
19
|
'w-[280px]': !fullWidth,
|
20
20
|
'w-full': fullWidth,
|
21
21
|
'min-w-[280px]': fullWidth && enableMinWidth,
|
@@ -81,4 +81,4 @@ export const getTitleContent = ({ title, clampTitle, dense = false, }) => {
|
|
81
81
|
}
|
82
82
|
return titleContent;
|
83
83
|
};
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLCtCQUErQixDQUFDO0FBRXRFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE4QnBELE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxFQUMzQixTQUFTLEdBQUcsS0FBSyxFQUNqQixjQUFjLEdBQUcsSUFBSSxFQUNyQixRQUFRLEdBQUcsS0FBSyxHQUM2QyxFQUFFLEVBQUUsQ0FDakUsRUFBRSxDQUFDLCtHQUErRyxFQUFFO0lBQ2xILFdBQVcsRUFBRSxDQUFDLFNBQVM7SUFDdkIsUUFBUSxFQUFFLFNBQVM7SUFDbkIsZUFBZSxFQUFFLFNBQVMsSUFBSSxjQUFjO0lBQzVDLGtFQUFrRSxFQUFFLFFBQVE7Q0FDN0UsQ0FBQyxDQUFDO0FBRUwsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXVDLENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxFQUFFO0lBQ3hGLE1BQU0sRUFDSixRQUFRLEdBQUcsS0FBSyxFQUNoQixTQUFTLEVBQUUsVUFBVSxFQUNyQixTQUFTLEVBQ1QsUUFBUSxFQUNSLElBQUksR0FBRyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUN4QyxRQUFRLEVBQ1IsY0FBYyxFQUNkLFNBQVMsS0FFUCxLQUFLLEVBREosSUFBSSxVQUNMLEtBQUssRUFWSCxxR0FVTCxDQUFRLENBQUM7SUFDVixNQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsSUFBSSxLQUFLLFNBQVMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzNELE9BQU8sQ0FDTCwyQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBRSxJQUFJLElBQ04sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLG1CQUFtQixDQUFDLEtBQUssQ0FBQyxFQUMxQixFQUFFLENBQUM7WUFDRCxtREFBbUQsRUFBRSxTQUFTLElBQUksQ0FBQyxRQUFRO1lBQzNFLFdBQVcsRUFBRSxTQUFTLElBQUksUUFBUSxLQUFLLFVBQVU7U0FDbEQsQ0FBQyxFQUNGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUM7QUFDSixDQUFDLENBQWtCLENBQUM7QUFPcEIsTUFBTSxLQUFLLEdBQXlCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDNUMsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEdBQUcsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsY0FBYyxFQUFFLFNBQVMsRUFBRSxRQUFRLEtBQWMsS0FBSyxFQUFkLElBQUksVUFBSyxLQUFLLEVBQXhHLDJGQUFnRyxDQUFRLENBQUM7SUFDL0csT0FBTyxDQUNMLCtDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixtQkFBbUIsQ0FBQyxLQUFLLENBQUMsRUFDMUIsRUFBRSxDQUFDO1lBQ0QsbURBQW1ELEVBQUUsQ0FBQyxRQUFRO1lBQzlELG1CQUFtQixFQUFFLE9BQU87WUFDNUIsV0FBVyxFQUFFLFFBQVEsS0FBSyxVQUFVO1NBQ3JDLENBQUMsRUFDRixTQUFTLENBQ1YsS0FFQSxRQUFRLENBQ0gsQ0FDVCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQXVELENBQUMsRUFBNkIsRUFBRSxFQUFFO1FBQWpDLEVBQUUsS0FBSyxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBM0Isc0JBQTZCLENBQUY7SUFBTyxPQUFBLENBQzVHLG9CQUFDLEdBQUcsb0JBQ0UsSUFBSSxJQUNSLGVBQWUsRUFBRSxLQUFLLEVBQ3RCLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDBDQUEwQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQ2hGLENBQ0gsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLGNBQWMsR0FBK0MsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDdkcsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxPQUFPLEVBQUU7WUFDVixPQUFPLEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQztTQUMzQixDQUFDLEVBQ0YsU0FBUyxDQUNWLElBQ0QsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sT0FBTyxHQUFHLDhCQUE4QixDQUFDO0FBQy9DLE1BQU0sS0FBSyxHQVdQLENBQUMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQzFELDZCQUNFLEdBQUcsRUFBRSxLQUFLLEVBQ1YsR0FBRyxFQUFFLFFBQVEsRUFDYixTQUFTLEVBQUUsRUFBRSxDQUFDLE9BQU8sRUFBRTtRQUNyQixXQUFXLEVBQUUsQ0FBQyxXQUFXLElBQUksQ0FBQyxRQUFRO1FBQ3RDLFdBQVcsRUFBRSxDQUFDLFdBQVcsSUFBSSxRQUFRO0tBQ3RDLENBQUMsRUFDRixLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsUUFBUSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLFdBQVcsSUFBSSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsR0FDM0UsQ0FDSCxDQUFDO0FBRUYsTUFBTSxLQUFLLEdBQW9ELENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUN4RSxvQkFBQyxHQUFHLENBQUMsSUFBSSxrQkFBQyxTQUFTLEVBQUMsS0FBSyxFQUFDLFVBQVUsRUFBQyxRQUFRLEVBQUMsR0FBRyxFQUFDLEdBQUcsSUFBSyxLQUFLLEVBQUksQ0FDcEUsQ0FBQztBQUVGLE1BQU0sT0FBTyxHQUE2QyxDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFNBQVMsRUFBRSxLQUFLLE9BQVcsRUFBTixJQUFJLGNBQTNCLHNCQUE2QixDQUFGO0lBQU8sT0FBQSxDQUMzRiw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsZUFBZSxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUM5RixDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sT0FBTyxHQUE2QyxDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFNBQVMsRUFBRSxLQUFLLE9BQVcsRUFBTixJQUFJLGNBQTNCLHNCQUE2QixDQUFGO0lBQU8sT0FBQSxDQUMzRiw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMseUJBQXlCLEVBQUUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3hHLENBQUE7Q0FBQSxDQUFDO0FBRUYsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7QUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7QUFDbkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7QUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7QUFDdkIsSUFBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7QUFDckMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7QUFDbkIsSUFBSSxDQUFDLGFBQWEsR0FBRyxjQUFjLENBQUM7QUFFcEMsTUFBTSxvQkFBb0IsR0FBRyxDQUFDLENBQWtCLEVBQTJCLEVBQUU7SUFDM0UsT0FBTyxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQztBQUMxRCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBQyxFQUM5QixLQUFLLEVBQ0wsVUFBVSxFQUNWLEtBQUssR0FBRyxLQUFLLEdBS2QsRUFBRSxFQUFFO0lBQ0gsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUM3RCxNQUFNLElBQUksS0FBSyxDQUNiLGtIQUFrSCxDQUNuSCxDQUFDO0tBQ0g7SUFFRCxNQUFNLFlBQVksR0FBRyxDQUNuQixvQkFBQyxVQUFVLElBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsRUFBRSxLQUFLLEVBQUMsT0FBTyxJQUMxRSxLQUFLLENBQ0ssQ0FDZCxDQUFDO0lBRUYsSUFBSSxVQUFVLEVBQUU7UUFDZCxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFDLFdBQVcsSUFDaEQsWUFBWSxDQUNILENBQ2IsQ0FBQztLQUNIO0lBRUQsT0FBTyxZQUFZLENBQUM7QUFDdEIsQ0FBQyxDQUFDIn0=
|
@@ -17,18 +17,18 @@ import tick from '../../../src/icons/tick';
|
|
17
17
|
export const Checkbox = React.forwardRef((_a, ref) => {
|
18
18
|
var { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
|
19
19
|
return (React.createElement("span", { className: classNames(tw('inline-flex justify-center items-center self-center relative'), {
|
20
|
-
'hover:border-
|
21
|
-
'border-
|
20
|
+
'hover:border-intense peer-checked:border-primary-80': !disabled,
|
21
|
+
'border-muted': disabled,
|
22
22
|
}) },
|
23
23
|
React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: classNames(tw('peer appearance-none outline-none w-5 h-5', 'rounded-sm border border-transparent', {
|
24
24
|
'cursor-pointer checked:bg-primary-80': !disabled,
|
25
25
|
'cursor-not-allowed bg-grey-0 checked:bg-primary-40': disabled,
|
26
26
|
})), readOnly: readOnly, disabled: disabled })),
|
27
|
-
React.createElement(Icon, { icon: indeterminate ? minus : tick, strokeWidth: "2px", className: classNames(tw('absolute top-0 right-0', 'pointer-events-none p-[2px] w-5 h-5', 'text-transparent [&>path]:stroke-transparent [&>path]:stroke-2', 'rounded-sm border border-
|
27
|
+
React.createElement(Icon, { icon: indeterminate ? minus : tick, strokeWidth: "2px", className: classNames(tw('absolute top-0 right-0', 'pointer-events-none p-[2px] w-5 h-5', 'text-transparent [&>path]:stroke-transparent [&>path]:stroke-2', 'rounded-sm border border-default peer-focus:border-info-70'),
|
28
28
|
// It seems that we can't combine peer selectors and use 'peer-checked:peer-disabled:bg-gray-0' style instead.
|
29
29
|
{
|
30
|
-
'peer-hover:border-
|
31
|
-
'border-
|
30
|
+
'peer-hover:border-intense peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-80': !disabled,
|
31
|
+
'border-muted peer-checked:text-primary-10 peer-checked:[&>path]:stroke-primary-10 peer-checked:border-primary-40': disabled,
|
32
32
|
}) })));
|
33
33
|
});
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBWWxDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxDQUFDLEVBQTJGLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBcEcsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsYUFBYSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBekYsbUVBQTJGLENBQUY7SUFBWSxPQUFBLENBQ3BHLDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDhEQUE4RCxDQUFDLEVBQUU7WUFDeEYscURBQXFELEVBQUUsQ0FBQyxRQUFRO1lBQ2hFLGNBQWMsRUFBRSxRQUFRO1NBQ3pCLENBQUM7UUFFRiw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLFVBQVUsRUFDZixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkNBQTJDLEVBQUUsc0NBQXNDLEVBQUU7Z0JBQ3RGLHNDQUFzQyxFQUFFLENBQUMsUUFBUTtnQkFDakQsb0RBQW9ELEVBQUUsUUFBUTthQUMvRCxDQUFDLENBQ0gsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksRUFDbEMsV0FBVyxFQUFDLEtBQUssRUFDakIsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUNBLHdCQUF3QixFQUN4QixxQ0FBcUMsRUFDckMsZ0VBQWdFLEVBQ2hFLDREQUE0RCxDQUM3RDtZQUNELDhHQUE4RztZQUM5RztnQkFDRSxxSEFBcUgsRUFDbkgsQ0FBQyxRQUFRO2dCQUNYLGtIQUFrSCxFQUNoSCxRQUFRO2FBQ1gsQ0FDRixHQUNELENBQ0csQ0FDUixDQUFBO0NBQUEsQ0FDRixDQUFDIn0=
|
@@ -1,12 +1,20 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { type TypographyProps } from '../../../src/atoms/Typography/Typography';
|
2
3
|
import { type SortDirection, type StickyColumn, type TextAlign } from '../../../src/utils/table/types';
|
3
4
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
5
|
+
declare type ToolbarComponents = {
|
6
|
+
Container: typeof ToolbarContainer;
|
7
|
+
Group: typeof ToolbarGroup;
|
8
|
+
Actions: typeof ToolbarActions;
|
9
|
+
SelectionCount: typeof ToolbarSelectionCount;
|
10
|
+
};
|
4
11
|
declare type ComposedDataListProps = React.FC<DivProps> & {
|
5
12
|
Cell: typeof Cell;
|
6
13
|
HeadCell: typeof HeadCell;
|
7
14
|
SortCell: typeof SortCell;
|
8
15
|
Row: typeof Row;
|
9
16
|
SubGroupSpacing: typeof SubGroupSpacing;
|
17
|
+
Toolbar: ToolbarComponents;
|
10
18
|
};
|
11
19
|
export declare const DataList: ComposedDataListProps;
|
12
20
|
declare const HeadCell: React.FC<DivProps & {
|
@@ -32,4 +40,10 @@ declare const SortCell: React.FC<DivProps & {
|
|
32
40
|
align?: TextAlign;
|
33
41
|
sticky?: boolean;
|
34
42
|
}>;
|
43
|
+
declare const ToolbarContainer: React.FC<DivProps & {
|
44
|
+
sticky?: boolean;
|
45
|
+
}>;
|
46
|
+
declare const ToolbarGroup: React.FC<DivProps>;
|
47
|
+
declare const ToolbarSelectionCount: React.FC<TypographyProps>;
|
48
|
+
declare const ToolbarActions: React.FC<DivProps>;
|
35
49
|
export {};
|
@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
import React from 'react';
|
13
13
|
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
14
14
|
import { cellClassNames, getBodyCellClassNames, getHeadCellClassNames, getSortCellButtonClassNames, getSortCellIconClassNames, } from '../../../src/atoms/Table/Table';
|
15
|
+
import { Typography } from '../../../src/atoms/Typography/Typography';
|
15
16
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
17
|
import chevronDown from '../../../src/icons/chevronDown';
|
17
18
|
import chevronUp from '../../../src/icons/chevronUp';
|
@@ -30,7 +31,7 @@ const HeadCell = (_a) => {
|
|
30
31
|
};
|
31
32
|
const Cell = (_a) => {
|
32
33
|
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-
|
34
|
+
return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getBodyCellClassNames(false, stickyColumn), getAlignClassNames(align), tw('border-default group-last-of-type:border-b-0'), className) })));
|
34
35
|
};
|
35
36
|
const Row = (_a) => {
|
36
37
|
var { className, disabled, header, subgroup, active } = _a, rest = __rest(_a, ["className", "disabled", "header", "subgroup", "active"]);
|
@@ -42,7 +43,7 @@ const Row = (_a) => {
|
|
42
43
|
};
|
43
44
|
const SubGroupSpacing = (_a) => {
|
44
45
|
var { className, divider } = _a, rest = __rest(_a, ["className", "divider"]);
|
45
|
-
return (React.createElement("span", Object.assign({}, rest, { "aria-hidden": true, className: classNames(tw('col-span-full h-6 bg-grey-0 border-
|
46
|
+
return (React.createElement("span", Object.assign({}, rest, { "aria-hidden": true, className: classNames(tw('col-span-full h-6 bg-grey-0 border-default', { 'border-b': Boolean(divider) }), className) })));
|
46
47
|
};
|
47
48
|
const SortCell = (_a) => {
|
48
49
|
var { children, direction = 'none', onClick, sticky } = _a, rest = __rest(_a, ["children", "direction", "onClick", "sticky"]);
|
@@ -65,4 +66,31 @@ DataList.SubGroupSpacing = SubGroupSpacing;
|
|
65
66
|
DataList.SubGroupSpacing.displayName = 'DataList.SubGroupSpacing';
|
66
67
|
DataList.Row = Row;
|
67
68
|
DataList.Row.displayName = 'DataList.Row';
|
68
|
-
|
69
|
+
const ToolbarContainer = (_a) => {
|
70
|
+
var { className, sticky = true } = _a, rest = __rest(_a, ["className", "sticky"]);
|
71
|
+
return (React.createElement("div", Object.assign({}, rest, { role: "row", className: classNames(tw('col-span-full flex items-stretch py-4 px-l2 border-b border-default', {
|
72
|
+
'sticky top-[47px] bg-white z-10': sticky,
|
73
|
+
}), className) })));
|
74
|
+
};
|
75
|
+
ToolbarContainer.displayName = 'DataList.Toolbar.Container';
|
76
|
+
const ToolbarGroup = (_a) => {
|
77
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
78
|
+
return (React.createElement("div", Object.assign({ role: "cell" }, rest, { className: classNames(tw('flex items-center px-l2 border-r-[1px] border-muted last:border-r-0'), className) })));
|
79
|
+
};
|
80
|
+
ToolbarGroup.displayName = 'DataList.Toolbar.Group';
|
81
|
+
const ToolbarSelectionCount = (_a) => {
|
82
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
83
|
+
return (React.createElement(Typography, Object.assign({ variant: "small", color: "muted", className: classNames(tw('whitespace-nowrap'), className) }, rest)));
|
84
|
+
};
|
85
|
+
const ToolbarActions = (_a) => {
|
86
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
87
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex items-center gap-x-5'), className) })));
|
88
|
+
};
|
89
|
+
ToolbarActions.displayName = 'DataList.Toolbar.Actions';
|
90
|
+
DataList.Toolbar = {
|
91
|
+
Container: ToolbarContainer,
|
92
|
+
Group: ToolbarGroup,
|
93
|
+
Actions: ToolbarActions,
|
94
|
+
SelectionCount: ToolbarSelectionCount,
|
95
|
+
};
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsMkJBQTJCLEVBQzNCLHlCQUF5QixHQUMxQixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxVQUFVLEVBQXdCLE1BQU0saUNBQWlDLENBQUM7QUFHbkYsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQW9CNUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUMvQyxFQUFFLENBQUMsbUJBQW1CLEVBQUU7SUFDdEIsYUFBYSxFQUFFLEtBQUssS0FBSyxPQUFPO0lBQ2hDLGdCQUFnQixFQUFFLEtBQUssS0FBSyxRQUFRO0lBQ3BDLGVBQWUsRUFBRSxLQUFLLEtBQUssTUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTO0NBQ3pELENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksRUFBSSxDQUFBO0NBQUEsQ0FBQztBQUU3RixNQUFNLFFBQVEsR0FBOEYsQ0FBQyxFQU01RyxFQUFFLEVBQUU7UUFOd0csRUFDM0csU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVB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
|