@vygruppen/spor-react 3.7.5 → 3.7.7

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 (21) hide show
  1. package/.turbo/turbo-build.log +10 -10
  2. package/CHANGELOG.md +22 -0
  3. package/dist/{CountryCodeSelect-SNFTRR3O.mjs → CountryCodeSelect-IAYKP6P5.mjs} +1 -1
  4. package/dist/{chunk-GIAB4PHV.mjs → chunk-QJI3YQWW.mjs} +230 -60
  5. package/dist/index.d.mts +175 -28
  6. package/dist/index.d.ts +175 -28
  7. package/dist/index.js +308 -138
  8. package/dist/index.mjs +1 -1
  9. package/package.json +1 -1
  10. package/src/button/Button.tsx +7 -1
  11. package/src/button/FloatingActionButton.tsx +10 -1
  12. package/src/tab/Tabs.tsx +11 -1
  13. package/src/theme/components/breadcrumb.ts +9 -6
  14. package/src/theme/components/button.ts +18 -16
  15. package/src/theme/components/card.ts +18 -10
  16. package/src/theme/components/fab.ts +76 -1
  17. package/src/theme/components/info-tag.ts +16 -1
  18. package/src/theme/components/line-icon.ts +5 -4
  19. package/src/theme/components/link.ts +14 -36
  20. package/src/theme/components/tabs.ts +82 -1
  21. 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;
