@vygruppen/spor-react 9.11.2 → 9.11.4

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 (27) hide show
  1. package/.turbo/turbo-build.log +9 -9
  2. package/CHANGELOG.md +12 -0
  3. package/dist/{CountryCodeSelect-KU4HQMG3.mjs → CountryCodeSelect-5Z5ATLWK.mjs} +1 -1
  4. package/dist/{chunk-PA6EOPOZ.mjs → chunk-WCPDJEIZ.mjs} +86 -122
  5. package/dist/index.d.mts +44 -26
  6. package/dist/index.d.ts +44 -26
  7. package/dist/index.js +90 -125
  8. package/dist/index.mjs +1 -1
  9. package/package.json +2 -2
  10. package/src/datepicker/CalendarCell.tsx +1 -21
  11. package/src/datepicker/CalendarHeader.tsx +4 -6
  12. package/src/datepicker/CalendarTriggerButton.tsx +1 -1
  13. package/src/datepicker/DateTimeSegment.tsx +0 -4
  14. package/src/input/Radio.tsx +0 -1
  15. package/src/theme/components/breadcrumb.ts +4 -42
  16. package/src/theme/components/button.ts +4 -4
  17. package/src/theme/components/choice-chip.ts +11 -14
  18. package/src/theme/components/close-button.ts +6 -5
  19. package/src/theme/components/datepicker.ts +21 -0
  20. package/src/theme/components/info-select.ts +1 -1
  21. package/src/theme/components/input.ts +2 -2
  22. package/src/theme/components/pressable-card.ts +2 -1
  23. package/src/theme/components/progress-bar.ts +4 -1
  24. package/src/theme/components/radio.ts +5 -2
  25. package/src/theme/components/select.ts +4 -4
  26. package/src/theme/components/static-card.ts +0 -1
  27. package/src/theme/components/tabs.ts +5 -31
