@vygruppen/spor-react 12.6.3 → 12.7.0

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.
@@ -286,27 +286,30 @@ declare const buttonRecipe: _chakra_ui_react.RecipeDefinition<{
286
286
  xs: {
287
287
  minHeight: number;
288
288
  minWidth: number;
289
- paddingY: number;
290
- fontSize: "xs";
289
+ paddingX: number;
290
+ fontSize: "mobile.xs";
291
291
  fontWeight: "normal";
292
292
  };
293
293
  sm: {
294
294
  minHeight: number;
295
295
  minWidth: number;
296
- fontSize: "xs";
296
+ paddingX: number;
297
+ fontSize: "mobile.sm";
297
298
  fontWeight: "normal";
298
299
  };
299
300
  md: {
300
301
  minHeight: number;
301
302
  minWidth: number;
302
- fontSize: "sm";
303
+ fontSize: "mobile.md";
303
304
  fontWeight: "bold";
305
+ paddingX: number;
304
306
  };
305
307
  lg: {
306
308
  minHeight: number;
307
309
  minWidth: number;
308
- fontSize: "sm";
310
+ fontSize: "mobile.md";
309
311
  fontWeight: "bold";
312
+ paddingX: number;
310
313
  };
311
314
  };
312
315
  }>;
@@ -623,15 +626,15 @@ declare const DatePicker: React__default.ForwardRefExoticComponent<Omit<AriaDate
623
626
  positioning?: PopoverRootProps["positioning"];
624
627
  } & FieldBaseProps & React__default.RefAttributes<HTMLDivElement>>;
625
628
 
626
- type DateRangePickerProps = Omit<AriaDateRangePickerProps<DateValue$1>, "onChange" | "errorMessage" | "isInvalid" | "isRequired"> & Pick<BoxProps, "minHeight"> & PropsWithChildren<DatePickerVariantProps> & CalendarVariants & {
629
+ type DateRangePickerProps = Omit<AriaDateRangePickerProps<DateValue>, "onChange" | "errorMessage" | "isInvalid" | "isRequired"> & Pick<BoxProps, "minHeight"> & PropsWithChildren<DatePickerVariantProps> & CalendarVariants & {
627
630
  startLabel?: string;
628
631
  startName?: string;
629
632
  endLabel?: string;
630
633
  endName?: string;
631
634
  withPortal?: boolean;
632
635
  onChange?: (dates: {
633
- start: DateValue$1 | null;
634
- end: DateValue$1 | null;
636
+ start: DateValue | null;
637
+ end: DateValue | null;
635
638
  } | null) => void;
636
639
  positioning?: PopoverRootProps["positioning"];
637
640
  } & FieldBaseProps;
package/dist/index.d.ts CHANGED
@@ -286,27 +286,30 @@ declare const buttonRecipe: _chakra_ui_react.RecipeDefinition<{
286
286
  xs: {
287
287
  minHeight: number;
288
288
  minWidth: number;
289
- paddingY: number;
290
- fontSize: "xs";
289
+ paddingX: number;
290
+ fontSize: "mobile.xs";
291
291
  fontWeight: "normal";
292
292
  };
293
293
  sm: {
294
294
  minHeight: number;
295
295
  minWidth: number;
296
- fontSize: "xs";
296
+ paddingX: number;
297
+ fontSize: "mobile.sm";
297
298
  fontWeight: "normal";
298
299
  };
299
300
  md: {
300
301
  minHeight: number;
301
302
  minWidth: number;
302
- fontSize: "sm";
303
+ fontSize: "mobile.md";
303
304
  fontWeight: "bold";
305
+ paddingX: number;
304
306
  };
305
307
  lg: {
306
308
  minHeight: number;
307
309
  minWidth: number;
308
- fontSize: "sm";
310
+ fontSize: "mobile.md";
309
311
  fontWeight: "bold";
312
+ paddingX: number;
310
313
  };
311
314
  };
312
315
  }>;
@@ -623,15 +626,15 @@ declare const DatePicker: React__default.ForwardRefExoticComponent<Omit<AriaDate
623
626
  positioning?: PopoverRootProps["positioning"];
