@codapet/design-system 0.5.4 → 0.5.6

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 (4) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.mjs +38 -10
  3. package/dist/index.mjs.map +1 -1
  4. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -255,7 +255,7 @@ declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof Popo
255
255
  declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
256
256
  declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
257
257
 
258
- type DateFormat = 'MM/DD/YYYY' | 'DD/MM/YYYY' | 'YYYY-MM-DD' | 'DD-MM-YYYY' | 'MM-DD-YYYY' | 'DD.MM.YYYY' | 'MMMM D, YYYY' | 'D MMMM YYYY';
258
+ type DateFormat = 'MM/DD/YYYY' | 'DD/MM/YYYY' | 'YYYY-MM-DD' | 'DD-MM-YYYY' | 'MM-DD-YYYY' | 'DD.MM.YYYY' | 'YYYY/MM/DD' | 'MMMM D, YYYY' | 'D MMMM YYYY' | 'MMM D, YYYY' | 'MMM DD, YYYY' | 'D MMM YYYY' | 'DD MMM YYYY' | 'ddd, MMM D, YYYY' | 'dddd, MMMM D, YYYY';
259
259
  type NativeInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'min' | 'max' | 'size' | 'disabled' | 'onSelect'>;
260
260
  type FlattenedCalendarProps$1 = Omit<React$1.ComponentProps<typeof Calendar>, keyof React$1.InputHTMLAttributes<HTMLInputElement> | 'className' | 'mode' | 'selected' | 'onSelect' | 'month' | 'onMonthChange' | 'disabled' | 'captionLayout' | 'showOutsideDays' | 'classNames' | 'components' | 'formatters' | 'buttonVariant'>;
