@aivenio/aquarium 5.0.0 → 5.1.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 +16 -0
- package/dist/atoms.cjs +76 -29
- package/dist/atoms.mjs +83 -36
- package/dist/charts.cjs +28 -4
- package/dist/charts.mjs +28 -4
- package/dist/src/atoms/Button/Button.js +7 -7
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/atoms/Modal/Modal.js +3 -3
- package/dist/src/atoms/Popover/Popover.d.ts +1 -1
- package/dist/src/atoms/Popover/Popover.js +3 -2
- package/dist/src/atoms/Select/Select.js +2 -2
- package/dist/src/atoms/Stepper/Stepper.js +2 -2
- package/dist/src/atoms/Toast/Toast.js +2 -2
- package/dist/src/molecules/Drawer/Drawer.js +5 -13
- package/dist/src/molecules/Dropdown/Dropdown.js +2 -2
- package/dist/src/molecules/Modal/Modal.js +4 -12
- package/dist/src/molecules/Tooltip/Tooltip.js +3 -3
- package/dist/src/tokens/tokens.json +28 -4
- package/dist/styles.css +132 -32
- package/dist/system.cjs +92 -57
- package/dist/system.mjs +102 -67
- package/dist/tailwind.theme.json +28 -4
- package/dist/tokens.json +28 -4
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/atoms.mjs
CHANGED
|
@@ -4512,7 +4512,7 @@ var TooltipWrapper = React.forwardRef(
|
|
|
4512
4512
|
"div",
|
|
4513
4513
|
{
|
|
4514
4514
|
ref,
|
|
4515
|
-
className: "Aquarium-Tooltip p-3 rounded-sm typography-caption max-w-[320px] bg-
|
|
4515
|
+
className: "Aquarium-Tooltip p-3 rounded-sm typography-caption max-w-[320px] bg-inverse text-opposite-default",
|
|
4516
4516
|
...mergeProps(props, tooltipProps)
|
|
4517
4517
|
},
|
|
4518
4518
|
props.children,
|
|
@@ -4552,7 +4552,7 @@ var getArrowStyle = (element, position, { left, top }) => {
|
|
|
4552
4552
|
return { left, top };
|
|
4553
4553
|
};
|
|
4554
4554
|
var Arrow = (props) => {
|
|
4555
|
-
return /* @__PURE__ */ React.createElement("div", { className: "absolute w-3 h-3 bg-
|
|
4555
|
+
return /* @__PURE__ */ React.createElement("div", { className: "absolute w-3 h-3 bg-inverse rotate-45", ...props });
|
|
4556
4556
|
};
|
|
4557
4557
|
|
|
4558
4558
|
// src/atoms/Button/Button.tsx
|
|
@@ -4856,14 +4856,14 @@ var buttonStateClasses = tv2({
|
|
|
4856
4856
|
variants: {
|
|
4857
4857
|
kind: {
|
|
4858
4858
|
primary: [
|
|
4859
|
-
"active:text-white active:bg-primary-active",
|
|
4860
|
-
"hover:bg-primary-
|
|
4861
|
-
"disabled:text-white disabled:bg-primary-
|
|
4859
|
+
"active:text-white active:bg-action-primary-button-active",
|
|
4860
|
+
"hover:bg-action-primary-button-hover",
|
|
4861
|
+
"disabled:text-white disabled:bg-action-primary-button-disabled"
|
|
4862
4862
|
],
|
|
4863
4863
|
secondary: [
|
|
4864
4864
|
"active:bg-primary-active active:text-primary-active",
|
|
4865
4865
|
"hover:bg-primary-hover",
|
|
4866
|
-
"before:disabled:border-
|
|
4866
|
+
"before:disabled:border-action-secondary-button-disabled"
|
|
4867
4867
|
],
|
|
4868
4868
|
ghost: ["hover:text-primary-active"],
|
|
4869
4869
|
text: interactiveTextStyles(),
|
|
@@ -4882,8 +4882,8 @@ var buttonClasses = tv2({
|
|
|
4882
4882
|
base: "Aquarium-Button whitespace-nowrap transition text-center text-primary-intense rounded-sm relative px-4 py-3 inline-flex gap-3 items-center justify-center",
|
|
4883
4883
|
variants: {
|
|
4884
4884
|
kind: {
|
|
4885
|
-
primary: "Aquarium-Button.Primary text-white bg-primary-default icon-stroke-2",
|
|
4886
|
-
secondary: "Aquarium-Button.Secondary bg-transparent before:absolute before:inset-0 before:border before:border-
|
|
4885
|
+
primary: "Aquarium-Button.Primary text-white bg-action-primary-button-default icon-stroke-2",
|
|
4886
|
+
secondary: "Aquarium-Button.Secondary bg-transparent before:absolute before:inset-0 before:border before:border-action-secondary-button-default before:rounded-sm icon-stroke-2",
|
|
4887
4887
|
ghost: "Aquarium-Button.Ghost px-0 icon-stroke-2",
|
|
4888
4888
|
text: "Aquarium-Button.Text px-0 py-0 icon-stroke-2",
|
|
4889
4889
|
icon: "Aquarium-Button.Icon px-2 py-2 text-default"
|
|
@@ -5057,7 +5057,10 @@ var tokens_default = {
|
|
|
5057
5057
|
},
|
|
5058
5058
|
backgroundColor: {
|
|
5059
5059
|
body: "white",
|
|
5060
|
+
layer: "white",
|
|
5060
5061
|
"body-intense": "rgba(58,58,68,1)",
|
|
5062
|
+
inverse: "rgba(58,58,68,1)",
|
|
5063
|
+
overlay: "white",
|
|
5061
5064
|
"popover-content": "white",
|
|
5062
5065
|
muted: "rgba(247,247,250,1)",
|
|
5063
5066
|
default: "rgba(237,237,240,1)",
|
|
@@ -5069,25 +5072,37 @@ var tokens_default = {
|
|
|
5069
5072
|
active: "rgba(243,246,255,1)",
|
|
5070
5073
|
hover: "rgba(243,246,255,1)"
|
|
5071
5074
|
},
|
|
5075
|
+
action: {
|
|
5076
|
+
"primary-button": {
|
|
5077
|
+
default: "rgba(53,69,190,1)",
|
|
5078
|
+
active: "rgba(243,246,255,1)",
|
|
5079
|
+
hover: "rgba(34,47,149,1)",
|
|
5080
|
+
disabled: "rgba(185,197,239,1)"
|
|
5081
|
+
}
|
|
5082
|
+
},
|
|
5072
5083
|
info: {
|
|
5073
5084
|
muted: "rgba(224,245,254,1)",
|
|
5074
5085
|
default: "rgba(3,153,227,1)",
|
|
5075
|
-
intense: "rgba(1,116,186,1)"
|
|
5086
|
+
intense: "rgba(1,116,186,1)",
|
|
5087
|
+
inverse: "rgba(3,153,227,1)"
|
|
5076
5088
|
},
|
|
5077
5089
|
success: {
|
|
5078
5090
|
muted: "rgba(236,247,237,1)",
|
|
5079
5091
|
default: "rgba(0,179,0,1)",
|
|
5080
|
-
intense: "rgba(0,142,0,1)"
|
|
5092
|
+
intense: "rgba(0,142,0,1)",
|
|
5093
|
+
inverse: "rgba(0,179,0,1)"
|
|
5081
5094
|
},
|
|
5082
5095
|
warning: {
|
|
5083
5096
|
muted: "rgba(255,248,234,1)",
|
|
5084
5097
|
default: "rgba(255,179,0,1)",
|
|
5085
|
-
intense: "rgba(255,144,3,1)"
|
|
5098
|
+
intense: "rgba(255,144,3,1)",
|
|
5099
|
+
inverse: "rgba(255,179,0,1)"
|
|
5086
5100
|
},
|
|
5087
5101
|
danger: {
|
|
5088
5102
|
muted: "rgba(255,203,210,1)",
|
|
5089
5103
|
default: "rgba(255,173,179,1)",
|
|
5090
|
-
intense: "rgba(230,39,40,1)"
|
|
5104
|
+
intense: "rgba(230,39,40,1)",
|
|
5105
|
+
inverse: "rgba(216,0,5,1)"
|
|
5091
5106
|
},
|
|
5092
5107
|
status: {
|
|
5093
5108
|
announcement: "rgba(243,246,255,1)",
|
|
@@ -5109,6 +5124,15 @@ var tokens_default = {
|
|
|
5109
5124
|
default: "rgba(53,69,190,1)",
|
|
5110
5125
|
intense: "rgba(14,22,82,1)"
|
|
5111
5126
|
},
|
|
5127
|
+
action: {
|
|
5128
|
+
focus: "rgba(53,69,190,1)",
|
|
5129
|
+
"secondary-button": {
|
|
5130
|
+
default: "rgba(53,69,190,1)",
|
|
5131
|
+
active: "rgba(243,246,255,1)",
|
|
5132
|
+
hover: "rgba(243,246,255,1)",
|
|
5133
|
+
disabled: "rgba(129,142,236,1)"
|
|
5134
|
+
}
|
|
5135
|
+
},
|
|
5112
5136
|
info: {
|
|
5113
5137
|
muted: "rgba(40,180,244,1)",
|
|
5114
5138
|
default: "rgba(3,153,227,1)",
|
|
@@ -5949,7 +5973,8 @@ var tailwind_theme_default = {
|
|
|
5949
5973
|
"100": "var(--aquarium-colors-warning-100)",
|
|
5950
5974
|
muted: "var(--aquarium-background-color-warning-muted)",
|
|
5951
5975
|
default: "var(--aquarium-background-color-warning-default)",
|
|
5952
|
-
intense: "var(--aquarium-background-color-warning-intense)"
|
|
5976
|
+
intense: "var(--aquarium-background-color-warning-intense)",
|
|
5977
|
+
inverse: "var(--aquarium-background-color-warning-inverse)"
|
|
5953
5978
|
},
|
|
5954
5979
|
success: {
|
|
5955
5980
|
"0": "var(--aquarium-colors-success-0)",
|
|
@@ -5966,7 +5991,8 @@ var tailwind_theme_default = {
|
|
|
5966
5991
|
"100": "var(--aquarium-colors-success-100)",
|
|
5967
5992
|
muted: "var(--aquarium-background-color-success-muted)",
|
|
5968
5993
|
default: "var(--aquarium-background-color-success-default)",
|
|
5969
|
-
intense: "var(--aquarium-background-color-success-intense)"
|
|
5994
|
+
intense: "var(--aquarium-background-color-success-intense)",
|
|
5995
|
+
inverse: "var(--aquarium-background-color-success-inverse)"
|
|
5970
5996
|
},
|
|
5971
5997
|
info: {
|
|
5972
5998
|
"0": "var(--aquarium-colors-info-0)",
|
|
@@ -5983,7 +6009,8 @@ var tailwind_theme_default = {
|
|
|
5983
6009
|
"100": "var(--aquarium-colors-info-100)",
|
|
5984
6010
|
muted: "var(--aquarium-background-color-info-muted)",
|
|
5985
6011
|
default: "var(--aquarium-background-color-info-default)",
|
|
5986
|
-
intense: "var(--aquarium-background-color-info-intense)"
|
|
6012
|
+
intense: "var(--aquarium-background-color-info-intense)",
|
|
6013
|
+
inverse: "var(--aquarium-background-color-info-inverse)"
|
|
5987
6014
|
},
|
|
5988
6015
|
grey: {
|
|
5989
6016
|
"0": "var(--aquarium-colors-grey-0)",
|
|
@@ -6033,15 +6060,27 @@ var tailwind_theme_default = {
|
|
|
6033
6060
|
hover: "var(--aquarium-background-color-primary-hover)"
|
|
6034
6061
|
},
|
|
6035
6062
|
body: "var(--aquarium-background-color-body)",
|
|
6063
|
+
layer: "var(--aquarium-background-color-layer)",
|
|
6036
6064
|
"body-intense": "var(--aquarium-background-color-body-intense)",
|
|
6065
|
+
inverse: "var(--aquarium-background-color-inverse)",
|
|
6066
|
+
overlay: "var(--aquarium-background-color-overlay)",
|
|
6037
6067
|
"popover-content": "var(--aquarium-background-color-popover-content)",
|
|
6038
6068
|
muted: "var(--aquarium-background-color-muted)",
|
|
6039
6069
|
default: "var(--aquarium-background-color-default)",
|
|
6040
6070
|
intense: "var(--aquarium-background-color-intense)",
|
|
6071
|
+
action: {
|
|
6072
|
+
"primary-button": {
|
|
6073
|
+
default: "var(--aquarium-background-color-action-primary-button-default)",
|
|
6074
|
+
active: "var(--aquarium-background-color-action-primary-button-active)",
|
|
6075
|
+
hover: "var(--aquarium-background-color-action-primary-button-hover)",
|
|
6076
|
+
disabled: "var(--aquarium-background-color-action-primary-button-disabled)"
|
|
6077
|
+
}
|
|
6078
|
+
},
|
|
6041
6079
|
danger: {
|
|
6042
6080
|
muted: "var(--aquarium-background-color-danger-muted)",
|
|
6043
6081
|
default: "var(--aquarium-background-color-danger-default)",
|
|
6044
|
-
intense: "var(--aquarium-background-color-danger-intense)"
|
|
6082
|
+
intense: "var(--aquarium-background-color-danger-intense)",
|
|
6083
|
+
inverse: "var(--aquarium-background-color-danger-inverse)"
|
|
6045
6084
|
},
|
|
6046
6085
|
status: {
|
|
6047
6086
|
announcement: "var(--aquarium-background-color-status-announcement)",
|
|
@@ -6305,6 +6344,15 @@ var tailwind_theme_default = {
|
|
|
6305
6344
|
muted: "var(--aquarium-border-color-muted)",
|
|
6306
6345
|
default: "var(--aquarium-border-color-default)",
|
|
6307
6346
|
intense: "var(--aquarium-border-color-intense)",
|
|
6347
|
+
action: {
|
|
6348
|
+
focus: "var(--aquarium-border-color-action-focus)",
|
|
6349
|
+
"secondary-button": {
|
|
6350
|
+
default: "var(--aquarium-border-color-action-secondary-button-default)",
|
|
6351
|
+
active: "var(--aquarium-border-color-action-secondary-button-active)",
|
|
6352
|
+
hover: "var(--aquarium-border-color-action-secondary-button-hover)",
|
|
6353
|
+
disabled: "var(--aquarium-border-color-action-secondary-button-disabled)"
|
|
6354
|
+
}
|
|
6355
|
+
},
|
|
6308
6356
|
danger: {
|
|
6309
6357
|
muted: "var(--aquarium-border-color-danger-muted)",
|
|
6310
6358
|
default: "var(--aquarium-border-color-danger-default)",
|
|
@@ -6728,7 +6776,7 @@ var toastStyles = tv3({
|
|
|
6728
6776
|
variants: {
|
|
6729
6777
|
variant: {
|
|
6730
6778
|
default: {
|
|
6731
|
-
base: "bg-
|
|
6779
|
+
base: "bg-inverse text-opposite-default",
|
|
6732
6780
|
dismiss: "[&>button]:text-muted",
|
|
6733
6781
|
action: "[&>*]:text-primary-inactive hover:[&>*]:text-primary-muted"
|
|
6734
6782
|
},
|
|
@@ -6817,7 +6865,7 @@ var inputClasses = tv4({
|
|
|
6817
6865
|
}
|
|
6818
6866
|
});
|
|
6819
6867
|
var menuClasses = tv4({
|
|
6820
|
-
base: "text-default bg-
|
|
6868
|
+
base: "text-default bg-overlay overflow-y-auto"
|
|
6821
6869
|
});
|
|
6822
6870
|
var noResultsClasses = tv4({
|
|
6823
6871
|
base: "p-3 text-inactive typography-small"
|
|
@@ -8916,7 +8964,8 @@ import {
|
|
|
8916
8964
|
} from "react-aria-components";
|
|
8917
8965
|
import { tv as tv13 } from "tailwind-variants";
|
|
8918
8966
|
var popoverStyles = tv13({
|
|
8919
|
-
|
|
8967
|
+
// z-[101] ensures popover appears above modal (z-modal: 100)
|
|
8968
|
+
base: "rounded-sm shadow-16dp bg-overlay mt-1 overflow-y-auto flex flex-col border border-default outline-none z-[101]"
|
|
8920
8969
|
});
|
|
8921
8970
|
var Popover = React49.forwardRef(
|
|
8922
8971
|
({ children, offset = 0, className, placement: _placement = "bottom-left", ...props }, ref) => {
|
|
@@ -10417,7 +10466,7 @@ import { clsx as clsx26 } from "clsx";
|
|
|
10417
10466
|
import { tv as tv16 } from "tailwind-variants";
|
|
10418
10467
|
var import_tick5 = __toESM(require_tick());
|
|
10419
10468
|
var dropdownMenuStyles = tv16({
|
|
10420
|
-
base: "bg-
|
|
10469
|
+
base: "bg-overlay w-full flex flex-col overflow-x-hidden typography-small text-default"
|
|
10421
10470
|
});
|
|
10422
10471
|
var DropdownMenu = ({ className, children, ...props }) => {
|
|
10423
10472
|
return /* @__PURE__ */ React62.createElement(AriaMenu, { className: dropdownMenuStyles({ className: ["Aquarium-DropdownMenu", className] }), ...props }, children);
|
|
@@ -14532,8 +14581,8 @@ var bodyMaskClasses = tv23({
|
|
|
14532
14581
|
var modalStyles = tv23({
|
|
14533
14582
|
slots: {
|
|
14534
14583
|
overlay: "inset-0 overflow-y-auto z-modal fixed",
|
|
14535
|
-
backdrop: "-z-10 fixed min-w-full min-h-full bg-
|
|
14536
|
-
dialog: "bg-
|
|
14584
|
+
backdrop: "-z-10 fixed min-w-full min-h-full bg-inverse opacity-30",
|
|
14585
|
+
dialog: "bg-overlay max-h-full flex flex-col",
|
|
14537
14586
|
header: "pl-7 pr-[64px] pt-6 pb-4 gap-3 flex items-center",
|
|
14538
14587
|
headerImage: "h-[120px] min-h-[120px] w-full",
|
|
14539
14588
|
titleContainer: "flex flex-col grow",
|
|
@@ -14685,9 +14734,8 @@ Modal.Actions = ({ children, className, ...rest }) => {
|
|
|
14685
14734
|
};
|
|
14686
14735
|
|
|
14687
14736
|
// src/molecules/Drawer/Drawer.tsx
|
|
14688
|
-
import React88
|
|
14737
|
+
import React88 from "react";
|
|
14689
14738
|
import { Dialog as AriaDialog2, Modal as AriaModal, ModalOverlay as AriaModalOverlay } from "react-aria-components";
|
|
14690
|
-
import { UNSTABLE_PortalProvider } from "@react-aria/overlays";
|
|
14691
14739
|
import { animated as animated4, useSpring as useSpring3 } from "@react-spring/web";
|
|
14692
14740
|
import { clsx as clsx30 } from "clsx";
|
|
14693
14741
|
import { castArray as castArray4, omit as omit10 } from "lodash-es";
|
|
@@ -15042,7 +15090,7 @@ var DropdownMenu3 = ({
|
|
|
15042
15090
|
const id = setTimeout(() => (menuRef.current?.children[0]).focus());
|
|
15043
15091
|
return () => clearTimeout(id);
|
|
15044
15092
|
}, [menuRef.current]);
|
|
15045
|
-
return /* @__PURE__ */ React90.createElement("div", { style: { minWidth: "250px" }, className: "py-3 bg-
|
|
15093
|
+
return /* @__PURE__ */ React90.createElement("div", { style: { minWidth: "250px" }, className: "py-3 bg-overlay" }, !!title && /* @__PURE__ */ React90.createElement("div", { className: "px-4 py-4 text-left text-intense typography-default-strong" }, title), /* @__PURE__ */ React90.createElement("ol", { role: "menu", ref: menuRef, id: contentId, "aria-labelledby": triggerId }, React90.Children.map(children, (child) => {
|
|
15046
15094
|
return React90.cloneElement(child, { setClose });
|
|
15047
15095
|
})));
|
|
15048
15096
|
};
|
|
@@ -15257,9 +15305,8 @@ import React94 from "react";
|
|
|
15257
15305
|
import React95 from "react";
|
|
15258
15306
|
|
|
15259
15307
|
// src/molecules/Modal/Modal.tsx
|
|
15260
|
-
import React96
|
|
15308
|
+
import React96 from "react";
|
|
15261
15309
|
import { Dialog as AriaDialog3, Modal as AriaModal2, ModalOverlay as AriaModalOverlay2 } from "react-aria-components";
|
|
15262
|
-
import { UNSTABLE_PortalProvider as UNSTABLE_PortalProvider2 } from "@react-aria/overlays";
|
|
15263
15310
|
import { clsx as clsx34 } from "clsx";
|
|
15264
15311
|
import { castArray as castArray5, isEmpty as isEmpty2, omit as omit11 } from "lodash-es";
|
|
15265
15312
|
var import_cross7 = __toESM(require_cross());
|
|
@@ -15273,7 +15320,7 @@ var ModalTabs = createTabsComponent(
|
|
|
15273
15320
|
);
|
|
15274
15321
|
|
|
15275
15322
|
// src/molecules/MultiInput/MultiInput.tsx
|
|
15276
|
-
import React98, { useEffect as useEffect8, useRef as
|
|
15323
|
+
import React98, { useEffect as useEffect8, useRef as useRef12, useState as useState11 } from "react";
|
|
15277
15324
|
import { useId as useId12 } from "@react-aria/utils";
|
|
15278
15325
|
import { castArray as castArray6, identity, omit as omit12 } from "lodash-es";
|
|
15279
15326
|
|
|
@@ -15355,7 +15402,7 @@ var MultiInputBase = ({
|
|
|
15355
15402
|
valid = true,
|
|
15356
15403
|
...props
|
|
15357
15404
|
}) => {
|
|
15358
|
-
const inputRef =
|
|
15405
|
+
const inputRef = useRef12(null);
|
|
15359
15406
|
const [items, setItems] = useState11(value ?? defaultValue ?? []);
|
|
15360
15407
|
const [hasFocus, setFocus] = useState11(false);
|
|
15361
15408
|
const keyCodes = [delimiter !== "enter" ? " " : null, delimiter !== "space" ? "Enter" : null].filter(identity);
|
|
@@ -15524,7 +15571,7 @@ MultiInput.Skeleton = MultiInputSkeleton;
|
|
|
15524
15571
|
MultiInput.Skeleton.displayName = "MultiInput.Skeleton";
|
|
15525
15572
|
|
|
15526
15573
|
// src/molecules/MultiSelect/MultiSelect.tsx
|
|
15527
|
-
import React99, { useEffect as useEffect9, useRef as
|
|
15574
|
+
import React99, { useEffect as useEffect9, useRef as useRef13, useState as useState12 } from "react";
|
|
15528
15575
|
import { ariaHideOutside as ariaHideOutside3 } from "@react-aria/overlays";
|
|
15529
15576
|
import { useId as useId13 } from "@react-aria/utils";
|
|
15530
15577
|
import { useCombobox as useCombobox2, useMultipleSelection } from "downshift";
|
|
@@ -15554,10 +15601,10 @@ var MultiSelectBase = ({
|
|
|
15554
15601
|
children,
|
|
15555
15602
|
...props
|
|
15556
15603
|
}) => {
|
|
15557
|
-
const popoverRef =
|
|
15558
|
-
const targetRef =
|
|
15559
|
-
const menuRef =
|
|
15560
|
-
const inputRef =
|
|
15604
|
+
const popoverRef = useRef13(null);
|
|
15605
|
+
const targetRef = useRef13(null);
|
|
15606
|
+
const menuRef = useRef13(null);
|
|
15607
|
+
const inputRef = useRef13(null);
|
|
15561
15608
|
const [inputValue, setInputValue] = useState12("");
|
|
15562
15609
|
const [hasFocus, setFocus] = useState12(false);
|
|
15563
15610
|
const { selectedItems, addSelectedItem, removeSelectedItem, getDropdownProps, getSelectedItemProps } = useMultipleSelection(
|
|
@@ -16266,7 +16313,7 @@ RadioButtonGroup.Skeleton = RadioButtonGroupSkeleton;
|
|
|
16266
16313
|
RadioButtonGroup.Skeleton.displayName = "RadioButtonGroup.Skeleton";
|
|
16267
16314
|
|
|
16268
16315
|
// src/molecules/Section/Section.tsx
|
|
16269
|
-
import React115, { useRef as
|
|
16316
|
+
import React115, { useRef as useRef14 } from "react";
|
|
16270
16317
|
import { useButton as useButton4 } from "@react-aria/button";
|
|
16271
16318
|
import { useId as useId16 } from "@react-aria/utils";
|
|
16272
16319
|
import { animated as animated5, useSpring as useSpring4 } from "@react-spring/web";
|
|
@@ -16488,7 +16535,7 @@ var stepStyles = tv30({
|
|
|
16488
16535
|
slots: ["indicator"],
|
|
16489
16536
|
dense: true,
|
|
16490
16537
|
state: "active",
|
|
16491
|
-
class: "bg-
|
|
16538
|
+
class: "bg-inverse"
|
|
16492
16539
|
},
|
|
16493
16540
|
{
|
|
16494
16541
|
slots: ["indicator"],
|
package/dist/charts.cjs
CHANGED
|
@@ -214,7 +214,10 @@ var tokens_default = {
|
|
|
214
214
|
},
|
|
215
215
|
backgroundColor: {
|
|
216
216
|
body: "white",
|
|
217
|
+
layer: "white",
|
|
217
218
|
"body-intense": "rgba(58,58,68,1)",
|
|
219
|
+
inverse: "rgba(58,58,68,1)",
|
|
220
|
+
overlay: "white",
|
|
218
221
|
"popover-content": "white",
|
|
219
222
|
muted: "rgba(247,247,250,1)",
|
|
220
223
|
default: "rgba(237,237,240,1)",
|
|
@@ -226,25 +229,37 @@ var tokens_default = {
|
|
|
226
229
|
active: "rgba(243,246,255,1)",
|
|
227
230
|
hover: "rgba(243,246,255,1)"
|
|
228
231
|
},
|
|
232
|
+
action: {
|
|
233
|
+
"primary-button": {
|
|
234
|
+
default: "rgba(53,69,190,1)",
|
|
235
|
+
active: "rgba(243,246,255,1)",
|
|
236
|
+
hover: "rgba(34,47,149,1)",
|
|
237
|
+
disabled: "rgba(185,197,239,1)"
|
|
238
|
+
}
|
|
239
|
+
},
|
|
229
240
|
info: {
|
|
230
241
|
muted: "rgba(224,245,254,1)",
|
|
231
242
|
default: "rgba(3,153,227,1)",
|
|
232
|
-
intense: "rgba(1,116,186,1)"
|
|
243
|
+
intense: "rgba(1,116,186,1)",
|
|
244
|
+
inverse: "rgba(3,153,227,1)"
|
|
233
245
|
},
|
|
234
246
|
success: {
|
|
235
247
|
muted: "rgba(236,247,237,1)",
|
|
236
248
|
default: "rgba(0,179,0,1)",
|
|
237
|
-
intense: "rgba(0,142,0,1)"
|
|
249
|
+
intense: "rgba(0,142,0,1)",
|
|
250
|
+
inverse: "rgba(0,179,0,1)"
|
|
238
251
|
},
|
|
239
252
|
warning: {
|
|
240
253
|
muted: "rgba(255,248,234,1)",
|
|
241
254
|
default: "rgba(255,179,0,1)",
|
|
242
|
-
intense: "rgba(255,144,3,1)"
|
|
255
|
+
intense: "rgba(255,144,3,1)",
|
|
256
|
+
inverse: "rgba(255,179,0,1)"
|
|
243
257
|
},
|
|
244
258
|
danger: {
|
|
245
259
|
muted: "rgba(255,203,210,1)",
|
|
246
260
|
default: "rgba(255,173,179,1)",
|
|
247
|
-
intense: "rgba(230,39,40,1)"
|
|
261
|
+
intense: "rgba(230,39,40,1)",
|
|
262
|
+
inverse: "rgba(216,0,5,1)"
|
|
248
263
|
},
|
|
249
264
|
status: {
|
|
250
265
|
announcement: "rgba(243,246,255,1)",
|
|
@@ -266,6 +281,15 @@ var tokens_default = {
|
|
|
266
281
|
default: "rgba(53,69,190,1)",
|
|
267
282
|
intense: "rgba(14,22,82,1)"
|
|
268
283
|
},
|
|
284
|
+
action: {
|
|
285
|
+
focus: "rgba(53,69,190,1)",
|
|
286
|
+
"secondary-button": {
|
|
287
|
+
default: "rgba(53,69,190,1)",
|
|
288
|
+
active: "rgba(243,246,255,1)",
|
|
289
|
+
hover: "rgba(243,246,255,1)",
|
|
290
|
+
disabled: "rgba(129,142,236,1)"
|
|
291
|
+
}
|
|
292
|
+
},
|
|
269
293
|
info: {
|
|
270
294
|
muted: "rgba(40,180,244,1)",
|
|
271
295
|
default: "rgba(3,153,227,1)",
|
package/dist/charts.mjs
CHANGED
|
@@ -74,7 +74,10 @@ var tokens_default = {
|
|
|
74
74
|
},
|
|
75
75
|
backgroundColor: {
|
|
76
76
|
body: "white",
|
|
77
|
+
layer: "white",
|
|
77
78
|
"body-intense": "rgba(58,58,68,1)",
|
|
79
|
+
inverse: "rgba(58,58,68,1)",
|
|
80
|
+
overlay: "white",
|
|
78
81
|
"popover-content": "white",
|
|
79
82
|
muted: "rgba(247,247,250,1)",
|
|
80
83
|
default: "rgba(237,237,240,1)",
|
|
@@ -86,25 +89,37 @@ var tokens_default = {
|
|
|
86
89
|
active: "rgba(243,246,255,1)",
|
|
87
90
|
hover: "rgba(243,246,255,1)"
|
|
88
91
|
},
|
|
92
|
+
action: {
|
|
93
|
+
"primary-button": {
|
|
94
|
+
default: "rgba(53,69,190,1)",
|
|
95
|
+
active: "rgba(243,246,255,1)",
|
|
96
|
+
hover: "rgba(34,47,149,1)",
|
|
97
|
+
disabled: "rgba(185,197,239,1)"
|
|
98
|
+
}
|
|
99
|
+
},
|
|
89
100
|
info: {
|
|
90
101
|
muted: "rgba(224,245,254,1)",
|
|
91
102
|
default: "rgba(3,153,227,1)",
|
|
92
|
-
intense: "rgba(1,116,186,1)"
|
|
103
|
+
intense: "rgba(1,116,186,1)",
|
|
104
|
+
inverse: "rgba(3,153,227,1)"
|
|
93
105
|
},
|
|
94
106
|
success: {
|
|
95
107
|
muted: "rgba(236,247,237,1)",
|
|
96
108
|
default: "rgba(0,179,0,1)",
|
|
97
|
-
intense: "rgba(0,142,0,1)"
|
|
109
|
+
intense: "rgba(0,142,0,1)",
|
|
110
|
+
inverse: "rgba(0,179,0,1)"
|
|
98
111
|
},
|
|
99
112
|
warning: {
|
|
100
113
|
muted: "rgba(255,248,234,1)",
|
|
101
114
|
default: "rgba(255,179,0,1)",
|
|
102
|
-
intense: "rgba(255,144,3,1)"
|
|
115
|
+
intense: "rgba(255,144,3,1)",
|
|
116
|
+
inverse: "rgba(255,179,0,1)"
|
|
103
117
|
},
|
|
104
118
|
danger: {
|
|
105
119
|
muted: "rgba(255,203,210,1)",
|
|
106
120
|
default: "rgba(255,173,179,1)",
|
|
107
|
-
intense: "rgba(230,39,40,1)"
|
|
121
|
+
intense: "rgba(230,39,40,1)",
|
|
122
|
+
inverse: "rgba(216,0,5,1)"
|
|
108
123
|
},
|
|
109
124
|
status: {
|
|
110
125
|
announcement: "rgba(243,246,255,1)",
|
|
@@ -126,6 +141,15 @@ var tokens_default = {
|
|
|
126
141
|
default: "rgba(53,69,190,1)",
|
|
127
142
|
intense: "rgba(14,22,82,1)"
|
|
128
143
|
},
|
|
144
|
+
action: {
|
|
145
|
+
focus: "rgba(53,69,190,1)",
|
|
146
|
+
"secondary-button": {
|
|
147
|
+
default: "rgba(53,69,190,1)",
|
|
148
|
+
active: "rgba(243,246,255,1)",
|
|
149
|
+
hover: "rgba(243,246,255,1)",
|
|
150
|
+
disabled: "rgba(129,142,236,1)"
|
|
151
|
+
}
|
|
152
|
+
},
|
|
129
153
|
info: {
|
|
130
154
|
muted: "rgba(40,180,244,1)",
|
|
131
155
|
default: "rgba(3,153,227,1)",
|
|
@@ -21,14 +21,14 @@ const buttonStateClasses = tv({
|
|
|
21
21
|
variants: {
|
|
22
22
|
kind: {
|
|
23
23
|
primary: [
|
|
24
|
-
'active:text-white active:bg-primary-active',
|
|
25
|
-
'hover:bg-primary-
|
|
26
|
-
'disabled:text-white disabled:bg-primary-
|
|
24
|
+
'active:text-white active:bg-action-primary-button-active',
|
|
25
|
+
'hover:bg-action-primary-button-hover',
|
|
26
|
+
'disabled:text-white disabled:bg-action-primary-button-disabled',
|
|
27
27
|
],
|
|
28
28
|
secondary: [
|
|
29
29
|
'active:bg-primary-active active:text-primary-active',
|
|
30
30
|
'hover:bg-primary-hover',
|
|
31
|
-
'before:disabled:border-
|
|
31
|
+
'before:disabled:border-action-secondary-button-disabled',
|
|
32
32
|
],
|
|
33
33
|
ghost: ['hover:text-primary-active'],
|
|
34
34
|
text: interactiveTextStyles(),
|
|
@@ -47,8 +47,8 @@ export const buttonClasses = tv({
|
|
|
47
47
|
base: 'Aquarium-Button whitespace-nowrap transition text-center text-primary-intense rounded-sm relative px-4 py-3 inline-flex gap-3 items-center justify-center',
|
|
48
48
|
variants: {
|
|
49
49
|
kind: {
|
|
50
|
-
primary: 'Aquarium-Button.Primary text-white bg-primary-default icon-stroke-2',
|
|
51
|
-
secondary: 'Aquarium-Button.Secondary bg-transparent before:absolute before:inset-0 before:border before:border-
|
|
50
|
+
primary: 'Aquarium-Button.Primary text-white bg-action-primary-button-default icon-stroke-2',
|
|
51
|
+
secondary: 'Aquarium-Button.Secondary bg-transparent before:absolute before:inset-0 before:border before:border-action-secondary-button-default before:rounded-sm icon-stroke-2',
|
|
52
52
|
ghost: 'Aquarium-Button.Ghost px-0 icon-stroke-2',
|
|
53
53
|
text: 'Aquarium-Button.Text px-0 py-0 icon-stroke-2',
|
|
54
54
|
icon: 'Aquarium-Button.Icon px-2 py-2 text-default',
|
|
@@ -105,4 +105,4 @@ export const Icon = (_a) => {
|
|
|
105
105
|
var { dense = false } = _a, props = __rest(_a, ["dense"]);
|
|
106
106
|
return (React.createElement(_Icon, Object.assign({}, props, { width: iconSize(dense), height: iconSize(dense) })));
|
|
107
107
|
};
|
|
108
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0J1dHRvbi9CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxJQUFJLElBQUksS0FBSyxFQUFrQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNuRCxPQUFPLEVBQUUsY0FBYyxFQUFFLHFCQUFxQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFJNUUsTUFBTSxrQkFBa0IsR0FBRyxFQUFFLENBQUM7SUFDNUIsTUFBTSxFQUFFLGNBQWM7SUFDdEIsSUFBSSxFQUFFLDRFQUE0RTtJQUNsRixRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUU7Z0JBQ1AsMERBQTBEO2dCQUMxRCxzQ0FBc0M7Z0JBQ3RDLGdFQUFnRTthQUNqRTtZQUNELFNBQVMsRUFBRTtnQkFDVCxxREFBcUQ7Z0JBQ3JELHdCQUF3QjtnQkFDeEIseURBQXlEO2FBQzFEO1lBQ0QsS0FBSyxFQUFFLENBQUMsMkJBQTJCLENBQUM7WUFDcEMsSUFBSSxFQUFFLHFCQUFxQixFQUFFO1lBQzdCLElBQUksRUFBRSxDQUFDLDRCQUE0QixFQUFFLHdCQUF3QixDQUFDO1NBQy9EO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsSUFBSSxFQUFFLG9CQUFvQjtTQUMzQjtRQUNELE9BQU8sRUFBRTtZQUNQLElBQUksRUFBRSxhQUFhO1NBQ3BCO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsRUFB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
|
|
@@ -18,7 +18,7 @@ import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
|
|
18
18
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
|
19
19
|
import tick from '../../../src/icons/tick';
|
|
20
20
|
const dropdownMenuStyles = tv({
|
|
21
|
-
base: 'bg-
|
|
21
|
+
base: 'bg-overlay w-full flex flex-col overflow-x-hidden typography-small text-default',
|
|
22
22
|
});
|
|
23
23
|
// Create the component using forwardRef and cast it to the component type
|
|
24
24
|
export const DropdownMenu = (_a) => {
|
|
@@ -91,4 +91,4 @@ const EmptyStateContainer = (_a) => {
|
|
|
91
91
|
return (React.createElement("div", Object.assign({ className: clsx('border border-dashed border-default p-3', className) }, props), children));
|
|
92
92
|
};
|
|
93
93
|
DropdownMenu.EmptyStateContainer = EmptyStateContainer;
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUE2QixNQUFNLE9BQU8sQ0FBQztBQUNsRCxPQUFPLEVBQ0wsVUFBVSxJQUFJLGNBQWMsRUFDNUIsa0JBQWtCLEVBQ2xCLE1BQU0sSUFBSSxVQUFVLEVBQ3BCLElBQUksSUFBSSxRQUFRLEVBQ2hCLFFBQVEsSUFBSSxZQUFZLEVBR3hCLFdBQVcsSUFBSSxlQUFlLEdBRS9CLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM1QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFNbEMsTUFBTSxrQkFBa0IsR0FBRyxFQUFFLENBQUM7SUFDNUIsSUFBSSxFQUFFLGlGQUFpRjtDQUN4RixDQUFDLENBQUM7QUFNSCwwRUFBMEU7QUFDMUUsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLENBQW1CLEVBQXVELEVBQUUsRUFBRTtRQUEzRCxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQWtDLEVBQTdCLEtBQUssY0FBL0IseUJBQWlDLENBQUY7SUFDNUUsT0FBTyxDQUNMLG9CQUFDLFFBQVEsa0JBQUMsU0FBUyxFQUFFLGtCQUFrQixDQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsdUJBQXVCLEVBQUUsU0FBUyxDQUFDLEVBQUUsQ0FBQyxJQUFNLEtBQUssR0FDcEcsUUFBUSxDQUNBLENBQ1osQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sYUFBYSxHQU9mLENBQUMsRUFBRSxTQUFTLEVBQUUsU0FBUyxHQUFHLE1BQU0sRUFBRSxRQUFRLEdBQUcsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDakYsNkJBQUssS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEVBQUUsU0FBUyxFQUFDLGlDQUFpQyxJQUNsRyxRQUFRLENBQ0wsQ0FDUCxDQUFDO0FBRUYsWUFBWSxDQUFDLGFBQWEsR0FBRyxhQUFhLENBQUM7QUFFM0MsTUFBTSwwQkFBMEIsR0FBc0MsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN0Riw2QkFBSyxTQUFTLEVBQUMsdUNBQXVDLElBQUUsUUFBUSxDQUFPLENBQ3hFLENBQUM7QUFFRixZQUFZLENBQUMsMEJBQTBCLEdBQUcsMEJBQTBCLENBQUM7QUFFckUsTUFBTSx1QkFBdUIsR0FBRyxFQUFFLENBQUM7SUFDakMsS0FBSyxFQUFFO1FBQ0wsSUFBSSxFQUFFO1lBQ0osOEVBQThFO1lBQzlFLCtHQUErRztTQUNoSDtRQUNELEtBQUssRUFBRSwrREFBK0Q7S0FDdkU7Q0FDRixDQUFDLENBQUM7QUFPSCxNQUFNLEtBQUssR0FBRyxDQUFDLEVBQWdFLEVBQUUsRUFBRTtRQUFwRSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLFFBQVEsT0FBd0IsRUFBbkIsS0FBSyxjQUFsRCxnREFBb0QsQ0FBRjtJQUMvRCxNQUFNLE1BQU0sR0FBRyx1QkFBdUIsRUFBRSxDQUFDO0lBRXpDLE9BQU8sQ0FDTCxvQkFBQyxlQUFlLGtCQUFDLFNBQVMsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsU0FBUyxFQUFFLDZCQUE2QixFQUFFLENBQUMsSUFBTSxLQUFLO1FBQzdGLEtBQUssSUFBSSxDQUNSLG9CQUFDLFVBQVUsa0JBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQUUsSUFBTSxVQUFVLEdBQ2xELEtBQUssQ0FDSyxDQUNkO1FBQ0Qsb0JBQUMsY0FBYyxRQUFFLFFBQVEsQ0FBa0IsQ0FDM0IsQ0FDbkIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLFlBQVksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0FBRTNCLE1BQU0sc0JBQXNCLEdBQUcsRUFBRSxDQUFDO0lBQ2hDLElBQUksRUFBRSxpRUFBaUU7SUFDdkUsUUFBUSxFQUFFO1FBQ1IsVUFBVSxFQUFFO1lBQ1YsSUFBSSxFQUFFLGtDQUFrQztTQUN6QztRQUNELFNBQVMsRUFBRTtZQUNULElBQUksRUFBRSxVQUFVO1NBQ2pCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osTUFBTSxFQUFFLEVBQUU7WUFDVixNQUFNLEVBQUUsRUFBRTtZQUNWLE9BQU8sRUFBRSxFQUFFO1NBQ1o7S0FDRjtJQUNELGdCQUFnQixFQUFFO1FBQ2hCO1lBQ0UsSUFBSSxFQUFFLFFBQVE7WUFDZCxRQUFRLEVBQUUsS0FBSztZQUNmLFNBQVMsRUFBRSxzQkFBc0I7U0FDbEM7UUFDRDtZQUNFLElBQUksRUFBRSxRQUFRO1lBQ2QsUUFBUSxFQUFFLEtBQUs7WUFDZixTQUFTLEVBQUUscUJBQXFCO1NBQ2pDO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFXSCxNQUFNLElBQUksR0FBRyxDQUFDLEVBUUUsRUFBRSxFQUFFO1FBUk4sRUFDWixJQUFJLEdBQUcsU0FBUyxFQUNoQixTQUFTLEVBQ1QsSUFBSSxFQUNKLFdBQVcsRUFDWCxnQkFBZ0IsR0FBRyxLQUFLLEVBQ3hCLFFBQVEsT0FFTSxFQURYLEtBQUssY0FQSSw0RUFRYixDQURTO0lBQ1csT0FBQSxDQUNuQixvQkFBQyxZQUFZLGtCQUNYLFNBQVMsRUFBRSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQ3BCLHNCQUFzQixpQ0FBTSxNQUFNLEtBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxDQUFDLDRCQUE0QixFQUFFLFNBQVMsQ0FBQyxJQUFHLEVBRW5HLFVBQVUsRUFBRSxRQUFRLElBQ2hCLEtBQUssR0FFUixrQkFBa0IsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsUUFBUSxFQUFFLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDM0Y7UUFDRyxJQUFJLElBQUksZ0JBQWdCLElBQUksQ0FDM0Isb0JBQUMsS0FBSyxDQUFDLFlBQVk7WUFDakIsb0JBQUMsVUFBVSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDUCxDQUN0QjtRQUNBLElBQUksSUFBSSxDQUFDLGdCQUFnQixJQUFJLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO1FBQ3hELDhCQUFNLFNBQVMsRUFBQyxNQUFNO1lBQ25CLFFBQVE7WUFDUixXQUFXLElBQUksQ0FDZCxvQkFBQyxVQUFVLENBQUMsT0FBTyxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFHLFdBQVcsQ0FBc0IsQ0FDakcsQ0FDSTtRQUNOLGFBQWEsS0FBSyxNQUFNLElBQUksVUFBVSxJQUFJLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQ3BFLENBQ0osQ0FBQyxDQUNXLENBQ2hCLENBQUE7Q0FBQSxDQUFDO0FBRUYsWUFBWSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7QUFFekIsTUFBTSxtQkFBbUIsR0FBNEIsQ0FBQyxFQUFpQyxFQUFFLEVBQUU7UUFBckMsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFZLEVBQVAsS0FBSyxjQUEvQix5QkFBaUMsQ0FBRjtJQUFPLE9BQUEsQ0FDMUYsMkNBQUssU0FBUyxFQUFFLElBQUksQ0FBQyx5Q0FBeUMsRUFBRSxTQUFTLENBQUMsSUFBTSxLQUFLLEdBQ2xGLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsWUFBWSxDQUFDLG1CQUFtQixHQUFHLG1CQUFtQixDQUFDIn0=
|
|
@@ -47,8 +47,8 @@ const bodyMaskClasses = tv({
|
|
|
47
47
|
export const modalStyles = tv({
|
|
48
48
|
slots: {
|
|
49
49
|
overlay: 'inset-0 overflow-y-auto z-modal fixed',
|
|
50
|
-
backdrop: '-z-10 fixed min-w-full min-h-full bg-
|
|
51
|
-
dialog: 'bg-
|
|
50
|
+
backdrop: '-z-10 fixed min-w-full min-h-full bg-inverse opacity-30',
|
|
51
|
+
dialog: 'bg-overlay max-h-full flex flex-col',
|
|
52
52
|
header: 'pl-7 pr-[64px] pt-6 pb-4 gap-3 flex items-center',
|
|
53
53
|
headerImage: 'h-[120px] min-h-[120px] w-full',
|
|
54
54
|
titleContainer: 'flex flex-col grow',
|
|
@@ -205,4 +205,4 @@ Modal.Actions = (_a) => {
|
|
|
205
205
|
const { actions } = modalStyles();
|
|
206
206
|
return (React.createElement("div", Object.assign({}, rest, { className: actions({ className }) }), children));
|
|
207
207
|
};
|
|
208
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
208
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvTW9kYWwvTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFpQyxNQUFNLE9BQU8sQ0FBQztBQUN0RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBcUM3RCxNQUFNLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDekIsUUFBUSxFQUFFO1FBQ1IsUUFBUSxFQUFFO1lBQ1IsTUFBTSxFQUFFO2dCQUNOLHFCQUFxQjtnQkFDckIsNEJBQTRCO2dCQUM1QixlQUFlO2dCQUNmLGNBQWM7Z0JBQ2QsZUFBZTtnQkFDZixZQUFZO2dCQUNaLHNCQUFzQjtnQkFDdEIseUJBQXlCO2dCQUN6QixtQkFBbUI7Z0JBQ25CLHVCQUF1QjtnQkFDdkIsYUFBYTthQUNkO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLG9CQUFvQjtnQkFDcEIsMkJBQTJCO2dCQUMzQixjQUFjO2dCQUNkLGdCQUFnQjtnQkFDaEIsY0FBYztnQkFDZCxXQUFXO2dCQUNYLHFCQUFxQjtnQkFDckIsd0JBQXdCO2dCQUN4QixrQkFBa0I7Z0JBQ2xCLHNCQUFzQjtnQkFDdEIsWUFBWTthQUNiO1NBQ0Y7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDNUIsS0FBSyxFQUFFO1FBQ0wsT0FBTyxFQUFFLHVDQUF1QztRQUNoRCxRQUFRLEVBQUUseURBQXlEO1FBQ25FLE1BQU0sRUFBRSxxQ0FBcUM7UUFDN0MsTUFBTSxFQUFFLGtEQUFrRDtRQUMxRCxXQUFXLEVBQUUsZ0NBQWdDO1FBQzdDLGNBQWMsRUFBRSxvQkFBb0I7UUFDcEMsS0FBSyxFQUFFLEVBQUU7UUFDVCxvQkFBb0IsRUFBRSxrQ0FBa0M7UUFD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
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type PopoverProps as AriaPopoverProps } from 'react-aria-components';
|
|
3
3
|
import type { Simplify } from '../../../types/utils';
|
|
4
|
-
export declare const popoverStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "rounded-sm shadow-16dp bg-
|
|
4
|
+
export declare const popoverStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "rounded-sm shadow-16dp bg-overlay mt-1 overflow-y-auto flex flex-col border border-default outline-none z-[101]", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "rounded-sm shadow-16dp bg-overlay mt-1 overflow-y-auto flex flex-col border border-default outline-none z-[101]", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
5
5
|
export type PopoverPlacement = 'bottom-end' | 'bottom-left' | 'bottom-right' | 'bottom-start' | 'bottom' | 'end-bottom' | 'end-top' | 'end' | 'left-bottom' | 'left-top' | 'left' | 'right-bottom' | 'right-top' | 'right' | 'start-bottom' | 'start-top' | 'start' | 'top-end' | 'top-left' | 'top-right' | 'top-start' | 'top';
|
|
6
6
|
export type PopoverProps = Simplify<Omit<AriaPopoverProps, 'children' | 'placement'> & {
|
|
7
7
|
offset?: number;
|
|
@@ -13,7 +13,8 @@ import React from 'react';
|
|
|
13
13
|
import { composeRenderProps, OverlayArrow, Popover as AriaPopover, } from 'react-aria-components';
|
|
14
14
|
import { tv } from 'tailwind-variants';
|
|
15
15
|
export const popoverStyles = tv({
|
|
16
|
-
|
|
16
|
+
// z-[101] ensures popover appears above modal (z-modal: 100)
|
|
17
|
+
base: 'rounded-sm shadow-16dp bg-overlay mt-1 overflow-y-auto flex flex-col border border-default outline-none z-[101]',
|
|
17
18
|
});
|
|
18
19
|
export const Popover = React.forwardRef((_a, ref) => {
|
|
19
20
|
var { children, offset = 0, className, placement: _placement = 'bottom-left' } = _a, props = __rest(_a, ["children", "offset", "className", "placement"]);
|
|
@@ -25,4 +26,4 @@ const PopoverArrow = () => (React.createElement(OverlayArrow, { className: "grou
|
|
|
25
26
|
React.createElement("path", { d: "M0 0 L6 6 L12 0" }))));
|
|
26
27
|
PopoverArrow.displayName = 'Popover.Arrow';
|
|
27
28
|
Popover.Arrow = PopoverArrow;
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9Qb3BvdmVyL1BvcG92ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbEIsWUFBWSxFQUNaLE9BQU8sSUFBSSxXQUFXLEdBRXZCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBS3ZDLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxFQUFFLENBQUM7SUFDOUIsNkRBQTZEO0lBQzdELElBQUksRUFBRSxpSEFBaUg7Q0FDeEgsQ0FBQyxDQUFDO0FBMENILE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBcUIsS0FBSyxDQUFDLFVBQVUsQ0FDdkQsQ0FBQyxFQUFvRixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQTdGLEVBQUUsUUFBUSxFQUFFLE1BQU0sR0FBRyxDQUFDLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxVQUFVLEdBQUcsYUFBYSxPQUFZLEVBQVAsS0FBSyxjQUFsRixnREFBb0YsQ0FBRjtJQUNqRixNQUFNLFNBQVMsR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQWMsQ0FBQztJQUU1RCxPQUFPLENBQ0wsb0JBQUMsV0FBVyxrQkFDVixHQUFHLEVBQUUsR0FBRyxFQUNSLE1BQU0sRUFBRSxNQUFNLEVBQ2QsU0FBUyxFQUFFLFNBQVMsSUFDaEIsS0FBSyxJQUNULFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEVBQUUsQ0FDbEUsYUFBYSxpQ0FBTSxXQUFXLEtBQUUsU0FBUyxJQUFHLENBQzdDLEtBRUEsUUFBUSxDQUNHLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FDa0IsQ0FBQztBQUV0QixNQUFNLFlBQVksR0FBYSxHQUFHLEVBQUUsQ0FBQyxDQUNuQyxvQkFBQyxZQUFZLElBQUMsU0FBUyxFQUFDLE9BQU87SUFDN0IsNkJBQ0UsS0FBSyxFQUFFLEVBQUUsRUFDVCxNQUFNLEVBQUUsRUFBRSxFQUNWLE9BQU8sRUFBQyxXQUFXLEVBQ25CLFNBQVMsRUFBQywwSUFBMEk7UUFFcEosOEJBQU0sQ0FBQyxFQUFDLGlCQUFpQixHQUFHLENBQ3hCLENBQ08sQ0FDaEIsQ0FBQztBQUNGLFlBQVksQ0FBQyxXQUFXLEdBQUcsZUFBZSxDQUFDO0FBRTNDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsWUFBWSxDQUFDIn0=
|