@zendeskgarden/react-tooltips 9.0.0-next.24 → 9.0.0-next.25
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.
|
@@ -5,18 +5,15 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'tooltip.paragraph';
|
|
11
11
|
const StyledParagraph = styled.p.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.25'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledParagraph",
|
|
16
16
|
componentId: "sc-wuqkfc-0"
|
|
17
17
|
})(["margin:0;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
18
|
-
StyledParagraph.defaultProps = {
|
|
19
|
-
theme: DEFAULT_THEME
|
|
20
|
-
};
|
|
21
18
|
|
|
22
19
|
export { StyledParagraph };
|
|
@@ -5,18 +5,15 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'tooltip.title';
|
|
11
11
|
const StyledTitle = styled.strong.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.25'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledTitle",
|
|
16
16
|
componentId: "sc-vnjcvz-0"
|
|
17
17
|
})(["display:none;margin:0;font-weight:", ";", ";"], props => props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
18
|
-
StyledTitle.defaultProps = {
|
|
19
|
-
theme: DEFAULT_THEME
|
|
20
|
-
};
|
|
21
18
|
|
|
22
19
|
export { StyledTitle };
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled, { css } from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles,
|
|
8
|
+
import { retrieveComponentStyles, getLineHeight, arrowStyles, getArrowPosition, getColor } from '@zendeskgarden/react-theming';
|
|
9
9
|
import { StyledParagraph } from './StyledParagraph.js';
|
|
10
10
|
import { StyledTitle } from './StyledTitle.js';
|
|
11
11
|
|
|
@@ -134,13 +134,10 @@ const colorStyles = _ref2 => {
|
|
|
134
134
|
};
|
|
135
135
|
const StyledTooltip = styled.div.attrs({
|
|
136
136
|
'data-garden-id': COMPONENT_ID,
|
|
137
|
-
'data-garden-version': '9.0.0-next.
|
|
137
|
+
'data-garden-version': '9.0.0-next.25'
|
|
138
138
|
}).withConfig({
|
|
139
139
|
displayName: "StyledTooltip",
|
|
140
140
|
componentId: "sc-gzzjq4-0"
|
|
141
141
|
})(["display:inline-block;border:", ";box-sizing:border-box;direction:", ";text-align:", ";font-weight:", ";", ";&[aria-hidden='true']{display:none;}", ";", ";"], props => props.theme.borders.sm, props => props.theme.rtl && 'rtl', props => props.theme.rtl ? 'right' : 'left', props => props.theme.fontWeights.regular, sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
142
|
-
StyledTooltip.defaultProps = {
|
|
143
|
-
theme: DEFAULT_THEME
|
|
144
|
-
};
|
|
145
142
|
|
|
146
143
|
export { StyledTooltip };
|
|
@@ -5,14 +5,10 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { DEFAULT_THEME } from '@zendeskgarden/react-theming';
|
|
9
8
|
|
|
10
9
|
const StyledTooltipWrapper = styled.div.withConfig({
|
|
11
10
|
displayName: "StyledTooltipWrapper",
|
|
12
11
|
componentId: "sc-1b7q9q6-0"
|
|
13
12
|
})(["position:absolute;top:0;left:0;transition:opacity 10ms;opacity:1;z-index:", ";&[aria-hidden='true']{visibility:hidden;opacity:0;}"], props => props.zIndex);
|
|
14
|
-
StyledTooltipWrapper.defaultProps = {
|
|
15
|
-
theme: DEFAULT_THEME
|
|
16
|
-
};
|
|
17
13
|
|
|
18
14
|
export { StyledTooltipWrapper };
|
package/dist/index.cjs.js
CHANGED
|
@@ -25,26 +25,20 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
|
25
25
|
const COMPONENT_ID$2 = 'tooltip.paragraph';
|
|
26
26
|
const StyledParagraph = styled__default.default.p.attrs({
|
|
27
27
|
'data-garden-id': COMPONENT_ID$2,
|
|
28
|
-
'data-garden-version': '9.0.0-next.
|
|
28
|
+
'data-garden-version': '9.0.0-next.25'
|
|
29
29
|
}).withConfig({
|
|
30
30
|
displayName: "StyledParagraph",
|
|
31
31
|
componentId: "sc-wuqkfc-0"
|
|
32
32
|
})(["margin:0;", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
|
|
33
|
-
StyledParagraph.defaultProps = {
|
|
34
|
-
theme: reactTheming.DEFAULT_THEME
|
|
35
|
-
};
|
|
36
33
|
|
|
37
34
|
const COMPONENT_ID$1 = 'tooltip.title';
|
|
38
35
|
const StyledTitle = styled__default.default.strong.attrs({
|
|
39
36
|
'data-garden-id': COMPONENT_ID$1,
|
|
40
|
-
'data-garden-version': '9.0.0-next.
|
|
37
|
+
'data-garden-version': '9.0.0-next.25'
|
|
41
38
|
}).withConfig({
|
|
42
39
|
displayName: "StyledTitle",
|
|
43
40
|
componentId: "sc-vnjcvz-0"
|
|
44
41
|
})(["display:none;margin:0;font-weight:", ";", ";"], props => props.theme.fontWeights.semibold, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
|
|
45
|
-
StyledTitle.defaultProps = {
|
|
46
|
-
theme: reactTheming.DEFAULT_THEME
|
|
47
|
-
};
|
|
48
42
|
|
|
49
43
|
const COMPONENT_ID = 'tooltip.tooltip';
|
|
50
44
|
const sizeStyles = _ref => {
|
|
@@ -171,22 +165,16 @@ const colorStyles = _ref2 => {
|
|
|
171
165
|
};
|
|
172
166
|
const StyledTooltip = styled__default.default.div.attrs({
|
|
173
167
|
'data-garden-id': COMPONENT_ID,
|
|
174
|
-
'data-garden-version': '9.0.0-next.
|
|
168
|
+
'data-garden-version': '9.0.0-next.25'
|
|
175
169
|
}).withConfig({
|
|
176
170
|
displayName: "StyledTooltip",
|
|
177
171
|
componentId: "sc-gzzjq4-0"
|
|
178
172
|
})(["display:inline-block;border:", ";box-sizing:border-box;direction:", ";text-align:", ";font-weight:", ";", ";&[aria-hidden='true']{display:none;}", ";", ";"], props => props.theme.borders.sm, props => props.theme.rtl && 'rtl', props => props.theme.rtl ? 'right' : 'left', props => props.theme.fontWeights.regular, sizeStyles, colorStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
|
|
179
|
-
StyledTooltip.defaultProps = {
|
|
180
|
-
theme: reactTheming.DEFAULT_THEME
|
|
181
|
-
};
|
|
182
173
|
|
|
183
174
|
const StyledTooltipWrapper = styled__default.default.div.withConfig({
|
|
184
175
|
displayName: "StyledTooltipWrapper",
|
|
185
176
|
componentId: "sc-1b7q9q6-0"
|
|
186
177
|
})(["position:absolute;top:0;left:0;transition:opacity 10ms;opacity:1;z-index:", ";&[aria-hidden='true']{visibility:hidden;opacity:0;}"], props => props.zIndex);
|
|
187
|
-
StyledTooltipWrapper.defaultProps = {
|
|
188
|
-
theme: reactTheming.DEFAULT_THEME
|
|
189
|
-
};
|
|
190
178
|
|
|
191
179
|
const Paragraph = React.forwardRef((props, ref) => React__default.default.createElement(StyledParagraph, Object.assign({
|
|
192
180
|
ref: ref
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-tooltips",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.25",
|
|
4
4
|
"description": "Collection of components and render prop containers relating to Tooltips in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"styled-components": "^5.3.1"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
38
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.25"
|
|
39
39
|
},
|
|
40
40
|
"keywords": [
|
|
41
41
|
"components",
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"access": "public"
|
|
48
48
|
},
|
|
49
49
|
"zendeskgarden:src": "src/index.ts",
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "460751d630ab1c46e11810d60e4d7701b9d30b8f"
|
|
51
51
|
}
|