@vygruppen/spor-react 4.0.3 → 4.1.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 -11
- package/CHANGELOG.md +26 -0
- package/dist/{CountryCodeSelect-RUH47EQH.mjs → CountryCodeSelect-7MAIS4VT.mjs} +1 -1
- package/dist/{chunk-XT6QVKN5.mjs → chunk-U2IWIWOD.mjs} +152 -1953
- package/dist/index.d.mts +17 -93
- package/dist/index.d.ts +17 -93
- package/dist/index.js +151 -1980
- package/dist/index.mjs +1 -1
- package/package.json +3 -3
- package/src/accordion/Accordion.test.tsx +1 -1
- package/src/accordion/Accordion.tsx +1 -1
- package/src/accordion/AccordionContext.tsx +1 -1
- package/src/accordion/Expandable.tsx +6 -6
- package/src/alert/BaseAlert.test.tsx +5 -5
- package/src/alert/BaseAlert.tsx +5 -1
- package/src/alert/ClosableAlert.test.tsx +3 -3
- package/src/alert/ExpandableAlert.test.tsx +5 -5
- package/src/button/Button.test.tsx +1 -1
- package/src/button/Button.tsx +1 -1
- package/src/button/CloseButton.tsx +1 -1
- package/src/button/FloatingActionButton.tsx +5 -5
- package/src/button/IconButton.tsx +1 -1
- package/src/card/Card.tsx +3 -2
- package/src/card/index.tsx +1 -1
- package/src/datepicker/Calendar.tsx +9 -9
- package/src/datepicker/CalendarCell.tsx +9 -8
- package/src/datepicker/CalendarGrid.tsx +9 -9
- package/src/datepicker/CalendarHeader.tsx +2 -2
- package/src/datepicker/CalendarTriggerButton.tsx +5 -10
- package/src/datepicker/DateField.tsx +3 -3
- package/src/datepicker/DatePicker.tsx +6 -6
- package/src/datepicker/DateRangePicker.tsx +1 -1
- package/src/datepicker/DateTimeSegment.tsx +2 -2
- package/src/datepicker/RangeCalendar.tsx +8 -5
- package/src/datepicker/StyledField.tsx +2 -6
- package/src/datepicker/TimePicker.test.tsx +4 -4
- package/src/datepicker/TimePicker.tsx +5 -5
- package/src/index.tsx +0 -1
- package/src/input/CardSelect.tsx +3 -3
- package/src/input/Combobox.tsx +1 -1
- package/src/input/CountryCodeSelect.tsx +1 -1
- package/src/input/FormErrorMessage.tsx +1 -1
- package/src/input/InfoSelect.tsx +1 -1
- package/src/input/Input.tsx +1 -1
- package/src/input/InputElement.tsx +2 -2
- package/src/input/ListBox.tsx +3 -3
- package/src/input/NativeSelect.tsx +1 -1
- package/src/input/PasswordInput.tsx +1 -1
- package/src/input/PhoneNumberInput.tsx +13 -4
- package/src/input/Popover.tsx +4 -4
- package/src/input/RadioGroup.tsx +1 -1
- package/src/input/SearchInput.tsx +1 -1
- package/src/input/Switch.tsx +1 -1
- package/src/layout/Stack.tsx +1 -1
- package/src/linjetag/TravelTag.tsx +2 -2
- package/src/link/TextLink.tsx +1 -1
- package/src/list/index.tsx +0 -1
- package/src/loader/DarkSpinner.tsx +2 -4
- package/src/loader/SkeletonText.tsx +6 -3
- package/src/loader/useRotatingLabel.tsx +2 -2
- package/src/media-controller/index.test.tsx +6 -6
- package/src/modal/Drawer.tsx +2 -4
- package/src/modal/ModalHeader.tsx +1 -1
- package/src/provider/index.tsx +1 -1
- package/src/stepper/Stepper.tsx +10 -6
- package/src/stepper/StepperContext.tsx +7 -7
- package/src/stepper/StepperStep.tsx +56 -16
- package/src/theme/components/button.ts +25 -44
- package/src/theme/components/card.ts +7 -1
- package/src/theme/components/close-button.ts +3 -1
- package/src/theme/components/datepicker.ts +2 -2
- package/src/theme/components/divider.ts +17 -17
- package/src/theme/components/fab.ts +16 -13
- package/src/theme/components/info-tag.ts +7 -8
- package/src/theme/components/input.ts +4 -2
- package/src/theme/components/line-icon.ts +1 -2
- package/src/theme/components/media-controller-button.ts +1 -1
- package/src/theme/components/popover.ts +1 -2
- package/src/theme/components/select.ts +4 -4
- package/src/theme/components/stepper.ts +8 -155
- package/src/theme/components/switch.ts +9 -9
- package/src/theme/components/table.ts +3 -3
- package/src/theme/components/tabs.ts +24 -18
- package/src/theme/components/textarea.ts +1 -1
- package/src/theme/components/travel-tag.ts +2 -2
- package/src/theme/foundations/spacing.ts +1 -1
- package/src/theme/foundations/styles.ts +10 -10
- package/src/theme/utils/box-shadow-utils.ts +2 -2
- package/src/toast/ActionToast.test.tsx +1 -1
- package/src/toast/BaseToast.test.tsx +3 -3
- package/src/toast/ClosableToast.test.tsx +1 -1
- package/src/toast/index.tsx +1 -1
- package/src/toast/useToast.tsx +3 -3
- package/src/typography/Badge.tsx +1 -1
- package/src/typography/Text.tsx +1 -1
- package/tsconfig.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -282,7 +282,7 @@ type ButtonProps = Exclude<ButtonProps$1, "colorScheme" | "loadingText" | "size"
|
|
|
282
282
|
*
|
|
283
283
|
* ```tsx
|
|
284
284
|
* <Button variant="primary" onClick={confirmOrder}>
|
|
285
|
-
*
|
|
285
|
+
* Buy trip
|
|
286
286
|
* </Button>
|
|
287
287
|
* ```
|
|
288
288
|
*
|
|
@@ -412,7 +412,7 @@ declare const FloatingActionButton: ComponentWithAs<ComponentWithAs<"a" | "butto
|
|
|
412
412
|
type CardProps = Exclude<BoxProps, "size"> & {
|
|
413
413
|
size?: "sm" | "lg";
|
|
414
414
|
children: React__default.ReactNode;
|
|
415
|
-
colorScheme: "white" | "grey" | "blue" | "green" | "teal" | "yellow" | "orange";
|
|
415
|
+
colorScheme: "white" | "grey" | "blue" | "green" | "teal" | "yellow" | "orange" | "red";
|
|
416
416
|
};
|
|
417
417
|
/**
|
|
418
418
|
* Renders a card.
|
|
@@ -1170,6 +1170,8 @@ type CountryCodeAndPhoneNumber = {
|
|
|
1170
1170
|
nationalNumber: string;
|
|
1171
1171
|
};
|
|
1172
1172
|
type PhoneNumberInputProps = Omit<BoxProps, "onChange"> & {
|
|
1173
|
+
/** The label. Defaults to a localized version of "Phone number" */
|
|
1174
|
+
label?: string;
|
|
1173
1175
|
/** The root name.
|
|
1174
1176
|
*
|
|
1175
1177
|
* Please note that when specifying the name, the rendered names will be `${name}-country-code` and `${name}-phone-number`, respectively
|
|
@@ -1857,10 +1859,10 @@ declare const SporProvider: ({ theme, language, children, ...props }: SporProvid
|
|
|
1857
1859
|
|
|
1858
1860
|
type StepperProps = {
|
|
1859
1861
|
onClick: (clickedStep: number) => void;
|
|
1860
|
-
colorScheme: "light" | "dark" | "green";
|
|
1861
1862
|
title?: string;
|
|
1862
1863
|
activeStep: number;
|
|
1863
1864
|
steps: string[];
|
|
1865
|
+
variant: "base" | "accent";
|
|
1864
1866
|
};
|
|
1865
1867
|
/**
|
|
1866
1868
|
* A stepper is used to show which step of a process a user is currently in.
|
|
@@ -1876,13 +1878,14 @@ type StepperProps = {
|
|
|
1876
1878
|
* />
|
|
1877
1879
|
* ```
|
|
1878
1880
|
**/
|
|
1879
|
-
declare const Stepper: ({ onClick, steps, activeStep: activeStepAsStringOrNumber, title,
|
|
1881
|
+
declare const Stepper: ({ onClick, steps, activeStep: activeStepAsStringOrNumber, title, variant, }: StepperProps) => React__default.JSX.Element;
|
|
1880
1882
|
|
|
1881
1883
|
type StepperStepProps = {
|
|
1882
1884
|
children: React__default.ReactNode;
|
|
1883
1885
|
stepNumber: number;
|
|
1886
|
+
variant: "base" | "accent";
|
|
1884
1887
|
};
|
|
1885
|
-
declare const StepperStep: ({ children, stepNumber }: StepperStepProps) => React__default.JSX.Element;
|
|
1888
|
+
declare const StepperStep: ({ children, stepNumber, variant, }: StepperStepProps) => React__default.JSX.Element;
|
|
1886
1889
|
|
|
1887
1890
|
type TabsProps = Exclude<TabsProps$1, "colorScheme" | "variant" | "orientation" | "size"> & {
|
|
1888
1891
|
colorScheme: "base" | "accent";
|
|
@@ -2280,19 +2283,6 @@ declare const theme: {
|
|
|
2280
2283
|
};
|
|
2281
2284
|
} | undefined;
|
|
2282
2285
|
variants?: {
|
|
2283
|
-
control: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
2284
|
-
_hover: {
|
|
2285
|
-
backgroundColor: string;
|
|
2286
|
-
};
|
|
2287
|
-
_active: {
|
|
2288
|
-
backgroundColor: string;
|
|
2289
|
-
};
|
|
2290
|
-
_focus: _chakra_ui_styled_system.SystemStyleObject;
|
|
2291
|
-
_focusVisible: _chakra_ui_styled_system.SystemStyleObject;
|
|
2292
|
-
"&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
|
|
2293
|
-
backgroundColor: string;
|
|
2294
|
-
color: string;
|
|
2295
|
-
};
|
|
2296
2286
|
primary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
2297
2287
|
_hover: {
|
|
2298
2288
|
backgroundColor: string;
|
|
@@ -2323,7 +2313,7 @@ declare const theme: {
|
|
|
2323
2313
|
backgroundColor: string;
|
|
2324
2314
|
};
|
|
2325
2315
|
};
|
|
2326
|
-
|
|
2316
|
+
tertiary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
2327
2317
|
_hover: {
|
|
2328
2318
|
boxShadow: string;
|
|
2329
2319
|
};
|
|
@@ -2373,7 +2363,7 @@ declare const theme: {
|
|
|
2373
2363
|
} | undefined;
|
|
2374
2364
|
defaultProps?: {
|
|
2375
2365
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
2376
|
-
variant?: "
|
|
2366
|
+
variant?: "primary" | "secondary" | "ghost" | "floating" | "tertiary" | undefined;
|
|
2377
2367
|
colorScheme?: string | undefined;
|
|
2378
2368
|
} | undefined;
|
|
2379
2369
|
};
|
|
@@ -4542,7 +4532,6 @@ declare const theme: {
|
|
|
4542
4532
|
Stepper: {
|
|
4543
4533
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4544
4534
|
root: {
|
|
4545
|
-
backgroundColor: string;
|
|
4546
4535
|
display: string;
|
|
4547
4536
|
alignItems: string;
|
|
4548
4537
|
justifyContent: ("center" | "space-between")[];
|
|
@@ -4561,7 +4550,6 @@ declare const theme: {
|
|
|
4561
4550
|
display: ("flex" | "none")[];
|
|
4562
4551
|
alignItems: string;
|
|
4563
4552
|
justifyContent: string;
|
|
4564
|
-
color: string;
|
|
4565
4553
|
};
|
|
4566
4554
|
backButton: {
|
|
4567
4555
|
borderRadius: string;
|
|
@@ -4578,33 +4566,10 @@ declare const theme: {
|
|
|
4578
4566
|
ml: number;
|
|
4579
4567
|
textAlign: string;
|
|
4580
4568
|
};
|
|
4581
|
-
stepCounter: {
|
|
4582
|
-
whiteSpace: string;
|
|
4583
|
-
textDecoration: string;
|
|
4584
|
-
};
|
|
4585
4569
|
stepContainer: {
|
|
4586
4570
|
display: string;
|
|
4587
4571
|
alignItems: string;
|
|
4588
4572
|
};
|
|
4589
|
-
stepButton: {
|
|
4590
|
-
color: string;
|
|
4591
|
-
display: string;
|
|
4592
|
-
alignItems: string;
|
|
4593
|
-
padding: number;
|
|
4594
|
-
borderRadius: string;
|
|
4595
|
-
};
|
|
4596
|
-
stepNumber: {
|
|
4597
|
-
borderRadius: string;
|
|
4598
|
-
border: string;
|
|
4599
|
-
borderColor: string;
|
|
4600
|
-
width: number;
|
|
4601
|
-
height: number;
|
|
4602
|
-
mr: number;
|
|
4603
|
-
display: string;
|
|
4604
|
-
alignItems: string;
|
|
4605
|
-
justifyContent: string;
|
|
4606
|
-
fontSize: ("mobile.xs" | "desktop.xs")[];
|
|
4607
|
-
};
|
|
4608
4573
|
stepTitle: {
|
|
4609
4574
|
textStyle: string;
|
|
4610
4575
|
whiteSpace: string;
|
|
@@ -4616,61 +4581,20 @@ declare const theme: {
|
|
|
4616
4581
|
}>;
|
|
4617
4582
|
} | undefined;
|
|
4618
4583
|
variants?: {
|
|
4619
|
-
|
|
4620
|
-
|
|
4621
|
-
color: string;
|
|
4622
|
-
};
|
|
4623
|
-
stepButton: {
|
|
4624
|
-
_hover: {
|
|
4625
|
-
backgroundColor: string;
|
|
4626
|
-
};
|
|
4627
|
-
_focus: {
|
|
4628
|
-
outline: string;
|
|
4629
|
-
boxShadow: string;
|
|
4630
|
-
};
|
|
4631
|
-
"&:focus:not(:focus-visible)": {
|
|
4632
|
-
boxShadow: string;
|
|
4633
|
-
};
|
|
4634
|
-
_focusVisible: {
|
|
4635
|
-
outline: string;
|
|
4636
|
-
boxShadow: string;
|
|
4637
|
-
};
|
|
4638
|
-
_active: {
|
|
4639
|
-
backgroundColor: string;
|
|
4640
|
-
color?: undefined;
|
|
4641
|
-
} | {
|
|
4642
|
-
color: string;
|
|
4643
|
-
backgroundColor: string;
|
|
4644
|
-
};
|
|
4645
|
-
};
|
|
4646
|
-
};
|
|
4647
|
-
active: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4648
|
-
stepContainer: {
|
|
4649
|
-
color: string;
|
|
4650
|
-
};
|
|
4651
|
-
stepButton: {
|
|
4652
|
-
pointerEvents: string;
|
|
4653
|
-
};
|
|
4654
|
-
stepNumber: {
|
|
4584
|
+
base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4585
|
+
root: {
|
|
4655
4586
|
backgroundColor: string;
|
|
4656
|
-
color: string;
|
|
4657
|
-
};
|
|
4658
|
-
stepTitle: {
|
|
4659
|
-
fontWeight: string;
|
|
4660
4587
|
};
|
|
4661
4588
|
};
|
|
4662
|
-
|
|
4663
|
-
|
|
4664
|
-
|
|
4665
|
-
};
|
|
4666
|
-
stepButton: {
|
|
4667
|
-
pointerEvents: string;
|
|
4589
|
+
accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4590
|
+
root: {
|
|
4591
|
+
backgroundColor: string;
|
|
4668
4592
|
};
|
|
4669
4593
|
};
|
|
4670
4594
|
} | undefined;
|
|
4671
4595
|
defaultProps?: {
|
|
4672
4596
|
size?: string | number | undefined;
|
|
4673
|
-
variant?: "
|
|
4597
|
+
variant?: "base" | "accent" | undefined;
|
|
4674
4598
|
colorScheme?: string | undefined;
|
|
4675
4599
|
} | undefined;
|
|
4676
4600
|
parts: ("title" | "container" | "closeButton" | "root" | "innerContainer" | "backButton" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
|
|
@@ -7151,7 +7075,7 @@ declare const theme: {
|
|
|
7151
7075
|
};
|
|
7152
7076
|
styles: {
|
|
7153
7077
|
global: (props: Record<string, any> | _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
7154
|
-
|
|
7078
|
+
"html, body": {
|
|
7155
7079
|
color: string;
|
|
7156
7080
|
};
|
|
7157
7081
|
svg: {
|
package/dist/index.d.ts
CHANGED
|
@@ -282,7 +282,7 @@ type ButtonProps = Exclude<ButtonProps$1, "colorScheme" | "loadingText" | "size"
|
|
|
282
282
|
*
|
|
283
283
|
* ```tsx
|
|
284
284
|
* <Button variant="primary" onClick={confirmOrder}>
|
|
285
|
-
*
|
|
285
|
+
* Buy trip
|
|
286
286
|
* </Button>
|
|
287
287
|
* ```
|
|
288
288
|
*
|
|
@@ -412,7 +412,7 @@ declare const FloatingActionButton: ComponentWithAs<ComponentWithAs<"a" | "butto
|
|
|
412
412
|
type CardProps = Exclude<BoxProps, "size"> & {
|
|
413
413
|
size?: "sm" | "lg";
|
|
414
414
|
children: React__default.ReactNode;
|
|
415
|
-
colorScheme: "white" | "grey" | "blue" | "green" | "teal" | "yellow" | "orange";
|
|
415
|
+
colorScheme: "white" | "grey" | "blue" | "green" | "teal" | "yellow" | "orange" | "red";
|
|
416
416
|
};
|
|
417
417
|
/**
|
|
418
418
|
* Renders a card.
|
|
@@ -1170,6 +1170,8 @@ type CountryCodeAndPhoneNumber = {
|
|
|
1170
1170
|
nationalNumber: string;
|
|
1171
1171
|
};
|
|
1172
1172
|
type PhoneNumberInputProps = Omit<BoxProps, "onChange"> & {
|
|
1173
|
+
/** The label. Defaults to a localized version of "Phone number" */
|
|
1174
|
+
label?: string;
|
|
1173
1175
|
/** The root name.
|
|
1174
1176
|
*
|
|
1175
1177
|
* Please note that when specifying the name, the rendered names will be `${name}-country-code` and `${name}-phone-number`, respectively
|
|
@@ -1857,10 +1859,10 @@ declare const SporProvider: ({ theme, language, children, ...props }: SporProvid
|
|
|
1857
1859
|
|
|
1858
1860
|
type StepperProps = {
|
|
1859
1861
|
onClick: (clickedStep: number) => void;
|
|
1860
|
-
colorScheme: "light" | "dark" | "green";
|
|
1861
1862
|
title?: string;
|
|
1862
1863
|
activeStep: number;
|
|
1863
1864
|
steps: string[];
|
|
1865
|
+
variant: "base" | "accent";
|
|
1864
1866
|
};
|
|
1865
1867
|
/**
|
|
1866
1868
|
* A stepper is used to show which step of a process a user is currently in.
|
|
@@ -1876,13 +1878,14 @@ type StepperProps = {
|
|
|
1876
1878
|
* />
|
|
1877
1879
|
* ```
|
|
1878
1880
|
**/
|
|
1879
|
-
declare const Stepper: ({ onClick, steps, activeStep: activeStepAsStringOrNumber, title,
|
|
1881
|
+
declare const Stepper: ({ onClick, steps, activeStep: activeStepAsStringOrNumber, title, variant, }: StepperProps) => React__default.JSX.Element;
|
|
1880
1882
|
|
|
1881
1883
|
type StepperStepProps = {
|
|
1882
1884
|
children: React__default.ReactNode;
|
|
1883
1885
|
stepNumber: number;
|
|
1886
|
+
variant: "base" | "accent";
|
|
1884
1887
|
};
|
|
1885
|
-
declare const StepperStep: ({ children, stepNumber }: StepperStepProps) => React__default.JSX.Element;
|
|
1888
|
+
declare const StepperStep: ({ children, stepNumber, variant, }: StepperStepProps) => React__default.JSX.Element;
|
|
1886
1889
|
|
|
1887
1890
|
type TabsProps = Exclude<TabsProps$1, "colorScheme" | "variant" | "orientation" | "size"> & {
|
|
1888
1891
|
colorScheme: "base" | "accent";
|
|
@@ -2280,19 +2283,6 @@ declare const theme: {
|
|
|
2280
2283
|
};
|
|
2281
2284
|
} | undefined;
|
|
2282
2285
|
variants?: {
|
|
2283
|
-
control: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
2284
|
-
_hover: {
|
|
2285
|
-
backgroundColor: string;
|
|
2286
|
-
};
|
|
2287
|
-
_active: {
|
|
2288
|
-
backgroundColor: string;
|
|
2289
|
-
};
|
|
2290
|
-
_focus: _chakra_ui_styled_system.SystemStyleObject;
|
|
2291
|
-
_focusVisible: _chakra_ui_styled_system.SystemStyleObject;
|
|
2292
|
-
"&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
|
|
2293
|
-
backgroundColor: string;
|
|
2294
|
-
color: string;
|
|
2295
|
-
};
|
|
2296
2286
|
primary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
2297
2287
|
_hover: {
|
|
2298
2288
|
backgroundColor: string;
|
|
@@ -2323,7 +2313,7 @@ declare const theme: {
|
|
|
2323
2313
|
backgroundColor: string;
|
|
2324
2314
|
};
|
|
2325
2315
|
};
|
|
2326
|
-
|
|
2316
|
+
tertiary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
2327
2317
|
_hover: {
|
|
2328
2318
|
boxShadow: string;
|
|
2329
2319
|
};
|
|
@@ -2373,7 +2363,7 @@ declare const theme: {
|
|
|
2373
2363
|
} | undefined;
|
|
2374
2364
|
defaultProps?: {
|
|
2375
2365
|
size?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
2376
|
-
variant?: "
|
|
2366
|
+
variant?: "primary" | "secondary" | "ghost" | "floating" | "tertiary" | undefined;
|
|
2377
2367
|
colorScheme?: string | undefined;
|
|
2378
2368
|
} | undefined;
|
|
2379
2369
|
};
|
|
@@ -4542,7 +4532,6 @@ declare const theme: {
|
|
|
4542
4532
|
Stepper: {
|
|
4543
4533
|
baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4544
4534
|
root: {
|
|
4545
|
-
backgroundColor: string;
|
|
4546
4535
|
display: string;
|
|
4547
4536
|
alignItems: string;
|
|
4548
4537
|
justifyContent: ("center" | "space-between")[];
|
|
@@ -4561,7 +4550,6 @@ declare const theme: {
|
|
|
4561
4550
|
display: ("flex" | "none")[];
|
|
4562
4551
|
alignItems: string;
|
|
4563
4552
|
justifyContent: string;
|
|
4564
|
-
color: string;
|
|
4565
4553
|
};
|
|
4566
4554
|
backButton: {
|
|
4567
4555
|
borderRadius: string;
|
|
@@ -4578,33 +4566,10 @@ declare const theme: {
|
|
|
4578
4566
|
ml: number;
|
|
4579
4567
|
textAlign: string;
|
|
4580
4568
|
};
|
|
4581
|
-
stepCounter: {
|
|
4582
|
-
whiteSpace: string;
|
|
4583
|
-
textDecoration: string;
|
|
4584
|
-
};
|
|
4585
4569
|
stepContainer: {
|
|
4586
4570
|
display: string;
|
|
4587
4571
|
alignItems: string;
|
|
4588
4572
|
};
|
|
4589
|
-
stepButton: {
|
|
4590
|
-
color: string;
|
|
4591
|
-
display: string;
|
|
4592
|
-
alignItems: string;
|
|
4593
|
-
padding: number;
|
|
4594
|
-
borderRadius: string;
|
|
4595
|
-
};
|
|
4596
|
-
stepNumber: {
|
|
4597
|
-
borderRadius: string;
|
|
4598
|
-
border: string;
|
|
4599
|
-
borderColor: string;
|
|
4600
|
-
width: number;
|
|
4601
|
-
height: number;
|
|
4602
|
-
mr: number;
|
|
4603
|
-
display: string;
|
|
4604
|
-
alignItems: string;
|
|
4605
|
-
justifyContent: string;
|
|
4606
|
-
fontSize: ("mobile.xs" | "desktop.xs")[];
|
|
4607
|
-
};
|
|
4608
4573
|
stepTitle: {
|
|
4609
4574
|
textStyle: string;
|
|
4610
4575
|
whiteSpace: string;
|
|
@@ -4616,61 +4581,20 @@ declare const theme: {
|
|
|
4616
4581
|
}>;
|
|
4617
4582
|
} | undefined;
|
|
4618
4583
|
variants?: {
|
|
4619
|
-
|
|
4620
|
-
|
|
4621
|
-
color: string;
|
|
4622
|
-
};
|
|
4623
|
-
stepButton: {
|
|
4624
|
-
_hover: {
|
|
4625
|
-
backgroundColor: string;
|
|
4626
|
-
};
|
|
4627
|
-
_focus: {
|
|
4628
|
-
outline: string;
|
|
4629
|
-
boxShadow: string;
|
|
4630
|
-
};
|
|
4631
|
-
"&:focus:not(:focus-visible)": {
|
|
4632
|
-
boxShadow: string;
|
|
4633
|
-
};
|
|
4634
|
-
_focusVisible: {
|
|
4635
|
-
outline: string;
|
|
4636
|
-
boxShadow: string;
|
|
4637
|
-
};
|
|
4638
|
-
_active: {
|
|
4639
|
-
backgroundColor: string;
|
|
4640
|
-
color?: undefined;
|
|
4641
|
-
} | {
|
|
4642
|
-
color: string;
|
|
4643
|
-
backgroundColor: string;
|
|
4644
|
-
};
|
|
4645
|
-
};
|
|
4646
|
-
};
|
|
4647
|
-
active: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4648
|
-
stepContainer: {
|
|
4649
|
-
color: string;
|
|
4650
|
-
};
|
|
4651
|
-
stepButton: {
|
|
4652
|
-
pointerEvents: string;
|
|
4653
|
-
};
|
|
4654
|
-
stepNumber: {
|
|
4584
|
+
base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4585
|
+
root: {
|
|
4655
4586
|
backgroundColor: string;
|
|
4656
|
-
color: string;
|
|
4657
|
-
};
|
|
4658
|
-
stepTitle: {
|
|
4659
|
-
fontWeight: string;
|
|
4660
4587
|
};
|
|
4661
4588
|
};
|
|
4662
|
-
|
|
4663
|
-
|
|
4664
|
-
|
|
4665
|
-
};
|
|
4666
|
-
stepButton: {
|
|
4667
|
-
pointerEvents: string;
|
|
4589
|
+
accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
4590
|
+
root: {
|
|
4591
|
+
backgroundColor: string;
|
|
4668
4592
|
};
|
|
4669
4593
|
};
|
|
4670
4594
|
} | undefined;
|
|
4671
4595
|
defaultProps?: {
|
|
4672
4596
|
size?: string | number | undefined;
|
|
4673
|
-
variant?: "
|
|
4597
|
+
variant?: "base" | "accent" | undefined;
|
|
4674
4598
|
colorScheme?: string | undefined;
|
|
4675
4599
|
} | undefined;
|
|
4676
4600
|
parts: ("title" | "container" | "closeButton" | "root" | "innerContainer" | "backButton" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
|
|
@@ -7151,7 +7075,7 @@ declare const theme: {
|
|
|
7151
7075
|
};
|
|
7152
7076
|
styles: {
|
|
7153
7077
|
global: (props: Record<string, any> | _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
7154
|
-
|
|
7078
|
+
"html, body": {
|
|
7155
7079
|
color: string;
|
|
7156
7080
|
};
|
|
7157
7081
|
svg: {
|