@sheinx/shineout-style 3.9.8-beta.6 → 3.9.8-beta.8

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 (13) hide show
  1. package/cjs/progress/progress.d.ts.map +1 -1
  2. package/cjs/progress/progress.js +19 -3
  3. package/cjs/tag/tag.d.ts.map +1 -1
  4. package/cjs/tag/tag.js +16 -2
  5. package/cjs/version.d.ts +1 -1
  6. package/cjs/version.js +1 -1
  7. package/esm/progress/progress.d.ts.map +1 -1
  8. package/esm/progress/progress.js +19 -3
  9. package/esm/tag/tag.d.ts.map +1 -1
  10. package/esm/tag/tag.js +16 -2
  11. package/esm/version.d.ts +1 -1
  12. package/esm/version.js +1 -1
  13. package/package.json +3 -3
package/cjs/progress/progress.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.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;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA4K9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.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;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA4L9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/cjs/progress/progress.js CHANGED
@@ -64,6 +64,9 @@ var progressStyle = {
64
64
  backgroundColor: _theme.default.progressSuccessFrontBackgroundColor,
65
65
  '& + $lineFront': {
66
66
  zIndex: 1
67
+ },
68
+ '$noAnimation &': {
69
+ transition: 'none'
67
70
  }
68
71
  },
69
72
  lineFront: {
@@ -101,6 +104,9 @@ var progressStyle = {
101
104
  '$wrapperDanger&': {
102
105
  backgroundColor: _theme.default.progressLineInnerDangerFrontBackgroundColor
103
106
  }
107
+ },
108
+ '$noAnimation &': {
109
+ transition: 'none'
104
110
  }
105
111
  },
106
112
  content: {
@@ -140,7 +146,10 @@ var progressStyle = {
140
146
  padding: '3px 8px',
141
147
  borderRadius: '2px',
142
148
  color: _theme.default.progressLinePopFontColor,
143
- boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)'
149
+ boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)',
150
+ '$noAnimation &': {
151
+ transition: 'none'
152
+ }
144
153
  },
145
154
  linePopValue: {},
146
155
  linePopArrow: {
@@ -213,13 +222,20 @@ var progressStyle = {
213
222
  },
214
223
  '$wrapperDanger &': {
215
224
  stroke: _theme.default.progressDangerFrontBackgroundColor
225
+ },
226
+ '$noAnimation &': {
227
+ transition: 'none'
216
228
  }
217
229
  },
218
230
  circleSuccess: {
219
231
  transform: 'rotate(-90deg)',
220
232
  transformOrigin: '50% 50%',
221
233
  transition: 'stroke-dashoffset .32s ease 0s,stroke-dasharray .32s ease 0s,stroke .32s,stroke-width .06s ease .32s',
222
- stroke: _theme.default.progressSuccessFrontBackgroundColor
223
- }
234
+ stroke: _theme.default.progressSuccessFrontBackgroundColor,
235
+ '$noAnimation &': {
236
+ transition: 'none'
237
+ }
238
+ },
239
+ noAnimation: {}
224
240
  };
225
241
  var _default = exports.default = progressStyle;
package/cjs/tag/tag.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAqNxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA4J1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA0NxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/cjs/tag/tag.js CHANGED
@@ -13,6 +13,16 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
13
13
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
14
14
  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
15
  var tagDefaultLineHeight = "calc(".concat(_theme.default.tagDefaultLineBase, " + 6px)");
16
+ var animations = {
17
+ '@keyframes spin': {
18
+ '0%': {
19
+ transform: 'rotate(0deg)'
20
+ },
21
+ '100%': {
22
+ transform: 'rotate(360deg)'
23
+ }
24
+ }
25
+ };
16
26
  var brightTag = function brightTag(name, type) {
17
27
  return {
18
28
  color: _theme.default["tag".concat(type, "FontColor")],
@@ -113,7 +123,7 @@ var brightOutlineTag = function brightOutlineTag(name, type) {
113
123
  }
114
124
  });
115
125
  };
