@cleartrip/ct-design-container - npm Package Compare versions

Comparing version 3.2.0-SNAPSHOT-common-bts-counter.0 to 3.2.0-SNAPSHOT-container-fix.0

dist/ct-design-container.browser.cjs.js

@@ -1,2 +0,2 @@
-"use strict";var t=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),e=require("styled-components");function o(t){return t&&t.__esModule?t:{default:t}}var n=o(e).default.div((function(i){var r=i.css;i.children;var e=t.__rest(i,["css","children"]);return function(i){var r=i.alignItems,e=i.borderRadius,o=i.boxShadow,n=i.bottom,a=i.display,d=i.flex,g=i.justifyContent,s=i.flexWrap,l=i.flexDirection,p=i.rowGap,m=i.columnGap,u=i.left,f=i.position,h=i.right,c=i.top,x=i.zIndex,_=i.paddingTop,b=i.paddingBottom,w=i.paddingLeft,C=i.paddingRight,R=i.marginTop,B=i.marginBottom,T=i.marginLeft,v=i.marginRight,y=i.backgroundColor,k=i.cursor,G=i.width,I=i.height,L=i.wordBreak;i.theme;var j=i.textAlign,q=i.gridTemplateColumns,z=t.__rest(i,["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 t.__assign({alignItems:r,borderRadius:e,boxShadow:o,bottom:n,display:a,flex:d,justifyContent:g,flexWrap:s,flexDirection:l,rowGap:p,columnGap:m,left:u,position:f,right:h,top:c,zIndex:x,paddingTop:_,paddingBottom:b,paddingLeft:w,paddingRight:C,marginTop:R,marginBottom:B,marginLeft:T,marginRight:v,backgroundColor:y,cursor:k,width:G,height:I,wordBreak:L,textAlign:j,gridTemplateColumns:q},z)}(t.__assign(t.__assign({},e),r))})),a=r.forwardRef((function(r,e){var o=r.as,a=r.children,d=t.__rest(r,["as","children"]);return i.jsx(n,t.__assign({as:o,ref:e},d,{children:a}))}));exports.Container=a;
+"use strict";var r=require("tslib"),a=require("react/jsx-runtime"),t=require("react");function i(r){return r&&r.__esModule?r:{default:r}}var o=i(require("styled-components")).default.div({alignItems:"var(--alignItems)",borderRadius:"var(--borderRadius)",boxShadow:"var(--boxShadow)",bottom:"var(--bottom)",display:"var(--display)",flex:"var(--flex)",justifyContent:"var(--justifyContent)",flexWrap:"var(--flexWrap)",flexDirection:"var(--flexDirection)",rowGap:"var(--rowGap)",columnGap:"var(--columnGap)",left:"var(--left)",position:"var(--position)",right:"var(--right)",top:"var(--top)",zIndex:"var(--zIndex)",paddingTop:"var(--paddingTop)",paddingBottom:"var(--paddingBottom)",paddingLeft:"var(--paddingLeft)",paddingRight:"var(--paddingRight)",marginTop:"var(--marginTop)",marginBottom:"var(--marginBottom)",marginLeft:"var(--marginLeft)",marginRight:"var(--marginRight)",backgroundColor:"var(--backgroundColor)",cursor:"var(--cursor)",width:"var(--width)",height:"var(--height)",wordBreak:"var(--wordBreak)",textAlign:"var(--textAlign)",gridTemplateColumns:"var(--gridTemplateColumns)"}),e=t.forwardRef((function(t,i){var e=t.as,n=t.children,d=r.__rest(t,["as","children"]);return a.jsx(o,r.__assign({as:e,ref:i,style:r.__assign({"--display":d.display,"--flex":d.flex,"--alignItems":d.alignItems,"--borderRadius":d.borderRadius,"--boxShadow":d.boxShadow,"--justifyContent":d.justifyContent,"--flexWrap":d.flexWrap,"--flexDirection":d.flexDirection,"--rowGap":d.rowGap,"--columnGap":d.columnGap,"--gridTemplateColumns":d.gridTemplateColumns,"--position":d.position,"--top":d.top,"--bottom":d.bottom,"--left":d.left,"--right":d.right,"--cursor":d.cursor,"--wordWrap":d.wordWrap,"--textAlign":d.textAlign,"--borderLeft":d.borderLeft,"--padding":d.padding,"--border":d.border,"--background":d.background,"--zIndex":d.zIndex,"--paddingTop":d.paddingTop,"--paddingBottom":d.paddingBottom,"--paddingLeft":d.paddingLeft,"--paddingRight":d.paddingRight,"--marginTop":d.marginTop,"--marginBottom":d.marginBottom,"--marginLeft":d.marginLeft,"--marginRight":d.marginRight,"--backgroundColor":d.backgroundColor,"--width":d.width,"--height":d.height},d.style)},d,{children:n}))}));exports.Container=e;
 //# sourceMappingURL=ct-design-container.browser.cjs.js.map

dist/ct-design-container.browser.esm.js

@@ -1,2 +0,2 @@
-import{__rest as t,__assign as o}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import n from"styled-components";var e=n.div((function(i){var r=i.css;i.children;var n=t(i,["css","children"]);return function(i){var r=i.alignItems,n=i.borderRadius,e=i.boxShadow,a=i.bottom,d=i.display,g=i.flex,m=i.justifyContent,p=i.flexWrap,l=i.flexDirection,s=i.rowGap,f=i.columnGap,h=i.left,c=i.position,u=i.right,x=i.top,b=i.zIndex,w=i.paddingTop,B=i.paddingBottom,C=i.paddingLeft,R=i.paddingRight,T=i.marginTop,v=i.marginBottom,y=i.marginLeft,k=i.marginRight,G=i.backgroundColor,I=i.cursor,L=i.width,j=i.height,z=i.wordBreak;i.theme;var A=i.textAlign,D=i.gridTemplateColumns,S=t(i,["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({alignItems:r,borderRadius:n,boxShadow:e,bottom:a,display:d,flex:g,justifyContent:m,flexWrap:p,flexDirection:l,rowGap:s,columnGap:f,left:h,position:c,right:u,top:x,zIndex:b,paddingTop:w,paddingBottom:B,paddingLeft:C,paddingRight:R,marginTop:T,marginBottom:v,marginLeft:y,marginRight:k,backgroundColor:G,cursor:I,width:L,height:j,wordBreak:z,textAlign:A,gridTemplateColumns:D},S)}(o(o({},n),r))})),a=r((function(r,n){var a=r.as,d=r.children,g=t(r,["as","children"]);return i(e,o({as:a,ref:n},g,{children:d}))}));export{a as Container};
+import{__rest as r,__assign as a}from"tslib";import{jsx as o}from"react/jsx-runtime";import{forwardRef as t}from"react";import i from"styled-components";var n=i.div({alignItems:"var(--alignItems)",borderRadius:"var(--borderRadius)",boxShadow:"var(--boxShadow)",bottom:"var(--bottom)",display:"var(--display)",flex:"var(--flex)",justifyContent:"var(--justifyContent)",flexWrap:"var(--flexWrap)",flexDirection:"var(--flexDirection)",rowGap:"var(--rowGap)",columnGap:"var(--columnGap)",left:"var(--left)",position:"var(--position)",right:"var(--right)",top:"var(--top)",zIndex:"var(--zIndex)",paddingTop:"var(--paddingTop)",paddingBottom:"var(--paddingBottom)",paddingLeft:"var(--paddingLeft)",paddingRight:"var(--paddingRight)",marginTop:"var(--marginTop)",marginBottom:"var(--marginBottom)",marginLeft:"var(--marginLeft)",marginRight:"var(--marginRight)",backgroundColor:"var(--backgroundColor)",cursor:"var(--cursor)",width:"var(--width)",height:"var(--height)",wordBreak:"var(--wordBreak)",textAlign:"var(--textAlign)",gridTemplateColumns:"var(--gridTemplateColumns)"}),d=t((function(t,i){var d=t.as,e=t.children,g=r(t,["as","children"]);return o(n,a({as:d,ref:i,style:a({"--display":g.display,"--flex":g.flex,"--alignItems":g.alignItems,"--borderRadius":g.borderRadius,"--boxShadow":g.boxShadow,"--justifyContent":g.justifyContent,"--flexWrap":g.flexWrap,"--flexDirection":g.flexDirection,"--rowGap":g.rowGap,"--columnGap":g.columnGap,"--gridTemplateColumns":g.gridTemplateColumns,"--position":g.position,"--top":g.top,"--bottom":g.bottom,"--left":g.left,"--right":g.right,"--cursor":g.cursor,"--wordWrap":g.wordWrap,"--textAlign":g.textAlign,"--borderLeft":g.borderLeft,"--padding":g.padding,"--border":g.border,"--background":g.background,"--zIndex":g.zIndex,"--paddingTop":g.paddingTop,"--paddingBottom":g.paddingBottom,"--paddingLeft":g.paddingLeft,"--paddingRight":g.paddingRight,"--marginTop":g.marginTop,"--marginBottom":g.marginBottom,"--marginLeft":g.marginLeft,"--marginRight":g.marginRight,"--backgroundColor":g.backgroundColor,"--width":g.width,"--height":g.height},g.style)},g,{children:e}))}));export{d as Container};
 //# sourceMappingURL=ct-design-container.browser.esm.js.map

dist/ct-design-container.cjs.js

@@ -12,14 +12,38 @@ 'use strict';
 
-var getContainerStyles = function (_a) {
-    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"]);
-    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);
-};
-
-var StyledContainer = styled__default.default.div(function (_a) {
-    var css = _a.css; _a.children; var rest = tslib.__rest(_a, ["css", "children"]);
-    return getContainerStyles(tslib.__assign(tslib.__assign({}, rest), css));
+var StyledContainer = styled__default.default.div({
+    alignItems: 'var(--alignItems)',
+    borderRadius: 'var(--borderRadius)',
+    boxShadow: 'var(--boxShadow)',
+    bottom: 'var(--bottom)',
+    display: 'var(--display)',
+    flex: 'var(--flex)',
+    justifyContent: 'var(--justifyContent)',
+    flexWrap: 'var(--flexWrap)',
+    flexDirection: 'var(--flexDirection)',
+    rowGap: 'var(--rowGap)',
+    columnGap: 'var(--columnGap)',
+    left: 'var(--left)',
+    position: 'var(--position)',
+    right: 'var(--right)',
+    top: 'var(--top)',
+    zIndex: 'var(--zIndex)',
+    paddingTop: 'var(--paddingTop)',
+    paddingBottom: 'var(--paddingBottom)',
+    paddingLeft: 'var(--paddingLeft)',
+    paddingRight: 'var(--paddingRight)',
+    marginTop: 'var(--marginTop)',
+    marginBottom: 'var(--marginBottom)',
+    marginLeft: 'var(--marginLeft)',
+    marginRight: 'var(--marginRight)',
+    backgroundColor: 'var(--backgroundColor)',
+    cursor: 'var(--cursor)',
+    width: 'var(--width)',
+    height: 'var(--height)',
+    wordBreak: 'var(--wordBreak)',
+    textAlign: 'var(--textAlign)',
+    gridTemplateColumns: 'var(--gridTemplateColumns)',
 });
 var Container = react.forwardRef(function (_a, forwardedRef) {
     var as = _a.as, children = _a.children, rest = tslib.__rest(_a, ["as", "children"]);
-    return (jsxRuntime.jsx(StyledContainer, tslib.__assign({ as: as, ref: forwardedRef }, rest, { children: children })));
+    return (jsxRuntime.jsx(StyledContainer, tslib.__assign({ as: as, ref: forwardedRef, style: tslib.__assign({ '--display': rest['display'], '--flex': rest['flex'], '--alignItems': rest['alignItems'], '--borderRadius': rest['borderRadius'], '--boxShadow': rest['boxShadow'], '--justifyContent': rest['justifyContent'], '--flexWrap': rest['flexWrap'], '--flexDirection': rest['flexDirection'], '--rowGap': rest['rowGap'], '--columnGap': rest['columnGap'], '--gridTemplateColumns': rest['gridTemplateColumns'], '--position': rest['position'], '--top': rest['top'], '--bottom': rest['bottom'], '--left': rest['left'], '--right': rest['right'], '--cursor': rest['cursor'], '--wordWrap': rest['wordWrap'], '--textAlign': rest['textAlign'], '--borderLeft': rest['borderLeft'], '--padding': rest['padding'], '--border': rest['border'], '--background': rest['background'], '--zIndex': rest['zIndex'], '--paddingTop': rest['paddingTop'], '--paddingBottom': rest['paddingBottom'], '--paddingLeft': rest['paddingLeft'], '--paddingRight': rest['paddingRight'], '--marginTop': rest['marginTop'], '--marginBottom': rest['marginBottom'], '--marginLeft': rest['marginLeft'], '--marginRight': rest['marginRight'], '--backgroundColor': rest['backgroundColor'], '--width': rest['width'], '--height': rest['height'] }, rest.style) }, rest, { children: children })));
 });
@@ -26,0 +50,0 @@

dist/ct-design-container.esm.js

@@ -6,14 +6,38 @@ import { __rest, __assign } from 'tslib';
 
-var getContainerStyles = function (_a) {
-    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"]);
-    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);
-};
-
-var StyledContainer = styled.div(function (_a) {
-    var css = _a.css; _a.children; var rest = __rest(_a, ["css", "children"]);
-    return getContainerStyles(__assign(__assign({}, rest), css));
+var StyledContainer = styled.div({
+    alignItems: 'var(--alignItems)',
+    borderRadius: 'var(--borderRadius)',
+    boxShadow: 'var(--boxShadow)',
+    bottom: 'var(--bottom)',
+    display: 'var(--display)',
+    flex: 'var(--flex)',
+    justifyContent: 'var(--justifyContent)',
+    flexWrap: 'var(--flexWrap)',
+    flexDirection: 'var(--flexDirection)',
+    rowGap: 'var(--rowGap)',
+    columnGap: 'var(--columnGap)',
+    left: 'var(--left)',
+    position: 'var(--position)',
+    right: 'var(--right)',
+    top: 'var(--top)',
+    zIndex: 'var(--zIndex)',
+    paddingTop: 'var(--paddingTop)',
+    paddingBottom: 'var(--paddingBottom)',
+    paddingLeft: 'var(--paddingLeft)',
+    paddingRight: 'var(--paddingRight)',
+    marginTop: 'var(--marginTop)',
+    marginBottom: 'var(--marginBottom)',
+    marginLeft: 'var(--marginLeft)',
+    marginRight: 'var(--marginRight)',
+    backgroundColor: 'var(--backgroundColor)',
+    cursor: 'var(--cursor)',
+    width: 'var(--width)',
+    height: 'var(--height)',
+    wordBreak: 'var(--wordBreak)',
+    textAlign: 'var(--textAlign)',
+    gridTemplateColumns: 'var(--gridTemplateColumns)',
 });
 var Container = forwardRef(function (_a, forwardedRef) {
     var as = _a.as, children = _a.children, rest = __rest(_a, ["as", "children"]);
-    return (jsx(StyledContainer, __assign({ as: as, ref: forwardedRef }, rest, { children: children })));
+    return (jsx(StyledContainer, __assign({ as: as, ref: forwardedRef, style: __assign({ '--display': rest['display'], '--flex': rest['flex'], '--alignItems': rest['alignItems'], '--borderRadius': rest['borderRadius'], '--boxShadow': rest['boxShadow'], '--justifyContent': rest['justifyContent'], '--flexWrap': rest['flexWrap'], '--flexDirection': rest['flexDirection'], '--rowGap': rest['rowGap'], '--columnGap': rest['columnGap'], '--gridTemplateColumns': rest['gridTemplateColumns'], '--position': rest['position'], '--top': rest['top'], '--bottom': rest['bottom'], '--left': rest['left'], '--right': rest['right'], '--cursor': rest['cursor'], '--wordWrap': rest['wordWrap'], '--textAlign': rest['textAlign'], '--borderLeft': rest['borderLeft'], '--padding': rest['padding'], '--border': rest['border'], '--background': rest['background'], '--zIndex': rest['zIndex'], '--paddingTop': rest['paddingTop'], '--paddingBottom': rest['paddingBottom'], '--paddingLeft': rest['paddingLeft'], '--paddingRight': rest['paddingRight'], '--marginTop': rest['marginTop'], '--marginBottom': rest['marginBottom'], '--marginLeft': rest['marginLeft'], '--marginRight': rest['marginRight'], '--backgroundColor': rest['backgroundColor'], '--width': rest['width'], '--height': rest['height'] }, rest.style) }, rest, { children: children })));
 });
@@ -20,0 +44,0 @@

dist/ct-design-container.umd.js

@@ -50,14 +50,38 @@ (function (global, factory) {
 
-    var getContainerStyles = function (_a) {
-        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"]);
-        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);
-    };
-
-    var StyledContainer = styled__default.default.div(function (_a) {
-        var css = _a.css; _a.children; var rest = __rest(_a, ["css", "children"]);
-        return getContainerStyles(__assign(__assign({}, rest), css));
+    var StyledContainer = styled__default.default.div({
+        alignItems: 'var(--alignItems)',
+        borderRadius: 'var(--borderRadius)',
+        boxShadow: 'var(--boxShadow)',
+        bottom: 'var(--bottom)',
+        display: 'var(--display)',
+        flex: 'var(--flex)',
+        justifyContent: 'var(--justifyContent)',
+        flexWrap: 'var(--flexWrap)',
+        flexDirection: 'var(--flexDirection)',
+        rowGap: 'var(--rowGap)',
+        columnGap: 'var(--columnGap)',
+        left: 'var(--left)',
+        position: 'var(--position)',
+        right: 'var(--right)',
+        top: 'var(--top)',
+        zIndex: 'var(--zIndex)',
+        paddingTop: 'var(--paddingTop)',
+        paddingBottom: 'var(--paddingBottom)',
+        paddingLeft: 'var(--paddingLeft)',
+        paddingRight: 'var(--paddingRight)',
+        marginTop: 'var(--marginTop)',
+        marginBottom: 'var(--marginBottom)',
+        marginLeft: 'var(--marginLeft)',
+        marginRight: 'var(--marginRight)',
+        backgroundColor: 'var(--backgroundColor)',
+        cursor: 'var(--cursor)',
+        width: 'var(--width)',
+        height: 'var(--height)',
+        wordBreak: 'var(--wordBreak)',
+        textAlign: 'var(--textAlign)',
+        gridTemplateColumns: 'var(--gridTemplateColumns)',
     });
     var Container = react.forwardRef(function (_a, forwardedRef) {
         var as = _a.as, children = _a.children, rest = __rest(_a, ["as", "children"]);
-        return (jsxRuntime.jsx(StyledContainer, __assign({ as: as, ref: forwardedRef }, rest, { children: children })));
+        return (jsxRuntime.jsx(StyledContainer, __assign({ as: as, ref: forwardedRef, style: __assign({ '--display': rest['display'], '--flex': rest['flex'], '--alignItems': rest['alignItems'], '--borderRadius': rest['borderRadius'], '--boxShadow': rest['boxShadow'], '--justifyContent': rest['justifyContent'], '--flexWrap': rest['flexWrap'], '--flexDirection': rest['flexDirection'], '--rowGap': rest['rowGap'], '--columnGap': rest['columnGap'], '--gridTemplateColumns': rest['gridTemplateColumns'], '--position': rest['position'], '--top': rest['top'], '--bottom': rest['bottom'], '--left': rest['left'], '--right': rest['right'], '--cursor': rest['cursor'], '--wordWrap': rest['wordWrap'], '--textAlign': rest['textAlign'], '--borderLeft': rest['borderLeft'], '--padding': rest['padding'], '--border': rest['border'], '--background': rest['background'], '--zIndex': rest['zIndex'], '--paddingTop': rest['paddingTop'], '--paddingBottom': rest['paddingBottom'], '--paddingLeft': rest['paddingLeft'], '--paddingRight': rest['paddingRight'], '--marginTop': rest['marginTop'], '--marginBottom': rest['marginBottom'], '--marginLeft': rest['marginLeft'], '--marginRight': rest['marginRight'], '--backgroundColor': rest['backgroundColor'], '--width': rest['width'], '--height': rest['height'] }, rest.style) }, rest, { children: children })));
     });
@@ -64,0 +88,0 @@

package.json

 {
   "name": "@cleartrip/ct-design-container",
-  "version": "3.2.0-SNAPSHOT-common-bts-counter.0",
+  "version": "3.2.0-SNAPSHOT-container-fix.0",
   "description": "",
@@ -18,4 +18,4 @@ "types": "dist/index.d.ts",
   "devDependencies": {
-    "@cleartrip/ct-design-types": "3.2.0-SNAPSHOT-common-bts-counter.0",
-    "@cleartrip/ct-design-theme": "3.2.0-SNAPSHOT-common-bts-counter.0"
+    "@cleartrip/ct-design-types": "3.1.0",
+    "@cleartrip/ct-design-theme": "3.1.0"
   },
@@ -22,0 +22,0 @@ "peerDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

55043

increased by1.95%

Lines of code

256

increased by39.89%

No dependency changes