@sheinx/shineout-style 3.8.0-beta.11 → 3.8.0-beta.13

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/breadcrumb/breadcrumb.d.ts.map +1 -1
  2. package/cjs/breadcrumb/breadcrumb.js +17 -1
  3. package/cjs/popover/popover.d.ts.map +1 -1
  4. package/cjs/popover/popover.js +24 -0
  5. package/cjs/textarea/textarea.d.ts.map +1 -1
  6. package/cjs/textarea/textarea.js +1 -0
  7. package/cjs/tooltip/tooltip.d.ts +80 -0
  8. package/cjs/tooltip/tooltip.d.ts.map +1 -1
  9. package/cjs/tooltip/tooltip.js +90 -0
  10. package/cjs/version.d.ts +1 -1
  11. package/cjs/version.js +1 -1
  12. package/esm/breadcrumb/breadcrumb.d.ts.map +1 -1
  13. package/esm/breadcrumb/breadcrumb.js +17 -1
  14. package/esm/popover/popover.d.ts.map +1 -1
  15. package/esm/popover/popover.js +24 -0
  16. package/esm/textarea/textarea.d.ts.map +1 -1
  17. package/esm/textarea/textarea.js +1 -0
  18. package/esm/tooltip/tooltip.d.ts +80 -0
  19. package/esm/tooltip/tooltip.d.ts.map +1 -1
  20. package/esm/tooltip/tooltip.js +90 -0
  21. package/esm/version.d.ts +1 -1
  22. package/esm/version.js +1 -1
  23. package/package.json +3 -3
package/cjs/breadcrumb/breadcrumb.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0GlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0HlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/cjs/breadcrumb/breadcrumb.js CHANGED
@@ -24,6 +24,9 @@ var breadcrumbStyle = {
24
24
  }
25
25
  }
26
26
  },
27
+ wrapperPopover: {
28
+ flexWrap: 'wrap'
29
+ },
27
30
  content: {
28
31
  '&&': {
29
32
  display: 'flex',
@@ -33,10 +36,23 @@ var breadcrumbStyle = {
33
36
  color: _theme.default.breadcrumbDefaultLinkActiveColor
34
37
  }
35
38
  },
39
+ contentMaxWidth: {
40
+ maxWidth: '150px',
41
+ overflow: 'hidden',
42
+ textOverflow: 'ellipsis',
43
+ whiteSpace: 'nowrap',
44
+ '&&': {
45
+ display: 'block'
46
+ }
47
+ },
36
48
  ellipsis: {
37
49
  color: _theme.default.breadcrumbLinkColor,
38
50
  position: 'relative',
39
- top: '-3px'
51
+ top: '-0.25em',
52
+ cursor: 'pointer',
53
+ '&:hover': {
54
+ color: _theme.default.breadcrumbLinkHoverColor
55
+ }
40
56
  },
41
57
  itemWrapper: {
42
58
  // padding: `0 ${token.breadcrumbListItemWrapperPaddingX}`,
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;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAyL5C,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;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAiN5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/cjs/popover/popover.js CHANGED
@@ -184,14 +184,38 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
184
184
  '&[data-soui-position^="bottom"]': {
185
185
  animation: '$fadeIn 200ms ease, $moveBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
186
186
  },
187
+ '&[data-soui-position^="bottom-left"]': {
188
+ animation: '$fadeIn 200ms ease, $moveBottomLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
189
+ },
190
+ '&[data-soui-position^="bottom-right"]': {
191
+ animation: '$fadeIn 200ms ease, $moveBottomRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
192
+ },
187
193
  '&[data-soui-position^="top"]': {
188
194
  animation: '$fadeIn 200ms ease, $moveTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
189
195
  },
196
+ '&[data-soui-position^="top-left"]': {
197
+ animation: '$fadeIn 200ms ease, $moveTopLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
198
+ },
199
+ '&[data-soui-position^="top-right"]': {
200
+ animation: '$fadeIn 200ms ease, $moveTopRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
201
+ },
190
202
  '&[data-soui-position^="left"]': {
191
203
  animation: '$fadeIn 200ms ease, $moveLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
192
204
  },
205
+ '&[data-soui-position^="left-top"]': {
206
+ animation: '$fadeIn 200ms ease, $moveLeftTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
207
+ },
208
+ '&[data-soui-position^="left-bottom"]': {
209
+ animation: '$fadeIn 200ms ease, $moveLeftBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
210
+ },
193
211
  '&[data-soui-position^="right"]': {
194
212
  animation: '$fadeIn 200ms ease, $moveRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
213
+ },
214
+ '&[data-soui-position^="right-top"]': {
215
+ animation: '$fadeIn 200ms ease, $moveRightTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
216
+ },
217
+ '&[data-soui-position^="right-bottom"]': {
218
+ animation: '$fadeIn 200ms ease, $moveRightBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
195
219
  }
196
220
  },
197
221
  arrow: {},
package/cjs/textarea/textarea.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CA0F1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CA2F1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/cjs/textarea/textarea.js CHANGED
@@ -75,6 +75,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
75
75
  color: _theme.default.textareaPlaceholderColor
76
76
  },
