@vygruppen/spor-react 10.3.0 → 10.4.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 +19 -0
- package/dist/{CountryCodeSelect-KCPHU7A7.mjs → CountryCodeSelect-QNKQE3C6.mjs} +2 -1
- package/dist/{chunk-5HRYDWQ5.mjs → chunk-PH4RK5L3.mjs} +185 -97
- package/dist/index.d.mts +579 -111
- package/dist/index.d.ts +579 -111
- package/dist/index.js +200 -106
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/input/Combobox.tsx +4 -0
- package/src/input/CountryCodeSelect.tsx +2 -0
- package/src/input/InfoSelect.tsx +5 -3
- package/src/input/ListBox.tsx +4 -1
- package/src/input/PhoneNumberInput.tsx +5 -0
- package/src/input/Switch.tsx +4 -2
- package/src/input/Textarea.tsx +1 -2
- package/src/theme/components/card-select.ts +1 -1
- package/src/theme/components/info-select.ts +1 -0
- package/src/theme/components/input.ts +4 -83
- package/src/theme/components/listbox.ts +16 -2
- package/src/theme/components/select.ts +18 -3
- package/src/theme/components/textarea.ts +13 -2
- package/src/theme/components/travel-tag.ts +1 -4
- package/src/theme/utils/focus-utils.ts +2 -2
- package/src/theme/utils/input-utils.ts +119 -0
- package/src/theme/utils/types.ts +2 -0
package/dist/index.d.mts
CHANGED
|
@@ -903,6 +903,7 @@ type ComboboxProps<T> = AriaComboBoxProps<T> & {
|
|
|
903
903
|
inputRef?: React.RefObject<HTMLInputElement>;
|
|
904
904
|
/** If you want to allow an empty collection */
|
|
905
905
|
allowsEmptyCollection?: boolean;
|
|
906
|
+
variant?: "base" | "floating";
|
|
906
907
|
} & OverridableInputProps;
|
|
907
908
|
/**
|
|
908
909
|
* A combobox is a combination of an input and a list of suggestions.
|
|
@@ -927,7 +928,7 @@ type ComboboxProps<T> = AriaComboBoxProps<T> & {
|
|
|
927
928
|
* </Combobox>
|
|
928
929
|
* ```
|
|
929
930
|
*/
|
|
930
|
-
declare function Combobox<T extends object>({ label, isLoading, leftIcon, rightIcon, borderBottomLeftRadius, borderBottomRightRadius, borderTopLeftRadius, borderTopRightRadius, marginBottom, marginTop, marginX, marginY, marginRight, marginLeft, paddingBottom, paddingRight, paddingTop, paddingLeft, paddingX, paddingY, emptyContent, inputRef: externalInputRef, allowsEmptyCollection, ...rest }: ComboboxProps<T>): React.JSX.Element;
|
|
931
|
+
declare function Combobox<T extends object>({ label, isLoading, leftIcon, rightIcon, borderBottomLeftRadius, borderBottomRightRadius, borderTopLeftRadius, borderTopRightRadius, marginBottom, marginTop, marginX, marginY, marginRight, marginLeft, paddingBottom, paddingRight, paddingTop, paddingLeft, paddingX, paddingY, emptyContent, inputRef: externalInputRef, allowsEmptyCollection, variant, ...rest }: ComboboxProps<T>): React.JSX.Element;
|
|
931
932
|
|
|
932
933
|
type FormControlProps = FormControlProps$1;
|
|
933
934
|
declare const FormControl: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", FormControlProps$1>;
|
|
@@ -1177,6 +1178,7 @@ type ListBoxProps<T> = AriaListBoxProps<T> & Omit<BoxProps, "filter" | "autoFocu
|
|
|
1177
1178
|
/** UI to render if the collection is empty */
|
|
1178
1179
|
emptyContent?: React.ReactNode;
|
|
1179
1180
|
maxWidth?: BoxProps["maxWidth"];
|
|
1181
|
+
variant?: "base" | "floating";
|
|
1180
1182
|
};
|
|
1181
1183
|
/**
|
|
1182
1184
|
* A component that renders a list box with selectable options.
|
|
@@ -1212,7 +1214,7 @@ type ListBoxProps<T> = AriaListBoxProps<T> & Omit<BoxProps, "filter" | "autoFocu
|
|
|
1212
1214
|
* );
|
|
1213
1215
|
* ```
|
|
1214
1216
|
*/
|
|
1215
|
-
declare function ListBox<T extends object>({ isLoading, listBoxRef, state, maxWidth, ...props }: ListBoxProps<T>): React.JSX.Element;
|
|
1217
|
+
declare function ListBox<T extends object>({ isLoading, listBoxRef, state, maxWidth, variant, ...props }: ListBoxProps<T>): React.JSX.Element;
|
|
1216
1218
|
/**
|
|
1217
1219
|
* Renders a label for a listbox item.
|
|
1218
1220
|
*
|
|
@@ -1321,6 +1323,7 @@ type PhoneNumberInputProps = Omit<BoxProps, "onChange"> & {
|
|
|
1321
1323
|
onChange?: (change: CountryCodeAndPhoneNumber) => void;
|
|
1322
1324
|
/** The optional value of the country code and phone number */
|
|
1323
1325
|
value?: CountryCodeAndPhoneNumber;
|
|
1326
|
+
variant?: "base" | "floating";
|
|
1324
1327
|
};
|
|
1325
1328
|
/**
|
|
1326
1329
|
* A component for entering phone numbers.
|
|
@@ -1404,6 +1407,7 @@ declare const SearchInput: _chakra_ui_system_dist_system_types.ComponentWithAs<"
|
|
|
1404
1407
|
|
|
1405
1408
|
type SwitchProps = Omit<SwitchProps$1, "colorScheme" | "variant"> & {
|
|
1406
1409
|
size?: "sm" | "md" | "lg";
|
|
1410
|
+
as?: As;
|
|
1407
1411
|
};
|
|
1408
1412
|
/**
|
|
1409
1413
|
* A switch lets you toggle between on and off, yes and no. It's an alternative to a checkbox.
|
|
@@ -1428,7 +1432,7 @@ type SwitchProps = Omit<SwitchProps$1, "colorScheme" | "variant"> & {
|
|
|
1428
1432
|
*/
|
|
1429
1433
|
declare const Switch: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", SwitchProps>;
|
|
1430
1434
|
|
|
1431
|
-
type TextareaProps = Exclude<TextareaProps$1, "
|
|
1435
|
+
type TextareaProps = Exclude<TextareaProps$1, "size"> & {
|
|
1432
1436
|
label?: string;
|
|
1433
1437
|
};
|
|
1434
1438
|
/**
|
|
@@ -4064,6 +4068,7 @@ declare const theme: {
|
|
|
4064
4068
|
width?: string | undefined;
|
|
4065
4069
|
whiteSpace?: string | undefined;
|
|
4066
4070
|
fontSize: ("mobile.xs" | "desktop.sm")[];
|
|
4071
|
+
marginTop: number;
|
|
4067
4072
|
};
|
|
4068
4073
|
innerButton: {
|
|
4069
4074
|
display: string;
|
|
@@ -4284,8 +4289,7 @@ declare const theme: {
|
|
|
4284
4289
|
right: string;
|
|
4285
4290
|
transform: string;
|
|
4286
4291
|
zIndex: string;
|
|
4287
|
-
|
|
4288
|
-
color: "brightRed" | "golden" | "ocean";
|
|
4292
|
+
color: "brightRed" | "ocean";
|
|
4289
4293
|
};
|
|
4290
4294
|
}) | undefined;
|
|
4291
4295
|
sizes?: {
|
|
@@ -4355,26 +4359,6 @@ declare const theme: {
|
|
|
4355
4359
|
paddingX: number;
|
|
4356
4360
|
height: number;
|
|
4357
4361
|
fontSize: string;
|
|
4358
|
-
_hover: {
|
|
4359
|
-
outlineWidth: string;
|
|
4360
|
-
outlineColor: string;
|
|
4361
|
-
outlineStyle: string;
|
|
4362
|
-
outlineOffset: string;
|
|
4363
|
-
} | {
|
|
4364
|
-
outline: string;
|
|
4365
|
-
outlineColor: string;
|
|
4366
|
-
};
|
|
4367
|
-
_active: {
|
|
4368
|
-
outlineWidth: string;
|
|
4369
|
-
outlineColor: string;
|
|
4370
|
-
outlineStyle: string;
|
|
4371
|
-
outlineOffset: string;
|
|
4372
|
-
backgroundColor: string;
|
|
4373
|
-
} | {
|
|
4374
|
-
outline: string;
|
|
4375
|
-
outlineColor: string;
|
|
4376
|
-
backgroundColor: string;
|
|
4377
|
-
};
|
|
4378
4362
|
_focusVisible: {
|
|
4379
4363
|
outlineOffset: number;
|
|
4380
4364
|
outlineWidth: string;
|
|
@@ -4422,7 +4406,7 @@ declare const theme: {
|
|
|
4422
4406
|
outlineColor: string;
|
|
4423
4407
|
};
|
|
4424
4408
|
" + label": {
|
|
4425
|
-
fontSize:
|
|
4409
|
+
fontSize: string[];
|
|
4426
4410
|
top: string;
|
|
4427
4411
|
left: any;
|
|
4428
4412
|
zIndex: number;
|
|
@@ -4456,19 +4440,173 @@ declare const theme: {
|
|
|
4456
4440
|
variants?: {
|
|
4457
4441
|
base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4458
4442
|
field: {
|
|
4443
|
+
_hover: {
|
|
4444
|
+
outlineWidth: string;
|
|
4445
|
+
outlineColor: string;
|
|
4446
|
+
outlineStyle: string;
|
|
4447
|
+
outlineOffset: string;
|
|
4448
|
+
} | {
|
|
4449
|
+
outline: string;
|
|
4450
|
+
outlineColor: string;
|
|
4451
|
+
};
|
|
4452
|
+
_active: {
|
|
4453
|
+
outlineWidth: string;
|
|
4454
|
+
outlineColor: string;
|
|
4455
|
+
outlineStyle: string;
|
|
4456
|
+
outlineOffset: string;
|
|
4457
|
+
backgroundColor: string;
|
|
4458
|
+
} | {
|
|
4459
|
+
outline: string;
|
|
4460
|
+
outlineColor: string;
|
|
4461
|
+
backgroundColor: string;
|
|
4462
|
+
};
|
|
4463
|
+
_selected: {
|
|
4464
|
+
outlineWidth: string;
|
|
4465
|
+
outlineColor: string;
|
|
4466
|
+
outlineStyle: string;
|
|
4467
|
+
outlineOffset: string;
|
|
4468
|
+
backgroundColor: string;
|
|
4469
|
+
} | {
|
|
4470
|
+
outline: string;
|
|
4471
|
+
outlineColor: string;
|
|
4472
|
+
backgroundColor: string;
|
|
4473
|
+
};
|
|
4459
4474
|
outlineWidth: string;
|
|
4460
4475
|
outlineColor: string;
|
|
4461
4476
|
outlineStyle: string;
|
|
4462
4477
|
outlineOffset: string;
|
|
4463
4478
|
backgroundColor: string;
|
|
4464
4479
|
} | {
|
|
4480
|
+
_hover: {
|
|
4481
|
+
outlineWidth: string;
|
|
4482
|
+
outlineColor: string;
|
|
4483
|
+
outlineStyle: string;
|
|
4484
|
+
outlineOffset: string;
|
|
4485
|
+
} | {
|
|
4486
|
+
outline: string;
|
|
4487
|
+
outlineColor: string;
|
|
4488
|
+
};
|
|
4489
|
+
_active: {
|
|
4490
|
+
outlineWidth: string;
|
|
4491
|
+
outlineColor: string;
|
|
4492
|
+
outlineStyle: string;
|
|
4493
|
+
outlineOffset: string;
|
|
4494
|
+
backgroundColor: string;
|
|
4495
|
+
} | {
|
|
4496
|
+
outline: string;
|
|
4497
|
+
outlineColor: string;
|
|
4498
|
+
backgroundColor: string;
|
|
4499
|
+
};
|
|
4500
|
+
_selected: {
|
|
4501
|
+
outlineWidth: string;
|
|
4502
|
+
outlineColor: string;
|
|
4503
|
+
outlineStyle: string;
|
|
4504
|
+
outlineOffset: string;
|
|
4505
|
+
backgroundColor: string;
|
|
4506
|
+
} | {
|
|
4507
|
+
outline: string;
|
|
4508
|
+
outlineColor: string;
|
|
4509
|
+
backgroundColor: string;
|
|
4510
|
+
};
|
|
4511
|
+
outline: string;
|
|
4512
|
+
outlineColor: string;
|
|
4513
|
+
backgroundColor: string;
|
|
4514
|
+
} | {
|
|
4515
|
+
_hover: {
|
|
4516
|
+
backgroundColor: string;
|
|
4517
|
+
outline: string;
|
|
4518
|
+
outlineColor: string;
|
|
4519
|
+
};
|
|
4520
|
+
_active: {
|
|
4521
|
+
backgroundColor: string;
|
|
4522
|
+
outline: string;
|
|
4523
|
+
outlineColor: string;
|
|
4524
|
+
};
|
|
4525
|
+
_selected: {
|
|
4526
|
+
backgroundColor: string;
|
|
4527
|
+
outline: string;
|
|
4528
|
+
outlineColor: string;
|
|
4529
|
+
};
|
|
4465
4530
|
outline: string;
|
|
4466
4531
|
outlineColor: string;
|
|
4467
4532
|
backgroundColor: string;
|
|
4533
|
+
boxShadow: string;
|
|
4468
4534
|
};
|
|
4469
4535
|
};
|
|
4470
4536
|
floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4471
4537
|
field: {
|
|
4538
|
+
_hover: {
|
|
4539
|
+
outlineWidth: string;
|
|
4540
|
+
outlineColor: string;
|
|
4541
|
+
outlineStyle: string;
|
|
4542
|
+
outlineOffset: string;
|
|
4543
|
+
} | {
|
|
4544
|
+
outline: string;
|
|
4545
|
+
outlineColor: string;
|
|
4546
|
+
};
|
|
4547
|
+
_active: {
|
|
4548
|
+
outlineWidth: string;
|
|
4549
|
+
outlineColor: string;
|
|
4550
|
+
outlineStyle: string;
|
|
4551
|
+
outlineOffset: string;
|
|
4552
|
+
backgroundColor: string;
|
|
4553
|
+
} | {
|
|
4554
|
+
outline: string;
|
|
4555
|
+
outlineColor: string;
|
|
4556
|
+
backgroundColor: string;
|
|
4557
|
+
};
|
|
4558
|
+
_selected: {
|
|
4559
|
+
outlineWidth: string;
|
|
4560
|
+
outlineColor: string;
|
|
4561
|
+
outlineStyle: string;
|
|
4562
|
+
outlineOffset: string;
|
|
4563
|
+
backgroundColor: string;
|
|
4564
|
+
} | {
|
|
4565
|
+
outline: string;
|
|
4566
|
+
outlineColor: string;
|
|
4567
|
+
backgroundColor: string;
|
|
4568
|
+
};
|
|
4569
|
+
outlineWidth: string;
|
|
4570
|
+
outlineColor: string;
|
|
4571
|
+
outlineStyle: string;
|
|
4572
|
+
outlineOffset: string;
|
|
4573
|
+
backgroundColor: string;
|
|
4574
|
+
} | {
|
|
4575
|
+
_hover: {
|
|
4576
|
+
outlineWidth: string;
|
|
4577
|
+
outlineColor: string;
|
|
4578
|
+
outlineStyle: string;
|
|
4579
|
+
outlineOffset: string;
|
|
4580
|
+
} | {
|
|
4581
|
+
outline: string;
|
|
4582
|
+
outlineColor: string;
|
|
4583
|
+
};
|
|
4584
|
+
_active: {
|
|
4585
|
+
outlineWidth: string;
|
|
4586
|
+
outlineColor: string;
|
|
4587
|
+
outlineStyle: string;
|
|
4588
|
+
outlineOffset: string;
|
|
4589
|
+
backgroundColor: string;
|
|
4590
|
+
} | {
|
|
4591
|
+
outline: string;
|
|
4592
|
+
outlineColor: string;
|
|
4593
|
+
backgroundColor: string;
|
|
4594
|
+
};
|
|
4595
|
+
_selected: {
|
|
4596
|
+
outlineWidth: string;
|
|
4597
|
+
outlineColor: string;
|
|
4598
|
+
outlineStyle: string;
|
|
4599
|
+
outlineOffset: string;
|
|
4600
|
+
backgroundColor: string;
|
|
4601
|
+
} | {
|
|
4602
|
+
outline: string;
|
|
4603
|
+
outlineColor: string;
|
|
4604
|
+
backgroundColor: string;
|
|
4605
|
+
};
|
|
4606
|
+
outline: string;
|
|
4607
|
+
outlineColor: string;
|
|
4608
|
+
backgroundColor: string;
|
|
4609
|
+
} | {
|
|
4472
4610
|
_hover: {
|
|
4473
4611
|
backgroundColor: string;
|
|
4474
4612
|
outline: string;
|
|
@@ -4733,20 +4871,6 @@ declare const theme: {
|
|
|
4733
4871
|
ListBox: {
|
|
4734
4872
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4735
4873
|
container: {
|
|
4736
|
-
outlineWidth: string;
|
|
4737
|
-
outlineColor: string;
|
|
4738
|
-
outlineStyle: string;
|
|
4739
|
-
outlineOffset: string;
|
|
4740
|
-
boxShadow: string;
|
|
4741
|
-
overflowY: string;
|
|
4742
|
-
maxHeight: string;
|
|
4743
|
-
width: string;
|
|
4744
|
-
listStyle: string;
|
|
4745
|
-
borderBottomRadius: string;
|
|
4746
|
-
backgroundColor: string;
|
|
4747
|
-
} | {
|
|
4748
|
-
outline: string;
|
|
4749
|
-
outlineColor: string;
|
|
4750
4874
|
boxShadow: string;
|
|
4751
4875
|
overflowY: string;
|
|
4752
4876
|
maxHeight: string;
|
|
@@ -4792,13 +4916,27 @@ declare const theme: {
|
|
|
4792
4916
|
}>;
|
|
4793
4917
|
} | undefined;
|
|
4794
4918
|
variants?: {
|
|
4795
|
-
|
|
4796
|
-
|
|
4797
|
-
|
|
4919
|
+
base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4920
|
+
container: {
|
|
4921
|
+
outlineWidth: string;
|
|
4922
|
+
outlineColor: string;
|
|
4923
|
+
outlineStyle: string;
|
|
4924
|
+
outlineOffset: string;
|
|
4925
|
+
} | {
|
|
4926
|
+
outline: string;
|
|
4927
|
+
outlineColor: string;
|
|
4928
|
+
};
|
|
4929
|
+
};
|
|
4930
|
+
floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4931
|
+
container: {
|
|
4932
|
+
outline: string;
|
|
4933
|
+
outlineColor: string;
|
|
4934
|
+
};
|
|
4935
|
+
};
|
|
4798
4936
|
} | undefined;
|
|
4799
4937
|
defaultProps?: {
|
|
4800
4938
|
size?: string | number | undefined;
|
|
4801
|
-
variant?:
|
|
4939
|
+
variant?: "base" | "floating" | undefined;
|
|
4802
4940
|
colorScheme?: string | undefined;
|
|
4803
4941
|
} | undefined;
|
|
4804
4942
|
parts: ("label" | "container" | "description" | "item")[];
|
|
@@ -5589,7 +5727,6 @@ declare const theme: {
|
|
|
5589
5727
|
field: {
|
|
5590
5728
|
appearance: string;
|
|
5591
5729
|
paddingTop: string;
|
|
5592
|
-
"option, optgroup": {};
|
|
5593
5730
|
width: string;
|
|
5594
5731
|
outline: string;
|
|
5595
5732
|
border: number;
|
|
@@ -5600,26 +5737,6 @@ declare const theme: {
|
|
|
5600
5737
|
paddingX: number;
|
|
5601
5738
|
height: number;
|
|
5602
5739
|
fontSize: string;
|
|
5603
|
-
_hover: {
|
|
5604
|
-
outlineWidth: string;
|
|
5605
|
-
outlineColor: string;
|
|
5606
|
-
outlineStyle: string;
|
|
5607
|
-
outlineOffset: string;
|
|
5608
|
-
} | {
|
|
5609
|
-
outline: string;
|
|
5610
|
-
outlineColor: string;
|
|
5611
|
-
};
|
|
5612
|
-
_active: {
|
|
5613
|
-
outlineWidth: string;
|
|
5614
|
-
outlineColor: string;
|
|
5615
|
-
outlineStyle: string;
|
|
5616
|
-
outlineOffset: string;
|
|
5617
|
-
backgroundColor: string;
|
|
5618
|
-
} | {
|
|
5619
|
-
outline: string;
|
|
5620
|
-
outlineColor: string;
|
|
5621
|
-
backgroundColor: string;
|
|
5622
|
-
};
|
|
5623
5740
|
_focusVisible: {
|
|
5624
5741
|
outlineOffset: number;
|
|
5625
5742
|
outlineWidth: string;
|
|
@@ -5667,7 +5784,7 @@ declare const theme: {
|
|
|
5667
5784
|
outlineColor: string;
|
|
5668
5785
|
};
|
|
5669
5786
|
" + label": {
|
|
5670
|
-
fontSize:
|
|
5787
|
+
fontSize: string[];
|
|
5671
5788
|
top: string;
|
|
5672
5789
|
left: any;
|
|
5673
5790
|
zIndex: number;
|
|
@@ -5703,26 +5820,213 @@ declare const theme: {
|
|
|
5703
5820
|
}>;
|
|
5704
5821
|
} | undefined;
|
|
5705
5822
|
variants?: {
|
|
5706
|
-
|
|
5707
|
-
|
|
5708
|
-
|
|
5709
|
-
|
|
5710
|
-
|
|
5711
|
-
|
|
5712
|
-
|
|
5713
|
-
|
|
5714
|
-
|
|
5715
|
-
|
|
5716
|
-
|
|
5717
|
-
|
|
5718
|
-
|
|
5719
|
-
|
|
5720
|
-
|
|
5721
|
-
|
|
5722
|
-
|
|
5723
|
-
|
|
5724
|
-
|
|
5725
|
-
|
|
5823
|
+
base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
5824
|
+
field: {
|
|
5825
|
+
_hover: {
|
|
5826
|
+
outlineWidth: string;
|
|
5827
|
+
outlineColor: string;
|
|
5828
|
+
outlineStyle: string;
|
|
5829
|
+
outlineOffset: string;
|
|
5830
|
+
} | {
|
|
5831
|
+
outline: string;
|
|
5832
|
+
outlineColor: string;
|
|
5833
|
+
};
|
|
5834
|
+
_active: {
|
|
5835
|
+
outlineWidth: string;
|
|
5836
|
+
outlineColor: string;
|
|
5837
|
+
outlineStyle: string;
|
|
5838
|
+
outlineOffset: string;
|
|
5839
|
+
backgroundColor: string;
|
|
5840
|
+
} | {
|
|
5841
|
+
outline: string;
|
|
5842
|
+
outlineColor: string;
|
|
5843
|
+
backgroundColor: string;
|
|
5844
|
+
};
|
|
5845
|
+
_selected: {
|
|
5846
|
+
outlineWidth: string;
|
|
5847
|
+
outlineColor: string;
|
|
5848
|
+
outlineStyle: string;
|
|
5849
|
+
outlineOffset: string;
|
|
5850
|
+
backgroundColor: string;
|
|
5851
|
+
} | {
|
|
5852
|
+
outline: string;
|
|
5853
|
+
outlineColor: string;
|
|
5854
|
+
backgroundColor: string;
|
|
5855
|
+
};
|
|
5856
|
+
outlineWidth: string;
|
|
5857
|
+
outlineColor: string;
|
|
5858
|
+
outlineStyle: string;
|
|
5859
|
+
outlineOffset: string;
|
|
5860
|
+
backgroundColor: string;
|
|
5861
|
+
} | {
|
|
5862
|
+
_hover: {
|
|
5863
|
+
outlineWidth: string;
|
|
5864
|
+
outlineColor: string;
|
|
5865
|
+
outlineStyle: string;
|
|
5866
|
+
outlineOffset: string;
|
|
5867
|
+
} | {
|
|
5868
|
+
outline: string;
|
|
5869
|
+
outlineColor: string;
|
|
5870
|
+
};
|
|
5871
|
+
_active: {
|
|
5872
|
+
outlineWidth: string;
|
|
5873
|
+
outlineColor: string;
|
|
5874
|
+
outlineStyle: string;
|
|
5875
|
+
outlineOffset: string;
|
|
5876
|
+
backgroundColor: string;
|
|
5877
|
+
} | {
|
|
5878
|
+
outline: string;
|
|
5879
|
+
outlineColor: string;
|
|
5880
|
+
backgroundColor: string;
|
|
5881
|
+
};
|
|
5882
|
+
_selected: {
|
|
5883
|
+
outlineWidth: string;
|
|
5884
|
+
outlineColor: string;
|
|
5885
|
+
outlineStyle: string;
|
|
5886
|
+
outlineOffset: string;
|
|
5887
|
+
backgroundColor: string;
|
|
5888
|
+
} | {
|
|
5889
|
+
outline: string;
|
|
5890
|
+
outlineColor: string;
|
|
5891
|
+
backgroundColor: string;
|
|
5892
|
+
};
|
|
5893
|
+
outline: string;
|
|
5894
|
+
outlineColor: string;
|
|
5895
|
+
backgroundColor: string;
|
|
5896
|
+
} | {
|
|
5897
|
+
_hover: {
|
|
5898
|
+
backgroundColor: string;
|
|
5899
|
+
outline: string;
|
|
5900
|
+
outlineColor: string;
|
|
5901
|
+
};
|
|
5902
|
+
_active: {
|
|
5903
|
+
backgroundColor: string;
|
|
5904
|
+
outline: string;
|
|
5905
|
+
outlineColor: string;
|
|
5906
|
+
};
|
|
5907
|
+
_selected: {
|
|
5908
|
+
backgroundColor: string;
|
|
5909
|
+
outline: string;
|
|
5910
|
+
outlineColor: string;
|
|
5911
|
+
};
|
|
5912
|
+
outline: string;
|
|
5913
|
+
outlineColor: string;
|
|
5914
|
+
backgroundColor: string;
|
|
5915
|
+
boxShadow: string;
|
|
5916
|
+
};
|
|
5917
|
+
};
|
|
5918
|
+
floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
5919
|
+
field: {
|
|
5920
|
+
_hover: {
|
|
5921
|
+
outlineWidth: string;
|
|
5922
|
+
outlineColor: string;
|
|
5923
|
+
outlineStyle: string;
|
|
5924
|
+
outlineOffset: string;
|
|
5925
|
+
} | {
|
|
5926
|
+
outline: string;
|
|
5927
|
+
outlineColor: string;
|
|
5928
|
+
};
|
|
5929
|
+
_active: {
|
|
5930
|
+
outlineWidth: string;
|
|
5931
|
+
outlineColor: string;
|
|
5932
|
+
outlineStyle: string;
|
|
5933
|
+
outlineOffset: string;
|
|
5934
|
+
backgroundColor: string;
|
|
5935
|
+
} | {
|
|
5936
|
+
outline: string;
|
|
5937
|
+
outlineColor: string;
|
|
5938
|
+
backgroundColor: string;
|
|
5939
|
+
};
|
|
5940
|
+
_selected: {
|
|
5941
|
+
outlineWidth: string;
|
|
5942
|
+
outlineColor: string;
|
|
5943
|
+
outlineStyle: string;
|
|
5944
|
+
outlineOffset: string;
|
|
5945
|
+
backgroundColor: string;
|
|
5946
|
+
} | {
|
|
5947
|
+
outline: string;
|
|
5948
|
+
outlineColor: string;
|
|
5949
|
+
backgroundColor: string;
|
|
5950
|
+
};
|
|
5951
|
+
outlineWidth: string;
|
|
5952
|
+
outlineColor: string;
|
|
5953
|
+
outlineStyle: string;
|
|
5954
|
+
outlineOffset: string;
|
|
5955
|
+
backgroundColor: string;
|
|
5956
|
+
} | {
|
|
5957
|
+
_hover: {
|
|
5958
|
+
outlineWidth: string;
|
|
5959
|
+
outlineColor: string;
|
|
5960
|
+
outlineStyle: string;
|
|
5961
|
+
outlineOffset: string;
|
|
5962
|
+
} | {
|
|
5963
|
+
outline: string;
|
|
5964
|
+
outlineColor: string;
|
|
5965
|
+
};
|
|
5966
|
+
_active: {
|
|
5967
|
+
outlineWidth: string;
|
|
5968
|
+
outlineColor: string;
|
|
5969
|
+
outlineStyle: string;
|
|
5970
|
+
outlineOffset: string;
|
|
5971
|
+
backgroundColor: string;
|
|
5972
|
+
} | {
|
|
5973
|
+
outline: string;
|
|
5974
|
+
outlineColor: string;
|
|
5975
|
+
backgroundColor: string;
|
|
5976
|
+
};
|
|
5977
|
+
_selected: {
|
|
5978
|
+
outlineWidth: string;
|
|
5979
|
+
outlineColor: string;
|
|
5980
|
+
outlineStyle: string;
|
|
5981
|
+
outlineOffset: string;
|
|
5982
|
+
backgroundColor: string;
|
|
5983
|
+
} | {
|
|
5984
|
+
outline: string;
|
|
5985
|
+
outlineColor: string;
|
|
5986
|
+
backgroundColor: string;
|
|
5987
|
+
};
|
|
5988
|
+
outline: string;
|
|
5989
|
+
outlineColor: string;
|
|
5990
|
+
backgroundColor: string;
|
|
5991
|
+
} | {
|
|
5992
|
+
_hover: {
|
|
5993
|
+
backgroundColor: string;
|
|
5994
|
+
outline: string;
|
|
5995
|
+
outlineColor: string;
|
|
5996
|
+
};
|
|
5997
|
+
_active: {
|
|
5998
|
+
backgroundColor: string;
|
|
5999
|
+
outline: string;
|
|
6000
|
+
outlineColor: string;
|
|
6001
|
+
};
|
|
6002
|
+
_selected: {
|
|
6003
|
+
backgroundColor: string;
|
|
6004
|
+
outline: string;
|
|
6005
|
+
outlineColor: string;
|
|
6006
|
+
};
|
|
6007
|
+
outline: string;
|
|
6008
|
+
outlineColor: string;
|
|
6009
|
+
backgroundColor: string;
|
|
6010
|
+
boxShadow: string;
|
|
6011
|
+
};
|
|
6012
|
+
};
|
|
6013
|
+
} | undefined;
|
|
6014
|
+
defaultProps?: {
|
|
6015
|
+
size?: string | number | undefined;
|
|
6016
|
+
variant?: "base" | "floating" | undefined;
|
|
6017
|
+
colorScheme?: string | undefined;
|
|
6018
|
+
} | undefined;
|
|
6019
|
+
parts: ("icon" | "root" | "field")[];
|
|
6020
|
+
};
|
|
6021
|
+
Skeleton: {
|
|
6022
|
+
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
6023
|
+
[x: string]: any;
|
|
6024
|
+
opacity: number;
|
|
6025
|
+
borderRadius: string;
|
|
6026
|
+
borderColor: any;
|
|
6027
|
+
background: any;
|
|
6028
|
+
animation: string;
|
|
6029
|
+
}) | undefined;
|
|
5726
6030
|
sizes?: {
|
|
5727
6031
|
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
5728
6032
|
} | undefined;
|
|
@@ -6338,26 +6642,6 @@ declare const theme: {
|
|
|
6338
6642
|
paddingX: number;
|
|
6339
6643
|
height: number;
|
|
6340
6644
|
fontSize: string;
|
|
6341
|
-
_hover: {
|
|
6342
|
-
outlineWidth: string;
|
|
6343
|
-
outlineColor: string;
|
|
6344
|
-
outlineStyle: string;
|
|
6345
|
-
outlineOffset: string;
|
|
6346
|
-
} | {
|
|
6347
|
-
outline: string;
|
|
6348
|
-
outlineColor: string;
|
|
6349
|
-
};
|
|
6350
|
-
_active: {
|
|
6351
|
-
outlineWidth: string;
|
|
6352
|
-
outlineColor: string;
|
|
6353
|
-
outlineStyle: string;
|
|
6354
|
-
outlineOffset: string;
|
|
6355
|
-
backgroundColor: string;
|
|
6356
|
-
} | {
|
|
6357
|
-
outline: string;
|
|
6358
|
-
outlineColor: string;
|
|
6359
|
-
backgroundColor: string;
|
|
6360
|
-
};
|
|
6361
6645
|
_focusVisible: {
|
|
6362
6646
|
outlineOffset: number;
|
|
6363
6647
|
outlineWidth: string;
|
|
@@ -6405,7 +6689,7 @@ declare const theme: {
|
|
|
6405
6689
|
outlineColor: string;
|
|
6406
6690
|
};
|
|
6407
6691
|
" + label": {
|
|
6408
|
-
fontSize:
|
|
6692
|
+
fontSize: string[];
|
|
6409
6693
|
top: string;
|
|
6410
6694
|
left: any;
|
|
6411
6695
|
zIndex: number;
|
|
@@ -6420,11 +6704,196 @@ declare const theme: {
|
|
|
6420
6704
|
[key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
|
|
6421
6705
|
} | undefined;
|
|
6422
6706
|
variants?: {
|
|
6423
|
-
|
|
6707
|
+
base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
6708
|
+
_hover: {
|
|
6709
|
+
outlineWidth: string;
|
|
6710
|
+
outlineColor: string;
|
|
6711
|
+
outlineStyle: string;
|
|
6712
|
+
outlineOffset: string;
|
|
6713
|
+
} | {
|
|
6714
|
+
outline: string;
|
|
6715
|
+
outlineColor: string;
|
|
6716
|
+
};
|
|
6717
|
+
_active: {
|
|
6718
|
+
outlineWidth: string;
|
|
6719
|
+
outlineColor: string;
|
|
6720
|
+
outlineStyle: string;
|
|
6721
|
+
outlineOffset: string;
|
|
6722
|
+
backgroundColor: string;
|
|
6723
|
+
} | {
|
|
6724
|
+
outline: string;
|
|
6725
|
+
outlineColor: string;
|
|
6726
|
+
backgroundColor: string;
|
|
6727
|
+
};
|
|
6728
|
+
_selected: {
|
|
6729
|
+
outlineWidth: string;
|
|
6730
|
+
outlineColor: string;
|
|
6731
|
+
outlineStyle: string;
|
|
6732
|
+
outlineOffset: string;
|
|
6733
|
+
backgroundColor: string;
|
|
6734
|
+
} | {
|
|
6735
|
+
outline: string;
|
|
6736
|
+
outlineColor: string;
|
|
6737
|
+
backgroundColor: string;
|
|
6738
|
+
};
|
|
6739
|
+
outlineWidth: string;
|
|
6740
|
+
outlineColor: string;
|
|
6741
|
+
outlineStyle: string;
|
|
6742
|
+
outlineOffset: string;
|
|
6743
|
+
backgroundColor: string;
|
|
6744
|
+
} | {
|
|
6745
|
+
_hover: {
|
|
6746
|
+
outlineWidth: string;
|
|
6747
|
+
outlineColor: string;
|
|
6748
|
+
outlineStyle: string;
|
|
6749
|
+
outlineOffset: string;
|
|
6750
|
+
} | {
|
|
6751
|
+
outline: string;
|
|
6752
|
+
outlineColor: string;
|
|
6753
|
+
};
|
|
6754
|
+
_active: {
|
|
6755
|
+
outlineWidth: string;
|
|
6756
|
+
outlineColor: string;
|
|
6757
|
+
outlineStyle: string;
|
|
6758
|
+
outlineOffset: string;
|
|
6759
|
+
backgroundColor: string;
|
|
6760
|
+
} | {
|
|
6761
|
+
outline: string;
|
|
6762
|
+
outlineColor: string;
|
|
6763
|
+
backgroundColor: string;
|
|
6764
|
+
};
|
|
6765
|
+
_selected: {
|
|
6766
|
+
outlineWidth: string;
|
|
6767
|
+
outlineColor: string;
|
|
6768
|
+
outlineStyle: string;
|
|
6769
|
+
outlineOffset: string;
|
|
6770
|
+
backgroundColor: string;
|
|
6771
|
+
} | {
|
|
6772
|
+
outline: string;
|
|
6773
|
+
outlineColor: string;
|
|
6774
|
+
backgroundColor: string;
|
|
6775
|
+
};
|
|
6776
|
+
outline: string;
|
|
6777
|
+
outlineColor: string;
|
|
6778
|
+
backgroundColor: string;
|
|
6779
|
+
} | {
|
|
6780
|
+
_hover: {
|
|
6781
|
+
backgroundColor: string;
|
|
6782
|
+
outline: string;
|
|
6783
|
+
outlineColor: string;
|
|
6784
|
+
};
|
|
6785
|
+
_active: {
|
|
6786
|
+
backgroundColor: string;
|
|
6787
|
+
outline: string;
|
|
6788
|
+
outlineColor: string;
|
|
6789
|
+
};
|
|
6790
|
+
_selected: {
|
|
6791
|
+
backgroundColor: string;
|
|
6792
|
+
outline: string;
|
|
6793
|
+
outlineColor: string;
|
|
6794
|
+
};
|
|
6795
|
+
outline: string;
|
|
6796
|
+
outlineColor: string;
|
|
6797
|
+
backgroundColor: string;
|
|
6798
|
+
boxShadow: string;
|
|
6799
|
+
};
|
|
6800
|
+
floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
6801
|
+
_hover: {
|
|
6802
|
+
outlineWidth: string;
|
|
6803
|
+
outlineColor: string;
|
|
6804
|
+
outlineStyle: string;
|
|
6805
|
+
outlineOffset: string;
|
|
6806
|
+
} | {
|
|
6807
|
+
outline: string;
|
|
6808
|
+
outlineColor: string;
|
|
6809
|
+
};
|
|
6810
|
+
_active: {
|
|
6811
|
+
outlineWidth: string;
|
|
6812
|
+
outlineColor: string;
|
|
6813
|
+
outlineStyle: string;
|
|
6814
|
+
outlineOffset: string;
|
|
6815
|
+
backgroundColor: string;
|
|
6816
|
+
} | {
|
|
6817
|
+
outline: string;
|
|
6818
|
+
outlineColor: string;
|
|
6819
|
+
backgroundColor: string;
|
|
6820
|
+
};
|
|
6821
|
+
_selected: {
|
|
6822
|
+
outlineWidth: string;
|
|
6823
|
+
outlineColor: string;
|
|
6824
|
+
outlineStyle: string;
|
|
6825
|
+
outlineOffset: string;
|
|
6826
|
+
backgroundColor: string;
|
|
6827
|
+
} | {
|
|
6828
|
+
outline: string;
|
|
6829
|
+
outlineColor: string;
|
|
6830
|
+
backgroundColor: string;
|
|
6831
|
+
};
|
|
6832
|
+
outlineWidth: string;
|
|
6833
|
+
outlineColor: string;
|
|
6834
|
+
outlineStyle: string;
|
|
6835
|
+
outlineOffset: string;
|
|
6836
|
+
backgroundColor: string;
|
|
6837
|
+
} | {
|
|
6838
|
+
_hover: {
|
|
6839
|
+
outlineWidth: string;
|
|
6840
|
+
outlineColor: string;
|
|
6841
|
+
outlineStyle: string;
|
|
6842
|
+
outlineOffset: string;
|
|
6843
|
+
} | {
|
|
6844
|
+
outline: string;
|
|
6845
|
+
outlineColor: string;
|
|
6846
|
+
};
|
|
6847
|
+
_active: {
|
|
6848
|
+
outlineWidth: string;
|
|
6849
|
+
outlineColor: string;
|
|
6850
|
+
outlineStyle: string;
|
|
6851
|
+
outlineOffset: string;
|
|
6852
|
+
backgroundColor: string;
|
|
6853
|
+
} | {
|
|
6854
|
+
outline: string;
|
|
6855
|
+
outlineColor: string;
|
|
6856
|
+
backgroundColor: string;
|
|
6857
|
+
};
|
|
6858
|
+
_selected: {
|
|
6859
|
+
outlineWidth: string;
|
|
6860
|
+
outlineColor: string;
|
|
6861
|
+
outlineStyle: string;
|
|
6862
|
+
outlineOffset: string;
|
|
6863
|
+
backgroundColor: string;
|
|
6864
|
+
} | {
|
|
6865
|
+
outline: string;
|
|
6866
|
+
outlineColor: string;
|
|
6867
|
+
backgroundColor: string;
|
|
6868
|
+
};
|
|
6869
|
+
outline: string;
|
|
6870
|
+
outlineColor: string;
|
|
6871
|
+
backgroundColor: string;
|
|
6872
|
+
} | {
|
|
6873
|
+
_hover: {
|
|
6874
|
+
backgroundColor: string;
|
|
6875
|
+
outline: string;
|
|
6876
|
+
outlineColor: string;
|
|
6877
|
+
};
|
|
6878
|
+
_active: {
|
|
6879
|
+
backgroundColor: string;
|
|
6880
|
+
outline: string;
|
|
6881
|
+
outlineColor: string;
|
|
6882
|
+
};
|
|
6883
|
+
_selected: {
|
|
6884
|
+
backgroundColor: string;
|
|
6885
|
+
outline: string;
|
|
6886
|
+
outlineColor: string;
|
|
6887
|
+
};
|
|
6888
|
+
outline: string;
|
|
6889
|
+
outlineColor: string;
|
|
6890
|
+
backgroundColor: string;
|
|
6891
|
+
boxShadow: string;
|
|
6892
|
+
};
|
|
6424
6893
|
} | undefined;
|
|
6425
6894
|
defaultProps?: {
|
|
6426
6895
|
size?: string | number | undefined;
|
|
6427
|
-
variant?:
|
|
6896
|
+
variant?: "base" | "floating" | undefined;
|
|
6428
6897
|
colorScheme?: string | undefined;
|
|
6429
6898
|
} | undefined;
|
|
6430
6899
|
};
|
|
@@ -6721,8 +7190,7 @@ declare const theme: {
|
|
|
6721
7190
|
right: string;
|
|
6722
7191
|
transform: string;
|
|
6723
7192
|
zIndex: string;
|
|
6724
|
-
|
|
6725
|
-
color: "brightRed" | "golden" | "ocean";
|
|
7193
|
+
color: "brightRed" | "ocean";
|
|
6726
7194
|
};
|
|
6727
7195
|
}) | undefined;
|
|
6728
7196
|
sizes?: {
|