@sheinx/shineout-style 3.6.0-beta.24 → 3.6.0-beta.26

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 (27) hide show
  1. package/cjs/button/button.d.ts.map +1 -1
  2. package/cjs/button/button.js +16 -0
  3. package/cjs/input/input-border.d.ts.map +1 -1
  4. package/cjs/input/input-border.js +31 -1
  5. package/cjs/input/input.d.ts.map +1 -1
  6. package/cjs/input/input.js +7 -0
  7. package/cjs/popover/popover.d.ts.map +1 -1
  8. package/cjs/popover/popover.js +2 -7
  9. package/cjs/tooltip/tooltip.js +3 -3
  10. package/cjs/upload/upload.d.ts.map +1 -1
  11. package/cjs/upload/upload.js +33 -0
  12. package/cjs/version.d.ts +1 -1
  13. package/cjs/version.js +1 -1
  14. package/esm/button/button.d.ts.map +1 -1
  15. package/esm/button/button.js +16 -0
  16. package/esm/input/input-border.d.ts.map +1 -1
  17. package/esm/input/input-border.js +31 -1
  18. package/esm/input/input.d.ts.map +1 -1
  19. package/esm/input/input.js +7 -0
  20. package/esm/popover/popover.d.ts.map +1 -1
  21. package/esm/popover/popover.js +2 -7
  22. package/esm/tooltip/tooltip.js +3 -3
  23. package/esm/upload/upload.d.ts.map +1 -1
  24. package/esm/upload/upload.js +33 -0
  25. package/esm/version.d.ts +1 -1
  26. package/esm/version.js +1 -1
  27. package/package.json +3 -3
package/cjs/button/button.d.ts.map CHANGED
@@ -1 +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,CAiX9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
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,CAoY9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/button/button.js CHANGED
@@ -218,6 +218,22 @@ var ButtonStyle = {
218
218
  },
219
219
  '&:active': {
220
220
  transition: 'none'
221
+ },
222
+ '[data-soui-role="input-group-seperate"] > &': {
223
+ borderRadius: 0,
224
+ marginLeft: -1,
225
+ '&:first-child': {
226
+ marginLeft: 0,
227
+ borderTopLeftRadius: _theme.default.buttonBorderRadius,
228
+ borderBottomLeftRadius: _theme.default.buttonBorderRadius
229
+ },
230
+ '&:last-child': {
231
+ borderTopRightRadius: _theme.default.buttonBorderRadius,
232
+ borderBottomRightRadius: _theme.default.buttonBorderRadius
233
+ },
234
+ '&:hover': {
235
+ zIndex: 1
236
+ }
221
237
  }
222
238
  },
