@vygruppen/spor-react 5.1.1 → 5.2.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.
- package/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +10 -0
- package/dist/{CountryCodeSelect-ZM527OHZ.mjs → CountryCodeSelect-IUVBFVKP.mjs} +1 -1
- package/dist/{chunk-J6I7IHRU.mjs → chunk-HOS74XL2.mjs} +299 -56
- package/dist/index.d.mts +18 -13
- package/dist/index.d.ts +18 -13
- package/dist/index.js +496 -316
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/datepicker/DatePicker.tsx +2 -1
- package/src/datepicker/DateRangePicker.tsx +8 -1
- package/src/datepicker/TimePicker.tsx +1 -1
- package/src/input/NumericStepper.tsx +2 -2
- package/src/stepper/StepperStep.tsx +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -408,7 +408,7 @@ type FloatingActionButtonProps = BoxProps & {
|
|
|
408
408
|
* placement="bottom right"
|
|
409
409
|
* />
|
|
410
410
|
*/
|
|
411
|
-
declare const FloatingActionButton: ComponentWithAs<ComponentWithAs<"a" | "button">, FloatingActionButtonProps>;
|
|
411
|
+
declare const FloatingActionButton: ComponentWithAs<ComponentWithAs<"a" | "button", {}>, FloatingActionButtonProps>;
|
|
412
412
|
|
|
413
413
|
type CardProps = Exclude<BoxProps, "size"> & {
|
|
414
414
|
size?: "sm" | "lg";
|
|
@@ -456,20 +456,25 @@ declare const Card: _chakra_ui_system_dist_system_types.ComponentWithAs<As, Card
|
|
|
456
456
|
* <DatePicker label="Dato" variant="base" />
|
|
457
457
|
* ```
|
|
458
458
|
*/
|
|
459
|
-
declare const DatePicker: React__default.ForwardRefExoticComponent<AriaDatePickerProps<DateValue> & Pick<BoxProps, "width" | "minHeight"> & {
|
|
459
|
+
declare const DatePicker: React__default.ForwardRefExoticComponent<Omit<AriaDatePickerProps<DateValue>, "onChange"> & Pick<BoxProps, "width" | "minHeight"> & {
|
|
460
460
|
variant: ResponsiveValue<"base" | "floating" | "ghost">;
|
|
461
461
|
name?: string | undefined;
|
|
462
462
|
showYearNavigation?: boolean | undefined;
|
|
463
463
|
withPortal?: boolean | undefined;
|
|
464
|
+
onChange?: ((value: DateValue | null) => void) | undefined;
|
|
464
465
|
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
465
466
|
|
|
466
|
-
type DateRangePickerProps = AriaDateRangePickerProps<DateValue> & Pick<BoxProps, "minHeight"> & {
|
|
467
|
+
type DateRangePickerProps = Omit<AriaDateRangePickerProps<DateValue>, "onChange"> & Pick<BoxProps, "minHeight"> & {
|
|
467
468
|
startLabel?: string;
|
|
468
469
|
startName?: string;
|
|
469
470
|
endLabel?: string;
|
|
470
471
|
endName?: string;
|
|
471
472
|
variant: ResponsiveValue<"base" | "floating" | "ghost">;
|
|
472
473
|
withPortal?: boolean;
|
|
474
|
+
onChange?: (dates: {
|
|
475
|
+
start: DateValue | null;
|
|
476
|
+
end: DateValue | null;
|
|
477
|
+
}) => void;
|
|
473
478
|
};
|
|
474
479
|
/**
|
|
475
480
|
* A date range picker component.
|
|
@@ -501,7 +506,7 @@ type TimePickerProps = Omit<BoxProps, "defaultValue" | "onChange"> & {
|
|
|
501
506
|
**/
|
|
502
507
|
defaultValue?: TimeValue | null;
|
|
503
508
|
/** Callback for when the time changes */
|
|
504
|
-
onChange?: (value: TimeValue) => void;
|
|
509
|
+
onChange?: (value: TimeValue | null) => void;
|
|
505
510
|
/** The maxiumum number of minutes to move when the step buttons are used.
|
|
506
511
|
*
|
|
507
512
|
* Defaults to 30 minutes.
|
|
@@ -3185,7 +3190,7 @@ declare const theme: {
|
|
|
3185
3190
|
}>;
|
|
3186
3191
|
} | undefined;
|
|
3187
3192
|
defaultProps?: {
|
|
3188
|
-
size?: "sm" | "md" | "lg" | "
|
|
3193
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | undefined;
|
|
3189
3194
|
variant?: string | number | undefined;
|
|
3190
3195
|
colorScheme?: string | undefined;
|
|
3191
3196
|
} | undefined;
|
|
@@ -4253,7 +4258,7 @@ declare const theme: {
|
|
|
4253
4258
|
}>;
|
|
4254
4259
|
} | undefined;
|
|
4255
4260
|
defaultProps?: {
|
|
4256
|
-
size?: "sm" | "md" | "lg" | "
|
|
4261
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | undefined;
|
|
4257
4262
|
variant?: string | number | undefined;
|
|
4258
4263
|
colorScheme?: string | undefined;
|
|
4259
4264
|
} | undefined;
|
|
@@ -4733,7 +4738,7 @@ declare const theme: {
|
|
|
4733
4738
|
variant?: "solid" | "outline" | undefined;
|
|
4734
4739
|
colorScheme?: string | undefined;
|
|
4735
4740
|
} | undefined;
|
|
4736
|
-
parts: ("track" | "container" | "thumb")[];
|
|
4741
|
+
parts: ("label" | "track" | "container" | "thumb")[];
|
|
4737
4742
|
};
|
|
4738
4743
|
Table: {
|
|
4739
4744
|
baseStyle?: {
|
|
@@ -4880,7 +4885,7 @@ declare const theme: {
|
|
|
4880
4885
|
} | undefined;
|
|
4881
4886
|
defaultProps?: {
|
|
4882
4887
|
size?: "sm" | "md" | "lg" | undefined;
|
|
4883
|
-
variant?: "outline" | "
|
|
4888
|
+
variant?: "outline" | "simple" | "unstyled" | undefined;
|
|
4884
4889
|
colorScheme?: string | undefined;
|
|
4885
4890
|
} | undefined;
|
|
4886
4891
|
parts: ("caption" | "table" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr")[];
|
|
@@ -5686,7 +5691,7 @@ declare const theme: {
|
|
|
5686
5691
|
}>;
|
|
5687
5692
|
} | undefined;
|
|
5688
5693
|
defaultProps?: {
|
|
5689
|
-
size?: "sm" | "md" | "lg" | "
|
|
5694
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "full" | "2xs" | undefined;
|
|
5690
5695
|
variant?: string | number | undefined;
|
|
5691
5696
|
colorScheme?: string | undefined;
|
|
5692
5697
|
} | undefined;
|
|
@@ -5848,7 +5853,7 @@ declare const theme: {
|
|
|
5848
5853
|
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
5849
5854
|
} | undefined;
|
|
5850
5855
|
defaultProps?: {
|
|
5851
|
-
size?: "sm" | "md" | "lg" | "
|
|
5856
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "3xl" | "4xl" | undefined;
|
|
5852
5857
|
variant?: string | number | undefined;
|
|
5853
5858
|
colorScheme?: string | undefined;
|
|
5854
5859
|
} | undefined;
|
|
@@ -6187,7 +6192,7 @@ declare const theme: {
|
|
|
6187
6192
|
} | undefined;
|
|
6188
6193
|
defaultProps?: {
|
|
6189
6194
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
6190
|
-
variant?: "outline" | "
|
|
6195
|
+
variant?: "outline" | "filled" | "unstyled" | "flushed" | undefined;
|
|
6191
6196
|
colorScheme?: string | undefined;
|
|
6192
6197
|
} | undefined;
|
|
6193
6198
|
parts: ("root" | "field" | "stepper" | "stepperGroup")[];
|
|
@@ -6245,7 +6250,7 @@ declare const theme: {
|
|
|
6245
6250
|
} | undefined;
|
|
6246
6251
|
defaultProps?: {
|
|
6247
6252
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
6248
|
-
variant?: "outline" | "
|
|
6253
|
+
variant?: "outline" | "filled" | "unstyled" | "flushed" | undefined;
|
|
6249
6254
|
colorScheme?: string | undefined;
|
|
6250
6255
|
} | undefined;
|
|
6251
6256
|
};
|
|
@@ -6557,7 +6562,7 @@ declare const theme: {
|
|
|
6557
6562
|
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
6558
6563
|
} | undefined;
|
|
6559
6564
|
defaultProps?: {
|
|
6560
|
-
size?: "sm" | "md" | "lg" | "
|
|
6565
|
+
size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
6561
6566
|
variant?: string | number | undefined;
|
|
6562
6567
|
colorScheme?: string | undefined;
|
|
6563
6568
|
} | undefined;
|
package/dist/index.d.ts
CHANGED
|
@@ -408,7 +408,7 @@ type FloatingActionButtonProps = BoxProps & {
|
|
|
408
408
|
* placement="bottom right"
|
|
409
409
|
* />
|
|
410
410
|
*/
|
|
411
|
-
declare const FloatingActionButton: ComponentWithAs<ComponentWithAs<"a" | "button">, FloatingActionButtonProps>;
|
|
411
|
+
declare const FloatingActionButton: ComponentWithAs<ComponentWithAs<"a" | "button", {}>, FloatingActionButtonProps>;
|
|
412
412
|
|
|
413
413
|
type CardProps = Exclude<BoxProps, "size"> & {
|
|
414
414
|
size?: "sm" | "lg";
|
|
@@ -456,20 +456,25 @@ declare const Card: _chakra_ui_system_dist_system_types.ComponentWithAs<As, Card
|
|
|
456
456
|
* <DatePicker label="Dato" variant="base" />
|
|
457
457
|
* ```
|
|
458
458
|
*/
|
|
459
|
-
declare const DatePicker: React__default.ForwardRefExoticComponent<AriaDatePickerProps<DateValue> & Pick<BoxProps, "width" | "minHeight"> & {
|
|
459
|
+
declare const DatePicker: React__default.ForwardRefExoticComponent<Omit<AriaDatePickerProps<DateValue>, "onChange"> & Pick<BoxProps, "width" | "minHeight"> & {
|
|
460
460
|
variant: ResponsiveValue<"base" | "floating" | "ghost">;
|
|
461
461
|
name?: string | undefined;
|
|
462
462
|
showYearNavigation?: boolean | undefined;
|
|
463
463
|
withPortal?: boolean | undefined;
|
|
464
|
+
onChange?: ((value: DateValue | null) => void) | undefined;
|
|
464
465
|
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
465
466
|
|
|
466
|
-
type DateRangePickerProps = AriaDateRangePickerProps<DateValue> & Pick<BoxProps, "minHeight"> & {
|
|
467
|
+
type DateRangePickerProps = Omit<AriaDateRangePickerProps<DateValue>, "onChange"> & Pick<BoxProps, "minHeight"> & {
|
|
467
468
|
startLabel?: string;
|
|
468
469
|
startName?: string;
|
|
469
470
|
endLabel?: string;
|
|
470
471
|
endName?: string;
|
|
471
472
|
variant: ResponsiveValue<"base" | "floating" | "ghost">;
|
|
472
473
|
withPortal?: boolean;
|
|
474
|
+
onChange?: (dates: {
|
|
475
|
+
start: DateValue | null;
|
|
476
|
+
end: DateValue | null;
|
|
477
|
+
}) => void;
|
|
473
478
|
};
|
|
474
479
|
/**
|
|
475
480
|
* A date range picker component.
|
|
@@ -501,7 +506,7 @@ type TimePickerProps = Omit<BoxProps, "defaultValue" | "onChange"> & {
|
|
|
501
506
|
**/
|
|
502
507
|
defaultValue?: TimeValue | null;
|
|
503
508
|
/** Callback for when the time changes */
|
|
504
|
-
onChange?: (value: TimeValue) => void;
|
|
509
|
+
onChange?: (value: TimeValue | null) => void;
|
|
505
510
|
/** The maxiumum number of minutes to move when the step buttons are used.
|
|
506
511
|
*
|
|
507
512
|
* Defaults to 30 minutes.
|
|
@@ -3185,7 +3190,7 @@ declare const theme: {
|
|
|
3185
3190
|
}>;
|
|
3186
3191
|
} | undefined;
|
|
3187
3192
|
defaultProps?: {
|
|
3188
|
-
size?: "sm" | "md" | "lg" | "
|
|
3193
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | undefined;
|
|
3189
3194
|
variant?: string | number | undefined;
|
|
3190
3195
|
colorScheme?: string | undefined;
|
|
3191
3196
|
} | undefined;
|
|
@@ -4253,7 +4258,7 @@ declare const theme: {
|
|
|
4253
4258
|
}>;
|
|
4254
4259
|
} | undefined;
|
|
4255
4260
|
defaultProps?: {
|
|
4256
|
-
size?: "sm" | "md" | "lg" | "
|
|
4261
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | undefined;
|
|
4257
4262
|
variant?: string | number | undefined;
|
|
4258
4263
|
colorScheme?: string | undefined;
|
|
4259
4264
|
} | undefined;
|
|
@@ -4733,7 +4738,7 @@ declare const theme: {
|
|
|
4733
4738
|
variant?: "solid" | "outline" | undefined;
|
|
4734
4739
|
colorScheme?: string | undefined;
|
|
4735
4740
|
} | undefined;
|
|
4736
|
-
parts: ("track" | "container" | "thumb")[];
|
|
4741
|
+
parts: ("label" | "track" | "container" | "thumb")[];
|
|
4737
4742
|
};
|
|
4738
4743
|
Table: {
|
|
4739
4744
|
baseStyle?: {
|
|
@@ -4880,7 +4885,7 @@ declare const theme: {
|
|
|
4880
4885
|
} | undefined;
|
|
4881
4886
|
defaultProps?: {
|
|
4882
4887
|
size?: "sm" | "md" | "lg" | undefined;
|
|
4883
|
-
variant?: "outline" | "
|
|
4888
|
+
variant?: "outline" | "simple" | "unstyled" | undefined;
|
|
4884
4889
|
colorScheme?: string | undefined;
|
|
4885
4890
|
} | undefined;
|
|
4886
4891
|
parts: ("caption" | "table" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr")[];
|
|
@@ -5686,7 +5691,7 @@ declare const theme: {
|
|
|
5686
5691
|
}>;
|
|
5687
5692
|
} | undefined;
|
|
5688
5693
|
defaultProps?: {
|
|
5689
|
-
size?: "sm" | "md" | "lg" | "
|
|
5694
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "full" | "2xs" | undefined;
|
|
5690
5695
|
variant?: string | number | undefined;
|
|
5691
5696
|
colorScheme?: string | undefined;
|
|
5692
5697
|
} | undefined;
|
|
@@ -5848,7 +5853,7 @@ declare const theme: {
|
|
|
5848
5853
|
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
5849
5854
|
} | undefined;
|
|
5850
5855
|
defaultProps?: {
|
|
5851
|
-
size?: "sm" | "md" | "lg" | "
|
|
5856
|
+
size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "3xl" | "4xl" | undefined;
|
|
5852
5857
|
variant?: string | number | undefined;
|
|
5853
5858
|
colorScheme?: string | undefined;
|
|
5854
5859
|
} | undefined;
|
|
@@ -6187,7 +6192,7 @@ declare const theme: {
|
|
|
6187
6192
|
} | undefined;
|
|
6188
6193
|
defaultProps?: {
|
|
6189
6194
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
6190
|
-
variant?: "outline" | "
|
|
6195
|
+
variant?: "outline" | "filled" | "unstyled" | "flushed" | undefined;
|
|
6191
6196
|
colorScheme?: string | undefined;
|
|
6192
6197
|
} | undefined;
|
|
6193
6198
|
parts: ("root" | "field" | "stepper" | "stepperGroup")[];
|
|
@@ -6245,7 +6250,7 @@ declare const theme: {
|
|
|
6245
6250
|
} | undefined;
|
|
6246
6251
|
defaultProps?: {
|
|
6247
6252
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
6248
|
-
variant?: "outline" | "
|
|
6253
|
+
variant?: "outline" | "filled" | "unstyled" | "flushed" | undefined;
|
|
6249
6254
|
colorScheme?: string | undefined;
|
|
6250
6255
|
} | undefined;
|
|
6251
6256
|
};
|
|
@@ -6557,7 +6562,7 @@ declare const theme: {
|
|
|
6557
6562
|
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
6558
6563
|
} | undefined;
|
|
6559
6564
|
defaultProps?: {
|
|
6560
|
-
size?: "sm" | "md" | "lg" | "
|
|
6565
|
+
size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
6561
6566
|
variant?: string | number | undefined;
|
|
6562
6567
|
colorScheme?: string | undefined;
|
|
6563
6568
|
} | undefined;
|