@smg-automotive/components 25.11.0-ST-1552-migrate-drawer.4 → 25.11.0-ST-1552-migrate-drawer.5

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAEL,eAAe,IAAI,WAAW,EAE/B,MAAM,kBAAkB,CAAC;AAE1B,UAAU,oBACR,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,cAAc,CAAC;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAQ9D,CAAC;AAEF,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAEL,eAAe,IAAI,WAAW,EAE/B,MAAM,kBAAkB,CAAC;AAE1B,UAAU,oBACR,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,cAAc,CAAC;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAY9D,CAAC;AAEF,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

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

@@ -15,6 +15,9 @@ export * from './datePicker';
 export * from './devOverlay';
 export * from './dialog';
 export * from './drawer';
+export * from './drawer/DrawerBody';
+export * from './drawer/DrawerContent';
+export * from './drawer/DrawerOverlay';
 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,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,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

@@ -1898,11 +1898,11 @@ var drawerRecipe = react$1.defineSlotRecipe({
                     width: 'full',
                     height: '2xl',
                     _open: {
-                        animationName: ['slide-in-from-top'],
+                        animationName: 'slide-in-from-top',
                         animationDuration: 'slow',
                     },
                     _closed: {
-                        animationName: ['slide-out-to-top'],
+                        animationName: 'slide-out-to-top',
                         animationDuration: 'fast',
                     },
                 },
@@ -1916,11 +1916,11 @@ var drawerRecipe = react$1.defineSlotRecipe({
                     width: 'full',
                     height: 'half',
                     _open: {
-                        animationName: ['slide-in-from-top'],
+                        animationName: 'slide-in-from-top',
                         animationDuration: 'slow',
                     },
                     _closed: {
-                        animationName: ['slide-out-to-top'],
+                        animationName: 'slide-out-to-top',
                         animationDuration: 'fast',
                     },
                 },
@@ -1934,11 +1934,11 @@ var drawerRecipe = react$1.defineSlotRecipe({
                     width: 'full',
                     height: 'full',
                     _open: {
-                        animationName: ['slide-in-from-top'],
+                        animationName: 'slide-in-from-top',
                         animationDuration: 'slow',
                     },
                     _closed: {
-                        animationName: ['slide-out-to-top'],
+                        animationName: 'slide-out-to-top',
                         animationDuration: 'fast',
                     },
                 },
@@ -1949,11 +1949,11 @@ var drawerRecipe = react$1.defineSlotRecipe({
             css: {
                 content: {
                     _open: {
-                        animationName: ['slide-in-from-right'],
+                        animationName: 'slide-in-from-right',
                         animationDuration: 'slow',
                     },
                     _closed: {
-                        animationName: ['slide-out-to-right'],
+                        animationName: 'slide-out-to-right',
                         animationDuration: 'fast',
                     },
                 },
@@ -1967,11 +1967,11 @@ var drawerRecipe = react$1.defineSlotRecipe({
                     width: 'full',
                     height: '2xl',
                     _open: {
-                        animationName: ['slide-in-from-bottom'],
+                        animationName: 'slide-in-from-bottom',
                         animationDuration: 'slow',
                     },
                     _closed: {
-                        animationName: ['slide-out-to-bottom'],
+                        animationName: 'slide-out-to-bottom',
                         animationDuration: 'fast',
                     },
                 },
@@ -1985,11 +1985,11 @@ var drawerRecipe = react$1.defineSlotRecipe({
                     width: 'full',
                     height: 'half',
                     _open: {
-                        animationName: ['slide-in-from-bottom'],
+                        animationName: 'slide-in-from-bottom',
                         animationDuration: 'slow',
                     },
                     _closed: {
-                        animationName: ['slide-out-to-bottom'],
+                        animationName: 'slide-out-to-bottom',
                         animationDuration: 'fast',
                     },
                 },
@@ -2003,11 +2003,11 @@ var drawerRecipe = react$1.defineSlotRecipe({
                     width: 'full',
                     height: 'full',
                     _open: {
-                        animationName: ['slide-in-from-bottom'],
+                        animationName: 'slide-in-from-bottom',
                         animationDuration: 'slow',
                     },
                     _closed: {
-                        animationName: ['slide-out-to-bottom'],
+                        animationName: 'slide-out-to-bottom',
                         animationDuration: 'fast',
                     },
                 },
@@ -2018,11 +2018,11 @@ var drawerRecipe = react$1.defineSlotRecipe({
             css: {
                 content: {
                     _open: {
-                        animationName: ['slide-in-from-left'],
+                        animationName: 'slide-in-from-left',
                         animationDuration: 'slow',
                     },
                     _closed: {
-                        animationName: ['slide-out-to-left'],
+                        animationName: 'slide-out-to-left',
                         animationDuration: 'fast',
                     },
                 },
@@ -5654,10 +5654,28 @@ var Dialog = function (_a) {
 
 var Drawer = function (props) {
     var children = props.children, isOpen = props.isOpen, onClose = props.onClose, drawerProps = __rest(props, ["children", "isOpen", "onClose"]);
-    return (React.createElement(react$1.Drawer.Root, __assign({ open: isOpen, onOpenChange: onClose }, drawerProps),
+    return (React.createElement(react$1.Drawer.Root, __assign({ open: isOpen, onOpenChange: function (e) { return !e.open && onClose(); } }, drawerProps),
         React.createElement(react$1.Portal, null, children)));
 };
 
+var DrawerBody = function (props) {
+    var children = props.children, drawerBodyProps = __rest(props, ["children"]);
+    return React.createElement(react$1.Drawer.Body, __assign({}, drawerBodyProps), children);
+};
+
+var DrawerContent = function (props) {
+    var children = props.children, withCloseButton = props.withCloseButton, drawerContentProps = __rest(props, ["children", "withCloseButton"]);
+    return (React.createElement(react$1.Drawer.Positioner, null,
+        React.createElement(react$1.Drawer.Content, __assign({}, drawerContentProps),
+            withCloseButton ? (React.createElement(react$1.Drawer.CloseTrigger, { asChild: true, fontSize: "base" },
+                React.createElement(CloseIcon, null))) : null,
+            children)));
+};
+
+var DrawerOverlay = function (props) {
+    return React.createElement(react$1.Drawer.Backdrop, __assign({}, props));
+};
+
 var Text = react$1.Text;
 Text.displayName = 'Text';
 
@@ -8470,6 +8488,9 @@ exports.DoubleLineIcon = DoubleLineIcon;
 exports.DownloadIcon = DownloadIcon;
 exports.DragIcon = DragIcon;
 exports.Drawer = Drawer;
+exports.DrawerBody = DrawerBody;
+exports.DrawerContent = DrawerContent;
+exports.DrawerOverlay = DrawerOverlay;
 exports.DriveSystemIcon = DriveSystemIcon;
 exports.DriveSystemLargeIcon = DriveSystemLargeIcon;
 exports.DriveTypeIcon = DriveTypeIcon;