@vygruppen/spor-react 3.3.0 → 3.3.1
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.
- package/.turbo/turbo-build.log +9 -9
- package/CHANGELOG.md +7 -0
- package/dist/{CountryCodeSelect-YQHGPTOR.mjs → CountryCodeSelect-A2JYYB5S.mjs} +1 -1
- package/dist/{chunk-INCE2TKZ.mjs → chunk-5JEY3QEF.mjs} +453 -464
- package/dist/index.d.ts +15 -9
- package/dist/index.js +657 -665
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/datepicker/Calendar.tsx +16 -1
- package/src/datepicker/CalendarCell.tsx +10 -3
- package/src/datepicker/CalendarTriggerButton.tsx +29 -23
- package/src/datepicker/DatePicker.tsx +37 -41
- package/src/datepicker/DateRangePicker.tsx +26 -25
- package/src/datepicker/DateTimeSegment.tsx +1 -3
- package/src/datepicker/utils.ts +4 -4
- package/src/theme/components/datepicker.ts +10 -3
package/dist/index.d.ts
CHANGED
|
@@ -432,6 +432,7 @@ declare const DatePicker: React__default.ForwardRefExoticComponent<AriaDatePicke
|
|
|
432
432
|
variant: ResponsiveValue<"simple" | "with-trigger">;
|
|
433
433
|
name?: string | undefined;
|
|
434
434
|
showYearNavigation?: boolean | undefined;
|
|
435
|
+
withPortal?: boolean | undefined;
|
|
435
436
|
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
436
437
|
|
|
437
438
|
type DateRangePickerProps = AriaDateRangePickerProps<DateValue> & Pick<BoxProps, "minHeight"> & {
|
|
@@ -440,6 +441,7 @@ type DateRangePickerProps = AriaDateRangePickerProps<DateValue> & Pick<BoxProps,
|
|
|
440
441
|
endLabel?: string;
|
|
441
442
|
endName?: string;
|
|
442
443
|
variant: ResponsiveValue<"simple" | "with-trigger">;
|
|
444
|
+
withPortal?: boolean;
|
|
443
445
|
};
|
|
444
446
|
/**
|
|
445
447
|
* A date range picker component.
|
|
@@ -450,7 +452,7 @@ type DateRangePickerProps = AriaDateRangePickerProps<DateValue> & Pick<BoxProps,
|
|
|
450
452
|
* <DateRangePicker startLabel="From" startName="from" endLabel="To" endName="to" variant="simple" />
|
|
451
453
|
* ```
|
|
452
454
|
*/
|
|
453
|
-
declare function DateRangePicker({ variant, minHeight, startName, endName, ...props }: DateRangePickerProps): React__default.JSX.Element;
|
|
455
|
+
declare function DateRangePicker({ variant, minHeight, startName, endName, withPortal, ...props }: DateRangePickerProps): React__default.JSX.Element;
|
|
454
456
|
|
|
455
457
|
type TimePickerProps = Omit<BoxProps, "defaultValue" | "onChange"> & {
|
|
456
458
|
/** The label. Defaults to a localized version of "Time" */
|
|
@@ -2814,6 +2816,10 @@ declare const theme: {
|
|
|
2814
2816
|
};
|
|
2815
2817
|
"&[data-today]": {
|
|
2816
2818
|
boxShadow: string;
|
|
2819
|
+
_focus: {
|
|
2820
|
+
outline: string;
|
|
2821
|
+
boxShadow: string;
|
|
2822
|
+
};
|
|
2817
2823
|
};
|
|
2818
2824
|
"&[data-unavailable]": {
|
|
2819
2825
|
pointerEvents: string;
|
|
@@ -2839,7 +2845,7 @@ declare const theme: {
|
|
|
2839
2845
|
}) | undefined;
|
|
2840
2846
|
sizes?: {
|
|
2841
2847
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
2842
|
-
keys: ("dateCell" | "weekdays" | "weekend" | "
|
|
2848
|
+
keys: ("dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "arrow")[];
|
|
2843
2849
|
}>;
|
|
2844
2850
|
} | undefined;
|
|
2845
2851
|
variants?: {
|
|
@@ -2859,7 +2865,7 @@ declare const theme: {
|
|
|
2859
2865
|
variant?: "simple" | "with-trigger" | undefined;
|
|
2860
2866
|
colorScheme?: string | undefined;
|
|
2861
2867
|
} | undefined;
|
|
2862
|
-
parts: ("dateCell" | "weekdays" | "weekend" | "
|
|
2868
|
+
parts: ("dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "arrow")[];
|
|
2863
2869
|
};
|
|
2864
2870
|
Drawer: {
|
|
2865
2871
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
@@ -3419,7 +3425,7 @@ declare const theme: {
|
|
|
3419
3425
|
};
|
|
3420
3426
|
};
|
|
3421
3427
|
" + label": {
|
|
3422
|
-
fontSize: ("
|
|
3428
|
+
fontSize: ("mobile.sm" | "desktop.sm")[];
|
|
3423
3429
|
top: string;
|
|
3424
3430
|
left: any;
|
|
3425
3431
|
zIndex: number;
|
|
@@ -4049,7 +4055,7 @@ declare const theme: {
|
|
|
4049
4055
|
height: string;
|
|
4050
4056
|
position: string;
|
|
4051
4057
|
"& + label": {
|
|
4052
|
-
fontSize: ("
|
|
4058
|
+
fontSize: ("mobile.sm" | "desktop.sm")[];
|
|
4053
4059
|
top: string;
|
|
4054
4060
|
left: number;
|
|
4055
4061
|
zIndex: number;
|
|
@@ -4084,7 +4090,7 @@ declare const theme: {
|
|
|
4084
4090
|
};
|
|
4085
4091
|
};
|
|
4086
4092
|
" + label": {
|
|
4087
|
-
fontSize: ("
|
|
4093
|
+
fontSize: ("mobile.sm" | "desktop.sm")[];
|
|
4088
4094
|
top: string;
|
|
4089
4095
|
left: any;
|
|
4090
4096
|
zIndex: number;
|
|
@@ -4490,7 +4496,7 @@ declare const theme: {
|
|
|
4490
4496
|
};
|
|
4491
4497
|
md: {
|
|
4492
4498
|
table: {
|
|
4493
|
-
fontSize: ("
|
|
4499
|
+
fontSize: ("mobile.sm" | "desktop.sm")[];
|
|
4494
4500
|
};
|
|
4495
4501
|
th: {
|
|
4496
4502
|
px: number;
|
|
@@ -4507,7 +4513,7 @@ declare const theme: {
|
|
|
4507
4513
|
};
|
|
4508
4514
|
lg: {
|
|
4509
4515
|
table: {
|
|
4510
|
-
fontSize: ("
|
|
4516
|
+
fontSize: ("mobile.sm" | "desktop.sm")[];
|
|
4511
4517
|
};
|
|
4512
4518
|
th: {
|
|
4513
4519
|
px: number;
|
|
@@ -4873,7 +4879,7 @@ declare const theme: {
|
|
|
4873
4879
|
};
|
|
4874
4880
|
};
|
|
4875
4881
|
" + label": {
|
|
4876
|
-
fontSize: ("
|
|
4882
|
+
fontSize: ("mobile.sm" | "desktop.sm")[];
|
|
4877
4883
|
top: string;
|
|
4878
4884
|
left: any;
|
|
4879
4885
|
zIndex: number;
|