bsm-design-system 1.22.9 → 1.22.10

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.
Files changed (6) hide show
  1. package/index.d.mts +26 -8
  2. package/index.d.ts +26 -8
  3. package/index.js +14 -15
  4. package/index.mjs +13 -14
  5. package/package.json +1 -1
  6. package/styles.css +1 -1
package/index.d.mts CHANGED
@@ -502,7 +502,7 @@ declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div
502
502
  declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
503
503
  declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
504
504
 
505
- declare const contentVariants: tailwind_variants.TVReturnType<{
505
+ declare const contentWrapperVariants: tailwind_variants.TVReturnType<{
506
506
  size: {
507
507
  sm: string;
508
508
  md: string;
@@ -510,7 +510,7 @@ declare const contentVariants: tailwind_variants.TVReturnType<{
510
510
  xl: string;
511
511
  full: string;
512
512
  };
513
- }, undefined, "bg-background-card data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 \n data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-primary-border\n fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg \n border p-4 duration-200 text-text", {
513
+ }, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/10 p-4 backdrop-blur-xs", {
514
514
  size: {
515
515
  sm: string;
516
516
  md: string;
@@ -526,14 +526,14 @@ declare const contentVariants: tailwind_variants.TVReturnType<{
526
526
  xl: string;
527
527
  full: string;
528
528
  };
529
- }, undefined, "bg-background-card data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 \n data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-primary-border\n fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg \n border p-4 duration-200 text-text", unknown, unknown, undefined>>;
529
+ }, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/10 p-4 backdrop-blur-xs", unknown, unknown, undefined>>;
530
530
 
531
531
  type DefaulTtype = Omit<
532
532
  React.ComponentProps<typeof DialogPrimitive.Root>,
533
533
  "onOpenChange"
534
534
  >;
535
535
 
536
- type DialogSize = keyof typeof contentVariants.variants.size;
536
+ type DialogSize = keyof typeof contentWrapperVariants.variants.size;
537
537
 
538
538
  type DialogHeaderBarProps = {
539
539
  title?: string | React.ReactNode;
@@ -543,18 +543,27 @@ type DialogHeaderBarProps = {
543
543
 
544
544
  type SmartDialogProps = {
545
545
  open?: boolean;
546
+ disableCloseOutside?: boolean;
546
547
  onClose?: (open: boolean) => void;
547
548
  trigger?: React.ReactNode;
548
549
  children?: React.ReactNode;
549
550
  size?: DialogSize;
551
+ onInteractOutside?:
552
+ | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void)
553
+ | undefined;
550
554
  } & DefaulTtype;
551
555
 
552
556
  declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
553
557
  declare function DialogHeaderBar({ title, hideClose, children }: DialogHeaderBarProps): react_jsx_runtime.JSX.Element;
554
- declare function SmartDialog({ open, onClose, trigger, children, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
558
+ declare function ContentWrapper$1({ children, className, }: {
559
+ children: React$1.ReactNode;
560
+ className?: string;
561
+ }): react_jsx_runtime.JSX.Element;
562
+ declare function SmartDialog({ open, onClose, disableCloseOutside, onInteractOutside, trigger, children, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
555
563
  declare namespace SmartDialog {
556
564
  var Header: typeof DialogHeaderBar;
557
565
  var Footer: typeof DialogFooter;
566
+ var Content: typeof ContentWrapper$1;
558
567
  }
559
568
 
560
569
  type DrawerSide = "top" | "bottom" | "left" | "right";
@@ -568,18 +577,27 @@ type DrawerHeader = {
568
577
 
569
578
  type DrawerProps = {
570
579
  open?: boolean;
580
+ disableCloseOutside?: boolean;
571
581
  onClose?: (open: boolean) => void;
572
582
  trigger?: React.ReactNode;
573
583
  side?: DrawerSide;
584
+ onInteractOutside?:
585
+ | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void)
586
+ | undefined;
574
587
  children?: React.ReactNode;
575
588
  };
576
589
 
577
590
  declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
591
+ declare function ContentWrapper({ children, className, }: {
592
+ children: React$1.ReactNode;
593
+ className?: string;
594
+ }): react_jsx_runtime.JSX.Element;
578
595
  declare function SheetHeaderBar({ title, hideClose, children, extraAction, }: DrawerHeader): react_jsx_runtime.JSX.Element;
579
- declare function SmartSheet({ open, onClose, trigger, side, children, }: DrawerProps): react_jsx_runtime.JSX.Element;
596
+ declare function SmartSheet({ open, onClose, trigger, disableCloseOutside, onInteractOutside, side, children, }: DrawerProps): react_jsx_runtime.JSX.Element;
580
597
  declare namespace SmartSheet {
581
598
  var Header: typeof SheetHeaderBar;
582
599
  var Footer: typeof SheetFooter;
600
+ var Content: typeof ContentWrapper;
583
601
  }
584
602
 
585
603
  declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
@@ -590,7 +608,7 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
590
608
  default: string;
591
609
  ghost: string;
592
610
  };
593
- }, undefined, " text-text flex flex-1 cursor-pointer items-start gap-4 px-4 py-4 text-right text-sm font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", {
611
+ }, undefined, " group text-text flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", {
594
612
  separate: {
595
613
  true: string;
596
614
  };
@@ -606,7 +624,7 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
606
624
  default: string;
607
625
  ghost: string;
608
626
  };
609
- }, undefined, " text-text flex flex-1 cursor-pointer items-start gap-4 px-4 py-4 text-right text-sm font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", unknown, unknown, undefined>>;
627
+ }, undefined, " group text-text flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", unknown, unknown, undefined>>;
610
628
 
611
629
  type AccordionVariant =
612
630
  keyof typeof AccordionTriggerVariants.variants.variant;
package/index.d.ts CHANGED
@@ -502,7 +502,7 @@ declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div
502
502
  declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
503
503
  declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
504
504
 
505
- declare const contentVariants: tailwind_variants.TVReturnType<{
505
+ declare const contentWrapperVariants: tailwind_variants.TVReturnType<{
506
506
  size: {
507
507
  sm: string;
508
508
  md: string;
@@ -510,7 +510,7 @@ declare const contentVariants: tailwind_variants.TVReturnType<{
510
510
  xl: string;
511
511
  full: string;
512
512
  };
513
- }, undefined, "bg-background-card data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 \n data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-primary-border\n fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg \n border p-4 duration-200 text-text", {
513
+ }, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/10 p-4 backdrop-blur-xs", {
514
514
  size: {
515
515
  sm: string;
516
516
  md: string;
@@ -526,14 +526,14 @@ declare const contentVariants: tailwind_variants.TVReturnType<{
526
526
  xl: string;
527
527
  full: string;
528
528
  };
529
- }, undefined, "bg-background-card data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 \n data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-primary-border\n fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg \n border p-4 duration-200 text-text", unknown, unknown, undefined>>;
529
+ }, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/10 p-4 backdrop-blur-xs", unknown, unknown, undefined>>;
530
530
 
531
531
  type DefaulTtype = Omit<
532
532
  React.ComponentProps<typeof DialogPrimitive.Root>,
533
533
  "onOpenChange"
534
534
  >;
535
535
 
536
- type DialogSize = keyof typeof contentVariants.variants.size;
536
+ type DialogSize = keyof typeof contentWrapperVariants.variants.size;
537
537
 
538
538
  type DialogHeaderBarProps = {
539
539
  title?: string | React.ReactNode;
@@ -543,18 +543,27 @@ type DialogHeaderBarProps = {
543
543
 
544
544
  type SmartDialogProps = {
545
545
  open?: boolean;
546
+ disableCloseOutside?: boolean;
546
547
  onClose?: (open: boolean) => void;
547
548
  trigger?: React.ReactNode;
548
549
  children?: React.ReactNode;
549
550
  size?: DialogSize;
551
+ onInteractOutside?:
552
+ | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void)
553
+ | undefined;
550
554
  } & DefaulTtype;
551
555
 
552
556
  declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
553
557
  declare function DialogHeaderBar({ title, hideClose, children }: DialogHeaderBarProps): react_jsx_runtime.JSX.Element;
554
- declare function SmartDialog({ open, onClose, trigger, children, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
558
+ declare function ContentWrapper$1({ children, className, }: {
559
+ children: React$1.ReactNode;
560
+ className?: string;
561
+ }): react_jsx_runtime.JSX.Element;
562
+ declare function SmartDialog({ open, onClose, disableCloseOutside, onInteractOutside, trigger, children, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
555
563
  declare namespace SmartDialog {
556
564
  var Header: typeof DialogHeaderBar;
557
565
  var Footer: typeof DialogFooter;
566
+ var Content: typeof ContentWrapper$1;
558
567
  }
559
568
 
560
569
  type DrawerSide = "top" | "bottom" | "left" | "right";
@@ -568,18 +577,27 @@ type DrawerHeader = {
568
577
 
569
578
  type DrawerProps = {
570
579
  open?: boolean;
580
+ disableCloseOutside?: boolean;
571
581
  onClose?: (open: boolean) => void;
572
582
  trigger?: React.ReactNode;
573
583
  side?: DrawerSide;
584
+ onInteractOutside?:
585
+ | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void)
586
+ | undefined;
574
587
  children?: React.ReactNode;
575
588
  };
576
589
 
577
590
  declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
591
+ declare function ContentWrapper({ children, className, }: {
592
+ children: React$1.ReactNode;
593
+ className?: string;
594
+ }): react_jsx_runtime.JSX.Element;
578
595
  declare function SheetHeaderBar({ title, hideClose, children, extraAction, }: DrawerHeader): react_jsx_runtime.JSX.Element;
579
- declare function SmartSheet({ open, onClose, trigger, side, children, }: DrawerProps): react_jsx_runtime.JSX.Element;
596
+ declare function SmartSheet({ open, onClose, trigger, disableCloseOutside, onInteractOutside, side, children, }: DrawerProps): react_jsx_runtime.JSX.Element;
580
597
  declare namespace SmartSheet {
581
598
  var Header: typeof SheetHeaderBar;
582
599
  var Footer: typeof SheetFooter;
600
+ var Content: typeof ContentWrapper;
583
601
  }
584
602
 
585
603
  declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
@@ -590,7 +608,7 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
590
608
  default: string;
591
609
  ghost: string;
592
610
  };
593
- }, undefined, " text-text flex flex-1 cursor-pointer items-start gap-4 px-4 py-4 text-right text-sm font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", {
611
+ }, undefined, " group text-text flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", {
594
612
  separate: {
595
613
  true: string;
596
614
  };
@@ -606,7 +624,7 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
606
624
  default: string;
607
625
  ghost: string;
608
626
  };
609
- }, undefined, " text-text flex flex-1 cursor-pointer items-start gap-4 px-4 py-4 text-right text-sm font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", unknown, unknown, undefined>>;
627
+ }, undefined, " group text-text flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", unknown, unknown, undefined>>;
610
628
 
611
629
  type AccordionVariant =
612
630
  keyof typeof AccordionTriggerVariants.variants.variant;