abrplus-ui-kit 1.0.7 → 1.0.8

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.
Files changed (55) hide show
  1. package/dist/antOverrides.cjs.js +1 -127
  2. package/dist/antOverrides.es.js +70 -98
  3. package/dist/atoms.cjs.js +1 -391
  4. package/dist/atoms.es.js +252 -306
  5. package/dist/colors-BDQwGpaB.cjs +5 -0
  6. package/dist/{colors-CztsZ6e_.js → colors-BW-NR0oP.js} +30 -34
  7. package/dist/deepMerge-2zqLIrFM.cjs +1 -0
  8. package/dist/deepMerge-Dm_AZi0Z.js +14 -0
  9. package/dist/index-B1HRk2-g.cjs +1 -0
  10. package/dist/index-BCH1vT85.js +8 -0
  11. package/dist/index-BJmt8SSx.cjs +1 -0
  12. package/dist/index-BPqX2Hsu.js +75 -0
  13. package/dist/{index-B02Mlfa4.js → index-BRLLsEKX.js} +19905 -19821
  14. package/dist/index-BeP9-mrf.js +200 -0
  15. package/dist/index-Bpx-uyOR.cjs +1 -0
  16. package/dist/index-CpGdrWps.js +19 -0
  17. package/dist/index-CwKyw6uN.cjs +1 -0
  18. package/dist/index-CzPs2mPX.js +478 -0
  19. package/dist/index-QraJKad8.cjs +1 -0
  20. package/dist/index-R9oQ5kp6.js +1569 -0
  21. package/dist/index-bNh4-ggT.cjs +1 -0
  22. package/dist/index-lDQ4dr86.cjs +1 -0
  23. package/dist/index.cjs.js +1 -109
  24. package/dist/index.css +1 -1519
  25. package/dist/index.es.js +5 -5
  26. package/dist/index2.css +1 -3
  27. package/dist/molecules.cjs.js +8 -7826
  28. package/dist/molecules.es.js +4270 -6306
  29. package/dist/organisms.cjs.js +1 -940
  30. package/dist/organisms.es.js +651 -758
  31. package/dist/provider.cjs.js +1 -48
  32. package/dist/provider.es.js +29 -34
  33. package/dist/sortable.esm-BSCvBWLi.js +2943 -0
  34. package/dist/sortable.esm-CA8VbUF-.cjs +5 -0
  35. package/dist/theme.css +1 -102
  36. package/dist/types/components/atoms/icon/constants/iconNames.d.ts +1 -1
  37. package/package.json +4 -4
  38. package/dist/colors-TPZkyKI4.cjs +0 -2212
  39. package/dist/deepMerge-CG1he8ZD.js +0 -20
  40. package/dist/deepMerge-Cn27K7-s.cjs +0 -19
  41. package/dist/index-B1Z0XlNV.cjs +0 -542
  42. package/dist/index-CCvWoynu.cjs +0 -12
  43. package/dist/index-CVNEow23.js +0 -543
  44. package/dist/index-Cbtrrxcv.js +0 -90
  45. package/dist/index-CiSH4Pqy.js +0 -266
  46. package/dist/index-Crz4ws0L.js +0 -1630
  47. package/dist/index-D-q_-bu0.cjs +0 -1629
  48. package/dist/index-DLUd_0LP.js +0 -13
  49. package/dist/index-DM-zAoQS.cjs +0 -89
  50. package/dist/index-DPvG_H_Y.cjs +0 -27
  51. package/dist/index-DdzyIn4u.js +0 -28
  52. package/dist/index-DsPAgC23.cjs +0 -37937
  53. package/dist/index-PyheoujP.cjs +0 -265
  54. package/dist/sortable.esm-BPjdpL-J.cjs +0 -3872
  55. package/dist/sortable.esm-C7oRJuPU.js +0 -3873
