@zendeskgarden/react-tooltips 9.0.0-next.18 → 9.0.0-next.19

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 (5) hide show
  1. package/dist/esm/styled/StyledParagraph.js +1 -1
  2. package/dist/esm/styled/StyledTitle.js +1 -1
  3. package/dist/esm/styled/StyledTooltip.js +7 -21
  4. package/dist/index.cjs.js +9 -23
  5. package/package.json +3 -3
package/dist/esm/styled/StyledParagraph.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
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.18'
13
+ 'data-garden-version': '9.0.0-next.19'
14
14
  }).withConfig({
15
15
  displayName: "StyledParagraph",
16
16
  componentId: "sc-wuqkfc-0"
package/dist/esm/styled/StyledTitle.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
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.18'
13
+ 'data-garden-version': '9.0.0-next.19'
14
14
  }).withConfig({
15
15
  displayName: "StyledTitle",
16
16
  componentId: "sc-vnjcvz-0"
package/dist/esm/styled/StyledTooltip.js CHANGED
@@ -59,9 +59,9 @@ const sizeStyles = _ref => {
59
59
  if (hasArrow) {
60
60
  if (size === 'small' || size === 'medium') {
61
61
  arrowSize = margin;
62
- arrowInset = type === 'dark' ? '1px' : '0';
62
+ arrowInset = type === 'dark' ? '0px' : '1px';
63
63
  } else {
64
- arrowInset = type === 'dark' ? '2px' : '1px';
64
+ arrowInset = type === 'dark' ? '0px' : '1px';
65
65
  if (size === 'large') {
66
66
  margin = `${theme.space.base * 2}px`;
67
67
  arrowSize = margin;
@@ -92,15 +92,8 @@ const colorStyles = _ref2 => {
92
92
  variable: 'border.default'
93
93
  });
94
94
  boxShadow = theme.shadows.lg(`${theme.space.base * (theme.colors.base === 'dark' ? 4 : 5)}px`, `${theme.space.base * (theme.colors.base === 'dark' ? 6 : 7)}px`, getColor({
95
- theme,
96
- hue: 'neutralHue',
97
- shade: 1200,
98
- light: {
99
- transparency: theme.opacity[200]
100
- },
101
- dark: {
102
- transparency: theme.opacity[800]
103
- }
95
+ variable: 'shadow.medium',
96
+ theme
104
97
  }));
105
98
  backgroundColor = getColor({
106
99
  theme,
@@ -117,15 +110,8 @@ const colorStyles = _ref2 => {
117
110
  } else {
118
111
  borderColor = 'transparent';
119
112
  boxShadow = theme.shadows.lg(`${theme.space.base}px`, `${theme.space.base * 2}px`, getColor({
120
- theme,
121
- hue: 'neutralHue',
122
- shade: 1200,
123
- light: {
124
- transparency: theme.opacity[200]
125
- },
126
- dark: {
127
- transparency: theme.opacity[1100]
128
- }
113
+ variable: 'shadow.small',
114
+ theme
129
115
  }));
130
116
  backgroundColor = getColor({
131
117
  theme,
@@ -146,7 +132,7 @@ const colorStyles = _ref2 => {
146
132
  };
147
133
  const StyledTooltip = styled.div.attrs({
148
134
  'data-garden-id': COMPONENT_ID,
149
- 'data-garden-version': '9.0.0-next.18'
135
+ 'data-garden-version': '9.0.0-next.19'
150
136
  }).withConfig({
151
137
  displayName: "StyledTooltip",
152
138
  componentId: "sc-gzzjq4-0"
package/dist/index.cjs.js CHANGED
@@ -25,7 +25,7 @@ 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.18'
28
+ 'data-garden-version': '9.0.0-next.19'
29
29
  }).withConfig({
30
30
  displayName: "StyledParagraph",
31
31
  componentId: "sc-wuqkfc-0"
@@ -37,7 +37,7 @@ StyledParagraph.defaultProps = {
37
37
  const COMPONENT_ID$1 = 'tooltip.title';
38
38
  const StyledTitle = styled__default.default.strong.attrs({
39
39
  'data-garden-id': COMPONENT_ID$1,
40
- 'data-garden-version': '9.0.0-next.18'
40
+ 'data-garden-version': '9.0.0-next.19'
41
41
  }).withConfig({
42
42
  displayName: "StyledTitle",
43
43
  componentId: "sc-vnjcvz-0"
@@ -96,9 +96,9 @@ const sizeStyles = _ref => {
96
96
  if (hasArrow) {
97
97
  if (size === 'small' || size === 'medium') {
98
98
  arrowSize = margin;
99
- arrowInset = type === 'dark' ? '1px' : '0';
99
+ arrowInset = type === 'dark' ? '0px' : '1px';
100
100
  } else {
101
- arrowInset = type === 'dark' ? '2px' : '1px';
101
+ arrowInset = type === 'dark' ? '0px' : '1px';
102
102
  if (size === 'large') {
103
103
  margin = `${theme.space.base * 2}px`;
104
104
  arrowSize = margin;
@@ -129,15 +129,8 @@ const colorStyles = _ref2 => {
129
129
  variable: 'border.default'
130
130
  });
131
131
  boxShadow = theme.shadows.lg(`${theme.space.base * (theme.colors.base === 'dark' ? 4 : 5)}px`, `${theme.space.base * (theme.colors.base === 'dark' ? 6 : 7)}px`, reactTheming.getColor({
132
- theme,
133
- hue: 'neutralHue',
134
- shade: 1200,
135
- light: {
136
- transparency: theme.opacity[200]
137
- },
138
- dark: {
139
- transparency: theme.opacity[800]
140
- }
132
+ variable: 'shadow.medium',
133
+ theme
141
134
  }));
142
135
  backgroundColor = reactTheming.getColor({
143
136
  theme,
@@ -154,15 +147,8 @@ const colorStyles = _ref2 => {
154
147
  } else {
155
148
  borderColor = 'transparent';
156
149
  boxShadow = theme.shadows.lg(`${theme.space.base}px`, `${theme.space.base * 2}px`, reactTheming.getColor({
157
- theme,
158
- hue: 'neutralHue',
159
- shade: 1200,
160
- light: {
161
- transparency: theme.opacity[200]
162
- },
163
- dark: {
164
- transparency: theme.opacity[1100]
165
- }
150
+ variable: 'shadow.small',
151
+ theme
166
152
  }));
167
153
  backgroundColor = reactTheming.getColor({
168
154
  theme,
@@ -183,7 +169,7 @@ const colorStyles = _ref2 => {
183
169
  };
184
170
  const StyledTooltip = styled__default.default.div.attrs({
185
171
  'data-garden-id': COMPONENT_ID,
186
- 'data-garden-version': '9.0.0-next.18'
172
+ 'data-garden-version': '9.0.0-next.19'
187
173
  }).withConfig({
188
174
  displayName: "StyledTooltip",
189
175
  componentId: "sc-gzzjq4-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-tooltips",
3
- "version": "9.0.0-next.18",
3
+ "version": "9.0.0-next.19",
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.18"
38
+ "@zendeskgarden/react-theming": "^9.0.0-next.19"
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": "31680e30a7c9b1f2bd1f8f711f540dfaaf4ee4ec"
50
+ "gitHead": "3f18fec721a25bebc274de6af38cd88ab4e63a79"
51
51
  }