624
627
  } & FieldBaseProps & React__default.RefAttributes<HTMLDivElement>>;
625
628
 
626
- type DateRangePickerProps = Omit<AriaDateRangePickerProps<DateValue$1>, "onChange" | "errorMessage" | "isInvalid" | "isRequired"> & Pick<BoxProps, "minHeight"> & PropsWithChildren<DatePickerVariantProps> & CalendarVariants & {
629
+ type DateRangePickerProps = Omit<AriaDateRangePickerProps<DateValue>, "onChange" | "errorMessage" | "isInvalid" | "isRequired"> & Pick<BoxProps, "minHeight"> & PropsWithChildren<DatePickerVariantProps> & CalendarVariants & {
627
630
  startLabel?: string;
628
631
  startName?: string;
629
632
  endLabel?: string;
630
633
  endName?: string;
631
634
  withPortal?: boolean;
632
635
  onChange?: (dates: {
633
- start: DateValue$1 | null;
634
- end: DateValue$1 | null;
636
+ start: DateValue | null;
637
+ end: DateValue | null;
635
638
  } | null) => void;
636
639
  positioning?: PopoverRootProps["positioning"];
637
640
  } & FieldBaseProps;
package/dist/index.mjs CHANGED
@@ -5538,8 +5538,6 @@ var buttonRecipe = defineRecipe({
5538
5538
  cursor: "pointer",
5539
5539
  textWrap: "wrap",
5540
5540
  width: "fit-content",
5541
- paddingX: 3,
5542
- paddingY: 1,
5543
5541
  _disabled: {
5544
5542
  cursor: "not-allowed",
5545
5543
  pointerEvents: "none",
@@ -5619,27 +5617,30 @@ var buttonRecipe = defineRecipe({
5619
5617
  xs: {
5620
5618
  minHeight: 5,
5621
5619
  minWidth: 5,
5622
- paddingY: 0.5,
5623
- fontSize: "xs",
5620
+ paddingX: 1.5,
5621
+ fontSize: "mobile.xs",
5624
5622
  fontWeight: "normal"
5625
5623
  },
5626
5624
  sm: {
5627
5625
  minHeight: 6,
5628
5626
  minWidth: 6,
5629
- fontSize: "xs",
5627
+ paddingX: 2,
5628
+ fontSize: "mobile.sm",
5630
5629
  fontWeight: "normal"
5631
5630
  },
5632
5631
  md: {
5633
5632
  minHeight: 7,
5634
5633
  minWidth: 7,
5635
- fontSize: "sm",
5636
- fontWeight: "bold"
5634
+ fontSize: "mobile.md",
5635
+ fontWeight: "bold",
5636
+ paddingX: 3
5637
5637
  },
5638
5638
  lg: {
5639
5639
  minHeight: 8,
5640
5640
  minWidth: 8,
5641
- fontSize: "sm",
5642
- fontWeight: "bold"
5641
+ fontSize: "mobile.md",
5642
+ fontWeight: "bold",
5643
+ paddingX: 3
5643
5644
  }
5644
5645
  }
5645
5646
  },
@@ -7591,15 +7592,13 @@ var fieldSlotRecipe = defineSlotRecipe({
7591
7592
  _after: {
7592
7593
  content: "''",
7593
7594
  position: "absolute",
7594
- marginTop: "-0.45em",
7595
+ top: 0,
7595
7596
  left: "1em",
7596
- width: 0,
7597
- height: 0,
7598
- transform: "rotate(45deg)",
7599
- borderLeft: "0.5em solid transparent",
7600
- borderRight: "0.5em solid transparent",
7601
- borderBottom: "0.5em solid",
7602
- borderColor: "lightRed"
7597
+ width: "0.5rem",
7598
+ height: "0.5rem",
7599
+ backgroundColor: "lightRed",
7600
+ transform: "translateY(-50%) rotate(45deg)",
7601
+ pointerEvents: "none"
7603
7602
  }
7604
7603
  }
7605
7604
  }