@shohojdhara/atomix 0.3.11 → 0.3.13

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.
Files changed (34) hide show
  1. package/dist/atomix.css +15 -17
  2. package/dist/atomix.css.map +1 -1
  3. package/dist/atomix.min.css +5 -15255
  4. package/dist/atomix.min.css.map +1 -1
  5. package/dist/charts.js +94 -74
  6. package/dist/charts.js.map +1 -1
  7. package/dist/core.js +94 -74
  8. package/dist/core.js.map +1 -1
  9. package/dist/forms.js +94 -74
  10. package/dist/forms.js.map +1 -1
  11. package/dist/heavy.js +94 -74
  12. package/dist/heavy.js.map +1 -1
  13. package/dist/index.d.ts +9 -27
  14. package/dist/index.esm.js +163 -161
  15. package/dist/index.esm.js.map +1 -1
  16. package/dist/index.js +163 -161
  17. package/dist/index.js.map +1 -1
  18. package/dist/index.min.js +1 -1
  19. package/dist/index.min.js.map +1 -1
  20. package/package.json +1 -1
  21. package/src/components/AtomixGlass/AtomixGlass.tsx +124 -127
  22. package/src/components/AtomixGlass/AtomixGlassContainer.tsx +55 -62
  23. package/src/components/AtomixGlass/GlassFilter.tsx +15 -4
  24. package/src/components/AtomixGlass/stories/Modes.stories.tsx +1 -2
  25. package/src/components/EdgePanel/EdgePanel.stories.tsx +2 -7
  26. package/src/components/EdgePanel/EdgePanel.tsx +0 -10
  27. package/src/components/Form/Radio.stories.tsx +235 -103
  28. package/src/components/Navigation/Nav/NavDropdown.tsx +8 -4
  29. package/src/components/Navigation/SideMenu/SideMenu.tsx +2 -22
  30. package/src/components/Navigation/SideMenu/SideMenuItem.tsx +11 -15
  31. package/src/lib/types/components.ts +2 -26
  32. package/src/styles/06-components/_components.atomix-glass.scss +14 -15
  33. package/src/styles/06-components/_components.edge-panel.scss +4 -4
  34. package/src/styles/06-components/_components.nav.scss +3 -0
package/dist/atomix.css CHANGED
@@ -1924,14 +1924,14 @@ a, a:hover {
1924
1924
  box-sizing: border-box;
1925
1925
  overflow: hidden;
1926
1926
  pointer-events: none;
1927
- /* postcss-ignore-start */
1927
+ /* autoprefixer: ignore next */
1928
1928
  -webkit-mask: linear-gradient(var(--atomix-black, #000000) 0 0) content-box, linear-gradient(var(--atomix-black, #000000) 0 0);
1929
+ /* autoprefixer: ignore next */
1929
1930
  -webkit-mask-composite: xor;
1930
- -webkit-mask: linear-gradient(var(--atomix-black, #000000) 0 0) content-box, linear-gradient(var(--atomix-black, #000000) 0 0);
1931
- mask: linear-gradient(var(--atomix-black, #000000) 0 0) content-box, linear-gradient(var(--atomix-black, #000000) 0 0);
1932
- -webkit-mask-composite: xor;
1933
- mask-composite: exclude;
1934
- /* postcss-ignore-end */
1931
+ /* autoprefixer: ignore next */
1932
+ mask: linear-gradient(var(--atomix-black, #000000) 0 0) content-box, linear-gradient(var(--atomix-black, #000000) 0 0);
1933
+ /* autoprefixer: ignore next */
1934
+ mask-composite: exclude;
1935
1935
  position: var(--atomix-glass-position);
1936
1936
  top: var(--atomix-glass-top);
1937
1937
  left: var(--atomix-glass-left);
@@ -1941,11 +1941,6 @@ a, a:hover {
1941
1941
  transform: var(--atomix-glass-transform);
1942
1942
  transition: var(--atomix-glass-transition);
1943
1943
  }
1944
- @supports (background: linear-gradient(red 0%, red 0% 1%, red 2%)){
1945
- .c-atomix-glass__border-1, .c-atomix-glass__border-2 {
1946
- -webkit-mask: linear-gradient(var(--atomix-black, #000000) 0 0) content-box, linear-gradient(var(--atomix-black, #000000) 0 0);
1947
- }
1948
- }
1949
1944
  .c-atomix-glass__border-1 {
1950
1945
  opacity: var(--atomix-opacity-20, 0.2);
1951
1946
  mix-blend-mode: screen;
@@ -5781,22 +5776,22 @@ a, a:hover {
5781
5776
  .c-edge-panel--glass .c-edge-panel__backdrop.is-animating-out {
5782
5777
  animation: fadeOut 0.3s ease forwards;
5783
5778
  }
5784
- .c-edge-panel--glass.c-edge-panel--start .c-edge-panel__glass-wrapper {
5779
+ .c-edge-panel--glass.c-edge-panel--start .c-edge-panel__glass-content {
5785
5780
  animation: slideInStart 0.3s ease forwards;
5786
5781
  }
5787
- .c-edge-panel--glass.c-edge-panel--start .c-edge-panel__glass-wrapper.is-animating-out {
5782
+ .c-edge-panel--glass.c-edge-panel--start .c-edge-panel__glass-content.is-animating-out {
5788
5783
  animation: slideOutStart 0.3s ease forwards;
5789
5784
  }
5790
- .c-edge-panel--glass.c-edge-panel--end .c-edge-panel__glass-wrapper {
5785
+ .c-edge-panel--glass.c-edge-panel--end .c-edge-panel__glass-content {
5791
5786
  animation: slideInEnd 0.3s ease forwards;
5792
5787
  }
5793
- .c-edge-panel--glass.c-edge-panel--end .c-edge-panel__glass-wrapper.is-animating-out {
5788
+ .c-edge-panel--glass.c-edge-panel--end .c-edge-panel__glass-content.is-animating-out {
5794
5789
  animation: slideOutEnd 0.3s ease forwards;
5795
5790
  }
5796
- .c-edge-panel--glass.c-edge-panel--top .c-edge-panel__glass-wrapper {
5791
+ .c-edge-panel--glass.c-edge-panel--top .c-edge-panel__glass-content {
5797
5792
  animation: slideInTop 0.3s ease forwards;
5798
5793
  }
5799
- .c-edge-panel--glass.c-edge-panel--bottom .c-edge-panel__glass-wrapper {
5794
+ .c-edge-panel--glass.c-edge-panel--bottom .c-edge-panel__glass-content {
5800
5795
  animation: slideInBottom 0.3s ease forwards;
5801
5796
  }
5802
5797
  .c-edge-panel--glass.c-edge-panel--bottom .c-edge-panel__container, .c-edge-panel--glass.c-edge-panel--top .c-edge-panel__container {
@@ -8030,6 +8025,9 @@ a, a:hover {
8030
8025
  visibility: hidden;
8031
8026
  opacity: 0;
8032
8027
  white-space: nowrap;
8028
+ list-style: none;
8029
+ padding: 0;
8030
+ margin: 0;
8033
8031
  transition-property: all;
8034
8032
  transition-duration: 0.2s;
8035
8033
  transition-timing-function: ease-in-out;