@calcom/atoms 2.10.0 → 2.10.1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,UAAU,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAGpG,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAG7C,QAAA,MAAM,aAAa;;;;;mFAuJlB,CAAC;AAEF,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE/D,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;AACrE,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC;AAEzE,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,iBAAiB,GAAG,eAAe,GACtC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,GAC3E,SAAS,CAAC;AAEZ,KAAK,mBAAmB,GAAG,eAAe,GACxC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAElE,eAAO,MAAM,MAAM,+
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,UAAU,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAGpG,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAG7C,QAAA,MAAM,aAAa;;;;;mFAuJlB,CAAC;AAEF,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE/D,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;AACrE,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC;AAEzE,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,iBAAiB,GAAG,eAAe,GACtC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,GAC3E,SAAS,CAAC;AAEZ,KAAK,mBAAmB,GAAG,eAAe,GACxC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAElE,eAAO,MAAM,MAAM,+HA4JlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as r, Fragment as s, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { cva as B } from "class-variance-authority";
|
|
3
3
|
import I from "next/link";
|
|
4
4
|
import { forwardRef as S } from "react";
|
|
5
5
|
import { cn as n } from "../../lib/utils.js";
|
|
6
|
-
import { Icon as
|
|
6
|
+
import { Icon as a } from "./icon.js";
|
|
7
7
|
import { Tooltip as V } from "./tooltip.js";
|
|
8
|
-
const
|
|
8
|
+
const E = B(
|
|
9
9
|
"group whitespace-nowrap inline-flex items-center text-sm font-medium relative rounded-[10px] transition cursor-pointer disabled:cursor-not-allowed gap-1",
|
|
10
10
|
{
|
|
11
11
|
variants: {
|
|
@@ -153,38 +153,38 @@ const W = B(
|
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
), L = S(
|
|
156
|
-
function(
|
|
156
|
+
function(t, x) {
|
|
157
157
|
const {
|
|
158
158
|
loading: i = !1,
|
|
159
|
-
color:
|
|
160
|
-
size:
|
|
161
|
-
variant:
|
|
162
|
-
type:
|
|
163
|
-
tooltipSide:
|
|
164
|
-
tooltipOffset:
|
|
165
|
-
tooltipClassName:
|
|
166
|
-
StartIcon:
|
|
167
|
-
CustomStartIcon:
|
|
168
|
-
EndIcon:
|
|
169
|
-
shallow:
|
|
170
|
-
...
|
|
171
|
-
} =
|
|
172
|
-
|
|
173
|
-
} :
|
|
174
|
-
|
|
175
|
-
/* @__PURE__ */ e(
|
|
176
|
-
/* @__PURE__ */ e(
|
|
159
|
+
color: c = "primary",
|
|
160
|
+
size: w,
|
|
161
|
+
variant: o = "button",
|
|
162
|
+
type: g = "button",
|
|
163
|
+
tooltipSide: y = "top",
|
|
164
|
+
tooltipOffset: N = 4,
|
|
165
|
+
tooltipClassName: k,
|
|
166
|
+
StartIcon: d,
|
|
167
|
+
CustomStartIcon: C,
|
|
168
|
+
EndIcon: l,
|
|
169
|
+
shallow: b,
|
|
170
|
+
...u
|
|
171
|
+
} = t, m = t.disabled || i || !1, z = typeof t.href < "u", h = n(E({ color: c, size: w, loading: i, variant: o }), t.className), v = m ? (j) => {
|
|
172
|
+
j.preventDefault();
|
|
173
|
+
} : t.onClick, p = /* @__PURE__ */ r(s, { children: [
|
|
174
|
+
C || d && /* @__PURE__ */ e(s, { children: o === "fab" ? /* @__PURE__ */ r(s, { children: [
|
|
175
|
+
/* @__PURE__ */ e(a, { name: d, className: "hidden h-4 w-4 shrink-0 stroke-[1.5px] md:inline-flex" }),
|
|
176
|
+
/* @__PURE__ */ e(a, { name: "plus", "data-testid": "plus", className: "inline h-6 w-6 shrink-0 md:hidden" })
|
|
177
177
|
] }) : /* @__PURE__ */ e(
|
|
178
|
-
|
|
178
|
+
a,
|
|
179
179
|
{
|
|
180
180
|
"data-name": "start-icon",
|
|
181
|
-
name:
|
|
181
|
+
name: d,
|
|
182
182
|
className: n(
|
|
183
183
|
"shrink-0",
|
|
184
184
|
i ? "invisible" : "visible",
|
|
185
185
|
"button-icon group-[:not(div):active]:translate-y-[0.5px]",
|
|
186
|
-
|
|
187
|
-
|
|
186
|
+
o === "icon" && "h-4 w-4",
|
|
187
|
+
o === "button" && "h-4 w-4 stroke-[1.5px] "
|
|
188
188
|
)
|
|
189
189
|
}
|
|
190
190
|
) }),
|
|
@@ -194,18 +194,18 @@ const W = B(
|
|
|
194
194
|
className: n(
|
|
195
195
|
"contents",
|
|
196
196
|
i ? "invisible" : "visible",
|
|
197
|
-
|
|
197
|
+
o === "fab" ? "hidden md:contents" : "",
|
|
198
198
|
"group-[:not(div):active]:translate-y-[0.5px]"
|
|
199
199
|
),
|
|
200
|
-
children:
|
|
200
|
+
children: t.children
|
|
201
201
|
}
|
|
202
202
|
),
|
|
203
|
-
i && /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: /* @__PURE__ */
|
|
203
|
+
i && /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: /* @__PURE__ */ r(
|
|
204
204
|
"svg",
|
|
205
205
|
{
|
|
206
206
|
className: n(
|
|
207
207
|
"mx-4 h-5 w-5 animate-spin",
|
|
208
|
-
|
|
208
|
+
c === "primary" ? "text-inverted" : "text-emphasis"
|
|
209
209
|
),
|
|
210
210
|
xmlns: "http://www.w3.org/2000/svg",
|
|
211
211
|
fill: "none",
|
|
@@ -223,58 +223,61 @@ const W = B(
|
|
|
223
223
|
]
|
|
224
224
|
}
|
|
225
225
|
) }),
|
|
226
|
-
|
|
227
|
-
/* @__PURE__ */ e(
|
|
228
|
-
/* @__PURE__ */ e(
|
|
226
|
+
l && /* @__PURE__ */ e(s, { children: o === "fab" ? /* @__PURE__ */ r(s, { children: [
|
|
227
|
+
/* @__PURE__ */ e(a, { name: l, className: "hidden h-4 w-4 shrink-0 stroke-[1.5px] md:inline-flex" }),
|
|
228
|
+
/* @__PURE__ */ e(a, { name: "plus", "data-testid": "plus", className: "inline h-6 w-6 shrink-0 md:hidden" })
|
|
229
229
|
] }) : /* @__PURE__ */ e(
|
|
230
|
-
|
|
230
|
+
a,
|
|
231
231
|
{
|
|
232
|
-
name:
|
|
232
|
+
name: l,
|
|
233
233
|
className: n(
|
|
234
234
|
"shrink-0",
|
|
235
235
|
i ? "invisible" : "visible",
|
|
236
236
|
"group-[:not(div):active]:translate-y-[0.5px]",
|
|
237
|
-
|
|
238
|
-
|
|
237
|
+
o === "icon" && "h-4 w-4",
|
|
238
|
+
o === "button" && "h-4 w-4 stroke-[1.5px] "
|
|
239
239
|
)
|
|
240
240
|
}
|
|
241
241
|
) })
|
|
242
242
|
] });
|
|
243
|
-
|
|
244
|
-
|
|
243
|
+
if (z)
|
|
244
|
+
return /* @__PURE__ */ e(
|
|
245
|
+
I,
|
|
246
|
+
{
|
|
247
|
+
...u,
|
|
248
|
+
shallow: b && b,
|
|
249
|
+
className: h,
|
|
250
|
+
onClick: v,
|
|
251
|
+
children: p
|
|
252
|
+
}
|
|
253
|
+
);
|
|
254
|
+
const f = /* @__PURE__ */ e(
|
|
255
|
+
"button",
|
|
245
256
|
{
|
|
246
|
-
...
|
|
247
|
-
|
|
248
|
-
|
|
257
|
+
...u,
|
|
258
|
+
ref: x,
|
|
259
|
+
disabled: m,
|
|
260
|
+
type: g,
|
|
261
|
+
className: h,
|
|
249
262
|
onClick: v,
|
|
250
|
-
children:
|
|
263
|
+
children: p
|
|
251
264
|
}
|
|
252
|
-
)
|
|
265
|
+
);
|
|
266
|
+
return t.tooltip ? /* @__PURE__ */ e(
|
|
253
267
|
V,
|
|
254
268
|
{
|
|
255
269
|
"data-testid": "tooltip",
|
|
256
|
-
className:
|
|
257
|
-
content:
|
|
258
|
-
side:
|
|
259
|
-
sideOffset:
|
|
260
|
-
children: r
|
|
261
|
-
}
|
|
262
|
-
) : /* @__PURE__ */ e(a, { children: r }), { tooltip: o.tooltip, children: /* @__PURE__ */ e(
|
|
263
|
-
"button",
|
|
264
|
-
{
|
|
265
|
-
...m,
|
|
266
|
-
ref: w,
|
|
267
|
-
disabled: h,
|
|
268
|
-
type: y,
|
|
269
|
-
className: p,
|
|
270
|
-
onClick: v,
|
|
270
|
+
className: k,
|
|
271
|
+
content: t.tooltip,
|
|
272
|
+
side: y,
|
|
273
|
+
sideOffset: N,
|
|
271
274
|
children: f
|
|
272
275
|
}
|
|
273
|
-
)
|
|
276
|
+
) : f;
|
|
274
277
|
}
|
|
275
278
|
);
|
|
276
279
|
L.displayName = "Button";
|
|
277
280
|
export {
|
|
278
281
|
L as Button,
|
|
279
|
-
|
|
282
|
+
E as buttonClasses
|
|
280
283
|
};
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"description": "Customizable UI components to integrate scheduling into your product.",
|
|
6
6
|
"author": "Cal.com, Inc.",
|
|
7
7
|
"license": "AGPL-3.0-or-later",
|
|
8
|
-
"version": "2.10.
|
|
8
|
+
"version": "2.10.1",
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
11
11
|
"url": "https://github.com/calcom/atoms",
|