@shohojdhara/atomix 0.4.3 → 0.4.4
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 +2 -1
- package/dist/atomix.css.map +1 -1
- package/dist/atomix.min.css +1 -1
- package/dist/atomix.min.css.map +1 -1
- package/dist/charts.js +2 -10
- package/dist/charts.js.map +1 -1
- package/dist/core.js +2 -10
- package/dist/core.js.map +1 -1
- package/dist/forms.js +2 -10
- package/dist/forms.js.map +1 -1
- package/dist/heavy.js +2 -10
- package/dist/heavy.js.map +1 -1
- package/dist/index.esm.js +2 -10
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2 -10
- 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 +1 -1
- package/src/components/AtomixGlass/AtomixGlass.tsx +2 -14
- package/src/styles/06-components/_components.atomix-glass.scss +2 -1
package/package.json
CHANGED
|
@@ -475,20 +475,8 @@ export function AtomixGlass({
|
|
|
475
475
|
<>
|
|
476
476
|
{/* Border elements - all styles (static and dynamic via CSS variables) are in SCSS */}
|
|
477
477
|
{/* Position, size, transform, transition, border-radius all use CSS variables set in glassVars */}
|
|
478
|
-
<span
|
|
479
|
-
|
|
480
|
-
style={{
|
|
481
|
-
width: glassSize.width,
|
|
482
|
-
height: glassSize.height,
|
|
483
|
-
}}
|
|
484
|
-
/>
|
|
485
|
-
<span
|
|
486
|
-
className={ATOMIX_GLASS.BORDER_2_CLASS}
|
|
487
|
-
style={{
|
|
488
|
-
width: glassSize.width,
|
|
489
|
-
height: glassSize.height,
|
|
490
|
-
}}
|
|
491
|
-
/>
|
|
478
|
+
<span className={ATOMIX_GLASS.BORDER_1_CLASS} />
|
|
479
|
+
<span className={ATOMIX_GLASS.BORDER_2_CLASS} />
|
|
492
480
|
</>
|
|
493
481
|
)}
|
|
494
482
|
</div>
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
// CSS custom property defaults
|
|
10
10
|
--atomix-glass-radius: var(--atomix-radius-md, 16px);
|
|
11
11
|
--atomix-glass-transform: none;
|
|
12
|
-
--atomix-glass-transition:
|
|
12
|
+
--atomix-glass-transition: transform var(--atomix-transition-duration, 0.15s) ease-out;
|
|
13
13
|
--atomix-glass-position: absolute;
|
|
14
14
|
--atomix-glass-container-width: 100%;
|
|
15
15
|
--atomix-glass-container-height: 100%;
|
|
@@ -114,6 +114,7 @@
|
|
|
114
114
|
border-radius: var(--atomix-glass-radius);
|
|
115
115
|
transform: var(--atomix-glass-transform);
|
|
116
116
|
transition: var(--atomix-glass-transition);
|
|
117
|
+
z-index: var(--atomix-z-index-5);
|
|
117
118
|
}
|
|
118
119
|
|
|
119
120
|
&__border-1 {
|