@sheinx/shineout-style 3.7.0-beta.31 → 3.7.0-beta.32

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.
Files changed (25) hide show
  1. package/cjs/carousel/carousel.d.ts.map +1 -1
  2. package/cjs/carousel/carousel.js +2 -83
  3. package/cjs/common/common.d.ts +92 -0
  4. package/cjs/common/common.d.ts.map +1 -1
  5. package/cjs/common/common.js +93 -1
  6. package/cjs/common/index.d.ts +2 -2
  7. package/cjs/common/index.d.ts.map +1 -1
  8. package/cjs/common/index.js +10 -2
  9. package/cjs/date-picker/date-picker.d.ts.map +1 -1
  10. package/cjs/date-picker/date-picker.js +8 -15
  11. package/cjs/version.d.ts +1 -1
  12. package/cjs/version.js +1 -1
  13. package/esm/carousel/carousel.d.ts.map +1 -1
  14. package/esm/carousel/carousel.js +1 -82
  15. package/esm/common/common.d.ts +92 -0
  16. package/esm/common/common.d.ts.map +1 -1
  17. package/esm/common/common.js +92 -0
  18. package/esm/common/index.d.ts +2 -2
  19. package/esm/common/index.d.ts.map +1 -1
  20. package/esm/common/index.js +2 -2
  21. package/esm/date-picker/date-picker.d.ts.map +1 -1
  22. package/esm/date-picker/date-picker.js +8 -15
  23. package/esm/version.d.ts +1 -1
  24. package/esm/version.js +1 -1
  25. package/package.json +3 -3
package/cjs/carousel/carousel.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _theme = _interopRequireDefault(require("@sheinx/theme"));
8
+ var _common = require("../common");
8
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
10
  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); }
10
11
  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
13
14
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
14
15
  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); }
15
16
  var carouselDuration = '0.4s';
