@zendeskgarden/react-tabs 8.74.2 → 8.75.0

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 +7 -7
  2. package/dist/index.esm.js +8 -8
  3. package/package.json +3 -3
package/dist/index.cjs.js CHANGED
@@ -44,7 +44,7 @@ const colorStyles = _ref => {
44
44
  theme,
45
45
  isSelected
46
46
  } = _ref;
47
- const selectedColor = reactTheming.getColor('primaryHue', 600, theme);
47
+ const selectedColor = reactTheming.getColorV8('primaryHue', 600, theme);
48
48
  return styled.css(["border-color:", ";color:", ";&:hover{color:", ";}", " &:active{border-color:currentcolor;color:", ";}&[aria-disabled='true']{border-color:transparent;color:", ";}"], isSelected && 'currentcolor !important', isSelected ? selectedColor : 'inherit', selectedColor, reactTheming.focusStyles({
49
49
  theme,
50
50
  inset: true,
@@ -54,7 +54,7 @@ const colorStyles = _ref => {
54
54
  styles: {
55
55
  color: selectedColor
56
56
  }
57
- }), selectedColor, props => reactTheming.getColor('neutralHue', 400, props.theme));
57
+ }), selectedColor, props => reactTheming.getColorV8('neutralHue', 400, props.theme));
58
58
  };
