@versini/ui-button 14.0.5 → 15.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/277.js +5 -5
- package/dist/370.js +3 -3
- package/dist/726.js +1 -1
- package/dist/795.js +1 -1
- package/dist/946.js +1 -1
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Button/Button.js +3 -3
- package/dist/components/Button/ButtonCopy.js +1 -1
- package/dist/components/Button/ButtonGroup.js +1 -1
- package/dist/components/Button/ButtonIcon.d.ts +1 -1
- package/dist/components/Button/ButtonIcon.js +1 -1
- package/dist/components/Button/ButtonLink.d.ts +1 -1
- package/dist/components/Button/ButtonLink.js +3 -3
- package/dist/components/Button/utilities.d.ts +1 -1
- package/package.json +3 -3
package/dist/277.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-button
|
|
2
|
+
@versini/ui-button v15.0.0
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -179,11 +179,11 @@ const getButtonTextCopyClasses = ({ mode, noBackground, truncate, variant })=>{
|
|
|
179
179
|
return clsx(NOT_PLUME, TEXT_COPY_LIGHTER, truncateClass);
|
|
180
180
|
}
|
|
181
181
|
/* v8 ignore stop */ };
|
|
182
|
-
const getButtonBackgroundClasses = ({ mode, noBackground, variant,
|
|
182
|
+
const getButtonBackgroundClasses = ({ mode, noBackground, variant, flat })=>{
|
|
183
183
|
if (noBackground) {
|
|
184
184
|
return;
|
|
185
185
|
}
|
|
186
|
-
const splitClass =
|
|
186
|
+
const splitClass = flat ? "" : "av-bg-split-overlay";
|
|
187
187
|
if (isPrimary(variant)) {
|
|
188
188
|
return clsx(splitClass, {
|
|
189
189
|
[BG_ACTION_LIGHT]: isLight(mode),
|
|
@@ -395,7 +395,7 @@ const getBadgeClasses = ({ size, badge })=>{
|
|
|
395
395
|
displayValue
|
|
396
396
|
};
|
|
397
397
|
};
|
|
398
|
-
const getButtonClasses = ({ type, className, raw, mode, disabled, fullWidth, size, noBorder, labelRight, labelLeft, noBackground, variant, truncate, align, radius, animated, badge,
|
|
398
|
+
const getButtonClasses = ({ type, className, raw, mode, disabled, fullWidth, size, noBorder, labelRight, labelLeft, noBackground, variant, truncate, align, radius, animated, badge, flat })=>{
|
|
399
399
|
if (!variant) {
|
|
400
400
|
variant = "primary";
|
|
401
401
|
}
|
|
@@ -409,7 +409,7 @@ const getButtonClasses = ({ type, className, raw, mode, disabled, fullWidth, siz
|
|
|
409
409
|
mode,
|
|
410
410
|
noBackground,
|
|
411
411
|
variant,
|
|
412
|
-
|
|
412
|
+
flat
|
|
413
413
|
}), getButtonRadiusClasses({
|
|
414
414
|
radius
|
|
415
415
|
}), getButtonSizesClasses({
|
package/dist/370.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-button
|
|
2
|
+
@versini/ui-button v15.0.0
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -30,7 +30,7 @@ const PADDINGS = {
|
|
|
30
30
|
};
|
|
31
31
|
const BORDERS = 2; // border x 2
|
|
32
32
|
const ANIMATION_DURATION = 300; // ms - should match the CSS transition duration
|
|
33
|
-
function ButtonIcon({ children, disabled = false, mode = "system", fullWidth = false, className, type = "button", raw = false, noBorder = false, "aria-label": ariaLabel, label, size = "medium", labelRight, labelLeft, noBackground = false, align = "center", radius = "large", variant = "secondary", iconClassName, animated = false, badge,
|
|
33
|
+
function ButtonIcon({ children, disabled = false, mode = "system", fullWidth = false, className, type = "button", raw = false, noBorder = false, "aria-label": ariaLabel, label, size = "medium", labelRight, labelLeft, noBackground = false, align = "center", radius = "large", variant = "secondary", iconClassName, animated = false, badge, flat = false, ref, ...otherProps }) {
|
|
34
34
|
const buttonClass = getButtonClasses({
|
|
35
35
|
type: TYPE_ICON,
|
|
36
36
|
mode,
|
|
@@ -48,7 +48,7 @@ function ButtonIcon({ children, disabled = false, mode = "system", fullWidth = f
|
|
|
48
48
|
variant,
|
|
49
49
|
animated,
|
|
50
50
|
badge,
|
|
51
|
-
|
|
51
|
+
flat
|
|
52
52
|
});
|
|
53
53
|
const iconClass = getIconClasses({
|
|
54
54
|
mode,
|
package/dist/726.js
CHANGED
package/dist/795.js
CHANGED
package/dist/946.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { ButtonTypes } from "@versini/ui-types";
|
|
2
|
-
export declare function Button({ children, disabled, mode, fullWidth, className, size, raw, noBorder, variant, truncate, radius,
|
|
2
|
+
export declare function Button({ children, disabled, mode, fullWidth, className, size, raw, noBorder, variant, truncate, radius, flat, ref, ...otherProps }: ButtonTypes.Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-button
|
|
2
|
+
@versini/ui-button v15.0.0
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -10,7 +10,7 @@ import { BaseButton_private } from "../../795.js";
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
function Button({ children, disabled = false, mode = "system", fullWidth = false, className, size = "medium", raw = false, noBorder = false, variant = "primary", truncate = false, radius = "large",
|
|
13
|
+
function Button({ children, disabled = false, mode = "system", fullWidth = false, className, size = "medium", raw = false, noBorder = false, variant = "primary", truncate = false, radius = "large", flat = false, ref, ...otherProps }) {
|
|
14
14
|
const buttonClass = getButtonClasses({
|
|
15
15
|
type: TYPE_BUTTON,
|
|
16
16
|
mode,
|
|
@@ -23,7 +23,7 @@ function Button({ children, disabled = false, mode = "system", fullWidth = false
|
|
|
23
23
|
variant,
|
|
24
24
|
truncate,
|
|
25
25
|
radius,
|
|
26
|
-
|
|
26
|
+
flat
|
|
27
27
|
});
|
|
28
28
|
return /*#__PURE__*/ jsx(BaseButton_private, {
|
|
29
29
|
ref: ref,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { ButtonIconTypes } from "@versini/ui-types";
|
|
2
|
-
export declare function ButtonIcon({ children, disabled, mode, fullWidth, className, type, raw, noBorder, "aria-label": ariaLabel, label, size, labelRight, labelLeft, noBackground, align, radius, variant, iconClassName, animated, badge,
|
|
2
|
+
export declare function ButtonIcon({ children, disabled, mode, fullWidth, className, type, raw, noBorder, "aria-label": ariaLabel, label, size, labelRight, labelLeft, noBackground, align, radius, variant, iconClassName, animated, badge, flat, ref, ...otherProps }: ButtonIconTypes.Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { ButtonLinkTypes } from "@versini/ui-types";
|
|
2
|
-
export declare function ButtonLink({ children, mode, fullWidth, className, size, raw, noBorder, target, truncate, noNewWindowIcon, radius,
|
|
2
|
+
export declare function ButtonLink({ children, mode, fullWidth, className, size, raw, noBorder, target, truncate, noNewWindowIcon, radius, flat, ref, ...otherProps }: ButtonLinkTypes.Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-button
|
|
2
|
+
@versini/ui-button v15.0.0
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -9,7 +9,7 @@ import { getButtonClasses, TYPE_LINK } from "../../277.js";
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
function ButtonLink({ children, mode = "system", fullWidth = false, className, size = "small", raw = false, noBorder = false, target, truncate = false, noNewWindowIcon = false, radius = "large",
|
|
12
|
+
function ButtonLink({ children, mode = "system", fullWidth = false, className, size = "small", raw = false, noBorder = false, target, truncate = false, noNewWindowIcon = false, radius = "large", flat = false, ref, ...otherProps }) {
|
|
13
13
|
const buttonClass = getButtonClasses({
|
|
14
14
|
type: TYPE_LINK,
|
|
15
15
|
mode,
|
|
@@ -21,7 +21,7 @@ function ButtonLink({ children, mode = "system", fullWidth = false, className, s
|
|
|
21
21
|
noBorder,
|
|
22
22
|
truncate,
|
|
23
23
|
radius,
|
|
24
|
-
|
|
24
|
+
flat
|
|
25
25
|
});
|
|
26
26
|
const newWindow = target === "_blank";
|
|
27
27
|
const extraProps = {
|
|
@@ -13,5 +13,5 @@ export declare const getBadgeClasses: ({ size, badge, }: Pick<ButtonIconTypes.Pr
|
|
|
13
13
|
className: string;
|
|
14
14
|
displayValue: string | null;
|
|
15
15
|
} | null;
|
|
16
|
-
export declare const getButtonClasses: ({ type, className, raw, mode, disabled, fullWidth, size, noBorder, labelRight, labelLeft, noBackground, variant, truncate, align, radius, animated, badge,
|
|
16
|
+
export declare const getButtonClasses: ({ type, className, raw, mode, disabled, fullWidth, size, noBorder, labelRight, labelLeft, noBackground, variant, truncate, align, radius, animated, badge, flat, }: GetButtonClassesProps) => string;
|
|
17
17
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-button",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "15.0.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
65
|
"@testing-library/jest-dom": "6.9.1",
|
|
66
|
-
"@versini/ui-types": "
|
|
66
|
+
"@versini/ui-types": "10.0.0"
|
|
67
67
|
},
|
|
68
68
|
"dependencies": {
|
|
69
69
|
"@versini/ui-hooks": "6.1.1",
|
|
@@ -74,5 +74,5 @@
|
|
|
74
74
|
"sideEffects": [
|
|
75
75
|
"**/*.css"
|
|
76
76
|
],
|
|
77
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "0c985a7fdf2ab23b36c43b42663d9625d0ccb4c5"
|
|
78
78
|
}
|