@sheinx/shineout-style 3.6.1-beta.6 → 3.6.1

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 (11) hide show
  1. package/cjs/tooltip/tooltip.d.ts.map +1 -1
  2. package/cjs/tooltip/tooltip.js +99 -29
  3. package/cjs/version.d.ts +1 -1
  4. package/cjs/version.d.ts.map +1 -1
  5. package/cjs/version.js +1 -1
  6. package/esm/tooltip/tooltip.d.ts.map +1 -1
  7. package/esm/tooltip/tooltip.js +99 -29
  8. package/esm/version.d.ts +1 -1
  9. package/esm/version.d.ts.map +1 -1
  10. package/esm/version.js +1 -1
  11. package/package.json +3 -3
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,CAkKhD,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;AAqD9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAkOhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/cjs/tooltip/tooltip.js CHANGED
@@ -17,10 +17,10 @@ var arrowHeight = 8;
17
17
  var animation = {
18
18
  '@keyframes fadeIn': {
19
19
  '0%': {
20
- opacity: '0'
20
+ opacity: 0
21
21
  },
22
22
  '100%': {
23
- opacity: '1'
23
+ opacity: 1
24
24
  }
25
25
  },
26
26
  '@keyframes moveRight': {
@@ -33,26 +33,32 @@ var animation = {
33
33
  },
34
34
  '@keyframes moveLeft': {
35
35
  '0%': {
36
- marginLeft: '0'
36
+ opacity: 0,
37
+ marginRight: '0'
37
38
  },
38
39
  '100%': {
39
- marginLeft: '-9px'
40
+ opacity: 1,
41
+ marginRight: '10px'
40
42
  }
41
43
  },
42
44
  '@keyframes moveTop': {
43
45
  '0%': {
46
+ opacity: 0,
44
47
  marginTop: '0'
45
48
  },
46
49
  '100%': {
47
- marginTop: '-9px'
50
+ opacity: 1,
51
+ marginTop: -10
48
52
  }
49
53
  },
50
54
  '@keyframes moveBottom': {
51
55
  '0%': {
56
+ opacity: 0,
52
57
  marginTop: '0'
53
58
  },
54
59
  '100%': {
55
- marginTop: '9px'
60
+ opacity: 1,
61
+ marginTop: 10
56
62
  }
57
63
  }
58
64
  };
@@ -77,10 +83,10 @@ var tooltipStyle = _objectSpread(_objectSpread({
77
83
  boxSizing: 'border-box',
78
84
  '--tooltip-background-color': _theme.default.tooltipLightBackgroundColor,
79
85
  '&[data-soui-position^="top"] $arrow': {
80
- transform: 'translateY(calc(100% - 1px)) rotate(-180deg)'
86
+ transform: 'translate(0, -1px) rotate(-180deg)'
81
87
  },
82
88
  '&[data-soui-position^="bottom"] $arrow': {
83
- transform: 'translateY(calc(-100% + 1px)) rotate(0deg)'
89
+ transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
84
90
  }
85
91
  },
86
92
  '&[data-soui-type^="primary"]': {
@@ -104,45 +110,109 @@ var tooltipStyle = _objectSpread(_objectSpread({
104
110
  '--tooltip-background-color': _theme.default.tooltipDangerBackgroundColor
105
111
  },
106
112
  '&[data-soui-position^="bottom"]': {
107
- marginTop: arrowGap - 2,
113
+ marginTop: arrowGap - 2
114
+ },
115
+ '&[data-soui-position="bottom"]': {
116
+ '& $arrow': {
117
+ left: '50%',
118
+ transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
119
+ }
120
+ },
121
+ '&[data-soui-position="bottom-left"]': {
108
122
  '& $arrow': {
109
- transform: 'translateY(calc(-100% + 1px)) rotate(0deg)'
123
+ left: 8,
124
+ transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
125
+ }
126
+ },
127
+ '&[data-soui-position="bottom-right"]': {
128
+ '& $arrow': {
129
+ right: 8,
130
+ transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
110
131
  }
111
132
  },
112
133
  '&[data-soui-position^="top"]': {
113
134
  marginTop: (arrowGap - 2) * -1,
114
135
  '& $arrow': {
115
- transform: 'translateY(calc(100% + 1px)) rotate(-180deg)'
136
+ top: '100%'
137
+ }
138
+ },
139
+ '&[data-soui-position="top"]': {
140
+ '& $arrow': {
141
+ left: '50%',
142
+ transform: 'translate(-50%, -1px) rotate(-180deg)'
143
+ }
144
+ },
145
+ '&[data-soui-position="top-left"]': {
146
+ '& $arrow': {
147
+ left: 8,
148
+ transform: 'translate(0, -1px) rotate(-180deg)'
149
+ }
150
+ },
151
+ '&[data-soui-position="top-right"]': {
152
+ '& $arrow': {
153
+ right: 8,
154
+ transform: 'translate(0, -1px) rotate(-180deg)'
116
155
  }
117
156
  },
118
157
  '&[data-soui-position^="left"]': {
119
158
  '&[dir=ltr]': {
120
- marginRight: arrowGap - 2,
121
- '& $arrow': {
122
- transform: 'translateX(11px) rotate(90deg)'
123
- }
159
+ marginRight: arrowGap - 2
124
160
  },
125
161
  '&[dir=rtl]': {
126
- 'margin-right': arrowGap - 2,
127
- '& $arrow': {
128
- left: 0,
129
- transform: 'translateX(11px) rotate(90deg)'
130
- }
162
+ 'margin-right': arrowGap - 2
163
+ }
164
+ },
165
+ '&[data-soui-position="left"]': {
166
+ '& $arrow': {
167
+ right: 0,
168
+ top: '50%',
169
+ transform: 'translate(11px, -50%) rotate(90deg)',
170
+ transformOrigin: 'center center'
171
+ }
172
+ },
173
+ '&[data-soui-position="left-top"]': {
174
+ '& $arrow': {
175
+ right: 0,
176
+ top: 8,
177
+ transform: 'translate(11px, 0) rotate(90deg)',
178
+ transformOrigin: 'center center'
179
+ }
180
+ },
181
+ '&[data-soui-position="left-bottom"]': {
182
+ '& $arrow': {
183
+ right: 0,
184
+ bottom: 8,
185
+ transform: 'translate(11px, 0) rotate(90deg)',
186
+ transformOrigin: 'center center'
131
187
  }
132
188
  },
133
189
  '&[data-soui-position^="right"]': {
134
190
  '&[dir=ltr]': {
135
- marginLeft: arrowGap - 2,
136
- '& $arrow': {
137
- transform: 'translateX(-11px) rotate(-90deg)'
138
- }
191
+ marginLeft: arrowGap - 2
139
192
  },
140
193
  '&[dir=rtl]': {
141
- marginRight: arrowGap - 2,
142
- '& $arrow': {
143
- left: 0,
144
- transform: 'translateX(-11px) rotate(-90deg)'
145
- }
194
+ marginRight: arrowGap - 2
195
+ }
196
+ },
197
+ '&[data-soui-position="right"]': {
198
+ '& $arrow': {
199
+ top: '50%',
200
+ left: 0,
201
+ transform: 'translate(-11px, -50%) rotate(-90deg)'
202
+ }
203
+ },
204
+ '&[data-soui-position="right-top"]': {
205
+ '& $arrow': {
206
+ top: 8,
207
+ left: 0,
208
+ transform: 'translate(-11px, 0) rotate(-90deg)'
209
+ }
210
+ },
211
+ '&[data-soui-position="right-bottom"]': {
212
+ '& $arrow': {
213
+ bottom: 8,
214
+ left: 0,
215
+ transform: 'translate(-11px, 0) rotate(-90deg)'
146
216
  }
147
217
  }
148
218
  },
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.6.1-beta.6";
1
+ declare const _default: "3.6.1";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/cjs/version.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
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.1-beta.6';
7
+ var _default = exports.default = '3.6.1';
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,CAkKhD,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;AAqD9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAkOhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/esm/tooltip/tooltip.js CHANGED
@@ -10,10 +10,10 @@ var arrowHeight = 8;
10
10
  var animation = {
11
11
  '@keyframes fadeIn': {
12
12
  '0%': {
13
- opacity: '0'
13
+ opacity: 0
14
14
  },
15
15
  '100%': {
16
- opacity: '1'
16
+ opacity: 1
17
17
  }
18
18
  },
19
19
  '@keyframes moveRight': {
@@ -26,26 +26,32 @@ var animation = {
26
26
  },
27
27
  '@keyframes moveLeft': {
28
28
  '0%': {
29
- marginLeft: '0'
29
+ opacity: 0,
30
+ marginRight: '0'
30
31
  },
31
32
  '100%': {
32
- marginLeft: '-9px'
33
+ opacity: 1,
34
+ marginRight: '10px'
33
35
  }
34
36
  },
35
37
  '@keyframes moveTop': {
36
38
  '0%': {
39
+ opacity: 0,
37
40
  marginTop: '0'
38
41
  },
39
42
  '100%': {
40
- marginTop: '-9px'
43
+ opacity: 1,
44
+ marginTop: -10
41
45
  }
42
46
  },
43
47
  '@keyframes moveBottom': {
44
48
  '0%': {
49
+ opacity: 0,
45
50
  marginTop: '0'
46
51
  },
47
52
  '100%': {
48
- marginTop: '9px'
53
+ opacity: 1,
54
+ marginTop: 10
49
55
  }
50
56
  }
51
57
  };
@@ -70,10 +76,10 @@ var tooltipStyle = _objectSpread(_objectSpread({
70
76
  boxSizing: 'border-box',
71
77
  '--tooltip-background-color': token.tooltipLightBackgroundColor,
72
78
  '&[data-soui-position^="top"] $arrow': {
73
- transform: 'translateY(calc(100% - 1px)) rotate(-180deg)'
79
+ transform: 'translate(0, -1px) rotate(-180deg)'
74
80
  },
75
81
  '&[data-soui-position^="bottom"] $arrow': {
76
- transform: 'translateY(calc(-100% + 1px)) rotate(0deg)'
82
+ transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
77
83
  }
78
84
  },
79
85
  '&[data-soui-type^="primary"]': {
@@ -97,45 +103,109 @@ var tooltipStyle = _objectSpread(_objectSpread({
97
103
  '--tooltip-background-color': token.tooltipDangerBackgroundColor
98
104
  },
99
105
  '&[data-soui-position^="bottom"]': {
100
- marginTop: arrowGap - 2,
106
+ marginTop: arrowGap - 2
107
+ },
108
+ '&[data-soui-position="bottom"]': {
109
+ '& $arrow': {
110
+ left: '50%',
111
+ transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
112
+ }
113
+ },
114
+ '&[data-soui-position="bottom-left"]': {
101
115
  '& $arrow': {
102
- transform: 'translateY(calc(-100% + 1px)) rotate(0deg)'
116
+ left: 8,
117
+ transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
118
+ }
119
+ },
120
+ '&[data-soui-position="bottom-right"]': {
121
+ '& $arrow': {
122
+ right: 8,
123
+ transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
103
124
  }
104
125
  },
105
126
  '&[data-soui-position^="top"]': {
106
127
  marginTop: (arrowGap - 2) * -1,
107
128
  '& $arrow': {
108
- transform: 'translateY(calc(100% + 1px)) rotate(-180deg)'
129
+ top: '100%'
130
+ }
131
+ },
132
+ '&[data-soui-position="top"]': {
133
+ '& $arrow': {
134
+ left: '50%',
135
+ transform: 'translate(-50%, -1px) rotate(-180deg)'
136
+ }
137
+ },
138
+ '&[data-soui-position="top-left"]': {
139
+ '& $arrow': {
140
+ left: 8,
141
+ transform: 'translate(0, -1px) rotate(-180deg)'
142
+ }
143
+ },
144
+ '&[data-soui-position="top-right"]': {
145
+ '& $arrow': {
146
+ right: 8,
147
+ transform: 'translate(0, -1px) rotate(-180deg)'
109
148
  }
110
149
  },
111
150
  '&[data-soui-position^="left"]': {
112
151
  '&[dir=ltr]': {
113
- marginRight: arrowGap - 2,
114
- '& $arrow': {
115
- transform: 'translateX(11px) rotate(90deg)'
116
- }
152
+ marginRight: arrowGap - 2
117
153
  },
118
154
  '&[dir=rtl]': {
119
- 'margin-right': arrowGap - 2,
120
- '& $arrow': {
121
- left: 0,
122
- transform: 'translateX(11px) rotate(90deg)'
123
- }
155
+ 'margin-right': arrowGap - 2
156
+ }
157
+ },
158
+ '&[data-soui-position="left"]': {
159
+ '& $arrow': {
160
+ right: 0,
161
+ top: '50%',
162
+ transform: 'translate(11px, -50%) rotate(90deg)',
163
+ transformOrigin: 'center center'
164
+ }
165
+ },
166
+ '&[data-soui-position="left-top"]': {
167
+ '& $arrow': {
168
+ right: 0,
169
+ top: 8,
170
+ transform: 'translate(11px, 0) rotate(90deg)',
171
+ transformOrigin: 'center center'
172
+ }
173
+ },
174
+ '&[data-soui-position="left-bottom"]': {
175
+ '& $arrow': {
176
+ right: 0,
177
+ bottom: 8,
178
+ transform: 'translate(11px, 0) rotate(90deg)',
179
+ transformOrigin: 'center center'
124
180
  }
125
181
  },
126
182
  '&[data-soui-position^="right"]': {
127
183
  '&[dir=ltr]': {
128
- marginLeft: arrowGap - 2,
129
- '& $arrow': {
130
- transform: 'translateX(-11px) rotate(-90deg)'
131
- }
184
+ marginLeft: arrowGap - 2
132
185
  },
133
186
  '&[dir=rtl]': {
134
- marginRight: arrowGap - 2,
135
- '& $arrow': {
136
- left: 0,
137
- transform: 'translateX(-11px) rotate(-90deg)'
138
- }
187
+ marginRight: arrowGap - 2
188
+ }
189
+ },
190
+ '&[data-soui-position="right"]': {
191
+ '& $arrow': {
192
+ top: '50%',
193
+ left: 0,
194
+ transform: 'translate(-11px, -50%) rotate(-90deg)'
195
+ }
196
+ },
197
+ '&[data-soui-position="right-top"]': {
198
+ '& $arrow': {
199
+ top: 8,
200
+ left: 0,
201
+ transform: 'translate(-11px, 0) rotate(-90deg)'
202
+ }
203
+ },
204
+ '&[data-soui-position="right-bottom"]': {
205
+ '& $arrow': {
206
+ bottom: 8,
207
+ left: 0,
208
+ transform: 'translate(-11px, 0) rotate(-90deg)'
139
209
  }
140
210
  }
141
211
  },
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.6.1-beta.6";
1
+ declare const _default: "3.6.1";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.6.1-beta.6';
1
+ export default '3.6.1';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.6.1-beta.6",
3
+ "version": "3.6.1",
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.1-beta.6",
21
- "@sheinx/base": "3.6.1-beta.6"
20
+ "@sheinx/theme": "3.6.1",
21
+ "@sheinx/base": "3.6.1"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"