@creativecodeco/ui 0.6.2 → 1.0.0

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 (71) hide show
  1. package/README.md +13 -19
  2. package/lib/helpers/index.js +8 -2
  3. package/lib/helpers/react-hook-form/controller.component.js +7 -4
  4. package/lib/helpers/react-hook-form/index.js +7 -2
  5. package/lib/hooks/index.js +8 -2
  6. package/lib/hooks/use-safe-button-props.hook.d.ts +98 -97
  7. package/lib/hooks/use-safe-button-props.hook.js +17 -8
  8. package/lib/index.js +23 -7
  9. package/lib/theme/css/accordion.css +5 -7
  10. package/lib/theme/css/avatar.css +19 -21
  11. package/lib/theme/css/badge.css +38 -44
  12. package/lib/theme/css/button.css +49 -53
  13. package/lib/theme/css/checkbox.css +31 -35
  14. package/lib/theme/css/main.css +3 -4
  15. package/lib/theme/css/radio.css +31 -35
  16. package/lib/theme/css/span.css +2 -4
  17. package/lib/theme/css/textbox.css +115 -0
  18. package/lib/theme/index.js +10 -6
  19. package/lib/theme/main.css +2669 -4112
  20. package/lib/types/helpers/controller.types.js +2 -1
  21. package/lib/types/index.js +2 -1
  22. package/lib/types/ui/base/constants.types.js +2 -1
  23. package/lib/types/ui/base/dom.types.js +2 -1
  24. package/lib/types/ui/base/error.types.js +2 -1
  25. package/lib/types/ui/base/index.js +2 -1
  26. package/lib/types/ui/components/accordion.types.js +2 -1
  27. package/lib/types/ui/components/avatar.types.js +2 -1
  28. package/lib/types/ui/components/badge.types.js +2 -1
  29. package/lib/types/ui/components/button.types.js +2 -1
  30. package/lib/types/ui/components/index.js +2 -1
  31. package/lib/types/ui/forms/checkbox.types.js +2 -1
  32. package/lib/types/ui/forms/dropdown.types.d.ts +1 -1
  33. package/lib/types/ui/forms/dropdown.types.js +2 -1
  34. package/lib/types/ui/forms/index.d.ts +1 -1
  35. package/lib/types/ui/forms/index.js +2 -1
  36. package/lib/types/ui/forms/radio.types.js +2 -1
  37. package/lib/types/ui/forms/textbox.types.js +2 -0
  38. package/lib/ui/components/accordion/accordion.component.js +11 -6
  39. package/lib/ui/components/accordion/index.js +8 -2
  40. package/lib/ui/components/avatar/avatar.component.js +18 -13
  41. package/lib/ui/components/avatar/index.js +8 -2
  42. package/lib/ui/components/badge/badge.component.js +12 -7
  43. package/lib/ui/components/badge/index.js +8 -2
  44. package/lib/ui/components/button/button.component.js +18 -13
  45. package/lib/ui/components/button/index.js +8 -2
  46. package/lib/ui/components/index.js +20 -4
  47. package/lib/ui/forms/checkbox/checkbox.component.js +15 -10
  48. package/lib/ui/forms/checkbox/index.js +8 -2
  49. package/lib/ui/forms/dropdown/dropdown.component.js +20 -18
  50. package/lib/ui/forms/dropdown/index.js +8 -2
  51. package/lib/ui/forms/index.d.ts +1 -1
  52. package/lib/ui/forms/index.js +21 -5
  53. package/lib/ui/forms/radio/index.js +8 -2
  54. package/lib/ui/forms/radio/radio.component.js +15 -10
  55. package/lib/ui/forms/radio-list/index.js +8 -2
  56. package/lib/ui/forms/radio-list/radio-list.component.js +6 -4
  57. package/lib/ui/forms/textbox/index.d.ts +2 -0
  58. package/lib/ui/forms/textbox/index.js +8 -0
  59. package/lib/ui/forms/textbox/textbox.component.js +26 -0
  60. package/lib/ui/provider/creativecode/creativecode-ui.provider.js +8 -5
  61. package/lib/ui/provider/index.js +8 -2
  62. package/lib/utils/index.js +17 -1
  63. package/lib/utils/string.utils.js +7 -3
  64. package/package.json +54 -61
  65. package/lib/theme/css/text-box.css +0 -113
  66. package/lib/types/ui/forms/text-box.types.js +0 -1
  67. package/lib/ui/forms/text-box/index.d.ts +0 -2
  68. package/lib/ui/forms/text-box/index.js +0 -2
  69. package/lib/ui/forms/text-box/text-box.component.js +0 -21
  70. /package/lib/types/ui/forms/{text-box.types.d.ts → textbox.types.d.ts} +0 -0
  71. /package/lib/ui/forms/{text-box/text-box.component.d.ts → textbox/textbox.component.d.ts} +0 -0
