@aivenio/aquarium 5.1.0 → 5.2.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 +3 -0
- package/dist/atoms.cjs +31 -25
- package/dist/atoms.mjs +31 -25
- package/dist/charts.cjs +3 -0
- package/dist/charts.mjs +3 -0
- package/dist/src/atoms/Checkbox/Checkbox.js +1 -1
- package/dist/src/atoms/DatePicker/Calendar.js +3 -3
- package/dist/src/atoms/DatePicker/RangeCalendar.js +6 -6
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/atoms/Filter/Filter.js +2 -2
- package/dist/src/atoms/Modal/Modal.js +2 -2
- package/dist/src/atoms/Navigation/Navigation.js +3 -3
- package/dist/src/atoms/RadioButton/RadioButton.js +1 -1
- package/dist/src/atoms/Select/Select.js +3 -3
- package/dist/src/atoms/Skeleton/Skeleton.js +2 -2
- package/dist/src/atoms/Switch/Switch.js +3 -3
- package/dist/src/atoms/Timeline/Timeline.js +2 -2
- package/dist/src/atoms/utils/index.js +2 -2
- package/dist/src/molecules/Chip/Chip.js +2 -2
- package/dist/src/molecules/ListItem/ListItem.js +2 -2
- package/dist/src/molecules/MultiInput/InputChip.js +2 -2
- package/dist/src/molecules/NativeSelect/NativeSelect.js +2 -2
- package/dist/src/molecules/TagLabel/TagLabel.js +3 -3
- package/dist/src/tokens/tokens.json +3 -0
- package/dist/src/utils/constants.js +2 -2
- package/dist/styles.css +69 -52
- package/dist/system.cjs +34 -28
- package/dist/system.mjs +34 -28
- package/dist/tailwind.theme.json +3 -0
- package/dist/tokens.json +3 -0
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/_variables.scss
CHANGED
|
@@ -218,10 +218,13 @@ $background-color-overlay: $colors-white;
|
|
|
218
218
|
$background-color-popover-content: $colors-white;
|
|
219
219
|
$background-color-muted: $colors-grey-0;
|
|
220
220
|
$background-color-default: $colors-grey-5;
|
|
221
|
+
$background-color-medium: $colors-grey-5;
|
|
221
222
|
$background-color-intense: $colors-grey-20;
|
|
222
223
|
$background-color-primary-muted: $colors-primary-40;
|
|
223
224
|
$background-color-primary-default: $colors-primary-80;
|
|
225
|
+
$background-color-primary-graphic: $colors-primary-80;
|
|
224
226
|
$background-color-primary-intense: $colors-primary-90;
|
|
227
|
+
$background-color-primary-inverse: $colors-primary-90;
|
|
225
228
|
$background-color-primary-active: $colors-primary-5;
|
|
226
229
|
$background-color-primary-hover: $colors-primary-5;
|
|
227
230
|
$background-color-action-primary-button-default: $colors-primary-80;
|
package/dist/atoms.cjs
CHANGED
|
@@ -4901,7 +4901,7 @@ var import_warningSign = __toESM(require_warningSign());
|
|
|
4901
4901
|
var import_clsx = require("clsx");
|
|
4902
4902
|
var import_tailwind_variants = require("tailwind-variants");
|
|
4903
4903
|
var getCommonInputStyles = ({ readOnly, valid }) => (0, import_clsx.clsx)(
|
|
4904
|
-
"block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-
|
|
4904
|
+
"block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-medium typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none",
|
|
4905
4905
|
{
|
|
4906
4906
|
"px-3 py-3 bg-transparent": !readOnly,
|
|
4907
4907
|
"border-none resize-none cursor-default bg-transparent": readOnly,
|
|
@@ -5128,11 +5128,14 @@ var tokens_default = {
|
|
|
5128
5128
|
"popover-content": "white",
|
|
5129
5129
|
muted: "rgba(247,247,250,1)",
|
|
5130
5130
|
default: "rgba(237,237,240,1)",
|
|
5131
|
+
medium: "rgba(237,237,240,1)",
|
|
5131
5132
|
intense: "rgba(210,210,214,1)",
|
|
5132
5133
|
primary: {
|
|
5133
5134
|
muted: "rgba(185,197,239,1)",
|
|
5134
5135
|
default: "rgba(53,69,190,1)",
|
|
5136
|
+
graphic: "rgba(53,69,190,1)",
|
|
5135
5137
|
intense: "rgba(34,47,149,1)",
|
|
5138
|
+
inverse: "rgba(34,47,149,1)",
|
|
5136
5139
|
active: "rgba(243,246,255,1)",
|
|
5137
5140
|
hover: "rgba(243,246,255,1)"
|
|
5138
5141
|
},
|
|
@@ -6119,7 +6122,9 @@ var tailwind_theme_default = {
|
|
|
6119
6122
|
"100": "var(--aquarium-colors-primary-100)",
|
|
6120
6123
|
muted: "var(--aquarium-background-color-primary-muted)",
|
|
6121
6124
|
default: "var(--aquarium-background-color-primary-default)",
|
|
6125
|
+
graphic: "var(--aquarium-background-color-primary-graphic)",
|
|
6122
6126
|
intense: "var(--aquarium-background-color-primary-intense)",
|
|
6127
|
+
inverse: "var(--aquarium-background-color-primary-inverse)",
|
|
6123
6128
|
active: "var(--aquarium-background-color-primary-active)",
|
|
6124
6129
|
hover: "var(--aquarium-background-color-primary-hover)"
|
|
6125
6130
|
},
|
|
@@ -6131,6 +6136,7 @@ var tailwind_theme_default = {
|
|
|
6131
6136
|
"popover-content": "var(--aquarium-background-color-popover-content)",
|
|
6132
6137
|
muted: "var(--aquarium-background-color-muted)",
|
|
6133
6138
|
default: "var(--aquarium-background-color-default)",
|
|
6139
|
+
medium: "var(--aquarium-background-color-medium)",
|
|
6134
6140
|
intense: "var(--aquarium-background-color-intense)",
|
|
6135
6141
|
action: {
|
|
6136
6142
|
"primary-button": {
|
|
@@ -6908,7 +6914,7 @@ var inputContainerClasses = (0, import_tailwind_variants4.tv)({
|
|
|
6908
6914
|
variants: {
|
|
6909
6915
|
variant: {
|
|
6910
6916
|
default: "border px-3 py-[6px] border-default hover:border-intense bg-transparent",
|
|
6911
|
-
disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-
|
|
6917
|
+
disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-medium",
|
|
6912
6918
|
error: "border px-3 py-[6px] border-danger-default bg-transparent",
|
|
6913
6919
|
focused: "border px-3 py-[6px] border-info-default bg-transparent",
|
|
6914
6920
|
readOnly: "cursor-default border-default bg-transparent"
|
|
@@ -6916,7 +6922,7 @@ var inputContainerClasses = (0, import_tailwind_variants4.tv)({
|
|
|
6916
6922
|
}
|
|
6917
6923
|
});
|
|
6918
6924
|
var inputClasses = (0, import_tailwind_variants4.tv)({
|
|
6919
|
-
base: "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small bg-transparent disabled:cursor-not-allowed disabled:bg-
|
|
6925
|
+
base: "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small bg-transparent disabled:cursor-not-allowed disabled:bg-medium placeholder:text-inactive",
|
|
6920
6926
|
variants: {
|
|
6921
6927
|
disabled: {
|
|
6922
6928
|
true: "text-inactive",
|
|
@@ -7404,7 +7410,7 @@ var import_react24 = __toESM(require("react"));
|
|
|
7404
7410
|
var import_lodash_es6 = require("lodash-es");
|
|
7405
7411
|
var import_tailwind_variants6 = require("tailwind-variants");
|
|
7406
7412
|
var skeletonStyles = (0, import_tailwind_variants6.tv)({
|
|
7407
|
-
base: "bg-
|
|
7413
|
+
base: "bg-medium",
|
|
7408
7414
|
variants: {
|
|
7409
7415
|
hasHeight: {
|
|
7410
7416
|
false: "h-auto before:content-['_'] whitespace-pre origin-[0%_45%] scale-[0.55]"
|
|
@@ -7707,7 +7713,7 @@ var getStatusClassNames = (status = "neutral") => {
|
|
|
7707
7713
|
return "text-success-intense bg-status-success";
|
|
7708
7714
|
case "neutral":
|
|
7709
7715
|
default:
|
|
7710
|
-
return "text-default bg-
|
|
7716
|
+
return "text-default bg-medium";
|
|
7711
7717
|
}
|
|
7712
7718
|
};
|
|
7713
7719
|
var Chip2 = ({
|
|
@@ -8048,7 +8054,7 @@ var checkboxClasses = (0, import_tailwind_variants10.tv)({
|
|
|
8048
8054
|
},
|
|
8049
8055
|
false: {
|
|
8050
8056
|
wrapper: "hover:border-intense peer-checked:border-primary-default",
|
|
8051
|
-
input: "cursor-pointer checked:bg-primary-
|
|
8057
|
+
input: "cursor-pointer checked:bg-primary-graphic",
|
|
8052
8058
|
icon: "border-default peer-hover:border-intense peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-default"
|
|
8053
8059
|
}
|
|
8054
8060
|
}
|
|
@@ -8077,7 +8083,7 @@ var Checkbox = import_react35.default.forwardRef(
|
|
|
8077
8083
|
var import_react36 = __toESM(require("react"));
|
|
8078
8084
|
var import_tailwind_variants11 = require("tailwind-variants");
|
|
8079
8085
|
var radioButtonClasses = (0, import_tailwind_variants11.tv)({
|
|
8080
|
-
base: "inline-flex justify-center items-center self-center appearance-none w-5 h-5 p-[3px] rounded-full border border-default outline-none focus:border-info-default checked:bg-primary-
|
|
8086
|
+
base: "inline-flex justify-center items-center self-center appearance-none w-5 h-5 p-[3px] rounded-full border border-default outline-none focus:border-info-default checked:bg-primary-graphic checked:shadow-bodyInset",
|
|
8081
8087
|
variants: {
|
|
8082
8088
|
disabled: {
|
|
8083
8089
|
true: "cursor-not-allowed border-muted bg-muted checked:bg-primary-muted checked:border-transparent",
|
|
@@ -10528,7 +10534,7 @@ var dropdownMenuGroupStyles = (0, import_tailwind_variants16.tv)({
|
|
|
10528
10534
|
slots: {
|
|
10529
10535
|
base: [
|
|
10530
10536
|
'[&:not(:first-child)]:before:content-[""] [&:not(:first-child)]:before:block',
|
|
10531
|
-
"[&:not(:first-child)]:before:h-[1px] [&:not(:first-child)]:before:bg-
|
|
10537
|
+
"[&:not(:first-child)]:before:h-[1px] [&:not(:first-child)]:before:bg-medium [&:not(:first-child)]:before:m-3"
|
|
10532
10538
|
],
|
|
10533
10539
|
title: "p-3 text-inactive uppercase cursor-default typography-caption"
|
|
10534
10540
|
}
|
|
@@ -10634,7 +10640,7 @@ var fieldBorder = (0, import_tailwind_variants17.tv)({
|
|
|
10634
10640
|
true: "border-danger-default"
|
|
10635
10641
|
},
|
|
10636
10642
|
isDisabled: {
|
|
10637
|
-
true: "bg-
|
|
10643
|
+
true: "bg-medium cursor-not-allowed text-inactive"
|
|
10638
10644
|
}
|
|
10639
10645
|
}
|
|
10640
10646
|
});
|
|
@@ -11732,8 +11738,8 @@ var cellStyles = (0, import_tailwind_variants20.tv)({
|
|
|
11732
11738
|
base: "w-8 h-8 typography-small cursor-default rounded-md flex items-center justify-center outside-month:hidden",
|
|
11733
11739
|
variants: {
|
|
11734
11740
|
isSelected: {
|
|
11735
|
-
false: "text-default hover:bg-
|
|
11736
|
-
true: "bg-primary-
|
|
11741
|
+
false: "text-default hover:bg-medium pressed:bg-intense",
|
|
11742
|
+
true: "bg-primary-graphic invalid:bg-danger-default text-white"
|
|
11737
11743
|
},
|
|
11738
11744
|
isUnavailable: {
|
|
11739
11745
|
true: "text-inactive"
|
|
@@ -14419,7 +14425,7 @@ var import_tailwind_variants22 = require("tailwind-variants");
|
|
|
14419
14425
|
var cellContainer = (0, import_tailwind_variants22.tv)({
|
|
14420
14426
|
base: [
|
|
14421
14427
|
"group w-8 h-8 typography-small outline outline-0 cursor-default",
|
|
14422
|
-
"outside-month:hidden selected:bg-primary-
|
|
14428
|
+
"outside-month:hidden selected:bg-primary-graphic",
|
|
14423
14429
|
"invalid:selected:bg-danger-default",
|
|
14424
14430
|
"selection-start:rounded-s-md selection-end:rounded-e-md"
|
|
14425
14431
|
]
|
|
@@ -14429,15 +14435,15 @@ var cell = (0, import_tailwind_variants22.tv)({
|
|
|
14429
14435
|
base: "w-full h-full flex items-center justify-center rounded-md text-default",
|
|
14430
14436
|
variants: {
|
|
14431
14437
|
selectionState: {
|
|
14432
|
-
none: "group-hover:bg-
|
|
14438
|
+
none: "group-hover:bg-medium group-pressed:bg-intense",
|
|
14433
14439
|
middle: [
|
|
14434
14440
|
"text-white",
|
|
14435
|
-
"group-hover:bg-primary-
|
|
14441
|
+
"group-hover:bg-primary-graphic",
|
|
14436
14442
|
"group-invalid:group-hover:bg-danger-default",
|
|
14437
|
-
"group-pressed:bg-primary-
|
|
14443
|
+
"group-pressed:bg-primary-inverse",
|
|
14438
14444
|
"group-invalid:group-pressed:bg-danger-intense"
|
|
14439
14445
|
],
|
|
14440
|
-
cap: "text-white bg-primary-
|
|
14446
|
+
cap: "text-white bg-primary-graphic group-invalid:bg-danger-default"
|
|
14441
14447
|
},
|
|
14442
14448
|
isUnavailable: {
|
|
14443
14449
|
true: "text-inactive"
|
|
@@ -14645,7 +14651,7 @@ var modalStyles = (0, import_tailwind_variants23.tv)({
|
|
|
14645
14651
|
headerImage: "object-cover"
|
|
14646
14652
|
},
|
|
14647
14653
|
false: {
|
|
14648
|
-
headerImage: "bg-
|
|
14654
|
+
headerImage: "bg-medium"
|
|
14649
14655
|
}
|
|
14650
14656
|
}
|
|
14651
14657
|
},
|
|
@@ -15296,7 +15302,7 @@ var FilterClearButton = ({ onClear }) => (
|
|
|
15296
15302
|
}
|
|
15297
15303
|
onClear();
|
|
15298
15304
|
},
|
|
15299
|
-
className: "py-[10px] pl-[6px] pr-4 inline-flex items-center hover:bg-
|
|
15305
|
+
className: "py-[10px] pl-[6px] pr-4 inline-flex items-center hover:bg-medium focus:bg-medium outline-0 outline-none rounded-r-full"
|
|
15300
15306
|
},
|
|
15301
15307
|
/* @__PURE__ */ import_react100.default.createElement(InlineIcon2, { icon: import_cross6.default })
|
|
15302
15308
|
)
|
|
@@ -15354,7 +15360,7 @@ var InputChip = import_react105.default.forwardRef(
|
|
|
15354
15360
|
{
|
|
15355
15361
|
"bg-status-danger": invalid,
|
|
15356
15362
|
"bg-muted": !invalid && !disabled,
|
|
15357
|
-
"bg-
|
|
15363
|
+
"bg-medium": disabled
|
|
15358
15364
|
}
|
|
15359
15365
|
)
|
|
15360
15366
|
},
|
|
@@ -15852,7 +15858,7 @@ var NativeSelectBase = import_react108.default.forwardRef(
|
|
|
15852
15858
|
className: (0, import_clsx36.clsx)(
|
|
15853
15859
|
"block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-inactive focus:outline-none",
|
|
15854
15860
|
{
|
|
15855
|
-
"px-3 py-3 bg-transparent disabled:border-default disabled:bg-
|
|
15861
|
+
"px-3 py-3 bg-transparent disabled:border-default disabled:bg-medium disabled:text-inactive": !readOnly,
|
|
15856
15862
|
"px-0 py-3 border-none bg-transparent": readOnly,
|
|
15857
15863
|
"border border-danger-default": !valid && !readOnly,
|
|
15858
15864
|
"border border-default hover:border-intense focus:border-info-default": valid && !readOnly
|
|
@@ -15931,9 +15937,9 @@ var navigationClasses = (0, import_tailwind_variants25.tv)({
|
|
|
15931
15937
|
sectionList: "flex flex-col",
|
|
15932
15938
|
divider: "border-t-2 border-muted",
|
|
15933
15939
|
itemContainer: "",
|
|
15934
|
-
itemAnchor: "py-3 px-6 hover:bg-
|
|
15940
|
+
itemAnchor: "py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-small focusable",
|
|
15935
15941
|
submenuContainer: "",
|
|
15936
|
-
submenuAnchor: "py-3 pr-6 pl-3 hover:bg-
|
|
15942
|
+
submenuAnchor: "py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-small focusable flex items-center w-full",
|
|
15937
15943
|
submenuList: "flex flex-col",
|
|
15938
15944
|
submenuItem: "pl-[56px]"
|
|
15939
15945
|
},
|
|
@@ -16346,10 +16352,10 @@ var switchStyles = (0, import_tailwind_variants28.tv)({
|
|
|
16346
16352
|
variants: {
|
|
16347
16353
|
disabled: {
|
|
16348
16354
|
true: {
|
|
16349
|
-
input: "bg-
|
|
16355
|
+
input: "bg-medium checked:opacity-50 checked:bg-primary-muted"
|
|
16350
16356
|
},
|
|
16351
16357
|
false: {
|
|
16352
|
-
input: "bg-intense hover:bg-intense checked:bg-primary-
|
|
16358
|
+
input: "bg-intense hover:bg-intense checked:bg-primary-graphic hover:checked:bg-primary-inverse",
|
|
16353
16359
|
thumb: "shadow-4dp"
|
|
16354
16360
|
}
|
|
16355
16361
|
}
|
|
@@ -16721,7 +16727,7 @@ var Timeline = ({ className, ...rest }) => /* @__PURE__ */ import_react130.defau
|
|
|
16721
16727
|
var Content2 = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0, import_clsx44.clsx)("pb-6", className) });
|
|
16722
16728
|
var Separator = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0, import_clsx44.clsx)("flex items-center justify-center h-5 w-5", className) });
|
|
16723
16729
|
var LineContainer = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0, import_clsx44.clsx)("flex justify-center py-1", className) });
|
|
16724
|
-
var Line = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0, import_clsx44.clsx)("w-1 bg-
|
|
16730
|
+
var Line = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0, import_clsx44.clsx)("w-1 bg-medium h-full justify-self-center", className) });
|
|
16725
16731
|
var Dot = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0, import_clsx44.clsx)("bg-intense h-[6px] w-[6px] rounded", className) });
|
|
16726
16732
|
Separator.Dot = Dot;
|
|
16727
16733
|
LineContainer.Line = Line;
|
package/dist/atoms.mjs
CHANGED
|
@@ -4834,7 +4834,7 @@ var import_warningSign = __toESM(require_warningSign());
|
|
|
4834
4834
|
import { clsx } from "clsx";
|
|
4835
4835
|
import { tv } from "tailwind-variants";
|
|
4836
4836
|
var getCommonInputStyles = ({ readOnly, valid }) => clsx(
|
|
4837
|
-
"block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-
|
|
4837
|
+
"block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-medium typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none",
|
|
4838
4838
|
{
|
|
4839
4839
|
"px-3 py-3 bg-transparent": !readOnly,
|
|
4840
4840
|
"border-none resize-none cursor-default bg-transparent": readOnly,
|
|
@@ -5064,11 +5064,14 @@ var tokens_default = {
|
|
|
5064
5064
|
"popover-content": "white",
|
|
5065
5065
|
muted: "rgba(247,247,250,1)",
|
|
5066
5066
|
default: "rgba(237,237,240,1)",
|
|
5067
|
+
medium: "rgba(237,237,240,1)",
|
|
5067
5068
|
intense: "rgba(210,210,214,1)",
|
|
5068
5069
|
primary: {
|
|
5069
5070
|
muted: "rgba(185,197,239,1)",
|
|
5070
5071
|
default: "rgba(53,69,190,1)",
|
|
5072
|
+
graphic: "rgba(53,69,190,1)",
|
|
5071
5073
|
intense: "rgba(34,47,149,1)",
|
|
5074
|
+
inverse: "rgba(34,47,149,1)",
|
|
5072
5075
|
active: "rgba(243,246,255,1)",
|
|
5073
5076
|
hover: "rgba(243,246,255,1)"
|
|
5074
5077
|
},
|
|
@@ -6055,7 +6058,9 @@ var tailwind_theme_default = {
|
|
|
6055
6058
|
"100": "var(--aquarium-colors-primary-100)",
|
|
6056
6059
|
muted: "var(--aquarium-background-color-primary-muted)",
|
|
6057
6060
|
default: "var(--aquarium-background-color-primary-default)",
|
|
6061
|
+
graphic: "var(--aquarium-background-color-primary-graphic)",
|
|
6058
6062
|
intense: "var(--aquarium-background-color-primary-intense)",
|
|
6063
|
+
inverse: "var(--aquarium-background-color-primary-inverse)",
|
|
6059
6064
|
active: "var(--aquarium-background-color-primary-active)",
|
|
6060
6065
|
hover: "var(--aquarium-background-color-primary-hover)"
|
|
6061
6066
|
},
|
|
@@ -6067,6 +6072,7 @@ var tailwind_theme_default = {
|
|
|
6067
6072
|
"popover-content": "var(--aquarium-background-color-popover-content)",
|
|
6068
6073
|
muted: "var(--aquarium-background-color-muted)",
|
|
6069
6074
|
default: "var(--aquarium-background-color-default)",
|
|
6075
|
+
medium: "var(--aquarium-background-color-medium)",
|
|
6070
6076
|
intense: "var(--aquarium-background-color-intense)",
|
|
6071
6077
|
action: {
|
|
6072
6078
|
"primary-button": {
|
|
@@ -6844,7 +6850,7 @@ var inputContainerClasses = tv4({
|
|
|
6844
6850
|
variants: {
|
|
6845
6851
|
variant: {
|
|
6846
6852
|
default: "border px-3 py-[6px] border-default hover:border-intense bg-transparent",
|
|
6847
|
-
disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-
|
|
6853
|
+
disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-medium",
|
|
6848
6854
|
error: "border px-3 py-[6px] border-danger-default bg-transparent",
|
|
6849
6855
|
focused: "border px-3 py-[6px] border-info-default bg-transparent",
|
|
6850
6856
|
readOnly: "cursor-default border-default bg-transparent"
|
|
@@ -6852,7 +6858,7 @@ var inputContainerClasses = tv4({
|
|
|
6852
6858
|
}
|
|
6853
6859
|
});
|
|
6854
6860
|
var inputClasses = tv4({
|
|
6855
|
-
base: "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small bg-transparent disabled:cursor-not-allowed disabled:bg-
|
|
6861
|
+
base: "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small bg-transparent disabled:cursor-not-allowed disabled:bg-medium placeholder:text-inactive",
|
|
6856
6862
|
variants: {
|
|
6857
6863
|
disabled: {
|
|
6858
6864
|
true: "text-inactive",
|
|
@@ -7340,7 +7346,7 @@ import React19 from "react";
|
|
|
7340
7346
|
import { isNumber, isUndefined as isUndefined5 } from "lodash-es";
|
|
7341
7347
|
import { tv as tv6 } from "tailwind-variants";
|
|
7342
7348
|
var skeletonStyles = tv6({
|
|
7343
|
-
base: "bg-
|
|
7349
|
+
base: "bg-medium",
|
|
7344
7350
|
variants: {
|
|
7345
7351
|
hasHeight: {
|
|
7346
7352
|
false: "h-auto before:content-['_'] whitespace-pre origin-[0%_45%] scale-[0.55]"
|
|
@@ -7643,7 +7649,7 @@ var getStatusClassNames = (status = "neutral") => {
|
|
|
7643
7649
|
return "text-success-intense bg-status-success";
|
|
7644
7650
|
case "neutral":
|
|
7645
7651
|
default:
|
|
7646
|
-
return "text-default bg-
|
|
7652
|
+
return "text-default bg-medium";
|
|
7647
7653
|
}
|
|
7648
7654
|
};
|
|
7649
7655
|
var Chip2 = ({
|
|
@@ -7984,7 +7990,7 @@ var checkboxClasses = tv10({
|
|
|
7984
7990
|
},
|
|
7985
7991
|
false: {
|
|
7986
7992
|
wrapper: "hover:border-intense peer-checked:border-primary-default",
|
|
7987
|
-
input: "cursor-pointer checked:bg-primary-
|
|
7993
|
+
input: "cursor-pointer checked:bg-primary-graphic",
|
|
7988
7994
|
icon: "border-default peer-hover:border-intense peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-default"
|
|
7989
7995
|
}
|
|
7990
7996
|
}
|
|
@@ -8013,7 +8019,7 @@ var Checkbox = React29.forwardRef(
|
|
|
8013
8019
|
import React30 from "react";
|
|
8014
8020
|
import { tv as tv11 } from "tailwind-variants";
|
|
8015
8021
|
var radioButtonClasses = tv11({
|
|
8016
|
-
base: "inline-flex justify-center items-center self-center appearance-none w-5 h-5 p-[3px] rounded-full border border-default outline-none focus:border-info-default checked:bg-primary-
|
|
8022
|
+
base: "inline-flex justify-center items-center self-center appearance-none w-5 h-5 p-[3px] rounded-full border border-default outline-none focus:border-info-default checked:bg-primary-graphic checked:shadow-bodyInset",
|
|
8017
8023
|
variants: {
|
|
8018
8024
|
disabled: {
|
|
8019
8025
|
true: "cursor-not-allowed border-muted bg-muted checked:bg-primary-muted checked:border-transparent",
|
|
@@ -10479,7 +10485,7 @@ var dropdownMenuGroupStyles = tv16({
|
|
|
10479
10485
|
slots: {
|
|
10480
10486
|
base: [
|
|
10481
10487
|
'[&:not(:first-child)]:before:content-[""] [&:not(:first-child)]:before:block',
|
|
10482
|
-
"[&:not(:first-child)]:before:h-[1px] [&:not(:first-child)]:before:bg-
|
|
10488
|
+
"[&:not(:first-child)]:before:h-[1px] [&:not(:first-child)]:before:bg-medium [&:not(:first-child)]:before:m-3"
|
|
10483
10489
|
],
|
|
10484
10490
|
title: "p-3 text-inactive uppercase cursor-default typography-caption"
|
|
10485
10491
|
}
|
|
@@ -10589,7 +10595,7 @@ var fieldBorder = tv17({
|
|
|
10589
10595
|
true: "border-danger-default"
|
|
10590
10596
|
},
|
|
10591
10597
|
isDisabled: {
|
|
10592
|
-
true: "bg-
|
|
10598
|
+
true: "bg-medium cursor-not-allowed text-inactive"
|
|
10593
10599
|
}
|
|
10594
10600
|
}
|
|
10595
10601
|
});
|
|
@@ -11703,8 +11709,8 @@ var cellStyles = tv20({
|
|
|
11703
11709
|
base: "w-8 h-8 typography-small cursor-default rounded-md flex items-center justify-center outside-month:hidden",
|
|
11704
11710
|
variants: {
|
|
11705
11711
|
isSelected: {
|
|
11706
|
-
false: "text-default hover:bg-
|
|
11707
|
-
true: "bg-primary-
|
|
11712
|
+
false: "text-default hover:bg-medium pressed:bg-intense",
|
|
11713
|
+
true: "bg-primary-graphic invalid:bg-danger-default text-white"
|
|
11708
11714
|
},
|
|
11709
11715
|
isUnavailable: {
|
|
11710
11716
|
true: "text-inactive"
|
|
@@ -14404,7 +14410,7 @@ import { tv as tv22 } from "tailwind-variants";
|
|
|
14404
14410
|
var cellContainer = tv22({
|
|
14405
14411
|
base: [
|
|
14406
14412
|
"group w-8 h-8 typography-small outline outline-0 cursor-default",
|
|
14407
|
-
"outside-month:hidden selected:bg-primary-
|
|
14413
|
+
"outside-month:hidden selected:bg-primary-graphic",
|
|
14408
14414
|
"invalid:selected:bg-danger-default",
|
|
14409
14415
|
"selection-start:rounded-s-md selection-end:rounded-e-md"
|
|
14410
14416
|
]
|
|
@@ -14414,15 +14420,15 @@ var cell = tv22({
|
|
|
14414
14420
|
base: "w-full h-full flex items-center justify-center rounded-md text-default",
|
|
14415
14421
|
variants: {
|
|
14416
14422
|
selectionState: {
|
|
14417
|
-
none: "group-hover:bg-
|
|
14423
|
+
none: "group-hover:bg-medium group-pressed:bg-intense",
|
|
14418
14424
|
middle: [
|
|
14419
14425
|
"text-white",
|
|
14420
|
-
"group-hover:bg-primary-
|
|
14426
|
+
"group-hover:bg-primary-graphic",
|
|
14421
14427
|
"group-invalid:group-hover:bg-danger-default",
|
|
14422
|
-
"group-pressed:bg-primary-
|
|
14428
|
+
"group-pressed:bg-primary-inverse",
|
|
14423
14429
|
"group-invalid:group-pressed:bg-danger-intense"
|
|
14424
14430
|
],
|
|
14425
|
-
cap: "text-white bg-primary-
|
|
14431
|
+
cap: "text-white bg-primary-graphic group-invalid:bg-danger-default"
|
|
14426
14432
|
},
|
|
14427
14433
|
isUnavailable: {
|
|
14428
14434
|
true: "text-inactive"
|
|
@@ -14630,7 +14636,7 @@ var modalStyles = tv23({
|
|
|
14630
14636
|
headerImage: "object-cover"
|
|
14631
14637
|
},
|
|
14632
14638
|
false: {
|
|
14633
|
-
headerImage: "bg-
|
|
14639
|
+
headerImage: "bg-medium"
|
|
14634
14640
|
}
|
|
14635
14641
|
}
|
|
14636
14642
|
},
|
|
@@ -15286,7 +15292,7 @@ var FilterClearButton = ({ onClear }) => (
|
|
|
15286
15292
|
}
|
|
15287
15293
|
onClear();
|
|
15288
15294
|
},
|
|
15289
|
-
className: "py-[10px] pl-[6px] pr-4 inline-flex items-center hover:bg-
|
|
15295
|
+
className: "py-[10px] pl-[6px] pr-4 inline-flex items-center hover:bg-medium focus:bg-medium outline-0 outline-none rounded-r-full"
|
|
15290
15296
|
},
|
|
15291
15297
|
/* @__PURE__ */ React92.createElement(InlineIcon2, { icon: import_cross6.default })
|
|
15292
15298
|
)
|
|
@@ -15344,7 +15350,7 @@ var InputChip = React97.forwardRef(
|
|
|
15344
15350
|
{
|
|
15345
15351
|
"bg-status-danger": invalid,
|
|
15346
15352
|
"bg-muted": !invalid && !disabled,
|
|
15347
|
-
"bg-
|
|
15353
|
+
"bg-medium": disabled
|
|
15348
15354
|
}
|
|
15349
15355
|
)
|
|
15350
15356
|
},
|
|
@@ -15842,7 +15848,7 @@ var NativeSelectBase = React100.forwardRef(
|
|
|
15842
15848
|
className: clsx36(
|
|
15843
15849
|
"block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-inactive focus:outline-none",
|
|
15844
15850
|
{
|
|
15845
|
-
"px-3 py-3 bg-transparent disabled:border-default disabled:bg-
|
|
15851
|
+
"px-3 py-3 bg-transparent disabled:border-default disabled:bg-medium disabled:text-inactive": !readOnly,
|
|
15846
15852
|
"px-0 py-3 border-none bg-transparent": readOnly,
|
|
15847
15853
|
"border border-danger-default": !valid && !readOnly,
|
|
15848
15854
|
"border border-default hover:border-intense focus:border-info-default": valid && !readOnly
|
|
@@ -15921,9 +15927,9 @@ var navigationClasses = tv25({
|
|
|
15921
15927
|
sectionList: "flex flex-col",
|
|
15922
15928
|
divider: "border-t-2 border-muted",
|
|
15923
15929
|
itemContainer: "",
|
|
15924
|
-
itemAnchor: "py-3 px-6 hover:bg-
|
|
15930
|
+
itemAnchor: "py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-small focusable",
|
|
15925
15931
|
submenuContainer: "",
|
|
15926
|
-
submenuAnchor: "py-3 pr-6 pl-3 hover:bg-
|
|
15932
|
+
submenuAnchor: "py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-small focusable flex items-center w-full",
|
|
15927
15933
|
submenuList: "flex flex-col",
|
|
15928
15934
|
submenuItem: "pl-[56px]"
|
|
15929
15935
|
},
|
|
@@ -16336,10 +16342,10 @@ var switchStyles = tv28({
|
|
|
16336
16342
|
variants: {
|
|
16337
16343
|
disabled: {
|
|
16338
16344
|
true: {
|
|
16339
|
-
input: "bg-
|
|
16345
|
+
input: "bg-medium checked:opacity-50 checked:bg-primary-muted"
|
|
16340
16346
|
},
|
|
16341
16347
|
false: {
|
|
16342
|
-
input: "bg-intense hover:bg-intense checked:bg-primary-
|
|
16348
|
+
input: "bg-intense hover:bg-intense checked:bg-primary-graphic hover:checked:bg-primary-inverse",
|
|
16343
16349
|
thumb: "shadow-4dp"
|
|
16344
16350
|
}
|
|
16345
16351
|
}
|
|
@@ -16711,7 +16717,7 @@ var Timeline = ({ className, ...rest }) => /* @__PURE__ */ React121.createElemen
|
|
|
16711
16717
|
var Content2 = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("pb-6", className) });
|
|
16712
16718
|
var Separator = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("flex items-center justify-center h-5 w-5", className) });
|
|
16713
16719
|
var LineContainer = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("flex justify-center py-1", className) });
|
|
16714
|
-
var Line = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("w-1 bg-
|
|
16720
|
+
var Line = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("w-1 bg-medium h-full justify-self-center", className) });
|
|
16715
16721
|
var Dot = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("bg-intense h-[6px] w-[6px] rounded", className) });
|
|
16716
16722
|
Separator.Dot = Dot;
|
|
16717
16723
|
LineContainer.Line = Line;
|
package/dist/charts.cjs
CHANGED
|
@@ -221,11 +221,14 @@ var tokens_default = {
|
|
|
221
221
|
"popover-content": "white",
|
|
222
222
|
muted: "rgba(247,247,250,1)",
|
|
223
223
|
default: "rgba(237,237,240,1)",
|
|
224
|
+
medium: "rgba(237,237,240,1)",
|
|
224
225
|
intense: "rgba(210,210,214,1)",
|
|
225
226
|
primary: {
|
|
226
227
|
muted: "rgba(185,197,239,1)",
|
|
227
228
|
default: "rgba(53,69,190,1)",
|
|
229
|
+
graphic: "rgba(53,69,190,1)",
|
|
228
230
|
intense: "rgba(34,47,149,1)",
|
|
231
|
+
inverse: "rgba(34,47,149,1)",
|
|
229
232
|
active: "rgba(243,246,255,1)",
|
|
230
233
|
hover: "rgba(243,246,255,1)"
|
|
231
234
|
},
|
package/dist/charts.mjs
CHANGED
|
@@ -81,11 +81,14 @@ var tokens_default = {
|
|
|
81
81
|
"popover-content": "white",
|
|
82
82
|
muted: "rgba(247,247,250,1)",
|
|
83
83
|
default: "rgba(237,237,240,1)",
|
|
84
|
+
medium: "rgba(237,237,240,1)",
|
|
84
85
|
intense: "rgba(210,210,214,1)",
|
|
85
86
|
primary: {
|
|
86
87
|
muted: "rgba(185,197,239,1)",
|
|
87
88
|
default: "rgba(53,69,190,1)",
|
|
89
|
+
graphic: "rgba(53,69,190,1)",
|
|
88
90
|
intense: "rgba(34,47,149,1)",
|
|
91
|
+
inverse: "rgba(34,47,149,1)",
|
|
89
92
|
active: "rgba(243,246,255,1)",
|
|
90
93
|
hover: "rgba(243,246,255,1)"
|
|
91
94
|
},
|
|
@@ -29,7 +29,7 @@ const checkboxClasses = tv({
|
|
|
29
29
|
},
|
|
30
30
|
false: {
|
|
31
31
|
wrapper: 'hover:border-intense peer-checked:border-primary-default',
|
|
32
|
-
input: 'cursor-pointer checked:bg-primary-
|
|
32
|
+
input: 'cursor-pointer checked:bg-primary-graphic',
|
|
33
33
|
icon: 'border-default peer-hover:border-intense peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-default',
|
|
34
34
|
},
|
|
35
35
|
},
|
|
@@ -11,8 +11,8 @@ const cellStyles = tv({
|
|
|
11
11
|
base: 'w-8 h-8 typography-small cursor-default rounded-md flex items-center justify-center outside-month:hidden',
|
|
12
12
|
variants: {
|
|
13
13
|
isSelected: {
|
|
14
|
-
false: 'text-default hover:bg-
|
|
15
|
-
true: 'bg-primary-
|
|
14
|
+
false: 'text-default hover:bg-medium pressed:bg-intense',
|
|
15
|
+
true: 'bg-primary-graphic invalid:bg-danger-default text-white',
|
|
16
16
|
},
|
|
17
17
|
isUnavailable: {
|
|
18
18
|
true: 'text-inactive',
|
|
@@ -40,4 +40,4 @@ export const CalendarHeader = () => {
|
|
|
40
40
|
export const CalendarGridHeader = () => {
|
|
41
41
|
return (React.createElement(AriaCalendarGridHeader, null, (day) => React.createElement(CalendarHeaderCell, { className: "text-xs text-inactive typography-caption" }, day)));
|
|
42
42
|
};
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FsZW5kYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0ZVBpY2tlci9DYWxlbmRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxRQUFRLElBQUksWUFBWSxFQUN4QixZQUFZLEVBQ1osWUFBWSxFQUNaLGdCQUFnQixFQUNoQixrQkFBa0IsSUFBSSxzQkFBc0IsRUFDNUMsa0JBQWtCLEVBR2xCLE9BQU8sR0FDUixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTVDLE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sWUFBWSxNQUFNLHdCQUF3QixDQUFDO0FBRWxELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXRELE1BQU0sVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUNwQixNQUFNLEVBQUUsU0FBUztJQUNqQixJQUFJLEVBQUUsMEdBQTBHO0lBQ2hILFFBQVEsRUFBRTtRQUNSLFVBQVUsRUFBRTtZQUNWLEtBQUssRUFBRSxpREFBaUQ7WUFDeEQsSUFBSSxFQUFFLHlEQUF5RDtTQUNoRTtRQUNELGFBQWEsRUFBRTtZQUNiLElBQUksRUFBRSxlQUFlO1NBQ3RCO1FBQ0QsVUFBVSxFQUFFO1lBQ1YsSUFBSSxFQUFFLGVBQWU7U0FDdEI7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUlILE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUFzQixLQUF1QixFQUFFLEVBQUU7SUFDdkUsT0FBTyxDQUNMLG9CQUFDLFlBQVksb0JBQUssS0FBSztRQUNyQixvQkFBQyxjQUFjLE9BQUc7UUFDbEIsb0JBQUMsWUFBWTtZQUNYLG9CQUFDLGtCQUFrQixPQUFHO1lBQ3RCLG9CQUFDLGdCQUFnQixRQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxvQkFBQyxZQUFZLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsVUFBVSxHQUFJLENBQW9CLENBQ3ZGLENBQ0YsQ0FDaEIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxHQUFHLEVBQUU7SUFDakMsT0FBTyxDQUNMLGdDQUFRLFNBQVMsRUFBQyxxQ0FBcUM7UUFDckQsb0JBQUMsZ0JBQWdCLElBQUMsSUFBSSxFQUFDLFVBQVUsRUFBQyxTQUFTLEVBQUMsS0FBSztZQUMvQyxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFdBQVcsR0FBSSxDQUNWO1FBQ25CLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUMsOENBQThDLEdBQUc7UUFDcEUsb0JBQUMsZ0JBQWdCLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUMsS0FBSztZQUMzQyxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFlBQVksR0FBSSxDQUNYLENBQ1osQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsR0FBRyxFQUFFO0lBQ3JDLE9BQU8sQ0FDTCxvQkFBQyxzQkFBc0IsUUFDcEIsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLG9CQUFDLGtCQUFrQixJQUFDLFNBQVMsRUFBQywwQ0FBMEMsSUFBRSxHQUFHLENBQXNCLENBQ3RGLENBQzFCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -17,7 +17,7 @@ import { focusRing } from '../../../src/atoms/utils';
|
|
|
17
17
|
const cellContainer = tv({
|
|
18
18
|
base: [
|
|
19
19
|
'group w-8 h-8 typography-small outline outline-0 cursor-default',
|
|
20
|
-
'outside-month:hidden selected:bg-primary-
|
|
20
|
+
'outside-month:hidden selected:bg-primary-graphic',
|
|
21
21
|
'invalid:selected:bg-danger-default',
|
|
22
22
|
'selection-start:rounded-s-md selection-end:rounded-e-md',
|
|
23
23
|
],
|
|
@@ -27,15 +27,15 @@ const cell = tv({
|
|
|
27
27
|
base: 'w-full h-full flex items-center justify-center rounded-md text-default',
|
|
28
28
|
variants: {
|
|
29
29
|
selectionState: {
|
|
30
|
-
none: 'group-hover:bg-
|
|
30
|
+
none: 'group-hover:bg-medium group-pressed:bg-intense',
|
|
31
31
|
middle: [
|
|
32
32
|
'text-white',
|
|
33
|
-
'group-hover:bg-primary-
|
|
33
|
+
'group-hover:bg-primary-graphic',
|
|
34
34
|
'group-invalid:group-hover:bg-danger-default',
|
|
35
|
-
'group-pressed:bg-primary-
|
|
35
|
+
'group-pressed:bg-primary-inverse',
|
|
36
36
|
'group-invalid:group-pressed:bg-danger-intense',
|
|
37
37
|
],
|
|
38
|
-
cap: 'text-white bg-primary-
|
|
38
|
+
cap: 'text-white bg-primary-graphic group-invalid:bg-danger-default',
|
|
39
39
|
},
|
|
40
40
|
isUnavailable: {
|
|
41
41
|
true: 'text-inactive',
|
|
@@ -55,4 +55,4 @@ export function RangeCalendar(props) {
|
|
|
55
55
|
return (React.createElement("span", { className: cell(Object.assign({ selectionState: isSelected && (isSelectionStart || isSelectionEnd) ? 'cap' : isSelected ? 'middle' : 'none' }, rest)) }, formattedDate));
|
|
56
56
|
}))))));
|
|
57
57
|
}
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2VDYWxlbmRhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9EYXRlUGlja2VyL1JhbmdlQ2FsZW5kYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxZQUFZLEVBQ1osWUFBWSxFQUNaLGdCQUFnQixFQUVoQixhQUFhLElBQUksaUJBQWlCLEdBRW5DLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNuRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFJNUMsTUFBTSxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLElBQUksRUFBRTtRQUNKLGlFQUFpRTtRQUNqRSxrREFBa0Q7UUFDbEQsb0NBQW9DO1FBQ3BDLHlEQUF5RDtLQUMxRDtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUNkLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLElBQUksRUFBRSx3RUFBd0U7SUFDOUUsUUFBUSxFQUFFO1FBQ1IsY0FBYyxFQUFFO1lBQ2QsSUFBSSxFQUFFLGdEQUFnRDtZQUN0RCxNQUFNLEVBQUU7Z0JBQ04sWUFBWTtnQkFDWixnQ0FBZ0M7Z0JBQ2hDLDZDQUE2QztnQkFDN0Msa0NBQWtDO2dCQUNsQywrQ0FBK0M7YUFDaEQ7WUFDRCxHQUFHLEVBQUUsK0RBQStEO1NBQ3JFO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsSUFBSSxFQUFFLGVBQWU7U0FDdEI7UUFDRCxVQUFVLEVBQUU7WUFDVixJQUFJLEVBQUUsZUFBZTtTQUN0QjtLQUNGO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxVQUFVLGFBQWEsQ0FBc0IsS0FBNEI7SUFDN0UsT0FBTyxDQUNMLG9CQUFDLGlCQUFpQixvQkFBSyxLQUFLO1FBQzFCLG9CQUFDLGNBQWMsT0FBRztRQUNsQixvQkFBQyxZQUFZLElBQUMsU0FBUyxFQUFDLGFBQWE7WUFDbkMsb0JBQUMsa0JBQWtCLE9BQUc7WUFDdEIsb0JBQUMsZ0JBQWdCLFFBQ2QsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ1Qsb0JBQUMsWUFBWSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxJQUNqRCxDQUFDLEVBQXdFLEVBQUUsRUFBRTtvQkFBNUUsRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLGNBQWMsT0FBVyxFQUFOLElBQUksY0FBdEUscUVBQXdFLENBQUY7Z0JBQU8sT0FBQSxDQUM3RSw4QkFDRSxTQUFTLEVBQUUsSUFBSSxpQkFDYixjQUFjLEVBQ1osVUFBVSxJQUFJLENBQUMsZ0JBQWdCLElBQUksY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sSUFDMUYsSUFBSSxFQUNQLElBRUQsYUFBYSxDQUNULENBQ1IsQ0FBQTthQUFBLENBQ1ksQ0FDaEIsQ0FDZ0IsQ0FDTixDQUNHLENBQ3JCLENBQUM7QUFDSixDQUFDIn0=
|
|
@@ -33,7 +33,7 @@ const dropdownMenuGroupStyles = tv({
|
|
|
33
33
|
slots: {
|
|
34
34
|
base: [
|
|
35
35
|
'[&:not(:first-child)]:before:content-[""] [&:not(:first-child)]:before:block',
|
|
36
|
-
'[&:not(:first-child)]:before:h-[1px] [&:not(:first-child)]:before:bg-
|
|
36
|
+
'[&:not(:first-child)]:before:h-[1px] [&:not(:first-child)]:before:bg-medium [&:not(:first-child)]:before:m-3',
|
|
37
37
|
],
|
|
38
38
|
title: 'p-3 text-inactive uppercase cursor-default typography-caption',
|
|
39
39
|
},
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUE2QixNQUFNLE9BQU8sQ0FBQztBQUNsRCxPQUFPLEVBQ0wsVUFBVSxJQUFJLGNBQWMsRUFDNUIsa0JBQWtCLEVBQ2xCLE1BQU0sSUFBSSxVQUFVLEVBQ3BCLElBQUksSUFBSSxRQUFRLEVBQ2hCLFFBQVEsSUFBSSxZQUFZLEVBR3hCLFdBQVcsSUFBSSxlQUFlLEdBRS9CLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM1QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFNbEMsTUFBTSxrQkFBa0IsR0FBRyxFQUFFLENBQUM7SUFDNUIsSUFBSSxFQUFFLGlGQUFpRjtDQUN4RixDQUFDLENBQUM7QUFNSCwwRUFBMEU7QUFDMUUsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLENBQW1CLEVBQXVELEVBQUUsRUFBRTtRQUEzRCxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQWtDLEVBQTdCLEtBQUssY0FBL0IseUJBQWlDLENBQUY7SUFDNUUsT0FBTyxDQUNMLG9CQUFDLFFBQVEsa0JBQUMsU0FBUyxFQUFFLGtCQUFrQixDQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsdUJBQXVCLEVBQUUsU0FBUyxDQUFDLEVBQUUsQ0FBQyxJQUFNLEtBQUssR0FD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
|