@chekinapp/ui 0.0.10 → 0.0.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 (5) hide show
  1. package/dist/index.cjs +21 -11
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +21 -11
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -627,7 +627,7 @@ import { useTranslation as useTranslation3 } from "react-i18next";
627
627
  import { cva as cva3 } from "class-variance-authority";
628
628
  var buttonVariants = cva3(
629
629
  [
630
- "relative inline-flex items-center justify-center gap-2 whitespace-nowrap",
630
+ "button relative inline-flex items-center justify-center gap-2 whitespace-nowrap",
631
631
  "[font-family:var(--button-font-family)] [font-weight:var(--button-font-weight)]",
632
632
  "transition-all duration-150 ease-out outline-none",
633
633
  "focus-visible:shadow-[var(--button-focus-shadow)]",
@@ -641,39 +641,46 @@ var buttonVariants = cva3(
641
641
  variants: {
642
642
  variant: {
643
643
  default: [
644
+ "button_default",
644
645
  "bg-[var(--button-primary-bg)] text-[color:var(--button-primary-text)]",
645
646
  "hover:before:bg-[var(--button-primary-hover-overlay)] active:before:bg-[var(--button-primary-active-overlay)]",
646
647
  "disabled:hover:before:bg-transparent"
647
648
  ],
648
649
  primary: [
650
+ "button_default",
649
651
  "bg-[var(--button-primary-bg)] text-[color:var(--button-primary-text)]",
650
652
  "hover:before:bg-[var(--button-primary-hover-overlay)] active:before:bg-[var(--button-primary-active-overlay)]",
651
653
  "disabled:hover:before:bg-transparent"
652
654
  ],
653
655
  destructive: [
656
+ "button_destructive",
654
657
  "border border-[var(--button-destructive-border)] bg-[var(--button-destructive-bg)] text-[color:var(--button-destructive-text)]",
655
658
  "shadow-[var(--button-shadow)]",
656
659
  "hover:bg-[var(--button-destructive-hover-bg)]",
657
660
  "disabled:hover:bg-[var(--button-destructive-bg)]"
658
661
  ],
659
662
  secondary: [
663
+ "button_secondary",
660
664
  "border border-[var(--button-secondary-border)] bg-[var(--button-secondary-bg)] text-[color:var(--button-secondary-text)]",
661
665
  "shadow-[var(--button-shadow)]",
662
666
  "hover:before:bg-[var(--button-secondary-hover-overlay)] active:before:bg-[var(--button-secondary-active-overlay)]",
663
667
  "disabled:hover:before:bg-transparent"
664
668
  ],
665
669
  ghost: [
670
+ "button_ghost",
666
671
  "bg-[var(--button-ghost-bg)] text-[color:var(--button-ghost-text)]",
667
672
  "hover:bg-[var(--button-ghost-hover-bg)] active:bg-[var(--button-ghost-active-bg)]",
668
673
  "disabled:hover:bg-[var(--button-ghost-bg)]"
669
674
  ],
670
675
  link: [
676
+ "button_link",
671
677
  "h-auto rounded-none bg-[var(--button-link-bg)] px-0 py-0 text-[color:var(--button-link-text)]",
672
678
  "underline-offset-4",
673
679
  "hover:underline active:opacity-80 before:hidden",
674
680
  "disabled:hover:no-underline"
675
681
  ],
676
682
  tertiary: [
683
+ "button_tertiary",
677
684
  "border border-[var(--button-tertiary-border)] bg-[var(--button-tertiary-bg)] text-[color:var(--button-tertiary-text)]",
678
685
  "shadow-[var(--button-shadow)]",
679
686
  "hover:before:bg-[var(--button-tertiary-hover-overlay)] active:before:bg-[var(--button-tertiary-active-overlay)]",
@@ -686,21 +693,21 @@ var buttonVariants = cva3(
686
693
  ]
687
694
  },
688
695
  size: {
689
- default: "h-[var(--button-height-default)] min-w-[var(--button-min-width-default)] px-4 py-2 text-[length:var(--button-font-size)]",
690
- m: "h-[var(--button-height-m)] min-w-[var(--button-min-width-m)] px-4 text-[length:var(--button-font-size)]",
691
- md: "h-[var(--button-height-m)] min-w-[var(--button-min-width-m)] px-4 text-[length:var(--button-font-size)]",
692
- s: "h-[var(--button-height-s)] px-[12px] text-[13px]",
693
- sm: "h-[var(--button-height-sm)] px-3 text-[length:var(--button-font-size)]",
694
- lg: "h-[var(--button-height-lg)] px-8 text-[15px]",
695
- xs: "h-[var(--button-height-xs)] px-[10px] text-[12px]",
696
- icon: "h-[var(--button-height-icon)] w-[var(--button-height-icon)] p-0"
696
+ default: "button_size_default h-[var(--button-height-default)] min-w-[var(--button-min-width-default)] px-4 py-2 text-[length:var(--button-font-size)]",
697
+ m: "button_size_m h-[var(--button-height-m)] min-w-[var(--button-min-width-m)] px-4 text-[length:var(--button-font-size)]",
698
+ md: "button_size_m h-[var(--button-height-m)] min-w-[var(--button-min-width-m)] px-4 text-[length:var(--button-font-size)]",
699
+ s: "button_size_sm h-[var(--button-height-s)] px-[12px] text-[13px]",
700
+ sm: "button_size_sm h-[var(--button-height-sm)] px-3 text-[length:var(--button-font-size)]",
701
+ lg: "button_size_lg h-[var(--button-height-lg)] px-8 text-[15px]",
702
+ xs: "button_size_xs h-[var(--button-height-xs)] px-[10px] text-[12px]",
703
+ icon: "button_size_icon h-[var(--button-height-icon)] w-[var(--button-height-icon)] p-0"
697
704
  },
698
705
  shape: {
699
706
  rounded: "rounded-[var(--button-radius)]",
700
707
  pill: "rounded-full"
701
708
  },
702
709
  readOnly: {
703
- true: "pointer-events-none cursor-not-allowed !opacity-100",
710
+ true: "button_readonly pointer-events-none cursor-not-allowed !opacity-100",
704
711
  false: ""
705
712
  }
706
713
  },
@@ -6134,7 +6141,10 @@ function Skeleton({ className, ...props }) {
6134
6141
  "div",
6135
6142
  {
6136
6143
  "data-slot": "skeleton",
6137
- className: cn("animate-pulse rounded-md bg-chekin-gray-3", className),
6144
+ className: cn(
6145
+ "animate-pulse rounded-md bg-[var(--chekin-color-gray-3)]",
6146
+ className
6147
+ ),
6138
6148
  ...props
6139
6149
  }
6140
6150
  );