@@ -1,127 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const antd = require("antd");
5
- const index = require("./index-CCvWoynu.cjs");
6
- const index$1 = require("./index-DPvG_H_Y.cjs");
7
- const index$2 = require("./index-DM-zAoQS.cjs");
8
- const index$3 = require("./index-DsPAgC23.cjs");
9
- const tailwindMerge = require("tailwind-merge");
10
- const colors = require("./colors-TPZkyKI4.cjs");
11
- const React = require("react");
12
- const Alert = (props) => {
13
- return /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { ...props });
14
- };
15
- const Menu = ({ ...props }) => {
16
- return /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Menu, { ...props }) });
17
- };
18
- Menu.Item = antd.Menu.Item;
19
- Menu.ItemGroup = antd.Menu.ItemGroup;
20
- const PaginationThemeConfig = {
21
- components: {
22
- Pagination: {}
23
- }
24
- };
25
- const Pagination = ({ className, ...props }) => {
26
- return /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { theme: PaginationThemeConfig, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Pagination, { ...props, className: tailwindMerge.twMerge("bg-light-7", className) }) });
27
- };
28
- const Progress = ({ className, ...props }) => {
29
- return /* @__PURE__ */ jsxRuntime.jsx(
30
- antd.Progress,
31
- {
32
- strokeColor: colors.colors.secondary,
33
- ...props,
34
- className: tailwindMerge.twMerge("bg-light-7", className)
35
- }
36
- );
37
- };
38
- const SegmentedSwitch = ({ style, ...rest }) => {
39
- return /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
40
- antd.Segmented,
41
- {
42
- ...rest,
43
- style: {
44
- padding: 2,
45
- ...style
46
- }
47
- }
48
- ) });
49
- };
50
- const Skeleton = (props) => {
51
- return /* @__PURE__ */ jsxRuntime.jsx(antd.Skeleton, { ...props });
52
- };
53
- Skeleton.Avatar = antd.Skeleton.Avatar;
54
- Skeleton.Button = antd.Skeleton.Button;
55
- Skeleton.Image = antd.Skeleton.Image;
56
- Skeleton.Input = antd.Skeleton.Input;
57
- Skeleton.Node = antd.Skeleton.Node;
58
- const Slider = ({ size = 2, ...rest }) => {
59
- return /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { direction: "ltr", theme: { components: { Slider: { railSize: size } } }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Slider, { ...rest }) });
60
- };
61
- const stepTheme = {
62
- components: {
63
- Steps: {
64
- iconFontSize: 18,
65
- iconTop: 1
66
- }
67
- }
68
- };
69
- const Steps = ({ colorPrimary, rootClassName, ...props }) => {
70
- const mergedTheme = {
71
- ...stepTheme,
72
- token: {
73
- ...stepTheme.token || {},
74
- ...colorPrimary ? { colorPrimary } : {}
75
- }
76
- };
77
- return /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { theme: mergedTheme, children: /* @__PURE__ */ jsxRuntime.jsx(
78
- antd.Steps,
79
- {
80
- rootClassName: tailwindMerge.twMerge("[&_.ant-steps-item-finish_.ant-steps-icon]:top-1", rootClassName),
81
- ...props
82
- }
83
- ) });
84
- };
85
- Steps.Step = antd.Steps.Step;
86
- const SwitchThemeConfig = {
87
- components: {
88
- Switch: {
89
- handleBg: colors.colors.light_1,
90
- colorPrimaryHover: colors.colors.primary,
91
- colorTextTertiary: colors.colors.light_1,
92
- trackMinWidthSM: 26
93
- }
94
- }
95
- };
96
- const Switch = React.forwardRef(({ className, ...props }, ref) => {
97
- return /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { theme: SwitchThemeConfig, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Switch, { ref, ...props, className: tailwindMerge.twMerge("bg-light-7", className) }) });
98
- });
99
- const timeThemeConfig = {
100
- components: {
101
- Timeline: {
102
- tailColor: colors.colors.light_7,
103
- tailWidth: 4
104
- }
105
- }
106
- };
107
- const Timeline = ({ ...props }) => {
108
- return /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { theme: timeThemeConfig, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Timeline, { ...props }) });
109
- };
110
- exports.Avatar = index.Avatar;
111
- exports.Breadcrumb = index$1.Breadcrumb;
112
- exports.Dropdown = index$2.Dropdown;
113
- exports.Image = index$2.Image;
114
- exports.InfiniteLoader = index$2.InfiniteLoader;
115
- exports.Flex = index$3.Flex;
116
- exports.Loading = index$3.Loading;
117
- exports.Text = index$3.Text;
118
- exports.Alert = Alert;
119
- exports.Menu = Menu;
120
- exports.Pagination = Pagination;
121
- exports.Progress = Progress;
122
- exports.SegmentedSwitch = SegmentedSwitch;
123
- exports.Skeleton = Skeleton;
124
- exports.Slider = Slider;
125
- exports.Steps = Steps;
126
- exports.Switch = Switch;
127
- exports.Timeline = Timeline;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("antd"),h=require("./index-CwKyw6uN.cjs"),S=require("./index-bNh4-ggT.cjs"),l=require("./index-QraJKad8.cjs"),a=require("./index-B1HRk2-g.cjs"),s=require("tailwind-merge"),i=require("./colors-BDQwGpaB.cjs"),x=require("react"),p=t=>n.jsx(e.Alert,{...t}),d=({...t})=>n.jsx(e.ConfigProvider,{children:n.jsx(e.Menu,{...t})});d.Item=e.Menu.Item;d.ItemGroup=e.Menu.ItemGroup;const j={components:{Pagination:{}}},f=({className:t,...r})=>n.jsx(e.ConfigProvider,{theme:j,children:n.jsx(e.Pagination,{...r,className:s.twMerge("bg-light-7",t)})}),P=({className:t,...r})=>n.jsx(e.Progress,{strokeColor:i.colors.secondary,...r,className:s.twMerge("bg-light-7",t)}),w=({style:t,...r})=>n.jsx(e.ConfigProvider,{children:n.jsx(e.Segmented,{...r,style:{padding:2,...t}})}),o=t=>n.jsx(e.Skeleton,{...t});o.Avatar=e.Skeleton.Avatar;o.Button=e.Skeleton.Button;o.Image=e.Skeleton.Image;o.Input=e.Skeleton.Input;o.Node=e.Skeleton.Node;const T=({size:t=2,...r})=>n.jsx(e.ConfigProvider,{direction:"ltr",theme:{components:{Slider:{railSize:t}}},children:n.jsx(e.Slider,{...r})}),g={components:{Steps:{iconFontSize:18,iconTop:1}}},m=({colorPrimary:t,rootClassName:r,...c})=>{const u={...g,token:{...g.token||{},...t?{colorPrimary:t}:{}}};return n.jsx(e.ConfigProvider,{theme:u,children:n.jsx(e.Steps,{rootClassName:s.twMerge("[&_.ant-steps-item-finish_.ant-steps-icon]:top-1",r),...c})})};m.Step=e.Steps.Step;const v={components:{Switch:{handleBg:i.colors.light_1,colorPrimaryHover:i.colors.primary,colorTextTertiary:i.colors.light_1,trackMinWidthSM:26}}},C=x.forwardRef(({className:t,...r},c)=>n.jsx(e.ConfigProvider,{theme:v,children:n.jsx(e.Switch,{ref:c,...r,className:s.twMerge("bg-light-7",t)})})),M={components:{Timeline:{tailColor:i.colors.light_7,tailWidth:4}}},k=({...t})=>n.jsx(e.ConfigProvider,{theme:M,children:n.jsx(e.Timeline,{...t})});exports.Avatar=h.Avatar;exports.Breadcrumb=S.Breadcrumb;exports.Dropdown=l.Dropdown;exports.Image=l.Image;exports.InfiniteLoader=l.InfiniteLoader;exports.Flex=a.Flex;exports.Loading=a.Loading;exports.Text=a.Text;exports.Alert=p;exports.Menu=d;exports.Pagination=f;exports.Progress=P;exports.SegmentedSwitch=w;exports.Skeleton=o;exports.Slider=T;exports.Steps=m;exports.Switch=C;exports.Timeline=k;
@@ -1,127 +1,99 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Alert as Alert$1, ConfigProvider, Menu as Menu$1, Pagination as Pagination$1, Progress as Progress$1, Segmented, Skeleton as Skeleton$1, Slider as Slider$1, Steps as Steps$1, Switch as Switch$1, Timeline as Timeline$1 } from "antd";
3
- import { A } from "./index-DLUd_0LP.js";
4
- import { B } from "./index-DdzyIn4u.js";
5
- import { D, a, I } from "./index-Cbtrrxcv.js";
6
- import { F, L, T } from "./index-B02Mlfa4.js";
7
- import { twMerge } from "tailwind-merge";
8
- import { c as colors } from "./colors-CztsZ6e_.js";
9
- import { forwardRef } from "react";
10
- const Alert = (props) => {
11
- return /* @__PURE__ */ jsx(Alert$1, { ...props });
12
- };
13
- const Menu = ({ ...props }) => {
14
- return /* @__PURE__ */ jsx(ConfigProvider, { children: /* @__PURE__ */ jsx(Menu$1, { ...props }) });
15
- };
16
- Menu.Item = Menu$1.Item;
17
- Menu.ItemGroup = Menu$1.ItemGroup;
18
- const PaginationThemeConfig = {
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { Alert as d, ConfigProvider as n, Menu as c, Pagination as S, Progress as u, Segmented as f, Skeleton as r, Slider as T, Steps as h, Switch as I, Timeline as w } from "antd";
3
+ import { A as j } from "./index-BCH1vT85.js";
4
+ import { B as R } from "./index-CpGdrWps.js";
5
+ import { D as E, a as J, I as K } from "./index-BPqX2Hsu.js";
6
+ import { F as Q, L as U, T as V } from "./index-BRLLsEKX.js";
7
+ import { twMerge as a } from "tailwind-merge";
8
+ import { c as i } from "./colors-BW-NR0oP.js";
9
+ import { forwardRef as x } from "react";
10
+ const _ = (e) => /* @__PURE__ */ t(d, { ...e }), p = ({ ...e }) => /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(c, { ...e }) });
11
+ p.Item = c.Item;
12
+ p.ItemGroup = c.ItemGroup;
13
+ const P = {
19
14
  components: {
20
15
  Pagination: {}
21
16
  }
22
- };
23
- const Pagination = ({ className, ...props }) => {
24
- return /* @__PURE__ */ jsx(ConfigProvider, { theme: PaginationThemeConfig, children: /* @__PURE__ */ jsx(Pagination$1, { ...props, className: twMerge("bg-light-7", className) }) });
25
- };
26
- const Progress = ({ className, ...props }) => {
27
- return /* @__PURE__ */ jsx(
28
- Progress$1,
29
- {
30
- strokeColor: colors.secondary,
31
- ...props,
32
- className: twMerge("bg-light-7", className)
33
- }
34
- );
35
- };
36
- const SegmentedSwitch = ({ style, ...rest }) => {
37
- return /* @__PURE__ */ jsx(ConfigProvider, { children: /* @__PURE__ */ jsx(
38
- Segmented,
39
- {
40
- ...rest,
41
- style: {
42
- padding: 2,
43
- ...style
44
- }
17
+ }, b = ({ className: e, ...o }) => /* @__PURE__ */ t(n, { theme: P, children: /* @__PURE__ */ t(S, { ...o, className: a("bg-light-7", e) }) }), y = ({ className: e, ...o }) => /* @__PURE__ */ t(
18
+ u,
19
+ {
20
+ strokeColor: i.secondary,
21
+ ...o,
22
+ className: a("bg-light-7", e)
23
+ }
24
+ ), F = ({ style: e, ...o }) => /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
25
+ f,
26
+ {
27
+ ...o,
28
+ style: {
29
+ padding: 2,
30
+ ...e
45
31
  }
46
- ) });
47
- };
48
- const Skeleton = (props) => {
49
- return /* @__PURE__ */ jsx(Skeleton$1, { ...props });
50
- };
51
- Skeleton.Avatar = Skeleton$1.Avatar;
52
- Skeleton.Button = Skeleton$1.Button;
53
- Skeleton.Image = Skeleton$1.Image;
54
- Skeleton.Input = Skeleton$1.Input;
55
- Skeleton.Node = Skeleton$1.Node;
56
- const Slider = ({ size = 2, ...rest }) => {
57
- return /* @__PURE__ */ jsx(ConfigProvider, { direction: "ltr", theme: { components: { Slider: { railSize: size } } }, children: /* @__PURE__ */ jsx(Slider$1, { ...rest }) });
58
- };
59
- const stepTheme = {
32
+ }
33
+ ) }), s = (e) => /* @__PURE__ */ t(r, { ...e });
34
+ s.Avatar = r.Avatar;
35
+ s.Button = r.Button;
36
+ s.Image = r.Image;
37
+ s.Input = r.Input;
38
+ s.Node = r.Node;
39
+ const L = ({ size: e = 2, ...o }) => /* @__PURE__ */ t(n, { direction: "ltr", theme: { components: { Slider: { railSize: e } } }, children: /* @__PURE__ */ t(T, { ...o }) }), l = {
60
40
  components: {
61
41
  Steps: {
62
42
  iconFontSize: 18,
63
43
  iconTop: 1
64
44
  }
65
45
  }
66
- };
67
- const Steps = ({ colorPrimary, rootClassName, ...props }) => {
68
- const mergedTheme = {
69
- ...stepTheme,
46
+ }, $ = ({ colorPrimary: e, rootClassName: o, ...m }) => {
47
+ const g = {
48
+ ...l,
70
49
  token: {
71
- ...stepTheme.token || {},
72
- ...colorPrimary ? { colorPrimary } : {}
50
+ ...l.token || {},
51
+ ...e ? { colorPrimary: e } : {}
73
52
  }
74
53
  };
75
- return /* @__PURE__ */ jsx(ConfigProvider, { theme: mergedTheme, children: /* @__PURE__ */ jsx(
76
- Steps$1,
54
+ return /* @__PURE__ */ t(n, { theme: g, children: /* @__PURE__ */ t(
55
+ h,
77
56
  {
78
- rootClassName: twMerge("[&_.ant-steps-item-finish_.ant-steps-icon]:top-1", rootClassName),
79
- ...props
57
+ rootClassName: a("[&_.ant-steps-item-finish_.ant-steps-icon]:top-1", o),
58
+ ...m
80
59
  }
81
60
  ) });
82
61
  };
83
- Steps.Step = Steps$1.Step;
84
- const SwitchThemeConfig = {
62
+ $.Step = h.Step;
63
+ const k = {
85
64
  components: {
86
65
  Switch: {
87
- handleBg: colors.light_1,
88
- colorPrimaryHover: colors.primary,
89
- colorTextTertiary: colors.light_1,
66
+ handleBg: i.light_1,
67
+ colorPrimaryHover: i.primary,
68
+ colorTextTertiary: i.light_1,
90
69
  trackMinWidthSM: 26
91
70
  }
92
71
  }
93
- };
94
- const Switch = forwardRef(({ className, ...props }, ref) => {
95
- return /* @__PURE__ */ jsx(ConfigProvider, { theme: SwitchThemeConfig, children: /* @__PURE__ */ jsx(Switch$1, { ref, ...props, className: twMerge("bg-light-7", className) }) });
96
- });
97
- const timeThemeConfig = {
72
+ }, z = x(({ className: e, ...o }, m) => /* @__PURE__ */ t(n, { theme: k, children: /* @__PURE__ */ t(I, { ref: m, ...o, className: a("bg-light-7", e) }) })), A = {
98
73
  components: {
99
74
  Timeline: {
100
- tailColor: colors.light_7,
75
+ tailColor: i.light_7,
101
76
  tailWidth: 4
102
77
  }
103
78
  }
104
- };
105
- const Timeline = ({ ...props }) => {
106
- return /* @__PURE__ */ jsx(ConfigProvider, { theme: timeThemeConfig, children: /* @__PURE__ */ jsx(Timeline$1, { ...props }) });
107
- };
79
+ }, D = ({ ...e }) => /* @__PURE__ */ t(n, { theme: A, children: /* @__PURE__ */ t(w, { ...e }) });
108
80
  export {
109
- Alert,
110
- A as Avatar,
111
- B as Breadcrumb,
112
- D as Dropdown,
113
- F as Flex,
114
- a as Image,
115
- I as InfiniteLoader,
116
- L as Loading,
117
- Menu,
118
- Pagination,
119
- Progress,
120
- SegmentedSwitch,
121
- Skeleton,
122
- Slider,
123
- Steps,
124
- Switch,
125
- T as Text,
126
- Timeline
81
+ _ as Alert,
82
+ j as Avatar,
83
+ R as Breadcrumb,
84
+ E as Dropdown,
85
+ Q as Flex,
86
+ J as Image,
87
+ K as InfiniteLoader,
88
+ U as Loading,
89
+ p as Menu,
90
+ b as Pagination,
91
+ y as Progress,
92
+ F as SegmentedSwitch,
93
+ s as Skeleton,
94
+ L as Slider,
95
+ $ as Steps,
96
+ z as Switch,
97
+ V as Text,
98
+ D as Timeline
127
99
  };