@sheinx/shineout-style 3.7.0-beta.9 → 3.7.0

package/cjs/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAgK5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqK5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/alert/alert.js

@@ -165,6 +165,11 @@ var alertStyle = {
   noBordered: {
     borderColor: 'transparent'
   },
+  noChildren: {
+    '&&$confirmwarning': {
+      marginBottom: 0
+    }
+  },
   icon: {
     width: _theme.default.alertIconSize,
     display: 'inline-flex',

package/cjs/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAmL7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAiZ9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAmL7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAoZ9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/button/button.js

@@ -206,7 +206,6 @@ var ButtonStyle = {
     borderRadius: _theme.default.buttonBorderRadius,
     lineHeight: _theme.default.lineHeightDynamic,
     padding: "".concat(_theme.default.buttonPaddingY, " ").concat(_theme.default.buttonPaddingX),
-    transition: 'all .1s linear',
     fontFamily: 'inherit',
     // height: Token.buttonHeight,
 
@@ -216,6 +215,9 @@ var ButtonStyle = {
     '[class*="button-group"] > & + &': {
       margin: 0
     },
+    '&:hover': {
+      transition: 'all .1s linear'
+    },
     '&:active': {
       transition: 'none'
     },

package/cjs/carousel/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["carousel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAoR9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["carousel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAItD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAoR9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/carousel/carousel.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var _common = require("../common");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -13,91 +14,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var carouselDuration = '0.4s';
-var animations = {
-  '@keyframes r2c': {
-    '0%': {
-      transform: 'translateX(100%)'
-    },
-    '100%': {
-      transform: 'translateX(0)'
-    }
-  },
-  '@keyframes  c2r': {
-    '0%': {
-      transform: 'translateX(0)'
-    },
-    '100%': {
-      transform: 'translateX(100%)'
-    }
-  },
-  '@keyframes  l2c': {
-    '0%': {
-      transform: 'translateX(-100%)'
-    },
-    '100%': {
-      transform: 'translateX(0)'
-    }
-  },
-  '@keyframes  c2l': {
-    '0%': {
-      transform: 'translateX(0)'
-    },
-    '100%': {
-      transform: 'translateX(-100%)'
-    }
-  },
-  '@keyframes t2c': {
-    '0%': {
-      transform: 'translateY(-100%)'
-    },
-    '100%': {
-      transform: 'translateY(0)'
-    }
-  },
-  '@keyframes c2t': {
-    '0%': {
-      transform: 'translateY(0)'
-    },
-    '100%': {
-      transform: 'translateY(-100%)'
-    }
-  },
-  '@keyframes b2c': {
-    '0%': {
-      transform: 'translateY(100%)'
-    },
-    '100%': {
-      transform: 'translateY(0)'
-    }
-  },
-  '@keyframes c2b': {
-    '0%': {
-      transform: 'translateY(0)'
-    },
-    '100%': {
-      transform: 'translateY(100%)'
-    }
-  },
-  '@keyframes fade-in': {
-    '0%': {
-      opacity: 0
-    },
-    '100%': {
-      opacity: 1
-    }
-  },
-  '@keyframes fade-out': {
-    '0%': {
-      opacity: 1
-    },
-    '100%': {
-      opacity: 0
-    }
-  }
-};
 var carouselStyle = _objectSpread(_objectSpread({
   rootClass: {}
-}, animations), {}, {
+}, _common.animations), {}, {
   wrapper: {
     position: 'relative',
     zIndex: 0

package/cjs/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA+f9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAkgB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -180,6 +180,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
     display: 'flex',
     flex: '1',
     minWidth: 0,
+    height: '100%',
     alignItems: 'center',
     lineHeight: _theme.default.lineHeightDynamic
   },
@@ -450,12 +451,14 @@ var cascaderStyle = _objectSpread(_objectSpread({
     visibility: 'hidden'
   },
   moreWrapper: {
-    // width: 248,
-    // height: 72,
+    width: 'max-content',
     maxWidth: 400,
     maxHeight: 160,
     overflow: 'auto',
-    padding: "".concat(_theme.default.cascaderMorePaddingY, " ").concat(_theme.default.cascaderMorePaddingX)
+    padding: "".concat(_theme.default.cascaderMorePaddingY, " ").concat(_theme.default.cascaderMorePaddingX),
+    '& $tag': {
+      maxWidth: 'none'
+    }
   },
   virtualList: {
     margin: 0,

package/cjs/common/common.d.ts

@@ -0,0 +1,98 @@
+import { CommonClasses } from '@sheinx/base';
+import { JsStyles } from '../jss-style';
+export type CommonClass = keyof CommonClasses;
+declare const collapseStyle: JsStyles<CommonClass>;
+export declare const animations: {
+    '@keyframes r2c': {
+        '0%': {
+            transform: string;
+        };
+        '100%': {
+            transform: string;
+        };
+    };
+    '@keyframes  c2r': {
+        '0%': {
+            transform: string;
+        };
+        '100%': {
+            transform: string;
+        };
+    };
+    '@keyframes  l2c': {
+        '0%': {
+            transform: string;
+        };
+        '100%': {
+            transform: string;
+        };
+    };
+    '@keyframes  c2l': {
+        '0%': {
+            transform: string;
+        };
+        '100%': {
+            transform: string;
+        };
+    };
+    '@keyframes t2c': {
+        '0%': {
+            transform: string;
+        };
+        '100%': {
+            transform: string;
+        };
+    };
+    '@keyframes c2t': {
+        '0%': {
+            transform: string;
+        };
+        '100%': {
+            transform: string;
+        };
+    };
+    '@keyframes b2c': {
+        '0%': {
+            transform: string;
+        };
+        '100%': {
+            transform: string;
+        };
+    };
+    '@keyframes c2b': {
+        '0%': {
+            transform: string;
+        };
+        '100%': {
+            transform: string;
+        };
+    };
+    '@keyframes fade-in': {
+        '0%': {
+            opacity: number;
+        };
+        '100%': {
+            opacity: number;
+        };
+    };
+    '@keyframes fade-out': {
+        '0%': {
+            opacity: number;
+        };
+        '100%': {
+            opacity: number;
+        };
+    };
+    '@keyframes scale-y-top': {
+        '0%': {
+            opacity: number;
+            transform: string;
+        };
+        '100%': {
+            opacity: number;
+            transform: string;
+        };
+    };
+};
+export default collapseStyle;
+//# sourceMappingURL=common.d.ts.map

package/cjs/common/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["common.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,WAAW,GAAG,MAAM,aAAa,CAAC;AAE9C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,WAAW,CAIxC,CAAC;AAGF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDtB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/common/common.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.animations = void 0;
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var collapseStyle = {
+  highlight: {
+    color: _theme.default.tagWarningFontColor
+  }
+};
+var animations = exports.animations = {
+  '@keyframes r2c': {
+    '0%': {
+      transform: 'translateX(100%)'
+    },
+    '100%': {
+      transform: 'translateX(0)'
+    }
+  },
+  '@keyframes  c2r': {
+    '0%': {
+      transform: 'translateX(0)'
+    },
+    '100%': {
+      transform: 'translateX(100%)'
+    }
+  },
+  '@keyframes  l2c': {
+    '0%': {
+      transform: 'translateX(-100%)'
+    },
+    '100%': {
+      transform: 'translateX(0)'
+    }
+  },
+  '@keyframes  c2l': {
+    '0%': {
+      transform: 'translateX(0)'
+    },
+    '100%': {
+      transform: 'translateX(-100%)'
+    }
+  },
+  '@keyframes t2c': {
+    '0%': {
+      transform: 'translateY(-100%)'
+    },
+    '100%': {
+      transform: 'translateY(0)'
+    }
+  },
+  '@keyframes c2t': {
+    '0%': {
+      transform: 'translateY(0)'
+    },
+    '100%': {
+      transform: 'translateY(-100%)'
+    }
+  },
+  '@keyframes b2c': {
+    '0%': {
+      transform: 'translateY(100%)'
+    },
+    '100%': {
+      transform: 'translateY(0)'
+    }
+  },
+  '@keyframes c2b': {
+    '0%': {
+      transform: 'translateY(0)'
+    },
+    '100%': {
+      transform: 'translateY(100%)'
+    }
+  },
+  '@keyframes fade-in': {
+    '0%': {
+      opacity: 0
+    },
+    '100%': {
+      opacity: 1
+    }
+  },
+  '@keyframes fade-out': {
+    '0%': {
+      opacity: 1
+    },
+    '100%': {
+      opacity: 0
+    }
+  },
+  '@keyframes scale-y-top': {
+    '0%': {
+      opacity: 0,
+      transform: 'translateY(-100%) scaleY(0)'
+    },
+    '100%': {
+      opacity: 1,
+      transform: 'translateY(-100%) scaleY(1)'
+    }
+  }
+};
+var _default = exports.default = collapseStyle;

package/cjs/common/index.d.ts

@@ -0,0 +1,5 @@
+import commonStyle, { animations } from './common';
+declare const useCommonStyle: () => import("jss").Classes<"highlight">;
+export { commonStyle, useCommonStyle, animations };
+export default useCommonStyle;
+//# sourceMappingURL=index.d.ts.map

package/cjs/common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEnD,QAAA,MAAM,cAAc,0CAAgC,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC;AACnD,eAAe,cAAc,CAAC"}

package/cjs/common/index.js

@@ -0,0 +1,26 @@
+"use strict";
+"use client";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "animations", {
+  enumerable: true,
+  get: function get() {
+    return _common.animations;
+  }
+});
+Object.defineProperty(exports, "commonStyle", {
+  enumerable: true,
+  get: function get() {
+    return _common.default;
+  }
+});
+exports.useCommonStyle = exports.default = void 0;
+var _jssStyle = require("../jss-style");
+var _common = _interopRequireWildcard(require("./common"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var useCommonStyle = exports.useCommonStyle = (0, _jssStyle.styled)(_common.default, 'common');
+var _default = exports.default = useCommonStyle;

package/cjs/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAupBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA8oBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/date-picker/date-picker.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
 var _inputBorder = _interopRequireDefault(require("../input/input-border"));
+var _common = require("../common");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -60,8 +61,9 @@ var wrapper = inputBorder.wrapper,
   resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
 var leftCircleBackground = "radial-gradient(circle closest-side, ".concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to right, transparent 0%,transparent 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%)\n");
 var rightCircleBackground = "radial-gradient(circle closest-side, ".concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to left, transparent 0%,transparent 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%)\n");
-var datePickerStyle = _objectSpread(_objectSpread({
-  rootClass: {},
+var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
+  rootClass: {}
+}, _common.animations), {}, {
   wrapper: _objectSpread({
     display: 'inline-block',
     position: 'relative',
@@ -679,24 +681,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
       '&[dir=rtl]': {
         right: 0
       },
-      transform: 'translateY(-100%)',
+      transformOrigin: 'bottom',
+      animation: '$scale-y-top 0.2s ease-in-out forwards',
       backgroundColor: _theme.default.datePickerPanelBackgroundColor,
       boxShadow: _theme.default.datePickerPanelShadow,
-      opacity: '0',
-      zIndex: '-1',
-      visibility: 'hidden'
+      display: 'none'
     },
     '&:hover $timePicker': {
       zIndex: '1',
-      opacity: '1',
-      visibility: 'visible'
-    }
-  },
-  datetimeHide: {
-    opacity: '0',
-    pointerEvents: 'none',
-    '& > span': {
-      display: 'none'
+      display: 'block'
     }
   },
   quickPicker: {

package/cjs/grid/grid.d.ts

@@ -0,0 +1,5 @@
+import { JsStyles } from '../jss-style';
+import { GridClasses } from '@sheinx/base';
+declare const gridStyle: JsStyles<keyof GridClasses>;
+export default gridStyle;
+//# sourceMappingURL=grid.d.ts.map

package/cjs/grid/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAe1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/grid/grid.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var gridStyle = {
+  rootClass: {},
+  wrapper: {
+    position: 'relative',
+    display: 'inline-block',
+    zoom: 1,
+    letterSpacing: 'normal',
+    wordSpacing: 'normal',
+    verticalAlign: 'top',
+    textRendering: 'auto',
+    boxSizing: 'border-box'
+  },
+  full: {
+    width: '100%'
+  }
+};
+var _default = exports.default = gridStyle;

package/cjs/grid/index.d.ts

@@ -0,0 +1,5 @@
+import gridStyle from './grid';
+declare const useGridStyle: () => import("jss").Classes<keyof import("@sheinx/base").GridClasses>;
+export { gridStyle, useGridStyle };
+export default gridStyle;
+//# sourceMappingURL=index.d.ts.map

package/cjs/grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,QAAQ,CAAC;AAE/B,QAAA,MAAM,YAAY,uEAA4B,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACnC,eAAe,SAAS,CAAC"}

package/cjs/grid/index.js

@@ -0,0 +1,19 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "gridStyle", {
+  enumerable: true,
+  get: function get() {
+    return _grid.default;
+  }
+});
+exports.useGridStyle = void 0;
+var _jssStyle = require("../jss-style");
+var _grid = _interopRequireDefault(require("./grid"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var useGridStyle = exports.useGridStyle = (0, _jssStyle.styled)(_grid.default, 'grid');
+var _default = exports.default = _grid.default;

package/cjs/image/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAsapC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CA4apC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/image/image.js

@@ -100,9 +100,14 @@ var ImageStyle = _objectSpread(_objectSpread({
   },
   fill: {
     '& $inner': {
-      backgroundSize: 'cover',
-      backgroundPosition: '50% 50%',
-      backgroundRepeat: 'no-repeat'
+      '& > img': {
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        maxWidth: 'none',
+        maxHeight: 'none'
+      }
     }
   },
   previewMask: {

package/cjs/index.d.ts

@@ -9,6 +9,7 @@ export * from './carousel';
 export * from './cascader';
 export * from './checkbox';
 export * from './collapse';
+export * from './common';
 export * from './date-picker';
 export * from './descriptions';
 export * from './divider';
@@ -17,6 +18,7 @@ export * from './editable-area';
 export * from './empty';
 export * from './form';
 export * from './gap';
+export * from './grid';
 export * from './icon';
 export * from './image';
 export * from './inner-title';
@@ -33,6 +35,7 @@ export * from './progress';
 export * from './radio';
 export * from './rate';
 export * from './select';
+export * from './skeleton';
 export * from './slider';
 export * from './spin';
 export * from './steps';

package/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}

package/cjs/index.js

@@ -141,6 +141,18 @@ Object.keys(_collapse).forEach(function (key) {
     }
   });
 });
+var _common = require("./common");
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _common[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _common[key];
+    }
+  });
+});
 var _datePicker = require("./date-picker");
 Object.keys(_datePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -237,6 +249,18 @@ Object.keys(_gap).forEach(function (key) {
     }
   });
 });
+var _grid = require("./grid");
+Object.keys(_grid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _grid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _grid[key];
+    }
+  });
+});
 var _icon = require("./icon");
 Object.keys(_icon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -429,6 +453,18 @@ Object.keys(_select).forEach(function (key) {
     }
   });
 });
+var _skeleton = require("./skeleton");
+Object.keys(_skeleton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _skeleton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _skeleton[key];
+    }
+  });
+});
 var _slider = require("./slider");
 Object.keys(_slider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/cjs/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA0HtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA6HtC,CAAC;AAEF,eAAe,SAAS,CAAC"}