77
77
  width: '100%',
78
+ height: '100%',
78
79
  background: 'transparent',
79
80
  border: '0',
80
81
  margin: '0',
package/cjs/tooltip/tooltip.d.ts CHANGED
@@ -19,6 +19,26 @@ export declare const tooltipAnimation: {
19
19
  transform: string;
20
20
  };
21
21
  };
22
+ '@keyframes moveRightTop': {
23
+ '0%': {
24
+ transformOrigin: string;
25
+ transform: string;
26
+ };
27
+ '100%': {
28
+ transformOrigin: string;
29
+ transform: string;
30
+ };
31
+ };
32
+ '@keyframes moveRightBottom': {
33
+ '0%': {
34
+ transformOrigin: string;
35
+ transform: string;
36
+ };
37
+ '100%': {
38
+ transformOrigin: string;
39
+ transform: string;
40
+ };
41
+ };
22
42
  '@keyframes moveLeft': {
23
43
  '0%': {
24
44
  transformOrigin: string;
@@ -29,6 +49,26 @@ export declare const tooltipAnimation: {
29
49
  transform: string;
30
50
  };
31
51
  };
52
+ '@keyframes moveLeftTop': {
53
+ '0%': {
54
+ transformOrigin: string;
55
+ transform: string;
56
+ };
57
+ '100%': {
58
+ transformOrigin: string;
59
+ transform: string;
60
+ };
61
+ };
62
+ '@keyframes moveLeftBottom': {
63
+ '0%': {
64
+ transformOrigin: string;
65
+ transform: string;
66
+ };
67
+ '100%': {
68
+ transformOrigin: string;
69
+ transform: string;
70
+ };
71
+ };
32
72
  '@keyframes moveTop': {
33
73
  '0%': {
34
74
  transformOrigin: string;
@@ -39,6 +79,26 @@ export declare const tooltipAnimation: {
39
79
  transform: string;
40
80
  };
41
81
  };
82
+ '@keyframes moveTopLeft': {
83
+ '0%': {
84
+ transformOrigin: string;
85
+ transform: string;
86
+ };
87
+ '100%': {
88
+ transformOrigin: string;
89
+ transform: string;
90
+ };
91
+ };
92
+ '@keyframes moveTopRight': {
93
+ '0%': {
94
+ transformOrigin: string;
95
+ transform: string;
96
+ };
97
+ '100%': {
98
+ transformOrigin: string;
99
+ transform: string;
100
+ };
101
+ };
42
102
  '@keyframes moveBottom': {
43
103
  '0%': {
44
104
  transformOrigin: string;
@@ -49,6 +109,26 @@ export declare const tooltipAnimation: {
49
109
  transform: string;
50
110
  };
51
111
  };
112
+ '@keyframes moveBottomLeft': {
113
+ '0%': {
114
+ transformOrigin: string;
115
+ transform: string;
116
+ };
117
+ '100%': {
118
+ transformOrigin: string;
119
+ transform: string;
120
+ };
121
+ };
122
+ '@keyframes moveBottomRight': {
123
+ '0%': {
124
+ transformOrigin: string;
125
+ transform: string;
126
+ };
127
+ '100%': {
128
+ transformOrigin: string;
129
+ transform: string;
130
+ };
131
+ };
52
132
  };
53
133
  declare const tooltipStyle: JsStyles<keyof TooltipClasses>;
54
134
  export default tooltipStyle;
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;AAK9C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD5B,CAAC;AACF,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAkOhD,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;AAK9C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiI5B,CAAC;AACF,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CA4OhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/cjs/tooltip/tooltip.js CHANGED
@@ -33,6 +33,26 @@ var tooltipAnimation = exports.tooltipAnimation = {
33
33
  transform: "var(--soui-popup-transform) scale(1)"
34
34
  }
35
35
  },
36
+ '@keyframes moveRightTop': {
37
+ '0%': {
38
+ transformOrigin: 'left top',
39
+ transform: "var(--soui-popup-transform) scale(0.5)"
40
+ },
41
+ '100%': {
42
+ transformOrigin: 'left top',
43
+ transform: "var(--soui-popup-transform) scale(1)"
44
+ }
45
+ },
46
+ '@keyframes moveRightBottom': {
47
+ '0%': {
48
+ transformOrigin: 'left bottom',
49
+ transform: "var(--soui-popup-transform) scale(0.5)"
50
+ },
51
+ '100%': {
52
+ transformOrigin: 'left bottom',
53
+ transform: "var(--soui-popup-transform) scale(1)"
54
+ }
55
+ },
36
56
  '@keyframes moveLeft': {
37
57
  '0%': {
38
58
  transformOrigin: 'right center',
@@ -43,6 +63,26 @@ var tooltipAnimation = exports.tooltipAnimation = {
43
63
  transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
44
64
  }
45
65
  },
66
+ '@keyframes moveLeftTop': {
67
+ '0%': {
68
+ transformOrigin: 'right top',
69
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
70
+ },
71
+ '100%': {
72
+ transformOrigin: 'right top',
73
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
74
+ }
75
+ },
76
+ '@keyframes moveLeftBottom': {
77
+ '0%': {
78
+ transformOrigin: 'right bottom',
79
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
80
+ },
81
+ '100%': {
82
+ transformOrigin: 'right bottom',
83
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
84
+ }
85
+ },
46
86
  '@keyframes moveTop': {
47
87
  '0%': {
48
88
  transformOrigin: 'center bottom',
@@ -53,6 +93,26 @@ var tooltipAnimation = exports.tooltipAnimation = {
53
93
  transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
54
94
  }
55
95
  },
96
+ '@keyframes moveTopLeft': {
97
+ '0%': {
98
+ transformOrigin: 'left bottom',
99
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
100
+ },
101
+ '100%': {
102
+ transformOrigin: 'left bottom',
103
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
104
+ }
105
+ },
106
+ '@keyframes moveTopRight': {
107
+ '0%': {
108
+ transformOrigin: 'right bottom',
109
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
110
+ },
111
+ '100%': {
112
+ transformOrigin: 'right bottom',
113
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
114
+ }
115
+ },
56
116
  '@keyframes moveBottom': {
57
117
  '0%': {
58
118
  transformOrigin: 'center top',
@@ -62,6 +122,26 @@ var tooltipAnimation = exports.tooltipAnimation = {
62
122
  transformOrigin: 'center top',
63
123
  transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
64
124
  }
125
+ },
126
+ '@keyframes moveBottomLeft': {
127
+ '0%': {
128
+ transformOrigin: 'left top',
129
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
130
+ },
131
+ '100%': {
132
+ transformOrigin: 'left top',
133
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
134
+ }
135
+ },
136
+ '@keyframes moveBottomRight': {
137
+ '0%': {
138
+ transformOrigin: 'right top',
139
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
140
+ },
141
+ '100%': {
142
+ transformOrigin: 'right top',
143
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
144
+ }
65
145
  }
66
146
  };
67
147
  var tooltipStyle = _objectSpread(_objectSpread({
@@ -89,6 +169,16 @@ var tooltipStyle = _objectSpread(_objectSpread({
89
169
  },
90
170
  '&[data-soui-position^="bottom"] $arrow': {
91
171
  transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
172
+ },
173
+ '& $arrow:before': {
174
+ clipPath: 'none',
175
+ borderTop: "1px solid ".concat(_theme.default.tooltipLightBorderColor),
176
+ borderLeft: "1px solid ".concat(_theme.default.tooltipLightBorderColor),
177
+ borderRight: 'transparent',
178
+ borderBottom: 'transparent',
179
+ width: 8.4,
180
+ height: 8.4,
181
+ transform: 'translate(50%, 27.5%) rotate(45deg)'
92
182
  }
93
183
  },
94
184
  '&[data-soui-type^="primary"]': {
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.8.0-beta.11";
1
+ declare const _default: "3.8.0-beta.13";
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.8.0-beta.11';
7
+ var _default = exports.default = '3.8.0-beta.13';
package/esm/breadcrumb/breadcrumb.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0GlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0HlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/esm/breadcrumb/breadcrumb.js CHANGED
@@ -17,6 +17,9 @@ var breadcrumbStyle = {
17
17
  }
18
18
  }
19
19
  },
20
+ wrapperPopover: {
21
+ flexWrap: 'wrap'
22
+ },
20
23
  content: {
21
24
  '&&': {
22
25
  display: 'flex',
@@ -26,10 +29,23 @@ var breadcrumbStyle = {
26
29
  color: token.breadcrumbDefaultLinkActiveColor
27
30
  }
28
31
  },
32
+ contentMaxWidth: {
33
+ maxWidth: '150px',
34
+ overflow: 'hidden',
35
+ textOverflow: 'ellipsis',
36
+ whiteSpace: 'nowrap',
37
+ '&&': {
38
+ display: 'block'
39
+ }
40
+ },
29
41
  ellipsis: {
30
42
  color: token.breadcrumbLinkColor,
31
43
  position: 'relative',
32
- top: '-3px'
44
+ top: '-0.25em',
45
+ cursor: 'pointer',
46
+ '&:hover': {
47
+ color: token.breadcrumbLinkHoverColor
48
+ }
33
49
  },
34
50
  itemWrapper: {
35
51
  // padding: `0 ${token.breadcrumbListItemWrapperPaddingX}`,
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;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAyL5C,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;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAiN5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/esm/popover/popover.js CHANGED
@@ -177,14 +177,38 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
177
177
  '&[data-soui-position^="bottom"]': {
178
178
  animation: '$fadeIn 200ms ease, $moveBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
179
179
  },
180
+ '&[data-soui-position^="bottom-left"]': {
181
+ animation: '$fadeIn 200ms ease, $moveBottomLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
182
+ },
183
+ '&[data-soui-position^="bottom-right"]': {
184
+ animation: '$fadeIn 200ms ease, $moveBottomRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
185
+ },
180
186
  '&[data-soui-position^="top"]': {
181
187
  animation: '$fadeIn 200ms ease, $moveTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
182
188
  },
189
+ '&[data-soui-position^="top-left"]': {
190
+ animation: '$fadeIn 200ms ease, $moveTopLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
191
+ },
192
+ '&[data-soui-position^="top-right"]': {
193
+ animation: '$fadeIn 200ms ease, $moveTopRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
194
+ },
183
195
  '&[data-soui-position^="left"]': {
184
196
  animation: '$fadeIn 200ms ease, $moveLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
185
197
  },
198
+ '&[data-soui-position^="left-top"]': {
199
+ animation: '$fadeIn 200ms ease, $moveLeftTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
200
+ },
201
+ '&[data-soui-position^="left-bottom"]': {
202
+ animation: '$fadeIn 200ms ease, $moveLeftBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
203
+ },
186
204
  '&[data-soui-position^="right"]': {
187
205
  animation: '$fadeIn 200ms ease, $moveRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
206
+ },
207
+ '&[data-soui-position^="right-top"]': {
208
+ animation: '$fadeIn 200ms ease, $moveRightTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
209
+ },
210
+ '&[data-soui-position^="right-bottom"]': {
211
+ animation: '$fadeIn 200ms ease, $moveRightBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
188
212
  }
189
213
  },
190
214
  arrow: {},
package/esm/textarea/textarea.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CA0F1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CA2F1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/esm/textarea/textarea.js CHANGED
@@ -68,6 +68,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
68
68
  color: token.textareaPlaceholderColor
69
69
  },
70
70
  width: '100%',
71
+ height: '100%',
71
72
  background: 'transparent',
72
73
  border: '0',
73
74
  margin: '0',
package/esm/tooltip/tooltip.d.ts CHANGED
@@ -19,6 +19,26 @@ export declare const tooltipAnimation: {
19
19
  transform: string;
20
20
  };
21
21
  };
22
+ '@keyframes moveRightTop': {
23
+ '0%': {
24
+ transformOrigin: string;
25
+ transform: string;
26
+ };
27
+ '100%': {
28
+ transformOrigin: string;
29
+ transform: string;
30
+ };
31
+ };
32
+ '@keyframes moveRightBottom': {
33
+ '0%': {
34
+ transformOrigin: string;
35
+ transform: string;
36
+ };
37
+ '100%': {
38
+ transformOrigin: string;
39
+ transform: string;
40
+ };
41
+ };
22
42
  '@keyframes moveLeft': {
23
43
  '0%': {
24
44
  transformOrigin: string;
@@ -29,6 +49,26 @@ export declare const tooltipAnimation: {
29
49
  transform: string;
30
50
  };
31
51
  };
52
+ '@keyframes moveLeftTop': {
53
+ '0%': {
54
+ transformOrigin: string;
55
+ transform: string;
56
+ };
57
+ '100%': {
58
+ transformOrigin: string;
59
+ transform: string;
60
+ };
61
+ };
62
+ '@keyframes moveLeftBottom': {
63
+ '0%': {
64
+ transformOrigin: string;
65
+ transform: string;
66
+ };
67
+ '100%': {
68
+ transformOrigin: string;
69
+ transform: string;
70
+ };
71
+ };
32
72
  '@keyframes moveTop': {
33
73
  '0%': {
34
74
  transformOrigin: string;
@@ -39,6 +79,26 @@ export declare const tooltipAnimation: {
39
79
  transform: string;
40
80
  };
41
81
  };
82
+ '@keyframes moveTopLeft': {
83
+ '0%': {
84
+ transformOrigin: string;
85
+ transform: string;
86
+ };
87
+ '100%': {
88
+ transformOrigin: string;
89
+ transform: string;
90
+ };
91
+ };
92
+ '@keyframes moveTopRight': {
93
+ '0%': {
94
+ transformOrigin: string;
95
+ transform: string;
96
+ };
97
+ '100%': {
98
+ transformOrigin: string;
99
+ transform: string;
100
+ };
101
+ };
42
102
  '@keyframes moveBottom': {
43
103
  '0%': {
44
104
  transformOrigin: string;
@@ -49,6 +109,26 @@ export declare const tooltipAnimation: {
49
109
  transform: string;
50
110
  };
51
111
  };
112
+ '@keyframes moveBottomLeft': {
113
+ '0%': {
114
+ transformOrigin: string;
115
+ transform: string;
116
+ };
117
+ '100%': {
118
+ transformOrigin: string;
119
+ transform: string;
120
+ };
121
+ };
122
+ '@keyframes moveBottomRight': {
123
+ '0%': {
124
+ transformOrigin: string;
125
+ transform: string;
126
+ };
127
+ '100%': {
128
+ transformOrigin: string;
129
+ transform: string;
130
+ };
131
+ };
52
132
  };
53
133
  declare const tooltipStyle: JsStyles<keyof TooltipClasses>;
54
134
  export default tooltipStyle;
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;AAK9C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD5B,CAAC;AACF,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAkOhD,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;AAK9C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiI5B,CAAC;AACF,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CA4OhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/esm/tooltip/tooltip.js CHANGED
@@ -26,6 +26,26 @@ export var tooltipAnimation = {
26
26
  transform: "var(--soui-popup-transform) scale(1)"
27
27
  }
28
28
  },
29
+ '@keyframes moveRightTop': {
30
+ '0%': {
31
+ transformOrigin: 'left top',
32
+ transform: "var(--soui-popup-transform) scale(0.5)"
33
+ },
34
+ '100%': {
35
+ transformOrigin: 'left top',
36
+ transform: "var(--soui-popup-transform) scale(1)"
37
+ }
38
+ },
39
+ '@keyframes moveRightBottom': {
40
+ '0%': {
41
+ transformOrigin: 'left bottom',
42
+ transform: "var(--soui-popup-transform) scale(0.5)"
43
+ },
44
+ '100%': {
45
+ transformOrigin: 'left bottom',
46
+ transform: "var(--soui-popup-transform) scale(1)"
47
+ }
48
+ },
29
49
  '@keyframes moveLeft': {
30
50
  '0%': {
31
51
  transformOrigin: 'right center',
@@ -36,6 +56,26 @@ export var tooltipAnimation = {
36
56
  transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
37
57
  }
38
58
  },
59
+ '@keyframes moveLeftTop': {
60
+ '0%': {
61
+ transformOrigin: 'right top',
62
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
63
+ },
64
+ '100%': {
65
+ transformOrigin: 'right top',
66
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
67
+ }
68
+ },
69
+ '@keyframes moveLeftBottom': {
70
+ '0%': {
71
+ transformOrigin: 'right bottom',
72
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
73
+ },
74
+ '100%': {
75
+ transformOrigin: 'right bottom',
76
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
77
+ }
78
+ },
39
79
  '@keyframes moveTop': {
40
80
  '0%': {
41
81
  transformOrigin: 'center bottom',
@@ -46,6 +86,26 @@ export var tooltipAnimation = {
46
86
  transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
47
87
  }
48
88
  },
89
+ '@keyframes moveTopLeft': {
90
+ '0%': {
91
+ transformOrigin: 'left bottom',
92
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
93
+ },
94
+ '100%': {
95
+ transformOrigin: 'left bottom',
96
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
97
+ }
98
+ },
99
+ '@keyframes moveTopRight': {
100
+ '0%': {
101
+ transformOrigin: 'right bottom',
102
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
103
+ },
104
+ '100%': {
105
+ transformOrigin: 'right bottom',
106
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
107
+ }
108
+ },
49
109
  '@keyframes moveBottom': {
50
110
  '0%': {
51
111
  transformOrigin: 'center top',
@@ -55,6 +115,26 @@ export var tooltipAnimation = {
55
115
  transformOrigin: 'center top',
56
116
  transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
57
117
  }
118
+ },
119
+ '@keyframes moveBottomLeft': {
120
+ '0%': {
121
+ transformOrigin: 'left top',
122
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
123
+ },
124
+ '100%': {
125
+ transformOrigin: 'left top',
126
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
127
+ }
128
+ },
129
+ '@keyframes moveBottomRight': {
130
+ '0%': {
131
+ transformOrigin: 'right top',
132
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
133
+ },
134
+ '100%': {
135
+ transformOrigin: 'right top',
136
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
137
+ }
58
138
  }
59
139
  };
60
140
  var tooltipStyle = _objectSpread(_objectSpread({
@@ -82,6 +162,16 @@ var tooltipStyle = _objectSpread(_objectSpread({
82
162
  },
83
163
  '&[data-soui-position^="bottom"] $arrow': {
84
164
  transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
165
+ },
166
+ '& $arrow:before': {
167
+ clipPath: 'none',
168
+ borderTop: "1px solid ".concat(token.tooltipLightBorderColor),
169
+ borderLeft: "1px solid ".concat(token.tooltipLightBorderColor),
170
+ borderRight: 'transparent',
171
+ borderBottom: 'transparent',
172
+ width: 8.4,
173
+ height: 8.4,
174
+ transform: 'translate(50%, 27.5%) rotate(45deg)'
85
175
  }
86
176
  },
87
177
  '&[data-soui-type^="primary"]': {
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.8.0-beta.11";
1
+ declare const _default: "3.8.0-beta.13";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.8.0-beta.11';
1
+ export default '3.8.0-beta.13';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.8.0-beta.11",
3
+ "version": "3.8.0-beta.13",
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.8.0-beta.11",
21
- "@sheinx/base": "3.8.0-beta.11"
20
+ "@sheinx/theme": "3.8.0-beta.13",
21
+ "@sheinx/base": "3.8.0-beta.13"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"