16
- var animations = {
17
- '@keyframes r2c': {
18
- '0%': {
19
- transform: 'translateX(100%)'
20
- },
21
- '100%': {
22
- transform: 'translateX(0)'
23
- }
24
- },
25
- '@keyframes c2r': {
26
- '0%': {
27
- transform: 'translateX(0)'
28
- },
29
- '100%': {
30
- transform: 'translateX(100%)'
31
- }
32
- },
33
- '@keyframes l2c': {
34
- '0%': {
35
- transform: 'translateX(-100%)'
36
- },
37
- '100%': {
38
- transform: 'translateX(0)'
39
- }
40
- },
41
- '@keyframes c2l': {
42
- '0%': {
43
- transform: 'translateX(0)'
44
- },
45
- '100%': {
46
- transform: 'translateX(-100%)'
47
- }
48
- },
49
- '@keyframes t2c': {
50
- '0%': {
51
- transform: 'translateY(-100%)'
52
- },
53
- '100%': {
54
- transform: 'translateY(0)'
55
- }
56
- },
57
- '@keyframes c2t': {
58
- '0%': {
59
- transform: 'translateY(0)'
60
- },
61
- '100%': {
62
- transform: 'translateY(-100%)'
63
- }
64
- },
65
- '@keyframes b2c': {
66
- '0%': {
67
- transform: 'translateY(100%)'
68
- },
69
- '100%': {
70
- transform: 'translateY(0)'
71
- }
72
- },
73
- '@keyframes c2b': {
74
- '0%': {
75
- transform: 'translateY(0)'
76
- },
77
- '100%': {
78
- transform: 'translateY(100%)'
79
- }
80
- },
81
- '@keyframes fade-in': {
82
- '0%': {
83
- opacity: 0
84
- },
85
- '100%': {
86
- opacity: 1
87
- }
88
- },
89
- '@keyframes fade-out': {
90
- '0%': {
91
- opacity: 1
92
- },
93
- '100%': {
94
- opacity: 0
95
- }
96
- }
97
- };
98
17
  var carouselStyle = _objectSpread(_objectSpread({
99
18
  rootClass: {}
100
- }, animations), {}, {
19
+ }, _common.animations), {}, {
101
20
  wrapper: {
102
21
  position: 'relative',
103
22
  zIndex: 0
package/cjs/common/common.d.ts CHANGED
@@ -2,5 +2,97 @@ import { CommonClasses } from '@sheinx/base';
2
2
  import { JsStyles } from '../jss-style';
3
3
  export type CommonClass = keyof CommonClasses;
4
4
  declare const collapseStyle: JsStyles<CommonClass>;
5
+ export declare const animations: {
6
+ '@keyframes r2c': {
7
+ '0%': {
8
+ transform: string;
9
+ };
10
+ '100%': {
11
+ transform: string;
12
+ };
13
+ };
14
+ '@keyframes c2r': {
15
+ '0%': {
16
+ transform: string;
17
+ };
18
+ '100%': {
19
+ transform: string;
20
+ };
21
+ };
22
+ '@keyframes l2c': {
23
+ '0%': {
24
+ transform: string;
25
+ };
26
+ '100%': {
27
+ transform: string;
28
+ };
29
+ };
30
+ '@keyframes c2l': {
31
+ '0%': {
32
+ transform: string;
33
+ };
34
+ '100%': {
35
+ transform: string;
36
+ };
37
+ };
38
+ '@keyframes t2c': {
39
+ '0%': {
40
+ transform: string;
41
+ };
42
+ '100%': {
43
+ transform: string;
44
+ };
45
+ };
46
+ '@keyframes c2t': {
47
+ '0%': {
48
+ transform: string;
49
+ };
50
+ '100%': {
51
+ transform: string;
52
+ };
53
+ };
54
+ '@keyframes b2c': {
55
+ '0%': {
56
+ transform: string;
57
+ };
58
+ '100%': {
59
+ transform: string;
60
+ };
61
+ };
62
+ '@keyframes c2b': {
63
+ '0%': {
64
+ transform: string;
65
+ };
66
+ '100%': {
67
+ transform: string;
68
+ };
69
+ };
70
+ '@keyframes fade-in': {
71
+ '0%': {
72
+ opacity: number;
73
+ };
74
+ '100%': {
75
+ opacity: number;
76
+ };
77
+ };
78
+ '@keyframes fade-out': {
79
+ '0%': {
80
+ opacity: number;
81
+ };
82
+ '100%': {
83
+ opacity: number;
84
+ };
85
+ };
86
+ '@keyframes scale-y-top': {
87
+ '0%': {
88
+ opacity: number;
89
+ transform: string;
90
+ };
91
+ '100%': {
92
+ opacity: number;
93
+ transform: string;
94
+ };
95
+ };
96
+ };
5
97
  export default collapseStyle;
6
98
  //# sourceMappingURL=common.d.ts.map
package/cjs/common/common.d.ts.map CHANGED
@@ -1 +1 @@
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;AAEF,eAAe,aAAa,CAAC"}
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 CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = void 0;
6
+ exports.default = exports.animations = void 0;
7
7
  var _theme = _interopRequireDefault(require("@sheinx/theme"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
9
  var collapseStyle = {
@@ -11,4 +11,96 @@ var collapseStyle = {
11
11
  color: _theme.default.tagWarningFontColor
12
12
  }
13
13
  };
14
+ var animations = exports.animations = {
15
+ '@keyframes r2c': {
16
+ '0%': {
17
+ transform: 'translateX(100%)'
18
+ },
19
+ '100%': {
20
+ transform: 'translateX(0)'
21
+ }
22
+ },
23
+ '@keyframes c2r': {
24
+ '0%': {
25
+ transform: 'translateX(0)'
26
+ },
27
+ '100%': {
28
+ transform: 'translateX(100%)'
29
+ }
30
+ },
31
+ '@keyframes l2c': {
32
+ '0%': {
33
+ transform: 'translateX(-100%)'
34
+ },
35
+ '100%': {
36
+ transform: 'translateX(0)'
37
+ }
38
+ },
39
+ '@keyframes c2l': {
40
+ '0%': {
41
+ transform: 'translateX(0)'
42
+ },
43
+ '100%': {
44
+ transform: 'translateX(-100%)'
45
+ }
46
+ },
47
+ '@keyframes t2c': {
48
+ '0%': {
49
+ transform: 'translateY(-100%)'
50
+ },
51
+ '100%': {
52
+ transform: 'translateY(0)'
53
+ }
54
+ },
55
+ '@keyframes c2t': {
56
+ '0%': {
57
+ transform: 'translateY(0)'
58
+ },
59
+ '100%': {
60
+ transform: 'translateY(-100%)'
61
+ }
62
+ },
63
+ '@keyframes b2c': {
64
+ '0%': {
65
+ transform: 'translateY(100%)'
66
+ },
67
+ '100%': {
68
+ transform: 'translateY(0)'
69
+ }
70
+ },
71
+ '@keyframes c2b': {
72
+ '0%': {
73
+ transform: 'translateY(0)'
74
+ },
75
+ '100%': {
76
+ transform: 'translateY(100%)'
77
+ }
78
+ },
79
+ '@keyframes fade-in': {
80
+ '0%': {
81
+ opacity: 0
82
+ },
83
+ '100%': {
84
+ opacity: 1
85
+ }
86
+ },
87
+ '@keyframes fade-out': {
88
+ '0%': {
89
+ opacity: 1
90
+ },
91
+ '100%': {
92
+ opacity: 0
93
+ }
94
+ },
95
+ '@keyframes scale-y-top': {
96
+ '0%': {
97
+ opacity: 0,
98
+ transform: 'translateY(-100%) scaleY(0)'
99
+ },
100
+ '100%': {
101
+ opacity: 1,
102
+ transform: 'translateY(-100%) scaleY(1)'
103
+ }
104
+ }
105
+ };
14
106
  var _default = exports.default = collapseStyle;
package/cjs/common/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import commonStyle from './common';
1
+ import commonStyle, { animations } from './common';
2
2
  declare const useCommonStyle: () => import("jss").Classes<"highlight">;
3
- export { commonStyle, useCommonStyle };
3
+ export { commonStyle, useCommonStyle, animations };
4
4
  export default useCommonStyle;
5
5
  //# sourceMappingURL=index.d.ts.map
package/cjs/common/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,UAAU,CAAC;AAEnC,QAAA,MAAM,cAAc,0CAAgC,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AACvC,eAAe,cAAc,CAAC"}
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 CHANGED
@@ -1,9 +1,16 @@
1
1
  "use strict";
2
2
  "use client";
3
3
 
4
+ 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); }
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
8
+ Object.defineProperty(exports, "animations", {
9
+ enumerable: true,
10
+ get: function get() {
11
+ return _common.animations;
12
+ }
13
+ });
7
14
  Object.defineProperty(exports, "commonStyle", {
8
15
  enumerable: true,
9
16
  get: function get() {
@@ -12,7 +19,8 @@ Object.defineProperty(exports, "commonStyle", {
12
19
  });
13
20
  exports.useCommonStyle = exports.default = void 0;
14
21
  var _jssStyle = require("../jss-style");
15
- var _common = _interopRequireDefault(require("./common"));
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
22
+ var _common = _interopRequireWildcard(require("./common"));
23
+ 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); }
24
+ 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; }
17
25
  var useCommonStyle = exports.useCommonStyle = (0, _jssStyle.styled)(_common.default, 'common');
18
26
  var _default = exports.default = useCommonStyle;
package/cjs/date-picker/date-picker.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _theme = _interopRequireDefault(require("@sheinx/theme"));
9
9
  var _inputBorder = _interopRequireDefault(require("../input/input-border"));
10
+ var _common = require("../common");
10
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
12
  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; }
12
13
  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,
60
61
  resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
61
62
  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");
62
63
  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");
63
- var datePickerStyle = _objectSpread(_objectSpread({
64
- rootClass: {},
64
+ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
65
+ rootClass: {}
66
+ }, _common.animations), {}, {
65
67
  wrapper: _objectSpread({
66
68
  display: 'inline-block',
67
69
  position: 'relative',
@@ -679,24 +681,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
679
681
  '&[dir=rtl]': {
680
682
  right: 0
681
683
  },
682
- transform: 'translateY(-100%)',
684
+ transformOrigin: 'bottom',
685
+ animation: '$scale-y-top 0.2s ease-in-out forwards',
683
686
  backgroundColor: _theme.default.datePickerPanelBackgroundColor,
684
687
  boxShadow: _theme.default.datePickerPanelShadow,
685
- opacity: '0',
686
- zIndex: '-1',
687
- visibility: 'hidden'
688
+ display: 'none'
688
689
  },
689
690
  '&:hover $timePicker': {
690
691
  zIndex: '1',
691
- opacity: '1',
692
- visibility: 'visible'
693
- }
694
- },
695
- datetimeHide: {
696
- opacity: '0',
697
- pointerEvents: 'none',
698
- '& > span': {
699
- display: 'none'
692
+ display: 'block'
700
693
  }
701
694
  },
702
695
  quickPicker: {
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.7.0-beta.31";
1
+ declare const _default: "3.7.0-beta.32";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/cjs/version.js CHANGED
@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _default = exports.default = '3.7.0-beta.31';
7
+ var _default = exports.default = '3.7.0-beta.32';
package/esm/carousel/carousel.d.ts.map CHANGED
@@ -1 +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"}
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;AAG/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAItD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAoR9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/esm/carousel/carousel.js CHANGED
@@ -5,89 +5,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
5
5
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
6
6
  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); }
7
7
  import token from '@sheinx/theme';
8
+ import { animations } from "../common";
8
9
  var carouselDuration = '0.4s';
9
- var animations = {
10
- '@keyframes r2c': {
11
- '0%': {
12
- transform: 'translateX(100%)'
13
- },
14
- '100%': {
15
- transform: 'translateX(0)'
16
- }
17
- },
18
- '@keyframes c2r': {
19
- '0%': {
20
- transform: 'translateX(0)'
21
- },
22
- '100%': {
23
- transform: 'translateX(100%)'
24
- }
25
- },
26
- '@keyframes l2c': {
27
- '0%': {
28
- transform: 'translateX(-100%)'
29
- },
30
- '100%': {
31
- transform: 'translateX(0)'
32
- }
33
- },
34
- '@keyframes c2l': {
35
- '0%': {
36
- transform: 'translateX(0)'
37
- },
38
- '100%': {
39
- transform: 'translateX(-100%)'
40
- }
41
- },
42
- '@keyframes t2c': {
43
- '0%': {
44
- transform: 'translateY(-100%)'
45
- },
46
- '100%': {
47
- transform: 'translateY(0)'
48
- }
49
- },
50
- '@keyframes c2t': {
51
- '0%': {
52
- transform: 'translateY(0)'
53
- },
54
- '100%': {
55
- transform: 'translateY(-100%)'
56
- }
57
- },
58
- '@keyframes b2c': {
59
- '0%': {
60
- transform: 'translateY(100%)'
61
- },
62
- '100%': {
63
- transform: 'translateY(0)'
64
- }
65
- },
66
- '@keyframes c2b': {
67
- '0%': {
68
- transform: 'translateY(0)'
69
- },
70
- '100%': {
71
- transform: 'translateY(100%)'
72
- }
73
- },
74
- '@keyframes fade-in': {
75
- '0%': {
76
- opacity: 0
77
- },
78
- '100%': {
79
- opacity: 1
80
- }
81
- },
82
- '@keyframes fade-out': {
83
- '0%': {
84
- opacity: 1
85
- },
86
- '100%': {
87
- opacity: 0
88
- }
89
- }
90
- };
91
10
  var carouselStyle = _objectSpread(_objectSpread({
92
11
  rootClass: {}
93
12
  }, animations), {}, {
package/esm/common/common.d.ts CHANGED
@@ -2,5 +2,97 @@ import { CommonClasses } from '@sheinx/base';
2
2
  import { JsStyles } from '../jss-style';
3
3
  export type CommonClass = keyof CommonClasses;
4
4
  declare const collapseStyle: JsStyles<CommonClass>;
5
+ export declare const animations: {
6
+ '@keyframes r2c': {
7
+ '0%': {
8
+ transform: string;
9
+ };
10
+ '100%': {
11
+ transform: string;
12
+ };
13
+ };
14
+ '@keyframes c2r': {
15
+ '0%': {
16
+ transform: string;
17
+ };
18
+ '100%': {
19
+ transform: string;
20
+ };
21
+ };
22
+ '@keyframes l2c': {
23
+ '0%': {
24
+ transform: string;
25
+ };
26
+ '100%': {
27
+ transform: string;
28
+ };
29
+ };
30
+ '@keyframes c2l': {
31
+ '0%': {
32
+ transform: string;
33
+ };
34
+ '100%': {
35
+ transform: string;
36
+ };
37
+ };
38
+ '@keyframes t2c': {
39
+ '0%': {
40
+ transform: string;
41
+ };
42
+ '100%': {
43
+ transform: string;
44
+ };
45
+ };
46
+ '@keyframes c2t': {
47
+ '0%': {
48
+ transform: string;
49
+ };
50
+ '100%': {
51
+ transform: string;
52
+ };
53
+ };
54
+ '@keyframes b2c': {
55
+ '0%': {
56
+ transform: string;
57
+ };
58
+ '100%': {
59
+ transform: string;
60
+ };
61
+ };
62
+ '@keyframes c2b': {
63
+ '0%': {
64
+ transform: string;
65
+ };
66
+ '100%': {
67
+ transform: string;
68
+ };
69
+ };
70
+ '@keyframes fade-in': {
71
+ '0%': {
72
+ opacity: number;
73
+ };
74
+ '100%': {
75
+ opacity: number;
76
+ };
77
+ };
78
+ '@keyframes fade-out': {
79
+ '0%': {
80
+ opacity: number;
81
+ };
82
+ '100%': {
83
+ opacity: number;
84
+ };
85
+ };
86
+ '@keyframes scale-y-top': {
87
+ '0%': {
88
+ opacity: number;
89
+ transform: string;
90
+ };
91
+ '100%': {
92
+ opacity: number;
93
+ transform: string;
94
+ };
95
+ };
96
+ };
5
97
  export default collapseStyle;
6
98
  //# sourceMappingURL=common.d.ts.map
package/esm/common/common.d.ts.map CHANGED
@@ -1 +1 @@
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;AAEF,eAAe,aAAa,CAAC"}
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/esm/common/common.js CHANGED
@@ -4,4 +4,96 @@ var collapseStyle = {
4
4
  color: Token.tagWarningFontColor
5
5
  }
6
6
  };
7
+ export var animations = {
8
+ '@keyframes r2c': {
9
+ '0%': {
10
+ transform: 'translateX(100%)'
11
+ },
12
+ '100%': {
13
+ transform: 'translateX(0)'
14
+ }
15
+ },
16
+ '@keyframes c2r': {
17
+ '0%': {
18
+ transform: 'translateX(0)'
19
+ },
20
+ '100%': {
21
+ transform: 'translateX(100%)'
22
+ }
23
+ },
24
+ '@keyframes l2c': {
25
+ '0%': {
26
+ transform: 'translateX(-100%)'
27
+ },
28
+ '100%': {
29
+ transform: 'translateX(0)'
30
+ }
31
+ },
32
+ '@keyframes c2l': {
33
+ '0%': {
34
+ transform: 'translateX(0)'
35
+ },
36
+ '100%': {
37
+ transform: 'translateX(-100%)'
38
+ }
39
+ },
40
+ '@keyframes t2c': {
41
+ '0%': {
42
+ transform: 'translateY(-100%)'
43
+ },
44
+ '100%': {
45
+ transform: 'translateY(0)'
46
+ }
47
+ },
48
+ '@keyframes c2t': {
49
+ '0%': {
50
+ transform: 'translateY(0)'
51
+ },
52
+ '100%': {
53
+ transform: 'translateY(-100%)'
54
+ }
55
+ },
56
+ '@keyframes b2c': {
57
+ '0%': {
58
+ transform: 'translateY(100%)'
59
+ },
60
+ '100%': {
61
+ transform: 'translateY(0)'
62
+ }
63
+ },
64
+ '@keyframes c2b': {
65
+ '0%': {
66
+ transform: 'translateY(0)'
67
+ },
68
+ '100%': {
69
+ transform: 'translateY(100%)'
70
+ }
71
+ },
72
+ '@keyframes fade-in': {
73
+ '0%': {
74
+ opacity: 0
75
+ },
76
+ '100%': {
77
+ opacity: 1
78
+ }
79
+ },
80
+ '@keyframes fade-out': {
81
+ '0%': {
82
+ opacity: 1
83
+ },
84
+ '100%': {
85
+ opacity: 0
86
+ }
87
+ },
88
+ '@keyframes scale-y-top': {
89
+ '0%': {
90
+ opacity: 0,
91
+ transform: 'translateY(-100%) scaleY(0)'
92
+ },
93
+ '100%': {
94
+ opacity: 1,
95
+ transform: 'translateY(-100%) scaleY(1)'
96
+ }
97
+ }
98
+ };
7
99
  export default collapseStyle;
package/esm/common/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import commonStyle from './common';
1
+ import commonStyle, { animations } from './common';
2
2
  declare const useCommonStyle: () => import("jss").Classes<"highlight">;
3
- export { commonStyle, useCommonStyle };
3
+ export { commonStyle, useCommonStyle, animations };
4
4
  export default useCommonStyle;
5
5
  //# sourceMappingURL=index.d.ts.map
package/esm/common/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,UAAU,CAAC;AAEnC,QAAA,MAAM,cAAc,0CAAgC,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AACvC,eAAe,cAAc,CAAC"}
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/esm/common/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { styled } from "../jss-style";
3
- import commonStyle from "./common";
3
+ import commonStyle, { animations } from "./common";
4
4
  var useCommonStyle = styled(commonStyle, 'common');
5
- export { commonStyle, useCommonStyle };
5
+ export { commonStyle, useCommonStyle, animations };
6
6
  export default useCommonStyle;
package/esm/date-picker/date-picker.d.ts.map CHANGED
@@ -1 +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"}
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;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA8oBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/esm/date-picker/date-picker.js CHANGED
@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
8
8
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
9
9
  import token from '@sheinx/theme';
10
10
  import border from "../input/input-border";
11
+ import { animations } from "../common";
11
12
  var inputBorderToken = {
12
13
  lineHeight: token.lineHeightDynamic,
13
14
  borderRadius: token.inputBorderRadius,
@@ -53,8 +54,9 @@ var wrapper = inputBorder.wrapper,
53
54
  resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
54
55
  var leftCircleBackground = "radial-gradient(circle closest-side, ".concat(token.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to right, transparent 0%,transparent 50%, ").concat(token.datePickerCellRangeBackgroundColor, " 50%, ").concat(token.datePickerCellRangeBackgroundColor, " 100%)\n");
55
56
  var rightCircleBackground = "radial-gradient(circle closest-side, ".concat(token.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to left, transparent 0%,transparent 50%, ").concat(token.datePickerCellRangeBackgroundColor, " 50%, ").concat(token.datePickerCellRangeBackgroundColor, " 100%)\n");
56
- var datePickerStyle = _objectSpread(_objectSpread({
57
- rootClass: {},
57
+ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
58
+ rootClass: {}
59
+ }, animations), {}, {
58
60
  wrapper: _objectSpread({
59
61
  display: 'inline-block',
60
62
  position: 'relative',
@@ -672,24 +674,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
672
674
  '&[dir=rtl]': {
673
675
  right: 0
674
676
  },
675
- transform: 'translateY(-100%)',
677
+ transformOrigin: 'bottom',
678
+ animation: '$scale-y-top 0.2s ease-in-out forwards',
676
679
  backgroundColor: token.datePickerPanelBackgroundColor,
677
680
  boxShadow: token.datePickerPanelShadow,
678
- opacity: '0',
679
- zIndex: '-1',
680
- visibility: 'hidden'
681
+ display: 'none'
681
682
  },
682
683
  '&:hover $timePicker': {
683
684
  zIndex: '1',
684
- opacity: '1',
685
- visibility: 'visible'
686
- }
687
- },
688
- datetimeHide: {
689
- opacity: '0',
690
- pointerEvents: 'none',
691
- '& > span': {
692
- display: 'none'
685
+ display: 'block'
693
686
  }
694
687
  },
695
688
  quickPicker: {
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.7.0-beta.31";
1
+ declare const _default: "3.7.0-beta.32";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.7.0-beta.31';
1
+ export default '3.7.0-beta.32';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.7.0-beta.31",
3
+ "version": "3.7.0-beta.32",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,8 +17,8 @@
17
17
  "dependencies": {
18
18
  "jss": "10.9.2",
19
19
  "react-jss": "10.9.2",
20
- "@sheinx/theme": "3.7.0-beta.31",
21
- "@sheinx/base": "3.7.0-beta.31"
20
+ "@sheinx/theme": "3.7.0-beta.32",
21
+ "@sheinx/base": "3.7.0-beta.32"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"