116
- var TagStyle = {
126
+ var TagStyle = _objectSpread(_objectSpread({
117
127
  rootClass: {},
118
128
  tag: {
119
129
  display: 'inline-flex',
@@ -214,6 +224,10 @@ var TagStyle = {
214
224
  cursor: 'pointer',
215
225
  height: tagDefaultLineHeight,
216
226
  maxHeight: '100%'
227
+ }
228
+ }, animations), {}, {
229
+ closeIconPending: {
230
+ animation: "$spin 1s linear infinite"
217
231
  },
218
232
  closeIconWrapper: {
219
233
  display: 'inline-flex',
@@ -248,5 +262,5 @@ var TagStyle = {
248
262
  rounded: {
249
263
  borderRadius: _theme.default.buttonRoundBorderRadius
250
264
  }
251
- };
265
+ });
252
266
  var _default = exports.default = TagStyle;
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.8-beta.6";
1
+ declare const _default: "3.9.8-beta.8";
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.9.8-beta.6';
7
+ var _default = exports.default = '3.9.8-beta.8';
package/esm/progress/progress.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.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;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA4K9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.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;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA4L9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/esm/progress/progress.js CHANGED
@@ -57,6 +57,9 @@ var progressStyle = {
57
57
  backgroundColor: token.progressSuccessFrontBackgroundColor,
58
58
  '& + $lineFront': {
59
59
  zIndex: 1
60
+ },
61
+ '$noAnimation &': {
62
+ transition: 'none'
60
63
  }
61
64
  },
62
65
  lineFront: {
@@ -94,6 +97,9 @@ var progressStyle = {
94
97
  '$wrapperDanger&': {
95
98
  backgroundColor: token.progressLineInnerDangerFrontBackgroundColor
96
99
  }
100
+ },
101
+ '$noAnimation &': {
102
+ transition: 'none'
97
103
  }
98
104
  },
99
105
  content: {
@@ -133,7 +139,10 @@ var progressStyle = {
133
139
  padding: '3px 8px',
134
140
  borderRadius: '2px',
135
141
  color: token.progressLinePopFontColor,
136
- boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)'
142
+ boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)',
143
+ '$noAnimation &': {
144
+ transition: 'none'
145
+ }
137
146
  },
138
147
  linePopValue: {},
139
148
  linePopArrow: {
@@ -206,13 +215,20 @@ var progressStyle = {
206
215
  },
207
216
  '$wrapperDanger &': {
208
217
  stroke: token.progressDangerFrontBackgroundColor
218
+ },
219
+ '$noAnimation &': {
220
+ transition: 'none'
209
221
  }
210
222
  },
211
223
  circleSuccess: {
212
224
  transform: 'rotate(-90deg)',
213
225
  transformOrigin: '50% 50%',
214
226
  transition: 'stroke-dashoffset .32s ease 0s,stroke-dasharray .32s ease 0s,stroke .32s,stroke-width .06s ease .32s',
215
- stroke: token.progressSuccessFrontBackgroundColor
216
- }
227
+ stroke: token.progressSuccessFrontBackgroundColor,
228
+ '$noAnimation &': {
229
+ transition: 'none'
230
+ }
231
+ },
232
+ noAnimation: {}
217
233
  };
218
234
  export default progressStyle;
package/esm/tag/tag.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAqNxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA4J1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA0NxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/esm/tag/tag.js CHANGED
@@ -6,6 +6,16 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
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
8
  var tagDefaultLineHeight = "calc(".concat(Token.tagDefaultLineBase, " + 6px)");
9
+ var animations = {
10
+ '@keyframes spin': {
11
+ '0%': {
12
+ transform: 'rotate(0deg)'
13
+ },
14
+ '100%': {
15
+ transform: 'rotate(360deg)'
16
+ }
17
+ }
18
+ };
9
19
  var brightTag = function brightTag(name, type) {
10
20
  return {
11
21
  color: Token["tag".concat(type, "FontColor")],
@@ -106,7 +116,7 @@ var brightOutlineTag = function brightOutlineTag(name, type) {
106
116
  }
107
117
  });
108
118
  };
109
- var TagStyle = {
119
+ var TagStyle = _objectSpread(_objectSpread({
110
120
  rootClass: {},
111
121
  tag: {
112
122
  display: 'inline-flex',
@@ -207,6 +217,10 @@ var TagStyle = {
207
217
  cursor: 'pointer',
208
218
  height: tagDefaultLineHeight,
209
219
  maxHeight: '100%'
220
+ }
221
+ }, animations), {}, {
222
+ closeIconPending: {
223
+ animation: "$spin 1s linear infinite"
210
224
  },
211
225
  closeIconWrapper: {
212
226
  display: 'inline-flex',
@@ -241,5 +255,5 @@ var TagStyle = {
241
255
  rounded: {
242
256
  borderRadius: Token.buttonRoundBorderRadius
243
257
  }
244
- };
258
+ });
245
259
  export default TagStyle;
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.8-beta.6";
1
+ declare const _default: "3.9.8-beta.8";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.9.8-beta.6';
1
+ export default '3.9.8-beta.8';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.9.8-beta.6",
3
+ "version": "3.9.8-beta.8",
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.9.8-beta.6",
21
- "@sheinx/base": "3.9.8-beta.6"
20
+ "@sheinx/theme": "3.9.8-beta.8",
21
+ "@sheinx/base": "3.9.8-beta.8"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"