@sheinx/shineout-style 3.1.10 → 3.1.12

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 (23) hide show
  1. package/cjs/input/input-border.js +1 -1
  2. package/cjs/input/input.d.ts.map +1 -1
  3. package/cjs/input/input.js +1 -0
  4. package/cjs/modal/modal.d.ts.map +1 -1
  5. package/cjs/modal/modal.js +5 -1
  6. package/cjs/select/select.d.ts.map +1 -1
  7. package/cjs/select/select.js +2 -1
  8. package/cjs/tooltip/tooltip.d.ts.map +1 -1
  9. package/cjs/tooltip/tooltip.js +25 -3
  10. package/cjs/version.d.ts +1 -1
  11. package/cjs/version.js +1 -1
  12. package/esm/input/input-border.js +1 -1
  13. package/esm/input/input.d.ts.map +1 -1
  14. package/esm/input/input.js +1 -0
  15. package/esm/modal/modal.d.ts.map +1 -1
  16. package/esm/modal/modal.js +5 -1
  17. package/esm/select/select.d.ts.map +1 -1
  18. package/esm/select/select.js +2 -1
  19. package/esm/tooltip/tooltip.d.ts.map +1 -1
  20. package/esm/tooltip/tooltip.js +25 -3
  21. package/esm/version.d.ts +1 -1
  22. package/esm/version.js +1 -1
  23. package/package.json +3 -3
package/cjs/input/input-border.js CHANGED
@@ -19,7 +19,7 @@ var _default = exports.default = function _default(name) {
19
19
  color: token.fontColor,
20
20
  lineHeight: token.lineHeight,
21
21
  fontSize: token.fontSize,
22
- verticalAlign: 'top',
22
+ // verticalAlign: 'top',
23
23
  transition: "border-color .15s ease-in-out,box-shadow .15s ease-in-out;",
24
24
  '&:hover': {
25
25
  borderColor: token.hoverBorderColor
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;AA8F5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAsMvC,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;AA8F5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAuMvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/cjs/input/input.js CHANGED
@@ -248,6 +248,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
248
248
  left: '0'
249
249
  },
250
250
  top: '100%',
251
+ zIndex: 1000,
251
252
  transformOrigin: '100% 0',
252
253
  marginTop: '10px',
253
254
  animation: 'so-input-fade .16s ease-in',
package/cjs/modal/modal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAkRxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAsRxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/modal/modal.js CHANGED
@@ -158,7 +158,7 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
158
158
  zIndex: modalIndex,
159
159
  top: 0,
160
160
  left: 0,
161
- // overflow: 'auto',
161
+ overflow: 'auto',
162
162
  wordWrap: 'break-word',
163
163
  width: '100%',
164
164
  boxSizing: 'border-box',
@@ -322,6 +322,10 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
322
322
  display: 'flex',
323
323
  marginBottom: _theme.default.modalPanelGap
324
324
  },
