@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.
- package/dist/commercetools-uikit-primary-button.cjs.dev.js +18 -18
- package/dist/commercetools-uikit-primary-button.cjs.prod.js +8 -8
- package/dist/commercetools-uikit-primary-button.esm.js +4 -4
- package/dist/declarations/src/index.d.ts +2 -2
- package/dist/declarations/src/primary-button.d.ts +19 -19
- package/dist/declarations/src/primary-button.styles.d.ts +3 -3
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +10 -14
|
@@ -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[
|
|
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]
|
|
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[
|
|
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[
|
|
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[
|
|
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[
|
|
139
|
-
type: _pt__default[
|
|
140
|
-
label: _pt__default[
|
|
141
|
-
iconLeft: _pt__default[
|
|
142
|
-
isToggleButton: _pt__default[
|
|
143
|
-
isToggled: _pt__default[
|
|
144
|
-
isDisabled: _pt__default[
|
|
145
|
-
onClick: _pt__default[
|
|
146
|
-
size: _pt__default[
|
|
147
|
-
tone: _pt__default[
|
|
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
|
|
154
|
-
var version =
|
|
153
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
154
|
+
var version = "13.0.0";
|
|
155
155
|
|
|
156
|
-
exports[
|
|
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[
|
|
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]
|
|
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[
|
|
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[
|
|
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[
|
|
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
|
|
142
|
-
var version =
|
|
141
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
142
|
+
var version = "13.0.0";
|
|
143
143
|
|
|
144
|
-
exports[
|
|
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);
|
|
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]
|
|
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
|
|
135
|
-
var version =
|
|
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: "
|
|
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": "
|
|
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.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/accessible-button": "
|
|
29
|
-
"@commercetools-uikit/design-system": "
|
|
30
|
-
"@commercetools-uikit/spacings-inline": "
|
|
31
|
-
"@commercetools-uikit/text": "
|
|
32
|
-
"@commercetools-uikit/utils": "12.2.
|
|
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.
|
|
31
|
+
"common-tags": "1.8.2",
|
|
36
32
|
"lodash": "4.17.21",
|
|
37
|
-
"prop-types": "15.
|
|
33
|
+
"prop-types": "15.8.1"
|
|
38
34
|
},
|
|
39
35
|
"devDependencies": {
|
|
40
36
|
"react": "17.0.2"
|