@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,18 +0,0 @@
|
|
|
1
|
-
const switchAppearanceSize = {
|
|
2
|
-
sizeL: {
|
|
3
|
-
size: 'l',
|
|
4
|
-
titleTextSize: 'l',
|
|
5
|
-
descTextSize: 'xs',
|
|
6
|
-
},
|
|
7
|
-
sizeM: {
|
|
8
|
-
size: 'm',
|
|
9
|
-
titleTextSize: 'm',
|
|
10
|
-
descTextSize: 'xs',
|
|
11
|
-
},
|
|
12
|
-
sizeS: {
|
|
13
|
-
size: 's',
|
|
14
|
-
titleTextSize: 's',
|
|
15
|
-
descTextSize: 'xs',
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
export { switchAppearanceSize };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
const switchAppearanceSuccess = {
|
|
2
|
-
successPrimary: {
|
|
3
|
-
fill: 'surfaceTertiary',
|
|
4
|
-
fillActive: 'successPrimary',
|
|
5
|
-
fillToggle: 'surfacePrimary',
|
|
6
|
-
fillToggleActive: 'surfacePrimary',
|
|
7
|
-
titleTextColor: 'surfaceTextPrimary',
|
|
8
|
-
descTextColor: 'surfaceTextPrimary',
|
|
9
|
-
},
|
|
10
|
-
};
|
|
11
|
-
export { switchAppearanceSuccess };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { tabAppearanceError } from './appearance/tabError';
|
|
2
|
-
import { tabAppearanceSize } from './appearance/tabSize';
|
|
3
|
-
import { tabAppearanceStyle } from './appearance/tabStyle';
|
|
4
|
-
import { tabAppearanceSuccess } from './appearance/tabSuccess';
|
|
5
|
-
import { tabAppearanceSurface } from './appearance/tabSurface';
|
|
6
|
-
import { tabAppearanceWarning } from './appearance/tabWarning';
|
|
7
|
-
const tabAppearance = {
|
|
8
|
-
...tabAppearanceWarning,
|
|
9
|
-
...tabAppearanceError,
|
|
10
|
-
...tabAppearanceSuccess,
|
|
11
|
-
...tabAppearanceSurface,
|
|
12
|
-
...tabAppearanceSize,
|
|
13
|
-
...tabAppearanceStyle,
|
|
14
|
-
};
|
|
15
|
-
export { tabAppearance };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { mergeAppearanceKeys } from 'src/utils';
|
|
5
|
-
import { useActiveClasses } from 'src/hooks/useActiveClasses/useActiveClasses';
|
|
6
|
-
import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
|
|
7
|
-
import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
|
|
8
|
-
import { useStyles } from 'src/hooks/useStyles';
|
|
9
|
-
import { Badge } from 'src/components/Badge';
|
|
10
|
-
import { Divider } from 'src/components/Divider';
|
|
11
|
-
import { Icon } from 'src/components/Icon';
|
|
12
|
-
import { Link } from 'src/components/Link';
|
|
13
|
-
import { Text } from 'src/components/Text';
|
|
14
|
-
import { tabAppearance } from './Tab.appearance';
|
|
15
|
-
const tabConfig = {
|
|
16
|
-
appearance: tabAppearance,
|
|
17
|
-
setAppearance: (appearanceConfig) => {
|
|
18
|
-
tabConfig.appearance = appearanceConfig;
|
|
19
|
-
},
|
|
20
|
-
};
|
|
21
|
-
function Tab(props) {
|
|
22
|
-
const { appearance, className, dataTestId, dataTour, label, badgeValue, href, link, rel, target, before, after, isActive = false, isDisabled = false, isSkeleton, onClick, onMouseEnter, children, } = props;
|
|
23
|
-
const appearanceConfig = useAppearanceConfig(appearance, tabConfig, isDisabled);
|
|
24
|
-
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
25
|
-
const { rootClasses } = useActiveClasses({
|
|
26
|
-
propsGenerator: propsGenerator,
|
|
27
|
-
isActive: isActive,
|
|
28
|
-
isDisabled: isDisabled,
|
|
29
|
-
});
|
|
30
|
-
const { justifyContentClass, alignClass, labelTextAlign, labelTextColor, labelTextColorActive, labelTextColorHover, labelTextSize, labelTextStyle, labelTextWeight, labelTextWrap, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, dividerFill, dividerFillActive, dividerFillActiveHover, dividerFillDisabled, dividerFillHover, dividerSize, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, linkFill, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
|
|
31
|
-
const { styles: tab } = useStyles(props);
|
|
32
|
-
return (_jsx("div", { className: clsx('tab', className, rootClasses, isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', sizeClass && `tab_size_${sizeClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, widthClass && `width_${widthClass}`, justifyContentClass && `tab_justify-content_${justifyContentClass}`, isSkeleton && `tab_skeleton`, onClick && 'cursor_type_pointer'), "data-testid": dataTestId && `${dataTestId}Tab`, "data-tour": dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: _jsxs(Link, { className: clsx('tab__link', !isDisabled && 'cursor_type_pointer'), fill: linkFill, href: link || href, rel: rel, target: target, children: [before, children || (_jsxs(React.Fragment, { children: [_jsxs("div", { className: clsx('tab__wrapper', alignClass && `align_${alignClass}`), children: [label && (_jsx(Text, { className: "tab__label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorHover: labelTextColorHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, isDisabled: isDisabled, children: label })), Boolean(badgeValue) && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { className: "tab__icon_after", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }), _jsx(Divider, { className: "tab__divider", width: "fill", direction: "horizontal", size: dividerSize, fill: dividerFill, fillActive: dividerFillActive, fillActiveHover: dividerFillActiveHover, fillDisabled: dividerFillDisabled, fillHover: dividerFillHover, zIndex: "1", isActive: isActive, isDisabled: isDisabled })] })), after] }) }));
|
|
33
|
-
}
|
|
34
|
-
export { Tab, tabConfig };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
|
|
5
|
-
import { useStyles } from 'src/hooks/useStyles';
|
|
6
|
-
import { Tab } from './Tab';
|
|
7
|
-
function TabGroup(props) {
|
|
8
|
-
const { className, dataTestId, dataTour, horizontalScroll, style, tabAppearance, tabList, children, } = props;
|
|
9
|
-
const propsGenerator = useDevicePropsGenerator(props);
|
|
10
|
-
const { directionClass, alignClass, alignDirectionClass, fillClass, borderColorClass, borderTypeClass, borderWidthClass, widthClass, wrapClass, } = propsGenerator;
|
|
11
|
-
const { styles: groupStyles, wrapper: groupWrapperStyles } = useStyles(props);
|
|
12
|
-
return (_jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_scroll_horizontal', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (_jsxs("div", { className: "tab-group__wrapper", style: groupWrapperStyles, children: [tabList?.map((item) => (_jsx(Tab, { appearance: tabAppearance, label: item.label, isActive: item.isActive }, item.key))), children] })) : (_jsxs(React.Fragment, { children: [tabList?.map((item) => (_jsx(Tab, { appearance: tabAppearance, label: item.label, badgeValue: item.badgeValue, icon: item.icon, iconSrc: item.icon, isActive: item.isActive, onClick: item.onClick }, item.key))), children] })) }));
|
|
13
|
-
}
|
|
14
|
-
export { TabGroup };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
const tabAppearanceError = {
|
|
2
|
-
errorPrimary: {
|
|
3
|
-
fill: 'errorPrimary',
|
|
4
|
-
fillDisabled: 'disabledPrimary',
|
|
5
|
-
labelColor: 'errorTextPrimary',
|
|
6
|
-
labelColorActive: 'errorTextPrimary',
|
|
7
|
-
labelColorDisabled: 'errorTextDisabled',
|
|
8
|
-
badgeAppearance: 'errorPrimary',
|
|
9
|
-
dividerFill: 'accentPrimary',
|
|
10
|
-
dividerFillDisabled: 'errorDisabled',
|
|
11
|
-
},
|
|
12
|
-
};
|
|
13
|
-
export { tabAppearanceError };
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
const tabAppearanceSize = {
|
|
2
|
-
sizeXXL: {
|
|
3
|
-
size: 'xxl',
|
|
4
|
-
labelTextSize: 's',
|
|
5
|
-
badgeAppearanceSize: 'sizeXS',
|
|
6
|
-
dividerSize: 's',
|
|
7
|
-
},
|
|
8
|
-
sizeXL: {
|
|
9
|
-
size: 'xl',
|
|
10
|
-
labelTextSize: 's',
|
|
11
|
-
badgeAppearanceSize: 'sizeXS',
|
|
12
|
-
dividerSize: 's',
|
|
13
|
-
},
|
|
14
|
-
sizeL: {
|
|
15
|
-
size: 'l',
|
|
16
|
-
labelTextSize: 's',
|
|
17
|
-
badgeAppearanceSize: 'sizeXS',
|
|
18
|
-
dividerSize: 's',
|
|
19
|
-
},
|
|
20
|
-
sizeM: {
|
|
21
|
-
size: 'm',
|
|
22
|
-
labelTextSize: 's',
|
|
23
|
-
badgeAppearanceSize: 'sizeXS',
|
|
24
|
-
dividerSize: 's',
|
|
25
|
-
},
|
|
26
|
-
sizeS: {
|
|
27
|
-
size: 's',
|
|
28
|
-
labelTextSize: 's',
|
|
29
|
-
badgeAppearanceSize: 'sizeXS',
|
|
30
|
-
dividerSize: 's',
|
|
31
|
-
},
|
|
32
|
-
sizeXS: {
|
|
33
|
-
size: 'xs',
|
|
34
|
-
labelTextSize: 'xs',
|
|
35
|
-
badgeAppearanceSize: 'sizeXS',
|
|
36
|
-
},
|
|
37
|
-
sizeXXS: {
|
|
38
|
-
size: 'xxs',
|
|
39
|
-
labelTextSize: 'xs',
|
|
40
|
-
badgeAppearanceSize: 'sizeXXS',
|
|
41
|
-
dividerSize: 's',
|
|
42
|
-
},
|
|
43
|
-
};
|
|
44
|
-
export { tabAppearanceSize };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const tabAppearanceStyle = {
|
|
2
|
-
solid: {
|
|
3
|
-
borderColor: 'none',
|
|
4
|
-
borderColorActive: 'none',
|
|
5
|
-
},
|
|
6
|
-
outlined: {
|
|
7
|
-
fill: 'none',
|
|
8
|
-
},
|
|
9
|
-
full: {},
|
|
10
|
-
ghost: {
|
|
11
|
-
fill: 'none',
|
|
12
|
-
borderColor: 'none',
|
|
13
|
-
borderColorActive: 'none',
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export { tabAppearanceStyle };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
const tabAppearanceSuccess = {
|
|
2
|
-
successPrimary: {
|
|
3
|
-
fill: 'successPrimary',
|
|
4
|
-
fillDisabled: 'successDisabled',
|
|
5
|
-
labelColor: 'successTextPrimary',
|
|
6
|
-
labelColorActive: 'successTextPrimary',
|
|
7
|
-
labelColorDisabled: 'successTextDisabled',
|
|
8
|
-
badgeAppearance: 'successPrimary',
|
|
9
|
-
dividerFill: 'accentPrimary',
|
|
10
|
-
dividerFillDisabled: 'successDisabled',
|
|
11
|
-
},
|
|
12
|
-
};
|
|
13
|
-
export { tabAppearanceSuccess };
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
const tabAppearanceSurface = {
|
|
2
|
-
surfacePrimary: {
|
|
3
|
-
fill: 'surfacePrimary',
|
|
4
|
-
fillActive: 'surfaceActivePrimary',
|
|
5
|
-
fillActiveHover: 'surfaceHoverSecondary',
|
|
6
|
-
fillDisabled: 'surfaceDisabled',
|
|
7
|
-
fillHover: 'surfaceHoverSecondary',
|
|
8
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
9
|
-
labelTextColorActive: 'surfaceTextPrimary',
|
|
10
|
-
borderColor: 'surfaceBorderPrimary',
|
|
11
|
-
borderColorActive: 'surfaceBorderActivePrimary',
|
|
12
|
-
badgeAppearance: 'accentPrimary solid circular',
|
|
13
|
-
dividerFill: 'surfacePrimary',
|
|
14
|
-
dividerFillActive: 'accentPrimary',
|
|
15
|
-
dividerFillDisabled: 'accentDisabled',
|
|
16
|
-
iconFillIcon: 'surfaceItemPrimary',
|
|
17
|
-
},
|
|
18
|
-
surfaceQuaternary: {
|
|
19
|
-
fill: 'surfaceQuaternary',
|
|
20
|
-
fillActive: 'accentActivePrimary',
|
|
21
|
-
fillActiveHover: 'surfaceHoverTertiary',
|
|
22
|
-
fillDisabled: 'surfaceDisabled',
|
|
23
|
-
fillHover: 'surfaceHoverQuaternary',
|
|
24
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
25
|
-
labelTextColorActive: 'surfaceTextPrimary',
|
|
26
|
-
borderColor: 'surfaceBorderPrimary',
|
|
27
|
-
borderColorActive: 'surfaceBorderActivePrimary',
|
|
28
|
-
badgeAppearance: 'accentPrimary solid circular',
|
|
29
|
-
dividerFillActive: 'accentPrimary',
|
|
30
|
-
dividerFillDisabled: 'accentDisabled',
|
|
31
|
-
iconFillIcon: 'surfaceItemPrimary',
|
|
32
|
-
},
|
|
33
|
-
surfaceSecondary: {
|
|
34
|
-
fill: 'surfaceSecondary',
|
|
35
|
-
fillActive: 'surfaceActiveSecondary',
|
|
36
|
-
fillActiveHover: 'surfaceHoverTertiary',
|
|
37
|
-
fillDisabled: 'surfaceDisabled',
|
|
38
|
-
fillHover: 'surfaceHoverTertiary',
|
|
39
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
40
|
-
labelTextColorActive: 'surfaceTextPrimary',
|
|
41
|
-
borderColor: 'surfaceBorderPrimary',
|
|
42
|
-
borderColorActive: 'surfaceBorderActivePrimary',
|
|
43
|
-
badgeAppearance: 'accentPrimary solid circular',
|
|
44
|
-
dividerFillActive: 'accentPrimary',
|
|
45
|
-
dividerFillDisabled: 'accentDisabled',
|
|
46
|
-
iconFillIcon: 'surfaceItemPrimary',
|
|
47
|
-
},
|
|
48
|
-
surfaceTertiary: {
|
|
49
|
-
fill: 'surfaceTertiary',
|
|
50
|
-
fillActive: 'surfaceActiveSecondary',
|
|
51
|
-
fillActiveHover: 'surfaceHoverTertiary',
|
|
52
|
-
fillDisabled: 'surfaceDisabled',
|
|
53
|
-
fillHover: 'surfaceHoverSecondary',
|
|
54
|
-
labelTextColor: 'surfaceTextPrimary',
|
|
55
|
-
labelTextColorActive: 'surfaceTextPrimary',
|
|
56
|
-
borderColor: 'surfaceBorderPrimary',
|
|
57
|
-
borderColorActive: 'surfaceBorderActivePrimary',
|
|
58
|
-
badgeAppearance: 'accentPrimary solid circular',
|
|
59
|
-
dividerFillActive: 'accentPrimary',
|
|
60
|
-
dividerFillDisabled: 'accentDisabled',
|
|
61
|
-
iconFillIcon: 'surfaceItemPrimary',
|
|
62
|
-
},
|
|
63
|
-
};
|
|
64
|
-
export { tabAppearanceSurface };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
const tabAppearanceWarning = {
|
|
2
|
-
warningPrimary: {
|
|
3
|
-
fill: 'warningPrimary',
|
|
4
|
-
fillDisabled: 'disabledPrimary',
|
|
5
|
-
labelColor: 'warningTextPrimary',
|
|
6
|
-
labelColorActive: 'warningTextPrimary',
|
|
7
|
-
badgeAppearance: 'warningPrimary',
|
|
8
|
-
dividerFill: 'accentPrimary',
|
|
9
|
-
dividerFillDisabled: 'disabledPrimary',
|
|
10
|
-
},
|
|
11
|
-
};
|
|
12
|
-
export { tabAppearanceWarning };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsxs as _jsxs } 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 { textAppearance } from './Text.appearance';
|
|
7
|
-
const textConfig = {
|
|
8
|
-
appearance: textAppearance,
|
|
9
|
-
setAppearance: (appearanceConfig) => {
|
|
10
|
-
textConfig.appearance = appearanceConfig;
|
|
11
|
-
},
|
|
12
|
-
};
|
|
13
|
-
function Text(props) {
|
|
14
|
-
const { appearance, className, dataTestId, dataTour, cursor, style, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
|
|
15
|
-
const appearanceConfig = useAppearanceConfig(appearance, textConfig, isDisabled);
|
|
16
|
-
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
17
|
-
const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
|
|
18
|
-
const { styles: textStyles } = useStyles(props);
|
|
19
|
-
return (_jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
|
|
20
|
-
textColorDisabledClass &&
|
|
21
|
-
`text-color_${textColorDisabledClass}`, !isActive &&
|
|
22
|
-
!isDisabled &&
|
|
23
|
-
textColorClass &&
|
|
24
|
-
`text-color_${textColorClass}`, !isActive &&
|
|
25
|
-
!isDisabled &&
|
|
26
|
-
textColorHoverClass &&
|
|
27
|
-
`text-color_hover_${textColorHoverClass}`, isActive &&
|
|
28
|
-
!isDisabled &&
|
|
29
|
-
textColorActiveHoverClass &&
|
|
30
|
-
`text-color_active_hover_${textColorActiveHoverClass}`, isActive &&
|
|
31
|
-
!isDisabled &&
|
|
32
|
-
textColorActiveClass &&
|
|
33
|
-
`text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, textStyles, style), onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
|
|
34
|
-
}
|
|
35
|
-
export { Text, textConfig };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
const textAppearanceSize = {
|
|
2
|
-
sizeXXL: {
|
|
3
|
-
size: 'xxl',
|
|
4
|
-
},
|
|
5
|
-
sizeXL: {
|
|
6
|
-
size: 'xl',
|
|
7
|
-
},
|
|
8
|
-
sizeL: {
|
|
9
|
-
size: 'l',
|
|
10
|
-
},
|
|
11
|
-
sizeM: {
|
|
12
|
-
size: 'm',
|
|
13
|
-
},
|
|
14
|
-
sizeS: {
|
|
15
|
-
size: 's',
|
|
16
|
-
},
|
|
17
|
-
sizeXS: {
|
|
18
|
-
size: 'xs',
|
|
19
|
-
},
|
|
20
|
-
sizeXXS: {
|
|
21
|
-
size: 'xxs',
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
export { textAppearanceSize };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { textareaAppearanceDefault } from './appearance/textareaDefault';
|
|
2
|
-
import { textareaAppearanceDisabled } from './appearance/textareaDisabled';
|
|
3
|
-
import { textareaAppearanceError } from './appearance/textareaError';
|
|
4
|
-
import { textareaAppearanceRequire } from './appearance/textareaRequire';
|
|
5
|
-
import { textareaAppearanceShape } from './appearance/textareaShape';
|
|
6
|
-
import { textareaAppearanceSize } from './appearance/textareaSize';
|
|
7
|
-
import { textareaAppearanceStyle } from './appearance/textareaStyle';
|
|
8
|
-
import { textareaAppearanceSuccess } from './appearance/textareaSuccess';
|
|
9
|
-
const textareaAppearance = {
|
|
10
|
-
...textareaAppearanceDefault,
|
|
11
|
-
...textareaAppearanceShape,
|
|
12
|
-
...textareaAppearanceError,
|
|
13
|
-
...textareaAppearanceSuccess,
|
|
14
|
-
...textareaAppearanceRequire,
|
|
15
|
-
...textareaAppearanceDisabled,
|
|
16
|
-
...textareaAppearanceSize,
|
|
17
|
-
...textareaAppearanceStyle,
|
|
18
|
-
};
|
|
19
|
-
export { textareaAppearance };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,20 +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 { textareaAppearance } from './Textarea.appearance';
|
|
6
|
-
const textareaConfig = {
|
|
7
|
-
appearance: textareaAppearance,
|
|
8
|
-
setAppearance: (appearanceConfig) => {
|
|
9
|
-
textareaConfig.appearance = appearanceConfig;
|
|
10
|
-
},
|
|
11
|
-
};
|
|
12
|
-
function Textarea(props) {
|
|
13
|
-
const { id, appearance, className, dataTestId, dataTour, name, placeholder, value, isDisabled, onBlur, onChange, onFocus, onKeyDown, } = props;
|
|
14
|
-
const appearanceConfig = useAppearanceConfig(appearance, textareaConfig, isDisabled);
|
|
15
|
-
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
16
|
-
const { fillClass, fillHoverClass, borderColorClass, borderHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, placeholderTextColorClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
|
|
17
|
-
return (_jsx("div", { className: clsx('textarea', className, sizeClass && `textarea_size_${sizeClass}`), "data-tour": dataTour, children: _jsx("textarea", { id: id, className: clsx('textarea__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderHoverClass && `border-color_hover_${borderHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, placeholderTextColorClass &&
|
|
18
|
-
`placeholder-text-color_${placeholderTextColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textColorClass && `text-color_${textColorClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), "data-testid": dataTestId || (name ? `${name}-textarea` : 'textarea'), disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }) }));
|
|
19
|
-
}
|
|
20
|
-
export { Textarea, textareaConfig };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
const textareaAppearanceDefault = {
|
|
2
|
-
defaultPrimary: {
|
|
3
|
-
fill: 'surfaceSecondary',
|
|
4
|
-
fillHover: 'surfaceHoverTertiary',
|
|
5
|
-
borderColor: 'surfaceBorderTertiary',
|
|
6
|
-
borderColorHover: 'surfaceBorderHoverQuaternary',
|
|
7
|
-
iconClearFill: 'surfaceItemPrimary',
|
|
8
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
9
|
-
},
|
|
10
|
-
defaultQuaternary: {
|
|
11
|
-
fill: 'surfacePrimary',
|
|
12
|
-
borderColor: 'surfaceBorderTertiary',
|
|
13
|
-
borderColorHover: 'surfaceBorderHoverQuaternary',
|
|
14
|
-
iconClearFill: 'surfaceItemPrimary',
|
|
15
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
16
|
-
},
|
|
17
|
-
defaultSecondary: {
|
|
18
|
-
fill: 'surfacePrimary',
|
|
19
|
-
fillHover: 'surfaceHoverTertiary',
|
|
20
|
-
borderColor: 'surfaceBorderTertiary',
|
|
21
|
-
borderColorHover: 'surfaceBorderHoverQuaternary',
|
|
22
|
-
iconClearFill: 'surfaceItemPrimary',
|
|
23
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
24
|
-
},
|
|
25
|
-
defaultTertiary: {
|
|
26
|
-
fill: 'surfacePrimary',
|
|
27
|
-
borderColor: 'surfaceBorderTertiary',
|
|
28
|
-
borderColorHover: 'surfaceBorderHoverQuaternary',
|
|
29
|
-
iconClearFill: 'surfaceItemPrimary',
|
|
30
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
31
|
-
},
|
|
32
|
-
};
|
|
33
|
-
export { textareaAppearanceDefault };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
const textareaAppearanceDisabled = {
|
|
2
|
-
disabledPrimary: {
|
|
3
|
-
fill: 'surfacePrimary',
|
|
4
|
-
borderColor: 'errorBorderQuaternary',
|
|
5
|
-
borderColorHover: 'errorBorderHoverQuaternary',
|
|
6
|
-
textColor: 'surfaceTextQuaternary',
|
|
7
|
-
iconClearFill: 'errorItemPrimary',
|
|
8
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
9
|
-
},
|
|
10
|
-
disabledSecondary: {
|
|
11
|
-
fill: 'surfaceSecondary',
|
|
12
|
-
borderColor: 'surfaceBorderTertiary',
|
|
13
|
-
borderColorHover: 'surfaceBorderHoverQuaternary',
|
|
14
|
-
iconClearFill: 'surfaceItemPrimary',
|
|
15
|
-
placeholderTextColor: 'surfaceTextSecondary',
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
export { textareaAppearanceDisabled };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
const textareaAppearanceError = {
|
|
2
|
-
errorPrimary: {
|
|
3
|
-
fill: 'errorTertiary',
|
|
4
|
-
borderColor: 'errorBorderQuaternary',
|
|
5
|
-
borderColorHover: 'errorBorderHoverQuaternary',
|
|
6
|
-
textColor: 'surfaceTextPrimary',
|
|
7
|
-
iconClearFill: 'errorItemPrimary',
|
|
8
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
9
|
-
},
|
|
10
|
-
errorSecondary: {
|
|
11
|
-
fill: 'errorSecondary',
|
|
12
|
-
borderColor: 'errorBorderTertiary',
|
|
13
|
-
borderColorHover: 'errorBorderHoverQuaternary',
|
|
14
|
-
iconClearFill: 'errorItemPrimary',
|
|
15
|
-
placeholderTextColor: 'errorTextSecondary',
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
export { textareaAppearanceError };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
const textareaAppearanceRequire = {
|
|
2
|
-
requirePrimary: {
|
|
3
|
-
fill: 'warningTertiary',
|
|
4
|
-
borderColor: 'warningBorderQuaternary',
|
|
5
|
-
borderColorHover: 'warningBorderHoverQuaternary',
|
|
6
|
-
textColor: 'surfaceTextPrimary',
|
|
7
|
-
iconClearFill: 'warningItemPrimary',
|
|
8
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
9
|
-
},
|
|
10
|
-
requireSecondary: {
|
|
11
|
-
fill: 'surfaceSecondary',
|
|
12
|
-
borderColor: 'surfaceBorderTertiary',
|
|
13
|
-
borderColorHover: 'surfaceBorderHoverQuaternary',
|
|
14
|
-
iconClearFill: 'surfaceItemPrimary',
|
|
15
|
-
placeholderTextColor: 'surfaceTextSecondary',
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
export { textareaAppearanceRequire };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
const textareaAppearanceShape = {
|
|
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 { textareaAppearanceShape };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
const textareaAppearanceSize = {
|
|
2
|
-
sizeXXL: {
|
|
3
|
-
size: 'xxl',
|
|
4
|
-
textSize: 'l',
|
|
5
|
-
},
|
|
6
|
-
sizeXL: {
|
|
7
|
-
size: 'xl',
|
|
8
|
-
textSize: 's',
|
|
9
|
-
},
|
|
10
|
-
sizeL: {
|
|
11
|
-
size: 'l',
|
|
12
|
-
textSize: 's',
|
|
13
|
-
},
|
|
14
|
-
sizeM: {
|
|
15
|
-
size: 'm',
|
|
16
|
-
textSize: 'm',
|
|
17
|
-
},
|
|
18
|
-
sizeS: {
|
|
19
|
-
size: 's',
|
|
20
|
-
textSize: 's',
|
|
21
|
-
},
|
|
22
|
-
sizeXS: {
|
|
23
|
-
size: 'xs',
|
|
24
|
-
textSize: 's',
|
|
25
|
-
},
|
|
26
|
-
sizeXXS: {
|
|
27
|
-
size: 'xxs',
|
|
28
|
-
textSize: 's',
|
|
29
|
-
},
|
|
30
|
-
};
|
|
31
|
-
export { textareaAppearanceSize };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const textareaAppearanceStyle = {
|
|
2
|
-
solid: {
|
|
3
|
-
borderColor: 'none',
|
|
4
|
-
borderColorHover: 'none',
|
|
5
|
-
},
|
|
6
|
-
outlined: {
|
|
7
|
-
fill: 'none',
|
|
8
|
-
},
|
|
9
|
-
full: {},
|
|
10
|
-
ghost: {
|
|
11
|
-
fill: 'none',
|
|
12
|
-
borderColor: 'none',
|
|
13
|
-
borderColorHover: 'none',
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export { textareaAppearanceStyle };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const textareaAppearanceSuccess = {
|
|
2
|
-
successPrimary: {
|
|
3
|
-
fill: 'successTertiary',
|
|
4
|
-
fillHover: 'successHoverTertiary',
|
|
5
|
-
borderColor: 'successBorderQuaternary',
|
|
6
|
-
borderColorHover: 'successBorderHoverQuaternary',
|
|
7
|
-
textColor: 'surfaceTextPrimary',
|
|
8
|
-
iconClearFill: 'successItemPrimary',
|
|
9
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
10
|
-
},
|
|
11
|
-
successSecondary: {
|
|
12
|
-
fill: 'surfaceSecondary',
|
|
13
|
-
borderColor: 'surfaceBorderTertiary',
|
|
14
|
-
borderColorHover: 'surfaceBorderHoverQuaternary',
|
|
15
|
-
iconClearFill: 'surfaceItemPrimary',
|
|
16
|
-
placeholderTextColor: 'surfaceTextSecondary',
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
export { textareaAppearanceSuccess };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { tileAppearanceShape } from './appearance/tileShape';
|
|
2
|
-
import { tileAppearanceSize } from './appearance/tileSize';
|
|
3
|
-
import { tileAppearanceStyle } from './appearance/tileStyle';
|
|
4
|
-
import { tileAppearanceSurface } from './appearance/tileSurface';
|
|
5
|
-
const tileAppearance = {
|
|
6
|
-
...tileAppearanceShape,
|
|
7
|
-
...tileAppearanceSize,
|
|
8
|
-
...tileAppearanceStyle,
|
|
9
|
-
...tileAppearanceSurface,
|
|
10
|
-
};
|
|
11
|
-
export { tileAppearance };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|