bianic-ui 2.10.0-beta.2 → 2.10.1
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 +49 -49
- package/dist/cjs/Empty.svg +12 -0
- package/dist/cjs/index.js +556 -3347
- package/dist/cjs/lib.css +1 -1
- package/dist/cjs/types/components/Forms/Checkbox/index.d.ts +2 -1
- package/dist/cjs/types/components/Forms/Dropdown/DropdownContainer.d.ts +1 -1
- package/dist/cjs/types/components/Sidebar/SidebarCointainer.d.ts +7 -6
- package/dist/cjs/types/components/Sidebar/SidebarItem.d.ts +9 -5
- package/dist/cjs/types/components/Sidebar/SidebarMenu.d.ts +10 -0
- package/dist/cjs/types/components/Sidebar/SidebarProfile.d.ts +17 -0
- package/dist/cjs/types/components/Sidebar/config.d.ts +21 -0
- package/dist/cjs/types/components/Sidebar/index.d.ts +2 -0
- package/dist/cjs/types/components/Table/Table.d.ts +6 -0
- package/dist/cjs/types/components/Table/TableBody.d.ts +6 -0
- package/dist/cjs/types/components/Table/TableHead.d.ts +6 -0
- package/dist/cjs/types/components/Table/TableRow/index.d.ts +6 -0
- package/dist/cjs/types/components/Table/TableUtility/BlockLoading.d.ts +6 -0
- package/dist/cjs/types/components/Table/TableUtility/EmptyTable.d.ts +7 -0
- package/dist/cjs/types/components/Table/TableUtility/TableFooterController.d.ts +12 -0
- package/dist/cjs/types/components/Table/TableUtility/TableHeaderController.d.ts +9 -0
- package/dist/cjs/types/components/Table/TableUtility/TableSearchInput.d.ts +11 -0
- package/dist/cjs/types/components/Table/TableUtility/index.d.ts +5 -0
- package/dist/cjs/types/components/Table/index.d.ts +5 -0
- package/dist/cjs/types/components/TagLabel/index.d.ts +1 -1
- package/dist/cjs/types/components/index.d.ts +3 -2
- package/dist/cjs/types/image/index.d.ts +2 -0
- package/dist/cjs/types/stories/Form/Checkbox/Checkbox.stories.d.ts +0 -1
- package/dist/cjs/types/stories/Form/Checkbox/CheckboxSimulation.stories.d.ts +0 -1
- package/dist/cjs/types/stories/Form/Dropdown/DropdownContainer.stories.d.ts +1 -1
- package/dist/cjs/types/stories/Sidebar/SidebarContainer.stories.d.ts +1 -2
- package/dist/cjs/types/stories/Sidebar/SidebarItem.stories.d.ts +1 -2
- package/dist/cjs/types/utility/helper.d.ts +2 -1
- package/dist/cjs/types/utility/hooks/useTableDataHandler.d.ts +54 -0
- package/dist/esm/Empty.svg +12 -0
- package/dist/esm/index.js +545 -3348
- package/dist/esm/lib.css +1 -1
- package/dist/esm/types/components/Forms/Checkbox/index.d.ts +2 -1
- package/dist/esm/types/components/Forms/Dropdown/DropdownContainer.d.ts +1 -1
- package/dist/esm/types/components/Sidebar/SidebarCointainer.d.ts +7 -6
- package/dist/esm/types/components/Sidebar/SidebarItem.d.ts +9 -5
- package/dist/esm/types/components/Sidebar/SidebarMenu.d.ts +10 -0
- package/dist/esm/types/components/Sidebar/SidebarProfile.d.ts +17 -0
- package/dist/esm/types/components/Sidebar/config.d.ts +21 -0
- package/dist/esm/types/components/Sidebar/index.d.ts +2 -0
- package/dist/esm/types/components/Table/Table.d.ts +6 -0
- package/dist/esm/types/components/Table/TableBody.d.ts +6 -0
- package/dist/esm/types/components/Table/TableHead.d.ts +6 -0
- package/dist/esm/types/components/Table/TableRow/index.d.ts +6 -0
- package/dist/esm/types/components/Table/TableUtility/BlockLoading.d.ts +6 -0
- package/dist/esm/types/components/Table/TableUtility/EmptyTable.d.ts +7 -0
- package/dist/esm/types/components/Table/TableUtility/TableFooterController.d.ts +12 -0
- package/dist/esm/types/components/Table/TableUtility/TableHeaderController.d.ts +9 -0
- package/dist/esm/types/components/Table/TableUtility/TableSearchInput.d.ts +11 -0
- package/dist/esm/types/components/Table/TableUtility/index.d.ts +5 -0
- package/dist/esm/types/components/Table/index.d.ts +5 -0
- package/dist/esm/types/components/TagLabel/index.d.ts +1 -1
- package/dist/esm/types/components/index.d.ts +3 -2
- package/dist/esm/types/image/index.d.ts +2 -0
- package/dist/esm/types/stories/Form/Checkbox/Checkbox.stories.d.ts +0 -1
- package/dist/esm/types/stories/Form/Checkbox/CheckboxSimulation.stories.d.ts +0 -1
- package/dist/esm/types/stories/Form/Dropdown/DropdownContainer.stories.d.ts +1 -1
- package/dist/esm/types/stories/Sidebar/SidebarContainer.stories.d.ts +1 -2
- package/dist/esm/types/stories/Sidebar/SidebarItem.stories.d.ts +1 -2
- package/dist/esm/types/utility/helper.d.ts +2 -1
- package/dist/esm/types/utility/hooks/useTableDataHandler.d.ts +54 -0
- package/dist/index.d.ts +155 -15
- package/package.json +143 -143
- package/src/font/SansCode/README.txt +88 -88
- package/src/style/color.css +650 -650
- package/src/style/scrollbar.css +78 -78
- package/tailwind.config.js +574 -574
- package/src/font/SansCode/GoogleSansCode-Italic-VariableFont_MONO,wght.ttf:Zone.Identifier +0 -0
- package/src/font/SansCode/GoogleSansCode-VariableFont_MONO,wght.ttf:Zone.Identifier +0 -0
- package/src/font/SansCode/OFL.txt:Zone.Identifier +0 -0
- package/src/font/SansCode/README.txt:Zone.Identifier +0 -0
package/README.md
CHANGED
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
# Bianic 2.0
|
|
2
|
-
|
|
3
|
-
DLS designed by BIAENERGI
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
### First Installation
|
|
8
|
-
|
|
9
|
-
`npm i bianic-ui`
|
|
10
|
-
|
|
11
|
-
## Usage
|
|
12
|
-
|
|
13
|
-
After Bianic-Ui succesfully installed, you can call the component using JSX tag declaration style ex: `<Alert />`. Futher documentation about component can be access [here](https://ristek.link/bianic-dev-docs)
|
|
14
|
-
|
|
15
|
-
## Support
|
|
16
|
-
|
|
17
|
-
If you found any bug, please contact at [devbiaenergi@gmail.com](mailto:devbiaenergi@gmail.com)
|
|
18
|
-
|
|
19
|
-
## Contributing
|
|
20
|
-
|
|
21
|
-
If you're interested in contributing to Bianic-Ui, please contact our team at [devbiaenergi@gmail.com](mailto:devbiaenergi@gmail.com)
|
|
22
|
-
|
|
23
|
-
## Change Log
|
|
24
|
-
|
|
25
|
-
Coming soon
|
|
26
|
-
|
|
27
|
-
## Development Notes
|
|
28
|
-
|
|
29
|
-
### Code Convention
|
|
30
|
-
|
|
31
|
-
- Always separate style with tsx
|
|
32
|
-
- For style config always try to be object with one level
|
|
33
|
-
- Separate config file and component file for more readable code
|
|
34
|
-
- The variable name of style config must be describe what you styling not describe the parameters (or key)
|
|
35
|
-
- Use .tsx only when defining component, just us .ts if no component defined on the file
|
|
36
|
-
- Don't import simulation or any demo to index.ts
|
|
37
|
-
- Update storybook for every change or new component
|
|
38
|
-
|
|
39
|
-
### Component attribute naming
|
|
40
|
-
|
|
41
|
-
- Check on html documentation. Always try to use the exisiting html atribute name.
|
|
42
|
-
- If there the attibute not listed on html documentation. You can make it on your own with rules :
|
|
43
|
-
- Use "is" prefix for boolean
|
|
44
|
-
- Use "on" prefix for event listener
|
|
45
|
-
|
|
46
|
-
### Another Notes
|
|
47
|
-
|
|
48
|
-
- Please assign class `...-primary-black` when need black color. If not assigned system will use #000000 black.
|
|
49
|
-
- Just discuss any concept you had. **Discuss first, Implement later**.
|
|
1
|
+
# Bianic 2.0
|
|
2
|
+
|
|
3
|
+
DLS designed by BIAENERGI
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
### First Installation
|
|
8
|
+
|
|
9
|
+
`npm i bianic-ui`
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
After Bianic-Ui succesfully installed, you can call the component using JSX tag declaration style ex: `<Alert />`. Futher documentation about component can be access [here](https://ristek.link/bianic-dev-docs)
|
|
14
|
+
|
|
15
|
+
## Support
|
|
16
|
+
|
|
17
|
+
If you found any bug, please contact at [devbiaenergi@gmail.com](mailto:devbiaenergi@gmail.com)
|
|
18
|
+
|
|
19
|
+
## Contributing
|
|
20
|
+
|
|
21
|
+
If you're interested in contributing to Bianic-Ui, please contact our team at [devbiaenergi@gmail.com](mailto:devbiaenergi@gmail.com)
|
|
22
|
+
|
|
23
|
+
## Change Log
|
|
24
|
+
|
|
25
|
+
Coming soon
|
|
26
|
+
|
|
27
|
+
## Development Notes
|
|
28
|
+
|
|
29
|
+
### Code Convention
|
|
30
|
+
|
|
31
|
+
- Always separate style with tsx
|
|
32
|
+
- For style config always try to be object with one level
|
|
33
|
+
- Separate config file and component file for more readable code
|
|
34
|
+
- The variable name of style config must be describe what you styling not describe the parameters (or key)
|
|
35
|
+
- Use .tsx only when defining component, just us .ts if no component defined on the file
|
|
36
|
+
- Don't import simulation or any demo to index.ts
|
|
37
|
+
- Update storybook for every change or new component
|
|
38
|
+
|
|
39
|
+
### Component attribute naming
|
|
40
|
+
|
|
41
|
+
- Check on html documentation. Always try to use the exisiting html atribute name.
|
|
42
|
+
- If there the attibute not listed on html documentation. You can make it on your own with rules :
|
|
43
|
+
- Use "is" prefix for boolean
|
|
44
|
+
- Use "on" prefix for event listener
|
|
45
|
+
|
|
46
|
+
### Another Notes
|
|
47
|
+
|
|
48
|
+
- Please assign class `...-primary-black` when need black color. If not assigned system will use #000000 black.
|
|
49
|
+
- Just discuss any concept you had. **Discuss first, Implement later**.
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg width="92" height="92" viewBox="0 0 92 92" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M32.8825 12.968C33.8187 12.0283 35.0905 11.5 36.417 11.5H66.6521C69.4074 11.5 71.641 13.7336 71.641 16.489V75.1388C71.641 77.8941 69.4074 80.1278 66.6521 80.1278H25.8327C23.0774 80.1278 20.8437 77.8875 20.8438 75.1321C20.8438 56.1849 20.8438 44.6779 20.8438 27.1159C20.8438 25.7961 21.3667 24.528 22.2982 23.593L32.8825 12.968Z" fill="#DADEEB"/>
|
|
3
|
+
<path d="M32.8825 12.968C33.8187 12.0283 35.0905 11.5 36.417 11.5H66.6521C69.4074 11.5 71.641 13.7336 71.641 16.489V75.1388C71.641 77.8941 69.4074 80.1278 66.6521 80.1278H25.8327C23.0774 80.1278 20.8437 77.8875 20.8438 75.1321C20.8438 56.1849 20.8438 44.6779 20.8438 27.1159C20.8438 25.7961 21.3667 24.528 22.2982 23.593L32.8825 12.968Z" fill="white" fill-opacity="0.5"/>
|
|
4
|
+
<path d="M34.3638 11.5V16.1283C34.3638 21.0391 30.3828 25.02 25.472 25.02H20.8438L34.3638 11.5Z" fill="#DADEEB"/>
|
|
5
|
+
<rect x="28.1716" y="32.6677" width="18.7253" height="4.07072" rx="1.99559" fill="#DADEEB"/>
|
|
6
|
+
<rect x="28.1716" y="39.9949" width="36.6365" height="4.07072" rx="1.99559" fill="#DADEEB"/>
|
|
7
|
+
<rect x="28.1716" y="47.3223" width="36.6365" height="4.07072" rx="1.99559" fill="#DADEEB"/>
|
|
8
|
+
<rect x="28.1716" y="54.6497" width="36.6365" height="4.07072" rx="1.99559" fill="#DADEEB"/>
|
|
9
|
+
<rect x="28.1716" y="61.9768" width="36.6365" height="4.07072" rx="1.99559" fill="#DADEEB"/>
|
|
10
|
+
<path d="M58.7737 63.8789C63.267 59.3856 70.5519 59.3856 75.0452 63.8789C79.5382 68.3722 79.5384 75.6572 75.0452 80.1504C70.552 84.6436 63.267 84.6434 58.7737 80.1504C54.2804 75.6571 54.2804 68.3722 58.7737 63.8789Z" stroke="#54A0F9" stroke-width="1.70457"/>
|
|
11
|
+
<path d="M75.6475 80.1499L81.9753 86.4778" stroke="#54A0F9" stroke-width="1.70457"/>
|
|
12
|
+
</svg>
|