@@ -1885,7 +1891,15 @@ type StepperStepProps = {
1885
1891
  declare const StepperStep: ({ children, stepNumber }: StepperStepProps) => React__default.JSX.Element;
1886
1892
 
1887
1893
  type TabsProps = Exclude<TabsProps$1, "colorScheme" | "variant" | "orientation" | "size"> & {
1888
- colorScheme: "dark" | "light" | "green" | "grey";
1894
+ colorScheme:
1895
+ /** @deprecated dark is deprecated please use accent*/
1896
+ "dark"
1897
+ /** @deprecated light is deprecated please use default*/
1898
+ | "light"
1899
+ /** @deprecated green is deprecated please use accent*/
1900
+ | "green"
1901
+ /** @deprecated grey is deprecated please use default*/
1902
+ | "grey" | "base" | "accent";
1889
1903
  /** Defaults to `md` */
1890
1904
  size?: "sm" | "md" | "lg" | "xl";
1891
1905
  /** Defaults to `round` */
@@ -2193,6 +2207,8 @@ declare const theme: {
2193
2207
  color: string;
2194
2208
  textDecoration: string;
2195
2209
  textStyle: string;
2210
+ paddingX: number;
2211
+ borderRadius: string;
2196
2212
  "&:not([aria-current=page])": {
2197
2213
  _active: {
2198
2214
  backgroundColor: string;
@@ -2201,8 +2217,6 @@ declare const theme: {
2201
2217
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2202
2218
  "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2203
2219
  cursor: string;
2204
- paddingX: number;
2205
- borderRadius: string;
2206
2220
  _hover: {
2207
2221
  backgroundColor: string;
2208
2222
  };
@@ -2237,7 +2251,9 @@ declare const theme: {
2237
2251
  fontWeight: string;
2238
2252
  transitionProperty: string;
2239
2253
  transitionDuration: string;
2240
- px: number;
2254
+ textWrap: string;
2255
+ paddingX: number;
2256
+ paddingY: number;
2241
2257
  _focus: {
2242
2258
  boxShadow: number;
2243
2259
  outline: number;
@@ -2274,7 +2290,7 @@ declare const theme: {
2274
2290
  minHeight: number;
2275
2291
  minWidth: number;
2276
2292
  fontSize: string;
2277
- px: number;
2293
+ paddingX: number;
2278
2294
  };
2279
2295
  } | undefined;
2280
2296
  variants?: {
@@ -2402,11 +2418,11 @@ declare const theme: {
2402
2418
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2403
2419
  "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2404
2420
  _hover: {
2421
+ backgroundColor: string;
2405
2422
  boxShadow: string;
2406
- backgroundColor?: undefined;
2407
2423
  } | {
2408
- backgroundColor: string;
2409
2424
  boxShadow: string;
2425
+ backgroundColor?: undefined;
2410
2426
  };
2411
2427
  _active: {
2412
2428
  backgroundColor: string;
@@ -2425,11 +2441,69 @@ declare const theme: {
2425
2441
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2426
2442
  "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2427
2443
  _hover: {
2444
+ backgroundColor: string;
2445
+ boxShadow: string;
2446
+ } | {
2428
2447
  boxShadow: string;
2429
2448
  backgroundColor?: undefined;
2449
+ };
2450
+ _active: {
2451
+ backgroundColor: string;
2452
+ boxShadow: string;
2453
+ };
2454
+ backgroundColor: string;
2455
+ boxShadow: string;
2456
+ };
2457
+ backgroundColor: string;
2458
+ boxShadow: string;
2459
+ appearance: string;
2460
+ border: string;
2461
+ overflow: string;
2462
+ fontSize: string;
2463
+ display: string;
2464
+ transitionProperty: string;
2465
+ transitionDuration: string;
2466
+ borderRadius: string;
2467
+ } | {
2468
+ "button&, a&": {
2469
+ _disabled: {
2470
+ backgroundColor: string;
2471
+ boxShadow: string;
2472
+ color: string;
2473
+ pointerEvents: string;
2474
+ };
2475
+ _focus: _chakra_ui_styled_system.SystemStyleObject;
2476
+ _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2477
+ "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2478
+ _hover: {
2479
+ backgroundColor: string;
2480
+ boxShadow: string;
2430
2481
  } | {
2482
+ boxShadow: string;
2483
+ backgroundColor?: undefined;
2484
+ };
2485
+ _active: {
2486
+ backgroundColor: string;
2487
+ boxShadow: string;
2488
+ };
2489
+ boxShadow: string;
2490
+ backgroundColor?: undefined;
2491
+ } | {
2492
+ _disabled: {
2493
+ backgroundColor: string;
2494
+ boxShadow: string;
2495
+ color: string;
2496
+ pointerEvents: string;
2497
+ };
2498
+ _focus: _chakra_ui_styled_system.SystemStyleObject;
2499
+ _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
2500
+ "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
2501
+ _hover: {
2431
2502
  backgroundColor: string;
2432
2503
  boxShadow: string;
2504
+ } | {
2505
+ boxShadow: string;
2506
+ backgroundColor?: undefined;
2433
2507
  };
2434
2508
  _active: {
2435
2509
  backgroundColor: string;
@@ -2439,6 +2513,7 @@ declare const theme: {
2439
2513
  boxShadow: string;
2440
2514
  };
2441
2515
  backgroundColor: string;
2516
+ boxShadow?: undefined;
2442
2517
  appearance: string;
2443
2518
  border: string;
2444
2519
  overflow: string;
@@ -3261,10 +3336,60 @@ declare const theme: {
3261
3336
  };
3262
3337
  };
3263
3338
  };
3339
+ brand: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3340
+ container: {
3341
+ _focus: _chakra_ui_styled_system.SystemStyleObject;
3342
+ _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
3343
+ "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
3344
+ backgroundColor: string;
3345
+ color: string;
3346
+ _active: {
3347
+ backgroundColor: string;
3348
+ };
3349
+ _hover: {
3350
+ backgroundColor: string;
3351
+ };
3352
+ };
3353
+ };
3354
+ base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3355
+ container: {
3356
+ _focus: _chakra_ui_styled_system.SystemStyleObject;
3357
+ _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
3358
+ "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
3359
+ backgroundColor: string;
3360
+ color: string;
3361
+ _active: {
3362
+ backgroundColor: string;
3363
+ color: string;
3364
+ };
3365
+ _hover: {
3366
+ backgroundColor: string;
3367
+ boxShadow: string;
3368
+ color: string;
3369
+ };
3370
+ };
3371
+ };
3372
+ accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3373
+ container: {
3374
+ _focus: _chakra_ui_styled_system.SystemStyleObject;
3375
+ _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
3376
+ "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
3377
+ backgroundColor: string;
3378
+ color: string;
3379
+ _active: {
3380
+ backgroundColor: string;
3381
+ color: string;
3382
+ };
3383
+ _hover: {
3384
+ backgroundColor: string;
3385
+ color: string;
3386
+ };
3387
+ };
3388
+ };
3264
3389
  } | undefined;
3265
3390
  defaultProps?: {
3266
3391
  size?: string | number | undefined;
3267
- variant?: "green" | "light" | "dark" | undefined;
3392
+ variant?: "base" | "green" | "light" | "dark" | "accent" | "brand" | undefined;
3268
3393
  colorScheme?: string | undefined;
3269
3394
  } | undefined;
3270
3395
  parts: ("text" | "container" | "icon")[];
@@ -3408,6 +3533,9 @@ declare const theme: {
3408
3533
  color: string;
3409
3534
  };
3410
3535
  };
3536
+ textContainer: {
3537
+ color: string;
3538
+ };
3411
3539
  container: {
3412
3540
  transitionDuration: string;
3413
3541
  transitionProperty: string;
@@ -3459,14 +3587,6 @@ declare const theme: {
3459
3587
  padding: number;
3460
3588
  width: string;
3461
3589
  };
3462
- textContainer: {
3463
- color: string;
3464
- paddingRight: number;
3465
- whiteSpace: string;
3466
- "[aria-disabled=true] &": {
3467
- color: string;
3468
- };
3469
- };
3470
3590
  title: {
3471
3591
  fontWeight: string;
3472
3592
  };
@@ -3522,13 +3642,16 @@ declare const theme: {
3522
3642
  };
3523
3643
  } | undefined;
3524
3644
  variants?: {
3525
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
3526
- keys: ("title" | "container" | "icon" | "description" | "iconContainer" | "textContainer")[];
3527
- }>;
3645
+ walk: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3646
+ iconContainer: {
3647
+ backgroundColor: string;
3648
+ boxShadow: string;
3649
+ };
3650
+ };
3528
3651
  } | undefined;
3529
3652
  defaultProps?: {
3530
3653
  size?: "sm" | "md" | "lg" | undefined;
3531
- variant?: string | number | undefined;
3654
+ variant?: "walk" | undefined;
3532
3655
  colorScheme?: string | undefined;
3533
3656
  } | undefined;
3534
3657
  parts: ("title" | "container" | "icon" | "description" | "iconContainer" | "textContainer")[];
@@ -3709,7 +3832,7 @@ declare const theme: {
3709
3832
  };
3710
3833
  };
3711
3834
  };
3712
- walk: {
3835
+ walk: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3713
3836
  iconContainer: {
3714
3837
  backgroundColor: string;
3715
3838
  borderWidth: number;
@@ -3742,7 +3865,7 @@ declare const theme: {
3742
3865
  backgroundPosition: string;
3743
3866
  backgroundRepeat: string;
3744
3867
  borderRadius: string;
3745
- pb: string;
3868
+ padding: string;
3746
3869
  color: string;
3747
3870
  display: string;
3748
3871
  position: string;
@@ -3769,12 +3892,10 @@ declare const theme: {
3769
3892
  _hover: {
3770
3893
  color: string;
3771
3894
  backgroundColor: string;
3772
- boxShadow: string;
3773
3895
  };
3774
3896
  _active: {
3775
3897
  color: string;
3776
3898
  backgroundColor: string;
3777
- boxShadow: string;
3778
3899
  };
3779
3900
  _focus: _chakra_ui_styled_system.SystemStyleObject;
3780
3901
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
@@ -3784,11 +3905,11 @@ declare const theme: {
3784
3905
  secondary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3785
3906
  _hover: {
3786
3907
  backgroundColor: string;
3787
- boxShadow: string;
3908
+ color: string;
3788
3909
  };
3789
3910
  _active: {
3790
3911
  backgroundColor: string;
3791
- boxShadow: string;
3912
+ color: string;
3792
3913
  };
3793
3914
  _focus: _chakra_ui_styled_system.SystemStyleObject;
3794
3915
  _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
@@ -4840,8 +4961,20 @@ declare const theme: {
4840
4961
  };
4841
4962
  _hover: {
4842
4963
  backgroundColor: string;
4964
+ boxShadow?: undefined;
4965
+ color?: undefined;
4966
+ } | {
4967
+ boxShadow: string;
4968
+ color: string;
4969
+ backgroundColor?: undefined;
4970
+ } | {
4971
+ backgroundColor: string;
4972
+ color: string;
4973
+ boxShadow?: undefined;
4843
4974
  } | {
4844
4975
  backgroundColor?: undefined;
4976
+ boxShadow?: undefined;
4977
+ color?: undefined;
4845
4978
  };
4846
4979
  _active: {
4847
4980
  backgroundColor: string;
@@ -4915,8 +5048,20 @@ declare const theme: {
4915
5048
  };
4916
5049
  _hover: {
4917
5050
  backgroundColor: string;
5051
+ boxShadow?: undefined;
5052
+ color?: undefined;
5053
+ } | {
5054
+ boxShadow: string;
5055
+ color: string;
5056
+ backgroundColor?: undefined;
5057
+ } | {
5058
+ backgroundColor: string;
5059
+ color: string;
5060
+ boxShadow?: undefined;
4918
5061
  } | {
4919
5062
  backgroundColor?: undefined;
5063
+ boxShadow?: undefined;
5064
+ color?: undefined;
4920
5065
  };
4921
5066
  _active: {
4922
5067
  backgroundColor: string;
@@ -5296,7 +5441,7 @@ declare const theme: {
5296
5441
  backgroundColor: string;
5297
5442
  };
5298
5443
  };
5299
- walk: {
5444
+ walk: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5300
5445
  container: {
5301
5446
  backgroundColor: string;
5302
5447
  _disabled: {
@@ -5307,6 +5452,7 @@ declare const theme: {
5307
5452
  border: string;
5308
5453
  position: string;
5309
5454
  left: number;
5455
+ backgroundColor: string;
5310
5456
  "[aria-disabled=true] &": {
5311
5457
  backgroundColor: string;
5312
5458
  color: string;
@@ -5323,6 +5469,7 @@ declare const theme: {
5323
5469
  title: {
5324
5470
  fontSize: string;
5325
5471
  fontWeight: string;
5472
+ color: string;
5326
5473
  };
5327
5474
  description: {
5328
5475
  display: string;