59
59
  const sizeStyles = _ref2 => {
60
60
  let {
@@ -67,7 +67,7 @@ const sizeStyles = _ref2 => {
67
67
  };
68
68
  const StyledTab = styled__default.default.div.attrs({
69
69
  'data-garden-id': COMPONENT_ID$3,
70
- 'data-garden-version': '8.74.2'
70
+ 'data-garden-version': '8.75.0'
71
71
  }).withConfig({
72
72
  displayName: "StyledTab",
73
73
  componentId: "sc-x2pbow-0"
@@ -79,11 +79,11 @@ StyledTab.defaultProps = {
79
79
  const COMPONENT_ID$2 = 'tabs.tablist';
80
80
  const StyledTabList = styled__default.default.div.attrs({
81
81
  'data-garden-id': COMPONENT_ID$2,
82
- 'data-garden-version': '8.74.2'
82
+ 'data-garden-version': '8.75.0'
83
83
  }).withConfig({
84
84
  displayName: "StyledTabList",
85
85
  componentId: "sc-wa5aaj-0"
86
- })(["display:block;margin-top:0;margin-bottom:", "px;border-bottom:", " ", " ", ";padding:0;line-height:", "px;white-space:nowrap;color:", ";font-size:", ";", ";"], props => props.theme.space.base * 5, props => props.theme.borderWidths.sm, props => props.theme.borderStyles.solid, props => reactTheming.getColor('neutralHue', 300, props.theme), props => props.theme.space.base * 5, props => reactTheming.getColor('neutralHue', 600, props.theme), props => props.theme.fontSizes.md, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
86
+ })(["display:block;margin-top:0;margin-bottom:", "px;border-bottom:", " ", " ", ";padding:0;line-height:", "px;white-space:nowrap;color:", ";font-size:", ";", ";"], props => props.theme.space.base * 5, props => props.theme.borderWidths.sm, props => props.theme.borderStyles.solid, props => reactTheming.getColorV8('neutralHue', 300, props.theme), props => props.theme.space.base * 5, props => reactTheming.getColorV8('neutralHue', 600, props.theme), props => props.theme.fontSizes.md, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
87
87
  StyledTabList.defaultProps = {
88
88
  theme: reactTheming.DEFAULT_THEME
89
89
  };
@@ -91,7 +91,7 @@ StyledTabList.defaultProps = {
91
91
  const COMPONENT_ID$1 = 'tabs.tabpanel';
92
92
  const StyledTabPanel = styled__default.default.div.attrs({
93
93
  'data-garden-id': COMPONENT_ID$1,
94
- 'data-garden-version': '8.74.2'
94
+ 'data-garden-version': '8.75.0'
95
95
  }).withConfig({
96
96
  displayName: "StyledTabPanel",
97
97
  componentId: "sc-7lhrmp-0"
@@ -109,7 +109,7 @@ const verticalStyling = _ref => {
109
109
  };
110
110
  const StyledTabs = styled__default.default.div.attrs({
111
111
  'data-garden-id': COMPONENT_ID,
112
- 'data-garden-version': '8.74.2'
112
+ 'data-garden-version': '8.75.0'
113
113
  }).withConfig({
114
114
  displayName: "StyledTabs",
115
115
  componentId: "sc-1qaor65-0"
package/dist/index.esm.js CHANGED
@@ -9,7 +9,7 @@ import React, { createContext, useContext, Children, isValidElement, forwardRef,
9
9
  import PropTypes from 'prop-types';
10
10
  import mergeRefs from 'react-merge-refs';
11
11
  import styled, { css, ThemeContext } from 'styled-components';
12
- import { retrieveComponentStyles, DEFAULT_THEME, getColor, focusStyles } from '@zendeskgarden/react-theming';
12
+ import { retrieveComponentStyles, DEFAULT_THEME, getColorV8, focusStyles } from '@zendeskgarden/react-theming';
13
13
  import { stripUnit } from 'polished';
14
14
  import { useTabs } from '@zendeskgarden/container-tabs';
15
15
  import { getControlledValue } from '@zendeskgarden/container-utilities';
@@ -35,7 +35,7 @@ const colorStyles = _ref => {
35
35
  theme,
36
36
  isSelected
37
37
  } = _ref;
38
- const selectedColor = getColor('primaryHue', 600, theme);
38
+ const selectedColor = getColorV8('primaryHue', 600, theme);
39
39
  return css(["border-color:", ";color:", ";&:hover{color:", ";}", " &:active{border-color:currentcolor;color:", ";}&[aria-disabled='true']{border-color:transparent;color:", ";}"], isSelected && 'currentcolor !important', isSelected ? selectedColor : 'inherit', selectedColor, focusStyles({
40
40
  theme,
41
41
  inset: true,
@@ -45,7 +45,7 @@ const colorStyles = _ref => {
45
45
  styles: {
46
46
  color: selectedColor
47
47
  }
48
- }), selectedColor, props => getColor('neutralHue', 400, props.theme));
48
+ }), selectedColor, props => getColorV8('neutralHue', 400, props.theme));
49
49
  };
50
50
  const sizeStyles = _ref2 => {
51
51
  let {
@@ -58,7 +58,7 @@ const sizeStyles = _ref2 => {
58
58
  };
59
59
  const StyledTab = styled.div.attrs({
60
60
  'data-garden-id': COMPONENT_ID$3,
61
- 'data-garden-version': '8.74.2'
61
+ 'data-garden-version': '8.75.0'
62
62
  }).withConfig({
63
63
  displayName: "StyledTab",
64
64
  componentId: "sc-x2pbow-0"
@@ -70,11 +70,11 @@ StyledTab.defaultProps = {
70
70
  const COMPONENT_ID$2 = 'tabs.tablist';
71
71
  const StyledTabList = styled.div.attrs({
72
72
  'data-garden-id': COMPONENT_ID$2,
73
- 'data-garden-version': '8.74.2'
73
+ 'data-garden-version': '8.75.0'
74
74
  }).withConfig({
75
75
  displayName: "StyledTabList",
76
76
  componentId: "sc-wa5aaj-0"
77
- })(["display:block;margin-top:0;margin-bottom:", "px;border-bottom:", " ", " ", ";padding:0;line-height:", "px;white-space:nowrap;color:", ";font-size:", ";", ";"], props => props.theme.space.base * 5, props => props.theme.borderWidths.sm, props => props.theme.borderStyles.solid, props => getColor('neutralHue', 300, props.theme), props => props.theme.space.base * 5, props => getColor('neutralHue', 600, props.theme), props => props.theme.fontSizes.md, props => retrieveComponentStyles(COMPONENT_ID$2, props));
77
+ })(["display:block;margin-top:0;margin-bottom:", "px;border-bottom:", " ", " ", ";padding:0;line-height:", "px;white-space:nowrap;color:", ";font-size:", ";", ";"], props => props.theme.space.base * 5, props => props.theme.borderWidths.sm, props => props.theme.borderStyles.solid, props => getColorV8('neutralHue', 300, props.theme), props => props.theme.space.base * 5, props => getColorV8('neutralHue', 600, props.theme), props => props.theme.fontSizes.md, props => retrieveComponentStyles(COMPONENT_ID$2, props));
78
78
  StyledTabList.defaultProps = {
79
79
  theme: DEFAULT_THEME
80
80
  };
@@ -82,7 +82,7 @@ StyledTabList.defaultProps = {
82
82
  const COMPONENT_ID$1 = 'tabs.tabpanel';
83
83
  const StyledTabPanel = styled.div.attrs({
84
84
  'data-garden-id': COMPONENT_ID$1,
85
- 'data-garden-version': '8.74.2'
85
+ 'data-garden-version': '8.75.0'
86
86
  }).withConfig({
87
87
  displayName: "StyledTabPanel",
88
88
  componentId: "sc-7lhrmp-0"
@@ -100,7 +100,7 @@ const verticalStyling = _ref => {
100
100
  };
101
101
  const StyledTabs = styled.div.attrs({
102
102
  'data-garden-id': COMPONENT_ID,
103
- 'data-garden-version': '8.74.2'
103
+ 'data-garden-version': '8.75.0'
104
104
  }).withConfig({
105
105
  displayName: "StyledTabs",
106
106
  componentId: "sc-1qaor65-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-tabs",
3
- "version": "8.74.2",
3
+ "version": "8.75.0",
4
4
  "description": "Components and render prop containers relating to the Garden Design System.",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -34,7 +34,7 @@
34
34
  "styled-components": "^4.2.0 || ^5.0.0"
35
35
  },
36
36
  "devDependencies": {
37
- "@zendeskgarden/react-theming": "^8.74.2"
37
+ "@zendeskgarden/react-theming": "^8.75.0"
38
38
  },
39
39
  "keywords": [
40
40
  "components",
@@ -46,5 +46,5 @@
46
46
  "access": "public"
47
47
  },
48
48
  "zendeskgarden:src": "src/index.ts",
49
- "gitHead": "be0e20f0b016a227ed1ab6b5b13cb04971969d3b"
49
+ "gitHead": "56a54793a611efc223b8e36262d428365613c853"
50
50
  }