@hyphen/hyphen-components 4.13.0 → 5.0.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.
- package/dist/components/Formik/{FormikToggle/FormikToggle.d.ts → FormikSwitch/FormikSwitch.d.ts} +2 -2
- package/dist/components/Formik/FormikToggleGroup/FormikToggleGroup.d.ts +17 -0
- package/dist/components/Switch/Switch.d.ts +64 -0
- package/dist/components/Switch/Switch.stories.d.ts +12 -0
- package/dist/components/Toggle/Toggle.d.ts +7 -64
- package/dist/components/Toggle/Toggle.stories.d.ts +3 -5
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +19 -0
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +11 -0
- package/dist/css/index.css +3 -1
- package/dist/css/utilities.css +13 -1
- package/dist/css/variables.css +6 -2
- package/dist/hyphen-components.cjs.development.js +335 -239
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +1 -1
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +329 -239
- package/dist/hyphen-components.esm.js.map +1 -1
- package/dist/index.d.ts +4 -1
- package/dist/lib/tokens.d.ts +1 -1
- package/package.json +18 -16
- package/src/components/Formik/Formik.stories.tsx +39 -2
- package/src/components/Formik/{FormikToggle/FormikToggle.test.tsx → FormikSwitch/FormikSwitch.test.tsx} +3 -3
- package/src/components/Formik/{FormikToggle/FormikToggle.tsx → FormikSwitch/FormikSwitch.tsx} +4 -4
- package/src/components/Formik/FormikToggleGroup/FormikToggleGroup.test.tsx +117 -0
- package/src/components/Formik/FormikToggleGroup/FormikToggleGroup.tsx +55 -0
- package/src/components/Switch/Switch.mdx +47 -0
- package/src/components/Switch/Switch.module.scss +294 -0
- package/src/components/Switch/Switch.stories.tsx +128 -0
- package/src/components/{Toggle/Toggle.test.tsx → Switch/Switch.test.tsx} +75 -75
- package/src/components/Switch/Switch.tsx +185 -0
- package/src/components/Toggle/Toggle.mdx +11 -31
- package/src/components/Toggle/Toggle.module.scss +32 -280
- package/src/components/Toggle/Toggle.stories.tsx +28 -113
- package/src/components/Toggle/Toggle.tsx +27 -180
- package/src/components/ToggleGroup/ToggleGroup.mdx +39 -0
- package/src/components/ToggleGroup/ToggleGroup.module.scss +46 -0
- package/src/components/ToggleGroup/ToggleGroup.stories.tsx +103 -0
- package/src/components/ToggleGroup/ToggleGroup.tsx +88 -0
- package/src/index.ts +4 -1
package/dist/components/Formik/{FormikToggle/FormikToggle.d.ts → FormikSwitch/FormikSwitch.d.ts}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FormikTouched, FormikErrors, FieldAttributes, FormikValues } from 'formik';
|
|
3
|
-
export interface
|
|
3
|
+
export interface FormikSwitchProps {
|
|
4
4
|
field: FieldAttributes<HTMLTextAreaElement>;
|
|
5
5
|
form: {
|
|
6
6
|
touched: FormikTouched<FormikValues>;
|
|
@@ -9,4 +9,4 @@ export interface FormikToggleProps {
|
|
|
9
9
|
id: string;
|
|
10
10
|
label: string;
|
|
11
11
|
}
|
|
12
|
-
export declare const
|
|
12
|
+
export declare const FormikSwitch: React.FC<FormikSwitchProps>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormikTouched, FormikErrors, FieldAttributes, FormikValues } from 'formik';
|
|
3
|
+
export interface FormikToggleGroupProps {
|
|
4
|
+
field: FieldAttributes<HTMLInputElement>;
|
|
5
|
+
form: {
|
|
6
|
+
touched: FormikTouched<FormikValues>;
|
|
7
|
+
errors: FormikErrors<FormikValues>;
|
|
8
|
+
setFieldValue: (field: string, value: any) => void;
|
|
9
|
+
};
|
|
10
|
+
options: Array<{
|
|
11
|
+
id: string | number;
|
|
12
|
+
value: string;
|
|
13
|
+
label: React.ReactNode;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
}>;
|
|
16
|
+
}
|
|
17
|
+
export declare const FormikToggleGroup: React.FC<FormikToggleGroupProps>;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import React, { ChangeEvent, FC, FocusEvent, ReactNode } from 'react';
|
|
2
|
+
import { ResponsiveProp } from '../../types';
|
|
3
|
+
export type SwitchSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export interface SwitchProps {
|
|
5
|
+
/**
|
|
6
|
+
* The id attribute of the input.
|
|
7
|
+
*/
|
|
8
|
+
id: string;
|
|
9
|
+
/**
|
|
10
|
+
* The switch input "checked" attribute.
|
|
11
|
+
*/
|
|
12
|
+
isChecked: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Custom content to be displayed to right of switch.
|
|
15
|
+
*/
|
|
16
|
+
label: string;
|
|
17
|
+
/**
|
|
18
|
+
* Callback function when input is changed.
|
|
19
|
+
*/
|
|
20
|
+
onChange: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
+
/**
|
|
22
|
+
* Additional classes to add.
|
|
23
|
+
*/
|
|
24
|
+
className?: string;
|
|
25
|
+
/**
|
|
26
|
+
* Mark the input field as invalid and display a validation message.
|
|
27
|
+
* Pass a string or node to render a validation message below the input.
|
|
28
|
+
*/
|
|
29
|
+
error?: ReactNode;
|
|
30
|
+
/**
|
|
31
|
+
* Additional clarifying text to help describe the input
|
|
32
|
+
*/
|
|
33
|
+
helpText?: ReactNode;
|
|
34
|
+
/**
|
|
35
|
+
* Determines if the label is not shown for stylistic reasons.
|
|
36
|
+
* Note the label is still a required prop and will be used as the aria-label for accessibility reasons.
|
|
37
|
+
*/
|
|
38
|
+
hideLabel?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* If the input should be disabled and not focusable.
|
|
41
|
+
*/
|
|
42
|
+
isDisabled?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* The required and aria-required attributes on the input
|
|
45
|
+
*/
|
|
46
|
+
isRequired?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Callback function when input is blurred.
|
|
49
|
+
*/
|
|
50
|
+
onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
|
|
51
|
+
/**
|
|
52
|
+
* Callback function when input is focused.
|
|
53
|
+
*/
|
|
54
|
+
onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
|
|
55
|
+
/**
|
|
56
|
+
* Visual indicator that the field is required, that gets appended to the label
|
|
57
|
+
*/
|
|
58
|
+
requiredIndicator?: React.ReactNode;
|
|
59
|
+
/**
|
|
60
|
+
* The size of the switch.
|
|
61
|
+
*/
|
|
62
|
+
size?: SwitchSize | ResponsiveProp<SwitchSize>;
|
|
63
|
+
}
|
|
64
|
+
export declare const Switch: FC<SwitchProps>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta } from '@storybook/react';
|
|
3
|
+
import { Switch } from './Switch';
|
|
4
|
+
declare const meta: Meta<typeof Switch>;
|
|
5
|
+
export default meta;
|
|
6
|
+
export declare const Overview: () => React.JSX.Element;
|
|
7
|
+
export declare const Basic: () => React.JSX.Element;
|
|
8
|
+
export declare const HelpText: () => React.JSX.Element;
|
|
9
|
+
export declare const HiddenLabel: () => React.JSX.Element;
|
|
10
|
+
export declare const Sizes: () => React.JSX.Element;
|
|
11
|
+
export declare const Disabled: () => React.JSX.Element;
|
|
12
|
+
export declare const Error: () => React.JSX.Element;
|
|
@@ -1,64 +1,7 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
id: string;
|
|
9
|
-
/**
|
|
10
|
-
* The toggle input "checked" attribute.
|
|
11
|
-
*/
|
|
12
|
-
isChecked: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Custom content to be displayed to right of toggle.
|
|
15
|
-
*/
|
|
16
|
-
label: string;
|
|
17
|
-
/**
|
|
18
|
-
* Callback function when input is changed.
|
|
19
|
-
*/
|
|
20
|
-
onChange: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
-
/**
|
|
22
|
-
* Additional classes to add.
|
|
23
|
-
*/
|
|
24
|
-
className?: string;
|
|
25
|
-
/**
|
|
26
|
-
* Mark the input field as invalid and display a validation message.
|
|
27
|
-
* Pass a string or node to render a validation message below the input.
|
|
28
|
-
*/
|
|
29
|
-
error?: ReactNode;
|
|
30
|
-
/**
|
|
31
|
-
* Additional clarifying text to help describe the input
|
|
32
|
-
*/
|
|
33
|
-
helpText?: ReactNode;
|
|
34
|
-
/**
|
|
35
|
-
* Determines if the label is not shown for stylistic reasons.
|
|
36
|
-
* Note the label is still a required prop and will be used as the aria-label for accessibility reasons.
|
|
37
|
-
*/
|
|
38
|
-
hideLabel?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* If the input should be disabled and not focusable.
|
|
41
|
-
*/
|
|
42
|
-
isDisabled?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* The required and aria-required attributes on the input
|
|
45
|
-
*/
|
|
46
|
-
isRequired?: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Callback function when input is blurred.
|
|
49
|
-
*/
|
|
50
|
-
onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
|
|
51
|
-
/**
|
|
52
|
-
* Callback function when input is focused.
|
|
53
|
-
*/
|
|
54
|
-
onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
|
|
55
|
-
/**
|
|
56
|
-
* Visual indicator that the field is required, that gets appended to the label
|
|
57
|
-
*/
|
|
58
|
-
requiredIndicator?: React.ReactNode;
|
|
59
|
-
/**
|
|
60
|
-
* The size of the toggle.
|
|
61
|
-
*/
|
|
62
|
-
size?: ToggleSize | ResponsiveProp<ToggleSize>;
|
|
63
|
-
}
|
|
64
|
-
export declare const Toggle: FC<ToggleProps>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
3
|
+
type ToggleVariant = 'default' | 'outline';
|
|
4
|
+
declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
5
|
+
variant?: ToggleVariant | undefined;
|
|
6
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
export { Toggle };
|
|
@@ -3,10 +3,8 @@ import type { Meta } from '@storybook/react';
|
|
|
3
3
|
import { Toggle } from './Toggle';
|
|
4
4
|
declare const meta: Meta<typeof Toggle>;
|
|
5
5
|
export default meta;
|
|
6
|
-
export declare const Overview: () => React.JSX.Element;
|
|
7
6
|
export declare const Basic: () => React.JSX.Element;
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
7
|
+
export declare const WithText: () => React.JSX.Element;
|
|
8
|
+
export declare const DefaultPressed: () => React.JSX.Element;
|
|
9
|
+
export declare const Outline: () => React.JSX.Element;
|
|
11
10
|
export declare const Disabled: () => React.JSX.Element;
|
|
12
|
-
export declare const Error: () => React.JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
|
+
import { BaseSpacing, ResponsiveProp } from '../../types';
|
|
4
|
+
type ToggleVariant = 'default' | 'outline';
|
|
5
|
+
type ToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & {
|
|
6
|
+
variant?: ToggleVariant;
|
|
7
|
+
name?: string;
|
|
8
|
+
gap?: BaseSpacing | ResponsiveProp<BaseSpacing>;
|
|
9
|
+
/**
|
|
10
|
+
* Mark the toggle group as invalid and display a validation message.
|
|
11
|
+
* Pass a string or node to render a validation message below the input.
|
|
12
|
+
*/
|
|
13
|
+
error?: ReactNode;
|
|
14
|
+
};
|
|
15
|
+
declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
17
|
+
variant?: ToggleVariant | undefined;
|
|
18
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
export { ToggleGroup, ToggleGroupItem };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta } from '@storybook/react';
|
|
3
|
+
import { ToggleGroup } from './ToggleGroup';
|
|
4
|
+
declare const meta: Meta<typeof ToggleGroup>;
|
|
5
|
+
export default meta;
|
|
6
|
+
export declare const Uncontrolled: () => React.JSX.Element;
|
|
7
|
+
export declare const Multiple: () => React.JSX.Element;
|
|
8
|
+
export declare const Controlled: () => React.JSX.Element;
|
|
9
|
+
export declare const Outlined: () => React.JSX.Element;
|
|
10
|
+
export declare const Disabled: () => React.JSX.Element;
|
|
11
|
+
export declare const BackgroundTest: () => React.JSX.Element;
|
package/dist/css/index.css
CHANGED
|
@@ -22,7 +22,8 @@
|
|
|
22
22
|
.TextInputInset-module_size-md__Lg91X,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md__Lg91X .TextInputInset-module_label-input-wrapper__opMsd{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextInputInset-module_size-md__Lg91X .TextInputInset-module_text-input-label__zADJM,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md__Lg91X .TextInputInset-module_label-input-wrapper__opMsd .TextInputInset-module_text-input-label__zADJM{padding:calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding)) + 1px)}.TextInputInset-module_size-md__Lg91X input,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md__Lg91X .TextInputInset-module_label-input-wrapper__opMsd input{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) + 12px) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding)) - 6px) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInputInset-module_size-md__Lg91X input:focus+.TextInputInset-module_text-input-label__zADJM{opacity:.75;transform:scale(.6875) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_size-md__Lg91X input:not(:-moz-placeholder-shown)~label,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md__Lg91X .TextInputInset-module_label-input-wrapper__opMsd input:not(:-moz-placeholder-shown)~label{opacity:.75;transform:scale(.6875) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_size-md__Lg91X input:not(:placeholder-shown)~label,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md__Lg91X .TextInputInset-module_label-input-wrapper__opMsd input:not(:placeholder-shown)~label{opacity:.75;transform:scale(.6875) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_size-md__Lg91X .TextInputInset-module_prefix__i-iby,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md__Lg91X .TextInputInset-module_label-input-wrapper__opMsd .TextInputInset-module_prefix__i-iby{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInputInset-module_size-md__Lg91X .TextInputInset-module_clear-button__kV9pf,.TextInputInset-module_size-md__Lg91X .TextInputInset-module_suffix__r9ZnM,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md__Lg91X .TextInputInset-module_label-input-wrapper__opMsd .TextInputInset-module_clear-button__kV9pf,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md__Lg91X .TextInputInset-module_label-input-wrapper__opMsd .TextInputInset-module_suffix__r9ZnM{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInputInset-module_size-lg__ggigL,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg__ggigL .TextInputInset-module_label-input-wrapper__opMsd{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextInputInset-module_size-lg__ggigL .TextInputInset-module_text-input-label__zADJM,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg__ggigL .TextInputInset-module_label-input-wrapper__opMsd .TextInputInset-module_text-input-label__zADJM{padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) + 4px)}.TextInputInset-module_size-lg__ggigL input,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg__ggigL .TextInputInset-module_label-input-wrapper__opMsd input{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) + 16px) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) - 6px) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInputInset-module_size-lg__ggigL input:focus+.TextInputInset-module_text-input-label__zADJM{opacity:.75;transform:scale(.75) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_size-lg__ggigL input:not(:-moz-placeholder-shown)~label,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg__ggigL .TextInputInset-module_label-input-wrapper__opMsd input:not(:-moz-placeholder-shown)~label{opacity:.75;transform:scale(.75) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_size-lg__ggigL input:not(:placeholder-shown)~label,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg__ggigL .TextInputInset-module_label-input-wrapper__opMsd input:not(:placeholder-shown)~label{opacity:.75;transform:scale(.75) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_size-lg__ggigL .TextInputInset-module_prefix__i-iby,.TextInputInset-module_size-lg__ggigL .TextInputInset-module_suffix__r9ZnM,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg__ggigL .TextInputInset-module_label-input-wrapper__opMsd .TextInputInset-module_prefix__i-iby,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg__ggigL .TextInputInset-module_label-input-wrapper__opMsd .TextInputInset-module_suffix__r9ZnM{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInputInset-module_size-lg__ggigL .TextInputInset-module_clear-button__kV9pf,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg__ggigL .TextInputInset-module_label-input-wrapper__opMsd .TextInputInset-module_clear-button__kV9pf{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) 0}.TextInputInset-module_text-input-wrapper__qQzOh input:disabled,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_disabled__udCEB{background-color:var(--color-background-disabled);color:var(--color-font-disabled);-webkit-text-fill-color:var(--color-font-disabled);opacity:1}.TextInputInset-module_text-input-wrapper__qQzOh input:hover:disabled,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_disabled__udCEB:hover{cursor:not-allowed}.TextInputInset-module_text-input-label__zADJM{color:--form-control-label-font-color,var(--INTERNAL_form-control-label-font-color);cursor:text;font-size:1rem;font-weight:--form-control-label-font-weight,var(--INTERNAL_form-control-label-font-weigh);position:absolute;top:0;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;white-space:nowrap}.TextInputInset-module_prefix__i-iby{border-bottom-left-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));border-top-left-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius))}.TextInputInset-module_suffix__r9ZnM{border-bottom-right-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));border-top-right-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius))}.TextInputInset-module_text-input-wrapper__qQzOh{background-color:var(--form-control-background-color,var(--INTERNAL_form-control-background-color));border:1px solid var(--form-control-border-color,var(--INTERNAL_form-control-border-color));font-family:var(--form-control-font-family,var(--INTERNAL_form-control-font-family));position:relative}@media (min-width:680px){.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-tablet__adPUS{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-tablet__adPUS .TextInputInset-module_text-input-label__zADJM{padding:calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding)) + 1px)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-tablet__adPUS input{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) + 12px) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding)) - 6px) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-tablet__adPUS input:focus+.TextInputInset-module_text-input-label__zADJM{opacity:.75;transform:scale(.6875) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-tablet__adPUS input:not(:-moz-placeholder-shown)~label{opacity:.75;transform:scale(.6875) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-tablet__adPUS input:not(:placeholder-shown)~label{opacity:.75;transform:scale(.6875) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-tablet__adPUS .TextInputInset-module_prefix__i-iby{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-tablet__adPUS .TextInputInset-module_clear-button__kV9pf,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-tablet__adPUS .TextInputInset-module_suffix__r9ZnM{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-tablet__HZTUo{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-tablet__HZTUo .TextInputInset-module_text-input-label__zADJM{padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) + 4px)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-tablet__HZTUo input{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) + 16px) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) - 6px) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-tablet__HZTUo input:focus+.TextInputInset-module_text-input-label__zADJM{opacity:.75;transform:scale(.75) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-tablet__HZTUo input:not(:-moz-placeholder-shown)~label{opacity:.75;transform:scale(.75) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-tablet__HZTUo input:not(:placeholder-shown)~label{opacity:.75;transform:scale(.75) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-tablet__HZTUo .TextInputInset-module_prefix__i-iby,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-tablet__HZTUo .TextInputInset-module_suffix__r9ZnM{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-tablet__HZTUo .TextInputInset-module_clear-button__kV9pf{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) 0}}@media (min-width:992px){.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-desktop__Pjze7{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-desktop__Pjze7 .TextInputInset-module_text-input-label__zADJM{padding:calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding)) + 1px)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-desktop__Pjze7 input{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) + 12px) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding)) - 6px) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-desktop__Pjze7 input:focus+.TextInputInset-module_text-input-label__zADJM{opacity:.75;transform:scale(.6875) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-desktop__Pjze7 input:not(:-moz-placeholder-shown)~label{opacity:.75;transform:scale(.6875) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-desktop__Pjze7 input:not(:placeholder-shown)~label{opacity:.75;transform:scale(.6875) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-desktop__Pjze7 .TextInputInset-module_prefix__i-iby{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-desktop__Pjze7 .TextInputInset-module_clear-button__kV9pf,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-desktop__Pjze7 .TextInputInset-module_suffix__r9ZnM{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-desktop__5ov91{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-desktop__5ov91 .TextInputInset-module_text-input-label__zADJM{padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) + 4px)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-desktop__5ov91 input{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) + 16px) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) - 6px) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-desktop__5ov91 input:focus+.TextInputInset-module_text-input-label__zADJM{opacity:.75;transform:scale(.75) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-desktop__5ov91 input:not(:-moz-placeholder-shown)~label{opacity:.75;transform:scale(.75) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-desktop__5ov91 input:not(:placeholder-shown)~label{opacity:.75;transform:scale(.75) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-desktop__5ov91 .TextInputInset-module_prefix__i-iby,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-desktop__5ov91 .TextInputInset-module_suffix__r9ZnM{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-desktop__5ov91 .TextInputInset-module_clear-button__kV9pf{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) 0}}@media (min-width:1280px){.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-hd__jyglU{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-hd__jyglU .TextInputInset-module_text-input-label__zADJM{padding:calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding)) + 1px)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-hd__jyglU input{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) + 12px) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding)) - 6px) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-hd__jyglU input:focus+.TextInputInset-module_text-input-label__zADJM{opacity:.75;transform:scale(.6875) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-hd__jyglU input:not(:-moz-placeholder-shown)~label{opacity:.75;transform:scale(.6875) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-hd__jyglU input:not(:placeholder-shown)~label{opacity:.75;transform:scale(.6875) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-hd__jyglU .TextInputInset-module_prefix__i-iby{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-hd__jyglU .TextInputInset-module_clear-button__kV9pf,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-md-hd__jyglU .TextInputInset-module_suffix__r9ZnM{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-hd__ymgTS{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-hd__ymgTS .TextInputInset-module_text-input-label__zADJM{padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) + 4px)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-hd__ymgTS input{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) + 16px) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) - 6px) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-hd__ymgTS input:focus+.TextInputInset-module_text-input-label__zADJM{opacity:.75;transform:scale(.75) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-hd__ymgTS input:not(:-moz-placeholder-shown)~label{opacity:.75;transform:scale(.75) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-hd__ymgTS input:not(:placeholder-shown)~label{opacity:.75;transform:scale(.75) translateY(-.25rem) translateX(.15rem)}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-hd__ymgTS .TextInputInset-module_prefix__i-iby,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-hd__ymgTS .TextInputInset-module_suffix__r9ZnM{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_size-lg-hd__ymgTS .TextInputInset-module_clear-button__kV9pf{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) 0}}.TextInputInset-module_text-input-wrapper__qQzOh input{background-color:transparent;border:none;box-sizing:border-box;color:var(--form-control-font-color,var(--INTERNAL_form-control-font-color));display:flex;line-height:var(--form-control-line-height,var(--INTERNAL_form-control-line-height));transition-duration:.3s;transition-property:border,background-color;transition-timing-function:cubic-bezier(.2,.8,.4,1);width:100%}.TextInputInset-module_text-input-wrapper__qQzOh input::-moz-placeholder{color:transparent}.TextInputInset-module_text-input-wrapper__qQzOh input::placeholder{color:transparent}.TextInputInset-module_text-input-wrapper__qQzOh input:focus{border-color:var(--form-control-border-color-focus,var(--INTERNAL_form-control-border-color-focus));outline:none}.TextInputInset-module_text-input-wrapper__qQzOh input:disabled{background-color:transparent}.TextInputInset-module_text-input-wrapper__qQzOh input:disabled+.TextInputInset-module_text-input-label__zADJM{cursor:not-allowed}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_error__LZghB{background-color:var(--form-control-background-color-error,var(--INTERNAL_form-control-background-color-error))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_error__LZghB:focus-within{background-color:var(--form-control-background-color,var(--INTERNAL_form-control-background-color))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_error__LZghB input,.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_error__LZghB label{color:var(--form-control-font-color,var(--INTERNAL_form-control-input-color-error))}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_error__LZghB input:focus{background-color:transparent;color:var(--form-control-font-color,var(--INTERNAL_form-control-font-color));outline:none}.TextInputInset-module_text-input-wrapper__qQzOh.TextInputInset-module_error__LZghB input:focus+.TextInputInset-module_text-input-label__zADJM{color:var(--form-control-font-color,var(--INTERNAL_form-control-label-color))}.TextInputInset-module_text-input-wrapper__qQzOh:not(.TextInputInset-module_error__LZghB)>.TextInputInset-module_disabled__udCEB:not(input),.TextInputInset-module_text-input-wrapper__qQzOh:not(.TextInputInset-module_error__LZghB)>:focus:not(input){box-shadow:inset 0 1px 0 0 var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus)),inset 0 -1px 0 0 var(--form-control-border-color-focus,var(--INTERNAL_form-control-border-color-focus))}.TextInputInset-module_text-input-wrapper__qQzOh:focus-within{border:1px solid var(--color-border-active);box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:none}.TextInputInset-module_text-input-wrapper__qQzOh .TextInputInset-module_clear-button__kV9pf{background:none;border:0;border-radius:0;color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));cursor:pointer;font-style:inherit;transition-duration:.2s;transition-property:color}.TextInputInset-module_text-input-wrapper__qQzOh .TextInputInset-module_clear-button__kV9pf:hover{color:var(--form-control-icon-hover-color,var(--INTERNAL_form-control-icon-hover-color))}
|
|
23
23
|
.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_disabled__gKmV4,.SelectInputNative-module_select-input-native-wrapper__-vvFm>select:disabled{background-color:var(--color-background-disabled);color:var(--color-font-disabled);-webkit-text-fill-color:var(--color-font-disabled);opacity:1}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_disabled__gKmV4:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_disabled__gKmV4:before,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_disabled__gKmV4:hover,.SelectInputNative-module_select-input-native-wrapper__-vvFm>select:disabled:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm>select:disabled:before,.SelectInputNative-module_select-input-native-wrapper__-vvFm>select:hover:disabled{cursor:not-allowed}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm__7Ql4z,.SelectInputNative-module_size-sm__7Ql4z{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm__7Ql4z>select,.SelectInputNative-module_size-sm__7Ql4z>select{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-sm-padding, var(--INTERNAL_form-control-size-sm-padding))) var(--size-spacing-2xl) calc(var(--form-control-size-sm-padding, var(--INTERNAL_form-control-size-sm-padding))) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm__7Ql4z:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm__7Ql4z:before,.SelectInputNative-module_size-sm__7Ql4z:after,.SelectInputNative-module_size-sm__7Ql4z:before{height:2px;top:calc(var(--size-spacing-sm) + 6px);width:8px}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm__7Ql4z:before,.SelectInputNative-module_size-sm__7Ql4z:before{right:calc(var(--size-spacing-sm) + 8px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm__7Ql4z:after,.SelectInputNative-module_size-sm__7Ql4z:after{right:calc(var(--size-spacing-sm) + 3px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md__ofleh,.SelectInputNative-module_size-md__ofleh{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md__ofleh>select,.SelectInputNative-module_size-md__ofleh>select{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding))) var(--size-spacing-3xl) calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding))) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md__ofleh:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md__ofleh:before,.SelectInputNative-module_size-md__ofleh:after,.SelectInputNative-module_size-md__ofleh:before{top:calc(var(--size-spacing-md) + 10px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md__ofleh:before,.SelectInputNative-module_size-md__ofleh:before{right:calc(var(--size-spacing-sm) + 10px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md__ofleh:after,.SelectInputNative-module_size-md__ofleh:after{right:calc(var(--size-spacing-sm) + 3px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg__ewS-6,.SelectInputNative-module_size-lg__ewS-6{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg__ewS-6>select,.SelectInputNative-module_size-lg__ewS-6>select{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) - 1px) var(--size-spacing-3xl) calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) - 1px) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg__ewS-6:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg__ewS-6:before,.SelectInputNative-module_size-lg__ewS-6:after,.SelectInputNative-module_size-lg__ewS-6:before{height:2px;top:calc(var(--size-spacing-md) + 9px);width:10px}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg__ewS-6:before,.SelectInputNative-module_size-lg__ewS-6:before{right:calc(var(--size-spacing-sm) + 11px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg__ewS-6:after,.SelectInputNative-module_size-lg__ewS-6:after{right:calc(var(--size-spacing-sm) + 3px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm{background-color:var(--form-control-background-color,var(--INTERNAL_form-control-background-color));border:1px solid var(--form-control-border-color,var(--INTERNAL_form-control-border-color));font-family:var(--form-control-font-family,var(--INTERNAL_form-control-font-family));position:relative}.SelectInputNative-module_select-input-native-wrapper__-vvFm:focus-within{border:1px solid var(--color-border-active);box-shadow:var(--form-control-box-shadow,var(--INTERNAL_form-control-box-shadow-focus));outline:none}.SelectInputNative-module_select-input-native-wrapper__-vvFm:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm:before{background:var(--color-base-grey-300);border-radius:100px;content:"";height:2px;pointer-events:none;position:absolute;width:10px}.SelectInputNative-module_select-input-native-wrapper__-vvFm:before{right:calc(var(--size-spacing-sm) + 7px);transform:rotate(42deg);transform-origin:50% 50%;z-index:1}.SelectInputNative-module_select-input-native-wrapper__-vvFm:after{right:calc(var(--size-spacing-sm) + 1px);transform:rotate(-42deg);transform-origin:50% 50%}.SelectInputNative-module_select-input-native-wrapper__-vvFm>select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;box-sizing:border-box;line-height:var(--form-control-line-height,var(--INTERNAL_form-control-line-height));transition-duration:.3s;transition-property:border,background-color;transition-timing-function:cubic-bezier(.2,.8,.4,1);width:100%}.SelectInputNative-module_select-input-native-wrapper__-vvFm>select:focus{border-color:var(--form-control-border-color-focus,var(--INTERNAL_form-control-border-color-focus));outline:none}.SelectInputNative-module_select-input-native-wrapper__-vvFm>select:disabled{background-color:transparent}@media (min-width:680px){.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-tablet__3wbFA{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-tablet__3wbFA>select{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-sm-padding, var(--INTERNAL_form-control-size-sm-padding))) var(--size-spacing-2xl) calc(var(--form-control-size-sm-padding, var(--INTERNAL_form-control-size-sm-padding))) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-tablet__3wbFA:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-tablet__3wbFA:before{height:2px;top:calc(var(--size-spacing-sm) + 6px);width:8px}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-tablet__3wbFA:before{right:calc(var(--size-spacing-sm) + 8px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-tablet__3wbFA:after{right:calc(var(--size-spacing-sm) + 3px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-tablet__nLo2t{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-tablet__nLo2t>select{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding))) var(--size-spacing-3xl) calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding))) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-tablet__nLo2t:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-tablet__nLo2t:before{top:calc(var(--size-spacing-md) + 10px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-tablet__nLo2t:before{right:calc(var(--size-spacing-sm) + 10px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-tablet__nLo2t:after{right:calc(var(--size-spacing-sm) + 3px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-tablet__fLu2T{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-tablet__fLu2T>select{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) - 1px) var(--size-spacing-3xl) calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) - 1px) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-tablet__fLu2T:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-tablet__fLu2T:before{height:2px;top:calc(var(--size-spacing-md) + 9px);width:10px}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-tablet__fLu2T:before{right:calc(var(--size-spacing-sm) + 11px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-tablet__fLu2T:after{right:calc(var(--size-spacing-sm) + 3px)}}@media (min-width:992px){.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-desktop__aUL7D{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-desktop__aUL7D>select{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-sm-padding, var(--INTERNAL_form-control-size-sm-padding))) var(--size-spacing-2xl) calc(var(--form-control-size-sm-padding, var(--INTERNAL_form-control-size-sm-padding))) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-desktop__aUL7D:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-desktop__aUL7D:before{height:2px;top:calc(var(--size-spacing-sm) + 6px);width:8px}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-desktop__aUL7D:before{right:calc(var(--size-spacing-sm) + 8px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-desktop__aUL7D:after{right:calc(var(--size-spacing-sm) + 3px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-desktop__s1uoc{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-desktop__s1uoc>select{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding))) var(--size-spacing-3xl) calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding))) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-desktop__s1uoc:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-desktop__s1uoc:before{top:calc(var(--size-spacing-md) + 10px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-desktop__s1uoc:before{right:calc(var(--size-spacing-sm) + 10px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-desktop__s1uoc:after{right:calc(var(--size-spacing-sm) + 3px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-desktop__Ri2Ka{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-desktop__Ri2Ka>select{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) - 1px) var(--size-spacing-3xl) calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) - 1px) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-desktop__Ri2Ka:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-desktop__Ri2Ka:before{height:2px;top:calc(var(--size-spacing-md) + 9px);width:10px}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-desktop__Ri2Ka:before{right:calc(var(--size-spacing-sm) + 11px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-desktop__Ri2Ka:after{right:calc(var(--size-spacing-sm) + 3px)}}@media (min-width:1280px){.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-hd__RVm4G{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-hd__RVm4G>select{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-sm-padding, var(--INTERNAL_form-control-size-sm-padding))) var(--size-spacing-2xl) calc(var(--form-control-size-sm-padding, var(--INTERNAL_form-control-size-sm-padding))) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-hd__RVm4G:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-hd__RVm4G:before{height:2px;top:calc(var(--size-spacing-sm) + 6px);width:8px}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-hd__RVm4G:before{right:calc(var(--size-spacing-sm) + 8px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-sm-hd__RVm4G:after{right:calc(var(--size-spacing-sm) + 3px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-hd__m4Rqf{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-hd__m4Rqf>select{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding))) var(--size-spacing-3xl) calc(var(--form-control-size-md-padding, var(--INTERNAL_form-control-size-md-padding))) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-hd__m4Rqf:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-hd__m4Rqf:before{top:calc(var(--size-spacing-md) + 10px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-hd__m4Rqf:before{right:calc(var(--size-spacing-sm) + 10px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-md-hd__m4Rqf:after{right:calc(var(--size-spacing-sm) + 3px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-hd__V6i8b{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-hd__V6i8b>select{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) - 1px) var(--size-spacing-3xl) calc(var(--form-control-size-lg-padding, var(--INTERNAL_form-control-size-lg-padding)) - 1px) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-hd__V6i8b:after,.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-hd__V6i8b:before{height:2px;top:calc(var(--size-spacing-md) + 9px);width:10px}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-hd__V6i8b:before{right:calc(var(--size-spacing-sm) + 11px)}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_size-lg-hd__V6i8b:after{right:calc(var(--size-spacing-sm) + 3px)}}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_error__RBOZT{background-color:var(--form-control-border-color-error,var(--INTERNAL_form-control-background-color-error));border-color:var(--form-control-border-color-error,var(--INTERNAL_form-control-border-color-error))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_error__RBOZT:focus-within{background-color:var(--form-control-background-color,var(--INTERNAL_form-control-background-color));border:1px solid var(--color-border-active);color:var(--form-control-font-color,var(--INTERNAL_form-control-font-color));outline:none}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_error__RBOZT select{color:var(--form-control-font-color,var(--INTERNAL_form-control-input-color-error))}.SelectInputNative-module_select-input-native-wrapper__-vvFm.SelectInputNative-module_error__RBOZT select:focus{background-color:transparent;color:var(--form-control-font-color,var(--INTERNAL_form-control-label-color));outline:none}.SelectInputNative-module_text-input-label__-YjDc{margin-bottom:var(--form-control-label-margin,var(--INTERNAL_form-control-label-margin))}
|
|
24
24
|
.TextareaInput-module_size-sm__-YCcV,.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-sm__-YCcV{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.TextareaInput-module_size-sm__-YCcV>textarea,.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-sm__-YCcV>textarea{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextareaInput-module_size-md__uPOvN,.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-md__uPOvN{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextareaInput-module_size-md__uPOvN>textarea,.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-md__uPOvN>textarea{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextareaInput-module_size-lg__P5SYv,.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-lg__P5SYv{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextareaInput-module_size-lg__P5SYv>textarea,.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-lg__P5SYv>textarea{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextareaInput-module_textarea-input-wrapper__mJBZN>textarea:disabled{background-color:var(--color-background-disabled);color:var(--color-font-disabled);-webkit-text-fill-color:var(--color-font-disabled);opacity:1}.TextareaInput-module_textarea-input-wrapper__mJBZN>textarea:hover:disabled{cursor:not-allowed}.TextareaInput-module_textarea-input-wrapper__mJBZN{border:1px solid var(--form-control-border-color,var(--INTERNAL_form-control-border-color));font-family:var(--form-control-font-family,var(--INTERNAL_form-control-font-family))}.TextareaInput-module_textarea-input-wrapper__mJBZN>textarea{background-color:var(--form-control-background-color,var(--INTERNAL_form-control-background-color));border:none;color:var(--form-control-font-color,var(--INTERNAL_form-control-font-color));line-height:var(--form-control-line-height,var(--INTERNAL_form-control-line-height));transition-duration:.3s;transition-property:border,background-color;transition-timing-function:cubic-bezier(.2,.8,.4,1);width:100%}.TextareaInput-module_textarea-input-wrapper__mJBZN>textarea::-moz-placeholder{color:var(--color-font-placeholder);opacity:1}.TextareaInput-module_textarea-input-wrapper__mJBZN>textarea::placeholder{color:var(--color-font-placeholder);opacity:1}.TextareaInput-module_textarea-input-wrapper__mJBZN>textarea:focus{border-color:var(--form-control-border-color-focus,var(--INTERNAL_form-control-border-color-focus));outline:none}@media (min-width:680px){.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-sm-tablet__rYP2T{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-sm-tablet__rYP2T>textarea{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-md-tablet__D1PYq{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-md-tablet__D1PYq>textarea{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-lg-tablet__N-UED{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-lg-tablet__N-UED>textarea{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}}@media (min-width:992px){.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-sm-desktop__Z-Zdg{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-sm-desktop__Z-Zdg>textarea{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-md-desktop__W3jIm{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-md-desktop__W3jIm>textarea{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-lg-desktop__XLwk0{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-lg-desktop__XLwk0>textarea{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}}@media (min-width:1280px){.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-sm-hd__KP21d{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-sm-hd__KP21d>textarea{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-md-hd__3me0R{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-md-hd__3me0R>textarea{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-lg-hd__BcgC-{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_size-lg-hd__BcgC->textarea{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_error__JpCpt>textarea{background-color:var(--form-control-border-color-focus,var(--INTERNAL_form-control-background-color-error));border-color:var(--form-control-border-color-focus,var(--INTERNAL_form-control-border-color-error));color:var(--form-control-font-color,var(--INTERNAL_form-control-input-color-error))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_error__JpCpt textarea:focus{background-color:transparent;outline:none}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_error__JpCpt:focus-within{background-color:var(--form-control-background-color,var(--INTERNAL_form-control-background-color));border-color:var(--form-control-border-color-focus,var(--INTERNAL_form-control-border-color-focus))}.TextareaInput-module_textarea-input-wrapper__mJBZN.TextareaInput-module_error__JpCpt:focus-within>textarea{color:var(--form-control-font-color,var(--INTERNAL_form-control-font-color))}.TextareaInput-module_textarea-input-wrapper__mJBZN:focus-within{border:1px solid var(--color-border-active);box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:none}.TextareaInput-module_textarea-input-label__1zb77{margin-bottom:var(--form-control-label-margin,var(--INTERNAL_form-control-label-margin))}.TextareaInput-module_textarea-resize-both__Gn3Zh{resize:both}.TextareaInput-module_textarea-resize-horizontal__0aRED{resize:horizontal}.TextareaInput-module_textarea-resize-vertical__DbKar{resize:vertical}.TextareaInput-module_textarea-resize-none__l6dRF{resize:none}
|
|
25
|
-
.
|
|
25
|
+
.Switch-module_thumb-size-sm__0cIei{height:calc(var(--size-spacing-2xl) - 4px);width:calc(var(--size-spacing-2xl) - 4px)}.Switch-module_thumb-size-md__wB9aa{height:calc(var(--size-spacing-3xl) - 4px);width:calc(var(--size-spacing-3xl) - 4px)}.Switch-module_thumb-size-lg__sD9d9{height:calc(var(--size-spacing-4xl) - 4px);width:calc(var(--size-spacing-4xl) - 4px)}.Switch-module_track-size-sm__6dGMb{height:var(--size-spacing-2xl);min-width:2rem;width:2rem}.Switch-module_track-size-md__XXrdH{height:var(--size-spacing-3xl);min-width:2.5rem;width:2.5rem}.Switch-module_track-size-lg__Rm3qX{height:var(--size-spacing-4xl);min-width:3.5rem;width:3.5rem}@media (min-width:680px){.Switch-module_thumb-size-sm-tablet__kMoMh{height:calc(var(--size-spacing-2xl) - 4px);width:calc(var(--size-spacing-2xl) - 4px)}.Switch-module_thumb-size-md-tablet__xWxiX{height:calc(var(--size-spacing-3xl) - 4px);width:calc(var(--size-spacing-3xl) - 4px)}.Switch-module_thumb-size-lg-tablet__sFOqF{height:calc(var(--size-spacing-4xl) - 4px);width:calc(var(--size-spacing-4xl) - 4px)}.Switch-module_track-size-sm-tablet__iaxm-{height:var(--size-spacing-2xl);min-width:2rem;width:2rem}.Switch-module_track-size-md-tablet__UJUGh{height:var(--size-spacing-3xl);min-width:2.5rem;width:2.5rem}.Switch-module_track-size-lg-tablet__Azrsy{height:var(--size-spacing-4xl);min-width:3.5rem;width:3.5rem}}@media (min-width:992px){.Switch-module_thumb-size-sm-desktop__8HEdQ{height:calc(var(--size-spacing-2xl) - 4px);width:calc(var(--size-spacing-2xl) - 4px)}.Switch-module_thumb-size-md-desktop__Zc9eN{height:calc(var(--size-spacing-3xl) - 4px);width:calc(var(--size-spacing-3xl) - 4px)}.Switch-module_thumb-size-lg-desktop__nctEB{height:calc(var(--size-spacing-4xl) - 4px);width:calc(var(--size-spacing-4xl) - 4px)}.Switch-module_track-size-sm-desktop__M4yd-{height:var(--size-spacing-2xl);min-width:2rem;width:2rem}.Switch-module_track-size-md-desktop__4PYHn{height:var(--size-spacing-3xl);min-width:2.5rem;width:2.5rem}.Switch-module_track-size-lg-desktop__3fzJY{height:var(--size-spacing-4xl);min-width:3.5rem;width:3.5rem}}@media (min-width:1280px){.Switch-module_thumb-size-sm-hd__No76h{height:calc(var(--size-spacing-2xl) - 4px);width:calc(var(--size-spacing-2xl) - 4px)}.Switch-module_thumb-size-md-hd__3MR-O{height:calc(var(--size-spacing-3xl) - 4px);width:calc(var(--size-spacing-3xl) - 4px)}.Switch-module_thumb-size-lg-hd__4AQ8O{height:calc(var(--size-spacing-4xl) - 4px);width:calc(var(--size-spacing-4xl) - 4px)}.Switch-module_track-size-sm-hd__gQTpP{height:var(--size-spacing-2xl);min-width:2rem;width:2rem}.Switch-module_track-size-md-hd__JOSCe{height:var(--size-spacing-3xl);min-width:2.5rem;width:2.5rem}.Switch-module_track-size-lg-hd__CBQq3{height:var(--size-spacing-4xl);min-width:3.5rem;width:3.5rem}}.Switch-module_disabled__VeSGJ{cursor:not-allowed;opacity:.4}.Switch-module_switch-thumb__bTWJz{background-color:var(--color-base-white);border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.45);display:block;transition:transform .25s ease}.Switch-module_switch-track__rAmhp{background-color:var(--switch-background-color,var(--color-base-grey-200));border-radius:9999em;cursor:pointer;display:block;padding:2px;transition:background-color .25s ease}.Switch-module_switch-track__rAmhp.Switch-module_error__OBYv6{background-color:var(--switch-background-color-error,var(--color-base-red-500))}.Switch-module_switch-input__oQwtt{position:absolute;clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp{background-color:var(--switch-background-color-checked,var(--color-base-green-500))}.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp.Switch-module_error__OBYv6{background-color:var(--switch-background-color-error,var(--color-base-red-500))}.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp .Switch-module_switch-thumb__bTWJz.Switch-module_thumb-size-sm__0cIei{transform:translateX(.75rem)}.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp .Switch-module_switch-thumb__bTWJz.Switch-module_thumb-size-md__wB9aa{transform:translateX(1rem)}.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp .Switch-module_switch-thumb__bTWJz.Switch-module_thumb-size-lg__sD9d9{transform:translateX(1.5rem)}@media (min-width:680px){.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp .Switch-module_switch-thumb__bTWJz.Switch-module_thumb-size-sm-tablet__kMoMh{transform:translateX(.5rem)}.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp .Switch-module_switch-thumb__bTWJz.Switch-module_thumb-size-md-tablet__xWxiX{transform:translateX(1rem)}.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp .Switch-module_switch-thumb__bTWJz.Switch-module_thumb-size-lg-tablet__sFOqF{transform:translateX(1.5rem)}}@media (min-width:992px){.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp .Switch-module_switch-thumb__bTWJz.Switch-module_thumb-size-sm-desktop__8HEdQ{transform:translateX(.5rem)}.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp .Switch-module_switch-thumb__bTWJz.Switch-module_thumb-size-md-desktop__Zc9eN{transform:translateX(1rem)}.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp .Switch-module_switch-thumb__bTWJz.Switch-module_thumb-size-lg-desktop__nctEB{transform:translateX(1.5rem)}}@media (min-width:1280px){.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp .Switch-module_switch-thumb__bTWJz.Switch-module_thumb-size-sm-hd__No76h{transform:translateX(.5rem)}.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp .Switch-module_switch-thumb__bTWJz.Switch-module_thumb-size-md-hd__3MR-O{transform:translateX(1rem)}.Switch-module_switch-input__oQwtt:checked+.Switch-module_switch-track__rAmhp .Switch-module_switch-thumb__bTWJz.Switch-module_thumb-size-lg-hd__4AQ8O{transform:translateX(1.5rem)}}.Switch-module_switch-input__oQwtt:focus+.Switch-module_switch-track__rAmhp{box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:0}.Switch-module_switch-input__oQwtt:focus-visible+.Switch-module_switch-track__rAmhp{box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:0}.Switch-module_switch-input__oQwtt:focus:not(:focus-visible)+.Switch-module_switch-track__rAmhp{box-shadow:none;outline:0}
|
|
26
|
+
.ToggleGroup-module_item__dIBO0{align-items:center;background-color:var(--color-background-transparent);border-radius:var(--size-border-radius-sm);border-width:0;color:var(--color-font-secondary);cursor:pointer;display:flex;font-size:var(--size-font-size-sm);gap:var(--size-spacing-sm);line-height:1;padding:var(--size-spacing-sm)}.ToggleGroup-module_item__dIBO0:hover{background-color:var(--color-background-toggle-group-item-hover)}.ToggleGroup-module_item__dIBO0[data-state=on]{background-color:var(--color-background-toggle-group-item-active);color:var(--color-font-base)}.ToggleGroup-module_item__dIBO0:focus-visible{box-shadow:0 0 0 2px #000;position:relative}.ToggleGroup-module_item__dIBO0:disabled{opacity:.5;pointer-events:none}.ToggleGroup-module_outline__d5OlO{border:1px solid var(--color-border-default);box-shadow:var(--size-box-shadow-xs)}.ToggleGroup-module_outline__d5OlO:disabled,.ToggleGroup-module_outline__d5OlO[data-state=on]{box-shadow:none}.ToggleGroup-module_outline__d5OlO:disabled{pointer-events:none}
|
|
26
27
|
.Modal-module_modal-close__1YmMa{background:transparent;border:none;border-radius:var(--size-border-radius-sm);cursor:pointer;line-height:var(--size-line-height-base);padding:var(--size-spacing-xs)}.Modal-module_modal-close__1YmMa,.Modal-module_modal-close__1YmMa:hover{color:var(--color-font-secondary)}.Modal-module_modal-close__1YmMa:focus-visible{box-shadow:var(--modal-close-button-box-shadow-focus,0 0 0 4px var(--color-base-grey-200));outline:0}.Modal-module_modal-close__1YmMa:focus:not(:focus-visible){box-shadow:none;outline:0}.Modal-module_modal__yNG-7{align-items:flex-end;animation:fadeIn .2s;background:rgba(0,0,0,.33);background-color:rgba(0,0,0,.6);bottom:0;display:flex;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:var(--size-z-index-overlay)}.Modal-module_modal__yNG-7 .Modal-module_modal-content__GMtBm{animation:slideInUp .3s;background-color:var(--color-background-modal);border-radius:var(--size-border-radius-md) var(--size-border-radius-md) 0 0;bottom:0;display:flex;flex-direction:column;grid-column:1;grid-row:1;margin:0;padding:0;position:absolute;width:100%;z-index:var(--size-z-index-modal)}@media (min-width:680px){.Modal-module_modal__yNG-7 .Modal-module_modal-content__GMtBm{animation:fadeInUp .2s ease-out;border-radius:var(--size-border-radius-md);box-shadow:var(--modal-box-shadow,var(--size-box-shadow-md));grid-column:2;grid-row:2;margin:auto;max-height:calc(100vh - 80px);min-height:unset;outline:none;position:static;width:70vw}}@media (min-width:992px){.Modal-module_modal__yNG-7 .Modal-module_modal-content__GMtBm{width:50vw}}.fullscreen .Modal-module_modal-content__GMtBm{border-radius:0;bottom:env(safe-area-inset-bottom,0);left:env(safe-area-inset-left,0);position:fixed;right:env(safe-area-inset-right,0);top:env(safe-area-inset-top,0)}@media (min-width:680px){.fullscreen{align-items:center;display:grid;grid-template-columns:var(--size-spacing-2xl) auto var(--size-spacing-2xl);grid-template-rows:minmax(var(--size-spacing-2xl),1fr) auto minmax(var(--size-spacing-2xl),1fr);overflow:hidden}.fullscreen .Modal-module_modal-content__GMtBm{animation:fadeInUp .2s ease-out;border-radius:var(--size-border-radius-md);box-shadow:var(--size-box-shadow-md);grid-column:2;grid-row:2;margin:auto;max-height:calc(100vh - 80px);min-height:unset;outline:none;position:unset;width:70vw}}@media (min-width:680px) and (min-width:992px){.fullscreen .Modal-module_modal-content__GMtBm{width:50vw}}
|
|
27
28
|
.RangeInput-module_slider__Z6D68{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--color-base-grey-700);border:none;border-radius:2.5rem;height:var(--size-spacing-sm);overflow:visible;padding:0!important}.RangeInput-module_slider__Z6D68::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--color-base-white);border:.125rem solid #0f172a;border-radius:var(--size-percentage-50);cursor:pointer;height:var(--size-spacing-2xl);width:var(--size-spacing-2xl)}.RangeInput-module_disabled__gyu72{cursor:not-allowed;opacity:.5}
|
|
28
29
|
.Sidebar-module_rail__nWu0Q{border-width:0;border-right:2px solid transparent;transition:border-right .3s linear}.Sidebar-module_rail__nWu0Q:hover{border-right:2px solid var(--color-border-sidebar-rail-hover)}
|
|
@@ -32,4 +33,5 @@
|
|
|
32
33
|
.TableBodyCell-module_table-cell__pKl29{color:var(--color-font-base);padding:var(--size-spacing-md) var(--size-spacing-2xl)}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_borderless__qwKQA{border-width:0}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_compact__zfdBf{padding:var(--size-spacing-sm) var(--size-spacing-md)}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_truncated__4YtPF{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_sticky-column-left__tKIGW{background-color:var(--color-background-primary);left:0}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_sticky-column-right__680hS{background-color:var(--color-background-primary);right:0}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_sticky-column__QpEbV{background-color:var(--color-background-primary);box-shadow:5px 0 5px -2px rgba(0,0,0,.1),-5px 0 5px -2px rgba(0,0,0,.1);position:sticky;z-index:calc(var(--size-z-index-sticky) - 1)}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_align-right__j-VqN{text-align:right}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_align-center__saqzC{text-align:center}
|
|
33
34
|
.TableHeaderCell-module_table-header-cell__aufSm{background-color:var(--color-background-primary);color:var(--color-font-secondary);font-weight:var(--size-font-weight-medium);letter-spacing:.05em;padding:var(--size-spacing-md) var(--size-spacing-2xl);text-align:left;white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sortable__qjrkY{cursor:pointer}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_borderless__uos2k{border-width:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_truncated__wmNfw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_compact__ujtrZ{padding:var(--size-spacing-sm) var(--size-spacing-md)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-header__PEP9t{position:sticky;top:0;z-index:var(--size-z-index-sticky)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column-left__t8qIz{left:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column-right__6D8-X{right:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column__g9ybV{background-color:var(--color-background-primary);box-shadow:5px 0 5px -2px rgba(0,0,0,.1),-5px 0 5px -2px rgba(0,0,0,.1);position:sticky;z-index:calc(var(--size-z-index-sticky) + 1)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_align-right__Qw0YQ{text-align:right}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_align-center__1RmCS{text-align:center}.TableHeaderCell-module_table-header-cell__aufSm .TableHeaderCell-module_heading__fEcYT{white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm .TableHeaderCell-module_heading__fEcYT .TableHeaderCell-module_sort-icon__SHgic{margin-left:var(--size-spacing-xs)}
|
|
34
35
|
.ToastNotification-module_toast-notification__2xiTW{background-color:var(--color-background-toast);border:1px solid var(--color-border-toast);border-radius:var(--size-border-radius-lg);box-shadow:var(--size-box-shadow-md);color:var(--color-font-toast);font-size:var(--size-font-size-sm);pointer-events:auto;will-change:transform}.ToastNotification-module_toast-error__4ArAY{background-color:var(--color-background-toast-error);border-color:var(--color-border-toast-error);color:var(--color-font-white)}.ToastNotification-module_toast-error__4ArAY .ToastNotification-module_toast-dismiss__xxmkb{color:var(--color-font-white)}.ToastNotification-module_toast-dismiss__xxmkb{color:var(--color-font-toast)}.ToastNotification-module_toast-notification-enter-top__ZZDCr{animation:enterTop .25s cubic-bezier(.21,1.02,.73,1) forwards}.ToastNotification-module_toast-notification-exit-top__fOIkZ{animation:exitTop .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-enter-bottom__So3w7{animation:enterBottom .25s cubic-bezier(.21,1.02,.73,1) forwards}.ToastNotification-module_toast-notification-exit-bottom__DDthi{animation:exitBottom .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-exit-left__Fh1hC{animation:exitLeft .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-exit-right__C1jQ9{animation:exitRight .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-fade-in__JlSGi{animation:fadeIn .25s cubic-bezier(.21,1.02,.73,1) forwards}.ToastNotification-module_toast-notification-fade-out__r6q4Q{animation:fadeOut .3s cubic-bezier(.06,.71,.55,1) forwards}
|
|
36
|
+
.Toggle-module_item__NQ7iu{align-items:center;background-color:var(--color-background-transparent);border-radius:var(--size-border-radius-sm);border-width:0;color:var(--color-font-secondary);cursor:pointer;display:flex;font-size:var(--size-font-size-sm);gap:var(--size-spacing-sm);line-height:1;padding:var(--size-spacing-sm);transition:background-color .2s ease-in-out,color .2s ease-in-out}.Toggle-module_item__NQ7iu:hover{background-color:var(--color-background-toggle-group-item-hover)}.Toggle-module_item__NQ7iu[data-state=on]{background-color:var(--color-background-toggle-group-item-active);color:var(--color-font-base)}.Toggle-module_item__NQ7iu:focus-visible{box-shadow:0 0 0 2px #000;position:relative}.Toggle-module_item__NQ7iu:disabled{opacity:.5;pointer-events:none}.Toggle-module_outline__tR6T1{border:1px solid var(--color-border-default);box-shadow:var(--size-box-shadow-xs)}.Toggle-module_outline__tR6T1:disabled,.Toggle-module_outline__tR6T1[data-state=on]{box-shadow:none}.Toggle-module_outline__tR6T1:disabled{pointer-events:none}
|
|
35
37
|
.Tooltip-module_TooltipContent__wLEZU{animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);transform-origin:var(--radix-tooltip-content-transform-origin);will-change:transform,opacity}.Tooltip-module_TooltipContent__wLEZU[data-state=delayed-open][data-side=top],.Tooltip-module_TooltipContent__wLEZU[data-state=instant-open][data-side=top]{animation-name:Tooltip-module_tooltip-slideUpAndFade__Y05jp}.Tooltip-module_TooltipContent__wLEZU[data-state=delayed-open][data-side=right],.Tooltip-module_TooltipContent__wLEZU[data-state=instant-open][data-side=right]{animation-name:Tooltip-module_tooltip-slideRightAndFade__K04p9}.Tooltip-module_TooltipContent__wLEZU[data-state=delayed-open][data-side=bottom],.Tooltip-module_TooltipContent__wLEZU[data-state=instant-open][data-side=bottom]{animation-name:Tooltip-module_tooltip-slideDownAndFade__1wMd-}.Tooltip-module_TooltipContent__wLEZU[data-state=delayed-open][data-side=left],.Tooltip-module_TooltipContent__wLEZU[data-state=instant-open][data-side=left]{animation-name:Tooltip-module_tooltip-slideLeftAndFade__iQ1fp}@keyframes Tooltip-module_tooltip-slideUpAndFade__Y05jp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes Tooltip-module_tooltip-slideRightAndFade__K04p9{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}@keyframes Tooltip-module_tooltip-slideDownAndFade__1wMd-{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes Tooltip-module_tooltip-slideLeftAndFade__iQ1fp{0%{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}
|
package/dist/css/utilities.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
\***************************************************************************************************************************/
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Tue, 01 Apr 2025 18:48:01 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
.font-family-monospace { font-family: var(--assets-font-family-monospace); }
|
|
@@ -150,6 +150,18 @@
|
|
|
150
150
|
|
|
151
151
|
.focus\:background-color-button-danger-active:focus { background: var(--color-background-button-danger-active); }
|
|
152
152
|
|
|
153
|
+
.background-color-toggle-group-item-hover { background: var(--color-background-toggle-group-item-hover); }
|
|
154
|
+
|
|
155
|
+
.hover\:background-color-toggle-group-item-hover:hover { background: var(--color-background-toggle-group-item-hover); }
|
|
156
|
+
|
|
157
|
+
.focus\:background-color-toggle-group-item-hover:focus { background: var(--color-background-toggle-group-item-hover); }
|
|
158
|
+
|
|
159
|
+
.background-color-toggle-group-item-active { background: var(--color-background-toggle-group-item-active); }
|
|
160
|
+
|
|
161
|
+
.hover\:background-color-toggle-group-item-active:hover { background: var(--color-background-toggle-group-item-active); }
|
|
162
|
+
|
|
163
|
+
.focus\:background-color-toggle-group-item-active:focus { background: var(--color-background-toggle-group-item-active); }
|
|
164
|
+
|
|
153
165
|
.background-color-scrollbar-thumb { background: var(--color-background-scrollbar-thumb); }
|
|
154
166
|
|
|
155
167
|
.hover\:background-color-scrollbar-thumb:hover { background: var(--color-background-scrollbar-thumb); }
|
package/dist/css/variables.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
\*********************************************************************************************************************/
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Tue, 01 Apr 2025 18:48:01 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
:root {
|
|
@@ -33,6 +33,8 @@
|
|
|
33
33
|
--color-background-button-danger: #ef4444;
|
|
34
34
|
--color-background-button-danger-hover: #dc2626;
|
|
35
35
|
--color-background-button-danger-active: #b91c1c;
|
|
36
|
+
--color-background-toggle-group-item-hover: rgba(0, 0, 0, 0.1);
|
|
37
|
+
--color-background-toggle-group-item-active: rgba(0, 0, 0, 0.1);
|
|
36
38
|
--color-background-scrollbar-thumb: #d4d4d4;
|
|
37
39
|
--color-background-scrollbar-track: rgba(0, 0, 0, 0);
|
|
38
40
|
--color-background-modal: #ffffff;
|
|
@@ -349,7 +351,7 @@
|
|
|
349
351
|
\*******************************************************************************************************************************/
|
|
350
352
|
/**
|
|
351
353
|
* Do not edit directly
|
|
352
|
-
* Generated on
|
|
354
|
+
* Generated on Tue, 01 Apr 2025 18:48:01 GMT
|
|
353
355
|
*/
|
|
354
356
|
|
|
355
357
|
:root.dark {
|
|
@@ -376,6 +378,8 @@
|
|
|
376
378
|
--color-background-button-danger: #ef4444;
|
|
377
379
|
--color-background-button-danger-hover: #dc2626;
|
|
378
380
|
--color-background-button-danger-active: #b91c1c;
|
|
381
|
+
--color-background-toggle-group-item-hover: rgba(255, 255, 255, .1);
|
|
382
|
+
--color-background-toggle-group-item-active: rgba(255, 255, 255, .1);
|
|
379
383
|
--color-background-scrollbar-thumb: #525252;
|
|
380
384
|
--color-background-modal: #262626;
|
|
381
385
|
--color-background-toast: #f5f5f5;
|