@mindlogic-ai/logician-ui 3.0.0-alpha.10 → 3.0.0-alpha.12
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/Badge/Badge.styles.d.ts +0 -11
- package/dist/components/Badge/Badge.styles.d.ts.map +1 -1
- package/dist/components/Badge/Badge.styles.js +0 -11
- package/dist/components/Badge/Badge.styles.js.map +1 -1
- package/dist/components/Badge/Badge.styles.mjs +0 -11
- package/dist/components/Badge/Badge.styles.mjs.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +3 -0
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.mjs +3 -0
- package/dist/components/Checkbox/Checkbox.mjs.map +1 -1
- package/dist/components/Code/_components/CopyButton.js +1 -0
- package/dist/components/Code/_components/CopyButton.js.map +1 -1
- package/dist/components/Code/_components/CopyButton.mjs +1 -0
- package/dist/components/Code/_components/CopyButton.mjs.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.js +1 -0
- package/dist/components/CodeTabs/CodeTabs.js.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.mjs +1 -0
- package/dist/components/CodeTabs/CodeTabs.mjs.map +1 -1
- package/dist/components/FileInput/FileInput.js +1 -1
- package/dist/components/FileInput/FileInput.mjs +1 -1
- package/dist/components/FileItem/FileItem.d.ts +1 -1
- package/dist/components/FileItem/FileItem.d.ts.map +1 -1
- package/dist/components/FileItem/FileItem.js +5 -2
- package/dist/components/FileItem/FileItem.js.map +1 -1
- package/dist/components/FileItem/FileItem.mjs +6 -3
- package/dist/components/FileItem/FileItem.mjs.map +1 -1
- package/dist/components/FileItem/FileItem.types.d.ts +1 -0
- package/dist/components/FileItem/FileItem.types.d.ts.map +1 -1
- package/dist/components/FormLabel/FormLabel.d.ts.map +1 -1
- package/dist/components/FormLabel/FormLabel.js +2 -2
- package/dist/components/FormLabel/FormLabel.js.map +1 -1
- package/dist/components/FormLabel/FormLabel.mjs +3 -3
- package/dist/components/FormLabel/FormLabel.mjs.map +1 -1
- package/dist/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.js +4 -4
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/IconButton/IconButton.mjs +4 -4
- package/dist/components/IconButton/IconButton.mjs.map +1 -1
- package/dist/components/IconButton/IconButton.styles.d.ts +10 -7
- package/dist/components/IconButton/IconButton.styles.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.styles.js +27 -0
- package/dist/components/IconButton/IconButton.styles.js.map +1 -0
- package/dist/components/IconButton/IconButton.styles.mjs +21 -0
- package/dist/components/IconButton/IconButton.styles.mjs.map +1 -0
- package/dist/components/InfoSprinkle/InfoSprinkle.js +2 -1
- package/dist/components/InfoSprinkle/InfoSprinkle.js.map +1 -1
- package/dist/components/InfoSprinkle/InfoSprinkle.mjs +2 -1
- package/dist/components/InfoSprinkle/InfoSprinkle.mjs.map +1 -1
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.mjs +1 -1
- package/dist/components/Input/Input.mjs.map +1 -1
- package/dist/components/Modal/ModalCloseButton.js +1 -0
- package/dist/components/Modal/ModalCloseButton.js.map +1 -1
- package/dist/components/Modal/ModalCloseButton.mjs +1 -0
- package/dist/components/Modal/ModalCloseButton.mjs.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.d.ts.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.js +2 -2
- package/dist/components/MonthPicker/MonthPicker.js.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.mjs +2 -2
- package/dist/components/MonthPicker/MonthPicker.mjs.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.types.d.ts +2 -0
- package/dist/components/MonthPicker/MonthPicker.types.d.ts.map +1 -1
- package/dist/components/MonthPicker/index.d.ts +1 -1
- package/dist/components/MonthPicker/index.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +2 -5
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.mjs +3 -6
- package/dist/components/Pagination/Pagination.mjs.map +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +93 -86
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.mjs +93 -86
- package/dist/components/Select/Select.mjs.map +1 -1
- package/dist/components/Select/Select.styles.d.ts +1 -2
- package/dist/components/Select/Select.styles.d.ts.map +1 -1
- package/dist/components/Select/Select.styles.js +3 -3
- package/dist/components/Select/Select.styles.js.map +1 -1
- package/dist/components/Select/Select.styles.mjs +3 -3
- package/dist/components/Select/Select.styles.mjs.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/Tooltip/Tooltip.mjs +1 -1
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -1
- package/dist/index.mjs.map +1 -1
- package/dist/theme/index.d.ts +1 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +47 -9
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +47 -9
- package/dist/theme/index.mjs.map +1 -1
- package/dist/translations/Defaults.translations.json.js +35 -1
- package/dist/translations/Defaults.translations.json.js.map +1 -1
- package/dist/translations/Defaults.translations.json.mjs +33 -2
- package/dist/translations/Defaults.translations.json.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Badge/Badge.stories.tsx +16 -0
- package/src/components/Badge/Badge.styles.ts +0 -11
- package/src/components/Checkbox/Checkbox.stories.tsx +117 -0
- package/src/components/Checkbox/Checkbox.tsx +4 -0
- package/src/components/FileInput/FileInput.tsx +1 -1
- package/src/components/FileItem/FileItem.stories.tsx +16 -0
- package/src/components/FileItem/FileItem.tsx +38 -20
- package/src/components/FileItem/FileItem.types.ts +1 -0
- package/src/components/FormControl/FormControl.stories.tsx +63 -1
- package/src/components/FormLabel/FormLabel.tsx +10 -1
- package/src/components/IconButton/IconButton.styles.ts +38 -11
- package/src/components/IconButton/IconButton.tsx +0 -2
- package/src/components/InfoSprinkle/InfoSprinkle.tsx +2 -2
- package/src/components/Input/Input.tsx +1 -0
- package/src/components/MonthPicker/MonthPicker.tsx +13 -10
- package/src/components/MonthPicker/MonthPicker.types.ts +3 -0
- package/src/components/MonthPicker/index.ts +1 -1
- package/src/components/Pagination/Pagination.tsx +24 -35
- package/src/components/Select/Select.styles.ts +2 -5
- package/src/components/Select/Select.tsx +93 -87
- package/src/components/Tooltip/Tooltip.tsx +1 -1
- package/src/theme/index.ts +47 -9
- package/src/translations/Defaults.translations.json +28 -0
|
@@ -6,22 +6,11 @@ import { BadgeVariant } from './Badge.types';
|
|
|
6
6
|
*/
|
|
7
7
|
export declare const baseStyles: {
|
|
8
8
|
borderRadius: string;
|
|
9
|
-
px: number;
|
|
10
|
-
textStyle: string;
|
|
11
9
|
fontWeight: string;
|
|
12
10
|
display: string;
|
|
13
11
|
alignItems: string;
|
|
14
12
|
justifyContent: string;
|
|
15
13
|
};
|
|
16
|
-
/**
|
|
17
|
-
* Badge variant styles using the Golden Ratio color system.
|
|
18
|
-
*
|
|
19
|
-
* Each variant uses the `extralight` background shade with `dark` text
|
|
20
|
-
* for optimal readability and WCAG AA compliance.
|
|
21
|
-
*
|
|
22
|
-
* Pattern: bg = `*.extralight`, color = `*.dark`
|
|
23
|
-
* This matches the Alert/Toast/Banner component styling.
|
|
24
|
-
*/
|
|
25
14
|
export declare const variantStyles: Record<BadgeVariant, {
|
|
26
15
|
bgColor: string;
|
|
27
16
|
color: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"Badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,YAAY,EACZ;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAuDnC,CAAC"}
|
|
@@ -8,22 +8,11 @@
|
|
|
8
8
|
*/
|
|
9
9
|
const baseStyles = {
|
|
10
10
|
borderRadius: '2xl',
|
|
11
|
-
px: 2.5,
|
|
12
|
-
textStyle: 'subtitle',
|
|
13
11
|
fontWeight: 'medium',
|
|
14
12
|
display: 'flex',
|
|
15
13
|
alignItems: 'center',
|
|
16
14
|
justifyContent: 'center',
|
|
17
15
|
};
|
|
18
|
-
/**
|
|
19
|
-
* Badge variant styles using the Golden Ratio color system.
|
|
20
|
-
*
|
|
21
|
-
* Each variant uses the `extralight` background shade with `dark` text
|
|
22
|
-
* for optimal readability and WCAG AA compliance.
|
|
23
|
-
*
|
|
24
|
-
* Pattern: bg = `*.extralight`, color = `*.dark`
|
|
25
|
-
* This matches the Alert/Toast/Banner component styling.
|
|
26
|
-
*/
|
|
27
16
|
const variantStyles = {
|
|
28
17
|
/**
|
|
29
18
|
* Primary badge - Default, general purpose
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;AAIG;AACI,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,
|
|
1
|
+
{"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;AAIG;AACI,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;;AAGnB,MAAM,aAAa,GAGtB;AACF;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,SAAS,EAAE;QACT,OAAO,EAAE,sBAAsB;QAC/B,KAAK,EAAE,gBAAgB;AACxB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,MAAM,EAAE;QACN,OAAO,EAAE,mBAAmB;QAC5B,KAAK,EAAE,aAAa;AACrB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,WAAW;AACnB,KAAA;;;;;;"}
|
|
@@ -6,22 +6,11 @@
|
|
|
6
6
|
*/
|
|
7
7
|
const baseStyles = {
|
|
8
8
|
borderRadius: '2xl',
|
|
9
|
-
px: 2.5,
|
|
10
|
-
textStyle: 'subtitle',
|
|
11
9
|
fontWeight: 'medium',
|
|
12
10
|
display: 'flex',
|
|
13
11
|
alignItems: 'center',
|
|
14
12
|
justifyContent: 'center',
|
|
15
13
|
};
|
|
16
|
-
/**
|
|
17
|
-
* Badge variant styles using the Golden Ratio color system.
|
|
18
|
-
*
|
|
19
|
-
* Each variant uses the `extralight` background shade with `dark` text
|
|
20
|
-
* for optimal readability and WCAG AA compliance.
|
|
21
|
-
*
|
|
22
|
-
* Pattern: bg = `*.extralight`, color = `*.dark`
|
|
23
|
-
* This matches the Alert/Toast/Banner component styling.
|
|
24
|
-
*/
|
|
25
14
|
const variantStyles = {
|
|
26
15
|
/**
|
|
27
16
|
* Primary badge - Default, general purpose
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.styles.mjs","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;AAIG;AACI,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,
|
|
1
|
+
{"version":3,"file":"Badge.styles.mjs","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;AAIG;AACI,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;;AAGnB,MAAM,aAAa,GAGtB;AACF;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,SAAS,EAAE;QACT,OAAO,EAAE,sBAAsB;QAC/B,KAAK,EAAE,gBAAgB;AACxB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,MAAM,EAAE;QACN,OAAO,EAAE,mBAAmB;QAC5B,KAAK,EAAE,aAAa;AACrB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,WAAW;AACnB,KAAA;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,QAAQ,4GA+BpB,CAAC"}
|
|
@@ -9,6 +9,9 @@ const Checkbox = React.forwardRef(({ size = 'sm', checked, disabled, invalid, ..
|
|
|
9
9
|
return (jsxRuntime.jsxs(react.Checkbox.Root, { ref: ref, size: size, checked: checked, disabled: disabled, invalid: invalid, ...rest, children: [jsxRuntime.jsx(react.Checkbox.HiddenInput, {}), jsxRuntime.jsx(react.Checkbox.Control, { borderRadius: "xs", borderColor: "gray.400", borderWidth: "1px", _checked: {
|
|
10
10
|
bgColor: 'primary.main',
|
|
11
11
|
borderColor: 'primary.main',
|
|
12
|
+
}, _indeterminate: {
|
|
13
|
+
bgColor: 'primary.main',
|
|
14
|
+
borderColor: 'primary.main',
|
|
12
15
|
}, cursor: "pointer", children: jsxRuntime.jsx(react.Checkbox.Indicator, {}) })] }));
|
|
13
16
|
});
|
|
14
17
|
Checkbox.displayName = 'Checkbox';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","ChakraCheckbox","_jsx"],"mappings":";;;;;;;AAKO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC5D,QACEC,eAAA,CAACC,cAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA,GACZ,IAAI,EAAA,QAAA,EAAA,CAERC,cAAA,CAACD,cAAc,CAAC,WAAW,EAAA,EAAA,CAAG,EAC9BC,cAAA,CAACD,cAAc,CAAC,OAAO,EAAA,EACrB,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,UAAU,EACtB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE;AACR,oBAAA,OAAO,EAAE,cAAc;AACvB,oBAAA,WAAW,EAAE,cAAc;AAC5B,iBAAA,EACD,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBC,cAAA,CAACD,cAAc,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACL,CAAA,EAAA,CACL;AAE1B,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","ChakraCheckbox","_jsx"],"mappings":";;;;;;;AAKO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC5D,QACEC,eAAA,CAACC,cAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA,GACZ,IAAI,EAAA,QAAA,EAAA,CAERC,cAAA,CAACD,cAAc,CAAC,WAAW,EAAA,EAAA,CAAG,EAC9BC,cAAA,CAACD,cAAc,CAAC,OAAO,EAAA,EACrB,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,UAAU,EACtB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE;AACR,oBAAA,OAAO,EAAE,cAAc;AACvB,oBAAA,WAAW,EAAE,cAAc;AAC5B,iBAAA,EACD,cAAc,EAAE;AACd,oBAAA,OAAO,EAAE,cAAc;AACvB,oBAAA,WAAW,EAAE,cAAc;AAC5B,iBAAA,EACD,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBC,cAAA,CAACD,cAAc,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACL,CAAA,EAAA,CACL;AAE1B,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -7,6 +7,9 @@ const Checkbox = forwardRef(({ size = 'sm', checked, disabled, invalid, ...rest
|
|
|
7
7
|
return (jsxs(Checkbox$1.Root, { ref: ref, size: size, checked: checked, disabled: disabled, invalid: invalid, ...rest, children: [jsx(Checkbox$1.HiddenInput, {}), jsx(Checkbox$1.Control, { borderRadius: "xs", borderColor: "gray.400", borderWidth: "1px", _checked: {
|
|
8
8
|
bgColor: 'primary.main',
|
|
9
9
|
borderColor: 'primary.main',
|
|
10
|
+
}, _indeterminate: {
|
|
11
|
+
bgColor: 'primary.main',
|
|
12
|
+
borderColor: 'primary.main',
|
|
10
13
|
}, cursor: "pointer", children: jsx(Checkbox$1.Indicator, {}) })] }));
|
|
11
14
|
});
|
|
12
15
|
Checkbox.displayName = 'Checkbox';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.mjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraCheckbox","_jsx"],"mappings":";;;;;AAKO,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC5D,QACEA,IAAA,CAACC,UAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA,GACZ,IAAI,EAAA,QAAA,EAAA,CAERC,GAAA,CAACD,UAAc,CAAC,WAAW,EAAA,EAAA,CAAG,EAC9BC,GAAA,CAACD,UAAc,CAAC,OAAO,EAAA,EACrB,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,UAAU,EACtB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE;AACR,oBAAA,OAAO,EAAE,cAAc;AACvB,oBAAA,WAAW,EAAE,cAAc;AAC5B,iBAAA,EACD,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBC,GAAA,CAACD,UAAc,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACL,CAAA,EAAA,CACL;AAE1B,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
1
|
+
{"version":3,"file":"Checkbox.mjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraCheckbox","_jsx"],"mappings":";;;;;AAKO,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC5D,QACEA,IAAA,CAACC,UAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA,GACZ,IAAI,EAAA,QAAA,EAAA,CAERC,GAAA,CAACD,UAAc,CAAC,WAAW,EAAA,EAAA,CAAG,EAC9BC,GAAA,CAACD,UAAc,CAAC,OAAO,EAAA,EACrB,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,UAAU,EACtB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE;AACR,oBAAA,OAAO,EAAE,cAAc;AACvB,oBAAA,WAAW,EAAE,cAAc;AAC5B,iBAAA,EACD,cAAc,EAAE;AACd,oBAAA,OAAO,EAAE,cAAc;AACvB,oBAAA,WAAW,EAAE,cAAc;AAC5B,iBAAA,EACD,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBC,GAAA,CAACD,UAAc,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACL,CAAA,EAAA,CACL;AAE1B,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var index = require('../../Icon/index.js');
|
|
7
7
|
var IconButton = require('../../IconButton/IconButton.js');
|
|
8
|
+
require('../../IconButton/IconButton.styles.js');
|
|
8
9
|
var Tooltip = require('../../Tooltip/Tooltip.js');
|
|
9
10
|
var useTranslate = require('../../../hooks/useTranslate.js');
|
|
10
11
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.js","sources":["../../../../src/components/Code/_components/CopyButton.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","_jsx","Tooltip","IconButton","FaRegCopy"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CopyButton.js","sources":["../../../../src/components/Code/_components/CopyButton.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","_jsx","Tooltip","IconButton","FaRegCopy"],"mappings":";;;;;;;;;;;AAQO,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,GAAG,IAAI,EAC6B,KAAI;AACxC,IAAA,MAAM,SAAS,GAAGA,yBAAY,EAAE;AAChC,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGC,cAAQ,CACxC,SAAS,CAAC,MAAM,CAAW,CAC5B;;IAGD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAChD,SAAS,CACV;AAED,IAAA,MAAM,WAAW,GAAsB,CAAC,CAAC,KAAI;;AAE3C,QAAA,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAW,CAAC;;AAE3C,QAAA,OAAO,GAAG,CAAC,CAAC;QACZ,gBAAgB,CAAC,IAAI,CAAC;;AAEtB,QAAA,MAAM,CAAC,GAAG,UAAU,CAAC,MAAK;AACxB,YAAA,YAAY,CAAC,SAAS,CAAC,MAAM,CAAW,CAAC;YACzC,gBAAgB,CAAC,SAAS,CAAC;YAC3B,YAAY,CAAC,CAAC,CAAC;QACjB,CAAC,EAAE,IAAI,CAAC;AACV,IAAA,CAAC;IAED,QACEC,eAACC,eAAO,EAAA,EAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EAC/DD,cAAA,CAACE,qBAAU,EAAA,EAAA,YAAA,EACE,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EAAA,GACX,IAAI,EAAA,QAAA,EAERF,cAAA,CAACG,eAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACf,EAAA,CACL;AAEd;;;;"}
|
|
@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { FaRegCopy } from '../../Icon/index.mjs';
|
|
5
5
|
import { IconButton } from '../../IconButton/IconButton.mjs';
|
|
6
|
+
import '../../IconButton/IconButton.styles.mjs';
|
|
6
7
|
import { Tooltip } from '../../Tooltip/Tooltip.mjs';
|
|
7
8
|
import { useTranslate } from '../../../hooks/useTranslate.mjs';
|
|
8
9
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.mjs","sources":["../../../../src/components/Code/_components/CopyButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CopyButton.mjs","sources":["../../../../src/components/Code/_components/CopyButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;AAQO,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,GAAG,IAAI,EAC6B,KAAI;AACxC,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACxC,SAAS,CAAC,MAAM,CAAW,CAC5B;;IAGD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,SAAS,CACV;AAED,IAAA,MAAM,WAAW,GAAsB,CAAC,CAAC,KAAI;;AAE3C,QAAA,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAW,CAAC;;AAE3C,QAAA,OAAO,GAAG,CAAC,CAAC;QACZ,gBAAgB,CAAC,IAAI,CAAC;;AAEtB,QAAA,MAAM,CAAC,GAAG,UAAU,CAAC,MAAK;AACxB,YAAA,YAAY,CAAC,SAAS,CAAC,MAAM,CAAW,CAAC;YACzC,gBAAgB,CAAC,SAAS,CAAC;YAC3B,YAAY,CAAC,CAAC,CAAC;QACjB,CAAC,EAAE,IAAI,CAAC;AACV,IAAA,CAAC;IAED,QACEA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EAC/DA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACE,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EAAA,GACX,IAAI,EAAA,QAAA,EAERA,GAAA,CAAC,SAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACf,EAAA,CACL;AAEd;;;;"}
|
|
@@ -13,6 +13,7 @@ var Tabs = require('../Tabs/Tabs.js');
|
|
|
13
13
|
var useTranslate = require('../../hooks/useTranslate.js');
|
|
14
14
|
var index = require('../Icon/index.js');
|
|
15
15
|
var IconButton = require('../IconButton/IconButton.js');
|
|
16
|
+
require('../IconButton/IconButton.styles.js');
|
|
16
17
|
var Tooltip = require('../Tooltip/Tooltip.js');
|
|
17
18
|
|
|
18
19
|
const CopyButton = ({ onCopy, code, selectedValue, }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeTabs.js","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","_jsx","Tooltip","IconButton","FaRegCopy","_jsxs","Tabs","TabList","Flex","Tab","TabPanels","TabPanel","Code"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CodeTabs.js","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","_jsx","Tooltip","IconButton","FaRegCopy","_jsxs","Tabs","TabList","Flex","Tab","TabPanels","TabPanel","Code"],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ import { Tabs } from '../Tabs/Tabs.mjs';
|
|
|
11
11
|
import { useTranslate } from '../../hooks/useTranslate.mjs';
|
|
12
12
|
import { FaRegCopy } from '../Icon/index.mjs';
|
|
13
13
|
import { IconButton } from '../IconButton/IconButton.mjs';
|
|
14
|
+
import '../IconButton/IconButton.styles.mjs';
|
|
14
15
|
import { Tooltip } from '../Tooltip/Tooltip.mjs';
|
|
15
16
|
|
|
16
17
|
const CopyButton = ({ onCopy, code, selectedValue, }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeTabs.mjs","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CodeTabs.mjs","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ const FileInput = React.forwardRef(({ fileInputLabel, containerStyle = {}, bgIma
|
|
|
22
22
|
const handleChange = (event) => {
|
|
23
23
|
onChange(event.currentTarget.files);
|
|
24
24
|
};
|
|
25
|
-
return (jsxRuntime.jsx(react.Flex, { role: "button", w: "100%", h: "100%", maxH: 32, flexDir: "column", align: "center", justify: "center", border: "1px dashed", borderColor: "gray.300", position: "relative", overflow: "hidden", borderRadius: "md", ...containerStyle, children: jsxRuntime.jsxs("label", { role: "group", style: { width: '100%', height: '100%', cursor: 'pointer' }, children: [bgImage && (jsxRuntime.jsx(react.Box, { position: "absolute", top: "0", left: "0", right: "0", bottom: "0", backgroundImage: bgImage, backgroundSize: "cover", backgroundPosition: "center", filter: "grayscale(50%) brightness(80%)", zIndex: "-1" })), jsxRuntime.jsx(react.Input, { type: "file", hidden: true, ref: ref, onChange: handleChange, ...rest }), jsxRuntime.jsx(react.Flex, { w: "100%", h: "100%", p: 7, flexDir: "column", justify: "center", align: "center", bgColor: "rgba(255, 255, 255, 0.85)", opacity: bgImage ? 0 : 1, transition: "ease-in", _groupHover: { opacity: 1 }, children: isLoading ? (jsxRuntime.jsx(Spinner.Spinner, {})) : (jsxRuntime.jsxs(react.Flex, { w: "100%", flexDir: "column", align: "center", justify: "center", children: [jsxRuntime.jsx(react.Box, { borderRadius: "lg", bgColor: bgImage ? 'transparent' : 'gray.100', p: 3, mb:
|
|
25
|
+
return (jsxRuntime.jsx(react.Flex, { role: "button", w: "100%", h: "100%", maxH: 32, flexDir: "column", align: "center", justify: "center", border: "1px dashed", borderColor: "gray.300", position: "relative", overflow: "hidden", borderRadius: "md", ...containerStyle, children: jsxRuntime.jsxs("label", { role: "group", style: { width: '100%', height: '100%', cursor: 'pointer' }, children: [bgImage && (jsxRuntime.jsx(react.Box, { position: "absolute", top: "0", left: "0", right: "0", bottom: "0", backgroundImage: bgImage, backgroundSize: "cover", backgroundPosition: "center", filter: "grayscale(50%) brightness(80%)", zIndex: "-1" })), jsxRuntime.jsx(react.Input, { type: "file", hidden: true, ref: ref, onChange: handleChange, ...rest }), jsxRuntime.jsx(react.Flex, { w: "100%", h: "100%", p: 7, flexDir: "column", justify: "center", align: "center", bgColor: "rgba(255, 255, 255, 0.85)", opacity: bgImage ? 0 : 1, transition: "ease-in", _groupHover: { opacity: 1 }, children: isLoading ? (jsxRuntime.jsx(Spinner.Spinner, {})) : (jsxRuntime.jsxs(react.Flex, { w: "100%", flexDir: "column", align: "center", justify: "center", children: [jsxRuntime.jsx(react.Box, { borderRadius: "lg", bgColor: bgImage ? 'transparent' : 'gray.100', p: 3, mb: 2, w: "fit-content", children: jsxRuntime.jsx(index.LuUpload, { color: bgImage ? 'gray.1200' : 'gray.600' }) }), jsxRuntime.jsx(Text.Text, { color: bgImage ? 'gray.1200' : 'gray.600', children: fileInputLabel || translate('upload_your_file') })] })) })] }) }));
|
|
26
26
|
});
|
|
27
27
|
FileInput.displayName = 'FileInput';
|
|
28
28
|
|
|
@@ -20,7 +20,7 @@ const FileInput = forwardRef(({ fileInputLabel, containerStyle = {}, bgImage, on
|
|
|
20
20
|
const handleChange = (event) => {
|
|
21
21
|
onChange(event.currentTarget.files);
|
|
22
22
|
};
|
|
23
|
-
return (jsx(Flex, { role: "button", w: "100%", h: "100%", maxH: 32, flexDir: "column", align: "center", justify: "center", border: "1px dashed", borderColor: "gray.300", position: "relative", overflow: "hidden", borderRadius: "md", ...containerStyle, children: jsxs("label", { role: "group", style: { width: '100%', height: '100%', cursor: 'pointer' }, children: [bgImage && (jsx(Box, { position: "absolute", top: "0", left: "0", right: "0", bottom: "0", backgroundImage: bgImage, backgroundSize: "cover", backgroundPosition: "center", filter: "grayscale(50%) brightness(80%)", zIndex: "-1" })), jsx(Input, { type: "file", hidden: true, ref: ref, onChange: handleChange, ...rest }), jsx(Flex, { w: "100%", h: "100%", p: 7, flexDir: "column", justify: "center", align: "center", bgColor: "rgba(255, 255, 255, 0.85)", opacity: bgImage ? 0 : 1, transition: "ease-in", _groupHover: { opacity: 1 }, children: isLoading ? (jsx(Spinner, {})) : (jsxs(Flex, { w: "100%", flexDir: "column", align: "center", justify: "center", children: [jsx(Box, { borderRadius: "lg", bgColor: bgImage ? 'transparent' : 'gray.100', p: 3, mb:
|
|
23
|
+
return (jsx(Flex, { role: "button", w: "100%", h: "100%", maxH: 32, flexDir: "column", align: "center", justify: "center", border: "1px dashed", borderColor: "gray.300", position: "relative", overflow: "hidden", borderRadius: "md", ...containerStyle, children: jsxs("label", { role: "group", style: { width: '100%', height: '100%', cursor: 'pointer' }, children: [bgImage && (jsx(Box, { position: "absolute", top: "0", left: "0", right: "0", bottom: "0", backgroundImage: bgImage, backgroundSize: "cover", backgroundPosition: "center", filter: "grayscale(50%) brightness(80%)", zIndex: "-1" })), jsx(Input, { type: "file", hidden: true, ref: ref, onChange: handleChange, ...rest }), jsx(Flex, { w: "100%", h: "100%", p: 7, flexDir: "column", justify: "center", align: "center", bgColor: "rgba(255, 255, 255, 0.85)", opacity: bgImage ? 0 : 1, transition: "ease-in", _groupHover: { opacity: 1 }, children: isLoading ? (jsx(Spinner, {})) : (jsxs(Flex, { w: "100%", flexDir: "column", align: "center", justify: "center", children: [jsx(Box, { borderRadius: "lg", bgColor: bgImage ? 'transparent' : 'gray.100', p: 3, mb: 2, w: "fit-content", children: jsx(LuUpload, { color: bgImage ? 'gray.1200' : 'gray.600' }) }), jsx(Text, { color: bgImage ? 'gray.1200' : 'gray.600', children: fileInputLabel || translate('upload_your_file') })] })) })] }) }));
|
|
24
24
|
});
|
|
25
25
|
FileInput.displayName = 'FileInput';
|
|
26
26
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FileItemProps } from '@/components/FileItem/FileItem.types';
|
|
2
2
|
export declare const FileItem: {
|
|
3
|
-
({ fileName, error, onFileDownload, onFileDelete, progress, fileSize, isDeleting, ...rest }: FileItemProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
({ fileName, error, onFileDownload, onFileDelete, progress, fileSize, isDeleting, isDownloading, ...rest }: FileItemProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
displayName: string;
|
|
5
5
|
};
|
|
6
6
|
//# sourceMappingURL=FileItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileItem/FileItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileItem/FileItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAiBrE,eAAO,MAAM,QAAQ;gHAUlB,aAAa;;CAqHf,CAAC"}
|
|
@@ -6,6 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
7
|
var index = require('../Icon/index.js');
|
|
8
8
|
var IconButton = require('../IconButton/IconButton.js');
|
|
9
|
+
require('../IconButton/IconButton.styles.js');
|
|
9
10
|
var ProgressBar = require('../ProgressBar/ProgressBar.js');
|
|
10
11
|
require('../Typography/H1.js');
|
|
11
12
|
require('../Typography/H2.js');
|
|
@@ -16,11 +17,13 @@ require('../Typography/Link.js');
|
|
|
16
17
|
var Subtext = require('../Typography/Subtext.js');
|
|
17
18
|
var Subtitle = require('../Typography/Subtitle.js');
|
|
18
19
|
var Text = require('../Typography/Text.js');
|
|
20
|
+
var useTranslate = require('../../hooks/useTranslate.js');
|
|
19
21
|
var formatFileSize = require('../../utils/formatFileSize.js');
|
|
20
22
|
var Spinner = require('../Spinner/Spinner.js');
|
|
21
23
|
var Tooltip = require('../Tooltip/Tooltip.js');
|
|
22
24
|
|
|
23
|
-
const FileItem = ({ fileName, error, onFileDownload, onFileDelete, progress, fileSize, isDeleting = false, ...rest }) => {
|
|
25
|
+
const FileItem = ({ fileName, error, onFileDownload, onFileDelete, progress, fileSize, isDeleting = false, isDownloading = false, ...rest }) => {
|
|
26
|
+
const translate = useTranslate.useTranslate();
|
|
24
27
|
const errorColor = 'danger.main';
|
|
25
28
|
const isUploadingFile = !error && typeof progress === 'number' && progress >= 0 && progress < 100;
|
|
26
29
|
const isFileUploadComplete = !progress || error || progress === 100;
|
|
@@ -32,7 +35,7 @@ const FileItem = ({ fileName, error, onFileDownload, onFileDelete, progress, fil
|
|
|
32
35
|
left: 0,
|
|
33
36
|
width: '3px',
|
|
34
37
|
backgroundColor: error ? errorColor : 'transparent',
|
|
35
|
-
}, ...rest, children: [jsxRuntime.jsxs(react.Flex, { w: "60%", alignItems: "center", gap: 2, children: [jsxRuntime.jsx(react.Box, { minW: 5, children: jsxRuntime.jsx(index.CiFileOn, { color: error ? errorColor : 'gray.800' }) }), jsxRuntime.jsx(Text.Text, { truncate: true, color: error ? errorColor : undefined, children: fileName })] }), jsxRuntime.jsxs(react.Flex, { align: "center", gap: 2, flex: 1, children: [error ? (jsxRuntime.jsx(react.Flex, { w: "100%", justify: "flex-end", align: "center", gap: 2, children: jsxRuntime.jsx(Tooltip.Tooltip, { content: error, placement: "top", children: jsxRuntime.jsx(index.MdError, { color: errorColor }) }) })) : (jsxRuntime.jsx(react.Box, { w: "100%", children: isUploadingFile && (jsxRuntime.jsxs(react.Flex, { align: "center", justify: "flex-end", gap: 2, children: [jsxRuntime.jsxs(Subtext.Subtext, { children: [progress, "%"] }), jsxRuntime.jsx(ProgressBar.ProgressBar, { w: "100%", minW: 3, maxW: 20, value: progress }), jsxRuntime.jsx(Spinner.Spinner, { size: "xs" }), jsxRuntime.jsx(IconButton.IconButton, { "aria-label": 'remove uploading file button', onClick: onFileDelete, size: "2xs", disabled: isDeleting, colorPalette: "neutral", variant: "ghost", children: jsxRuntime.jsx(index.IoClose, { color: "gray.600", boxSize: "md" }) })] })) })), !isUploadingFile && isFileUploadComplete && (jsxRuntime.jsxs(React.Fragment, { children: [fileSize && jsxRuntime.jsx(Subtitle.Subtitle, { mr: 4, children: formatFileSize.formatFileSize(fileSize) }), onFileDownload && !error && (jsxRuntime.jsx(IconButton.IconButton, { "aria-label": 'download
|
|
38
|
+
}, ...rest, children: [jsxRuntime.jsxs(react.Flex, { w: "60%", alignItems: "center", gap: 2, children: [jsxRuntime.jsx(react.Box, { minW: 5, children: jsxRuntime.jsx(index.CiFileOn, { color: error ? errorColor : 'gray.800' }) }), jsxRuntime.jsx(Text.Text, { truncate: true, color: error ? errorColor : undefined, children: fileName })] }), jsxRuntime.jsxs(react.Flex, { align: "center", gap: 2, flex: 1, children: [error ? (jsxRuntime.jsx(react.Flex, { w: "100%", justify: "flex-end", align: "center", gap: 2, children: jsxRuntime.jsx(Tooltip.Tooltip, { content: error, placement: "top", children: jsxRuntime.jsx(index.MdError, { color: errorColor }) }) })) : (jsxRuntime.jsx(react.Box, { w: "100%", children: isUploadingFile && (jsxRuntime.jsxs(react.Flex, { align: "center", justify: "flex-end", gap: 2, children: [jsxRuntime.jsxs(Subtext.Subtext, { children: [progress, "%"] }), jsxRuntime.jsx(ProgressBar.ProgressBar, { w: "100%", minW: 3, maxW: 20, value: progress }), jsxRuntime.jsx(Spinner.Spinner, { size: "xs" }), jsxRuntime.jsx(IconButton.IconButton, { "aria-label": 'remove uploading file button', onClick: onFileDelete, size: "2xs", disabled: isDeleting, colorPalette: "neutral", variant: "ghost", children: jsxRuntime.jsx(index.IoClose, { color: "gray.600", boxSize: "md" }) })] })) })), !isUploadingFile && isFileUploadComplete && (jsxRuntime.jsxs(React.Fragment, { children: [fileSize && jsxRuntime.jsx(Subtitle.Subtitle, { mr: 4, children: formatFileSize.formatFileSize(fileSize) }), onFileDownload && !error && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isDownloading ? (jsxRuntime.jsx(Tooltip.Tooltip, { content: translate('downloading'), placement: "top", children: jsxRuntime.jsx(Spinner.Spinner, { size: "xs" }) })) : (jsxRuntime.jsx(Tooltip.Tooltip, { content: translate('download'), placement: "top", children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": translate('download'), onClick: onFileDownload, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsxRuntime.jsx(index.LuDownload, { color: "gray.800" }) }) })) })), onFileDelete && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isDeleting ? (jsxRuntime.jsx(Tooltip.Tooltip, { content: translate('deleting'), placement: "top", children: jsxRuntime.jsx(Spinner.Spinner, { size: "xs" }) })) : (jsxRuntime.jsx(Tooltip.Tooltip, { content: translate('delete'), placement: "top", children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": translate('delete'), onClick: onFileDelete, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsxRuntime.jsx(index.FaRegTrashAlt, { boxSize: "sm", color: "gray.800" }) }) })) }))] }))] })] }));
|
|
36
39
|
};
|
|
37
40
|
FileItem.displayName = 'FileItem';
|
|
38
41
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileItem.js","sources":["../../../src/components/FileItem/FileItem.tsx"],"sourcesContent":[null],"names":["_jsxs","Flex","_jsx","Box","CiFileOn","Text","Tooltip","MdError","Subtext","ProgressBar","Spinner","IconButton","IoClose","Fragment","Subtitle","formatFileSize","LuDownload","FaRegTrashAlt"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FileItem.js","sources":["../../../src/components/FileItem/FileItem.tsx"],"sourcesContent":[null],"names":["useTranslate","_jsxs","Flex","_jsx","Box","CiFileOn","Text","Tooltip","MdError","Subtext","ProgressBar","Spinner","IconButton","IoClose","Fragment","Subtitle","formatFileSize","_Fragment","LuDownload","FaRegTrashAlt"],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
|
|
3
3
|
import { Fragment } from 'react';
|
|
4
4
|
import { Flex, Box } from '@chakra-ui/react';
|
|
5
5
|
import { CiFileOn, MdError, IoClose, LuDownload, FaRegTrashAlt } from '../Icon/index.mjs';
|
|
6
6
|
import { IconButton } from '../IconButton/IconButton.mjs';
|
|
7
|
+
import '../IconButton/IconButton.styles.mjs';
|
|
7
8
|
import { ProgressBar } from '../ProgressBar/ProgressBar.mjs';
|
|
8
9
|
import '../Typography/H1.mjs';
|
|
9
10
|
import '../Typography/H2.mjs';
|
|
@@ -14,11 +15,13 @@ import '../Typography/Link.mjs';
|
|
|
14
15
|
import { Subtext } from '../Typography/Subtext.mjs';
|
|
15
16
|
import { Subtitle } from '../Typography/Subtitle.mjs';
|
|
16
17
|
import { Text } from '../Typography/Text.mjs';
|
|
18
|
+
import { useTranslate } from '../../hooks/useTranslate.mjs';
|
|
17
19
|
import { formatFileSize } from '../../utils/formatFileSize.mjs';
|
|
18
20
|
import { Spinner } from '../Spinner/Spinner.mjs';
|
|
19
21
|
import { Tooltip } from '../Tooltip/Tooltip.mjs';
|
|
20
22
|
|
|
21
|
-
const FileItem = ({ fileName, error, onFileDownload, onFileDelete, progress, fileSize, isDeleting = false, ...rest }) => {
|
|
23
|
+
const FileItem = ({ fileName, error, onFileDownload, onFileDelete, progress, fileSize, isDeleting = false, isDownloading = false, ...rest }) => {
|
|
24
|
+
const translate = useTranslate();
|
|
22
25
|
const errorColor = 'danger.main';
|
|
23
26
|
const isUploadingFile = !error && typeof progress === 'number' && progress >= 0 && progress < 100;
|
|
24
27
|
const isFileUploadComplete = !progress || error || progress === 100;
|
|
@@ -30,7 +33,7 @@ const FileItem = ({ fileName, error, onFileDownload, onFileDelete, progress, fil
|
|
|
30
33
|
left: 0,
|
|
31
34
|
width: '3px',
|
|
32
35
|
backgroundColor: error ? errorColor : 'transparent',
|
|
33
|
-
}, ...rest, children: [jsxs(Flex, { w: "60%", alignItems: "center", gap: 2, children: [jsx(Box, { minW: 5, children: jsx(CiFileOn, { color: error ? errorColor : 'gray.800' }) }), jsx(Text, { truncate: true, color: error ? errorColor : undefined, children: fileName })] }), jsxs(Flex, { align: "center", gap: 2, flex: 1, children: [error ? (jsx(Flex, { w: "100%", justify: "flex-end", align: "center", gap: 2, children: jsx(Tooltip, { content: error, placement: "top", children: jsx(MdError, { color: errorColor }) }) })) : (jsx(Box, { w: "100%", children: isUploadingFile && (jsxs(Flex, { align: "center", justify: "flex-end", gap: 2, children: [jsxs(Subtext, { children: [progress, "%"] }), jsx(ProgressBar, { w: "100%", minW: 3, maxW: 20, value: progress }), jsx(Spinner, { size: "xs" }), jsx(IconButton, { "aria-label": 'remove uploading file button', onClick: onFileDelete, size: "2xs", disabled: isDeleting, colorPalette: "neutral", variant: "ghost", children: jsx(IoClose, { color: "gray.600", boxSize: "md" }) })] })) })), !isUploadingFile && isFileUploadComplete && (jsxs(Fragment, { children: [fileSize && jsx(Subtitle, { mr: 4, children: formatFileSize(fileSize) }), onFileDownload && !error && (jsx(IconButton, { "aria-label": 'download
|
|
36
|
+
}, ...rest, children: [jsxs(Flex, { w: "60%", alignItems: "center", gap: 2, children: [jsx(Box, { minW: 5, children: jsx(CiFileOn, { color: error ? errorColor : 'gray.800' }) }), jsx(Text, { truncate: true, color: error ? errorColor : undefined, children: fileName })] }), jsxs(Flex, { align: "center", gap: 2, flex: 1, children: [error ? (jsx(Flex, { w: "100%", justify: "flex-end", align: "center", gap: 2, children: jsx(Tooltip, { content: error, placement: "top", children: jsx(MdError, { color: errorColor }) }) })) : (jsx(Box, { w: "100%", children: isUploadingFile && (jsxs(Flex, { align: "center", justify: "flex-end", gap: 2, children: [jsxs(Subtext, { children: [progress, "%"] }), jsx(ProgressBar, { w: "100%", minW: 3, maxW: 20, value: progress }), jsx(Spinner, { size: "xs" }), jsx(IconButton, { "aria-label": 'remove uploading file button', onClick: onFileDelete, size: "2xs", disabled: isDeleting, colorPalette: "neutral", variant: "ghost", children: jsx(IoClose, { color: "gray.600", boxSize: "md" }) })] })) })), !isUploadingFile && isFileUploadComplete && (jsxs(Fragment, { children: [fileSize && jsx(Subtitle, { mr: 4, children: formatFileSize(fileSize) }), onFileDownload && !error && (jsx(Fragment$1, { children: isDownloading ? (jsx(Tooltip, { content: translate('downloading'), placement: "top", children: jsx(Spinner, { size: "xs" }) })) : (jsx(Tooltip, { content: translate('download'), placement: "top", children: jsx(IconButton, { "aria-label": translate('download'), onClick: onFileDownload, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsx(LuDownload, { color: "gray.800" }) }) })) })), onFileDelete && (jsx(Fragment$1, { children: isDeleting ? (jsx(Tooltip, { content: translate('deleting'), placement: "top", children: jsx(Spinner, { size: "xs" }) })) : (jsx(Tooltip, { content: translate('delete'), placement: "top", children: jsx(IconButton, { "aria-label": translate('delete'), onClick: onFileDelete, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsx(FaRegTrashAlt, { boxSize: "sm", color: "gray.800" }) }) })) }))] }))] })] }));
|
|
34
37
|
};
|
|
35
38
|
FileItem.displayName = 'FileItem';
|
|
36
39
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileItem.mjs","sources":["../../../src/components/FileItem/FileItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FileItem.mjs","sources":["../../../src/components/FileItem/FileItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/FileItem/FileItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FileItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/FileItem/FileItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,CAAC,UAAU,4CAoBhD,CAAC"}
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var react = require('@chakra-ui/react');
|
|
6
6
|
|
|
7
|
-
const FormLabel = (props) => (jsxRuntime.jsx(react.Box, { color: "gray.1000", children: jsxRuntime.
|
|
7
|
+
const FormLabel = (props) => (jsxRuntime.jsx(react.Box, { color: "gray.1000", children: jsxRuntime.jsxs(react.Field.Label, { ...props, style: {
|
|
8
8
|
marginBottom: '0.125rem',
|
|
9
9
|
marginInlineEnd: 0,
|
|
10
10
|
...(props.style || {}),
|
|
11
|
-
} }) }));
|
|
11
|
+
}, children: [props.children, jsxRuntime.jsx(react.Field.RequiredIndicator, {})] }) }));
|
|
12
12
|
|
|
13
13
|
exports.FormLabel = FormLabel;
|
|
14
14
|
//# sourceMappingURL=FormLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormLabel.js","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":[null],"names":["_jsx","Box","Field"],"mappings":";;;;;;AAEO,MAAM,SAAS,GAAG,CAAC,KAAuB,MAC/CA,cAAA,CAACC,SAAG,IAAC,KAAK,EAAC,WAAW,EAAA,QAAA,
|
|
1
|
+
{"version":3,"file":"FormLabel.js","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":[null],"names":["_jsx","Box","_jsxs","Field"],"mappings":";;;;;;AAEO,MAAM,SAAS,GAAG,CAAC,KAAuB,MAC/CA,cAAA,CAACC,SAAG,IAAC,KAAK,EAAC,WAAW,EAAA,QAAA,EACpBC,eAAA,CAACC,WAAK,CAAC,KAAK,EAAA,EAAA,GACN,KAAK,EACT,KAAK,EAAE;AACL,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,eAAe,EAAE,CAAC;AAClB,YAAA,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;AACvB,SAAA,EAAA,QAAA,EAAA,CAEA,KAAK,CAAC,QAAQ,EAOfH,cAAA,CAACG,WAAK,CAAC,iBAAiB,EAAA,EAAA,CAAG,CAAA,EAAA,CACf,EAAA,CACV;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { Box, Field } from '@chakra-ui/react';
|
|
4
4
|
|
|
5
|
-
const FormLabel = (props) => (jsx(Box, { color: "gray.1000", children:
|
|
5
|
+
const FormLabel = (props) => (jsx(Box, { color: "gray.1000", children: jsxs(Field.Label, { ...props, style: {
|
|
6
6
|
marginBottom: '0.125rem',
|
|
7
7
|
marginInlineEnd: 0,
|
|
8
8
|
...(props.style || {}),
|
|
9
|
-
} }) }));
|
|
9
|
+
}, children: [props.children, jsx(Field.RequiredIndicator, {})] }) }));
|
|
10
10
|
|
|
11
11
|
export { FormLabel };
|
|
12
12
|
//# sourceMappingURL=FormLabel.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormLabel.mjs","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAEO,MAAM,SAAS,GAAG,CAAC,KAAuB,MAC/CA,GAAA,CAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAA,QAAA,
|
|
1
|
+
{"version":3,"file":"FormLabel.mjs","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAEO,MAAM,SAAS,GAAG,CAAC,KAAuB,MAC/CA,GAAA,CAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAA,QAAA,EACpBC,IAAA,CAAC,KAAK,CAAC,KAAK,EAAA,EAAA,GACN,KAAK,EACT,KAAK,EAAE;AACL,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,eAAe,EAAE,CAAC;AAClB,YAAA,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;AACvB,SAAA,EAAA,QAAA,EAAA,CAEA,KAAK,CAAC,QAAQ,EAOfD,GAAA,CAAC,KAAK,CAAC,iBAAiB,EAAA,EAAA,CAAG,CAAA,EAAA,CACf,EAAA,CACV;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU;;;
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU;;;qDAwBtB,CAAC"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
|
-
var
|
|
7
|
+
var IconButton_styles = require('./IconButton.styles.js');
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* IconButton component with two-dimensional variant system.
|
|
@@ -19,9 +19,9 @@ var Button_styles = require('../Button/Button.styles.js');
|
|
|
19
19
|
* <IconButton colorPalette="neutral" variant="ghost"><Icon /></IconButton>
|
|
20
20
|
* ```
|
|
21
21
|
*/
|
|
22
|
-
const IconButton = React.forwardRef(({ colorPalette = 'neutral', variant = 'ghost',
|
|
23
|
-
const styles =
|
|
24
|
-
return (jsxRuntime.jsx(react.IconButton, { ref: ref, border: "1px solid", rounded: "full", ...styles,
|
|
22
|
+
const IconButton = React.forwardRef(({ colorPalette = 'neutral', variant = 'ghost', children, ...rest }, ref) => {
|
|
23
|
+
const styles = IconButton_styles.getIconButtonStyles(colorPalette, variant);
|
|
24
|
+
return (jsxRuntime.jsx(react.IconButton, { ref: ref, border: "1px solid", rounded: "full", ...styles, ...rest, children: children }));
|
|
25
25
|
});
|
|
26
26
|
IconButton.displayName = 'IconButton';
|
|
27
27
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["forwardRef","getIconButtonStyles","_jsx","ChakraIconButton"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAGA,gBAAU,CAClC,CACE,EACE,YAAY,GAAG,SAAS,EACxB,OAAO,GAAG,OAAO,EACjB,
|
|
1
|
+
{"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["forwardRef","getIconButtonStyles","_jsx","ChakraIconButton"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAGA,gBAAU,CAClC,CACE,EACE,YAAY,GAAG,SAAS,EACxB,OAAO,GAAG,OAAO,EACjB,QAAQ,EACR,GAAG,IAAI,EACS,EAClB,GAAqC,KACnC;IACF,MAAM,MAAM,GAAGC,qCAAmB,CAAC,YAAY,EAAE,OAAO,CAAC;IAEzD,QACEC,eAACC,gBAAgB,EAAA,EACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,OAAO,EAAC,MAAM,EAAA,GACV,MAAM,EAAA,GACN,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { IconButton as IconButton$1 } from '@chakra-ui/react';
|
|
5
|
-
import {
|
|
5
|
+
import { getIconButtonStyles } from './IconButton.styles.mjs';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* IconButton component with two-dimensional variant system.
|
|
@@ -17,9 +17,9 @@ import { getButtonStyles } from '../Button/Button.styles.mjs';
|
|
|
17
17
|
* <IconButton colorPalette="neutral" variant="ghost"><Icon /></IconButton>
|
|
18
18
|
* ```
|
|
19
19
|
*/
|
|
20
|
-
const IconButton = forwardRef(({ colorPalette = 'neutral', variant = 'ghost',
|
|
21
|
-
const styles =
|
|
22
|
-
return (jsx(IconButton$1, { ref: ref, border: "1px solid", rounded: "full", ...styles,
|
|
20
|
+
const IconButton = forwardRef(({ colorPalette = 'neutral', variant = 'ghost', children, ...rest }, ref) => {
|
|
21
|
+
const styles = getIconButtonStyles(colorPalette, variant);
|
|
22
|
+
return (jsx(IconButton$1, { ref: ref, border: "1px solid", rounded: "full", ...styles, ...rest, children: children }));
|
|
23
23
|
});
|
|
24
24
|
IconButton.displayName = 'IconButton';
|
|
25
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.mjs","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"IconButton.mjs","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraIconButton"],"mappings":";;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,YAAY,GAAG,SAAS,EACxB,OAAO,GAAG,OAAO,EACjB,QAAQ,EACR,GAAG,IAAI,EACS,EAClB,GAAqC,KACnC;IACF,MAAM,MAAM,GAAG,mBAAmB,CAAC,YAAY,EAAE,OAAO,CAAC;IAEzD,QACEA,IAACC,YAAgB,EAAA,EACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,OAAO,EAAC,MAAM,EAAA,GACV,MAAM,EAAA,GACN,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
+
import { buttonColorPalettes, buttonVariants } from '../Button/Button.styles';
|
|
2
|
+
import { ButtonColorPalette, ButtonVariant } from '../Button/Button.types';
|
|
3
|
+
import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
|
|
4
|
+
export { buttonColorPalettes as iconButtonColorPalettes, buttonColorPalettes as iconButtonColorSchemes, // Deprecated
|
|
5
|
+
buttonVariants as iconButtonVariants, };
|
|
6
|
+
type StyleProps = Partial<ChakraButtonProps>;
|
|
1
7
|
/**
|
|
2
|
-
*
|
|
3
|
-
*
|
|
4
|
-
* Since IconButton and Button share the same two-dimensional variant system
|
|
5
|
-
* (colorPalette × variant), we simply re-export the Button styles.
|
|
8
|
+
* Override certain Button styles that don't apply to IconButton.
|
|
6
9
|
*/
|
|
7
|
-
export
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
export declare const iconButtonColorPaletteStyles: Record<ButtonColorPalette, Record<ButtonVariant, StyleProps>>;
|
|
11
|
+
export { iconButtonColorPaletteStyles as iconButtonColorSchemeStyles, };
|
|
12
|
+
export declare const getIconButtonStyles: (colorPalette?: ButtonColorPalette, variant?: ButtonVariant) => StyleProps;
|
|
10
13
|
//# sourceMappingURL=IconButton.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAEnB,cAAc,EACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EACL,mBAAmB,IAAI,uBAAuB,EAC9C,mBAAmB,IAAI,sBAAsB,EAAE,aAAa;AAC5D,cAAc,IAAI,kBAAkB,GACrC,CAAC;AAEF,KAAK,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAC/C,kBAAkB,EAClB,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAUlC,CAAC;AAEF,OAAO,EACL,4BAA4B,IAAI,2BAA2B,GAC5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,eAAc,kBAA8B,EAC5C,UAAS,aAAuB,KAC/B,UAAiE,CAAC"}
|