@itcase/ui 1.9.64 → 1.9.66
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/context/Notifications.js +12 -186
- package/dist/context/UIContext.js +12 -70
- package/dist/context/UrlAssetPrefix.js +12 -12
- package/dist/hoc/urlWithAssetPrefix.js +12 -74
- package/dist/hooks/useActiveClasses/useActiveClasses.helpers.js +1 -0
- package/dist/hooks/useActiveClasses/useActiveClasses.interface.js +1 -0
- package/dist/hooks/useActiveClasses/useActiveClasses.js +3 -1
- package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js +12 -25
- package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.interface.js +1 -1
- package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js +12 -121
- package/dist/hooks/useDeviceTargetClass.js +52 -37
- package/dist/hooks/useDropzoneFieldFiles.js +20540 -2
- package/dist/hooks/useHoldProgress.js +3 -1
- package/dist/hooks/useMediaQueries/useMediaQueries.js +12 -112
- package/dist/hooks/useStyles/styleAttributes.interface.js +1 -1
- package/dist/hooks/useStyles/styleAttributes.js +12 -167
- package/dist/hooks/useStyles/useStyles.js +12 -193
- package/dist/hooks/useViewportFix.js +2 -0
- package/dist/utils/mergeAppearanceKeys.js +12 -15
- package/dist/utils/setViewportProperty.js +12 -5
- package/package.json +2 -2
- package/dist/components/Accordion/Accordion.appearance.js +0 -9
- package/dist/components/Accordion/Accordion.interface.js +0 -1
- package/dist/components/Accordion/Accordion.js +0 -57
- package/dist/components/Accordion/AccordionItem.js +0 -36
- package/dist/components/Accordion/appearance/accordionSize.js +0 -52
- package/dist/components/Accordion/appearance/accordionStyle.js +0 -14
- package/dist/components/Accordion/appearance/accordionSurface.js +0 -36
- package/dist/components/Accordion/index.js +0 -4
- package/dist/components/Avatar/Avatar.appearance.js +0 -11
- package/dist/components/Avatar/Avatar.interface.js +0 -1
- package/dist/components/Avatar/Avatar.js +0 -29
- package/dist/components/Avatar/appearance/avatarDefault.js +0 -23
- package/dist/components/Avatar/appearance/avatarShape.js +0 -25
- package/dist/components/Avatar/appearance/avatarSize.js +0 -63
- package/dist/components/Avatar/appearance/avatarStyle.js +0 -16
- package/dist/components/Avatar/index.js +0 -2
- package/dist/components/AvatarStack/AvatarStack.appearance.js +0 -5
- package/dist/components/AvatarStack/AvatarStack.interface.js +0 -1
- package/dist/components/AvatarStack/AvatarStack.js +0 -25
- package/dist/components/AvatarStack/appearance/avatarStackSize.js +0 -21
- package/dist/components/AvatarStack/index.js +0 -2
- package/dist/components/Badge/Badge.appearance.js +0 -29
- package/dist/components/Badge/Badge.interface.js +0 -1
- package/dist/components/Badge/Badge.js +0 -35
- package/dist/components/Badge/appearance/badgeAccent.js +0 -31
- package/dist/components/Badge/appearance/badgeDanger.js +0 -10
- package/dist/components/Badge/appearance/badgeDisabled.js +0 -9
- package/dist/components/Badge/appearance/badgeError.js +0 -9
- package/dist/components/Badge/appearance/badgeExtra.js +0 -10
- package/dist/components/Badge/appearance/badgeInfo.js +0 -16
- package/dist/components/Badge/appearance/badgeShape.js +0 -25
- package/dist/components/Badge/appearance/badgeSize.js +0 -38
- package/dist/components/Badge/appearance/badgeSpecial.js +0 -10
- package/dist/components/Badge/appearance/badgeStyle.js +0 -14
- package/dist/components/Badge/appearance/badgeSuccess.js +0 -10
- package/dist/components/Badge/appearance/badgeSurface.js +0 -25
- package/dist/components/Badge/appearance/badgeWarning.js +0 -10
- package/dist/components/Badge/index.js +0 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.appearance.js +0 -11
- package/dist/components/Breadcrumbs/Breadcrumbs.interface.js +0 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +0 -23
- package/dist/components/Breadcrumbs/BreadcrumbsItem.js +0 -24
- package/dist/components/Breadcrumbs/appearance/breadcrumbsAccent.js +0 -9
- package/dist/components/Breadcrumbs/appearance/breadcrumbsSize.js +0 -39
- package/dist/components/Breadcrumbs/appearance/breadcrumbsStyle.js +0 -14
- package/dist/components/Breadcrumbs/appearance/breadcrumbsSurface.js +0 -27
- package/dist/components/Breadcrumbs/index.js +0 -4
- package/dist/components/Button/Button.appearance.js +0 -27
- package/dist/components/Button/Button.interface.js +0 -1
- package/dist/components/Button/Button.js +0 -46
- package/dist/components/Button/appearance/buttonAccent.js +0 -36
- package/dist/components/Button/appearance/buttonDanger.js +0 -24
- package/dist/components/Button/appearance/buttonError.js +0 -24
- package/dist/components/Button/appearance/buttonExtra.js +0 -22
- package/dist/components/Button/appearance/buttonInfo.js +0 -36
- package/dist/components/Button/appearance/buttonShape.js +0 -25
- package/dist/components/Button/appearance/buttonSize.js +0 -52
- package/dist/components/Button/appearance/buttonSpecial.js +0 -22
- package/dist/components/Button/appearance/buttonStyle.js +0 -14
- package/dist/components/Button/appearance/buttonSuccess.js +0 -24
- package/dist/components/Button/appearance/buttonSurface.js +0 -52
- package/dist/components/Button/appearance/buttonWarning.js +0 -24
- package/dist/components/Button/index.js +0 -2
- package/dist/components/Cell/Cell.appearance.js +0 -9
- package/dist/components/Cell/Cell.interface.js +0 -1
- package/dist/components/Cell/Cell.js +0 -36
- package/dist/components/Cell/appearance/cellSize.js +0 -59
- package/dist/components/Cell/appearance/cellStyle.js +0 -14
- package/dist/components/Cell/appearance/cellSurface.js +0 -51
- package/dist/components/Cell/index.js +0 -2
- package/dist/components/Checkbox/Checkbox.appearance.js +0 -19
- package/dist/components/Checkbox/Checkbox.interface.js +0 -1
- package/dist/components/Checkbox/Checkbox.js +0 -39
- package/dist/components/Checkbox/appearance/checkboxDefault.js +0 -16
- package/dist/components/Checkbox/appearance/checkboxDisabled.js +0 -16
- package/dist/components/Checkbox/appearance/checkboxError.js +0 -16
- package/dist/components/Checkbox/appearance/checkboxRequire.js +0 -16
- package/dist/components/Checkbox/appearance/checkboxShape.js +0 -10
- package/dist/components/Checkbox/appearance/checkboxSize.js +0 -23
- package/dist/components/Checkbox/appearance/checkboxStyle.js +0 -22
- package/dist/components/Checkbox/appearance/checkboxSuccess.js +0 -16
- package/dist/components/Checkbox/index.js +0 -2
- package/dist/components/Checkmark/Checkmark.appearance.js +0 -15
- package/dist/components/Checkmark/Checkmark.interface.js +0 -1
- package/dist/components/Checkmark/Checkmark.js +0 -33
- package/dist/components/Checkmark/appearance/checkmarkAccent.js +0 -10
- package/dist/components/Checkmark/appearance/checkmarkDisabled.js +0 -10
- package/dist/components/Checkmark/appearance/checkmarkError.js +0 -10
- package/dist/components/Checkmark/appearance/checkmarkSize.js +0 -32
- package/dist/components/Checkmark/appearance/checkmarkStyle.js +0 -14
- package/dist/components/Checkmark/appearance/checkmarkSurface.js +0 -21
- package/dist/components/Checkmark/index.js +0 -2
- package/dist/components/Chips/Chips.appearance.js +0 -29
- package/dist/components/Chips/Chips.interface.js +0 -1
- package/dist/components/Chips/Chips.js +0 -28
- package/dist/components/Chips/ChipsGroup.js +0 -19
- package/dist/components/Chips/appearance/chipsAccent.js +0 -24
- package/dist/components/Chips/appearance/chipsDanger.js +0 -17
- package/dist/components/Chips/appearance/chipsDisabled.js +0 -14
- package/dist/components/Chips/appearance/chipsError.js +0 -17
- package/dist/components/Chips/appearance/chipsExtra.js +0 -17
- package/dist/components/Chips/appearance/chipsInfo.js +0 -17
- package/dist/components/Chips/appearance/chipsShape.js +0 -25
- package/dist/components/Chips/appearance/chipsSize.js +0 -45
- package/dist/components/Chips/appearance/chipsSpecial.js +0 -17
- package/dist/components/Chips/appearance/chipsStyle.js +0 -14
- package/dist/components/Chips/appearance/chipsSuccess.js +0 -17
- package/dist/components/Chips/appearance/chipsSurface.js +0 -45
- package/dist/components/Chips/appearance/chipsWarning.js +0 -17
- package/dist/components/Chips/index.js +0 -3
- package/dist/components/Choice/Choice.appearance.js +0 -19
- package/dist/components/Choice/Choice.interface.js +0 -1
- package/dist/components/Choice/Choice.js +0 -57
- package/dist/components/Choice/appearance/choiceDefault.js +0 -37
- package/dist/components/Choice/appearance/choiceDisabled.js +0 -18
- package/dist/components/Choice/appearance/choiceError.js +0 -17
- package/dist/components/Choice/appearance/choiceRequire.js +0 -18
- package/dist/components/Choice/appearance/choiceShape.js +0 -25
- package/dist/components/Choice/appearance/choiceSize.js +0 -18
- package/dist/components/Choice/appearance/choiceStyle.js +0 -14
- package/dist/components/Choice/appearance/choiceSuccess.js +0 -18
- package/dist/components/Choice/index.js +0 -2
- package/dist/components/Code/Code.appearance.js +0 -19
- package/dist/components/Code/Code.interface.js +0 -1
- package/dist/components/Code/Code.js +0 -37
- package/dist/components/Code/appearance/codeDefault.js +0 -11
- package/dist/components/Code/appearance/codeDisabled.js +0 -12
- package/dist/components/Code/appearance/codeError.js +0 -12
- package/dist/components/Code/appearance/codeRequire.js +0 -12
- package/dist/components/Code/appearance/codeShape.js +0 -25
- package/dist/components/Code/appearance/codeSize.js +0 -13
- package/dist/components/Code/appearance/codeStyle.js +0 -16
- package/dist/components/Code/appearance/codeSuccess.js +0 -12
- package/dist/components/Code/index.js +0 -2
- package/dist/components/CookiesWarning/CookiesWarning.appearance.js +0 -5
- package/dist/components/CookiesWarning/CookiesWarning.interface.js +0 -1
- package/dist/components/CookiesWarning/CookiesWarning.js +0 -42
- package/dist/components/CookiesWarning/appearance/cookiesWarningDefault.js +0 -12
- package/dist/components/CookiesWarning/index.js +0 -3
- package/dist/components/Dadata/Dadata.interface.js +0 -1
- package/dist/components/Dadata/Dadata.js +0 -35
- package/dist/components/Dadata/index.js +0 -1
- package/dist/components/DatePeriod/DatePeriod.appearance.js +0 -9
- package/dist/components/DatePeriod/DatePeriod.interface.js +0 -1
- package/dist/components/DatePeriod/DatePeriod.js +0 -60
- package/dist/components/DatePeriod/appearance/datePeriodShape.js +0 -35
- package/dist/components/DatePeriod/appearance/datePeriodSize.js +0 -24
- package/dist/components/DatePeriod/appearance/datePeriodSurface.js +0 -17
- package/dist/components/DatePeriod/index.js +0 -2
- package/dist/components/DatePicker/DatePicker.appearance.js +0 -9
- package/dist/components/DatePicker/DatePicker.interface.js +0 -1
- package/dist/components/DatePicker/DatePicker.js +0 -110
- package/dist/components/DatePicker/DatePicker.utils.js +0 -12
- package/dist/components/DatePicker/appearance/datePickerSize.js +0 -31
- package/dist/components/DatePicker/appearance/datePickerStyle.js +0 -20
- package/dist/components/DatePicker/appearance/datePickerSurface.js +0 -14
- package/dist/components/DatePicker/index.js +0 -2
- package/dist/components/Divider/Divider.appearance.js +0 -19
- package/dist/components/Divider/Divider.interface.js +0 -1
- package/dist/components/Divider/Divider.js +0 -25
- package/dist/components/Divider/appearance/dividerAccent.js +0 -6
- package/dist/components/Divider/appearance/dividerError.js +0 -6
- package/dist/components/Divider/appearance/dividerExtra.js +0 -6
- package/dist/components/Divider/appearance/dividerSize.js +0 -12
- package/dist/components/Divider/appearance/dividerSpecial.js +0 -6
- package/dist/components/Divider/appearance/dividerSuccess.js +0 -6
- package/dist/components/Divider/appearance/dividerSurface.js +0 -15
- package/dist/components/Divider/appearance/dividerWarning.js +0 -6
- package/dist/components/Divider/index.js +0 -2
- package/dist/components/Dot/Dot.interface.js +0 -1
- package/dist/components/Dot/Dot.js +0 -12
- package/dist/components/Dot/index.js +0 -1
- package/dist/components/Drawer/Drawer.appearance.js +0 -7
- package/dist/components/Drawer/Drawer.constants.js +0 -16
- package/dist/components/Drawer/Drawer.interface.js +0 -1
- package/dist/components/Drawer/Drawer.js +0 -65
- package/dist/components/Drawer/appearance/drawerSize.js +0 -8
- package/dist/components/Drawer/appearance/drawerSurface.js +0 -10
- package/dist/components/Drawer/index.js +0 -2
- package/dist/components/Dropdown/Dropdown.appearance.js +0 -13
- package/dist/components/Dropdown/Dropdown.interface.js +0 -1
- package/dist/components/Dropdown/Dropdown.js +0 -56
- package/dist/components/Dropdown/DropdownItem.appearance.js +0 -13
- package/dist/components/Dropdown/DropdownItem.js +0 -31
- package/dist/components/Dropdown/appearance/dropdownAccent.js +0 -24
- package/dist/components/Dropdown/appearance/dropdownShape.js +0 -25
- package/dist/components/Dropdown/appearance/dropdownSize.js +0 -39
- package/dist/components/Dropdown/appearance/dropdownStyle.js +0 -14
- package/dist/components/Dropdown/appearance/dropdownSurface.js +0 -32
- package/dist/components/Dropdown/index.js +0 -4
- package/dist/components/Dropzone/Dropzone.appearance.js +0 -15
- package/dist/components/Dropzone/Dropzone.interface.js +0 -1
- package/dist/components/Dropzone/Dropzone.js +0 -131
- package/dist/components/Dropzone/appearance/dropzoneDefault.js +0 -17
- package/dist/components/Dropzone/appearance/dropzoneDisabled.js +0 -17
- package/dist/components/Dropzone/appearance/dropzoneError.js +0 -17
- package/dist/components/Dropzone/appearance/dropzoneRequire.js +0 -17
- package/dist/components/Dropzone/appearance/dropzoneShape.js +0 -25
- package/dist/components/Dropzone/appearance/dropzoneSuccess.js +0 -17
- package/dist/components/Dropzone/index.js +0 -1
- package/dist/components/Flex/Flex.interface.js +0 -1
- package/dist/components/Flex/Flex.js +0 -12
- package/dist/components/Flex/FlexItem.js +0 -13
- package/dist/components/Flex/index.js +0 -3
- package/dist/components/Grid/Grid.interface.js +0 -1
- package/dist/components/Grid/Grid.js +0 -12
- package/dist/components/Grid/GridItem.js +0 -12
- package/dist/components/Grid/GridRow.js +0 -12
- package/dist/components/Grid/index.js +0 -4
- package/dist/components/Group/Group.appearance.js +0 -2
- package/dist/components/Group/Group.interface.js +0 -1
- package/dist/components/Group/Group.js +0 -43
- package/dist/components/Group/index.js +0 -2
- package/dist/components/HTMLContent/HTMLContent.interface.js +0 -1
- package/dist/components/HTMLContent/HTMLContent.js +0 -12
- package/dist/components/HTMLContent/index.js +0 -1
- package/dist/components/HeroTitle/HeroTitle.appearance.js +0 -5
- package/dist/components/HeroTitle/HeroTitle.interface.js +0 -1
- package/dist/components/HeroTitle/HeroTitle.js +0 -30
- package/dist/components/HeroTitle/appearance/heroTitleSize.js +0 -21
- package/dist/components/HeroTitle/index.js +0 -2
- package/dist/components/Icon/Icon.appearance.js +0 -29
- package/dist/components/Icon/Icon.interface.js +0 -1
- package/dist/components/Icon/Icon.js +0 -69
- package/dist/components/Icon/appearance/iconAccent.js +0 -16
- package/dist/components/Icon/appearance/iconDanger.js +0 -10
- package/dist/components/Icon/appearance/iconDisabled.js +0 -9
- package/dist/components/Icon/appearance/iconError.js +0 -10
- package/dist/components/Icon/appearance/iconExtra.js +0 -10
- package/dist/components/Icon/appearance/iconInfo.js +0 -15
- package/dist/components/Icon/appearance/iconShape.js +0 -25
- package/dist/components/Icon/appearance/iconSize.js +0 -171
- package/dist/components/Icon/appearance/iconSpecial.js +0 -10
- package/dist/components/Icon/appearance/iconStyle.js +0 -14
- package/dist/components/Icon/appearance/iconSuccess.js +0 -10
- package/dist/components/Icon/appearance/iconSurface.js +0 -28
- package/dist/components/Icon/appearance/iconWarning.js +0 -10
- package/dist/components/Icon/index.js +0 -2
- package/dist/components/Image/Image.interface.js +0 -1
- package/dist/components/Image/Image.js +0 -33
- package/dist/components/Image/index.js +0 -1
- package/dist/components/Input/Input.appearance.js +0 -19
- package/dist/components/Input/Input.interface.js +0 -1
- package/dist/components/Input/Input.js +0 -22
- package/dist/components/Input/appearance/inputDefault.js +0 -21
- package/dist/components/Input/appearance/inputDisabled.js +0 -17
- package/dist/components/Input/appearance/inputError.js +0 -18
- package/dist/components/Input/appearance/inputRequire.js +0 -19
- package/dist/components/Input/appearance/inputShape.js +0 -25
- package/dist/components/Input/appearance/inputSize.js +0 -31
- package/dist/components/Input/appearance/inputStyle.js +0 -16
- package/dist/components/Input/appearance/inputSuccess.js +0 -18
- package/dist/components/Input/index.js +0 -2
- package/dist/components/InputNumber/InputNumber.appearance.js +0 -11
- package/dist/components/InputNumber/InputNumber.interfaces.js +0 -1
- package/dist/components/InputNumber/InputNumber.js +0 -44
- package/dist/components/InputNumber/appearance/InputNumberShape.js +0 -25
- package/dist/components/InputNumber/appearance/inputNumberSize.js +0 -28
- package/dist/components/InputNumber/appearance/inputNumberStyle.js +0 -16
- package/dist/components/InputNumber/appearance/inputNumberSurface.js +0 -16
- package/dist/components/InputNumber/index.js +0 -2
- package/dist/components/InputPassword/InputPassword.appearance.js +0 -19
- package/dist/components/InputPassword/InputPassword.interface.js +0 -1
- package/dist/components/InputPassword/InputPassword.js +0 -31
- package/dist/components/InputPassword/appearance/inputPasswordDefault.js +0 -24
- package/dist/components/InputPassword/appearance/inputPasswordDisabled.js +0 -21
- package/dist/components/InputPassword/appearance/inputPasswordError.js +0 -21
- package/dist/components/InputPassword/appearance/inputPasswordRequire.js +0 -21
- package/dist/components/InputPassword/appearance/inputPasswordShape.js +0 -25
- package/dist/components/InputPassword/appearance/inputPasswordSize.js +0 -38
- package/dist/components/InputPassword/appearance/inputPasswordStyle.js +0 -16
- package/dist/components/InputPassword/appearance/inputPasswordSuccess.js +0 -21
- package/dist/components/InputPassword/index.js +0 -2
- package/dist/components/Label/Label.appearance.js +0 -31
- package/dist/components/Label/Label.interface.js +0 -1
- package/dist/components/Label/Label.js +0 -32
- package/dist/components/Label/appearance/labelAccent.js +0 -21
- package/dist/components/Label/appearance/labelDanger.js +0 -17
- package/dist/components/Label/appearance/labelDisabled.js +0 -10
- package/dist/components/Label/appearance/labelError.js +0 -17
- package/dist/components/Label/appearance/labelExtra.js +0 -17
- package/dist/components/Label/appearance/labelGradient.js +0 -10
- package/dist/components/Label/appearance/labelInfo.js +0 -17
- package/dist/components/Label/appearance/labelShape.js +0 -25
- package/dist/components/Label/appearance/labelSize.js +0 -59
- package/dist/components/Label/appearance/labelSpecial.js +0 -17
- package/dist/components/Label/appearance/labelStyle.js +0 -14
- package/dist/components/Label/appearance/labelSuccess.js +0 -17
- package/dist/components/Label/appearance/labelSurface.js +0 -25
- package/dist/components/Label/appearance/labelWarning.js +0 -17
- package/dist/components/Label/index.js +0 -2
- package/dist/components/Link/Link.appearance.js +0 -29
- package/dist/components/Link/Link.interface.js +0 -1
- package/dist/components/Link/Link.js +0 -50
- package/dist/components/Link/appearance/linkAccent.js +0 -15
- package/dist/components/Link/appearance/linkDanger.js +0 -7
- package/dist/components/Link/appearance/linkDisabled.js +0 -13
- package/dist/components/Link/appearance/linkError.js +0 -9
- package/dist/components/Link/appearance/linkExtra.js +0 -8
- package/dist/components/Link/appearance/linkInfo.js +0 -17
- package/dist/components/Link/appearance/linkRequire.js +0 -12
- package/dist/components/Link/appearance/linkSize.js +0 -59
- package/dist/components/Link/appearance/linkSpecial.js +0 -8
- package/dist/components/Link/appearance/linkStyle.js +0 -16
- package/dist/components/Link/appearance/linkSuccess.js +0 -9
- package/dist/components/Link/appearance/linkSurface.js +0 -23
- package/dist/components/Link/appearance/linkWarning.js +0 -9
- package/dist/components/Link/index.js +0 -2
- package/dist/components/List/List.appearance.js +0 -25
- package/dist/components/List/List.interface.js +0 -1
- package/dist/components/List/List.js +0 -22
- package/dist/components/List/ListItem.js +0 -16
- package/dist/components/List/appearance/listAccent.js +0 -8
- package/dist/components/List/appearance/listDanger.js +0 -7
- package/dist/components/List/appearance/listError.js +0 -7
- package/dist/components/List/appearance/listExtra.js +0 -7
- package/dist/components/List/appearance/listInfo.js +0 -13
- package/dist/components/List/appearance/listSize.js +0 -24
- package/dist/components/List/appearance/listSpecial.js +0 -7
- package/dist/components/List/appearance/listStyle.js +0 -16
- package/dist/components/List/appearance/listSuccess.js +0 -7
- package/dist/components/List/appearance/listSurface.js +0 -19
- package/dist/components/List/appearance/listWarning.js +0 -7
- package/dist/components/List/index.js +0 -3
- package/dist/components/Loader/Loader.appearance.js +0 -25
- package/dist/components/Loader/Loader.interface.js +0 -1
- package/dist/components/Loader/Loader.js +0 -22
- package/dist/components/Loader/appearance/loaderAccent.js +0 -13
- package/dist/components/Loader/appearance/loaderDanger.js +0 -8
- package/dist/components/Loader/appearance/loaderError.js +0 -8
- package/dist/components/Loader/appearance/loaderExtra.js +0 -8
- package/dist/components/Loader/appearance/loaderInfo.js +0 -8
- package/dist/components/Loader/appearance/loaderSize.js +0 -15
- package/dist/components/Loader/appearance/loaderSpecial.js +0 -8
- package/dist/components/Loader/appearance/loaderStyle.js +0 -14
- package/dist/components/Loader/appearance/loaderSuccess.js +0 -8
- package/dist/components/Loader/appearance/loaderSurface.js +0 -18
- package/dist/components/Loader/appearance/loaderWarning.js +0 -8
- package/dist/components/Loader/index.js +0 -2
- package/dist/components/Logo/Logo.interface.js +0 -1
- package/dist/components/Logo/Logo.js +0 -23
- package/dist/components/Logo/index.js +0 -1
- package/dist/components/MenuItem/MenuItem.appearance.js +0 -15
- package/dist/components/MenuItem/MenuItem.interface.js +0 -1
- package/dist/components/MenuItem/MenuItem.js +0 -47
- package/dist/components/MenuItem/appearance/menuItemAccent.js +0 -27
- package/dist/components/MenuItem/appearance/menuItemError.js +0 -19
- package/dist/components/MenuItem/appearance/menuItemShape.js +0 -25
- package/dist/components/MenuItem/appearance/menuItemSize.js +0 -47
- package/dist/components/MenuItem/appearance/menuItemStyle.js +0 -14
- package/dist/components/MenuItem/appearance/menuItemSurface.js +0 -45
- package/dist/components/MenuItem/index.js +0 -2
- package/dist/components/Modal/Modal.appearance.js +0 -11
- package/dist/components/Modal/Modal.interface.js +0 -1
- package/dist/components/Modal/Modal.js +0 -139
- package/dist/components/Modal/ModalLoader.js +0 -6
- package/dist/components/Modal/appearance/modalShape.js +0 -25
- package/dist/components/Modal/appearance/modalSize.js +0 -28
- package/dist/components/Modal/appearance/modalStyle.js +0 -14
- package/dist/components/Modal/appearance/modalSurface.js +0 -8
- package/dist/components/Modal/index.js +0 -4
- package/dist/components/ModalSheetBottom/ModalSheetBottom.appearance.js +0 -5
- package/dist/components/ModalSheetBottom/ModalSheetBottom.interface.js +0 -1
- package/dist/components/ModalSheetBottom/ModalSheetBottom.js +0 -38
- package/dist/components/ModalSheetBottom/appearance/modalSheetBottomSize.js +0 -9
- package/dist/components/ModalSheetBottom/index.js +0 -2
- package/dist/components/Notification/Notification.appearance.js +0 -19
- package/dist/components/Notification/Notification.interface.js +0 -1
- package/dist/components/Notification/Notification.js +0 -26
- package/dist/components/Notification/NotificationWrapper.js +0 -11
- package/dist/components/Notification/appearance/notificationDefault.js +0 -16
- package/dist/components/Notification/appearance/notificationError.js +0 -16
- package/dist/components/Notification/appearance/notificationInfo.js +0 -16
- package/dist/components/Notification/appearance/notificationShape.js +0 -25
- package/dist/components/Notification/appearance/notificationSize.js +0 -17
- package/dist/components/Notification/appearance/notificationStyle.js +0 -14
- package/dist/components/Notification/appearance/notificationSuccess.js +0 -16
- package/dist/components/Notification/appearance/notificationWarning.js +0 -16
- package/dist/components/Notification/index.js +0 -4
- package/dist/components/Overlay/Overlay.appearance.js +0 -5
- package/dist/components/Overlay/Overlay.interface.js +0 -1
- package/dist/components/Overlay/Overlay.js +0 -21
- package/dist/components/Overlay/appearance/overlayDefault.js +0 -11
- package/dist/components/Overlay/index.js +0 -2
- package/dist/components/Pagination/Pagination.appearance.js +0 -13
- package/dist/components/Pagination/Pagination.interface.js +0 -1
- package/dist/components/Pagination/Pagination.js +0 -117
- package/dist/components/Pagination/appearance/paginationAccent.js +0 -38
- package/dist/components/Pagination/appearance/paginationShape.js +0 -34
- package/dist/components/Pagination/appearance/paginationSize.js +0 -63
- package/dist/components/Pagination/appearance/paginationStyle.js +0 -14
- package/dist/components/Pagination/appearance/paginationSurface.js +0 -35
- package/dist/components/Pagination/index.js +0 -2
- package/dist/components/Radio/Radio.appearance.js +0 -19
- package/dist/components/Radio/Radio.interface.js +0 -1
- package/dist/components/Radio/Radio.js +0 -33
- package/dist/components/Radio/appearance/radioDefault.js +0 -17
- package/dist/components/Radio/appearance/radioDisabled.js +0 -14
- package/dist/components/Radio/appearance/radioError.js +0 -14
- package/dist/components/Radio/appearance/radioRequire.js +0 -14
- package/dist/components/Radio/appearance/radioShape.js +0 -25
- package/dist/components/Radio/appearance/radioSize.js +0 -18
- package/dist/components/Radio/appearance/radioStyle.js +0 -24
- package/dist/components/Radio/appearance/radioSuccess.js +0 -14
- package/dist/components/Radio/index.js +0 -2
- package/dist/components/RangeSlider/RangeSlider.interface.js +0 -1
- package/dist/components/RangeSlider/RangeSlider.js +0 -16
- package/dist/components/RangeSlider/index.js +0 -1
- package/dist/components/Response/Response.appearance.js +0 -25
- package/dist/components/Response/Response.constant.js +0 -68
- package/dist/components/Response/Response.interface.js +0 -1
- package/dist/components/Response/Response.js +0 -49
- package/dist/components/Response/appearance/responseConfirm.js +0 -15
- package/dist/components/Response/appearance/responseDanger.js +0 -15
- package/dist/components/Response/appearance/responseEmpty.js +0 -15
- package/dist/components/Response/appearance/responseError.js +0 -15
- package/dist/components/Response/appearance/responseFail.js +0 -15
- package/dist/components/Response/appearance/responseNothingFound.js +0 -15
- package/dist/components/Response/appearance/responseRefresh.js +0 -15
- package/dist/components/Response/appearance/responseStyle.js +0 -14
- package/dist/components/Response/appearance/responseSuccess.js +0 -15
- package/dist/components/Response/appearance/responseUnableLoadData.js +0 -15
- package/dist/components/Response/appearance/responseWarning.js +0 -15
- package/dist/components/Response/img/index.js +0 -25
- package/dist/components/Response/index.js +0 -5
- package/dist/components/SVGContent/SVGContent.interface.js +0 -1
- package/dist/components/SVGContent/SVGContent.js +0 -15
- package/dist/components/SVGContent/index.js +0 -1
- package/dist/components/ScrollOnDrag/ScrollOnDrag.interface.js +0 -1
- package/dist/components/ScrollOnDrag/ScrollOnDrag.js +0 -18
- package/dist/components/ScrollOnDrag/index.js +0 -1
- package/dist/components/ScrollToView/ScrollToView.interface.js +0 -1
- package/dist/components/ScrollToView/ScrollToView.js +0 -15
- package/dist/components/ScrollToView/index.js +0 -1
- package/dist/components/Scrollbar/Scrollbar.interface.js +0 -1
- package/dist/components/Scrollbar/Scrollbar.js +0 -22
- package/dist/components/Scrollbar/index.js +0 -1
- package/dist/components/Search/Search.appearance.js +0 -19
- package/dist/components/Search/Search.interface.js +0 -1
- package/dist/components/Search/SearchInput.js +0 -42
- package/dist/components/Search/SearchResult.js +0 -12
- package/dist/components/Search/appearance/searchDefault.js +0 -23
- package/dist/components/Search/appearance/searchDisabled.js +0 -13
- package/dist/components/Search/appearance/searchError.js +0 -13
- package/dist/components/Search/appearance/searchRequire.js +0 -13
- package/dist/components/Search/appearance/searchShape.js +0 -25
- package/dist/components/Search/appearance/searchSize.js +0 -46
- package/dist/components/Search/appearance/searchStyle.js +0 -17
- package/dist/components/Search/appearance/searchSuccess.js +0 -12
- package/dist/components/Search/index.js +0 -4
- package/dist/components/Segmented/Segmented.appearance.js +0 -21
- package/dist/components/Segmented/Segmented.interface.js +0 -1
- package/dist/components/Segmented/Segmented.js +0 -53
- package/dist/components/Segmented/appearance/segmentedDefault.js +0 -29
- package/dist/components/Segmented/appearance/segmentedDisabled.js +0 -12
- package/dist/components/Segmented/appearance/segmentedError.js +0 -14
- package/dist/components/Segmented/appearance/segmentedRequire.js +0 -15
- package/dist/components/Segmented/appearance/segmentedShape.js +0 -25
- package/dist/components/Segmented/appearance/segmentedSize.js +0 -28
- package/dist/components/Segmented/appearance/segmentedStyle.js +0 -16
- package/dist/components/Segmented/appearance/segmentedSuccess.js +0 -13
- package/dist/components/Segmented/appearance/segmentedWarning.js +0 -14
- package/dist/components/Segmented/index.js +0 -2
- package/dist/components/Select/Select.appearance.js +0 -19
- package/dist/components/Select/Select.interface.js +0 -1
- package/dist/components/Select/SelectClearIndicator.js +0 -9
- package/dist/components/Select/SelectContainer.js +0 -100
- package/dist/components/Select/SelectControl.js +0 -9
- package/dist/components/Select/SelectDropdownIndicator.js +0 -9
- package/dist/components/Select/SelectGroupHeading.js +0 -9
- package/dist/components/Select/SelectIndicatorsContainer.js +0 -13
- package/dist/components/Select/SelectInput.js +0 -8
- package/dist/components/Select/SelectLoadingIndicator.js +0 -7
- package/dist/components/Select/SelectLoadingMessage.js +0 -8
- package/dist/components/Select/SelectMenu.js +0 -9
- package/dist/components/Select/SelectMultiValue.js +0 -18
- package/dist/components/Select/SelectMultiValueContainer.js +0 -9
- package/dist/components/Select/SelectMultiValueLabel.js +0 -8
- package/dist/components/Select/SelectMultiValueRemove.js +0 -8
- package/dist/components/Select/SelectNoOptions.js +0 -12
- package/dist/components/Select/SelectOption.js +0 -26
- package/dist/components/Select/SelectOverflowBadge.js +0 -9
- package/dist/components/Select/SelectPlaceholder.js +0 -8
- package/dist/components/Select/SelectSingleValue.js +0 -11
- package/dist/components/Select/SelectValueContainer.js +0 -7
- package/dist/components/Select/appearance/selectDefault.js +0 -37
- package/dist/components/Select/appearance/selectDisabled.js +0 -28
- package/dist/components/Select/appearance/selectError.js +0 -37
- package/dist/components/Select/appearance/selectRequire.js +0 -37
- package/dist/components/Select/appearance/selectShape.js +0 -27
- package/dist/components/Select/appearance/selectSize.js +0 -116
- package/dist/components/Select/appearance/selectStyle.js +0 -17
- package/dist/components/Select/appearance/selectSuccess.js +0 -37
- package/dist/components/Select/index.js +0 -16
- package/dist/components/Swiper/Swiper.interface.js +0 -1
- package/dist/components/Swiper/Swiper.js +0 -73
- package/dist/components/Swiper/index.js +0 -1
- package/dist/components/Switch/Switch.appearance.js +0 -17
- package/dist/components/Switch/Switch.interface.js +0 -1
- package/dist/components/Switch/Switch.js +0 -31
- package/dist/components/Switch/appearance/switchDefault.js +0 -11
- package/dist/components/Switch/appearance/switchDisabled.js +0 -11
- package/dist/components/Switch/appearance/switchError.js +0 -11
- package/dist/components/Switch/appearance/switchRequire.js +0 -11
- package/dist/components/Switch/appearance/switchSize.js +0 -18
- package/dist/components/Switch/appearance/switchStyle.js +0 -16
- package/dist/components/Switch/appearance/switchSuccess.js +0 -11
- package/dist/components/Switch/index.js +0 -2
- package/dist/components/Tab/Tab.appearance.js +0 -15
- package/dist/components/Tab/Tab.interface.js +0 -1
- package/dist/components/Tab/Tab.js +0 -34
- package/dist/components/Tab/TabGroup.js +0 -14
- package/dist/components/Tab/appearance/tabError.js +0 -13
- package/dist/components/Tab/appearance/tabSize.js +0 -44
- package/dist/components/Tab/appearance/tabStyle.js +0 -16
- package/dist/components/Tab/appearance/tabSuccess.js +0 -13
- package/dist/components/Tab/appearance/tabSurface.js +0 -64
- package/dist/components/Tab/appearance/tabWarning.js +0 -12
- package/dist/components/Tab/index.js +0 -3
- package/dist/components/Text/Text.appearance.js +0 -5
- package/dist/components/Text/Text.interface.js +0 -1
- package/dist/components/Text/Text.js +0 -35
- package/dist/components/Text/appearance/textSize.js +0 -24
- package/dist/components/Text/index.js +0 -2
- package/dist/components/Textarea/Textarea.appearance.js +0 -19
- package/dist/components/Textarea/Textarea.interface.js +0 -1
- package/dist/components/Textarea/Textarea.js +0 -20
- package/dist/components/Textarea/appearance/textareaDefault.js +0 -33
- package/dist/components/Textarea/appearance/textareaDisabled.js +0 -18
- package/dist/components/Textarea/appearance/textareaError.js +0 -18
- package/dist/components/Textarea/appearance/textareaRequire.js +0 -18
- package/dist/components/Textarea/appearance/textareaShape.js +0 -25
- package/dist/components/Textarea/appearance/textareaSize.js +0 -31
- package/dist/components/Textarea/appearance/textareaStyle.js +0 -16
- package/dist/components/Textarea/appearance/textareaSuccess.js +0 -19
- package/dist/components/Textarea/index.js +0 -2
- package/dist/components/Tile/Tile.appearance.js +0 -11
- package/dist/components/Tile/Tile.interface.js +0 -1
- package/dist/components/Tile/Tile.js +0 -26
- package/dist/components/Tile/appearance/tileShape.js +0 -25
- package/dist/components/Tile/appearance/tileSize.js +0 -51
- package/dist/components/Tile/appearance/tileStyle.js +0 -14
- package/dist/components/Tile/appearance/tileSurface.js +0 -35
- package/dist/components/Tile/index.js +0 -2
- package/dist/components/Title/Title.appearance.js +0 -29
- package/dist/components/Title/Title.interface.js +0 -1
- package/dist/components/Title/Title.js +0 -43
- package/dist/components/Title/appearance/titleAccent.js +0 -11
- package/dist/components/Title/appearance/titleDanger.js +0 -7
- package/dist/components/Title/appearance/titleDisabled.js +0 -16
- package/dist/components/Title/appearance/titleError.js +0 -9
- package/dist/components/Title/appearance/titleExtra.js +0 -8
- package/dist/components/Title/appearance/titleInfo.js +0 -11
- package/dist/components/Title/appearance/titleRequire.js +0 -16
- package/dist/components/Title/appearance/titleSize.js +0 -45
- package/dist/components/Title/appearance/titleSpecial.js +0 -7
- package/dist/components/Title/appearance/titleStyle.js +0 -11
- package/dist/components/Title/appearance/titleSuccess.js +0 -7
- package/dist/components/Title/appearance/titleSurface.js +0 -19
- package/dist/components/Title/appearance/titleWarning.js +0 -9
- package/dist/components/Title/index.js +0 -2
- package/dist/components/Tooltip/Tooltip.appearance.js +0 -19
- package/dist/components/Tooltip/Tooltip.interface.js +0 -1
- package/dist/components/Tooltip/Tooltip.js +0 -68
- package/dist/components/Tooltip/appearance/tooltipDefault.js +0 -10
- package/dist/components/Tooltip/appearance/tooltipDisabled.js +0 -9
- package/dist/components/Tooltip/appearance/tooltipError.js +0 -10
- package/dist/components/Tooltip/appearance/tooltipRequire.js +0 -10
- package/dist/components/Tooltip/appearance/tooltipShape.js +0 -25
- package/dist/components/Tooltip/appearance/tooltipSize.js +0 -18
- package/dist/components/Tooltip/appearance/tooltipStyle.js +0 -14
- package/dist/components/Tooltip/appearance/tooltipSuccess.js +0 -10
- package/dist/components/Tooltip/index.js +0 -2
- package/dist/components/Video/Video.interface.js +0 -1
- package/dist/components/Video/Video.js +0 -9
- package/dist/components/Video/index.js +0 -1
- package/dist/components/Warning/Warning.appearance.js +0 -17
- package/dist/components/Warning/Warning.interface.js +0 -1
- package/dist/components/Warning/Warning.js +0 -25
- package/dist/components/Warning/appearance/warningAccent.js +0 -24
- package/dist/components/Warning/appearance/warningError.js +0 -24
- package/dist/components/Warning/appearance/warningInfo.js +0 -24
- package/dist/components/Warning/appearance/warningShape.js +0 -25
- package/dist/components/Warning/appearance/warningSize.js +0 -11
- package/dist/components/Warning/appearance/warningStyle.js +0 -14
- package/dist/components/Warning/appearance/warningWarning.js +0 -24
- package/dist/components/Warning/index.js +0 -2
- package/dist/config/forms/datepicker.js +0 -18
- package/dist/config/forms/index.js +0 -3
- package/dist/config/forms/input.js +0 -17
- package/dist/context/Notifications.interface.js +0 -1
- package/dist/context/index.js +0 -2
- package/dist/hooks/index.helpers.js +0 -6
- package/dist/hooks/useActiveClasses/index.js +0 -2
- package/dist/hooks/useAppearanceConfig/index.js +0 -1
- package/dist/hooks/useDevicePropsGenerator/index.js +0 -1
- package/dist/hooks/useMediaQueries/index.js +0 -1
- package/dist/hooks/useMediaQueries/mediaQueries.json +0 -19
- package/dist/hooks/useStyles/index.js +0 -1
- package/dist/types/index.js +0 -1
- package/dist/types/utils.js +0 -1
- package/dist/utils/index.js +0 -3
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const listAppearanceSurface = {
|
|
2
|
-
surfacePrimary: {
|
|
3
|
-
fill: 'surfacePrimary',
|
|
4
|
-
fillHover: 'surfaceHoverPrimary',
|
|
5
|
-
},
|
|
6
|
-
surfaceQuaternary: {
|
|
7
|
-
fill: 'surfaceQuaternary',
|
|
8
|
-
fillHover: 'surfaceHoverQuaternary',
|
|
9
|
-
},
|
|
10
|
-
surfaceSecondary: {
|
|
11
|
-
fill: 'surfaceSecondary',
|
|
12
|
-
fillHover: 'surfaceHoverSecondary',
|
|
13
|
-
},
|
|
14
|
-
surfaceTertiary: {
|
|
15
|
-
fill: 'surfaceTertiary',
|
|
16
|
-
fillHover: 'surfaceHoverTertiary',
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
export { listAppearanceSurface };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { loaderAppearanceAccent } from './appearance/loaderAccent';
|
|
2
|
-
import { loaderAppearanceDanger } from './appearance/loaderDanger';
|
|
3
|
-
import { loaderAppearanceError } from './appearance/loaderError';
|
|
4
|
-
import { loaderAppearanceExtra } from './appearance/loaderExtra';
|
|
5
|
-
import { loaderAppearanceInfo } from './appearance/loaderInfo';
|
|
6
|
-
import { loaderAppearanceSize } from './appearance/loaderSize';
|
|
7
|
-
import { loaderAppearanceSpecial } from './appearance/loaderSpecial';
|
|
8
|
-
import { loaderAppearanceStyle } from './appearance/loaderStyle';
|
|
9
|
-
import { loaderAppearanceSuccess } from './appearance/loaderSuccess';
|
|
10
|
-
import { loaderAppearanceSurface } from './appearance/loaderSurface';
|
|
11
|
-
import { loaderAppearanceWarning } from './appearance/loaderWarning';
|
|
12
|
-
const loaderAppearance = {
|
|
13
|
-
...loaderAppearanceAccent,
|
|
14
|
-
...loaderAppearanceSpecial,
|
|
15
|
-
...loaderAppearanceSize,
|
|
16
|
-
...loaderAppearanceExtra,
|
|
17
|
-
...loaderAppearanceSurface,
|
|
18
|
-
...loaderAppearanceWarning,
|
|
19
|
-
...loaderAppearanceSuccess,
|
|
20
|
-
...loaderAppearanceInfo,
|
|
21
|
-
...loaderAppearanceDanger,
|
|
22
|
-
...loaderAppearanceError,
|
|
23
|
-
...loaderAppearanceStyle,
|
|
24
|
-
};
|
|
25
|
-
export { loaderAppearance };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { Text } from 'src/components/Text';
|
|
4
|
-
import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
|
|
5
|
-
import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
|
|
6
|
-
import { useStyles } from 'src/hooks/useStyles';
|
|
7
|
-
import { loaderAppearance } from './Loader.appearance';
|
|
8
|
-
const loaderConfig = {
|
|
9
|
-
appearance: loaderAppearance,
|
|
10
|
-
setAppearance: (appearanceConfig) => {
|
|
11
|
-
loaderConfig.appearance = appearanceConfig;
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
function Loader(props) {
|
|
15
|
-
const { appearance, className, dataTestId, dataTour, type = 'dot', text, isDisabled, isSkeleton, children, } = props;
|
|
16
|
-
const appearanceConfig = useAppearanceConfig(appearance, loaderConfig, isDisabled);
|
|
17
|
-
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
18
|
-
const { fillClass, borderColorClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
|
|
19
|
-
const { styles: loader } = useStyles(props);
|
|
20
|
-
return (_jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (_jsxs("div", { className: "loader__inner", children: [_jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`, type === 'circular' && `border-color_${borderColorClass}`), children: "\u00A0" }), _jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), _jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (_jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
|
|
21
|
-
}
|
|
22
|
-
export { Loader, loaderConfig };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
const loaderAppearanceAccent = {
|
|
2
|
-
accentPrimary: {
|
|
3
|
-
fill: 'accentPrimary',
|
|
4
|
-
borderColor: 'surfaceBorderSecondary',
|
|
5
|
-
itemFill: 'accentItemPrimary',
|
|
6
|
-
},
|
|
7
|
-
accentTertiary: {
|
|
8
|
-
fill: 'accentTertiary',
|
|
9
|
-
borderColor: 'surfaceBorderSecondary',
|
|
10
|
-
itemFill: 'accentItemSecondary',
|
|
11
|
-
},
|
|
12
|
-
};
|
|
13
|
-
export { loaderAppearanceAccent };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
const loaderAppearanceSurface = {
|
|
2
|
-
surfacePrimary: {
|
|
3
|
-
fill: 'surfacePrimary',
|
|
4
|
-
borderColor: 'surfaceBorderPrimary',
|
|
5
|
-
itemFill: 'surfaceItemPrimary',
|
|
6
|
-
},
|
|
7
|
-
surfaceSecondary: {
|
|
8
|
-
fill: 'surfaceSecondary',
|
|
9
|
-
borderColor: 'surfaceBorderPrimary',
|
|
10
|
-
itemFill: 'surfaceItemPrimary',
|
|
11
|
-
},
|
|
12
|
-
surfaceTertiary: {
|
|
13
|
-
fill: 'surfaceTertiary',
|
|
14
|
-
borderColor: 'surfaceBorderPrimary',
|
|
15
|
-
itemFill: 'surfaceItemPrimary',
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
export { loaderAppearanceSurface };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { urlWithAssetPrefix } from 'src/hoc/urlWithAssetPrefix';
|
|
5
|
-
import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
|
|
6
|
-
import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
|
|
7
|
-
import { useStyles } from 'src/hooks/useStyles';
|
|
8
|
-
import { LinkWrapper } from 'src/components/Link';
|
|
9
|
-
const logoConfig = {
|
|
10
|
-
appearance: undefined,
|
|
11
|
-
setAppearance: (appearanceConfig) => {
|
|
12
|
-
logoConfig.appearance = appearanceConfig;
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
const Logo = urlWithAssetPrefix(forwardRef(function Logo(props, ref) {
|
|
16
|
-
const { appearance, className, dataTestId, dataTour, href, link, isSkeleton, } = props;
|
|
17
|
-
const appearanceConfig = useAppearanceConfig(appearance, logoConfig);
|
|
18
|
-
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
19
|
-
const { alignClass, alignDirectionClass, alignItemsClass, src, title, alt, sizeClass, widthClass, } = propsGenerator;
|
|
20
|
-
const { styles: logo } = useStyles(props);
|
|
21
|
-
return (_jsx("div", { className: clsx(className, 'logo', isSkeleton && 'logo_mode_skeleton', alignClass && `align_${alignClass}`, alignDirectionClass && `align_${alignDirectionClass}`, alignItemsClass && `logo_align-items_${alignItemsClass}`, sizeClass && `logo_size_${sizeClass}`, widthClass && `width_${widthClass}`), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: logo, children: link || href ? (_jsx(LinkWrapper, { className: "logo__link", href: link || href, children: _jsx("img", { className: "logo__image", src: src, title: title || alt, alt: alt || title }) })) : (_jsx("img", { className: "logo__image", src: src, title: title || alt, alt: alt || title })) }));
|
|
22
|
-
}));
|
|
23
|
-
export { Logo, logoConfig };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Logo, logoConfig } from './Logo';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { menuItemAppearanceAccent } from './appearance/menuItemAccent';
|
|
2
|
-
import { menuItemAppearanceError } from './appearance/menuItemError';
|
|
3
|
-
import { menuItemAppearanceShape } from './appearance/menuItemShape';
|
|
4
|
-
import { menuItemAppearanceSize } from './appearance/menuItemSize';
|
|
5
|
-
import { menuItemAppearanceStyle } from './appearance/menuItemStyle';
|
|
6
|
-
import { menuItemAppearanceSurface } from './appearance/menuItemSurface';
|
|
7
|
-
const menuItemAppearance = {
|
|
8
|
-
...menuItemAppearanceSize,
|
|
9
|
-
...menuItemAppearanceStyle,
|
|
10
|
-
...menuItemAppearanceAccent,
|
|
11
|
-
...menuItemAppearanceError,
|
|
12
|
-
...menuItemAppearanceSurface,
|
|
13
|
-
...menuItemAppearanceShape,
|
|
14
|
-
};
|
|
15
|
-
export { menuItemAppearance };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React, { useCallback, useRef } from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
|
|
5
|
-
import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
|
|
6
|
-
import { useStyles } from 'src/hooks/useStyles';
|
|
7
|
-
import { Icon } from 'src/components/Icon';
|
|
8
|
-
import { Link } from 'src/components/Link';
|
|
9
|
-
import { Text } from 'src/components/Text';
|
|
10
|
-
import { Tooltip } from 'src/components/Tooltip';
|
|
11
|
-
import { menuItemAppearance } from './MenuItem.appearance';
|
|
12
|
-
const menuItemConfig = {
|
|
13
|
-
appearance: menuItemAppearance,
|
|
14
|
-
setAppearance: function (appearanceConfig) {
|
|
15
|
-
this.appearance = appearanceConfig;
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
function MenuItem(props) {
|
|
19
|
-
const { appearance, className, dataTestId, dataTour, label, easing, href, link, LinkComponent, rel, showTooltip, target, tooltipAppearance, underline, before, after, isActive, isDisabled, onClick, children, } = props;
|
|
20
|
-
const tooltipRef = useRef(null);
|
|
21
|
-
const onMouseEnter = useCallback(() => {
|
|
22
|
-
if (showTooltip) {
|
|
23
|
-
tooltipRef.current?.openTooltip();
|
|
24
|
-
}
|
|
25
|
-
}, [showTooltip]);
|
|
26
|
-
const onMouseLeave = useCallback(() => {
|
|
27
|
-
if (showTooltip) {
|
|
28
|
-
tooltipRef.current?.closeTooltip();
|
|
29
|
-
}
|
|
30
|
-
}, [showTooltip]);
|
|
31
|
-
const appearanceConfig = useAppearanceConfig(appearance, menuItemConfig, isDisabled);
|
|
32
|
-
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
33
|
-
const { directionClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, labelTextActiveColor, labelTextActiveColorHover, labelTextColor, labelTextColorDisabled, labelTextColorHover, labelTextSize, labelWeight, labelWrap, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, tooltipFill, tooltipShape, tooltipShapeStrength, tooltipSize, tooltipText, tooltipTextColor, tooltipTextSize, tooltipTitle, tooltipTitleTextColor, typeClass, widthClass, isSkeleton, } = propsGenerator;
|
|
34
|
-
const { styles: menuItem } = useStyles(props);
|
|
35
|
-
return (_jsxs("div", { className: clsx('menu-item', easing && `easing_${easing}`, isActive && 'menu-item_state_active', isDisabled && `menu-item_state_disabled`, directionClass && `menu-item_direction_${directionClass}`, className, (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc) &&
|
|
36
|
-
'menu-item_label-icon', sizeClass && `menu-item_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, !isActive
|
|
37
|
-
? fillClass && `fill_${fillClass}`
|
|
38
|
-
: fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
|
|
39
|
-
? fillHoverClass && `fill_hover_${fillHoverClass}`
|
|
40
|
-
: fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass
|
|
41
|
-
? `shape-strength_${shapeStrengthClass}`
|
|
42
|
-
: shapeClass === 'rounded' && 'shape-strength_default', typeClass && `menu-item_type_${typeClass}`, widthClass && `width_${widthClass}`, justifyContentClass &&
|
|
43
|
-
`menu-item_justify-content_${justifyContentClass}`, isSkeleton && `menu-item_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: menuItem, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [_jsxs(Link, { className: clsx('menu-item__wrapper', alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), href: link || href, LinkComponent: LinkComponent, rel: rel, target: target, underline: underline, onClick: onClick, children: [before, children || (_jsxs(React.Fragment, { children: [(iconBefore || iconBeforeSrc) && (_jsx(Icon, { className: clsx('menu-item__icon_before', iconBadgeValue && 'menu-item__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'menu-item__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), label && (_jsx(Text, { className: "menu-item__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveColorHover, textColorDisabled: labelTextColorDisabled, textColorHover: labelTextColorHover, textWeight: labelWeight, textWrap: labelWrap, isActive: isActive, isDisabled: isDisabled, children: label })), (iconAfter || iconAfterSrc) && (_jsx(Icon, { className: clsx('menu-item__icon_after', iconBadgeValue && 'menu-item__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: "menu-item__icon_after_badge", badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] })), after] }), showTooltip && (_jsx(Tooltip, { appearance: tooltipAppearance, className: "menu-item__tooltip", ref: tooltipRef, minWidth: "auto", alignment: "right-center", size: tooltipSize, fill: tooltipFill, zIndex: "100", title: tooltipTitle, titleColor: tooltipTitleTextColor, paddingLeft: "2m", text: tooltipText, textColor: tooltipTextColor, textSize: tooltipTextSize,
|
|
44
|
-
// centering="vertical"
|
|
45
|
-
shape: tooltipShape, shapeStrength: tooltipShapeStrength, isTooltipDisableState: true }))] }));
|
|
46
|
-
}
|
|
47
|
-
export { MenuItem, menuItemConfig };
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
const menuItemAppearanceAccent = {
|
|
2
|
-
accentMutedPrimary: {
|
|
3
|
-
fill: 'accentTertiary',
|
|
4
|
-
fillHover: 'accentTertiary',
|
|
5
|
-
labelTextColor: 'accentTextQuaternary',
|
|
6
|
-
borderColor: 'accentBorderSecondary',
|
|
7
|
-
iconAfterFillIcon: 'accentItemQuaternary',
|
|
8
|
-
iconBeforeFillIcon: 'accentItemQuaternary',
|
|
9
|
-
},
|
|
10
|
-
accentPrimary: {
|
|
11
|
-
fill: 'accentPrimary',
|
|
12
|
-
fillHover: 'accentPrimary',
|
|
13
|
-
labelTextColor: 'accentTextPrimary',
|
|
14
|
-
borderColor: 'accentBorderSecondary',
|
|
15
|
-
iconAfterFillIcon: 'accentItemPrimary',
|
|
16
|
-
iconBeforeFillIcon: 'accentItemPrimary',
|
|
17
|
-
},
|
|
18
|
-
accentSecondary: {
|
|
19
|
-
fill: 'accentPrimary',
|
|
20
|
-
fillHover: 'accentPrimary',
|
|
21
|
-
labelTextColor: 'accentTextSecondary',
|
|
22
|
-
labelTextColorHover: 'accentTextSecondary',
|
|
23
|
-
iconAfterFillIcon: 'accentItemSecondary',
|
|
24
|
-
iconBeforeFillIcon: 'accentItemSecondary',
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
export { menuItemAppearanceAccent };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const menuItemAppearanceError = {
|
|
2
|
-
errorMutedPrimary: {
|
|
3
|
-
fill: 'errorTertiary',
|
|
4
|
-
labelTextColor: 'errorTextQuaternary',
|
|
5
|
-
labelTextColorHover: 'errorTextQuaternary',
|
|
6
|
-
iconAfterFillIcon: 'errorItemQuaternary',
|
|
7
|
-
iconBeforeFillIcon: 'errorItemQuaternary',
|
|
8
|
-
},
|
|
9
|
-
errorPrimary: {
|
|
10
|
-
fill: 'errorPrimary',
|
|
11
|
-
fillHover: 'errorPrimary',
|
|
12
|
-
labelTextColor: 'errorTextPrimary',
|
|
13
|
-
labelTextColorHover: 'errorTextPrimary',
|
|
14
|
-
borderColor: 'errorBorderSecondary',
|
|
15
|
-
iconAfterFillIcon: 'errorItemPrimary',
|
|
16
|
-
iconBeforeFillIcon: 'errorItemPrimary',
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
export { menuItemAppearanceError };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
const menuItemAppearanceShape = {
|
|
2
|
-
circular: {
|
|
3
|
-
shape: 'circular',
|
|
4
|
-
},
|
|
5
|
-
rounded: {
|
|
6
|
-
shape: 'rounded',
|
|
7
|
-
},
|
|
8
|
-
roundedXL: {
|
|
9
|
-
shape: 'rounded',
|
|
10
|
-
shapeStrength: '2m',
|
|
11
|
-
},
|
|
12
|
-
roundedL: {
|
|
13
|
-
shape: 'rounded',
|
|
14
|
-
shapeStrength: '1_5m',
|
|
15
|
-
},
|
|
16
|
-
roundedM: {
|
|
17
|
-
shape: 'rounded',
|
|
18
|
-
shapeStrength: '1m',
|
|
19
|
-
},
|
|
20
|
-
roundedS: {
|
|
21
|
-
shape: 'rounded',
|
|
22
|
-
shapeStrength: '0_5m',
|
|
23
|
-
},
|
|
24
|
-
};
|
|
25
|
-
export { menuItemAppearanceShape };
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
const menuItemAppearanceSize = {
|
|
2
|
-
sizeXXL: {
|
|
3
|
-
size: 'xxl',
|
|
4
|
-
labelTextSize: 'l',
|
|
5
|
-
iconAfterSize: '20',
|
|
6
|
-
iconBeforeSize: '20',
|
|
7
|
-
},
|
|
8
|
-
sizeXL: {
|
|
9
|
-
size: 'xl',
|
|
10
|
-
labelTextSize: 'l',
|
|
11
|
-
iconAfterSize: '20',
|
|
12
|
-
iconBeforeSize: '20',
|
|
13
|
-
},
|
|
14
|
-
sizeL: {
|
|
15
|
-
size: 'l',
|
|
16
|
-
labelTextSize: 's',
|
|
17
|
-
iconAfterSize: '16',
|
|
18
|
-
iconBeforeSize: '16',
|
|
19
|
-
tooltipSize: 's',
|
|
20
|
-
tooltipTextSize: 'm',
|
|
21
|
-
},
|
|
22
|
-
sizeM: {
|
|
23
|
-
size: 'm',
|
|
24
|
-
labelTextSize: 's',
|
|
25
|
-
iconAfterSize: '16',
|
|
26
|
-
iconBeforeSize: '16',
|
|
27
|
-
},
|
|
28
|
-
sizeS: {
|
|
29
|
-
size: 's',
|
|
30
|
-
labelTextSize: 'xs',
|
|
31
|
-
iconAfterSize: '12',
|
|
32
|
-
iconBeforeSize: '12',
|
|
33
|
-
},
|
|
34
|
-
sizeXS: {
|
|
35
|
-
size: 'xs',
|
|
36
|
-
labelTextSize: 'xs',
|
|
37
|
-
iconAfterSize: '12',
|
|
38
|
-
iconBeforeSize: '12',
|
|
39
|
-
},
|
|
40
|
-
sizeXXS: {
|
|
41
|
-
size: 'xxs',
|
|
42
|
-
labelTextSize: 'xxs',
|
|
43
|
-
iconAfterSize: '12',
|
|
44
|
-
iconBeforeSize: '12',
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
export { menuItemAppearanceSize };
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
const menuItemAppearanceSurface = {
|
|
2
|
-
surfaceMutedPrimary: {
|
|
3
|
-
fill: 'surfaceSecondary',
|
|
4
|
-
fillActive: 'surfacePrimary',
|
|
5
|
-
fillActiveHover: 'surfacePrimary',
|
|
6
|
-
labelTextColor: 'surfaceTextQuaternary',
|
|
7
|
-
iconAfterFillIcon: 'surfaceItemQuaternary',
|
|
8
|
-
iconBeforeFillIcon: 'surfaceItemQuaternary',
|
|
9
|
-
},
|
|
10
|
-
surfacePrimary: {
|
|
11
|
-
fill: 'surfacePrimary',
|
|
12
|
-
fillActive: 'surfaceSecondary',
|
|
13
|
-
fillActiveHover: 'surfaceSecondary',
|
|
14
|
-
fillHover: 'surfaceSecondary',
|
|
15
|
-
labelTextActiveColor: 'accentTextSecondary',
|
|
16
|
-
labelTextActiveColorHover: 'accentTextSecondary',
|
|
17
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
18
|
-
labelTextColorHover: 'surfaceTextPrimary',
|
|
19
|
-
borderColor: 'surfaceBorderQuaternary',
|
|
20
|
-
iconAfterFillIcon: 'surfaceItemPrimary',
|
|
21
|
-
iconBeforeFillIcon: 'surfaceItemPrimary',
|
|
22
|
-
},
|
|
23
|
-
surfaceQuaternary: {
|
|
24
|
-
fill: 'surfaceQuaternary',
|
|
25
|
-
fillHover: 'surfaceQuaternary',
|
|
26
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
27
|
-
},
|
|
28
|
-
surfaceSecondary: {
|
|
29
|
-
fill: 'surfacePrimary',
|
|
30
|
-
fillActive: 'surfaceSecondary',
|
|
31
|
-
fillActiveHover: 'surfaceTertiary',
|
|
32
|
-
fillHover: 'surfaceSecondary',
|
|
33
|
-
labelTextActiveColor: 'accentTextSecondary',
|
|
34
|
-
labelTextActiveColorHover: 'surfaceTextPrimary',
|
|
35
|
-
borderColor: 'surfaceBorderQuaternary',
|
|
36
|
-
iconAfterFillIcon: 'surfaceItemPrimary',
|
|
37
|
-
iconBeforeFillIcon: 'surfaceItemPrimary',
|
|
38
|
-
},
|
|
39
|
-
surfaceTertiary: {
|
|
40
|
-
fill: 'surfaceSecondary',
|
|
41
|
-
fillHover: 'surfaceTertiary',
|
|
42
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
43
|
-
},
|
|
44
|
-
};
|
|
45
|
-
export { menuItemAppearanceSurface };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { modalAppearanceShape } from './appearance/modalShape';
|
|
2
|
-
import { modalAppearanceSize } from './appearance/modalSize';
|
|
3
|
-
import { modalAppearanceStyle } from './appearance/modalStyle';
|
|
4
|
-
import { modalAppearanceSurface } from './appearance/modalSurface';
|
|
5
|
-
const modalAppearance = {
|
|
6
|
-
...modalAppearanceSurface,
|
|
7
|
-
...modalAppearanceShape,
|
|
8
|
-
...modalAppearanceStyle,
|
|
9
|
-
...modalAppearanceSize,
|
|
10
|
-
};
|
|
11
|
-
export { modalAppearance };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|