@ctlyst.id/internal-ui 1.0.1-canary.4 → 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (102) hide show
  1. package/dist/components/base/stories/button.stories.d.ts +10 -0
  2. package/dist/components/base/stories/checkbox.stories.d.ts +11 -0
  3. package/dist/components/base/stories/input.stories.d.ts +16 -0
  4. package/dist/components/base/stories/radio.stories.d.ts +15 -0
  5. package/dist/components/base/stories/switch.stories.d.ts +11 -0
  6. package/dist/{types/components → components}/breadcrumb/components/BreadCrumb.d.ts +17 -17
  7. package/dist/components/breadcrumb/components/BreadCrumb.stories.d.ts +10 -0
  8. package/dist/{types/components → components}/breadcrumb/index.d.ts +2 -2
  9. package/dist/{types/components → components}/data-table/components/data-table.d.ts +40 -40
  10. package/dist/{types/components → components}/data-table/components/indeterminate-checkbox.d.ts +5 -5
  11. package/dist/{types/components → components}/data-table/index.d.ts +3 -3
  12. package/dist/components/data-table/stories/data-table.stories.d.ts +38 -0
  13. package/dist/{types/components → components}/data-table/types/table-core.d.ts +1 -1
  14. package/dist/{types/components → components}/datepicker/components/datepicker.d.ts +17 -17
  15. package/dist/components/datepicker/components/datepicker.stories.d.ts +13 -0
  16. package/dist/{types/components → components}/datepicker/components/styles.d.ts +2 -2
  17. package/dist/{types/components → components}/datepicker/components/time-input.d.ts +9 -9
  18. package/dist/{types/components → components}/datepicker/index.d.ts +2 -2
  19. package/dist/{types/components → components}/field/components/field.d.ts +11 -11
  20. package/dist/{types/components → components}/field/components/input-field.d.ts +12 -12
  21. package/dist/{types/components → components}/field/components/textarea-field.d.ts +12 -12
  22. package/dist/{types/components → components}/field/index.d.ts +6 -6
  23. package/dist/{types/components → components}/header/components/header.d.ts +10 -10
  24. package/dist/{types/components → components}/header/components/logo.d.ts +2 -2
  25. package/dist/{types/components → components}/header/components/profile.d.ts +8 -8
  26. package/dist/{types/components → components}/header/components/switch-mode.d.ts +3 -3
  27. package/dist/{types/components → components}/header/components/version.d.ts +9 -9
  28. package/dist/{types/components → components}/header/index.d.ts +3 -3
  29. package/dist/components/header/stories/header.stories.d.ts +10 -0
  30. package/dist/{types/components → components}/header/types.d.ts +10 -10
  31. package/dist/{types/components → components}/header/utils/formatter.d.ts +2 -2
  32. package/dist/{types/components → components}/index.d.ts +11 -11
  33. package/dist/{types/components → components}/modal/components/modal-close-button.d.ts +4 -4
  34. package/dist/{types/components → components}/modal/components/modal-footer.d.ts +4 -4
  35. package/dist/{types/components → components}/modal/components/modal-header.d.ts +4 -4
  36. package/dist/{types/components → components}/modal/index.d.ts +4 -4
  37. package/dist/components/modal/stories/modal.stories.d.ts +10 -0
  38. package/dist/{types/components → components}/navigation/components/navigation.d.ts +10 -10
  39. package/dist/{types/components → components}/navigation/index.d.ts +2 -2
  40. package/dist/components/navigation/stories/navigation.stories.d.ts +10 -0
  41. package/dist/{types/components → components}/navigation/types.d.ts +8 -8
  42. package/dist/{types/components → components}/pagination/components/pagination-button-trigger.d.ts +10 -10
  43. package/dist/{types/components → components}/pagination/components/pagination-button.d.ts +6 -6
  44. package/dist/{types/components → components}/pagination/components/pagination-detail.d.ts +10 -10
  45. package/dist/{types/components → components}/pagination/components/pagination-filter.d.ts +13 -13
  46. package/dist/{types/components → components}/pagination/components/pagination.d.ts +16 -16
  47. package/dist/{types/components → components}/pagination/index.d.ts +6 -6
  48. package/dist/components/pagination/stories/pagination.stories.d.ts +13 -0
  49. package/dist/{types/components → components}/select/components/select-async-creatable.d.ts +4 -4
  50. package/dist/{types/components → components}/select/components/select-async.d.ts +5 -5
  51. package/dist/{types/components → components}/select/components/select-creatable.d.ts +4 -4
  52. package/dist/{types/components → components}/select/components/select.d.ts +4 -4
  53. package/dist/{types/components → components}/select/components/utils.d.ts +26 -26
  54. package/dist/{types/components → components}/select/index.d.ts +8 -8
  55. package/dist/components/select/stories/select.stories.d.ts +13 -0
  56. package/dist/{types/components → components}/tabs/components/tab-list.d.ts +3 -3
  57. package/dist/{types/components → components}/tabs/components/tab-panel.d.ts +3 -3
  58. package/dist/{types/components → components}/tabs/components/tab.d.ts +11 -11
  59. package/dist/{types/components → components}/tabs/index.d.ts +4 -4
  60. package/dist/components/tabs/stories/tabs.stories.d.ts +10 -0
  61. package/dist/{types/components → components}/uploader/components/uploader.d.ts +12 -12
  62. package/dist/{types/components → components}/uploader/constants.d.ts +8 -8
  63. package/dist/{types/components → components}/uploader/index.d.ts +2 -2
  64. package/dist/components/uploader/stories/uploader.stories.d.ts +12 -0
  65. package/dist/config/foundations.stories.d.ts +13 -0
  66. package/dist/{types/config → config}/index.d.ts +1 -1
  67. package/dist/{types/config → config}/theme/components/button.d.ts +3 -3
  68. package/dist/{types/config → config}/theme/components/checkbox.d.ts +3 -3
  69. package/dist/{types/config → config}/theme/components/form-label.d.ts +19 -19
  70. package/dist/{types/config → config}/theme/components/index.d.ts +8 -8
  71. package/dist/{types/config → config}/theme/components/input.d.ts +114 -114
  72. package/dist/{types/config → config}/theme/components/popover.d.ts +3 -3
  73. package/dist/{types/config → config}/theme/components/radio.d.ts +3 -3
  74. package/dist/{types/config → config}/theme/components/switch.d.ts +32 -32
  75. package/dist/{types/config → config}/theme/components/textarea.d.ts +3 -3
  76. package/dist/config/theme/foundations/colors.d.ts +158 -0
  77. package/dist/{types/config → config}/theme/foundations/index.d.ts +5 -5
  78. package/dist/{types/config → config}/theme/foundations/radius.d.ts +8 -8
  79. package/dist/{types/config → config}/theme/foundations/sizes.d.ts +66 -66
  80. package/dist/{types/config → config}/theme/foundations/spacing.d.ts +42 -42
  81. package/dist/{types/config → config}/theme/foundations/typography.d.ts +173 -173
  82. package/dist/{types/config → config}/theme/index.d.ts +1 -1
  83. package/dist/{types/config → config}/theme/themeConfiguration.d.ts +4 -4
  84. package/dist/hooks/index.d.ts +1 -0
  85. package/dist/hooks/useFetcher.d.ts +4 -0
  86. package/dist/{types/index.d.ts → index.d.ts} +3 -3
  87. package/dist/index.js +6 -892
  88. package/dist/interfaces/common.d.ts +17 -0
  89. package/dist/internal-ui.cjs.development.js +3279 -0
  90. package/dist/internal-ui.cjs.development.js.map +1 -0
  91. package/dist/internal-ui.cjs.production.min.js +10 -0
  92. package/dist/internal-ui.cjs.production.min.js.map +1 -0
  93. package/dist/internal-ui.esm.js +3008 -0
  94. package/dist/internal-ui.esm.js.map +1 -0
  95. package/dist/{types/provider → provider}/index.d.ts +2 -2
  96. package/dist/{types/provider → provider}/provider.d.ts +6 -6
  97. package/dist/provider/provider.stories.d.ts +5 -0
  98. package/dist/provider/types.d.ts +14 -0
  99. package/package.json +8 -7
  100. package/dist/index.mjs +0 -20509
  101. package/dist/types/config/theme/foundations/colors.d.ts +0 -158
  102. package/dist/types/provider/types.d.ts +0 -14
