design-zystem 1.0.421 → 1.0.423
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/ui/index.d.mts +3 -0
- package/dist/ui/index.d.ts +3 -0
- package/dist/ui/index.js +38 -5
- package/dist/ui/index.mjs +38 -5
- package/package.json +1 -1
package/dist/ui/index.d.mts
CHANGED
|
@@ -55,6 +55,9 @@ type ColorToken = (typeof COLOR_TOKENS)[number];
|
|
|
55
55
|
type HexColor = `#${string}`;
|
|
56
56
|
|
|
57
57
|
declare const boxVariants: (props?: ({
|
|
58
|
+
background?: "white" | "grey-100" | "grey-200" | null | undefined;
|
|
59
|
+
bordered?: boolean | null | undefined;
|
|
60
|
+
clickable?: boolean | null | undefined;
|
|
58
61
|
padding?: "none" | "sm" | "md" | "lg" | null | undefined;
|
|
59
62
|
radius?: "none" | "sm" | "md" | null | undefined;
|
|
60
63
|
hasShadow?: boolean | null | undefined;
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -55,6 +55,9 @@ type ColorToken = (typeof COLOR_TOKENS)[number];
|
|
|
55
55
|
type HexColor = `#${string}`;
|
|
56
56
|
|
|
57
57
|
declare const boxVariants: (props?: ({
|
|
58
|
+
background?: "white" | "grey-100" | "grey-200" | null | undefined;
|
|
59
|
+
bordered?: boolean | null | undefined;
|
|
60
|
+
clickable?: boolean | null | undefined;
|
|
58
61
|
padding?: "none" | "sm" | "md" | "lg" | null | undefined;
|
|
59
62
|
radius?: "none" | "sm" | "md" | null | undefined;
|
|
60
63
|
hasShadow?: boolean | null | undefined;
|
package/dist/ui/index.js
CHANGED
|
@@ -508,8 +508,21 @@ var ACCENT_CLASS = {
|
|
|
508
508
|
"orange-600": "border-l-4 border-l-orange-600",
|
|
509
509
|
"purple-700": "border-l-4 border-l-purple-700"
|
|
510
510
|
};
|
|
511
|
-
var boxVariants = (0, import_class_variance_authority2.cva)("
|
|
511
|
+
var boxVariants = (0, import_class_variance_authority2.cva)("", {
|
|
512
512
|
variants: {
|
|
513
|
+
background: {
|
|
514
|
+
white: "bg-white",
|
|
515
|
+
"grey-100": "bg-grey-100",
|
|
516
|
+
"grey-200": "bg-grey-200"
|
|
517
|
+
},
|
|
518
|
+
bordered: {
|
|
519
|
+
true: "border border-grey-300",
|
|
520
|
+
false: "border-0"
|
|
521
|
+
},
|
|
522
|
+
clickable: {
|
|
523
|
+
true: "cursor-pointer",
|
|
524
|
+
false: ""
|
|
525
|
+
},
|
|
513
526
|
padding: {
|
|
514
527
|
none: "p-0",
|
|
515
528
|
sm: "p-2",
|
|
@@ -526,11 +539,21 @@ var boxVariants = (0, import_class_variance_authority2.cva)("border border-grey-
|
|
|
526
539
|
false: ""
|
|
527
540
|
}
|
|
528
541
|
},
|
|
529
|
-
defaultVariants: {
|
|
542
|
+
defaultVariants: {
|
|
543
|
+
background: "white",
|
|
544
|
+
bordered: true,
|
|
545
|
+
clickable: false,
|
|
546
|
+
padding: "md",
|
|
547
|
+
radius: "md",
|
|
548
|
+
hasShadow: false
|
|
549
|
+
}
|
|
530
550
|
});
|
|
531
551
|
var Box = (0, import_react2.forwardRef)(
|
|
532
552
|
(_a, ref) => {
|
|
533
553
|
var _b = _a, {
|
|
554
|
+
background,
|
|
555
|
+
bordered,
|
|
556
|
+
clickable,
|
|
534
557
|
padding,
|
|
535
558
|
radius,
|
|
536
559
|
hasShadow,
|
|
@@ -540,6 +563,9 @@ var Box = (0, import_react2.forwardRef)(
|
|
|
540
563
|
className,
|
|
541
564
|
style
|
|
542
565
|
} = _b, props = __objRest(_b, [
|
|
566
|
+
"background",
|
|
567
|
+
"bordered",
|
|
568
|
+
"clickable",
|
|
543
569
|
"padding",
|
|
544
570
|
"radius",
|
|
545
571
|
"hasShadow",
|
|
@@ -554,7 +580,14 @@ var Box = (0, import_react2.forwardRef)(
|
|
|
554
580
|
__spreadValues({
|
|
555
581
|
ref,
|
|
556
582
|
className: cn(
|
|
557
|
-
boxVariants({
|
|
583
|
+
boxVariants({
|
|
584
|
+
background,
|
|
585
|
+
bordered,
|
|
586
|
+
clickable,
|
|
587
|
+
padding,
|
|
588
|
+
radius,
|
|
589
|
+
hasShadow
|
|
590
|
+
}),
|
|
558
591
|
ACCENT_CLASS[accent],
|
|
559
592
|
className
|
|
560
593
|
),
|
|
@@ -8540,8 +8573,8 @@ var DatePicker = ({
|
|
|
8540
8573
|
] });
|
|
8541
8574
|
}
|
|
8542
8575
|
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
|
|
8543
|
-
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Layout, { column: true, gap: 1.5, className, children: [
|
|
8544
|
-
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Layout, { align: "center", gap: 1.5, children: [
|
|
8576
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Layout, { column: true, gap: 1.5, align: "end", className, children: [
|
|
8577
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Layout, { align: "center", gap: 1.5, width: "auto", children: [
|
|
8545
8578
|
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
8546
8579
|
"button",
|
|
8547
8580
|
{
|
package/dist/ui/index.mjs
CHANGED
|
@@ -301,8 +301,21 @@ var ACCENT_CLASS = {
|
|
|
301
301
|
"orange-600": "border-l-4 border-l-orange-600",
|
|
302
302
|
"purple-700": "border-l-4 border-l-purple-700"
|
|
303
303
|
};
|
|
304
|
-
var boxVariants = cva2("
|
|
304
|
+
var boxVariants = cva2("", {
|
|
305
305
|
variants: {
|
|
306
|
+
background: {
|
|
307
|
+
white: "bg-white",
|
|
308
|
+
"grey-100": "bg-grey-100",
|
|
309
|
+
"grey-200": "bg-grey-200"
|
|
310
|
+
},
|
|
311
|
+
bordered: {
|
|
312
|
+
true: "border border-grey-300",
|
|
313
|
+
false: "border-0"
|
|
314
|
+
},
|
|
315
|
+
clickable: {
|
|
316
|
+
true: "cursor-pointer",
|
|
317
|
+
false: ""
|
|
318
|
+
},
|
|
306
319
|
padding: {
|
|
307
320
|
none: "p-0",
|
|
308
321
|
sm: "p-2",
|
|
@@ -319,11 +332,21 @@ var boxVariants = cva2("border border-grey-300 bg-white", {
|
|
|
319
332
|
false: ""
|
|
320
333
|
}
|
|
321
334
|
},
|
|
322
|
-
defaultVariants: {
|
|
335
|
+
defaultVariants: {
|
|
336
|
+
background: "white",
|
|
337
|
+
bordered: true,
|
|
338
|
+
clickable: false,
|
|
339
|
+
padding: "md",
|
|
340
|
+
radius: "md",
|
|
341
|
+
hasShadow: false
|
|
342
|
+
}
|
|
323
343
|
});
|
|
324
344
|
var Box = forwardRef2(
|
|
325
345
|
(_a, ref) => {
|
|
326
346
|
var _b = _a, {
|
|
347
|
+
background,
|
|
348
|
+
bordered,
|
|
349
|
+
clickable,
|
|
327
350
|
padding,
|
|
328
351
|
radius,
|
|
329
352
|
hasShadow,
|
|
@@ -333,6 +356,9 @@ var Box = forwardRef2(
|
|
|
333
356
|
className,
|
|
334
357
|
style
|
|
335
358
|
} = _b, props = __objRest(_b, [
|
|
359
|
+
"background",
|
|
360
|
+
"bordered",
|
|
361
|
+
"clickable",
|
|
336
362
|
"padding",
|
|
337
363
|
"radius",
|
|
338
364
|
"hasShadow",
|
|
@@ -347,7 +373,14 @@ var Box = forwardRef2(
|
|
|
347
373
|
__spreadValues({
|
|
348
374
|
ref,
|
|
349
375
|
className: cn(
|
|
350
|
-
boxVariants({
|
|
376
|
+
boxVariants({
|
|
377
|
+
background,
|
|
378
|
+
bordered,
|
|
379
|
+
clickable,
|
|
380
|
+
padding,
|
|
381
|
+
radius,
|
|
382
|
+
hasShadow
|
|
383
|
+
}),
|
|
351
384
|
ACCENT_CLASS[accent],
|
|
352
385
|
className
|
|
353
386
|
),
|
|
@@ -8377,8 +8410,8 @@ var DatePicker = ({
|
|
|
8377
8410
|
] });
|
|
8378
8411
|
}
|
|
8379
8412
|
return /* @__PURE__ */ jsxs58(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
|
|
8380
|
-
/* @__PURE__ */ jsxs58(Layout, { column: true, gap: 1.5, className, children: [
|
|
8381
|
-
/* @__PURE__ */ jsxs58(Layout, { align: "center", gap: 1.5, children: [
|
|
8413
|
+
/* @__PURE__ */ jsxs58(Layout, { column: true, gap: 1.5, align: "end", className, children: [
|
|
8414
|
+
/* @__PURE__ */ jsxs58(Layout, { align: "center", gap: 1.5, width: "auto", children: [
|
|
8382
8415
|
/* @__PURE__ */ jsx96(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ jsx96(
|
|
8383
8416
|
"button",
|
|
8384
8417
|
{
|