@clickpalm/react 1.3.12 → 1.3.13
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.js +19 -4
- package/dist/index.mjs +19 -4
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2431,7 +2431,7 @@ var Tabs2 = ({ defaultValue, colorContent, children, value, onValueChange }) =>
|
|
|
2431
2431
|
value,
|
|
2432
2432
|
onValueChange,
|
|
2433
2433
|
children: [
|
|
2434
|
-
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
|
|
2434
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: `${hasOverflow ? "0 1rem" : ""}` }, children: [
|
|
2435
2435
|
hasOverflow && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2436
2436
|
Button,
|
|
2437
2437
|
{
|
|
@@ -4047,7 +4047,20 @@ var Navigation = styled("h3", {
|
|
|
4047
4047
|
var CarouselContent = styled("div", {
|
|
4048
4048
|
width: "100%",
|
|
4049
4049
|
overflow: "hidden",
|
|
4050
|
-
position: "relative"
|
|
4050
|
+
position: "relative",
|
|
4051
|
+
variants: {
|
|
4052
|
+
variant: {
|
|
4053
|
+
gray: {
|
|
4054
|
+
color: "$black"
|
|
4055
|
+
},
|
|
4056
|
+
purple: {
|
|
4057
|
+
color: "$white",
|
|
4058
|
+
"& *": {
|
|
4059
|
+
color: "$white"
|
|
4060
|
+
}
|
|
4061
|
+
}
|
|
4062
|
+
}
|
|
4063
|
+
}
|
|
4051
4064
|
});
|
|
4052
4065
|
var DotsContainer = styled("div", {
|
|
4053
4066
|
display: "flex",
|
|
@@ -4093,7 +4106,8 @@ var Ellipsis = styled("span", {
|
|
|
4093
4106
|
alignItems: "center"
|
|
4094
4107
|
});
|
|
4095
4108
|
var CarouselItemContainer = styled("div", {
|
|
4096
|
-
width: "100%"
|
|
4109
|
+
width: "100%",
|
|
4110
|
+
color: "inherit"
|
|
4097
4111
|
});
|
|
4098
4112
|
|
|
4099
4113
|
// src/components/Carousel/index.tsx
|
|
@@ -4142,7 +4156,7 @@ var Carousel = ({ title, variant, children }) => {
|
|
|
4142
4156
|
children: [
|
|
4143
4157
|
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Wrapper6, { variant, children: [
|
|
4144
4158
|
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(CarouselHeader, { children: [
|
|
4145
|
-
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Title2, { children: itemTitle ?? title }),
|
|
4159
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Title2, { variant, children: itemTitle ?? title }),
|
|
4146
4160
|
items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Navigation, { children: [
|
|
4147
4161
|
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4148
4162
|
Button,
|
|
@@ -4177,6 +4191,7 @@ var Carousel = ({ title, variant, children }) => {
|
|
|
4177
4191
|
onTouchStart,
|
|
4178
4192
|
onTouchMove,
|
|
4179
4193
|
onTouchEnd,
|
|
4194
|
+
variant,
|
|
4180
4195
|
children: items.map(
|
|
4181
4196
|
(child, index) => (0, import_react21.cloneElement)(child, {
|
|
4182
4197
|
"aria-hidden": index !== activeIndex,
|
package/dist/index.mjs
CHANGED
|
@@ -2361,7 +2361,7 @@ var Tabs2 = ({ defaultValue, colorContent, children, value, onValueChange }) =>
|
|
|
2361
2361
|
value,
|
|
2362
2362
|
onValueChange,
|
|
2363
2363
|
children: [
|
|
2364
|
-
/* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
|
|
2364
|
+
/* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: `${hasOverflow ? "0 1rem" : ""}` }, children: [
|
|
2365
2365
|
hasOverflow && /* @__PURE__ */ jsx30(
|
|
2366
2366
|
Button,
|
|
2367
2367
|
{
|
|
@@ -3981,7 +3981,20 @@ var Navigation = styled("h3", {
|
|
|
3981
3981
|
var CarouselContent = styled("div", {
|
|
3982
3982
|
width: "100%",
|
|
3983
3983
|
overflow: "hidden",
|
|
3984
|
-
position: "relative"
|
|
3984
|
+
position: "relative",
|
|
3985
|
+
variants: {
|
|
3986
|
+
variant: {
|
|
3987
|
+
gray: {
|
|
3988
|
+
color: "$black"
|
|
3989
|
+
},
|
|
3990
|
+
purple: {
|
|
3991
|
+
color: "$white",
|
|
3992
|
+
"& *": {
|
|
3993
|
+
color: "$white"
|
|
3994
|
+
}
|
|
3995
|
+
}
|
|
3996
|
+
}
|
|
3997
|
+
}
|
|
3985
3998
|
});
|
|
3986
3999
|
var DotsContainer = styled("div", {
|
|
3987
4000
|
display: "flex",
|
|
@@ -4027,7 +4040,8 @@ var Ellipsis = styled("span", {
|
|
|
4027
4040
|
alignItems: "center"
|
|
4028
4041
|
});
|
|
4029
4042
|
var CarouselItemContainer = styled("div", {
|
|
4030
|
-
width: "100%"
|
|
4043
|
+
width: "100%",
|
|
4044
|
+
color: "inherit"
|
|
4031
4045
|
});
|
|
4032
4046
|
|
|
4033
4047
|
// src/components/Carousel/index.tsx
|
|
@@ -4076,7 +4090,7 @@ var Carousel = ({ title, variant, children }) => {
|
|
|
4076
4090
|
children: [
|
|
4077
4091
|
/* @__PURE__ */ jsxs20(Wrapper6, { variant, children: [
|
|
4078
4092
|
/* @__PURE__ */ jsxs20(CarouselHeader, { children: [
|
|
4079
|
-
/* @__PURE__ */ jsx44(Title2, { children: itemTitle ?? title }),
|
|
4093
|
+
/* @__PURE__ */ jsx44(Title2, { variant, children: itemTitle ?? title }),
|
|
4080
4094
|
items.length > 0 && /* @__PURE__ */ jsxs20(Navigation, { children: [
|
|
4081
4095
|
/* @__PURE__ */ jsx44(
|
|
4082
4096
|
Button,
|
|
@@ -4111,6 +4125,7 @@ var Carousel = ({ title, variant, children }) => {
|
|
|
4111
4125
|
onTouchStart,
|
|
4112
4126
|
onTouchMove,
|
|
4113
4127
|
onTouchEnd,
|
|
4128
|
+
variant,
|
|
4114
4129
|
children: items.map(
|
|
4115
4130
|
(child, index) => cloneElement2(child, {
|
|
4116
4131
|
"aria-hidden": index !== activeIndex,
|
package/package.json
CHANGED