@aivenio/aquarium 1.21.0 → 1.22.0-rc1
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 +13 -13
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +47 -47
- package/dist/atoms.mjs +47 -47
- package/dist/src/atoms/Banner/Banner.js +3 -3
- package/dist/src/atoms/Checkbox/Checkbox.js +6 -6
- 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/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/molecules/Button/Button.js +7 -6
- package/dist/src/molecules/Link/Link.js +1 -1
- package/dist/src/molecules/Tabs/Tabs.js +3 -3
- package/dist/src/utils/constants.js +3 -3
- package/dist/styles.css +155 -128
- package/dist/styles_timescaledb.css +134 -107
- package/dist/system.cjs +53 -54
- package/dist/system.mjs +53 -54
- package/dist/tailwind.theme.json +12 -12
- package/dist/tokens.json +12 -12
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +4 -4
package/dist/_variables.scss
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
|
2
2
|
// Do not edit directly
|
3
|
-
// Generated on Wed, 24 May 2023 12:
|
3
|
+
// Generated on Wed, 24 May 2023 12:23:43 GMT
|
4
4
|
|
5
5
|
$border-radius-none: 0px !default;
|
6
6
|
$border-radius-sm: 0.125rem !default;
|
@@ -82,18 +82,18 @@ $colors-secondary-20: #f8c99c !default;
|
|
82
82
|
$colors-secondary-10: #fee8d0 !default;
|
83
83
|
$colors-secondary-5: #fff3e8 !default;
|
84
84
|
$colors-secondary-0: #fffbf8 !default;
|
85
|
-
$colors-primary-100:
|
86
|
-
$colors-primary-90: #
|
87
|
-
$colors-primary-80: #
|
88
|
-
$colors-primary-70: #
|
89
|
-
$colors-primary-60: #
|
90
|
-
$colors-primary-50: #
|
91
|
-
$colors-primary-40: #
|
92
|
-
$colors-primary-30: #
|
93
|
-
$colors-primary-20: #
|
94
|
-
$colors-primary-10: #
|
95
|
-
$colors-primary-5: #
|
96
|
-
$colors-primary-0: #
|
85
|
+
$colors-primary-100: 0e1652 !default;
|
86
|
+
$colors-primary-90: #222f95 !default;
|
87
|
+
$colors-primary-80: #3545be !default;
|
88
|
+
$colors-primary-70: #5865cd !default;
|
89
|
+
$colors-primary-60: #818eec !default;
|
90
|
+
$colors-primary-50: #000000 !default;
|
91
|
+
$colors-primary-40: #b9c5ef !default;
|
92
|
+
$colors-primary-30: #000000 !default;
|
93
|
+
$colors-primary-20: #000000 !default;
|
94
|
+
$colors-primary-10: #e3e9ff !default;
|
95
|
+
$colors-primary-5: #f3f6ff !default;
|
96
|
+
$colors-primary-0: #ffffff !default;
|
97
97
|
$colors-grey-20: #d2d2d6 !default;
|
98
98
|
$colors-transparent: transparent !default;
|
99
99
|
$colors-white: white !default;
|
package/dist/atoms.cjs
CHANGED
@@ -4421,18 +4421,18 @@ var require_tokens = __commonJS({
|
|
4421
4421
|
"secondary-10": "#fee8d0",
|
4422
4422
|
"secondary-5": "#fff3e8",
|
4423
4423
|
"secondary-0": "#fffbf8",
|
4424
|
-
"primary-100": "
|
4425
|
-
"primary-90": "#
|
4426
|
-
"primary-80": "#
|
4427
|
-
"primary-70": "#
|
4428
|
-
"primary-60": "#
|
4429
|
-
"primary-50": "#
|
4430
|
-
"primary-40": "#
|
4431
|
-
"primary-30": "#
|
4432
|
-
"primary-20": "#
|
4433
|
-
"primary-10": "#
|
4434
|
-
"primary-5": "#
|
4435
|
-
"primary-0": "#
|
4424
|
+
"primary-100": "0e1652",
|
4425
|
+
"primary-90": "#222f95",
|
4426
|
+
"primary-80": "#3545be",
|
4427
|
+
"primary-70": "#5865cd",
|
4428
|
+
"primary-60": "#818eec",
|
4429
|
+
"primary-50": "#000000",
|
4430
|
+
"primary-40": "#b9c5ef",
|
4431
|
+
"primary-30": "#000000",
|
4432
|
+
"primary-20": "#000000",
|
4433
|
+
"primary-10": "#e3e9ff",
|
4434
|
+
"primary-5": "#f3f6ff",
|
4435
|
+
"primary-0": "#ffffff",
|
4436
4436
|
"grey-20": "#d2d2d6"
|
4437
4437
|
},
|
4438
4438
|
typography: {
|
@@ -5329,18 +5329,18 @@ var tailwind_theme_default = {
|
|
5329
5329
|
"secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
|
5330
5330
|
"secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
|
5331
5331
|
"secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
|
5332
|
-
"primary-100": "var(--aquarium-colors-primary-100,
|
5333
|
-
"primary-90": "var(--aquarium-colors-primary-90, #
|
5334
|
-
"primary-80": "var(--aquarium-colors-primary-80, #
|
5335
|
-
"primary-70": "var(--aquarium-colors-primary-70, #
|
5336
|
-
"primary-60": "var(--aquarium-colors-primary-60, #
|
5337
|
-
"primary-50": "var(--aquarium-colors-primary-50, #
|
5338
|
-
"primary-40": "var(--aquarium-colors-primary-40, #
|
5339
|
-
"primary-30": "var(--aquarium-colors-primary-30, #
|
5340
|
-
"primary-20": "var(--aquarium-colors-primary-20, #
|
5341
|
-
"primary-10": "var(--aquarium-colors-primary-10, #
|
5342
|
-
"primary-5": "var(--aquarium-colors-primary-5, #
|
5343
|
-
"primary-0": "var(--aquarium-colors-primary-0, #
|
5332
|
+
"primary-100": "var(--aquarium-colors-primary-100, 0e1652)",
|
5333
|
+
"primary-90": "var(--aquarium-colors-primary-90, #222f95)",
|
5334
|
+
"primary-80": "var(--aquarium-colors-primary-80, #3545be)",
|
5335
|
+
"primary-70": "var(--aquarium-colors-primary-70, #5865cd)",
|
5336
|
+
"primary-60": "var(--aquarium-colors-primary-60, #818eec)",
|
5337
|
+
"primary-50": "var(--aquarium-colors-primary-50, #000000)",
|
5338
|
+
"primary-40": "var(--aquarium-colors-primary-40, #b9c5ef)",
|
5339
|
+
"primary-30": "var(--aquarium-colors-primary-30, #000000)",
|
5340
|
+
"primary-20": "var(--aquarium-colors-primary-20, #000000)",
|
5341
|
+
"primary-10": "var(--aquarium-colors-primary-10, #e3e9ff)",
|
5342
|
+
"primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
|
5343
|
+
"primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
|
5344
5344
|
"grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
|
5345
5345
|
transparent: "var(--aquarium-colors-transparent, transparent)",
|
5346
5346
|
white: "var(--aquarium-colors-white, white)",
|
@@ -6508,9 +6508,12 @@ var Arrow = (props) => {
|
|
6508
6508
|
|
6509
6509
|
// src/utils/constants.ts
|
6510
6510
|
var ghostButtonStyle = tw(
|
6511
|
-
"text-primary-80 active:text-primary-70 focus-visible:text-
|
6511
|
+
"text-primary-80 active:text-primary-70 focus-visible:text-primary-90 hover:text-primary-70 disabled:text-primary-40"
|
6512
|
+
);
|
6513
|
+
var linkStyle = classNames(
|
6514
|
+
ghostButtonStyle,
|
6515
|
+
tw("visited:text-primary-80 underline hover:no-underline focusable")
|
6512
6516
|
);
|
6513
|
-
var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80 focusable"));
|
6514
6517
|
|
6515
6518
|
// src/utils/string.ts
|
6516
6519
|
var capitalize = (a) => a.charAt(0).toUpperCase() + a.slice(1);
|
@@ -6520,12 +6523,12 @@ var import_chevronDown2 = __toESM(require_chevronDown());
|
|
6520
6523
|
var import_loading2 = __toESM(require_loading());
|
6521
6524
|
var COLOR_CLASSNAMES = {
|
6522
6525
|
"primary": tw(
|
6523
|
-
"text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-
|
6526
|
+
"text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-90 focus-visible:ring-inset hover:bg-primary-70 disabled:bg-primary-40"
|
6524
6527
|
),
|
6525
6528
|
"secondary": tw(
|
6526
|
-
"text-
|
6527
|
-
"focus-visible:ring-2 focus-visible:ring-
|
6528
|
-
"hover:ring-
|
6529
|
+
"text-primary-80 bg-white ring-1 ring-primary-80 ring-inset active:bg-primary-5 active:ring-primary-90 active:text-primary-80",
|
6530
|
+
"focus-visible:ring-2 focus-visible:ring-primary-90 focus-visible:text-primary-80",
|
6531
|
+
"hover:ring-primary-70 hover:text-primary-70 disabled:text-primary-40 disabled:ring-primary-40"
|
6529
6532
|
),
|
6530
6533
|
"ghost": ghostButtonStyle,
|
6531
6534
|
"text": ghostButtonStyle,
|
@@ -6533,15 +6536,12 @@ var COLOR_CLASSNAMES = {
|
|
6533
6536
|
"text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30"
|
6534
6537
|
)
|
6535
6538
|
};
|
6536
|
-
var LoadingSpinner = ({
|
6537
|
-
size = "20px",
|
6538
|
-
kind = "primary"
|
6539
|
-
}) => {
|
6539
|
+
var LoadingSpinner = ({ size = "20px" }) => {
|
6540
6540
|
return /* @__PURE__ */ import_react18.default.createElement(InlineIcon, {
|
6541
6541
|
icon: import_loading2.default,
|
6542
6542
|
width: size,
|
6543
6543
|
height: size,
|
6544
|
-
color:
|
6544
|
+
color: "primary-80",
|
6545
6545
|
"data-testid": "loading-button"
|
6546
6546
|
});
|
6547
6547
|
};
|
@@ -6639,6 +6639,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
6639
6639
|
"text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent": isIconOnlyButton,
|
6640
6640
|
"typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
|
6641
6641
|
"typography-small-strong": dense && !isIconOnlyButton && kind !== "text",
|
6642
|
+
"underline hover:no-underline": kind === "text",
|
6642
6643
|
"py-3 px-4": !dense && isButton,
|
6643
6644
|
"py-2 px-3": dense && isButton,
|
6644
6645
|
"py-3": !dense && isGhost,
|
@@ -6655,8 +6656,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
6655
6656
|
className: tw("absolute left-1/2 top-0 bottom-0 flex"),
|
6656
6657
|
style: { transform: "translate(-50%)" }
|
6657
6658
|
}, /* @__PURE__ */ import_react18.default.createElement(LoadingSpinner, {
|
6658
|
-
size: iconSize
|
6659
|
-
kind: kind === "primary" ? "primary" : "secondary"
|
6659
|
+
size: iconSize
|
6660
6660
|
})), /* @__PURE__ */ import_react18.default.createElement("div", {
|
6661
6661
|
className: tw({ invisible: loading2 })
|
6662
6662
|
}, buttonContent())) : buttonContent());
|
@@ -6946,7 +6946,7 @@ var Checkbox = import_react22.default.forwardRef(
|
|
6946
6946
|
var _b = _a, { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
|
6947
6947
|
return /* @__PURE__ */ import_react22.default.createElement("span", {
|
6948
6948
|
className: classNames(tw("inline-flex justify-center items-center self-center relative"), {
|
6949
|
-
"hover:border-grey-50 peer-checked:border-
|
6949
|
+
"hover:border-grey-50 peer-checked:border-primary-80": !disabled,
|
6950
6950
|
"border-grey-5": disabled
|
6951
6951
|
})
|
6952
6952
|
}, /* @__PURE__ */ import_react22.default.createElement("input", __spreadProps(__spreadValues({
|
@@ -6957,8 +6957,8 @@ var Checkbox = import_react22.default.forwardRef(
|
|
6957
6957
|
}, props), {
|
6958
6958
|
className: classNames(
|
6959
6959
|
tw("peer appearance-none outline-none w-5 h-5", "rounded-sm border border-transparent", {
|
6960
|
-
"cursor-pointer checked:bg-
|
6961
|
-
"cursor-not-allowed bg-grey-0": disabled
|
6960
|
+
"cursor-pointer checked:bg-primary-80": !disabled,
|
6961
|
+
"cursor-not-allowed bg-grey-0 checked:bg-primary-40": disabled
|
6962
6962
|
})
|
6963
6963
|
),
|
6964
6964
|
readOnly,
|
@@ -6973,8 +6973,8 @@ var Checkbox = import_react22.default.forwardRef(
|
|
6973
6973
|
"rounded-sm border border-grey-20 peer-focus:border-info-70"
|
6974
6974
|
),
|
6975
6975
|
{
|
6976
|
-
"peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-
|
6977
|
-
"border-grey-5 peer-checked:text-
|
6976
|
+
"peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-80": !disabled,
|
6977
|
+
"border-grey-5 peer-checked:text-primary-10 peer-checked:[&>path]:stroke-primary-10 peer-checked:border-primary-40": disabled
|
6978
6978
|
}
|
6979
6979
|
)
|
6980
6980
|
}));
|
@@ -7560,10 +7560,10 @@ var RadioButton = import_react33.default.forwardRef(
|
|
7560
7560
|
tw(
|
7561
7561
|
"inline-flex justify-center items-center self-center appearance-none",
|
7562
7562
|
"w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20",
|
7563
|
-
"outline-none focus:border-info-70 checked:bg-
|
7563
|
+
"outline-none focus:border-info-70 checked:bg-primary-80 checked:shadow-whiteInset",
|
7564
7564
|
{
|
7565
|
-
"hover:border-grey-50 checked:border-
|
7566
|
-
"cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40": disabled
|
7565
|
+
"hover:border-grey-50 checked:border-primary-80": !disabled,
|
7566
|
+
"cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40 checked:bg-primary-40 checked:border-primary-40": disabled
|
7567
7567
|
}
|
7568
7568
|
)
|
7569
7569
|
),
|
@@ -7845,8 +7845,8 @@ var Switch = import_react36.default.forwardRef(
|
|
7845
7845
|
"outline-none focus:border border-info-70 bg-grey-20",
|
7846
7846
|
"cursor-pointer disabled:cursor-not-allowed",
|
7847
7847
|
{
|
7848
|
-
"hover:bg-grey-30 checked:bg-
|
7849
|
-
"bg-grey-5 checked:opacity-40": disabled
|
7848
|
+
"hover:bg-grey-30 checked:bg-primary-80 hover:checked:bg-primary-80": !disabled,
|
7849
|
+
"bg-grey-5 checked:opacity-40 checked:bg-primary-40": disabled
|
7850
7850
|
}
|
7851
7851
|
)
|
7852
7852
|
),
|
package/dist/atoms.mjs
CHANGED
@@ -4415,18 +4415,18 @@ var require_tokens = __commonJS({
|
|
4415
4415
|
"secondary-10": "#fee8d0",
|
4416
4416
|
"secondary-5": "#fff3e8",
|
4417
4417
|
"secondary-0": "#fffbf8",
|
4418
|
-
"primary-100": "
|
4419
|
-
"primary-90": "#
|
4420
|
-
"primary-80": "#
|
4421
|
-
"primary-70": "#
|
4422
|
-
"primary-60": "#
|
4423
|
-
"primary-50": "#
|
4424
|
-
"primary-40": "#
|
4425
|
-
"primary-30": "#
|
4426
|
-
"primary-20": "#
|
4427
|
-
"primary-10": "#
|
4428
|
-
"primary-5": "#
|
4429
|
-
"primary-0": "#
|
4418
|
+
"primary-100": "0e1652",
|
4419
|
+
"primary-90": "#222f95",
|
4420
|
+
"primary-80": "#3545be",
|
4421
|
+
"primary-70": "#5865cd",
|
4422
|
+
"primary-60": "#818eec",
|
4423
|
+
"primary-50": "#000000",
|
4424
|
+
"primary-40": "#b9c5ef",
|
4425
|
+
"primary-30": "#000000",
|
4426
|
+
"primary-20": "#000000",
|
4427
|
+
"primary-10": "#e3e9ff",
|
4428
|
+
"primary-5": "#f3f6ff",
|
4429
|
+
"primary-0": "#ffffff",
|
4430
4430
|
"grey-20": "#d2d2d6"
|
4431
4431
|
},
|
4432
4432
|
typography: {
|
@@ -5288,18 +5288,18 @@ var tailwind_theme_default = {
|
|
5288
5288
|
"secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
|
5289
5289
|
"secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
|
5290
5290
|
"secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
|
5291
|
-
"primary-100": "var(--aquarium-colors-primary-100,
|
5292
|
-
"primary-90": "var(--aquarium-colors-primary-90, #
|
5293
|
-
"primary-80": "var(--aquarium-colors-primary-80, #
|
5294
|
-
"primary-70": "var(--aquarium-colors-primary-70, #
|
5295
|
-
"primary-60": "var(--aquarium-colors-primary-60, #
|
5296
|
-
"primary-50": "var(--aquarium-colors-primary-50, #
|
5297
|
-
"primary-40": "var(--aquarium-colors-primary-40, #
|
5298
|
-
"primary-30": "var(--aquarium-colors-primary-30, #
|
5299
|
-
"primary-20": "var(--aquarium-colors-primary-20, #
|
5300
|
-
"primary-10": "var(--aquarium-colors-primary-10, #
|
5301
|
-
"primary-5": "var(--aquarium-colors-primary-5, #
|
5302
|
-
"primary-0": "var(--aquarium-colors-primary-0, #
|
5291
|
+
"primary-100": "var(--aquarium-colors-primary-100, 0e1652)",
|
5292
|
+
"primary-90": "var(--aquarium-colors-primary-90, #222f95)",
|
5293
|
+
"primary-80": "var(--aquarium-colors-primary-80, #3545be)",
|
5294
|
+
"primary-70": "var(--aquarium-colors-primary-70, #5865cd)",
|
5295
|
+
"primary-60": "var(--aquarium-colors-primary-60, #818eec)",
|
5296
|
+
"primary-50": "var(--aquarium-colors-primary-50, #000000)",
|
5297
|
+
"primary-40": "var(--aquarium-colors-primary-40, #b9c5ef)",
|
5298
|
+
"primary-30": "var(--aquarium-colors-primary-30, #000000)",
|
5299
|
+
"primary-20": "var(--aquarium-colors-primary-20, #000000)",
|
5300
|
+
"primary-10": "var(--aquarium-colors-primary-10, #e3e9ff)",
|
5301
|
+
"primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
|
5302
|
+
"primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
|
5303
5303
|
"grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
|
5304
5304
|
transparent: "var(--aquarium-colors-transparent, transparent)",
|
5305
5305
|
white: "var(--aquarium-colors-white, white)",
|
@@ -6470,9 +6470,12 @@ var Arrow = (props) => {
|
|
6470
6470
|
|
6471
6471
|
// src/utils/constants.ts
|
6472
6472
|
var ghostButtonStyle = tw(
|
6473
|
-
"text-primary-80 active:text-primary-70 focus-visible:text-
|
6473
|
+
"text-primary-80 active:text-primary-70 focus-visible:text-primary-90 hover:text-primary-70 disabled:text-primary-40"
|
6474
|
+
);
|
6475
|
+
var linkStyle = classNames(
|
6476
|
+
ghostButtonStyle,
|
6477
|
+
tw("visited:text-primary-80 underline hover:no-underline focusable")
|
6474
6478
|
);
|
6475
|
-
var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80 focusable"));
|
6476
6479
|
|
6477
6480
|
// src/utils/string.ts
|
6478
6481
|
var capitalize = (a) => a.charAt(0).toUpperCase() + a.slice(1);
|
@@ -6482,12 +6485,12 @@ var import_chevronDown2 = __toESM(require_chevronDown());
|
|
6482
6485
|
var import_loading2 = __toESM(require_loading());
|
6483
6486
|
var COLOR_CLASSNAMES = {
|
6484
6487
|
"primary": tw(
|
6485
|
-
"text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-
|
6488
|
+
"text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-90 focus-visible:ring-inset hover:bg-primary-70 disabled:bg-primary-40"
|
6486
6489
|
),
|
6487
6490
|
"secondary": tw(
|
6488
|
-
"text-
|
6489
|
-
"focus-visible:ring-2 focus-visible:ring-
|
6490
|
-
"hover:ring-
|
6491
|
+
"text-primary-80 bg-white ring-1 ring-primary-80 ring-inset active:bg-primary-5 active:ring-primary-90 active:text-primary-80",
|
6492
|
+
"focus-visible:ring-2 focus-visible:ring-primary-90 focus-visible:text-primary-80",
|
6493
|
+
"hover:ring-primary-70 hover:text-primary-70 disabled:text-primary-40 disabled:ring-primary-40"
|
6491
6494
|
),
|
6492
6495
|
"ghost": ghostButtonStyle,
|
6493
6496
|
"text": ghostButtonStyle,
|
@@ -6495,15 +6498,12 @@ var COLOR_CLASSNAMES = {
|
|
6495
6498
|
"text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30"
|
6496
6499
|
)
|
6497
6500
|
};
|
6498
|
-
var LoadingSpinner = ({
|
6499
|
-
size = "20px",
|
6500
|
-
kind = "primary"
|
6501
|
-
}) => {
|
6501
|
+
var LoadingSpinner = ({ size = "20px" }) => {
|
6502
6502
|
return /* @__PURE__ */ React14.createElement(InlineIcon, {
|
6503
6503
|
icon: import_loading2.default,
|
6504
6504
|
width: size,
|
6505
6505
|
height: size,
|
6506
|
-
color:
|
6506
|
+
color: "primary-80",
|
6507
6507
|
"data-testid": "loading-button"
|
6508
6508
|
});
|
6509
6509
|
};
|
@@ -6601,6 +6601,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
6601
6601
|
"text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent": isIconOnlyButton,
|
6602
6602
|
"typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
|
6603
6603
|
"typography-small-strong": dense && !isIconOnlyButton && kind !== "text",
|
6604
|
+
"underline hover:no-underline": kind === "text",
|
6604
6605
|
"py-3 px-4": !dense && isButton,
|
6605
6606
|
"py-2 px-3": dense && isButton,
|
6606
6607
|
"py-3": !dense && isGhost,
|
@@ -6617,8 +6618,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
6617
6618
|
className: tw("absolute left-1/2 top-0 bottom-0 flex"),
|
6618
6619
|
style: { transform: "translate(-50%)" }
|
6619
6620
|
}, /* @__PURE__ */ React14.createElement(LoadingSpinner, {
|
6620
|
-
size: iconSize
|
6621
|
-
kind: kind === "primary" ? "primary" : "secondary"
|
6621
|
+
size: iconSize
|
6622
6622
|
})), /* @__PURE__ */ React14.createElement("div", {
|
6623
6623
|
className: tw({ invisible: loading2 })
|
6624
6624
|
}, buttonContent())) : buttonContent());
|
@@ -6908,7 +6908,7 @@ var Checkbox = React18.forwardRef(
|
|
6908
6908
|
var _b = _a, { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
|
6909
6909
|
return /* @__PURE__ */ React18.createElement("span", {
|
6910
6910
|
className: classNames(tw("inline-flex justify-center items-center self-center relative"), {
|
6911
|
-
"hover:border-grey-50 peer-checked:border-
|
6911
|
+
"hover:border-grey-50 peer-checked:border-primary-80": !disabled,
|
6912
6912
|
"border-grey-5": disabled
|
6913
6913
|
})
|
6914
6914
|
}, /* @__PURE__ */ React18.createElement("input", __spreadProps(__spreadValues({
|
@@ -6919,8 +6919,8 @@ var Checkbox = React18.forwardRef(
|
|
6919
6919
|
}, props), {
|
6920
6920
|
className: classNames(
|
6921
6921
|
tw("peer appearance-none outline-none w-5 h-5", "rounded-sm border border-transparent", {
|
6922
|
-
"cursor-pointer checked:bg-
|
6923
|
-
"cursor-not-allowed bg-grey-0": disabled
|
6922
|
+
"cursor-pointer checked:bg-primary-80": !disabled,
|
6923
|
+
"cursor-not-allowed bg-grey-0 checked:bg-primary-40": disabled
|
6924
6924
|
})
|
6925
6925
|
),
|
6926
6926
|
readOnly,
|
@@ -6935,8 +6935,8 @@ var Checkbox = React18.forwardRef(
|
|
6935
6935
|
"rounded-sm border border-grey-20 peer-focus:border-info-70"
|
6936
6936
|
),
|
6937
6937
|
{
|
6938
|
-
"peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-
|
6939
|
-
"border-grey-5 peer-checked:text-
|
6938
|
+
"peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-80": !disabled,
|
6939
|
+
"border-grey-5 peer-checked:text-primary-10 peer-checked:[&>path]:stroke-primary-10 peer-checked:border-primary-40": disabled
|
6940
6940
|
}
|
6941
6941
|
)
|
6942
6942
|
}));
|
@@ -7522,10 +7522,10 @@ var RadioButton = React29.forwardRef(
|
|
7522
7522
|
tw(
|
7523
7523
|
"inline-flex justify-center items-center self-center appearance-none",
|
7524
7524
|
"w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20",
|
7525
|
-
"outline-none focus:border-info-70 checked:bg-
|
7525
|
+
"outline-none focus:border-info-70 checked:bg-primary-80 checked:shadow-whiteInset",
|
7526
7526
|
{
|
7527
|
-
"hover:border-grey-50 checked:border-
|
7528
|
-
"cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40": disabled
|
7527
|
+
"hover:border-grey-50 checked:border-primary-80": !disabled,
|
7528
|
+
"cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40 checked:bg-primary-40 checked:border-primary-40": disabled
|
7529
7529
|
}
|
7530
7530
|
)
|
7531
7531
|
),
|
@@ -7807,8 +7807,8 @@ var Switch = React32.forwardRef(
|
|
7807
7807
|
"outline-none focus:border border-info-70 bg-grey-20",
|
7808
7808
|
"cursor-pointer disabled:cursor-not-allowed",
|
7809
7809
|
{
|
7810
|
-
"hover:bg-grey-30 checked:bg-
|
7811
|
-
"bg-grey-5 checked:opacity-40": disabled
|
7810
|
+
"hover:bg-grey-30 checked:bg-primary-80 hover:checked:bg-primary-80": !disabled,
|
7811
|
+
"bg-grey-5 checked:opacity-40 checked:bg-primary-40": disabled
|
7812
7812
|
}
|
7813
7813
|
)
|
7814
7814
|
),
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Jhbm5lci9CYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBaUIsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE2QnBELE1BQU0sT0FBTyxHQUFHO0lBQ2QsbUJBQW1CLEVBQUUsS0FBSztJQUMxQix1QkFBdUIsRUFBRSxJQUFpQztDQUMzRCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFzRixDQUFDLEVBTXpHLEVBQUUsRUFBRTtRQU5xRyxFQUN4RyxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixPQUFPLE9BRVIsRUFESSxJQUFJLGNBTGlHLDhDQU16RyxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGtEQUFrRCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsRUFBRTtZQUNsRixjQUFjLEVBQUUsTUFBTSxLQUFLLFlBQVk7WUFDdkMsV0FBVyxFQUFFLE9BQU8sS0FBSyxTQUFTO1lBQ2xDLCtCQUErQixFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3hELENBQUMsQ0FDSCxLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQXdDLEVBQUUsRUFBRTtRQUE1QyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUF0QyxtQ0FBd0MsQ0FBRjtJQUFPLE9BQUEsQ0FDM0Qs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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
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'),
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBWWxDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxDQUFDLEVBQTJGLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBcEcsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsYUFBYSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBekYsbUVBQTJGLENBQUY7SUFBWSxPQUFBLENBQ3BHLDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDhEQUE4RCxDQUFDLEVBQUU7WUFDeEYscURBQXFELEVBQUUsQ0FBQyxRQUFRO1lBQ2hFLGVBQWUsRUFBRSxRQUFRO1NBQzFCLENBQUM7UUFFRiw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLFVBQVUsRUFDZixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkNBQTJDLEVBQUUsc0NBQXNDLEVBQUU7Z0JBQ3RGLHNDQUFzQyxFQUFFLENBQUMsUUFBUTtnQkFDakQsb0RBQW9ELEVBQUUsUUFBUTthQUMvRCxDQUFDLENBQ0gsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksRUFDbEMsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUNBLHdCQUF3QixFQUN4QixxQ0FBcUMsRUFDckMsOENBQThDLEVBQzlDLDREQUE0RCxDQUM3RDtZQUNELDhHQUE4RztZQUM5RztnQkFDRSxxSEFBcUgsRUFDbkgsQ0FBQyxRQUFRO2dCQUNYLG1IQUFtSCxFQUNqSCxRQUFRO2FBQ1gsQ0FDRixHQUNELENBQ0csQ0FDUixDQUFBO0NBQUEsQ0FDRixDQUFDIn0=
|
@@ -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
|
@@ -13,7 +13,7 @@ const createBanner = (displayName, opts = {}) => {
|
|
13
13
|
const isDismissable = onDismiss !== undefined;
|
14
14
|
return (React.createElement(BannerBase, { className: "Aquarium-Banner", layout: layout, variant: variant },
|
15
15
|
React.createElement(BannerBase.ContentContainer, { layout: layout },
|
16
|
-
React.createElement(BannerBase.Title, { layout: layout
|
16
|
+
React.createElement(BannerBase.Title, { layout: layout }, title),
|
17
17
|
React.createElement(BannerBase.Description, { flexGrow: isDismissable ? false : true }, children || description),
|
18
18
|
action && (React.createElement(BannerBase.Actions, { layout: layout },
|
19
19
|
React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text)))),
|
@@ -41,4 +41,4 @@ const OneLineBannerBase = createBanner('OneLineBanner', {
|
|
41
41
|
isOneLineBanner: true,
|
42
42
|
});
|
43
43
|
export const OneLineBanner = OneLineBannerBase;
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFpRCxNQUFNLElBQUksVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFOUcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3hDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBb0RwQyxNQUFNLG1CQUFtQixHQUFhLEdBQUcsRUFBRSxDQUFDLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLEdBQUksQ0FBQztBQUU5RixNQUFNLFlBQVksR0FBRyxDQUFDLFdBQW1CLEVBQUUsT0FBc0IsRUFBRSxFQUFFLEVBQUU7SUFDckUsTUFBTSxlQUFlLEdBQTBCLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDdkQsTUFBTSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sR0FBRyxTQUFTLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFDO1FBQzNHLE1BQU0sTUFBTSxHQUFxQixJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFVBQVUsSUFBSSxVQUFVLENBQUM7UUFDaEcsTUFBTSxhQUFhLEdBQUcsU0FBUyxLQUFLLFNBQVMsQ0FBQztRQUU5QyxPQUFPLENBQ0wsb0JBQUMsVUFBVSxJQUFDLFNBQVMsRUFBQyxpQkFBaUIsRUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxPQUFPO1lBQ3RFLG9CQUFDLFVBQVUsQ0FBQyxnQkFBZ0IsSUFBQyxNQUFNLEVBQUUsTUFBTTtnQkFDekMsb0JBQUMsVUFBVSxDQUFDLEtBQUssSUFBQyxNQUFNLEVBQUUsTUFBTSxJQUFHLEtBQUssQ0FBb0I7Z0JBQzVELG9CQUFDLFVBQVUsQ0FBQyxXQUFXLElBQUMsUUFBUSxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQzNELFFBQVEsSUFBSSxXQUFXLENBQ0Q7Z0JBQ3hCLE1BQU0sSUFBSSxDQUNULG9CQUFDLFVBQVUsQ0FBQyxPQUFPLElBQUMsTUFBTSxFQUFFLE1BQU07b0JBQ2hDLG9CQUFDLE1BQU0sQ0FBQyxLQUFLLGtCQUFDLEtBQUssVUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN6QyxNQUFNLENBQUMsSUFBSSxDQUNDLENBQ0ksQ0FDdEIsQ0FDMkI7WUFDN0IsQ0FBQyxLQUFLLENBQUMsTUFBTSxLQUFLLFVBQVUsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLFNBQVMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxLQUFLLEtBQUssU0FBUyxJQUFJLENBQzNGLG9CQUFDLFVBQVUsQ0FBQyxjQUFjLFFBQ3ZCLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQ2IsNkJBQ0UsR0FBRyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQ2hCLEdBQUcsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUNuQixTQUFTLEVBQUUsRUFBRSxDQUFDLHVCQUF1QixFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxDQUFDLEVBQ3ZFLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUMsV0FBVyxFQUFFLEdBQzdELENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxtQkFBbUIsT0FBRyxDQUN4QixDQUN5QixDQUM3QjtZQUNBLGFBQWEsSUFBSSxDQUNoQixvQkFBQyxVQUFVLENBQUMsZ0JBQWdCLElBQUMsTUFBTSxFQUFFLE1BQU07Z0JBQ3pDLG9CQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUMsSUFBSSxFQUFDLFFBQVEsRUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUNwRCxDQUMvQixDQUNVLENBQ2QsQ0FBQztJQUNKLENBQUMsQ0FBQztJQUNGLGVBQWUsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQzFDLE9BQU8sZUFBZSxDQUFDO0FBQ3pCLENBQUMsQ0FBQztBQUVGOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUU3QyxNQUFNLGlCQUFpQixHQUFHLFlBQVksQ0FBQyxlQUFlLEVBQUU7SUFDdEQsZUFBZSxFQUFFLElBQUk7Q0FDdEIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLGlCQUU1QixDQUFDIn0=
|
@@ -52,7 +52,7 @@ const asCrumb = (Component, displayName, options = { isActive: false }) => {
|
|
52
52
|
var { icon, children } = _a, rest = __rest(_a, ["icon", "children"]);
|
53
53
|
return (React.createElement(Component, Object.assign({ ref: ref }, rest, { role: "link" }),
|
54
54
|
React.createElement("span", { className: classNames(tw('flex flex-row flex-nowrap items-center gap-x-3 ', {
|
55
|
-
'text-primary-80 hover:text-primary-70': !options.isActive,
|
55
|
+
'text-primary-80 hover:text-primary-70 underline hover:no-underline': !options.isActive,
|
56
56
|
'text-grey-90': options.isActive,
|
57
57
|
})) },
|
58
58
|
icon && React.createElement(Icon, { icon: icon }),
|
@@ -83,4 +83,4 @@ const Crumb = asCrumb('a', 'Crumb');
|
|
83
83
|
const ActiveCrumb = asCrumb('span', 'ActiveCrumb', { isActive: true });
|
84
84
|
Breadcrumbs.Crumb = Crumb;
|
85
85
|
export { asCrumb, Breadcrumbs };
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4RUFBOEU7Ozs7Ozs7Ozs7OztBQUU5RSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxVQUFVLE1BQU0sWUFBWSxDQUFDO0FBRXBDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBT3BDOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sV0FBVyxHQUFHLENBQUMsS0FBdUIsRUFBd0MsRUFBRTtJQUNwRixNQUFNLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN0QyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQ3BELENBQUMsQ0FBQyxFQUF1QyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUN2RCxDQUFDO0lBRUYsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsc0JBQXNCLEVBQUUsU0FBUyxDQUFDLGdCQUFjLGFBQWE7UUFDdEYsNEJBQUksU0FBUyxFQUFFLEVBQUUsQ0FBQywyREFBMkQsQ0FBQyxJQUMzRSxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQWEsRUFBRSxFQUFFO1lBQ25DLE1BQU0sTUFBTSxHQUFHLEtBQUssS0FBSyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZQUMzQyxPQUFPO1lBQ0wscUdBQXFHO1lBQ3JHLDRCQUFJLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztnQkFDeEQsQ0FBQyxDQUFDLEtBQUssSUFBSSxvQkFBQyxJQUFJLG1CQUFjLElBQUksRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssR0FBSTtnQkFDdkYsQ0FBQyxNQUFNLElBQUksS0FBSztnQkFDaEIsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsV0FBVyxxQkFBZ0IsSUFBSSxrQkFBZSxNQUFNLEVBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUN6RSxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FDVCxDQUNmLENBQ0UsQ0FDTixDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQ0MsQ0FDRCxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFPRixNQUFNLE9BQU8sR0FBRyxDQUNkLFNBQThDLEVBQzlDLFdBQW1CLEVBQ25CLFVBQWlDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxFQUMyRCxFQUFFO0lBQ2pILE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWtDLENBQUMsRUFBMkIsRUFBRSxHQUFHLEVBQUUsRUFBRTtZQUFwQyxFQUFFLElBQUksRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXpCLG9CQUEyQixDQUFGO1FBQVksT0FBQSxDQUNwRyxvQkFBQyxTQUFTLGtCQUFDLEdBQUcsRUFBRSxHQUFHLElBQU8sSUFBYyxJQUFFLElBQUksRUFBQyxNQUFNO1lBQ25ELDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxpREFBaUQsRUFBRTtvQkFDcEQsb0VBQW9FLEVBQUUsQ0FBQyxPQUFPLENBQUMsUUFBUTtvQkFDdkYsY0FBYyxFQUFFLE9BQU8sQ0FBQyxRQUFRO2lCQUNqQyxDQUFDLENBQ0g7Z0JBRUEsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO2dCQUM1QixRQUFRLENBQ0osQ0FDRyxDQUNiLENBQUE7S0FBQSxDQUFDLENBQUM7SUFDSCxLQUFLLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNoQyxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMsQ0FBQztBQUVGOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FHbkIsR0FBRyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0FBRWhCLE1BQU0sV0FBVyxHQUFHLE9BQU8sQ0FBa0IsTUFBTSxFQUFFLGFBQWEsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0FBRXhGLFdBQVcsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUMifQ==
|