@qodo/design-system 0.20.19 → 0.20.20
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/design-system.css +1 -1
- package/dist/index.cjs.js +2 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +15 -15
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -9257,19 +9257,19 @@ const c0 = qt(
|
|
|
9257
9257
|
{
|
|
9258
9258
|
variants: {
|
|
9259
9259
|
variant: {
|
|
9260
|
-
default: "border-[var(--border-tag-emphasis-idle)] bg-[var(--fill-tag-emphasis-idle)] text-[var(--text-tag-emphasis-idle)] hover:text-[var(--text-tag-emphasis-hover)] hover:bg-[var(--fill-tag-emphasis-hover)] hover:border-[var(--border-tag-emphasis-hover)]
|
|
9261
|
-
primary: "border-[var(--border-tag-emphasis-idle)] bg-[var(--fill-tag-emphasis-idle)] text-[var(--text-tag-emphasis-idle)] hover:text-[var(--text-tag-emphasis-hover)] hover:bg-[var(--fill-tag-emphasis-hover)] hover:border-[var(--border-tag-emphasis-hover)]
|
|
9260
|
+
default: "border-[var(--border-tag-emphasis-idle)] bg-[var(--fill-tag-emphasis-idle)] text-[var(--text-tag-emphasis-idle)] hover:text-[var(--text-tag-emphasis-hover)] hover:bg-[var(--fill-tag-emphasis-hover)] hover:border-[var(--border-tag-emphasis-hover)] data-[active=true]:text-[var(--text-tag-emphasis-active)] data-[active=true]:bg-[var(--fill-tag-emphasis-active)] data-[active=true]:border-[var(--border-tag-emphasis-active)] aria-disabled:cursor-not-allowed aria-disabled:text-[var(--text-tag-emphasis-disabled)] aria-disabled:bg-[var(--fill-tag-emphasis-disabled)] aria-disabled:border-[var(--border-tag-emphasis-disabled)] ",
|
|
9261
|
+
primary: "border-[var(--border-tag-emphasis-idle)] bg-[var(--fill-tag-emphasis-idle)] text-[var(--text-tag-emphasis-idle)] hover:text-[var(--text-tag-emphasis-hover)] hover:bg-[var(--fill-tag-emphasis-hover)] hover:border-[var(--border-tag-emphasis-hover)] data-[active=true]:text-[var(--text-tag-emphasis-active)] data-[active=true]:bg-[var(--fill-tag-emphasis-active)] data-[active=true]:border-[var(--border-tag-emphasis-active)] aria-disabled:cursor-not-allowed aria-disabled:text-[var(--text-tag-emphasis-disabled)] aria-disabled:bg-[var(--fill-tag-emphasis-disabled)] aria-disabled:border-[var(--border-tag-emphasis-disabled)] ",
|
|
9262
9262
|
secondary: "border-purple-muted-600 text-purple-300",
|
|
9263
|
-
destructive: "border-[var(--border-tag-negative-idle)] bg-[var(--fill-tag-negative-idle)] text-[var(--text-tag-negative-idle)] hover:text-[var(--text-tag-negative-hover)] hover:bg-[var(--fill-tag-negative-hover)] hover:border-[var(--border-tag-negative-hover)]
|
|
9264
|
-
outline: "border-[var(--border-tag-neutral-idle)] bg-[var(--fill-tag-neutral-idle)] text-[var(--text-tag-neutral-idle)] hover:text-[var(--text-tag-neutral-hover)] hover:bg-[var(--fill-tag-neutral-hover)] hover:border-[var(--border-tag-neutral-hover)]
|
|
9265
|
-
success: "text-[var(--text-tag-positive-idle)] bg-[var(--fill-tag-positive-idle)] border-[var(--border-tag-positive-idle)] hover:text-[var(--text-tag-positive-hover)] hover:bg-[var(--fill-tag-positive-hover)] hover:border-[var(--border-tag-positive-hover)]
|
|
9266
|
-
error: "border-[var(--border-tag-negative-idle)] bg-[var(--fill-tag-negative-idle)] text-[var(--text-tag-negative-idle)] hover:text-[var(--text-tag-negative-hover)] hover:bg-[var(--fill-tag-negative-hover)] hover:border-[var(--border-tag-negative-hover)]
|
|
9267
|
-
pending: "border-[var(--border-tag-emphasis-idle)] bg-[var(--fill-tag-emphasis-idle)] text-[var(--text-tag-emphasis-idle)] hover:text-[var(--text-tag-emphasis-hover)] hover:bg-[var(--fill-tag-emphasis-hover)] hover:border-[var(--border-tag-emphasis-hover)]
|
|
9268
|
-
warning: "border-[var(--border-tag-warning-idle)] bg-[var(--fill-tag-warning-idle)] text-[var(--text-tag-warning-idle)] hover:text-[var(--text-tag-warning-hover)] hover:bg-[var(--fill-tag-warning-hover)] hover:border-[var(--border-tag-warning-hover)]
|
|
9263
|
+
destructive: "border-[var(--border-tag-negative-idle)] bg-[var(--fill-tag-negative-idle)] text-[var(--text-tag-negative-idle)] hover:text-[var(--text-tag-negative-hover)] hover:bg-[var(--fill-tag-negative-hover)] hover:border-[var(--border-tag-negative-hover)] data-[active=true]:text-[var(--text-tag-negative-active)] data-[active=true]:bg-[var(--fill-tag-negative-active)] data-[active=true]:border-[var(--border-tag-negative-active)] aria-disabled:cursor-not-allowed aria-disabled:text-[var(--text-tag-negative-disabled)] aria-disabled:bg-[var(--fill-tag-negative-disabled)] aria-disabled:border-[var(--border-tag-negative-disabled)] ",
|
|
9264
|
+
outline: "border-[var(--border-tag-neutral-idle)] bg-[var(--fill-tag-neutral-idle)] text-[var(--text-tag-neutral-idle)] hover:text-[var(--text-tag-neutral-hover)] hover:bg-[var(--fill-tag-neutral-hover)] hover:border-[var(--border-tag-neutral-hover)] data-[active=true]:text-[var(--text-tag-neutral-active)] data-[active=true]:bg-[var(--fill-tag-neutral-active)] data-[active=true]:border-[var(--border-tag-neutral-active)] aria-disabled:cursor-not-allowed aria-disabled:text-[var(--text-tag-neutral-disabled)] aria-disabled:bg-[var(--fill-tag-neutral-disabled)] aria-disabled:border-[var(--border-tag-neutral-disabled)] ",
|
|
9265
|
+
success: "text-[var(--text-tag-positive-idle)] bg-[var(--fill-tag-positive-idle)] border-[var(--border-tag-positive-idle)] hover:text-[var(--text-tag-positive-hover)] hover:bg-[var(--fill-tag-positive-hover)] hover:border-[var(--border-tag-positive-hover)] data-[active=true]:text-[var(--text-tag-positive-active)] data-[active=true]:bg-[var(--fill-tag-positive-active)] data-[active=true]:border-[var(--border-tag-positive-active)] aria-disabled:cursor-not-allowed aria-disabled:text-[var(--text-tag-positive-disabled)] aria-disabled:bg-[var(--fill-tag-positive-disabled)] aria-disabled:border-[var(--border-tag-positive-disabled)] ",
|
|
9266
|
+
error: "border-[var(--border-tag-negative-idle)] bg-[var(--fill-tag-negative-idle)] text-[var(--text-tag-negative-idle)] hover:text-[var(--text-tag-negative-hover)] hover:bg-[var(--fill-tag-negative-hover)] hover:border-[var(--border-tag-negative-hover)] data-[active=true]:text-[var(--text-tag-negative-active)] data-[active=true]:bg-[var(--fill-tag-negative-active)] data-[active=true]:border-[var(--border-tag-negative-active)] aria-disabled:cursor-not-allowed aria-disabled:text-[var(--text-tag-negative-disabled)] aria-disabled:bg-[var(--fill-tag-negative-disabled)] aria-disabled:border-[var(--border-tag-negative-disabled)] ",
|
|
9267
|
+
pending: "border-[var(--border-tag-emphasis-idle)] bg-[var(--fill-tag-emphasis-idle)] text-[var(--text-tag-emphasis-idle)] hover:text-[var(--text-tag-emphasis-hover)] hover:bg-[var(--fill-tag-emphasis-hover)] hover:border-[var(--border-tag-emphasis-hover)] data-[active=true]:text-[var(--text-tag-emphasis-active)] data-[active=true]:bg-[var(--fill-tag-emphasis-active)] data-[active=true]:border-[var(--border-tag-emphasis-active)] aria-disabled:cursor-not-allowed aria-disabled:text-[var(--text-tag-emphasis-disabled)] aria-disabled:bg-[var(--fill-tag-emphasis-disabled)] aria-disabled:border-[var(--border-tag-emphasis-disabled)] ",
|
|
9268
|
+
warning: "border-[var(--border-tag-warning-idle)] bg-[var(--fill-tag-warning-idle)] text-[var(--text-tag-warning-idle)] hover:text-[var(--text-tag-warning-hover)] hover:bg-[var(--fill-tag-warning-hover)] hover:border-[var(--border-tag-warning-hover)] data-[active=true]:text-[var(--text-tag-warning-active)] data-[active=true]:bg-[var(--fill-tag-warning-active)] data-[active=true]:border-[var(--border-tag-warning-active)] aria-disabled:cursor-not-allowed aria-disabled:text-[var(--text-tag-warning-disabled)] aria-disabled:bg-[var(--fill-tag-warning-disabled)] aria-disabled:border-[var(--border-tag-warning-disabled)] ",
|
|
9269
9269
|
text: "bg-transparent border-transparent text-primary-foreground !p-0"
|
|
9270
9270
|
},
|
|
9271
9271
|
size: {
|
|
9272
|
-
xs: "text-[10px] px-1.5 py-0.5 rounded-sm bg-transparent hover:bg-transparent aria-disabled:bg-transparent
|
|
9272
|
+
xs: "text-[10px] px-1.5 py-0.5 rounded-sm bg-transparent hover:bg-transparent aria-disabled:bg-transparent data-[active=true]:bg-transparent",
|
|
9273
9273
|
sm: "text-xs px-2.5 py-0.5 rounded-full",
|
|
9274
9274
|
md: "text-sm px-2.5 py-0.5 rounded-full",
|
|
9275
9275
|
lg: "text-base px-2.5 py-2 rounded-full"
|
|
@@ -9293,7 +9293,7 @@ function vr({
|
|
|
9293
9293
|
"div",
|
|
9294
9294
|
{
|
|
9295
9295
|
"aria-disabled": n,
|
|
9296
|
-
"
|
|
9296
|
+
"data-active": o,
|
|
9297
9297
|
className: k(c0({ variant: t, size: r }), e),
|
|
9298
9298
|
...a
|
|
9299
9299
|
}
|
|
@@ -12272,7 +12272,7 @@ function lP({
|
|
|
12272
12272
|
}) {
|
|
12273
12273
|
var p;
|
|
12274
12274
|
const { orientation: s, scrollPrev: i, canScrollPrev: c } = fn(), u = (p = d.useContext($s)) == null ? void 0 : p.isInFooter, f = k(
|
|
12275
|
-
"qodo qodo-carousel-previous size-8 rounded-md",
|
|
12275
|
+
"qodo qodo-carousel-previous size-8 rounded-md p-[6px]",
|
|
12276
12276
|
u ? "flex-shrink-0" : s === "horizontal" ? "absolute top-1/2 -left-12 -translate-y-1/2" : "absolute -top-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
12277
12277
|
e
|
|
12278
12278
|
);
|
|
@@ -12287,7 +12287,7 @@ function lP({
|
|
|
12287
12287
|
onClick: i,
|
|
12288
12288
|
...a,
|
|
12289
12289
|
children: [
|
|
12290
|
-
/* @__PURE__ */ l.jsx(n, {}),
|
|
12290
|
+
/* @__PURE__ */ l.jsx(n, { className: "stroke-(--icon-action-neutral-idle)" }),
|
|
12291
12291
|
/* @__PURE__ */ l.jsx("span", { className: "sr-only", children: o })
|
|
12292
12292
|
]
|
|
12293
12293
|
}
|
|
@@ -12303,7 +12303,7 @@ function cP({
|
|
|
12303
12303
|
}) {
|
|
12304
12304
|
var p;
|
|
12305
12305
|
const { orientation: s, scrollNext: i, canScrollNext: c } = fn(), u = (p = d.useContext($s)) == null ? void 0 : p.isInFooter, f = k(
|
|
12306
|
-
"qodo qodo-carousel-next size-8 rounded-md flex-shrink-0",
|
|
12306
|
+
"qodo qodo-carousel-next size-8 rounded-md flex-shrink-0 p-[6px]",
|
|
12307
12307
|
u ? "flex-shrink-0" : s === "horizontal" ? "absolute top-1/2 -right-12 -translate-y-1/2" : "absolute -bottom-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
12308
12308
|
e
|
|
12309
12309
|
);
|
|
@@ -12318,7 +12318,7 @@ function cP({
|
|
|
12318
12318
|
onClick: i,
|
|
12319
12319
|
...a,
|
|
12320
12320
|
children: [
|
|
12321
|
-
/* @__PURE__ */ l.jsx(n, {}),
|
|
12321
|
+
/* @__PURE__ */ l.jsx(n, { className: "stroke-(--icon-action-neutral-idle)" }),
|
|
12322
12322
|
/* @__PURE__ */ l.jsx("span", { className: "sr-only", children: o })
|
|
12323
12323
|
]
|
|
12324
12324
|
}
|
|
@@ -12328,7 +12328,7 @@ function uP({ className: e, ...t }) {
|
|
|
12328
12328
|
return /* @__PURE__ */ l.jsx($s.Provider, { value: { isInFooter: !0 }, children: /* @__PURE__ */ l.jsx(
|
|
12329
12329
|
"div",
|
|
12330
12330
|
{
|
|
12331
|
-
className: k("flex items-center justify-center gap-
|
|
12331
|
+
className: k("flex items-center justify-center gap-6 pt-2", e),
|
|
12332
12332
|
...t
|
|
12333
12333
|
}
|
|
12334
12334
|
) });
|