jy-headless 0.0.1 → 0.0.3
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 +105 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.es.js +1047 -381
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +12 -10
- package/dist/index.umd.js.map +1 -1
- package/dist/src/components/buttons/CommonButton.d.ts +5 -1
- package/dist/src/components/buttons/CommonButton.stories.d.ts +9 -0
- package/dist/src/components/buttons/iconButton/IconButton.d.ts +1 -0
- package/dist/src/components/icons/AddCartIcon.d.ts +3 -0
- package/dist/src/components/icons/BellIcon.d.ts +3 -0
- package/dist/src/components/icons/CameraIcon.d.ts +3 -0
- package/dist/src/components/icons/CartIcon.d.ts +3 -0
- package/dist/src/components/icons/CloseIcon.d.ts +3 -0
- package/dist/src/components/icons/CloudIcon.d.ts +3 -0
- package/dist/src/components/icons/CreditCardIcon.d.ts +3 -0
- package/dist/src/components/icons/DownloadIcon.d.ts +3 -0
- package/dist/src/components/icons/EditIcon.d.ts +3 -0
- package/dist/src/components/icons/FileIcon.d.ts +3 -0
- package/dist/src/components/icons/FolderIcon.d.ts +3 -0
- package/dist/src/components/icons/GearIcon.d.ts +3 -0
- package/dist/src/components/icons/GlobeIcon.d.ts +3 -0
- package/dist/src/components/icons/HeartIcon.d.ts +3 -0
- package/dist/src/components/icons/HomeIcon.d.ts +3 -0
- package/dist/src/components/icons/Icons.stories.d.ts +14 -0
- package/dist/src/components/icons/ImageIcon.d.ts +3 -0
- package/dist/src/components/icons/LockIcon.d.ts +3 -0
- package/dist/src/components/icons/MinusIcon.d.ts +3 -0
- package/dist/src/components/icons/PlusIcon.d.ts +3 -0
- package/dist/src/components/icons/RefreshIcon.d.ts +3 -0
- package/dist/src/components/icons/RemoveCartIcon.d.ts +3 -0
- package/dist/src/components/icons/SaveIcon.d.ts +3 -0
- package/dist/src/components/icons/SearchIcon.d.ts +3 -0
- package/dist/src/components/icons/SettingIcon.d.ts +3 -0
- package/dist/src/components/icons/StarIcon.d.ts +3 -0
- package/dist/src/components/icons/UnLockIcon.d.ts +3 -0
- package/dist/src/components/icons/UploadIcon.d.ts +3 -0
- package/dist/src/components/icons/UserIcon.d.ts +3 -0
- package/dist/src/components/icons/VideoIcon.d.ts +3 -0
- package/dist/src/components/icons/index.d.ts +29 -0
- package/dist/src/components/types.d.ts +12 -0
- package/dist/src/utils/ArrayUtils.d.ts +2 -0
- package/dist/src/utils/index.d.ts +0 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -10,4 +10,108 @@ npm install jy-headless
|
|
|
10
10
|
pnpm install jy-headless
|
|
11
11
|
#or
|
|
12
12
|
yarn add jy-headless
|
|
13
|
-
```
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Prerequisites
|
|
16
|
+
This library requires Tailwind CSS, PostCSS, and Autoprefixer for styling. If you haven't set these up in your project yet, follow the steps below:
|
|
17
|
+
|
|
18
|
+
1. Install Tailwind CSS and its dependencies:
|
|
19
|
+
```bash
|
|
20
|
+
npm install tailwindcss postcss autoprefixer
|
|
21
|
+
|
|
22
|
+
```
|
|
23
|
+
2. Initialize Tailwind CSS and PostCSS:
|
|
24
|
+
```bash
|
|
25
|
+
npx tailwindcss init
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
This will generate a tailwind.config.js file. You can modify it to fit your styling needs.
|
|
29
|
+
|
|
30
|
+
3. Create a postcss.config.js file in the root of your project if it doesn't exist:
|
|
31
|
+
```bash
|
|
32
|
+
module.exports = {
|
|
33
|
+
plugins: {
|
|
34
|
+
tailwindcss: {},
|
|
35
|
+
autoprefixer: {},
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
4. Add the following to your src/index.css (or wherever you're importing your global styles):
|
|
41
|
+
```bash
|
|
42
|
+
@tailwind base;
|
|
43
|
+
@tailwind components;
|
|
44
|
+
@tailwind utilities;
|
|
45
|
+
```
|
|
46
|
+
5. Ensure that your bundler is set up to process PostCSS and Tailwind CSS files.
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
## Icon License Information
|
|
50
|
+
1. **[scarlab](https://www.svgrepo.com/author/scarlab/)**
|
|
51
|
+
- **Icons**
|
|
52
|
+
- [Home](https://www.svgrepo.com/svg/507739/home-alt)
|
|
53
|
+
- [Search](https://www.svgrepo.com/svg/507850/search-alt)
|
|
54
|
+
- [Globe](https://www.svgrepo.com/svg/507722/globe-alt)
|
|
55
|
+
- [Download](https://www.svgrepo.com/svg/507665/download)
|
|
56
|
+
- [Upload](http://svgrepo.com/svg/507878/upload)
|
|
57
|
+
- [Edit](https://www.svgrepo.com/svg/507668/edit)
|
|
58
|
+
- **License**: [MIT License](https://www.svgrepo.com/page/licensing#MIT)
|
|
59
|
+
- **Modifications**: Changed the color and resized the icon.
|
|
60
|
+
|
|
61
|
+
2. **[krystonschwarze](https://www.svgrepo.com/author/krystonschwarze/)**
|
|
62
|
+
- **Icons**
|
|
63
|
+
- [User](https://www.svgrepo.com/svg/511185/user-02)
|
|
64
|
+
- [Gear](https://www.svgrepo.com/svg/511122/settings)
|
|
65
|
+
- [Bell](https://www.svgrepo.com/svg/510846/bell)
|
|
66
|
+
- [Credit Card](http://svgrepo.com/svg/510942/credit-card-01?edit=true)
|
|
67
|
+
- **License**: [CC Attribution License](https://www.svgrepo.com/page/licensing#CC%20Attribution)
|
|
68
|
+
- **Modifications**: Changed the color and resized the icon.
|
|
69
|
+
|
|
70
|
+
3. **[Amir Baqian](https://www.svgrepo.com/author/Amir%20Baqian/)**
|
|
71
|
+
- **Icons**
|
|
72
|
+
- [Setting](https://www.svgrepo.com/svg/417812/setting-2)
|
|
73
|
+
- **License**: [CC Attribution License](https://www.svgrepo.com/page/licensing#CC%20Attribution)
|
|
74
|
+
- **Modifications**: Changed the color and resized the icon.
|
|
75
|
+
|
|
76
|
+
4. **[Element Plus](https://www.svgrepo.com/author/element-plus/)**
|
|
77
|
+
- **Icons**
|
|
78
|
+
- [Close](https://www.svgrepo.com/svg/500512/close-bold)
|
|
79
|
+
- **License**: [MIT License](https://www.svgrepo.com/page/licensing#MIT)
|
|
80
|
+
- **Modifications**: Changed the color and resized the icon.
|
|
81
|
+
-
|
|
82
|
+
4. **[Gabriele Malaspina](https://www.svgrepo.com/author/Gabriele%20Malaspina/)**
|
|
83
|
+
- **Icons**
|
|
84
|
+
- [Lock](https://www.svgrepo.com/svg/489031/lock)
|
|
85
|
+
- [UnLock](https://www.svgrepo.com/svg/489034/lock-open)
|
|
86
|
+
- [Refresh](https://www.svgrepo.com/svg/489105/refresh)
|
|
87
|
+
- **License**: [PD License.](https://www.svgrepo.com/page/licensing#PD)
|
|
88
|
+
- **Modifications**: Changed the color and resized the icon.
|
|
89
|
+
|
|
90
|
+
5. **[Dazzle UI](https://www.svgrepo.com/author/Dazzle%20UI/)**
|
|
91
|
+
- **Icons**
|
|
92
|
+
- [Heart](https://www.svgrepo.com/svg/532468/heart-alt)
|
|
93
|
+
- [Cloud](https://www.svgrepo.com/svg/532033/cloud)
|
|
94
|
+
- [Cart](https://www.svgrepo.com/svg/533043/cart-shopping)
|
|
95
|
+
- [AddCart](https://www.svgrepo.com/svg/533036/cart-arrow-down)
|
|
96
|
+
- [RemoveCart](https://www.svgrepo.com/svg/533039/cart-arrow-up)
|
|
97
|
+
- [File](http://svgrepo.com/svg/532747/file-alt)
|
|
98
|
+
- [Folder](http://svgrepo.com/svg/532810/folder)
|
|
99
|
+
- [Camera](https://www.svgrepo.com/svg/533059/camera)
|
|
100
|
+
- [Video](https://www.svgrepo.com/svg/532727/video)
|
|
101
|
+
- [Image](https://www.svgrepo.com/svg/532576/image-square)
|
|
102
|
+
- **License**: [CC Attribution License](https://www.svgrepo.com/page/licensing#CC%20Attribution)
|
|
103
|
+
- **Modifications**: Changed the color and resized the icon.
|
|
104
|
+
|
|
105
|
+
6. **[Solar Icons](https://www.svgrepo.com/author/Solar%20Icons/)**
|
|
106
|
+
- **Icons**
|
|
107
|
+
- [Star](https://www.svgrepo.com/svg/523056/star)
|
|
108
|
+
- **License**: [CC Attribution License](https://www.svgrepo.com/page/licensing#CC%20Attribution)
|
|
109
|
+
- **Modifications**: Changed the color and resized the icon.
|
|
110
|
+
|
|
111
|
+
7. **[afnizarnur](https://www.svgrepo.com/author/afnizarnur/)**
|
|
112
|
+
- **Icons**
|
|
113
|
+
- [Minus](https://www.svgrepo.com/svg/509380/minus)
|
|
114
|
+
- [Plus](https://www.svgrepo.com/svg/509386/plus)
|
|
115
|
+
- **License**: [MIT License](https://www.svgrepo.com/page/licensing#MIT)
|
|
116
|
+
- **Modifications**: Changed the color and resized the icon.
|
|
117
|
+
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}
|
|
1
|
+
*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.mx-12{margin-left:3rem;margin-right:3rem}.flex{display:flex}.w-\[50px\]{width:50px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-6{gap:1.5rem}.rounded-md{border-radius:.375rem}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-3{padding:.75rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.active\:shadow-inner:active{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\:bg-gray-200:disabled{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.disabled\:text-gray-400:disabled{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
|
package/dist/index.d.ts
CHANGED