@smg-automotive/components 25.11.0-ST-1552-migrate-drawer.2 → 25.11.0-ST-1552-migrate-drawer.3
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/cjs/index.js +8 -11
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/themes/shared/slotRecipes/drawer.d.ts.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/drawer.d.ts.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/drawer.js +7 -10
- package/dist/esm/themes/shared/slotRecipes/drawer.js.map +1 -1
- package/dist/esm/themes/shared/tokens/animations.js +1 -1
- package/dist/esm/themes/shared/tokens/animations.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -330,7 +330,7 @@ var aspectRatios = react$1.defineTokens.aspectRatios({
|
|
|
330
330
|
var animations = react$1.defineTokens.animations({
|
|
331
331
|
skeletonPulse: { value: 'skeletonPulse 1.6s linear infinite' },
|
|
332
332
|
spin: { value: 'spin 0.8s linear infinite' },
|
|
333
|
-
'fade-in': { value: 'fade-in var(--fade-in-duration, 0.1s) ease-
|
|
333
|
+
'fade-in': { value: 'fade-in var(--fade-in-duration, 0.1s) ease-in' },
|
|
334
334
|
'fade-out': { value: 'fade-out var(--fade-out-duration, 0.1s) ease-out' },
|
|
335
335
|
});
|
|
336
336
|
|
|
@@ -1798,7 +1798,6 @@ var drawerRecipe = react$1.defineSlotRecipe({
|
|
|
1798
1798
|
base: {
|
|
1799
1799
|
root: {},
|
|
1800
1800
|
backdrop: {
|
|
1801
|
-
background: 'blackAlpha.500',
|
|
1802
1801
|
position: 'fixed',
|
|
1803
1802
|
insetInlineStart: '0',
|
|
1804
1803
|
top: '0',
|
|
@@ -1806,12 +1805,10 @@ var drawerRecipe = react$1.defineSlotRecipe({
|
|
|
1806
1805
|
height: 'full',
|
|
1807
1806
|
zIndex: 'overlay',
|
|
1808
1807
|
_open: {
|
|
1809
|
-
|
|
1810
|
-
animationDuration: 'normal',
|
|
1808
|
+
animation: 'fade-in',
|
|
1811
1809
|
},
|
|
1812
1810
|
_closed: {
|
|
1813
|
-
|
|
1814
|
-
animationDuration: 'normal',
|
|
1811
|
+
animation: 'fade-out',
|
|
1815
1812
|
},
|
|
1816
1813
|
},
|
|
1817
1814
|
positioner: {
|
|
@@ -1825,7 +1822,7 @@ var drawerRecipe = react$1.defineSlotRecipe({
|
|
|
1825
1822
|
},
|
|
1826
1823
|
content: {
|
|
1827
1824
|
bg: 'white',
|
|
1828
|
-
boxShadow: '
|
|
1825
|
+
boxShadow: 'xs',
|
|
1829
1826
|
},
|
|
1830
1827
|
body: {
|
|
1831
1828
|
flex: 1,
|
|
@@ -1899,7 +1896,7 @@ var drawerRecipe = react$1.defineSlotRecipe({
|
|
|
1899
1896
|
css: {
|
|
1900
1897
|
content: {
|
|
1901
1898
|
width: 'full',
|
|
1902
|
-
height: '
|
|
1899
|
+
height: '2xl',
|
|
1903
1900
|
_open: {
|
|
1904
1901
|
animationName: ['slide-in-from-top'],
|
|
1905
1902
|
animationDuration: 'slow',
|
|
@@ -1917,7 +1914,7 @@ var drawerRecipe = react$1.defineSlotRecipe({
|
|
|
1917
1914
|
css: {
|
|
1918
1915
|
content: {
|
|
1919
1916
|
width: 'full',
|
|
1920
|
-
height: '
|
|
1917
|
+
height: 'half',
|
|
1921
1918
|
_open: {
|
|
1922
1919
|
animationName: ['slide-in-from-top'],
|
|
1923
1920
|
animationDuration: 'slow',
|
|
@@ -1968,7 +1965,7 @@ var drawerRecipe = react$1.defineSlotRecipe({
|
|
|
1968
1965
|
css: {
|
|
1969
1966
|
content: {
|
|
1970
1967
|
width: 'full',
|
|
1971
|
-
height: '
|
|
1968
|
+
height: '2xl',
|
|
1972
1969
|
_open: {
|
|
1973
1970
|
animationName: ['slide-in-from-bottom'],
|
|
1974
1971
|
animationDuration: 'slow',
|
|
@@ -1986,7 +1983,7 @@ var drawerRecipe = react$1.defineSlotRecipe({
|
|
|
1986
1983
|
css: {
|
|
1987
1984
|
content: {
|
|
1988
1985
|
width: 'full',
|
|
1989
|
-
height: '
|
|
1986
|
+
height: 'half',
|
|
1990
1987
|
_open: {
|
|
1991
1988
|
animationName: ['slide-in-from-bottom'],
|
|
1992
1989
|
animationDuration: 'slow',
|