@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,24 +0,0 @@
|
|
|
1
|
-
const buttonAppearanceWarning = {
|
|
2
|
-
warningMutedPrimary: {
|
|
3
|
-
fill: 'warningTertiary',
|
|
4
|
-
fillHover: 'warningHoverPrimary',
|
|
5
|
-
labelTextColor: 'warningTextSecondary',
|
|
6
|
-
labelTextColorHover: 'warningTextPrimary',
|
|
7
|
-
borderColor: 'warningBorderPrimary',
|
|
8
|
-
iconAfterFillIcon: 'warningItemSecondary',
|
|
9
|
-
iconBeforeFillIcon: 'warningItemSecondary',
|
|
10
|
-
iconFillIcon: 'warningItemSecondary',
|
|
11
|
-
loaderAppearance: 'warningTertiary',
|
|
12
|
-
},
|
|
13
|
-
warningPrimary: {
|
|
14
|
-
fill: 'warningPrimary',
|
|
15
|
-
fillHover: 'warningHoverPrimary',
|
|
16
|
-
labelTextColor: 'warningTextPrimary',
|
|
17
|
-
labelTextColorHover: 'warningTextPrimary',
|
|
18
|
-
iconAfterFillIcon: 'warningItemPrimary',
|
|
19
|
-
iconBeforeFillIcon: 'warningItemPrimary',
|
|
20
|
-
iconFillIcon: 'warningItemPrimary',
|
|
21
|
-
loaderAppearance: 'warningPrimary',
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
export { buttonAppearanceWarning };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { cellAppearanceSize } from './appearance/cellSize';
|
|
2
|
-
import { cellAppearanceStyle } from './appearance/cellStyle';
|
|
3
|
-
import { cellAppearanceSurface } from './appearance/cellSurface';
|
|
4
|
-
const cellAppearance = {
|
|
5
|
-
...cellAppearanceSize,
|
|
6
|
-
...cellAppearanceStyle,
|
|
7
|
-
...cellAppearanceSurface,
|
|
8
|
-
};
|
|
9
|
-
export { cellAppearance };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { mergeAppearanceKeys } from 'src/utils';
|
|
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 { Label } from 'src/components/Label';
|
|
9
|
-
import { Text } from 'src/components/Text';
|
|
10
|
-
import { cellAppearance } from './Cell.appearance';
|
|
11
|
-
const cellConfig = {
|
|
12
|
-
appearance: cellAppearance,
|
|
13
|
-
setAppearance: (appearanceConfig) => {
|
|
14
|
-
cellConfig.appearance = appearanceConfig;
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
function Cell(props) {
|
|
18
|
-
const { appearance, className, dataTestId, dataTour, title, titleIcon, titleLabel, titleTag, showTitleLabel, showValueLabel, value, valueIcon, valueTag, before, after, isActive, isEqual, isSameWidth, onClick, onMouseEnter, } = props;
|
|
19
|
-
const appearanceConfig = useAppearanceConfig(appearance, cellConfig);
|
|
20
|
-
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
21
|
-
const { directionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, titleIconFill, titleIconFillHover, titleIconFillSize, titleIconItemFill, titleIconShape, titleIconSrc, titleLabelAppearance, titleLabelAppearanceSize, titleLabelShape, titleLabelSize, titleLabelTextSize, titleTextColor, titleTextSize, titleTextTruncate, titleTextWeight, titleTextWrap, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, reverseClass, shapeClass, sizeClass, valueIconFill, valueIconFillHover, valueIconFillSize, valueIconItemFill, valueIconShape, valueIconSrc, valueLabel, valueLabelAppearance, valueLabelAppearanceSize, valueLabelShape, valueLabelSize, valueLabelTextSize, valueTextAlign, valueTextColor, valueTextSize, valueTextTruncate, valueTextWeight, valueTextWrap, widthClass, zeroGap, zeroPadding, } = propsGenerator;
|
|
22
|
-
const { data: dataStyles, styles: cellStyles } = useStyles(props);
|
|
23
|
-
return (_jsxs("div", { className: clsx(className, 'cell', sizeClass && `cell_size_${sizeClass}`, !isActive
|
|
24
|
-
? fillClass && `fill_${fillClass}`
|
|
25
|
-
: fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
|
|
26
|
-
? fillHoverClass && `fill_hover_${fillHoverClass}`
|
|
27
|
-
: fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, !isActive
|
|
28
|
-
? borderColorClass && `border-color_${borderColorClass}`
|
|
29
|
-
: borderColorActiveClass &&
|
|
30
|
-
`border-color_active_${borderColorActiveClass}`, !isActive
|
|
31
|
-
? borderColorHoverClass &&
|
|
32
|
-
`border-color_hover_${borderColorHoverClass}`
|
|
33
|
-
: borderColorActiveHoverClass &&
|
|
34
|
-
`border-color_active_hover_${borderColorActiveHoverClass}`, reverseClass && `cell_reverse_${reverseClass}`, shapeClass && `cell_shape_${shapeClass}`, widthClass && `width_${widthClass}`, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap'), "data-testid": dataTestId, "data-tour": dataTour, style: cellStyles, onClick: onClick, onMouseEnter: onMouseEnter, children: [before && _jsx("div", { className: "cell__before", children: before }), _jsxs("div", { className: clsx('cell__wrapper', directionClass && `cell__wrapper_direction_${directionClass}`, isEqual && 'cell__wrapper-equal', isSameWidth && 'cell__wrapper-same-width'), children: [title && (_jsxs("div", { className: "cell__data", style: dataStyles, children: [_jsx(Text, { className: "cell__title", size: titleTextSize, textColor: titleTextColor, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, tag: titleTag, children: title }), (titleIcon || titleIconSrc) && (_jsx(Icon, { className: "cell__title-icon", fill: titleIconFill, fillSize: titleIconFillSize, iconFill: titleIconItemFill, iconFillHover: titleIconFillHover, imageSrc: titleIconSrc, shape: titleIconShape, SvgImage: titleIcon })), (showTitleLabel || titleLabel) && (_jsx(Label, { appearance: mergeAppearanceKeys(titleLabelAppearance, titleLabelAppearanceSize), className: "cell__title-label", size: titleLabelSize, label: titleLabel, labelTextSize: titleLabelTextSize, shape: titleLabelShape }))] })), value && (_jsxs("div", { className: "cell__data", style: dataStyles, children: [_jsx(Text, { className: "cell__value", size: valueTextSize, textAlign: valueTextAlign, textColor: valueTextColor, textTruncate: valueTextTruncate, textWeight: valueTextWeight, textWrap: valueTextWrap, tag: valueTag, children: value }), (valueIcon || valueIconSrc) && (_jsx(Icon, { className: "cell__value-icon", fill: valueIconFill, fillSize: valueIconFillSize, iconFill: valueIconItemFill, iconFillHover: valueIconFillHover, imageSrc: valueIconSrc, shape: valueIconShape, SvgImage: valueIcon })), (showValueLabel || valueLabel) && (_jsx(Label, { appearance: mergeAppearanceKeys(valueLabelAppearance, valueLabelAppearanceSize), className: "cell__value-label", size: valueLabelSize, label: valueLabel, labelTextSize: valueLabelTextSize, shape: valueLabelShape }))] }))] }), after && _jsx("div", { className: "cell__after", children: after })] }));
|
|
35
|
-
}
|
|
36
|
-
export { Cell, cellConfig };
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
const cellAppearanceSize = {
|
|
2
|
-
sizeXL: {
|
|
3
|
-
size: 'xl',
|
|
4
|
-
titleLabelAppearanceSize: 'sizeXS',
|
|
5
|
-
titleTextSize: 'l',
|
|
6
|
-
valueLabelAppearanceSize: 'sizeS',
|
|
7
|
-
valueTextSize: 'xl',
|
|
8
|
-
},
|
|
9
|
-
sizeL: {
|
|
10
|
-
size: 'l',
|
|
11
|
-
titleLabelAppearanceSize: 'sizeXS',
|
|
12
|
-
titleTextSize: 'm',
|
|
13
|
-
valueLabelAppearanceSize: 'sizeS',
|
|
14
|
-
valueTextSize: 'l',
|
|
15
|
-
},
|
|
16
|
-
sizeM: {
|
|
17
|
-
size: 'm',
|
|
18
|
-
titleLabelAppearanceSize: 'sizeXS',
|
|
19
|
-
titleTextSize: 's',
|
|
20
|
-
valueLabelAppearanceSize: 'sizeS',
|
|
21
|
-
valueTextSize: 'm',
|
|
22
|
-
},
|
|
23
|
-
sizeS: {
|
|
24
|
-
size: 's',
|
|
25
|
-
titleLabelAppearanceSize: 'sizeXS',
|
|
26
|
-
titleTextSize: 'xs',
|
|
27
|
-
valueLabelAppearanceSize: 'sizeS',
|
|
28
|
-
valueTextSize: 's',
|
|
29
|
-
},
|
|
30
|
-
sizeEqualL: {
|
|
31
|
-
size: 'l',
|
|
32
|
-
titleLabelAppearanceSize: 'sizeS',
|
|
33
|
-
titleTextSize: 'l',
|
|
34
|
-
valueLabelAppearanceSize: 'sizeS',
|
|
35
|
-
valueTextSize: 'l',
|
|
36
|
-
},
|
|
37
|
-
sizeEqualM: {
|
|
38
|
-
size: 'm',
|
|
39
|
-
titleLabelAppearanceSize: 'sizeS',
|
|
40
|
-
titleTextSize: 'm',
|
|
41
|
-
valueLabelAppearanceSize: 'sizeS',
|
|
42
|
-
valueTextSize: 'm',
|
|
43
|
-
},
|
|
44
|
-
sizeEqualS: {
|
|
45
|
-
size: 's',
|
|
46
|
-
titleLabelAppearanceSize: 'sizeXS',
|
|
47
|
-
titleTextSize: 's',
|
|
48
|
-
valueLabelAppearanceSize: 'sizeXS',
|
|
49
|
-
valueTextSize: 's',
|
|
50
|
-
},
|
|
51
|
-
sizeEqualXL: {
|
|
52
|
-
size: 'xl',
|
|
53
|
-
titleLabelAppearanceSize: 'sizeS',
|
|
54
|
-
titleTextSize: 'xl',
|
|
55
|
-
valueLabelAppearanceSize: 'sizeS',
|
|
56
|
-
valueTextSize: 'xl',
|
|
57
|
-
},
|
|
58
|
-
};
|
|
59
|
-
export { cellAppearanceSize };
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
const cellAppearanceSurface = {
|
|
2
|
-
surfacePrimary: {
|
|
3
|
-
fill: 'surfacePrimary',
|
|
4
|
-
fillHover: 'surfacePrimary',
|
|
5
|
-
titleIconItemFill: 'surfaceItemPrimary',
|
|
6
|
-
titleLabelAppearance: 'accentPrimary',
|
|
7
|
-
titleTextColor: 'surfaceTextPrimary',
|
|
8
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
9
|
-
borderColor: 'surfaceBorderPrimary',
|
|
10
|
-
valueIconItemFill: 'surfaceItemPrimary',
|
|
11
|
-
valueLabelAppearance: 'accentPrimary',
|
|
12
|
-
valueTextColor: 'surfaceTextPrimary',
|
|
13
|
-
},
|
|
14
|
-
surfaceQuaternary: {
|
|
15
|
-
fill: 'surfaceQuaternary',
|
|
16
|
-
fillHover: 'surfaceQuaternary',
|
|
17
|
-
titleIconItemFill: 'surfaceItemPrimary',
|
|
18
|
-
titleLabelAppearance: 'accentPrimary',
|
|
19
|
-
titleTextColor: 'surfaceTextPrimary',
|
|
20
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
21
|
-
borderColor: 'surfaceBorderPrimary',
|
|
22
|
-
valueIconItemFill: 'surfaceItemPrimary',
|
|
23
|
-
valueLabelAppearance: 'accentPrimary',
|
|
24
|
-
valueTextColor: 'surfaceTextPrimary',
|
|
25
|
-
},
|
|
26
|
-
surfaceSecondary: {
|
|
27
|
-
fill: 'surfaceSecondary',
|
|
28
|
-
fillHover: 'surfaceSecondary',
|
|
29
|
-
titleIconItemFill: 'surfaceItemPrimary',
|
|
30
|
-
titleLabelAppearance: 'accentPrimary',
|
|
31
|
-
titleTextColor: 'surfaceTextPrimary',
|
|
32
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
33
|
-
borderColor: 'surfaceBorderPrimary',
|
|
34
|
-
valueIconItemFill: 'surfaceItemPrimary',
|
|
35
|
-
valueLabelAppearance: 'accentPrimary',
|
|
36
|
-
valueTextColor: 'surfaceTextPrimary',
|
|
37
|
-
},
|
|
38
|
-
surfaceTertiary: {
|
|
39
|
-
fill: 'surfaceTertiary',
|
|
40
|
-
fillHover: 'surfaceTertiary',
|
|
41
|
-
titleIconItemFill: 'surfaceItemPrimary',
|
|
42
|
-
titleLabelAppearance: 'accentPrimary',
|
|
43
|
-
titleTextColor: 'surfaceTextPrimary',
|
|
44
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
45
|
-
borderColor: 'surfaceBorderPrimary',
|
|
46
|
-
valueIconItemFill: 'surfaceItemPrimary',
|
|
47
|
-
valueLabelAppearance: 'accentPrimary',
|
|
48
|
-
valueTextColor: 'surfaceTextPrimary',
|
|
49
|
-
},
|
|
50
|
-
};
|
|
51
|
-
export { cellAppearanceSurface };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { checkboxAppearanceDefault } from './appearance/checkboxDefault';
|
|
2
|
-
import { checkboxAppearanceDisabled } from './appearance/checkboxDisabled';
|
|
3
|
-
import { checkboxAppearanceError } from './appearance/checkboxError';
|
|
4
|
-
import { checkboxAppearanceRequire } from './appearance/checkboxRequire';
|
|
5
|
-
import { checkboxAppearanceShape } from './appearance/checkboxShape';
|
|
6
|
-
import { checkboxAppearanceSize } from './appearance/checkboxSize';
|
|
7
|
-
import { checkboxAppearanceStyle } from './appearance/checkboxStyle';
|
|
8
|
-
import { checkboxAppearanceSuccess } from './appearance/checkboxSuccess';
|
|
9
|
-
const checkboxAppearance = {
|
|
10
|
-
...checkboxAppearanceDefault,
|
|
11
|
-
...checkboxAppearanceError,
|
|
12
|
-
...checkboxAppearanceSuccess,
|
|
13
|
-
...checkboxAppearanceRequire,
|
|
14
|
-
...checkboxAppearanceDisabled,
|
|
15
|
-
...checkboxAppearanceSize,
|
|
16
|
-
...checkboxAppearanceStyle,
|
|
17
|
-
...checkboxAppearanceShape,
|
|
18
|
-
};
|
|
19
|
-
export { checkboxAppearance };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,39 +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 { checkboxAppearance } from './Checkbox.appearance';
|
|
7
|
-
const checkboxConfig = {
|
|
8
|
-
appearance: checkboxAppearance,
|
|
9
|
-
setAppearance: (appearanceConfig) => {
|
|
10
|
-
checkboxConfig.appearance = appearanceConfig;
|
|
11
|
-
},
|
|
12
|
-
};
|
|
13
|
-
function Checkbox(props) {
|
|
14
|
-
const { id, appearance, className, dataTestId, dataTour, label, desc, checked, disabled, indeterminate, Tag = 'label', value, before, after, isActive, isChecked, isDisabled, isSkeleton, onBlur, onChange, onFocus, } = props;
|
|
15
|
-
const appearanceConfig = useAppearanceConfig(appearance, checkboxConfig, isDisabled);
|
|
16
|
-
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
17
|
-
const { fillCheckboxActiveClass, fillCheckboxActiveHoverClass, fillCheckboxClass, fillCheckboxHoverClass, fillCheckmarkClass, fillClass, fillHoverClass, labelTextColor, labelTextSize, labelTextWeight, descTextColor, descTextSize, descTextWeight, borderColorCheckboxActiveClass, borderColorCheckboxActiveHoverClass, borderColorCheckboxClass, borderColorCheckboxHoverClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
|
|
18
|
-
return (_jsxs(Tag, { className: clsx(className, 'checkbox', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_${fillHoverClass}`, sizeClass && `checkbox_size_${sizeClass}`, !checked
|
|
19
|
-
? fillCheckboxClass && `checkbox_fill_${fillCheckboxClass}`
|
|
20
|
-
: fillCheckboxActiveClass &&
|
|
21
|
-
`checkbox_fill_active_${fillCheckboxActiveClass}`, !checked
|
|
22
|
-
? fillCheckboxHoverClass &&
|
|
23
|
-
`checkbox_fill_hover_${fillCheckboxHoverClass}`
|
|
24
|
-
: fillCheckboxActiveHoverClass &&
|
|
25
|
-
`checkbox_fill_active_hover_${fillCheckboxActiveHoverClass}`, !checked
|
|
26
|
-
? borderColorCheckboxClass &&
|
|
27
|
-
`checkbox_border-color_${borderColorCheckboxClass}`
|
|
28
|
-
: borderColorCheckboxActiveClass &&
|
|
29
|
-
`checkbox_border-color_active_${borderColorCheckboxActiveClass}`, !checked
|
|
30
|
-
? borderColorCheckboxHoverClass &&
|
|
31
|
-
`checkbox_border-color_hover_${borderColorCheckboxHoverClass}`
|
|
32
|
-
: borderColorCheckboxActiveHoverClass &&
|
|
33
|
-
`checkbox_border-color_active_hover_${borderColorCheckboxActiveHoverClass}`, widthClass && `width_${widthClass}`, isSkeleton && `checkbox_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, htmlFor: Tag === 'label' && id, children: [before, _jsxs("div", { className: "checkbox__item", children: [_jsx("input", { id: id, className: "checkbox__input", type: "checkbox", checked: isActive || isChecked || checked, disabled: isDisabled || disabled, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus }), _jsx("div", { className: clsx('checkbox__state', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: "\u00A0" }), _jsx("div", { className: clsx(!indeterminate
|
|
34
|
-
? 'checkbox__state-checkmark'
|
|
35
|
-
: 'checkbox__state-indeterminate', (checked || indeterminate) &&
|
|
36
|
-
fillCheckmarkClass &&
|
|
37
|
-
`fill_${fillCheckmarkClass}`), children: "\u00A0" })] }), label && (_jsx(Text, { className: "checkbox__label", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), desc && (_jsx(Text, { className: "checkbox__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc })), after && _jsx("div", { className: "checkbox__after", children: after })] }));
|
|
38
|
-
}
|
|
39
|
-
export { Checkbox, checkboxConfig };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const checkboxAppearanceDefault = {
|
|
2
|
-
defaultPrimary: {
|
|
3
|
-
fill: 'surfaceSecondary',
|
|
4
|
-
fillCheckbox: 'surfaceSecondary',
|
|
5
|
-
fillCheckboxActive: 'surfaceQuaternary',
|
|
6
|
-
fillCheckboxActiveHover: 'surfaceActiveHoverTertiary',
|
|
7
|
-
fillCheckboxHover: 'surfaceHoverTertiary',
|
|
8
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
9
|
-
descTextColor: 'surfaceTextPrimary',
|
|
10
|
-
borderColorCheckbox: 'surfaceBorderQuaternary',
|
|
11
|
-
borderColorCheckboxActive: 'surfaceBorderQuaternary',
|
|
12
|
-
borderColorCheckboxActiveHover: 'surfaceBorderActivePrimary',
|
|
13
|
-
borderColorCheckboxHover: 'surfaceBorderHoverPrimary',
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export { checkboxAppearanceDefault };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const checkboxAppearanceDisabled = {
|
|
2
|
-
disabledPrimary: {
|
|
3
|
-
fill: 'surfaceSecondary',
|
|
4
|
-
fillCheckbox: 'surfaceSecondary',
|
|
5
|
-
fillCheckboxActive: 'surfaceQuaternary',
|
|
6
|
-
fillCheckboxActiveHover: 'surfaceActiveHoverTertiary',
|
|
7
|
-
fillCheckboxHover: 'surfaceHoverTertiary',
|
|
8
|
-
labelTextColor: 'disabledTextSecondary',
|
|
9
|
-
descTextColor: 'disabledTextSecondary',
|
|
10
|
-
borderColorCheckbox: 'surfaceBorderQuaternary',
|
|
11
|
-
borderColorCheckboxActive: 'surfaceBorderQuaternary',
|
|
12
|
-
borderColorCheckboxActiveHover: 'surfaceBorderActivePrimary',
|
|
13
|
-
borderColorCheckboxHover: 'surfaceBorderHoverPrimary',
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export { checkboxAppearanceDisabled };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const checkboxAppearanceError = {
|
|
2
|
-
errorPrimary: {
|
|
3
|
-
fill: 'errorTertiary',
|
|
4
|
-
fillCheckbox: 'errorTertiary',
|
|
5
|
-
fillCheckboxActive: 'errorQuaternary',
|
|
6
|
-
fillCheckboxActiveHover: 'errorActiveHoverPrimary',
|
|
7
|
-
fillCheckboxHover: 'errorHoverTertiary',
|
|
8
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
9
|
-
descTextColor: 'surfaceTextPrimary',
|
|
10
|
-
borderColorCheckbox: 'errorBorderQuaternary',
|
|
11
|
-
borderColorCheckboxActive: 'errorBorderActiveQuaternary',
|
|
12
|
-
borderColorCheckboxActiveHover: 'errorBorderActivePrimary',
|
|
13
|
-
borderColorCheckboxHover: 'errorBorderHoverPrimary',
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export { checkboxAppearanceError };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const checkboxAppearanceRequire = {
|
|
2
|
-
requirePrimary: {
|
|
3
|
-
fill: 'warningTertiary',
|
|
4
|
-
fillCheckbox: 'warningTertiary',
|
|
5
|
-
fillCheckboxActive: 'warningPrimary',
|
|
6
|
-
fillCheckboxActiveHover: 'warningActiveHoverPrimary',
|
|
7
|
-
fillCheckboxHover: 'warningHoverTertiary',
|
|
8
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
9
|
-
descTextColor: 'surfaceTextPrimary',
|
|
10
|
-
borderColorCheckbox: 'warningBorderSecondary',
|
|
11
|
-
borderColorCheckboxActive: 'warningBorderSecondary',
|
|
12
|
-
borderColorCheckboxActiveHover: 'warningBorderActivePrimary',
|
|
13
|
-
borderColorCheckboxHover: 'warningBorderHoverPrimary',
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export { checkboxAppearanceRequire };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
const checkboxAppearanceSize = {
|
|
2
|
-
sizeXL: {
|
|
3
|
-
size: 'xl',
|
|
4
|
-
labelTextSize: 'm',
|
|
5
|
-
descTextSize: 'xs',
|
|
6
|
-
},
|
|
7
|
-
sizeL: {
|
|
8
|
-
size: 'l',
|
|
9
|
-
labelTextSize: 'm',
|
|
10
|
-
descTextSize: 'xs',
|
|
11
|
-
},
|
|
12
|
-
sizeM: {
|
|
13
|
-
size: 'm',
|
|
14
|
-
labelTextSize: 'm',
|
|
15
|
-
descTextSize: 'xs',
|
|
16
|
-
},
|
|
17
|
-
sizeS: {
|
|
18
|
-
size: 'xs',
|
|
19
|
-
labelTextSize: 's',
|
|
20
|
-
descTextSize: 'xs',
|
|
21
|
-
},
|
|
22
|
-
};
|
|
23
|
-
export { checkboxAppearanceSize };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
const checkboxAppearanceStyle = {
|
|
2
|
-
solid: {
|
|
3
|
-
borderColorCheckbox: 'none',
|
|
4
|
-
borderColorCheckboxActive: 'none',
|
|
5
|
-
borderColorCheckboxActiveHover: 'none',
|
|
6
|
-
borderColorCheckboxHover: 'none',
|
|
7
|
-
},
|
|
8
|
-
outlined: {
|
|
9
|
-
fill: 'none',
|
|
10
|
-
fillHover: 'none',
|
|
11
|
-
},
|
|
12
|
-
full: {},
|
|
13
|
-
ghost: {
|
|
14
|
-
fill: 'none',
|
|
15
|
-
fillHover: 'none',
|
|
16
|
-
borderColorCheckbox: 'none',
|
|
17
|
-
borderColorCheckboxActive: 'none',
|
|
18
|
-
borderColorCheckboxActiveHover: 'none',
|
|
19
|
-
borderColorCheckboxHover: 'none',
|
|
20
|
-
},
|
|
21
|
-
};
|
|
22
|
-
export { checkboxAppearanceStyle };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const checkboxAppearanceSuccess = {
|
|
2
|
-
successPrimary: {
|
|
3
|
-
fill: 'successTertiary',
|
|
4
|
-
fillCheckbox: 'successTertiary',
|
|
5
|
-
fillCheckboxActive: 'successSecondary',
|
|
6
|
-
fillCheckboxActiveHover: 'successActiveHoverPrimary',
|
|
7
|
-
fillCheckboxHover: 'successHoverTertiary',
|
|
8
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
9
|
-
descTextColor: 'surfaceTextPrimary',
|
|
10
|
-
borderColorCheckbox: 'successBorderSecondary',
|
|
11
|
-
borderColorCheckboxActive: 'successBorderSecondary',
|
|
12
|
-
borderColorCheckboxActiveHover: 'successBorderActivePrimary',
|
|
13
|
-
borderColorCheckboxHover: 'successBorderHoverPrimary',
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export { checkboxAppearanceSuccess };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { checkmarkAppearanceAccent } from './appearance/checkmarkAccent';
|
|
2
|
-
import { checkmarkAppearanceDisabled } from './appearance/checkmarkDisabled';
|
|
3
|
-
import { checkmarkAppearanceError } from './appearance/checkmarkError';
|
|
4
|
-
import { checkmarkAppearanceSize } from './appearance/checkmarkSize';
|
|
5
|
-
import { checkmarkAppearanceStyle } from './appearance/checkmarkStyle';
|
|
6
|
-
import { checkmarkAppearanceSurface } from './appearance/checkmarkSurface';
|
|
7
|
-
const checkmarkAppearance = {
|
|
8
|
-
...checkmarkAppearanceAccent,
|
|
9
|
-
...checkmarkAppearanceDisabled,
|
|
10
|
-
...checkmarkAppearanceStyle,
|
|
11
|
-
...checkmarkAppearanceSurface,
|
|
12
|
-
...checkmarkAppearanceSize,
|
|
13
|
-
...checkmarkAppearanceError,
|
|
14
|
-
};
|
|
15
|
-
export { checkmarkAppearance };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
|
|
4
|
-
import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
|
|
5
|
-
import { useStyles } from 'src/hooks/useStyles';
|
|
6
|
-
import { Icon } from '../Icon';
|
|
7
|
-
import { checkmarkAppearance } from './Checkmark.appearance';
|
|
8
|
-
const checkmarkConfig = {
|
|
9
|
-
appearance: checkmarkAppearance,
|
|
10
|
-
setAppearance: (appearanceConfig) => {
|
|
11
|
-
checkmarkConfig.appearance = appearanceConfig;
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
function Checkmark(props) {
|
|
15
|
-
const { appearance, className, dataTestId, dataTour, isActive, isChecked, isDisabled = false, onClick, } = props;
|
|
16
|
-
const appearanceConfig = useAppearanceConfig(appearance, checkmarkConfig);
|
|
17
|
-
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
18
|
-
const { fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, checkmarkFill, checkmarkIcon, checkmarkIconFill, checkmarkIconShape, checkmarkIconSize, checkmarkIconSrc, sizeClass, } = propsGenerator;
|
|
19
|
-
const { styles: checkmarkStyles } = useStyles(props);
|
|
20
|
-
return (_jsx("div", { className: clsx(className, 'checkmark', sizeClass && `checkmark_size_${sizeClass}`, !isChecked || !isActive
|
|
21
|
-
? fillClass && `fill_${fillClass}`
|
|
22
|
-
: fillActiveClass && `fill_active_${fillActiveClass}`, !isChecked || !isActive
|
|
23
|
-
? fillHoverClass && `fill_hover_${fillHoverClass}`
|
|
24
|
-
: fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, !isChecked || !isActive
|
|
25
|
-
? borderColorClass && `border-color_${borderColorClass}`
|
|
26
|
-
: borderColorActiveClass &&
|
|
27
|
-
`border-color_active_${borderColorActiveClass}`, !isChecked || !isActive
|
|
28
|
-
? borderColorHoverClass &&
|
|
29
|
-
`border-color_hover_${borderColorHoverClass}`
|
|
30
|
-
: borderColorActiveHoverClass &&
|
|
31
|
-
`border-color_active_hover_${borderColorActiveHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, isDisabled), "data-testid": dataTestId, "data-tour": dataTour, style: checkmarkStyles, onClick: onClick, children: (isChecked || isActive) && (_jsx(Icon, { fill: checkmarkFill, iconFill: checkmarkIconFill, iconSize: checkmarkIconSize, imageSrc: checkmarkIconSrc, shape: checkmarkIconShape, SvgImage: checkmarkIcon })) }));
|
|
32
|
-
}
|
|
33
|
-
export { Checkmark, checkmarkConfig };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
const checkmarkAppearanceAccent = {
|
|
2
|
-
accentPrimary: {
|
|
3
|
-
fill: 'accentPrimary',
|
|
4
|
-
fillActive: 'accentPrimary',
|
|
5
|
-
borderColor: 'accentBorderPrimary',
|
|
6
|
-
borderWidth: '2',
|
|
7
|
-
checkmarkIconFill: 'accentItemPrimary',
|
|
8
|
-
},
|
|
9
|
-
};
|
|
10
|
-
export { checkmarkAppearanceAccent };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
const checkmarkAppearanceDisabled = {
|
|
2
|
-
disabledPrimary: {
|
|
3
|
-
fill: 'surfaceDisabled',
|
|
4
|
-
fillActive: 'surfaceDisabled',
|
|
5
|
-
borderColor: 'surfaceBorderDisabled',
|
|
6
|
-
borderWidth: '2',
|
|
7
|
-
checkmarkIconFill: 'surfaceItemDisabled',
|
|
8
|
-
},
|
|
9
|
-
};
|
|
10
|
-
export { checkmarkAppearanceDisabled };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
const checkmarkAppearanceError = {
|
|
2
|
-
errorPrimary: {
|
|
3
|
-
fill: 'extraPrimary',
|
|
4
|
-
fillActive: 'extraActivePrimary',
|
|
5
|
-
borderColor: 'extraBorderTertiary',
|
|
6
|
-
borderWidth: '2',
|
|
7
|
-
checkmarkIconFill: 'extraItemPrimary',
|
|
8
|
-
},
|
|
9
|
-
};
|
|
10
|
-
export { checkmarkAppearanceError };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { icons14, icons20, icons24, icons32, icons40, } from '@itcase/icons/default';
|
|
2
|
-
const checkmarkAppearanceSize = {
|
|
3
|
-
sizeXXL: {
|
|
4
|
-
size: 'xxl',
|
|
5
|
-
checkmarkIcon: icons40.General.Check,
|
|
6
|
-
},
|
|
7
|
-
sizeXL: {
|
|
8
|
-
size: 'xl',
|
|
9
|
-
checkmarkIcon: icons40.General.Check,
|
|
10
|
-
},
|
|
11
|
-
sizeL: {
|
|
12
|
-
size: 'l',
|
|
13
|
-
checkmarkIcon: icons32.General.Check,
|
|
14
|
-
},
|
|
15
|
-
sizeM: {
|
|
16
|
-
size: 'm',
|
|
17
|
-
checkmarkIcon: icons24.Form.Check,
|
|
18
|
-
},
|
|
19
|
-
sizeS: {
|
|
20
|
-
size: 's',
|
|
21
|
-
checkmarkIcon: icons24.Form.Check,
|
|
22
|
-
},
|
|
23
|
-
sizeXS: {
|
|
24
|
-
size: 'xs',
|
|
25
|
-
checkmarkIcon: icons20.Form.Check,
|
|
26
|
-
},
|
|
27
|
-
sizeXXS: {
|
|
28
|
-
size: 'xxs',
|
|
29
|
-
checkmarkIcon: icons14.Form.Check,
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
export { checkmarkAppearanceSize };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
const checkmarkAppearanceSurface = {
|
|
2
|
-
surfacePrimary: {
|
|
3
|
-
fill: 'surfacePrimary',
|
|
4
|
-
fillActive: 'surfaceActivePrimary',
|
|
5
|
-
fillHover: 'surfacePrimary',
|
|
6
|
-
borderColor: 'surfaceBorderTertiary',
|
|
7
|
-
borderColorHover: 'surfaceBorderPrimary',
|
|
8
|
-
borderWidth: '2',
|
|
9
|
-
checkmarkIconFill: 'surfaceItemPrimary',
|
|
10
|
-
},
|
|
11
|
-
surfaceSecondary: {
|
|
12
|
-
fill: 'surfaceSecondary',
|
|
13
|
-
fillActive: 'surfaceActivePrimary',
|
|
14
|
-
fillHover: 'surfaceSecondary',
|
|
15
|
-
borderColor: 'surfaceBorderTertiary',
|
|
16
|
-
borderColorHover: 'surfaceBorderPrimary',
|
|
17
|
-
borderWidth: '2',
|
|
18
|
-
checkmarkIconFill: 'surfaceItemPrimary',
|
|
19
|
-
},
|
|
20
|
-
};
|
|
21
|
-
export { checkmarkAppearanceSurface };
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { chipsAppearanceAccent } from './appearance/chipsAccent';
|
|
2
|
-
import { chipsAppearanceDanger } from './appearance/chipsDanger';
|
|
3
|
-
import { chipsAppearanceDisabled } from './appearance/chipsDisabled';
|
|
4
|
-
import { chipsAppearanceError } from './appearance/chipsError';
|
|
5
|
-
import { chipsAppearanceExtra } from './appearance/chipsExtra';
|
|
6
|
-
import { chipsAppearanceInfo } from './appearance/chipsInfo';
|
|
7
|
-
import { chipsAppearanceShape } from './appearance/chipsShape';
|
|
8
|
-
import { chipsAppearanceSize } from './appearance/chipsSize';
|
|
9
|
-
import { chipsAppearanceSpecial } from './appearance/chipsSpecial';
|
|
10
|
-
import { chipsAppearanceStyle } from './appearance/chipsStyle';
|
|
11
|
-
import { chipsAppearanceSuccess } from './appearance/chipsSuccess';
|
|
12
|
-
import { chipsAppearanceSurface } from './appearance/chipsSurface';
|
|
13
|
-
import { chipsAppearanceWarning } from './appearance/chipsWarning';
|
|
14
|
-
const chipsAppearance = {
|
|
15
|
-
...chipsAppearanceSize,
|
|
16
|
-
...chipsAppearanceStyle,
|
|
17
|
-
...chipsAppearanceAccent,
|
|
18
|
-
...chipsAppearanceDanger,
|
|
19
|
-
...chipsAppearanceError,
|
|
20
|
-
...chipsAppearanceInfo,
|
|
21
|
-
...chipsAppearanceDisabled,
|
|
22
|
-
...chipsAppearanceSpecial,
|
|
23
|
-
...chipsAppearanceExtra,
|
|
24
|
-
...chipsAppearanceSuccess,
|
|
25
|
-
...chipsAppearanceSurface,
|
|
26
|
-
...chipsAppearanceWarning,
|
|
27
|
-
...chipsAppearanceShape,
|
|
28
|
-
};
|
|
29
|
-
export { chipsAppearance };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|