@zendeskgarden/react-buttons 8.55.0 → 8.57.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 +9 -10
- package/dist/index.esm.js +10 -11
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -83,7 +83,7 @@ function _defineProperty(obj, key, value) {
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
function _extends$2() {
|
|
86
|
-
_extends$2 = Object.assign
|
|
86
|
+
_extends$2 = Object.assign ? Object.assign.bind() : function (target) {
|
|
87
87
|
for (var i = 1; i < arguments.length; i++) {
|
|
88
88
|
var source = arguments[i];
|
|
89
89
|
|
|
@@ -96,7 +96,6 @@ function _extends$2() {
|
|
|
96
96
|
|
|
97
97
|
return target;
|
|
98
98
|
};
|
|
99
|
-
|
|
100
99
|
return _extends$2.apply(this, arguments);
|
|
101
100
|
}
|
|
102
101
|
|
|
@@ -141,7 +140,7 @@ var SIZE = ['small', 'medium', 'large'];
|
|
|
141
140
|
var COMPONENT_ID$5 = 'buttons.button_group_view';
|
|
142
141
|
var StyledButtonGroup = styled__default["default"].div.attrs({
|
|
143
142
|
'data-garden-id': COMPONENT_ID$5,
|
|
144
|
-
'data-garden-version': '8.
|
|
143
|
+
'data-garden-version': '8.57.0'
|
|
145
144
|
}).withConfig({
|
|
146
145
|
displayName: "StyledButtonGroup",
|
|
147
146
|
componentId: "sc-1fbpzef-0"
|
|
@@ -173,7 +172,7 @@ var StyledIcon = styled__default["default"](function (_ref) {
|
|
|
173
172
|
return React__default["default"].cloneElement(React.Children.only(children), props);
|
|
174
173
|
}).attrs({
|
|
175
174
|
'data-garden-id': COMPONENT_ID$4,
|
|
176
|
-
'data-garden-version': '8.
|
|
175
|
+
'data-garden-version': '8.57.0'
|
|
177
176
|
}).withConfig({
|
|
178
177
|
displayName: "StyledIcon",
|
|
179
178
|
componentId: "sc-19meqgg-0"
|
|
@@ -277,7 +276,7 @@ var sizeStyles = function sizeStyles(props) {
|
|
|
277
276
|
var StyledButton = styled__default["default"].button.attrs(function (props) {
|
|
278
277
|
return {
|
|
279
278
|
'data-garden-id': COMPONENT_ID$3,
|
|
280
|
-
'data-garden-version': '8.
|
|
279
|
+
'data-garden-version': '8.57.0',
|
|
281
280
|
type: props.type || 'button'
|
|
282
281
|
};
|
|
283
282
|
}).withConfig({
|
|
@@ -330,7 +329,7 @@ var COMPONENT_ID$2 = 'buttons.anchor';
|
|
|
330
329
|
var StyledAnchor = styled__default["default"](StyledButton).attrs(function (props) {
|
|
331
330
|
return {
|
|
332
331
|
'data-garden-id': COMPONENT_ID$2,
|
|
333
|
-
'data-garden-version': '8.
|
|
332
|
+
'data-garden-version': '8.57.0',
|
|
334
333
|
as: 'a',
|
|
335
334
|
dir: props.theme.rtl ? 'rtl' : undefined,
|
|
336
335
|
isLink: true,
|
|
@@ -350,7 +349,7 @@ StyledAnchor.defaultProps = {
|
|
|
350
349
|
|
|
351
350
|
var _path$1;
|
|
352
351
|
|
|
353
|
-
function _extends$1() { _extends$1 = Object.assign
|
|
352
|
+
function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
|
|
354
353
|
|
|
355
354
|
var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
|
|
356
355
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
@@ -371,7 +370,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
|
|
|
371
370
|
var COMPONENT_ID$1 = 'buttons.external_icon';
|
|
372
371
|
var StyledExternalIcon = styled__default["default"](SvgNewWindowStroke).attrs({
|
|
373
372
|
'data-garden-id': COMPONENT_ID$1,
|
|
374
|
-
'data-garden-version': '8.
|
|
373
|
+
'data-garden-version': '8.57.0'
|
|
375
374
|
}).withConfig({
|
|
376
375
|
displayName: "StyledExternalIcon",
|
|
377
376
|
componentId: "sc-16oz07e-0"
|
|
@@ -402,7 +401,7 @@ var iconStyles = function iconStyles(props) {
|
|
|
402
401
|
};
|
|
403
402
|
var StyledIconButton = styled__default["default"](StyledButton).attrs({
|
|
404
403
|
'data-garden-id': COMPONENT_ID,
|
|
405
|
-
'data-garden-version': '8.
|
|
404
|
+
'data-garden-version': '8.57.0'
|
|
406
405
|
}).withConfig({
|
|
407
406
|
displayName: "StyledIconButton",
|
|
408
407
|
componentId: "sc-1t0ughp-0"
|
|
@@ -570,7 +569,7 @@ IconButton.defaultProps = {
|
|
|
570
569
|
|
|
571
570
|
var _path;
|
|
572
571
|
|
|
573
|
-
function _extends() { _extends = Object.assign
|
|
572
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
574
573
|
|
|
575
574
|
var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
|
|
576
575
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
package/dist/index.esm.js
CHANGED
|
@@ -10,7 +10,7 @@ import React__default, { Children, createContext, useContext, forwardRef, useMem
|
|
|
10
10
|
import PropTypes from 'prop-types';
|
|
11
11
|
import styled, { css } from 'styled-components';
|
|
12
12
|
import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
|
|
13
|
-
import {
|
|
13
|
+
import { rgba, math, em } from 'polished';
|
|
14
14
|
import { useButtonGroup } from '@zendeskgarden/container-buttongroup';
|
|
15
15
|
|
|
16
16
|
function ownKeys(object, enumerableOnly) {
|
|
@@ -55,7 +55,7 @@ function _defineProperty(obj, key, value) {
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
function _extends$2() {
|
|
58
|
-
_extends$2 = Object.assign
|
|
58
|
+
_extends$2 = Object.assign ? Object.assign.bind() : function (target) {
|
|
59
59
|
for (var i = 1; i < arguments.length; i++) {
|
|
60
60
|
var source = arguments[i];
|
|
61
61
|
|
|
@@ -68,7 +68,6 @@ function _extends$2() {
|
|
|
68
68
|
|
|
69
69
|
return target;
|
|
70
70
|
};
|
|
71
|
-
|
|
72
71
|
return _extends$2.apply(this, arguments);
|
|
73
72
|
}
|
|
74
73
|
|
|
@@ -113,7 +112,7 @@ var SIZE = ['small', 'medium', 'large'];
|
|
|
113
112
|
var COMPONENT_ID$5 = 'buttons.button_group_view';
|
|
114
113
|
var StyledButtonGroup = styled.div.attrs({
|
|
115
114
|
'data-garden-id': COMPONENT_ID$5,
|
|
116
|
-
'data-garden-version': '8.
|
|
115
|
+
'data-garden-version': '8.57.0'
|
|
117
116
|
}).withConfig({
|
|
118
117
|
displayName: "StyledButtonGroup",
|
|
119
118
|
componentId: "sc-1fbpzef-0"
|
|
@@ -145,7 +144,7 @@ var StyledIcon = styled(function (_ref) {
|
|
|
145
144
|
return React__default.cloneElement(Children.only(children), props);
|
|
146
145
|
}).attrs({
|
|
147
146
|
'data-garden-id': COMPONENT_ID$4,
|
|
148
|
-
'data-garden-version': '8.
|
|
147
|
+
'data-garden-version': '8.57.0'
|
|
149
148
|
}).withConfig({
|
|
150
149
|
displayName: "StyledIcon",
|
|
151
150
|
componentId: "sc-19meqgg-0"
|
|
@@ -249,7 +248,7 @@ var sizeStyles = function sizeStyles(props) {
|
|
|
249
248
|
var StyledButton = styled.button.attrs(function (props) {
|
|
250
249
|
return {
|
|
251
250
|
'data-garden-id': COMPONENT_ID$3,
|
|
252
|
-
'data-garden-version': '8.
|
|
251
|
+
'data-garden-version': '8.57.0',
|
|
253
252
|
type: props.type || 'button'
|
|
254
253
|
};
|
|
255
254
|
}).withConfig({
|
|
@@ -302,7 +301,7 @@ var COMPONENT_ID$2 = 'buttons.anchor';
|
|
|
302
301
|
var StyledAnchor = styled(StyledButton).attrs(function (props) {
|
|
303
302
|
return {
|
|
304
303
|
'data-garden-id': COMPONENT_ID$2,
|
|
305
|
-
'data-garden-version': '8.
|
|
304
|
+
'data-garden-version': '8.57.0',
|
|
306
305
|
as: 'a',
|
|
307
306
|
dir: props.theme.rtl ? 'rtl' : undefined,
|
|
308
307
|
isLink: true,
|
|
@@ -322,7 +321,7 @@ StyledAnchor.defaultProps = {
|
|
|
322
321
|
|
|
323
322
|
var _path$1;
|
|
324
323
|
|
|
325
|
-
function _extends$1() { _extends$1 = Object.assign
|
|
324
|
+
function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
|
|
326
325
|
|
|
327
326
|
var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
|
|
328
327
|
return /*#__PURE__*/React.createElement("svg", _extends$1({
|
|
@@ -343,7 +342,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
|
|
|
343
342
|
var COMPONENT_ID$1 = 'buttons.external_icon';
|
|
344
343
|
var StyledExternalIcon = styled(SvgNewWindowStroke).attrs({
|
|
345
344
|
'data-garden-id': COMPONENT_ID$1,
|
|
346
|
-
'data-garden-version': '8.
|
|
345
|
+
'data-garden-version': '8.57.0'
|
|
347
346
|
}).withConfig({
|
|
348
347
|
displayName: "StyledExternalIcon",
|
|
349
348
|
componentId: "sc-16oz07e-0"
|
|
@@ -374,7 +373,7 @@ var iconStyles = function iconStyles(props) {
|
|
|
374
373
|
};
|
|
375
374
|
var StyledIconButton = styled(StyledButton).attrs({
|
|
376
375
|
'data-garden-id': COMPONENT_ID,
|
|
377
|
-
'data-garden-version': '8.
|
|
376
|
+
'data-garden-version': '8.57.0'
|
|
378
377
|
}).withConfig({
|
|
379
378
|
displayName: "StyledIconButton",
|
|
380
379
|
componentId: "sc-1t0ughp-0"
|
|
@@ -542,7 +541,7 @@ IconButton.defaultProps = {
|
|
|
542
541
|
|
|
543
542
|
var _path;
|
|
544
543
|
|
|
545
|
-
function _extends() { _extends = Object.assign
|
|
544
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
546
545
|
|
|
547
546
|
var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
|
|
548
547
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-buttons",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.57.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>",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@zendeskgarden/react-theming": "^8.
|
|
36
|
+
"@zendeskgarden/react-theming": "^8.57.0",
|
|
37
37
|
"@zendeskgarden/svg-icons": "6.33.0"
|
|
38
38
|
},
|
|
39
39
|
"keywords": [
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"access": "public"
|
|
47
47
|
},
|
|
48
48
|
"zendeskgarden:src": "src/index.ts",
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "165b6a453118f93e9e760642b632ce3d31e3a231"
|
|
50
50
|
}
|