@dgshahr/ui-kit 0.0.4 → 0.0.6
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/Accordion/AccordionItem.d.ts.map +1 -1
- package/dist/Accordion/index.cjs +1 -1
- package/dist/Accordion/index.js +1 -1
- package/dist/{AccordionItem-DN7bi5kw.js → AccordionItem-BFDuboYi.js} +11 -11
- package/dist/{AccordionItem-lq6ehxKe.cjs → AccordionItem-C3MiOBH7.cjs} +11 -11
- package/dist/Alert/index.cjs +69 -57
- package/dist/Alert/index.d.ts.map +1 -1
- package/dist/Alert/index.js +69 -57
- package/dist/Badge/index.cjs +22 -22
- package/dist/Badge/index.d.ts.map +1 -1
- package/dist/Badge/index.js +22 -22
- package/dist/Breadcrumb/index.cjs +31 -22
- package/dist/Breadcrumb/index.d.ts.map +1 -1
- package/dist/Breadcrumb/index.js +31 -22
- package/dist/Button/index.cjs +34 -34
- package/dist/Button/index.d.ts.map +1 -1
- package/dist/Button/index.js +34 -34
- package/dist/Button/variants.d.ts.map +1 -1
- package/dist/Divider/index.cjs +6 -6
- package/dist/Divider/index.js +6 -6
- package/dist/Form/Checkbox/index.cjs +2 -2
- package/dist/Form/Checkbox/index.js +2 -2
- package/dist/Form/Input/index.cjs +10 -10
- package/dist/Form/Input/index.d.ts.map +1 -1
- package/dist/Form/Input/index.js +10 -10
- package/dist/Form/RadioButton/index.cjs +3 -3
- package/dist/Form/RadioButton/index.js +3 -3
- package/dist/Form/Textarea/index.cjs +4 -4
- package/dist/Form/Textarea/index.d.ts.map +1 -1
- package/dist/Form/Textarea/index.js +4 -4
- package/dist/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.d.ts.map +1 -1
- package/dist/Pagination/index.cjs +51 -42
- package/dist/Pagination/index.d.ts.map +1 -1
- package/dist/Pagination/index.js +51 -42
- package/dist/SelectableInputWrapper-BIBVazbq.js +77 -0
- package/dist/SelectableInputWrapper-g7YtIiBW.cjs +79 -0
- package/dist/Slide-BhWFQV8r.js +234 -0
- package/dist/Slide-BzXDEkqH.cjs +237 -0
- package/dist/Slider/NavigationDot.d.ts.map +1 -1
- package/dist/Slider/Slide.d.ts.map +1 -1
- package/dist/Slider/Slider.d.ts +2 -1
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/index.cjs +1 -1
- package/dist/Slider/index.js +1 -1
- package/dist/{TextFieldWrapper--hxpmYuz.js → TextFieldWrapper-BkoKcbvs.js} +16 -16
- package/dist/{TextFieldWrapper-DaoZxs1E.cjs → TextFieldWrapper-D-DH5_DG.cjs} +16 -16
- package/dist/assets/Button.css +355 -317
- package/dist/assets/styles.css +343 -305
- package/dist/index.cjs +2 -2
- package/dist/index.js +2 -2
- package/package.json +5 -4
- package/dist/SelectableInputWrapper-D2aYQb9J.cjs +0 -71
- package/dist/SelectableInputWrapper-DAj8v1nv.js +0 -69
- package/dist/Slide-B4sbGo5D.js +0 -198
- package/dist/Slide-JxJDSGwS.cjs +0 -201
package/dist/Badge/index.js
CHANGED
|
@@ -2,34 +2,34 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import '../assets/styles.css';/* empty css */
|
|
3
3
|
|
|
4
4
|
function styleBadge(options) {
|
|
5
|
-
const defaultClassName = "inline-flex items-center justify-center rounded-[20px]";
|
|
5
|
+
const defaultClassName = "dgs-ui-kit-inline-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-rounded-[20px]";
|
|
6
6
|
const typeClassName = {
|
|
7
7
|
twoTone: {
|
|
8
|
-
primary: "bg-primary-50 text-primary-600",
|
|
9
|
-
secondary: "bg-secondary-100 text-secondary-700",
|
|
10
|
-
gray: "bg-gray-100 text-gray-600",
|
|
11
|
-
success: "bg-success-50 text-success-800",
|
|
12
|
-
error: "bg-error-50 text-error-600",
|
|
13
|
-
warning: "bg-warning-50 text-warning-700"
|
|
8
|
+
primary: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",
|
|
9
|
+
secondary: "dgs-ui-kit-bg-secondary-100 dgs-ui-kit-text-secondary-700",
|
|
10
|
+
gray: "dgs-ui-kit-bg-gray-100 dgs-ui-kit-text-gray-600",
|
|
11
|
+
success: "dgs-ui-kit-bg-success-50 dgs-ui-kit-text-success-800",
|
|
12
|
+
error: "dgs-ui-kit-bg-error-50 dgs-ui-kit-text-error-600",
|
|
13
|
+
warning: "dgs-ui-kit-bg-warning-50 dgs-ui-kit-text-warning-700"
|
|
14
14
|
},
|
|
15
15
|
solid: {
|
|
16
|
-
primary: "bg-primary-500 text-white",
|
|
17
|
-
secondary: "bg-secondary-600 text-white",
|
|
18
|
-
gray: "bg-gray-600 text-white",
|
|
19
|
-
success: "bg-success-600 text-white",
|
|
20
|
-
error: "bg-error-500 text-white",
|
|
21
|
-
warning: "bg-warning-500 text-black"
|
|
16
|
+
primary: "dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white",
|
|
17
|
+
secondary: "dgs-ui-kit-bg-secondary-600 dgs-ui-kit-text-white",
|
|
18
|
+
gray: "dgs-ui-kit-bg-gray-600 dgs-ui-kit-text-white",
|
|
19
|
+
success: "dgs-ui-kit-bg-success-600 dgs-ui-kit-text-white",
|
|
20
|
+
error: "dgs-ui-kit-bg-error-500 dgs-ui-kit-text-white",
|
|
21
|
+
warning: "dgs-ui-kit-bg-warning-500 dgs-ui-kit-text-black"
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
const textSizeClassName = {
|
|
25
|
-
small: "font-oveline-demibold py-1 px-2 gap-[2px]",
|
|
26
|
-
medium: "font-caption-demibold py-1 px-[10px] gap-1",
|
|
27
|
-
large: "font-button-small py-2 px-4 gap-[6px]"
|
|
25
|
+
small: "dgs-ui-kit-font-oveline-demibold dgs-ui-kit-py-1 dgs-ui-kit-px-2 dgs-ui-kit-gap-[2px]",
|
|
26
|
+
medium: "dgs-ui-kit-font-caption-demibold dgs-ui-kit-py-1 dgs-ui-kit-px-[10px] dgs-ui-kit-gap-1",
|
|
27
|
+
large: "dgs-ui-kit-font-button-small dgs-ui-kit-py-2 dgs-ui-kit-px-4 dgs-ui-kit-gap-[6px]"
|
|
28
28
|
};
|
|
29
29
|
const numberSizeClassName = {
|
|
30
|
-
small: "font-caption-demibold py-[2px] px-[6px] min-w-5",
|
|
31
|
-
medium: "font-p3-medium px-[6px] min-w-6",
|
|
32
|
-
large: "font-h5-bold py-[2px] px-2 min-w-8"
|
|
30
|
+
small: "dgs-ui-kit-font-caption-demibold dgs-ui-kit-py-[2px] dgs-ui-kit-px-[6px] dgs-ui-kit-min-w-5",
|
|
31
|
+
medium: "dgs-ui-kit-font-p3-medium dgs-ui-kit-px-[6px] dgs-ui-kit-min-w-6",
|
|
32
|
+
large: "dgs-ui-kit-font-h5-bold dgs-ui-kit-py-[2px] dgs-ui-kit-px-2 dgs-ui-kit-min-w-8"
|
|
33
33
|
};
|
|
34
34
|
return [
|
|
35
35
|
defaultClassName,
|
|
@@ -39,9 +39,9 @@ function styleBadge(options) {
|
|
|
39
39
|
].slice().join(" ");
|
|
40
40
|
}
|
|
41
41
|
function getIconSize(badgSize) {
|
|
42
|
-
if (badgSize === "small") return "w-3 h-3";
|
|
43
|
-
if (badgSize === "medium") return "w-[14px] h-[14px]";
|
|
44
|
-
return "w-4 h-4";
|
|
42
|
+
if (badgSize === "small") return "dgs-ui-kit-w-3 dgs-ui-kit-h-3";
|
|
43
|
+
if (badgSize === "medium") return "dgs-ui-kit-w-[14px] dgs-ui-kit-h-[14px]";
|
|
44
|
+
return "dgs-ui-kit-w-4 dgs-ui-kit-h-4";
|
|
45
45
|
}
|
|
46
46
|
const Badge = (props) => {
|
|
47
47
|
const {
|
|
@@ -7,28 +7,37 @@ const ArrowLeft2 = require('../ArrowLeft2-iZ0Au6Fn.cjs');
|
|
|
7
7
|
|
|
8
8
|
const Breadcrumb = (props) => {
|
|
9
9
|
const { items, pageTitle, className } = props;
|
|
10
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
className
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
10
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
11
|
+
"div",
|
|
12
|
+
{
|
|
13
|
+
className: clsx.clsx(
|
|
14
|
+
"dgs-ui-kit-bg-gray-100 dgs-ui-kit-overflow-x-hidden dgs-ui-kit-w-full",
|
|
15
|
+
className
|
|
16
|
+
),
|
|
17
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 dgs-ui-kit-w-full dgs-ui-kit-py-3 dgs-ui-kit-container", children: [
|
|
18
|
+
items.map((breadcrumbItem) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
19
|
+
"a",
|
|
20
|
+
{
|
|
21
|
+
href: breadcrumbItem.link,
|
|
22
|
+
className: "dgs-ui-kit-transition dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 dgs-ui-kit-text-gray-500 hover:dgs-ui-kit-text-primary-500",
|
|
23
|
+
children: [
|
|
24
|
+
breadcrumbItem.icon && breadcrumbItem.icon,
|
|
25
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-font-caption-demibold", children: breadcrumbItem.title }),
|
|
26
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
27
|
+
ArrowLeft2.ArrowLeft2Icon,
|
|
28
|
+
{
|
|
29
|
+
width: 16,
|
|
30
|
+
height: 16
|
|
31
|
+
}
|
|
32
|
+
)
|
|
33
|
+
]
|
|
34
|
+
},
|
|
35
|
+
breadcrumbItem.link
|
|
36
|
+
)),
|
|
37
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-caption-regular", children: pageTitle })
|
|
38
|
+
] })
|
|
39
|
+
}
|
|
40
|
+
);
|
|
32
41
|
};
|
|
33
42
|
|
|
34
43
|
module.exports = Breadcrumb;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAe;IACvB,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,SAAS,CAAC;KAClB,EAAE,CAAC;IACJ,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAe;IACvB,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,SAAS,CAAC;KAClB,EAAE,CAAC;IACJ,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,4CA6BzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/dist/Breadcrumb/index.js
CHANGED
|
@@ -5,28 +5,37 @@ import '../assets/styles.css';/* empty css */
|
|
|
5
5
|
|
|
6
6
|
const Breadcrumb = (props) => {
|
|
7
7
|
const { items, pageTitle, className } = props;
|
|
8
|
-
return /* @__PURE__ */ jsx(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
className
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
8
|
+
return /* @__PURE__ */ jsx(
|
|
9
|
+
"div",
|
|
10
|
+
{
|
|
11
|
+
className: clsx(
|
|
12
|
+
"dgs-ui-kit-bg-gray-100 dgs-ui-kit-overflow-x-hidden dgs-ui-kit-w-full",
|
|
13
|
+
className
|
|
14
|
+
),
|
|
15
|
+
children: /* @__PURE__ */ jsxs("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 dgs-ui-kit-w-full dgs-ui-kit-py-3 dgs-ui-kit-container", children: [
|
|
16
|
+
items.map((breadcrumbItem) => /* @__PURE__ */ jsxs(
|
|
17
|
+
"a",
|
|
18
|
+
{
|
|
19
|
+
href: breadcrumbItem.link,
|
|
20
|
+
className: "dgs-ui-kit-transition dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 dgs-ui-kit-text-gray-500 hover:dgs-ui-kit-text-primary-500",
|
|
21
|
+
children: [
|
|
22
|
+
breadcrumbItem.icon && breadcrumbItem.icon,
|
|
23
|
+
/* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-font-caption-demibold", children: breadcrumbItem.title }),
|
|
24
|
+
/* @__PURE__ */ jsx(
|
|
25
|
+
ArrowLeft2Icon,
|
|
26
|
+
{
|
|
27
|
+
width: 16,
|
|
28
|
+
height: 16
|
|
29
|
+
}
|
|
30
|
+
)
|
|
31
|
+
]
|
|
32
|
+
},
|
|
33
|
+
breadcrumbItem.link
|
|
34
|
+
)),
|
|
35
|
+
/* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-caption-regular", children: pageTitle })
|
|
36
|
+
] })
|
|
37
|
+
}
|
|
38
|
+
);
|
|
30
39
|
};
|
|
31
40
|
|
|
32
41
|
export { Breadcrumb as default };
|
package/dist/Button/index.cjs
CHANGED
|
@@ -5,43 +5,43 @@ const clsx = require('../clsx-BtxeOLZW.cjs');
|
|
|
5
5
|
|
|
6
6
|
const variantStyle = {
|
|
7
7
|
primary: {
|
|
8
|
-
primary: "bg-primary-500 active:bg-primary-600 hover:bg-primary-300 text-white border-transparent",
|
|
9
|
-
success: "bg-success-500 active:bg-success-600 hover:bg-success-300 text-white border-transparent",
|
|
10
|
-
error: "bg-error-500 active:bg-error-600 hover:bg-error-300 text-white border-transparent",
|
|
11
|
-
warning: "bg-warning-500 active:bg-warning-600 hover:bg-warning-300 text-gray-900 border-transparent",
|
|
12
|
-
gray: "bg-gray-500 active:bg-gray-600 hover:bg-gray-300 text-white border-transparent"
|
|
8
|
+
primary: "dgs-ui-kit-bg-primary-500 active:dgs-ui-kit-bg-primary-600 hover:dgs-ui-kit-bg-primary-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",
|
|
9
|
+
success: "dgs-ui-kit-bg-success-500 active:dgs-ui-kit-bg-success-600 hover:dgs-ui-kit-bg-success-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",
|
|
10
|
+
error: "dgs-ui-kit-bg-error-500 active:dgs-ui-kit-bg-error-600 hover:dgs-ui-kit-bg-error-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",
|
|
11
|
+
warning: "dgs-ui-kit-bg-warning-500 active:dgs-ui-kit-bg-warning-600 hover:dgs-ui-kit-bg-warning-300 dgs-ui-kit-text-gray-900 dgs-ui-kit-border-transparent",
|
|
12
|
+
gray: "dgs-ui-kit-bg-gray-500 active:dgs-ui-kit-bg-gray-600 hover:dgs-ui-kit-bg-gray-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent"
|
|
13
13
|
},
|
|
14
14
|
secondary: {
|
|
15
|
-
primary: "text-primary-500 bg-gray-100 active:bg-gray-200 hover:bg-gray-50 disabled:bg-gray-100 border-transparent",
|
|
16
|
-
success: "text-gray-700 hover:text-gray-600 active:text-gray-800 bg-success-100 active:bg-success-200 hover:bg-success-50 disabled:bg-success-100 border-transparent",
|
|
17
|
-
error: "text-gray-700 hover:text-gray-600 active:text-gray-800 bg-error-100 active:bg-error-200 hover:bg-error-50 disabled:bg-error-100 border-transparent",
|
|
18
|
-
warning: "text-gray-700 hover:text-gray-600 active:text-gray-800 bg-warning-100 active:bg-warning-200 hover:bg-warning-50 disabled:bg-warning-100 border-transparent",
|
|
19
|
-
gray: "text-gray-700 hover:text-gray-600 active:text-gray-800 bg-gray-100 active:bg-gray-200 hover:bg-gray-50 disabled:bg-gray-100 border-transparent"
|
|
15
|
+
primary: "dgs-ui-kit-text-primary-500 dgs-ui-kit-bg-gray-100 active:dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-50 disabled:dgs-ui-kit-bg-gray-100 dgs-ui-kit-border-transparent",
|
|
16
|
+
success: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-success-100 active:dgs-ui-kit-bg-success-200 hover:dgs-ui-kit-bg-success-50 disabled:dgs-ui-kit-bg-success-100 dgs-ui-kit-border-transparent",
|
|
17
|
+
error: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-error-100 active:dgs-ui-kit-bg-error-200 hover:dgs-ui-kit-bg-error-50 disabled:dgs-ui-kit-bg-error-100 dgs-ui-kit-border-transparent",
|
|
18
|
+
warning: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-warning-100 active:dgs-ui-kit-bg-warning-200 hover:dgs-ui-kit-bg-warning-50 disabled:dgs-ui-kit-bg-warning-100 dgs-ui-kit-border-transparent",
|
|
19
|
+
gray: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-gray-100 active:dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-50 disabled:dgs-ui-kit-bg-gray-100 dgs-ui-kit-border-transparent"
|
|
20
20
|
},
|
|
21
21
|
outline: {
|
|
22
|
-
primary: "text-primary-500 border-primary-300 hover:border-primary-200 active:border-primary-600 active:text-primary-600",
|
|
23
|
-
success: "text-success-600 hover:text-success-400 border-success-500 hover:border-success-400 active:border-success-600 active:text-success-800",
|
|
24
|
-
error: "text-error-600 hover:text-error-400 border-error-500 hover:border-error-400 active:border-error-600 active:text-error-800",
|
|
25
|
-
warning: "text-warning-600 hover:text-warning-400 border-warning-500 hover:border-warning-400 active:border-warning-600 active:text-warning-800",
|
|
26
|
-
gray: "text-gray-600 hover:text-gray-400 border-gray-500 hover:border-gray-400 active:border-gray-600 active:text-gray-800"
|
|
22
|
+
primary: "dgs-ui-kit-text-primary-500 dgs-ui-kit-border-primary-300 hover:dgs-ui-kit-border-primary-200 active:dgs-ui-kit-border-primary-600 active:dgs-ui-kit-text-primary-600",
|
|
23
|
+
success: "dgs-ui-kit-text-success-600 hover:dgs-ui-kit-text-success-400 dgs-ui-kit-border-success-500 hover:dgs-ui-kit-border-success-400 active:dgs-ui-kit-border-success-600 active:dgs-ui-kit-text-success-800",
|
|
24
|
+
error: "dgs-ui-kit-text-error-600 hover:dgs-ui-kit-text-error-400 dgs-ui-kit-border-error-500 hover:dgs-ui-kit-border-error-400 active:dgs-ui-kit-border-error-600 active:dgs-ui-kit-text-error-800",
|
|
25
|
+
warning: "dgs-ui-kit-text-warning-600 hover:dgs-ui-kit-text-warning-400 dgs-ui-kit-border-warning-500 hover:dgs-ui-kit-border-warning-400 active:dgs-ui-kit-border-warning-600 active:dgs-ui-kit-text-warning-800",
|
|
26
|
+
gray: "dgs-ui-kit-text-gray-600 hover:dgs-ui-kit-text-gray-400 dgs-ui-kit-border-gray-500 hover:dgs-ui-kit-border-gray-400 active:dgs-ui-kit-border-gray-600 active:dgs-ui-kit-text-gray-800"
|
|
27
27
|
},
|
|
28
28
|
text: {
|
|
29
|
-
primary: "text-primary-500 hover:text-primary-300 border-transparent active:text-primary-700",
|
|
30
|
-
success: "text-success-700 hover:text-success-600 border-transparent active:text-success-800",
|
|
31
|
-
error: "text-error-700 hover:text-error-600 border-transparent active:text-error-800",
|
|
32
|
-
warning: "text-warning-700 hover:text-warning-600 border-transparent active:text-warning-800",
|
|
33
|
-
gray: "text-gray-700 hover:text-gray-600 border-transparent active:text-gray-800"
|
|
29
|
+
primary: "dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-text-primary-300 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-primary-700",
|
|
30
|
+
success: "dgs-ui-kit-text-success-700 hover:dgs-ui-kit-text-success-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-success-800",
|
|
31
|
+
error: "dgs-ui-kit-text-error-700 hover:dgs-ui-kit-text-error-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-error-800",
|
|
32
|
+
warning: "dgs-ui-kit-text-warning-700 hover:dgs-ui-kit-text-warning-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-warning-800",
|
|
33
|
+
gray: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-gray-800"
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
36
|
const sizeStyle = {
|
|
37
|
-
small: "button-small-icon py-2.5 px-4 font-button-small",
|
|
38
|
-
medium: "button-medium-icon py-3 px-5 font-button-medium",
|
|
39
|
-
large: "button-large-icon py-3 px-6 font-button-large"
|
|
37
|
+
small: "button-small-icon dgs-ui-kit-py-2.5 dgs-ui-kit-px-4 dgs-ui-kit-font-button-small",
|
|
38
|
+
medium: "button-medium-icon dgs-ui-kit-py-3 dgs-ui-kit-px-5 dgs-ui-kit-font-button-medium",
|
|
39
|
+
large: "button-large-icon dgs-ui-kit-py-3 dgs-ui-kit-px-6 dgs-ui-kit-font-button-large"
|
|
40
40
|
};
|
|
41
41
|
const iconOnlyButtonSizeStyle = {
|
|
42
|
-
small: "button-small-icon p-[10px]",
|
|
43
|
-
medium: "button-medium-icon p-3",
|
|
44
|
-
large: "button-large-icon p-3"
|
|
42
|
+
small: "button-small-icon dgs-ui-kit-p-[10px]",
|
|
43
|
+
medium: "button-medium-icon dgs-ui-kit-p-3",
|
|
44
|
+
large: "button-large-icon dgs-ui-kit-p-3"
|
|
45
45
|
};
|
|
46
46
|
|
|
47
47
|
const REMOVE_OPACITY_CLASS = "opacity-0";
|
|
@@ -53,10 +53,10 @@ function styleButton({
|
|
|
53
53
|
size = "medium",
|
|
54
54
|
children
|
|
55
55
|
}) {
|
|
56
|
-
const defaultClassName = "border relative rounded-lg min-w-max h-fit disabled:cursor-not-allowed transition-all duration-300 flex items-center disabled:opacity-40";
|
|
56
|
+
const defaultClassName = "dgs-ui-kit-border dgs-ui-kit-relative dgs-ui-kit-rounded-lg dgs-ui-kit-min-w-max dgs-ui-kit-h-fit disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition-all duration-300 dgs-ui-kit-flex dgs-ui-kit-items-center disabled:dgs-ui-kit-opacity-40";
|
|
57
57
|
return [
|
|
58
58
|
defaultClassName,
|
|
59
|
-
isFullWidth ? "w-full justify-center" : "w-fit",
|
|
59
|
+
isFullWidth ? "dgs-ui-kit-w-full dgs-ui-kit-justify-center" : "dgs-ui-kit-w-fit",
|
|
60
60
|
variantStyle[variant][color],
|
|
61
61
|
children ? sizeStyle[size] : iconOnlyButtonSizeStyle[size],
|
|
62
62
|
Number(className?.length) > 0 && className
|
|
@@ -84,28 +84,28 @@ const Button = ({
|
|
|
84
84
|
className,
|
|
85
85
|
size,
|
|
86
86
|
children
|
|
87
|
-
})
|
|
87
|
+
}),
|
|
88
88
|
...props,
|
|
89
89
|
children: [
|
|
90
90
|
rightIcon && /* @__PURE__ */ jsxRuntime.jsx(
|
|
91
91
|
"span",
|
|
92
92
|
{
|
|
93
93
|
className: clsx.clsx(
|
|
94
|
-
"block icon-button",
|
|
95
|
-
{ "ml-2": children },
|
|
94
|
+
"dgs-ui-kit-block icon-button",
|
|
95
|
+
{ "dgs-ui-kit-ml-2": children },
|
|
96
96
|
{ [REMOVE_OPACITY_CLASS]: isLoading }
|
|
97
97
|
),
|
|
98
98
|
children: rightIcon
|
|
99
99
|
}
|
|
100
100
|
),
|
|
101
101
|
children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx({ [REMOVE_OPACITY_CLASS]: isLoading }), children }),
|
|
102
|
-
isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dot-flashing" }) }),
|
|
102
|
+
isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dot-flashing" }) }),
|
|
103
103
|
leftIcon && /* @__PURE__ */ jsxRuntime.jsx(
|
|
104
104
|
"span",
|
|
105
105
|
{
|
|
106
106
|
className: clsx.clsx(
|
|
107
|
-
"block icon-button",
|
|
108
|
-
{ "mr-2": children },
|
|
107
|
+
"dgs-ui-kit-block icon-button",
|
|
108
|
+
{ "dgs-ui-kit-mr-2": children },
|
|
109
109
|
{ [REMOVE_OPACITY_CLASS]: isLoading }
|
|
110
110
|
),
|
|
111
111
|
children: leftIcon
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,iBAAiB,CAC7B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,CAClB;IACD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;IACvD,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA0BD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,iBAAiB,CAC7B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,CAClB;IACD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;IACvD,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA0BD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAsD9C,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/dist/Button/index.js
CHANGED
|
@@ -3,43 +3,43 @@ import { c as clsx } from '../clsx-ChV9xqsO.js';
|
|
|
3
3
|
|
|
4
4
|
import '../assets/Button.css';const variantStyle = {
|
|
5
5
|
primary: {
|
|
6
|
-
primary: "bg-primary-500 active:bg-primary-600 hover:bg-primary-300 text-white border-transparent",
|
|
7
|
-
success: "bg-success-500 active:bg-success-600 hover:bg-success-300 text-white border-transparent",
|
|
8
|
-
error: "bg-error-500 active:bg-error-600 hover:bg-error-300 text-white border-transparent",
|
|
9
|
-
warning: "bg-warning-500 active:bg-warning-600 hover:bg-warning-300 text-gray-900 border-transparent",
|
|
10
|
-
gray: "bg-gray-500 active:bg-gray-600 hover:bg-gray-300 text-white border-transparent"
|
|
6
|
+
primary: "dgs-ui-kit-bg-primary-500 active:dgs-ui-kit-bg-primary-600 hover:dgs-ui-kit-bg-primary-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",
|
|
7
|
+
success: "dgs-ui-kit-bg-success-500 active:dgs-ui-kit-bg-success-600 hover:dgs-ui-kit-bg-success-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",
|
|
8
|
+
error: "dgs-ui-kit-bg-error-500 active:dgs-ui-kit-bg-error-600 hover:dgs-ui-kit-bg-error-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent",
|
|
9
|
+
warning: "dgs-ui-kit-bg-warning-500 active:dgs-ui-kit-bg-warning-600 hover:dgs-ui-kit-bg-warning-300 dgs-ui-kit-text-gray-900 dgs-ui-kit-border-transparent",
|
|
10
|
+
gray: "dgs-ui-kit-bg-gray-500 active:dgs-ui-kit-bg-gray-600 hover:dgs-ui-kit-bg-gray-300 dgs-ui-kit-text-white dgs-ui-kit-border-transparent"
|
|
11
11
|
},
|
|
12
12
|
secondary: {
|
|
13
|
-
primary: "text-primary-500 bg-gray-100 active:bg-gray-200 hover:bg-gray-50 disabled:bg-gray-100 border-transparent",
|
|
14
|
-
success: "text-gray-700 hover:text-gray-600 active:text-gray-800 bg-success-100 active:bg-success-200 hover:bg-success-50 disabled:bg-success-100 border-transparent",
|
|
15
|
-
error: "text-gray-700 hover:text-gray-600 active:text-gray-800 bg-error-100 active:bg-error-200 hover:bg-error-50 disabled:bg-error-100 border-transparent",
|
|
16
|
-
warning: "text-gray-700 hover:text-gray-600 active:text-gray-800 bg-warning-100 active:bg-warning-200 hover:bg-warning-50 disabled:bg-warning-100 border-transparent",
|
|
17
|
-
gray: "text-gray-700 hover:text-gray-600 active:text-gray-800 bg-gray-100 active:bg-gray-200 hover:bg-gray-50 disabled:bg-gray-100 border-transparent"
|
|
13
|
+
primary: "dgs-ui-kit-text-primary-500 dgs-ui-kit-bg-gray-100 active:dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-50 disabled:dgs-ui-kit-bg-gray-100 dgs-ui-kit-border-transparent",
|
|
14
|
+
success: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-success-100 active:dgs-ui-kit-bg-success-200 hover:dgs-ui-kit-bg-success-50 disabled:dgs-ui-kit-bg-success-100 dgs-ui-kit-border-transparent",
|
|
15
|
+
error: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-error-100 active:dgs-ui-kit-bg-error-200 hover:dgs-ui-kit-bg-error-50 disabled:dgs-ui-kit-bg-error-100 dgs-ui-kit-border-transparent",
|
|
16
|
+
warning: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-warning-100 active:dgs-ui-kit-bg-warning-200 hover:dgs-ui-kit-bg-warning-50 disabled:dgs-ui-kit-bg-warning-100 dgs-ui-kit-border-transparent",
|
|
17
|
+
gray: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 active:dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-gray-100 active:dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-50 disabled:dgs-ui-kit-bg-gray-100 dgs-ui-kit-border-transparent"
|
|
18
18
|
},
|
|
19
19
|
outline: {
|
|
20
|
-
primary: "text-primary-500 border-primary-300 hover:border-primary-200 active:border-primary-600 active:text-primary-600",
|
|
21
|
-
success: "text-success-600 hover:text-success-400 border-success-500 hover:border-success-400 active:border-success-600 active:text-success-800",
|
|
22
|
-
error: "text-error-600 hover:text-error-400 border-error-500 hover:border-error-400 active:border-error-600 active:text-error-800",
|
|
23
|
-
warning: "text-warning-600 hover:text-warning-400 border-warning-500 hover:border-warning-400 active:border-warning-600 active:text-warning-800",
|
|
24
|
-
gray: "text-gray-600 hover:text-gray-400 border-gray-500 hover:border-gray-400 active:border-gray-600 active:text-gray-800"
|
|
20
|
+
primary: "dgs-ui-kit-text-primary-500 dgs-ui-kit-border-primary-300 hover:dgs-ui-kit-border-primary-200 active:dgs-ui-kit-border-primary-600 active:dgs-ui-kit-text-primary-600",
|
|
21
|
+
success: "dgs-ui-kit-text-success-600 hover:dgs-ui-kit-text-success-400 dgs-ui-kit-border-success-500 hover:dgs-ui-kit-border-success-400 active:dgs-ui-kit-border-success-600 active:dgs-ui-kit-text-success-800",
|
|
22
|
+
error: "dgs-ui-kit-text-error-600 hover:dgs-ui-kit-text-error-400 dgs-ui-kit-border-error-500 hover:dgs-ui-kit-border-error-400 active:dgs-ui-kit-border-error-600 active:dgs-ui-kit-text-error-800",
|
|
23
|
+
warning: "dgs-ui-kit-text-warning-600 hover:dgs-ui-kit-text-warning-400 dgs-ui-kit-border-warning-500 hover:dgs-ui-kit-border-warning-400 active:dgs-ui-kit-border-warning-600 active:dgs-ui-kit-text-warning-800",
|
|
24
|
+
gray: "dgs-ui-kit-text-gray-600 hover:dgs-ui-kit-text-gray-400 dgs-ui-kit-border-gray-500 hover:dgs-ui-kit-border-gray-400 active:dgs-ui-kit-border-gray-600 active:dgs-ui-kit-text-gray-800"
|
|
25
25
|
},
|
|
26
26
|
text: {
|
|
27
|
-
primary: "text-primary-500 hover:text-primary-300 border-transparent active:text-primary-700",
|
|
28
|
-
success: "text-success-700 hover:text-success-600 border-transparent active:text-success-800",
|
|
29
|
-
error: "text-error-700 hover:text-error-600 border-transparent active:text-error-800",
|
|
30
|
-
warning: "text-warning-700 hover:text-warning-600 border-transparent active:text-warning-800",
|
|
31
|
-
gray: "text-gray-700 hover:text-gray-600 border-transparent active:text-gray-800"
|
|
27
|
+
primary: "dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-text-primary-300 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-primary-700",
|
|
28
|
+
success: "dgs-ui-kit-text-success-700 hover:dgs-ui-kit-text-success-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-success-800",
|
|
29
|
+
error: "dgs-ui-kit-text-error-700 hover:dgs-ui-kit-text-error-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-error-800",
|
|
30
|
+
warning: "dgs-ui-kit-text-warning-700 hover:dgs-ui-kit-text-warning-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-warning-800",
|
|
31
|
+
gray: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-gray-600 dgs-ui-kit-border-transparent active:dgs-ui-kit-text-gray-800"
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
const sizeStyle = {
|
|
35
|
-
small: "button-small-icon py-2.5 px-4 font-button-small",
|
|
36
|
-
medium: "button-medium-icon py-3 px-5 font-button-medium",
|
|
37
|
-
large: "button-large-icon py-3 px-6 font-button-large"
|
|
35
|
+
small: "button-small-icon dgs-ui-kit-py-2.5 dgs-ui-kit-px-4 dgs-ui-kit-font-button-small",
|
|
36
|
+
medium: "button-medium-icon dgs-ui-kit-py-3 dgs-ui-kit-px-5 dgs-ui-kit-font-button-medium",
|
|
37
|
+
large: "button-large-icon dgs-ui-kit-py-3 dgs-ui-kit-px-6 dgs-ui-kit-font-button-large"
|
|
38
38
|
};
|
|
39
39
|
const iconOnlyButtonSizeStyle = {
|
|
40
|
-
small: "button-small-icon p-[10px]",
|
|
41
|
-
medium: "button-medium-icon p-3",
|
|
42
|
-
large: "button-large-icon p-3"
|
|
40
|
+
small: "button-small-icon dgs-ui-kit-p-[10px]",
|
|
41
|
+
medium: "button-medium-icon dgs-ui-kit-p-3",
|
|
42
|
+
large: "button-large-icon dgs-ui-kit-p-3"
|
|
43
43
|
};
|
|
44
44
|
|
|
45
45
|
const REMOVE_OPACITY_CLASS = "opacity-0";
|
|
@@ -51,10 +51,10 @@ function styleButton({
|
|
|
51
51
|
size = "medium",
|
|
52
52
|
children
|
|
53
53
|
}) {
|
|
54
|
-
const defaultClassName = "border relative rounded-lg min-w-max h-fit disabled:cursor-not-allowed transition-all duration-300 flex items-center disabled:opacity-40";
|
|
54
|
+
const defaultClassName = "dgs-ui-kit-border dgs-ui-kit-relative dgs-ui-kit-rounded-lg dgs-ui-kit-min-w-max dgs-ui-kit-h-fit disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition-all duration-300 dgs-ui-kit-flex dgs-ui-kit-items-center disabled:dgs-ui-kit-opacity-40";
|
|
55
55
|
return [
|
|
56
56
|
defaultClassName,
|
|
57
|
-
isFullWidth ? "w-full justify-center" : "w-fit",
|
|
57
|
+
isFullWidth ? "dgs-ui-kit-w-full dgs-ui-kit-justify-center" : "dgs-ui-kit-w-fit",
|
|
58
58
|
variantStyle[variant][color],
|
|
59
59
|
children ? sizeStyle[size] : iconOnlyButtonSizeStyle[size],
|
|
60
60
|
Number(className?.length) > 0 && className
|
|
@@ -82,28 +82,28 @@ const Button = ({
|
|
|
82
82
|
className,
|
|
83
83
|
size,
|
|
84
84
|
children
|
|
85
|
-
})
|
|
85
|
+
}),
|
|
86
86
|
...props,
|
|
87
87
|
children: [
|
|
88
88
|
rightIcon && /* @__PURE__ */ jsx(
|
|
89
89
|
"span",
|
|
90
90
|
{
|
|
91
91
|
className: clsx(
|
|
92
|
-
"block icon-button",
|
|
93
|
-
{ "ml-2": children },
|
|
92
|
+
"dgs-ui-kit-block icon-button",
|
|
93
|
+
{ "dgs-ui-kit-ml-2": children },
|
|
94
94
|
{ [REMOVE_OPACITY_CLASS]: isLoading }
|
|
95
95
|
),
|
|
96
96
|
children: rightIcon
|
|
97
97
|
}
|
|
98
98
|
),
|
|
99
99
|
children && /* @__PURE__ */ jsx("div", { className: clsx({ [REMOVE_OPACITY_CLASS]: isLoading }), children }),
|
|
100
|
-
isLoading && /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "dot-flashing" }) }),
|
|
100
|
+
isLoading && /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center", children: /* @__PURE__ */ jsx("div", { className: "dot-flashing" }) }),
|
|
101
101
|
leftIcon && /* @__PURE__ */ jsx(
|
|
102
102
|
"span",
|
|
103
103
|
{
|
|
104
104
|
className: clsx(
|
|
105
|
-
"block icon-button",
|
|
106
|
-
{ "mr-2": children },
|
|
105
|
+
"dgs-ui-kit-block icon-button",
|
|
106
|
+
{ "dgs-ui-kit-mr-2": children },
|
|
107
107
|
{ [REMOVE_OPACITY_CLASS]: isLoading }
|
|
108
108
|
),
|
|
109
109
|
children: leftIcon
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/components/Button/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAErC,eAAO,MAAM,YAAY,EAAE,MAAM,CAC/B,QAAQ,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,EAChC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/components/Button/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAErC,eAAO,MAAM,YAAY,EAAE,MAAM,CAC/B,QAAQ,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,EAChC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CA8C/C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAInE,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAIjF,CAAC"}
|
package/dist/Divider/index.cjs
CHANGED
|
@@ -4,18 +4,18 @@ require('../assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
|
|
|
4
4
|
;/* empty css */
|
|
5
5
|
|
|
6
6
|
function styleDivider({ type, size = "thin", color = "gray", className }) {
|
|
7
|
-
const typeClassName = type === "horizontal" ? "w-full" : "h-full";
|
|
7
|
+
const typeClassName = type === "horizontal" ? "dgs-ui-kit-w-full" : "dgs-ui-kit-h-full";
|
|
8
8
|
const sizeClassName = {
|
|
9
9
|
horizontal: {
|
|
10
|
-
thin: "h-[1px]",
|
|
11
|
-
thick: "h-1"
|
|
10
|
+
thin: "dgs-ui-kit-h-[1px]",
|
|
11
|
+
thick: "dgs-ui-kit-h-1"
|
|
12
12
|
},
|
|
13
13
|
vertical: {
|
|
14
|
-
thin: "w-[1px]",
|
|
15
|
-
thick: "w-1"
|
|
14
|
+
thin: "dgs-ui-kit-w-[1px]",
|
|
15
|
+
thick: "dgs-ui-kit-w-1"
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
const colorClassName = color === "gray" ? "bg-gray-200" : "bg-gray-100";
|
|
18
|
+
const colorClassName = color === "gray" ? "dgs-ui-kit-bg-gray-200" : "dgs-ui-kit-bg-gray-100";
|
|
19
19
|
return [typeClassName, sizeClassName[type][size], colorClassName, className ?? ""].slice().join(" ");
|
|
20
20
|
}
|
|
21
21
|
const Divider = (props) => {
|
package/dist/Divider/index.js
CHANGED
|
@@ -2,18 +2,18 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import '../assets/styles.css';/* empty css */
|
|
3
3
|
|
|
4
4
|
function styleDivider({ type, size = "thin", color = "gray", className }) {
|
|
5
|
-
const typeClassName = type === "horizontal" ? "w-full" : "h-full";
|
|
5
|
+
const typeClassName = type === "horizontal" ? "dgs-ui-kit-w-full" : "dgs-ui-kit-h-full";
|
|
6
6
|
const sizeClassName = {
|
|
7
7
|
horizontal: {
|
|
8
|
-
thin: "h-[1px]",
|
|
9
|
-
thick: "h-1"
|
|
8
|
+
thin: "dgs-ui-kit-h-[1px]",
|
|
9
|
+
thick: "dgs-ui-kit-h-1"
|
|
10
10
|
},
|
|
11
11
|
vertical: {
|
|
12
|
-
thin: "w-[1px]",
|
|
13
|
-
thick: "w-1"
|
|
12
|
+
thin: "dgs-ui-kit-w-[1px]",
|
|
13
|
+
thick: "dgs-ui-kit-w-1"
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
-
const colorClassName = color === "gray" ? "bg-gray-200" : "bg-gray-100";
|
|
16
|
+
const colorClassName = color === "gray" ? "dgs-ui-kit-bg-gray-200" : "dgs-ui-kit-bg-gray-100";
|
|
17
17
|
return [typeClassName, sizeClassName[type][size], colorClassName, className ?? ""].slice().join(" ");
|
|
18
18
|
}
|
|
19
19
|
const Divider = (props) => {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
const jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
const clsx = require('../../clsx-BtxeOLZW.cjs');
|
|
5
|
-
const SelectableInputWrapper = require('../../SelectableInputWrapper-
|
|
5
|
+
const SelectableInputWrapper = require('../../SelectableInputWrapper-g7YtIiBW.cjs');
|
|
6
6
|
|
|
7
7
|
const CheckmarkIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8
8
|
"svg",
|
|
@@ -49,7 +49,7 @@ const Checkbox = (props) => {
|
|
|
49
49
|
"input",
|
|
50
50
|
{
|
|
51
51
|
type: "checkbox",
|
|
52
|
-
className: clsx.clsx("rounded", inputClassName, className),
|
|
52
|
+
className: clsx.clsx("dgs-ui-kit-rounded", inputClassName, className),
|
|
53
53
|
...rest
|
|
54
54
|
}
|
|
55
55
|
),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { c as clsx } from '../../clsx-ChV9xqsO.js';
|
|
3
|
-
import { S as SelectableInputWrapper } from '../../SelectableInputWrapper-
|
|
3
|
+
import { S as SelectableInputWrapper } from '../../SelectableInputWrapper-BIBVazbq.js';
|
|
4
4
|
|
|
5
5
|
const CheckmarkIcon = (props) => /* @__PURE__ */ jsx(
|
|
6
6
|
"svg",
|
|
@@ -47,7 +47,7 @@ const Checkbox = (props) => {
|
|
|
47
47
|
"input",
|
|
48
48
|
{
|
|
49
49
|
type: "checkbox",
|
|
50
|
-
className: clsx("rounded", inputClassName, className),
|
|
50
|
+
className: clsx("dgs-ui-kit-rounded", inputClassName, className),
|
|
51
51
|
...rest
|
|
52
52
|
}
|
|
53
53
|
),
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
const jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
const clsx = require('../../clsx-BtxeOLZW.cjs');
|
|
5
5
|
const react = require('react');
|
|
6
|
-
const TextFieldWrapper = require('../../TextFieldWrapper-
|
|
6
|
+
const TextFieldWrapper = require('../../TextFieldWrapper-D-DH5_DG.cjs');
|
|
7
7
|
|
|
8
8
|
const CloseSquareIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
9
9
|
"svg",
|
|
@@ -112,18 +112,18 @@ const Input = react.forwardRef(function Input2(props, ref) {
|
|
|
112
112
|
TextFieldWrapper.TextFieldWrapper,
|
|
113
113
|
{
|
|
114
114
|
...props,
|
|
115
|
-
containerClassName: clsx.clsx("items-center", containerClassName),
|
|
115
|
+
containerClassName: clsx.clsx("dgs-ui-kit-items-center", containerClassName),
|
|
116
116
|
children: ({ handleChangeField, value, setValue }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
117
|
-
prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-p1-regular text-gray-500", children: prefix }),
|
|
117
|
+
prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: prefix }),
|
|
118
118
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
119
119
|
"input",
|
|
120
120
|
{
|
|
121
121
|
...restProps,
|
|
122
122
|
ref,
|
|
123
123
|
className: clsx.clsx(
|
|
124
|
-
"bg-transparent focus:outline-none flex-1",
|
|
125
|
-
dir === "rtl" ? "text-right" : "!text-left",
|
|
126
|
-
placeholderDir === "rtl" ? "placeholder:text-right" : "placeholder:text-left",
|
|
124
|
+
"dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",
|
|
125
|
+
dir === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
|
|
126
|
+
placeholderDir === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
|
|
127
127
|
{
|
|
128
128
|
ss02: restProps.type != "password"
|
|
129
129
|
},
|
|
@@ -145,20 +145,20 @@ const Input = react.forwardRef(function Input2(props, ref) {
|
|
|
145
145
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
146
146
|
CloseSquareIcon,
|
|
147
147
|
{
|
|
148
|
-
className: "text-gray-600",
|
|
148
|
+
className: "dgs-ui-kit-text-gray-600",
|
|
149
149
|
width: 20,
|
|
150
150
|
height: 20
|
|
151
151
|
}
|
|
152
152
|
)
|
|
153
153
|
}
|
|
154
154
|
),
|
|
155
|
-
postfix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-p1-regular text-gray-500", children: postfix }),
|
|
156
|
-
leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-600", children: leftIcon }),
|
|
155
|
+
postfix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: postfix }),
|
|
156
|
+
leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-text-gray-600", children: leftIcon }),
|
|
157
157
|
restProps.type === "password" && /* @__PURE__ */ jsxRuntime.jsx(
|
|
158
158
|
"button",
|
|
159
159
|
{
|
|
160
160
|
onClick: () => setType((prv) => prv === "text" ? "password" : "text"),
|
|
161
|
-
className: "text-gray-600",
|
|
161
|
+
className: "dgs-ui-kit-text-gray-600",
|
|
162
162
|
children: type === "password" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
163
163
|
EyeIcon,
|
|
164
164
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,mBAAmB,EAAwB,MAAM,OAAO,CAAC;AAK1F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAExF,UAAU,UACR,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,EACxD,kBAAkB;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,mBAAmB,EAAwB,MAAM,OAAO,CAAC;AAK1F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAExF,UAAU,UACR,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,EACxD,kBAAkB;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,yGAoFT,CAAC;AACH,eAAe,KAAK,CAAC"}
|