@commercetools-uikit/primary-button 20.2.2 → 20.3.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.
|
@@ -13,6 +13,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
13
13
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
14
|
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
15
15
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
16
17
|
var react$1 = require('react');
|
|
17
18
|
var omit = require('lodash/omit');
|
|
18
19
|
var react = require('@emotion/react');
|
|
@@ -33,6 +34,7 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
33
34
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
34
35
|
var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
|
|
35
36
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
37
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
36
38
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
37
39
|
var Inline__default = /*#__PURE__*/_interopDefault(Inline);
|
|
38
40
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
@@ -120,7 +122,7 @@ const getButtonStyles = (isDisabled, isActive, tone, size) => {
|
|
|
120
122
|
|
|
121
123
|
const _excluded = ["type", "size", "isToggleButton", "tone"];
|
|
122
124
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
123
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
125
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
124
126
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
125
127
|
const propsToOmit = ['type'];
|
|
126
128
|
|
|
@@ -162,7 +164,7 @@ const PositionedIcon = _ref2 => {
|
|
|
162
164
|
});
|
|
163
165
|
};
|
|
164
166
|
const PrimaryButton = _ref3 => {
|
|
165
|
-
var _context;
|
|
167
|
+
var _context, _context2;
|
|
166
168
|
let _ref3$type = _ref3.type,
|
|
167
169
|
type = _ref3$type === void 0 ? 'button' : _ref3$type,
|
|
168
170
|
_ref3$size = _ref3.size,
|
|
@@ -184,7 +186,7 @@ const PrimaryButton = _ref3 => {
|
|
|
184
186
|
// we fall back to `isDisabled`
|
|
185
187
|
disabled: props.isDisabled
|
|
186
188
|
});
|
|
187
|
-
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, size) > -1),
|
|
189
|
+
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, size) > -1), _concatInstanceProperty__default["default"](_context2 = "PrimaryButton '".concat(size, "' value for 'size' property has been deprecated in favor of '")).call(_context2, sizeMapping[size], "' Please update that value when using this component"));
|
|
188
190
|
const isActive = Boolean(isToggleButton && props.isToggled);
|
|
189
191
|
return jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
190
192
|
as: props.as,
|
|
@@ -217,7 +219,7 @@ PrimaryButton.displayName = 'PrimaryButton';
|
|
|
217
219
|
var PrimaryButton$1 = PrimaryButton;
|
|
218
220
|
|
|
219
221
|
// NOTE: This string will be replaced on build time with the package version.
|
|
220
|
-
var version = "20.
|
|
222
|
+
var version = "20.3.0";
|
|
221
223
|
|
|
222
224
|
exports["default"] = PrimaryButton$1;
|
|
223
225
|
exports.version = version;
|
|
@@ -13,6 +13,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
13
13
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
14
|
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
|
|
15
15
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
16
17
|
var react$1 = require('react');
|
|
17
18
|
var omit = require('lodash/omit');
|
|
18
19
|
var react = require('@emotion/react');
|
|
@@ -33,6 +34,7 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
33
34
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
34
35
|
var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
|
|
35
36
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
37
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
36
38
|
var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
37
39
|
var Inline__default = /*#__PURE__*/_interopDefault(Inline);
|
|
38
40
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
@@ -111,7 +113,7 @@ const getButtonStyles = (isDisabled, isActive, tone, size) => {
|
|
|
111
113
|
|
|
112
114
|
const _excluded = ["type", "size", "isToggleButton", "tone"];
|
|
113
115
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
114
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
116
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
115
117
|
const propsToOmit = ['type'];
|
|
116
118
|
|
|
117
119
|
/**
|
|
@@ -148,7 +150,7 @@ const PositionedIcon = _ref2 => {
|
|
|
148
150
|
});
|
|
149
151
|
};
|
|
150
152
|
const PrimaryButton = _ref3 => {
|
|
151
|
-
var _context;
|
|
153
|
+
var _context, _context2;
|
|
152
154
|
let _ref3$type = _ref3.type,
|
|
153
155
|
type = _ref3$type === void 0 ? 'button' : _ref3$type,
|
|
154
156
|
_ref3$size = _ref3.size,
|
|
@@ -170,7 +172,7 @@ const PrimaryButton = _ref3 => {
|
|
|
170
172
|
// we fall back to `isDisabled`
|
|
171
173
|
disabled: props.isDisabled
|
|
172
174
|
});
|
|
173
|
-
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, size) > -1),
|
|
175
|
+
utils.useWarning(!Boolean(_indexOfInstanceProperty__default["default"](_context = _Object$keys__default["default"](sizeMapping)).call(_context, size) > -1), _concatInstanceProperty__default["default"](_context2 = "PrimaryButton '".concat(size, "' value for 'size' property has been deprecated in favor of '")).call(_context2, sizeMapping[size], "' Please update that value when using this component"));
|
|
174
176
|
const isActive = Boolean(isToggleButton && props.isToggled);
|
|
175
177
|
return jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
176
178
|
as: props.as,
|
|
@@ -203,7 +205,7 @@ PrimaryButton.displayName = 'PrimaryButton';
|
|
|
203
205
|
var PrimaryButton$1 = PrimaryButton;
|
|
204
206
|
|
|
205
207
|
// NOTE: This string will be replaced on build time with the package version.
|
|
206
|
-
var version = "20.
|
|
208
|
+
var version = "20.3.0";
|
|
207
209
|
|
|
208
210
|
exports["default"] = PrimaryButton$1;
|
|
209
211
|
exports.version = version;
|
|
@@ -9,6 +9,7 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
|
9
9
|
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
10
10
|
import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
|
|
11
11
|
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
12
|
+
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
12
13
|
import { cloneElement } from 'react';
|
|
13
14
|
import omit from 'lodash/omit';
|
|
14
15
|
import { css } from '@emotion/react';
|
|
@@ -101,7 +102,7 @@ const getButtonStyles = (isDisabled, isActive, tone, size) => {
|
|
|
101
102
|
|
|
102
103
|
const _excluded = ["type", "size", "isToggleButton", "tone"];
|
|
103
104
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
104
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
105
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
105
106
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
106
107
|
const propsToOmit = ['type'];
|
|
107
108
|
|
|
@@ -143,7 +144,7 @@ const PositionedIcon = _ref2 => {
|
|
|
143
144
|
});
|
|
144
145
|
};
|
|
145
146
|
const PrimaryButton = _ref3 => {
|
|
146
|
-
var _context;
|
|
147
|
+
var _context, _context2;
|
|
147
148
|
let _ref3$type = _ref3.type,
|
|
148
149
|
type = _ref3$type === void 0 ? 'button' : _ref3$type,
|
|
149
150
|
_ref3$size = _ref3.size,
|
|
@@ -165,7 +166,7 @@ const PrimaryButton = _ref3 => {
|
|
|
165
166
|
// we fall back to `isDisabled`
|
|
166
167
|
disabled: props.isDisabled
|
|
167
168
|
});
|
|
168
|
-
useWarning(!Boolean(_indexOfInstanceProperty(_context = _Object$keys(sizeMapping)).call(_context, size) > -1),
|
|
169
|
+
useWarning(!Boolean(_indexOfInstanceProperty(_context = _Object$keys(sizeMapping)).call(_context, size) > -1), _concatInstanceProperty(_context2 = "PrimaryButton '".concat(size, "' value for 'size' property has been deprecated in favor of '")).call(_context2, sizeMapping[size], "' Please update that value when using this component"));
|
|
169
170
|
const isActive = Boolean(isToggleButton && props.isToggled);
|
|
170
171
|
return jsx(AccessibleButton, {
|
|
171
172
|
as: props.as,
|
|
@@ -198,6 +199,6 @@ PrimaryButton.displayName = 'PrimaryButton';
|
|
|
198
199
|
var PrimaryButton$1 = PrimaryButton;
|
|
199
200
|
|
|
200
201
|
// NOTE: This string will be replaced on build time with the package version.
|
|
201
|
-
var version = "20.
|
|
202
|
+
var version = "20.3.0";
|
|
202
203
|
|
|
203
204
|
export { PrimaryButton$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/primary-button",
|
|
3
3
|
"description": "Primary buttons are used for a primary action on a page. You must also pass a label for accessibility reasons.",
|
|
4
|
-
"version": "20.
|
|
4
|
+
"version": "20.3.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,18 +21,18 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "20.
|
|
25
|
-
"@commercetools-uikit/design-system": "20.
|
|
26
|
-
"@commercetools-uikit/spacings-inline": "20.
|
|
27
|
-
"@commercetools-uikit/text": "20.
|
|
28
|
-
"@commercetools-uikit/utils": "20.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "20.3.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "20.3.0",
|
|
26
|
+
"@commercetools-uikit/spacings-inline": "20.3.0",
|
|
27
|
+
"@commercetools-uikit/text": "20.3.0",
|
|
28
|
+
"@commercetools-uikit/utils": "20.3.0",
|
|
29
29
|
"@emotion/react": "^11.10.5",
|
|
30
30
|
"@emotion/styled": "^11.10.5",
|
|
31
31
|
"lodash": "4.17.21",
|
|
32
32
|
"react-intl": "^7.1.4"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"react": "19.
|
|
35
|
+
"react": "19.2.0"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"react": "19.x"
|