@zendeskgarden/react-tooltips 9.0.0-next.5 → 9.0.0-next.7

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 (3) hide show
  1. package/dist/index.cjs.js +6 -6
  2. package/dist/index.esm.js +6 -6
  3. package/package.json +3 -3
package/dist/index.cjs.js CHANGED
@@ -41,7 +41,7 @@ function _extends() {
41
41
  const COMPONENT_ID$2 = 'tooltip.paragraph';
42
42
  const StyledParagraph = styled__default.default.p.attrs({
43
43
  'data-garden-id': COMPONENT_ID$2,
44
- 'data-garden-version': '9.0.0-next.5'
44
+ 'data-garden-version': '9.0.0-next.7'
45
45
  }).withConfig({
46
46
  displayName: "StyledParagraph",
47
47
  componentId: "sc-wuqkfc-0"
@@ -53,7 +53,7 @@ StyledParagraph.defaultProps = {
53
53
  const COMPONENT_ID$1 = 'tooltip.title';
54
54
  const StyledTitle = styled__default.default.strong.attrs({
55
55
  'data-garden-id': COMPONENT_ID$1,
56
- 'data-garden-version': '9.0.0-next.5'
56
+ 'data-garden-version': '9.0.0-next.7'
57
57
  }).withConfig({
58
58
  displayName: "StyledTitle",
59
59
  componentId: "sc-vnjcvz-0"
@@ -137,20 +137,20 @@ const colorStyles = _ref2 => {
137
137
  let border;
138
138
  let boxShadow = theme.shadows.lg(`${theme.space.base}px`, `${theme.space.base * 2}px`, reactTheming.getColorV8('chromeHue', 600, theme, 0.15));
139
139
  let backgroundColor = reactTheming.getColorV8('chromeHue', 700, theme);
140
- let color = theme.colors.background;
140
+ let color = reactTheming.getColorV8('background', 600 , theme);
141
141
  let titleColor;
142
142
  if (type === 'light') {
143
143
  boxShadow = theme.shadows.lg(`${theme.space.base * 3}px`, `${theme.space.base * 5}px`, reactTheming.getColorV8('chromeHue', 600, theme, 0.15));
144
144
  border = `${theme.borders.sm} ${reactTheming.getColorV8('neutralHue', 300, theme)}`;
145
- backgroundColor = theme.colors.background;
145
+ backgroundColor = reactTheming.getColorV8('background', 600 , theme);
146
146
  color = reactTheming.getColorV8('neutralHue', 700, theme);
147
- titleColor = theme.colors.foreground;
147
+ titleColor = reactTheming.getColorV8('foreground', 600 , theme);
148
148
  }
149
149
  return styled.css(["border:", ";box-shadow:", ";background-color:", ";color:", ";", "{color:", ";}"], border, boxShadow, backgroundColor, color, StyledTitle, titleColor);
150
150
  };
151
151
  const StyledTooltip = styled__default.default.div.attrs({
152
152
  'data-garden-id': COMPONENT_ID,
153
- 'data-garden-version': '9.0.0-next.5'
153
+ 'data-garden-version': '9.0.0-next.7'
154
154
  }).withConfig({
155
155
  displayName: "StyledTooltip",
156
156
  componentId: "sc-gzzjq4-0"
package/dist/index.esm.js CHANGED
@@ -33,7 +33,7 @@ function _extends() {
33
33
  const COMPONENT_ID$2 = 'tooltip.paragraph';
34
34
  const StyledParagraph = styled.p.attrs({
35
35
  'data-garden-id': COMPONENT_ID$2,
36
- 'data-garden-version': '9.0.0-next.5'
36
+ 'data-garden-version': '9.0.0-next.7'
37
37
  }).withConfig({
38
38
  displayName: "StyledParagraph",
39
39
  componentId: "sc-wuqkfc-0"
@@ -45,7 +45,7 @@ StyledParagraph.defaultProps = {
45
45
  const COMPONENT_ID$1 = 'tooltip.title';
46
46
  const StyledTitle = styled.strong.attrs({
47
47
  'data-garden-id': COMPONENT_ID$1,
48
- 'data-garden-version': '9.0.0-next.5'
48
+ 'data-garden-version': '9.0.0-next.7'
49
49
  }).withConfig({
50
50
  displayName: "StyledTitle",
51
51
  componentId: "sc-vnjcvz-0"
@@ -129,20 +129,20 @@ const colorStyles = _ref2 => {
129
129
  let border;
130
130
  let boxShadow = theme.shadows.lg(`${theme.space.base}px`, `${theme.space.base * 2}px`, getColorV8('chromeHue', 600, theme, 0.15));
131
131
  let backgroundColor = getColorV8('chromeHue', 700, theme);
132
- let color = theme.colors.background;
132
+ let color = getColorV8('background', 600 , theme);
133
133
  let titleColor;
134
134
  if (type === 'light') {
135
135
  boxShadow = theme.shadows.lg(`${theme.space.base * 3}px`, `${theme.space.base * 5}px`, getColorV8('chromeHue', 600, theme, 0.15));
136
136
  border = `${theme.borders.sm} ${getColorV8('neutralHue', 300, theme)}`;
137
- backgroundColor = theme.colors.background;
137
+ backgroundColor = getColorV8('background', 600 , theme);
138
138
  color = getColorV8('neutralHue', 700, theme);
139
- titleColor = theme.colors.foreground;
139
+ titleColor = getColorV8('foreground', 600 , theme);
140
140
  }
141
141
  return css(["border:", ";box-shadow:", ";background-color:", ";color:", ";", "{color:", ";}"], border, boxShadow, backgroundColor, color, StyledTitle, titleColor);
142
142
  };
143
143
  const StyledTooltip = styled.div.attrs({
144
144
  'data-garden-id': COMPONENT_ID,
145
- 'data-garden-version': '9.0.0-next.5'
145
+ 'data-garden-version': '9.0.0-next.7'
146
146
  }).withConfig({
147
147
  displayName: "StyledTooltip",
148
148
  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.5",
3
+ "version": "9.0.0-next.7",
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.5"
38
+ "@zendeskgarden/react-theming": "^9.0.0-next.7"
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": "806fa33feb06142c3f69b6a87b53628469117e4d"
50
+ "gitHead": "50a2b45b2e237a490a6d460818d33498b92479ec"
51
51
  }