@aivenio/aquarium 6.0.0 → 6.0.2
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 +3 -3
- package/dist/atoms.cjs +16 -14
- package/dist/atoms.mjs +16 -14
- package/dist/charts.cjs +4 -4
- package/dist/charts.mjs +4 -4
- package/dist/src/atoms/Alert/Alert.js +1 -1
- package/dist/src/atoms/Button/Button.d.ts +1 -1
- package/dist/src/atoms/ChoiceChip/ChoiceChip.d.ts +11 -7
- package/dist/src/atoms/ChoiceChip/ChoiceChip.js +3 -3
- package/dist/src/atoms/Modal/Modal.js +2 -2
- package/dist/src/atoms/Section/Section.js +3 -3
- package/dist/src/atoms/Switch/Switch.js +4 -3
- package/dist/src/molecules/Alert/Alert.js +6 -6
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +3 -2
- package/dist/src/molecules/EmptyState/EmptyState.d.ts +2 -2
- package/dist/src/molecules/EmptyState/EmptyState.js +3 -3
- package/dist/src/molecules/Modal/Modal.js +2 -2
- package/dist/src/tokens/tokens.json +4 -4
- package/dist/src/utils/constants.d.ts +3 -3
- package/dist/src/utils/constants.js +4 -4
- package/dist/styles.css +117 -20
- package/dist/system.cjs +23 -21
- package/dist/system.mjs +23 -21
- package/dist/tokens.json +4 -4
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -2
package/dist/_variables.scss
CHANGED
|
@@ -126,7 +126,7 @@ $colors-info-100: rgba(0,24,43,1);
|
|
|
126
126
|
$colors-grey-0: rgba(250,250,250,1);
|
|
127
127
|
$colors-grey-5: rgba(244,244,244,1);
|
|
128
128
|
$colors-grey-10: rgba(235,235,235,1);
|
|
129
|
-
$colors-grey-20: rgba(
|
|
129
|
+
$colors-grey-20: rgba(225,225,225,1);
|
|
130
130
|
$colors-grey-30: rgba(181,181,183,1);
|
|
131
131
|
$colors-grey-40: rgba(145,146,148,1);
|
|
132
132
|
$colors-grey-50: rgba(104,105,107,1);
|
|
@@ -201,8 +201,8 @@ $background-color-warning-inverse: $colors-warning-70;
|
|
|
201
201
|
$background-color-danger-default: $colors-error-0;
|
|
202
202
|
$background-color-danger-graphic: $colors-error-40;
|
|
203
203
|
$background-color-danger-inverse: $colors-error-60;
|
|
204
|
-
$border-color-muted: $colors-grey-
|
|
205
|
-
$border-color-default: $colors-grey-
|
|
204
|
+
$border-color-muted: $colors-grey-20;
|
|
205
|
+
$border-color-default: $colors-grey-30;
|
|
206
206
|
$border-color-intense: $colors-grey-70;
|
|
207
207
|
$border-color-primary-muted: $colors-primary-10;
|
|
208
208
|
$border-color-primary-default: $colors-primary-20;
|
package/dist/atoms.cjs
CHANGED
|
@@ -505,11 +505,11 @@ var warningSign_default = data15;
|
|
|
505
505
|
// src/utils/constants.ts
|
|
506
506
|
var import_tailwind_variants = require("tailwind-variants");
|
|
507
507
|
var inputStyles = (0, import_tailwind_variants.tv)({
|
|
508
|
-
base: "block w-full rounded
|
|
508
|
+
base: "block w-full rounded typography-default text-default disabled:cursor-not-allowed disabled:border-default disabled:bg-medium disabled:text-inactive placeholder:text-inactive focus:outline-none",
|
|
509
509
|
variants: {
|
|
510
510
|
readOnly: {
|
|
511
511
|
true: "border-none resize-none cursor-default bg-transparent",
|
|
512
|
-
false: "px-3 py-3 bg-
|
|
512
|
+
false: "px-3 py-3 bg-layer"
|
|
513
513
|
},
|
|
514
514
|
valid: {
|
|
515
515
|
true: "",
|
|
@@ -526,7 +526,7 @@ var inputStyles = (0, import_tailwind_variants.tv)({
|
|
|
526
526
|
}
|
|
527
527
|
});
|
|
528
528
|
var focusRingStyle = (0, import_tailwind_variants.tv)({
|
|
529
|
-
base: "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded
|
|
529
|
+
base: "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded"
|
|
530
530
|
});
|
|
531
531
|
var interactiveTextStyles = (0, import_tailwind_variants.tv)({
|
|
532
532
|
base: "text-primary-default active:text-primary-active focus-visible:text-primary-active hover:text-primary-graphic disabled:text-inactive visited:text-primary-intense"
|
|
@@ -792,8 +792,8 @@ var tokens_default = {
|
|
|
792
792
|
}
|
|
793
793
|
},
|
|
794
794
|
borderColor: {
|
|
795
|
-
muted: "rgba(
|
|
796
|
-
default: "rgba(
|
|
795
|
+
muted: "rgba(225,225,225,1)",
|
|
796
|
+
default: "rgba(181,181,183,1)",
|
|
797
797
|
intense: "rgba(45,46,48,1)",
|
|
798
798
|
primary: {
|
|
799
799
|
muted: "rgba(183,242,241,1)",
|
|
@@ -806,7 +806,7 @@ var tokens_default = {
|
|
|
806
806
|
default: "rgba(0,128,124,1)",
|
|
807
807
|
active: "rgba(46,208,205,1)",
|
|
808
808
|
hover: "rgba(27,178,176,1)",
|
|
809
|
-
disabled: "rgba(
|
|
809
|
+
disabled: "rgba(225,225,225,1)"
|
|
810
810
|
}
|
|
811
811
|
},
|
|
812
812
|
info: {
|
|
@@ -967,7 +967,7 @@ var tokens_default = {
|
|
|
967
967
|
"0": "rgba(250,250,250,1)",
|
|
968
968
|
"5": "rgba(244,244,244,1)",
|
|
969
969
|
"10": "rgba(235,235,235,1)",
|
|
970
|
-
"20": "rgba(
|
|
970
|
+
"20": "rgba(225,225,225,1)",
|
|
971
971
|
"30": "rgba(181,181,183,1)",
|
|
972
972
|
"40": "rgba(145,146,148,1)",
|
|
973
973
|
"50": "rgba(104,105,107,1)",
|
|
@@ -2657,7 +2657,7 @@ var alertStyles = (0, import_tailwind_variants5.tv)({
|
|
|
2657
2657
|
base: "pt-3 pb-2"
|
|
2658
2658
|
},
|
|
2659
2659
|
false: {
|
|
2660
|
-
base: "py-
|
|
2660
|
+
base: "py-4"
|
|
2661
2661
|
}
|
|
2662
2662
|
}
|
|
2663
2663
|
}
|
|
@@ -3203,6 +3203,7 @@ var ChoiceChip = ({
|
|
|
3203
3203
|
name,
|
|
3204
3204
|
value,
|
|
3205
3205
|
disabled,
|
|
3206
|
+
"aria-label": ariaLabel,
|
|
3206
3207
|
...rest
|
|
3207
3208
|
}) => {
|
|
3208
3209
|
const [selected, setSelected] = (0, import_utils2.useControlledState)(checked, defaultChecked, onChange);
|
|
@@ -3210,7 +3211,7 @@ var ChoiceChip = ({
|
|
|
3210
3211
|
const handleChange = () => {
|
|
3211
3212
|
setSelected(!selected);
|
|
3212
3213
|
};
|
|
3213
|
-
return /* @__PURE__ */ import_react30.default.createElement("label", { className: label(), ...rest }, /* @__PURE__ */ import_react30.default.createElement(
|
|
3214
|
+
return /* @__PURE__ */ import_react30.default.createElement("label", { className: label(), "aria-label": ariaLabel, ...rest }, /* @__PURE__ */ import_react30.default.createElement(
|
|
3214
3215
|
"input",
|
|
3215
3216
|
{
|
|
3216
3217
|
type: selectionMode,
|
|
@@ -6720,7 +6721,7 @@ var modalStyles = (0, import_tailwind_variants17.tv)({
|
|
|
6720
6721
|
subtitle: "max-w-[700px]",
|
|
6721
6722
|
closeButtonContainer: "absolute top-[24px] right-[28px]",
|
|
6722
6723
|
body: [
|
|
6723
|
-
"grow overflow-y-auto text-default flex flex-col",
|
|
6724
|
+
"grow overflow-y-auto text-default flex flex-col outline-none",
|
|
6724
6725
|
bodyMaskClasses({ position: "before" }),
|
|
6725
6726
|
bodyMaskClasses({ position: "after" })
|
|
6726
6727
|
],
|
|
@@ -7119,8 +7120,8 @@ var import_tailwind_variants22 = require("tailwind-variants");
|
|
|
7119
7120
|
var sectionStyles = (0, import_tailwind_variants22.tv)({
|
|
7120
7121
|
slots: {
|
|
7121
7122
|
base: "border border-muted rounded-lg",
|
|
7122
|
-
header: "px-5 py-
|
|
7123
|
-
titleContainer: "grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center",
|
|
7123
|
+
header: "px-5 py-3 flex gap-5 justify-between items-center rounded-t-lg",
|
|
7124
|
+
titleContainer: "grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center min-h-[38px]",
|
|
7124
7125
|
actions: "flex gap-4 justify-end",
|
|
7125
7126
|
body: "p-5 rounded-lg"
|
|
7126
7127
|
},
|
|
@@ -7463,10 +7464,11 @@ var switchStyles = (0, import_tailwind_variants25.tv)({
|
|
|
7463
7464
|
variants: {
|
|
7464
7465
|
disabled: {
|
|
7465
7466
|
true: {
|
|
7466
|
-
input: "bg-medium checked:opacity-50 checked:bg-
|
|
7467
|
+
input: "bg-medium checked:opacity-50 checked:bg-intense",
|
|
7468
|
+
thumb: "peer-checked/switch:text-inactive"
|
|
7467
7469
|
},
|
|
7468
7470
|
false: {
|
|
7469
|
-
input: "bg-
|
|
7471
|
+
input: "bg-medium hover:bg-intense checked:bg-primary-graphic hover:checked:bg-primary-inverse",
|
|
7470
7472
|
thumb: "shadow-4dp"
|
|
7471
7473
|
}
|
|
7472
7474
|
}
|
package/dist/atoms.mjs
CHANGED
|
@@ -415,11 +415,11 @@ var warningSign_default = data15;
|
|
|
415
415
|
// src/utils/constants.ts
|
|
416
416
|
import { tv } from "tailwind-variants";
|
|
417
417
|
var inputStyles = tv({
|
|
418
|
-
base: "block w-full rounded
|
|
418
|
+
base: "block w-full rounded typography-default text-default disabled:cursor-not-allowed disabled:border-default disabled:bg-medium disabled:text-inactive placeholder:text-inactive focus:outline-none",
|
|
419
419
|
variants: {
|
|
420
420
|
readOnly: {
|
|
421
421
|
true: "border-none resize-none cursor-default bg-transparent",
|
|
422
|
-
false: "px-3 py-3 bg-
|
|
422
|
+
false: "px-3 py-3 bg-layer"
|
|
423
423
|
},
|
|
424
424
|
valid: {
|
|
425
425
|
true: "",
|
|
@@ -436,7 +436,7 @@ var inputStyles = tv({
|
|
|
436
436
|
}
|
|
437
437
|
});
|
|
438
438
|
var focusRingStyle = tv({
|
|
439
|
-
base: "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded
|
|
439
|
+
base: "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded"
|
|
440
440
|
});
|
|
441
441
|
var interactiveTextStyles = tv({
|
|
442
442
|
base: "text-primary-default active:text-primary-active focus-visible:text-primary-active hover:text-primary-graphic disabled:text-inactive visited:text-primary-intense"
|
|
@@ -705,8 +705,8 @@ var tokens_default = {
|
|
|
705
705
|
}
|
|
706
706
|
},
|
|
707
707
|
borderColor: {
|
|
708
|
-
muted: "rgba(
|
|
709
|
-
default: "rgba(
|
|
708
|
+
muted: "rgba(225,225,225,1)",
|
|
709
|
+
default: "rgba(181,181,183,1)",
|
|
710
710
|
intense: "rgba(45,46,48,1)",
|
|
711
711
|
primary: {
|
|
712
712
|
muted: "rgba(183,242,241,1)",
|
|
@@ -719,7 +719,7 @@ var tokens_default = {
|
|
|
719
719
|
default: "rgba(0,128,124,1)",
|
|
720
720
|
active: "rgba(46,208,205,1)",
|
|
721
721
|
hover: "rgba(27,178,176,1)",
|
|
722
|
-
disabled: "rgba(
|
|
722
|
+
disabled: "rgba(225,225,225,1)"
|
|
723
723
|
}
|
|
724
724
|
},
|
|
725
725
|
info: {
|
|
@@ -880,7 +880,7 @@ var tokens_default = {
|
|
|
880
880
|
"0": "rgba(250,250,250,1)",
|
|
881
881
|
"5": "rgba(244,244,244,1)",
|
|
882
882
|
"10": "rgba(235,235,235,1)",
|
|
883
|
-
"20": "rgba(
|
|
883
|
+
"20": "rgba(225,225,225,1)",
|
|
884
884
|
"30": "rgba(181,181,183,1)",
|
|
885
885
|
"40": "rgba(145,146,148,1)",
|
|
886
886
|
"50": "rgba(104,105,107,1)",
|
|
@@ -2570,7 +2570,7 @@ var alertStyles = tv5({
|
|
|
2570
2570
|
base: "pt-3 pb-2"
|
|
2571
2571
|
},
|
|
2572
2572
|
false: {
|
|
2573
|
-
base: "py-
|
|
2573
|
+
base: "py-4"
|
|
2574
2574
|
}
|
|
2575
2575
|
}
|
|
2576
2576
|
}
|
|
@@ -3116,6 +3116,7 @@ var ChoiceChip = ({
|
|
|
3116
3116
|
name,
|
|
3117
3117
|
value,
|
|
3118
3118
|
disabled,
|
|
3119
|
+
"aria-label": ariaLabel,
|
|
3119
3120
|
...rest
|
|
3120
3121
|
}) => {
|
|
3121
3122
|
const [selected, setSelected] = useControlledState(checked, defaultChecked, onChange);
|
|
@@ -3123,7 +3124,7 @@ var ChoiceChip = ({
|
|
|
3123
3124
|
const handleChange = () => {
|
|
3124
3125
|
setSelected(!selected);
|
|
3125
3126
|
};
|
|
3126
|
-
return /* @__PURE__ */ React25.createElement("label", { className: label(), ...rest }, /* @__PURE__ */ React25.createElement(
|
|
3127
|
+
return /* @__PURE__ */ React25.createElement("label", { className: label(), "aria-label": ariaLabel, ...rest }, /* @__PURE__ */ React25.createElement(
|
|
3127
3128
|
"input",
|
|
3128
3129
|
{
|
|
3129
3130
|
type: selectionMode,
|
|
@@ -6645,7 +6646,7 @@ var modalStyles = tv17({
|
|
|
6645
6646
|
subtitle: "max-w-[700px]",
|
|
6646
6647
|
closeButtonContainer: "absolute top-[24px] right-[28px]",
|
|
6647
6648
|
body: [
|
|
6648
|
-
"grow overflow-y-auto text-default flex flex-col",
|
|
6649
|
+
"grow overflow-y-auto text-default flex flex-col outline-none",
|
|
6649
6650
|
bodyMaskClasses({ position: "before" }),
|
|
6650
6651
|
bodyMaskClasses({ position: "after" })
|
|
6651
6652
|
],
|
|
@@ -7048,8 +7049,8 @@ import { tv as tv22 } from "tailwind-variants";
|
|
|
7048
7049
|
var sectionStyles = tv22({
|
|
7049
7050
|
slots: {
|
|
7050
7051
|
base: "border border-muted rounded-lg",
|
|
7051
|
-
header: "px-5 py-
|
|
7052
|
-
titleContainer: "grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center",
|
|
7052
|
+
header: "px-5 py-3 flex gap-5 justify-between items-center rounded-t-lg",
|
|
7053
|
+
titleContainer: "grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center min-h-[38px]",
|
|
7053
7054
|
actions: "flex gap-4 justify-end",
|
|
7054
7055
|
body: "p-5 rounded-lg"
|
|
7055
7056
|
},
|
|
@@ -7392,10 +7393,11 @@ var switchStyles = tv25({
|
|
|
7392
7393
|
variants: {
|
|
7393
7394
|
disabled: {
|
|
7394
7395
|
true: {
|
|
7395
|
-
input: "bg-medium checked:opacity-50 checked:bg-
|
|
7396
|
+
input: "bg-medium checked:opacity-50 checked:bg-intense",
|
|
7397
|
+
thumb: "peer-checked/switch:text-inactive"
|
|
7396
7398
|
},
|
|
7397
7399
|
false: {
|
|
7398
|
-
input: "bg-
|
|
7400
|
+
input: "bg-medium hover:bg-intense checked:bg-primary-graphic hover:checked:bg-primary-inverse",
|
|
7399
7401
|
thumb: "shadow-4dp"
|
|
7400
7402
|
}
|
|
7401
7403
|
}
|
package/dist/charts.cjs
CHANGED
|
@@ -278,8 +278,8 @@ var tokens_default = {
|
|
|
278
278
|
}
|
|
279
279
|
},
|
|
280
280
|
borderColor: {
|
|
281
|
-
muted: "rgba(
|
|
282
|
-
default: "rgba(
|
|
281
|
+
muted: "rgba(225,225,225,1)",
|
|
282
|
+
default: "rgba(181,181,183,1)",
|
|
283
283
|
intense: "rgba(45,46,48,1)",
|
|
284
284
|
primary: {
|
|
285
285
|
muted: "rgba(183,242,241,1)",
|
|
@@ -292,7 +292,7 @@ var tokens_default = {
|
|
|
292
292
|
default: "rgba(0,128,124,1)",
|
|
293
293
|
active: "rgba(46,208,205,1)",
|
|
294
294
|
hover: "rgba(27,178,176,1)",
|
|
295
|
-
disabled: "rgba(
|
|
295
|
+
disabled: "rgba(225,225,225,1)"
|
|
296
296
|
}
|
|
297
297
|
},
|
|
298
298
|
info: {
|
|
@@ -453,7 +453,7 @@ var tokens_default = {
|
|
|
453
453
|
"0": "rgba(250,250,250,1)",
|
|
454
454
|
"5": "rgba(244,244,244,1)",
|
|
455
455
|
"10": "rgba(235,235,235,1)",
|
|
456
|
-
"20": "rgba(
|
|
456
|
+
"20": "rgba(225,225,225,1)",
|
|
457
457
|
"30": "rgba(181,181,183,1)",
|
|
458
458
|
"40": "rgba(145,146,148,1)",
|
|
459
459
|
"50": "rgba(104,105,107,1)",
|
package/dist/charts.mjs
CHANGED
|
@@ -138,8 +138,8 @@ var tokens_default = {
|
|
|
138
138
|
}
|
|
139
139
|
},
|
|
140
140
|
borderColor: {
|
|
141
|
-
muted: "rgba(
|
|
142
|
-
default: "rgba(
|
|
141
|
+
muted: "rgba(225,225,225,1)",
|
|
142
|
+
default: "rgba(181,181,183,1)",
|
|
143
143
|
intense: "rgba(45,46,48,1)",
|
|
144
144
|
primary: {
|
|
145
145
|
muted: "rgba(183,242,241,1)",
|
|
@@ -152,7 +152,7 @@ var tokens_default = {
|
|
|
152
152
|
default: "rgba(0,128,124,1)",
|
|
153
153
|
active: "rgba(46,208,205,1)",
|
|
154
154
|
hover: "rgba(27,178,176,1)",
|
|
155
|
-
disabled: "rgba(
|
|
155
|
+
disabled: "rgba(225,225,225,1)"
|
|
156
156
|
}
|
|
157
157
|
},
|
|
158
158
|
info: {
|
|
@@ -313,7 +313,7 @@ var tokens_default = {
|
|
|
313
313
|
"0": "rgba(250,250,250,1)",
|
|
314
314
|
"5": "rgba(244,244,244,1)",
|
|
315
315
|
"10": "rgba(235,235,235,1)",
|
|
316
|
-
"20": "rgba(
|
|
316
|
+
"20": "rgba(225,225,225,1)",
|
|
317
317
|
"30": "rgba(181,181,183,1)",
|
|
318
318
|
"40": "rgba(145,146,148,1)",
|
|
319
319
|
"50": "rgba(104,105,107,1)",
|
|
@@ -85,7 +85,7 @@ export declare const buttonClasses: import("tailwind-variants").TVReturnType<{
|
|
|
85
85
|
loading: {
|
|
86
86
|
true: string;
|
|
87
87
|
};
|
|
88
|
-
}, {} | {} | {}>, {} | {} | {}, undefined, import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded
|
|
88
|
+
}, {} | {} | {}>, {} | {} | {}, undefined, import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>>>;
|
|
89
89
|
export type ButtonStyleProps = {
|
|
90
90
|
kind?: Kind;
|
|
91
91
|
dense?: boolean;
|
|
@@ -4,31 +4,35 @@ type BaseChoiceChipProps = {
|
|
|
4
4
|
/**
|
|
5
5
|
* Content for the choice chip.
|
|
6
6
|
*/
|
|
7
|
-
children: React.ReactNode;
|
|
7
|
+
'children': React.ReactNode;
|
|
8
8
|
/**
|
|
9
9
|
* If true, dense version of the component will be rendered.
|
|
10
10
|
*/
|
|
11
|
-
dense?: boolean;
|
|
11
|
+
'dense'?: boolean;
|
|
12
12
|
/**
|
|
13
13
|
* Controlled checked state. If provided, the component operates in controlled mode.
|
|
14
14
|
*/
|
|
15
|
-
checked?: boolean;
|
|
15
|
+
'checked'?: boolean;
|
|
16
16
|
/**
|
|
17
17
|
* Default checked state for uncontrolled mode.
|
|
18
18
|
*/
|
|
19
|
-
defaultChecked?: boolean;
|
|
19
|
+
'defaultChecked'?: boolean;
|
|
20
20
|
/**
|
|
21
21
|
* onChange() callback will be called when choice chip checked state updates.
|
|
22
22
|
*/
|
|
23
|
-
onChange?: (checked: boolean) => void;
|
|
23
|
+
'onChange'?: (checked: boolean) => void;
|
|
24
24
|
/**
|
|
25
25
|
* The name attribute for the input element. Required for form submission and radio groups.
|
|
26
26
|
*/
|
|
27
|
-
name?: string;
|
|
27
|
+
'name'?: string;
|
|
28
28
|
/**
|
|
29
29
|
* If true, the choice chip will be disabled.
|
|
30
30
|
*/
|
|
31
|
-
disabled?: boolean;
|
|
31
|
+
'disabled'?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* The aria-label attribute for the choice chip.
|
|
34
|
+
*/
|
|
35
|
+
'aria-label'?: string;
|
|
32
36
|
};
|
|
33
37
|
type CheckboxModeProps = BaseChoiceChipProps & {
|
|
34
38
|
/**
|
|
@@ -38,14 +38,14 @@ const choiceChipClasses = tv({
|
|
|
38
38
|
},
|
|
39
39
|
});
|
|
40
40
|
export const ChoiceChip = (_a) => {
|
|
41
|
-
var { children, dense, selectionMode = 'checkbox', defaultChecked = false, checked, onChange, name, value, disabled } = _a, rest = __rest(_a, ["children", "dense", "selectionMode", "defaultChecked", "checked", "onChange", "name", "value", "disabled"]);
|
|
41
|
+
var { children, dense, selectionMode = 'checkbox', defaultChecked = false, checked, onChange, name, value, disabled, 'aria-label': ariaLabel } = _a, rest = __rest(_a, ["children", "dense", "selectionMode", "defaultChecked", "checked", "onChange", "name", "value", "disabled", 'aria-label']);
|
|
42
42
|
const [selected, setSelected] = useControlledState(checked, defaultChecked, onChange);
|
|
43
43
|
const { label, input, chip } = choiceChipClasses({ selected, dense });
|
|
44
44
|
const handleChange = () => {
|
|
45
45
|
setSelected(!selected);
|
|
46
46
|
};
|
|
47
|
-
return (React.createElement("label", Object.assign({ className: label() }, rest),
|
|
47
|
+
return (React.createElement("label", Object.assign({ className: label(), "aria-label": ariaLabel }, rest),
|
|
48
48
|
React.createElement("input", { type: selectionMode, name: name, value: value, className: input(), checked: selected, onChange: handleChange, disabled: disabled }),
|
|
49
49
|
React.createElement("span", { className: chip() }, children)));
|
|
50
50
|
};
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hvaWNlQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DaG9pY2VDaGlwL0Nob2ljZUNoaXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzFELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxNQUFNLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztJQUMzQixLQUFLLEVBQUU7UUFDTCxLQUFLLEVBQUUsZ0RBQWdEO1FBQ3ZELEtBQUssRUFBRSxzQkFBc0I7UUFDN0IsSUFBSSxFQUFFO1lBQ0osa0dBQWtHO1lBQ2xHLGlHQUFpRztZQUNqRyxrSEFBa0g7U0FDbkg7S0FDRjtJQUNELFFBQVEsRUFBRTtRQUNSLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRSxFQUFFLElBQUksRUFBRSw4Q0FBOEMsRUFBRTtZQUM5RCxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsbUNBQW1DLEVBQUU7U0FDckQ7UUFDRCxLQUFLLEVBQUU7WUFDTCxJQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsb0NBQW9DLEVBQUU7WUFDcEQsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLG9DQUFvQyxFQUFFO1NBQ3REO0tBQ0Y7SUFDRCxlQUFlLEVBQUU7UUFDZixRQUFRLEVBQUUsS0FBSztRQUNmLEtBQUssRUFBRSxLQUFLO0tBQ2I7Q0FDRixDQUFDLENBQUM7QUEwRUgsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUE4QixDQUFDLEVBWXJELEVBQUUsRUFBRTtRQVppRCxFQUNwRCxRQUFRLEVBQ1IsS0FBSyxFQUNMLGFBQWEsR0FBRyxVQUFVLEVBQzFCLGNBQWMsR0FBRyxLQUFLLEVBQ3RCLE9BQU8sRUFDUCxRQUFRLEVBQ1IsSUFBSSxFQUNKLEtBQUssRUFDTCxRQUFRLEVBQ1IsWUFBWSxFQUFFLFNBQVMsT0FFeEIsRUFESSxJQUFJLGNBWDZDLDBIQVlyRCxDQURRO0lBRVAsTUFBTSxDQUFDLFFBQVEsRUFBRSxXQUFXLENBQUMsR0FBRyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsY0FBYyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ3RGLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLGlCQUFpQixDQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFFdEUsTUFBTSxZQUFZLEdBQUcsR0FBRyxFQUFFO1FBQ3hCLFdBQVcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3pCLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCw2Q0FBTyxTQUFTLEVBQUUsS0FBSyxFQUFFLGdCQUFjLFNBQVMsSUFBTSxJQUFJO1FBQ3hELCtCQUNFLElBQUksRUFBRSxhQUFhLEVBQ25CLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLEtBQUssRUFDWixTQUFTLEVBQUUsS0FBSyxFQUFFLEVBQ2xCLE9BQU8sRUFBRSxRQUFRLEVBQ2pCLFFBQVEsRUFBRSxZQUFZLEVBQ3RCLFFBQVEsRUFBRSxRQUFRLEdBQ2xCO1FBQ0YsOEJBQU0sU0FBUyxFQUFFLElBQUksRUFBRSxJQUFHLFFBQVEsQ0FBUSxDQUNwQyxDQUNULENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -56,7 +56,7 @@ export const modalStyles = tv({
|
|
|
56
56
|
subtitle: 'max-w-[700px]',
|
|
57
57
|
closeButtonContainer: 'absolute top-[24px] right-[28px]',
|
|
58
58
|
body: [
|
|
59
|
-
'grow overflow-y-auto text-default flex flex-col',
|
|
59
|
+
'grow overflow-y-auto text-default flex flex-col outline-none',
|
|
60
60
|
bodyMaskClasses({ position: 'before' }),
|
|
61
61
|
bodyMaskClasses({ position: 'after' }),
|
|
62
62
|
],
|
|
@@ -233,4 +233,4 @@ Modal.Actions = (_a) => {
|
|
|
233
233
|
const { actions } = modalStyles();
|
|
234
234
|
return (React.createElement("div", Object.assign({}, rest, { className: actions({ className }) }), children));
|
|
235
235
|
};
|
|
236
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
236
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvTW9kYWwvTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFpQyxNQUFNLE9BQU8sQ0FBQztBQUN0RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBd0M3RCxNQUFNLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDekIsUUFBUSxFQUFFO1FBQ1IsUUFBUSxFQUFFO1lBQ1IsTUFBTSxFQUFFO2dCQUNOLHFCQUFxQjtnQkFDckIsNEJBQTRCO2dCQUM1QixlQUFlO2dCQUNmLGNBQWM7Z0JBQ2QsZUFBZTtnQkFDZixZQUFZO2dCQUNaLHNCQUFzQjtnQkFDdEIseUJBQXlCO2dCQUN6QixxQkFBcUI7Z0JBQ3JCLHVCQUF1QjtnQkFDdkIsYUFBYTthQUNkO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLG9CQUFvQjtnQkFDcEIsMkJBQTJCO2dCQUMzQixjQUFjO2dCQUNkLGdCQUFnQjtnQkFDaEIsY0FBYztnQkFDZCxXQUFXO2dCQUNYLHFCQUFxQjtnQkFDckIsd0JBQXdCO2dCQUN4QixvQkFBb0I7Z0JBQ3BCLHNCQUFzQjtnQkFDdEIsWUFBWTthQUNiO1NBQ0Y7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDNUIsS0FBSyxFQUFFO1FBQ0wsT0FBTyxFQUFFLHVDQUF1QztRQUNoRCxRQUFRLEVBQUUsK0NBQStDO1FBQ3pELE1BQU0sRUFBRSw4REFBOEQ7UUFDdEUsTUFBTSxFQUFFLGtEQUFrRDtRQUMxRCxXQUFXLEVBQUUsZ0NBQWdDO1FBQzdDLGNBQWMsRUFBRSxvQkFBb0I7UUFDcEMsS0FBSyxFQUFFLEVBQUU7UUFDVCxRQUFRLEVBQUUsZUFBZTtRQUN6Qixv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
|
|
@@ -20,8 +20,8 @@ import caretUp from '../../../src/icons/caretUp';
|
|
|
20
20
|
const sectionStyles = tv({
|
|
21
21
|
slots: {
|
|
22
22
|
base: 'border border-muted rounded-lg',
|
|
23
|
-
header: 'px-5 py-
|
|
24
|
-
titleContainer: 'grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center',
|
|
23
|
+
header: 'px-5 py-3 flex gap-5 justify-between items-center rounded-t-lg',
|
|
24
|
+
titleContainer: 'grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center min-h-[38px]',
|
|
25
25
|
actions: 'flex gap-4 justify-end',
|
|
26
26
|
body: 'p-5 rounded-lg',
|
|
27
27
|
},
|
|
@@ -76,4 +76,4 @@ Section.Body = (_a) => {
|
|
|
76
76
|
return (React.createElement("div", Object.assign({}, rest, { className: body({ className }) }),
|
|
77
77
|
React.createElement(BaseTypography, { htmlTag: "div", color: "default" }, children)));
|
|
78
78
|
};
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TZWN0aW9uL1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWdCeEMsTUFBTSxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLEtBQUssRUFBRTtRQUNMLElBQUksRUFBRSxnQ0FBZ0M7UUFDdEMsTUFBTSxFQUFFLGdFQUFnRTtRQUN4RSxjQUFjLEVBQUUsMEVBQTBFO1FBQzFGLE9BQU8sRUFBRSx3QkFBd0I7UUFDakMsSUFBSSxFQUFFLGdCQUFnQjtLQUN2QjtJQUNELFFBQVEsRUFBRTtRQUNSLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRSxFQUFFLE1BQU0sRUFBRSxrQ0FBa0MsRUFBRTtTQUNyRDtRQUNELFdBQVcsRUFBRTtZQUNYLElBQUksRUFBRSxFQUFFLGNBQWMsRUFBRSxtREFBbUQsRUFBRTtZQUM3RSxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsa0NBQWtDLEVBQUU7U0FDdEQ7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBc0UsQ0FBQyxFQUkxRixFQUFFLEVBQUU7UUFKc0Ys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
|
|
@@ -22,10 +22,11 @@ const switchStyles = tv({
|
|
|
22
22
|
variants: {
|
|
23
23
|
disabled: {
|
|
24
24
|
true: {
|
|
25
|
-
input: 'bg-medium checked:opacity-50 checked:bg-
|
|
25
|
+
input: 'bg-medium checked:opacity-50 checked:bg-intense',
|
|
26
|
+
thumb: 'peer-checked/switch:text-inactive',
|
|
26
27
|
},
|
|
27
28
|
false: {
|
|
28
|
-
input: 'bg-
|
|
29
|
+
input: 'bg-medium hover:bg-intense checked:bg-primary-graphic hover:checked:bg-primary-inverse',
|
|
29
30
|
thumb: 'shadow-4dp',
|
|
30
31
|
},
|
|
31
32
|
},
|
|
@@ -38,4 +39,4 @@ export const Switch = React.forwardRef((_a, ref) => {
|
|
|
38
39
|
React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: input(), readOnly: readOnly, disabled: disabled })),
|
|
39
40
|
React.createElement("span", { className: thumb() }, disabled && React.createElement(Icon, { icon: ban, width: "10px", height: "10px" }))));
|
|
40
41
|
});
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL1N3aXRjaC9Td2l0Y2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFL0MsT0FBTyxHQUFHLE1BQU0sZUFBZSxDQUFDO0FBV2hDLE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUN0QixLQUFLLEVBQUU7UUFDTCxPQUFPLEVBQUUsb0VBQW9FO1FBQzdFLEtBQUssRUFDSCxtTUFBbU07UUFDck0sS0FBSyxFQUNILGlRQUFpUTtLQUNwUTtJQUNELFFBQVEsRUFBRTtRQUNSLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRTtnQkFDSixLQUFLLEVBQUUsaURBQWlEO2dCQUN4RCxLQUFLLEVBQUUsbUNBQW1DO2FBQzNDO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLEtBQUssRUFBRSx3RkFBd0Y7Z0JBQy9GLEtBQUssRUFBRSxZQUFZO2FBQ3BCO1NBQ0Y7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQ2pFLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLFlBQVksQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDN0QsT0FBTyxDQUNMLDhCQUFNLFNBQVMsRUFBRSxPQUFPLEVBQUU7UUFDeEIsNkNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFFLElBQUksSUFDTixLQUFLLElBQ1QsU0FBUyxFQUFFLEtBQUssRUFBRSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLDhCQUFNLFNBQVMsRUFBRSxLQUFLLEVBQUUsSUFBRyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUMsTUFBTSxHQUFHLENBQVEsQ0FDeEYsQ0FDUixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
|
|
@@ -6,9 +6,9 @@ import { Link } from '../../../src/molecules/Link/Link';
|
|
|
6
6
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
|
7
7
|
import { Alert as AlertBase } from '../../../src/atoms/Alert/Alert';
|
|
8
8
|
import { isLink } from '../../../src/utils/link';
|
|
9
|
-
const renderActions = (action, dense = false) => action && (React.createElement(AlertBase.Actions, null,
|
|
10
|
-
!isLink(action) && (React.createElement(Button.Ghost, Object.assign({ dense: dense }, omit(action, 'text')), action.text)),
|
|
11
|
-
isLink(action) && (React.createElement(Link.Button.Ghost, Object.assign({ dense: dense }, omit(action, 'text')), action.text))));
|
|
9
|
+
const renderActions = (action, type, dense = false) => action && (React.createElement(AlertBase.Actions, null,
|
|
10
|
+
!isLink(action) && (React.createElement(Button.Ghost, Object.assign({ dense: dense }, omit(action, 'text'), { UNSAFE_className: `alert-action-${type}` }), action.text)),
|
|
11
|
+
isLink(action) && (React.createElement(Link.Button.Ghost, Object.assign({ dense: dense }, omit(action, 'text'), { className: `alert-action-${type}` }), action.text))));
|
|
12
12
|
export const Alert = ({ type, title, onDismiss, children, action, }) => {
|
|
13
13
|
const descriptionID = useId();
|
|
14
14
|
const titleID = useId();
|
|
@@ -16,7 +16,7 @@ export const Alert = ({ type, title, onDismiss, children, action, }) => {
|
|
|
16
16
|
React.createElement(AlertBase.Icon, { type: type, dense: Boolean(title) }),
|
|
17
17
|
title && React.createElement(AlertBase.Title, { id: titleID }, title),
|
|
18
18
|
React.createElement(AlertBase.Description, { id: descriptionID }, children),
|
|
19
|
-
renderActions(action, true),
|
|
19
|
+
renderActions(action, type, true),
|
|
20
20
|
onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
|
|
21
21
|
};
|
|
22
22
|
const Banner = ({ type, title, children, action, onDismiss }) => {
|
|
@@ -28,10 +28,10 @@ const Banner = ({ type, title, children, action, onDismiss }) => {
|
|
|
28
28
|
React.createElement(Typography.DefaultStrong, { htmlTag: "span" }, title),
|
|
29
29
|
children && ' ',
|
|
30
30
|
children),
|
|
31
|
-
renderActions(action)),
|
|
31
|
+
renderActions(action, type)),
|
|
32
32
|
onDismiss && React.createElement(AlertBase.Banner.Dismiss, { onClick: onDismiss })));
|
|
33
33
|
};
|
|
34
34
|
Alert.Banner = Banner;
|
|
35
35
|
Alert.displayName = 'Alert';
|
|
36
36
|
Alert.Banner.displayName = 'Alert.Banner';
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFakMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLEtBQUssSUFBSSxTQUFTLEVBQW1DLE1BQU0sdUJBQXVCLENBQUM7QUFFNUYsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBc0J4QyxNQUFNLGFBQWEsR0FBRyxDQUFDLE1BQTRCLEVBQUUsSUFBZSxFQUFFLEtBQUssR0FBRyxLQUFLLEVBQUUsRUFBRSxDQUNyRixNQUFNLElBQUksQ0FDUixvQkFBQyxTQUFTLENBQUMsT0FBTztJQUNmLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQ2xCLG9CQUFDLE1BQU0sQ0FBQyxLQUFLLGtCQUFDLEtBQUssRUFBRSxLQUFLLElBQU0sSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsSUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsSUFBSSxFQUFFLEtBQzNGLE1BQU0sQ0FBQyxJQUFJLENBQ0MsQ0FDaEI7SUFDQSxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDakIsb0JBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLGtCQUFDLEtBQUssRUFBRSxLQUFLLElBQU0sSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsSUFBRSxTQUFTLEVB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
|
|
@@ -14,6 +14,7 @@ import React from 'react';
|
|
|
14
14
|
import { clsx } from 'clsx';
|
|
15
15
|
import { Icon } from '../../../src/molecules/Icon/Icon';
|
|
16
16
|
import slash from '../../../src/icons/slash';
|
|
17
|
+
import { focusRingStyle } from '../../utils/constants';
|
|
17
18
|
/**
|
|
18
19
|
* Allows for visualizing the user's location within a hierarchical set of webpages.
|
|
19
20
|
*
|
|
@@ -49,7 +50,7 @@ const Breadcrumbs = (props) => {
|
|
|
49
50
|
const asCrumb = (Component, displayName, options = { isActive: false }) => {
|
|
50
51
|
const Crumb = React.forwardRef((_a, ref) => {
|
|
51
52
|
var { icon, children } = _a, rest = __rest(_a, ["icon", "children"]);
|
|
52
|
-
return (React.createElement(Component, Object.assign({ ref: ref }, rest, { role: "link" }),
|
|
53
|
+
return (React.createElement(Component, Object.assign({ ref: ref }, rest, { role: "link", className: focusRingStyle() }),
|
|
53
54
|
React.createElement("span", { className: clsx('flex flex-row flex-nowrap items-center gap-x-3 whitespace-nowrap', {
|
|
54
55
|
'text-primary-intense hover:text-primary-default no-underline hover:underline': !options.isActive,
|
|
55
56
|
'text-intense': options.isActive,
|
|
@@ -82,4 +83,4 @@ const Crumb = asCrumb('a', 'Crumb');
|
|
|
82
83
|
const ActiveCrumb = asCrumb('span', 'ActiveCrumb', { isActive: true });
|
|
83
84
|
Breadcrumbs.Crumb = Crumb;
|
|
84
85
|
export { asCrumb, Breadcrumbs };
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4RUFBOEU7Ozs7Ozs7Ozs7OztBQUU5RSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUU1QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFL0MsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFFcEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBU3ZEOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sV0FBVyxHQUFHLENBQUMsS0FBdUIsRUFBd0MsRUFBRTtJQUNwRixNQUFNLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN0QyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQ3BELENBQUMsQ0FBQyxFQUF1QyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUN2RCxDQUFDO0lBRUYsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxJQUFJLENBQUMsc0JBQXNCLEVBQUUsU0FBUyxDQUFDLGdCQUFhLGFBQWE7UUFDL0UsNEJBQUksU0FBUyxFQUFDLHVEQUF1RCxJQUNsRSxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQWEsRUFBRSxFQUFFO1lBQ25DLE1BQU0sTUFBTSxHQUFHLEtBQUssS0FBSyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZQUMzQyxPQUFPO1lBQ0wscUdBQXFHO1lBQ3JHLDRCQUFJLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFDLDRCQUE0QjtnQkFDbkQsQ0FBQyxDQUFDLEtBQUssSUFBSSxvQkFBQyxJQUFJLG1CQUFjLElBQUksRUFBRSxTQUFTLEVBQUMsb0JBQW9CLEVBQUMsSUFBSSxFQUFFLEtBQUssR0FBSTtnQkFDbEYsQ0FBQyxNQUFNLElBQUksS0FBSztnQkFDaEIsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsV0FBVyxxQkFBZ0IsSUFBSSxrQkFBZSxNQUFNLEVBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUN6RSxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FDVCxDQUNmLENBQ0UsQ0FDTixDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQ0MsQ0FDRCxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFPRixNQUFNLE9BQU8sR0FBRyxDQUNkLFNBQThDLEVBQzlDLFdBQW1CLEVBQ25CLFVBQWlDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxFQUMyRCxFQUFFO0lBQ2pILE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWtDLENBQUMsRUFBMkIsRUFBRSxHQUFHLEVBQUUsRUFBRTtZQUFwQyxFQUFFLElBQUksRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXpCLG9CQUEyQixDQUFGO1FBQVksT0FBQSxDQUNwRyxvQkFBQyxTQUFTLGtCQUFDLEdBQUcsRUFBRSxHQUFHLElBQU8sSUFBYyxJQUFFLElBQUksRUFBQyxNQUFNLEVBQUMsU0FBUyxFQUFFLGNBQWMsRUFBRTtZQUMvRSw4QkFDRSxTQUFTLEVBQUUsSUFBSSxDQUFDLGtFQUFrRSxFQUFFO29CQUNsRiw4RUFBOEUsRUFBRSxDQUFDLE9BQU8sQ0FBQyxRQUFRO29CQUNqRyxjQUFjLEVBQUUsT0FBTyxDQUFDLFFBQVE7aUJBQ2pDLENBQUM7Z0JBRUQsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO2dCQUM1QixRQUFRLENBQ0osQ0FDRyxDQUNiLENBQUE7S0FBQSxDQUFDLENBQUM7SUFDSCxLQUFLLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNoQyxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMsQ0FBQztBQUVGOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FHbkIsR0FBRyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0FBRWhCLE1BQU0sV0FBVyxHQUFHLE9BQU8sQ0FBa0IsTUFBTSxFQUFFLGFBQWEsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0FBRXhGLFdBQVcsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUMifQ==
|
|
@@ -78,7 +78,7 @@ export declare const emptyStateClasses: import("tailwind-variants").TVReturnType
|
|
|
78
78
|
true: string;
|
|
79
79
|
false: string;
|
|
80
80
|
};
|
|
81
|
-
}, undefined, "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6
|
|
81
|
+
}, undefined, "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6 w-full", import("tailwind-variants/dist/config").TVConfig<{
|
|
82
82
|
layout: {
|
|
83
83
|
vertical: string;
|
|
84
84
|
horizontal: string;
|
|
@@ -134,7 +134,7 @@ export declare const emptyStateClasses: import("tailwind-variants").TVReturnType
|
|
|
134
134
|
true: string;
|
|
135
135
|
false: string;
|
|
136
136
|
};
|
|
137
|
-
}, undefined, "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6
|
|
137
|
+
}, undefined, "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6 w-full", import("tailwind-variants/dist/config").TVConfig<{
|
|
138
138
|
layout: {
|
|
139
139
|
vertical: string;
|
|
140
140
|
horizontal: string;
|