@vygruppen/spor-react 3.7.6 → 3.8.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.
Files changed (34) hide show
  1. package/.turbo/turbo-build.log +11 -11
  2. package/CHANGELOG.md +29 -0
  3. package/dist/{CountryCodeSelect-IV4VKD4A.mjs → CountryCodeSelect-BA3A7ODU.mjs} +1 -1
  4. package/dist/{chunk-LQEO65MM.mjs → chunk-HL3ESNVB.mjs} +654 -445
  5. package/dist/index.d.mts +237 -43
  6. package/dist/index.d.ts +237 -43
  7. package/dist/index.js +830 -621
  8. package/dist/index.mjs +1 -1
  9. package/package.json +2 -2
  10. package/src/button/Button.tsx +7 -1
  11. package/src/button/FloatingActionButton.tsx +10 -1
  12. package/src/datepicker/Calendar.tsx +8 -3
  13. package/src/datepicker/CalendarCell.tsx +8 -3
  14. package/src/datepicker/CalendarGrid.tsx +9 -3
  15. package/src/datepicker/CalendarTriggerButton.tsx +10 -3
  16. package/src/datepicker/DatePicker.tsx +15 -35
  17. package/src/datepicker/DateRangePicker.tsx +14 -25
  18. package/src/datepicker/DateTimeSegment.tsx +0 -2
  19. package/src/datepicker/RangeCalendar.tsx +8 -4
  20. package/src/datepicker/StyledField.tsx +6 -1
  21. package/src/datepicker/TimePicker.tsx +1 -1
  22. package/src/input/NumericStepper.tsx +91 -68
  23. package/src/tab/Tabs.tsx +11 -1
  24. package/src/theme/components/button.ts +18 -16
  25. package/src/theme/components/card.ts +18 -10
  26. package/src/theme/components/close-button.ts +9 -8
  27. package/src/theme/components/datepicker.ts +74 -23
  28. package/src/theme/components/fab.ts +76 -1
  29. package/src/theme/components/info-tag.ts +16 -1
  30. package/src/theme/components/line-icon.ts +5 -4
  31. package/src/theme/components/link.ts +14 -36
  32. package/src/theme/components/modal.ts +4 -3
  33. package/src/theme/components/tabs.ts +82 -1
  34. package/src/theme/components/travel-tag.ts +6 -4
