@shohojdhara/atomix 0.4.0 → 0.4.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/dist/atomix.css +0 -14
- package/dist/atomix.css.map +1 -1
- package/dist/atomix.min.css +4 -4
- package/dist/atomix.min.css.map +1 -1
- package/dist/charts.d.ts +12 -19
- package/dist/charts.js +555 -359
- package/dist/charts.js.map +1 -1
- package/dist/core.d.ts +98 -28
- package/dist/core.js +1082 -733
- package/dist/core.js.map +1 -1
- package/dist/forms.d.ts +26 -21
- package/dist/forms.js +937 -350
- package/dist/forms.js.map +1 -1
- package/dist/heavy.d.ts +14 -21
- package/dist/heavy.js +409 -256
- package/dist/heavy.js.map +1 -1
- package/dist/index.d.ts +518 -284
- package/dist/index.esm.js +1993 -1237
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1994 -1237
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +2 -2
- package/scripts/atomix-cli.js +43 -1
- package/scripts/cli/__tests__/utils.test.js +6 -2
- package/scripts/cli/migration-tools.js +2 -2
- package/scripts/cli/theme-bridge.js +7 -9
- package/scripts/cli/utils.js +2 -1
- package/src/components/Accordion/Accordion.stories.tsx +40 -0
- package/src/components/Accordion/Accordion.tsx +174 -56
- package/src/components/Accordion/AccordionCompound.test.tsx +70 -0
- package/src/components/AtomixGlass/AtomixGlass.tsx +82 -54
- package/src/components/AtomixGlass/AtomixGlassContainer.tsx +17 -18
- package/src/components/AtomixGlass/README.md +5 -5
- package/src/components/AtomixGlass/stories/Customization.stories.tsx +2 -2
- package/src/components/AtomixGlass/stories/Examples.stories.tsx +42 -42
- package/src/components/AtomixGlass/stories/Modes.stories.tsx +5 -5
- package/src/components/AtomixGlass/stories/Overview.stories.tsx +3 -3
- package/src/components/AtomixGlass/stories/Performance.stories.tsx +2 -2
- package/src/components/AtomixGlass/stories/Playground.stories.tsx +45 -45
- package/src/components/AtomixGlass/stories/Shaders.stories.tsx +3 -3
- package/src/components/Badge/Badge.stories.tsx +1 -1
- package/src/components/Badge/Badge.tsx +1 -1
- package/src/components/Breadcrumb/Breadcrumb.tsx +185 -65
- package/src/components/Breadcrumb/BreadcrumbCompound.test.tsx +84 -0
- package/src/components/Breadcrumb/index.ts +2 -2
- package/src/components/Button/Button.stories.tsx +1 -1
- package/src/components/Button/README.md +2 -2
- package/src/components/Callout/Callout.stories.tsx +166 -1011
- package/src/components/Callout/Callout.test.tsx +3 -3
- package/src/components/Callout/Callout.tsx +196 -84
- package/src/components/Callout/CalloutCompound.test.tsx +72 -0
- package/src/components/Callout/README.md +2 -2
- package/src/components/Chart/Chart.stories.tsx +1 -1
- package/src/components/Chart/Chart.tsx +5 -5
- package/src/components/Chart/TreemapChart.tsx +37 -29
- package/src/components/DatePicker/readme.md +3 -3
- package/src/components/Dropdown/Dropdown.stories.tsx +1 -1
- package/src/components/Dropdown/Dropdown.tsx +133 -20
- package/src/components/Dropdown/DropdownCompound.test.tsx +64 -0
- package/src/components/EdgePanel/EdgePanel.stories.tsx +7 -7
- package/src/components/EdgePanel/EdgePanel.tsx +164 -112
- package/src/components/EdgePanel/EdgePanelCompound.test.tsx +53 -0
- package/src/components/Form/Checkbox.stories.tsx +1 -1
- package/src/components/Form/Checkbox.tsx +1 -1
- package/src/components/Form/Input.stories.tsx +1 -1
- package/src/components/Form/Input.tsx +1 -1
- package/src/components/Form/Radio.stories.tsx +1 -1
- package/src/components/Form/Radio.tsx +1 -1
- package/src/components/Form/Select.stories.tsx +24 -1
- package/src/components/Form/Select.test.tsx +99 -0
- package/src/components/Form/Select.tsx +145 -94
- package/src/components/Form/SelectOption.tsx +88 -0
- package/src/components/Form/Textarea.stories.tsx +1 -1
- package/src/components/Form/Textarea.tsx +1 -1
- package/src/components/Hero/Hero.stories.tsx +39 -2
- package/src/components/Hero/Hero.test.tsx +142 -0
- package/src/components/Hero/Hero.tsx +143 -4
- package/src/components/List/List.test.tsx +62 -0
- package/src/components/List/List.tsx +16 -5
- package/src/components/List/ListItem.tsx +20 -0
- package/src/components/Messages/Messages.stories.tsx +1 -1
- package/src/components/Messages/Messages.tsx +2 -2
- package/src/components/Modal/Modal.stories.tsx +66 -2
- package/src/components/Modal/Modal.tsx +115 -35
- package/src/components/Modal/ModalCompound.test.tsx +94 -0
- package/src/components/Navigation/Nav/Nav.stories.tsx +2 -2
- package/src/components/Navigation/Nav/Nav.tsx +1 -1
- package/src/components/Navigation/Navbar/Navbar.stories.tsx +3 -3
- package/src/components/Navigation/Navbar/Navbar.tsx +1 -1
- package/src/components/Navigation/SideMenu/SideMenu.stories.tsx +2 -2
- package/src/components/Navigation/SideMenu/SideMenu.tsx +1 -1
- package/src/components/Pagination/Pagination.stories.tsx +1 -1
- package/src/components/Pagination/Pagination.tsx +1 -1
- package/src/components/Popover/Popover.stories.tsx +1 -1
- package/src/components/Popover/Popover.tsx +1 -1
- package/src/components/Progress/Progress.tsx +1 -1
- package/src/components/Rating/Rating.stories.tsx +1 -1
- package/src/components/Rating/Rating.test.tsx +73 -0
- package/src/components/Rating/Rating.tsx +25 -37
- package/src/components/Spinner/Spinner.tsx +1 -1
- package/src/components/Steps/Steps.stories.tsx +1 -1
- package/src/components/Steps/Steps.tsx +125 -22
- package/src/components/Steps/StepsCompound.test.tsx +81 -0
- package/src/components/Tabs/Tabs.stories.tsx +1 -1
- package/src/components/Tabs/Tabs.tsx +198 -45
- package/src/components/Tabs/TabsCompound.test.tsx +64 -0
- package/src/components/Todo/Todo.tsx +0 -1
- package/src/components/Toggle/Toggle.stories.tsx +1 -1
- package/src/components/Toggle/Toggle.tsx +1 -1
- package/src/components/Tooltip/Tooltip.stories.tsx +1 -1
- package/src/components/VideoPlayer/VideoPlayer.stories.tsx +2 -2
- package/src/lib/composables/__tests__/useAtomixGlassPerf.test.tsx +88 -0
- package/src/lib/composables/__tests__/useChart.test.ts +50 -0
- package/src/lib/composables/__tests__/useChart.test.tsx +139 -0
- package/src/lib/composables/__tests__/useHeroBackgroundSlider.test.tsx +59 -0
- package/src/lib/composables/__tests__/useSliderAutoplay.test.tsx +68 -0
- package/src/lib/composables/atomix-glass/useGlassBackgroundDetection.ts +329 -0
- package/src/lib/composables/atomix-glass/useGlassCornerRadius.ts +82 -0
- package/src/lib/composables/atomix-glass/useGlassMouseTracking.ts +153 -0
- package/src/lib/composables/atomix-glass/useGlassOverLight.ts +198 -0
- package/src/lib/composables/atomix-glass/useGlassSize.ts +117 -0
- package/src/lib/composables/atomix-glass/useGlassState.ts +112 -0
- package/src/lib/composables/atomix-glass/useGlassTransforms.ts +160 -0
- package/src/lib/composables/glass-styles.ts +302 -0
- package/src/lib/composables/index.ts +0 -8
- package/src/lib/composables/useAtomixGlass.ts +331 -537
- package/src/lib/composables/useAtomixGlassStyles.ts +307 -0
- package/src/lib/composables/useBarChart.ts +1 -1
- package/src/lib/composables/useBreadcrumb.ts +6 -6
- package/src/lib/composables/useChart.ts +104 -21
- package/src/lib/composables/useHeroBackgroundSlider.ts +16 -7
- package/src/lib/composables/useSlider.ts +66 -34
- package/src/lib/theme/devtools/CLI.ts +2 -10
- package/src/lib/theme/utils/__tests__/themeUtils.test.ts +213 -0
- package/src/lib/types/components.ts +21 -23
- package/src/lib/utils/__tests__/componentUtils.test.ts +57 -2
- package/src/lib/utils/__tests__/dom.test.ts +100 -0
- package/src/lib/utils/__tests__/fontPreloader.test.ts +102 -0
- package/src/lib/utils/__tests__/themeNaming.test.ts +117 -0
- package/src/lib/utils/themeNaming.ts +1 -1
- package/src/styles/06-components/_components.accordion.scss +0 -2
- package/src/styles/06-components/_components.chart.scss +0 -1
- package/src/styles/06-components/_components.dropdown.scss +0 -1
- package/src/styles/06-components/_components.edge-panel.scss +0 -2
- package/src/styles/06-components/_components.photoviewer.scss +0 -1
- package/src/styles/06-components/_components.river.scss +0 -1
- package/src/styles/06-components/_components.slider.scss +0 -3
- package/src/styles/99-utilities/_utilities.glass-fixes.scss +0 -1
package/dist/atomix.css
CHANGED
|
@@ -1655,7 +1655,6 @@ a, a:hover {
|
|
|
1655
1655
|
.c-accordion__icon {
|
|
1656
1656
|
color: var(--atomix-accordion-icon-color);
|
|
1657
1657
|
font-size: var(--atomix-accordion-icon-size);
|
|
1658
|
-
will-change: transform;
|
|
1659
1658
|
flex-shrink: 0;
|
|
1660
1659
|
display: inline-flex;
|
|
1661
1660
|
align-items: center;
|
|
@@ -1668,7 +1667,6 @@ a, a:hover {
|
|
|
1668
1667
|
.c-accordion__panel {
|
|
1669
1668
|
height: var(--panel-height);
|
|
1670
1669
|
overflow: hidden;
|
|
1671
|
-
will-change: height;
|
|
1672
1670
|
scroll-behavior: smooth;
|
|
1673
1671
|
transition-property: all;
|
|
1674
1672
|
transition-duration: 0.2s;
|
|
@@ -4057,7 +4055,6 @@ a, a:hover {
|
|
|
4057
4055
|
text-rendering: optimizeLegibility;
|
|
4058
4056
|
image-rendering: -webkit-optimize-contrast;
|
|
4059
4057
|
image-rendering: crisp-edges;
|
|
4060
|
-
will-change: contents;
|
|
4061
4058
|
-webkit-backface-visibility: hidden;
|
|
4062
4059
|
backface-visibility: hidden;
|
|
4063
4060
|
transform: translateZ(0);
|
|
@@ -5415,7 +5412,6 @@ a, a:hover {
|
|
|
5415
5412
|
pointer-events: none;
|
|
5416
5413
|
}
|
|
5417
5414
|
.c-dropdown__menu-wrapper:not(.is-glass) {
|
|
5418
|
-
will-change: transform, opacity, visibility;
|
|
5419
5415
|
transform: translateY(-15px) scale(0.95);
|
|
5420
5416
|
transform-origin: top center;
|
|
5421
5417
|
}
|
|
@@ -5632,7 +5628,6 @@ a, a:hover {
|
|
|
5632
5628
|
opacity: 0;
|
|
5633
5629
|
z-index: 1;
|
|
5634
5630
|
transition: opacity var(--atomix-edge-panel-animation-duration) ease;
|
|
5635
|
-
will-change: opacity;
|
|
5636
5631
|
}
|
|
5637
5632
|
.c-edge-panel__backdrop.is-animating {
|
|
5638
5633
|
animation: fadeIn 0.3s ease forwards;
|
|
@@ -5651,7 +5646,6 @@ a, a:hover {
|
|
|
5651
5646
|
overflow: hidden;
|
|
5652
5647
|
display: flex;
|
|
5653
5648
|
flex-direction: column;
|
|
5654
|
-
will-change: transform, opacity;
|
|
5655
5649
|
}
|
|
5656
5650
|
.c-edge-panel__container.is-animating {
|
|
5657
5651
|
animation: slideIn var(--atomix-edge-panel-animation-duration) cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
@@ -9591,7 +9585,6 @@ a, a:hover {
|
|
|
9591
9585
|
object-fit: cover;
|
|
9592
9586
|
-o-object-position: center;
|
|
9593
9587
|
object-position: center;
|
|
9594
|
-
will-change: transform;
|
|
9595
9588
|
}
|
|
9596
9589
|
.c-river__bg ~ .c-river__container .c-river__title,
|
|
9597
9590
|
.c-river__bg ~ .c-river__container .c-river__text {
|
|
@@ -10202,9 +10195,6 @@ a, a:hover {
|
|
|
10202
10195
|
pointer-events: auto;
|
|
10203
10196
|
opacity: 1;
|
|
10204
10197
|
}
|
|
10205
|
-
.c-slider--loop .c-slider__wrapper {
|
|
10206
|
-
will-change: transform;
|
|
10207
|
-
}
|
|
10208
10198
|
.c-slider--loop .c-slider__wrapper.transitioning {
|
|
10209
10199
|
transition: transform var(--atomix-slider-speed) var(--atomix-slider-easing);
|
|
10210
10200
|
}
|
|
@@ -10234,7 +10224,6 @@ a, a:hover {
|
|
|
10234
10224
|
z-index: 1;
|
|
10235
10225
|
display: flex;
|
|
10236
10226
|
box-sizing: content-box;
|
|
10237
|
-
will-change: transform;
|
|
10238
10227
|
}
|
|
10239
10228
|
.c-slider__slide {
|
|
10240
10229
|
flex-shrink: 0;
|
|
@@ -11915,7 +11904,6 @@ a, a:hover {
|
|
|
11915
11904
|
-o-object-fit: contain;
|
|
11916
11905
|
object-fit: contain;
|
|
11917
11906
|
transform-origin: center center;
|
|
11918
|
-
will-change: transform;
|
|
11919
11907
|
image-rendering: auto;
|
|
11920
11908
|
image-rendering: -webkit-optimize-contrast;
|
|
11921
11909
|
-webkit-backface-visibility: hidden;
|
|
@@ -12646,8 +12634,6 @@ body.is-open-photoviewer {
|
|
|
12646
12634
|
transform-style: flat !important;
|
|
12647
12635
|
will-change: auto !important;
|
|
12648
12636
|
transform: none !important;
|
|
12649
|
-
z-index: auto;
|
|
12650
|
-
z-index: initial;
|
|
12651
12637
|
}
|
|
12652
12638
|
.u-glass-debug {
|
|
12653
12639
|
outline: 2px dashed red !important;
|