cari-ui-kit 0.1.8 → 0.1.10
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/README.md +4 -4
- package/dist/cari-ui-kit.css +1 -1
- package/dist/components/formgroup/FormGroup.d.ts +4 -0
- package/dist/components/formgroup/index.d.ts +1 -0
- package/dist/components/input/Input.d.ts +12 -0
- package/dist/components/input/index.d.ts +1 -0
- package/dist/components/label/Label.d.ts +5 -0
- package/dist/components/label/index.d.ts +1 -0
- package/dist/components/select/Select.d.ts +6 -0
- package/dist/components/select/index.d.ts +1 -0
- package/dist/components/textarea/Textarea.d.ts +11 -0
- package/dist/components/textarea/index.d.ts +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +4720 -364
- package/package.json +7 -2
- package/dist/components/button/Button.stories.d.ts +0 -31
- package/dist/components/icons/Icons.stories.d.ts +0 -5
- package/dist/components/loader/Loader.stories.d.ts +0 -20
package/README.md
CHANGED
|
@@ -40,15 +40,15 @@ export default defineConfig([
|
|
|
40
40
|
// other options...
|
|
41
41
|
},
|
|
42
42
|
},
|
|
43
|
-
])
|
|
43
|
+
]);
|
|
44
44
|
```
|
|
45
45
|
|
|
46
46
|
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
|
47
47
|
|
|
48
48
|
```js
|
|
49
49
|
// eslint.config.js
|
|
50
|
-
import reactX from 'eslint-plugin-react-x'
|
|
51
|
-
import reactDom from 'eslint-plugin-react-dom'
|
|
50
|
+
import reactX from 'eslint-plugin-react-x';
|
|
51
|
+
import reactDom from 'eslint-plugin-react-dom';
|
|
52
52
|
|
|
53
53
|
export default defineConfig([
|
|
54
54
|
globalIgnores(['dist']),
|
|
@@ -69,5 +69,5 @@ export default defineConfig([
|
|
|
69
69
|
// other options...
|
|
70
70
|
},
|
|
71
71
|
},
|
|
72
|
-
])
|
|
72
|
+
]);
|
|
73
73
|
```
|
package/dist/cari-ui-kit.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._loader_1jwof_1{display:block;position:relative;background:currentColor;color:#000;box-sizing:border-box;animation:_animLoaderLG_1jwof_1 .3s .3s linear infinite alternate}._loader_1jwof_1:after,._loader_1jwof_1:before{content:"";background:currentColor;position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;animation:_animLoaderLG_1jwof_1 .3s .45s linear infinite alternate}._loader_1jwof_1:before{animation-delay:0s}._loader_1jwof_1._sm_1jwof_21{width:2px;height:10px;border-radius:1px;display:block;margin:1px auto;animation-name:_animLoaderSM_1jwof_1}._loader_1jwof_1._sm_1jwof_21:after,._loader_1jwof_1._sm_1jwof_21:before{content:"";width:2px;height:10px;border-radius:1px;left:5px;animation-name:_animLoaderSM_1jwof_1}._loader_1jwof_1._sm_1jwof_21:before{left:-5px}._loader_1jwof_1._md_1jwof_40{width:4px;height:20px;border-radius:2px;display:block;margin:2px auto;animation-name:_animLoaderMD_1jwof_1}._loader_1jwof_1._md_1jwof_40:after,._loader_1jwof_1._md_1jwof_40:before{content:"";width:4px;height:20px;border-radius:2px;left:10px;animation-name:_animLoaderMD_1jwof_1}._loader_1jwof_1._md_1jwof_40:before{left:-10px}._loader_1jwof_1._lg_1jwof_59{width:6px;height:30px;border-radius:3px;display:block;margin:2px auto;animation-name:_animLoaderLG_1jwof_1}._loader_1jwof_1._lg_1jwof_59:after,._loader_1jwof_1._lg_1jwof_59:before{content:"";width:6px;height:30px;border-radius:3px;left:12px;animation-name:_animLoaderLG_1jwof_1}._loader_1jwof_1._lg_1jwof_59:before{left:-12px}@keyframes _animLoaderSM_1jwof_1{0%{height:10px}to{height:2px}}@keyframes _animLoaderMD_1jwof_1{0%{height:20px}to{height:5px}}@keyframes _animLoaderLG_1jwof_1{0%{height:30px}to{height:8px}}:root{--color-primary-50: #
|
|
1
|
+
._loader_1jwof_1{display:block;position:relative;background:currentColor;color:#000;box-sizing:border-box;animation:_animLoaderLG_1jwof_1 .3s .3s linear infinite alternate}._loader_1jwof_1:after,._loader_1jwof_1:before{content:"";background:currentColor;position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;animation:_animLoaderLG_1jwof_1 .3s .45s linear infinite alternate}._loader_1jwof_1:before{animation-delay:0s}._loader_1jwof_1._sm_1jwof_21{width:2px;height:10px;border-radius:1px;display:block;margin:1px auto;animation-name:_animLoaderSM_1jwof_1}._loader_1jwof_1._sm_1jwof_21:after,._loader_1jwof_1._sm_1jwof_21:before{content:"";width:2px;height:10px;border-radius:1px;left:5px;animation-name:_animLoaderSM_1jwof_1}._loader_1jwof_1._sm_1jwof_21:before{left:-5px}._loader_1jwof_1._md_1jwof_40{width:4px;height:20px;border-radius:2px;display:block;margin:2px auto;animation-name:_animLoaderMD_1jwof_1}._loader_1jwof_1._md_1jwof_40:after,._loader_1jwof_1._md_1jwof_40:before{content:"";width:4px;height:20px;border-radius:2px;left:10px;animation-name:_animLoaderMD_1jwof_1}._loader_1jwof_1._md_1jwof_40:before{left:-10px}._loader_1jwof_1._lg_1jwof_59{width:6px;height:30px;border-radius:3px;display:block;margin:2px auto;animation-name:_animLoaderLG_1jwof_1}._loader_1jwof_1._lg_1jwof_59:after,._loader_1jwof_1._lg_1jwof_59:before{content:"";width:6px;height:30px;border-radius:3px;left:12px;animation-name:_animLoaderLG_1jwof_1}._loader_1jwof_1._lg_1jwof_59:before{left:-12px}@keyframes _animLoaderSM_1jwof_1{0%{height:10px}to{height:2px}}@keyframes _animLoaderMD_1jwof_1{0%{height:20px}to{height:5px}}@keyframes _animLoaderLG_1jwof_1{0%{height:30px}to{height:8px}}:root{--color-primary-50: #efeffd;--color-primary-100: #dedefa;--color-primary-200: #bebdf6;--color-primary-300: #9d9bf1;--color-primary-400: #7d7aed;--color-primary-500: #5c59e8;--color-primary-600: #4543ae;--color-primary-700: #2e2d74;--color-primary-800: #17163a;--color-primary-900: #090917;--color-green-50: #e7f4ee;--color-green-100: #cfe7dc;--color-green-200: #9ed0b9;--color-green-300: #6ebb95;--color-green-400: #3da172;--color-green-500: #0d894f;--color-green-600: #0a673b;--color-green-700: #074528;--color-green-800: #032214;--color-green-900: #010e08;--color-yellow-50: #fdf1e8;--color-yellow-100: #fae1cf;--color-yellow-200: #f4c3a0;--color-yellow-300: #efa670;--color-yellow-400: #e98841;--color-yellow-500: #e46a11;--color-yellow-600: #ab500d;--color-yellow-700: #723509;--color-yellow-800: #391b04;--color-yellow-900: #170b02;--color-red-50: #feedec;--color-red-100: #fcdad7;--color-red-200: #f9b4af;--color-red-300: #f68f88;--color-red-400: #f36960;--color-red-500: #f04438;--color-red-600: #b4332a;--color-red-700: #78221c;--color-red-800: #3c110e;--color-red-900: #180706;--color-blue-50: #e8f8fd;--color-blue-100: #d0f0fa;--color-blue-200: #a1e0f4;--color-blue-300: #71d1ef;--color-blue-400: #42c1e9;--color-blue-500: #13b2e4;--color-blue-600: #0e86ab;--color-blue-700: #0a5972;--color-blue-800: #052d39;--color-blue-900: #021217;--color-black-500: #667085;--color-black-600: #4d5464;--color-black-700: #333843;--color-black-800: #1a1c21;--color-black-900: #0a0b0d;--color-gray-25: #f9f9fc;--color-gray-50: #f0f1f3;--color-gray-100: #e0e2e7;--color-gray-200: #c2c6ce;--color-gray-300: #a3a9b6;--color-gray-400: #858d9d;--color-white: #ffffff}._button_cmsg5_74{appearance:none;display:flex;align-items:center;justify-content:center;gap:4px;border-width:1px;border-style:solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:all .3s ease-in-out}._button_cmsg5_74._sm_cmsg5_89{padding:8px}._button_cmsg5_74._lg_cmsg5_92{padding:12px}._button_cmsg5_74._loading_cmsg5_95>span{margin-left:10px;margin-right:5px}._button_cmsg5_74 svg{width:18px;height:18px}._button_cmsg5_74:disabled{opacity:.65;cursor:not-allowed}._button_cmsg5_74._primary_cmsg5_107{border-color:var(--color-primary-500);background-color:var(--color-primary-500);color:var(--color-white)}._button_cmsg5_74._primary_cmsg5_107 svg{fill:var(--color-white)}._button_cmsg5_74._primary_cmsg5_107:not(:disabled):hover{border-color:var(--color-primary-600);background-color:var(--color-primary-600)}._button_cmsg5_74._primary_cmsg5_107._loading_cmsg5_95>span{color:var(--color-white)}._button_cmsg5_74._secondary_cmsg5_122{border-color:var(--color-primary-200);background-color:var(--color-primary-200);color:var(--color-primary-700)}._button_cmsg5_74._secondary_cmsg5_122 svg{fill:var(--color-primary-700)}._button_cmsg5_74._secondary_cmsg5_122:not(:disabled):hover{border-color:var(--color-primary-200);background-color:var(--color-primary-200);color:var(--color-primary-700)}._button_cmsg5_74._secondary_cmsg5_122:not(:disabled):hover svg{fill:var(--color-primary-700)}._button_cmsg5_74._secondary_cmsg5_122._loading_cmsg5_95>span{color:var(--color-primary-700)}._button_cmsg5_74._tertiary_cmsg5_141{border-color:var(--color-primary-500);background-color:var(--color-white);color:var(--color-primary-500)}._button_cmsg5_74._tertiary_cmsg5_141:not(:disabled):hover{border-color:var(--color-primary-600);background-color:var(--color-primary-100)}._button_cmsg5_74._tertiary_cmsg5_141._loading_cmsg5_95>span{color:var(--color-primary-500)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FormGroup } from './FormGroup';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface IInputProps {
|
|
2
|
+
id?: string;
|
|
3
|
+
name: string;
|
|
4
|
+
type?: string;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
value?: string;
|
|
7
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
isError?: boolean;
|
|
10
|
+
isLoading?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const Input: (props: IInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Input } from './Input';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Label } from './Label';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Select } from './Select';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface ITextareaProps {
|
|
2
|
+
id?: string;
|
|
3
|
+
name: string;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
value?: string;
|
|
6
|
+
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
isError?: boolean;
|
|
9
|
+
isLoading?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const Textarea: (props: ITextareaProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Textarea } from './Textarea';
|