package/dist/index.d.mts CHANGED
@@ -3694,6 +3694,7 @@ declare const theme: {
3694
3694
  fontSize: string;
3695
3695
  cursor: string;
3696
3696
  transitionProperty: string;
3697
+ borderRadius: string;
3697
3698
  transitionDuration: string;
3698
3699
  _checked: {
3699
3700
  _hover: {
@@ -3745,42 +3746,38 @@ declare const theme: {
3745
3746
  sizes?: {
3746
3747
  xs: {
3747
3748
  container: {
3748
- borderRadius: string;
3749
3749
  _checked: {
3750
3750
  borderRadius: string;
3751
3751
  };
3752
- height: string;
3752
+ height: number;
3753
3753
  paddingX: number;
3754
3754
  };
3755
3755
  };
3756
3756
  sm: {
3757
3757
  container: {
3758
- borderRadius: string;
3759
3758
  _checked: {
3760
3759
  borderRadius: string;
3761
3760
  };
3762
- height: string;
3761
+ height: number;
3763
3762
  paddingX: number;
3764
3763
  };
3765
3764
  };
3766
3765
  md: {
3767
3766
  container: {
3768
- borderRadius: string;
3769
3767
  _checked: {
3770
3768
  borderRadius: string;
3771
3769
  };
3772
- height: string;
3770
+ height: number;
3773
3771
  paddingX: number;
3774
3772
  };
3775
3773
  };
3776
3774
  lg: {
3777
3775
  container: {
3778
- borderRadius: string;
3779
3776
  _checked: {
3780
3777
  borderRadius: string;
3781
3778
  };
3782
- height: string;
3783
- px: number;
3779
+ height: number;
3780
+ paddingX: number;
3784
3781
  };
3785
3782
  };
3786
3783
  } | undefined;
@@ -3893,10 +3890,10 @@ declare const theme: {
3893
3890
  CloseButton: {
3894
3891
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
3895
3892
  _hover: {
3896
- backgroundColor: string;
3897
3893
  _disabled: {
3898
3894
  color: string;
3899
3895
  };
3896
+ backgroundColor: string;
3900
3897
  };
3901
3898
  _active: {
3902
3899
  backgroundColor: string;
@@ -3995,6 +3992,10 @@ declare const theme: {
3995
3992
  };
3996
3993
  dateTimeSegment: {
3997
3994
  color: string;
3995
+ _focus: {
3996
+ color: string;
3997
+ backgroundColor: string;
3998
+ };
3998
3999
  };
3999
4000
  calendarTriggerButton: {
4000
4001
  _hover: {
@@ -4047,6 +4048,22 @@ declare const theme: {
4047
4048
  weekend: {
4048
4049
  color: string;
4049
4050
  };
4051
+ cell: {
4052
+ '&[aria-selected="true"] + [aria-selected="true"] > button': {
4053
+ "&::before": {
4054
+ backgroundColor: string;
4055
+ content: string;
4056
+ display: string;
4057
+ width: string;
4058
+ height: string;
4059
+ position: string;
4060
+ left: string;
4061
+ top: number;
4062
+ bottom: number;
4063
+ zIndex: number;
4064
+ };
4065
+ };
4066
+ };
4050
4067
  dateCell: {
4051
4068
  _active: {
4052
4069
  backgroundColor: string;
@@ -4101,7 +4118,7 @@ declare const theme: {
4101
4118
  }) | undefined;
4102
4119
  sizes?: {
4103
4120
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
4104
- keys: ("dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "calendarPopover" | "arrow")[];
4121
+ keys: ("cell" | "dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "calendarPopover" | "arrow")[];
4105
4122
  }>;
4106
4123
  } | undefined;
4107
4124
  variants?: {
@@ -4230,7 +4247,7 @@ declare const theme: {
4230
4247
  variant?: "base" | "floating" | "ghost" | undefined;
4231
4248
  colorScheme?: string | undefined;
4232
4249
  } | undefined;
4233
- parts: ("dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "calendarPopover" | "arrow")[];
4250
+ parts: ("cell" | "dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "calendarPopover" | "arrow")[];
4234
4251
  };
4235
4252
  Divider: {
4236
4253
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
@@ -4714,7 +4731,7 @@ declare const theme: {
4714
4731
  display: string;
4715
4732
  appearance: string;
4716
4733
  width: string;
4717
- height: string;
4734
+ height: number;
4718
4735
  borderTopRadius: string;
4719
4736
  borderBottomRadius: string | number;
4720
4737
  paddingY: number;
@@ -4761,7 +4778,7 @@ declare const theme: {
4761
4778
  display: string;
4762
4779
  appearance: string;
4763
4780
  width: string;
4764
- height: string;
4781
+ height: number;
4765
4782
  borderTopRadius: string;
4766
4783
  borderBottomRadius: string | number;
4767
4784
  paddingY: number;
@@ -5046,7 +5063,7 @@ declare const theme: {
5046
5063
  transitionDuration: string;
5047
5064
  position: string;
5048
5065
  paddingX: number;
5049
- height: string;
5066
+ height: number;
5050
5067
  fontSize: string;
5051
5068
  } | {
5052
5069
  _hover: {
@@ -5143,7 +5160,7 @@ declare const theme: {
5143
5160
  transitionDuration: string;
5144
5161
  position: string;
5145
5162
  paddingX: number;
5146
- height: string;
5163
+ height: number;
5147
5164
  fontSize: string;
5148
5165
  };
5149
5166
  element: {
@@ -6327,7 +6344,7 @@ declare const theme: {
6327
6344
  transitionDuration: string;
6328
6345
  position: string;
6329
6346
  paddingX: number;
6330
- height: string;
6347
+ height: number;
6331
6348
  fontSize: string;
6332
6349
  } | {
6333
6350
  appearance: string;
@@ -6426,12 +6443,12 @@ declare const theme: {
6426
6443
  transitionDuration: string;
6427
6444
  position: string;
6428
6445
  paddingX: number;
6429
- height: string;
6446
+ height: number;
6430
6447
  fontSize: string;
6431
6448
  };
6432
6449
  icon: {
6433
- width: string;
6434
- height: string;
6450
+ width: number;
6451
+ height: number;
6435
6452
  insetEnd: string;
6436
6453
  position: string;
6437
6454
  color: string;
@@ -6966,7 +6983,7 @@ declare const theme: {
6966
6983
  sizes?: {
6967
6984
  xs: {
6968
6985
  tablist: {
6969
- height: string;
6986
+ height: number;
6970
6987
  padding: string;
6971
6988
  };
6972
6989
  tab: {
@@ -6976,7 +6993,7 @@ declare const theme: {
6976
6993
  };
6977
6994
  sm: {
6978
6995
  tablist: {
6979
- height: string;
6996
+ height: number;
6980
6997
  padding: number;
6981
6998
  };
6982
6999
  tab: {
@@ -6985,7 +7002,7 @@ declare const theme: {
6985
7002
  };
6986
7003
  md: {
6987
7004
  tablist: {
6988
- height: string;
7005
+ height: number;
6989
7006
  padding: number;
6990
7007
  };
6991
7008
  tab: {
@@ -6995,7 +7012,7 @@ declare const theme: {
6995
7012
  };
6996
7013
  lg: {
6997
7014
  tablist: {
6998
- height: string;
7015
+ height: number;
6999
7016
  padding: string;
7000
7017
  };
7001
7018
  tab: {
@@ -7163,7 +7180,7 @@ declare const theme: {
7163
7180
  transitionDuration: string;
7164
7181
  position: string;
7165
7182
  paddingX: number;
7166
- height: string;
7183
+ height: number;
7167
7184
  fontSize: string;
7168
7185
  } | {
7169
7186
  minHeight: string;
@@ -7265,7 +7282,7 @@ declare const theme: {
7265
7282
  transitionDuration: string;
7266
7283
  position: string;
7267
7284
  paddingX: number;
7268
- height: string;
7285
+ height: number;
7269
7286
  fontSize: string;
7270
7287
  }) | undefined;
7271
7288
  sizes?: {
@@ -7458,6 +7475,7 @@ declare const theme: {
7458
7475
  backgroundColor: string;
7459
7476
  };
7460
7477
  backgroundColor: string;
7478
+ color: string;
7461
7479
  };
7462
7480
  floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
7463
7481
  boxShadow: string;
package/dist/index.d.ts CHANGED
@@ -3694,6 +3694,7 @@ declare const theme: {
3694
3694
  fontSize: string;
3695
3695
  cursor: string;
3696
3696
  transitionProperty: string;
3697
+ borderRadius: string;
3697
3698
  transitionDuration: string;
3698
3699
  _checked: {
3699
3700
  _hover: {
@@ -3745,42 +3746,38 @@ declare const theme: {
3745
3746
  sizes?: {
3746
3747
  xs: {
3747
3748
  container: {
3748
- borderRadius: string;
3749
3749
  _checked: {
3750
3750
  borderRadius: string;
3751
3751
  };
3752
- height: string;
3752
+ height: number;
3753
3753
  paddingX: number;
3754
3754
  };
3755
3755
  };
3756
3756
  sm: {
3757
3757
  container: {
3758
- borderRadius: string;
3759
3758
  _checked: {
3760
3759
  borderRadius: string;
3761
3760
  };
3762
- height: string;
3761
+ height: number;
3763
3762
  paddingX: number;
3764
3763
  };
3765
3764
  };
3766
3765
  md: {
3767
3766
  container: {
3768
- borderRadius: string;
3769
3767
  _checked: {
3770
3768
  borderRadius: string;
3771
3769
  };
3772
- height: string;
3770
+ height: number;
3773
3771
  paddingX: number;
3774
3772
  };
3775
3773
  };
3776
3774
  lg: {
3777
3775
  container: {
3778
- borderRadius: string;
3779
3776
  _checked: {
3780
3777
  borderRadius: string;
3781
3778
  };
3782
- height: string;
3783
- px: number;
3779
+ height: number;
3780
+ paddingX: number;
3784
3781
  };
3785
3782
  };
3786
3783
  } | undefined;
@@ -3893,10 +3890,10 @@ declare const theme: {
3893
3890
  CloseButton: {
3894
3891
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
3895
3892
  _hover: {
3896
- backgroundColor: string;
3897
3893
  _disabled: {
3898
3894
  color: string;
3899
3895
  };
3896
+ backgroundColor: string;
3900
3897
  };
3901
3898
  _active: {
3902
3899
  backgroundColor: string;
@@ -3995,6 +3992,10 @@ declare const theme: {
3995
3992
  };
3996
3993
  dateTimeSegment: {
3997
3994
  color: string;
3995
+ _focus: {
3996
+ color: string;
3997
+ backgroundColor: string;
3998
+ };
3998
3999
  };
3999
4000
  calendarTriggerButton: {
4000
4001
  _hover: {
@@ -4047,6 +4048,22 @@ declare const theme: {
4047
4048
  weekend: {
4048
4049
  color: string;
4049
4050
  };
4051
+ cell: {
4052
+ '&[aria-selected="true"] + [aria-selected="true"] > button': {
4053
+ "&::before": {
4054
+ backgroundColor: string;
4055
+ content: string;
4056
+ display: string;
4057
+ width: string;
4058
+ height: string;
4059
+ position: string;
4060
+ left: string;
4061
+ top: number;
4062
+ bottom: number;
4063
+ zIndex: number;
4064
+ };
4065
+ };
4066
+ };
4050
4067
  dateCell: {
4051
4068
  _active: {
4052
4069
  backgroundColor: string;
@@ -4101,7 +4118,7 @@ declare const theme: {
4101
4118
  }) | undefined;
4102
4119
  sizes?: {
4103
4120
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
4104
- keys: ("dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "calendarPopover" | "arrow")[];
4121
+ keys: ("cell" | "dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "calendarPopover" | "arrow")[];
4105
4122
  }>;
4106
4123
  } | undefined;
4107
4124
  variants?: {
@@ -4230,7 +4247,7 @@ declare const theme: {
4230
4247
  variant?: "base" | "floating" | "ghost" | undefined;
4231
4248
  colorScheme?: string | undefined;
4232
4249
  } | undefined;
4233
- parts: ("dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "calendarPopover" | "arrow")[];
4250
+ parts: ("cell" | "dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "calendarPopover" | "arrow")[];
4234
4251
  };
4235
4252
  Divider: {
4236
4253
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
@@ -4714,7 +4731,7 @@ declare const theme: {
4714
4731
  display: string;
4715
4732
  appearance: string;
4716
4733
  width: string;
4717
- height: string;
4734
+ height: number;
4718
4735
  borderTopRadius: string;
4719
4736
  borderBottomRadius: string | number;
4720
4737
  paddingY: number;
@@ -4761,7 +4778,7 @@ declare const theme: {
4761
4778
  display: string;
4762
4779
  appearance: string;
4763
4780
  width: string;
4764
- height: string;
4781
+ height: number;
4765
4782
  borderTopRadius: string;
4766
4783
  borderBottomRadius: string | number;
4767
4784
  paddingY: number;
@@ -5046,7 +5063,7 @@ declare const theme: {
5046
5063
  transitionDuration: string;
5047
5064
  position: string;
5048
5065
  paddingX: number;
5049
- height: string;
5066
+ height: number;
5050
5067
  fontSize: string;
5051
5068
  } | {
5052
5069
  _hover: {
@@ -5143,7 +5160,7 @@ declare const theme: {
5143
5160
  transitionDuration: string;
5144
5161
  position: string;
5145
5162
  paddingX: number;
5146
- height: string;
5163
+ height: number;
5147
5164
  fontSize: string;
5148
5165
  };
5149
5166
  element: {
@@ -6327,7 +6344,7 @@ declare const theme: {
6327
6344
  transitionDuration: string;
6328
6345
  position: string;
6329
6346
  paddingX: number;
6330
- height: string;
6347
+ height: number;
6331
6348
  fontSize: string;
6332
6349
  } | {
6333
6350
  appearance: string;
@@ -6426,12 +6443,12 @@ declare const theme: {
6426
6443
  transitionDuration: string;
6427
6444
  position: string;
6428
6445
  paddingX: number;
6429
- height: string;
6446
+ height: number;
6430
6447
  fontSize: string;
6431
6448
  };
6432
6449
  icon: {
6433
- width: string;
6434
- height: string;
6450
+ width: number;
6451
+ height: number;
6435
6452
  insetEnd: string;
6436
6453
  position: string;
6437
6454
  color: string;
@@ -6966,7 +6983,7 @@ declare const theme: {
6966
6983
  sizes?: {
6967
6984
  xs: {
6968
6985
  tablist: {
6969
- height: string;
6986
+ height: number;
6970
6987
  padding: string;
6971
6988
  };
6972
6989
  tab: {
@@ -6976,7 +6993,7 @@ declare const theme: {
6976
6993
  };
6977
6994
  sm: {
6978
6995
  tablist: {
6979
- height: string;
6996
+ height: number;
6980
6997
  padding: number;
6981
6998
  };
6982
6999
  tab: {
@@ -6985,7 +7002,7 @@ declare const theme: {
6985
7002
  };
6986
7003
  md: {
6987
7004
  tablist: {
6988
- height: string;
7005
+ height: number;
6989
7006
  padding: number;
6990
7007
  };
6991
7008
  tab: {
@@ -6995,7 +7012,7 @@ declare const theme: {
6995
7012
  };
6996
7013
  lg: {
6997
7014
  tablist: {
6998
- height: string;
7015
+ height: number;
6999
7016
  padding: string;
7000
7017
  };
7001
7018
  tab: {
@@ -7163,7 +7180,7 @@ declare const theme: {
7163
7180
  transitionDuration: string;
7164
7181
  position: string;
7165
7182
  paddingX: number;
7166
- height: string;
7183
+ height: number;
7167
7184
  fontSize: string;
7168
7185
  } | {
7169
7186
  minHeight: string;
@@ -7265,7 +7282,7 @@ declare const theme: {
7265
7282
  transitionDuration: string;
7266
7283
  position: string;
7267
7284
  paddingX: number;
7268
- height: string;
7285
+ height: number;
7269
7286
  fontSize: string;
7270
7287
  }) | undefined;
7271
7288
  sizes?: {
@@ -7458,6 +7475,7 @@ declare const theme: {
7458
7475
  backgroundColor: string;
7459
7476
  };
7460
7477
  backgroundColor: string;
7478
+ color: string;
7461
7479
  };
7462
7480
  floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
7463
7481
  boxShadow: string;