@sheinx/shineout-style 3.9.7-beta.1 → 3.9.7-beta.2

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 (9) hide show
  1. package/cjs/progress/progress.d.ts.map +1 -1
  2. package/cjs/progress/progress.js +23 -0
  3. package/cjs/version.d.ts +1 -1
  4. package/cjs/version.js +1 -1
  5. package/esm/progress/progress.d.ts.map +1 -1
  6. package/esm/progress/progress.js +23 -0
  7. package/esm/version.d.ts +1 -1
  8. package/esm/version.js +1 -1
  9. 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,CAoJ9C,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,CA4K9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/cjs/progress/progress.js CHANGED
@@ -39,6 +39,9 @@ var progressStyle = {
39
39
  flex: 1,
40
40
  minWidth: 0,
41
41
  overflow: 'hidden',
42
+ '&:has($lineSuccess)': {
43
+ position: 'relative'
44
+ },
42
45
  '$lineDefault &': {
43
46
  height: _theme.default.progressLineHeight,
44
47
  borderRadius: _theme.default.progressLineHeight
@@ -49,6 +52,20 @@ var progressStyle = {
49
52
  },
50
53
  background: _theme.default.progressBackground
51
54
  },
55
+ lineSuccess: {
56
+ position: 'absolute',
57
+ transition: 'width 0.32s linear',
58
+ left: 0,
59
+ top: 0,
60
+ height: '100%',
61
+ boxSizing: 'border-box',
62
+ borderRadius: 'inherit',
63
+ zIndex: 2,
64
+ backgroundColor: _theme.default.progressSuccessFrontBackgroundColor,
65
+ '& + $lineFront': {
66
+ zIndex: 1
67
+ }
68
+ },
52
69
  lineFront: {
53
70
  position: 'relative',
54
71
  transition: 'width 0.32s linear',
@@ -197,6 +214,12 @@ var progressStyle = {
197
214
  '$wrapperDanger &': {
198
215
  stroke: _theme.default.progressDangerFrontBackgroundColor
199
216
  }
217
+ },
218
+ circleSuccess: {
219
+ transform: 'rotate(-90deg)',
220
+ transformOrigin: '50% 50%',
221
+ transition: 'stroke-dashoffset .32s ease 0s,stroke-dasharray .32s ease 0s,stroke .32s,stroke-width .06s ease .32s',
222
+ stroke: _theme.default.progressSuccessFrontBackgroundColor
200
223
  }
201
224
  };
202
225
  var _default = exports.default = progressStyle;
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.7-beta.1";
1
+ declare const _default: "3.9.7-beta.2";
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.7-beta.1';
7
+ var _default = exports.default = '3.9.7-beta.2';
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,CAoJ9C,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,CA4K9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/esm/progress/progress.js CHANGED
@@ -32,6 +32,9 @@ var progressStyle = {
32
32
  flex: 1,
33
33
  minWidth: 0,
34
34
  overflow: 'hidden',
35
+ '&:has($lineSuccess)': {
36
+ position: 'relative'
37
+ },
35
38
  '$lineDefault &': {
36
39
  height: token.progressLineHeight,
37
40
  borderRadius: token.progressLineHeight
@@ -42,6 +45,20 @@ var progressStyle = {
42
45
  },
43
46
  background: token.progressBackground
44
47
  },
48
+ lineSuccess: {
49
+ position: 'absolute',
50
+ transition: 'width 0.32s linear',
51
+ left: 0,
52
+ top: 0,
53
+ height: '100%',
54
+ boxSizing: 'border-box',
55
+ borderRadius: 'inherit',
56
+ zIndex: 2,
57
+ backgroundColor: token.progressSuccessFrontBackgroundColor,
58
+ '& + $lineFront': {
59
+ zIndex: 1
60
+ }
61
+ },
45
62
  lineFront: {
46
63
  position: 'relative',
47
64
  transition: 'width 0.32s linear',
@@ -190,6 +207,12 @@ var progressStyle = {
190
207
  '$wrapperDanger &': {
191
208
  stroke: token.progressDangerFrontBackgroundColor
192
209
  }
210
+ },
211
+ circleSuccess: {
212
+ transform: 'rotate(-90deg)',
213
+ transformOrigin: '50% 50%',
214
+ transition: 'stroke-dashoffset .32s ease 0s,stroke-dasharray .32s ease 0s,stroke .32s,stroke-width .06s ease .32s',
215
+ stroke: token.progressSuccessFrontBackgroundColor
193
216
  }
194
217
  };
195
218
  export default progressStyle;
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.7-beta.1";
1
+ declare const _default: "3.9.7-beta.2";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.9.7-beta.1';
1
+ export default '3.9.7-beta.2';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.9.7-beta.1",
3
+ "version": "3.9.7-beta.2",
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.7-beta.1",
21
- "@sheinx/base": "3.9.7-beta.1"
20
+ "@sheinx/theme": "3.9.7-beta.2",
21
+ "@sheinx/base": "3.9.7-beta.2"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"