@shoplflow/base 0.42.21 → 0.42.22
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/index.cjs +5 -3
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +5 -3
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -792,9 +792,11 @@ var checkMaxHeight = (height, viewport) => {
|
|
|
792
792
|
return height - topBottomMargin;
|
|
793
793
|
};
|
|
794
794
|
var Container = styled6__default.default.div`
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
795
|
+
${({ hasChangeAnimation }) => hasChangeAnimation && react$1.css`
|
|
796
|
+
transition:
|
|
797
|
+
width 0.3s ease-in-out,
|
|
798
|
+
max-width 0.3s ease-in-out;
|
|
799
|
+
`}
|
|
798
800
|
display: flex;
|
|
799
801
|
flex-direction: column;
|
|
800
802
|
border-radius: ${exports.borderRadiusTokens.borderRadius08};
|
package/dist/index.d.cts
CHANGED
|
@@ -475,6 +475,7 @@ declare const ModalSize: {
|
|
|
475
475
|
declare type ModalSizeType = $Values<typeof ModalSize>;
|
|
476
476
|
interface ModalContainerProps extends ModalContainerOptionProps, SizeVariantProps<ModalSizeType> {
|
|
477
477
|
children?: React.ReactNode | React.ReactNode[];
|
|
478
|
+
hasChangeAnimation?: boolean;
|
|
478
479
|
}
|
|
479
480
|
interface ModalContainerOptionProps {
|
|
480
481
|
/**
|
package/dist/index.d.ts
CHANGED
|
@@ -475,6 +475,7 @@ declare const ModalSize: {
|
|
|
475
475
|
declare type ModalSizeType = $Values<typeof ModalSize>;
|
|
476
476
|
interface ModalContainerProps extends ModalContainerOptionProps, SizeVariantProps<ModalSizeType> {
|
|
477
477
|
children?: React.ReactNode | React.ReactNode[];
|
|
478
|
+
hasChangeAnimation?: boolean;
|
|
478
479
|
}
|
|
479
480
|
interface ModalContainerOptionProps {
|
|
480
481
|
/**
|
package/dist/index.js
CHANGED
|
@@ -765,9 +765,11 @@ var checkMaxHeight = (height, viewport) => {
|
|
|
765
765
|
return height - topBottomMargin;
|
|
766
766
|
};
|
|
767
767
|
var Container = styled6.div`
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
768
|
+
${({ hasChangeAnimation }) => hasChangeAnimation && css`
|
|
769
|
+
transition:
|
|
770
|
+
width 0.3s ease-in-out,
|
|
771
|
+
max-width 0.3s ease-in-out;
|
|
772
|
+
`}
|
|
771
773
|
display: flex;
|
|
772
774
|
flex-direction: column;
|
|
773
775
|
border-radius: ${borderRadiusTokens.borderRadius08};
|