@jobber/components 6.26.2 → 6.26.3
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/Button/ButtonProvider.d.ts +1 -1
- package/dist/Button/index.cjs +1 -1
- package/dist/Button/index.d.ts +1 -1
- package/dist/Button/index.mjs +1 -1
- package/dist/Button-cjs.js +5 -5
- package/dist/Button-es.js +5 -5
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +2 -2
|
@@ -6,5 +6,5 @@ interface ButtonContextProps {
|
|
|
6
6
|
export declare function ButtonProvider({ children, size, }: PropsWithChildren<{
|
|
7
7
|
readonly size?: ButtonSize;
|
|
8
8
|
}>): JSX.Element;
|
|
9
|
-
export declare function
|
|
9
|
+
export declare function useButtonContext(): ButtonContextProps;
|
|
10
10
|
export {};
|
package/dist/Button/index.cjs
CHANGED
package/dist/Button/index.d.ts
CHANGED
package/dist/Button/index.mjs
CHANGED
package/dist/Button-cjs.js
CHANGED
|
@@ -15,12 +15,12 @@ const ButtonContext = React.createContext({
|
|
|
15
15
|
function ButtonProvider({ children, size = "base", }) {
|
|
16
16
|
return (React.createElement(ButtonContext.Provider, { value: { size } }, children));
|
|
17
17
|
}
|
|
18
|
-
function
|
|
18
|
+
function useButtonContext() {
|
|
19
19
|
return React.useContext(ButtonContext);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
function useButtonStyles({ size: sizeProp, disabled, fullWidth, loading, variation = "work", type = "primary", }) {
|
|
23
|
-
const { size: contextSize } =
|
|
23
|
+
const { size: contextSize } = useButtonContext();
|
|
24
24
|
const size = sizeProp || contextSize;
|
|
25
25
|
const wrapper = classnames([styles.button, styles[size], styles[variation], styles[type]], {
|
|
26
26
|
[styles.disabled]: disabled,
|
|
@@ -57,13 +57,13 @@ function getTypeSizes(size) {
|
|
|
57
57
|
}
|
|
58
58
|
function ButtonIcon(_a) {
|
|
59
59
|
var { size: sizeProp } = _a, props = tslib_es6.__rest(_a, ["size"]);
|
|
60
|
-
const { size: contextSize } =
|
|
60
|
+
const { size: contextSize } = useButtonContext();
|
|
61
61
|
const size = sizeProp || contextSize;
|
|
62
62
|
return React.createElement(Icon.Icon, Object.assign({}, props, { size: size }));
|
|
63
63
|
}
|
|
64
64
|
function ButtonLabel(_a) {
|
|
65
65
|
var { element = "span", fontWeight = "semiBold", fontFamily = "base", size: sizeProp } = _a, props = tslib_es6.__rest(_a, ["element", "fontWeight", "fontFamily", "size"]);
|
|
66
|
-
const { size: contextSize } =
|
|
66
|
+
const { size: contextSize } = useButtonContext();
|
|
67
67
|
const size = sizeProp || contextSize;
|
|
68
68
|
return (React.createElement(Typography.Typography, Object.assign({ element: element, fontWeight: fontWeight, fontFamily: fontFamily, size: getTypeSizes(size) }, props)));
|
|
69
69
|
}
|
|
@@ -90,5 +90,5 @@ Button.Label = ButtonLabel;
|
|
|
90
90
|
Button.Icon = ButtonIcon;
|
|
91
91
|
|
|
92
92
|
exports.Button = Button;
|
|
93
|
-
exports.
|
|
93
|
+
exports.useButtonContext = useButtonContext;
|
|
94
94
|
exports.useButtonStyles = useButtonStyles;
|
package/dist/Button-es.js
CHANGED
|
@@ -13,12 +13,12 @@ const ButtonContext = createContext({
|
|
|
13
13
|
function ButtonProvider({ children, size = "base", }) {
|
|
14
14
|
return (React__default.createElement(ButtonContext.Provider, { value: { size } }, children));
|
|
15
15
|
}
|
|
16
|
-
function
|
|
16
|
+
function useButtonContext() {
|
|
17
17
|
return useContext(ButtonContext);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
function useButtonStyles({ size: sizeProp, disabled, fullWidth, loading, variation = "work", type = "primary", }) {
|
|
21
|
-
const { size: contextSize } =
|
|
21
|
+
const { size: contextSize } = useButtonContext();
|
|
22
22
|
const size = sizeProp || contextSize;
|
|
23
23
|
const wrapper = classnames([styles.button, styles[size], styles[variation], styles[type]], {
|
|
24
24
|
[styles.disabled]: disabled,
|
|
@@ -55,13 +55,13 @@ function getTypeSizes(size) {
|
|
|
55
55
|
}
|
|
56
56
|
function ButtonIcon(_a) {
|
|
57
57
|
var { size: sizeProp } = _a, props = __rest(_a, ["size"]);
|
|
58
|
-
const { size: contextSize } =
|
|
58
|
+
const { size: contextSize } = useButtonContext();
|
|
59
59
|
const size = sizeProp || contextSize;
|
|
60
60
|
return React__default.createElement(Icon, Object.assign({}, props, { size: size }));
|
|
61
61
|
}
|
|
62
62
|
function ButtonLabel(_a) {
|
|
63
63
|
var { element = "span", fontWeight = "semiBold", fontFamily = "base", size: sizeProp } = _a, props = __rest(_a, ["element", "fontWeight", "fontFamily", "size"]);
|
|
64
|
-
const { size: contextSize } =
|
|
64
|
+
const { size: contextSize } = useButtonContext();
|
|
65
65
|
const size = sizeProp || contextSize;
|
|
66
66
|
return (React__default.createElement(Typography, Object.assign({ element: element, fontWeight: fontWeight, fontFamily: fontFamily, size: getTypeSizes(size) }, props)));
|
|
67
67
|
}
|
|
@@ -87,4 +87,4 @@ function ButtonWrapper(props) {
|
|
|
87
87
|
Button.Label = ButtonLabel;
|
|
88
88
|
Button.Icon = ButtonIcon;
|
|
89
89
|
|
|
90
|
-
export { Button as B,
|
|
90
|
+
export { Button as B, useButtonContext as a, useButtonStyles as u };
|
package/dist/index.cjs
CHANGED
|
@@ -197,7 +197,7 @@ exports.Avatar = Avatar.Avatar;
|
|
|
197
197
|
exports.Banner = Banner.Banner;
|
|
198
198
|
exports.Box = Box.Box;
|
|
199
199
|
exports.Button = Button.Button;
|
|
200
|
-
exports.
|
|
200
|
+
exports.useButtonContext = Button.useButtonContext;
|
|
201
201
|
exports.useButtonStyles = Button.useButtonStyles;
|
|
202
202
|
exports.ButtonDismiss = ButtonDismiss.ButtonDismiss;
|
|
203
203
|
exports.Card = Card.Card;
|
package/dist/index.mjs
CHANGED
|
@@ -16,7 +16,7 @@ import 'react-dom';
|
|
|
16
16
|
export { A as Avatar } from './Avatar-es.js';
|
|
17
17
|
export { B as Banner } from './Banner-es.js';
|
|
18
18
|
export { B as Box } from './Box-es.js';
|
|
19
|
-
export { B as Button, a as
|
|
19
|
+
export { B as Button, a as useButtonContext, u as useButtonStyles } from './Button-es.js';
|
|
20
20
|
export { B as ButtonDismiss } from './ButtonDismiss-es.js';
|
|
21
21
|
export { C as Card } from './Card-es.js';
|
|
22
22
|
export { Checkbox } from './Checkbox/index.mjs';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "6.26.
|
|
3
|
+
"version": "6.26.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -490,5 +490,5 @@
|
|
|
490
490
|
"> 1%",
|
|
491
491
|
"IE 10"
|
|
492
492
|
],
|
|
493
|
-
"gitHead": "
|
|
493
|
+
"gitHead": "c4962eacf97393ea78117f7dc77392f1a694c075"
|
|
494
494
|
}
|