@consta/uikit 5.15.0 → 5.16.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/__internal__/src/components/Attachment/Attachment.css +1 -1
- package/__internal__/src/components/Attachment/Attachment.js +1 -1
- package/__internal__/src/components/Attachment/Attachment.js.map +1 -1
- package/__internal__/src/components/Attachment/types.d.ts +23 -4
- package/__internal__/src/components/Attachment/types.js.map +1 -1
- package/__internal__/src/components/AutoComplete/helpers.d.ts +1 -1
- package/__internal__/src/components/AutoCompleteCanary/helpers.d.ts +1 -1
- package/__internal__/src/components/AvatarGroup/helpers.d.ts +6 -6
- package/__internal__/src/components/BadgeGroup/helper.d.ts +2 -2
- package/__internal__/src/components/BookmarkTabs/helper.d.ts +6 -6
- package/__internal__/src/components/Breadcrumbs/helpers.d.ts +6 -6
- package/__internal__/src/components/Button/Button.css +1 -1
- package/__internal__/src/components/Button/Button.js +1 -1
- package/__internal__/src/components/Button/Button.js.map +1 -1
- package/__internal__/src/components/CheckboxGroup/helper.d.ts +6 -6
- package/__internal__/src/components/Chips/helpers.d.ts +2 -2
- package/__internal__/src/components/ChoiceGroup/Item/ChoiceGroup-Item.d.ts +2 -2
- package/__internal__/src/components/ChoiceGroup/helper.d.ts +7 -7
- package/__internal__/src/components/CollapseGroup/helpers.d.ts +10 -10
- package/__internal__/src/components/Combobox/helpers.d.ts +3 -3
- package/__internal__/src/components/ComboboxDeprecated/helpers.d.ts +3 -3
- package/__internal__/src/components/ContextMenu/ContextMenuLevelWrapper/ContextMenuLevelWrapper.d.ts +1 -1
- package/__internal__/src/components/ContextMenu/helpers.d.ts +4 -4
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDate/DatePickerFieldTypeDate.d.ts +4 -4
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.d.ts +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.d.ts +4 -4
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.d.ts +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonth/DatePickerFieldTypeMonth.d.ts +4 -4
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange.d.ts +1 -1
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeTime/DatePickerFieldTypeTime.d.ts +4 -4
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeYear/DatePickerFieldTypeYear.d.ts +4 -4
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange.d.ts +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeDateTime/DatePickerTypeDateTime.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeDateTime/DatePickerTypeDateTime.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.js.map +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.js +1 -1
- package/__internal__/src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.js.map +1 -1
- package/__internal__/src/components/DatePicker/timeForMap.d.ts +2 -0
- package/__internal__/src/components/DatePicker/timeForMap.js +2 -0
- package/__internal__/src/components/DatePicker/timeForMap.js.map +1 -0
- package/__internal__/src/components/DateTime/DateTimeItem/DateTimeItem.d.ts +1 -1
- package/__internal__/src/components/DateTime/helpers/useCurrentVisibleDate.d.ts +2 -1
- package/__internal__/src/components/DateTime/helpers/useCurrentVisibleDate.js +1 -1
- package/__internal__/src/components/DateTime/helpers/useCurrentVisibleDate.js.map +1 -1
- package/__internal__/src/components/DragNDropField/DragNDropField.d.ts +1 -1
- package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldCanary.d.ts +1 -1
- package/__internal__/src/components/EventInterceptor/propsHandlers/useCheckboxEventsHandler.d.ts +2 -2
- package/__internal__/src/components/FieldComponents/FieldButton/FieldButton.d.ts +1 -1
- package/__internal__/src/components/FieldComponents/FieldClearButton/FieldClearButton.d.ts +1 -1
- package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.d.ts +1 -1
- package/__internal__/src/components/FieldComponents/FieldCounter/FieldCounter.d.ts +1 -1
- package/__internal__/src/components/FieldComponents/FieldIcon/FieldIcon.d.ts +1 -1
- package/__internal__/src/components/FieldComponents/FieldInput/FieldInput.d.ts +1 -1
- package/__internal__/src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.d.ts +1 -1
- package/__internal__/src/components/FieldGroup/FieldGroup.d.ts +1 -1
- package/__internal__/src/components/ListCanary/ListAddItem/ListAddItem.d.ts +1 -1
- package/__internal__/src/components/ListCanary/ListBox/ListBox.d.ts +1 -1
- package/__internal__/src/components/ListCanary/ListDivider/ListDivider.d.ts +1 -1
- package/__internal__/src/components/ListCanary/ListGroupLabel/ListGroupLabel.d.ts +1 -1
- package/__internal__/src/components/ListCanary/ListLoader/ListLoader.d.ts +1 -1
- package/__internal__/src/components/ListCanary/helper.d.ts +1 -1
- package/__internal__/src/components/Loader/Loader.css +1 -3
- package/__internal__/src/components/Loader/Loader.d.ts +6 -2
- package/__internal__/src/components/Loader/Loader.js +1 -1
- package/__internal__/src/components/Loader/Loader.js.map +1 -1
- package/__internal__/src/components/Loader/types.d.ts +6 -4
- package/__internal__/src/components/Loader/types.js +1 -1
- package/__internal__/src/components/Loader/types.js.map +1 -1
- package/__internal__/src/components/Modal/Modal.js.map +1 -1
- package/__internal__/src/components/Pagination/PaginationArrow/PaginationArrow.d.ts +2 -2
- package/__internal__/src/components/Pagination/PaginationNumberInput/PaginationNumberInput.d.ts +2 -2
- package/__internal__/src/components/Picture/Picture.d.ts +1 -1
- package/__internal__/src/components/Popover/Popover.d.ts +1 -1
- package/__internal__/src/components/Popover/Popover.js.map +1 -1
- package/__internal__/src/components/ProgressLine/helpers.d.ts +5 -5
- package/__internal__/src/components/ProgressStepBar/helpers.d.ts +2 -2
- package/__internal__/src/components/RadioGroup/helper.d.ts +6 -6
- package/__internal__/src/components/Responses/Responses.d.ts +1 -1
- package/__internal__/src/components/Select/helpers.d.ts +3 -3
- package/__internal__/src/components/SelectComponents/SelectContainer/SelectContainer.d.ts +1 -1
- package/__internal__/src/components/SelectComponentsDeprecated/SelectContainer/SelectContainer.d.ts +1 -1
- package/__internal__/src/components/SelectDeprecated/helpers.d.ts +3 -3
- package/__internal__/src/components/SnackBar/helper.d.ts +5 -5
- package/__internal__/src/components/Steps/helper.d.ts +5 -5
- package/__internal__/src/components/Switch/Switch.d.ts +2 -2
- package/__internal__/src/components/SwitchGroup/helpers.d.ts +6 -6
- package/__internal__/src/components/Table/Resizer/TableResizer.js.map +1 -1
- package/__internal__/src/components/Tabs/TabsFitModeScrollWrapper/__test__/helpers.test.js +1 -1
- package/__internal__/src/components/Tabs/TabsFitModeScrollWrapper/__test__/helpers.test.js.map +1 -1
- package/__internal__/src/components/Tabs/helpers.d.ts +21 -21
- package/__internal__/src/components/Tag/Tag.d.ts +1 -0
- package/__internal__/src/components/Tag/Tag.js.map +1 -1
- package/__internal__/src/components/TagBase/TagBase.css +1 -1
- package/__internal__/src/components/TagBase/TagBase.d.ts +3 -1
- package/__internal__/src/components/TagBase/TagBase.js +1 -1
- package/__internal__/src/components/TagBase/TagBase.js.map +1 -1
- package/__internal__/src/components/ThemeToggler/helpers.d.ts +7 -7
- package/__internal__/src/components/Timer/Timer.d.ts +1 -1
- package/__internal__/src/components/Tooltip/Tooltip.d.ts +1 -1
- package/__internal__/src/components/TooltipDeprecated/TooltipDeprecated.d.ts +1 -1
- package/__internal__/src/components/UserSelect/UserSelectItem/UserSelectItem.d.ts +1 -1
- package/__internal__/src/components/UserSelect/helpers.d.ts +2 -2
- package/__internal__/src/components/UserSelectDeprecated/helpers.d.ts +2 -2
- package/__internal__/src/fileIcons/FileIcon/FileIcon.d.ts +1 -1
- package/__internal__/src/hocs/withTooltip/withTooltip.js.map +1 -1
- package/__internal__/src/hooks/useBreakpointsDeprecated/useBreakpointsDeprecated.d.ts +1 -1
- package/__internal__/src/hooks/useClickOutside/useClickOutside.js.map +1 -1
- package/__internal__/src/uiKit/components/ThemePreview/helpers.d.ts +7 -7
- package/__internal__/src/uiKit/components/ThemePreview/helpers.js +1 -1
- package/__internal__/src/uiKit/components/ThemePreview/helpers.js.map +1 -1
- package/package.json +1 -1
|
@@ -115,7 +115,7 @@ export declare function withDefaultGetters<ITEM = UserSelectItemDefault, GROUP =
|
|
|
115
115
|
disabled?: boolean | undefined;
|
|
116
116
|
form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
|
|
117
117
|
size?: "s" | "m" | "l" | undefined;
|
|
118
|
-
view?: "
|
|
118
|
+
view?: "clear" | "default" | undefined;
|
|
119
119
|
dropdownForm?: "default" | "brick" | "round" | undefined;
|
|
120
120
|
placeholder?: string | undefined;
|
|
121
121
|
ariaLabel?: string | undefined;
|
|
@@ -161,7 +161,7 @@ export declare function withDefaultGetters<ITEM = UserSelectItemDefault, GROUP =
|
|
|
161
161
|
onDropdownOpen?: ((isOpen: boolean) => void) | undefined;
|
|
162
162
|
dropdownOpen?: boolean | undefined;
|
|
163
163
|
ignoreOutsideClicksRefs?: readonly React.RefObject<HTMLElement>[] | undefined;
|
|
164
|
-
} & Omit<React.HTMLAttributes<HTMLDivElement>, "
|
|
164
|
+
} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "size" | "view" | "caption" | "form" | "label" | "status" | "name" | "disabled" | "value" | "multiple" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "onScrollToBottom" | "labelForCreate" | "searchFunction" | "searchValue" | "onDropdownOpen" | "onSearchValueChange" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "labelForNotFound" | "virtualScroll" | "onCreate" | "getItemSubLabel" | "getItemAvatarUrl"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
|
|
165
165
|
label: string;
|
|
166
166
|
} ? {} : {
|
|
167
167
|
getItemLabel: UserSelectPropGetItemLabel<ITEM>;
|
|
@@ -111,7 +111,7 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
|
|
|
111
111
|
disabled?: boolean | undefined;
|
|
112
112
|
form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
|
|
113
113
|
size?: "s" | "m" | "l" | undefined;
|
|
114
|
-
view?: "
|
|
114
|
+
view?: "clear" | "default" | undefined;
|
|
115
115
|
dropdownForm?: "default" | "brick" | "round" | undefined;
|
|
116
116
|
placeholder?: string | undefined;
|
|
117
117
|
ariaLabel?: string | undefined;
|
|
@@ -152,7 +152,7 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
|
|
|
152
152
|
labelIcon?: IconComponent<"span"> | undefined;
|
|
153
153
|
caption?: string | undefined;
|
|
154
154
|
labelPosition?: "left" | "top" | undefined;
|
|
155
|
-
} & Omit<React.HTMLAttributes<HTMLDivElement>, "
|
|
155
|
+
} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "size" | "view" | "caption" | "form" | "label" | "status" | "name" | "disabled" | "value" | "multiple" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "labelForCreate" | "searchFunction" | "searchValue" | "labelForNotFound" | "onCreate" | "getItemSubLabel" | "getItemAvatarUrl"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
|
|
156
156
|
label: string;
|
|
157
157
|
} ? {} : {
|
|
158
158
|
getItemLabel: PropGetItemLabel<ITEM>;
|
|
@@ -9,5 +9,5 @@ declare type Props = {
|
|
|
9
9
|
};
|
|
10
10
|
export declare type FileIconProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
|
|
11
11
|
export declare const cnIconFile: import("@bem-react/classname").ClassNameFormatter;
|
|
12
|
-
export declare const FileIcon: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "
|
|
12
|
+
export declare const FileIcon: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "size"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
13
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withTooltip.js","names":["React","useCallback","useRef","Tooltip","useDebounce","useFlag","useForkRef","useMutableRef","withTooltipPropMode","withTooltipPropModeDefault","appearTimeoutDefault","exitTimeoutDefault","withTooltip","hocProps","Component","forwardRef","props","ref","tooltipProps","componentProps","mode","tooltipContent","content","closeOnClickOutside","appearTimeout","exitTimeout","otherTooltipProps","resultContent","visible","setVisible","anchorRef","hoverStateRef","tooltip","anchor","mutablePropsRef","onMouseEnter","onMouseLeave","onClick","mouseEnterController","current","on","mouseLeaveController","off","anchorOnMouseEnter","e","anchorOnMouseLeave","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnClickOutside","anchorOnClick","toggle","className"],"sources":["../../../../../src/hocs/withTooltip/withTooltip.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport {\n Tooltip,\n TooltipProps as TooltipComponentProps,\n} from '##/components/Tooltip';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nexport const withTooltipPropMode = ['mouseover', 'click'] as const;\nexport const withTooltipPropModeDefault = withTooltipPropMode[0];\ntype WithTooltipPropMode = typeof withTooltipPropMode[number];\n\nexport const appearTimeoutDefault = 400;\nexport const exitTimeoutDefault = 200;\n\ntype ComponentProps = {\n onClick?: React.MouseEventHandler;\n onMouseEnter?: React.MouseEventHandler;\n onMouseLeave?: React.MouseEventHandler;\n};\n\nexport type TooltipProps = Omit<TooltipComponentProps, 'children' | 'ref'> & {\n tooltipContent?: React.ReactNode;\n /** @deprecated use tooltipContent */\n content?: React.ReactNode;\n mode?: WithTooltipPropMode;\n closeOnClickOutside?: boolean;\n appearTimeout?: number;\n exitTimeout?: number;\n};\n\nexport type WithTooltipProps<Props> = Omit<Props, 'tooltipProps'> & {\n tooltipProps?: TooltipProps;\n};\n\ntype HoverState = {\n tooltip: boolean;\n anchor: boolean;\n};\n\nexport function withTooltip(hocProps?: TooltipProps) {\n return function <COMPONENT_TYPE, COMPONENT_PROPS extends ComponentProps>(\n Component: COMPONENT_TYPE,\n ) {\n return React.forwardRef<HTMLElement, WithTooltipProps<COMPONENT_PROPS>>(\n (props, ref) => {\n const { tooltipProps = {}, ...componentProps } = props;\n\n const {\n mode = 'mouseover',\n tooltipContent,\n content,\n closeOnClickOutside = true,\n appearTimeout = appearTimeoutDefault,\n exitTimeout = exitTimeoutDefault,\n ...otherTooltipProps\n } = {\n ...hocProps,\n ...tooltipProps,\n };\n\n const resultContent = tooltipContent ?? content;\n\n const [visible, setVisible] = useFlag();\n const anchorRef = useRef<HTMLElement>(null);\n\n const hoverStateRef = useRef<HoverState>({\n tooltip: false,\n anchor: false,\n });\n\n const mutablePropsRef = useMutableRef([\n componentProps.onMouseEnter,\n componentProps.onMouseLeave,\n otherTooltipProps.onMouseEnter,\n otherTooltipProps.onMouseLeave,\n componentProps.onClick,\n mode,\n closeOnClickOutside,\n ] as const);\n\n const mouseEnterController = useDebounce(\n useCallback(() => {\n mutablePropsRef.current[5] === 'mouseover' &&\n (hoverStateRef.current.anchor || hoverStateRef.current.tooltip) &&\n setVisible.on();\n }, []),\n appearTimeout,\n );\n\n const mouseLeaveController = useDebounce(\n useCallback(() => {\n mutablePropsRef.current[5] === 'mouseover' &&\n !hoverStateRef.current.anchor &&\n !hoverStateRef.current.tooltip &&\n setVisible.off();\n }, []),\n exitTimeout,\n );\n\n const anchorOnMouseEnter: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.anchor = true;\n mouseEnterController();\n mutablePropsRef.current[0]?.(e);\n }, []);\n\n const anchorOnMouseLeave: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.anchor = false;\n mouseLeaveController();\n mutablePropsRef.current[1]?.(e);\n }, []);\n\n const tooltipOnMouseEnter: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.tooltip = true;\n mouseEnterController();\n mutablePropsRef.current[2]?.(e);\n }, []);\n\n const tooltipOnMouseLeave: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.tooltip = false;\n mouseLeaveController();\n mutablePropsRef.current[3]?.(e);\n }, []);\n\n const tooltipOnClickOutside = useCallback(() => {\n mutablePropsRef.current[5] === 'click' &&\n mutablePropsRef.current[6] &&\n setVisible.off();\n }, [mode, closeOnClickOutside]);\n\n const anchorOnClick: React.MouseEventHandler = useCallback((e) => {\n mutablePropsRef.current[5] === 'click' && setVisible.toggle();\n mutablePropsRef.current[4]?.(e);\n }, []);\n\n const Anchor =\n Component as unknown as React.ComponentType<COMPONENT_PROPS>;\n\n return (\n <>\n <Anchor\n {...(componentProps as COMPONENT_PROPS)}\n onClick={anchorOnClick}\n onMouseEnter={anchorOnMouseEnter}\n onMouseLeave={anchorOnMouseLeave}\n ref={useForkRef([anchorRef, ref])}\n />\n <Tooltip\n {...otherTooltipProps}\n isOpen={visible && !!resultContent}\n className={otherTooltipProps.className}\n anchorRef={anchorRef}\n onClickOutside={tooltipOnClickOutside}\n onMouseEnter={tooltipOnMouseEnter}\n onMouseLeave={tooltipOnMouseLeave}\n >\n {resultContent}\n </Tooltip>\n </>\n );\n // привел к типам, так как прокинутый компонент может иметь дженерики и они потеряются за
|
|
1
|
+
{"version":3,"file":"withTooltip.js","names":["React","useCallback","useRef","Tooltip","useDebounce","useFlag","useForkRef","useMutableRef","withTooltipPropMode","withTooltipPropModeDefault","appearTimeoutDefault","exitTimeoutDefault","withTooltip","hocProps","Component","forwardRef","props","ref","tooltipProps","componentProps","mode","tooltipContent","content","closeOnClickOutside","appearTimeout","exitTimeout","otherTooltipProps","resultContent","visible","setVisible","anchorRef","hoverStateRef","tooltip","anchor","mutablePropsRef","onMouseEnter","onMouseLeave","onClick","mouseEnterController","current","on","mouseLeaveController","off","anchorOnMouseEnter","e","anchorOnMouseLeave","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnClickOutside","anchorOnClick","toggle","className"],"sources":["../../../../../src/hocs/withTooltip/withTooltip.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport {\n Tooltip,\n TooltipProps as TooltipComponentProps,\n} from '##/components/Tooltip';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nexport const withTooltipPropMode = ['mouseover', 'click'] as const;\nexport const withTooltipPropModeDefault = withTooltipPropMode[0];\ntype WithTooltipPropMode = typeof withTooltipPropMode[number];\n\nexport const appearTimeoutDefault = 400;\nexport const exitTimeoutDefault = 200;\n\ntype ComponentProps = {\n onClick?: React.MouseEventHandler;\n onMouseEnter?: React.MouseEventHandler;\n onMouseLeave?: React.MouseEventHandler;\n};\n\nexport type TooltipProps = Omit<TooltipComponentProps, 'children' | 'ref'> & {\n tooltipContent?: React.ReactNode;\n /** @deprecated use tooltipContent */\n content?: React.ReactNode;\n mode?: WithTooltipPropMode;\n closeOnClickOutside?: boolean;\n appearTimeout?: number;\n exitTimeout?: number;\n};\n\nexport type WithTooltipProps<Props> = Omit<Props, 'tooltipProps'> & {\n tooltipProps?: TooltipProps;\n};\n\ntype HoverState = {\n tooltip: boolean;\n anchor: boolean;\n};\n\nexport function withTooltip(hocProps?: TooltipProps) {\n return function <COMPONENT_TYPE, COMPONENT_PROPS extends ComponentProps>(\n Component: COMPONENT_TYPE,\n ) {\n return React.forwardRef<HTMLElement, WithTooltipProps<COMPONENT_PROPS>>(\n (props, ref) => {\n const { tooltipProps = {}, ...componentProps } = props;\n\n const {\n mode = 'mouseover',\n tooltipContent,\n content,\n closeOnClickOutside = true,\n appearTimeout = appearTimeoutDefault,\n exitTimeout = exitTimeoutDefault,\n ...otherTooltipProps\n } = {\n ...hocProps,\n ...tooltipProps,\n };\n\n const resultContent = tooltipContent ?? content;\n\n const [visible, setVisible] = useFlag();\n const anchorRef = useRef<HTMLElement>(null);\n\n const hoverStateRef = useRef<HoverState>({\n tooltip: false,\n anchor: false,\n });\n\n const mutablePropsRef = useMutableRef([\n componentProps.onMouseEnter,\n componentProps.onMouseLeave,\n otherTooltipProps.onMouseEnter,\n otherTooltipProps.onMouseLeave,\n componentProps.onClick,\n mode,\n closeOnClickOutside,\n ] as const);\n\n const mouseEnterController = useDebounce(\n useCallback(() => {\n mutablePropsRef.current[5] === 'mouseover' &&\n (hoverStateRef.current.anchor || hoverStateRef.current.tooltip) &&\n setVisible.on();\n }, []),\n appearTimeout,\n );\n\n const mouseLeaveController = useDebounce(\n useCallback(() => {\n mutablePropsRef.current[5] === 'mouseover' &&\n !hoverStateRef.current.anchor &&\n !hoverStateRef.current.tooltip &&\n setVisible.off();\n }, []),\n exitTimeout,\n );\n\n const anchorOnMouseEnter: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.anchor = true;\n mouseEnterController();\n mutablePropsRef.current[0]?.(e);\n }, []);\n\n const anchorOnMouseLeave: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.anchor = false;\n mouseLeaveController();\n mutablePropsRef.current[1]?.(e);\n }, []);\n\n const tooltipOnMouseEnter: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.tooltip = true;\n mouseEnterController();\n mutablePropsRef.current[2]?.(e);\n }, []);\n\n const tooltipOnMouseLeave: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.tooltip = false;\n mouseLeaveController();\n mutablePropsRef.current[3]?.(e);\n }, []);\n\n const tooltipOnClickOutside = useCallback(() => {\n mutablePropsRef.current[5] === 'click' &&\n mutablePropsRef.current[6] &&\n setVisible.off();\n }, [mode, closeOnClickOutside]);\n\n const anchorOnClick: React.MouseEventHandler = useCallback((e) => {\n mutablePropsRef.current[5] === 'click' && setVisible.toggle();\n mutablePropsRef.current[4]?.(e);\n }, []);\n\n const Anchor =\n Component as unknown as React.ComponentType<COMPONENT_PROPS>;\n\n return (\n <>\n <Anchor\n {...(componentProps as COMPONENT_PROPS)}\n onClick={anchorOnClick}\n onMouseEnter={anchorOnMouseEnter}\n onMouseLeave={anchorOnMouseLeave}\n ref={useForkRef([anchorRef, ref])}\n />\n <Tooltip\n {...otherTooltipProps}\n isOpen={visible && !!resultContent}\n className={otherTooltipProps.className}\n anchorRef={anchorRef}\n onClickOutside={tooltipOnClickOutside}\n onMouseEnter={tooltipOnMouseEnter}\n onMouseLeave={tooltipOnMouseLeave}\n >\n {resultContent}\n </Tooltip>\n </>\n );\n // привел к типам, так как прокинутый компонент может иметь дженерики и они потеряются за HOC\n },\n ) as unknown as\n | COMPONENT_TYPE\n | React.ComponentType<{\n tooltipProps?: TooltipProps;\n }>;\n };\n}\n"],"mappings":"67BAAA,MAAOA,MAAP,EAAgBC,WAAhB,CAA6BC,MAA7B,KAA2C,OAA3C,CAEA,OACEC,OADF,gCAIA,OAASC,WAAT,+BACA,OAASC,OAAT,2BACA,OAASC,UAAT,8BACA,OAASC,aAAT,iCAEA,MAAO,IAAMC,oBAAmB,CAAG,CAAC,WAAD,CAAc,OAAd,CAA5B,CACP,MAAO,IAAMC,2BAA0B,CAAGD,mBAAmB,CAAC,CAAD,CAAtD,CAGP,MAAO,IAAME,qBAAoB,CAAG,GAA7B,CACP,MAAO,IAAMC,mBAAkB,CAAG,GAA3B,CA2BP,MAAO,SAASC,YAAT,CAAqBC,CAArB,CAA8C,CACnD,MAAO,UACLC,CADK,CAEL,CACA,MAAOd,MAAK,CAACe,UAAN,CACL,SAACC,CAAD,CAAQC,CAAR,CAAgB,OACmCD,CADnC,CACNE,YADM,CACNA,CADM,YACS,EADT,GACgBC,CADhB,0BACmCH,CADnC,6CAYTH,CAZS,EAaTK,CAbS,MAIZE,IAJY,CAIZA,CAJY,YAIL,WAJK,GAKZC,CALY,GAKZA,cALY,CAMZC,CANY,GAMZA,OANY,KAOZC,mBAPY,CAOZA,CAPY,sBAQZC,aARY,CAQZA,CARY,YAQId,oBARJ,OASZe,WATY,CASZA,CATY,YASEd,kBATF,GAUTe,CAVS,wCAgBRC,CAAa,QAAGN,CAAH,WAAGA,CAAH,CAAGA,CAAH,CAAqBC,CAhB1B,GAkBgBjB,OAAO,EAlBvB,uBAkBPuB,CAlBO,MAkBEC,CAlBF,MAmBRC,CAAS,CAAG5B,MAAM,CAAc,IAAd,CAnBV,CAqBR6B,CAAa,CAAG7B,MAAM,CAAa,CACvC8B,OAAO,GADgC,CAEvCC,MAAM,GAFiC,CAAb,CArBd,CA0BRC,CAAe,CAAG3B,aAAa,CAAC,CACpCY,CAAc,CAACgB,YADqB,CAEpChB,CAAc,CAACiB,YAFqB,CAGpCV,CAAiB,CAACS,YAHkB,CAIpCT,CAAiB,CAACU,YAJkB,CAKpCjB,CAAc,CAACkB,OALqB,CAMpCjB,CANoC,CAOpCG,CAPoC,CAAD,CA1BvB,CAoCRe,CAAoB,CAAGlC,WAAW,CACtCH,WAAW,CAAC,UAAM,CACe,WAA/B,GAAAiC,CAAe,CAACK,OAAhB,CAAwB,CAAxB,IACGR,CAAa,CAACQ,OAAd,CAAsBN,MAAtB,EAAgCF,CAAa,CAACQ,OAAd,CAAsBP,OADzD,GAEEH,CAAU,CAACW,EAAX,EACH,CAJU,CAIR,EAJQ,CAD2B,CAMtChB,CANsC,CApC1B,CA6CRiB,CAAoB,CAAGrC,WAAW,CACtCH,WAAW,CAAC,UAAM,CACe,WAA/B,GAAAiC,CAAe,CAACK,OAAhB,CAAwB,CAAxB,GACGR,CAAa,CAACQ,OAAd,CAAsBN,MADzB,EAEGF,CAAa,CAACQ,OAAd,CAAsBP,OAFzB,EAGEH,CAAU,CAACa,GAAX,EACH,CALU,CAKR,EALQ,CAD2B,CAOtCjB,CAPsC,CA7C1B,CAuDRkB,CAA2D,CAC/D1C,WAAW,CAAC,SAAC2C,CAAD,CAAO,SACjBb,CAAa,CAACQ,OAAd,CAAsBN,MAAtB,GADiB,CAEjBK,CAAoB,EAFH,WAGjB,GAAAJ,CAAe,CAACK,OAAhB,EAAwB,CAAxB,CAHiB,qBAGjB,SAA6BK,CAA7B,CACD,CAJU,CAIR,EAJQ,CAxDC,CA8DRC,CAA2D,CAC/D5C,WAAW,CAAC,SAAC2C,CAAD,CAAO,SACjBb,CAAa,CAACQ,OAAd,CAAsBN,MAAtB,GADiB,CAEjBQ,CAAoB,EAFH,WAGjB,GAAAP,CAAe,CAACK,OAAhB,EAAwB,CAAxB,CAHiB,qBAGjB,SAA6BK,CAA7B,CACD,CAJU,CAIR,EAJQ,CA/DC,CAqERE,CAA4D,CAChE7C,WAAW,CAAC,SAAC2C,CAAD,CAAO,SACjBb,CAAa,CAACQ,OAAd,CAAsBP,OAAtB,GADiB,CAEjBM,CAAoB,EAFH,WAGjB,GAAAJ,CAAe,CAACK,OAAhB,EAAwB,CAAxB,CAHiB,qBAGjB,SAA6BK,CAA7B,CACD,CAJU,CAIR,EAJQ,CAtEC,CA4ERG,CAA4D,CAChE9C,WAAW,CAAC,SAAC2C,CAAD,CAAO,SACjBb,CAAa,CAACQ,OAAd,CAAsBP,OAAtB,GADiB,CAEjBS,CAAoB,EAFH,WAGjB,GAAAP,CAAe,CAACK,OAAhB,EAAwB,CAAxB,CAHiB,qBAGjB,SAA6BK,CAA7B,CACD,CAJU,CAIR,EAJQ,CA7EC,CAmFRI,CAAqB,CAAG/C,WAAW,CAAC,UAAM,CACf,OAA/B,GAAAiC,CAAe,CAACK,OAAhB,CAAwB,CAAxB,GACEL,CAAe,CAACK,OAAhB,CAAwB,CAAxB,CADF,EAEEV,CAAU,CAACa,GAAX,EACH,CAJwC,CAItC,CAACtB,CAAD,CAAOG,CAAP,CAJsC,CAnF3B,CAyFR0B,CAAsC,CAAGhD,WAAW,CAAC,SAAC2C,CAAD,CAAO,SACjC,OAA/B,GAAAV,CAAe,CAACK,OAAhB,CAAwB,CAAxB,GAA0CV,CAAU,CAACqB,MAAX,EADsB,WAEhE,GAAAhB,CAAe,CAACK,OAAhB,EAAwB,CAAxB,CAFgE,qBAEhE,SAA6BK,CAA7B,CACD,CAHyD,CAGvD,EAHuD,CAzF5C,CAiGd,MACE,yCACE,oBAJF9B,CAIE,kBACOK,CADP,EAEE,OAAO,CAAE8B,CAFX,CAGE,YAAY,CAAEN,CAHhB,CAIE,YAAY,CAAEE,CAJhB,CAKE,GAAG,CAAEvC,UAAU,CAAC,CAACwB,CAAD,CAAYb,CAAZ,CAAD,CALjB,GADF,CAQE,oBAAC,OAAD,kBACMS,CADN,EAEE,MAAM,CAAEE,CAAO,EAAI,CAAC,CAACD,CAFvB,CAGE,SAAS,CAAED,CAAiB,CAACyB,SAH/B,CAIE,SAAS,CAAErB,CAJb,CAKE,cAAc,CAAEkB,CALlB,CAME,YAAY,CAAEF,CANhB,CAOE,YAAY,CAAEC,CAPhB,GASGpB,CATH,CARF,CAsBH,CAzHI,CA+HR,CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { Map, Returned } from './types';
|
|
2
|
-
export declare const useBreakpoints: <POINTS extends string = "
|
|
2
|
+
export declare const useBreakpoints: <POINTS extends string = "xs" | "s" | "m" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "3xs" | "5xs" | "4xs">(map?: Map<POINTS> | undefined) => Returned<POINTS>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClickOutside.js","names":["useEffect","useMutableRef","useClickOutside","isActive","ignoreClicksInsideRefs","handler","handlerRef","ignoreClicksInsideRefsRef","isActiveRef","handleClick","event","current","target","shouldCallHandler","every","ref","contains","document","addEventListener","removeEventListener"],"sources":["../../../../../src/hooks/useClickOutside/useClickOutside.tsx"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\nimport { useMutableRef } from '../useMutableRef/useMutableRef';\n\nexport type ClickOutsideHandler = (event: MouseEvent) => void;\n\ntype UseClickOutsideProps = {\n isActive?: boolean;\n ignoreClicksInsideRefs?: ReadonlyArray<RefObject<HTMLElement>>;\n handler?: ClickOutsideHandler;\n};\n\nexport function useClickOutside({\n isActive,\n ignoreClicksInsideRefs,\n handler,\n}: UseClickOutsideProps): void {\n // Аргументы вынесены в рефки за тем, чтобы не пересоздавать подписку `mousedown` при каждом
|
|
1
|
+
{"version":3,"file":"useClickOutside.js","names":["useEffect","useMutableRef","useClickOutside","isActive","ignoreClicksInsideRefs","handler","handlerRef","ignoreClicksInsideRefsRef","isActiveRef","handleClick","event","current","target","shouldCallHandler","every","ref","contains","document","addEventListener","removeEventListener"],"sources":["../../../../../src/hooks/useClickOutside/useClickOutside.tsx"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\nimport { useMutableRef } from '../useMutableRef/useMutableRef';\n\nexport type ClickOutsideHandler = (event: MouseEvent) => void;\n\ntype UseClickOutsideProps = {\n isActive?: boolean;\n ignoreClicksInsideRefs?: ReadonlyArray<RefObject<HTMLElement>>;\n handler?: ClickOutsideHandler;\n};\n\nexport function useClickOutside({\n isActive,\n ignoreClicksInsideRefs,\n handler,\n}: UseClickOutsideProps): void {\n // Аргументы вынесены в рефки за тем, чтобы не пересоздавать подписку `mousedown` при каждом рендере.\n // Бывают случаи когда на странице несколько `useClickOutside` и один вызывает рендер,\n // А второй не успевает отрабатывать а просто пересоздается\n // С такой реализацией пересоздание только при удалении из дома, а аргументы всегда актуальны.\n\n const handlerRef = useMutableRef(handler);\n const ignoreClicksInsideRefsRef = useMutableRef(ignoreClicksInsideRefs);\n const isActiveRef = useMutableRef(isActive);\n\n useEffect(() => {\n const handleClick = (event: MouseEvent) => {\n if (!isActiveRef.current) {\n return;\n }\n\n const target = event.target as Node;\n\n const shouldCallHandler = ignoreClicksInsideRefsRef.current?.every(\n (ref) => !ref.current?.contains(target),\n );\n\n shouldCallHandler && handlerRef.current?.(event);\n };\n\n document.addEventListener('mousedown', handleClick);\n\n return () => {\n document.removeEventListener('mousedown', handleClick);\n };\n }, []);\n}\n"],"mappings":"AAAA,OAAoBA,SAApB,KAAqC,OAArC,CAEA,OAASC,aAAT,sCAUA,MAAO,SAASC,gBAAT,GAIwB,IAH7BC,EAG6B,GAH7BA,QAG6B,CAF7BC,CAE6B,GAF7BA,sBAE6B,CAD7BC,CAC6B,GAD7BA,OAC6B,CAMvBC,CAAU,CAAGL,aAAa,CAACI,CAAD,CANH,CAOvBE,CAAyB,CAAGN,aAAa,CAACG,CAAD,CAPlB,CAQvBI,CAAW,CAAGP,aAAa,CAACE,CAAD,CARJ,CAU7BH,SAAS,CAAC,UAAM,CACd,GAAMS,EAAW,CAAG,SAACC,CAAD,CAAuB,SACzC,GAAKF,CAAW,CAACG,OAAjB,KAIMC,EAAM,CAAGF,CAAK,CAACE,MAJrB,CAMMC,CAAiB,WAAGN,CAAyB,CAACI,OAA7B,qBAAG,EAAmCG,KAAnC,CACxB,SAACC,CAAD,cAAS,YAACA,CAAG,CAACJ,OAAL,eAAC,EAAaK,QAAb,CAAsBJ,CAAtB,CAAD,CAAT,CADwB,CAN1B,CAUAC,CAAiB,aAAIP,CAAU,CAACK,OAAf,qBAAI,OAAAL,CAAU,CAAWI,CAAX,CAAd,CAVjB,CAWD,CAZD,CAgBA,MAFAO,SAAQ,CAACC,gBAAT,CAA0B,WAA1B,CAAuCT,CAAvC,CAEA,CAAO,UAAM,CACXQ,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,CAA0CV,CAA1C,CACD,CACF,CApBQ,CAoBN,EApBM,CAqBV"}
|
|
@@ -18,7 +18,7 @@ declare const bgColors: readonly [{
|
|
|
18
18
|
readonly description: "Цвет для едва заметного разделения, например чтобы разделить строки в таблицах";
|
|
19
19
|
}, {
|
|
20
20
|
readonly color: "--color-bg-border";
|
|
21
|
-
readonly description: "Цвет большинства
|
|
21
|
+
readonly description: "Цвет большинства границ и тонких разделителей";
|
|
22
22
|
}, {
|
|
23
23
|
readonly color: "--color-bg-system";
|
|
24
24
|
readonly description: "Цвет для фона системных сообщений, состояний, уведомлений, и прочего";
|
|
@@ -111,13 +111,13 @@ declare const defaultControls: readonly [{
|
|
|
111
111
|
readonly description: "Цвет плейсхолдера";
|
|
112
112
|
}, {
|
|
113
113
|
readonly color: "--color-control-bg-border-default";
|
|
114
|
-
readonly description: "Цвет
|
|
114
|
+
readonly description: "Цвет границ";
|
|
115
115
|
}, {
|
|
116
116
|
readonly color: "--color-control-bg-border-default-hover";
|
|
117
|
-
readonly description: "Цвет
|
|
117
|
+
readonly description: "Цвет границ по наведению";
|
|
118
118
|
}, {
|
|
119
119
|
readonly color: "--color-control-bg-border-focus";
|
|
120
|
-
readonly description: "Цвет
|
|
120
|
+
readonly description: "Цвет границ в состоянии фокуса";
|
|
121
121
|
}, {
|
|
122
122
|
readonly color: "--color-control-bg-focus";
|
|
123
123
|
readonly description: "Цвет тени в состоянии фокуса";
|
|
@@ -149,10 +149,10 @@ declare const secondaryControls: readonly [{
|
|
|
149
149
|
readonly description: "Цвет текста по наведению";
|
|
150
150
|
}, {
|
|
151
151
|
readonly color: "--color-control-bg-border-secondary";
|
|
152
|
-
readonly description: "Цвет
|
|
152
|
+
readonly description: "Цвет границ";
|
|
153
153
|
}, {
|
|
154
154
|
readonly color: "--color-control-bg-border-secondary-hover";
|
|
155
|
-
readonly description: "Цвет
|
|
155
|
+
readonly description: "Цвет границ по наведению";
|
|
156
156
|
}];
|
|
157
157
|
declare const ghostControls: readonly [{
|
|
158
158
|
readonly color: "--color-control-bg-ghost";
|
|
@@ -188,6 +188,6 @@ declare const disableControls: readonly [{
|
|
|
188
188
|
readonly description: "Цвет текста";
|
|
189
189
|
}, {
|
|
190
190
|
readonly color: "--color-control-bg-border-disable";
|
|
191
|
-
readonly description: "Цвет
|
|
191
|
+
readonly description: "Цвет границ";
|
|
192
192
|
}];
|
|
193
193
|
export { bgColors, typoColors, scrollbarColors, defaultControls, primaryControls, secondaryControls, ghostControls, clearControls, disableControls, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var bgColors=[{color:"--color-bg-default",description:"\u0411\u0430\u0437\u043E\u0432\u044B\u0439 (\u043E\u0441\u043D\u043E\u0432\u043D\u043E\u0439) \u0446\u0432\u0435\u0442 \u0444\u043E\u043D\u0430"},{color:"--color-bg-secondary",description:"\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 (\u0432\u0442\u043E\u0440\u043E\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0439) \u0446\u0432\u0435\u0442 \u0444\u043E\u043D\u0430"},{color:"--color-bg-brand",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u0440\u0435\u043D\u0434\u043E\u0432\u044B\u0445 \u0431\u043B\u043E\u043A\u043E\u0432"},{color:"--color-bg-link",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0441\u0441\u044B\u043B\u043E\u0447\u043D\u044B\u0445 \u0438\u043B\u0438 CTA \u0431\u043B\u043E\u043A\u043E\u0432"},{color:"--color-bg-ghost",description:"\u041F\u043E\u043B\u0443\u043F\u0440\u043E\u0437\u0440\u0430\u0447\u043D\u044B\u0439 \u0446\u0432\u0435\u0442 \u0434\u043B\u044F \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0433\u043E \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0438\u043B\u0438 \u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0431\u043B\u043E\u043A\u043E\u0432 \u0438\u043B\u0438 \u0441\u0435\u043A\u0446\u0438\u0439. \u041E\u0431\u044B\u0447\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u043F\u043E\u0432\u0435\u0440\u0445 \u043E\u0441\u043D\u043E\u0432\u043D\u044B\u0445 \u0444\u043E\u043D\u043E\u0432 (default \u0438\u043B\u0438 secondary)"},{color:"--color-bg-stripe",description:"\u0426\u0432\u0435\u0442 \u0434\u043B\u044F \u0435\u0434\u0432\u0430 \u0437\u0430\u043C\u0435\u0442\u043D\u043E\u0433\u043E \u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F, \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440 \u0447\u0442\u043E\u0431\u044B \u0440\u0430\u0437\u0434\u0435\u043B\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0438 \u0432 \u0442\u0430\u0431\u043B\u0438\u0446\u0430\u0445"},{color:"--color-bg-border",description:"\u0426\u0432\u0435\u0442 \u0431\u043E\u043B\u044C\u0448\u0438\u043D\u0441\u0442\u0432\u0430 \u0431\u043E\u0440\u0434\u0435\u0440\u043E\u0432 \u0438 \u0442\u043E\u043D\u043A\u0438\u0445 \u0440\u0430\u0437\u0434\u0435\u043B\u0438\u0442\u0435\u043B\u0435\u0439"},{color:"--color-bg-system",description:"\u0426\u0432\u0435\u0442 \u0434\u043B\u044F \u0444\u043E\u043D\u0430 \u0441\u0438\u0441\u0442\u0435\u043C\u043D\u044B\u0445 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439, \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0439, \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0439, \u0438 \u043F\u0440\u043E\u0447\u0435\u0433\u043E"},{color:"--color-bg-tone",description:"\u0422\u0451\u043C\u043D\u044B\u0439 \u0446\u0432\u0435\u0442 \u043F\u043E\u0434\u043B\u043E\u0436\u043A\u0438 (\u043E\u0432\u0435\u0440\u043B\u0435\u044F) \u043F\u043E\u0434 \u0432\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0438\u043C\u0438 \u043E\u043A\u043D\u0430\u043C\u0438"},{color:"--color-bg-soft",description:"\u0421\u0432\u0435\u0442\u043B\u044B\u0439 \u0446\u0432\u0435\u0442 \u043F\u043E\u0434\u043B\u043E\u0436\u043A\u0438 (\u043E\u0432\u0435\u0440\u043B\u0435\u044F) \u043F\u043E\u0434 \u0432\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0438\u043C\u0438 \u043E\u043A\u043D\u0430\u043C\u0438"},{color:"--color-bg-normal",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u043B\u043E\u043A\u043E\u0432, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0445 \u043E\u0431 \u043D\u043E\u0440\u043C\u0430\u043B\u044C\u043D\u043E\u043C (\u043D\u0435\u0439\u0442\u0440\u0430\u043B\u044C\u043D\u043E\u043C) \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0438 \u0441\u0438\u0441\u0442\u0435\u043C\u044B"},{color:"--color-bg-success",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u043B\u043E\u043A\u043E\u0432, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0445 \u043E\u0431 \u0443\u0441\u043F\u0435\u0448\u043D\u043E\u043C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438/\u0441\u0442\u0430\u0442\u0443\u0441\u0435"},{color:"--color-bg-caution",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u043B\u043E\u043A\u043E\u0432, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0445 \u043E\u0431 \u043E\u0441\u0442\u043E\u0440\u043E\u0436\u043D\u043E\u043C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438/\u0441\u0442\u0430\u0442\u0443\u0441\u0435"},{color:"--color-bg-warning",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u043B\u043E\u043A\u043E\u0432, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0445 \u043E\u0431 \u043F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0430\u044E\u0449\u0435\u043C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438/\u0441\u0442\u0430\u0442\u0443\u0441\u0435"},{color:"--color-bg-alert",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u043B\u043E\u043A\u043E\u0432, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0445 \u043E\u0431 \u043E\u043F\u0430\u0441\u043D\u043E\u043C (\u043E\u0448\u0438\u0431\u043E\u0447\u043D\u043E\u043C) \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438/\u0441\u0442\u0430\u0442\u0443\u0441\u0435"},{color:"--color-bg-critical",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u043B\u043E\u043A\u043E\u0432, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0445 \u043E\u0431 \u043A\u0440\u0438\u0442\u0438\u0447\u043D\u043E\u043C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438/\u0441\u0442\u0430\u0442\u0443\u0441\u0435"}],typoColors=[{color:"--color-typo-primary",description:"\u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u0442\u0435\u043A\u0441\u0442"},{color:"--color-typo-secondary",description:"\u0412\u0442\u043E\u0440\u043E\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442"},{color:"--color-typo-brand",description:"\u0411\u0440\u0435\u043D\u0434\u043E\u0432\u044B\u0439 \u0442\u0435\u043A\u0441\u0442"},{color:"--color-typo-ghost",description:"\u0422\u0440\u0435\u0442\u044C\u0435\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442"},{color:"--color-typo-link",description:"\u0421\u0441\u044B\u043B\u043A\u0430"},{color:"--color-typo-link-hover",description:"\u041F\u0440\u0438 \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u0438 \u043D\u0430 \u0441\u0441\u044B\u043B\u043A\u0443"},{color:"--color-typo-link-minor",description:"\u0412\u0442\u043E\u0440\u043E\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u0430\u044F \u0441\u0441\u044B\u043B\u043A\u0430"},{color:"--color-typo-system",description:"\u0414\u043B\u044F \u0441\u0438\u0441\u0442\u0435\u043C\u043D\u044B\u0445 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439, \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0439, \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0439"},{color:"--color-typo-normal",description:"\u0422\u0435\u043A\u0441\u0442, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0439 \u043E\xA0\u043D\u043E\u0440\u043C\u0430\u043B\u044C\u043D\u043E\u043C (\u043D\u0435\u0439\u0442\u0440\u0430\u043B\u044C\u043D\u043E\u043C) \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0438 \u0441\u0438\u0441\u0442\u0435\u043C\u044B"},{color:"--color-typo-success",description:"\u0422\u0435\u043A\u0441\u0442 \u043E\u0431 \u0443\u0441\u043F\u0435\u0445\u0435"},{color:"--color-typo-caution",description:"\u041E\u0441\u0442\u043E\u0440\u043E\u0436\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442"},{color:"--color-typo-warning",description:"\u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0430\u044E\u0449\u0438\u0439 \u0442\u0435\u043A\u0441\u0442"},{color:"--color-typo-alert",description:"\u0422\u0435\u043A\u0441\u0442 \u043E\u0431 \u043E\u0448\u0438\u0431\u043A\u0435"},{color:"--color-typo-critical",description:"\u0421\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044F \u043A\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u0445\u0430\u0440\u0430\u043A\u0442\u0435\u0440\u0430"}],scrollbarColors=[{color:"--color-scroll-bg",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u043E\u0432\u043E\u0433\u043E \u0442\u0440\u0435\u043A\u0430"},{color:"--color-scroll-thumb",description:"\u0426\u0432\u0435\u0442 \u043F\u043E\u043B\u0437\u0443\u043D\u043A\u0430"},{color:"--color-scroll-thumb-hover",description:"\u0426\u0432\u0435\u0442 \u043F\u043E\u043B\u0437\u0443\u043D\u043A\u0430 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"}],defaultControls=[{color:"--color-control-bg-default",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442"},{color:"--color-control-typo-default",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"},{color:"--color-control-typo-placeholder",description:"\u0426\u0432\u0435\u0442 \u043F\u043B\u0435\u0439\u0441\u0445\u043E\u043B\u0434\u0435\u0440\u0430"},{color:"--color-control-bg-border-default",description:"\u0426\u0432\u0435\u0442 \u0431\u043E\u0440\u0434\u0435\u0440\u043E\u0432"},{color:"--color-control-bg-border-default-hover",description:"\u0426\u0432\u0435\u0442 \u0431\u043E\u0440\u0434\u0435\u0440\u043E\u0432 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"},{color:"--color-control-bg-border-focus",description:"\u0426\u0432\u0435\u0442 \u0431\u043E\u0440\u0434\u0435\u0440\u043E\u0432 \u0432 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0438 \u0444\u043E\u043A\u0443\u0441\u0430"},{color:"--color-control-bg-focus",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043D\u0438 \u0432 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0438 \u0444\u043E\u043A\u0443\u0441\u0430"},{color:"--color-control-bg-active",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043D\u0438 \u0432 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u044F"}],primaryControls=[{color:"--color-control-bg-primary",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442"},{color:"--color-control-bg-primary-hover",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"},{color:"--color-control-typo-primary",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"},{color:"--color-control-typo-primary-hover",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"}],secondaryControls=[{color:"--color-control-bg-secondary",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442"},{color:"--color-control-typo-secondary",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"},{color:"--color-control-typo-secondary-hover",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"},{color:"--color-control-bg-border-secondary",description:"\u0426\u0432\u0435\u0442 \u0431\u043E\u0440\u0434\u0435\u0440\u043E\u0432"},{color:"--color-control-bg-border-secondary-hover",description:"\u0426\u0432\u0435\u0442 \u0431\u043E\u0440\u0434\u0435\u0440\u043E\u0432 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"}],ghostControls=[{color:"--color-control-bg-ghost",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442"},{color:"--color-control-bg-ghost-hover",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"},{color:"--color-control-typo-ghost",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"},{color:"--color-control-typo-ghost-hover",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"}],clearControls=[{color:"--color-control-bg-clear",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442"},{color:"--color-control-bg-clear-hover",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"},{color:"--color-control-typo-clear",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"},{color:"--color-control-typo-clear-hover",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"}],disableControls=[{color:"--color-control-bg-disable",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442"},{color:"--color-control-typo-disable",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"},{color:"--color-control-bg-border-disable",description:"\u0426\u0432\u0435\u0442 \u0431\u043E\u0440\u0434\u0435\u0440\u043E\u0432"}];export{bgColors,typoColors,scrollbarColors,defaultControls,primaryControls,secondaryControls,ghostControls,clearControls,disableControls};
|
|
1
|
+
var bgColors=[{color:"--color-bg-default",description:"\u0411\u0430\u0437\u043E\u0432\u044B\u0439 (\u043E\u0441\u043D\u043E\u0432\u043D\u043E\u0439) \u0446\u0432\u0435\u0442 \u0444\u043E\u043D\u0430"},{color:"--color-bg-secondary",description:"\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 (\u0432\u0442\u043E\u0440\u043E\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0439) \u0446\u0432\u0435\u0442 \u0444\u043E\u043D\u0430"},{color:"--color-bg-brand",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u0440\u0435\u043D\u0434\u043E\u0432\u044B\u0445 \u0431\u043B\u043E\u043A\u043E\u0432"},{color:"--color-bg-link",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0441\u0441\u044B\u043B\u043E\u0447\u043D\u044B\u0445 \u0438\u043B\u0438 CTA \u0431\u043B\u043E\u043A\u043E\u0432"},{color:"--color-bg-ghost",description:"\u041F\u043E\u043B\u0443\u043F\u0440\u043E\u0437\u0440\u0430\u0447\u043D\u044B\u0439 \u0446\u0432\u0435\u0442 \u0434\u043B\u044F \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0433\u043E \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0438\u043B\u0438 \u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0431\u043B\u043E\u043A\u043E\u0432 \u0438\u043B\u0438 \u0441\u0435\u043A\u0446\u0438\u0439. \u041E\u0431\u044B\u0447\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u043F\u043E\u0432\u0435\u0440\u0445 \u043E\u0441\u043D\u043E\u0432\u043D\u044B\u0445 \u0444\u043E\u043D\u043E\u0432 (default \u0438\u043B\u0438 secondary)"},{color:"--color-bg-stripe",description:"\u0426\u0432\u0435\u0442 \u0434\u043B\u044F \u0435\u0434\u0432\u0430 \u0437\u0430\u043C\u0435\u0442\u043D\u043E\u0433\u043E \u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F, \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440 \u0447\u0442\u043E\u0431\u044B \u0440\u0430\u0437\u0434\u0435\u043B\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0438 \u0432 \u0442\u0430\u0431\u043B\u0438\u0446\u0430\u0445"},{color:"--color-bg-border",description:"\u0426\u0432\u0435\u0442 \u0431\u043E\u043B\u044C\u0448\u0438\u043D\u0441\u0442\u0432\u0430 \u0433\u0440\u0430\u043D\u0438\u0446 \u0438 \u0442\u043E\u043D\u043A\u0438\u0445 \u0440\u0430\u0437\u0434\u0435\u043B\u0438\u0442\u0435\u043B\u0435\u0439"},{color:"--color-bg-system",description:"\u0426\u0432\u0435\u0442 \u0434\u043B\u044F \u0444\u043E\u043D\u0430 \u0441\u0438\u0441\u0442\u0435\u043C\u043D\u044B\u0445 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439, \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0439, \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0439, \u0438 \u043F\u0440\u043E\u0447\u0435\u0433\u043E"},{color:"--color-bg-tone",description:"\u0422\u0451\u043C\u043D\u044B\u0439 \u0446\u0432\u0435\u0442 \u043F\u043E\u0434\u043B\u043E\u0436\u043A\u0438 (\u043E\u0432\u0435\u0440\u043B\u0435\u044F) \u043F\u043E\u0434 \u0432\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0438\u043C\u0438 \u043E\u043A\u043D\u0430\u043C\u0438"},{color:"--color-bg-soft",description:"\u0421\u0432\u0435\u0442\u043B\u044B\u0439 \u0446\u0432\u0435\u0442 \u043F\u043E\u0434\u043B\u043E\u0436\u043A\u0438 (\u043E\u0432\u0435\u0440\u043B\u0435\u044F) \u043F\u043E\u0434 \u0432\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0438\u043C\u0438 \u043E\u043A\u043D\u0430\u043C\u0438"},{color:"--color-bg-normal",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u043B\u043E\u043A\u043E\u0432, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0445 \u043E\u0431 \u043D\u043E\u0440\u043C\u0430\u043B\u044C\u043D\u043E\u043C (\u043D\u0435\u0439\u0442\u0440\u0430\u043B\u044C\u043D\u043E\u043C) \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0438 \u0441\u0438\u0441\u0442\u0435\u043C\u044B"},{color:"--color-bg-success",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u043B\u043E\u043A\u043E\u0432, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0445 \u043E\u0431 \u0443\u0441\u043F\u0435\u0448\u043D\u043E\u043C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438/\u0441\u0442\u0430\u0442\u0443\u0441\u0435"},{color:"--color-bg-caution",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u043B\u043E\u043A\u043E\u0432, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0445 \u043E\u0431 \u043E\u0441\u0442\u043E\u0440\u043E\u0436\u043D\u043E\u043C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438/\u0441\u0442\u0430\u0442\u0443\u0441\u0435"},{color:"--color-bg-warning",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u043B\u043E\u043A\u043E\u0432, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0445 \u043E\u0431 \u043F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0430\u044E\u0449\u0435\u043C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438/\u0441\u0442\u0430\u0442\u0443\u0441\u0435"},{color:"--color-bg-alert",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u043B\u043E\u043A\u043E\u0432, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0445 \u043E\u0431 \u043E\u043F\u0430\u0441\u043D\u043E\u043C (\u043E\u0448\u0438\u0431\u043E\u0447\u043D\u043E\u043C) \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438/\u0441\u0442\u0430\u0442\u0443\u0441\u0435"},{color:"--color-bg-critical",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430 \u0434\u043B\u044F \u0431\u043B\u043E\u043A\u043E\u0432, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0445 \u043E\u0431 \u043A\u0440\u0438\u0442\u0438\u0447\u043D\u043E\u043C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438/\u0441\u0442\u0430\u0442\u0443\u0441\u0435"}],typoColors=[{color:"--color-typo-primary",description:"\u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u0442\u0435\u043A\u0441\u0442"},{color:"--color-typo-secondary",description:"\u0412\u0442\u043E\u0440\u043E\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442"},{color:"--color-typo-brand",description:"\u0411\u0440\u0435\u043D\u0434\u043E\u0432\u044B\u0439 \u0442\u0435\u043A\u0441\u0442"},{color:"--color-typo-ghost",description:"\u0422\u0440\u0435\u0442\u044C\u0435\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442"},{color:"--color-typo-link",description:"\u0421\u0441\u044B\u043B\u043A\u0430"},{color:"--color-typo-link-hover",description:"\u041F\u0440\u0438 \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u0438 \u043D\u0430 \u0441\u0441\u044B\u043B\u043A\u0443"},{color:"--color-typo-link-minor",description:"\u0412\u0442\u043E\u0440\u043E\u0441\u0442\u0435\u043F\u0435\u043D\u043D\u0430\u044F \u0441\u0441\u044B\u043B\u043A\u0430"},{color:"--color-typo-system",description:"\u0414\u043B\u044F \u0441\u0438\u0441\u0442\u0435\u043C\u043D\u044B\u0445 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439, \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0439, \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0439"},{color:"--color-typo-normal",description:"\u0422\u0435\u043A\u0441\u0442, \u0441\u043E\u043E\u0431\u0449\u0430\u044E\u0449\u0438\u0439 \u043E\xA0\u043D\u043E\u0440\u043C\u0430\u043B\u044C\u043D\u043E\u043C (\u043D\u0435\u0439\u0442\u0440\u0430\u043B\u044C\u043D\u043E\u043C) \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0438 \u0441\u0438\u0441\u0442\u0435\u043C\u044B"},{color:"--color-typo-success",description:"\u0422\u0435\u043A\u0441\u0442 \u043E\u0431 \u0443\u0441\u043F\u0435\u0445\u0435"},{color:"--color-typo-caution",description:"\u041E\u0441\u0442\u043E\u0440\u043E\u0436\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442"},{color:"--color-typo-warning",description:"\u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0430\u044E\u0449\u0438\u0439 \u0442\u0435\u043A\u0441\u0442"},{color:"--color-typo-alert",description:"\u0422\u0435\u043A\u0441\u0442 \u043E\u0431 \u043E\u0448\u0438\u0431\u043A\u0435"},{color:"--color-typo-critical",description:"\u0421\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044F \u043A\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u0445\u0430\u0440\u0430\u043A\u0442\u0435\u0440\u0430"}],scrollbarColors=[{color:"--color-scroll-bg",description:"\u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u043E\u0432\u043E\u0433\u043E \u0442\u0440\u0435\u043A\u0430"},{color:"--color-scroll-thumb",description:"\u0426\u0432\u0435\u0442 \u043F\u043E\u043B\u0437\u0443\u043D\u043A\u0430"},{color:"--color-scroll-thumb-hover",description:"\u0426\u0432\u0435\u0442 \u043F\u043E\u043B\u0437\u0443\u043D\u043A\u0430 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"}],defaultControls=[{color:"--color-control-bg-default",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442"},{color:"--color-control-typo-default",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"},{color:"--color-control-typo-placeholder",description:"\u0426\u0432\u0435\u0442 \u043F\u043B\u0435\u0439\u0441\u0445\u043E\u043B\u0434\u0435\u0440\u0430"},{color:"--color-control-bg-border-default",description:"\u0426\u0432\u0435\u0442 \u0433\u0440\u0430\u043D\u0438\u0446"},{color:"--color-control-bg-border-default-hover",description:"\u0426\u0432\u0435\u0442 \u0433\u0440\u0430\u043D\u0438\u0446 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"},{color:"--color-control-bg-border-focus",description:"\u0426\u0432\u0435\u0442 \u0433\u0440\u0430\u043D\u0438\u0446 \u0432 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0438 \u0444\u043E\u043A\u0443\u0441\u0430"},{color:"--color-control-bg-focus",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043D\u0438 \u0432 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0438 \u0444\u043E\u043A\u0443\u0441\u0430"},{color:"--color-control-bg-active",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043D\u0438 \u0432 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u044F"}],primaryControls=[{color:"--color-control-bg-primary",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442"},{color:"--color-control-bg-primary-hover",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"},{color:"--color-control-typo-primary",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"},{color:"--color-control-typo-primary-hover",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"}],secondaryControls=[{color:"--color-control-bg-secondary",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442"},{color:"--color-control-typo-secondary",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"},{color:"--color-control-typo-secondary-hover",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"},{color:"--color-control-bg-border-secondary",description:"\u0426\u0432\u0435\u0442 \u0433\u0440\u0430\u043D\u0438\u0446"},{color:"--color-control-bg-border-secondary-hover",description:"\u0426\u0432\u0435\u0442 \u0433\u0440\u0430\u043D\u0438\u0446 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"}],ghostControls=[{color:"--color-control-bg-ghost",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442"},{color:"--color-control-bg-ghost-hover",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"},{color:"--color-control-typo-ghost",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"},{color:"--color-control-typo-ghost-hover",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"}],clearControls=[{color:"--color-control-bg-clear",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442"},{color:"--color-control-bg-clear-hover",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"},{color:"--color-control-typo-clear",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"},{color:"--color-control-typo-clear-hover",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430 \u043F\u043E \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u044E"}],disableControls=[{color:"--color-control-bg-disable",description:"\u0424\u043E\u043D\u043E\u0432\u044B\u0439 \u0446\u0432\u0435\u0442"},{color:"--color-control-typo-disable",description:"\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"},{color:"--color-control-bg-border-disable",description:"\u0426\u0432\u0435\u0442 \u0433\u0440\u0430\u043D\u0438\u0446"}];export{bgColors,typoColors,scrollbarColors,defaultControls,primaryControls,secondaryControls,ghostControls,clearControls,disableControls};
|
|
2
2
|
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","names":["bgColors","color","description","typoColors","scrollbarColors","defaultControls","primaryControls","secondaryControls","ghostControls","clearControls","disableControls"],"sources":["../../../../../../src/uiKit/components/ThemePreview/helpers.ts"],"sourcesContent":["const bgColors = [\n {\n color: '--color-bg-default',\n description: 'Базовый (основной) цвет фона',\n },\n {\n color: '--color-bg-secondary',\n description: 'Дополнительный (второстепенный) цвет фона',\n },\n {\n color: '--color-bg-brand',\n description: 'Цвет фона для брендовых блоков',\n },\n {\n color: '--color-bg-link',\n description: 'Цвет фона для ссылочных или CTA блоков',\n },\n {\n color: '--color-bg-ghost',\n description:\n 'Полупрозрачный цвет для дополнительного выделения или разделения блоков или секций. Обычно используется поверх основных фонов (default или secondary)',\n },\n {\n color: '--color-bg-stripe',\n description:\n 'Цвет для едва заметного разделения, например чтобы разделить строки в таблицах',\n },\n {\n color: '--color-bg-border',\n description: 'Цвет большинства бордеров и тонких разделителей',\n },\n {\n color: '--color-bg-system',\n description:\n 'Цвет для фона системных сообщений, состояний, уведомлений, и прочего',\n },\n {\n color: '--color-bg-tone',\n description: 'Тёмный цвет подложки (оверлея) под всплывающими окнами',\n },\n {\n color: '--color-bg-soft',\n description: 'Светлый цвет подложки (оверлея) под всплывающими окнами',\n },\n {\n color: '--color-bg-normal',\n description:\n 'Цвет фона для блоков, сообщающих об нормальном (нейтральном) состоянии системы',\n },\n {\n color: '--color-bg-success',\n description:\n 'Цвет фона для блоков, сообщающих об успешном действии/статусе',\n },\n {\n color: '--color-bg-caution',\n description:\n 'Цвет фона для блоков, сообщающих об осторожном действии/статусе',\n },\n {\n color: '--color-bg-warning',\n description:\n 'Цвет фона для блоков, сообщающих об предупреждающем действии/статусе',\n },\n {\n color: '--color-bg-alert',\n description:\n 'Цвет фона для блоков, сообщающих об опасном (ошибочном) действии/статусе',\n },\n {\n color: '--color-bg-critical',\n description:\n 'Цвет фона для блоков, сообщающих об критичном действии/статусе',\n },\n] as const;\n\nconst typoColors = [\n {\n color: '--color-typo-primary',\n description: 'Основной текст',\n },\n {\n color: '--color-typo-secondary',\n description: 'Второстепенный текст',\n },\n {\n color: '--color-typo-brand',\n description: 'Брендовый текст',\n },\n {\n color: '--color-typo-ghost',\n description: 'Третьестепенный текст',\n },\n {\n color: '--color-typo-link',\n description: 'Ссылка',\n },\n {\n color: '--color-typo-link-hover',\n description: 'При наведении на ссылку',\n },\n {\n color: '--color-typo-link-minor',\n description: 'Второстепенная ссылка',\n },\n {\n color: '--color-typo-system',\n description: 'Для системных сообщений, состояний, уведомлений',\n },\n {\n color: '--color-typo-normal',\n description:\n 'Текст, сообщающий о нормальном (нейтральном) состоянии системы',\n },\n {\n color: '--color-typo-success',\n description: 'Текст об успехе',\n },\n {\n color: '--color-typo-caution',\n description: 'Осторожный текст',\n },\n {\n color: '--color-typo-warning',\n description: 'Предупреждающий текст',\n },\n {\n color: '--color-typo-alert',\n description: 'Текст об ошибке',\n },\n {\n color: '--color-typo-critical',\n description: 'Сообщения критического характера',\n },\n] as const;\n\nconst scrollbarColors = [\n {\n color: '--color-scroll-bg',\n description: 'Цвет фонового трека',\n },\n {\n color: '--color-scroll-thumb',\n description: 'Цвет ползунка',\n },\n {\n color: '--color-scroll-thumb-hover',\n description: 'Цвет ползунка по наведению',\n },\n] as const;\n\nconst defaultControls = [\n {\n color: '--color-control-bg-default',\n description: 'Фоновый цвет',\n },\n {\n color: '--color-control-typo-default',\n description: 'Цвет текста',\n },\n {\n color: '--color-control-typo-placeholder',\n description: 'Цвет плейсхолдера',\n },\n {\n color: '--color-control-bg-border-default',\n description: 'Цвет бордеров',\n },\n {\n color: '--color-control-bg-border-default-hover',\n description: 'Цвет бордеров по наведению',\n },\n {\n color: '--color-control-bg-border-focus',\n description: 'Цвет бордеров в состоянии фокуса',\n },\n {\n color: '--color-control-bg-focus',\n description: 'Цвет тени в состоянии фокуса',\n },\n {\n color: '--color-control-bg-active',\n description: 'Цвет тени в состоянии нажатия',\n },\n] as const;\n\nconst primaryControls = [\n {\n color: '--color-control-bg-primary',\n description: 'Фоновый цвет',\n },\n {\n color: '--color-control-bg-primary-hover',\n description: 'Фоновый цвет по наведению',\n },\n {\n color: '--color-control-typo-primary',\n description: 'Цвет текста',\n },\n {\n color: '--color-control-typo-primary-hover',\n description: 'Цвет текста по наведению',\n },\n] as const;\n\nconst secondaryControls = [\n {\n color: '--color-control-bg-secondary',\n description: 'Фоновый цвет',\n },\n {\n color: '--color-control-typo-secondary',\n description: 'Цвет текста',\n },\n {\n color: '--color-control-typo-secondary-hover',\n description: 'Цвет текста по наведению',\n },\n {\n color: '--color-control-bg-border-secondary',\n description: 'Цвет бордеров',\n },\n {\n color: '--color-control-bg-border-secondary-hover',\n description: 'Цвет бордеров по наведению',\n },\n] as const;\n\nconst ghostControls = [\n {\n color: '--color-control-bg-ghost',\n description: 'Фоновый цвет',\n },\n {\n color: '--color-control-bg-ghost-hover',\n description: 'Фоновый цвет по наведению',\n },\n {\n color: '--color-control-typo-ghost',\n description: 'Цвет текста',\n },\n {\n color: '--color-control-typo-ghost-hover',\n description: 'Цвет текста по наведению',\n },\n] as const;\n\nconst clearControls = [\n {\n color: '--color-control-bg-clear',\n description: 'Фоновый цвет',\n },\n {\n color: '--color-control-bg-clear-hover',\n description: 'Фоновый цвет по наведению',\n },\n {\n color: '--color-control-typo-clear',\n description: 'Цвет текста',\n },\n {\n color: '--color-control-typo-clear-hover',\n description: 'Цвет текста по наведению',\n },\n] as const;\n\nconst disableControls = [\n {\n color: '--color-control-bg-disable',\n description: 'Фоновый цвет',\n },\n {\n color: '--color-control-typo-disable',\n description: 'Цвет текста',\n },\n {\n color: '--color-control-bg-border-disable',\n description: 'Цвет бордеров',\n },\n] as const;\n\nexport {\n bgColors,\n typoColors,\n scrollbarColors,\n defaultControls,\n primaryControls,\n secondaryControls,\n ghostControls,\n clearControls,\n disableControls,\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"helpers.js","names":["bgColors","color","description","typoColors","scrollbarColors","defaultControls","primaryControls","secondaryControls","ghostControls","clearControls","disableControls"],"sources":["../../../../../../src/uiKit/components/ThemePreview/helpers.ts"],"sourcesContent":["const bgColors = [\n {\n color: '--color-bg-default',\n description: 'Базовый (основной) цвет фона',\n },\n {\n color: '--color-bg-secondary',\n description: 'Дополнительный (второстепенный) цвет фона',\n },\n {\n color: '--color-bg-brand',\n description: 'Цвет фона для брендовых блоков',\n },\n {\n color: '--color-bg-link',\n description: 'Цвет фона для ссылочных или CTA блоков',\n },\n {\n color: '--color-bg-ghost',\n description:\n 'Полупрозрачный цвет для дополнительного выделения или разделения блоков или секций. Обычно используется поверх основных фонов (default или secondary)',\n },\n {\n color: '--color-bg-stripe',\n description:\n 'Цвет для едва заметного разделения, например чтобы разделить строки в таблицах',\n },\n {\n color: '--color-bg-border',\n description: 'Цвет большинства границ и тонких разделителей',\n },\n {\n color: '--color-bg-system',\n description:\n 'Цвет для фона системных сообщений, состояний, уведомлений, и прочего',\n },\n {\n color: '--color-bg-tone',\n description: 'Тёмный цвет подложки (оверлея) под всплывающими окнами',\n },\n {\n color: '--color-bg-soft',\n description: 'Светлый цвет подложки (оверлея) под всплывающими окнами',\n },\n {\n color: '--color-bg-normal',\n description:\n 'Цвет фона для блоков, сообщающих об нормальном (нейтральном) состоянии системы',\n },\n {\n color: '--color-bg-success',\n description:\n 'Цвет фона для блоков, сообщающих об успешном действии/статусе',\n },\n {\n color: '--color-bg-caution',\n description:\n 'Цвет фона для блоков, сообщающих об осторожном действии/статусе',\n },\n {\n color: '--color-bg-warning',\n description:\n 'Цвет фона для блоков, сообщающих об предупреждающем действии/статусе',\n },\n {\n color: '--color-bg-alert',\n description:\n 'Цвет фона для блоков, сообщающих об опасном (ошибочном) действии/статусе',\n },\n {\n color: '--color-bg-critical',\n description:\n 'Цвет фона для блоков, сообщающих об критичном действии/статусе',\n },\n] as const;\n\nconst typoColors = [\n {\n color: '--color-typo-primary',\n description: 'Основной текст',\n },\n {\n color: '--color-typo-secondary',\n description: 'Второстепенный текст',\n },\n {\n color: '--color-typo-brand',\n description: 'Брендовый текст',\n },\n {\n color: '--color-typo-ghost',\n description: 'Третьестепенный текст',\n },\n {\n color: '--color-typo-link',\n description: 'Ссылка',\n },\n {\n color: '--color-typo-link-hover',\n description: 'При наведении на ссылку',\n },\n {\n color: '--color-typo-link-minor',\n description: 'Второстепенная ссылка',\n },\n {\n color: '--color-typo-system',\n description: 'Для системных сообщений, состояний, уведомлений',\n },\n {\n color: '--color-typo-normal',\n description:\n 'Текст, сообщающий о нормальном (нейтральном) состоянии системы',\n },\n {\n color: '--color-typo-success',\n description: 'Текст об успехе',\n },\n {\n color: '--color-typo-caution',\n description: 'Осторожный текст',\n },\n {\n color: '--color-typo-warning',\n description: 'Предупреждающий текст',\n },\n {\n color: '--color-typo-alert',\n description: 'Текст об ошибке',\n },\n {\n color: '--color-typo-critical',\n description: 'Сообщения критического характера',\n },\n] as const;\n\nconst scrollbarColors = [\n {\n color: '--color-scroll-bg',\n description: 'Цвет фонового трека',\n },\n {\n color: '--color-scroll-thumb',\n description: 'Цвет ползунка',\n },\n {\n color: '--color-scroll-thumb-hover',\n description: 'Цвет ползунка по наведению',\n },\n] as const;\n\nconst defaultControls = [\n {\n color: '--color-control-bg-default',\n description: 'Фоновый цвет',\n },\n {\n color: '--color-control-typo-default',\n description: 'Цвет текста',\n },\n {\n color: '--color-control-typo-placeholder',\n description: 'Цвет плейсхолдера',\n },\n {\n color: '--color-control-bg-border-default',\n description: 'Цвет границ',\n },\n {\n color: '--color-control-bg-border-default-hover',\n description: 'Цвет границ по наведению',\n },\n {\n color: '--color-control-bg-border-focus',\n description: 'Цвет границ в состоянии фокуса',\n },\n {\n color: '--color-control-bg-focus',\n description: 'Цвет тени в состоянии фокуса',\n },\n {\n color: '--color-control-bg-active',\n description: 'Цвет тени в состоянии нажатия',\n },\n] as const;\n\nconst primaryControls = [\n {\n color: '--color-control-bg-primary',\n description: 'Фоновый цвет',\n },\n {\n color: '--color-control-bg-primary-hover',\n description: 'Фоновый цвет по наведению',\n },\n {\n color: '--color-control-typo-primary',\n description: 'Цвет текста',\n },\n {\n color: '--color-control-typo-primary-hover',\n description: 'Цвет текста по наведению',\n },\n] as const;\n\nconst secondaryControls = [\n {\n color: '--color-control-bg-secondary',\n description: 'Фоновый цвет',\n },\n {\n color: '--color-control-typo-secondary',\n description: 'Цвет текста',\n },\n {\n color: '--color-control-typo-secondary-hover',\n description: 'Цвет текста по наведению',\n },\n {\n color: '--color-control-bg-border-secondary',\n description: 'Цвет границ',\n },\n {\n color: '--color-control-bg-border-secondary-hover',\n description: 'Цвет границ по наведению',\n },\n] as const;\n\nconst ghostControls = [\n {\n color: '--color-control-bg-ghost',\n description: 'Фоновый цвет',\n },\n {\n color: '--color-control-bg-ghost-hover',\n description: 'Фоновый цвет по наведению',\n },\n {\n color: '--color-control-typo-ghost',\n description: 'Цвет текста',\n },\n {\n color: '--color-control-typo-ghost-hover',\n description: 'Цвет текста по наведению',\n },\n] as const;\n\nconst clearControls = [\n {\n color: '--color-control-bg-clear',\n description: 'Фоновый цвет',\n },\n {\n color: '--color-control-bg-clear-hover',\n description: 'Фоновый цвет по наведению',\n },\n {\n color: '--color-control-typo-clear',\n description: 'Цвет текста',\n },\n {\n color: '--color-control-typo-clear-hover',\n description: 'Цвет текста по наведению',\n },\n] as const;\n\nconst disableControls = [\n {\n color: '--color-control-bg-disable',\n description: 'Фоновый цвет',\n },\n {\n color: '--color-control-typo-disable',\n description: 'Цвет текста',\n },\n {\n color: '--color-control-bg-border-disable',\n description: 'Цвет границ',\n },\n] as const;\n\nexport {\n bgColors,\n typoColors,\n scrollbarColors,\n defaultControls,\n primaryControls,\n secondaryControls,\n ghostControls,\n clearControls,\n disableControls,\n};\n"],"mappings":"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"}
|