@zendeskgarden/react-buttons 8.74.1 → 8.74.2
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 +9 -8
- package/dist/index.esm.js +7 -7
- package/package.json +4 -4
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 mergeRefs = 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,6 +38,7 @@ 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);
|
|
41
42
|
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
42
43
|
|
|
43
44
|
function _extends$2() {
|
|
@@ -60,7 +61,7 @@ const SIZE = ['small', 'medium', 'large'];
|
|
|
60
61
|
const COMPONENT_ID$5 = 'buttons.button_group_view';
|
|
61
62
|
const StyledButtonGroup = styled__default.default.div.attrs({
|
|
62
63
|
'data-garden-id': COMPONENT_ID$5,
|
|
63
|
-
'data-garden-version': '8.74.
|
|
64
|
+
'data-garden-version': '8.74.2'
|
|
64
65
|
}).withConfig({
|
|
65
66
|
displayName: "StyledButtonGroup",
|
|
66
67
|
componentId: "sc-1fbpzef-0"
|
|
@@ -89,7 +90,7 @@ const StyledIcon = styled__default.default(_ref => {
|
|
|
89
90
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
90
91
|
}).attrs({
|
|
91
92
|
'data-garden-id': COMPONENT_ID$4,
|
|
92
|
-
'data-garden-version': '8.74.
|
|
93
|
+
'data-garden-version': '8.74.2'
|
|
93
94
|
}).withConfig({
|
|
94
95
|
displayName: "StyledIcon",
|
|
95
96
|
componentId: "sc-19meqgg-0"
|
|
@@ -227,7 +228,7 @@ const sizeStyles = props => {
|
|
|
227
228
|
};
|
|
228
229
|
const StyledButton = styled__default.default.button.attrs(props => ({
|
|
229
230
|
'data-garden-id': COMPONENT_ID$3,
|
|
230
|
-
'data-garden-version': '8.74.
|
|
231
|
+
'data-garden-version': '8.74.2',
|
|
231
232
|
type: props.type || 'button'
|
|
232
233
|
})).withConfig({
|
|
233
234
|
displayName: "StyledButton",
|
|
@@ -240,7 +241,7 @@ StyledButton.defaultProps = {
|
|
|
240
241
|
const COMPONENT_ID$2 = 'buttons.anchor';
|
|
241
242
|
const StyledAnchor = styled__default.default(StyledButton).attrs(props => ({
|
|
242
243
|
'data-garden-id': COMPONENT_ID$2,
|
|
243
|
-
'data-garden-version': '8.74.
|
|
244
|
+
'data-garden-version': '8.74.2',
|
|
244
245
|
as: 'a',
|
|
245
246
|
dir: props.theme.rtl ? 'rtl' : undefined,
|
|
246
247
|
isLink: true,
|
|
@@ -274,7 +275,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
|
|
|
274
275
|
const COMPONENT_ID$1 = 'buttons.external_icon';
|
|
275
276
|
const StyledExternalIcon = styled__default.default(SvgNewWindowStroke).attrs({
|
|
276
277
|
'data-garden-id': COMPONENT_ID$1,
|
|
277
|
-
'data-garden-version': '8.74.
|
|
278
|
+
'data-garden-version': '8.74.2'
|
|
278
279
|
}).withConfig({
|
|
279
280
|
displayName: "StyledExternalIcon",
|
|
280
281
|
componentId: "sc-16oz07e-0"
|
|
@@ -301,7 +302,7 @@ const iconStyles = props => {
|
|
|
301
302
|
};
|
|
302
303
|
const StyledIconButton = styled__default.default(StyledButton).attrs({
|
|
303
304
|
'data-garden-id': COMPONENT_ID,
|
|
304
|
-
'data-garden-version': '8.74.
|
|
305
|
+
'data-garden-version': '8.74.2'
|
|
305
306
|
}).withConfig({
|
|
306
307
|
displayName: "StyledIconButton",
|
|
307
308
|
componentId: "sc-1t0ughp-0"
|
|
@@ -348,7 +349,7 @@ const ButtonComponent = React.forwardRef((props, ref) => {
|
|
|
348
349
|
isSelected: props.value === buttonGroupContext.selectedItem,
|
|
349
350
|
...computedProps
|
|
350
351
|
});
|
|
351
|
-
computedRef =
|
|
352
|
+
computedRef = mergeRefs__default.default([
|
|
352
353
|
computedProps.ref, ref]);
|
|
353
354
|
}
|
|
354
355
|
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
|
|
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': '8.74.
|
|
38
|
+
'data-garden-version': '8.74.2'
|
|
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': '8.74.
|
|
67
|
+
'data-garden-version': '8.74.2'
|
|
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': '8.74.
|
|
205
|
+
'data-garden-version': '8.74.2',
|
|
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': '8.74.
|
|
218
|
+
'data-garden-version': '8.74.2',
|
|
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': '8.74.
|
|
252
|
+
'data-garden-version': '8.74.2'
|
|
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': '8.74.
|
|
279
|
+
'data-garden-version': '8.74.2'
|
|
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": "8.74.
|
|
3
|
+
"version": "8.74.2",
|
|
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>",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
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": "^1.1.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": "^8.74.
|
|
37
|
+
"@zendeskgarden/react-theming": "^8.74.2",
|
|
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": "be0e20f0b016a227ed1ab6b5b13cb04971969d3b"
|
|
51
51
|
}
|