@smg-automotive/components 25.11.0-ST-1552-migrate-drawer.1 → 25.11.0-chakra-v3.2

package/dist/cjs/components/index.d.ts

@@ -14,7 +14,6 @@ export * from './count';
 export * from './datePicker';
 export * from './devOverlay';
 export * from './dialog';
-export * from './drawer';
 export * from './energyLabel';
 export * from './errorPage';
 export * from './flex';

package/dist/cjs/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}

package/dist/cjs/index.js

@@ -59,7 +59,6 @@ var sizes = react$1.defineTokens.sizes({
     '6xl': { value: '20rem' },
     '7xl': { value: '30rem' },
     '8xl': { value: '45rem' },
-    half: { value: '50%' },
     full: { value: '100%' },
     fit: { value: 'fit-content' },
     container: {
@@ -146,9 +145,6 @@ var durations = react$1.defineTokens.durations({
     normal: {
         value: '200ms',
     },
-    slow: {
-        value: '350ms',
-    },
 });
 
 var cursor = react$1.defineTokens.cursor({
@@ -331,7 +327,6 @@ var animations = react$1.defineTokens.animations({
     skeletonPulse: { value: 'skeletonPulse 1.6s linear infinite' },
     spin: { value: 'spin 0.8s linear infinite' },
     'fade-in': { value: 'fade-in var(--fade-in-duration, 0.1s) ease-out' },
-    'fade-out': { value: 'fade-out var(--fade-out-duration, 0.1s) ease-out' },
 });
 
 var textStyles = react$1.defineTextStyles({
@@ -1792,252 +1787,6 @@ var energyLabelRecipe = react$1.defineSlotRecipe({
     },
 });
 
-var drawerRecipe = react$1.defineSlotRecipe({
-    slots: ['root', 'backdrop', 'positioner', 'content', 'body', 'closeTrigger'],
-    className: 'chakra-drawer',
-    base: {
-        root: {},
-        backdrop: {
-            background: 'blackAlpha.500',
-            position: 'fixed',
-            insetInlineStart: '0',
-            top: '0',
-            width: 'full',
-            height: 'full',
-            zIndex: 'overlay',
-            _open: {
-                animationName: 'fade-in',
-                animationDuration: 'normal',
-            },
-            _closed: {
-                animationName: 'fade-out',
-                animationDuration: 'normal',
-            },
-        },
-        positioner: {
-            display: 'flex',
-            width: 'full',
-            height: 'full',
-            position: 'fixed',
-            insetInlineStart: '0',
-            top: '0',
-            zIndex: 'modal',
-        },
-        content: {
-            bg: 'white',
-            boxShadow: 'lg',
-        },
-        body: {
-            flex: 1,
-            padding: 'lg',
-            overflowY: 'auto',
-        },
-        closeTrigger: {
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            width: 'xs',
-            height: 'xs',
-            borderRadius: 'sm',
-            color: 'gray.800',
-            fontSize: 'base',
-            cursor: 'pointer',
-            _hover: {
-                bg: 'gray.100',
-            },
-        },
-    },
-    variants: {
-        placement: {
-            top: {
-                positioner: {
-                    alignItems: 'flex-start',
-                    justifyContent: 'stretch',
-                },
-            },
-            bottom: {
-                positioner: {
-                    alignItems: 'flex-end',
-                    justifyContent: 'stretch',
-                },
-            },
-            left: {
-                positioner: {
-                    alignItems: 'stretch',
-                    justifyContent: 'flex-start',
-                },
-            },
-            right: {
-                positioner: {
-                    alignItems: 'stretch',
-                    justifyContent: 'flex-end',
-                },
-            },
-        },
-        size: {
-            xl: {
-                content: {
-                    width: '4xl',
-                },
-            },
-            half: {
-                content: {
-                    width: 'half',
-                },
-            },
-            full: {
-                content: {
-                    width: 'full',
-                },
-            },
-        },
-    },
-    compoundVariants: [
-        {
-            placement: 'top',
-            size: 'xl',
-            css: {
-                content: {
-                    width: 'full',
-                    height: '4xl',
-                    _open: {
-                        animationName: ['slide-in-from-top'],
-                        animationDuration: 'slow',
-                    },
-                    _closed: {
-                        animationName: ['slide-out-to-top'],
-                        animationDuration: 'fast',
-                    },
-                },
-            },
-        },
-        {
-            placement: 'top',
-            size: 'half',
-            css: {
-                content: {
-                    width: 'full',
-                    height: '8xl',
-                    _open: {
-                        animationName: ['slide-in-from-top'],
-                        animationDuration: 'slow',
-                    },
-                    _closed: {
-                        animationName: ['slide-out-to-top'],
-                        animationDuration: 'fast',
-                    },
-                },
-            },
-        },
-        {
-            placement: 'top',
-            size: 'full',
-            css: {
-                content: {
-                    width: 'full',
-                    height: 'full',
-                    _open: {
-                        animationName: ['slide-in-from-top'],
-                        animationDuration: 'slow',
-                    },
-                    _closed: {
-                        animationName: ['slide-out-to-top'],
-                        animationDuration: 'fast',
-                    },
-                },
-            },
-        },
-        {
-            placement: 'right',
-            css: {
-                content: {
-                    _open: {
-                        animationName: ['slide-in-from-right'],
-                        animationDuration: 'slow',
-                    },
-                    _closed: {
-                        animationName: ['slide-out-to-right'],
-                        animationDuration: 'fast',
-                    },
-                },
-            },
-        },
-        {
-            placement: 'bottom',
-            size: 'xl',
-            css: {
-                content: {
-                    width: 'full',
-                    height: '4xl',
-                    _open: {
-                        animationName: ['slide-in-from-bottom'],
-                        animationDuration: 'slow',
-                    },
-                    _closed: {
-                        animationName: ['slide-out-to-bottom'],
-                        animationDuration: 'fast',
-                    },
-                },
-            },
-        },
-        {
-            placement: 'bottom',
-            size: 'half',
-            css: {
-                content: {
-                    width: 'full',
-                    height: '8xl',
-                    _open: {
-                        animationName: ['slide-in-from-bottom'],
-                        animationDuration: 'slow',
-                    },
-                    _closed: {
-                        animationName: ['slide-out-to-bottom'],
-                        animationDuration: 'fast',
-                    },
-                },
-            },
-        },
-        {
-            placement: 'bottom',
-            size: 'full',
-            css: {
-                content: {
-                    width: 'full',
-                    height: 'full',
-                    _open: {
-                        animationName: ['slide-in-from-bottom'],
-                        animationDuration: 'slow',
-                    },
-                    _closed: {
-                        animationName: ['slide-out-to-bottom'],
-                        animationDuration: 'fast',
-                    },
-                },
-            },
-        },
-        {
-            placement: 'left',
-            css: {
-                content: {
-                    _open: {
-                        animationName: ['slide-in-from-left'],
-                        animationDuration: 'slow',
-                    },
-                    _closed: {
-                        animationName: ['slide-out-to-left'],
-                        animationDuration: 'fast',
-                    },
-                },
-            },
-        },
-    ],
-    defaultVariants: {
-        placement: 'right',
-        size: 'half',
-    },
-});
-
 var baseStyleDialog$1 = react$1.defineStyle({
     _open: {
         animationName: 'fade-in',
@@ -2617,7 +2366,6 @@ var slotRecipes = {
     input: inputSlotRecipe,
     select: selectSlotRecipe,
     dialogFilter: dialogFilterRecipe,
-    drawer: drawerRecipe,
     alert: alertRecipe,
     popoverFilter: popoverFilterRecipe,
     numberInput: numberInputRecipe,
@@ -3064,38 +2812,6 @@ var keyframes = react$1.defineKeyframes({
             scale: '0.95',
         },
     },
-    'slide-in-from-top': {
-        from: { transform: 'translateY(-100%)' },
-        to: { transform: 'translateY(0)' },
-    },
-    'slide-in-from-right': {
-        from: { transform: 'translateX(100%)' },
-        to: { transform: 'translateX(0)' },
-    },
-    'slide-in-from-bottom': {
-        from: { transform: 'translateY(100%)' },
-        to: { transform: 'translateY(0)' },
-    },
-    'slide-in-from-left': {
-        from: { transform: 'translateX(-100%)' },
-        to: { transform: 'translateX(0)' },
-    },
-    'slide-out-to-top': {
-        from: { transform: 'translateY(0)' },
-        to: { transform: 'translateY(-100%)' },
-    },
-    'slide-out-to-right': {
-        from: { transform: 'translateX(0)' },
-        to: { transform: 'translateX(100%)' },
-    },
-    'slide-out-to-bottom': {
-        from: { transform: 'translateY(0)' },
-        to: { transform: 'translateY(100%)' },
-    },
-    'slide-out-to-left': {
-        from: { transform: 'translateX(0)' },
-        to: { transform: 'translateX(-100%)' },
-    },
 });
 
 var globalCss = react$1.defineGlobalStyles({
@@ -5655,12 +5371,6 @@ var Dialog = function (_a) {
                             primaryActionButton ? (React.createElement(Button, { variant: "primary", onClick: primaryActionButton.action, width: { base: 'full', sm: 'fit' } }, primaryActionButton.label)) : null))))))));
 };
 
-var Drawer = function (props) {
-    var children = props.children, drawerProps = __rest(props, ["children"]);
-    return (React.createElement(react$1.Drawer.Root, __assign({}, drawerProps),
-        React.createElement(react$1.Portal, null, children)));
-};
-
 var Text = react$1.Text;
 Text.displayName = 'Text';
 
@@ -8472,7 +8182,6 @@ exports.DoubleChevronUpIcon = DoubleChevronUpIcon;
 exports.DoubleLineIcon = DoubleLineIcon;
 exports.DownloadIcon = DownloadIcon;
 exports.DragIcon = DragIcon;
-exports.Drawer = Drawer;
 exports.DriveSystemIcon = DriveSystemIcon;
 exports.DriveSystemLargeIcon = DriveSystemLargeIcon;
 exports.DriveTypeIcon = DriveTypeIcon;