@ctlyst.id/internal-ui 2.1.16 → 2.1.17
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/components/accordion/__stories__/accordion.stories.d.ts +9 -0
- package/dist/components/accordion/components/accordion-indicator.d.ts +1 -0
- package/dist/components/accordion/components/index.d.ts +2 -0
- package/dist/components/accordion/index.d.ts +1 -0
- package/dist/components/alert/__stories__/alert.stories.d.ts +11 -0
- package/dist/components/alert/components/alert-action.d.ts +6 -0
- package/dist/components/alert/components/alert-close.d.ts +6 -0
- package/dist/components/alert/components/alert-context.d.ts +33 -0
- package/dist/components/alert/components/alert-description.d.ts +3 -0
- package/dist/components/alert/components/alert-icon.d.ts +6 -0
- package/dist/components/alert/components/alert-title.d.ts +3 -0
- package/dist/components/alert/components/alert.d.ts +25 -0
- package/dist/components/alert/components/icons.d.ts +3 -0
- package/dist/components/alert/components/index.d.ts +14 -0
- package/dist/components/alert/index.d.ts +1 -0
- package/dist/components/anchor/__stories__/anchor.stories.d.ts +9 -0
- package/dist/components/anchor/components/anchor.d.ts +20 -0
- package/dist/components/anchor/components/index.d.ts +1 -0
- package/dist/components/anchor/index.d.ts +1 -0
- package/dist/components/badge/__stories__/badge.stories.d.ts +15 -0
- package/dist/components/badge/components/badge.d.ts +11 -0
- package/dist/components/badge/components/index.d.ts +1 -0
- package/dist/components/badge/index.d.ts +1 -0
- package/dist/components/breadcrumb/__stories__/breadcrumb.stories.d.ts +8 -0
- package/dist/components/breadcrumb/components/bread-crumb.d.ts +18 -0
- package/dist/components/breadcrumb/index.d.ts +2 -0
- package/dist/components/button/__stories__/button.stories.d.ts +12 -0
- package/dist/components/button/components/button.d.ts +4 -0
- package/dist/components/button/index.d.ts +3 -0
- package/dist/components/card/__stories__/card.stories.d.ts +8 -0
- package/dist/components/card/components/card.d.ts +8 -0
- package/dist/components/card/index.d.ts +2 -0
- package/dist/components/checkbox/__stories__/checkbox.stories.d.ts +13 -0
- package/dist/components/checkbox/components/checkbox-group.d.ts +18 -0
- package/dist/components/checkbox/components/checkbox.d.ts +10 -0
- package/dist/components/checkbox/index.d.ts +5 -0
- package/dist/components/chips/__stories__/chips.stories.d.ts +9 -0
- package/dist/components/chips/components/chips.d.ts +19 -0
- package/dist/components/chips/index.d.ts +2 -0
- package/dist/components/collapse/__stories__/collapse.stories.d.ts +7 -0
- package/dist/components/counter/__stories__/counter.stories.d.ts +10 -0
- package/dist/components/counter/components/counter.d.ts +15 -0
- package/dist/components/counter/index.d.ts +1 -0
- package/dist/components/data-table/__stories__/datatable.stories.d.ts +21 -0
- package/dist/components/data-table/components/data-table.d.ts +30 -0
- package/dist/components/data-table/index.d.ts +3 -0
- package/dist/components/data-table/types/table-core.d.ts +1 -0
- package/dist/components/datepicker/__stories__/datepicker.stories.d.ts +13 -0
- package/dist/components/datepicker/components/datepicker-month/datepicker-month.d.ts +9 -0
- package/dist/components/datepicker/components/datepicker-month/index.d.ts +4 -0
- package/dist/components/datepicker/components/datepicker-month/multi-datepicker-month.d.ts +9 -0
- package/dist/components/datepicker/components/datepicker.d.ts +17 -0
- package/dist/components/datepicker/components/styles.d.ts +2 -0
- package/dist/components/datepicker/components/time-input.d.ts +9 -0
- package/dist/components/datepicker/index.d.ts +3 -0
- package/dist/components/dialog/__stories__/dialog.stories.d.ts +7 -0
- package/dist/components/dialog/components/dialog.d.ts +12 -0
- package/dist/components/dialog/index.d.ts +1 -0
- package/dist/components/empty-state/__stories__/dialog.stories.d.ts +7 -0
- package/dist/components/field/__stories__/field.stories.d.ts +7 -0
- package/dist/components/field/components/field.d.ts +15 -0
- package/dist/components/field/index.d.ts +2 -0
- package/dist/components/form/__stories__/input.stories.d.ts +15 -0
- package/dist/components/form/__stories__/textarea.stories.d.ts +7 -0
- package/dist/components/form/components/input-addon.d.ts +7 -0
- package/dist/components/form/components/input-element.d.ts +2 -0
- package/dist/components/form/components/input-field.d.ts +13 -0
- package/dist/components/form/components/textarea.d.ts +8 -0
- package/dist/components/form/index.d.ts +7 -0
- package/dist/components/form/styles/input-field.d.ts +4 -0
- package/dist/components/header/__stories__/header.stories.d.ts +9 -0
- package/dist/components/header/components/header.d.ts +19 -0
- package/dist/components/header/components/logo.d.ts +10 -0
- package/dist/components/header/components/profile.d.ts +11 -0
- package/dist/components/header/components/switch-mode.d.ts +3 -0
- package/dist/components/header/components/version.d.ts +10 -0
- package/dist/components/header/index.d.ts +3 -0
- package/dist/components/header/types.d.ts +10 -0
- package/dist/components/header/utils/formatter.d.ts +2 -0
- package/dist/components/image/__stories__/image.stories.d.ts +9 -0
- package/dist/components/image/index.d.ts +1 -0
- package/dist/components/index.d.ts +34 -0
- package/dist/components/layouting/index.d.ts +1 -0
- package/dist/components/list/index.d.ts +1 -0
- package/dist/components/loader/__stories__/loader.stories.d.ts +9 -0
- package/dist/components/loader/components/loader.d.ts +10 -0
- package/dist/components/loader/index.d.ts +3 -0
- package/dist/components/modal/__stories__/modal.stories.d.ts +7 -0
- package/dist/components/modal/components/modal-body.d.ts +4 -0
- package/dist/components/modal/components/modal-close-button.d.ts +4 -0
- package/dist/components/modal/components/modal-footer.d.ts +4 -0
- package/dist/components/modal/components/modal-header.d.ts +4 -0
- package/dist/components/modal/index.d.ts +5 -0
- package/dist/components/navigation/__stories__/navigation.stories.d.ts +8 -0
- package/dist/components/navigation/components/customer-icon.d.ts +2 -0
- package/dist/components/navigation/components/mapping-icon.d.ts +2 -0
- package/dist/components/navigation/components/navigation-bar.d.ts +12 -0
- package/dist/components/navigation/components/navigation.d.ts +11 -0
- package/dist/components/navigation/index.d.ts +4 -0
- package/dist/components/navigation/types.d.ts +24 -0
- package/dist/components/pagination/__stories__/pagination.stories.d.ts +10 -0
- package/dist/components/pagination/components/pagination-button-trigger.d.ts +10 -0
- package/dist/components/pagination/components/pagination-button.d.ts +6 -0
- package/dist/components/pagination/components/pagination-detail.d.ts +10 -0
- package/dist/components/pagination/components/pagination-filter.d.ts +13 -0
- package/dist/components/pagination/components/pagination.d.ts +16 -0
- package/dist/components/pagination/index.d.ts +6 -0
- package/dist/components/popover/index.d.ts +1 -0
- package/dist/components/radio/__stories__/radio.stories.d.ts +13 -0
- package/dist/components/radio/components/radio-group.d.ts +18 -0
- package/dist/components/radio/components/radio.d.ts +17 -0
- package/dist/components/radio/index.d.ts +3 -0
- package/dist/components/rating/__stories__/rating.stories.d.ts +7 -0
- package/dist/components/rating/components/rating.d.ts +6 -0
- package/dist/components/rating/index.d.ts +2 -0
- package/dist/components/select/__stories__/select.stories.d.ts +10 -0
- package/dist/components/select/components/select-async-creatable.d.ts +5 -0
- package/dist/components/select/components/select-async.d.ts +6 -0
- package/dist/components/select/components/select-creatable.d.ts +5 -0
- package/dist/components/select/components/select-wrapper.d.ts +6 -0
- package/dist/components/select/components/select.d.ts +5 -0
- package/dist/components/select/components/types/select.types.d.ts +3 -0
- package/dist/components/select/components/utils.d.ts +26 -0
- package/dist/components/select/index.d.ts +8 -0
- package/dist/components/switch/__stories__/switch.stories.d.ts +10 -0
- package/dist/components/switch/components/switch.d.ts +18 -0
- package/dist/components/switch/index.d.ts +2 -0
- package/dist/components/table/index.d.ts +1 -0
- package/dist/components/tabs/__stories__/tabs.stories.d.ts +8 -0
- package/dist/components/tabs/components/tab.d.ts +12 -0
- package/dist/components/tabs/index.d.ts +2 -0
- package/dist/components/text/index.d.ts +1 -0
- package/dist/components/toast/__stories__/toast.stories.d.ts +12 -0
- package/dist/components/toast/components/toast.d.ts +21 -0
- package/dist/components/toast/index.d.ts +1 -0
- package/dist/components/tooltip/__stories__/tooltip.stories.d.ts +7 -0
- package/dist/components/tooltip/index.d.ts +1 -0
- package/dist/components/uploader/__stories__/uploader.stories.d.ts +9 -0
- package/dist/components/uploader/components/uploader.d.ts +12 -0
- package/dist/components/uploader/constants.d.ts +8 -0
- package/dist/components/uploader/index.d.ts +2 -0
- package/dist/config/__stories__/foundations.stories.d.ts +15 -0
- package/dist/config/__stories__/globals.stories.d.ts +10 -0
- package/dist/config/index.d.ts +1 -0
- package/dist/config/theme/components/accordion.d.ts +53 -0
- package/dist/config/theme/components/alert.d.ts +69 -0
- package/dist/config/theme/components/badge.d.ts +3 -0
- package/dist/config/theme/components/button.d.ts +3 -0
- package/dist/config/theme/components/card.d.ts +18 -0
- package/dist/config/theme/components/checkbox.d.ts +101 -0
- package/dist/config/theme/components/chips.d.ts +34 -0
- package/dist/config/theme/components/form-label.d.ts +20 -0
- package/dist/config/theme/components/index.d.ts +16 -0
- package/dist/config/theme/components/input.d.ts +101 -0
- package/dist/config/theme/components/loader.d.ts +85 -0
- package/dist/config/theme/components/popover.d.ts +3 -0
- package/dist/config/theme/components/radio.d.ts +102 -0
- package/dist/config/theme/components/switch.d.ts +75 -0
- package/dist/config/theme/components/table.d.ts +180 -0
- package/dist/config/theme/components/tabs.d.ts +30 -0
- package/dist/config/theme/components/textarea.d.ts +55 -0
- package/dist/config/theme/foundations/index.d.ts +5 -0
- package/dist/config/theme/foundations/radius.d.ts +8 -0
- package/dist/config/theme/foundations/shadows.d.ts +15 -0
- package/dist/config/theme/foundations/sizes.d.ts +66 -0
- package/dist/config/theme/foundations/spacing.d.ts +42 -0
- package/dist/config/theme/foundations/typography.d.ts +191 -0
- package/dist/config/theme/index.d.ts +1 -0
- package/dist/config/theme/themeConfiguration.d.ts +6 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/useFetcher.d.ts +4 -0
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +546 -547
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +71 -73
- package/dist/index.mjs.map +1 -1
- package/dist/interfaces/common.d.ts +17 -0
- package/dist/internal-ui.cjs.development.js +6119 -0
- package/dist/internal-ui.cjs.development.js.map +1 -0
- package/dist/internal-ui.cjs.production.min.js +38 -0
- package/dist/internal-ui.cjs.production.min.js.map +1 -0
- package/dist/internal-ui.esm.js +5082 -0
- package/dist/internal-ui.esm.js.map +1 -0
- package/dist/provider/__stories__/provider.stories.d.ts +13 -0
- package/dist/provider/components/provider.d.ts +7 -0
- package/dist/provider/index.d.ts +3 -0
- package/dist/provider/types.d.ts +14 -0
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
@@ -590,11 +590,21 @@ import { FiMinus, FiPlus } from "react-icons/fi";
|
|
590
590
|
// src/components/form/components/input-addon.tsx
|
591
591
|
import { InputLeftAddon, InputRightAddon } from "@chakra-ui/react";
|
592
592
|
import { jsx as jsx19 } from "react/jsx-runtime";
|
593
|
-
var InputAddonLeft = ({ children }) => {
|
594
|
-
return /* @__PURE__ */ jsx19(InputLeftAddon, { backgroundColor: "neutral.200", px: 3, py: 2.5, style: { border: 0, marginInlineEnd: 0 }, children });
|
593
|
+
var InputAddonLeft = ({ children, ...props }) => {
|
594
|
+
return /* @__PURE__ */ jsx19(InputLeftAddon, { backgroundColor: "neutral.200", px: 3, py: 2.5, style: { border: 0, marginInlineEnd: 0 }, ...props, children });
|
595
595
|
};
|
596
|
-
var InputAddonRight = ({ children }) => {
|
597
|
-
return /* @__PURE__ */ jsx19(
|
596
|
+
var InputAddonRight = ({ children, ...props }) => {
|
597
|
+
return /* @__PURE__ */ jsx19(
|
598
|
+
InputRightAddon,
|
599
|
+
{
|
600
|
+
backgroundColor: "neutral.200",
|
601
|
+
px: 3,
|
602
|
+
py: 2.5,
|
603
|
+
style: { border: 0, marginInlineStart: 0 },
|
604
|
+
...props,
|
605
|
+
children
|
606
|
+
}
|
607
|
+
);
|
598
608
|
};
|
599
609
|
|
600
610
|
// src/components/form/components/input-element.tsx
|
@@ -605,40 +615,6 @@ import { InputRightElement } from "@chakra-ui/react";
|
|
605
615
|
import { Box as Box9, Input as ChakraInput, InputGroup } from "@chakra-ui/react";
|
606
616
|
import { Close as Close3, Eye as Eye2, EyeOff } from "@ctlyst.id/internal-icon";
|
607
617
|
import React3, { useMemo as useMemo2, useState } from "react";
|
608
|
-
|
609
|
-
// src/components/form/styles/input-field.ts
|
610
|
-
import { defineStyle } from "@chakra-ui/react";
|
611
|
-
var getProperties = (props) => {
|
612
|
-
const { isError, isDisabled, isSuccess } = props;
|
613
|
-
let outlineColor = "neutral.400";
|
614
|
-
let focusColor = "primary.500";
|
615
|
-
if (isError || isDisabled || isSuccess) {
|
616
|
-
if (isError) outlineColor = "danger.500";
|
617
|
-
else if (isSuccess) outlineColor = "success.500";
|
618
|
-
focusColor = outlineColor;
|
619
|
-
}
|
620
|
-
return {
|
621
|
-
outlineColor,
|
622
|
-
focusColor
|
623
|
-
};
|
624
|
-
};
|
625
|
-
var getWrapperStyle = (props) => {
|
626
|
-
const { outlineColor, focusColor } = getProperties(props);
|
627
|
-
const style = {
|
628
|
-
border: "1px solid",
|
629
|
-
borderColor: outlineColor,
|
630
|
-
borderRadius: "sm",
|
631
|
-
transition: "all 0.15s",
|
632
|
-
boxShadow: "none",
|
633
|
-
_focusWithin: {
|
634
|
-
borderColor: focusColor
|
635
|
-
}
|
636
|
-
};
|
637
|
-
return defineStyle(style);
|
638
|
-
};
|
639
|
-
var input_field_default = getWrapperStyle;
|
640
|
-
|
641
|
-
// src/components/form/components/input-field.tsx
|
642
618
|
import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
|
643
619
|
var InputField = React3.forwardRef((props, ref) => {
|
644
620
|
const {
|
@@ -660,7 +636,19 @@ var InputField = React3.forwardRef((props, ref) => {
|
|
660
636
|
isLoading,
|
661
637
|
...inputProps
|
662
638
|
} = props;
|
663
|
-
const
|
639
|
+
const getProperties = () => {
|
640
|
+
let outlineColor2 = "neutral.400";
|
641
|
+
let focusColor2 = "primary.500";
|
642
|
+
if (isError || isDisabled || isSuccess) {
|
643
|
+
if (isError) outlineColor2 = "danger.500";
|
644
|
+
else if (isSuccess) outlineColor2 = "success.500";
|
645
|
+
focusColor2 = outlineColor2;
|
646
|
+
}
|
647
|
+
return {
|
648
|
+
outlineColor: outlineColor2,
|
649
|
+
focusColor: focusColor2
|
650
|
+
};
|
651
|
+
};
|
664
652
|
const [isShowPassword, setIsShowPassword] = useState(false);
|
665
653
|
const inputType = useMemo2(() => {
|
666
654
|
return type === "password" && isShowPassword ? "text" : type;
|
@@ -674,6 +662,7 @@ var InputField = React3.forwardRef((props, ref) => {
|
|
674
662
|
const iconColor = useMemo2(() => {
|
675
663
|
return isDisabled ? "black.low" : "black.medium";
|
676
664
|
}, [isDisabled]);
|
665
|
+
const { outlineColor, focusColor } = getProperties();
|
677
666
|
return /* @__PURE__ */ jsx20(
|
678
667
|
field_default,
|
679
668
|
{
|
@@ -684,7 +673,7 @@ var InputField = React3.forwardRef((props, ref) => {
|
|
684
673
|
leftHelperText,
|
685
674
|
rightHelperText,
|
686
675
|
isRequired,
|
687
|
-
children: /* @__PURE__ */ jsx20(Box9, {
|
676
|
+
children: /* @__PURE__ */ jsx20(Box9, { children: /* @__PURE__ */ jsxs6(
|
688
677
|
InputGroup,
|
689
678
|
{
|
690
679
|
size: size2,
|
@@ -701,6 +690,14 @@ var InputField = React3.forwardRef((props, ref) => {
|
|
701
690
|
value,
|
702
691
|
isDisabled,
|
703
692
|
isSuccess,
|
693
|
+
transition: "all 0.15s",
|
694
|
+
boxShadow: "none",
|
695
|
+
borderRadius: "sm",
|
696
|
+
border: "1px solid",
|
697
|
+
borderColor: outlineColor,
|
698
|
+
_focusWithin: {
|
699
|
+
borderColor: focusColor
|
700
|
+
},
|
704
701
|
...inputProps,
|
705
702
|
fontSize
|
706
703
|
}
|
@@ -762,6 +759,7 @@ var InputField = React3.forwardRef((props, ref) => {
|
|
762
759
|
}
|
763
760
|
);
|
764
761
|
});
|
762
|
+
InputField.displayName = "InputField";
|
765
763
|
InputField.defaultProps = {
|
766
764
|
addOnLeft: void 0,
|
767
765
|
addOnRight: void 0,
|
@@ -769,7 +767,7 @@ InputField.defaultProps = {
|
|
769
767
|
isLoading: void 0,
|
770
768
|
onClear: void 0
|
771
769
|
};
|
772
|
-
var
|
770
|
+
var input_field_default = InputField;
|
773
771
|
|
774
772
|
// src/components/form/components/textarea.tsx
|
775
773
|
import { Box as Box10, Textarea as ChakraTextarea } from "@chakra-ui/react";
|
@@ -853,7 +851,7 @@ var Counter = ({
|
|
853
851
|
}
|
854
852
|
),
|
855
853
|
/* @__PURE__ */ jsx22(
|
856
|
-
|
854
|
+
input_field_default,
|
857
855
|
{
|
858
856
|
"data-test-id": "CT_Component_Counter_input",
|
859
857
|
value,
|
@@ -866,8 +864,7 @@ var Counter = ({
|
|
866
864
|
onChange: handleChange,
|
867
865
|
isReadOnly,
|
868
866
|
width: 12,
|
869
|
-
type: "number"
|
870
|
-
borderColor: isError ? "danger.500" : "neutral.200"
|
867
|
+
type: "number"
|
871
868
|
}
|
872
869
|
),
|
873
870
|
/* @__PURE__ */ jsx22(
|
@@ -1196,7 +1193,6 @@ import {
|
|
1196
1193
|
FormErrorMessage as FormErrorMessage3,
|
1197
1194
|
FormHelperText as FormHelperText3,
|
1198
1195
|
FormLabel as FormLabel3,
|
1199
|
-
Input as Input2,
|
1200
1196
|
InputGroup as InputGroup4,
|
1201
1197
|
InputRightElement as InputRightElement3
|
1202
1198
|
} from "@chakra-ui/react";
|
@@ -2069,7 +2065,6 @@ var Datepicker = ({
|
|
2069
2065
|
var _a;
|
2070
2066
|
const selected = value ? new Date(value) : void 0;
|
2071
2067
|
const dateFormat = ((_a = props.dateFormat) != null ? _a : withTime) ? "yyyy-MM-dd HH:mm" : "yyyy-MM-dd";
|
2072
|
-
const wrapperStyle = input_field_default({});
|
2073
2068
|
const getTimeProps = () => {
|
2074
2069
|
if (!withTime) return {};
|
2075
2070
|
return {
|
@@ -2086,7 +2081,7 @@ var Datepicker = ({
|
|
2086
2081
|
id,
|
2087
2082
|
name,
|
2088
2083
|
selected,
|
2089
|
-
customInput: /* @__PURE__ */ jsx26(
|
2084
|
+
customInput: /* @__PURE__ */ jsx26(input_field_default, { autoComplete: "off" }),
|
2090
2085
|
dateFormat,
|
2091
2086
|
showPopperArrow: false,
|
2092
2087
|
calendarClassName: cx8({ inline: props.inline }),
|
@@ -2127,7 +2122,7 @@ Datepicker.defaultProps = {
|
|
2127
2122
|
var datepicker_default = Datepicker;
|
2128
2123
|
|
2129
2124
|
// src/components/datepicker/components/datepicker-month/datepicker-month.tsx
|
2130
|
-
import { Box as Box13, Input as
|
2125
|
+
import { Box as Box13, Input as Input2 } from "@chakra-ui/react";
|
2131
2126
|
import { css as css2 } from "@emotion/react";
|
2132
2127
|
import React7 from "react";
|
2133
2128
|
import { jsx as jsx27 } from "react/jsx-runtime";
|
@@ -2149,7 +2144,7 @@ var DatePickerMonth = ({ onChange, min, max, ...props }) => {
|
|
2149
2144
|
}
|
2150
2145
|
`,
|
2151
2146
|
children: /* @__PURE__ */ jsx27(
|
2152
|
-
|
2147
|
+
Input2,
|
2153
2148
|
{
|
2154
2149
|
"data-test-id": props["data-test-id"],
|
2155
2150
|
type: "date",
|
@@ -3980,12 +3975,12 @@ __export(components_exports, {
|
|
3980
3975
|
|
3981
3976
|
// src/config/theme/components/accordion.ts
|
3982
3977
|
import { accordionAnatomy as parts } from "@chakra-ui/anatomy";
|
3983
|
-
import { createMultiStyleConfigHelpers, defineStyle
|
3978
|
+
import { createMultiStyleConfigHelpers, defineStyle } from "@chakra-ui/styled-system";
|
3984
3979
|
var { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpers(parts.keys);
|
3985
|
-
var baseStyleContainer =
|
3980
|
+
var baseStyleContainer = defineStyle({
|
3986
3981
|
border: "none"
|
3987
3982
|
});
|
3988
|
-
var baseStyleButton =
|
3983
|
+
var baseStyleButton = defineStyle({
|
3989
3984
|
height: 14,
|
3990
3985
|
transitionProperty: "common",
|
3991
3986
|
transitionDuration: "normal",
|
@@ -4014,12 +4009,12 @@ var baseStyleButton = defineStyle2({
|
|
4014
4009
|
visibility: "hidden"
|
4015
4010
|
}
|
4016
4011
|
});
|
4017
|
-
var baseStylePanel =
|
4012
|
+
var baseStylePanel = defineStyle({
|
4018
4013
|
pt: "2",
|
4019
4014
|
px: "4",
|
4020
4015
|
pb: "5"
|
4021
4016
|
});
|
4022
|
-
var baseStyleIcon =
|
4017
|
+
var baseStyleIcon = defineStyle({
|
4023
4018
|
fontSize: "1.25em"
|
4024
4019
|
});
|
4025
4020
|
var baseStyle = definePartsStyle({
|
@@ -4028,14 +4023,14 @@ var baseStyle = definePartsStyle({
|
|
4028
4023
|
panel: baseStylePanel,
|
4029
4024
|
icon: baseStyleIcon
|
4030
4025
|
});
|
4031
|
-
var collapseStyleButton =
|
4026
|
+
var collapseStyleButton = defineStyle({
|
4032
4027
|
height: 13,
|
4033
4028
|
borderRadius: "sm",
|
4034
4029
|
borderWidth: "1px",
|
4035
4030
|
borderStyle: "solid",
|
4036
4031
|
borderColor: "neutral.300"
|
4037
4032
|
});
|
4038
|
-
var collapseStylePanel =
|
4033
|
+
var collapseStylePanel = defineStyle({
|
4039
4034
|
py: 0,
|
4040
4035
|
pr: 0,
|
4041
4036
|
pl: 12,
|
@@ -4658,8 +4653,8 @@ var Chips2 = defineStyleConfig3({
|
|
4658
4653
|
var chips_default2 = Chips2;
|
4659
4654
|
|
4660
4655
|
// src/config/theme/components/form-label.ts
|
4661
|
-
import { defineStyle as
|
4662
|
-
var baseStyle4 =
|
4656
|
+
import { defineStyle as defineStyle2, defineStyleConfig as defineStyleConfig4 } from "@chakra-ui/styled-system";
|
4657
|
+
var baseStyle4 = defineStyle2({
|
4663
4658
|
fontSize: "field.sm",
|
4664
4659
|
fontWeight: "normal",
|
4665
4660
|
marginEnd: 1,
|
@@ -4672,7 +4667,7 @@ var form_label_default = FormLabel4;
|
|
4672
4667
|
|
4673
4668
|
// src/config/theme/components/input.ts
|
4674
4669
|
import { inputAnatomy as parts3 } from "@chakra-ui/anatomy";
|
4675
|
-
import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers4, defineStyle as
|
4670
|
+
import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers4, defineStyle as defineStyle3 } from "@chakra-ui/styled-system";
|
4676
4671
|
import { mode } from "@chakra-ui/theme-tools";
|
4677
4672
|
var { definePartsStyle: definePartsStyle4, defineMultiStyleConfig: defineMultiStyleConfig4 } = createMultiStyleConfigHelpers4(parts3.keys);
|
4678
4673
|
var baseStyle5 = definePartsStyle4({
|
@@ -4701,19 +4696,19 @@ var baseStyle5 = definePartsStyle4({
|
|
4701
4696
|
}
|
4702
4697
|
});
|
4703
4698
|
var size = {
|
4704
|
-
lg:
|
4699
|
+
lg: defineStyle3({
|
4705
4700
|
fontSize: "text.lg",
|
4706
4701
|
h: 12,
|
4707
4702
|
borderRadius: "sm"
|
4708
4703
|
}),
|
4709
|
-
md:
|
4704
|
+
md: defineStyle3({
|
4710
4705
|
fontSize: "text.md",
|
4711
4706
|
h: 10,
|
4712
4707
|
borderRadius: "sm"
|
4713
4708
|
}),
|
4714
|
-
sm:
|
4709
|
+
sm: defineStyle3({
|
4715
4710
|
fontSize: "text.sm",
|
4716
|
-
h: 9,
|
4711
|
+
h: 9.5,
|
4717
4712
|
borderRadius: "sm"
|
4718
4713
|
})
|
4719
4714
|
};
|
@@ -4737,6 +4732,9 @@ var outline = definePartsStyle4((props) => {
|
|
4737
4732
|
outline: 0,
|
4738
4733
|
bg: mode("white", "inherit")(props),
|
4739
4734
|
color: mode("inherit", "white")(props),
|
4735
|
+
_hover: {
|
4736
|
+
borderColor: mode("neutral.400", "inherit")(props)
|
4737
|
+
},
|
4740
4738
|
_invalid: {
|
4741
4739
|
boxShadow: "none"
|
4742
4740
|
},
|
@@ -4765,7 +4763,7 @@ var variants3 = {
|
|
4765
4763
|
outline,
|
4766
4764
|
unstyled: unstyled2
|
4767
4765
|
};
|
4768
|
-
var
|
4766
|
+
var Input3 = defineMultiStyleConfig4({
|
4769
4767
|
baseStyle: baseStyle5,
|
4770
4768
|
sizes: sizes2,
|
4771
4769
|
variants: variants3,
|
@@ -4774,7 +4772,7 @@ var Input4 = defineMultiStyleConfig4({
|
|
4774
4772
|
variant: "outline"
|
4775
4773
|
}
|
4776
4774
|
});
|
4777
|
-
var input_default =
|
4775
|
+
var input_default = Input3;
|
4778
4776
|
|
4779
4777
|
// src/config/theme/components/loader.ts
|
4780
4778
|
import { defineStyleConfig as defineStyleConfig5 } from "@chakra-ui/styled-system";
|
@@ -5012,7 +5010,7 @@ var radio_default = Radio2;
|
|
5012
5010
|
|
5013
5011
|
// src/config/theme/components/switch.ts
|
5014
5012
|
import { switchAnatomy as parts4 } from "@chakra-ui/anatomy";
|
5015
|
-
import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers6, defineStyle as
|
5013
|
+
import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers6, defineStyle as defineStyle4 } from "@chakra-ui/styled-system";
|
5016
5014
|
import { calc, cssVar as cssVar2 } from "@chakra-ui/theme-tools";
|
5017
5015
|
var { defineMultiStyleConfig: defineMultiStyleConfig6, definePartsStyle: definePartsStyle6 } = createMultiStyleConfigHelpers6(parts4.keys);
|
5018
5016
|
var $width = cssVar2("switch-track-width");
|
@@ -5020,7 +5018,7 @@ var $height = cssVar2("switch-track-height");
|
|
5020
5018
|
var $diff = cssVar2("switch-track-diff");
|
5021
5019
|
var diffValue = calc.subtract($width, $height);
|
5022
5020
|
var $translateX = cssVar2("switch-thumb-x");
|
5023
|
-
var baseStyleThumb =
|
5021
|
+
var baseStyleThumb = defineStyle4({
|
5024
5022
|
bg: "white",
|
5025
5023
|
transitionProperty: "transform",
|
5026
5024
|
transitionDuration: "normal",
|
@@ -5098,7 +5096,7 @@ var switch_default2 = Switch3;
|
|
5098
5096
|
|
5099
5097
|
// src/config/theme/components/table.ts
|
5100
5098
|
import { tableAnatomy as parts5 } from "@chakra-ui/anatomy";
|
5101
|
-
import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers7, defineStyle as
|
5099
|
+
import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers7, defineStyle as defineStyle5 } from "@chakra-ui/styled-system";
|
5102
5100
|
import { mode as mode2 } from "@chakra-ui/theme-tools";
|
5103
5101
|
var { defineMultiStyleConfig: defineMultiStyleConfig7, definePartsStyle: definePartsStyle7 } = createMultiStyleConfigHelpers7(parts5.keys);
|
5104
5102
|
var baseStyle8 = definePartsStyle7({
|
@@ -5158,7 +5156,7 @@ var baseStyle8 = definePartsStyle7({
|
|
5158
5156
|
fontWeight: "medium"
|
5159
5157
|
}
|
5160
5158
|
});
|
5161
|
-
var numericStyles =
|
5159
|
+
var numericStyles = defineStyle5({
|
5162
5160
|
"&[data-is-numeric=true]": {
|
5163
5161
|
textAlign: "end"
|
5164
5162
|
}
|
@@ -5231,7 +5229,7 @@ var variantStripe = definePartsStyle7((props) => {
|
|
5231
5229
|
var variants5 = {
|
5232
5230
|
simple: variantSimple,
|
5233
5231
|
striped: variantStripe,
|
5234
|
-
unstyled:
|
5232
|
+
unstyled: defineStyle5({})
|
5235
5233
|
};
|
5236
5234
|
var sizes4 = {
|
5237
5235
|
sm: definePartsStyle7({
|
@@ -5338,7 +5336,7 @@ var tabsTheme = defineMultiStyleConfig8({
|
|
5338
5336
|
var tabs_default = tabsTheme;
|
5339
5337
|
|
5340
5338
|
// src/config/theme/components/textarea.ts
|
5341
|
-
import { defineStyle as
|
5339
|
+
import { defineStyle as defineStyle6, defineStyleConfig as defineStyleConfig7 } from "@chakra-ui/react";
|
5342
5340
|
var getProps = (props) => {
|
5343
5341
|
const { isError, isSuccess, isDisabled } = props;
|
5344
5342
|
let borderColor = "neutral.400";
|
@@ -5358,7 +5356,7 @@ var getProps = (props) => {
|
|
5358
5356
|
borderColor
|
5359
5357
|
};
|
5360
5358
|
};
|
5361
|
-
var outline2 =
|
5359
|
+
var outline2 = defineStyle6((props) => {
|
5362
5360
|
const { focusBorderColor, borderColor } = getProps(props);
|
5363
5361
|
return {
|
5364
5362
|
background: "white.high",
|
@@ -5663,7 +5661,7 @@ export {
|
|
5663
5661
|
InputAddonRight,
|
5664
5662
|
InputLeftElement as InputElementLeft,
|
5665
5663
|
InputRightElement as InputElementRight,
|
5666
|
-
|
5664
|
+
input_field_default as InputField,
|
5667
5665
|
InputGroup2 as InputGroup,
|
5668
5666
|
InputGroupProps,
|
5669
5667
|
InputLeftAddon2 as InputLeftAddon,
|