261
261
  interface DateInputProps extends NativeInputProps, FlattenedCalendarProps$1 {
package/dist/index.mjs CHANGED
@@ -712,7 +712,7 @@ function Calendar({
712
712
  classNames?.weekdays
713
713
  ),
714
714
  weekday: cn(
715
- "text-muted-foreground rounded-full md:flex-1 size-6 mx-1 font-normal text-[0.8rem] select-none ",
715
+ "text-slate-700 font-medium rounded-full md:flex-1 size-6 mx-[6px] font-normal text-[0.8rem] select-none ",
716
716
  classNames?.weekday
717
717
  ),
718
718
  week: cn(
@@ -729,7 +729,7 @@ function Calendar({
729
729
  classNames?.week_number
730
730
  ),
731
731
  day: cn(
732
- "relative flex items-center justify-center md:w-full md:h-full p-0 text-center group/day aspect-square select-none size-7 md:mx-0 mx-1 rounded-full",
732
+ "relative flex items-center justify-center md:w-full md:h-full p-0 text-center group/day aspect-square select-none size-7 md:mx-0 mx-[6px] rounded-full",
733
733
  classNames?.day
734
734
  ),
735
735
  range_start: cn(" bg-accent", classNames?.range_start),
@@ -760,18 +760,18 @@ function Calendar({
760
760
  },
761
761
  Chevron: ({ className: className2, orientation, ...props2 }) => {
762
762
  if (orientation === "left") {
763
- return /* @__PURE__ */ jsx11(ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
763
+ return /* @__PURE__ */ jsx11(ChevronLeftIcon, { className: cn("size-6", className2), ...props2 });
764
764
  }
765
765
  if (orientation === "right") {
766
766
  return /* @__PURE__ */ jsx11(
767
767
  ChevronRightIcon,
768
768
  {
769
- className: cn("size-4", className2),
769
+ className: cn("size-6", className2),
770
770
  ...props2
771
771
  }
772
772
  );
773
773
  }
774
- return /* @__PURE__ */ jsx11(ChevronDownIcon2, { className: cn("size-4", className2), ...props2 });
774
+ return /* @__PURE__ */ jsx11(ChevronDownIcon2, { className: cn("size-6", className2), ...props2 });
775
775
  },
776
776
  DayButton: CalendarDayButton,
777
777
  WeekNumber: ({ children, ...props2 }) => {
@@ -805,7 +805,7 @@ function CalendarDayButton({
805
805
  "data-range-end": modifiers.range_end,
806
806
  "data-range-middle": modifiers.range_middle,
807
807
  className: cn(
808
- "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none md:font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70 md:p-0 rounded-full md:text-base text-sm font-medium",
808
+ "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-slate-200 data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none md:font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70 md:p-0 rounded-full md:text-base text-sm font-medium text-black data-[range-middle=true]:rounded-md",
809
809
  className
810
810
  ),
811
811
  ...props
@@ -2072,8 +2072,15 @@ var DATE_FORMAT_TOKENS = {
2072
2072
  "DD-MM-YYYY": "dd-MM-yyyy",
2073
2073
  "MM-DD-YYYY": "MM-dd-yyyy",
2074
2074
  "DD.MM.YYYY": "dd.MM.yyyy",
2075
+ "YYYY/MM/DD": "yyyy/MM/dd",
2075
2076
  "MMMM D, YYYY": "MMMM d, yyyy",
2076
- "D MMMM YYYY": "d MMMM yyyy"
2077
+ "D MMMM YYYY": "d MMMM yyyy",
2078
+ "MMM D, YYYY": "MMM d, yyyy",
2079
+ "MMM DD, YYYY": "MMM dd, yyyy",
2080
+ "D MMM YYYY": "d MMM yyyy",
2081
+ "DD MMM YYYY": "dd MMM yyyy",
2082
+ "ddd, MMM D, YYYY": "EEE, MMM d, yyyy",
2083
+ "dddd, MMMM D, YYYY": "EEEE, MMMM d, yyyy"
2077
2084
  };
2078
2085
  var DATE_FORMAT_PLACEHOLDER = {
2079
2086
  "MM/DD/YYYY": "mm/dd/yyyy",
@@ -2082,8 +2089,15 @@ var DATE_FORMAT_PLACEHOLDER = {
2082
2089
  "DD-MM-YYYY": "dd-mm-yyyy",
2083
2090
  "MM-DD-YYYY": "mm-dd-yyyy",
2084
2091
  "DD.MM.YYYY": "dd.mm.yyyy",
2092
+ "YYYY/MM/DD": "yyyy/mm/dd",
2085
2093
  "MMMM D, YYYY": "Month d, yyyy",
2086
- "D MMMM YYYY": "d Month yyyy"
2094
+ "D MMMM YYYY": "d Month yyyy",
2095
+ "MMM D, YYYY": "Mon d, yyyy",
2096
+ "MMM DD, YYYY": "Mon dd, yyyy",
2097
+ "D MMM YYYY": "d Mon yyyy",
2098
+ "DD MMM YYYY": "dd Mon yyyy",
2099
+ "ddd, MMM D, YYYY": "Day, Mon d, yyyy",
2100
+ "dddd, MMMM D, YYYY": "Weekday, Month d, yyyy"
2087
2101
  };
2088
2102
  var INPUT_PROP_KEYS = /* @__PURE__ */ new Set([
2089
2103
  "accept",
@@ -2375,8 +2389,15 @@ var DATE_FORMAT_TOKENS2 = {
2375
2389
  "DD-MM-YYYY": "dd-MM-yyyy",
2376
2390
  "MM-DD-YYYY": "MM-dd-yyyy",
2377
2391
  "DD.MM.YYYY": "dd.MM.yyyy",
2392
+ "YYYY/MM/DD": "yyyy/MM/dd",
2378
2393
  "MMMM D, YYYY": "MMMM d, yyyy",
2379
- "D MMMM YYYY": "d MMMM yyyy"
2394
+ "D MMMM YYYY": "d MMMM yyyy",
2395
+ "MMM D, YYYY": "MMM d, yyyy",
2396
+ "MMM DD, YYYY": "MMM dd, yyyy",
2397
+ "D MMM YYYY": "d MMM yyyy",
2398
+ "DD MMM YYYY": "dd MMM yyyy",
2399
+ "ddd, MMM D, YYYY": "EEE, MMM d, yyyy",
2400
+ "dddd, MMMM D, YYYY": "EEEE, MMMM d, yyyy"
2380
2401
  };
2381
2402
  var DATE_FORMAT_PLACEHOLDER2 = {
2382
2403
  "MM/DD/YYYY": "mm/dd/yyyy",
@@ -2385,8 +2406,15 @@ var DATE_FORMAT_PLACEHOLDER2 = {
2385
2406
  "DD-MM-YYYY": "dd-mm-yyyy",
2386
2407
  "MM-DD-YYYY": "mm-dd-yyyy",
2387
2408
  "DD.MM.YYYY": "dd.mm.yyyy",
2409
+ "YYYY/MM/DD": "yyyy/mm/dd",
2388
2410
  "MMMM D, YYYY": "Month d, yyyy",
2389
- "D MMMM YYYY": "d Month yyyy"
2411
+ "D MMMM YYYY": "d Month yyyy",
2412
+ "MMM D, YYYY": "Mon d, yyyy",
2413
+ "MMM DD, YYYY": "Mon dd, yyyy",
2414
+ "D MMM YYYY": "d Mon yyyy",
2415
+ "DD MMM YYYY": "dd Mon yyyy",
2416
+ "ddd, MMM D, YYYY": "Day, Mon d, yyyy",
2417
+ "dddd, MMMM D, YYYY": "Weekday, Month d, yyyy"
2390
2418
  };
2391
2419
  function formatDate2(date, dateFormat = "MM/DD/YYYY") {
2392
2420
  if (!date || !isValid2(date)) {