package/README.md CHANGED
@@ -25,11 +25,11 @@ yarn add @creativecodeco/ui
25
25
  ### Dependencies
26
26
 
27
27
  ```bash
28
- npm install --save-dev tailwindcss postcss postcss-import autoprefixer usehooks-ts cssnano
28
+ npm install --save-dev tailwindcss postcss usehooks-ts cssnano
29
29
 
30
30
  or
31
31
 
32
- yarn add -D tailwindcss postcss postcss-import autoprefixer usehooks-ts cssnano
32
+ yarn add -D tailwindcss postcss usehooks-ts cssnano
33
33
  ```
34
34
 
35
35
  ### Setting Tailwind
@@ -45,8 +45,8 @@ const themeConfig = {
45
45
  content: [
46
46
  ...creativeCodeTheme.content,
47
47
  './src/**/*.{js,jsx,ts,tsx}',
48
- './app/**/*.{js,jsx,ts,tsx}',
49
- ],
48
+ './app/**/*.{js,jsx,ts,tsx}'
49
+ ]
50
50
  };
51
51
 
52
52
  export default themeConfig;
@@ -63,7 +63,7 @@ const themeConfig = {
63
63
  content: [
64
64
  ...creativeCodeTheme.content,
65
65
  './src/**/*.{js,jsx,ts,tsx}',
66
- './app/**/*.{js,jsx,ts,tsx}',
66
+ './app/**/*.{js,jsx,ts,tsx}'
67
67
  ],
68
68
  daisyui: {
69
69
  ...creativeCodeTheme.daisyui,
@@ -75,11 +75,11 @@ const themeConfig = {
75
75
  secondary: '#427AA1',
76
76
  neutral: '#EBF2FA',
77
77
  accent: '#679436',
78
- other: '#A5BE00',
79
- },
80
- },
81
- ],
82
- },
78
+ other: '#A5BE00'
79
+ }
80
+ }
81
+ ]
82
+ }
83
83
  };
84
84
 
85
85
  export default themeConfig;
@@ -92,12 +92,8 @@ Create file `postcss.config.js` and add
92
92
  ```js
93
93
  module.exports = {
94
94
  plugins: {
95
- 'postcss-import': {},
96
- 'tailwindcss/nesting': {},
97
- tailwindcss: {},
98
- autoprefixer: {},
99
- ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {}),
100
- },
95
+ '@tailwindcss/postcss': {}
96
+ }
101
97
  };
102
98
  ```
103
99
 
@@ -114,9 +110,7 @@ export default function RootLayout({ children }) {
114
110
  return (
115
111
  <html>
116
112
  <body>
117
- <CreativeCodeUIProvider>
118
- {children}
119
- </CreativeCodeUIProvider>
113
+ <CreativeCodeUIProvider>{children}</CreativeCodeUIProvider>
120
114
  </body>
121
115
  </html>
122
116
  );
package/lib/helpers/index.js CHANGED
@@ -1,2 +1,8 @@
1
- import Controller from './react-hook-form';
2
- export { Controller };
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Controller = void 0;
7
+ const react_hook_form_1 = __importDefault(require("./react-hook-form"));
8
+ exports.Controller = react_hook_form_1.default;
package/lib/helpers/react-hook-form/controller.component.js CHANGED
@@ -1,5 +1,8 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Controller as RHFController } from 'react-hook-form';
3
- export default function Controller({ control, name, as: Input, defaultValue, shouldUnregister, rules, ...rest }) {
4
- return (_jsx(RHFController, { control: control, name: name, defaultValue: defaultValue, shouldUnregister: shouldUnregister, rules: rules, render: ({ field, fieldState: { error } }) => (_jsx(Input, { ...field, isError: !!error, error: error?.message, ...rest })) }));
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = Controller;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_hook_form_1 = require("react-hook-form");
6
+ function Controller({ control, name, as: Input, defaultValue, shouldUnregister, rules, ...rest }) {
7
+ return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: name, defaultValue: defaultValue, shouldUnregister: shouldUnregister, rules: rules, render: ({ field, fieldState: { error } }) => ((0, jsx_runtime_1.jsx)(Input, { ...field, isError: !!error, error: error?.message, ...rest })) }));
5
8
  }
