@zendeskgarden/react-tabs 8.49.2 → 8.50.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.
- package/dist/index.cjs.js +4 -4
- package/dist/index.esm.js +4 -4
- package/dist/typings/elements/Tab.d.ts +2 -7
- package/dist/typings/elements/TabPanel.d.ts +2 -7
- package/dist/typings/elements/Tabs.d.ts +2 -17
- package/dist/typings/index.d.ts +1 -3
- package/dist/typings/types/index.d.ts +35 -0
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -198,7 +198,7 @@ var sizeStyles = function sizeStyles(_ref2) {
|
|
|
198
198
|
var StyledTab = styled__default["default"].div.attrs(function (props) {
|
|
199
199
|
return {
|
|
200
200
|
'data-garden-id': COMPONENT_ID$3,
|
|
201
|
-
'data-garden-version': '8.
|
|
201
|
+
'data-garden-version': '8.50.0',
|
|
202
202
|
'aria-disabled': props.disabled
|
|
203
203
|
};
|
|
204
204
|
}).withConfig({
|
|
@@ -228,7 +228,7 @@ StyledTab.defaultProps = {
|
|
|
228
228
|
var COMPONENT_ID$2 = 'tabs.tablist';
|
|
229
229
|
var StyledTabList = styled__default["default"].div.attrs({
|
|
230
230
|
'data-garden-id': COMPONENT_ID$2,
|
|
231
|
-
'data-garden-version': '8.
|
|
231
|
+
'data-garden-version': '8.50.0'
|
|
232
232
|
}).withConfig({
|
|
233
233
|
displayName: "StyledTabList",
|
|
234
234
|
componentId: "sc-wa5aaj-0"
|
|
@@ -256,7 +256,7 @@ StyledTabList.defaultProps = {
|
|
|
256
256
|
var COMPONENT_ID$1 = 'tabs.tabpanel';
|
|
257
257
|
var StyledTabPanel = styled__default["default"].div.attrs({
|
|
258
258
|
'data-garden-id': COMPONENT_ID$1,
|
|
259
|
-
'data-garden-version': '8.
|
|
259
|
+
'data-garden-version': '8.50.0'
|
|
260
260
|
}).withConfig({
|
|
261
261
|
displayName: "StyledTabPanel",
|
|
262
262
|
componentId: "sc-7lhrmp-0"
|
|
@@ -274,7 +274,7 @@ var verticalStyling = function verticalStyling(_ref) {
|
|
|
274
274
|
};
|
|
275
275
|
var StyledTabs = styled__default["default"].div.attrs({
|
|
276
276
|
'data-garden-id': COMPONENT_ID,
|
|
277
|
-
'data-garden-version': '8.
|
|
277
|
+
'data-garden-version': '8.50.0'
|
|
278
278
|
}).withConfig({
|
|
279
279
|
displayName: "StyledTabs",
|
|
280
280
|
componentId: "sc-1qaor65-0"
|
package/dist/index.esm.js
CHANGED
|
@@ -187,7 +187,7 @@ var sizeStyles = function sizeStyles(_ref2) {
|
|
|
187
187
|
var StyledTab = styled.div.attrs(function (props) {
|
|
188
188
|
return {
|
|
189
189
|
'data-garden-id': COMPONENT_ID$3,
|
|
190
|
-
'data-garden-version': '8.
|
|
190
|
+
'data-garden-version': '8.50.0',
|
|
191
191
|
'aria-disabled': props.disabled
|
|
192
192
|
};
|
|
193
193
|
}).withConfig({
|
|
@@ -217,7 +217,7 @@ StyledTab.defaultProps = {
|
|
|
217
217
|
var COMPONENT_ID$2 = 'tabs.tablist';
|
|
218
218
|
var StyledTabList = styled.div.attrs({
|
|
219
219
|
'data-garden-id': COMPONENT_ID$2,
|
|
220
|
-
'data-garden-version': '8.
|
|
220
|
+
'data-garden-version': '8.50.0'
|
|
221
221
|
}).withConfig({
|
|
222
222
|
displayName: "StyledTabList",
|
|
223
223
|
componentId: "sc-wa5aaj-0"
|
|
@@ -245,7 +245,7 @@ StyledTabList.defaultProps = {
|
|
|
245
245
|
var COMPONENT_ID$1 = 'tabs.tabpanel';
|
|
246
246
|
var StyledTabPanel = styled.div.attrs({
|
|
247
247
|
'data-garden-id': COMPONENT_ID$1,
|
|
248
|
-
'data-garden-version': '8.
|
|
248
|
+
'data-garden-version': '8.50.0'
|
|
249
249
|
}).withConfig({
|
|
250
250
|
displayName: "StyledTabPanel",
|
|
251
251
|
componentId: "sc-7lhrmp-0"
|
|
@@ -263,7 +263,7 @@ var verticalStyling = function verticalStyling(_ref) {
|
|
|
263
263
|
};
|
|
264
264
|
var StyledTabs = styled.div.attrs({
|
|
265
265
|
'data-garden-id': COMPONENT_ID,
|
|
266
|
-
'data-garden-version': '8.
|
|
266
|
+
'data-garden-version': '8.50.0'
|
|
267
267
|
}).withConfig({
|
|
268
268
|
displayName: "StyledTabs",
|
|
269
269
|
componentId: "sc-1qaor65-0"
|
|
@@ -4,13 +4,8 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
import React
|
|
8
|
-
|
|
9
|
-
/** Indicates that the element is not interactive */
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
/** Defines a unique value to identify the tab. Provided to the `onChange` event in the [Tabs](#tabs) component. */
|
|
12
|
-
item?: any;
|
|
13
|
-
}
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { ITabProps } from '../types';
|
|
14
9
|
/**
|
|
15
10
|
* @extends HTMLAttributes<HTMLDivElement>
|
|
16
11
|
*/
|
|
@@ -4,13 +4,8 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
import React
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Defines a value used to match a tab panel with its associated tab
|
|
11
|
-
*/
|
|
12
|
-
item?: any;
|
|
13
|
-
}
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { ITabPanelProps } from '../types';
|
|
14
9
|
/**
|
|
15
10
|
* @extends HTMLAttributes<HTMLDivElement>
|
|
16
11
|
*/
|
|
@@ -4,23 +4,8 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
import React
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Arranges the tabs vertically
|
|
11
|
-
*/
|
|
12
|
-
isVertical?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Specifies the currently selected tab
|
|
15
|
-
*/
|
|
16
|
-
selectedItem?: any;
|
|
17
|
-
/**
|
|
18
|
-
* Handles tab selection
|
|
19
|
-
*
|
|
20
|
-
* @param {String} updatedSelectedItem The selected tab's `item` value
|
|
21
|
-
*/
|
|
22
|
-
onChange?: (updatedSelectedItem: any) => void;
|
|
23
|
-
}
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { ITabsProps } from '../types';
|
|
24
9
|
/**
|
|
25
10
|
* @extends HTMLAttributes<HTMLDivElement>
|
|
26
11
|
*/
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -5,9 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
export { Tab } from './elements/Tab';
|
|
8
|
-
export type { ITabProps } from './elements/Tab';
|
|
9
8
|
export { TabList } from './elements/TabList';
|
|
10
9
|
export { TabPanel } from './elements/TabPanel';
|
|
11
|
-
export type { ITabPanelProps } from './elements/TabPanel';
|
|
12
10
|
export { Tabs } from './elements/Tabs';
|
|
13
|
-
export type { ITabsProps } from './
|
|
11
|
+
export type { ITabProps, ITabPanelProps, ITabsProps } from './types';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import { HTMLAttributes } from 'react';
|
|
8
|
+
export interface ITabProps extends HTMLAttributes<HTMLDivElement> {
|
|
9
|
+
/** Indicates that the element is not interactive */
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
/** Defines a unique value to identify the tab. Provided to the `onChange` event in the [Tabs](#tabs) component. */
|
|
12
|
+
item?: any;
|
|
13
|
+
}
|
|
14
|
+
export interface ITabPanelProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
|
+
/**
|
|
16
|
+
* Defines a value used to match a tab panel with its associated tab
|
|
17
|
+
*/
|
|
18
|
+
item?: any;
|
|
19
|
+
}
|
|
20
|
+
export interface ITabsProps extends HTMLAttributes<HTMLDivElement> {
|
|
21
|
+
/**
|
|
22
|
+
* Arranges the tabs vertically
|
|
23
|
+
*/
|
|
24
|
+
isVertical?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Specifies the currently selected tab
|
|
27
|
+
*/
|
|
28
|
+
selectedItem?: any;
|
|
29
|
+
/**
|
|
30
|
+
* Handles tab selection
|
|
31
|
+
*
|
|
32
|
+
* @param {String} selectedItem The selected tab's `item` value
|
|
33
|
+
*/
|
|
34
|
+
onChange?: (selectedItem: any) => void;
|
|
35
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-tabs",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.50.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.
|
|
37
|
+
"@zendeskgarden/react-theming": "^8.50.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": "
|
|
49
|
+
"gitHead": "d5b66e1980faf0fd40818c9e74801dfa1c3550a0"
|
|
50
50
|
}
|