package/dist/index.d.ts CHANGED
@@ -393,7 +393,13 @@ type CloseButtonProps = Omit<IconButtonProps, "variant" | "aria-label"> & {
393
393
  declare const CloseButton: _chakra_ui_system_dist_system_types.ComponentWithAs<"button", CloseButtonProps>;
394
394
 
395
395
  type FloatingActionButtonProps = BoxProps & {
396
- variant?: "green" | "light" | "dark";
396
+ variant?:
397
+ /** @deprecated dark is deprecated please use accent*/
398
+ "green"
399
+ /** @deprecated dark is deprecated please use accent*/
400
+ | "light"
401
+ /** @deprecated dark is deprecated please use accent*/
402
+ | "dark" | "accent" | "base" | "brand";
397
403
  placement?: "bottom right" | "bottom left" | "top right" | "top left";
398
404
  icon: React__default.ReactNode;
399
405
  children: React__default.ReactNode;
@@ -453,14 +459,14 @@ declare const Card: _chakra_ui_system_dist_system_types.ComponentWithAs<As, Card
453
459
  /**
454
460
  * A date picker component.
455
461
  *
456
- * There are two versions of this component – a simple one, and one with a trigger button for showing the calendar. Use whatever fits your design.
462
+ * There are two versions of this component – a simple one, and one with a trigger button for showing the calendar. Use whatever fits your design.
457
463
  *
458
464
  * ```tsx
459
465
  * <DatePicker label="Dato" variant="simple" />
460
466
  * ```
461
467
  */
462
468
  declare const DatePicker: React__default.ForwardRefExoticComponent<AriaDatePickerProps<DateValue> & Pick<BoxProps, "width" | "minHeight"> & {
463
- variant: ResponsiveValue<"simple" | "with-trigger">;
469
+ variant: ResponsiveValue<"base" | "floating" | "ghost">;
464
470
  name?: string | undefined;
465
471
  showYearNavigation?: boolean | undefined;
466
472
  withPortal?: boolean | undefined;
@@ -471,7 +477,7 @@ type DateRangePickerProps = AriaDateRangePickerProps<DateValue> & Pick<BoxProps,
471
477
  startName?: string;
472
478
  endLabel?: string;
473
479
  endName?: string;
474
- variant: ResponsiveValue<"simple" | "with-trigger">;
480
+ variant: ResponsiveValue<"base" | "floating" | "ghost">;
475
481
  withPortal?: boolean;
476
482
  };
477
483
  /**
@@ -1133,6 +1139,10 @@ type NumericStepperProps = {
1133
1139
  isDisabled?: boolean;
1134
1140
  /** Whether to show input field or not */
1135
1141
  withInput?: boolean;
1142
+ /** The amount to increase/decrease when pressing +/- */
1143
+ stepSize?: number;
1144
+ /** Whether to show the number input when value is zero */
1145
+ showZero?: boolean;
1136
1146
  } & Omit<BoxProps, "onChange">;
1137
1147
  /** A simple stepper component for integer values
1138
1148
  *
@@ -1143,10 +1153,10 @@ type NumericStepperProps = {
1143
1153
  * <NumericStepper value={value} onChange={setValue} />
1144
1154
  * ```
1145
1155
  *
1146
- * You can also set a minimum and/or maximum value:
1156
+ * You can also set a minimum and/or maximum value and step size:
1147
1157
  *
1148
1158
  * ```tsx
1149
- * <NumericStepper value={value} onChange={setValue} minValue={1} maxValue={10} />
1159
+ * <NumericStepper value={value} onChange={setValue} minValue={1} maxValue={10} stepSize={3} />
1150
1160
  * ```
1151
1161
  *
1152
1162
  * You can use the NumericStepper inside of a FormControl component to get IDs etc linked up automatically:
@@ -1158,7 +1168,7 @@ type NumericStepperProps = {
1158
1168
  * </FormControl>
1159
1169
  * ```
1160
1170
  */
1161
- declare function NumericStepper({ name: nameProp, id: idProp, value: valueProp, defaultValue, onChange: onChangeProp, minValue, maxValue, isDisabled, withInput, ...boxProps }: NumericStepperProps): React__default.JSX.Element;
1171
+ declare function NumericStepper({ name: nameProp, id: idProp, value: valueProp, defaultValue, onChange: onChangeProp, minValue, maxValue, isDisabled, withInput, stepSize, showZero, ...boxProps }: NumericStepperProps): React__default.JSX.Element;
1162
1172
 
1163
1173
  type PasswordInputProps = InputProps;
1164
1174
  declare const PasswordInput: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", InputProps>;
@@ -1885,7 +1895,15 @@ type StepperStepProps = {
1885
1895
  declare const StepperStep: ({ children, stepNumber }: StepperStepProps) => React__default.JSX.Element;
1886
1896
 
1887
1897
  type TabsProps = Exclude<TabsProps$1, "colorScheme" | "variant" | "orientation" | "size"> & {
1888
- colorScheme: "dark" | "light" | "green" | "grey";
1898
+ colorScheme:
1899
+ /** @deprecated dark is deprecated please use accent*/
1900
+ "dark"
1901
+ /** @deprecated light is deprecated please use default*/
1902
+ | "light"
1903
+ /** @deprecated green is deprecated please use accent*/
1904
+ | "green"
1905
+ /** @deprecated grey is deprecated please use default*/
1906
+ | "grey" | "base" | "accent";
1889
1907
  /** Defaults to `md` */
1890
1908
  size?: "sm" | "md" | "lg" | "xl";
1891
1909
  /** Defaults to `round` */
@@ -2237,7 +2255,9 @@ declare const theme: {
2237
2255
  fontWeight: string;
2238
2256
  transitionProperty: string;
2239
2257
  transitionDuration: string;
2240
- px: number;
2258
+ textWrap: string;
2259
+ paddingX: number;
2260
+ paddingY: number;
2241
2261
  _focus: {
2242
2262
  boxShadow: number;
2243
2263
  outline: number;
@@ -2274,7 +2294,7 @@ declare const theme: {
2274
2294
  minHeight: number;
2275
2295
  minWidth: number;
2276
2296
  fontSize: string;
2277
- px: number;
2297
+ paddingX: number;
2278
2298
  };
2279
2299
  } | undefined;
2280
2300
  variants?: {
@@ -2402,11 +2422,11 @@ declare const theme: {
2402
2422
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2403
2423
  "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2404
2424
  _hover: {
2425
+ backgroundColor: string;
2405
2426
  boxShadow: string;
2406
- backgroundColor?: undefined;
2407
2427
  } | {
2408
- backgroundColor: string;
2409
2428
  boxShadow: string;
2429
+ backgroundColor?: undefined;
2410
2430
  };
2411
2431
  _active: {
2412
2432
  backgroundColor: string;
@@ -2425,11 +2445,69 @@ declare const theme: {
2425
2445
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2426
2446
  "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2427
2447
  _hover: {
2448
+ backgroundColor: string;
2449
+ boxShadow: string;
2450
+ } | {
2428
2451
  boxShadow: string;
2429
2452
  backgroundColor?: undefined;
2453
+ };
2454
+ _active: {
2455
+ backgroundColor: string;
2456
+ boxShadow: string;
2457
+ };
2458
+ backgroundColor: string;
2459
+ boxShadow: string;
2460
+ };
2461
+ backgroundColor: string;
2462
+ boxShadow: string;
2463
+ appearance: string;
2464
+ border: string;
2465
+ overflow: string;
2466
+ fontSize: string;
2467
+ display: string;
2468
+ transitionProperty: string;
2469
+ transitionDuration: string;
2470
+ borderRadius: string;
2471
+ } | {
2472
+ "button&, a&": {
2473
+ _disabled: {
2474
+ backgroundColor: string;
2475
+ boxShadow: string;
2476
+ color: string;
2477
+ pointerEvents: string;
2478
+ };
2479
+ _focus: _chakra_ui_styled_system.SystemStyleObject;
2480
+ _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2481
+ "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2482
+ _hover: {
2483
+ backgroundColor: string;
2484
+ boxShadow: string;
2430
2485
  } | {
2486
+ boxShadow: string;
2487
+ backgroundColor?: undefined;
2488
+ };
2489
+ _active: {
2490
+ backgroundColor: string;
2491
+ boxShadow: string;
2492
+ };
2493
+ boxShadow: string;
2494
+ backgroundColor?: undefined;
2495
+ } | {
2496
+ _disabled: {
2497
+ backgroundColor: string;
2498
+ boxShadow: string;
2499
+ color: string;
2500
+ pointerEvents: string;
2501
+ };
2502
+ _focus: _chakra_ui_styled_system.SystemStyleObject;
2503
+ _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2504
+ "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2505
+ _hover: {
2431
2506
  backgroundColor: string;
2432
2507
  boxShadow: string;
2508
+ } | {
2509
+ boxShadow: string;
2510
+ backgroundColor?: undefined;
2433
2511
  };
2434
2512
  _active: {
2435
2513
  backgroundColor: string;
@@ -2439,6 +2517,7 @@ declare const theme: {
2439
2517
  boxShadow: string;
2440
2518
  };
2441
2519
  backgroundColor: string;
2520
+ boxShadow?: undefined;
2442
2521
  appearance: string;
2443
2522
  border: string;
2444
2523
  overflow: string;
@@ -2747,7 +2826,7 @@ declare const theme: {
2747
2826
  parts: ("label" | "container" | "icon")[];
2748
2827
  };
2749
2828
  CloseButton: {
2750
- baseStyle?: {
2829
+ baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
2751
2830
  _hover: {
2752
2831
  backgroundColor: string;
2753
2832
  _disabled: {
@@ -2768,7 +2847,7 @@ declare const theme: {
2768
2847
  backgroundColor: string;
2769
2848
  color: string;
2770
2849
  fontWeight: string;
2771
- } | undefined;
2850
+ }) | undefined;
2772
2851
  sizes?: {
2773
2852
  lg: {
2774
2853
  [x: string]: string;
@@ -2823,6 +2902,7 @@ declare const theme: {
2823
2902
  boxShadow: string;
2824
2903
  transitionProperty: string;
2825
2904
  transitionDuration: string;
2905
+ borderRadius: string;
2826
2906
  display: string;
2827
2907
  flex: number;
2828
2908
  paddingY: number;
@@ -2867,13 +2947,17 @@ declare const theme: {
2867
2947
  display: string;
2868
2948
  alignItems: string;
2869
2949
  justifyContent: string;
2870
- borderRightRadius: string;
2950
+ borderLeftRadius: string;
2871
2951
  transitionProperty: string;
2872
2952
  transitionSpeed: string;
2873
2953
  position: string;
2874
- left: string;
2954
+ paddingTop: number;
2955
+ paddingBottom: number;
2956
+ borderRadius: string;
2957
+ right: string;
2875
2958
  _hover: {
2876
2959
  boxShadow: string;
2960
+ backgroundColor: string;
2877
2961
  };
2878
2962
  _active: {
2879
2963
  backgroundColor: string;
@@ -2885,6 +2969,7 @@ declare const theme: {
2885
2969
  calendar: {
2886
2970
  backgroundColor: string;
2887
2971
  color: string;
2972
+ boxShadow: string;
2888
2973
  };
2889
2974
  weekdays: {
2890
2975
  color: string;
@@ -2947,20 +3032,56 @@ declare const theme: {
2947
3032
  }>;
2948
3033
  } | undefined;
2949
3034
  variants?: {
2950
- simple: {
2951
- wrapper: {
2952
- borderRadius: string;
3035
+ base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3036
+ calendar: {
3037
+ backgroundColor: string;
3038
+ color: string;
3039
+ boxShadow: string;
3040
+ };
3041
+ dateCell: {
3042
+ color: string;
3043
+ _hover: {
3044
+ backgroundColor: string;
3045
+ };
3046
+ "&[data-today]": {
3047
+ boxShadow: string;
3048
+ };
2953
3049
  };
2954
3050
  };
2955
- "with-trigger": {
2956
- wrapper: {
2957
- borderLeftRadius: string;
3051
+ floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3052
+ calendar: {
3053
+ backgroundColor: string;
3054
+ color: string;
3055
+ boxShadow: string;
3056
+ };
3057
+ dateCell: {
3058
+ color: string;
3059
+ _hover: {
3060
+ backgroundColor: string;
3061
+ };
3062
+ };
3063
+ };
3064
+ ghost: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3065
+ calendar: {
3066
+ backgroundColor: string;
3067
+ color: string;
3068
+ boxShadow: string;
3069
+ };
3070
+ dateCell: {
3071
+ color: string;
3072
+ _hover: {
3073
+ backgroundColor: string;
3074
+ };
3075
+ _selected: {
3076
+ backgroundColor: string;
3077
+ color: string;
3078
+ };
2958
3079
  };
2959
3080
  };
2960
3081
  } | undefined;
2961
3082
  defaultProps?: {
2962
3083
  size?: string | number | undefined;
2963
- variant?: "simple" | "with-trigger" | undefined;
3084
+ variant?: "base" | "ghost" | "floating" | undefined;
2964
3085
  colorScheme?: string | undefined;
2965
3086
  } | undefined;
2966
3087
  parts: ("dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "arrow")[];
@@ -3261,10 +3382,60 @@ declare const theme: {
3261
3382
  };
3262
3383
  };
3263
3384
  };
3385
+ brand: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3386
+ container: {
3387
+ _focus: _chakra_ui_styled_system.SystemStyleObject;
3388
+ _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
3389
+ "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
3390
+ backgroundColor: string;
3391
+ color: string;
3392
+ _active: {
3393
+ backgroundColor: string;
3394
+ };
3395
+ _hover: {
3396
+ backgroundColor: string;
3397
+ };
3398
+ };
3399
+ };
3400
+ base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3401
+ container: {
3402
+ _focus: _chakra_ui_styled_system.SystemStyleObject;
3403
+ _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
3404
+ "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
3405
+ backgroundColor: string;
3406
+ color: string;
3407
+ _active: {
3408
+ backgroundColor: string;
3409
+ color: string;
3410
+ };
3411
+ _hover: {
3412
+ backgroundColor: string;
3413
+ boxShadow: string;
3414
+ color: string;
3415
+ };
3416
+ };
3417
+ };
3418
+ accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3419
+ container: {
3420
+ _focus: _chakra_ui_styled_system.SystemStyleObject;
3421
+ _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
3422
+ "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
3423
+ backgroundColor: string;
3424
+ color: string;
3425
+ _active: {
3426
+ backgroundColor: string;
3427
+ color: string;
3428
+ };
3429
+ _hover: {
3430
+ backgroundColor: string;
3431
+ color: string;
3432
+ };
3433
+ };
3434
+ };
3264
3435
  } | undefined;
3265
3436
  defaultProps?: {
3266
3437
  size?: string | number | undefined;
3267
- variant?: "green" | "light" | "dark" | undefined;
3438
+ variant?: "base" | "green" | "light" | "dark" | "accent" | "brand" | undefined;
3268
3439
  colorScheme?: string | undefined;
3269
3440
  } | undefined;
3270
3441
  parts: ("text" | "container" | "icon")[];
@@ -3408,6 +3579,9 @@ declare const theme: {
3408
3579
  color: string;
3409
3580
  };
3410
3581
  };
3582
+ textContainer: {
3583
+ color: string;
3584
+ };
3411
3585
  container: {
3412
3586
  transitionDuration: string;
3413
3587
  transitionProperty: string;
@@ -3459,14 +3633,6 @@ declare const theme: {
3459
3633
  padding: number;
3460
3634
  width: string;
3461
3635
  };
3462
- textContainer: {
3463
- color: string;
3464
- paddingRight: number;
3465
- whiteSpace: string;
3466
- "[aria-disabled=true] &": {
3467
- color: string;
3468
- };
3469
- };
3470
3636
  title: {
3471
3637
  fontWeight: string;
3472
3638
  };
@@ -3522,13 +3688,16 @@ declare const theme: {
3522
3688
  };
3523
3689
  } | undefined;
3524
3690
  variants?: {
3525
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
3526
- keys: ("title" | "container" | "icon" | "description" | "iconContainer" | "textContainer")[];
3527
- }>;
3691
+ walk: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3692
+ iconContainer: {
3693
+ backgroundColor: string;
3694
+ boxShadow: string;
3695
+ };
3696
+ };
3528
3697
  } | undefined;
3529
3698
  defaultProps?: {
3530
3699
  size?: "sm" | "md" | "lg" | undefined;
3531
- variant?: string | number | undefined;
3700
+ variant?: "walk" | undefined;
3532
3701
  colorScheme?: string | undefined;
3533
3702
  } | undefined;
3534
3703
  parts: ("title" | "container" | "icon" | "description" | "iconContainer" | "textContainer")[];
@@ -3709,7 +3878,7 @@ declare const theme: {
3709
3878
  };
3710
3879
  };
3711
3880
  };
3712
- walk: {
3881
+ walk: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3713
3882
  iconContainer: {
3714
3883
  backgroundColor: string;
3715
3884
  borderWidth: number;
@@ -3742,7 +3911,7 @@ declare const theme: {
3742
3911
  backgroundPosition: string;
3743
3912
  backgroundRepeat: string;
3744
3913
  borderRadius: string;
3745
- pb: string;
3914
+ padding: string;
3746
3915
  color: string;
3747
3916
  display: string;
3748
3917
  position: string;
@@ -3769,12 +3938,10 @@ declare const theme: {
3769
3938
  _hover: {
3770
3939
  color: string;
3771
3940
  backgroundColor: string;
3772
- boxShadow: string;
3773
3941
  };
3774
3942
  _active: {
3775
3943
  color: string;
3776
3944
  backgroundColor: string;
3777
- boxShadow: string;
3778
3945
  };
3779
3946
  _focus: _chakra_ui_styled_system.SystemStyleObject;
3780
3947
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
@@ -3784,11 +3951,11 @@ declare const theme: {
3784
3951
  secondary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3785
3952
  _hover: {
3786
3953
  backgroundColor: string;
3787
- boxShadow: string;
3954
+ color: string;
3788
3955
  };
3789
3956
  _active: {
3790
3957
  backgroundColor: string;
3791
- boxShadow: string;
3958
+ color: string;
3792
3959
  };
3793
3960
  _focus: _chakra_ui_styled_system.SystemStyleObject;
3794
3961
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
@@ -4031,6 +4198,7 @@ declare const theme: {
4031
4198
  };
4032
4199
  closeButton: {
4033
4200
  position: string;
4201
+ color: string;
4034
4202
  top: number;
4035
4203
  insetEnd: number;
4036
4204
  };
@@ -4840,8 +5008,20 @@ declare const theme: {
4840
5008
  };
4841
5009
  _hover: {
4842
5010
  backgroundColor: string;
5011
+ boxShadow?: undefined;
5012
+ color?: undefined;
5013
+ } | {
5014
+ boxShadow: string;
5015
+ color: string;
5016
+ backgroundColor?: undefined;
5017
+ } | {
5018
+ backgroundColor: string;
5019
+ color: string;
5020
+ boxShadow?: undefined;
4843
5021
  } | {
4844
5022
  backgroundColor?: undefined;
5023
+ boxShadow?: undefined;
5024
+ color?: undefined;
4845
5025
  };
4846
5026
  _active: {
4847
5027
  backgroundColor: string;
@@ -4915,8 +5095,20 @@ declare const theme: {
4915
5095
  };
4916
5096
  _hover: {
4917
5097
  backgroundColor: string;
5098
+ boxShadow?: undefined;
5099
+ color?: undefined;
5100
+ } | {
5101
+ boxShadow: string;
5102
+ color: string;
5103
+ backgroundColor?: undefined;
5104
+ } | {
5105
+ backgroundColor: string;
5106
+ color: string;
5107
+ boxShadow?: undefined;
4918
5108
  } | {
4919
5109
  backgroundColor?: undefined;
5110
+ boxShadow?: undefined;
5111
+ color?: undefined;
4920
5112
  };
4921
5113
  _active: {
4922
5114
  backgroundColor: string;
@@ -5296,7 +5488,7 @@ declare const theme: {
5296
5488
  backgroundColor: string;
5297
5489
  };
5298
5490
  };
5299
- walk: {
5491
+ walk: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5300
5492
  container: {
5301
5493
  backgroundColor: string;
5302
5494
  _disabled: {
@@ -5307,6 +5499,7 @@ declare const theme: {
5307
5499
  border: string;
5308
5500
  position: string;
5309
5501
  left: number;
5502
+ backgroundColor: string;
5310
5503
  "[aria-disabled=true] &": {
5311
5504
  backgroundColor: string;
5312
5505
  color: string;
@@ -5323,6 +5516,7 @@ declare const theme: {
5323
5516
  title: {
5324
5517
  fontSize: string;
5325
5518
  fontWeight: string;
5519
+ color: string;
5326
5520
  };
5327
5521
  description: {
5328
5522
  display: string;