@shohojdhara/atomix 0.2.1 → 0.2.2
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 +1 -28
- package/dist/atomix.css +1810 -314
- package/dist/atomix.min.css +5 -5
- package/dist/index.d.ts +359 -3
- package/dist/index.esm.js +831 -124
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +834 -123
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/themes/boomdevs.css +1808 -372
- package/dist/themes/boomdevs.min.css +60 -8
- package/dist/themes/esrar.css +1810 -314
- package/dist/themes/esrar.min.css +6 -6
- package/dist/themes/mashroom.css +1807 -308
- package/dist/themes/mashroom.min.css +8 -8
- package/dist/themes/shaj-default.css +1772 -273
- package/dist/themes/shaj-default.min.css +6 -6
- package/dist/themes/yabai.css +1804 -308
- package/dist/themes/yabai.min.css +8 -8
- package/package.json +1 -1
- package/src/components/Footer/Footer.stories.tsx +388 -0
- package/src/components/Footer/Footer.tsx +197 -0
- package/src/components/Footer/FooterLink.tsx +72 -0
- package/src/components/Footer/FooterSection.tsx +87 -0
- package/src/components/Footer/FooterSocialLink.tsx +117 -0
- package/src/components/Footer/README.md +261 -0
- package/src/components/Footer/index.ts +13 -0
- package/src/components/SectionIntro/SectionIntro.tsx +9 -11
- package/src/components/Slider/Slider.stories.tsx +634 -50
- package/src/components/Slider/Slider.tsx +5 -3
- package/src/components/index.ts +13 -0
- package/src/layouts/Grid/Grid.stories.tsx +226 -159
- package/src/lib/composables/useFooter.ts +85 -0
- package/src/lib/composables/useSlider.ts +191 -4
- package/src/lib/constants/components.ts +85 -0
- package/src/lib/types/components.ts +270 -0
- package/src/styles/01-settings/_index.scss +1 -0
- package/src/styles/01-settings/_settings.accordion.scss +20 -19
- package/src/styles/01-settings/_settings.animations.scss +5 -5
- package/src/styles/01-settings/_settings.avatar-group.scss +1 -1
- package/src/styles/01-settings/_settings.avatar.scss +17 -18
- package/src/styles/01-settings/_settings.background.scss +9 -0
- package/src/styles/01-settings/_settings.badge.scss +1 -1
- package/src/styles/01-settings/_settings.breadcrumb.scss +8 -2
- package/src/styles/01-settings/_settings.card.scss +2 -2
- package/src/styles/01-settings/_settings.chart.scss +7 -7
- package/src/styles/01-settings/_settings.checkbox-group.scss +5 -2
- package/src/styles/01-settings/_settings.checkbox.scss +10 -4
- package/src/styles/01-settings/_settings.countdown.scss +6 -4
- package/src/styles/01-settings/_settings.dropdown.scss +9 -7
- package/src/styles/01-settings/_settings.edge-panel.scss +3 -2
- package/src/styles/01-settings/_settings.footer.scss +125 -0
- package/src/styles/01-settings/_settings.form-group.scss +3 -1
- package/src/styles/01-settings/_settings.form.scss +4 -2
- package/src/styles/01-settings/_settings.hero.scss +9 -7
- package/src/styles/01-settings/_settings.input.scss +9 -7
- package/src/styles/01-settings/_settings.list-group.scss +4 -2
- package/src/styles/01-settings/_settings.list.scss +4 -2
- package/src/styles/01-settings/_settings.menu.scss +10 -8
- package/src/styles/01-settings/_settings.messages.scss +19 -17
- package/src/styles/01-settings/_settings.modal.scss +6 -4
- package/src/styles/01-settings/_settings.nav.scss +6 -4
- package/src/styles/01-settings/_settings.navbar.scss +8 -5
- package/src/styles/01-settings/_settings.pagination.scss +5 -3
- package/src/styles/01-settings/_settings.popover.scss +6 -4
- package/src/styles/01-settings/_settings.rating.scss +5 -3
- package/src/styles/01-settings/_settings.river.scss +8 -6
- package/src/styles/01-settings/_settings.sectionintro.scss +8 -6
- package/src/styles/01-settings/_settings.select.scss +7 -5
- package/src/styles/01-settings/_settings.side-menu.scss +15 -13
- package/src/styles/01-settings/_settings.spacing.scss +4 -0
- package/src/styles/01-settings/_settings.steps.scss +7 -5
- package/src/styles/01-settings/_settings.tabs.scss +7 -5
- package/src/styles/01-settings/_settings.testimonials.scss +6 -4
- package/src/styles/01-settings/_settings.toggle.scss +3 -1
- package/src/styles/01-settings/_settings.tooltip.scss +5 -3
- package/src/styles/01-settings/_settings.upload.scss +22 -20
- package/src/styles/02-tools/_tools.background.scss +85 -0
- package/src/styles/02-tools/_tools.rem.scss +18 -5
- package/src/styles/02-tools/_tools.utility-api.scss +32 -26
- package/src/styles/03-generic/_generic.root.scss +14 -2
- package/src/styles/04-elements/_elements.body.scss +24 -0
- package/src/styles/06-components/_components.accordion.scss +8 -4
- package/src/styles/06-components/_components.avatar-group.scss +2 -1
- package/src/styles/06-components/_components.avatar.scss +2 -1
- package/src/styles/06-components/_components.badge.scss +2 -1
- package/src/styles/06-components/_components.breadcrumb.scss +2 -1
- package/src/styles/06-components/_components.button.scss +4 -3
- package/src/styles/06-components/_components.callout.scss +3 -2
- package/src/styles/06-components/_components.card.scss +4 -2
- package/src/styles/06-components/_components.chart.scss +2 -1
- package/src/styles/06-components/_components.checkbox.scss +2 -1
- package/src/styles/06-components/_components.color-mode-toggle.scss +3 -2
- package/src/styles/06-components/_components.countdown.scss +2 -1
- package/src/styles/06-components/_components.data-table.scss +7 -6
- package/src/styles/06-components/_components.datepicker.scss +2 -1
- package/src/styles/06-components/_components.dropdown.scss +4 -3
- package/src/styles/06-components/_components.edge-panel.scss +4 -3
- package/src/styles/06-components/_components.footer.scss +825 -0
- package/src/styles/06-components/_components.form-group.scss +1 -0
- package/src/styles/06-components/_components.hero.scss +3 -2
- package/src/styles/06-components/_components.image-gallery.scss +1 -0
- package/src/styles/06-components/_components.input.scss +2 -1
- package/src/styles/06-components/_components.list-group.scss +3 -2
- package/src/styles/06-components/_components.list.scss +2 -1
- package/src/styles/06-components/_components.menu.scss +5 -4
- package/src/styles/06-components/_components.messages.scss +8 -7
- package/src/styles/06-components/_components.modal.scss +3 -2
- package/src/styles/06-components/_components.nav.scss +6 -5
- package/src/styles/06-components/_components.navbar.scss +4 -3
- package/src/styles/06-components/_components.pagination.scss +2 -1
- package/src/styles/06-components/_components.photoviewer.scss +4 -3
- package/src/styles/06-components/_components.popover.scss +3 -2
- package/src/styles/06-components/_components.product-review.scss +3 -2
- package/src/styles/06-components/_components.progress.scss +3 -2
- package/src/styles/06-components/_components.river.scss +3 -2
- package/src/styles/06-components/_components.sectionintro.scss +2 -1
- package/src/styles/06-components/_components.select.scss +5 -4
- package/src/styles/06-components/_components.side-menu.scss +8 -7
- package/src/styles/06-components/_components.skeleton.scss +3 -2
- package/src/styles/06-components/_components.slider.scss +7 -6
- package/src/styles/06-components/_components.spinner.scss +1 -0
- package/src/styles/06-components/_components.steps.scss +3 -2
- package/src/styles/06-components/_components.tabs.scss +4 -3
- package/src/styles/06-components/_components.testimonials.scss +2 -1
- package/src/styles/06-components/_components.todo.scss +3 -2
- package/src/styles/06-components/_components.toggle.scss +5 -4
- package/src/styles/06-components/_components.tooltip.scss +3 -2
- package/src/styles/06-components/_components.upload.scss +4 -3
- package/src/styles/06-components/_components.video-player.scss +4 -3
- package/src/styles/06-components/_index.scss +1 -0
package/README.md
CHANGED
|
@@ -67,33 +67,6 @@ import '@shohojdhara/atomix/css/min';
|
|
|
67
67
|
@use '~@shohojdhara/atomix/scss/components' as components;
|
|
68
68
|
```
|
|
69
69
|
|
|
70
|
-
## Themes
|
|
71
|
-
|
|
72
|
-
Atomix comes with multiple built-in themes:
|
|
73
|
-
|
|
74
|
-
```js
|
|
75
|
-
// Import a specific theme
|
|
76
|
-
import '@shohojdhara/atomix/themes/boomdevs';
|
|
77
|
-
|
|
78
|
-
// Or use the theme switcher
|
|
79
|
-
import { ThemeSwitcher } from '@shohojdhara/atomix';
|
|
80
|
-
|
|
81
|
-
function App() {
|
|
82
|
-
return (
|
|
83
|
-
<ThemeSwitcher>
|
|
84
|
-
<Button variant="primary">Themed Button</Button>
|
|
85
|
-
</ThemeSwitcher>
|
|
86
|
-
);
|
|
87
|
-
}
|
|
88
|
-
```
|
|
89
|
-
|
|
90
|
-
Available themes:
|
|
91
|
-
- Default (shaj-default)
|
|
92
|
-
- BoomDevs
|
|
93
|
-
- Esrar
|
|
94
|
-
- Mashroom
|
|
95
|
-
- Yabai
|
|
96
|
-
|
|
97
70
|
## Build Process
|
|
98
71
|
|
|
99
72
|
The Atomix Design System uses a comprehensive build process to generate optimized assets:
|
|
@@ -181,4 +154,4 @@ Contributions are welcome! Please read our [contributing guidelines](CONTRIBUTIN
|
|
|
181
154
|
|
|
182
155
|
## License
|
|
183
156
|
|
|
184
|
-
Apache 2.0 © [Shohojdhara](https://github.com/Shohojdhara)
|
|
157
|
+
Apache 2.0 © [Shohojdhara](https://github.com/Shohojdhara)
|