@aivenio/aquarium 6.0.0-rc7 → 6.0.1
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 +4 -3
- package/dist/atoms.cjs +23 -18
- package/dist/atoms.mjs +23 -18
- package/dist/charts.cjs +9 -7
- package/dist/charts.mjs +9 -7
- package/dist/src/atoms/Alert/Alert.js +1 -1
- package/dist/src/atoms/Button/Button.js +2 -2
- package/dist/src/atoms/Checkbox/Checkbox.js +1 -1
- package/dist/src/atoms/Filter/Filter.js +2 -2
- package/dist/src/atoms/RadioButton/RadioButton.js +1 -1
- package/dist/src/atoms/Section/Section.js +3 -3
- package/dist/src/atoms/Select/Select.js +3 -3
- package/dist/src/atoms/Switch/Switch.js +5 -4
- package/dist/src/atoms/utils/index.js +1 -1
- package/dist/src/charts/Container/Container.js +3 -3
- package/dist/src/molecules/Card/Card.js +2 -2
- package/dist/src/molecules/Card/Compact.js +2 -2
- package/dist/src/molecules/NativeSelect/NativeSelect.js +1 -1
- package/dist/src/tokens/tokens.json +7 -4
- package/dist/styles.css +50 -48
- package/dist/system.cjs +27 -22
- package/dist/system.mjs +27 -22
- package/dist/tailwind.theme.json +2 -1
- package/dist/tokens.json +7 -4
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/_variables.scss
CHANGED
|
@@ -12,6 +12,7 @@ $border-width-4: 4px;
|
|
|
12
12
|
$border-width-8: 8px;
|
|
13
13
|
$border-width-default: 1px;
|
|
14
14
|
$background-color-icon-button-hover: rgba(25,25,29,.05);
|
|
15
|
+
$background-color-charts-overlay: rgba(255,255,255,0.5);
|
|
15
16
|
$chart-colors-default: rgba(180, 180, 187, 1);
|
|
16
17
|
$chart-colors-primary-categorical-0: rgba(27, 178, 176, 1);
|
|
17
18
|
$chart-colors-primary-categorical-1: rgba(194, 36, 213, 1);
|
|
@@ -125,7 +126,7 @@ $colors-info-100: rgba(0,24,43,1);
|
|
|
125
126
|
$colors-grey-0: rgba(250,250,250,1);
|
|
126
127
|
$colors-grey-5: rgba(244,244,244,1);
|
|
127
128
|
$colors-grey-10: rgba(235,235,235,1);
|
|
128
|
-
$colors-grey-20: rgba(
|
|
129
|
+
$colors-grey-20: rgba(225,225,225,1);
|
|
129
130
|
$colors-grey-30: rgba(181,181,183,1);
|
|
130
131
|
$colors-grey-40: rgba(145,146,148,1);
|
|
131
132
|
$colors-grey-50: rgba(104,105,107,1);
|
|
@@ -200,8 +201,8 @@ $background-color-warning-inverse: $colors-warning-70;
|
|
|
200
201
|
$background-color-danger-default: $colors-error-0;
|
|
201
202
|
$background-color-danger-graphic: $colors-error-40;
|
|
202
203
|
$background-color-danger-inverse: $colors-error-60;
|
|
203
|
-
$border-color-muted: $colors-grey-
|
|
204
|
-
$border-color-default: $colors-grey-
|
|
204
|
+
$border-color-muted: $colors-grey-20;
|
|
205
|
+
$border-color-default: $colors-grey-30;
|
|
205
206
|
$border-color-intense: $colors-grey-70;
|
|
206
207
|
$border-color-primary-muted: $colors-primary-10;
|
|
207
208
|
$border-color-primary-default: $colors-primary-20;
|
package/dist/atoms.cjs
CHANGED
|
@@ -569,7 +569,7 @@ var buttonClasses = (0, import_tailwind_variants2.tv)({
|
|
|
569
569
|
kind: {
|
|
570
570
|
primary: "Aquarium-Button.Primary text-opposite-default bg-action-primary-button-default icon-stroke-2 rounded-full",
|
|
571
571
|
secondary: "Aquarium-Button.Secondary text-primary-default bg-body before:absolute before:inset-0 rounded-full before:border before:border-action-secondary-button-default before:rounded-full icon-stroke-2",
|
|
572
|
-
ghost: "Aquarium-Button.Ghost text-primary-default px-0
|
|
572
|
+
ghost: "Aquarium-Button.Ghost text-primary-default px-0 icon-stroke-2 rounded",
|
|
573
573
|
text: "Aquarium-Button.Text p-0 icon-stroke-2 rounded",
|
|
574
574
|
icon: "Aquarium-Button.Icon text-default p-2 rounded"
|
|
575
575
|
},
|
|
@@ -786,11 +786,14 @@ var tokens_default = {
|
|
|
786
786
|
},
|
|
787
787
|
"icon-button": {
|
|
788
788
|
hover: "rgba(25,25,29,.05)"
|
|
789
|
+
},
|
|
790
|
+
charts: {
|
|
791
|
+
overlay: "rgba(255,255,255,0.5)"
|
|
789
792
|
}
|
|
790
793
|
},
|
|
791
794
|
borderColor: {
|
|
792
|
-
muted: "rgba(
|
|
793
|
-
default: "rgba(
|
|
795
|
+
muted: "rgba(225,225,225,1)",
|
|
796
|
+
default: "rgba(181,181,183,1)",
|
|
794
797
|
intense: "rgba(45,46,48,1)",
|
|
795
798
|
primary: {
|
|
796
799
|
muted: "rgba(183,242,241,1)",
|
|
@@ -803,7 +806,7 @@ var tokens_default = {
|
|
|
803
806
|
default: "rgba(0,128,124,1)",
|
|
804
807
|
active: "rgba(46,208,205,1)",
|
|
805
808
|
hover: "rgba(27,178,176,1)",
|
|
806
|
-
disabled: "rgba(
|
|
809
|
+
disabled: "rgba(225,225,225,1)"
|
|
807
810
|
}
|
|
808
811
|
},
|
|
809
812
|
info: {
|
|
@@ -964,7 +967,7 @@ var tokens_default = {
|
|
|
964
967
|
"0": "rgba(250,250,250,1)",
|
|
965
968
|
"5": "rgba(244,244,244,1)",
|
|
966
969
|
"10": "rgba(235,235,235,1)",
|
|
967
|
-
"20": "rgba(
|
|
970
|
+
"20": "rgba(225,225,225,1)",
|
|
968
971
|
"30": "rgba(181,181,183,1)",
|
|
969
972
|
"40": "rgba(145,146,148,1)",
|
|
970
973
|
"50": "rgba(104,105,107,1)",
|
|
@@ -1747,7 +1750,8 @@ var tailwind_theme_default = {
|
|
|
1747
1750
|
},
|
|
1748
1751
|
"icon-button": {
|
|
1749
1752
|
hover: "var(--aquarium-background-color-icon-button-hover)"
|
|
1750
|
-
}
|
|
1753
|
+
},
|
|
1754
|
+
charts: { overlay: "var(--aquarium-background-color-charts-overlay)" }
|
|
1751
1755
|
},
|
|
1752
1756
|
textColor: {
|
|
1753
1757
|
white: "var(--aquarium-colors-white)",
|
|
@@ -2653,7 +2657,7 @@ var alertStyles = (0, import_tailwind_variants5.tv)({
|
|
|
2653
2657
|
base: "pt-3 pb-2"
|
|
2654
2658
|
},
|
|
2655
2659
|
false: {
|
|
2656
|
-
base: "py-
|
|
2660
|
+
base: "py-4"
|
|
2657
2661
|
}
|
|
2658
2662
|
}
|
|
2659
2663
|
}
|
|
@@ -3105,7 +3109,7 @@ var checkboxClasses = (0, import_tailwind_variants8.tv)({
|
|
|
3105
3109
|
slots: {
|
|
3106
3110
|
wrapper: "inline-flex justify-center items-center self-center relative",
|
|
3107
3111
|
input: "peer appearance-none outline-none w-5 h-5 rounded border border-transparent",
|
|
3108
|
-
icon: "absolute top-0 right-0 pointer-events-none p-[2px] w-5 h-5 text-transparent [&>path]:stroke-transparent [&>path]:stroke-[3px] rounded border border-default peer-focus:border-
|
|
3112
|
+
icon: "absolute top-0 right-0 pointer-events-none p-[2px] w-5 h-5 text-transparent [&>path]:stroke-transparent [&>path]:stroke-[3px] rounded border border-default peer-focus:border-action-focus"
|
|
3109
3113
|
},
|
|
3110
3114
|
variants: {
|
|
3111
3115
|
disabled: {
|
|
@@ -3234,7 +3238,7 @@ var import_tailwind_variants12 = require("tailwind-variants");
|
|
|
3234
3238
|
var import_react31 = __toESM(require("react"));
|
|
3235
3239
|
var import_tailwind_variants11 = require("tailwind-variants");
|
|
3236
3240
|
var radioButtonClasses = (0, import_tailwind_variants11.tv)({
|
|
3237
|
-
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-
|
|
3241
|
+
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-action-focus checked:bg-primary-inverse checked:shadow-bodyInset",
|
|
3238
3242
|
variants: {
|
|
3239
3243
|
disabled: {
|
|
3240
3244
|
true: "cursor-not-allowed border-muted bg-muted checked:bg-intense checked:border-transparent",
|
|
@@ -6317,13 +6321,13 @@ var DATE_FORMAT_OPTIONS = {
|
|
|
6317
6321
|
options: { day: "numeric", month: "numeric", year: "numeric" }
|
|
6318
6322
|
};
|
|
6319
6323
|
var filterWrapper = (0, import_tailwind_variants16.tv)({
|
|
6320
|
-
base: "rounded-full inline-flex items-center pressed:border-
|
|
6324
|
+
base: "rounded-full inline-flex items-center pressed:border-action-focus justify-between outline-0 outline-none border border-dashed border-default text-default bg-transparent",
|
|
6321
6325
|
variants: {
|
|
6322
6326
|
isHovered: {
|
|
6323
6327
|
true: "hover:bg-muted"
|
|
6324
6328
|
},
|
|
6325
6329
|
isFocusWithin: {
|
|
6326
|
-
true: "border-solid border-
|
|
6330
|
+
true: "border-solid border-action-focus"
|
|
6327
6331
|
},
|
|
6328
6332
|
isInvalid: {
|
|
6329
6333
|
true: "border-solid border-danger-default"
|
|
@@ -7115,8 +7119,8 @@ var import_tailwind_variants22 = require("tailwind-variants");
|
|
|
7115
7119
|
var sectionStyles = (0, import_tailwind_variants22.tv)({
|
|
7116
7120
|
slots: {
|
|
7117
7121
|
base: "border border-muted rounded-lg",
|
|
7118
|
-
header: "px-5 py-
|
|
7119
|
-
titleContainer: "grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center",
|
|
7122
|
+
header: "px-5 py-3 flex gap-5 justify-between items-center",
|
|
7123
|
+
titleContainer: "grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center min-h-[38px]",
|
|
7120
7124
|
actions: "flex gap-4 justify-end",
|
|
7121
7125
|
body: "p-5 rounded-lg"
|
|
7122
7126
|
},
|
|
@@ -7192,13 +7196,13 @@ var getValues = (children) => {
|
|
|
7192
7196
|
return values?.filter((v) => v !== void 0 && v !== null) ?? [];
|
|
7193
7197
|
};
|
|
7194
7198
|
var inputContainerClasses = (0, import_tailwind_variants23.tv)({
|
|
7195
|
-
base: "relative rounded typography-default-strong w-full flex flex-row items-center bg-body focus
|
|
7199
|
+
base: "relative rounded typography-default-strong w-full flex flex-row items-center bg-body focus:outline-none focus-visible:border-action-focus group",
|
|
7196
7200
|
variants: {
|
|
7197
7201
|
variant: {
|
|
7198
7202
|
default: "border px-3 py-[6px] border-default hover:border-intense",
|
|
7199
7203
|
disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-medium",
|
|
7200
7204
|
error: "border px-3 py-[6px] border-danger-default",
|
|
7201
|
-
focused: "border px-3 py-[6px] border-
|
|
7205
|
+
focused: "border px-3 py-[6px] border-action-focus",
|
|
7202
7206
|
readOnly: "cursor-default border-default bg-transparent"
|
|
7203
7207
|
}
|
|
7204
7208
|
}
|
|
@@ -7453,16 +7457,17 @@ var import_tailwind_variants25 = require("tailwind-variants");
|
|
|
7453
7457
|
var switchStyles = (0, import_tailwind_variants25.tv)({
|
|
7454
7458
|
slots: {
|
|
7455
7459
|
wrapper: "relative inline-flex justify-center items-center self-center group",
|
|
7456
|
-
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",
|
|
7460
|
+
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 focus-visible:ring-action-focus",
|
|
7457
7461
|
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"
|
|
7458
7462
|
},
|
|
7459
7463
|
variants: {
|
|
7460
7464
|
disabled: {
|
|
7461
7465
|
true: {
|
|
7462
|
-
input: "bg-medium checked:opacity-50 checked:bg-
|
|
7466
|
+
input: "bg-medium checked:opacity-50 checked:bg-intense",
|
|
7467
|
+
thumb: "peer-checked/switch:text-inactive"
|
|
7463
7468
|
},
|
|
7464
7469
|
false: {
|
|
7465
|
-
input: "bg-
|
|
7470
|
+
input: "bg-medium hover:bg-intense checked:bg-primary-graphic hover:checked:bg-primary-inverse",
|
|
7466
7471
|
thumb: "shadow-4dp"
|
|
7467
7472
|
}
|
|
7468
7473
|
}
|
package/dist/atoms.mjs
CHANGED
|
@@ -479,7 +479,7 @@ var buttonClasses = tv2({
|
|
|
479
479
|
kind: {
|
|
480
480
|
primary: "Aquarium-Button.Primary text-opposite-default bg-action-primary-button-default icon-stroke-2 rounded-full",
|
|
481
481
|
secondary: "Aquarium-Button.Secondary text-primary-default bg-body before:absolute before:inset-0 rounded-full before:border before:border-action-secondary-button-default before:rounded-full icon-stroke-2",
|
|
482
|
-
ghost: "Aquarium-Button.Ghost text-primary-default px-0
|
|
482
|
+
ghost: "Aquarium-Button.Ghost text-primary-default px-0 icon-stroke-2 rounded",
|
|
483
483
|
text: "Aquarium-Button.Text p-0 icon-stroke-2 rounded",
|
|
484
484
|
icon: "Aquarium-Button.Icon text-default p-2 rounded"
|
|
485
485
|
},
|
|
@@ -699,11 +699,14 @@ var tokens_default = {
|
|
|
699
699
|
},
|
|
700
700
|
"icon-button": {
|
|
701
701
|
hover: "rgba(25,25,29,.05)"
|
|
702
|
+
},
|
|
703
|
+
charts: {
|
|
704
|
+
overlay: "rgba(255,255,255,0.5)"
|
|
702
705
|
}
|
|
703
706
|
},
|
|
704
707
|
borderColor: {
|
|
705
|
-
muted: "rgba(
|
|
706
|
-
default: "rgba(
|
|
708
|
+
muted: "rgba(225,225,225,1)",
|
|
709
|
+
default: "rgba(181,181,183,1)",
|
|
707
710
|
intense: "rgba(45,46,48,1)",
|
|
708
711
|
primary: {
|
|
709
712
|
muted: "rgba(183,242,241,1)",
|
|
@@ -716,7 +719,7 @@ var tokens_default = {
|
|
|
716
719
|
default: "rgba(0,128,124,1)",
|
|
717
720
|
active: "rgba(46,208,205,1)",
|
|
718
721
|
hover: "rgba(27,178,176,1)",
|
|
719
|
-
disabled: "rgba(
|
|
722
|
+
disabled: "rgba(225,225,225,1)"
|
|
720
723
|
}
|
|
721
724
|
},
|
|
722
725
|
info: {
|
|
@@ -877,7 +880,7 @@ var tokens_default = {
|
|
|
877
880
|
"0": "rgba(250,250,250,1)",
|
|
878
881
|
"5": "rgba(244,244,244,1)",
|
|
879
882
|
"10": "rgba(235,235,235,1)",
|
|
880
|
-
"20": "rgba(
|
|
883
|
+
"20": "rgba(225,225,225,1)",
|
|
881
884
|
"30": "rgba(181,181,183,1)",
|
|
882
885
|
"40": "rgba(145,146,148,1)",
|
|
883
886
|
"50": "rgba(104,105,107,1)",
|
|
@@ -1660,7 +1663,8 @@ var tailwind_theme_default = {
|
|
|
1660
1663
|
},
|
|
1661
1664
|
"icon-button": {
|
|
1662
1665
|
hover: "var(--aquarium-background-color-icon-button-hover)"
|
|
1663
|
-
}
|
|
1666
|
+
},
|
|
1667
|
+
charts: { overlay: "var(--aquarium-background-color-charts-overlay)" }
|
|
1664
1668
|
},
|
|
1665
1669
|
textColor: {
|
|
1666
1670
|
white: "var(--aquarium-colors-white)",
|
|
@@ -2566,7 +2570,7 @@ var alertStyles = tv5({
|
|
|
2566
2570
|
base: "pt-3 pb-2"
|
|
2567
2571
|
},
|
|
2568
2572
|
false: {
|
|
2569
|
-
base: "py-
|
|
2573
|
+
base: "py-4"
|
|
2570
2574
|
}
|
|
2571
2575
|
}
|
|
2572
2576
|
}
|
|
@@ -3018,7 +3022,7 @@ var checkboxClasses = tv8({
|
|
|
3018
3022
|
slots: {
|
|
3019
3023
|
wrapper: "inline-flex justify-center items-center self-center relative",
|
|
3020
3024
|
input: "peer appearance-none outline-none w-5 h-5 rounded border border-transparent",
|
|
3021
|
-
icon: "absolute top-0 right-0 pointer-events-none p-[2px] w-5 h-5 text-transparent [&>path]:stroke-transparent [&>path]:stroke-[3px] rounded border border-default peer-focus:border-
|
|
3025
|
+
icon: "absolute top-0 right-0 pointer-events-none p-[2px] w-5 h-5 text-transparent [&>path]:stroke-transparent [&>path]:stroke-[3px] rounded border border-default peer-focus:border-action-focus"
|
|
3022
3026
|
},
|
|
3023
3027
|
variants: {
|
|
3024
3028
|
disabled: {
|
|
@@ -3147,7 +3151,7 @@ import { tv as tv12 } from "tailwind-variants";
|
|
|
3147
3151
|
import React26 from "react";
|
|
3148
3152
|
import { tv as tv11 } from "tailwind-variants";
|
|
3149
3153
|
var radioButtonClasses = tv11({
|
|
3150
|
-
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-
|
|
3154
|
+
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-action-focus checked:bg-primary-inverse checked:shadow-bodyInset",
|
|
3151
3155
|
variants: {
|
|
3152
3156
|
disabled: {
|
|
3153
3157
|
true: "cursor-not-allowed border-muted bg-muted checked:bg-intense checked:border-transparent",
|
|
@@ -6242,13 +6246,13 @@ var DATE_FORMAT_OPTIONS = {
|
|
|
6242
6246
|
options: { day: "numeric", month: "numeric", year: "numeric" }
|
|
6243
6247
|
};
|
|
6244
6248
|
var filterWrapper = tv16({
|
|
6245
|
-
base: "rounded-full inline-flex items-center pressed:border-
|
|
6249
|
+
base: "rounded-full inline-flex items-center pressed:border-action-focus justify-between outline-0 outline-none border border-dashed border-default text-default bg-transparent",
|
|
6246
6250
|
variants: {
|
|
6247
6251
|
isHovered: {
|
|
6248
6252
|
true: "hover:bg-muted"
|
|
6249
6253
|
},
|
|
6250
6254
|
isFocusWithin: {
|
|
6251
|
-
true: "border-solid border-
|
|
6255
|
+
true: "border-solid border-action-focus"
|
|
6252
6256
|
},
|
|
6253
6257
|
isInvalid: {
|
|
6254
6258
|
true: "border-solid border-danger-default"
|
|
@@ -7044,8 +7048,8 @@ import { tv as tv22 } from "tailwind-variants";
|
|
|
7044
7048
|
var sectionStyles = tv22({
|
|
7045
7049
|
slots: {
|
|
7046
7050
|
base: "border border-muted rounded-lg",
|
|
7047
|
-
header: "px-5 py-
|
|
7048
|
-
titleContainer: "grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center",
|
|
7051
|
+
header: "px-5 py-3 flex gap-5 justify-between items-center",
|
|
7052
|
+
titleContainer: "grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center min-h-[38px]",
|
|
7049
7053
|
actions: "flex gap-4 justify-end",
|
|
7050
7054
|
body: "p-5 rounded-lg"
|
|
7051
7055
|
},
|
|
@@ -7121,13 +7125,13 @@ var getValues = (children) => {
|
|
|
7121
7125
|
return values?.filter((v) => v !== void 0 && v !== null) ?? [];
|
|
7122
7126
|
};
|
|
7123
7127
|
var inputContainerClasses = tv23({
|
|
7124
|
-
base: "relative rounded typography-default-strong w-full flex flex-row items-center bg-body focus
|
|
7128
|
+
base: "relative rounded typography-default-strong w-full flex flex-row items-center bg-body focus:outline-none focus-visible:border-action-focus group",
|
|
7125
7129
|
variants: {
|
|
7126
7130
|
variant: {
|
|
7127
7131
|
default: "border px-3 py-[6px] border-default hover:border-intense",
|
|
7128
7132
|
disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-medium",
|
|
7129
7133
|
error: "border px-3 py-[6px] border-danger-default",
|
|
7130
|
-
focused: "border px-3 py-[6px] border-
|
|
7134
|
+
focused: "border px-3 py-[6px] border-action-focus",
|
|
7131
7135
|
readOnly: "cursor-default border-default bg-transparent"
|
|
7132
7136
|
}
|
|
7133
7137
|
}
|
|
@@ -7382,16 +7386,17 @@ import { tv as tv25 } from "tailwind-variants";
|
|
|
7382
7386
|
var switchStyles = tv25({
|
|
7383
7387
|
slots: {
|
|
7384
7388
|
wrapper: "relative inline-flex justify-center items-center self-center group",
|
|
7385
|
-
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",
|
|
7389
|
+
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 focus-visible:ring-action-focus",
|
|
7386
7390
|
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"
|
|
7387
7391
|
},
|
|
7388
7392
|
variants: {
|
|
7389
7393
|
disabled: {
|
|
7390
7394
|
true: {
|
|
7391
|
-
input: "bg-medium checked:opacity-50 checked:bg-
|
|
7395
|
+
input: "bg-medium checked:opacity-50 checked:bg-intense",
|
|
7396
|
+
thumb: "peer-checked/switch:text-inactive"
|
|
7392
7397
|
},
|
|
7393
7398
|
false: {
|
|
7394
|
-
input: "bg-
|
|
7399
|
+
input: "bg-medium hover:bg-intense checked:bg-primary-graphic hover:checked:bg-primary-inverse",
|
|
7395
7400
|
thumb: "shadow-4dp"
|
|
7396
7401
|
}
|
|
7397
7402
|
}
|
package/dist/charts.cjs
CHANGED
|
@@ -168,10 +168,9 @@ var ResponsiveContainer = ({
|
|
|
168
168
|
"div",
|
|
169
169
|
{
|
|
170
170
|
className: (0, import_clsx.clsx)("absolute inset-0 transition-colors flex items-center justify-center", {
|
|
171
|
-
"delay-300 z-40": isBusy
|
|
171
|
+
"delay-300 z-40 bg-charts-overlay": isBusy
|
|
172
172
|
// z-40 is to make sure the loading element is on top of the chart because by default the chart is at higher stack level as mentioned in the comment below
|
|
173
|
-
})
|
|
174
|
-
style: isBusy ? { backgroundColor: "rgba(255, 255, 255, 0.5)" } : {}
|
|
173
|
+
})
|
|
175
174
|
},
|
|
176
175
|
/* @__PURE__ */ import_react.default.createElement(
|
|
177
176
|
"span",
|
|
@@ -273,11 +272,14 @@ var tokens_default = {
|
|
|
273
272
|
},
|
|
274
273
|
"icon-button": {
|
|
275
274
|
hover: "rgba(25,25,29,.05)"
|
|
275
|
+
},
|
|
276
|
+
charts: {
|
|
277
|
+
overlay: "rgba(255,255,255,0.5)"
|
|
276
278
|
}
|
|
277
279
|
},
|
|
278
280
|
borderColor: {
|
|
279
|
-
muted: "rgba(
|
|
280
|
-
default: "rgba(
|
|
281
|
+
muted: "rgba(225,225,225,1)",
|
|
282
|
+
default: "rgba(181,181,183,1)",
|
|
281
283
|
intense: "rgba(45,46,48,1)",
|
|
282
284
|
primary: {
|
|
283
285
|
muted: "rgba(183,242,241,1)",
|
|
@@ -290,7 +292,7 @@ var tokens_default = {
|
|
|
290
292
|
default: "rgba(0,128,124,1)",
|
|
291
293
|
active: "rgba(46,208,205,1)",
|
|
292
294
|
hover: "rgba(27,178,176,1)",
|
|
293
|
-
disabled: "rgba(
|
|
295
|
+
disabled: "rgba(225,225,225,1)"
|
|
294
296
|
}
|
|
295
297
|
},
|
|
296
298
|
info: {
|
|
@@ -451,7 +453,7 @@ var tokens_default = {
|
|
|
451
453
|
"0": "rgba(250,250,250,1)",
|
|
452
454
|
"5": "rgba(244,244,244,1)",
|
|
453
455
|
"10": "rgba(235,235,235,1)",
|
|
454
|
-
"20": "rgba(
|
|
456
|
+
"20": "rgba(225,225,225,1)",
|
|
455
457
|
"30": "rgba(181,181,183,1)",
|
|
456
458
|
"40": "rgba(145,146,148,1)",
|
|
457
459
|
"50": "rgba(104,105,107,1)",
|
package/dist/charts.mjs
CHANGED
|
@@ -28,10 +28,9 @@ var ResponsiveContainer = ({
|
|
|
28
28
|
"div",
|
|
29
29
|
{
|
|
30
30
|
className: clsx("absolute inset-0 transition-colors flex items-center justify-center", {
|
|
31
|
-
"delay-300 z-40": isBusy
|
|
31
|
+
"delay-300 z-40 bg-charts-overlay": isBusy
|
|
32
32
|
// z-40 is to make sure the loading element is on top of the chart because by default the chart is at higher stack level as mentioned in the comment below
|
|
33
|
-
})
|
|
34
|
-
style: isBusy ? { backgroundColor: "rgba(255, 255, 255, 0.5)" } : {}
|
|
33
|
+
})
|
|
35
34
|
},
|
|
36
35
|
/* @__PURE__ */ React.createElement(
|
|
37
36
|
"span",
|
|
@@ -133,11 +132,14 @@ var tokens_default = {
|
|
|
133
132
|
},
|
|
134
133
|
"icon-button": {
|
|
135
134
|
hover: "rgba(25,25,29,.05)"
|
|
135
|
+
},
|
|
136
|
+
charts: {
|
|
137
|
+
overlay: "rgba(255,255,255,0.5)"
|
|
136
138
|
}
|
|
137
139
|
},
|
|
138
140
|
borderColor: {
|
|
139
|
-
muted: "rgba(
|
|
140
|
-
default: "rgba(
|
|
141
|
+
muted: "rgba(225,225,225,1)",
|
|
142
|
+
default: "rgba(181,181,183,1)",
|
|
141
143
|
intense: "rgba(45,46,48,1)",
|
|
142
144
|
primary: {
|
|
143
145
|
muted: "rgba(183,242,241,1)",
|
|
@@ -150,7 +152,7 @@ var tokens_default = {
|
|
|
150
152
|
default: "rgba(0,128,124,1)",
|
|
151
153
|
active: "rgba(46,208,205,1)",
|
|
152
154
|
hover: "rgba(27,178,176,1)",
|
|
153
|
-
disabled: "rgba(
|
|
155
|
+
disabled: "rgba(225,225,225,1)"
|
|
154
156
|
}
|
|
155
157
|
},
|
|
156
158
|
info: {
|
|
@@ -311,7 +313,7 @@ var tokens_default = {
|
|
|
311
313
|
"0": "rgba(250,250,250,1)",
|
|
312
314
|
"5": "rgba(244,244,244,1)",
|
|
313
315
|
"10": "rgba(235,235,235,1)",
|
|
314
|
-
"20": "rgba(
|
|
316
|
+
"20": "rgba(225,225,225,1)",
|
|
315
317
|
"30": "rgba(181,181,183,1)",
|
|
316
318
|
"40": "rgba(145,146,148,1)",
|
|
317
319
|
"50": "rgba(104,105,107,1)",
|
|
@@ -51,7 +51,7 @@ export const buttonClasses = tv({
|
|
|
51
51
|
kind: {
|
|
52
52
|
primary: 'Aquarium-Button.Primary text-opposite-default bg-action-primary-button-default icon-stroke-2 rounded-full',
|
|
53
53
|
secondary: 'Aquarium-Button.Secondary text-primary-default bg-body before:absolute before:inset-0 rounded-full before:border before:border-action-secondary-button-default before:rounded-full icon-stroke-2',
|
|
54
|
-
ghost: 'Aquarium-Button.Ghost text-primary-default px-0
|
|
54
|
+
ghost: 'Aquarium-Button.Ghost text-primary-default px-0 icon-stroke-2 rounded',
|
|
55
55
|
text: 'Aquarium-Button.Text p-0 icon-stroke-2 rounded',
|
|
56
56
|
icon: 'Aquarium-Button.Icon text-default p-2 rounded',
|
|
57
57
|
},
|
|
@@ -95,4 +95,4 @@ export const Icon = (_a) => {
|
|
|
95
95
|
var { dense = false } = _a, props = __rest(_a, ["dense"]);
|
|
96
96
|
return (React.createElement(_Icon, Object.assign({}, props, { width: iconSize(dense), height: iconSize(dense) })));
|
|
97
97
|
};
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0J1dHRvbi9CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxJQUFJLElBQUksS0FBSyxFQUFrQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNuRCxPQUFPLEVBQUUsY0FBYyxFQUFFLHFCQUFxQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFJNUUsTUFBTSxrQkFBa0IsR0FBRyxFQUFFLENBQUM7SUFDNUIsTUFBTSxFQUFFLGNBQWM7SUFDdEIsSUFBSSxFQUFFLHdCQUF3QjtJQUM5QixRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUU7Z0JBQ1AsY0FBYztnQkFDZCxxRUFBcUU7Z0JBQ3JFLHNDQUFzQztnQkFDdEMsNENBQTRDO2FBQzdDO1lBQ0QsU0FBUyxFQUFFO2dCQUNULGNBQWM7Z0JBQ2Qsb0lBQW9JO2dCQUNwSSxzR0FBc0c7Z0JBQ3RHLCtFQUErRTthQUNoRjtZQUNELEtBQUssRUFBRSxxQkFBcUIsRUFBRTtZQUM5QixJQUFJLEVBQUUscUJBQXFCLEVBQUU7WUFDN0IsSUFBSSxFQUFFLDJFQUEyRTtTQUNsRjtRQUNELFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRSxvQkFBb0I7U0FDM0I7UUFDRCxPQUFPLEVBQUU7WUFDUCxJQUFJLEVBQUUsa0JBQWtCO1NBQ3pCO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsRUFBRSxD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
|
|
@@ -18,7 +18,7 @@ const checkboxClasses = tv({
|
|
|
18
18
|
slots: {
|
|
19
19
|
wrapper: 'inline-flex justify-center items-center self-center relative',
|
|
20
20
|
input: 'peer appearance-none outline-none w-5 h-5 rounded border border-transparent',
|
|
21
|
-
icon: 'absolute top-0 right-0 pointer-events-none p-[2px] w-5 h-5 text-transparent [&>path]:stroke-transparent [&>path]:stroke-[3px] rounded border border-default peer-focus:border-
|
|
21
|
+
icon: 'absolute top-0 right-0 pointer-events-none p-[2px] w-5 h-5 text-transparent [&>path]:stroke-transparent [&>path]:stroke-[3px] rounded border border-default peer-focus:border-action-focus',
|
|
22
22
|
},
|
|
23
23
|
variants: {
|
|
24
24
|
disabled: {
|
|
@@ -23,13 +23,13 @@ const DATE_FORMAT_OPTIONS = {
|
|
|
23
23
|
options: { day: 'numeric', month: 'numeric', year: 'numeric' },
|
|
24
24
|
};
|
|
25
25
|
const filterWrapper = tv({
|
|
26
|
-
base: 'rounded-full inline-flex items-center pressed:border-
|
|
26
|
+
base: 'rounded-full inline-flex items-center pressed:border-action-focus justify-between outline-0 outline-none border border-dashed border-default text-default bg-transparent',
|
|
27
27
|
variants: {
|
|
28
28
|
isHovered: {
|
|
29
29
|
true: 'hover:bg-muted',
|
|
30
30
|
},
|
|
31
31
|
isFocusWithin: {
|
|
32
|
-
true: 'border-solid border-
|
|
32
|
+
true: 'border-solid border-action-focus',
|
|
33
33
|
},
|
|
34
34
|
isInvalid: {
|
|
35
35
|
true: 'border-solid border-danger-default',
|
|
@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import { tv } from 'tailwind-variants';
|
|
14
14
|
const radioButtonClasses = tv({
|
|
15
|
-
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-
|
|
15
|
+
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-action-focus checked:bg-primary-inverse checked:shadow-bodyInset',
|
|
16
16
|
variants: {
|
|
17
17
|
disabled: {
|
|
18
18
|
true: 'cursor-not-allowed border-muted bg-muted checked:bg-intense checked:border-transparent',
|
|
@@ -20,8 +20,8 @@ import caretUp from '../../../src/icons/caretUp';
|
|
|
20
20
|
const sectionStyles = tv({
|
|
21
21
|
slots: {
|
|
22
22
|
base: 'border border-muted rounded-lg',
|
|
23
|
-
header: 'px-5 py-
|
|
24
|
-
titleContainer: 'grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center',
|
|
23
|
+
header: 'px-5 py-3 flex gap-5 justify-between items-center',
|
|
24
|
+
titleContainer: 'grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center min-h-[38px]',
|
|
25
25
|
actions: 'flex gap-4 justify-end',
|
|
26
26
|
body: 'p-5 rounded-lg',
|
|
27
27
|
},
|
|
@@ -76,4 +76,4 @@ Section.Body = (_a) => {
|
|
|
76
76
|
return (React.createElement("div", Object.assign({}, rest, { className: body({ className }) }),
|
|
77
77
|
React.createElement(BaseTypography, { htmlTag: "div", color: "default" }, children)));
|
|
78
78
|
};
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TZWN0aW9uL1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWdCeEMsTUFBTSxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLEtBQUssRUFBRTtRQUNMLElBQUksRUFBRSxnQ0FBZ0M7UUFDdEMsTUFBTSxFQUFFLG1EQUFtRDtRQUMzRCxjQUFjLEVBQUUsMEVBQTBFO1FBQzFGLE9BQU8sRUFBRSx3QkFBd0I7UUFDakMsSUFBSSxFQUFFLGdCQUFnQjtLQUN2QjtJQUNELFFBQVEsRUFBRTtRQUNSLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRSxFQUFFLE1BQU0sRUFBRSxrQ0FBa0MsRUFBRTtTQUNyRDtRQUNELFdBQVcsRUFBRTtZQUNYLElBQUksRUFBRSxFQUFFLGNBQWMsRUFBRSxtREFBbUQsRUFBRTtZQUM3RSxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsa0NBQWtDLEVBQUU7U0FDdEQ7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBc0UsQ0FBQyxFQUkxRixFQUFFLEVBQUU7UUFKc0Ys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
|
|
@@ -37,13 +37,13 @@ export const getValues = (children) => {
|
|
|
37
37
|
return (_a = values === null || values === void 0 ? void 0 : values.filter((v) => v !== undefined && v !== null)) !== null && _a !== void 0 ? _a : [];
|
|
38
38
|
};
|
|
39
39
|
const inputContainerClasses = tv({
|
|
40
|
-
base: 'relative rounded typography-default-strong w-full flex flex-row items-center bg-body focus
|
|
40
|
+
base: 'relative rounded typography-default-strong w-full flex flex-row items-center bg-body focus:outline-none focus-visible:border-action-focus group',
|
|
41
41
|
variants: {
|
|
42
42
|
variant: {
|
|
43
43
|
default: 'border px-3 py-[6px] border-default hover:border-intense',
|
|
44
44
|
disabled: 'border px-3 py-[6px] cursor-not-allowed border-default bg-medium',
|
|
45
45
|
error: 'border px-3 py-[6px] border-danger-default',
|
|
46
|
-
focused: 'border px-3 py-[6px] border-
|
|
46
|
+
focused: 'border px-3 py-[6px] border-action-focus',
|
|
47
47
|
readOnly: 'cursor-default border-default bg-transparent',
|
|
48
48
|
},
|
|
49
49
|
},
|
|
@@ -171,4 +171,4 @@ export const Select = {
|
|
|
171
171
|
ActionItem,
|
|
172
172
|
Toggle,
|
|
173
173
|
};
|
|
174
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
174
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFckQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFDNUMsT0FBTyxVQUFVLE1BQU0sa0JBQWtCLENBQUM7QUFDMUMsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFJbEMsTUFBTSxVQUFVLHFCQUFxQixDQUFTLE1BQXFCOztJQUNqRSxJQUFJLE1BQU0sS0FBSyxJQUFJLEVBQUUsQ0FBQztRQUNwQixPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFFRCxJQUFJLE9BQU8sTUFBTSxLQUFLLFFBQVEsRUFBRSxDQUFDO1FBQy9CLE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7SUFFRCx1RUFBdUU7SUFDdkUsT0FBTyxNQUFFLE1BQThCLENBQUMsS0FBZ0IsbUNBQUksRUFBRSxDQUFDO0FBQ2pFLENBQUM7QUFFRCxNQUFNLFVBQVUsdUJBQXVCLENBQVMsTUFBYztJQUM1RCxPQUFPLENBQUMsQ0FBRSxNQUFpQyxDQUFDLFFBQVEsQ0FBQztBQUN2RCxDQUFDO0FBRUQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsUUFBeUIsRUFBWSxFQUFFOztJQUMvRCxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxXQUFDLE9BQUEsTUFBQyxDQUFTLGFBQVQsQ0FBQyx1QkFBRCxDQUFDLENBQVUsS0FBSywwQ0FBRSxLQUFlLENBQUEsRUFBQSxDQUFDLENBQUM7SUFDdkYsdUVBQXVFO0lBQ3ZFLE9BQU8sTUFBQSxNQUFNLGFBQU4sTUFBTSx1QkFBTixNQUFNLENBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssU0FBUyxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsbUNBQUksRUFBRSxDQUFDO0FBQ3BFLENBQUMsQ0FBQztBQU1GLE1BQU0scUJBQXFCLEdBQUcsRUFBRSxDQUFDO0lBQy9CLElBQUksRUFBRSxpSkFBaUo7SUFDdkosUUFBUSxFQUFFO1FBQ1IsT0FBTyxFQUFFO1lBQ1AsT0FBTyxFQUFFLDBEQUEwRDtZQUNuRSxRQUFRLEVBQUUsa0VBQWtFO1lBQzVFLEtBQUssRUFBRSw0Q0FBNEM7WUFDbkQsT0FBTyxFQUFFLDBDQUEwQztZQUNuRCxRQUFRLEVBQUUsOENBQThDO1NBQ3pEO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLFlBQVksR0FBRyxFQUFFLENBQUM7SUFDdEIsSUFBSSxFQUFFLDJLQUEySztJQUNqTCxRQUFRLEVBQUU7UUFDUixRQUFRLEVBQUU7WUFDUixJQUFJLEVBQUUsZUFBZTtZQUNyQixLQUFLLEVBQUUsY0FBYztTQUN0QjtRQUNELFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRSxnQkFBZ0I7WUFDdEIsS0FBSyxFQUFFLEVBQUU7U0FDVjtLQUNGO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLElBQUksRUFBRSx5Q0FBeUM7Q0FDaEQsQ0FBQyxDQUFDO0FBRUgsTUFBTSxnQkFBZ0IsR0FBRyxFQUFFLENBQUM7SUFDMUIsSUFBSSxFQUFFLHNDQUFzQztDQUM3QyxDQUFDLENBQUM7QUFFSCxNQUFNLDBCQUEwQixHQUFHLEVBQUUsQ0FBQztJQUNwQyxJQUFJLEVBQUUsNkNBQTZDO0NBQ3BELENBQUMsQ0FBQztBQUVILE1BQU0sY0FBYyxHQUFHLEVBQUUsQ0FBQztJQUN4QixJQUFJLEVBQUUsbUNBQW1DO0NBQzFDLENBQUMsQ0FBQztBQUVILE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUN0QixJQUFJLEVBQUUsdUdBQXVHO0NBQzlHLENBQUMsQ0FBQztBQUVILE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNyQixJQUFJLEVBQUUsdUVBQXVFO0lBQzdFLFFBQVEsRUFBRTtRQUNSLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRSx5Q0FBeUM7WUFDL0MsS0FBSyxFQUFFLCtCQUErQjtTQUN2QztRQUNELFdBQVcsRUFBRTtZQUNYLElBQUksRUFBRSxVQUFVO1lBQ2hCLEtBQUssRUFBRSxFQUFFO1NBQ1Y7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0saUJBQWlCLEdBQUcsRUFBRSxDQUFDO0lBQzNCLElBQUksRUFBRSw4Q0FBOEM7SUFDcEQsUUFBUSxFQUFFO1FBQ1IsS0FBSyxFQUFFO1lBQ0wsSUFBSSxFQUFFLFdBQVc7WUFDakIsS0FBSyxFQUFFLEtBQUs7U0FDYjtRQUNELFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRSxrQ0FBa0M7WUFDeEMsS0FBSyxFQUFFLGdFQUFnRTtTQUN4RTtLQUNGO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLElBQUksRUFBRSxxQkFBcUI7SUFDM0IsUUFBUSxFQUFFO1FBQ1IsUUFBUSxFQUFFO1lBQ1IsSUFBSSxFQUFFLG9CQUFvQjtZQUMxQixLQUFLLEVBQUUsRUFBRTtTQUNWO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNyQyxDQUFDLEVBQTRDLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBckQsRUFBRSxPQUFPLEdBQUcsU0FBUyxFQUFFLFNBQVMsT0FBWSxFQUFQLEtBQUssY0FBMUMsd0JBQTRDLENBQUY7SUFBWSxPQUFBLENBQ3JELDJDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLHFCQUFxQixDQUFDLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxDQUFDLElBQU0sS0FBSyxFQUFJLENBQ3ZGLENBQUE7Q0FBQSxDQUNGLENBQUM7QUFJRixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQixDQUFDLEVBQWlDLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBMUMsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFZLEVBQVAsS0FBSyxjQUEvQix5QkFBaUMsQ0FBRjtJQUFZLE9BQUEsQ0FDdkcsNkNBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsTUFBTSxtQkFDSSxRQUFRLEVBQ3ZCLFNBQVMsRUFBRSxZQUFZLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsQ0FBQyxJQUN0RixLQUFLLEVBQ1QsQ0FDSCxDQUFBO0NBQUEsQ0FBQyxDQUFDO0FBSUgsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsQ0FBQyxFQUFzRCxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQS9ELEVBQUUsU0FBUyxHQUFHLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFZLEVBQVAsS0FBSyxjQUFwRCxzQ0FBc0QsQ0FBRjtJQUFZLE9BQUEsQ0FDL0QsMENBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsRUFBRSxTQUFTLEVBQUUsV0FBVyxDQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsSUFBTSxLQUFLLEdBQ2pGLFFBQVEsQ0FDTixDQUNOLENBQUE7Q0FBQSxDQUNGLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxDQUFDLEVBQWdDLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBekMsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFZLE9BQUEsQ0FDekMsMENBQUksR0FBRyxFQUFFLEdBQUcsSUFBTSxJQUFJLElBQUUsU0FBUyxFQUFFLGdCQUFnQixDQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsS0FDL0QsUUFBUSxDQUNOLENBQ04sQ0FBQTtDQUFBLENBQ0YsQ0FBQztBQUVGLE1BQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNEIsQ0FBQyxFQUFpQyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQTFDLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBL0IseUJBQWlDLENBQUY7SUFBWSxPQUFBLENBQ2xILDBDQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLDBCQUEwQixDQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsSUFBTSxLQUFLLEdBQzFFLFFBQVEsQ0FDTixDQUNOLENBQUE7Q0FBQSxDQUFDLENBQUM7QUFFSCxNQUFNLE9BQU8sR0FBbUQsQ0FBQyxFQUF1QixFQUFFLEVBQUU7UUFBM0IsRUFBRSxTQUFTLE9BQVksRUFBUCxLQUFLLGNBQXJCLGFBQXVCLENBQUY7SUFBTyxPQUFBLENBQzNGLDJDQUFLLFNBQVMsRUFBRSxjQUFjLENBQUMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxJQUFNLEtBQUssRUFBSSxDQUM3RCxDQUFBO0NBQUEsQ0FBQztBQU9GLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTRCLENBQUMsRUFBaUMsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUExQyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVksRUFBUCxLQUFLLGNBQS9CLHlCQUFpQyxDQUFGO0lBQVksT0FBQSxDQUNwRywwQ0FBSSxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxZQUFZLENBQUMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxJQUFNLEtBQUssR0FDNUQsUUFBUSxDQUNOLENBQ04sQ0FBQTtDQUFBLENBQUMsQ0FBQztBQVFILE1BQU0sZ0JBQWdCLEdBQUcsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQztBQUVuRCxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixDQUFDLEVBQXdELEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBakUsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVksRUFBUCxLQUFLLGNBQXRELG9EQUF3RCxDQUFGO0lBQ3JELE1BQU0sVUFBVSxHQUFHLE9BQU8sQ0FBQyxLQUFLLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztJQUNuRCxPQUFPLENBQ0wsMENBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsV0FBVyxDQUFDLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLENBQUMsSUFBTSxLQUFLO1FBQy9GLDhCQUFNLFNBQVMsRUFBQyxtQkFBbUIsSUFBRSxRQUFRLENBQVE7UUFDcEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxVQUFVLGtCQUFDLElBQUksRUFBRSxJQUFJLElBQU0sZ0JBQWdCLEVBQUksQ0FBQyxDQUFDLENBQUMsNkJBQUssS0FBSyxFQUFFLGdCQUFnQixHQUFJLENBQzVGLENBQ04sQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDO0FBVUYsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDakMsQ0FBQyxFQUErRCxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXhFLEVBQUUsU0FBUyxFQUFFLEtBQUssR0FBRyxLQUFLLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxRQUFRLE9BQVksRUFBUCxLQUFLLGNBQTdELHFEQUErRCxDQUFGO0lBQVksT0FBQSxDQUN4RSwwQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxRQUFRLEVBQ2IsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsSUFBSSxPQUFPLEVBQUUsRUFDM0MsU0FBUyxFQUFFLGlCQUFpQixDQUFDLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxDQUFDLElBQ3hFLEtBQUs7UUFFUixJQUFJLElBQUksb0JBQUMsVUFBVSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUk7UUFDbEMsUUFBUSxDQUNOLENBQ04sQ0FBQTtDQUFBLENBQ0YsQ0FBQztBQVFGLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWlDLENBQUMsRUFBOEIsRUFBRSxHQUFHLEVBQUUsRUFBRTs7UUFBdkMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFZLEVBQVAsS0FBSyxjQUE1QixzQkFBOEIsQ0FBRjtJQUFZLE9BQUEsQ0FDdkcsOENBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsUUFBUSxnQkFDRixRQUFRLElBQ2YsS0FBSyxJQUNULFNBQVMsRUFBRSxhQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsTUFBQSxLQUFLLENBQUMsUUFBUSxtQ0FBSSxLQUFLLEVBQUUsQ0FBQztRQUUvRCxvQkFBQyxVQUFVLElBQ1QsS0FBSyxFQUFFLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUM5QyxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxXQUFXLEdBQzlELENBQ0ssQ0FDVixDQUFBO0NBQUEsQ0FBQyxDQUFDO0FBZUgsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUF3QjtJQUN6QyxjQUFjO0lBQ2QsS0FBSztJQUNMLElBQUk7SUFDSixtQkFBbUI7SUFDbkIsU0FBUztJQUNULE9BQU87SUFDUCxLQUFLO0lBQ0wsSUFBSTtJQUNKLFVBQVU7SUFDVixNQUFNO0NBQ1AsQ0FBQyJ9
|
|
@@ -16,16 +16,17 @@ import ban from '../../../src/icons/ban';
|
|
|
16
16
|
const switchStyles = tv({
|
|
17
17
|
slots: {
|
|
18
18
|
wrapper: 'relative inline-flex justify-center items-center self-center group',
|
|
19
|
-
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',
|
|
19
|
+
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 focus-visible:ring-action-focus',
|
|
20
20
|
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',
|
|
21
21
|
},
|
|
22
22
|
variants: {
|
|
23
23
|
disabled: {
|
|
24
24
|
true: {
|
|
25
|
-
input: 'bg-medium checked:opacity-50 checked:bg-
|
|
25
|
+
input: 'bg-medium checked:opacity-50 checked:bg-intense',
|
|
26
|
+
thumb: 'peer-checked/switch:text-inactive',
|
|
26
27
|
},
|
|
27
28
|
false: {
|
|
28
|
-
input: 'bg-
|
|
29
|
+
input: 'bg-medium hover:bg-intense checked:bg-primary-graphic hover:checked:bg-primary-inverse',
|
|
29
30
|
thumb: 'shadow-4dp',
|
|
30
31
|
},
|
|
31
32
|
},
|
|
@@ -38,4 +39,4 @@ export const Switch = React.forwardRef((_a, ref) => {
|
|
|
38
39
|
React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: input(), readOnly: readOnly, disabled: disabled })),
|
|
39
40
|
React.createElement("span", { className: thumb() }, disabled && React.createElement(Icon, { icon: ban, width: "10px", height: "10px" }))));
|
|
40
41
|
});
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL1N3aXRjaC9Td2l0Y2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFL0MsT0FBTyxHQUFHLE1BQU0sZUFBZSxDQUFDO0FBV2hDLE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUN0QixLQUFLLEVBQUU7UUFDTCxPQUFPLEVBQUUsb0VBQW9FO1FBQzdFLEtBQUssRUFDSCxtTUFBbU07UUFDck0sS0FBSyxFQUNILGlRQUFpUTtLQUNwUTtJQUNELFFBQVEsRUFBRTtRQUNSLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRTtnQkFDSixLQUFLLEVBQUUsaURBQWlEO2dCQUN4RCxLQUFLLEVBQUUsbUNBQW1DO2FBQzNDO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLEtBQUssRUFBRSx3RkFBd0Y7Z0JBQy9GLEtBQUssRUFBRSxZQUFZO2FBQ3BCO1NBQ0Y7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQ2pFLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLFlBQVksQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDN0QsT0FBTyxDQUNMLDhCQUFNLFNBQVMsRUFBRSxPQUFPLEVBQUU7UUFDeEIsNkNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFFLElBQUksSUFDTixLQUFLLElBQ1QsU0FBUyxFQUFFLEtBQUssRUFBRSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLDhCQUFNLFNBQVMsRUFBRSxLQUFLLEVBQUUsSUFBRyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUMsTUFBTSxHQUFHLENBQVEsQ0FDeEYsQ0FDUixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
|