@@ -1,114 +1,114 @@
1
- declare const Input: {
2
- baseStyle?: {
3
- field: {
4
- width: string;
5
- minWidth: number;
6
- outline: number;
7
- px: number;
8
- py: number;
9
- position: string;
10
- appearance: string;
11
- transitionProperty: string;
12
- transitionDuration: string;
13
- color: string;
14
- _disabled: {
15
- bg: string;
16
- border: string;
17
- borderColor: string;
18
- cursor: string;
19
- };
20
- _placeholder: {
21
- color: string;
22
- };
23
- };
24
- } | undefined;
25
- sizes?: {
26
- lg: {
27
- field: {
28
- fontSize: string;
29
- h: number;
30
- borderRadius: string;
31
- };
32
- addon: {
33
- fontSize: string;
34
- h: number;
35
- borderRadius: string;
36
- };
37
- };
38
- md: {
39
- field: {
40
- fontSize: string;
41
- h: number;
42
- borderRadius: string;
43
- };
44
- addon: {
45
- fontSize: string;
46
- h: number;
47
- borderRadius: string;
48
- };
49
- };
50
- sm: {
51
- field: {
52
- fontSize: string;
53
- h: number;
54
- borderRadius: string;
55
- };
56
- addon: {
57
- fontSize: string;
58
- h: number;
59
- borderRadius: string;
60
- };
61
- };
62
- } | undefined;
63
- variants?: {
64
- outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
65
- field: {
66
- border: string;
67
- borderColor: string;
68
- bg: string;
69
- color: string;
70
- _hover: {
71
- borderColor: string;
72
- };
73
- _readOnly: {
74
- userSelect: string;
75
- borderColor: any;
76
- boxShadow: string;
77
- };
78
- _invalid: {
79
- borderColor: any;
80
- boxShadow: string;
81
- };
82
- _focusVisible: {
83
- zIndex: number;
84
- borderColor: any;
85
- boxShadow: string;
86
- };
87
- };
88
- addon: {
89
- border: string;
90
- borderColor: string;
91
- bg: string;
92
- };
93
- };
94
- unstyled: {
95
- field: {
96
- bg: string;
97
- px: string;
98
- height: string;
99
- };
100
- addon: {
101
- bg: string;
102
- px: string;
103
- height: string;
104
- };
105
- };
106
- } | undefined;
107
- defaultProps?: {
108
- size?: "sm" | "md" | "lg" | undefined;
109
- variant?: "outline" | "unstyled" | undefined;
110
- colorScheme?: string | undefined;
111
- } | undefined;
112
- parts: ("element" | "addon" | "field")[];
113
- };
114
- export default Input;
1
+ declare const Input: {
2
+ baseStyle?: {
3
+ field: {
4
+ width: string;
5
+ minWidth: number;
6
+ outline: number;
7
+ px: number;
8
+ py: number;
9
+ position: string;
10
+ appearance: string;
11
+ transitionProperty: string;
12
+ transitionDuration: string;
13
+ color: string;
14
+ _disabled: {
15
+ bg: string;
16
+ border: string;
17
+ borderColor: string;
18
+ cursor: string;
19
+ };
20
+ _placeholder: {
21
+ color: string;
22
+ };
23
+ };
24
+ } | undefined;
25
+ sizes?: {
26
+ lg: {
27
+ field: {
28
+ fontSize: string;
29
+ h: number;
30
+ borderRadius: string;
31
+ };
32
+ addon: {
33
+ fontSize: string;
34
+ h: number;
35
+ borderRadius: string;
36
+ };
37
+ };
38
+ md: {
39
+ field: {
40
+ fontSize: string;
41
+ h: number;
42
+ borderRadius: string;
43
+ };
44
+ addon: {
45
+ fontSize: string;
46
+ h: number;
47
+ borderRadius: string;
48
+ };
49
+ };
50
+ sm: {
51
+ field: {
52
+ fontSize: string;
53
+ h: number;
54
+ borderRadius: string;
55
+ };
56
+ addon: {
57
+ fontSize: string;
58
+ h: number;
59
+ borderRadius: string;
60
+ };
61
+ };
62
+ } | undefined;
63
+ variants?: {
64
+ outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
65
+ field: {
66
+ border: string;
67
+ borderColor: string;
68
+ bg: string;
69
+ color: string;
70
+ _hover: {
71
+ borderColor: string;
72
+ };
73
+ _readOnly: {
74
+ userSelect: string;
75
+ borderColor: any;
76
+ boxShadow: string;
77
+ };
78
+ _invalid: {
79
+ borderColor: any;
80
+ boxShadow: string;
81
+ };
82
+ _focusVisible: {
83
+ zIndex: number;
84
+ borderColor: any;
85
+ boxShadow: string;
86
+ };
87
+ };
88
+ addon: {
89
+ border: string;
90
+ borderColor: string;
91
+ bg: string;
92
+ };
93
+ };
94
+ unstyled: {
95
+ field: {
96
+ bg: string;
97
+ px: string;
98
+ height: string;
99
+ };
100
+ addon: {
101
+ bg: string;
102
+ px: string;
103
+ height: string;
104
+ };
105
+ };
106
+ } | undefined;
107
+ defaultProps?: {
108
+ size?: "sm" | "md" | "lg" | undefined;
109
+ variant?: "outline" | "unstyled" | undefined;
110
+ colorScheme?: string | undefined;
111
+ } | undefined;
112
+ parts: ("addon" | "field" | "element")[];
113
+ };
114
+ export default Input;
@@ -1,3 +1,3 @@
1
- import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
- declare const Popover: ComponentStyleConfig;
3
- export default Popover;
1
+ import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
+ declare const Popover: ComponentStyleConfig;
3
+ export default Popover;
@@ -1,3 +1,3 @@
1
- import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
- declare const Radio: ComponentStyleConfig;
3
- export default Radio;
1
+ import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
+ declare const Radio: ComponentStyleConfig;
3
+ export default Radio;
@@ -1,32 +1,32 @@
1
- declare const Switch: {
2
- baseStyle?: {
3
- container: {};
4
- thumb: {
5
- bg: string;
6
- };
7
- track: {
8
- bg: string;
9
- p: number;
10
- _checked: {
11
- bg: string;
12
- };
13
- };
14
- } | undefined;
15
- sizes?: {
16
- [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
17
- keys: ("track" | "container" | "thumb")[];
18
- }>;
19
- } | undefined;
20
- variants?: {
21
- [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
22
- keys: ("track" | "container" | "thumb")[];
23
- }>;
24
- } | undefined;
25
- defaultProps?: {
26
- size?: string | number | undefined;
27
- variant?: string | number | undefined;
28
- colorScheme?: string | undefined;
29
- } | undefined;
30
- parts: ("track" | "container" | "thumb")[];
31
- };
32
- export default Switch;
1
+ declare const Switch: {
2
+ baseStyle?: {
3
+ container: {};
4
+ thumb: {
5
+ bg: string;
6
+ };
7
+ track: {
8
+ bg: string;
9
+ p: number;
10
+ _checked: {
11
+ bg: string;
12
+ };
13
+ };
14
+ } | undefined;
15
+ sizes?: {
16
+ [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
17
+ keys: ("container" | "track" | "thumb")[];
18
+ }>;
19
+ } | undefined;
20
+ variants?: {
21
+ [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
22
+ keys: ("container" | "track" | "thumb")[];
23
+ }>;
24
+ } | undefined;
25
+ defaultProps?: {
26
+ size?: string | number | undefined;
27
+ variant?: string | number | undefined;
28
+ colorScheme?: string | undefined;
29
+ } | undefined;
30
+ parts: ("container" | "track" | "thumb")[];
31
+ };
32
+ export default Switch;
@@ -1,3 +1,3 @@
1
- import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
- declare const Textarea: ComponentStyleConfig;
3
- export default Textarea;
1
+ import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
+ declare const Textarea: ComponentStyleConfig;
3
+ export default Textarea;
@@ -0,0 +1,158 @@
1
+ declare const colors: {
2
+ transparent: string;
3
+ black: {
4
+ high: string;
5
+ medium: string;
6
+ low: string;
7
+ };
8
+ white: {
9
+ high: string;
10
+ medium: string;
11
+ low: string;
12
+ };
13
+ neutral: {
14
+ 50: string;
15
+ 100: string;
16
+ 200: string;
17
+ 300: string;
18
+ 400: string;
19
+ 500: string;
20
+ 600: string;
21
+ 700: string;
22
+ 800: string;
23
+ 900: string;
24
+ };
25
+ primary: {
26
+ 50: string;
27
+ 100: string;
28
+ 200: string;
29
+ 300: string;
30
+ 400: string;
31
+ 500: string;
32
+ 600: string;
33
+ 700: string;
34
+ 800: string;
35
+ 900: string;
36
+ };
37
+ secondary: {
38
+ 50: string;
39
+ 100: string;
40
+ 200: string;
41
+ 300: string;
42
+ 400: string;
43
+ 500: string;
44
+ 600: string;
45
+ 700: string;
46
+ 800: string;
47
+ 900: string;
48
+ };
49
+ success: {
50
+ 50: string;
51
+ 100: string;
52
+ 200: string;
53
+ 300: string;
54
+ 400: string;
55
+ 500: string;
56
+ 600: string;
57
+ 700: string;
58
+ 800: string;
59
+ 900: string;
60
+ };
61
+ danger: {
62
+ 50: string;
63
+ 100: string;
64
+ 200: string;
65
+ 300: string;
66
+ 400: string;
67
+ 500: string;
68
+ 600: string;
69
+ 700: string;
70
+ 800: string;
71
+ 900: string;
72
+ };
73
+ warning: {
74
+ 50: string;
75
+ 100: string;
76
+ 200: string;
77
+ 300: string;
78
+ 400: string;
79
+ 500: string;
80
+ 600: string;
81
+ 700: string;
82
+ 800: string;
83
+ 900: string;
84
+ };
85
+ info: {
86
+ 50: string;
87
+ 100: string;
88
+ 200: string;
89
+ 300: string;
90
+ 400: string;
91
+ 500: string;
92
+ 600: string;
93
+ 700: string;
94
+ 800: string;
95
+ 900: string;
96
+ };
97
+ dark: {
98
+ 50: string;
99
+ 100: string;
100
+ 200: string;
101
+ 300: string;
102
+ 400: string;
103
+ 500: string;
104
+ 600: string;
105
+ 700: string;
106
+ 800: string;
107
+ 900: string;
108
+ };
109
+ mirage: {
110
+ 50: string;
111
+ 100: string;
112
+ 200: string;
113
+ 300: string;
114
+ 400: string;
115
+ 500: string;
116
+ 600: string;
117
+ 700: string;
118
+ 800: string;
119
+ 900: string;
120
+ };
121
+ 'ebony-clay': {
122
+ 50: string;
123
+ 100: string;
124
+ 200: string;
125
+ 300: string;
126
+ 400: string;
127
+ 500: string;
128
+ 600: string;
129
+ 700: string;
130
+ 800: string;
131
+ 900: string;
132
+ };
133
+ 'bright-gray': {
134
+ 50: string;
135
+ 100: string;
136
+ 200: string;
137
+ 300: string;
138
+ 400: string;
139
+ 500: string;
140
+ 600: string;
141
+ 700: string;
142
+ 800: string;
143
+ 900: string;
144
+ };
145
+ 'dove-gray': {
146
+ 50: string;
147
+ 100: string;
148
+ 200: string;
149
+ 300: string;
150
+ 400: string;
151
+ 500: string;
152
+ 600: string;
153
+ 700: string;
154
+ 800: string;
155
+ 900: string;
156
+ };
157
+ };
158
+ export default colors;
@@ -1,5 +1,5 @@
1
- export { default as colors } from './colors';
2
- export { default as radii } from './radius';
3
- export { default as space } from './spacing';
4
- export { default as sizes } from './sizes';
5
- export { fonts, fontSizes, lineHeights, textStyles } from './typography';
1
+ export { default as colors } from './colors';
2
+ export { default as radii } from './radius';
3
+ export { default as space } from './spacing';
4
+ export { default as sizes } from './sizes';
5
+ export { fonts, fontSizes, lineHeights, textStyles } from './typography';
@@ -1,8 +1,8 @@
1
- declare const radius: {
2
- none: number;
3
- sm: string;
4
- md: string;
5
- lg: string;
6
- full: string;
7
- };
8
- export default radius;
1
+ declare const radius: {
2
+ none: number;
3
+ sm: string;
4
+ md: string;
5
+ lg: string;
6
+ full: string;
7
+ };
8
+ export default radius;
@@ -1,66 +1,66 @@
1
- declare const sizes: {
2
- 4.5: string;
3
- 9.5: string;
4
- 18: string;
5
- 22: string;
6
- 26: string;
7
- 30: string;
8
- container: {
9
- sm: string;
10
- md: string;
11
- lg: string;
12
- xl: string;
13
- };
14
- max: string;
15
- min: string;
16
- full: string;
17
- "3xs": string;
18
- "2xs": string;
19
- xs: string;
20
- sm: string;
21
- md: string;
22
- lg: string;
23
- xl: string;
24
- "2xl": string;
25
- "3xl": string;
26
- "4xl": string;
27
- "5xl": string;
28
- "6xl": string;
29
- "7xl": string;
30
- "8xl": string;
31
- prose: string;
32
- px: string;
33
- 0.5: string;
34
- 1: string;
35
- 1.5: string;
36
- 2: string;
37
- 2.5: string;
38
- 3: string;
39
- 3.5: string;
40
- 4: string;
41
- 5: string;
42
- 6: string;
43
- 7: string;
44
- 8: string;
45
- 9: string;
46
- 10: string;
47
- 12: string;
48
- 14: string;
49
- 16: string;
50
- 20: string;
51
- 24: string;
52
- 28: string;
53
- 32: string;
54
- 36: string;
55
- 40: string;
56
- 44: string;
57
- 48: string;
58
- 52: string;
59
- 56: string;
60
- 60: string;
61
- 64: string;
62
- 72: string;
63
- 80: string;
64
- 96: string;
65
- };
66
- export default sizes;
1
+ declare const sizes: {
2
+ 4.5: string;
3
+ 9.5: string;
4
+ 18: string;
5
+ 22: string;
6
+ 26: string;
7
+ 30: string;
8
+ container: {
9
+ sm: string;
10
+ md: string;
11
+ lg: string;
12
+ xl: string;
13
+ };
14
+ max: string;
15
+ min: string;
16
+ full: string;
17
+ "3xs": string;
18
+ "2xs": string;
19
+ xs: string;
20
+ sm: string;
21
+ md: string;
22
+ lg: string;
23
+ xl: string;
24
+ "2xl": string;
25
+ "3xl": string;
26
+ "4xl": string;
27
+ "5xl": string;
28
+ "6xl": string;
29
+ "7xl": string;
30
+ "8xl": string;
31
+ prose: string;
32
+ px: string;
33
+ 0.5: string;
34
+ 1: string;
35
+ 1.5: string;
36
+ 2: string;
37
+ 2.5: string;
38
+ 3: string;
39
+ 3.5: string;
40
+ 4: string;
41
+ 5: string;
42
+ 6: string;
43
+ 7: string;
44
+ 8: string;
45
+ 9: string;
46
+ 10: string;
47
+ 12: string;
48
+ 14: string;
49
+ 16: string;
50
+ 20: string;
51
+ 24: string;
52
+ 28: string;
53
+ 32: string;
54
+ 36: string;
55
+ 40: string;
56
+ 44: string;
57
+ 48: string;
58
+ 52: string;
59
+ 56: string;
60
+ 60: string;
61
+ 64: string;
62
+ 72: string;
63
+ 80: string;
64
+ 96: string;
65
+ };
66
+ export default sizes;