package/lib/helpers/react-hook-form/index.js CHANGED
@@ -1,2 +1,7 @@
1
- import Controller from './controller.component';
2
- export default Controller;
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const controller_component_1 = __importDefault(require("./controller.component"));
7
+ exports.default = controller_component_1.default;
package/lib/hooks/index.js CHANGED
@@ -1,2 +1,8 @@
1
- import useSafeButtonProps from './use-safe-button-props.hook';
2
- export { useSafeButtonProps };
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.useSafeButtonProps = void 0;
7
+ const use_safe_button_props_hook_1 = __importDefault(require("./use-safe-button-props.hook"));
8
+ exports.useSafeButtonProps = use_safe_button_props_hook_1.default;
package/lib/hooks/use-safe-button-props.hook.d.ts CHANGED
@@ -4,122 +4,125 @@ export default function useSafeButtonProps({ onClick, onSubmit, loading, ...prop
4
4
  }): {
5
5
  onClick: (event: ButtonEvent) => void;
6
6
  onSubmit: (event: ButtonEvent) => void;
7
- children?: import("react").ReactNode | undefined;
8
- color?: string | undefined;
9
- name?: string | undefined;
10
- disabled?: boolean | undefined;
7
+ children?: import("react").ReactNode;
8
+ color?: string | undefined | undefined;
9
+ name?: string | undefined | undefined;
10
+ disabled?: boolean | undefined | undefined;
11
11
  onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
12
- value?: string | readonly string[] | number | undefined;
13
- form?: string | undefined;
14
- formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
15
- formEncType?: string | undefined;
16
- formMethod?: string | undefined;
17
- formNoValidate?: boolean | undefined;
18
- formTarget?: string | undefined;
19
- type?: "submit" | "reset" | "button" | undefined;
20
- defaultChecked?: boolean | undefined;
12
+ value?: string | number | readonly string[] | undefined;
13
+ form?: string | undefined | undefined;
14
+ formAction?: string | undefined;
15
+ formEncType?: string | undefined | undefined;
16
+ formMethod?: string | undefined | undefined;
17
+ formNoValidate?: boolean | undefined | undefined;
18
+ formTarget?: string | undefined | undefined;
19
+ type?: "submit" | "reset" | "button" | undefined | undefined;
20
+ defaultChecked?: boolean | undefined | undefined;
21
21
  defaultValue?: string | number | readonly string[] | undefined;
22
- suppressContentEditableWarning?: boolean | undefined;
23
- suppressHydrationWarning?: boolean | undefined;
24
- accessKey?: string | undefined;
25
- autoFocus?: boolean | undefined;
26
- className?: string | undefined;
22
+ suppressContentEditableWarning?: boolean | undefined | undefined;
23
+ suppressHydrationWarning?: boolean | undefined | undefined;
24
+ accessKey?: string | undefined | undefined;
25
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
26
+ autoFocus?: boolean | undefined | undefined;
27
+ className?: string | undefined | undefined;
27
28
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
28
- contextMenu?: string | undefined;
29
- dir?: string | undefined;
29
+ contextMenu?: string | undefined | undefined;
30
+ dir?: string | undefined | undefined;
30
31
  draggable?: (boolean | "true" | "false") | undefined;
31
- hidden?: boolean | undefined;
32
- id?: string | undefined;
33
- lang?: string | undefined;
34
- nonce?: string | undefined;
35
- slot?: string | undefined;
32
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
33
+ hidden?: boolean | undefined | undefined;
34
+ id?: string | undefined | undefined;
35
+ lang?: string | undefined | undefined;
36
+ nonce?: string | undefined | undefined;
37
+ slot?: string | undefined | undefined;
36
38
  spellCheck?: (boolean | "true" | "false") | undefined;
37
39
  style?: import("react").CSSProperties | undefined;
38
- tabIndex?: number | undefined;
39
- title?: string | undefined;
40
- translate?: "yes" | "no" | undefined;
41
- radioGroup?: string | undefined;
40
+ tabIndex?: number | undefined | undefined;
41
+ title?: string | undefined | undefined;
42
+ translate?: "yes" | "no" | undefined | undefined;
43
+ radioGroup?: string | undefined | undefined;
42
44
  role?: import("react").AriaRole | undefined;
43
- about?: string | undefined;
44
- content?: string | undefined;
45
- datatype?: string | undefined;
45
+ about?: string | undefined | undefined;
46
+ content?: string | undefined | undefined;
47
+ datatype?: string | undefined | undefined;
46
48
  inlist?: any;
47
- prefix?: string | undefined;
48
- property?: string | undefined;
49
- rel?: string | undefined;
50
- resource?: string | undefined;
51
- rev?: string | undefined;
52
- typeof?: string | undefined;
53
- vocab?: string | undefined;
54
- autoCapitalize?: string | undefined;
55
- autoCorrect?: string | undefined;
56
- autoSave?: string | undefined;
57
- itemProp?: string | undefined;
58
- itemScope?: boolean | undefined;
59
- itemType?: string | undefined;
60
- itemID?: string | undefined;
61
- itemRef?: string | undefined;
62
- results?: number | undefined;
63
- security?: string | undefined;
64
- unselectable?: "on" | "off" | undefined;
65
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
66
- is?: string | undefined;
67
- "aria-activedescendant"?: string | undefined;
49
+ prefix?: string | undefined | undefined;
50
+ property?: string | undefined | undefined;
51
+ rel?: string | undefined | undefined;
52
+ resource?: string | undefined | undefined;
53
+ rev?: string | undefined | undefined;
54
+ typeof?: string | undefined | undefined;
55
+ vocab?: string | undefined | undefined;
56
+ autoCorrect?: string | undefined | undefined;
57
+ autoSave?: string | undefined | undefined;
58
+ itemProp?: string | undefined | undefined;
59
+ itemScope?: boolean | undefined | undefined;
60
+ itemType?: string | undefined | undefined;
61
+ itemID?: string | undefined | undefined;
62
+ itemRef?: string | undefined | undefined;
63
+ results?: number | undefined | undefined;
64
+ security?: string | undefined | undefined;
65
+ unselectable?: "on" | "off" | undefined | undefined;
66
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
67
+ is?: string | undefined | undefined;
68
+ exportparts?: string | undefined | undefined;
69
+ part?: string | undefined | undefined;
70
+ "aria-activedescendant"?: string | undefined | undefined;
68
71
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
69
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
70
- "aria-braillelabel"?: string | undefined;
71
- "aria-brailleroledescription"?: string | undefined;
72
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
73
+ "aria-braillelabel"?: string | undefined | undefined;
74
+ "aria-brailleroledescription"?: string | undefined | undefined;
72
75
  "aria-busy"?: (boolean | "true" | "false") | undefined;
73
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
74
- "aria-colcount"?: number | undefined;
75
- "aria-colindex"?: number | undefined;
76
- "aria-colindextext"?: string | undefined;
77
- "aria-colspan"?: number | undefined;
78
- "aria-controls"?: string | undefined;
79
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
80
- "aria-describedby"?: string | undefined;
81
- "aria-description"?: string | undefined;
82
- "aria-details"?: string | undefined;
76
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
77
+ "aria-colcount"?: number | undefined | undefined;
78
+ "aria-colindex"?: number | undefined | undefined;
79
+ "aria-colindextext"?: string | undefined | undefined;
80
+ "aria-colspan"?: number | undefined | undefined;
81
+ "aria-controls"?: string | undefined | undefined;
82
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
83
+ "aria-describedby"?: string | undefined | undefined;
84
+ "aria-description"?: string | undefined | undefined;
85
+ "aria-details"?: string | undefined | undefined;
83
86
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
84
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
85
- "aria-errormessage"?: string | undefined;
87
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
88
+ "aria-errormessage"?: string | undefined | undefined;
86
89
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
87
- "aria-flowto"?: string | undefined;
90
+ "aria-flowto"?: string | undefined | undefined;
88
91
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
89
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
92
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
90
93
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
91
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
92
- "aria-keyshortcuts"?: string | undefined;
93
- "aria-label"?: string | undefined;
94
- "aria-labelledby"?: string | undefined;
95
- "aria-level"?: number | undefined;
96
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
94
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
95
+ "aria-keyshortcuts"?: string | undefined | undefined;
96
+ "aria-label"?: string | undefined | undefined;
97
+ "aria-labelledby"?: string | undefined | undefined;
98
+ "aria-level"?: number | undefined | undefined;
99
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
97
100
  "aria-modal"?: (boolean | "true" | "false") | undefined;
98
101
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
99
102
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
100
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
101
- "aria-owns"?: string | undefined;
102
- "aria-placeholder"?: string | undefined;
103
- "aria-posinset"?: number | undefined;
104
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
103
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
104
+ "aria-owns"?: string | undefined | undefined;
105
+ "aria-placeholder"?: string | undefined | undefined;
106
+ "aria-posinset"?: number | undefined | undefined;
107
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
105
108
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
106
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
109
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
107
110
  "aria-required"?: (boolean | "true" | "false") | undefined;
108
- "aria-roledescription"?: string | undefined;
109
- "aria-rowcount"?: number | undefined;
110
- "aria-rowindex"?: number | undefined;
111
- "aria-rowindextext"?: string | undefined;
112
- "aria-rowspan"?: number | undefined;
111
+ "aria-roledescription"?: string | undefined | undefined;
112
+ "aria-rowcount"?: number | undefined | undefined;
113
+ "aria-rowindex"?: number | undefined | undefined;
114
+ "aria-rowindextext"?: string | undefined | undefined;
115
+ "aria-rowspan"?: number | undefined | undefined;
113
116
  "aria-selected"?: (boolean | "true" | "false") | undefined;
114
- "aria-setsize"?: number | undefined;
115
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
116
- "aria-valuemax"?: number | undefined;
117
- "aria-valuemin"?: number | undefined;
118
- "aria-valuenow"?: number | undefined;
119
- "aria-valuetext"?: string | undefined;
117
+ "aria-setsize"?: number | undefined | undefined;
118
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
119
+ "aria-valuemax"?: number | undefined | undefined;
120
+ "aria-valuemin"?: number | undefined | undefined;
121
+ "aria-valuenow"?: number | undefined | undefined;
122
+ "aria-valuetext"?: string | undefined | undefined;
120
123
  dangerouslySetInnerHTML?: {
121
124
  __html: string | TrustedHTML;
122
- } | undefined;
125
+ } | undefined | undefined;
123
126
  onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
