@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.cjs CHANGED
@@ -924,7 +924,7 @@ var import_react_i18next3 = require("react-i18next");
924
924
  var import_class_variance_authority3 = require("class-variance-authority");
925
925
  var buttonVariants = (0, import_class_variance_authority3.cva)(
926
926
  [
927
- "relative inline-flex items-center justify-center gap-2 whitespace-nowrap",
927
+ "button relative inline-flex items-center justify-center gap-2 whitespace-nowrap",
928
928
  "[font-family:var(--button-font-family)] [font-weight:var(--button-font-weight)]",
929
929
  "transition-all duration-150 ease-out outline-none",
930
930
  "focus-visible:shadow-[var(--button-focus-shadow)]",
@@ -938,39 +938,46 @@ var buttonVariants = (0, import_class_variance_authority3.cva)(
938
938
  variants: {
939
939
  variant: {
940
940
  default: [
941
+ "button_default",
941
942
  "bg-[var(--button-primary-bg)] text-[color:var(--button-primary-text)]",
942
943
  "hover:before:bg-[var(--button-primary-hover-overlay)] active:before:bg-[var(--button-primary-active-overlay)]",
943
944
  "disabled:hover:before:bg-transparent"
944
945
  ],
945
946
  primary: [
947
+ "button_default",
946
948
  "bg-[var(--button-primary-bg)] text-[color:var(--button-primary-text)]",
947
949
  "hover:before:bg-[var(--button-primary-hover-overlay)] active:before:bg-[var(--button-primary-active-overlay)]",
948
950
  "disabled:hover:before:bg-transparent"
949
951
  ],
950
952
  destructive: [
953
+ "button_destructive",
951
954
  "border border-[var(--button-destructive-border)] bg-[var(--button-destructive-bg)] text-[color:var(--button-destructive-text)]",
952
955
  "shadow-[var(--button-shadow)]",
953
956
  "hover:bg-[var(--button-destructive-hover-bg)]",
954
957
  "disabled:hover:bg-[var(--button-destructive-bg)]"
955
958
  ],
956
959
  secondary: [
960
+ "button_secondary",
957
961
  "border border-[var(--button-secondary-border)] bg-[var(--button-secondary-bg)] text-[color:var(--button-secondary-text)]",
958
962
  "shadow-[var(--button-shadow)]",
959
963
  "hover:before:bg-[var(--button-secondary-hover-overlay)] active:before:bg-[var(--button-secondary-active-overlay)]",
960
964
  "disabled:hover:before:bg-transparent"
961
965
  ],
962
966
  ghost: [
967
+ "button_ghost",
963
968
  "bg-[var(--button-ghost-bg)] text-[color:var(--button-ghost-text)]",
964
969
  "hover:bg-[var(--button-ghost-hover-bg)] active:bg-[var(--button-ghost-active-bg)]",
965
970
  "disabled:hover:bg-[var(--button-ghost-bg)]"
966
971
  ],
967
972
  link: [
973
+ "button_link",
968
974
  "h-auto rounded-none bg-[var(--button-link-bg)] px-0 py-0 text-[color:var(--button-link-text)]",
969
975
  "underline-offset-4",
970
976
  "hover:underline active:opacity-80 before:hidden",
971
977
  "disabled:hover:no-underline"
972
978
  ],
973
979
  tertiary: [
980
+ "button_tertiary",
974
981
  "border border-[var(--button-tertiary-border)] bg-[var(--button-tertiary-bg)] text-[color:var(--button-tertiary-text)]",
975
982
  "shadow-[var(--button-shadow)]",
976
983
  "hover:before:bg-[var(--button-tertiary-hover-overlay)] active:before:bg-[var(--button-tertiary-active-overlay)]",
@@ -983,21 +990,21 @@ var buttonVariants = (0, import_class_variance_authority3.cva)(
983
990
  ]
984
991
  },
985
992
  size: {
986
- default: "h-[var(--button-height-default)] min-w-[var(--button-min-width-default)] px-4 py-2 text-[length:var(--button-font-size)]",
987
- m: "h-[var(--button-height-m)] min-w-[var(--button-min-width-m)] px-4 text-[length:var(--button-font-size)]",
988
- md: "h-[var(--button-height-m)] min-w-[var(--button-min-width-m)] px-4 text-[length:var(--button-font-size)]",
989
- s: "h-[var(--button-height-s)] px-[12px] text-[13px]",
990
- sm: "h-[var(--button-height-sm)] px-3 text-[length:var(--button-font-size)]",
991
- lg: "h-[var(--button-height-lg)] px-8 text-[15px]",
992
- xs: "h-[var(--button-height-xs)] px-[10px] text-[12px]",
993
- icon: "h-[var(--button-height-icon)] w-[var(--button-height-icon)] p-0"
993
+ 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)]",
994
+ m: "button_size_m h-[var(--button-height-m)] min-w-[var(--button-min-width-m)] px-4 text-[length:var(--button-font-size)]",
995
+ md: "button_size_m h-[var(--button-height-m)] min-w-[var(--button-min-width-m)] px-4 text-[length:var(--button-font-size)]",
996
+ s: "button_size_sm h-[var(--button-height-s)] px-[12px] text-[13px]",
997
+ sm: "button_size_sm h-[var(--button-height-sm)] px-3 text-[length:var(--button-font-size)]",
998
+ lg: "button_size_lg h-[var(--button-height-lg)] px-8 text-[15px]",
999
+ xs: "button_size_xs h-[var(--button-height-xs)] px-[10px] text-[12px]",
1000
+ icon: "button_size_icon h-[var(--button-height-icon)] w-[var(--button-height-icon)] p-0"
994
1001
  },
995
1002
  shape: {
996
1003
  rounded: "rounded-[var(--button-radius)]",
997
1004
  pill: "rounded-full"
998
1005
  },
999
1006
  readOnly: {
1000
- true: "pointer-events-none cursor-not-allowed !opacity-100",
1007
+ true: "button_readonly pointer-events-none cursor-not-allowed !opacity-100",
1001
1008
  false: ""
1002
1009
  }
1003
1010
  },
@@ -6400,7 +6407,10 @@ function Skeleton({ className, ...props }) {
6400
6407
  "div",
6401
6408
  {
6402
6409
  "data-slot": "skeleton",
6403
- className: cn("animate-pulse rounded-md bg-chekin-gray-3", className),
6410
+ className: cn(
6411
+ "animate-pulse rounded-md bg-[var(--chekin-color-gray-3)]",
6412
+ className
6413
+ ),
6404
6414
  ...props
6405
6415
  }
6406
6416
  );