@cleartrip/ct-design-container 3.21.0-SNAPSHOT-reactNativeRemDepTest.0 → 3.21.0-SNAPSHOT-btnbsht.0
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/Container.d.ts.map +1 -1
- package/dist/ct-design-container.browser.cjs.js +1 -1
- package/dist/ct-design-container.browser.cjs.js.map +1 -1
- package/dist/ct-design-container.browser.esm.js +1 -1
- package/dist/ct-design-container.browser.esm.js.map +1 -1
- package/dist/ct-design-container.cjs.js +3 -34
- package/dist/ct-design-container.cjs.js.map +1 -1
- package/dist/ct-design-container.esm.js +4 -33
- package/dist/ct-design-container.esm.js.map +1 -1
- package/dist/ct-design-container.umd.js +6 -38
- package/dist/ct-design-container.umd.js.map +1 -1
- package/dist/type.d.ts +18 -28
- package/dist/type.d.ts.map +1 -1
- package/package.json +6 -6
package/dist/Container.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../packages/components/Container/src/Container.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAY,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../packages/components/Container/src/Container.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAY,MAAM,4BAA4B,CAAC;AAGpF,OAAO,EAAkB,UAAU,EAAE,MAAM,QAAQ,CAAC;AAGpD,KAAK,oBAAoB,GAAG,4BAA4B,CACtD,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,GAAG,EACrD,UAAU,CACX,CAAC;AA0BF,QAAA,MAAM,SAAS,sBAYU,CAAC;AAE1B,eAAe,SAAS,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var o=require("tslib"),n=require("react/jsx-runtime"),e=require("react"),t=require("@emotion/styled"),i=require("@cleartrip/ct-design-
|
|
1
|
+
"use strict";var o=require("tslib"),n=require("react/jsx-runtime"),e=require("react"),t=require("@emotion/styled"),i=require("@cleartrip/ct-design-hooks");function r(o){return o&&o.__esModule?o:{default:o}}var a=r(t).default.div((function(n){n.id;var e=n.css;n.children,n.onClick,n.onAnimationEnd,n.onAnimationStart,n.onDoubleClick,n.onBlur,n.onTouchStart,n.onTouchEnd,n.onMouseEnter,n.onMouseLeave,n.onFocus,n.onKeyDown,n.onPointerEnter,n.onPointerLeave,n.onTouchCancel,n.onTouchMove;var t=o.__rest(n,["id","css","children","onClick","onAnimationEnd","onAnimationStart","onDoubleClick","onBlur","onTouchStart","onTouchEnd","onMouseEnter","onMouseLeave","onFocus","onKeyDown","onPointerEnter","onPointerLeave","onTouchCancel","onTouchMove"]);return function(n){var e=n.alignItems,t=n.borderRadius,i=n.boxShadow,r=n.bottom,a=n.display,d=n.flex,s=n.justifyContent,l=n.flexWrap,g=n.flexDirection,u=n.rowGap,c=n.columnGap,m=n.left,p=n.position,h=n.right,f=n.top,x=n.zIndex,C=n.paddingTop,_=n.paddingBottom,v=n.paddingLeft,T=n.paddingRight,b=n.marginTop,w=n.marginBottom,y=n.marginLeft,k=n.marginRight,B=n.backgroundColor,L=n.cursor,R=n.width,A=n.height,E=n.wordBreak;n.theme;var M=n.textAlign,S=n.gridTemplateColumns,D=o.__rest(n,["alignItems","borderRadius","boxShadow","bottom","display","flex","justifyContent","flexWrap","flexDirection","rowGap","columnGap","left","position","right","top","zIndex","paddingTop","paddingBottom","paddingLeft","paddingRight","marginTop","marginBottom","marginLeft","marginRight","backgroundColor","cursor","width","height","wordBreak","theme","textAlign","gridTemplateColumns"]);return o.__assign({alignItems:e,borderRadius:t,boxShadow:i,bottom:r,display:a,flex:d,justifyContent:s,flexWrap:l,flexDirection:g,rowGap:u,columnGap:c,left:m,position:p,right:h,top:f,zIndex:x,paddingTop:C,paddingBottom:_,paddingLeft:v,paddingRight:T,marginTop:b,marginBottom:w,marginLeft:y,marginRight:k,backgroundColor:B,cursor:L,width:R,height:A,wordBreak:E,textAlign:M,gridTemplateColumns:S},D)}(o.__assign(o.__assign({},t),e))})),d=e.forwardRef((function(e,t){var r=e.id,d=e.as,s=void 0===d?"div":d,l=e.children,g=e.styleConfig,u=o.__rest(e,["id","as","children","styleConfig"]),c=(g||{}).root,m=void 0===c?[]:c,p=i.useWebMergeStyles(o.__spreadArray([],m,!0),[m]);return n.jsx(a,o.__assign({},u,{id:r,ref:t,as:s,className:p},{children:l}))}));exports.Container=d;
|
|
2
2
|
//# sourceMappingURL=ct-design-container.browser.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-container.browser.cjs.js","sources":["../packages/components/Container/src/Container.tsx","../packages/components/Container/src/style.ts"],"sourcesContent":[null,null],"names":["
|
|
1
|
+
{"version":3,"file":"ct-design-container.browser.cjs.js","sources":["../packages/components/Container/src/Container.tsx","../packages/components/Container/src/style.ts"],"sourcesContent":[null,null],"names":["StyledContainer","default","div","_a","id","css","children","onClick","onAnimationStart","onDoubleClick","onBlur","onTouchStart","onMouseEnter","onMouseLeave","onFocus","onKeyDown","onPointerEnter","onPointerLeave","onTouchCancel","onTouchMove","rest","__rest","alignItems","borderRadius","boxShadow","bottom","display","flex","justifyContent","flexWrap","flexDirection","rowGap","columnGap","left","position","right","top","zIndex","paddingTop","paddingBottom","paddingLeft","paddingRight","marginTop","marginBottom","marginLeft","marginRight","backgroundColor","cursor","width","height","wordBreak","textAlign","gridTemplateColumns","__assign","getContainerStyles","Container","forwardRef","forwardedRef","_b","as","styleConfig","_c","root","rootStyles","mergedRootStyles","useWebMergeStyles","__spreadArray","_jsx","jsx","ref","className"],"mappings":"kNAWMA,OAAwBC,QAACC,KAC7B,SAACC,GACGA,EAAAC,GACF,IAAAC,EAAGF,EAAAE,IACKF,EAAAG,SACDH,EAAAI,yBAESJ,EAAAK,iBACHL,EAAAM,cACPN,EAAAO,OACMP,EAAAQ,0BAEAR,EAAAS,aACAT,EAAAU,aACLV,EAAAW,QACEX,EAAAY,UACKZ,EAAAa,eACAb,EAAAc,eACDd,EAAAe,cACFf,EAAAgB,YAER,IAAAC,EApBJC,EAAAA,OAAAlB,EAAA,CAAA,KAAA,MAAA,WAAA,UAAA,iBAAA,mBAAA,gBAAA,SAAA,eAAA,aAAA,eAAA,eAAA,UAAA,YAAA,iBAAA,iBAAA,gBAAA,gBAqBK,OC/B0B,SAACA,GACjC,IAAAmB,eACAC,iBACAC,cACAC,WACAC,YACAC,SACAC,EAAczB,EAAAyB,eACdC,EAAQ1B,EAAA0B,SACRC,EAAa3B,EAAA2B,cACbC,EAAM5B,EAAA4B,OACNC,EAAS7B,EAAA6B,UACTC,EAAI9B,EAAA8B,KACJC,EAAQ/B,EAAA+B,SACRC,EAAKhC,EAAAgC,MACLC,EAAGjC,EAAAiC,IACHC,EAAMlC,EAAAkC,OACNC,eACAC,kBACAC,gBACAC,EAAYtC,EAAAsC,aACZC,EAASvC,EAAAuC,UACTC,EAAYxC,EAAAwC,aACZC,EAAUzC,EAAAyC,WACVC,EAAW1C,EAAA0C,YACXC,EAAe3C,EAAA2C,gBACfC,EAAM5C,EAAA4C,OACNC,EAAK7C,EAAA6C,MACLC,EAAM9C,EAAA8C,OACNC,EAAS/C,EAAA+C,sBAETC,cACAC,wBACGhC,EAjC8BC,EAAAA,OAAAlB,EAAA,CAAA,aAAA,eAAA,YAAA,SAAA,UAAA,OAAA,iBAAA,WAAA,gBAAA,SAAA,YAAA,OAAA,WAAA,QAAA,MAAA,SAAA,aAAA,gBAAA,cAAA,eAAA,YAAA,eAAA,aAAA,cAAA,kBAAA,SAAA,QAAA,SAAA,YAAA,QAAA,YAAA,wBAmCjC,OACEkD,EAAAA,SAAA,CAAA/B,aACAC,eACAC,YACAC,SACAC,UACAC,OACAC,iBACAC,WACAC,gBACAC,SACAC,YACAC,OACAC,WACAC,QACAC,IAAGA,EACHC,OAAMA,EACNC,WAAUA,EACVC,cAAaA,EACbC,YAAWA,EACXC,aAAYA,EACZC,UAASA,EACTC,aAAYA,EACZC,WAAUA,EACVC,YAAWA,EACXC,gBAAeA,EACfC,OAAMA,EACNC,MAAKA,EACLC,OAAMA,EACNC,UAASA,EACTC,UAASA,EACTC,oBAAmBA,GAChBhC,EAEP,CDtCQkC,CAAwBD,EAAAA,SAAAA,EAAAA,SAAA,CAAA,EAAAjC,GAASf,GAAM,IAGzCkD,EAAYC,EAAUA,YAC1B,SAACrD,EAAoDsD,GAAlD,IAAArD,EAAED,EAAAC,GAAEsD,OAAAC,aAAK,MAAKD,EAAEpD,EAAQH,EAAAG,SAAEsD,EAAWzD,EAAAyD,YAAKxC,EAAIC,EAAAA,OAAAlB,EAAhD,sCACS0D,GAA0BD,GAAe,CAAA,GAApBE,KAAfC,OAAU,IAAAF,EAAG,GAAEA,EAEvBG,EAAmBC,oBAAsBC,EAAAA,cAAA,GAAAH,MAAa,CAACA,IAE7D,OACEI,EAACC,IAAApE,EAAoBqD,WAAA,CAAA,EAAAjC,GAAMhB,GAAIA,EAAIiE,IAAKZ,EAAcE,GAAIA,EAAIW,UAAWN,GACtE,CAAA1D,SAAAA,IAGP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as o,__assign as n,__spreadArray as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as e
|
|
1
|
+
import{__rest as o,__assign as n,__spreadArray as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as e}from"react";import r from"@emotion/styled";import{useWebMergeStyles as a}from"@cleartrip/ct-design-hooks";var d=r.div((function(t){t.id;var i=t.css;t.children,t.onClick,t.onAnimationEnd,t.onAnimationStart,t.onDoubleClick,t.onBlur,t.onTouchStart,t.onTouchEnd,t.onMouseEnter,t.onMouseLeave,t.onFocus,t.onKeyDown,t.onPointerEnter,t.onPointerLeave,t.onTouchCancel,t.onTouchMove;var e=o(t,["id","css","children","onClick","onAnimationEnd","onAnimationStart","onDoubleClick","onBlur","onTouchStart","onTouchEnd","onMouseEnter","onMouseLeave","onFocus","onKeyDown","onPointerEnter","onPointerLeave","onTouchCancel","onTouchMove"]);return function(t){var i=t.alignItems,e=t.borderRadius,r=t.boxShadow,a=t.bottom,d=t.display,l=t.flex,m=t.justifyContent,g=t.flexWrap,p=t.flexDirection,c=t.rowGap,s=t.columnGap,u=t.left,h=t.position,f=t.right,x=t.top,C=t.zIndex,T=t.paddingTop,v=t.paddingBottom,b=t.paddingLeft,w=t.paddingRight,k=t.marginTop,y=t.marginBottom,B=t.marginLeft,L=t.marginRight,R=t.backgroundColor,E=t.cursor,A=t.width,D=t.height,S=t.wordBreak;t.theme;var G=t.textAlign,I=t.gridTemplateColumns,M=o(t,["alignItems","borderRadius","boxShadow","bottom","display","flex","justifyContent","flexWrap","flexDirection","rowGap","columnGap","left","position","right","top","zIndex","paddingTop","paddingBottom","paddingLeft","paddingRight","marginTop","marginBottom","marginLeft","marginRight","backgroundColor","cursor","width","height","wordBreak","theme","textAlign","gridTemplateColumns"]);return n({alignItems:i,borderRadius:e,boxShadow:r,bottom:a,display:d,flex:l,justifyContent:m,flexWrap:g,flexDirection:p,rowGap:c,columnGap:s,left:u,position:h,right:f,top:x,zIndex:C,paddingTop:T,paddingBottom:v,paddingLeft:b,paddingRight:w,marginTop:k,marginBottom:y,marginLeft:B,marginRight:L,backgroundColor:R,cursor:E,width:A,height:D,wordBreak:S,textAlign:G,gridTemplateColumns:I},M)}(n(n({},e),i))})),l=e((function(e,r){var l=e.id,m=e.as,g=void 0===m?"div":m,p=e.children,c=e.styleConfig,s=o(e,["id","as","children","styleConfig"]),u=(c||{}).root,h=void 0===u?[]:u,f=a(t([],h,!0),[h]);return i(d,n({},s,{id:l,ref:r,as:g,className:f},{children:p}))}));export{l as Container};
|
|
2
2
|
//# sourceMappingURL=ct-design-container.browser.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-container.browser.esm.js","sources":["../packages/components/Container/src/style.ts","../packages/components/Container/src/Container.tsx"],"sourcesContent":[null,null],"names":["
|
|
1
|
+
{"version":3,"file":"ct-design-container.browser.esm.js","sources":["../packages/components/Container/src/style.ts","../packages/components/Container/src/Container.tsx"],"sourcesContent":[null,null],"names":["StyledContainer","styled","div","_a","id","css","children","onClick","onAnimationStart","onDoubleClick","onBlur","onTouchStart","onMouseEnter","onMouseLeave","onFocus","onKeyDown","onPointerEnter","onPointerLeave","onTouchCancel","onTouchMove","rest","__rest","alignItems","borderRadius","boxShadow","bottom","display","flex","justifyContent","flexWrap","flexDirection","rowGap","columnGap","left","position","right","top","zIndex","paddingTop","paddingBottom","paddingLeft","paddingRight","marginTop","marginBottom","marginLeft","marginRight","backgroundColor","cursor","width","height","wordBreak","textAlign","gridTemplateColumns","__assign","getContainerStyles","Container","forwardRef","forwardedRef","_b","as","styleConfig","_c","root","rootStyles","mergedRootStyles","useWebMergeStyles","__spreadArray","_jsx","ref","className"],"mappings":"yOAEO,ICSDA,EAAkBC,EAAOC,KAC7B,SAACC,GACGA,EAAAC,GACF,IAAAC,EAAGF,EAAAE,IACKF,EAAAG,SACDH,EAAAI,yBAESJ,EAAAK,iBACHL,EAAAM,cACPN,EAAAO,OACMP,EAAAQ,0BAEAR,EAAAS,aACAT,EAAAU,aACLV,EAAAW,QACEX,EAAAY,UACKZ,EAAAa,eACAb,EAAAc,eACDd,EAAAe,cACFf,EAAAgB,YAER,IAAAC,EApBJC,EAAAlB,EAAA,CAAA,KAAA,MAAA,WAAA,UAAA,iBAAA,mBAAA,gBAAA,SAAA,eAAA,aAAA,eAAA,eAAA,UAAA,YAAA,iBAAA,iBAAA,gBAAA,gBAqBK,OD/B0B,SAACA,GACjC,IAAAmB,eACAC,iBACAC,cACAC,WACAC,YACAC,SACAC,EAAczB,EAAAyB,eACdC,EAAQ1B,EAAA0B,SACRC,EAAa3B,EAAA2B,cACbC,EAAM5B,EAAA4B,OACNC,EAAS7B,EAAA6B,UACTC,EAAI9B,EAAA8B,KACJC,EAAQ/B,EAAA+B,SACRC,EAAKhC,EAAAgC,MACLC,EAAGjC,EAAAiC,IACHC,EAAMlC,EAAAkC,OACNC,eACAC,kBACAC,gBACAC,EAAYtC,EAAAsC,aACZC,EAASvC,EAAAuC,UACTC,EAAYxC,EAAAwC,aACZC,EAAUzC,EAAAyC,WACVC,EAAW1C,EAAA0C,YACXC,EAAe3C,EAAA2C,gBACfC,EAAM5C,EAAA4C,OACNC,EAAK7C,EAAA6C,MACLC,EAAM9C,EAAA8C,OACNC,EAAS/C,EAAA+C,sBAETC,cACAC,wBACGhC,EAjC8BC,EAAAlB,EAAA,CAAA,aAAA,eAAA,YAAA,SAAA,UAAA,OAAA,iBAAA,WAAA,gBAAA,SAAA,YAAA,OAAA,WAAA,QAAA,MAAA,SAAA,aAAA,gBAAA,cAAA,eAAA,YAAA,eAAA,aAAA,cAAA,kBAAA,SAAA,QAAA,SAAA,YAAA,QAAA,YAAA,wBAmCjC,OACEkD,EAAA,CAAA/B,aACAC,eACAC,YACAC,SACAC,UACAC,OACAC,iBACAC,WACAC,gBACAC,SACAC,YACAC,OACAC,WACAC,QACAC,IAAGA,EACHC,OAAMA,EACNC,WAAUA,EACVC,cAAaA,EACbC,YAAWA,EACXC,aAAYA,EACZC,UAASA,EACTC,aAAYA,EACZC,WAAUA,EACVC,YAAWA,EACXC,gBAAeA,EACfC,OAAMA,EACNC,MAAKA,EACLC,OAAMA,EACNC,UAASA,EACTC,UAASA,EACTC,oBAAmBA,GAChBhC,EAEP,CCtCQkC,CAAwBD,EAAAA,EAAA,CAAA,EAAAjC,GAASf,GAAM,IAGzCkD,EAAYC,GAChB,SAACrD,EAAoDsD,GAAlD,IAAArD,EAAED,EAAAC,GAAEsD,OAAAC,aAAK,MAAKD,EAAEpD,EAAQH,EAAAG,SAAEsD,EAAWzD,EAAAyD,YAAKxC,EAAIC,EAAAlB,EAAhD,sCACS0D,GAA0BD,GAAe,CAAA,GAApBE,KAAfC,OAAU,IAAAF,EAAG,GAAEA,EAEvBG,EAAmBC,EAAsBC,EAAA,GAAAH,MAAa,CAACA,IAE7D,OACEI,EAACnE,EAAoBqD,EAAA,CAAA,EAAAjC,GAAMhB,GAAIA,EAAIgE,IAAKX,EAAcE,GAAIA,EAAIU,UAAWL,GACtE,CAAA1D,SAAAA,IAGP"}
|
|
@@ -4,57 +4,26 @@ var tslib = require('tslib');
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var styled = require('@emotion/styled');
|
|
7
|
-
var
|
|
8
|
-
var makeStyles = require('@cleartrip/ct-design-make-styles');
|
|
7
|
+
var ctDesignHooks = require('@cleartrip/ct-design-hooks');
|
|
9
8
|
|
|
10
9
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
10
|
|
|
12
11
|
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
13
|
-
var useWebMergeStyles__default = /*#__PURE__*/_interopDefault(useWebMergeStyles);
|
|
14
|
-
var makeStyles__default = /*#__PURE__*/_interopDefault(makeStyles);
|
|
15
12
|
|
|
16
13
|
var getContainerStyles = function (_a) {
|
|
17
14
|
var alignItems = _a.alignItems, borderRadius = _a.borderRadius, boxShadow = _a.boxShadow, bottom = _a.bottom, display = _a.display, flex = _a.flex, justifyContent = _a.justifyContent, flexWrap = _a.flexWrap, flexDirection = _a.flexDirection, rowGap = _a.rowGap, columnGap = _a.columnGap, left = _a.left, position = _a.position, right = _a.right, top = _a.top, zIndex = _a.zIndex, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, marginTop = _a.marginTop, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, backgroundColor = _a.backgroundColor, cursor = _a.cursor, width = _a.width, height = _a.height, wordBreak = _a.wordBreak; _a.theme; var textAlign = _a.textAlign, gridTemplateColumns = _a.gridTemplateColumns, rest = tslib.__rest(_a, ["alignItems", "borderRadius", "boxShadow", "bottom", "display", "flex", "justifyContent", "flexWrap", "flexDirection", "rowGap", "columnGap", "left", "position", "right", "top", "zIndex", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "marginTop", "marginBottom", "marginLeft", "marginRight", "backgroundColor", "cursor", "width", "height", "wordBreak", "theme", "textAlign", "gridTemplateColumns"]);
|
|
18
15
|
return tslib.__assign({ alignItems: alignItems, borderRadius: borderRadius, boxShadow: boxShadow, bottom: bottom, display: display, flex: flex, justifyContent: justifyContent, flexWrap: flexWrap, flexDirection: flexDirection, rowGap: rowGap, columnGap: columnGap, left: left, position: position, right: right, top: top, zIndex: zIndex, paddingTop: paddingTop, paddingBottom: paddingBottom, paddingLeft: paddingLeft, paddingRight: paddingRight, marginTop: marginTop, marginBottom: marginBottom, marginLeft: marginLeft, marginRight: marginRight, backgroundColor: backgroundColor, cursor: cursor, width: width, height: height, wordBreak: wordBreak, textAlign: textAlign, gridTemplateColumns: gridTemplateColumns }, rest);
|
|
19
16
|
};
|
|
20
17
|
|
|
21
|
-
var staticContainerStyles = makeStyles__default.default(function () {
|
|
22
|
-
return {
|
|
23
|
-
root: {
|
|
24
|
-
flexDirection: 'column',
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
});
|
|
28
18
|
var StyledContainer = styled__default.default.div(function (_a) {
|
|
29
19
|
_a.id; var css = _a.css; _a.children; _a.onClick; _a.onAnimationEnd; _a.onAnimationStart; _a.onDoubleClick; _a.onBlur; _a.onTouchStart; _a.onTouchEnd; _a.onMouseEnter; _a.onMouseLeave; _a.onFocus; _a.onKeyDown; _a.onPointerEnter; _a.onPointerLeave; _a.onTouchCancel; _a.onTouchMove; var rest = tslib.__rest(_a, ["id", "css", "children", "onClick", "onAnimationEnd", "onAnimationStart", "onDoubleClick", "onBlur", "onTouchStart", "onTouchEnd", "onMouseEnter", "onMouseLeave", "onFocus", "onKeyDown", "onPointerEnter", "onPointerLeave", "onTouchCancel", "onTouchMove"]);
|
|
30
20
|
return getContainerStyles(tslib.__assign(tslib.__assign({}, rest), css));
|
|
31
21
|
});
|
|
32
22
|
var Container = react.forwardRef(function (_a, forwardedRef) {
|
|
33
23
|
var id = _a.id, _b = _a.as, as = _b === void 0 ? 'div' : _b, children = _a.children, styleConfig = _a.styleConfig, rest = tslib.__rest(_a, ["id", "as", "children", "styleConfig"]);
|
|
34
|
-
var localRef = react.useRef(null);
|
|
35
|
-
var handleFocus = react.useCallback(function () {
|
|
36
|
-
var _a;
|
|
37
|
-
(_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
38
|
-
}, []);
|
|
39
|
-
var handleGetBoundingRect = react.useCallback(function (callback) {
|
|
40
|
-
var _a;
|
|
41
|
-
var rect = (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
42
|
-
if (rect) {
|
|
43
|
-
callback === null || callback === void 0 ? void 0 : callback({
|
|
44
|
-
x: rect.x,
|
|
45
|
-
y: rect.y,
|
|
46
|
-
width: rect.width,
|
|
47
|
-
height: rect.height,
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
}, []);
|
|
51
|
-
react.useImperativeHandle(forwardedRef, function () { return ({
|
|
52
|
-
focus: handleFocus,
|
|
53
|
-
getBoundingRectWithCallback: handleGetBoundingRect,
|
|
54
|
-
}); }, [handleFocus, handleGetBoundingRect]);
|
|
55
24
|
var _c = (styleConfig || {}).root, rootStyles = _c === void 0 ? [] : _c;
|
|
56
|
-
var mergedRootStyles =
|
|
57
|
-
return (jsxRuntime.jsx(StyledContainer, tslib.__assign({ id: id, ref:
|
|
25
|
+
var mergedRootStyles = ctDesignHooks.useWebMergeStyles(tslib.__spreadArray([], rootStyles, true), [rootStyles]);
|
|
26
|
+
return (jsxRuntime.jsx(StyledContainer, tslib.__assign({}, rest, { id: id, ref: forwardedRef, as: as, className: mergedRootStyles }, { children: children })));
|
|
58
27
|
});
|
|
59
28
|
|
|
60
29
|
exports.Container = Container;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-container.cjs.js","sources":["../packages/components/Container/src/style.ts","../packages/components/Container/src/Container.tsx"],"sourcesContent":[null,null],"names":["__rest","__assign","
|
|
1
|
+
{"version":3,"file":"ct-design-container.cjs.js","sources":["../packages/components/Container/src/style.ts","../packages/components/Container/src/Container.tsx"],"sourcesContent":[null,null],"names":["__rest","__assign","styled","forwardRef","useWebMergeStyles","__spreadArray","_jsx"],"mappings":";;;;;;;;;;;;AAEO,IAAM,kBAAkB,GAAG,UAAC,EAkC7B,EAAA;IAjCJ,IAAA,UAAU,gBAAA,CACV,CAAA,YAAY,kBAAA,CACZ,CAAA,SAAS,eAAA,CACT,CAAA,MAAM,YAAA,CACN,CAAA,OAAO,aAAA,CACP,CAAA,IAAI,UAAA,CACJ,CAAA,cAAc,GAAA,EAAA,CAAA,cAAA,CAAA,CACd,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,CACT,CAAA,IAAI,GAAA,EAAA,CAAA,IAAA,CAAA,CACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA,CACR,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA,CACL,GAAG,GAAA,EAAA,CAAA,GAAA,CAAA,CACH,MAAM,GAAA,EAAA,CAAA,MAAA,CACN,CAAA,UAAU,gBAAA,CACV,CAAA,aAAa,mBAAA,CACb,CAAA,WAAW,iBAAA,CACX,CAAA,YAAY,GAAA,EAAA,CAAA,YAAA,CAAA,CACZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,CACX,CAAA,eAAe,GAAA,EAAA,CAAA,eAAA,CAAA,CACf,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA,CACN,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA,CACL,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA,CACN,SAAS,GAAA,EAAA,CAAA,SAAA,CACT,SAAK,CACL,KAAA,SAAS,eAAA,CACT,CAAA,mBAAmB,yBAAA,CAChB,CAAA,IAAI,GAjC0BA,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,KAAA,EAAA,QAAA,EAAA,YAAA,EAAA,eAAA,EAAA,aAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,YAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,OAAA,EAAA,WAAA,EAAA,qBAAA,CAkClC,EADQ;IAEP,OACEC,cAAA,CAAA,EAAA,UAAU,YAAA,EACV,YAAY,cAAA,EACZ,SAAS,WAAA,EACT,MAAM,QAAA,EACN,OAAO,SAAA,EACP,IAAI,MAAA,EACJ,cAAc,gBAAA,EACd,QAAQ,UAAA,EACR,aAAa,eAAA,EACb,MAAM,QAAA,EACN,SAAS,WAAA,EACT,IAAI,MAAA,EACJ,QAAQ,UAAA,EACR,KAAK,OAAA,EACL,GAAG,EAAA,GAAA,EACH,MAAM,EAAA,MAAA,EACN,UAAU,EAAA,UAAA,EACV,aAAa,EAAA,aAAA,EACb,WAAW,EAAA,WAAA,EACX,YAAY,EAAA,YAAA,EACZ,SAAS,EAAA,SAAA,EACT,YAAY,EAAA,YAAA,EACZ,UAAU,EAAA,UAAA,EACV,WAAW,EAAA,WAAA,EACX,eAAe,EAAA,eAAA,EACf,MAAM,EAAA,MAAA,EACN,KAAK,EAAA,KAAA,EACL,MAAM,EAAA,MAAA,EACN,SAAS,EAAA,SAAA,EACT,SAAS,EAAA,SAAA,EACT,mBAAmB,EAAA,mBAAA,EAChB,EAAA,IAAI,CACP,CAAA;AACJ,CAAC;;AC5DD,IAAM,eAAe,GAAGC,uBAAM,CAAC,GAAG,CAChC,UAAC,EAqBA,EAAA;IApBG,EAAA,CAAA,EAAA,CAAA,KACF,GAAG,GAAA,EAAA,CAAA,GAAA,CACH,CAAQ,EAAA,CAAA,QAAA,CAAA,CACD,EAAA,CAAA,OAAA,CACP,kBAAc,CACd,CAAgB,EAAA,CAAA,gBAAA,CAAA,CACH,EAAA,CAAA,aAAA,CACb,CAAM,EAAA,CAAA,MAAA,CAAA,CACM,EAAA,CAAA,YAAA,CACZ,cAAU,CACV,CAAY,EAAA,CAAA,YAAA,CAAA,CACA,EAAA,CAAA,YAAA,CACZ,CAAO,EAAA,CAAA,OAAA,CAAA,CACE,EAAA,CAAA,SAAA,CACT,CAAc,EAAA,CAAA,cAAA,CAAA,CACA,EAAA,CAAA,cAAA,CACd,CAAa,EAAA,CAAA,aAAA,CAAA,CACF,EAAA,CAAA,WAAA,CAER,KAAA,IAAI,GApBRF,YAAA,CAAA,EAAA,EAAA,CAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,SAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,aAAA,CAqBA,EADQ;AACH,IAAA,OAAA,kBAAkB,CAAMC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,IAAI,CAAK,EAAA,GAAG,EAAG,CAAA;AAAA,CAAA,CAC9C,CAAC;AAEF,IAAM,SAAS,GAAGE,gBAAU,CAC1B,UAAC,EAAkD,EAAE,YAAY,EAAA;AAA9D,IAAA,IAAA,EAAE,GAAA,EAAA,CAAA,EAAA,EAAE,UAAU,EAAV,EAAE,mBAAG,KAAK,GAAA,EAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAK,IAAI,GAAAH,YAAA,CAAA,EAAA,EAAhD,uCAAkD,CAAF,CAAA;AACvC,IAAA,IAAA,EAA0B,GAAA,CAAA,WAAW,IAAI,EAAE,EAAtB,IAAA,EAAf,UAAU,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,CAAuB;IAEpD,IAAM,gBAAgB,GAAGI,+BAAiB,CAAKC,mBAAA,CAAA,EAAA,EAAA,UAAU,SAAG,CAAC,UAAU,CAAC,CAAC,CAAC;IAE1E,QACEC,cAAC,CAAA,eAAe,EAAKL,cAAA,CAAA,EAAA,EAAA,IAAI,IAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EACtF,EAAA,EAAA,QAAA,EAAA,QAAQ,EACO,CAAA,CAAA,EAClB;AACJ,CAAC;;;;"}
|
|
@@ -1,52 +1,23 @@
|
|
|
1
1
|
import { __rest, __assign, __spreadArray } from 'tslib';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
4
|
import styled from '@emotion/styled';
|
|
5
|
-
import useWebMergeStyles from '@cleartrip/ct-design-
|
|
6
|
-
import makeStyles from '@cleartrip/ct-design-make-styles';
|
|
5
|
+
import { useWebMergeStyles } from '@cleartrip/ct-design-hooks';
|
|
7
6
|
|
|
8
7
|
var getContainerStyles = function (_a) {
|
|
9
8
|
var alignItems = _a.alignItems, borderRadius = _a.borderRadius, boxShadow = _a.boxShadow, bottom = _a.bottom, display = _a.display, flex = _a.flex, justifyContent = _a.justifyContent, flexWrap = _a.flexWrap, flexDirection = _a.flexDirection, rowGap = _a.rowGap, columnGap = _a.columnGap, left = _a.left, position = _a.position, right = _a.right, top = _a.top, zIndex = _a.zIndex, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, marginTop = _a.marginTop, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, backgroundColor = _a.backgroundColor, cursor = _a.cursor, width = _a.width, height = _a.height, wordBreak = _a.wordBreak; _a.theme; var textAlign = _a.textAlign, gridTemplateColumns = _a.gridTemplateColumns, rest = __rest(_a, ["alignItems", "borderRadius", "boxShadow", "bottom", "display", "flex", "justifyContent", "flexWrap", "flexDirection", "rowGap", "columnGap", "left", "position", "right", "top", "zIndex", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "marginTop", "marginBottom", "marginLeft", "marginRight", "backgroundColor", "cursor", "width", "height", "wordBreak", "theme", "textAlign", "gridTemplateColumns"]);
|
|
10
9
|
return __assign({ alignItems: alignItems, borderRadius: borderRadius, boxShadow: boxShadow, bottom: bottom, display: display, flex: flex, justifyContent: justifyContent, flexWrap: flexWrap, flexDirection: flexDirection, rowGap: rowGap, columnGap: columnGap, left: left, position: position, right: right, top: top, zIndex: zIndex, paddingTop: paddingTop, paddingBottom: paddingBottom, paddingLeft: paddingLeft, paddingRight: paddingRight, marginTop: marginTop, marginBottom: marginBottom, marginLeft: marginLeft, marginRight: marginRight, backgroundColor: backgroundColor, cursor: cursor, width: width, height: height, wordBreak: wordBreak, textAlign: textAlign, gridTemplateColumns: gridTemplateColumns }, rest);
|
|
11
10
|
};
|
|
12
11
|
|
|
13
|
-
var staticContainerStyles = makeStyles(function () {
|
|
14
|
-
return {
|
|
15
|
-
root: {
|
|
16
|
-
flexDirection: 'column',
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
});
|
|
20
12
|
var StyledContainer = styled.div(function (_a) {
|
|
21
13
|
_a.id; var css = _a.css; _a.children; _a.onClick; _a.onAnimationEnd; _a.onAnimationStart; _a.onDoubleClick; _a.onBlur; _a.onTouchStart; _a.onTouchEnd; _a.onMouseEnter; _a.onMouseLeave; _a.onFocus; _a.onKeyDown; _a.onPointerEnter; _a.onPointerLeave; _a.onTouchCancel; _a.onTouchMove; var rest = __rest(_a, ["id", "css", "children", "onClick", "onAnimationEnd", "onAnimationStart", "onDoubleClick", "onBlur", "onTouchStart", "onTouchEnd", "onMouseEnter", "onMouseLeave", "onFocus", "onKeyDown", "onPointerEnter", "onPointerLeave", "onTouchCancel", "onTouchMove"]);
|
|
22
14
|
return getContainerStyles(__assign(__assign({}, rest), css));
|
|
23
15
|
});
|
|
24
16
|
var Container = forwardRef(function (_a, forwardedRef) {
|
|
25
17
|
var id = _a.id, _b = _a.as, as = _b === void 0 ? 'div' : _b, children = _a.children, styleConfig = _a.styleConfig, rest = __rest(_a, ["id", "as", "children", "styleConfig"]);
|
|
26
|
-
var localRef = useRef(null);
|
|
27
|
-
var handleFocus = useCallback(function () {
|
|
28
|
-
var _a;
|
|
29
|
-
(_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
30
|
-
}, []);
|
|
31
|
-
var handleGetBoundingRect = useCallback(function (callback) {
|
|
32
|
-
var _a;
|
|
33
|
-
var rect = (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
34
|
-
if (rect) {
|
|
35
|
-
callback === null || callback === void 0 ? void 0 : callback({
|
|
36
|
-
x: rect.x,
|
|
37
|
-
y: rect.y,
|
|
38
|
-
width: rect.width,
|
|
39
|
-
height: rect.height,
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
}, []);
|
|
43
|
-
useImperativeHandle(forwardedRef, function () { return ({
|
|
44
|
-
focus: handleFocus,
|
|
45
|
-
getBoundingRectWithCallback: handleGetBoundingRect,
|
|
46
|
-
}); }, [handleFocus, handleGetBoundingRect]);
|
|
47
18
|
var _c = (styleConfig || {}).root, rootStyles = _c === void 0 ? [] : _c;
|
|
48
|
-
var mergedRootStyles = useWebMergeStyles(__spreadArray([
|
|
49
|
-
return (jsx(StyledContainer, __assign({ id: id, ref:
|
|
19
|
+
var mergedRootStyles = useWebMergeStyles(__spreadArray([], rootStyles, true), [rootStyles]);
|
|
20
|
+
return (jsx(StyledContainer, __assign({}, rest, { id: id, ref: forwardedRef, as: as, className: mergedRootStyles }, { children: children })));
|
|
50
21
|
});
|
|
51
22
|
|
|
52
23
|
export { Container };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-container.esm.js","sources":["../packages/components/Container/src/style.ts","../packages/components/Container/src/Container.tsx"],"sourcesContent":[null,null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ct-design-container.esm.js","sources":["../packages/components/Container/src/style.ts","../packages/components/Container/src/Container.tsx"],"sourcesContent":[null,null],"names":["_jsx"],"mappings":"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"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@cleartrip/ct-design-
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@cleartrip/ct-design-
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemContainer = {}, global.jsxRuntime, global.React, global.
|
|
5
|
-
})(this, (function (exports, jsxRuntime, React,
|
|
6
|
-
|
|
7
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@cleartrip/ct-design-hooks')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@cleartrip/ct-design-hooks'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemContainer = {}, global.jsxRuntime, global.React, global.ctDesignHooks));
|
|
5
|
+
})(this, (function (exports, jsxRuntime, React, ctDesignHooks) { 'use strict';
|
|
8
6
|
|
|
9
7
|
function _interopNamespace(e) {
|
|
10
8
|
if (e && e.__esModule) return e;
|
|
@@ -25,8 +23,6 @@
|
|
|
25
23
|
}
|
|
26
24
|
|
|
27
25
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
28
|
-
var useWebMergeStyles__default = /*#__PURE__*/_interopDefault(useWebMergeStyles);
|
|
29
|
-
var makeStyles__default = /*#__PURE__*/_interopDefault(makeStyles);
|
|
30
26
|
|
|
31
27
|
/******************************************************************************
|
|
32
28
|
Copyright (c) Microsoft Corporation.
|
|
@@ -2104,43 +2100,15 @@
|
|
|
2104
2100
|
return __assign({ alignItems: alignItems, borderRadius: borderRadius, boxShadow: boxShadow, bottom: bottom, display: display, flex: flex, justifyContent: justifyContent, flexWrap: flexWrap, flexDirection: flexDirection, rowGap: rowGap, columnGap: columnGap, left: left, position: position, right: right, top: top, zIndex: zIndex, paddingTop: paddingTop, paddingBottom: paddingBottom, paddingLeft: paddingLeft, paddingRight: paddingRight, marginTop: marginTop, marginBottom: marginBottom, marginLeft: marginLeft, marginRight: marginRight, backgroundColor: backgroundColor, cursor: cursor, width: width, height: height, wordBreak: wordBreak, textAlign: textAlign, gridTemplateColumns: gridTemplateColumns }, rest);
|
|
2105
2101
|
};
|
|
2106
2102
|
|
|
2107
|
-
var staticContainerStyles = makeStyles__default.default(function () {
|
|
2108
|
-
return {
|
|
2109
|
-
root: {
|
|
2110
|
-
flexDirection: 'column',
|
|
2111
|
-
},
|
|
2112
|
-
};
|
|
2113
|
-
});
|
|
2114
2103
|
var StyledContainer = styled.div(function (_a) {
|
|
2115
2104
|
_a.id; var css = _a.css; _a.children; _a.onClick; _a.onAnimationEnd; _a.onAnimationStart; _a.onDoubleClick; _a.onBlur; _a.onTouchStart; _a.onTouchEnd; _a.onMouseEnter; _a.onMouseLeave; _a.onFocus; _a.onKeyDown; _a.onPointerEnter; _a.onPointerLeave; _a.onTouchCancel; _a.onTouchMove; var rest = __rest(_a, ["id", "css", "children", "onClick", "onAnimationEnd", "onAnimationStart", "onDoubleClick", "onBlur", "onTouchStart", "onTouchEnd", "onMouseEnter", "onMouseLeave", "onFocus", "onKeyDown", "onPointerEnter", "onPointerLeave", "onTouchCancel", "onTouchMove"]);
|
|
2116
2105
|
return getContainerStyles(__assign(__assign({}, rest), css));
|
|
2117
2106
|
});
|
|
2118
2107
|
var Container = React.forwardRef(function (_a, forwardedRef) {
|
|
2119
2108
|
var id = _a.id, _b = _a.as, as = _b === void 0 ? 'div' : _b, children = _a.children, styleConfig = _a.styleConfig, rest = __rest(_a, ["id", "as", "children", "styleConfig"]);
|
|
2120
|
-
var localRef = React.useRef(null);
|
|
2121
|
-
var handleFocus = React.useCallback(function () {
|
|
2122
|
-
var _a;
|
|
2123
|
-
(_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2124
|
-
}, []);
|
|
2125
|
-
var handleGetBoundingRect = React.useCallback(function (callback) {
|
|
2126
|
-
var _a;
|
|
2127
|
-
var rect = (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
2128
|
-
if (rect) {
|
|
2129
|
-
callback === null || callback === void 0 ? void 0 : callback({
|
|
2130
|
-
x: rect.x,
|
|
2131
|
-
y: rect.y,
|
|
2132
|
-
width: rect.width,
|
|
2133
|
-
height: rect.height,
|
|
2134
|
-
});
|
|
2135
|
-
}
|
|
2136
|
-
}, []);
|
|
2137
|
-
React.useImperativeHandle(forwardedRef, function () { return ({
|
|
2138
|
-
focus: handleFocus,
|
|
2139
|
-
getBoundingRectWithCallback: handleGetBoundingRect,
|
|
2140
|
-
}); }, [handleFocus, handleGetBoundingRect]);
|
|
2141
2109
|
var _c = (styleConfig || {}).root, rootStyles = _c === void 0 ? [] : _c;
|
|
2142
|
-
var mergedRootStyles =
|
|
2143
|
-
return (jsxRuntime.jsx(StyledContainer, __assign({ id: id, ref:
|
|
2110
|
+
var mergedRootStyles = ctDesignHooks.useWebMergeStyles(__spreadArray([], rootStyles, true), [rootStyles]);
|
|
2111
|
+
return (jsxRuntime.jsx(StyledContainer, __assign({}, rest, { id: id, ref: forwardedRef, as: as, className: mergedRootStyles }, { children: children })));
|
|
2144
2112
|
});
|
|
2145
2113
|
|
|
2146
2114
|
exports.Container = Container;
|