124
127
  onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
125
128
  onCut?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -137,7 +140,7 @@ export default function useSafeButtonProps({ onClick, onSubmit, loading, ...prop
137
140
  onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
138
141
  onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
139
142
  onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
140
- onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
143
+ onBeforeInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
141
144
  onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
142
145
  onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
143
146
  onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
@@ -186,8 +189,6 @@ export default function useSafeButtonProps({ onClick, onSubmit, loading, ...prop
186
189
  onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
187
190
  onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
188
191
  onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
189
- onResize?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
190
- onResizeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
191
192
  onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
192
193
  onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
193
194
  onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
package/lib/hooks/use-safe-button-props.hook.js CHANGED
@@ -1,13 +1,22 @@
1
- import { useCallback } from 'react';
2
- export default function useSafeButtonProps({ onClick, onSubmit, loading, ...props }) {
3
- const wrapper = useCallback((callback, event) => {
4
- !props.disabled && !loading && callback(event);
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = useSafeButtonProps;
4
+ const react_1 = require("react");
5
+ function useSafeButtonProps({ onClick, onSubmit, loading, ...props }) {
6
+ const wrapper = (0, react_1.useCallback)((callback, event) => {
7
+ if (!props.disabled && !loading) {
8
+ callback(event);
9
+ }
5
10
  }, [props.disabled]);
6
- const handleClick = useCallback((event) => {
7
- onClick && wrapper(onClick, event);
11
+ const handleClick = (0, react_1.useCallback)((event) => {
12
+ if (onClick) {
13
+ wrapper(onClick, event);
14
+ }
8
15
  }, [onClick, wrapper]);
9
- const handleSubmit = useCallback((event) => {
10
- onSubmit && wrapper(onSubmit, event);
16
+ const handleSubmit = (0, react_1.useCallback)((event) => {
17
+ if (onSubmit) {
18
+ wrapper(onSubmit, event);
19
+ }
11
20
  }, [onSubmit, wrapper]);
12
21
  return {
13
22
  ...props,
package/lib/index.js CHANGED
@@ -1,7 +1,23 @@
1
- export * from './helpers';
2
- export * from './hooks';
3
- export * from './theme';
4
- export * from './ui/components';
5
- export * from './ui/forms';
6
- export * from './ui/provider';
7
- export * from './utils';
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./helpers"), exports);
18
+ __exportStar(require("./hooks"), exports);
19
+ __exportStar(require("./theme"), exports);
20
+ __exportStar(require("./ui/components"), exports);
21
+ __exportStar(require("./ui/forms"), exports);
22
+ __exportStar(require("./ui/provider"), exports);
23
+ __exportStar(require("./utils"), exports);
package/lib/theme/css/accordion.css CHANGED
@@ -1,9 +1,7 @@
1
- .accordion-type {
2
- &-arrow {
3
- @apply collapse-arrow;
4
- }
1
+ .accordion-type-arrow {
2
+ @apply collapse-arrow;
3
+ }
5
4
 
6
- &-plus {
7
- @apply collapse-plus;
8
- }
5
+ .accordion-type-plus {
6
+ @apply collapse-plus;
9
7
  }
package/lib/theme/css/avatar.css CHANGED
@@ -1,34 +1,32 @@
1
- .avatar-size {
2
- &-xs {
3
- @apply w-8;
1
+ .avatar-size-xs {
2
+ @apply w-8;
4
3
 
5
- > span {
6
- @apply text-xs;
7
- }
4
+ > span {
5
+ @apply text-xs;
8
6
  }
7
+ }
9
8
 
10
- &-sm {
11
- @apply w-12;
9
+ .avatar-size-sm {
10
+ @apply w-12;
12
11
 
13
- > span {
14
- @apply text-sm;
15
- }
12
+ > span {
13
+ @apply text-sm;
16
14
  }
15
+ }
17
16
 
18
- &-md {
19
- @apply w-16;
17
+ .avatar-size-md {
18
+ @apply w-16;
20
19
 
21
- > span {
22
- @apply text-xl;
23
- }
20
+ > span {
21
+ @apply text-xl;
24
22
  }
23
+ }
25
24
 
26
- &-lg {
27
- @apply w-24;
25
+ .avatar-size-lg {
26
+ @apply w-24;
28
27
 
29
- > span {
30
- @apply text-3xl;
31
- }
28
+ > span {
29
+ @apply text-3xl;
32
30
  }
33
31
  }
34
32
 
package/lib/theme/css/badge.css CHANGED
@@ -1,45 +1,39 @@
1
- .badge {
2
- &-size {
3
- &-lg {
4
- @apply badge-lg;
5
- }
6
-
7
- &-sm {
8
- @apply badge-sm;
9
- }
10
-
11
- &-xs {
12
- @apply badge-xs;
13
- }
14
- }
15
-
16
- &-color {
17
- &-primary {
18
- @apply badge-primary;
19
- }
20
-
21
- &-secondary {
22
- @apply badge-secondary;
23
- }
24
-
25
- &-accent {
26
- @apply badge-accent;
27
- }
28
-
29
- &-success {
30
- @apply badge-success;
31
- }
32
-
33
- &-warning {
34
- @apply badge-warning;
35
- }
36
-
37
- &-info {
38
- @apply badge-info;
39
- }
40
-
41
- &-error {
42
- @apply badge-error;
43
- }
44
- }
1
+ .badge-size-lg {
2
+ @apply badge-lg;
3
+ }
4
+
5
+ .badge-size-sm {
6
+ @apply badge-sm;
7
+ }
8
+
9
+ .badge-size-xs {
10
+ @apply badge-xs;
11
+ }
12
+
13
+ .badge-color-primary {
14
+ @apply badge-primary;
15
+ }
16
+
17
+ .badge-color-secondary {
18
+ @apply badge-secondary;
19
+ }
20
+
21
+ .badge-color-accent {
22
+ @apply badge-accent;
23
+ }
24
+
25
+ .badge-color-success {
26
+ @apply badge-success;
27
+ }
28
+
29
+ .badge-color-warning {
30
+ @apply badge-warning;
31
+ }
32
+
33
+ .badge-color-info {
34
+ @apply badge-info;
35
+ }
36
+
37
+ .badge-color-error {
38
+ @apply badge-error;
45
39
  }