@zendeskgarden/react-buttons 8.73.4 → 9.0.0-next.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 +8 -9
- package/dist/index.esm.js +7 -7
- package/package.json +5 -5
package/dist/index.cjs.js
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
var React = require('react');
|
|
11
11
|
var PropTypes = require('prop-types');
|
|
12
|
-
var
|
|
12
|
+
var reactMergeRefs = require('react-merge-refs');
|
|
13
13
|
var styled = require('styled-components');
|
|
14
14
|
var reactTheming = require('@zendeskgarden/react-theming');
|
|
15
15
|
var polished = require('polished');
|
|
@@ -38,7 +38,6 @@ function _interopNamespace(e) {
|
|
|
38
38
|
|
|
39
39
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
40
40
|
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
41
|
-
var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
|
|
42
41
|
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
43
42
|
|
|
44
43
|
function _extends$2() {
|
|
@@ -61,7 +60,7 @@ const SIZE = ['small', 'medium', 'large'];
|
|
|
61
60
|
const COMPONENT_ID$5 = 'buttons.button_group_view';
|
|
62
61
|
const StyledButtonGroup = styled__default.default.div.attrs({
|
|
63
62
|
'data-garden-id': COMPONENT_ID$5,
|
|
64
|
-
'data-garden-version': '
|
|
63
|
+
'data-garden-version': '9.0.0-next.0'
|
|
65
64
|
}).withConfig({
|
|
66
65
|
displayName: "StyledButtonGroup",
|
|
67
66
|
componentId: "sc-1fbpzef-0"
|
|
@@ -90,7 +89,7 @@ const StyledIcon = styled__default.default(_ref => {
|
|
|
90
89
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
91
90
|
}).attrs({
|
|
92
91
|
'data-garden-id': COMPONENT_ID$4,
|
|
93
|
-
'data-garden-version': '
|
|
92
|
+
'data-garden-version': '9.0.0-next.0'
|
|
94
93
|
}).withConfig({
|
|
95
94
|
displayName: "StyledIcon",
|
|
96
95
|
componentId: "sc-19meqgg-0"
|
|
@@ -228,7 +227,7 @@ const sizeStyles = props => {
|
|
|
228
227
|
};
|
|
229
228
|
const StyledButton = styled__default.default.button.attrs(props => ({
|
|
230
229
|
'data-garden-id': COMPONENT_ID$3,
|
|
231
|
-
'data-garden-version': '
|
|
230
|
+
'data-garden-version': '9.0.0-next.0',
|
|
232
231
|
type: props.type || 'button'
|
|
233
232
|
})).withConfig({
|
|
234
233
|
displayName: "StyledButton",
|
|
@@ -241,7 +240,7 @@ StyledButton.defaultProps = {
|
|
|
241
240
|
const COMPONENT_ID$2 = 'buttons.anchor';
|
|
242
241
|
const StyledAnchor = styled__default.default(StyledButton).attrs(props => ({
|
|
243
242
|
'data-garden-id': COMPONENT_ID$2,
|
|
244
|
-
'data-garden-version': '
|
|
243
|
+
'data-garden-version': '9.0.0-next.0',
|
|
245
244
|
as: 'a',
|
|
246
245
|
dir: props.theme.rtl ? 'rtl' : undefined,
|
|
247
246
|
isLink: true,
|
|
@@ -275,7 +274,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
|
|
|
275
274
|
const COMPONENT_ID$1 = 'buttons.external_icon';
|
|
276
275
|
const StyledExternalIcon = styled__default.default(SvgNewWindowStroke).attrs({
|
|
277
276
|
'data-garden-id': COMPONENT_ID$1,
|
|
278
|
-
'data-garden-version': '
|
|
277
|
+
'data-garden-version': '9.0.0-next.0'
|
|
279
278
|
}).withConfig({
|
|
280
279
|
displayName: "StyledExternalIcon",
|
|
281
280
|
componentId: "sc-16oz07e-0"
|
|
@@ -302,7 +301,7 @@ const iconStyles = props => {
|
|
|
302
301
|
};
|
|
303
302
|
const StyledIconButton = styled__default.default(StyledButton).attrs({
|
|
304
303
|
'data-garden-id': COMPONENT_ID,
|
|
305
|
-
'data-garden-version': '
|
|
304
|
+
'data-garden-version': '9.0.0-next.0'
|
|
306
305
|
}).withConfig({
|
|
307
306
|
displayName: "StyledIconButton",
|
|
308
307
|
componentId: "sc-1t0ughp-0"
|
|
@@ -349,7 +348,7 @@ const ButtonComponent = React.forwardRef((props, ref) => {
|
|
|
349
348
|
isSelected: props.value === buttonGroupContext.selectedItem,
|
|
350
349
|
...computedProps
|
|
351
350
|
});
|
|
352
|
-
computedRef =
|
|
351
|
+
computedRef = reactMergeRefs.mergeRefs([
|
|
353
352
|
computedProps.ref, ref]);
|
|
354
353
|
}
|
|
355
354
|
return React__namespace.default.createElement(StyledButton, _extends$2({}, computedProps, {
|
package/dist/index.esm.js
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
import * as React from 'react';
|
|
9
9
|
import React__default, { Children, createContext, useContext, forwardRef, useState, useMemo, isValidElement, useCallback } from 'react';
|
|
10
10
|
import PropTypes from 'prop-types';
|
|
11
|
-
import mergeRefs from 'react-merge-refs';
|
|
11
|
+
import { mergeRefs } from 'react-merge-refs';
|
|
12
12
|
import styled, { css, ThemeContext } from 'styled-components';
|
|
13
13
|
import { retrieveComponentStyles, DEFAULT_THEME, SELECTOR_FOCUS_VISIBLE, getColor, focusStyles, getFocusBoxShadow, useText } from '@zendeskgarden/react-theming';
|
|
14
14
|
import { rgba, math, em } from 'polished';
|
|
@@ -35,7 +35,7 @@ const SIZE = ['small', 'medium', 'large'];
|
|
|
35
35
|
const COMPONENT_ID$5 = 'buttons.button_group_view';
|
|
36
36
|
const StyledButtonGroup = styled.div.attrs({
|
|
37
37
|
'data-garden-id': COMPONENT_ID$5,
|
|
38
|
-
'data-garden-version': '
|
|
38
|
+
'data-garden-version': '9.0.0-next.0'
|
|
39
39
|
}).withConfig({
|
|
40
40
|
displayName: "StyledButtonGroup",
|
|
41
41
|
componentId: "sc-1fbpzef-0"
|
|
@@ -64,7 +64,7 @@ const StyledIcon = styled(_ref => {
|
|
|
64
64
|
return React__default.cloneElement(Children.only(children), props);
|
|
65
65
|
}).attrs({
|
|
66
66
|
'data-garden-id': COMPONENT_ID$4,
|
|
67
|
-
'data-garden-version': '
|
|
67
|
+
'data-garden-version': '9.0.0-next.0'
|
|
68
68
|
}).withConfig({
|
|
69
69
|
displayName: "StyledIcon",
|
|
70
70
|
componentId: "sc-19meqgg-0"
|
|
@@ -202,7 +202,7 @@ const sizeStyles = props => {
|
|
|
202
202
|
};
|
|
203
203
|
const StyledButton = styled.button.attrs(props => ({
|
|
204
204
|
'data-garden-id': COMPONENT_ID$3,
|
|
205
|
-
'data-garden-version': '
|
|
205
|
+
'data-garden-version': '9.0.0-next.0',
|
|
206
206
|
type: props.type || 'button'
|
|
207
207
|
})).withConfig({
|
|
208
208
|
displayName: "StyledButton",
|
|
@@ -215,7 +215,7 @@ StyledButton.defaultProps = {
|
|
|
215
215
|
const COMPONENT_ID$2 = 'buttons.anchor';
|
|
216
216
|
const StyledAnchor = styled(StyledButton).attrs(props => ({
|
|
217
217
|
'data-garden-id': COMPONENT_ID$2,
|
|
218
|
-
'data-garden-version': '
|
|
218
|
+
'data-garden-version': '9.0.0-next.0',
|
|
219
219
|
as: 'a',
|
|
220
220
|
dir: props.theme.rtl ? 'rtl' : undefined,
|
|
221
221
|
isLink: true,
|
|
@@ -249,7 +249,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
|
|
|
249
249
|
const COMPONENT_ID$1 = 'buttons.external_icon';
|
|
250
250
|
const StyledExternalIcon = styled(SvgNewWindowStroke).attrs({
|
|
251
251
|
'data-garden-id': COMPONENT_ID$1,
|
|
252
|
-
'data-garden-version': '
|
|
252
|
+
'data-garden-version': '9.0.0-next.0'
|
|
253
253
|
}).withConfig({
|
|
254
254
|
displayName: "StyledExternalIcon",
|
|
255
255
|
componentId: "sc-16oz07e-0"
|
|
@@ -276,7 +276,7 @@ const iconStyles = props => {
|
|
|
276
276
|
};
|
|
277
277
|
const StyledIconButton = styled(StyledButton).attrs({
|
|
278
278
|
'data-garden-id': COMPONENT_ID,
|
|
279
|
-
'data-garden-version': '
|
|
279
|
+
'data-garden-version': '9.0.0-next.0'
|
|
280
280
|
}).withConfig({
|
|
281
281
|
displayName: "StyledIconButton",
|
|
282
282
|
componentId: "sc-1t0ughp-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-buttons",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "9.0.0-next.0",
|
|
4
4
|
"description": "Components relating to buttons in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -22,10 +22,10 @@
|
|
|
22
22
|
"types": "dist/typings/index.d.ts",
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@zendeskgarden/container-selection": "^3.0.0",
|
|
25
|
-
"@zendeskgarden/container-utilities": "^
|
|
25
|
+
"@zendeskgarden/container-utilities": "^2.0.0",
|
|
26
26
|
"polished": "^4.0.0",
|
|
27
27
|
"prop-types": "^15.5.7",
|
|
28
|
-
"react-merge-refs": "^
|
|
28
|
+
"react-merge-refs": "^2.0.0"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"@zendeskgarden/react-theming": "^8.67.0",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@zendeskgarden/react-theming": "^
|
|
37
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.0",
|
|
38
38
|
"@zendeskgarden/svg-icons": "7.0.0"
|
|
39
39
|
},
|
|
40
40
|
"keywords": [
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"access": "public"
|
|
48
48
|
},
|
|
49
49
|
"zendeskgarden:src": "src/index.ts",
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "7145e970afa57b024ab7d505f2220a656e430c04"
|
|
51
51
|
}
|