@jonapin006/tiger 1.0.37 → 1.0.38
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/index.d.ts +2 -0
- package/dist/tiger.es.js +15 -12
- package/dist/tiger.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonE
|
|
|
15
15
|
size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
|
|
16
16
|
iconLeft?: default_2.ElementType;
|
|
17
17
|
iconRight?: default_2.ElementType;
|
|
18
|
+
fullWidth?: boolean;
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
declare interface CardProps extends SizedComponentProps {
|
|
@@ -118,6 +119,7 @@ export declare interface ThemeGeometryConfig {
|
|
|
118
119
|
layout: {
|
|
119
120
|
container: string;
|
|
120
121
|
icon: string;
|
|
122
|
+
fullWidth: string;
|
|
121
123
|
};
|
|
122
124
|
});
|
|
123
125
|
iconButtons: Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {
|
package/dist/tiger.es.js
CHANGED
|
@@ -60,7 +60,8 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
60
60
|
baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0 w-fit",
|
|
61
61
|
layout: {
|
|
62
62
|
container: "inline-flex items-center justify-center gap-2",
|
|
63
|
-
icon: "w-[1.2em] h-[1.2em] shrink-0"
|
|
63
|
+
icon: "w-[1.2em] h-[1.2em] shrink-0",
|
|
64
|
+
fullWidth: "w-full"
|
|
64
65
|
}
|
|
65
66
|
},
|
|
66
67
|
iconButtons: {
|
|
@@ -910,7 +911,8 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
910
911
|
baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0 w-fit",
|
|
911
912
|
layout: {
|
|
912
913
|
container: "inline-flex items-center justify-center gap-2",
|
|
913
|
-
icon: "w-[1.2em] h-[1.2em] shrink-0"
|
|
914
|
+
icon: "w-[1.2em] h-[1.2em] shrink-0",
|
|
915
|
+
fullWidth: "w-full"
|
|
914
916
|
}
|
|
915
917
|
},
|
|
916
918
|
iconButtons: {
|
|
@@ -1760,7 +1762,8 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1760
1762
|
baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0 w-fit",
|
|
1761
1763
|
layout: {
|
|
1762
1764
|
container: "inline-flex items-center justify-center gap-2",
|
|
1763
|
-
icon: "w-[1.2em] h-[1.2em] shrink-0"
|
|
1765
|
+
icon: "w-[1.2em] h-[1.2em] shrink-0",
|
|
1766
|
+
fullWidth: "w-full"
|
|
1764
1767
|
}
|
|
1765
1768
|
},
|
|
1766
1769
|
iconButtons: {
|
|
@@ -2651,19 +2654,19 @@ var I = ({ children: e, size: t = y.Medium, variant: n = "p", bold: r = !1, ital
|
|
|
2651
2654
|
children: e
|
|
2652
2655
|
})
|
|
2653
2656
|
});
|
|
2654
|
-
}, ne = ({ variant: e = T.Primary, size: t = y.Medium, iconLeft: n, iconRight: r,
|
|
2655
|
-
let { theme:
|
|
2657
|
+
}, ne = ({ variant: e = T.Primary, size: t = y.Medium, iconLeft: n, iconRight: r, fullWidth: i = !1, className: a, children: o, ...s }) => {
|
|
2658
|
+
let { theme: u, themeConfig: d } = P(), f = d.buttons[e], p = t, m = u.geometry.buttons[p], h = u.geometry.buttons.typographyMappings[p];
|
|
2656
2659
|
return /* @__PURE__ */ l("button", {
|
|
2657
|
-
className: F(
|
|
2658
|
-
...
|
|
2660
|
+
className: F(u.geometry.buttons.baseStyles, f, m.size, u.geometry.buttons.layout.container, i && u.geometry.buttons.layout.fullWidth, a),
|
|
2661
|
+
...s,
|
|
2659
2662
|
children: [
|
|
2660
|
-
n && /* @__PURE__ */ c(n, { className:
|
|
2663
|
+
n && /* @__PURE__ */ c(n, { className: u.geometry.buttons.layout.icon }),
|
|
2661
2664
|
/* @__PURE__ */ c(I, {
|
|
2662
|
-
size:
|
|
2663
|
-
className:
|
|
2664
|
-
children:
|
|
2665
|
+
size: h,
|
|
2666
|
+
className: u.geometry.buttons.baseTypography,
|
|
2667
|
+
children: o
|
|
2665
2668
|
}),
|
|
2666
|
-
r && /* @__PURE__ */ c(r, { className:
|
|
2669
|
+
r && /* @__PURE__ */ c(r, { className: u.geometry.buttons.layout.icon })
|
|
2667
2670
|
]
|
|
2668
2671
|
});
|
|
2669
2672
|
}, L = ({ checked: e = !1, onChange: t, size: n = y.Medium, className: r, disabled: i = !1 }) => {
|