bsm-design-system 1.22.9 → 1.22.11

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 +16 -8
  2. package/index.d.ts +16 -8
  3. package/index.js +12 -13
  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,15 +543,19 @@ 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 SmartDialog({ open, onClose, disableCloseOutside, onInteractOutside, trigger, children, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
555
559
  declare namespace SmartDialog {
556
560
  var Header: typeof DialogHeaderBar;
557
561
  var Footer: typeof DialogFooter;
@@ -568,15 +572,19 @@ type DrawerHeader = {
568
572
 
569
573
  type DrawerProps = {
570
574
  open?: boolean;
575
+ disableCloseOutside?: boolean;
571
576
  onClose?: (open: boolean) => void;
572
577
  trigger?: React.ReactNode;
573
578
  side?: DrawerSide;
579
+ onInteractOutside?:
580
+ | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void)
581
+ | undefined;
574
582
  children?: React.ReactNode;
575
583
  };
576
584
 
577
585
  declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
578
586
  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;
587
+ declare function SmartSheet({ open, onClose, trigger, disableCloseOutside, onInteractOutside, side, children, }: DrawerProps): react_jsx_runtime.JSX.Element;
580
588
  declare namespace SmartSheet {
581
589
  var Header: typeof SheetHeaderBar;
582
590
  var Footer: typeof SheetFooter;
@@ -590,7 +598,7 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
590
598
  default: string;
591
599
  ghost: string;
592
600
  };
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", {
601
+ }, 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
602
  separate: {
595
603
  true: string;
596
604
  };
@@ -606,7 +614,7 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
606
614
  default: string;
607
615
  ghost: string;
608
616
  };
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>>;
617
+ }, 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
618
 
611
619
  type AccordionVariant =
612
620
  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,15 +543,19 @@ 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 SmartDialog({ open, onClose, disableCloseOutside, onInteractOutside, trigger, children, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
555
559
  declare namespace SmartDialog {
556
560
  var Header: typeof DialogHeaderBar;
557
561
  var Footer: typeof DialogFooter;
@@ -568,15 +572,19 @@ type DrawerHeader = {
568
572
 
569
573
  type DrawerProps = {
570
574
  open?: boolean;
575
+ disableCloseOutside?: boolean;
571
576
  onClose?: (open: boolean) => void;
572
577
  trigger?: React.ReactNode;
573
578
  side?: DrawerSide;
579
+ onInteractOutside?:
580
+ | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void)
581
+ | undefined;
574
582
  children?: React.ReactNode;
575
583
  };
576
584
 
577
585
  declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
578
586
  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;
587
+ declare function SmartSheet({ open, onClose, trigger, disableCloseOutside, onInteractOutside, side, children, }: DrawerProps): react_jsx_runtime.JSX.Element;
580
588
  declare namespace SmartSheet {
581
589
  var Header: typeof SheetHeaderBar;
582
590
  var Footer: typeof SheetFooter;
@@ -590,7 +598,7 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
590
598
  default: string;
591
599
  ghost: string;
592
600
  };
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", {
601
+ }, 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
602
  separate: {
595
603
  true: string;
596
604
  };
@@ -606,7 +614,7 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
606
614
  default: string;
607
615
  ghost: string;
608
616
  };
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>>;
617
+ }, 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
618
 
611
619
  type AccordionVariant =
612
620
  keyof typeof AccordionTriggerVariants.variants.variant;