@commercetools-uikit/primary-button 12.2.3 → 13.0.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.
@@ -87,9 +87,9 @@ var getButtonStyles = function getButtonStyles(isDisabled, isActive, tone, size)
87
87
  }
88
88
  };
89
89
 
90
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
90
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
91
91
 
92
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
92
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
93
93
  var propsToOmit = ['type'];
94
94
  var defaultProps = {
95
95
  type: 'button',
@@ -101,14 +101,14 @@ var defaultProps = {
101
101
  var PrimaryButton = function PrimaryButton(props) {
102
102
  var buttonAttributes = _objectSpread(_objectSpread({
103
103
  'data-track-component': 'PrimaryButton'
104
- }, utils.filterInvalidAttributes(omit__default['default'](props, propsToOmit))), {}, {
104
+ }, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
105
105
  // if there is a divergence between `isDisabled` and `disabled`,
106
106
  // we fall back to `isDisabled`
107
107
  disabled: props.isDisabled
108
108
  });
109
109
 
110
110
  var isActive = Boolean(props.isToggleButton && props.isToggled);
111
- return jsxRuntime.jsx(AccessibleButton__default['default'], {
111
+ return jsxRuntime.jsx(AccessibleButton__default["default"], {
112
112
  as: props.as,
113
113
  type: props.type,
114
114
  buttonAttributes: buttonAttributes,
@@ -118,7 +118,7 @@ var PrimaryButton = function PrimaryButton(props) {
118
118
  isToggled: props.isToggled,
119
119
  isDisabled: props.isDisabled,
120
120
  css: getButtonStyles(props.isDisabled, isActive, props.tone, props.size),
121
- children: jsxRuntime.jsxs(Inline__default['default'], {
121
+ children: jsxRuntime.jsxs(Inline__default["default"], {
122
122
  alignItems: "center",
123
123
  scale: "xs",
124
124
  children: [Boolean(props.iconLeft) && jsxRuntime.jsx("span", {
@@ -135,23 +135,23 @@ var PrimaryButton = function PrimaryButton(props) {
135
135
  };
136
136
 
137
137
  PrimaryButton.propTypes = process.env.NODE_ENV !== "production" ? {
138
- as: _pt__default['default'].any,
139
- type: _pt__default['default'].oneOf(['button', 'reset', 'submit']),
140
- label: _pt__default['default'].string.isRequired,
141
- iconLeft: _pt__default['default'].element,
142
- isToggleButton: _pt__default['default'].bool,
143
- isToggled: _pt__default['default'].bool,
144
- isDisabled: _pt__default['default'].bool,
145
- onClick: _pt__default['default'].func,
146
- size: _pt__default['default'].oneOf(['small', 'big']),
147
- tone: _pt__default['default'].oneOf(['urgent', 'primary'])
138
+ as: _pt__default["default"].any,
139
+ type: _pt__default["default"].oneOf(['button', 'reset', 'submit']),
140
+ label: _pt__default["default"].string.isRequired,
141
+ iconLeft: _pt__default["default"].element,
142
+ isToggleButton: _pt__default["default"].bool,
143
+ isToggled: _pt__default["default"].bool,
144
+ isDisabled: _pt__default["default"].bool,
145
+ onClick: _pt__default["default"].func,
146
+ size: _pt__default["default"].oneOf(['small', 'big']),
147
+ tone: _pt__default["default"].oneOf(['urgent', 'primary'])
148
148
  } : {};
149
149
  PrimaryButton.defaultProps = defaultProps;
150
150
  PrimaryButton.displayName = 'PrimaryButton';
151
151
  var PrimaryButton$1 = PrimaryButton;
152
152
 
153
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
154
- var version = '12.2.3';
153
+ // NOTE: This string will be replaced on build time with the package version.
154
+ var version = "13.0.0";
155
155
 
156
- exports['default'] = PrimaryButton$1;
156
+ exports["default"] = PrimaryButton$1;
157
157
  exports.version = version;
@@ -86,9 +86,9 @@ var getButtonStyles = function getButtonStyles(isDisabled, isActive, tone, size)
86
86
  }
87
87
  };
88
88
 
89
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
89
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
90
90
 
91
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
91
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
92
92
  var propsToOmit = ['type'];
93
93
  var defaultProps = {
94
94
  type: 'button',
@@ -100,14 +100,14 @@ var defaultProps = {
100
100
  var PrimaryButton = function PrimaryButton(props) {
101
101
  var buttonAttributes = _objectSpread(_objectSpread({
102
102
  'data-track-component': 'PrimaryButton'
103
- }, utils.filterInvalidAttributes(omit__default['default'](props, propsToOmit))), {}, {
103
+ }, utils.filterInvalidAttributes(omit__default["default"](props, propsToOmit))), {}, {
104
104
  // if there is a divergence between `isDisabled` and `disabled`,
105
105
  // we fall back to `isDisabled`
106
106
  disabled: props.isDisabled
107
107
  });
108
108
 
109
109
  var isActive = Boolean(props.isToggleButton && props.isToggled);
110
- return jsxRuntime.jsx(AccessibleButton__default['default'], {
110
+ return jsxRuntime.jsx(AccessibleButton__default["default"], {
111
111
  as: props.as,
112
112
  type: props.type,
113
113
  buttonAttributes: buttonAttributes,
@@ -117,7 +117,7 @@ var PrimaryButton = function PrimaryButton(props) {
117
117
  isToggled: props.isToggled,
118
118
  isDisabled: props.isDisabled,
119
119
  css: getButtonStyles(props.isDisabled, isActive, props.tone, props.size),
120
- children: jsxRuntime.jsxs(Inline__default['default'], {
120
+ children: jsxRuntime.jsxs(Inline__default["default"], {
121
121
  alignItems: "center",
122
122
  scale: "xs",
123
123
  children: [Boolean(props.iconLeft) && jsxRuntime.jsx("span", {
@@ -138,8 +138,8 @@ PrimaryButton.defaultProps = defaultProps;
138
138
  PrimaryButton.displayName = 'PrimaryButton';
139
139
  var PrimaryButton$1 = PrimaryButton;
140
140
 
141
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
142
- var version = '12.2.3';
141
+ // NOTE: This string will be replaced on build time with the package version.
142
+ var version = "13.0.0";
143
143
 
144
- exports['default'] = PrimaryButton$1;
144
+ exports["default"] = PrimaryButton$1;
145
145
  exports.version = version;
@@ -68,9 +68,9 @@ var getButtonStyles = function getButtonStyles(isDisabled, isActive, tone, size)
68
68
  }
69
69
  };
70
70
 
71
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
71
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
72
72
 
73
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
73
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
74
74
  var propsToOmit = ['type'];
75
75
  var defaultProps = {
76
76
  type: 'button',
@@ -131,7 +131,7 @@ PrimaryButton.defaultProps = defaultProps;
131
131
  PrimaryButton.displayName = 'PrimaryButton';
132
132
  var PrimaryButton$1 = PrimaryButton;
133
133
 
134
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
135
- var version = '12.2.3';
134
+ // NOTE: This string will be replaced on build time with the package version.
135
+ var version = "13.0.0";
136
136
 
137
137
  export { PrimaryButton$1 as default, version };
@@ -1,2 +1,2 @@
1
- export { default } from './primary-button';
2
- export { default as version } from './version';
1
+ export { default } from './primary-button';
2
+ export { default as version } from './version';
@@ -1,19 +1,19 @@
1
- import { MouseEvent, KeyboardEvent, ElementType, ReactElement, ComponentPropsWithRef } from 'react';
2
- export declare type TPrimaryButtonProps<TStringOrComponent extends ElementType = 'button'> = {
3
- as?: TStringOrComponent;
4
- type?: 'button' | 'reset' | 'submit';
5
- label: string;
6
- iconLeft?: ReactElement;
7
- isToggleButton?: boolean;
8
- isToggled?: boolean;
9
- isDisabled?: boolean;
10
- onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
11
- size?: 'small' | 'big';
12
- tone?: 'urgent' | 'primary';
13
- } & ComponentPropsWithRef<TStringOrComponent>;
14
- declare const PrimaryButton: {
15
- <TStringOrComponent extends ElementType<any> = "button">(props: TPrimaryButtonProps<TStringOrComponent>): import("@emotion/react/jsx-runtime").JSX.Element;
16
- defaultProps: Pick<TPrimaryButtonProps<"button">, "size" | "type" | "isToggleButton" | "tone">;
17
- displayName: string;
18
- };
19
- export default PrimaryButton;
1
+ import { MouseEvent, KeyboardEvent, ElementType, ReactElement, ComponentPropsWithRef } from 'react';
2
+ export declare type TPrimaryButtonProps<TStringOrComponent extends ElementType = 'button'> = {
3
+ as?: TStringOrComponent;
4
+ type?: 'button' | 'reset' | 'submit';
5
+ label: string;
6
+ iconLeft?: ReactElement;
7
+ isToggleButton?: boolean;
8
+ isToggled?: boolean;
9
+ isDisabled?: boolean;
10
+ onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
11
+ size?: 'small' | 'big';
12
+ tone?: 'urgent' | 'primary';
13
+ } & ComponentPropsWithRef<TStringOrComponent>;
14
+ declare const PrimaryButton: {
15
+ <TStringOrComponent extends ElementType<any> = "button">(props: TPrimaryButtonProps<TStringOrComponent>): import("@emotion/react/jsx-runtime").JSX.Element;
16
+ defaultProps: Pick<TPrimaryButtonProps<"button">, "size" | "type" | "isToggleButton" | "tone">;
17
+ displayName: string;
18
+ };
19
+ export default PrimaryButton;
@@ -1,3 +1,3 @@
1
- import type { TPrimaryButtonProps } from './primary-button';
2
- declare const getButtonStyles: (isDisabled: TPrimaryButtonProps['isDisabled'], isActive: boolean, tone: TPrimaryButtonProps['tone'], size: TPrimaryButtonProps['size']) => (import("@emotion/utils").SerializedStyles | import("@emotion/utils").SerializedStyles[])[];
3
- export { getButtonStyles };
1
+ import type { TPrimaryButtonProps } from './primary-button';
2
+ declare const getButtonStyles: (isDisabled: TPrimaryButtonProps['isDisabled'], isActive: boolean, tone: TPrimaryButtonProps['tone'], size: TPrimaryButtonProps['size']) => (import("@emotion/utils").SerializedStyles | import("@emotion/utils").SerializedStyles[])[];
3
+ export { getButtonStyles };
@@ -1,2 +1,2 @@
1
- declare const _default: "12.2.3";
2
- export default _default;
1
+ declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
2
+ export default _default;
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": "12.2.3",
4
+ "version": "13.0.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -11,7 +11,6 @@
11
11
  "homepage": "https://uikit.commercetools.com",
12
12
  "keywords": ["javascript", "design system", "react", "uikit"],
13
13
  "license": "MIT",
14
- "private": false,
15
14
  "publishConfig": {
16
15
  "access": "public"
17
16
  },
@@ -19,22 +18,19 @@
19
18
  "main": "dist/commercetools-uikit-primary-button.cjs.js",
20
19
  "module": "dist/commercetools-uikit-primary-button.esm.js",
21
20
  "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../../../scripts/version.js replace"
24
- },
25
21
  "dependencies": {
26
- "@babel/runtime": "7.14.8",
27
- "@babel/runtime-corejs3": "7.14.9",
28
- "@commercetools-uikit/accessible-button": "12.2.3",
29
- "@commercetools-uikit/design-system": "12.2.3",
30
- "@commercetools-uikit/spacings-inline": "12.2.3",
31
- "@commercetools-uikit/text": "12.2.3",
32
- "@commercetools-uikit/utils": "12.2.0",
22
+ "@babel/runtime": "7.17.2",
23
+ "@babel/runtime-corejs3": "7.17.2",
24
+ "@commercetools-uikit/accessible-button": "13.0.0",
25
+ "@commercetools-uikit/design-system": "13.0.0",
26
+ "@commercetools-uikit/spacings-inline": "13.0.0",
27
+ "@commercetools-uikit/text": "13.0.0",
28
+ "@commercetools-uikit/utils": "12.2.9",
33
29
  "@emotion/react": "^11.4.0",
34
30
  "@emotion/styled": "^11.3.0",
35
- "common-tags": "1.8.0",
31
+ "common-tags": "1.8.2",
36
32
  "lodash": "4.17.21",
37
- "prop-types": "15.7.2"
33
+ "prop-types": "15.8.1"
38
34
  },
39
35
  "devDependencies": {
40
36
  "react": "17.0.2"