325
+ headerEmptyTitle: {
326
+ marginBottom: 0,
327
+ height: 0
328
+ },
325
329
  headerIcon: {
326
330
  '$wrapper &': {
327
331
  marginRight: _theme.default.modalHeaderIconMarginEnd,
package/cjs/select/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA2d1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA4d1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/select/select.js CHANGED
@@ -402,7 +402,8 @@ var selectStyle = _objectSpread(_objectSpread({
402
402
  },
403
403
  virtualList: {
404
404
  margin: 0,
405
- padding: 0
405
+ padding: 0,
406
+ width: '100%'
406
407
  },
407
408
  option: {
408
409
  listStyle: 'none',
package/cjs/tooltip/tooltip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAuJhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CA8KhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/cjs/tooltip/tooltip.js CHANGED
@@ -93,6 +93,7 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
93
93
  content: '" "',
94
94
  display: 'block',
95
95
  border: "inherit",
96
+ borderLeft: 'none',
96
97
  width: '8.4px',
97
98
  height: '8.4px',
98
99
  boxSizing: 'content-box',
@@ -103,11 +104,16 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
103
104
  marginTop: arrowGap - 2,
104
105
  '&::before': {
105
106
  top: '0',
106
- transform: 'translate(0, -50%) rotate(-45deg)',
107
107
  left: '0',
108
108
  right: '0',
109
109
  margin: 'auto'
110
110
  },
111
+ '&[dir=ltr]::before': {
112
+ transform: 'translate(0, -50%) rotate(-45deg)'
113
+ },
114
+ '&[dir=rtl]::before': {
115
+ transform: 'translate(0, -50%) rotate(45deg)'
116
+ },
111
117
  '&::after': {
112
118
  top: arrowGap * -1,
113
119
  left: '0',
@@ -127,6 +133,12 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
127
133
  right: '0',
128
134
  margin: 'auto'
129
135
  },
136
+ '&[dir=ltr]::before': {
137
+ transform: 'translate(0, 50%) rotate(135deg)'
138
+ },
139
+ '&[dir=rtl]::before': {
140
+ transform: 'translate(0, 50%) rotate(-135deg)'
141
+ },
130
142
  '&::after': {
131
143
  bottom: arrowGap * -1,
132
144
  left: '0',
@@ -147,11 +159,16 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
147
159
  },
148
160
  '&::before': {
149
161
  right: 0,
150
- transform: 'translate(50%, 0) rotate(45deg)',
151
162
  top: '0',
152
163
  bottom: '0',
153
164
  margin: 'auto'
154
165
  },
166
+ '&[dir=ltr]::before': {
167
+ transform: 'translate(50%, 0) rotate(45deg)'
168
+ },
169
+ '&[dir=rtl]::before': {
170
+ transform: 'translate(50%, 0) rotate(135deg)'
171
+ },
155
172
  '&::after': {
156
173
  left: arrowGap * -1,
157
174
  top: '0',
@@ -172,11 +189,16 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
172
189
  },
173
190
  '&::before': {
174
191
  left: '0',
175
- transform: 'translate(-50%, 0) rotate(-135deg)',
176
192
  top: '0',
177
193
  bottom: '0',
178
194
  margin: 'auto'
179
195
  },
196
+ '&[dir=ltr]::before': {
197
+ transform: 'translate(-50%, 0) rotate(-135deg)'
198
+ },
199
+ '&[dir=rtl]::before': {
200
+ transform: 'translate(-50%, 0) rotate(-45deg)'
201
+ },
180
202
  '&::after': {
181
203
  left: arrowGap * -1,
182
204
  top: '0',
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.1.10";
1
+ declare const _default: "3.1.12";
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.1.10';
7
+ var _default = exports.default = '3.1.12';
package/esm/input/input-border.js CHANGED
@@ -13,7 +13,7 @@ export default (function (name) {
13
13
  color: token.fontColor,
14
14
  lineHeight: token.lineHeight,
15
15
  fontSize: token.fontSize,
16
- verticalAlign: 'top',
16
+ // verticalAlign: 'top',
17
17
  transition: "border-color .15s ease-in-out,box-shadow .15s ease-in-out;",
18
18
  '&:hover': {
19
19
  borderColor: token.hoverBorderColor
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;AA8F5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAsMvC,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;AA8F5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAuMvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/esm/input/input.js CHANGED
@@ -241,6 +241,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
241
241
  left: '0'
242
242
  },
243
243
  top: '100%',
244
+ zIndex: 1000,
244
245
  transformOrigin: '100% 0',
245
246
  marginTop: '10px',
246
247
  animation: 'so-input-fade .16s ease-in',
package/esm/modal/modal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAkRxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAsRxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/modal/modal.js CHANGED
@@ -151,7 +151,7 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
151
151
  zIndex: modalIndex,
152
152
  top: 0,
153
153
  left: 0,
154
- // overflow: 'auto',
154
+ overflow: 'auto',
155
155
  wordWrap: 'break-word',
156
156
  width: '100%',
157
157
  boxSizing: 'border-box',
@@ -315,6 +315,10 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
315
315
  display: 'flex',
316
316
  marginBottom: token.modalPanelGap
317
317
  },
318
+ headerEmptyTitle: {
319
+ marginBottom: 0,
320
+ height: 0
321
+ },
318
322
  headerIcon: {
319
323
  '$wrapper &': {
320
324
  marginRight: token.modalHeaderIconMarginEnd,
package/esm/select/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA2d1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA4d1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/select/select.js CHANGED
@@ -395,7 +395,8 @@ var selectStyle = _objectSpread(_objectSpread({
395
395
  },
396
396
  virtualList: {
397
397
  margin: 0,
398
- padding: 0
398
+ padding: 0,
399
+ width: '100%'
399
400
  },
400
401
  option: {
401
402
  listStyle: 'none',
package/esm/tooltip/tooltip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAuJhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CA8KhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/esm/tooltip/tooltip.js CHANGED
@@ -86,6 +86,7 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
86
86
  content: '" "',
87
87
  display: 'block',
88
88
  border: "inherit",
89
+ borderLeft: 'none',
89
90
  width: '8.4px',
90
91
  height: '8.4px',
91
92
  boxSizing: 'content-box',
@@ -96,11 +97,16 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
96
97
  marginTop: arrowGap - 2,
97
98
  '&::before': {
98
99
  top: '0',
99
- transform: 'translate(0, -50%) rotate(-45deg)',
100
100
  left: '0',
101
101
  right: '0',
102
102
  margin: 'auto'
103
103
  },
104
+ '&[dir=ltr]::before': {
105
+ transform: 'translate(0, -50%) rotate(-45deg)'
106
+ },
107
+ '&[dir=rtl]::before': {
108
+ transform: 'translate(0, -50%) rotate(45deg)'
109
+ },
104
110
  '&::after': {
105
111
  top: arrowGap * -1,
106
112
  left: '0',
@@ -120,6 +126,12 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
120
126
  right: '0',
121
127
  margin: 'auto'
122
128
  },
129
+ '&[dir=ltr]::before': {
130
+ transform: 'translate(0, 50%) rotate(135deg)'
131
+ },
132
+ '&[dir=rtl]::before': {
133
+ transform: 'translate(0, 50%) rotate(-135deg)'
134
+ },
123
135
  '&::after': {
124
136
  bottom: arrowGap * -1,
125
137
  left: '0',
@@ -140,11 +152,16 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
140
152
  },
141
153
  '&::before': {
142
154
  right: 0,
143
- transform: 'translate(50%, 0) rotate(45deg)',
144
155
  top: '0',
145
156
  bottom: '0',
146
157
  margin: 'auto'
147
158
  },
159
+ '&[dir=ltr]::before': {
160
+ transform: 'translate(50%, 0) rotate(45deg)'
161
+ },
162
+ '&[dir=rtl]::before': {
163
+ transform: 'translate(50%, 0) rotate(135deg)'
164
+ },
148
165
  '&::after': {
149
166
  left: arrowGap * -1,
150
167
  top: '0',
@@ -165,11 +182,16 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
165
182
  },
166
183
  '&::before': {
167
184
  left: '0',
168
- transform: 'translate(-50%, 0) rotate(-135deg)',
169
185
  top: '0',
170
186
  bottom: '0',
171
187
  margin: 'auto'
172
188
  },
189
+ '&[dir=ltr]::before': {
190
+ transform: 'translate(-50%, 0) rotate(-135deg)'
191
+ },
192
+ '&[dir=rtl]::before': {
193
+ transform: 'translate(-50%, 0) rotate(-45deg)'
194
+ },
173
195
  '&::after': {
174
196
  left: arrowGap * -1,
175
197
  top: '0',
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.1.10";
1
+ declare const _default: "3.1.12";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.1.10';
1
+ export default '3.1.12';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.1.10",
3
+ "version": "3.1.12",
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.1.10",
21
- "@sheinx/base": "3.1.10"
20
+ "@sheinx/theme": "3.1.12",
21
+ "@sheinx/base": "3.1.12"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"