@aivenio/aquarium 5.1.0 → 5.3.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 +12 -0
- package/dist/atoms.cjs +61 -37
- package/dist/atoms.mjs +61 -37
- package/dist/charts.cjs +12 -0
- package/dist/charts.mjs +12 -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 +7 -7
- 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/ProgressBar/ProgressBar.js +4 -4
- 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/Stepper/Stepper.js +2 -2
- package/dist/src/atoms/Switch/Switch.js +4 -4
- package/dist/src/atoms/Timeline/Timeline.js +2 -2
- package/dist/src/atoms/Toast/Toast.js +4 -4
- package/dist/src/atoms/utils/index.js +2 -2
- package/dist/src/molecules/Badge/Badge.js +1 -1
- 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 +4 -4
- package/dist/src/tokens/tokens.json +12 -0
- package/dist/src/utils/constants.js +2 -2
- package/dist/styles.css +135 -64
- package/dist/system.cjs +65 -41
- package/dist/system.mjs +65 -41
- package/dist/tailwind.theme.json +12 -0
- package/dist/tokens.json +12 -0
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
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
|
},
|
|
@@ -5083,18 +5086,21 @@ var tokens_default = {
|
|
|
5083
5086
|
info: {
|
|
5084
5087
|
muted: "rgba(224,245,254,1)",
|
|
5085
5088
|
default: "rgba(3,153,227,1)",
|
|
5089
|
+
graphic: "rgba(3,153,227,1)",
|
|
5086
5090
|
intense: "rgba(1,116,186,1)",
|
|
5087
5091
|
inverse: "rgba(3,153,227,1)"
|
|
5088
5092
|
},
|
|
5089
5093
|
success: {
|
|
5090
5094
|
muted: "rgba(236,247,237,1)",
|
|
5091
5095
|
default: "rgba(0,179,0,1)",
|
|
5096
|
+
graphic: "rgba(0,179,0,1)",
|
|
5092
5097
|
intense: "rgba(0,142,0,1)",
|
|
5093
5098
|
inverse: "rgba(0,179,0,1)"
|
|
5094
5099
|
},
|
|
5095
5100
|
warning: {
|
|
5096
5101
|
muted: "rgba(255,248,234,1)",
|
|
5097
5102
|
default: "rgba(255,179,0,1)",
|
|
5103
|
+
graphic: "rgba(255,179,0,1)",
|
|
5098
5104
|
intense: "rgba(255,144,3,1)",
|
|
5099
5105
|
inverse: "rgba(255,179,0,1)"
|
|
5100
5106
|
},
|
|
@@ -5102,6 +5108,7 @@ var tokens_default = {
|
|
|
5102
5108
|
muted: "rgba(255,203,210,1)",
|
|
5103
5109
|
default: "rgba(255,173,179,1)",
|
|
5104
5110
|
intense: "rgba(230,39,40,1)",
|
|
5111
|
+
graphic: "rgba(230,39,40,1)",
|
|
5105
5112
|
inverse: "rgba(216,0,5,1)"
|
|
5106
5113
|
},
|
|
5107
5114
|
status: {
|
|
@@ -5325,30 +5332,35 @@ var tokens_default = {
|
|
|
5325
5332
|
inactive: "rgba(185,197,239,1)",
|
|
5326
5333
|
active: "rgba(34,47,149,1)",
|
|
5327
5334
|
muted: "rgba(129,142,236,1)",
|
|
5335
|
+
graphic: "rgba(129,142,236,1)",
|
|
5328
5336
|
default: "rgba(88,101,205,1)",
|
|
5329
5337
|
intense: "rgba(53,69,190,1)"
|
|
5330
5338
|
},
|
|
5331
5339
|
info: {
|
|
5332
5340
|
inactive: "rgba(180,229,251,1)",
|
|
5333
5341
|
muted: "rgba(76,194,247,1)",
|
|
5342
|
+
graphic: "rgba(76,194,247,1)",
|
|
5334
5343
|
default: "rgba(3,153,227,1)",
|
|
5335
5344
|
intense: "rgba(1,116,186,1)"
|
|
5336
5345
|
},
|
|
5337
5346
|
success: {
|
|
5338
5347
|
inactive: "rgba(203,255,201,1)",
|
|
5339
5348
|
muted: "rgba(137,235,128,1)",
|
|
5349
|
+
graphic: "rgba(137,235,128,1)",
|
|
5340
5350
|
default: "rgba(0,179,0,1)",
|
|
5341
5351
|
intense: "rgba(0,142,0,1)"
|
|
5342
5352
|
},
|
|
5343
5353
|
warning: {
|
|
5344
5354
|
inactive: "rgba(254,235,178,1)",
|
|
5345
5355
|
muted: "rgba(253,212,77,1)",
|
|
5356
|
+
graphic: "rgba(253,212,77,1)",
|
|
5346
5357
|
default: "rgba(253,159,0,1)",
|
|
5347
5358
|
intense: "rgba(254,109,0,1)"
|
|
5348
5359
|
},
|
|
5349
5360
|
danger: {
|
|
5350
5361
|
inactive: "rgba(255,203,210,1)",
|
|
5351
5362
|
muted: "rgba(255,173,179,1)",
|
|
5363
|
+
graphic: "rgba(255,173,179,1)",
|
|
5352
5364
|
default: "rgba(230,39,40,1)",
|
|
5353
5365
|
intense: "rgba(197,0,1,1)"
|
|
5354
5366
|
}
|
|
@@ -5973,6 +5985,7 @@ var tailwind_theme_default = {
|
|
|
5973
5985
|
"100": "var(--aquarium-colors-warning-100)",
|
|
5974
5986
|
muted: "var(--aquarium-background-color-warning-muted)",
|
|
5975
5987
|
default: "var(--aquarium-background-color-warning-default)",
|
|
5988
|
+
graphic: "var(--aquarium-background-color-warning-graphic)",
|
|
5976
5989
|
intense: "var(--aquarium-background-color-warning-intense)",
|
|
5977
5990
|
inverse: "var(--aquarium-background-color-warning-inverse)"
|
|
5978
5991
|
},
|
|
@@ -5991,6 +6004,7 @@ var tailwind_theme_default = {
|
|
|
5991
6004
|
"100": "var(--aquarium-colors-success-100)",
|
|
5992
6005
|
muted: "var(--aquarium-background-color-success-muted)",
|
|
5993
6006
|
default: "var(--aquarium-background-color-success-default)",
|
|
6007
|
+
graphic: "var(--aquarium-background-color-success-graphic)",
|
|
5994
6008
|
intense: "var(--aquarium-background-color-success-intense)",
|
|
5995
6009
|
inverse: "var(--aquarium-background-color-success-inverse)"
|
|
5996
6010
|
},
|
|
@@ -6009,6 +6023,7 @@ var tailwind_theme_default = {
|
|
|
6009
6023
|
"100": "var(--aquarium-colors-info-100)",
|
|
6010
6024
|
muted: "var(--aquarium-background-color-info-muted)",
|
|
6011
6025
|
default: "var(--aquarium-background-color-info-default)",
|
|
6026
|
+
graphic: "var(--aquarium-background-color-info-graphic)",
|
|
6012
6027
|
intense: "var(--aquarium-background-color-info-intense)",
|
|
6013
6028
|
inverse: "var(--aquarium-background-color-info-inverse)"
|
|
6014
6029
|
},
|
|
@@ -6055,7 +6070,9 @@ var tailwind_theme_default = {
|
|
|
6055
6070
|
"100": "var(--aquarium-colors-primary-100)",
|
|
6056
6071
|
muted: "var(--aquarium-background-color-primary-muted)",
|
|
6057
6072
|
default: "var(--aquarium-background-color-primary-default)",
|
|
6073
|
+
graphic: "var(--aquarium-background-color-primary-graphic)",
|
|
6058
6074
|
intense: "var(--aquarium-background-color-primary-intense)",
|
|
6075
|
+
inverse: "var(--aquarium-background-color-primary-inverse)",
|
|
6059
6076
|
active: "var(--aquarium-background-color-primary-active)",
|
|
6060
6077
|
hover: "var(--aquarium-background-color-primary-hover)"
|
|
6061
6078
|
},
|
|
@@ -6067,6 +6084,7 @@ var tailwind_theme_default = {
|
|
|
6067
6084
|
"popover-content": "var(--aquarium-background-color-popover-content)",
|
|
6068
6085
|
muted: "var(--aquarium-background-color-muted)",
|
|
6069
6086
|
default: "var(--aquarium-background-color-default)",
|
|
6087
|
+
medium: "var(--aquarium-background-color-medium)",
|
|
6070
6088
|
intense: "var(--aquarium-background-color-intense)",
|
|
6071
6089
|
action: {
|
|
6072
6090
|
"primary-button": {
|
|
@@ -6080,6 +6098,7 @@ var tailwind_theme_default = {
|
|
|
6080
6098
|
muted: "var(--aquarium-background-color-danger-muted)",
|
|
6081
6099
|
default: "var(--aquarium-background-color-danger-default)",
|
|
6082
6100
|
intense: "var(--aquarium-background-color-danger-intense)",
|
|
6101
|
+
graphic: "var(--aquarium-background-color-danger-graphic)",
|
|
6083
6102
|
inverse: "var(--aquarium-background-color-danger-inverse)"
|
|
6084
6103
|
},
|
|
6085
6104
|
status: {
|
|
@@ -6127,6 +6146,7 @@ var tailwind_theme_default = {
|
|
|
6127
6146
|
"100": "var(--aquarium-colors-warning-100)",
|
|
6128
6147
|
inactive: "var(--aquarium-text-color-warning-inactive)",
|
|
6129
6148
|
muted: "var(--aquarium-text-color-warning-muted)",
|
|
6149
|
+
graphic: "var(--aquarium-text-color-warning-graphic)",
|
|
6130
6150
|
default: "var(--aquarium-text-color-warning-default)",
|
|
6131
6151
|
intense: "var(--aquarium-text-color-warning-intense)"
|
|
6132
6152
|
},
|
|
@@ -6145,6 +6165,7 @@ var tailwind_theme_default = {
|
|
|
6145
6165
|
"100": "var(--aquarium-colors-success-100)",
|
|
6146
6166
|
inactive: "var(--aquarium-text-color-success-inactive)",
|
|
6147
6167
|
muted: "var(--aquarium-text-color-success-muted)",
|
|
6168
|
+
graphic: "var(--aquarium-text-color-success-graphic)",
|
|
6148
6169
|
default: "var(--aquarium-text-color-success-default)",
|
|
6149
6170
|
intense: "var(--aquarium-text-color-success-intense)"
|
|
6150
6171
|
},
|
|
@@ -6163,6 +6184,7 @@ var tailwind_theme_default = {
|
|
|
6163
6184
|
"100": "var(--aquarium-colors-info-100)",
|
|
6164
6185
|
inactive: "var(--aquarium-text-color-info-inactive)",
|
|
6165
6186
|
muted: "var(--aquarium-text-color-info-muted)",
|
|
6187
|
+
graphic: "var(--aquarium-text-color-info-graphic)",
|
|
6166
6188
|
default: "var(--aquarium-text-color-info-default)",
|
|
6167
6189
|
intense: "var(--aquarium-text-color-info-intense)"
|
|
6168
6190
|
},
|
|
@@ -6210,6 +6232,7 @@ var tailwind_theme_default = {
|
|
|
6210
6232
|
inactive: "var(--aquarium-text-color-primary-inactive)",
|
|
6211
6233
|
active: "var(--aquarium-text-color-primary-active)",
|
|
6212
6234
|
muted: "var(--aquarium-text-color-primary-muted)",
|
|
6235
|
+
graphic: "var(--aquarium-text-color-primary-graphic)",
|
|
6213
6236
|
default: "var(--aquarium-text-color-primary-default)",
|
|
6214
6237
|
intense: "var(--aquarium-text-color-primary-intense)"
|
|
6215
6238
|
},
|
|
@@ -6221,6 +6244,7 @@ var tailwind_theme_default = {
|
|
|
6221
6244
|
danger: {
|
|
6222
6245
|
inactive: "var(--aquarium-text-color-danger-inactive)",
|
|
6223
6246
|
muted: "var(--aquarium-text-color-danger-muted)",
|
|
6247
|
+
graphic: "var(--aquarium-text-color-danger-graphic)",
|
|
6224
6248
|
default: "var(--aquarium-text-color-danger-default)",
|
|
6225
6249
|
intense: "var(--aquarium-text-color-danger-intense)"
|
|
6226
6250
|
}
|
|
@@ -6778,11 +6802,11 @@ var toastStyles = tv3({
|
|
|
6778
6802
|
default: {
|
|
6779
6803
|
base: "bg-inverse text-opposite-default",
|
|
6780
6804
|
dismiss: "[&>button]:text-muted",
|
|
6781
|
-
action: "[&>*]:text-primary-inactive hover:[&>*]:text-primary-
|
|
6805
|
+
action: "[&>*]:text-primary-inactive hover:[&>*]:text-primary-graphic"
|
|
6782
6806
|
},
|
|
6783
6807
|
danger: {
|
|
6784
|
-
base: "bg-danger-
|
|
6785
|
-
dismiss: "[&>button]:text-danger-
|
|
6808
|
+
base: "bg-danger-graphic text-white",
|
|
6809
|
+
dismiss: "[&>button]:text-danger-graphic",
|
|
6786
6810
|
action: "[&>*]:text-white hover:[&>*]:text-white"
|
|
6787
6811
|
}
|
|
6788
6812
|
},
|
|
@@ -6844,7 +6868,7 @@ var inputContainerClasses = tv4({
|
|
|
6844
6868
|
variants: {
|
|
6845
6869
|
variant: {
|
|
6846
6870
|
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-
|
|
6871
|
+
disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-medium",
|
|
6848
6872
|
error: "border px-3 py-[6px] border-danger-default bg-transparent",
|
|
6849
6873
|
focused: "border px-3 py-[6px] border-info-default bg-transparent",
|
|
6850
6874
|
readOnly: "cursor-default border-default bg-transparent"
|
|
@@ -6852,7 +6876,7 @@ var inputContainerClasses = tv4({
|
|
|
6852
6876
|
}
|
|
6853
6877
|
});
|
|
6854
6878
|
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-
|
|
6879
|
+
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
6880
|
variants: {
|
|
6857
6881
|
disabled: {
|
|
6858
6882
|
true: "text-inactive",
|
|
@@ -7340,7 +7364,7 @@ import React19 from "react";
|
|
|
7340
7364
|
import { isNumber, isUndefined as isUndefined5 } from "lodash-es";
|
|
7341
7365
|
import { tv as tv6 } from "tailwind-variants";
|
|
7342
7366
|
var skeletonStyles = tv6({
|
|
7343
|
-
base: "bg-
|
|
7367
|
+
base: "bg-medium",
|
|
7344
7368
|
variants: {
|
|
7345
7369
|
hasHeight: {
|
|
7346
7370
|
false: "h-auto before:content-['_'] whitespace-pre origin-[0%_45%] scale-[0.55]"
|
|
@@ -7437,7 +7461,7 @@ var createBadge = (type, displayName) => {
|
|
|
7437
7461
|
return Component;
|
|
7438
7462
|
};
|
|
7439
7463
|
var NotificationBadge = ({ children, top = "-2px", right = "-2px", ...props }) => {
|
|
7440
|
-
return /* @__PURE__ */ React21.createElement("div", { ...props, className: "Aquarium-Badge.Notification relative inline-flex text-default" }, children, /* @__PURE__ */ React21.createElement("span", { style: { top, right }, className: "absolute rounded-full w-[6px] h-[6px] bg-danger-
|
|
7464
|
+
return /* @__PURE__ */ React21.createElement("div", { ...props, className: "Aquarium-Badge.Notification relative inline-flex text-default" }, children, /* @__PURE__ */ React21.createElement("span", { style: { top, right }, className: "absolute rounded-full w-[6px] h-[6px] bg-danger-graphic" }));
|
|
7441
7465
|
};
|
|
7442
7466
|
var DotBadge = ({ dense = false, ...props }) => {
|
|
7443
7467
|
return /* @__PURE__ */ React21.createElement(
|
|
@@ -7643,7 +7667,7 @@ var getStatusClassNames = (status = "neutral") => {
|
|
|
7643
7667
|
return "text-success-intense bg-status-success";
|
|
7644
7668
|
case "neutral":
|
|
7645
7669
|
default:
|
|
7646
|
-
return "text-default bg-
|
|
7670
|
+
return "text-default bg-medium";
|
|
7647
7671
|
}
|
|
7648
7672
|
};
|
|
7649
7673
|
var Chip2 = ({
|
|
@@ -7984,7 +8008,7 @@ var checkboxClasses = tv10({
|
|
|
7984
8008
|
},
|
|
7985
8009
|
false: {
|
|
7986
8010
|
wrapper: "hover:border-intense peer-checked:border-primary-default",
|
|
7987
|
-
input: "cursor-pointer checked:bg-primary-
|
|
8011
|
+
input: "cursor-pointer checked:bg-primary-graphic",
|
|
7988
8012
|
icon: "border-default peer-hover:border-intense peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-default"
|
|
7989
8013
|
}
|
|
7990
8014
|
}
|
|
@@ -8013,7 +8037,7 @@ var Checkbox = React29.forwardRef(
|
|
|
8013
8037
|
import React30 from "react";
|
|
8014
8038
|
import { tv as tv11 } from "tailwind-variants";
|
|
8015
8039
|
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-
|
|
8040
|
+
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
8041
|
variants: {
|
|
8018
8042
|
disabled: {
|
|
8019
8043
|
true: "cursor-not-allowed border-muted bg-muted checked:bg-primary-muted checked:border-transparent",
|
|
@@ -10479,7 +10503,7 @@ var dropdownMenuGroupStyles = tv16({
|
|
|
10479
10503
|
slots: {
|
|
10480
10504
|
base: [
|
|
10481
10505
|
'[&:not(:first-child)]:before:content-[""] [&:not(:first-child)]:before:block',
|
|
10482
|
-
"[&:not(:first-child)]:before:h-[1px] [&:not(:first-child)]:before:bg-
|
|
10506
|
+
"[&:not(:first-child)]:before:h-[1px] [&:not(:first-child)]:before:bg-medium [&:not(:first-child)]:before:m-3"
|
|
10483
10507
|
],
|
|
10484
10508
|
title: "p-3 text-inactive uppercase cursor-default typography-caption"
|
|
10485
10509
|
}
|
|
@@ -10589,7 +10613,7 @@ var fieldBorder = tv17({
|
|
|
10589
10613
|
true: "border-danger-default"
|
|
10590
10614
|
},
|
|
10591
10615
|
isDisabled: {
|
|
10592
|
-
true: "bg-
|
|
10616
|
+
true: "bg-medium cursor-not-allowed text-inactive"
|
|
10593
10617
|
}
|
|
10594
10618
|
}
|
|
10595
10619
|
});
|
|
@@ -11703,8 +11727,8 @@ var cellStyles = tv20({
|
|
|
11703
11727
|
base: "w-8 h-8 typography-small cursor-default rounded-md flex items-center justify-center outside-month:hidden",
|
|
11704
11728
|
variants: {
|
|
11705
11729
|
isSelected: {
|
|
11706
|
-
false: "text-default hover:bg-
|
|
11707
|
-
true: "bg-primary-
|
|
11730
|
+
false: "text-default hover:bg-medium pressed:bg-intense",
|
|
11731
|
+
true: "bg-primary-graphic invalid:bg-danger-default text-white"
|
|
11708
11732
|
},
|
|
11709
11733
|
isUnavailable: {
|
|
11710
11734
|
true: "text-inactive"
|
|
@@ -14404,7 +14428,7 @@ import { tv as tv22 } from "tailwind-variants";
|
|
|
14404
14428
|
var cellContainer = tv22({
|
|
14405
14429
|
base: [
|
|
14406
14430
|
"group w-8 h-8 typography-small outline outline-0 cursor-default",
|
|
14407
|
-
"outside-month:hidden selected:bg-primary-
|
|
14431
|
+
"outside-month:hidden selected:bg-primary-graphic",
|
|
14408
14432
|
"invalid:selected:bg-danger-default",
|
|
14409
14433
|
"selection-start:rounded-s-md selection-end:rounded-e-md"
|
|
14410
14434
|
]
|
|
@@ -14414,15 +14438,15 @@ var cell = tv22({
|
|
|
14414
14438
|
base: "w-full h-full flex items-center justify-center rounded-md text-default",
|
|
14415
14439
|
variants: {
|
|
14416
14440
|
selectionState: {
|
|
14417
|
-
none: "group-hover:bg-
|
|
14441
|
+
none: "group-hover:bg-medium group-pressed:bg-intense",
|
|
14418
14442
|
middle: [
|
|
14419
14443
|
"text-white",
|
|
14420
|
-
"group-hover:bg-primary-
|
|
14444
|
+
"group-hover:bg-primary-graphic",
|
|
14421
14445
|
"group-invalid:group-hover:bg-danger-default",
|
|
14422
|
-
"group-pressed:bg-primary-
|
|
14423
|
-
"group-invalid:group-pressed:bg-danger-
|
|
14446
|
+
"group-pressed:bg-primary-inverse",
|
|
14447
|
+
"group-invalid:group-pressed:bg-danger-graphic"
|
|
14424
14448
|
],
|
|
14425
|
-
cap: "text-white bg-primary-
|
|
14449
|
+
cap: "text-white bg-primary-graphic group-invalid:bg-danger-default"
|
|
14426
14450
|
},
|
|
14427
14451
|
isUnavailable: {
|
|
14428
14452
|
true: "text-inactive"
|
|
@@ -14630,7 +14654,7 @@ var modalStyles = tv23({
|
|
|
14630
14654
|
headerImage: "object-cover"
|
|
14631
14655
|
},
|
|
14632
14656
|
false: {
|
|
14633
|
-
headerImage: "bg-
|
|
14657
|
+
headerImage: "bg-medium"
|
|
14634
14658
|
}
|
|
14635
14659
|
}
|
|
14636
14660
|
},
|
|
@@ -15286,7 +15310,7 @@ var FilterClearButton = ({ onClear }) => (
|
|
|
15286
15310
|
}
|
|
15287
15311
|
onClear();
|
|
15288
15312
|
},
|
|
15289
|
-
className: "py-[10px] pl-[6px] pr-4 inline-flex items-center hover:bg-
|
|
15313
|
+
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
15314
|
},
|
|
15291
15315
|
/* @__PURE__ */ React92.createElement(InlineIcon2, { icon: import_cross6.default })
|
|
15292
15316
|
)
|
|
@@ -15344,7 +15368,7 @@ var InputChip = React97.forwardRef(
|
|
|
15344
15368
|
{
|
|
15345
15369
|
"bg-status-danger": invalid,
|
|
15346
15370
|
"bg-muted": !invalid && !disabled,
|
|
15347
|
-
"bg-
|
|
15371
|
+
"bg-medium": disabled
|
|
15348
15372
|
}
|
|
15349
15373
|
)
|
|
15350
15374
|
},
|
|
@@ -15842,7 +15866,7 @@ var NativeSelectBase = React100.forwardRef(
|
|
|
15842
15866
|
className: clsx36(
|
|
15843
15867
|
"block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-inactive focus:outline-none",
|
|
15844
15868
|
{
|
|
15845
|
-
"px-3 py-3 bg-transparent disabled:border-default disabled:bg-
|
|
15869
|
+
"px-3 py-3 bg-transparent disabled:border-default disabled:bg-medium disabled:text-inactive": !readOnly,
|
|
15846
15870
|
"px-0 py-3 border-none bg-transparent": readOnly,
|
|
15847
15871
|
"border border-danger-default": !valid && !readOnly,
|
|
15848
15872
|
"border border-default hover:border-intense focus:border-info-default": valid && !readOnly
|
|
@@ -15921,9 +15945,9 @@ var navigationClasses = tv25({
|
|
|
15921
15945
|
sectionList: "flex flex-col",
|
|
15922
15946
|
divider: "border-t-2 border-muted",
|
|
15923
15947
|
itemContainer: "",
|
|
15924
|
-
itemAnchor: "py-3 px-6 hover:bg-
|
|
15948
|
+
itemAnchor: "py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-small focusable",
|
|
15925
15949
|
submenuContainer: "",
|
|
15926
|
-
submenuAnchor: "py-3 pr-6 pl-3 hover:bg-
|
|
15950
|
+
submenuAnchor: "py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-small focusable flex items-center w-full",
|
|
15927
15951
|
submenuList: "flex flex-col",
|
|
15928
15952
|
submenuItem: "pl-[56px]"
|
|
15929
15953
|
},
|
|
@@ -16164,10 +16188,10 @@ var progressBarIndicatorClasses = tv27({
|
|
|
16164
16188
|
base: "h-2 rounded-full transition-all ease-in-out delay-150",
|
|
16165
16189
|
variants: {
|
|
16166
16190
|
status: {
|
|
16167
|
-
info: "bg-info-
|
|
16168
|
-
warning: "bg-warning-
|
|
16169
|
-
success: "bg-success-
|
|
16170
|
-
error: "bg-danger-
|
|
16191
|
+
info: "bg-info-graphic",
|
|
16192
|
+
warning: "bg-warning-graphic",
|
|
16193
|
+
success: "bg-success-graphic",
|
|
16194
|
+
error: "bg-danger-graphic"
|
|
16171
16195
|
}
|
|
16172
16196
|
}
|
|
16173
16197
|
});
|
|
@@ -16331,15 +16355,15 @@ var switchStyles = tv28({
|
|
|
16331
16355
|
slots: {
|
|
16332
16356
|
wrapper: "relative inline-flex justify-center items-center self-center group",
|
|
16333
16357
|
input: "appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300 outline-none focusable cursor-pointer disabled:cursor-not-allowed",
|
|
16334
|
-
thumb: "pointer-events-none rounded-full absolute inline-flex justify-center items-center transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5 bg-white left-2 peer-checked/switch:left-1 text-inactive peer-checked/switch:text-primary-
|
|
16358
|
+
thumb: "pointer-events-none rounded-full absolute inline-flex justify-center items-center transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5 bg-white left-2 peer-checked/switch:left-1 text-inactive peer-checked/switch:text-primary-graphic"
|
|
16335
16359
|
},
|
|
16336
16360
|
variants: {
|
|
16337
16361
|
disabled: {
|
|
16338
16362
|
true: {
|
|
16339
|
-
input: "bg-
|
|
16363
|
+
input: "bg-medium checked:opacity-50 checked:bg-primary-muted"
|
|
16340
16364
|
},
|
|
16341
16365
|
false: {
|
|
16342
|
-
input: "bg-intense hover:bg-intense checked:bg-primary-
|
|
16366
|
+
input: "bg-intense hover:bg-intense checked:bg-primary-graphic hover:checked:bg-primary-inverse",
|
|
16343
16367
|
thumb: "shadow-4dp"
|
|
16344
16368
|
}
|
|
16345
16369
|
}
|
|
@@ -16479,7 +16503,7 @@ var connectorStyles = tv30({
|
|
|
16479
16503
|
},
|
|
16480
16504
|
variants: {
|
|
16481
16505
|
completed: {
|
|
16482
|
-
true: { connector: "bg-success-
|
|
16506
|
+
true: { connector: "bg-success-graphic" },
|
|
16483
16507
|
false: { connector: "bg-intense" }
|
|
16484
16508
|
},
|
|
16485
16509
|
dense: {
|
|
@@ -16528,7 +16552,7 @@ var stepStyles = tv30({
|
|
|
16528
16552
|
slots: ["indicator"],
|
|
16529
16553
|
dense: false,
|
|
16530
16554
|
state: "completed",
|
|
16531
|
-
class: "border-2 text-white bg-success-
|
|
16555
|
+
class: "border-2 text-white bg-success-graphic border-success-intense"
|
|
16532
16556
|
},
|
|
16533
16557
|
// Dense variants
|
|
16534
16558
|
{
|
|
@@ -16711,7 +16735,7 @@ var Timeline = ({ className, ...rest }) => /* @__PURE__ */ React121.createElemen
|
|
|
16711
16735
|
var Content2 = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("pb-6", className) });
|
|
16712
16736
|
var Separator = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("flex items-center justify-center h-5 w-5", className) });
|
|
16713
16737
|
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-
|
|
16738
|
+
var Line = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("w-1 bg-medium h-full justify-self-center", className) });
|
|
16715
16739
|
var Dot = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("bg-intense h-[6px] w-[6px] rounded", className) });
|
|
16716
16740
|
Separator.Dot = Dot;
|
|
16717
16741
|
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
|
},
|
|
@@ -240,18 +243,21 @@ var tokens_default = {
|
|
|
240
243
|
info: {
|
|
241
244
|
muted: "rgba(224,245,254,1)",
|
|
242
245
|
default: "rgba(3,153,227,1)",
|
|
246
|
+
graphic: "rgba(3,153,227,1)",
|
|
243
247
|
intense: "rgba(1,116,186,1)",
|
|
244
248
|
inverse: "rgba(3,153,227,1)"
|
|
245
249
|
},
|
|
246
250
|
success: {
|
|
247
251
|
muted: "rgba(236,247,237,1)",
|
|
248
252
|
default: "rgba(0,179,0,1)",
|
|
253
|
+
graphic: "rgba(0,179,0,1)",
|
|
249
254
|
intense: "rgba(0,142,0,1)",
|
|
250
255
|
inverse: "rgba(0,179,0,1)"
|
|
251
256
|
},
|
|
252
257
|
warning: {
|
|
253
258
|
muted: "rgba(255,248,234,1)",
|
|
254
259
|
default: "rgba(255,179,0,1)",
|
|
260
|
+
graphic: "rgba(255,179,0,1)",
|
|
255
261
|
intense: "rgba(255,144,3,1)",
|
|
256
262
|
inverse: "rgba(255,179,0,1)"
|
|
257
263
|
},
|
|
@@ -259,6 +265,7 @@ var tokens_default = {
|
|
|
259
265
|
muted: "rgba(255,203,210,1)",
|
|
260
266
|
default: "rgba(255,173,179,1)",
|
|
261
267
|
intense: "rgba(230,39,40,1)",
|
|
268
|
+
graphic: "rgba(230,39,40,1)",
|
|
262
269
|
inverse: "rgba(216,0,5,1)"
|
|
263
270
|
},
|
|
264
271
|
status: {
|
|
@@ -482,30 +489,35 @@ var tokens_default = {
|
|
|
482
489
|
inactive: "rgba(185,197,239,1)",
|
|
483
490
|
active: "rgba(34,47,149,1)",
|
|
484
491
|
muted: "rgba(129,142,236,1)",
|
|
492
|
+
graphic: "rgba(129,142,236,1)",
|
|
485
493
|
default: "rgba(88,101,205,1)",
|
|
486
494
|
intense: "rgba(53,69,190,1)"
|
|
487
495
|
},
|
|
488
496
|
info: {
|
|
489
497
|
inactive: "rgba(180,229,251,1)",
|
|
490
498
|
muted: "rgba(76,194,247,1)",
|
|
499
|
+
graphic: "rgba(76,194,247,1)",
|
|
491
500
|
default: "rgba(3,153,227,1)",
|
|
492
501
|
intense: "rgba(1,116,186,1)"
|
|
493
502
|
},
|
|
494
503
|
success: {
|
|
495
504
|
inactive: "rgba(203,255,201,1)",
|
|
496
505
|
muted: "rgba(137,235,128,1)",
|
|
506
|
+
graphic: "rgba(137,235,128,1)",
|
|
497
507
|
default: "rgba(0,179,0,1)",
|
|
498
508
|
intense: "rgba(0,142,0,1)"
|
|
499
509
|
},
|
|
500
510
|
warning: {
|
|
501
511
|
inactive: "rgba(254,235,178,1)",
|
|
502
512
|
muted: "rgba(253,212,77,1)",
|
|
513
|
+
graphic: "rgba(253,212,77,1)",
|
|
503
514
|
default: "rgba(253,159,0,1)",
|
|
504
515
|
intense: "rgba(254,109,0,1)"
|
|
505
516
|
},
|
|
506
517
|
danger: {
|
|
507
518
|
inactive: "rgba(255,203,210,1)",
|
|
508
519
|
muted: "rgba(255,173,179,1)",
|
|
520
|
+
graphic: "rgba(255,173,179,1)",
|
|
509
521
|
default: "rgba(230,39,40,1)",
|
|
510
522
|
intense: "rgba(197,0,1,1)"
|
|
511
523
|
}
|
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
|
},
|
|
@@ -100,18 +103,21 @@ var tokens_default = {
|
|
|
100
103
|
info: {
|
|
101
104
|
muted: "rgba(224,245,254,1)",
|
|
102
105
|
default: "rgba(3,153,227,1)",
|
|
106
|
+
graphic: "rgba(3,153,227,1)",
|
|
103
107
|
intense: "rgba(1,116,186,1)",
|
|
104
108
|
inverse: "rgba(3,153,227,1)"
|
|
105
109
|
},
|
|
106
110
|
success: {
|
|
107
111
|
muted: "rgba(236,247,237,1)",
|
|
108
112
|
default: "rgba(0,179,0,1)",
|
|
113
|
+
graphic: "rgba(0,179,0,1)",
|
|
109
114
|
intense: "rgba(0,142,0,1)",
|
|
110
115
|
inverse: "rgba(0,179,0,1)"
|
|
111
116
|
},
|
|
112
117
|
warning: {
|
|
113
118
|
muted: "rgba(255,248,234,1)",
|
|
114
119
|
default: "rgba(255,179,0,1)",
|
|
120
|
+
graphic: "rgba(255,179,0,1)",
|
|
115
121
|
intense: "rgba(255,144,3,1)",
|
|
116
122
|
inverse: "rgba(255,179,0,1)"
|
|
117
123
|
},
|
|
@@ -119,6 +125,7 @@ var tokens_default = {
|
|
|
119
125
|
muted: "rgba(255,203,210,1)",
|
|
120
126
|
default: "rgba(255,173,179,1)",
|
|
121
127
|
intense: "rgba(230,39,40,1)",
|
|
128
|
+
graphic: "rgba(230,39,40,1)",
|
|
122
129
|
inverse: "rgba(216,0,5,1)"
|
|
123
130
|
},
|
|
124
131
|
status: {
|
|
@@ -342,30 +349,35 @@ var tokens_default = {
|
|
|
342
349
|
inactive: "rgba(185,197,239,1)",
|
|
343
350
|
active: "rgba(34,47,149,1)",
|
|
344
351
|
muted: "rgba(129,142,236,1)",
|
|
352
|
+
graphic: "rgba(129,142,236,1)",
|
|
345
353
|
default: "rgba(88,101,205,1)",
|
|
346
354
|
intense: "rgba(53,69,190,1)"
|
|
347
355
|
},
|
|
348
356
|
info: {
|
|
349
357
|
inactive: "rgba(180,229,251,1)",
|
|
350
358
|
muted: "rgba(76,194,247,1)",
|
|
359
|
+
graphic: "rgba(76,194,247,1)",
|
|
351
360
|
default: "rgba(3,153,227,1)",
|
|
352
361
|
intense: "rgba(1,116,186,1)"
|
|
353
362
|
},
|
|
354
363
|
success: {
|
|
355
364
|
inactive: "rgba(203,255,201,1)",
|
|
356
365
|
muted: "rgba(137,235,128,1)",
|
|
366
|
+
graphic: "rgba(137,235,128,1)",
|
|
357
367
|
default: "rgba(0,179,0,1)",
|
|
358
368
|
intense: "rgba(0,142,0,1)"
|
|
359
369
|
},
|
|
360
370
|
warning: {
|
|
361
371
|
inactive: "rgba(254,235,178,1)",
|
|
362
372
|
muted: "rgba(253,212,77,1)",
|
|
373
|
+
graphic: "rgba(253,212,77,1)",
|
|
363
374
|
default: "rgba(253,159,0,1)",
|
|
364
375
|
intense: "rgba(254,109,0,1)"
|
|
365
376
|
},
|
|
366
377
|
danger: {
|
|
367
378
|
inactive: "rgba(255,203,210,1)",
|
|
368
379
|
muted: "rgba(255,173,179,1)",
|
|
380
|
+
graphic: "rgba(255,173,179,1)",
|
|
369
381
|
default: "rgba(230,39,40,1)",
|
|
370
382
|
intense: "rgba(197,0,1,1)"
|
|
371
383
|
}
|
|
@@ -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-
|
|
36
|
-
'group-invalid:group-pressed:bg-danger-
|
|
35
|
+
'group-pressed:bg-primary-inverse',
|
|
36
|
+
'group-invalid:group-pressed:bg-danger-graphic',
|
|
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=
|