@sheinx/shineout-style 3.8.0-beta.16 → 3.8.0-beta.17

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 (7) hide show
  1. package/cjs/popover/popover.js +9 -9
  2. package/cjs/version.d.ts +1 -1
  3. package/cjs/version.js +1 -1
  4. package/esm/popover/popover.js +9 -9
  5. package/esm/version.d.ts +1 -1
  6. package/esm/version.js +1 -1
  7. package/package.json +3 -3
package/cjs/popover/popover.js CHANGED
@@ -29,7 +29,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
29
29
  borderRadius: _theme.default.popoverRadius,
30
30
  border: "1px solid ".concat(_theme.default.popoverBorderColor),
31
31
  wordWrap: 'break-word',
32
- '& $arrow': {
32
+ '& > $arrow': {
33
33
  'z-index': 1,
34
34
  position: 'absolute',
35
35
  content: '" "',
@@ -50,7 +50,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
50
50
  '&$hideArrow': _defineProperty({}, cssvar, '4px'),
51
51
  '&[data-soui-position^="bottom"]': {
52
52
  marginTop: "calc(".concat(hideArrowGap, " - 2px)"),
53
- '& $arrow': {
53
+ '& > $arrow': {
54
54
  top: '0',
55
55
  transform: 'translate(0, -50%) rotate(-45deg)',
56
56
  left: '0',
@@ -70,7 +70,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
70
70
  '&[data-soui-position^="top"]': {
71
71
  // marginTop: (arrowGap - 2) * -1,
72
72
  marginTop: "calc((".concat(hideArrowGap, " - 2px) * -1)"),
73
- '& $arrow': {
73
+ '& > $arrow': {
74
74
  bottom: '0',
75
75
  transform: 'translate(0, 50%) rotate(135deg)',
76
76
  left: '0',
@@ -96,7 +96,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
96
96
  '&[dir=rtl]': {
97
97
  marginLeft: "calc((".concat(hideArrowGap, " - 2px))")
98
98
  },
99
- '& $arrow': {
99
+ '& > $arrow': {
100
100
  right: _theme.default.popoverBorderWidth,
101
101
  transform: 'translate(50%, 0) rotate(45deg)',
102
102
  top: '0',
@@ -120,7 +120,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
120
120
  '&[dir=rtl]': {
121
121
  marginRight: "calc(".concat(hideArrowGap, " - 2px)")
122
122
  },
123
- '& $arrow': {
123
+ '& > $arrow': {
124
124
  left: '0',
125
125
  transform: 'translate(-50%, 0) rotate(-135deg)',
126
126
  top: '0',
@@ -139,19 +139,19 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
139
139
  position: 'absolute'
140
140
  }
141
141
  },
142
- '&&[data-soui-position$="-left"] $arrow': {
142
+ '&&[data-soui-position$="-left"] > $arrow': {
143
143
  left: arrowMargin,
144
144
  right: 'auto'
145
145
  },
146
- '&&[data-soui-position$="-right"] $arrow': {
146
+ '&&[data-soui-position$="-right"] > $arrow': {
147
147
  right: arrowMargin,
148
148
  left: 'auto'
149
149
  },
150
- '&&[data-soui-position$="-top"] $arrow': {
150
+ '&&[data-soui-position$="-top"] > $arrow': {
151
151
  top: arrowMargin,
152
152
  bottom: 'auto'
153
153
  },
154
- '&&[data-soui-position$="-bottom"] $arrow': {
154
+ '&&[data-soui-position$="-bottom"] > $arrow': {
155
155
  bottom: arrowMargin,
156
156
  top: 'auto'
157
157
  },
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.8.0-beta.16";
1
+ declare const _default: "3.8.0-beta.17";
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.16';
7
+ var _default = exports.default = '3.8.0-beta.17';
package/esm/popover/popover.js CHANGED
@@ -22,7 +22,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
22
22
  borderRadius: token.popoverRadius,
23
23
  border: "1px solid ".concat(token.popoverBorderColor),
24
24
  wordWrap: 'break-word',
25
- '& $arrow': {
25
+ '& > $arrow': {
26
26
  'z-index': 1,
27
27
  position: 'absolute',
28
28
  content: '" "',
@@ -43,7 +43,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
43
43
  '&$hideArrow': _defineProperty({}, cssvar, '4px'),
44
44
  '&[data-soui-position^="bottom"]': {
45
45
  marginTop: "calc(".concat(hideArrowGap, " - 2px)"),
46
- '& $arrow': {
46
+ '& > $arrow': {
47
47
  top: '0',
48
48
  transform: 'translate(0, -50%) rotate(-45deg)',
49
49
  left: '0',
@@ -63,7 +63,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
63
63
  '&[data-soui-position^="top"]': {
64
64
  // marginTop: (arrowGap - 2) * -1,
65
65
  marginTop: "calc((".concat(hideArrowGap, " - 2px) * -1)"),
66
- '& $arrow': {
66
+ '& > $arrow': {
67
67
  bottom: '0',
68
68
  transform: 'translate(0, 50%) rotate(135deg)',
69
69
  left: '0',
@@ -89,7 +89,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
89
89
  '&[dir=rtl]': {
90
90
  marginLeft: "calc((".concat(hideArrowGap, " - 2px))")
91
91
  },
92
- '& $arrow': {
92
+ '& > $arrow': {
93
93
  right: token.popoverBorderWidth,
94
94
  transform: 'translate(50%, 0) rotate(45deg)',
95
95
  top: '0',
@@ -113,7 +113,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
113
113
  '&[dir=rtl]': {
114
114
  marginRight: "calc(".concat(hideArrowGap, " - 2px)")
115
115
  },
116
- '& $arrow': {
116
+ '& > $arrow': {
117
117
  left: '0',
118
118
  transform: 'translate(-50%, 0) rotate(-135deg)',
119
119
  top: '0',
@@ -132,19 +132,19 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
132
132
  position: 'absolute'
133
133
  }
134
134
  },
135
- '&&[data-soui-position$="-left"] $arrow': {
135
+ '&&[data-soui-position$="-left"] > $arrow': {
136
136
  left: arrowMargin,
137
137
  right: 'auto'
138
138
  },
139
- '&&[data-soui-position$="-right"] $arrow': {
139
+ '&&[data-soui-position$="-right"] > $arrow': {
140
140
  right: arrowMargin,
141
141
  left: 'auto'
142
142
  },
143
- '&&[data-soui-position$="-top"] $arrow': {
143
+ '&&[data-soui-position$="-top"] > $arrow': {
144
144
  top: arrowMargin,
145
145
  bottom: 'auto'
146
146
  },
147
- '&&[data-soui-position$="-bottom"] $arrow': {
147
+ '&&[data-soui-position$="-bottom"] > $arrow': {
148
148
  bottom: arrowMargin,
149
149
  top: 'auto'
150
150
  },
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.8.0-beta.16";
1
+ declare const _default: "3.8.0-beta.17";
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.16';
1
+ export default '3.8.0-beta.17';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.8.0-beta.16",
3
+ "version": "3.8.0-beta.17",
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.16",
21
- "@sheinx/base": "3.8.0-beta.16"
20
+ "@sheinx/theme": "3.8.0-beta.17",
21
+ "@sheinx/base": "3.8.0-beta.17"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"