223
239
  small: {
package/cjs/input/input-border.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBAsJE"}
1
+ {"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBAuLE"}
package/cjs/input/input-border.js CHANGED
@@ -24,6 +24,7 @@ var _default = exports.default = function _default(name) {
24
24
  verticalAlign: 'top',
25
25
  transition: "border-color .15s ease-in-out,box-shadow .15s ease-in-out;",
26
26
  '&:hover': _defineProperty({
27
+ zIndex: 1,
27
28
  borderColor: token.hoverBorderColor
28
29
  }, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
29
30
  backgroundColor: token.hoverBackgroundColor
@@ -33,11 +34,34 @@ var _default = exports.default = function _default(name) {
33
34
  borderRadius: 0,
34
35
  boxShadow: 'none',
35
36
  backgroundColor: 'transparent',
36
- flex: 1,
37
+ // flex: 1,
37
38
  minWidth: 0
38
39
  },
39
40
  '[data-soui-role="input-group"] [data-soui-input-border] + &': {
40
41
  borderLeftWidth: '1px'
42
+ },
43
+ '[data-soui-role="input-group-seperate"] &&&, [data-soui-role="input-group-seperate"] &&&:hover': {
44
+ borderRadius: 0,
45
+ flexShrink: 0,
46
+ width: 'auto',
47
+ 'margin-left': "-1px",
48
+ '&:first-child': {
49
+ marginLeft: 0,
50
+ borderTopLeftRadius: token.borderRadius,
51
+ borderBottomLeftRadius: token.borderRadius
52
+ },
53
+ '&:last-child': {
54
+ borderTopRightRadius: token.borderRadius,
55
+ borderBottomRightRadius: token.borderRadius
56
+ }
57
+ },
58
+ '[dir=rtl][data-soui-role="input-group-seperate"] &&&, [dir=rtl][data-soui-role="input-group-seperate"] &&&:hover': {
59
+ '&:first-child': {
60
+ borderRadius: "0 ".concat(token.borderRadius, " ").concat(token.borderRadius, " 0")
61
+ },
62
+ '&:last-child': {
63
+ borderRadius: "".concat(token.borderRadius, " 0 0 ").concat(token.borderRadius)
64
+ }
41
65
  }
42
66
  }), "".concat(name, "PaddingBox"), _defineProperty(_defineProperty(_defineProperty({
43
67
  borderRadius: token.borderRadius
@@ -79,6 +103,12 @@ var _default = exports.default = function _default(name) {
79
103
  borderColor: token.focusBorderColor,
80
104
  boxShadow: "0 0 0 2px ".concat(token.focusShadow),
81
105
  background: token.focusBackgroundColor,
106
+ '&[data-soui-role="input-group-seperate"]': {
107
+ boxShadow: 'none'
108
+ },
109
+ '[data-soui-role="input-group-seperate"] &': {
110
+ zIndex: 1
111
+ },
82
112
  '&:hover': {
83
113
  borderColor: token.focusBorderColor
84
114
  }
package/cjs/input/input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAuNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CA+NvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/cjs/input/input.js CHANGED
@@ -205,6 +205,13 @@ var input = _objectSpread(_objectSpread(_objectSpread({
205
205
  background: 'transparent'
206
206
  }
207
207
  }, groupSpace(_theme.default.inputPaddingX)),
208
+ groupSeperate: {
209
+ border: 'none',
210
+ '& > b': {
211
+ border: "1px solid ".concat(_theme.default.inputBorderColor),
212
+ 'margin-left': '-1px'
213
+ }
214
+ },
208
215
  groupSmall: _objectSpread(_objectSpread({}, groupSmall), groupSpace(_theme.default.inputSmallPaddingX)),
209
216
  groupLarge: _objectSpread(_objectSpread({}, groupLarge), groupSpace(_theme.default.inputLargePaddingX))
210
217
  }, resetGroup), {}, {
package/cjs/popover/popover.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAMpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAiL5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAMpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA4K5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/cjs/popover/popover.js CHANGED
@@ -84,13 +84,11 @@ var popoverStyle = {
84
84
  }
85
85
  },
86
86
  '&[data-soui-position^="left"]': {
87
- // '&[dir=ltr]': { marginLeft: (arrowGap - 2) * -1 },
88
87
  '&[dir=ltr]': {
89
- marginLeft: "calc((".concat(hideArrowGap, " - 2px) * -1)")
88
+ marginRight: "calc((".concat(hideArrowGap, " - 2px))")
90
89
  },
91
- // '&[dir=rtl]': { marginRight: (arrowGap - 2) * -1 },
92
90
  '&[dir=rtl]': {
93
- marginRight: "calc((".concat(hideArrowGap, " - 2px) * -1)")
91
+ marginLeft: "calc((".concat(hideArrowGap, " - 2px))")
94
92
  },
95
93
  '& $arrow': {
96
94
  right: _theme.default.popoverBorderWidth,
@@ -100,7 +98,6 @@ var popoverStyle = {
100
98
  margin: 'auto'
101
99
  },
102
100
  '&::after': {
103
- // left: arrowGap * -1,
104
101
  right: "calc(".concat(hideArrowGap, " * -1)"),
105
102
  top: '0',
106
103
  bottom: '0',
@@ -111,11 +108,9 @@ var popoverStyle = {
111
108
  }
112
109
  },
113
110
  '&[data-soui-position^="right"]': {
114
- // '&[dir=ltr]': { marginLeft: arrowGap - 2 },
115
111
  '&[dir=ltr]': {
116
112
  marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
117
113
  },
118
- // '&[dir=rtl]': { marginRight: arrowGap - 2 },
119
114
  '&[dir=rtl]': {
120
115
  marginRight: "calc(".concat(hideArrowGap, " - 2px)")
121
116
  },
package/cjs/tooltip/tooltip.js CHANGED
@@ -117,13 +117,13 @@ var tooltipStyle = _objectSpread(_objectSpread({
117
117
  },
118
118
  '&[data-soui-position^="left"]': {
119
119
  '&[dir=ltr]': {
120
- marginLeft: -(arrowGap - 2),
120
+ marginRight: arrowGap - 2,
121
121
  '& $arrow': {
122
122
  transform: 'translateX(11px) rotate(90deg)'
123
123
  }
124
124
  },
125
125
  '&[dir=rtl]': {
126
- marginRight: -(arrowGap - 2),
126
+ 'margin-right': arrowGap - 2,
127
127
  '& $arrow': {
128
128
  left: 0,
129
129
  transform: 'translateX(11px) rotate(90deg)'
@@ -187,7 +187,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
187
187
  width: arrowGap,
188
188
  height: '100%',
189
189
  top: 0,
190
- right: 0,
190
+ left: 0,
191
191
  transform: 'translateX(-100%)'
192
192
  }
193
193
  }
package/cjs/upload/upload.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAqW1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAsY1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/upload/upload.js CHANGED
@@ -24,6 +24,39 @@ var uploadStyle = {
24
24
  }
25
25
  },
26
26
  wrapperDrop: {},
27
+ draggerWrapper: {
28
+ display: 'block',
29
+ width: '100%'
30
+ },
31
+ draggerArea: {
32
+ position: 'relative',
33
+ padding: 16,
34
+ width: '100%',
35
+ height: '100%',
36
+ textAlign: 'center',
37
+ backgroundColor: _theme.default.uploadImageHandlerBackgroundColor,
38
+ borderRadius: _theme.default.uploadImageBorderRadius,
39
+ cursor: 'pointer',
40
+ color: _theme.default.uploadImageHandlerFontColor,
41
+ // after
42
+ '&:after': {
43
+ content: '""',
44
+ position: 'absolute',
45
+ top: -1,
46
+ right: -1,
47
+ bottom: -1,
48
+ left: -1,
49
+ borderRadius: _theme.default.uploadImageBorderRadius,
50
+ border: "1px dashed ".concat(_theme.default.uploadImageHandlerBorderColor),
51
+ transition: 'border-color 0.3s'
52
+ },
53
+ // hover
54
+ '&:hover': {
55
+ '&:after': {
56
+ borderColor: _theme.default.uploadImageHandlerHoverBorderColor
57
+ }
58
+ }
59
+ },
27
60
  handler: {
28
61
  display: 'inline-block',
29
62
  cursor: 'pointer',
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.6.0-beta.24";
1
+ declare const _default: "3.6.0-beta.26";
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.6.0-beta.24';
7
+ var _default = exports.default = '3.6.0-beta.26';
package/esm/button/button.d.ts.map CHANGED
@@ -1 +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,CAiX9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
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,CAoY9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/button/button.js CHANGED
@@ -211,6 +211,22 @@ var ButtonStyle = {
211
211
  },
212
212
  '&:active': {
213
213
  transition: 'none'
214
+ },
215
+ '[data-soui-role="input-group-seperate"] > &': {
216
+ borderRadius: 0,
217
+ marginLeft: -1,
218
+ '&:first-child': {
219
+ marginLeft: 0,
220
+ borderTopLeftRadius: Token.buttonBorderRadius,
221
+ borderBottomLeftRadius: Token.buttonBorderRadius
222
+ },
223
+ '&:last-child': {
224
+ borderTopRightRadius: Token.buttonBorderRadius,
225
+ borderBottomRightRadius: Token.buttonBorderRadius
226
+ },
227
+ '&:hover': {
228
+ zIndex: 1
229
+ }
214
230
  }
215
231
  },
216
232
  small: {
package/esm/input/input-border.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBAsJE"}
1
+ {"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBAuLE"}
package/esm/input/input-border.js CHANGED
@@ -18,6 +18,7 @@ export default (function (name) {
18
18
  verticalAlign: 'top',
19
19
  transition: "border-color .15s ease-in-out,box-shadow .15s ease-in-out;",
20
20
  '&:hover': _defineProperty({
21
+ zIndex: 1,
21
22
  borderColor: token.hoverBorderColor
22
23
  }, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
23
24
  backgroundColor: token.hoverBackgroundColor
@@ -27,11 +28,34 @@ export default (function (name) {
27
28
  borderRadius: 0,
28
29
  boxShadow: 'none',
29
30
  backgroundColor: 'transparent',
30
- flex: 1,
31
+ // flex: 1,
31
32
  minWidth: 0
32
33
  },
33
34
  '[data-soui-role="input-group"] [data-soui-input-border] + &': {
34
35
  borderLeftWidth: '1px'
36
+ },
37
+ '[data-soui-role="input-group-seperate"] &&&, [data-soui-role="input-group-seperate"] &&&:hover': {
38
+ borderRadius: 0,
39
+ flexShrink: 0,
40
+ width: 'auto',
41
+ 'margin-left': "-1px",
42
+ '&:first-child': {
43
+ marginLeft: 0,
44
+ borderTopLeftRadius: token.borderRadius,
45
+ borderBottomLeftRadius: token.borderRadius
46
+ },
47
+ '&:last-child': {
48
+ borderTopRightRadius: token.borderRadius,
49
+ borderBottomRightRadius: token.borderRadius
50
+ }
51
+ },
52
+ '[dir=rtl][data-soui-role="input-group-seperate"] &&&, [dir=rtl][data-soui-role="input-group-seperate"] &&&:hover': {
53
+ '&:first-child': {
54
+ borderRadius: "0 ".concat(token.borderRadius, " ").concat(token.borderRadius, " 0")
55
+ },
56
+ '&:last-child': {
57
+ borderRadius: "".concat(token.borderRadius, " 0 0 ").concat(token.borderRadius)
58
+ }
35
59
  }
36
60
  }), "".concat(name, "PaddingBox"), _defineProperty(_defineProperty(_defineProperty({
37
61
  borderRadius: token.borderRadius
@@ -73,6 +97,12 @@ export default (function (name) {
73
97
  borderColor: token.focusBorderColor,
74
98
  boxShadow: "0 0 0 2px ".concat(token.focusShadow),
75
99
  background: token.focusBackgroundColor,
100
+ '&[data-soui-role="input-group-seperate"]': {
101
+ boxShadow: 'none'
102
+ },
103
+ '[data-soui-role="input-group-seperate"] &': {
104
+ zIndex: 1
105
+ },
76
106
  '&:hover': {
77
107
  borderColor: token.focusBorderColor
78
108
  }
package/esm/input/input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAuNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CA+NvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/esm/input/input.js CHANGED
@@ -198,6 +198,13 @@ var input = _objectSpread(_objectSpread(_objectSpread({
198
198
  background: 'transparent'
199
199
  }
200
200
  }, groupSpace(token.inputPaddingX)),
201
+ groupSeperate: {
202
+ border: 'none',
203
+ '& > b': {
204
+ border: "1px solid ".concat(token.inputBorderColor),
205
+ 'margin-left': '-1px'
206
+ }
207
+ },
201
208
  groupSmall: _objectSpread(_objectSpread({}, groupSmall), groupSpace(token.inputSmallPaddingX)),
202
209
  groupLarge: _objectSpread(_objectSpread({}, groupLarge), groupSpace(token.inputLargePaddingX))
203
210
  }, resetGroup), {}, {
package/esm/popover/popover.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAMpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAiL5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAMpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA4K5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/esm/popover/popover.js CHANGED
@@ -77,13 +77,11 @@ var popoverStyle = {
77
77
  }
78
78
  },
79
79
  '&[data-soui-position^="left"]': {
80
- // '&[dir=ltr]': { marginLeft: (arrowGap - 2) * -1 },
81
80
  '&[dir=ltr]': {
82
- marginLeft: "calc((".concat(hideArrowGap, " - 2px) * -1)")
81
+ marginRight: "calc((".concat(hideArrowGap, " - 2px))")
83
82
  },
84
- // '&[dir=rtl]': { marginRight: (arrowGap - 2) * -1 },
85
83
  '&[dir=rtl]': {
86
- marginRight: "calc((".concat(hideArrowGap, " - 2px) * -1)")
84
+ marginLeft: "calc((".concat(hideArrowGap, " - 2px))")
87
85
  },
88
86
  '& $arrow': {
89
87
  right: token.popoverBorderWidth,
@@ -93,7 +91,6 @@ var popoverStyle = {
93
91
  margin: 'auto'
94
92
  },
95
93
  '&::after': {
96
- // left: arrowGap * -1,
97
94
  right: "calc(".concat(hideArrowGap, " * -1)"),
98
95
  top: '0',
99
96
  bottom: '0',
@@ -104,11 +101,9 @@ var popoverStyle = {
104
101
  }
105
102
  },
106
103
  '&[data-soui-position^="right"]': {
107
- // '&[dir=ltr]': { marginLeft: arrowGap - 2 },
108
104
  '&[dir=ltr]': {
109
105
  marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
110
106
  },
111
- // '&[dir=rtl]': { marginRight: arrowGap - 2 },
112
107
  '&[dir=rtl]': {
113
108
  marginRight: "calc(".concat(hideArrowGap, " - 2px)")
114
109
  },
package/esm/tooltip/tooltip.js CHANGED
@@ -110,13 +110,13 @@ var tooltipStyle = _objectSpread(_objectSpread({
110
110
  },
111
111
  '&[data-soui-position^="left"]': {
112
112
  '&[dir=ltr]': {
113
- marginLeft: -(arrowGap - 2),
113
+ marginRight: arrowGap - 2,
114
114
  '& $arrow': {
115
115
  transform: 'translateX(11px) rotate(90deg)'
116
116
  }
117
117
  },
118
118
  '&[dir=rtl]': {
119
- marginRight: -(arrowGap - 2),
119
+ 'margin-right': arrowGap - 2,
120
120
  '& $arrow': {
121
121
  left: 0,
122
122
  transform: 'translateX(11px) rotate(90deg)'
@@ -180,7 +180,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
180
180
  width: arrowGap,
181
181
  height: '100%',
182
182
  top: 0,
183
- right: 0,
183
+ left: 0,
184
184
  transform: 'translateX(-100%)'
185
185
  }
186
186
  }
package/esm/upload/upload.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAqW1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAsY1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/upload/upload.js CHANGED
@@ -17,6 +17,39 @@ var uploadStyle = {
17
17
  }
18
18
  },
19
19
  wrapperDrop: {},
20
+ draggerWrapper: {
21
+ display: 'block',
22
+ width: '100%'
23
+ },
24
+ draggerArea: {
25
+ position: 'relative',
26
+ padding: 16,
27
+ width: '100%',
28
+ height: '100%',
29
+ textAlign: 'center',
30
+ backgroundColor: token.uploadImageHandlerBackgroundColor,
31
+ borderRadius: token.uploadImageBorderRadius,
32
+ cursor: 'pointer',
33
+ color: token.uploadImageHandlerFontColor,
34
+ // after
35
+ '&:after': {
36
+ content: '""',
37
+ position: 'absolute',
38
+ top: -1,
39
+ right: -1,
40
+ bottom: -1,
41
+ left: -1,
42
+ borderRadius: token.uploadImageBorderRadius,
43
+ border: "1px dashed ".concat(token.uploadImageHandlerBorderColor),
44
+ transition: 'border-color 0.3s'
45
+ },
46
+ // hover
47
+ '&:hover': {
48
+ '&:after': {
49
+ borderColor: token.uploadImageHandlerHoverBorderColor
50
+ }
51
+ }
52
+ },
20
53
  handler: {
21
54
  display: 'inline-block',
22
55
  cursor: 'pointer',
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.6.0-beta.24";
1
+ declare const _default: "3.6.0-beta.26";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.6.0-beta.24';
1
+ export default '3.6.0-beta.26';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.6.0-beta.24",
3
+ "version": "3.6.0-beta.26",
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.6.0-beta.24",
21
- "@sheinx/base": "3.6.0-beta.24"
20
+ "@sheinx/theme": "3.6.0-beta.26",
21
+ "@sheinx/base": "3.6.0-beta.26"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"