bsm-design-system 1.7.0 → 1.7.2

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 +19 -8
  2. package/index.d.ts +19 -8
  3. package/index.js +12 -12
  4. package/index.mjs +10 -10
  5. package/package.json +1 -1
  6. package/styles.css +1 -1
package/index.d.mts CHANGED
@@ -354,6 +354,10 @@ interface InputProps extends DefaultType$1 {
354
354
  * Input Error State
355
355
  */
356
356
  error?: boolean;
357
+ /**
358
+ * Input Rounded State
359
+ */
360
+ rounded?: boolean;
357
361
  /**
358
362
  * Input Loading State
359
363
  */
@@ -388,7 +392,7 @@ interface InputProps extends DefaultType$1 {
388
392
  helperText?: string;
389
393
  }
390
394
 
391
- declare function Test({ size, label, error, loading, beforeIcon, afterIcon, actionIcon, className, helperText, prefix, suffix, hint, onActionClick, ...props }: InputProps): react_jsx_runtime.JSX.Element;
395
+ declare function Test({ size, label, error, loading, beforeIcon, afterIcon, actionIcon, className, helperText, prefix, suffix, hint, rounded, onActionClick, ...props }: InputProps): react_jsx_runtime.JSX.Element;
392
396
 
393
397
  declare const containerVariants: tailwind_variants.TVReturnType<{
394
398
  size: {
@@ -489,31 +493,39 @@ declare const contentVariants: tailwind_variants.TVReturnType<{
489
493
  sm: string;
490
494
  md: string;
491
495
  lg: string;
496
+ xl: string;
497
+ full: string;
492
498
  };
493
499
  }, 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", {
494
500
  size: {
495
501
  sm: string;
496
502
  md: string;
497
503
  lg: string;
504
+ xl: string;
505
+ full: string;
498
506
  };
499
507
  }, undefined, tailwind_variants.TVReturnType<{
500
508
  size: {
501
509
  sm: string;
502
510
  md: string;
503
511
  lg: string;
512
+ xl: string;
513
+ full: string;
504
514
  };
505
515
  }, 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", unknown, unknown, undefined>>;
506
516
 
507
- type DefaulTtype = React.ComponentProps<typeof DialogPrimitive.Root>;
517
+ type DefaulTtype = Omit<
518
+ React.ComponentProps<typeof DialogPrimitive.Root>,
519
+ "onOpenChange"
520
+ >;
508
521
 
509
522
  type DialogSize = keyof typeof contentVariants.variants.size;
510
523
 
511
524
  type SmartDialogProps = {
512
525
  open?: boolean;
513
- onOpenChange?: (open: boolean) => void;
526
+ onClose?: (open: boolean) => void;
514
527
  trigger?: React.ReactNode;
515
528
  children?: React.ReactNode;
516
- hideClose?: boolean;
517
529
  size?: DialogSize;
518
530
  } & DefaulTtype;
519
531
 
@@ -524,7 +536,7 @@ type DialogHeaderBarProps = {
524
536
  children?: React$1.ReactNode;
525
537
  };
526
538
  declare function DialogHeaderBar({ title, hideClose, children }: DialogHeaderBarProps): react_jsx_runtime.JSX.Element;
527
- declare function SmartDialog({ open, onOpenChange, trigger, children, hideClose, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
539
+ declare function SmartDialog({ open, onClose, trigger, children, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
528
540
  declare namespace SmartDialog {
529
541
  var Header: typeof DialogHeaderBar;
530
542
  var Footer: typeof DialogFooter;
@@ -533,10 +545,9 @@ declare namespace SmartDialog {
533
545
  declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
534
546
  type SmartSheetProps = {
535
547
  open?: boolean;
536
- onOpenChange?: (open: boolean) => void;
548
+ onClose?: (open: boolean) => void;
537
549
  trigger?: React$1.ReactNode;
538
550
  side?: "top" | "bottom" | "left" | "right";
539
- hideClose?: boolean;
540
551
  children?: React$1.ReactNode;
541
552
  };
542
553
  type SheetHeaderBarProps = {
@@ -545,7 +556,7 @@ type SheetHeaderBarProps = {
545
556
  children?: React$1.ReactNode;
546
557
  };
547
558
  declare function SheetHeaderBar({ title, hideClose, children }: SheetHeaderBarProps): react_jsx_runtime.JSX.Element;
548
- declare function SmartSheet({ open, onOpenChange, trigger, side, children, }: SmartSheetProps): react_jsx_runtime.JSX.Element;
559
+ declare function SmartSheet({ open, onClose, trigger, side, children, }: SmartSheetProps): react_jsx_runtime.JSX.Element;
549
560
  declare namespace SmartSheet {
550
561
  var Header: typeof SheetHeaderBar;
551
562
  var Footer: typeof SheetFooter;
package/index.d.ts CHANGED
@@ -354,6 +354,10 @@ interface InputProps extends DefaultType$1 {
354
354
  * Input Error State
355
355
  */
356
356
  error?: boolean;
357
+ /**
358
+ * Input Rounded State
359
+ */
360
+ rounded?: boolean;
357
361
  /**
358
362
  * Input Loading State
359
363
  */
@@ -388,7 +392,7 @@ interface InputProps extends DefaultType$1 {
388
392
  helperText?: string;
389
393
  }
390
394
 
391
- declare function Test({ size, label, error, loading, beforeIcon, afterIcon, actionIcon, className, helperText, prefix, suffix, hint, onActionClick, ...props }: InputProps): react_jsx_runtime.JSX.Element;
395
+ declare function Test({ size, label, error, loading, beforeIcon, afterIcon, actionIcon, className, helperText, prefix, suffix, hint, rounded, onActionClick, ...props }: InputProps): react_jsx_runtime.JSX.Element;
392
396
 
393
397
  declare const containerVariants: tailwind_variants.TVReturnType<{
394
398
  size: {
@@ -489,31 +493,39 @@ declare const contentVariants: tailwind_variants.TVReturnType<{
489
493
  sm: string;
490
494
  md: string;
491
495
  lg: string;
496
+ xl: string;
497
+ full: string;
492
498
  };
493
499
  }, 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", {
494
500
  size: {
495
501
  sm: string;
496
502
  md: string;
497
503
  lg: string;
504
+ xl: string;
505
+ full: string;
498
506
  };
499
507
  }, undefined, tailwind_variants.TVReturnType<{
500
508
  size: {
501
509
  sm: string;
502
510
  md: string;
503
511
  lg: string;
512
+ xl: string;
513
+ full: string;
504
514
  };
505
515
  }, 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", unknown, unknown, undefined>>;
506
516
 
507
- type DefaulTtype = React.ComponentProps<typeof DialogPrimitive.Root>;
517
+ type DefaulTtype = Omit<
518
+ React.ComponentProps<typeof DialogPrimitive.Root>,
519
+ "onOpenChange"
520
+ >;
508
521
 
509
522
  type DialogSize = keyof typeof contentVariants.variants.size;
510
523
 
511
524
  type SmartDialogProps = {
512
525
  open?: boolean;
513
- onOpenChange?: (open: boolean) => void;
526
+ onClose?: (open: boolean) => void;
514
527
  trigger?: React.ReactNode;
515
528
  children?: React.ReactNode;
516
- hideClose?: boolean;
517
529
  size?: DialogSize;
518
530
  } & DefaulTtype;
519
531
 
@@ -524,7 +536,7 @@ type DialogHeaderBarProps = {
524
536
  children?: React$1.ReactNode;
525
537
  };
526
538
  declare function DialogHeaderBar({ title, hideClose, children }: DialogHeaderBarProps): react_jsx_runtime.JSX.Element;
527
- declare function SmartDialog({ open, onOpenChange, trigger, children, hideClose, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
539
+ declare function SmartDialog({ open, onClose, trigger, children, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
528
540
  declare namespace SmartDialog {
529
541
  var Header: typeof DialogHeaderBar;
530
542
  var Footer: typeof DialogFooter;
@@ -533,10 +545,9 @@ declare namespace SmartDialog {
533
545
  declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
534
546
  type SmartSheetProps = {
535
547
  open?: boolean;
536
- onOpenChange?: (open: boolean) => void;
548
+ onClose?: (open: boolean) => void;
537
549
  trigger?: React$1.ReactNode;
538
550
  side?: "top" | "bottom" | "left" | "right";
539
- hideClose?: boolean;
540
551
  children?: React$1.ReactNode;
541
552
  };
542
553
  type SheetHeaderBarProps = {
@@ -545,7 +556,7 @@ type SheetHeaderBarProps = {
545
556
  children?: React$1.ReactNode;
546
557
  };
547
558
  declare function SheetHeaderBar({ title, hideClose, children }: SheetHeaderBarProps): react_jsx_runtime.JSX.Element;
548
- declare function SmartSheet({ open, onOpenChange, trigger, side, children, }: SmartSheetProps): react_jsx_runtime.JSX.Element;
559
+ declare function SmartSheet({ open, onClose, trigger, side, children, }: SmartSheetProps): react_jsx_runtime.JSX.Element;
549
560
  declare namespace SmartSheet {
550
561
  var Header: typeof SheetHeaderBar;
551
562
  var Footer: typeof SheetFooter;