@salutejs/plasma-web 1.585.0-canary.2032.15771800756.0 → 1.585.0-canary.2040.15828624275.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.swc/plugins/v7_linux_x86_64_14.0.0/358fecaab1701de64a7bceee21e5f3a204d1107aa33eb372d1dab77a43118622 +0 -0
- package/.swc/plugins/v7_linux_x86_64_14.0.0/cce279a62b5dde357ee7b421711ef357c3f0a29cd3cb6e86336f7345fd604d8e +0 -0
- package/components/Accordion/Accordion.config.js +359 -32
- package/components/Accordion/Accordion.js +12 -12
- package/components/Accordion/index.js +16 -15
- package/components/Attach/Attach.config.js +818 -36
- package/components/Attach/Attach.js +11 -11
- package/components/Attach/index.js +6 -7
- package/components/AudioPlayer/index.js +6 -7
- package/components/Autocomplete/Autocomplete.config.js +636 -42
- package/components/Autocomplete/Autocomplete.js +11 -7
- package/components/Autocomplete/index.js +6 -7
- package/components/Avatar/Avatar.config.js +419 -44
- package/components/Avatar/Avatar.js +19 -7
- package/components/Avatar/index.js +6 -7
- package/components/AvatarGroup/AvatarGroup.js +10 -6
- package/components/AvatarGroup/index.js +6 -7
- package/components/Badge/Badge.config.js +285 -41
- package/components/Badge/Badge.js +11 -11
- package/components/Badge/Badge.perftest.js +54 -20
- package/components/Badge/index.js +6 -7
- package/components/Breadcrumbs/Breadcrumbs.config.js +111 -21
- package/components/Breadcrumbs/Breadcrumbs.js +12 -12
- package/components/Breadcrumbs/index.js +6 -7
- package/components/Button/Button.config.js +542 -54
- package/components/Button/Button.js +12 -12
- package/components/Button/Button.perftest.js +76 -34
- package/components/Button/index.js +6 -7
- package/components/ButtonBase/index.js +6 -7
- package/components/ButtonGroup/ButtonGroup.config.js +570 -59
- package/components/ButtonGroup/ButtonGroup.js +11 -11
- package/components/ButtonGroup/index.js +6 -7
- package/components/Calendar/Calendar.js +39 -18
- package/components/Calendar/Calendar.perftest.js +122 -82
- package/components/Calendar/CalendarBase.config.js +318 -21
- package/components/Calendar/CalendarDouble.config.js +320 -21
- package/components/Calendar/index.js +24 -32
- package/components/Card/index.js +27 -38
- package/components/Carousel/Carousel.config.js +57 -18
- package/components/Carousel/Carousel.js +55 -20
- package/components/Carousel/Legacy/Carousel.examples.js +74 -40
- package/components/Carousel/Legacy/Carousel.js +11 -7
- package/components/Carousel/index.js +19 -21
- package/components/Cell/Cell.config.js +180 -18
- package/components/Cell/Cell.js +12 -12
- package/components/Cell/index.js +25 -33
- package/components/Checkbox/Checkbox.config.js +297 -42
- package/components/Checkbox/Checkbox.js +12 -11
- package/components/Checkbox/Checkbox.perftest.js +57 -22
- package/components/Checkbox/index.js +6 -7
- package/components/Chip/Chip.config.js +322 -41
- package/components/Chip/Chip.js +12 -12
- package/components/Chip/index.js +6 -7
- package/components/ChipGroup/ChipGroup.config.js +208 -27
- package/components/ChipGroup/ChipGroup.js +11 -7
- package/components/ChipGroup/index.js +6 -7
- package/components/CodeField/CodeField.config.js +145 -27
- package/components/CodeField/CodeField.js +11 -7
- package/components/CodeField/index.js +28 -39
- package/components/Combobox/Combobox.config.js +819 -42
- package/components/Combobox/Combobox.d.ts +24 -24
- package/components/Combobox/Combobox.js +55 -20
- package/components/Combobox/Legacy/Combobox.config.js +354 -21
- package/components/Combobox/Legacy/Combobox.d.ts +2 -2
- package/components/Combobox/Legacy/Combobox.js +41 -17
- package/components/Combobox/Legacy/index.js +27 -38
- package/components/Combobox/index.js +28 -39
- package/components/Counter/Counter.config.js +222 -33
- package/components/Counter/Counter.js +11 -11
- package/components/Counter/index.js +16 -15
- package/components/DatePicker/DatePicker.config.js +586 -27
- package/components/DatePicker/DatePicker.js +21 -9
- package/components/DatePicker/index.js +22 -27
- package/components/Divider/Divider.config.js +109 -27
- package/components/Divider/Divider.js +11 -11
- package/components/Divider/index.js +16 -15
- package/components/Drawer/Drawer.config.js +78 -22
- package/components/Drawer/Drawer.js +31 -29
- package/components/Drawer/index.js +21 -26
- package/components/Dropdown/Dropdown.config.js +245 -22
- package/components/Dropdown/Dropdown.js +50 -15
- package/components/Dropdown/components/DropdownItem.js +200 -73
- package/components/Dropdown/components/DropdownList.js +19 -8
- package/components/Dropdown/components/DropdownOld.config.js +142 -23
- package/components/Dropdown/components/DropdownPopup.js +158 -37
- package/components/Dropdown/index.js +28 -36
- package/components/Dropzone/Dropzone.config.js +86 -21
- package/components/Dropzone/Dropzone.js +11 -7
- package/components/Dropzone/index.js +19 -21
- package/components/Editable/Editable.config.js +56 -18
- package/components/Editable/Editable.js +63 -13
- package/components/Editable/index.js +6 -7
- package/components/ElasticGrid/ElasticGrid.perftest.js +49 -28
- package/components/ElasticGrid/index.js +6 -7
- package/components/EmptyState/EmptyState.config.js +114 -18
- package/components/EmptyState/EmptyState.js +19 -7
- package/components/EmptyState/index.js +6 -7
- package/components/Flow/Flow.js +10 -6
- package/components/Flow/index.js +6 -7
- package/components/Grid/Grid.config.js +102 -22
- package/components/Grid/Grid.js +21 -18
- package/components/Grid/index.js +18 -20
- package/components/IconButton/IconButton.config.js +425 -43
- package/components/IconButton/IconButton.js +12 -12
- package/components/IconButton/index.js +6 -7
- package/components/Image/Image.js +11 -11
- package/components/Image/index.js +6 -7
- package/components/Indicator/Indicator.config.js +149 -27
- package/components/Indicator/Indicator.js +19 -7
- package/components/Indicator/index.js +6 -7
- package/components/Link/Link.config.js +235 -34
- package/components/Link/Link.js +12 -12
- package/components/Link/index.js +6 -7
- package/components/LinkButton/LinkButton.config.js +274 -31
- package/components/LinkButton/LinkButton.js +11 -7
- package/components/LinkButton/index.js +6 -7
- package/components/List/List.config.js +177 -25
- package/components/List/List.js +12 -12
- package/components/List/index.js +16 -15
- package/components/Mask/Mask.js +10 -6
- package/components/Mask/index.js +6 -7
- package/components/Modal/Modal.perftest.js +25 -20
- package/components/Modal/index.js +18 -20
- package/components/ModalBase/Modal.config.js +47 -15
- package/components/ModalBase/ModalBase.js +12 -12
- package/components/ModalBase/index.js +16 -15
- package/components/Note/Note.config.js +245 -25
- package/components/Note/Note.js +11 -7
- package/components/Note/index.js +19 -21
- package/components/Notification/Notification.config.js +361 -30
- package/components/Notification/Notification.js +38 -23
- package/components/Notification/index.js +22 -27
- package/components/NumberFormat/NumberFormat.js +10 -13
- package/components/NumberFormat/index.js +6 -7
- package/components/NumberInput/NumberInput.config.js +394 -42
- package/components/NumberInput/NumberInput.js +11 -7
- package/components/NumberInput/index.js +19 -21
- package/components/Overlay/index.js +6 -7
- package/components/Pagination/Pagination.config.js +399 -43
- package/components/Pagination/Pagination.js +12 -12
- package/components/Pagination/index.js +6 -7
- package/components/PaginationDots/index.js +18 -20
- package/components/Popover/Popover.config.js +43 -15
- package/components/Popover/Popover.js +11 -7
- package/components/Popover/index.js +6 -7
- package/components/Popup/index.js +6 -7
- package/components/PopupBase/PopupBase.js +10 -10
- package/components/PopupBase/index.js +22 -27
- package/components/Portal/index.js +6 -7
- package/components/PreviewGallery/PreviewGallery.perftest.js +104 -74
- package/components/PreviewGallery/index.js +24 -32
- package/components/Price/Price.config.js +15 -11
- package/components/Price/Price.js +12 -12
- package/components/Price/index.js +16 -15
- package/components/Progress/Progress.config.js +147 -25
- package/components/Progress/Progress.js +12 -8
- package/components/Progress/index.js +6 -7
- package/components/Radiobox/Radiobox.config.js +304 -49
- package/components/Radiobox/Radiobox.d.ts +2 -48
- package/components/Radiobox/Radiobox.js +19 -16
- package/components/Radiobox/Radiobox.perftest.js +35 -31
- package/components/Radiobox/index.js +15 -14
- package/components/Range/Range.config.js +319 -27
- package/components/Range/Range.js +11 -11
- package/components/Range/index.js +16 -15
- package/components/Rating/Rating.config.js +469 -31
- package/components/Rating/Rating.js +11 -7
- package/components/Rating/index.js +19 -21
- package/components/SSRProvider/index.js +6 -7
- package/components/Segment/Segment.js +27 -32
- package/components/Segment/SegmentGroup.config.js +196 -38
- package/components/Segment/SegmentItem.config.js +266 -31
- package/components/Segment/index.js +21 -26
- package/components/Select/Select.config.js +1017 -54
- package/components/Select/Select.d.ts +6 -6
- package/components/Select/Select.js +50 -15
- package/components/Select/Select.perftest.js +46 -33
- package/components/Select/index.js +16 -15
- package/components/Sheet/Sheet.config.js +63 -18
- package/components/Sheet/Sheet.js +12 -12
- package/components/Sheet/index.js +16 -15
- package/components/Skeleton/LineSkeleton.config.js +446 -49
- package/components/Skeleton/Skeleton.js +23 -28
- package/components/Skeleton/index.js +18 -20
- package/components/Slider/Slider.config.js +273 -25
- package/components/Slider/Slider.js +12 -13
- package/components/Slider/index.js +6 -7
- package/components/Spinner/Spinner.config.js +151 -32
- package/components/Spinner/Spinner.js +23 -16
- package/components/Spinner/index.js +6 -7
- package/components/Steps/Steps.config.js +366 -47
- package/components/Steps/Steps.js +12 -8
- package/components/Steps/index.js +6 -7
- package/components/Switch/Switch.config.js +193 -33
- package/components/Switch/Switch.js +12 -8
- package/components/Switch/Switch.perftest.js +61 -23
- package/components/Switch/index.js +6 -7
- package/components/Table/Table.config.js +257 -21
- package/components/Table/Table.js +12 -12
- package/components/Table/index.js +6 -7
- package/components/Tabs/TabItem.js +26 -24
- package/components/Tabs/Tabs.js +26 -24
- package/components/Tabs/Tabs.perftest.js +72 -53
- package/components/Tabs/TabsController.js +15 -16
- package/components/Tabs/horizontal/HorizontalTabItem.config.js +398 -38
- package/components/Tabs/horizontal/HorizontalTabs.config.js +256 -37
- package/components/Tabs/index.js +27 -35
- package/components/Tabs/vertical/VerticalTabItem.config.js +186 -27
- package/components/Tabs/vertical/VerticalTabs.config.js +133 -27
- package/components/TextArea/TextArea.config.js +695 -43
- package/components/TextArea/TextArea.js +12 -12
- package/components/TextArea/TextArea.perftest.js +62 -28
- package/components/TextArea/index.js +6 -7
- package/components/TextField/TextField.config.js +856 -54
- package/components/TextField/TextField.js +206 -88
- package/components/TextField/TextField.perftest.js +103 -37
- package/components/TextField/index.js +16 -15
- package/components/TextFieldGroup/TextFieldGroup.config.js +356 -34
- package/components/TextFieldGroup/TextFieldGroup.js +11 -11
- package/components/TextFieldGroup/index.js +6 -7
- package/components/Toast/Toast.config.js +174 -42
- package/components/Toast/Toast.js +26 -14
- package/components/Toast/index.js +18 -20
- package/components/Tokens/Colors/Colors.styles.d.ts +1 -1
- package/components/Tokens/Colors/Colors.styles.js +147 -51
- package/components/Tokens/NumberTokens/NumberTokens.styles.js +70 -23
- package/components/Tokens/Typography/Typography.styles.d.ts +1 -1
- package/components/Tokens/Typography/Typography.styles.js +205 -77
- package/components/Toolbar/Toolbar.config.js +105 -21
- package/components/Toolbar/Toolbar.js +21 -13
- package/components/Toolbar/index.js +19 -21
- package/components/Tooltip/Tooltip.config.js +100 -20
- package/components/Tooltip/Tooltip.js +11 -7
- package/components/Tooltip/Tooltip.perftest.js +87 -78
- package/components/Tooltip/index.js +6 -7
- package/components/Tree/Tree.config.js +176 -21
- package/components/Tree/Tree.js +11 -7
- package/components/Tree/index.js +6 -7
- package/components/Typography/Body.config.js +161 -47
- package/components/Typography/Dspl.config.js +105 -31
- package/components/Typography/Heading.config.js +161 -47
- package/components/Typography/Old/Body.config.js +99 -31
- package/components/Typography/Old/Button.config.js +73 -23
- package/components/Typography/Old/Caption.config.js +42 -15
- package/components/Typography/Old/Display.config.js +99 -31
- package/components/Typography/Old/Footnote.config.js +73 -23
- package/components/Typography/Old/Headline.config.js +151 -47
- package/components/Typography/Old/Paragraph.config.js +73 -23
- package/components/Typography/Old/ParagraphText.config.js +73 -23
- package/components/Typography/Old/Subtitle.config.js +42 -15
- package/components/Typography/Old/Underline.config.js +42 -15
- package/components/Typography/Old/index.js +152 -80
- package/components/Typography/Text.config.js +133 -39
- package/components/Typography/Typography.js +116 -59
- package/components/Typography/index.js +117 -215
- package/components/Upload/Upload.perftest.js +65 -30
- package/components/Upload/index.js +18 -20
- package/components/UploadAudio/index.js +6 -7
- package/components/UploadVisual/index.js +6 -7
- package/css/cjs/components/Carousel/Carousel.config.js +1 -1
- package/css/cjs/components/Carousel/Carousel.config.js.map +1 -1
- package/css/cjs/components/Carousel/Carousel.config_uusoxc.css +2 -0
- package/css/cjs/components/Carousel/Carousel.css +2 -2
- package/css/cjs/components/Carousel/Carousel.js +1 -1
- package/css/cjs/components/Carousel/Carousel.js.map +1 -1
- package/css/cjs/index.css +2 -2
- package/css/es/components/Carousel/Carousel.config.js +1 -1
- package/css/es/components/Carousel/Carousel.config.js.map +1 -1
- package/css/es/components/Carousel/Carousel.config_uusoxc.css +2 -0
- package/css/es/components/Carousel/Carousel.css +2 -2
- package/css/es/components/Carousel/Carousel.js +1 -1
- package/css/es/components/Carousel/Carousel.js.map +1 -1
- package/css/es/index.css +2 -2
- package/es/components/Accordion/Accordion.config.js +350 -27
- package/es/components/Accordion/Accordion.js +3 -5
- package/es/components/Accordion/index.js +1 -1
- package/es/components/Attach/Attach.config.js +809 -31
- package/es/components/Attach/Attach.js +2 -4
- package/es/components/Attach/index.js +1 -1
- package/es/components/AudioPlayer/index.js +1 -1
- package/es/components/Autocomplete/Autocomplete.config.js +627 -37
- package/es/components/Autocomplete/Autocomplete.js +2 -2
- package/es/components/Autocomplete/index.js +1 -1
- package/es/components/Avatar/Avatar.config.js +410 -39
- package/es/components/Avatar/Avatar.js +3 -3
- package/es/components/Avatar/index.js +1 -1
- package/es/components/AvatarGroup/AvatarGroup.js +2 -2
- package/es/components/AvatarGroup/index.js +1 -1
- package/es/components/Badge/Badge.config.js +276 -36
- package/es/components/Badge/Badge.js +2 -4
- package/es/components/Badge/Badge.perftest.js +39 -13
- package/es/components/Badge/index.js +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.config.js +102 -16
- package/es/components/Breadcrumbs/Breadcrumbs.js +3 -5
- package/es/components/Breadcrumbs/index.js +1 -1
- package/es/components/Button/Button.config.js +533 -49
- package/es/components/Button/Button.js +3 -5
- package/es/components/Button/Button.perftest.js +53 -27
- package/es/components/Button/index.js +1 -1
- package/es/components/ButtonBase/index.js +1 -1
- package/es/components/ButtonGroup/ButtonGroup.config.js +561 -54
- package/es/components/ButtonGroup/ButtonGroup.js +2 -4
- package/es/components/ButtonGroup/index.js +1 -1
- package/es/components/Calendar/Calendar.js +12 -12
- package/es/components/Calendar/Calendar.perftest.js +97 -76
- package/es/components/Calendar/CalendarBase.config.js +309 -16
- package/es/components/Calendar/CalendarDouble.config.js +311 -16
- package/es/components/Calendar/index.js +1 -1
- package/es/components/Card/index.js +1 -1
- package/es/components/Carousel/Carousel.config.js +48 -13
- package/es/components/Carousel/Carousel.js +40 -13
- package/es/components/Carousel/Legacy/Carousel.examples.js +57 -28
- package/es/components/Carousel/Legacy/Carousel.js +3 -3
- package/es/components/Carousel/index.js +1 -1
- package/es/components/Cell/Cell.config.js +171 -13
- package/es/components/Cell/Cell.js +3 -5
- package/es/components/Cell/index.js +1 -1
- package/es/components/Checkbox/Checkbox.config.js +288 -37
- package/es/components/Checkbox/Checkbox.js +3 -4
- package/es/components/Checkbox/Checkbox.perftest.js +43 -16
- package/es/components/Checkbox/index.js +1 -1
- package/es/components/Chip/Chip.config.js +313 -36
- package/es/components/Chip/Chip.js +3 -5
- package/es/components/Chip/index.js +1 -1
- package/es/components/ChipGroup/ChipGroup.config.js +199 -22
- package/es/components/ChipGroup/ChipGroup.js +2 -2
- package/es/components/ChipGroup/index.js +1 -1
- package/es/components/CodeField/CodeField.config.js +136 -22
- package/es/components/CodeField/CodeField.js +2 -2
- package/es/components/CodeField/index.js +1 -1
- package/es/components/Combobox/Combobox.config.js +810 -37
- package/es/components/Combobox/Combobox.js +40 -13
- package/es/components/Combobox/Legacy/Combobox.config.js +345 -16
- package/es/components/Combobox/Legacy/Combobox.js +12 -12
- package/es/components/Combobox/Legacy/index.js +1 -1
- package/es/components/Combobox/index.js +1 -1
- package/es/components/Counter/Counter.config.js +213 -28
- package/es/components/Counter/Counter.js +2 -4
- package/es/components/Counter/index.js +1 -1
- package/es/components/DatePicker/DatePicker.config.js +577 -22
- package/es/components/DatePicker/DatePicker.js +4 -4
- package/es/components/DatePicker/index.js +1 -1
- package/es/components/Divider/Divider.config.js +100 -22
- package/es/components/Divider/Divider.js +2 -4
- package/es/components/Divider/index.js +1 -1
- package/es/components/Drawer/Drawer.config.js +69 -17
- package/es/components/Drawer/Drawer.js +8 -16
- package/es/components/Drawer/index.js +1 -1
- package/es/components/Dropdown/Dropdown.config.js +236 -17
- package/es/components/Dropdown/Dropdown.js +36 -9
- package/es/components/Dropdown/components/DropdownItem.js +135 -63
- package/es/components/Dropdown/components/DropdownList.js +6 -3
- package/es/components/Dropdown/components/DropdownOld.config.js +133 -18
- package/es/components/Dropdown/components/DropdownPopup.js +107 -28
- package/es/components/Dropdown/index.js +1 -1
- package/es/components/Dropzone/Dropzone.config.js +77 -16
- package/es/components/Dropzone/Dropzone.js +2 -2
- package/es/components/Dropzone/index.js +1 -1
- package/es/components/Editable/Editable.config.js +47 -13
- package/es/components/Editable/Editable.js +3 -3
- package/es/components/Editable/index.js +1 -1
- package/es/components/ElasticGrid/ElasticGrid.perftest.js +34 -21
- package/es/components/ElasticGrid/index.js +1 -1
- package/es/components/EmptyState/EmptyState.config.js +105 -13
- package/es/components/EmptyState/EmptyState.js +2 -2
- package/es/components/EmptyState/index.js +1 -1
- package/es/components/Flow/Flow.js +2 -2
- package/es/components/Flow/index.js +1 -1
- package/es/components/Grid/Grid.config.js +93 -17
- package/es/components/Grid/Grid.js +2 -2
- package/es/components/Grid/index.js +1 -1
- package/es/components/IconButton/IconButton.config.js +416 -38
- package/es/components/IconButton/IconButton.js +3 -5
- package/es/components/IconButton/index.js +1 -1
- package/es/components/Image/Image.js +3 -5
- package/es/components/Image/index.js +1 -1
- package/es/components/Indicator/Indicator.config.js +140 -22
- package/es/components/Indicator/Indicator.js +3 -3
- package/es/components/Indicator/index.js +1 -1
- package/es/components/Link/Link.config.js +226 -29
- package/es/components/Link/Link.js +3 -5
- package/es/components/Link/index.js +1 -1
- package/es/components/LinkButton/LinkButton.config.js +265 -26
- package/es/components/LinkButton/LinkButton.js +2 -2
- package/es/components/LinkButton/index.js +1 -1
- package/es/components/List/List.config.js +168 -20
- package/es/components/List/List.js +3 -5
- package/es/components/List/index.js +1 -1
- package/es/components/Mask/Mask.js +1 -1
- package/es/components/Mask/index.js +1 -1
- package/es/components/Modal/Modal.perftest.js +10 -12
- package/es/components/Modal/index.js +1 -1
- package/es/components/ModalBase/Modal.config.js +38 -10
- package/es/components/ModalBase/ModalBase.js +3 -5
- package/es/components/ModalBase/index.js +1 -1
- package/es/components/Note/Note.config.js +236 -20
- package/es/components/Note/Note.js +2 -2
- package/es/components/Note/index.js +1 -1
- package/es/components/Notification/Notification.config.js +352 -25
- package/es/components/Notification/Notification.js +11 -15
- package/es/components/Notification/index.js +1 -1
- package/es/components/NumberFormat/NumberFormat.js +1 -9
- package/es/components/NumberFormat/index.js +1 -1
- package/es/components/NumberInput/NumberInput.config.js +385 -37
- package/es/components/NumberInput/NumberInput.js +2 -2
- package/es/components/NumberInput/index.js +1 -1
- package/es/components/Overlay/index.js +1 -1
- package/es/components/Pagination/Pagination.config.js +390 -38
- package/es/components/Pagination/Pagination.js +3 -5
- package/es/components/Pagination/index.js +1 -1
- package/es/components/PaginationDots/index.js +1 -1
- package/es/components/Popover/Popover.config.js +34 -10
- package/es/components/Popover/Popover.js +2 -2
- package/es/components/Popover/index.js +1 -1
- package/es/components/Popup/index.js +1 -1
- package/es/components/PopupBase/PopupBase.js +2 -4
- package/es/components/PopupBase/index.js +1 -1
- package/es/components/Portal/index.js +1 -1
- package/es/components/PreviewGallery/PreviewGallery.perftest.js +76 -65
- package/es/components/PreviewGallery/index.js +1 -1
- package/es/components/Price/Price.config.js +7 -7
- package/es/components/Price/Price.js +3 -5
- package/es/components/Price/index.js +1 -1
- package/es/components/Progress/Progress.config.js +138 -20
- package/es/components/Progress/Progress.js +3 -3
- package/es/components/Progress/index.js +1 -1
- package/es/components/Radiobox/Radiobox.config.js +295 -44
- package/es/components/Radiobox/Radiobox.js +4 -5
- package/es/components/Radiobox/Radiobox.perftest.js +21 -25
- package/es/components/Radiobox/index.js +1 -1
- package/es/components/Range/Range.config.js +310 -22
- package/es/components/Range/Range.js +2 -4
- package/es/components/Range/index.js +1 -1
- package/es/components/Rating/Rating.config.js +460 -26
- package/es/components/Rating/Rating.js +2 -2
- package/es/components/Rating/index.js +1 -1
- package/es/components/SSRProvider/index.js +1 -1
- package/es/components/Segment/Segment.js +5 -10
- package/es/components/Segment/SegmentGroup.config.js +187 -33
- package/es/components/Segment/SegmentItem.config.js +257 -26
- package/es/components/Segment/index.js +1 -1
- package/es/components/Select/Select.config.js +1008 -49
- package/es/components/Select/Select.js +36 -9
- package/es/components/Select/Select.perftest.js +32 -27
- package/es/components/Select/index.js +1 -1
- package/es/components/Sheet/Sheet.config.js +54 -13
- package/es/components/Sheet/Sheet.js +3 -5
- package/es/components/Sheet/index.js +1 -1
- package/es/components/Skeleton/LineSkeleton.config.js +437 -44
- package/es/components/Skeleton/Skeleton.js +5 -11
- package/es/components/Skeleton/index.js +1 -1
- package/es/components/Slider/Slider.config.js +264 -20
- package/es/components/Slider/Slider.js +3 -5
- package/es/components/Slider/index.js +1 -1
- package/es/components/Spinner/Spinner.config.js +142 -27
- package/es/components/Spinner/Spinner.js +8 -7
- package/es/components/Spinner/index.js +1 -1
- package/es/components/Steps/Steps.config.js +357 -42
- package/es/components/Steps/Steps.js +3 -3
- package/es/components/Steps/index.js +1 -1
- package/es/components/Switch/Switch.config.js +184 -28
- package/es/components/Switch/Switch.js +3 -3
- package/es/components/Switch/Switch.perftest.js +46 -16
- package/es/components/Switch/index.js +1 -1
- package/es/components/Table/Table.config.js +248 -16
- package/es/components/Table/Table.js +3 -5
- package/es/components/Table/index.js +1 -1
- package/es/components/Tabs/TabItem.js +10 -14
- package/es/components/Tabs/Tabs.js +10 -14
- package/es/components/Tabs/Tabs.perftest.js +49 -46
- package/es/components/Tabs/TabsController.js +5 -7
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +389 -33
- package/es/components/Tabs/horizontal/HorizontalTabs.config.js +247 -32
- package/es/components/Tabs/index.js +1 -1
- package/es/components/Tabs/vertical/VerticalTabItem.config.js +177 -22
- package/es/components/Tabs/vertical/VerticalTabs.config.js +124 -22
- package/es/components/TextArea/TextArea.config.js +686 -38
- package/es/components/TextArea/TextArea.js +3 -5
- package/es/components/TextArea/TextArea.perftest.js +47 -21
- package/es/components/TextArea/index.js +1 -1
- package/es/components/TextField/TextField.config.js +847 -49
- package/es/components/TextField/TextField.js +147 -77
- package/es/components/TextField/TextField.perftest.js +80 -30
- package/es/components/TextField/index.js +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.config.js +347 -29
- package/es/components/TextFieldGroup/TextFieldGroup.js +2 -4
- package/es/components/TextFieldGroup/index.js +1 -1
- package/es/components/Toast/Toast.config.js +165 -37
- package/es/components/Toast/Toast.js +4 -4
- package/es/components/Toast/index.js +1 -1
- package/es/components/Tokens/Colors/Colors.styles.js +90 -43
- package/es/components/Tokens/NumberTokens/NumberTokens.styles.js +37 -18
- package/es/components/Tokens/Typography/Typography.styles.js +135 -68
- package/es/components/Toolbar/Toolbar.config.js +96 -16
- package/es/components/Toolbar/Toolbar.js +4 -6
- package/es/components/Toolbar/index.js +1 -1
- package/es/components/Tooltip/Tooltip.config.js +91 -15
- package/es/components/Tooltip/Tooltip.js +2 -2
- package/es/components/Tooltip/Tooltip.perftest.js +70 -69
- package/es/components/Tooltip/index.js +1 -1
- package/es/components/Tree/Tree.config.js +167 -16
- package/es/components/Tree/Tree.js +2 -2
- package/es/components/Tree/index.js +1 -1
- package/es/components/Typography/Body.config.js +131 -38
- package/es/components/Typography/Dspl.config.js +83 -24
- package/es/components/Typography/Heading.config.js +131 -38
- package/es/components/Typography/Old/Body.config.js +77 -24
- package/es/components/Typography/Old/Button.config.js +55 -17
- package/es/components/Typography/Old/Caption.config.js +33 -10
- package/es/components/Typography/Old/Display.config.js +77 -24
- package/es/components/Typography/Old/Footnote.config.js +55 -17
- package/es/components/Typography/Old/Headline.config.js +121 -38
- package/es/components/Typography/Old/Paragraph.config.js +55 -17
- package/es/components/Typography/Old/ParagraphText.config.js +55 -17
- package/es/components/Typography/Old/Subtitle.config.js +33 -10
- package/es/components/Typography/Old/Underline.config.js +33 -10
- package/es/components/Typography/Old/index.js +45 -45
- package/es/components/Typography/Text.config.js +107 -31
- package/es/components/Typography/Typography.js +35 -35
- package/es/components/Typography/index.js +1 -1
- package/es/components/Upload/Upload.perftest.js +51 -24
- package/es/components/Upload/index.js +1 -1
- package/es/components/UploadAudio/index.js +1 -1
- package/es/components/UploadVisual/index.js +1 -1
- package/es/helpers/index.js +1 -0
- package/es/hocs/index.js +1 -1
- package/es/hooks/index.js +1 -1
- package/es/index.js +1 -1
- package/es/mixins/index.js +1 -1
- package/es/tokens/colors.js +1 -1
- package/es/tokens/index.js +1 -1
- package/es/tokens/sizes.js +1 -1
- package/es/tokens/typography.js +37 -37
- package/es/types/index.js +1 -1
- package/es/utils/index.js +1 -1
- package/helpers/index.js +31 -0
- package/hocs/index.js +16 -15
- package/hooks/index.js +22 -27
- package/index.js +99 -927
- package/mixins/index.js +112 -119
- package/package.json +10 -10
- package/tokens/colors.js +189 -48
- package/tokens/index.js +17 -35
- package/tokens/sizes.js +33 -9
- package/tokens/typography.js +228 -362
- package/types/index.js +2 -3
- package/utils/index.js +72 -125
- package/css/cjs/components/Carousel/Carousel.config_1r461vi.css +0 -2
- package/css/es/components/Carousel/Carousel.config_1r461vi.css +0 -2
- package/es/hooks/useFocusTrap.component-test.js +0 -165
- package/hooks/useFocusTrap.component-test.js +0 -171
@@ -1,69 +1,141 @@
|
|
1
|
-
function
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
1
|
+
function _define_property(obj, key, value) {
|
2
|
+
if (key in obj) {
|
3
|
+
Object.defineProperty(obj, key, {
|
4
|
+
value: value,
|
5
|
+
enumerable: true,
|
6
|
+
configurable: true,
|
7
|
+
writable: true
|
8
|
+
});
|
9
|
+
} else {
|
10
|
+
obj[key] = value;
|
11
|
+
}
|
12
|
+
return obj;
|
13
|
+
}
|
14
|
+
function _object_spread(target) {
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
17
|
+
var ownKeys = Object.keys(source);
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
21
|
+
}));
|
22
|
+
}
|
23
|
+
ownKeys.forEach(function(key) {
|
24
|
+
_define_property(target, key, source[key]);
|
25
|
+
});
|
26
|
+
}
|
27
|
+
return target;
|
28
|
+
}
|
29
|
+
function ownKeys(object, enumerableOnly) {
|
30
|
+
var keys = Object.keys(object);
|
31
|
+
if (Object.getOwnPropertySymbols) {
|
32
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
33
|
+
if (enumerableOnly) {
|
34
|
+
symbols = symbols.filter(function(sym) {
|
35
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
36
|
+
});
|
37
|
+
}
|
38
|
+
keys.push.apply(keys, symbols);
|
39
|
+
}
|
40
|
+
return keys;
|
41
|
+
}
|
42
|
+
function _object_spread_props(target, source) {
|
43
|
+
source = source != null ? source : {};
|
44
|
+
if (Object.getOwnPropertyDescriptors) {
|
45
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
46
|
+
} else {
|
47
|
+
ownKeys(Object(source)).forEach(function(key) {
|
48
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
49
|
+
});
|
50
|
+
}
|
51
|
+
return target;
|
52
|
+
}
|
53
|
+
function _object_without_properties(source, excluded) {
|
54
|
+
if (source == null) return {};
|
55
|
+
var target = _object_without_properties_loose(source, excluded);
|
56
|
+
var key, i;
|
57
|
+
if (Object.getOwnPropertySymbols) {
|
58
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
59
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
60
|
+
key = sourceSymbolKeys[i];
|
61
|
+
if (excluded.indexOf(key) >= 0) continue;
|
62
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
63
|
+
target[key] = source[key];
|
64
|
+
}
|
65
|
+
}
|
66
|
+
return target;
|
67
|
+
}
|
68
|
+
function _object_without_properties_loose(source, excluded) {
|
69
|
+
if (source == null) return {};
|
70
|
+
var target = {};
|
71
|
+
var sourceKeys = Object.keys(source);
|
72
|
+
var key, i;
|
73
|
+
for(i = 0; i < sourceKeys.length; i++){
|
74
|
+
key = sourceKeys[i];
|
75
|
+
if (excluded.indexOf(key) >= 0) continue;
|
76
|
+
target[key] = source[key];
|
77
|
+
}
|
78
|
+
return target;
|
79
|
+
}
|
12
80
|
import React, { forwardRef } from 'react';
|
13
81
|
import { component, dropdownItemOldConfig, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
14
82
|
import styled from 'styled-components';
|
15
83
|
import { IconDone } from '@salutejs/plasma-icons';
|
16
84
|
import { accent } from '@salutejs/plasma-core';
|
17
|
-
var mergedItemConfig =
|
18
|
-
export var DropdownNewHopeItem =
|
19
|
-
var StyledCheck =
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
contentLeft = props.contentLeft,
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
85
|
+
var mergedItemConfig = mergeConfig(dropdownItemOldConfig);
|
86
|
+
export var DropdownNewHopeItem = component(mergedItemConfig);
|
87
|
+
var StyledCheck = styled(IconDone).withConfig({
|
88
|
+
displayName: "DropdownItem__StyledCheck",
|
89
|
+
componentId: "sc-dab289d0-0"
|
90
|
+
})([
|
91
|
+
"margin-left:auto;pointer-events:none;margin-right:-0.5rem;"
|
92
|
+
]);
|
93
|
+
export var DropdownItem = /*#__PURE__*/ forwardRef(function(props, ref) {
|
94
|
+
var value = props.value, label = props.label, color = props.color, contentLeft = props.contentLeft, isActive = props.isActive, isHovered = props.isHovered, index = props.index, onClick = props.onClick, onHover = props.onHover, onFocus = props.onFocus, items = props.items, isDisabled = props.isDisabled, style = props.style, rest = _object_without_properties(props, [
|
95
|
+
"value",
|
96
|
+
"label",
|
97
|
+
"color",
|
98
|
+
"contentLeft",
|
99
|
+
"isActive",
|
100
|
+
"isHovered",
|
101
|
+
"index",
|
102
|
+
"onClick",
|
103
|
+
"onHover",
|
104
|
+
"onFocus",
|
105
|
+
"items",
|
106
|
+
"isDisabled",
|
107
|
+
"style"
|
108
|
+
]);
|
109
|
+
var handleClick = function(e) {
|
110
|
+
if (onClick) {
|
111
|
+
onClick({
|
112
|
+
value: value,
|
113
|
+
label: label,
|
114
|
+
color: color,
|
115
|
+
contentLeft: contentLeft
|
116
|
+
}, e);
|
117
|
+
}
|
118
|
+
};
|
119
|
+
var handleHover = function() {
|
120
|
+
if (onHover) {
|
121
|
+
onHover(index);
|
122
|
+
}
|
123
|
+
};
|
124
|
+
return /*#__PURE__*/ React.createElement(DropdownNewHopeItem, _object_spread_props(_object_spread({}, rest), {
|
40
125
|
value: value,
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
color: color
|
58
|
-
}),
|
59
|
-
contentLeft: contentLeft,
|
60
|
-
contentRight: isActive ? _StyledCheck || (_StyledCheck = /*#__PURE__*/React.createElement(StyledCheck, {
|
61
|
-
size: "s",
|
62
|
-
color: accent
|
63
|
-
})) : undefined,
|
64
|
-
onClick: handleClick,
|
65
|
-
onMouseOver: handleHover,
|
66
|
-
onFocus: onFocus,
|
67
|
-
disabled: isDisabled
|
68
|
-
}));
|
69
|
-
});
|
126
|
+
text: label,
|
127
|
+
ref: ref,
|
128
|
+
style: _object_spread_props(_object_spread({}, style), {
|
129
|
+
color: color
|
130
|
+
}),
|
131
|
+
contentLeft: contentLeft,
|
132
|
+
contentRight: isActive ? /*#__PURE__*/ React.createElement(StyledCheck, {
|
133
|
+
size: "s",
|
134
|
+
color: accent
|
135
|
+
}) : undefined,
|
136
|
+
onClick: handleClick,
|
137
|
+
onMouseOver: handleHover,
|
138
|
+
onFocus: onFocus,
|
139
|
+
disabled: isDisabled
|
140
|
+
}));
|
141
|
+
});
|
@@ -1,4 +1,7 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
|
-
export var DropdownList =
|
3
|
-
|
4
|
-
|
2
|
+
export var DropdownList = styled.ul.withConfig({
|
3
|
+
displayName: "DropdownList",
|
4
|
+
componentId: "sc-cd3e05af-0"
|
5
|
+
})([
|
6
|
+
"margin:0;padding:0;"
|
7
|
+
]);
|
@@ -1,22 +1,137 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
function _tagged_template_literal(strings, raw) {
|
2
|
+
if (!raw) {
|
3
|
+
raw = strings.slice(0);
|
4
|
+
}
|
5
|
+
return Object.freeze(Object.defineProperties(strings, {
|
6
|
+
raw: {
|
7
|
+
value: Object.freeze(raw)
|
8
|
+
}
|
9
|
+
}));
|
10
|
+
}
|
11
|
+
function _templateObject() {
|
12
|
+
var data = _tagged_template_literal([
|
13
|
+
"\n ",
|
14
|
+
";\n\n ",
|
15
|
+
";\n ",
|
16
|
+
": 0.5625rem;\n ",
|
17
|
+
": 0.5rem;\n ",
|
18
|
+
": 0.5625rem;\n ",
|
19
|
+
": 0.5rem;\n ",
|
20
|
+
": 0.375rem;\n\n ",
|
21
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
22
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
23
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
24
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
25
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
26
|
+
": var(--plasma-typo-body-xs-line-height);\n "
|
27
|
+
]);
|
28
|
+
_templateObject = function _templateObject() {
|
29
|
+
return data;
|
30
|
+
};
|
31
|
+
return data;
|
32
|
+
}
|
33
|
+
function _templateObject1() {
|
34
|
+
var data = _tagged_template_literal([
|
35
|
+
"\n ",
|
36
|
+
";\n\n ",
|
37
|
+
";\n ",
|
38
|
+
": 0.6875rem;\n ",
|
39
|
+
": 0.75rem;\n ",
|
40
|
+
": 0.6875rem;\n ",
|
41
|
+
": 0.75rem;\n ",
|
42
|
+
": 0.5rem;\n\n ",
|
43
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
44
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
45
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
46
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
47
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
48
|
+
": var(--plasma-typo-body-s-line-height);\n "
|
49
|
+
]);
|
50
|
+
_templateObject1 = function _templateObject() {
|
51
|
+
return data;
|
52
|
+
};
|
53
|
+
return data;
|
54
|
+
}
|
55
|
+
function _templateObject2() {
|
56
|
+
var data = _tagged_template_literal([
|
57
|
+
"\n ",
|
58
|
+
";\n\n ",
|
59
|
+
";\n ",
|
60
|
+
": 0.875rem;\n ",
|
61
|
+
": 0.875rem;\n ",
|
62
|
+
": 0.875rem;\n ",
|
63
|
+
": 0.875rem;\n ",
|
64
|
+
": 0.625rem;\n\n ",
|
65
|
+
": var(--plasma-typo-body-m-font-family);\n ",
|
66
|
+
": var(--plasma-typo-body-m-font-size);\n ",
|
67
|
+
": var(--plasma-typo-body-m-font-style);\n ",
|
68
|
+
": var(--plasma-typo-body-m-font-weight);\n ",
|
69
|
+
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
70
|
+
": var(--plasma-typo-body-m-line-height);\n "
|
71
|
+
]);
|
72
|
+
_templateObject2 = function _templateObject() {
|
73
|
+
return data;
|
74
|
+
};
|
75
|
+
return data;
|
76
|
+
}
|
77
|
+
function _templateObject3() {
|
78
|
+
var data = _tagged_template_literal([
|
79
|
+
"\n ",
|
80
|
+
";\n\n ",
|
81
|
+
";\n ",
|
82
|
+
": 1.0625rem;\n ",
|
83
|
+
": 1rem;\n ",
|
84
|
+
": 1.0625rem;\n ",
|
85
|
+
": 1rem;\n ",
|
86
|
+
": 0.75rem;\n\n ",
|
87
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
88
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
89
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
90
|
+
": var(--plasma-typo-body-l-font-weight);\n ",
|
91
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
92
|
+
": var(--plasma-typo-body-l-line-height);\n "
|
93
|
+
]);
|
94
|
+
_templateObject3 = function _templateObject() {
|
95
|
+
return data;
|
96
|
+
};
|
97
|
+
return data;
|
98
|
+
}
|
99
|
+
function _templateObject4() {
|
100
|
+
var data = _tagged_template_literal([
|
101
|
+
"\n ",
|
102
|
+
": 0.4;\n ",
|
103
|
+
": var(--surface-solid-card-brightness);\n // TODO: #1131 Вернуть токен --shadow-down-soft-s\n ",
|
104
|
+
": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n\n ",
|
105
|
+
": transparent;\n ",
|
106
|
+
": var(--surface-transparent-secondary);\n ",
|
107
|
+
": inherit;\n ",
|
108
|
+
": inherit;\n ",
|
109
|
+
": inherit;\n ",
|
110
|
+
": inherit;\n ",
|
111
|
+
": var(--text-primary);\n "
|
112
|
+
]);
|
113
|
+
_templateObject4 = function _templateObject() {
|
114
|
+
return data;
|
115
|
+
};
|
116
|
+
return data;
|
117
|
+
}
|
3
118
|
import { css, dropdownOldTokens as dropdownTokens } from '@salutejs/plasma-new-hope/styled-components';
|
4
|
-
var dropdownSizeCommon =
|
5
|
-
var dropdownItemSizeCommon =
|
119
|
+
var dropdownSizeCommon = "\n ".concat(dropdownTokens.width, ": 100%;\n ").concat(dropdownTokens.height, ": auto;\n ").concat(dropdownTokens.borderRadius, ": 0.5rem;\n ").concat(dropdownTokens.paddingTop, ": 0.125rem;\n ").concat(dropdownTokens.paddingRight, ": 0.0625rem;\n ").concat(dropdownTokens.paddingBottom, ": 0.125rem;\n ").concat(dropdownTokens.paddingLeft, ": 0.125rem;\n");
|
120
|
+
var dropdownItemSizeCommon = "\n ".concat(dropdownTokens.itemWidth, ": auto;\n ").concat(dropdownTokens.itemHeight, ": auto;\n ").concat(dropdownTokens.itemMarginTop, ": 0;\n ").concat(dropdownTokens.itemMarginRight, ": 0;\n ").concat(dropdownTokens.itemMarginBottom, ": 0;\n ").concat(dropdownTokens.itemMarginLeft, ": 0;\n");
|
6
121
|
export var config = {
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
},
|
11
|
-
variations: {
|
12
|
-
size: {
|
13
|
-
xs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n ", ";\n ", ": 0.5625rem;\n ", ": 0.5rem;\n ", ": 0.5625rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), dropdownSizeCommon, dropdownItemSizeCommon, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
|
14
|
-
s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n ", ";\n ", ": 0.6875rem;\n ", ": 0.75rem;\n ", ": 0.6875rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), dropdownSizeCommon, dropdownItemSizeCommon, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
|
15
|
-
m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n ", ";\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), dropdownSizeCommon, dropdownItemSizeCommon, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
|
16
|
-
l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n ", ";\n ", ": 1.0625rem;\n ", ": 1rem;\n ", ": 1.0625rem;\n ", ": 1rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), dropdownSizeCommon, dropdownItemSizeCommon, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
|
122
|
+
defaults: {
|
123
|
+
view: 'default',
|
124
|
+
size: 'm'
|
17
125
|
},
|
18
|
-
|
19
|
-
|
126
|
+
variations: {
|
127
|
+
size: {
|
128
|
+
xs: css(_templateObject(), dropdownSizeCommon, dropdownItemSizeCommon, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
|
129
|
+
s: css(_templateObject1(), dropdownSizeCommon, dropdownItemSizeCommon, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
|
130
|
+
m: css(_templateObject2(), dropdownSizeCommon, dropdownItemSizeCommon, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
|
131
|
+
l: css(_templateObject3(), dropdownSizeCommon, dropdownItemSizeCommon, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
|
132
|
+
},
|
133
|
+
view: {
|
134
|
+
default: css(_templateObject4(), dropdownTokens.disabledOpacity, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemBackgroundSelected, dropdownTokens.itemColorSelected, dropdownTokens.itemBackgroundSelectedHover, dropdownTokens.itemColorSelectedHover, dropdownTokens.itemColor)
|
135
|
+
}
|
20
136
|
}
|
21
|
-
|
22
|
-
};
|
137
|
+
};
|
@@ -1,31 +1,110 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
1
|
+
function _define_property(obj, key, value) {
|
2
|
+
if (key in obj) {
|
3
|
+
Object.defineProperty(obj, key, {
|
4
|
+
value: value,
|
5
|
+
enumerable: true,
|
6
|
+
configurable: true,
|
7
|
+
writable: true
|
8
|
+
});
|
9
|
+
} else {
|
10
|
+
obj[key] = value;
|
11
|
+
}
|
12
|
+
return obj;
|
13
|
+
}
|
14
|
+
function _object_spread(target) {
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
17
|
+
var ownKeys = Object.keys(source);
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
21
|
+
}));
|
22
|
+
}
|
23
|
+
ownKeys.forEach(function(key) {
|
24
|
+
_define_property(target, key, source[key]);
|
25
|
+
});
|
26
|
+
}
|
27
|
+
return target;
|
28
|
+
}
|
29
|
+
function ownKeys(object, enumerableOnly) {
|
30
|
+
var keys = Object.keys(object);
|
31
|
+
if (Object.getOwnPropertySymbols) {
|
32
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
33
|
+
if (enumerableOnly) {
|
34
|
+
symbols = symbols.filter(function(sym) {
|
35
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
36
|
+
});
|
37
|
+
}
|
38
|
+
keys.push.apply(keys, symbols);
|
39
|
+
}
|
40
|
+
return keys;
|
41
|
+
}
|
42
|
+
function _object_spread_props(target, source) {
|
43
|
+
source = source != null ? source : {};
|
44
|
+
if (Object.getOwnPropertyDescriptors) {
|
45
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
46
|
+
} else {
|
47
|
+
ownKeys(Object(source)).forEach(function(key) {
|
48
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
49
|
+
});
|
50
|
+
}
|
51
|
+
return target;
|
52
|
+
}
|
53
|
+
function _object_without_properties(source, excluded) {
|
54
|
+
if (source == null) return {};
|
55
|
+
var target = _object_without_properties_loose(source, excluded);
|
56
|
+
var key, i;
|
57
|
+
if (Object.getOwnPropertySymbols) {
|
58
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
59
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
60
|
+
key = sourceSymbolKeys[i];
|
61
|
+
if (excluded.indexOf(key) >= 0) continue;
|
62
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
63
|
+
target[key] = source[key];
|
64
|
+
}
|
65
|
+
}
|
66
|
+
return target;
|
67
|
+
}
|
68
|
+
function _object_without_properties_loose(source, excluded) {
|
69
|
+
if (source == null) return {};
|
70
|
+
var target = {};
|
71
|
+
var sourceKeys = Object.keys(source);
|
72
|
+
var key, i;
|
73
|
+
for(i = 0; i < sourceKeys.length; i++){
|
74
|
+
key = sourceKeys[i];
|
75
|
+
if (excluded.indexOf(key) >= 0) continue;
|
76
|
+
target[key] = source[key];
|
77
|
+
}
|
78
|
+
return target;
|
79
|
+
}
|
5
80
|
import React, { forwardRef } from 'react';
|
6
81
|
import { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
7
82
|
import { config } from './DropdownOld.config';
|
8
|
-
var mergedConfig =
|
9
|
-
var DropdownNewHope =
|
10
|
-
export var DropdownPopup = /*#__PURE__*/forwardRef(function
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
83
|
+
var mergedConfig = mergeConfig(dropdownOldConfig, config);
|
84
|
+
var DropdownNewHope = component(mergedConfig);
|
85
|
+
export var DropdownPopup = /*#__PURE__*/ forwardRef(function(props, ref) {
|
86
|
+
var trigger = props.trigger, children = props.children, opened = props.opened, isOpen = props.isOpen, disclosure = props.disclosure, onToggle = props.onToggle, placement = props.placement, offsetTop = props.offsetTop, rest = _object_without_properties(props, [
|
87
|
+
"trigger",
|
88
|
+
"children",
|
89
|
+
"opened",
|
90
|
+
"isOpen",
|
91
|
+
"disclosure",
|
92
|
+
"onToggle",
|
93
|
+
"placement",
|
94
|
+
"offsetTop"
|
95
|
+
]);
|
96
|
+
var offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;
|
97
|
+
return /*#__PURE__*/ React.createElement(DropdownNewHope, _object_spread_props(_object_spread({}, rest), {
|
98
|
+
ref: ref,
|
99
|
+
onToggle: onToggle,
|
100
|
+
target: disclosure,
|
101
|
+
opened: opened,
|
102
|
+
isOpen: isOpen,
|
103
|
+
trigger: trigger,
|
104
|
+
placement: placement,
|
105
|
+
offset: [
|
106
|
+
offsetAtTop,
|
107
|
+
0
|
108
|
+
]
|
109
|
+
}), children);
|
110
|
+
});
|
@@ -3,4 +3,4 @@ export { Dropdown } from './Dropdown';
|
|
3
3
|
// TODO: #1271
|
4
4
|
export { DropdownItem } from './components/DropdownItem';
|
5
5
|
export { DropdownPopup } from './components/DropdownPopup';
|
6
|
-
export { DropdownList } from './components/DropdownList';
|
6
|
+
export { DropdownList } from './components/DropdownList';
|
@@ -1,20 +1,81 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
function _tagged_template_literal(strings, raw) {
|
2
|
+
if (!raw) {
|
3
|
+
raw = strings.slice(0);
|
4
|
+
}
|
5
|
+
return Object.freeze(Object.defineProperties(strings, {
|
6
|
+
raw: {
|
7
|
+
value: Object.freeze(raw)
|
8
|
+
}
|
9
|
+
}));
|
10
|
+
}
|
11
|
+
function _templateObject() {
|
12
|
+
var data = _tagged_template_literal([
|
13
|
+
"\n ",
|
14
|
+
": var(--surface-solid-card);\n ",
|
15
|
+
": var(--surface-solid-card-hover);\n ",
|
16
|
+
": var(--overlay-soft);\n ",
|
17
|
+
": var(--outline-solid-secondary);\n ",
|
18
|
+
": var(--outline-solid-secondary-hover);\n ",
|
19
|
+
": var(--outline-accent);\n ",
|
20
|
+
": var(--text-primary);\n ",
|
21
|
+
": var(--text-secondary);\n "
|
22
|
+
]);
|
23
|
+
_templateObject = function _templateObject() {
|
24
|
+
return data;
|
25
|
+
};
|
26
|
+
return data;
|
27
|
+
}
|
28
|
+
function _templateObject1() {
|
29
|
+
var data = _tagged_template_literal([
|
30
|
+
"\n ",
|
31
|
+
": 1.5rem;\n ",
|
32
|
+
": 1.25rem;\n ",
|
33
|
+
": 0.75rem;\n ",
|
34
|
+
": 0.375rem;\n ",
|
35
|
+
": 0.5rem;\n\n ",
|
36
|
+
": var(--plasma-typo-h4-font-family);\n ",
|
37
|
+
": var(--plasma-typo-h4-font-size);\n ",
|
38
|
+
": var(--plasma-typo-h4-font-style);\n ",
|
39
|
+
": var(--plasma-typo-h4-bold-font-weight);\n ",
|
40
|
+
": var(--plasma-typo-h4-letter-spacing);\n ",
|
41
|
+
": var(--plasma-typo-h4-line-height);\n\n ",
|
42
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
43
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
44
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
45
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
46
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
47
|
+
": var(--plasma-typo-body-s-line-height);\n "
|
48
|
+
]);
|
49
|
+
_templateObject1 = function _templateObject() {
|
50
|
+
return data;
|
51
|
+
};
|
52
|
+
return data;
|
53
|
+
}
|
54
|
+
function _templateObject2() {
|
55
|
+
var data = _tagged_template_literal([
|
56
|
+
"\n ",
|
57
|
+
": 0.4;\n "
|
58
|
+
]);
|
59
|
+
_templateObject2 = function _templateObject() {
|
60
|
+
return data;
|
61
|
+
};
|
62
|
+
return data;
|
63
|
+
}
|
3
64
|
import { css, dropzoneTokens } from '@salutejs/plasma-new-hope/styled-components';
|
4
65
|
export var config = {
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
},
|
9
|
-
variations: {
|
10
|
-
view: {
|
11
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-card-hover);\n ", ": var(--overlay-soft);\n ", ": var(--outline-solid-secondary);\n ", ": var(--outline-solid-secondary-hover);\n ", ": var(--outline-accent);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n "])), dropzoneTokens.background, dropzoneTokens.backgroundHover, dropzoneTokens.overlayColorActive, dropzoneTokens.borderColor, dropzoneTokens.borderColorHover, dropzoneTokens.borderColorActive, dropzoneTokens.titleColor, dropzoneTokens.descriptionColor)
|
12
|
-
},
|
13
|
-
size: {
|
14
|
-
m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-bold-font-weight);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-line-height);\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), dropzoneTokens.padding, dropzoneTokens.borderRadius, dropzoneTokens.contentWrapperGap, dropzoneTokens.contentGap, dropzoneTokens.contentColumnGap, dropzoneTokens.titleFontFamily, dropzoneTokens.titleFontSize, dropzoneTokens.titleFontStyle, dropzoneTokens.titleFontWeight, dropzoneTokens.titleLetterSpacing, dropzoneTokens.titleLineHeight, dropzoneTokens.descriptionFontFamily, dropzoneTokens.descriptionFontSize, dropzoneTokens.descriptionFontStyle, dropzoneTokens.descriptionFontWeight, dropzoneTokens.descriptionLetterSpacing, dropzoneTokens.descriptionLineHeight)
|
66
|
+
defaults: {
|
67
|
+
view: 'default',
|
68
|
+
size: 'm'
|
15
69
|
},
|
16
|
-
|
17
|
-
|
70
|
+
variations: {
|
71
|
+
view: {
|
72
|
+
default: css(_templateObject(), dropzoneTokens.background, dropzoneTokens.backgroundHover, dropzoneTokens.overlayColorActive, dropzoneTokens.borderColor, dropzoneTokens.borderColorHover, dropzoneTokens.borderColorActive, dropzoneTokens.titleColor, dropzoneTokens.descriptionColor)
|
73
|
+
},
|
74
|
+
size: {
|
75
|
+
m: css(_templateObject1(), dropzoneTokens.padding, dropzoneTokens.borderRadius, dropzoneTokens.contentWrapperGap, dropzoneTokens.contentGap, dropzoneTokens.contentColumnGap, dropzoneTokens.titleFontFamily, dropzoneTokens.titleFontSize, dropzoneTokens.titleFontStyle, dropzoneTokens.titleFontWeight, dropzoneTokens.titleLetterSpacing, dropzoneTokens.titleLineHeight, dropzoneTokens.descriptionFontFamily, dropzoneTokens.descriptionFontSize, dropzoneTokens.descriptionFontStyle, dropzoneTokens.descriptionFontWeight, dropzoneTokens.descriptionLetterSpacing, dropzoneTokens.descriptionLineHeight)
|
76
|
+
},
|
77
|
+
disabled: {
|
78
|
+
true: css(_templateObject2(), dropzoneTokens.disabledOpacity)
|
79
|
+
}
|
18
80
|
}
|
19
|
-
|
20
|
-
};
|
81
|
+
};
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { dropzoneConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
2
2
|
import { config } from './Dropzone.config';
|
3
|
-
var mergedConfig =
|
4
|
-
export var Dropzone =
|
3
|
+
var mergedConfig = mergeConfig(dropzoneConfig, config);
|
4
|
+
export var Dropzone = component(mergedConfig);
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export { Dropzone } from './Dropzone';
|
2
|
-
export { dropzoneTokens, dropzoneClasses } from '@salutejs/plasma-new-hope/styled-components';
|
2
|
+
export { dropzoneTokens, dropzoneClasses } from '@salutejs/plasma-new-hope/styled-components';
|