@aivenio/aquarium 1.29.0 → 1.31.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 +14 -15
- package/dist/_variables_timescale.scss +1 -2
- package/dist/atoms.cjs +66 -67
- package/dist/atoms.mjs +66 -67
- package/dist/src/atoms/Alert/Alert.js +6 -6
- package/dist/src/atoms/Banner/Banner.d.ts +1 -4
- package/dist/src/atoms/Banner/Banner.js +3 -3
- package/dist/src/atoms/Checkbox/Checkbox.js +7 -7
- package/dist/src/atoms/Modal/Modal.js +2 -2
- package/dist/src/atoms/RadioButton/RadioButton.js +4 -4
- package/dist/src/atoms/Switch/Switch.js +3 -3
- package/dist/src/molecules/Banner/Banner.js +2 -2
- package/dist/src/molecules/Box/Box.d.ts +2 -2
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/molecules/Button/Button.js +8 -8
- package/dist/src/molecules/Tabs/Tabs.js +3 -4
- package/dist/src/utils/constants.js +3 -3
- package/dist/styles.css +191 -144
- package/dist/styles_timescaledb.css +163 -116
- package/dist/system.cjs +72 -74
- package/dist/system.mjs +72 -74
- package/dist/tailwind.theme.json +13 -14
- package/dist/tokens.json +20 -22
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +3 -3
package/dist/atoms.mjs
CHANGED
|
@@ -3883,8 +3883,7 @@ var require_tokens = __commonJS({
|
|
|
3883
3883
|
"primary-20": "#b4e5fb",
|
|
3884
3884
|
"primary-10": "#e0f5fe",
|
|
3885
3885
|
"primary-5": "#effaff",
|
|
3886
|
-
"primary-0": "#f9fdff"
|
|
3887
|
-
"navyBlue-100": "#30375e"
|
|
3886
|
+
"primary-0": "#f9fdff"
|
|
3888
3887
|
},
|
|
3889
3888
|
typography: {
|
|
3890
3889
|
sizes: [
|
|
@@ -4417,6 +4416,7 @@ var require_tokens = __commonJS({
|
|
|
4417
4416
|
"grey-50": "#787885",
|
|
4418
4417
|
"grey-40": "#9696a0",
|
|
4419
4418
|
"grey-30": "#b4b4bb",
|
|
4419
|
+
"grey-20": "#d2d2d6",
|
|
4420
4420
|
"grey-10": "#e1e1e3",
|
|
4421
4421
|
"grey-5": "#ededf0",
|
|
4422
4422
|
"grey-0": "#f7f7fa",
|
|
@@ -4432,20 +4432,18 @@ var require_tokens = __commonJS({
|
|
|
4432
4432
|
"secondary-10": "#fee8d0",
|
|
4433
4433
|
"secondary-5": "#fff3e8",
|
|
4434
4434
|
"secondary-0": "#fffbf8",
|
|
4435
|
-
"primary-100": "#
|
|
4436
|
-
"primary-90": "#
|
|
4437
|
-
"primary-80": "#
|
|
4438
|
-
"primary-70": "#
|
|
4439
|
-
"primary-60": "#
|
|
4440
|
-
"primary-50": "#
|
|
4441
|
-
"primary-40": "#
|
|
4442
|
-
"primary-30": "#
|
|
4443
|
-
"primary-20": "#
|
|
4444
|
-
"primary-10": "#
|
|
4445
|
-
"primary-5": "#
|
|
4446
|
-
"primary-0": "#
|
|
4447
|
-
"grey-20": "#d2d2d6",
|
|
4448
|
-
"navyBlue-100": "#30375e"
|
|
4435
|
+
"primary-100": "#0e1652",
|
|
4436
|
+
"primary-90": "#222f95",
|
|
4437
|
+
"primary-80": "#3545be",
|
|
4438
|
+
"primary-70": "#5865cd",
|
|
4439
|
+
"primary-60": "#818eec",
|
|
4440
|
+
"primary-50": "#9daaee",
|
|
4441
|
+
"primary-40": "#b9c5ef",
|
|
4442
|
+
"primary-30": "#c7d1f4",
|
|
4443
|
+
"primary-20": "#d5ddfa",
|
|
4444
|
+
"primary-10": "#e3e9ff",
|
|
4445
|
+
"primary-5": "#f3f6ff",
|
|
4446
|
+
"primary-0": "#ffffff"
|
|
4449
4447
|
},
|
|
4450
4448
|
typography: {
|
|
4451
4449
|
sizes: [
|
|
@@ -4453,40 +4451,40 @@ var require_tokens = __commonJS({
|
|
|
4453
4451
|
name: "large-heading",
|
|
4454
4452
|
className: "typography-large-heading",
|
|
4455
4453
|
style: {
|
|
4456
|
-
fontFamily: "
|
|
4454
|
+
fontFamily: "Poppins",
|
|
4457
4455
|
fontSize: "32px",
|
|
4458
4456
|
fontWeight: 700,
|
|
4459
4457
|
fontStyle: "normal",
|
|
4460
4458
|
lineHeight: 1.375,
|
|
4461
4459
|
textTransform: "none"
|
|
4462
4460
|
},
|
|
4463
|
-
fontPostScriptName: "
|
|
4461
|
+
fontPostScriptName: "Poppins-Bold"
|
|
4464
4462
|
},
|
|
4465
4463
|
{
|
|
4466
4464
|
name: "heading",
|
|
4467
4465
|
className: "typography-heading",
|
|
4468
4466
|
style: {
|
|
4469
|
-
fontFamily: "
|
|
4467
|
+
fontFamily: "Poppins",
|
|
4470
4468
|
fontSize: "24px",
|
|
4471
4469
|
fontWeight: 700,
|
|
4472
4470
|
fontStyle: "normal",
|
|
4473
4471
|
lineHeight: 1.375,
|
|
4474
4472
|
textTransform: "none"
|
|
4475
4473
|
},
|
|
4476
|
-
fontPostScriptName: "
|
|
4474
|
+
fontPostScriptName: "Poppins-Bold"
|
|
4477
4475
|
},
|
|
4478
4476
|
{
|
|
4479
4477
|
name: "subheading",
|
|
4480
4478
|
className: "typography-subheading",
|
|
4481
4479
|
style: {
|
|
4482
|
-
fontFamily: "
|
|
4480
|
+
fontFamily: "Poppins",
|
|
4483
4481
|
fontSize: "20px",
|
|
4484
4482
|
fontWeight: 600,
|
|
4485
4483
|
fontStyle: "normal",
|
|
4486
4484
|
lineHeight: 1.375,
|
|
4487
4485
|
textTransform: "none"
|
|
4488
4486
|
},
|
|
4489
|
-
fontPostScriptName: "
|
|
4487
|
+
fontPostScriptName: "Poppins-Bold"
|
|
4490
4488
|
},
|
|
4491
4489
|
{
|
|
4492
4490
|
name: "large-strong",
|
|
@@ -5291,6 +5289,7 @@ var tailwind_theme_default = {
|
|
|
5291
5289
|
"grey-50": "var(--aquarium-colors-grey-50, #787885)",
|
|
5292
5290
|
"grey-40": "var(--aquarium-colors-grey-40, #9696a0)",
|
|
5293
5291
|
"grey-30": "var(--aquarium-colors-grey-30, #b4b4bb)",
|
|
5292
|
+
"grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
|
|
5294
5293
|
"grey-10": "var(--aquarium-colors-grey-10, #e1e1e3)",
|
|
5295
5294
|
"grey-5": "var(--aquarium-colors-grey-5, #ededf0)",
|
|
5296
5295
|
"grey-0": "var(--aquarium-colors-grey-0, #f7f7fa)",
|
|
@@ -5306,20 +5305,18 @@ var tailwind_theme_default = {
|
|
|
5306
5305
|
"secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
|
|
5307
5306
|
"secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
|
|
5308
5307
|
"secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
|
|
5309
|
-
"primary-100": "var(--aquarium-colors-primary-100, #
|
|
5310
|
-
"primary-90": "var(--aquarium-colors-primary-90, #
|
|
5311
|
-
"primary-80": "var(--aquarium-colors-primary-80, #
|
|
5312
|
-
"primary-70": "var(--aquarium-colors-primary-70, #
|
|
5313
|
-
"primary-60": "var(--aquarium-colors-primary-60, #
|
|
5314
|
-
"primary-50": "var(--aquarium-colors-primary-50, #
|
|
5315
|
-
"primary-40": "var(--aquarium-colors-primary-40, #
|
|
5316
|
-
"primary-30": "var(--aquarium-colors-primary-30, #
|
|
5317
|
-
"primary-20": "var(--aquarium-colors-primary-20, #
|
|
5318
|
-
"primary-10": "var(--aquarium-colors-primary-10, #
|
|
5319
|
-
"primary-5": "var(--aquarium-colors-primary-5, #
|
|
5320
|
-
"primary-0": "var(--aquarium-colors-primary-0, #
|
|
5321
|
-
"grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
|
|
5322
|
-
"navyBlue-100": "var(--aquarium-colors-navyBlue-100, #30375e)",
|
|
5308
|
+
"primary-100": "var(--aquarium-colors-primary-100, #0e1652)",
|
|
5309
|
+
"primary-90": "var(--aquarium-colors-primary-90, #222f95)",
|
|
5310
|
+
"primary-80": "var(--aquarium-colors-primary-80, #3545be)",
|
|
5311
|
+
"primary-70": "var(--aquarium-colors-primary-70, #5865cd)",
|
|
5312
|
+
"primary-60": "var(--aquarium-colors-primary-60, #818eec)",
|
|
5313
|
+
"primary-50": "var(--aquarium-colors-primary-50, #9daaee)",
|
|
5314
|
+
"primary-40": "var(--aquarium-colors-primary-40, #b9c5ef)",
|
|
5315
|
+
"primary-30": "var(--aquarium-colors-primary-30, #c7d1f4)",
|
|
5316
|
+
"primary-20": "var(--aquarium-colors-primary-20, #d5ddfa)",
|
|
5317
|
+
"primary-10": "var(--aquarium-colors-primary-10, #e3e9ff)",
|
|
5318
|
+
"primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
|
|
5319
|
+
"primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
|
|
5323
5320
|
transparent: "var(--aquarium-colors-transparent, transparent)",
|
|
5324
5321
|
white: "var(--aquarium-colors-white, white)",
|
|
5325
5322
|
black: "var(--aquarium-colors-black, black)",
|
|
@@ -6488,9 +6485,12 @@ var Arrow = (props) => {
|
|
|
6488
6485
|
|
|
6489
6486
|
// src/utils/constants.ts
|
|
6490
6487
|
var ghostButtonStyle = tw(
|
|
6491
|
-
"text-primary-80 active:text-primary-
|
|
6488
|
+
"text-primary-80 active:text-primary-90 focus-visible:text-primary-90 hover:text-primary-90 disabled:text-primary-40"
|
|
6489
|
+
);
|
|
6490
|
+
var linkStyle = classNames(
|
|
6491
|
+
ghostButtonStyle,
|
|
6492
|
+
tw("visited:text-primary-80 no-underline hover:underline focusable")
|
|
6492
6493
|
);
|
|
6493
|
-
var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80 focusable"));
|
|
6494
6494
|
|
|
6495
6495
|
// src/utils/string.ts
|
|
6496
6496
|
var capitalize = (a) => a.charAt(0).toUpperCase() + a.slice(1);
|
|
@@ -6500,28 +6500,27 @@ var import_chevronDown2 = __toESM(require_chevronDown());
|
|
|
6500
6500
|
var import_loading2 = __toESM(require_loading());
|
|
6501
6501
|
var COLOR_CLASSNAMES = {
|
|
6502
6502
|
"primary": tw(
|
|
6503
|
-
"text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100 focus-visible:ring-inset hover:bg-primary-
|
|
6503
|
+
"text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100 focus-visible:ring-inset hover:bg-primary-90 disabled:bg-primary-40"
|
|
6504
6504
|
),
|
|
6505
6505
|
"secondary": tw(
|
|
6506
|
-
"text-
|
|
6507
|
-
"
|
|
6508
|
-
"
|
|
6506
|
+
"text-primary-80 bg-white ring-1 ring-primary-80 ring-inset",
|
|
6507
|
+
"active:bg-primary-5 active:ring-primary-90 active:text-primary-90",
|
|
6508
|
+
"focus-visible:ring-2 focus-visible:ring-primary-90 focus-visible:text-primary-80",
|
|
6509
|
+
"hover:bg-primary-5 hover:ring-primary-90 hover:text-primary-90",
|
|
6510
|
+
"disabled:bg-white disabled:text-primary-40 disabled:ring-primary-40"
|
|
6509
6511
|
),
|
|
6510
6512
|
"ghost": ghostButtonStyle,
|
|
6511
|
-
"text":
|
|
6513
|
+
"text": linkStyle,
|
|
6512
6514
|
"secondary-ghost": tw(
|
|
6513
6515
|
"text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30"
|
|
6514
6516
|
)
|
|
6515
6517
|
};
|
|
6516
|
-
var LoadingSpinner = ({
|
|
6517
|
-
size = "20px",
|
|
6518
|
-
kind = "primary"
|
|
6519
|
-
}) => {
|
|
6518
|
+
var LoadingSpinner = ({ size = "20px" }) => {
|
|
6520
6519
|
return /* @__PURE__ */ React14.createElement(InlineIcon, {
|
|
6521
6520
|
icon: import_loading2.default,
|
|
6522
6521
|
width: size,
|
|
6523
6522
|
height: size,
|
|
6524
|
-
color:
|
|
6523
|
+
color: "primary-80",
|
|
6525
6524
|
"data-testid": "loading-button"
|
|
6526
6525
|
});
|
|
6527
6526
|
};
|
|
@@ -6635,8 +6634,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
|
6635
6634
|
className: tw("absolute left-1/2 top-0 bottom-0 flex"),
|
|
6636
6635
|
style: { transform: "translate(-50%)" }
|
|
6637
6636
|
}, /* @__PURE__ */ React14.createElement(LoadingSpinner, {
|
|
6638
|
-
size: iconSize
|
|
6639
|
-
kind: kind === "primary" ? "primary" : "secondary"
|
|
6637
|
+
size: iconSize
|
|
6640
6638
|
})), /* @__PURE__ */ React14.createElement("div", {
|
|
6641
6639
|
className: tw({ invisible: loading2 })
|
|
6642
6640
|
}, buttonContent())) : buttonContent());
|
|
@@ -6765,19 +6763,19 @@ var import_warningSign2 = __toESM(require_warningSign());
|
|
|
6765
6763
|
var alertTypes = {
|
|
6766
6764
|
information: {
|
|
6767
6765
|
icon: import_infoSign2.default,
|
|
6768
|
-
color: "info-
|
|
6766
|
+
color: "info-70"
|
|
6769
6767
|
},
|
|
6770
6768
|
warning: {
|
|
6771
6769
|
icon: import_warningSign2.default,
|
|
6772
|
-
color: "warning-
|
|
6770
|
+
color: "warning-90"
|
|
6773
6771
|
},
|
|
6774
6772
|
error: {
|
|
6775
6773
|
icon: import_error2.default,
|
|
6776
|
-
color: "error-
|
|
6774
|
+
color: "error-70"
|
|
6777
6775
|
},
|
|
6778
6776
|
success: {
|
|
6779
6777
|
icon: import_tickCircle2.default,
|
|
6780
|
-
color: "success-
|
|
6778
|
+
color: "success-70"
|
|
6781
6779
|
}
|
|
6782
6780
|
};
|
|
6783
6781
|
var Alert = (_a) => {
|
|
@@ -6797,7 +6795,7 @@ var Alert = (_a) => {
|
|
|
6797
6795
|
className: classNames(
|
|
6798
6796
|
tw("rounded grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-2", {
|
|
6799
6797
|
"bg-error-5": type === "error",
|
|
6800
|
-
"bg-info-
|
|
6798
|
+
"bg-info-10": type === "information",
|
|
6801
6799
|
"bg-success-5": type === "success",
|
|
6802
6800
|
"bg-warning-5": type === "warning",
|
|
6803
6801
|
"p-4": Boolean(dense),
|
|
@@ -6927,7 +6925,7 @@ var Checkbox = React18.forwardRef(
|
|
|
6927
6925
|
var _b = _a, { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
|
|
6928
6926
|
return /* @__PURE__ */ React18.createElement("span", {
|
|
6929
6927
|
className: classNames(tw("inline-flex justify-center items-center self-center relative"), {
|
|
6930
|
-
"hover:border-grey-50 peer-checked:border-
|
|
6928
|
+
"hover:border-grey-50 peer-checked:border-primary-80": !disabled,
|
|
6931
6929
|
"border-grey-5": disabled
|
|
6932
6930
|
})
|
|
6933
6931
|
}, /* @__PURE__ */ React18.createElement("input", __spreadProps(__spreadValues({
|
|
@@ -6938,24 +6936,25 @@ var Checkbox = React18.forwardRef(
|
|
|
6938
6936
|
}, props), {
|
|
6939
6937
|
className: classNames(
|
|
6940
6938
|
tw("peer appearance-none outline-none w-5 h-5", "rounded-sm border border-transparent", {
|
|
6941
|
-
"cursor-pointer checked:bg-
|
|
6942
|
-
"cursor-not-allowed bg-grey-0": disabled
|
|
6939
|
+
"cursor-pointer checked:bg-primary-80": !disabled,
|
|
6940
|
+
"cursor-not-allowed bg-grey-0 checked:bg-primary-40": disabled
|
|
6943
6941
|
})
|
|
6944
6942
|
),
|
|
6945
6943
|
readOnly,
|
|
6946
6944
|
disabled
|
|
6947
6945
|
})), /* @__PURE__ */ React18.createElement(Icon, {
|
|
6948
6946
|
icon: indeterminate ? import_minus2.default : import_tick2.default,
|
|
6947
|
+
strokeWidth: "2px",
|
|
6949
6948
|
className: classNames(
|
|
6950
6949
|
tw(
|
|
6951
6950
|
"absolute top-0 right-0",
|
|
6952
6951
|
"pointer-events-none p-[2px] w-5 h-5",
|
|
6953
|
-
"text-transparent [&>path]:stroke-transparent",
|
|
6952
|
+
"text-transparent [&>path]:stroke-transparent [&>path]:stroke-2",
|
|
6954
6953
|
"rounded-sm border border-grey-20 peer-focus:border-info-70"
|
|
6955
6954
|
),
|
|
6956
6955
|
{
|
|
6957
|
-
"peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-
|
|
6958
|
-
"border-grey-5 peer-checked:text-
|
|
6956
|
+
"peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-80": !disabled,
|
|
6957
|
+
"border-grey-5 peer-checked:text-primary-10 peer-checked:[&>path]:stroke-primary-10 peer-checked:border-primary-40": disabled
|
|
6959
6958
|
}
|
|
6960
6959
|
)
|
|
6961
6960
|
}));
|
|
@@ -7404,7 +7403,7 @@ var Modal = (_a) => {
|
|
|
7404
7403
|
Modal.BackDrop = (_a) => {
|
|
7405
7404
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
|
7406
7405
|
return /* @__PURE__ */ React27.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
|
7407
|
-
className: classNames(tw("-z-10 fixed min-w-full min-h-full bg-
|
|
7406
|
+
className: classNames(tw("-z-10 fixed min-w-full min-h-full bg-primary-100 opacity-60"), className)
|
|
7408
7407
|
}));
|
|
7409
7408
|
};
|
|
7410
7409
|
Modal.Dialog = React27.forwardRef(
|
|
@@ -7640,10 +7639,10 @@ var RadioButton = React31.forwardRef(
|
|
|
7640
7639
|
tw(
|
|
7641
7640
|
"inline-flex justify-center items-center self-center appearance-none",
|
|
7642
7641
|
"w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20",
|
|
7643
|
-
"outline-none focus:border-info-70 checked:bg-
|
|
7642
|
+
"outline-none focus:border-info-70 checked:bg-primary-80 checked:shadow-whiteInset",
|
|
7644
7643
|
{
|
|
7645
|
-
"hover:border-grey-50 checked:border-
|
|
7646
|
-
"cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40": disabled
|
|
7644
|
+
"hover:border-grey-50 checked:border-primary-80": !disabled,
|
|
7645
|
+
"cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40 checked:bg-primary-40 checked:border-primary-40": disabled
|
|
7647
7646
|
}
|
|
7648
7647
|
)
|
|
7649
7648
|
),
|
|
@@ -7925,8 +7924,8 @@ var Switch = React34.forwardRef(
|
|
|
7925
7924
|
"outline-none focus:border border-info-70 bg-grey-20",
|
|
7926
7925
|
"cursor-pointer disabled:cursor-not-allowed",
|
|
7927
7926
|
{
|
|
7928
|
-
"hover:bg-grey-30 checked:bg-
|
|
7929
|
-
"bg-grey-5 checked:opacity-40": disabled
|
|
7927
|
+
"hover:bg-grey-30 checked:bg-primary-80 hover:checked:bg-primary-80": !disabled,
|
|
7928
|
+
"bg-grey-5 checked:opacity-40 checked:bg-primary-40": disabled
|
|
7930
7929
|
}
|
|
7931
7930
|
)
|
|
7932
7931
|
),
|
|
@@ -22,26 +22,26 @@ import warning from '../../../src/icons/warningSign';
|
|
|
22
22
|
const alertTypes = {
|
|
23
23
|
information: {
|
|
24
24
|
icon: info,
|
|
25
|
-
color: 'info-
|
|
25
|
+
color: 'info-70',
|
|
26
26
|
},
|
|
27
27
|
warning: {
|
|
28
28
|
icon: warning,
|
|
29
|
-
color: 'warning-
|
|
29
|
+
color: 'warning-90',
|
|
30
30
|
},
|
|
31
31
|
error: {
|
|
32
32
|
icon: error,
|
|
33
|
-
color: 'error-
|
|
33
|
+
color: 'error-70',
|
|
34
34
|
},
|
|
35
35
|
success: {
|
|
36
36
|
icon: success,
|
|
37
|
-
color: 'success-
|
|
37
|
+
color: 'success-70',
|
|
38
38
|
},
|
|
39
39
|
};
|
|
40
40
|
export const Alert = (_a) => {
|
|
41
41
|
var { children, className, type, dense } = _a, rest = __rest(_a, ["children", "className", "type", "dense"]);
|
|
42
42
|
return (React.createElement("div", Object.assign({}, rest, { role: type === 'error' || type === 'warning' ? 'alert' : 'status', className: classNames(tw('rounded grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-2', {
|
|
43
43
|
'bg-error-5': type === 'error',
|
|
44
|
-
'bg-info-
|
|
44
|
+
'bg-info-10': type === 'information',
|
|
45
45
|
'bg-success-5': type === 'success',
|
|
46
46
|
'bg-warning-5': type === 'warning',
|
|
47
47
|
'p-4': Boolean(dense),
|
|
@@ -71,4 +71,4 @@ Alert.Dismiss = (_a) => {
|
|
|
71
71
|
return (React.createElement("div", { className: tw('h-[20px] col-start-3 row-start-1') },
|
|
72
72
|
React.createElement(IconButton, Object.assign({}, rest, { UNSAFE_className: tw('-m-2'), tooltip: "Dismiss", icon: cross }))));
|
|
73
73
|
};
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQWxlcnQvQWxlcnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBb0IsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDM0UsT0FBTyxFQUFFLElBQUksRUFBa0IsTUFBTSx5QkFBeUIsQ0FBQztBQUUvRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFN0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxvQkFBb0IsQ0FBQztBQUN0QyxPQUFPLE9BQU8sTUFBTSxzQkFBc0IsQ0FBQztBQUMzQyxPQUFPLE9BQU8sTUFBTSx1QkFBdUIsQ0FBQztBQXdCNUMsTUFBTSxVQUFVLEdBQWU7SUFDN0IsV0FBVyxFQUFFO1FBQ1gsSUFBSSxFQUFFLElBQUk7UUFDVixLQUFLLEVBQUUsU0FBUztLQUNqQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxPQUFPO1FBQ2IsS0FBSyxFQUFFLFlBQVk7S0FDcEI7SUFDRCxLQUFLLEVBQUU7UUFDTCxJQUFJLEVBQUUsS0FBSztRQUNYLEtBQUssRUFBRSxVQUFVO0tBQ2xCO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsSUFBSSxFQUFFLE9BQU87UUFDYixLQUFLLEVBQUUsWUFBWTtLQUNwQjtDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlELENBQUMsRUFNM0UsRUFBRSxFQUFFO1FBTnVFLEVBQzFFLFFBQVEsRUFDUixTQUFTLEVBQ1QsSUFBSSxFQUNKLEtBQUssT0FFTixFQURJLElB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
|
|
@@ -11,11 +11,8 @@ declare type BannerLayoutProps = {
|
|
|
11
11
|
declare type BannerVariantProps = {
|
|
12
12
|
variant: BannerVariantType;
|
|
13
13
|
};
|
|
14
|
-
declare type BannerTitleVariant = {
|
|
15
|
-
titleVariant?: 'primary' | 'secondary';
|
|
16
|
-
};
|
|
17
14
|
declare type ComposedBannerProps = {
|
|
18
|
-
Title: React.FC<BannerLayoutProps &
|
|
15
|
+
Title: React.FC<BannerLayoutProps & TypographyProps>;
|
|
19
16
|
Description: React.FC<TypographyProps & {
|
|
20
17
|
flexGrow: boolean;
|
|
21
18
|
}>;
|
|
@@ -26,8 +26,8 @@ export const Banner = (_a) => {
|
|
|
26
26
|
})) }), children));
|
|
27
27
|
};
|
|
28
28
|
Banner.Title = (_a) => {
|
|
29
|
-
var { children, className, layout
|
|
30
|
-
return (React.createElement(Typography, Object.assign({}, rest, { variant: "subheading", color:
|
|
29
|
+
var { children, className, layout } = _a, rest = __rest(_a, ["children", "className", "layout"]);
|
|
30
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "subheading", color: "grey-100", className: classNames(className, tw('whitespace-nowrap', {
|
|
31
31
|
'mb-3': layout === 'vertical',
|
|
32
32
|
})) }), children));
|
|
33
33
|
};
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Jhbm5lci9CYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQWlCLE1BQU0sdUJBQXVCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUF5QnBELE1BQU0sT0FBTyxHQUFHO0lBQ2QsbUJBQW1CLEVBQUUsS0FBSztJQUMxQix1QkFBdUIsRUFBRSxJQUFpQztDQUMzRCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFzRixDQUFDLEVBTXpHLEVBQUUsRUFBRTtRQU5xRyxFQUN4RyxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixPQUFPLE9BRVIsRUFESSxJQUFJLGNBTGlHLDhDQU16RyxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGtEQUFrRCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsRUFBRTtZQUNsRixjQUFjLEVBQUUsTUFBTSxLQUFLLFlBQVk7WUFDdkMsV0FBVyxFQUFFLE9BQU8sS0FBSyxTQUFTO1lBQ2xDLCtCQUErQixFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3hELENBQUMsQ0FDSCxLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQXdDLEVBQUUsRUFBRTtRQUE1QyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUF0QyxtQ0FBd0MsQ0FBRjtJQUFPLE9BQUEsQ0FDM0Qs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
|
|
@@ -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-grey-50 peer-checked:border-
|
|
20
|
+
'hover:border-grey-50 peer-checked:border-primary-80': !disabled,
|
|
21
21
|
'border-grey-5': 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
|
-
'cursor-pointer checked:bg-
|
|
25
|
-
'cursor-not-allowed bg-grey-0': disabled,
|
|
24
|
+
'cursor-pointer checked:bg-primary-80': !disabled,
|
|
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, className: classNames(tw('absolute top-0 right-0', 'pointer-events-none p-[2px] w-5 h-5', 'text-transparent [&>path]:stroke-transparent', 'rounded-sm border border-grey-20 peer-focus:border-info-70'),
|
|
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-grey-20 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-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-
|
|
31
|
-
'border-grey-5 peer-checked:text-
|
|
30
|
+
'peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-80': !disabled,
|
|
31
|
+
'border-grey-5 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBWWxDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxDQUFDLEVBQTJGLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBcEcsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsYUFBYSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBekYsbUVBQTJGLENBQUY7SUFBWSxPQUFBLENBQ3BHLDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDhEQUE4RCxDQUFDLEVBQUU7WUFDeEYscURBQXFELEVBQUUsQ0FBQyxRQUFRO1lBQ2hFLGVBQWUsRUFBRSxRQUFRO1NBQzFCLENBQUM7UUFFRiw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLFVBQVUsRUFDZixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkNBQTJDLEVBQUUsc0NBQXNDLEVBQUU7Z0JBQ3RGLHNDQUFzQyxFQUFFLENBQUMsUUFBUTtnQkFDakQsb0RBQW9ELEVBQUUsUUFBUTthQUMvRCxDQUFDLENBQ0gsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksRUFDbEMsV0FBVyxFQUFDLEtBQUssRUFDakIsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUNBLHdCQUF3QixFQUN4QixxQ0FBcUMsRUFDckMsZ0VBQWdFLEVBQ2hFLDREQUE0RCxDQUM3RDtZQUNELDhHQUE4RztZQUM5RztnQkFDRSxxSEFBcUgsRUFDbkgsQ0FBQyxRQUFRO2dCQUNYLG1IQUFtSCxFQUNqSCxRQUFRO2FBQ1gsQ0FDRixHQUNELENBQ0csQ0FDUixDQUFBO0NBQUEsQ0FDRixDQUFDIn0=
|
|
@@ -18,7 +18,7 @@ export const Modal = (_a) => {
|
|
|
18
18
|
};
|
|
19
19
|
Modal.BackDrop = (_a) => {
|
|
20
20
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
21
|
-
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('-z-10 fixed min-w-full min-h-full bg-
|
|
21
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('-z-10 fixed min-w-full min-h-full bg-primary-100 opacity-60'), className) })));
|
|
22
22
|
};
|
|
23
23
|
Modal.Dialog = React.forwardRef((_a, ref) => {
|
|
24
24
|
var { children, className, size = 'sm' } = _a, rest = __rest(_a, ["children", "className", "size"]);
|
|
@@ -65,4 +65,4 @@ Modal.Actions = (_a) => {
|
|
|
65
65
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
66
66
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-4 justify-end'), className) }), children));
|
|
67
67
|
};
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvTW9kYWwvTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU3RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBaUNwRCxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlELENBQUMsRUFBc0MsRUFBRSxFQUFFO1FBQTFDLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxJQUFJLE9BQVcsRUFBTixJQUFJLGNBQXBDLGlDQUFzQyxDQUFGO0lBQzlHLE9BQUEsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUNMLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsNkVBQTZFLENBQUMsRUFDakYsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBO0NBQUEsQ0FBQztBQUVYLEtBQUssQ0FBQyxRQUFRLEdBQUcsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzNDLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyw2REFBNkQsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3ZILENBQUE7Q0FBQSxDQUFDO0FBRUYsS0FBSyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixDQUFDLEVBQTZDLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBdEQsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLElBQUksR0FBRyxJQUFJLE9BQVcsRUFBTixJQUFJLGNBQTND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
|
|
@@ -13,9 +13,9 @@ import React from 'react';
|
|
|
13
13
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
|
14
14
|
export const RadioButton = React.forwardRef((_a, ref) => {
|
|
15
15
|
var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
|
|
16
|
-
return (React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: classNames(tw('inline-flex justify-center items-center self-center appearance-none', 'w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20', 'outline-none focus:border-info-70 checked:bg-
|
|
17
|
-
'hover:border-grey-50 checked:border-
|
|
18
|
-
'cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40': disabled,
|
|
16
|
+
return (React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: classNames(tw('inline-flex justify-center items-center self-center appearance-none', 'w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20', 'outline-none focus:border-info-70 checked:bg-primary-80 checked:shadow-whiteInset', {
|
|
17
|
+
'hover:border-grey-50 checked:border-primary-80': !disabled,
|
|
18
|
+
'cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40 checked:bg-primary-40 checked:border-primary-40': disabled,
|
|
19
19
|
})), readOnly: readOnly, disabled: disabled })));
|
|
20
20
|
});
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvUmFkaW9CdXR0b24vUmFkaW9CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXcEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3pDLENBQUMsRUFBb0UsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBbEUsa0RBQW9FLENBQUY7SUFBWSxPQUFBLENBQzdFLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsT0FBTyxFQUNaLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSxxRUFBcUUsRUFDckUsbUVBQW1FLEVBQ25FLG1GQUFtRixFQUNuRjtZQUNFLGdEQUFnRCxFQUFFLENBQUMsUUFBUTtZQUMzRCxrSEFBa0gsRUFDaEgsUUFBUTtTQUNYLENBQ0YsQ0FDRixFQUNELFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLElBQ2xCLENBQ0gsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9
|
|
@@ -15,11 +15,11 @@ export const Switch = React.forwardRef((_a, ref) => {
|
|
|
15
15
|
var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
|
|
16
16
|
return (React.createElement("span", { className: tw('relative inline-flex justify-center items-center self-center group') },
|
|
17
17
|
React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: classNames(tw('appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300', 'outline-none focus:border border-info-70 bg-grey-20', 'cursor-pointer disabled:cursor-not-allowed', {
|
|
18
|
-
'hover:bg-grey-30 checked:bg-
|
|
19
|
-
'bg-grey-5 checked:opacity-40': disabled,
|
|
18
|
+
'hover:bg-grey-30 checked:bg-primary-80 hover:checked:bg-primary-80': !disabled,
|
|
19
|
+
'bg-grey-5 checked:opacity-40 checked:bg-primary-40': disabled,
|
|
20
20
|
})), readOnly: readOnly, disabled: disabled })),
|
|
21
21
|
React.createElement("span", { className: tw('pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5', 'bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1', {
|
|
22
22
|
'shadow-4dp': !disabled,
|
|
23
23
|
}) })));
|
|
24
24
|
});
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL1N3aXRjaC9Td2l0Y2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXcEQsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLENBQUMsRUFBb0UsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBbEUsa0RBQW9FLENBQUY7SUFBWSxPQUFBLENBQzdFLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsb0VBQW9FLENBQUM7UUFDdkYsNkNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFFLElBQUksSUFDTixLQUFLLElBQ1QsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUNBLGlHQUFpRyxFQUNqRyxxREFBcUQsRUFDckQsNENBQTRDLEVBQzVDO2dCQUNFLG9FQUFvRSxFQUFFLENBQUMsUUFBUTtnQkFDL0Usb0RBQW9ELEVBQUUsUUFBUTthQUMvRCxDQUNGLENBQ0YsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLDhCQUNFLFNBQVMsRUFBRSxFQUFFLENBQ1gsb0lBQW9JLEVBQ3BJLDJFQUEyRSxFQUMzRTtnQkFDRSxZQUFZLEVBQUUsQ0FBQyxRQUFRO2FBQ3hCLENBQ0YsR0FDRCxDQUNHLENBQ1IsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9
|
|
@@ -14,7 +14,7 @@ const createBanner = (displayName, opts = {}) => {
|
|
|
14
14
|
const isDismissable = onDismiss !== undefined;
|
|
15
15
|
return (React.createElement(BannerBase, { className: "Aquarium-Banner", layout: layout, variant: variant },
|
|
16
16
|
React.createElement(BannerBase.ContentContainer, { layout: layout },
|
|
17
|
-
React.createElement(BannerBase.Title, { layout: layout
|
|
17
|
+
React.createElement(BannerBase.Title, { layout: layout }, title),
|
|
18
18
|
React.createElement(BannerBase.Description, { flexGrow: isDismissable ? false : true }, children || description),
|
|
19
19
|
action && (React.createElement(BannerBase.Actions, { layout: layout },
|
|
20
20
|
!isLink(action) && (React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
|
@@ -43,4 +43,4 @@ const OneLineBannerBase = createBanner('OneLineBanner', {
|
|
|
43
43
|
isOneLineBanner: true,
|
|
44
44
|
});
|
|
45
45
|
export const OneLineBanner = OneLineBannerBase;
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLE1BQU0sSUFBSSxVQUFVLEVBQWlELE1BQU0seUJBQXlCLENBQUM7QUFFOUcsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUd4QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQXFEcEMsTUFBTSxtQkFBbUIsR0FBYSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxHQUFJLENBQUM7QUFFOUYsTUFBTSxZQUFZLEdBQUcsQ0FBQyxXQUFtQixFQUFFLE9BQXNCLEVBQUUsRUFBRSxFQUFFO0lBQ3JFLE1BQU0sZUFBZSxHQUEwQixDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ3ZELE1BQU0sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEdBQUcsU0FBUyxFQUFFLFFBQVEsRUFBRSxHQUFHLEtBQUssQ0FBQztRQUMzRyxNQUFNLE1BQU0sR0FBcUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxVQUFVLElBQUksVUFBVSxDQUFDO1FBQ2hHLE1BQU0sYUFBYSxHQUFHLFNB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
|
|
@@ -44,7 +44,7 @@ export declare const Box: {
|
|
|
44
44
|
space?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
45
45
|
spaceX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
46
46
|
spaceY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
47
|
-
backgroundColor?: "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "black" | "transparent" | "white" | "current" |
|
|
47
|
+
backgroundColor?: "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "black" | "transparent" | "white" | "current" | undefined;
|
|
48
48
|
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full" | "fit" | undefined;
|
|
49
49
|
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "full" | "fit" | undefined;
|
|
50
50
|
maxWidth?: "none" | "max" | "min" | "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "fit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "prose" | "screen-default" | "screen-xs" | "screen-sm" | "screen-md" | "screen-lg" | "screen-xl" | undefined;
|
|
@@ -76,7 +76,7 @@ export declare const BorderBox: React.ComponentType<Omit<Pick<any, string | numb
|
|
|
76
76
|
space?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
77
77
|
spaceX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
78
78
|
spaceY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
79
|
-
backgroundColor?: "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "black" | "transparent" | "white" | "current" |
|
|
79
|
+
backgroundColor?: "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "black" | "transparent" | "white" | "current" | undefined;
|
|
80
80
|
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full" | "fit" | undefined;
|
|
81
81
|
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "full" | "fit" | undefined;
|
|
82
82
|
maxWidth?: "none" | "max" | "min" | "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "fit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "prose" | "screen-default" | "screen-xs" | "screen-sm" | "screen-md" | "screen-lg" | "screen-xl" | undefined;
|