@jobber/components 6.116.1 → 6.116.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-cjs.js +3 -2
- package/dist/Button-es.js +3 -2
- package/dist/styles.css +10 -5
- package/package.json +2 -2
package/dist/Button-cjs.js
CHANGED
|
@@ -40,10 +40,11 @@ function useButtonStyles({ size: sizeProp, disabled, fullWidth, loading, variati
|
|
|
40
40
|
* @deprecated Used composed solution instead
|
|
41
41
|
*/
|
|
42
42
|
function ButtonContent({ label, icon, size = "base", iconOnRight = false, UNSAFE_className, UNSAFE_style, }) {
|
|
43
|
+
const iconSize = size === "large" ? "base" : size;
|
|
43
44
|
return (React.createElement(React.Fragment, null,
|
|
44
|
-
icon && !iconOnRight && (React.createElement(ButtonIcon, { name: icon, size:
|
|
45
|
+
icon && !iconOnRight && (React.createElement(ButtonIcon, { name: icon, size: iconSize, UNSAFE_className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.buttonIcon, UNSAFE_style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.buttonIcon })),
|
|
45
46
|
label && (React.createElement(ButtonLabel, { size: size, UNSAFE_className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.buttonLabel, UNSAFE_style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.buttonLabel }, label)),
|
|
46
|
-
icon && iconOnRight && (React.createElement(ButtonIcon, { name: icon, size:
|
|
47
|
+
icon && iconOnRight && (React.createElement(ButtonIcon, { name: icon, size: iconSize, UNSAFE_className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.buttonIcon, UNSAFE_style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.buttonIcon }))));
|
|
47
48
|
}
|
|
48
49
|
function getTypeSizes(size) {
|
|
49
50
|
switch (size) {
|
package/dist/Button-es.js
CHANGED
|
@@ -38,10 +38,11 @@ function useButtonStyles({ size: sizeProp, disabled, fullWidth, loading, variati
|
|
|
38
38
|
* @deprecated Used composed solution instead
|
|
39
39
|
*/
|
|
40
40
|
function ButtonContent({ label, icon, size = "base", iconOnRight = false, UNSAFE_className, UNSAFE_style, }) {
|
|
41
|
+
const iconSize = size === "large" ? "base" : size;
|
|
41
42
|
return (React__default.createElement(React__default.Fragment, null,
|
|
42
|
-
icon && !iconOnRight && (React__default.createElement(ButtonIcon, { name: icon, size:
|
|
43
|
+
icon && !iconOnRight && (React__default.createElement(ButtonIcon, { name: icon, size: iconSize, UNSAFE_className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.buttonIcon, UNSAFE_style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.buttonIcon })),
|
|
43
44
|
label && (React__default.createElement(ButtonLabel, { size: size, UNSAFE_className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.buttonLabel, UNSAFE_style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.buttonLabel }, label)),
|
|
44
|
-
icon && iconOnRight && (React__default.createElement(ButtonIcon, { name: icon, size:
|
|
45
|
+
icon && iconOnRight && (React__default.createElement(ButtonIcon, { name: icon, size: iconSize, UNSAFE_className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.buttonIcon, UNSAFE_style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.buttonIcon }))));
|
|
45
46
|
}
|
|
46
47
|
function getTypeSizes(size) {
|
|
47
48
|
switch (size) {
|
package/dist/styles.css
CHANGED
|
@@ -3555,9 +3555,9 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
3555
3555
|
}
|
|
3556
3556
|
|
|
3557
3557
|
.TKr3J-6ARFo- {
|
|
3558
|
-
--checkbox--border--checked: var(--color-disabled
|
|
3559
|
-
--checkbox--border--unchecked: var(--color-disabled
|
|
3560
|
-
--checkbox--border--hover: var(--color-disabled
|
|
3558
|
+
--checkbox--border--checked: var(--color-disabled);
|
|
3559
|
+
--checkbox--border--unchecked: var(--color-disabled);
|
|
3560
|
+
--checkbox--border--hover: var(--color-disabled);
|
|
3561
3561
|
cursor: not-allowed;
|
|
3562
3562
|
}
|
|
3563
3563
|
|
|
@@ -3596,6 +3596,11 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
3596
3596
|
align-items: center;
|
|
3597
3597
|
}
|
|
3598
3598
|
|
|
3599
|
+
.TKr3J-6ARFo- ._-8JCQE6SA9s- {
|
|
3600
|
+
background-color: hsl(0, 0%, 93%);
|
|
3601
|
+
background-color: var(--color-disabled--secondary);
|
|
3602
|
+
}
|
|
3603
|
+
|
|
3599
3604
|
._-8JCQE6SA9s-:hover,
|
|
3600
3605
|
.YxKKPXAU10s-:hover ._-8JCQE6SA9s- {
|
|
3601
3606
|
border-color: var(--checkbox--border--hover);
|
|
@@ -3624,8 +3629,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
3624
3629
|
|
|
3625
3630
|
.TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
|
|
3626
3631
|
.TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
|
|
3627
|
-
background-color: hsl(0, 0%,
|
|
3628
|
-
background-color: var(--color-disabled
|
|
3632
|
+
background-color: hsl(0, 0%, 58%);
|
|
3633
|
+
background-color: var(--color-disabled);
|
|
3629
3634
|
}
|
|
3630
3635
|
|
|
3631
3636
|
.TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- > *,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "6.116.
|
|
3
|
+
"version": "6.116.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -538,5 +538,5 @@
|
|
|
538
538
|
"> 1%",
|
|
539
539
|
"IE 10"
|
|
540
540
|
],
|
|
541
|
-
"gitHead": "
|
|
541
|
+
"gitHead": "3a8c60f3a6b42eabab944af65c1fc03f2d621493"
|
|
542
542
|
}
|