@salutejs/sdds-serv 0.314.0-canary.1741.15776056320.0 → 0.314.0-canary.1973.15679545656.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/components/Accordion/Accordion.config.js +2 -2
- package/components/Accordion/Accordion.config.js.map +1 -1
- package/components/Accordion/Accordion.js +2 -2
- package/components/Accordion/Accordion.js.map +1 -1
- package/components/Attach/Attach.config.js +3 -3
- package/components/Attach/Attach.config.js.map +1 -1
- package/components/Attach/Attach.js +2 -2
- package/components/Attach/Attach.js.map +1 -1
- package/components/Autocomplete/Autocomplete.config.js +5 -5
- package/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/components/Autocomplete/Autocomplete.js +2 -2
- package/components/Autocomplete/Autocomplete.js.map +1 -1
- package/components/Avatar/Avatar.config.js +5 -5
- package/components/Avatar/Avatar.config.js.map +1 -1
- package/components/Avatar/Avatar.js +2 -2
- package/components/Avatar/Avatar.js.map +1 -1
- package/components/AvatarGroup/AvatarGroup.js +2 -2
- package/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/components/Badge/Badge.config.js +5 -5
- package/components/Badge/Badge.config.js.map +1 -1
- package/components/Badge/Badge.js +2 -2
- package/components/Badge/Badge.js.map +1 -1
- package/components/Breadcrumbs/Breadcrumbs.config.js +2 -2
- package/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/components/Breadcrumbs/Breadcrumbs.js +3 -3
- package/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/components/Button/Button.config.js +4 -4
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.js +3 -3
- package/components/Button/Button.js.map +1 -1
- package/components/ButtonGroup/ButtonGroup.config.js +3 -3
- package/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/components/ButtonGroup/ButtonGroup.js +2 -2
- package/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/components/Calendar/Calendar.js +8 -8
- package/components/Calendar/Calendar.js.map +1 -1
- package/components/Calendar/CalendarBase.config.js +2 -2
- package/components/Calendar/CalendarBase.config.js.map +1 -1
- package/components/Calendar/CalendarDouble.config.js +2 -2
- package/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/components/Card/Card.config.js +2 -2
- package/components/Card/Card.config.js.map +1 -1
- package/components/Card/Card.js +3 -3
- package/components/Card/Card.js.map +1 -1
- package/components/Carousel/Carousel.config.js +2 -2
- package/components/Carousel/Carousel.config.js.map +1 -1
- package/components/Carousel/Carousel.js +2 -2
- package/components/Carousel/Carousel.js.map +1 -1
- package/components/Cell/Cell.config.js +2 -2
- package/components/Cell/Cell.config.js.map +1 -1
- package/components/Cell/Cell.js +3 -3
- package/components/Cell/Cell.js.map +1 -1
- package/components/Checkbox/Checkbox.config.js +4 -4
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.js +3 -3
- package/components/Checkbox/Checkbox.js.map +1 -1
- package/components/Chip/Chip.config.js +5 -5
- package/components/Chip/Chip.config.js.map +1 -1
- package/components/Chip/Chip.js +3 -3
- package/components/Chip/Chip.js.map +1 -1
- package/components/ChipGroup/ChipGroup.config.js +2 -2
- package/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/components/ChipGroup/ChipGroup.js +2 -2
- package/components/ChipGroup/ChipGroup.js.map +1 -1
- package/components/CodeField/CodeField.config.js +5 -5
- package/components/CodeField/CodeField.config.js.map +1 -1
- package/components/CodeField/{CodeField.config_15ko8c4.css → CodeField.config_y48spf.css} +1 -1
- package/components/CodeField/CodeField.css +4 -4
- package/components/CodeField/CodeField.js +2 -2
- package/components/CodeField/CodeField.js.map +1 -1
- package/components/CodeInput/CodeInput.config.d.ts +19 -0
- package/components/CodeInput/CodeInput.config.js +27 -0
- package/components/CodeInput/CodeInput.config.js.map +1 -0
- package/components/CodeInput/CodeInput.config_u44tma.css +5 -0
- package/components/CodeInput/CodeInput.css +5 -0
- package/components/CodeInput/CodeInput.d.ts +35 -0
- package/components/CodeInput/CodeInput.js +17 -0
- package/components/CodeInput/CodeInput.js.map +1 -0
- package/components/CodeInput/index.d.ts +1 -0
- package/components/Combobox/Combobox.config.js +5 -5
- package/components/Combobox/Combobox.config.js.map +1 -1
- package/components/Combobox/Combobox.d.ts +24 -24
- package/components/Combobox/Combobox.js +4 -4
- package/components/Combobox/Combobox.js.map +1 -1
- package/components/Counter/Counter.config.js +2 -2
- package/components/Counter/Counter.config.js.map +1 -1
- package/components/Counter/Counter.js +2 -2
- package/components/Counter/Counter.js.map +1 -1
- package/components/DatePicker/DatePicker.config.js +4 -4
- package/components/DatePicker/DatePicker.config.js.map +1 -1
- package/components/DatePicker/DatePicker.js +4 -4
- package/components/DatePicker/DatePicker.js.map +1 -1
- package/components/Divider/Divider.config.js +2 -2
- package/components/Divider/Divider.config.js.map +1 -1
- package/components/Divider/Divider.js +2 -2
- package/components/Divider/Divider.js.map +1 -1
- package/components/Drawer/Drawer.config.js +3 -3
- package/components/Drawer/Drawer.config.js.map +1 -1
- package/components/Drawer/Drawer.js +8 -8
- package/components/Drawer/Drawer.js.map +1 -1
- package/components/Dropdown/Dropdown.config.js +2 -2
- package/components/Dropdown/Dropdown.config.js.map +1 -1
- package/components/Dropdown/Dropdown.js +4 -4
- package/components/Dropdown/Dropdown.js.map +1 -1
- package/components/Dropzone/Dropzone.config.js +3 -3
- package/components/Dropzone/Dropzone.config.js.map +1 -1
- package/components/Dropzone/Dropzone.js +2 -2
- package/components/Dropzone/Dropzone.js.map +1 -1
- package/components/EmptyState/EmptyState.config.js +1 -1
- package/components/EmptyState/EmptyState.config.js.map +1 -1
- package/components/EmptyState/EmptyState.js +2 -2
- package/components/EmptyState/EmptyState.js.map +1 -1
- package/components/Flow/Flow.config.js +1 -1
- package/components/Flow/Flow.config.js.map +1 -1
- package/components/Flow/Flow.js +2 -2
- package/components/Flow/Flow.js.map +1 -1
- package/components/Grid/Grid.config.js +2 -2
- package/components/Grid/Grid.config.js.map +1 -1
- package/components/Grid/Grid.js +2 -2
- package/components/Grid/Grid.js.map +1 -1
- package/components/IconButton/IconButton.config.js +4 -4
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.js +3 -3
- package/components/IconButton/IconButton.js.map +1 -1
- package/components/Image/Image.js +3 -3
- package/components/Image/Image.js.map +1 -1
- package/components/Indicator/Indicator.config.js +2 -2
- package/components/Indicator/Indicator.config.js.map +1 -1
- package/components/Indicator/Indicator.js +2 -2
- package/components/Indicator/Indicator.js.map +1 -1
- package/components/Link/Link.config.js +4 -4
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/Link.js +3 -3
- package/components/Link/Link.js.map +1 -1
- package/components/LinkButton/LinkButton.config.js +3 -3
- package/components/LinkButton/LinkButton.config.js.map +1 -1
- package/components/LinkButton/LinkButton.js +2 -2
- package/components/LinkButton/LinkButton.js.map +1 -1
- package/components/List/List.config.js +3 -3
- package/components/List/List.config.js.map +1 -1
- package/components/List/List.js +3 -3
- package/components/List/List.js.map +1 -1
- package/components/Mask/Mask.js +1 -1
- package/components/Mask/Mask.js.map +1 -1
- package/components/Modal/Modal.config.js +2 -2
- package/components/Modal/Modal.config.js.map +1 -1
- package/components/Modal/Modal.js +3 -3
- package/components/Modal/Modal.js.map +1 -1
- package/components/Note/Note.config.js +2 -2
- package/components/Note/Note.config.js.map +1 -1
- package/components/Note/Note.js +2 -2
- package/components/Note/Note.js.map +1 -1
- package/components/Notification/Notification.config.js +3 -3
- package/components/Notification/Notification.config.js.map +1 -1
- package/components/Notification/Notification.js +9 -9
- package/components/Notification/Notification.js.map +1 -1
- package/components/NumberFormat/NumberFormat.js +1 -1
- package/components/NumberFormat/NumberFormat.js.map +1 -1
- package/components/NumberInput/NumberInput.config.js +4 -4
- package/components/NumberInput/NumberInput.config.js.map +1 -1
- package/components/NumberInput/NumberInput.js +2 -2
- package/components/NumberInput/NumberInput.js.map +1 -1
- package/components/Pagination/Pagination.config.js +4 -4
- package/components/Pagination/Pagination.config.js.map +1 -1
- package/components/Pagination/Pagination.js +3 -3
- package/components/Pagination/Pagination.js.map +1 -1
- package/components/Popover/Popover.config.js +2 -2
- package/components/Popover/Popover.config.js.map +1 -1
- package/components/Popover/Popover.js +2 -2
- package/components/Popover/Popover.js.map +1 -1
- package/components/Popup/Popup.js +2 -2
- package/components/Popup/Popup.js.map +1 -1
- package/components/Price/Price.config.js +1 -1
- package/components/Price/Price.config.js.map +1 -1
- package/components/Price/Price.js +3 -3
- package/components/Price/Price.js.map +1 -1
- package/components/Progress/Progress.config.js +2 -2
- package/components/Progress/Progress.config.js.map +1 -1
- package/components/Progress/Progress.js +3 -3
- package/components/Progress/Progress.js.map +1 -1
- package/components/Radiobox/Radiobox.config.js +4 -4
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.d.ts +46 -2
- package/components/Radiobox/Radiobox.js +3 -3
- package/components/Radiobox/Radiobox.js.map +1 -1
- package/components/Range/Range.config.js +4 -4
- package/components/Range/Range.config.js.map +1 -1
- package/components/Range/Range.js +2 -2
- package/components/Range/Range.js.map +1 -1
- package/components/Rating/Rating.config.js +2 -2
- package/components/Rating/Rating.config.js.map +1 -1
- package/components/Rating/Rating.js +2 -2
- package/components/Rating/Rating.js.map +1 -1
- package/components/Segment/Segment.js +4 -4
- package/components/Segment/Segment.js.map +1 -1
- package/components/Segment/SegmentGroup.config.js +5 -5
- package/components/Segment/SegmentGroup.config.js.map +1 -1
- package/components/Segment/SegmentItem.config.js +4 -4
- package/components/Segment/SegmentItem.config.js.map +1 -1
- package/components/Select/Select.config.js +6 -6
- package/components/Select/Select.config.js.map +1 -1
- package/components/Select/Select.d.ts +6 -6
- package/components/Select/Select.js +4 -4
- package/components/Select/Select.js.map +1 -1
- package/components/Sheet/Sheet.config.js +2 -2
- package/components/Sheet/Sheet.config.js.map +1 -1
- package/components/Sheet/Sheet.js +3 -3
- package/components/Sheet/Sheet.js.map +1 -1
- package/components/Skeleton/LineSkeleton.config.js +1 -1
- package/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/components/Skeleton/Skeleton.js +3 -3
- package/components/Skeleton/Skeleton.js.map +1 -1
- package/components/Slider/Slider.config.js +3 -3
- package/components/Slider/Slider.config.js.map +1 -1
- package/components/Slider/Slider.js +3 -3
- package/components/Slider/Slider.js.map +1 -1
- package/components/Spinner/Spinner.config.js +2 -2
- package/components/Spinner/Spinner.config.js.map +1 -1
- package/components/Spinner/Spinner.js +3 -3
- package/components/Spinner/Spinner.js.map +1 -1
- package/components/Steps/Steps.config.js +3 -3
- package/components/Steps/Steps.config.js.map +1 -1
- package/components/Steps/Steps.js +3 -3
- package/components/Steps/Steps.js.map +1 -1
- package/components/Switch/Switch.config.js +4 -4
- package/components/Switch/Switch.config.js.map +1 -1
- package/components/Switch/Switch.js +3 -3
- package/components/Switch/Switch.js.map +1 -1
- package/components/Table/Table.config.js +2 -2
- package/components/Table/Table.config.js.map +1 -1
- package/components/Table/Table.js +3 -3
- package/components/Table/Table.js.map +1 -1
- package/components/Tabs/TabItem.js +5 -5
- package/components/Tabs/TabItem.js.map +1 -1
- package/components/Tabs/Tabs.js +5 -5
- package/components/Tabs/Tabs.js.map +1 -1
- package/components/Tabs/TabsController.js +5 -5
- package/components/Tabs/TabsController.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -5
- package/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalTabs.config.js +4 -4
- package/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalTabItem.config.js +3 -3
- package/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalTabs.config.js +3 -3
- package/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/components/TextArea/TextArea.config.js +5 -5
- package/components/TextArea/TextArea.config.js.map +1 -1
- package/components/TextArea/TextArea.js +3 -3
- package/components/TextArea/TextArea.js.map +1 -1
- package/components/TextField/TextField.config.js +7 -7
- package/components/TextField/TextField.config.js.map +1 -1
- package/components/TextField/TextField.js +2 -2
- package/components/TextField/TextField.js.map +1 -1
- package/components/TextFieldGroup/TextFieldGroup.config.js +2 -2
- package/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/components/TextFieldGroup/TextFieldGroup.js +2 -2
- package/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/components/Toast/Toast.config.js +4 -4
- package/components/Toast/Toast.config.js.map +1 -1
- package/components/Toast/Toast.js +4 -4
- package/components/Toast/Toast.js.map +1 -1
- package/components/Tokens/Colors/Colors.styles.d.ts +1 -1
- package/components/Tokens/Typography/Typography.styles.d.ts +1 -1
- package/components/Toolbar/Toolbar.config.js +2 -2
- package/components/Toolbar/Toolbar.config.js.map +1 -1
- package/components/Toolbar/Toolbar.js +4 -4
- package/components/Toolbar/Toolbar.js.map +1 -1
- package/components/Tooltip/Tooltip.config.js +2 -2
- package/components/Tooltip/Tooltip.config.js.map +1 -1
- package/components/Tooltip/Tooltip.js +2 -2
- package/components/Tooltip/Tooltip.js.map +1 -1
- package/components/Tree/Tree.config.js +2 -2
- package/components/Tree/Tree.config.js.map +1 -1
- package/components/Tree/Tree.js +2 -2
- package/components/Tree/Tree.js.map +1 -1
- package/components/Typography/Body.config.js +5 -5
- package/components/Typography/Body.config.js.map +1 -1
- package/components/Typography/Dspl.config.js +3 -3
- package/components/Typography/Dspl.config.js.map +1 -1
- package/components/Typography/Heading.config.js +5 -5
- package/components/Typography/Heading.config.js.map +1 -1
- package/components/Typography/Text.config.js +4 -4
- package/components/Typography/Text.config.js.map +1 -1
- package/components/Typography/Typography.js +51 -51
- package/components/Typography/Typography.js.map +1 -1
- package/components/ViewContainer/ViewContainer.config.js +1 -1
- package/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/components/ViewContainer/ViewContainer.js +2 -2
- package/components/ViewContainer/ViewContainer.js.map +1 -1
- package/emotion/cjs/components/Accordion/Accordion.config.js +26 -285
- package/emotion/cjs/components/Accordion/Accordion.js +12 -18
- package/emotion/cjs/components/Accordion/Accordion.stories.tsx +201 -0
- package/emotion/cjs/components/Accordion/index.js +14 -15
- package/emotion/cjs/components/Attach/Attach.config.js +36 -818
- package/emotion/cjs/components/Attach/Attach.js +11 -11
- package/emotion/cjs/components/Attach/Attach.stories.tsx +168 -0
- package/emotion/cjs/components/Attach/index.js +7 -6
- package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +42 -619
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +7 -11
- package/emotion/cjs/components/Autocomplete/Autocomplete.stories.tsx +266 -0
- package/emotion/cjs/components/Autocomplete/index.js +7 -6
- package/emotion/cjs/components/Avatar/Avatar.config.js +44 -419
- package/emotion/cjs/components/Avatar/Avatar.js +7 -19
- package/emotion/cjs/components/Avatar/Avatar.stories.tsx +161 -0
- package/emotion/cjs/components/Avatar/index.js +7 -6
- package/emotion/cjs/components/AvatarGroup/AvatarGroup.js +6 -10
- package/emotion/cjs/components/AvatarGroup/AvatarGroup.stories.tsx +71 -0
- package/emotion/cjs/components/AvatarGroup/index.js +7 -6
- package/emotion/cjs/components/Badge/Badge.config.js +36 -267
- package/emotion/cjs/components/Badge/Badge.js +11 -11
- package/emotion/cjs/components/Badge/Badge.stories.tsx +107 -0
- package/emotion/cjs/components/Badge/index.js +7 -6
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.config.js +21 -111
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +12 -12
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.stories.tsx +82 -0
- package/emotion/cjs/components/Breadcrumbs/index.js +7 -6
- package/emotion/cjs/components/Button/Button.config.js +49 -522
- package/emotion/cjs/components/Button/Button.js +11 -12
- package/emotion/cjs/components/Button/Button.stories.tsx +215 -0
- package/emotion/cjs/components/Button/index.js +7 -6
- package/emotion/cjs/components/ButtonBase/index.js +7 -6
- package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +54 -548
- package/emotion/cjs/components/ButtonGroup/ButtonGroup.js +11 -11
- package/emotion/cjs/components/ButtonGroup/ButtonGroup.stories.tsx +117 -0
- package/emotion/cjs/components/ButtonGroup/index.js +7 -6
- package/emotion/cjs/components/Calendar/Calendar.js +18 -39
- package/emotion/cjs/components/Calendar/Calendar.stories.tsx +326 -0
- package/emotion/cjs/components/Calendar/CalendarBase.config.js +21 -318
- package/emotion/cjs/components/Calendar/CalendarDouble.config.js +21 -320
- package/emotion/cjs/components/Calendar/index.js +32 -24
- package/emotion/cjs/components/Card/Card.config.js +20 -81
- package/emotion/cjs/components/Card/Card.js +23 -22
- package/emotion/cjs/components/Card/Card.stories.tsx +281 -0
- package/emotion/cjs/components/Card/index.js +20 -18
- package/emotion/cjs/components/Carousel/Carousel.config.js +18 -50
- package/emotion/cjs/components/Carousel/Carousel.js +7 -11
- package/emotion/cjs/components/Carousel/Carousel.stories.tsx +137 -0
- package/emotion/cjs/components/Carousel/index.js +15 -16
- package/emotion/cjs/components/Cell/Cell.config.js +18 -180
- package/emotion/cjs/components/Cell/Cell.js +12 -12
- package/emotion/cjs/components/Cell/Cell.stories.tsx +125 -0
- package/emotion/cjs/components/Cell/index.js +33 -25
- package/emotion/cjs/components/Checkbox/Checkbox.config.js +40 -280
- package/emotion/cjs/components/Checkbox/Checkbox.js +11 -12
- package/emotion/cjs/components/Checkbox/Checkbox.stories.tsx +239 -0
- package/emotion/cjs/components/Checkbox/index.js +7 -6
- package/emotion/cjs/components/Chip/Chip.config.js +36 -299
- package/emotion/cjs/components/Chip/Chip.js +12 -12
- package/emotion/cjs/components/Chip/Chip.stories.tsx +88 -0
- package/emotion/cjs/components/Chip/index.js +7 -6
- package/emotion/cjs/components/ChipGroup/ChipGroup.config.js +27 -208
- package/emotion/cjs/components/ChipGroup/ChipGroup.js +7 -11
- package/emotion/cjs/components/ChipGroup/ChipGroup.stories.tsx +94 -0
- package/emotion/cjs/components/ChipGroup/index.js +7 -6
- package/emotion/cjs/components/CodeField/CodeField.config.js +27 -143
- package/emotion/cjs/components/CodeField/CodeField.js +7 -11
- package/emotion/cjs/components/CodeField/CodeField.stories.tsx +105 -0
- package/emotion/cjs/components/CodeField/index.js +39 -28
- package/emotion/cjs/components/CodeInput/CodeInput.config.js +28 -0
- package/emotion/cjs/components/CodeInput/CodeInput.js +15 -0
- package/emotion/cjs/components/CodeInput/CodeInput.stories.tsx +114 -0
- package/emotion/cjs/components/CodeInput/index.js +12 -0
- package/emotion/cjs/components/Combobox/Combobox.config.js +42 -802
- package/emotion/cjs/components/Combobox/Combobox.js +15 -50
- package/emotion/cjs/components/Combobox/Combobox.stories.tsx +687 -0
- package/emotion/cjs/components/Combobox/index.js +7 -6
- package/emotion/cjs/components/Counter/Counter.config.js +28 -207
- package/emotion/cjs/components/Counter/Counter.js +11 -11
- package/emotion/cjs/components/Counter/Counter.stories.tsx +41 -0
- package/emotion/cjs/components/Counter/index.js +15 -16
- package/emotion/cjs/components/DatePicker/DatePicker.config.js +27 -572
- package/emotion/cjs/components/DatePicker/DatePicker.js +9 -21
- package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +410 -0
- package/emotion/cjs/components/DatePicker/index.js +27 -22
- package/emotion/cjs/components/Divider/Divider.config.js +27 -109
- package/emotion/cjs/components/Divider/Divider.js +11 -11
- package/emotion/cjs/components/Divider/Divider.stories.tsx +58 -0
- package/emotion/cjs/components/Divider/index.js +15 -16
- package/emotion/cjs/components/Drawer/Drawer.config.js +22 -78
- package/emotion/cjs/components/Drawer/Drawer.js +29 -31
- package/emotion/cjs/components/Drawer/Drawer.stories.tsx +215 -0
- package/emotion/cjs/components/Drawer/index.js +26 -21
- package/emotion/cjs/components/Dropdown/Dropdown.config.js +22 -245
- package/emotion/cjs/components/Dropdown/Dropdown.js +15 -50
- package/emotion/cjs/components/Dropdown/Dropdown.stories.tsx +330 -0
- package/emotion/cjs/components/Dropdown/index.js +7 -6
- package/emotion/cjs/components/Dropzone/Dropzone.config.js +21 -86
- package/emotion/cjs/components/Dropzone/Dropzone.js +7 -11
- package/emotion/cjs/components/Dropzone/Dropzone.stories.tsx +58 -0
- package/emotion/cjs/components/Dropzone/index.js +21 -19
- package/emotion/cjs/components/EmptyState/EmptyState.config.js +18 -114
- package/emotion/cjs/components/EmptyState/EmptyState.js +7 -19
- package/emotion/cjs/components/EmptyState/EmptyState.stories.tsx +43 -0
- package/emotion/cjs/components/EmptyState/index.js +7 -6
- package/emotion/cjs/components/Flow/Flow.config.js +7 -11
- package/emotion/cjs/components/Flow/Flow.js +7 -11
- package/emotion/cjs/components/Flow/Flow.stories.tsx +133 -0
- package/emotion/cjs/components/Flow/index.js +7 -6
- package/emotion/cjs/components/Grid/Grid.config.js +19 -71
- package/emotion/cjs/components/Grid/Grid.js +18 -21
- package/emotion/cjs/components/Grid/Grid.stories.tsx +119 -0
- package/emotion/cjs/components/Grid/index.js +20 -18
- package/emotion/cjs/components/IconButton/IconButton.config.js +43 -425
- package/emotion/cjs/components/IconButton/IconButton.js +12 -12
- package/emotion/cjs/components/IconButton/IconButton.stories.tsx +95 -0
- package/emotion/cjs/components/IconButton/index.js +7 -6
- package/emotion/cjs/components/Image/Image.component-test.js +91 -0
- package/emotion/cjs/components/Image/Image.js +11 -11
- package/emotion/cjs/components/Image/Image.stories.tsx +44 -0
- package/emotion/cjs/components/Image/index.js +7 -6
- package/emotion/cjs/components/Indicator/Indicator.config.js +27 -149
- package/emotion/cjs/components/Indicator/Indicator.js +7 -19
- package/emotion/cjs/components/Indicator/Indicator.stories.tsx +34 -0
- package/emotion/cjs/components/Indicator/index.js +7 -6
- package/emotion/cjs/components/Link/Link.config.js +29 -214
- package/emotion/cjs/components/Link/Link.js +11 -12
- package/emotion/cjs/components/Link/Link.stories.tsx +57 -0
- package/emotion/cjs/components/Link/index.js +7 -6
- package/emotion/cjs/components/LinkButton/LinkButton.config.js +31 -274
- package/emotion/cjs/components/LinkButton/LinkButton.js +7 -11
- package/emotion/cjs/components/LinkButton/LinkButton.stories.tsx +90 -0
- package/emotion/cjs/components/LinkButton/index.js +7 -6
- package/emotion/cjs/components/List/List.config.js +25 -177
- package/emotion/cjs/components/List/List.js +12 -12
- package/emotion/cjs/components/List/List.stories.tsx +64 -0
- package/emotion/cjs/components/List/index.js +15 -16
- package/emotion/cjs/components/Mask/Mask.js +6 -10
- package/emotion/cjs/components/Mask/Mask.stories.tsx +177 -0
- package/emotion/cjs/components/Mask/index.js +7 -6
- package/emotion/cjs/components/Modal/Modal.config.js +15 -47
- package/emotion/cjs/components/Modal/Modal.js +12 -12
- package/emotion/cjs/components/Modal/Modal.stories.tsx +425 -0
- package/emotion/cjs/components/Modal/index.js +15 -16
- package/emotion/cjs/components/Note/Note.config.js +25 -245
- package/emotion/cjs/components/Note/Note.js +7 -11
- package/emotion/cjs/components/Note/Note.stories.tsx +86 -0
- package/emotion/cjs/components/Note/index.js +21 -19
- package/emotion/cjs/components/Notification/Notification.config.js +30 -361
- package/emotion/cjs/components/Notification/Notification.js +23 -38
- package/emotion/cjs/components/Notification/Notification.stories.tsx +246 -0
- package/emotion/cjs/components/Notification/index.js +27 -22
- package/emotion/cjs/components/NumberFormat/NumberFormat.js +13 -10
- package/emotion/cjs/components/NumberFormat/NumberFormat.stories.tsx +186 -0
- package/emotion/cjs/components/NumberFormat/index.js +7 -6
- package/emotion/cjs/components/NumberInput/NumberInput.config.js +42 -390
- package/emotion/cjs/components/NumberInput/NumberInput.js +7 -11
- package/emotion/cjs/components/NumberInput/NumberInput.stories.tsx +108 -0
- package/emotion/cjs/components/NumberInput/index.js +21 -19
- package/emotion/cjs/components/Overlay/Overlay.stories.tsx +76 -0
- package/emotion/cjs/components/Overlay/index.js +7 -6
- package/emotion/cjs/components/Pagination/Pagination.component-test.js +298 -0
- package/emotion/cjs/components/Pagination/Pagination.config.js +33 -350
- package/emotion/cjs/components/Pagination/Pagination.js +12 -12
- package/emotion/cjs/components/Pagination/Pagination.stories.tsx +172 -0
- package/emotion/cjs/components/Pagination/index.js +7 -6
- package/emotion/cjs/components/Popover/Popover.config.js +15 -43
- package/emotion/cjs/components/Popover/Popover.js +7 -11
- package/emotion/cjs/components/Popover/Popover.stories.tsx +126 -0
- package/emotion/cjs/components/Popover/index.js +7 -6
- package/emotion/cjs/components/Popover/style.css +4 -0
- package/emotion/cjs/components/Popup/Popup.js +10 -10
- package/emotion/cjs/components/Popup/Popup.stories.tsx +171 -0
- package/emotion/cjs/components/Popup/index.js +27 -22
- package/emotion/cjs/components/Portal/Portal.stories.tsx +57 -0
- package/emotion/cjs/components/Portal/index.js +7 -6
- package/emotion/cjs/components/Price/Price.config.js +11 -15
- package/emotion/cjs/components/Price/Price.js +12 -12
- package/emotion/cjs/components/Price/Price.stories.tsx +34 -0
- package/emotion/cjs/components/Price/index.js +15 -16
- package/emotion/cjs/components/Progress/Progress.config.js +25 -147
- package/emotion/cjs/components/Progress/Progress.js +8 -12
- package/emotion/cjs/components/Progress/Progress.stories.tsx +34 -0
- package/emotion/cjs/components/Progress/index.js +7 -6
- package/emotion/cjs/components/Radiobox/Radiobox.config.js +47 -287
- package/emotion/cjs/components/Radiobox/Radiobox.js +16 -19
- package/emotion/cjs/components/Radiobox/Radiobox.stories.tsx +141 -0
- package/emotion/cjs/components/Radiobox/index.js +14 -15
- package/emotion/cjs/components/Range/Range.config.js +27 -309
- package/emotion/cjs/components/Range/Range.js +11 -11
- package/emotion/cjs/components/Range/Range.stories.tsx +342 -0
- package/emotion/cjs/components/Range/index.js +15 -16
- package/emotion/cjs/components/Rating/Rating.config.js +31 -469
- package/emotion/cjs/components/Rating/Rating.js +7 -11
- package/emotion/cjs/components/Rating/Rating.stories.tsx +125 -0
- package/emotion/cjs/components/Rating/index.js +21 -19
- package/emotion/cjs/components/SSRProvider/index.js +7 -6
- package/emotion/cjs/components/Segment/Segment.js +32 -27
- package/emotion/cjs/components/Segment/Segment.stories.tsx +171 -0
- package/emotion/cjs/components/Segment/SegmentGroup.config.js +38 -196
- package/emotion/cjs/components/Segment/SegmentItem.config.js +31 -266
- package/emotion/cjs/components/Segment/index.js +26 -21
- package/emotion/cjs/components/Select/Select.config.js +54 -1004
- package/emotion/cjs/components/Select/Select.js +15 -50
- package/emotion/cjs/components/Select/Select.stories.tsx +1200 -0
- package/emotion/cjs/components/Select/index.js +7 -6
- package/emotion/cjs/components/Select/style.css +37 -0
- package/emotion/cjs/components/Sheet/Sheet.config.js +18 -63
- package/emotion/cjs/components/Sheet/Sheet.js +12 -12
- package/emotion/cjs/components/Sheet/Sheet.stories.tsx +361 -0
- package/emotion/cjs/components/Sheet/index.js +15 -16
- package/emotion/cjs/components/Skeleton/LineSkeleton.config.js +31 -230
- package/emotion/cjs/components/Skeleton/Skeleton.js +20 -25
- package/emotion/cjs/components/Skeleton/Skeleton.stories.tsx +116 -0
- package/emotion/cjs/components/Skeleton/index.js +26 -21
- package/emotion/cjs/components/Slider/Slider.component-test.js +223 -0
- package/emotion/cjs/components/Slider/Slider.config.js +25 -263
- package/emotion/cjs/components/Slider/Slider.js +13 -12
- package/emotion/cjs/components/Slider/Slider.stories.tsx +276 -0
- package/emotion/cjs/components/Slider/index.js +7 -6
- package/emotion/cjs/components/Spinner/Spinner.config.js +23 -107
- package/emotion/cjs/components/Spinner/Spinner.js +15 -23
- package/emotion/cjs/components/Spinner/Spinner.stories.tsx +109 -0
- package/emotion/cjs/components/Spinner/index.js +7 -6
- package/emotion/cjs/components/Steps/Steps.config.js +47 -366
- package/emotion/cjs/components/Steps/Steps.js +8 -12
- package/emotion/cjs/components/Steps/Steps.stories.tsx +207 -0
- package/emotion/cjs/components/Steps/index.js +7 -6
- package/emotion/cjs/components/Switch/Switch.config.js +33 -193
- package/emotion/cjs/components/Switch/Switch.js +8 -12
- package/emotion/cjs/components/Switch/Switch.stories.tsx +103 -0
- package/emotion/cjs/components/Switch/index.js +7 -6
- package/emotion/cjs/components/Table/Table.config.js +21 -257
- package/emotion/cjs/components/Table/Table.js +12 -12
- package/emotion/cjs/components/Table/Table.stories.tsx +551 -0
- package/emotion/cjs/components/Table/index.js +7 -6
- package/emotion/cjs/components/Tabs/TabItem.js +21 -26
- package/emotion/cjs/components/Tabs/Tabs.js +21 -26
- package/emotion/cjs/components/Tabs/Tabs.stories.tsx +751 -0
- package/emotion/cjs/components/Tabs/TabsController.js +16 -15
- package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +38 -398
- package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +37 -256
- package/emotion/cjs/components/Tabs/index.js +35 -27
- package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js +27 -186
- package/emotion/cjs/components/Tabs/vertical/VerticalTabs.config.js +27 -133
- package/emotion/cjs/components/TextArea/TextArea.config.js +43 -710
- package/emotion/cjs/components/TextArea/TextArea.js +12 -12
- package/emotion/cjs/components/TextArea/TextArea.stories.tsx +319 -0
- package/emotion/cjs/components/TextArea/index.js +7 -6
- package/emotion/cjs/components/TextField/TextField.config.js +55 -850
- package/emotion/cjs/components/TextField/TextField.js +11 -11
- package/emotion/cjs/components/TextField/TextField.stories.tsx +439 -0
- package/emotion/cjs/components/TextField/index.js +15 -16
- package/emotion/cjs/components/TextFieldGroup/TextFieldGroup.config.js +34 -352
- package/emotion/cjs/components/TextFieldGroup/TextFieldGroup.js +11 -11
- package/emotion/cjs/components/TextFieldGroup/TextFieldGroup.stories.tsx +115 -0
- package/emotion/cjs/components/TextFieldGroup/index.js +7 -6
- package/emotion/cjs/components/Toast/Toast.config.js +37 -157
- package/emotion/cjs/components/Toast/Toast.js +14 -26
- package/emotion/cjs/components/Toast/Toast.stories.tsx +155 -0
- package/emotion/cjs/components/Toast/index.js +20 -18
- package/emotion/cjs/components/Tokens/Colors/Colors.stories.tsx +197 -0
- package/emotion/cjs/components/Tokens/Colors/Colors.styles.js +27 -147
- package/emotion/cjs/components/Tokens/NumberTokens/CornerRadius.stories.tsx +94 -0
- package/emotion/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +13 -70
- package/emotion/cjs/components/Tokens/NumberTokens/Spacing.stories.tsx +94 -0
- package/emotion/cjs/components/Tokens/Typography/Typography.stories.tsx +278 -0
- package/emotion/cjs/components/Tokens/Typography/Typography.styles.js +44 -204
- package/emotion/cjs/components/Toolbar/Toolbar.config.js +21 -105
- package/emotion/cjs/components/Toolbar/Toolbar.js +13 -21
- package/emotion/cjs/components/Toolbar/Toolbar.stories.tsx +63 -0
- package/emotion/cjs/components/Toolbar/index.js +21 -19
- package/emotion/cjs/components/Tooltip/Tooltip.config.js +20 -100
- package/emotion/cjs/components/Tooltip/Tooltip.js +7 -11
- package/emotion/cjs/components/Tooltip/Tooltip.stories.tsx +163 -0
- package/emotion/cjs/components/Tooltip/index.js +7 -6
- package/emotion/cjs/components/Tree/Tree.config.js +21 -176
- package/emotion/cjs/components/Tree/Tree.js +7 -11
- package/emotion/cjs/components/Tree/Tree.stories.tsx +146 -0
- package/emotion/cjs/components/Tree/index.js +7 -6
- package/emotion/cjs/components/Typography/Body.config.js +47 -161
- package/emotion/cjs/components/Typography/Dspl.config.js +31 -105
- package/emotion/cjs/components/Typography/Heading.config.js +47 -161
- package/emotion/cjs/components/Typography/Text.config.js +39 -133
- package/emotion/cjs/components/Typography/Typography.js +59 -116
- package/emotion/cjs/components/Typography/Typography.stories.tsx +243 -0
- package/emotion/cjs/components/Typography/index.js +106 -62
- package/emotion/cjs/components/ViewContainer/ViewContainer.config.js +14 -46
- package/emotion/cjs/components/ViewContainer/ViewContainer.js +7 -11
- package/emotion/cjs/components/ViewContainer/ViewContainer.stories.tsx +67 -0
- package/emotion/cjs/components/ViewContainer/index.js +7 -6
- package/emotion/cjs/index.js +806 -87
- package/emotion/cjs/mixins/index.js +20 -61
- package/emotion/cjs/tokens/index.js +255 -126
- package/emotion/es/components/Accordion/Accordion.config.js +21 -276
- package/emotion/es/components/Accordion/Accordion.js +3 -3
- package/emotion/es/components/Accordion/Accordion.stories.tsx +201 -0
- package/emotion/es/components/Accordion/index.js +1 -1
- package/emotion/es/components/Attach/Attach.config.js +31 -809
- package/emotion/es/components/Attach/Attach.js +4 -2
- package/emotion/es/components/Attach/Attach.stories.tsx +168 -0
- package/emotion/es/components/Attach/index.js +1 -1
- package/emotion/es/components/Autocomplete/Autocomplete.config.js +37 -610
- package/emotion/es/components/Autocomplete/Autocomplete.js +2 -2
- package/emotion/es/components/Autocomplete/Autocomplete.stories.tsx +266 -0
- package/emotion/es/components/Autocomplete/index.js +1 -1
- package/emotion/es/components/Avatar/Avatar.config.js +39 -410
- package/emotion/es/components/Avatar/Avatar.js +3 -3
- package/emotion/es/components/Avatar/Avatar.stories.tsx +161 -0
- package/emotion/es/components/Avatar/index.js +1 -1
- package/emotion/es/components/AvatarGroup/AvatarGroup.js +2 -2
- package/emotion/es/components/AvatarGroup/AvatarGroup.stories.tsx +71 -0
- package/emotion/es/components/AvatarGroup/index.js +1 -1
- package/emotion/es/components/Badge/Badge.config.js +31 -258
- package/emotion/es/components/Badge/Badge.js +4 -2
- package/emotion/es/components/Badge/Badge.stories.tsx +107 -0
- package/emotion/es/components/Badge/index.js +1 -1
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.config.js +16 -102
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +5 -3
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.stories.tsx +82 -0
- package/emotion/es/components/Breadcrumbs/index.js +1 -1
- package/emotion/es/components/Button/Button.config.js +44 -513
- package/emotion/es/components/Button/Button.js +4 -3
- package/emotion/es/components/Button/Button.stories.tsx +215 -0
- package/emotion/es/components/Button/index.js +1 -1
- package/emotion/es/components/ButtonBase/index.js +1 -1
- package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +49 -539
- package/emotion/es/components/ButtonGroup/ButtonGroup.js +4 -2
- package/emotion/es/components/ButtonGroup/ButtonGroup.stories.tsx +117 -0
- package/emotion/es/components/ButtonGroup/index.js +1 -1
- package/emotion/es/components/Calendar/Calendar.js +12 -12
- package/emotion/es/components/Calendar/Calendar.stories.tsx +326 -0
- package/emotion/es/components/Calendar/CalendarBase.config.js +16 -309
- package/emotion/es/components/Calendar/CalendarDouble.config.js +16 -311
- package/emotion/es/components/Calendar/index.js +1 -1
- package/emotion/es/components/Card/Card.config.js +15 -72
- package/emotion/es/components/Card/Card.js +6 -4
- package/emotion/es/components/Card/Card.stories.tsx +281 -0
- package/emotion/es/components/Card/index.js +1 -1
- package/emotion/es/components/Carousel/Carousel.config.js +13 -41
- package/emotion/es/components/Carousel/Carousel.js +3 -3
- package/emotion/es/components/Carousel/Carousel.stories.tsx +137 -0
- package/emotion/es/components/Carousel/index.js +1 -1
- package/emotion/es/components/Cell/Cell.config.js +13 -171
- package/emotion/es/components/Cell/Cell.js +5 -3
- package/emotion/es/components/Cell/Cell.stories.tsx +125 -0
- package/emotion/es/components/Cell/index.js +1 -1
- package/emotion/es/components/Checkbox/Checkbox.config.js +35 -271
- package/emotion/es/components/Checkbox/Checkbox.js +4 -3
- package/emotion/es/components/Checkbox/Checkbox.stories.tsx +239 -0
- package/emotion/es/components/Checkbox/index.js +1 -1
- package/emotion/es/components/Chip/Chip.config.js +31 -290
- package/emotion/es/components/Chip/Chip.js +5 -3
- package/emotion/es/components/Chip/Chip.stories.tsx +88 -0
- package/emotion/es/components/Chip/index.js +1 -1
- package/emotion/es/components/ChipGroup/ChipGroup.config.js +22 -199
- package/emotion/es/components/ChipGroup/ChipGroup.js +2 -2
- package/emotion/es/components/ChipGroup/ChipGroup.stories.tsx +94 -0
- package/emotion/es/components/ChipGroup/index.js +1 -1
- package/emotion/es/components/CodeField/CodeField.config.js +22 -134
- package/emotion/es/components/CodeField/CodeField.js +2 -2
- package/emotion/es/components/CodeField/CodeField.stories.tsx +105 -0
- package/emotion/es/components/CodeField/index.js +1 -1
- package/emotion/es/components/CodeInput/CodeInput.config.js +22 -0
- package/emotion/es/components/CodeInput/CodeInput.js +9 -0
- package/emotion/es/components/CodeInput/CodeInput.stories.tsx +114 -0
- package/emotion/es/components/CodeInput/index.js +1 -0
- package/emotion/es/components/Combobox/Combobox.config.js +37 -793
- package/emotion/es/components/Combobox/Combobox.js +9 -36
- package/emotion/es/components/Combobox/Combobox.stories.tsx +687 -0
- package/emotion/es/components/Combobox/index.js +1 -1
- package/emotion/es/components/Counter/Counter.config.js +23 -198
- package/emotion/es/components/Counter/Counter.js +4 -2
- package/emotion/es/components/Counter/Counter.stories.tsx +41 -0
- package/emotion/es/components/Counter/index.js +1 -1
- package/emotion/es/components/DatePicker/DatePicker.config.js +22 -563
- package/emotion/es/components/DatePicker/DatePicker.js +4 -4
- package/emotion/es/components/DatePicker/DatePicker.stories.tsx +410 -0
- package/emotion/es/components/DatePicker/index.js +1 -1
- package/emotion/es/components/Divider/Divider.config.js +22 -100
- package/emotion/es/components/Divider/Divider.js +4 -2
- package/emotion/es/components/Divider/Divider.stories.tsx +58 -0
- package/emotion/es/components/Divider/index.js +1 -1
- package/emotion/es/components/Drawer/Drawer.config.js +17 -69
- package/emotion/es/components/Drawer/Drawer.js +16 -8
- package/emotion/es/components/Drawer/Drawer.stories.tsx +215 -0
- package/emotion/es/components/Drawer/index.js +1 -1
- package/emotion/es/components/Dropdown/Dropdown.config.js +17 -236
- package/emotion/es/components/Dropdown/Dropdown.js +9 -36
- package/emotion/es/components/Dropdown/Dropdown.stories.tsx +330 -0
- package/emotion/es/components/Dropdown/index.js +1 -1
- package/emotion/es/components/Dropzone/Dropzone.config.js +16 -77
- package/emotion/es/components/Dropzone/Dropzone.js +2 -2
- package/emotion/es/components/Dropzone/Dropzone.stories.tsx +58 -0
- package/emotion/es/components/Dropzone/index.js +1 -1
- package/emotion/es/components/EmptyState/EmptyState.config.js +13 -105
- package/emotion/es/components/EmptyState/EmptyState.js +2 -2
- package/emotion/es/components/EmptyState/EmptyState.stories.tsx +43 -0
- package/emotion/es/components/EmptyState/index.js +1 -1
- package/emotion/es/components/Flow/Flow.config.js +3 -3
- package/emotion/es/components/Flow/Flow.js +2 -2
- package/emotion/es/components/Flow/Flow.stories.tsx +133 -0
- package/emotion/es/components/Flow/index.js +1 -1
- package/emotion/es/components/Grid/Grid.config.js +14 -62
- package/emotion/es/components/Grid/Grid.js +2 -2
- package/emotion/es/components/Grid/Grid.stories.tsx +119 -0
- package/emotion/es/components/Grid/index.js +1 -1
- package/emotion/es/components/IconButton/IconButton.config.js +38 -416
- package/emotion/es/components/IconButton/IconButton.js +5 -3
- package/emotion/es/components/IconButton/IconButton.stories.tsx +95 -0
- package/emotion/es/components/IconButton/index.js +1 -1
- package/emotion/es/components/Image/Image.component-test.js +85 -0
- package/emotion/es/components/Image/Image.js +5 -3
- package/emotion/es/components/Image/Image.stories.tsx +44 -0
- package/emotion/es/components/Image/index.js +1 -1
- package/emotion/es/components/Indicator/Indicator.config.js +22 -140
- package/emotion/es/components/Indicator/Indicator.js +3 -3
- package/emotion/es/components/Indicator/Indicator.stories.tsx +34 -0
- package/emotion/es/components/Indicator/index.js +1 -1
- package/emotion/es/components/Link/Link.config.js +24 -205
- package/emotion/es/components/Link/Link.js +4 -3
- package/emotion/es/components/Link/Link.stories.tsx +57 -0
- package/emotion/es/components/Link/index.js +1 -1
- package/emotion/es/components/LinkButton/LinkButton.config.js +26 -265
- package/emotion/es/components/LinkButton/LinkButton.js +2 -2
- package/emotion/es/components/LinkButton/LinkButton.stories.tsx +90 -0
- package/emotion/es/components/LinkButton/index.js +1 -1
- package/emotion/es/components/List/List.config.js +20 -168
- package/emotion/es/components/List/List.js +5 -3
- package/emotion/es/components/List/List.stories.tsx +64 -0
- package/emotion/es/components/List/index.js +1 -1
- package/emotion/es/components/Mask/Mask.js +1 -1
- package/emotion/es/components/Mask/Mask.stories.tsx +177 -0
- package/emotion/es/components/Mask/index.js +1 -1
- package/emotion/es/components/Modal/Modal.config.js +10 -38
- package/emotion/es/components/Modal/Modal.js +5 -3
- package/emotion/es/components/Modal/Modal.stories.tsx +425 -0
- package/emotion/es/components/Modal/index.js +1 -1
- package/emotion/es/components/Note/Note.config.js +20 -236
- package/emotion/es/components/Note/Note.js +2 -2
- package/emotion/es/components/Note/Note.stories.tsx +86 -0
- package/emotion/es/components/Note/index.js +1 -1
- package/emotion/es/components/Notification/Notification.config.js +25 -352
- package/emotion/es/components/Notification/Notification.js +15 -11
- package/emotion/es/components/Notification/Notification.stories.tsx +246 -0
- package/emotion/es/components/Notification/index.js +1 -1
- package/emotion/es/components/NumberFormat/NumberFormat.js +9 -1
- package/emotion/es/components/NumberFormat/NumberFormat.stories.tsx +186 -0
- package/emotion/es/components/NumberFormat/index.js +1 -1
- package/emotion/es/components/NumberInput/NumberInput.config.js +37 -381
- package/emotion/es/components/NumberInput/NumberInput.js +2 -2
- package/emotion/es/components/NumberInput/NumberInput.stories.tsx +108 -0
- package/emotion/es/components/NumberInput/index.js +1 -1
- package/emotion/es/components/Overlay/Overlay.stories.tsx +76 -0
- package/emotion/es/components/Overlay/index.js +1 -1
- package/emotion/es/components/Pagination/Pagination.component-test.js +293 -0
- package/emotion/es/components/Pagination/Pagination.config.js +28 -341
- package/emotion/es/components/Pagination/Pagination.js +5 -3
- package/emotion/es/components/Pagination/Pagination.stories.tsx +172 -0
- package/emotion/es/components/Pagination/index.js +1 -1
- package/emotion/es/components/Popover/Popover.config.js +10 -34
- package/emotion/es/components/Popover/Popover.js +2 -2
- package/emotion/es/components/Popover/Popover.stories.tsx +126 -0
- package/emotion/es/components/Popover/index.js +1 -1
- package/emotion/es/components/Popover/style.css +4 -0
- package/emotion/es/components/Popup/Popup.js +4 -2
- package/emotion/es/components/Popup/Popup.stories.tsx +171 -0
- package/emotion/es/components/Popup/index.js +1 -1
- package/emotion/es/components/Portal/Portal.stories.tsx +57 -0
- package/emotion/es/components/Portal/index.js +1 -1
- package/emotion/es/components/Price/Price.config.js +7 -7
- package/emotion/es/components/Price/Price.js +5 -3
- package/emotion/es/components/Price/Price.stories.tsx +34 -0
- package/emotion/es/components/Price/index.js +1 -1
- package/emotion/es/components/Progress/Progress.config.js +20 -138
- package/emotion/es/components/Progress/Progress.js +3 -3
- package/emotion/es/components/Progress/Progress.stories.tsx +34 -0
- package/emotion/es/components/Progress/index.js +1 -1
- package/emotion/es/components/Radiobox/Radiobox.config.js +42 -278
- package/emotion/es/components/Radiobox/Radiobox.js +5 -4
- package/emotion/es/components/Radiobox/Radiobox.stories.tsx +141 -0
- package/emotion/es/components/Radiobox/index.js +1 -1
- package/emotion/es/components/Range/Range.config.js +22 -300
- package/emotion/es/components/Range/Range.js +4 -2
- package/emotion/es/components/Range/Range.stories.tsx +342 -0
- package/emotion/es/components/Range/index.js +1 -1
- package/emotion/es/components/Rating/Rating.config.js +26 -460
- package/emotion/es/components/Rating/Rating.js +2 -2
- package/emotion/es/components/Rating/Rating.stories.tsx +125 -0
- package/emotion/es/components/Rating/index.js +1 -1
- package/emotion/es/components/SSRProvider/index.js +1 -1
- package/emotion/es/components/Segment/Segment.js +10 -5
- package/emotion/es/components/Segment/Segment.stories.tsx +171 -0
- package/emotion/es/components/Segment/SegmentGroup.config.js +33 -187
- package/emotion/es/components/Segment/SegmentItem.config.js +26 -257
- package/emotion/es/components/Segment/index.js +1 -1
- package/emotion/es/components/Select/Select.config.js +49 -995
- package/emotion/es/components/Select/Select.js +9 -36
- package/emotion/es/components/Select/Select.stories.tsx +1200 -0
- package/emotion/es/components/Select/index.js +1 -1
- package/emotion/es/components/Select/style.css +37 -0
- package/emotion/es/components/Sheet/Sheet.config.js +13 -54
- package/emotion/es/components/Sheet/Sheet.js +5 -3
- package/emotion/es/components/Sheet/Sheet.stories.tsx +361 -0
- package/emotion/es/components/Sheet/index.js +1 -1
- package/emotion/es/components/Skeleton/LineSkeleton.config.js +26 -221
- package/emotion/es/components/Skeleton/Skeleton.js +4 -4
- package/emotion/es/components/Skeleton/Skeleton.stories.tsx +116 -0
- package/emotion/es/components/Skeleton/index.js +1 -1
- package/emotion/es/components/Slider/Slider.component-test.js +220 -0
- package/emotion/es/components/Slider/Slider.config.js +20 -254
- package/emotion/es/components/Slider/Slider.js +5 -3
- package/emotion/es/components/Slider/Slider.stories.tsx +276 -0
- package/emotion/es/components/Slider/index.js +1 -1
- package/emotion/es/components/Spinner/Spinner.config.js +18 -98
- package/emotion/es/components/Spinner/Spinner.js +6 -8
- package/emotion/es/components/Spinner/Spinner.stories.tsx +109 -0
- package/emotion/es/components/Spinner/index.js +1 -1
- package/emotion/es/components/Steps/Steps.config.js +42 -357
- package/emotion/es/components/Steps/Steps.js +3 -3
- package/emotion/es/components/Steps/Steps.stories.tsx +207 -0
- package/emotion/es/components/Steps/index.js +1 -1
- package/emotion/es/components/Switch/Switch.config.js +28 -184
- package/emotion/es/components/Switch/Switch.js +3 -3
- package/emotion/es/components/Switch/Switch.stories.tsx +103 -0
- package/emotion/es/components/Switch/index.js +1 -1
- package/emotion/es/components/Table/Table.config.js +16 -248
- package/emotion/es/components/Table/Table.js +5 -3
- package/emotion/es/components/Table/Table.stories.tsx +551 -0
- package/emotion/es/components/Table/index.js +1 -1
- package/emotion/es/components/Tabs/TabItem.js +11 -10
- package/emotion/es/components/Tabs/Tabs.js +11 -10
- package/emotion/es/components/Tabs/Tabs.stories.tsx +751 -0
- package/emotion/es/components/Tabs/TabsController.js +7 -5
- package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -389
- package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -247
- package/emotion/es/components/Tabs/index.js +1 -1
- package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js +22 -177
- package/emotion/es/components/Tabs/vertical/VerticalTabs.config.js +22 -124
- package/emotion/es/components/TextArea/TextArea.config.js +38 -701
- package/emotion/es/components/TextArea/TextArea.js +5 -3
- package/emotion/es/components/TextArea/TextArea.stories.tsx +319 -0
- package/emotion/es/components/TextArea/index.js +1 -1
- package/emotion/es/components/TextField/TextField.config.js +50 -841
- package/emotion/es/components/TextField/TextField.js +4 -2
- package/emotion/es/components/TextField/TextField.stories.tsx +439 -0
- package/emotion/es/components/TextField/index.js +1 -1
- package/emotion/es/components/TextFieldGroup/TextFieldGroup.config.js +29 -343
- package/emotion/es/components/TextFieldGroup/TextFieldGroup.js +4 -2
- package/emotion/es/components/TextFieldGroup/TextFieldGroup.stories.tsx +115 -0
- package/emotion/es/components/TextFieldGroup/index.js +1 -1
- package/emotion/es/components/Toast/Toast.config.js +32 -148
- package/emotion/es/components/Toast/Toast.js +4 -4
- package/emotion/es/components/Toast/Toast.stories.tsx +155 -0
- package/emotion/es/components/Toast/index.js +1 -1
- package/emotion/es/components/Tokens/Colors/Colors.stories.tsx +197 -0
- package/emotion/es/components/Tokens/Colors/Colors.styles.js +19 -90
- package/emotion/es/components/Tokens/NumberTokens/CornerRadius.stories.tsx +94 -0
- package/emotion/es/components/Tokens/NumberTokens/NumberTokens.styles.js +8 -37
- package/emotion/es/components/Tokens/NumberTokens/Spacing.stories.tsx +94 -0
- package/emotion/es/components/Tokens/Typography/Typography.stories.tsx +278 -0
- package/emotion/es/components/Tokens/Typography/Typography.styles.js +36 -135
- package/emotion/es/components/Toolbar/Toolbar.config.js +16 -96
- package/emotion/es/components/Toolbar/Toolbar.js +6 -4
- package/emotion/es/components/Toolbar/Toolbar.stories.tsx +63 -0
- package/emotion/es/components/Toolbar/index.js +1 -1
- package/emotion/es/components/Tooltip/Tooltip.config.js +15 -91
- package/emotion/es/components/Tooltip/Tooltip.js +2 -2
- package/emotion/es/components/Tooltip/Tooltip.stories.tsx +163 -0
- package/emotion/es/components/Tooltip/index.js +1 -1
- package/emotion/es/components/Tree/Tree.config.js +16 -167
- package/emotion/es/components/Tree/Tree.js +2 -2
- package/emotion/es/components/Tree/Tree.stories.tsx +146 -0
- package/emotion/es/components/Tree/index.js +1 -1
- package/emotion/es/components/Typography/Body.config.js +38 -131
- package/emotion/es/components/Typography/Dspl.config.js +24 -83
- package/emotion/es/components/Typography/Heading.config.js +38 -131
- package/emotion/es/components/Typography/Text.config.js +31 -107
- package/emotion/es/components/Typography/Typography.js +35 -35
- package/emotion/es/components/Typography/Typography.stories.tsx +243 -0
- package/emotion/es/components/Typography/index.js +1 -1
- package/emotion/es/components/ViewContainer/ViewContainer.config.js +8 -36
- package/emotion/es/components/ViewContainer/ViewContainer.js +2 -2
- package/emotion/es/components/ViewContainer/ViewContainer.stories.tsx +67 -0
- package/emotion/es/components/ViewContainer/index.js +1 -1
- package/emotion/es/index.js +2 -1
- package/emotion/es/mixins/index.js +1 -1
- package/emotion/es/tokens/index.js +1 -1
- package/es/components/Accordion/Accordion.config.js +2 -2
- package/es/components/Accordion/Accordion.config.js.map +1 -1
- package/es/components/Accordion/Accordion.js +3 -3
- package/es/components/Accordion/Accordion.js.map +1 -1
- package/es/components/Attach/Attach.config.js +3 -3
- package/es/components/Attach/Attach.config.js.map +1 -1
- package/es/components/Attach/Attach.js +3 -3
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.config.js +5 -5
- package/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.js +3 -3
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Avatar/Avatar.config.js +5 -5
- package/es/components/Avatar/Avatar.config.js.map +1 -1
- package/es/components/Avatar/Avatar.js +3 -3
- package/es/components/Avatar/Avatar.js.map +1 -1
- package/es/components/AvatarGroup/AvatarGroup.js +3 -3
- package/es/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/es/components/Badge/Badge.config.js +5 -5
- package/es/components/Badge/Badge.config.js.map +1 -1
- package/es/components/Badge/Badge.js +3 -3
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.config.js +2 -2
- package/es/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/es/components/Button/Button.config.js +4 -4
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.js +4 -4
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.config.js +3 -3
- package/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.js +3 -3
- package/es/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/es/components/Calendar/Calendar.js +9 -9
- package/es/components/Calendar/Calendar.js.map +1 -1
- package/es/components/Calendar/CalendarBase.config.js +2 -2
- package/es/components/Calendar/CalendarBase.config.js.map +1 -1
- package/es/components/Calendar/CalendarDouble.config.js +2 -2
- package/es/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/es/components/Card/Card.config.js +2 -2
- package/es/components/Card/Card.config.js.map +1 -1
- package/es/components/Card/Card.js +4 -4
- package/es/components/Card/Card.js.map +1 -1
- package/es/components/Carousel/Carousel.config.js +2 -2
- package/es/components/Carousel/Carousel.config.js.map +1 -1
- package/es/components/Carousel/Carousel.js +3 -3
- package/es/components/Carousel/Carousel.js.map +1 -1
- package/es/components/Cell/Cell.config.js +2 -2
- package/es/components/Cell/Cell.config.js.map +1 -1
- package/es/components/Cell/Cell.js +4 -4
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config.js +4 -4
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.js +4 -4
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Chip/Chip.config.js +5 -5
- package/es/components/Chip/Chip.config.js.map +1 -1
- package/es/components/Chip/Chip.js +4 -4
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.config.js +2 -2
- package/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.js +3 -3
- package/es/components/ChipGroup/ChipGroup.js.map +1 -1
- package/es/components/CodeField/CodeField.config.js +5 -5
- package/es/components/CodeField/CodeField.config.js.map +1 -1
- package/es/components/CodeField/{CodeField.config_15ko8c4.css → CodeField.config_y48spf.css} +1 -1
- package/es/components/CodeField/CodeField.css +4 -4
- package/es/components/CodeField/CodeField.js +3 -3
- package/es/components/CodeField/CodeField.js.map +1 -1
- package/es/components/CodeInput/CodeInput.config.js +23 -0
- package/es/components/CodeInput/CodeInput.config.js.map +1 -0
- package/es/components/CodeInput/CodeInput.config_u44tma.css +5 -0
- package/es/components/CodeInput/CodeInput.css +5 -0
- package/es/components/CodeInput/CodeInput.js +13 -0
- package/es/components/CodeInput/CodeInput.js.map +1 -0
- package/es/components/Combobox/Combobox.config.js +5 -5
- package/es/components/Combobox/Combobox.config.js.map +1 -1
- package/es/components/Combobox/Combobox.js +5 -5
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/Counter/Counter.config.js +2 -2
- package/es/components/Counter/Counter.config.js.map +1 -1
- package/es/components/Counter/Counter.js +3 -3
- package/es/components/Counter/Counter.js.map +1 -1
- package/es/components/DatePicker/DatePicker.config.js +4 -4
- package/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/es/components/DatePicker/DatePicker.js +5 -5
- package/es/components/DatePicker/DatePicker.js.map +1 -1
- package/es/components/Divider/Divider.config.js +2 -2
- package/es/components/Divider/Divider.config.js.map +1 -1
- package/es/components/Divider/Divider.js +3 -3
- package/es/components/Divider/Divider.js.map +1 -1
- package/es/components/Drawer/Drawer.config.js +3 -3
- package/es/components/Drawer/Drawer.config.js.map +1 -1
- package/es/components/Drawer/Drawer.js +9 -9
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.config.js +2 -2
- package/es/components/Dropdown/Dropdown.config.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js +5 -5
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropzone/Dropzone.config.js +3 -3
- package/es/components/Dropzone/Dropzone.config.js.map +1 -1
- package/es/components/Dropzone/Dropzone.js +3 -3
- package/es/components/Dropzone/Dropzone.js.map +1 -1
- package/es/components/EmptyState/EmptyState.config.js +1 -1
- package/es/components/EmptyState/EmptyState.config.js.map +1 -1
- package/es/components/EmptyState/EmptyState.js +3 -3
- package/es/components/EmptyState/EmptyState.js.map +1 -1
- package/es/components/Flow/Flow.config.js +1 -1
- package/es/components/Flow/Flow.config.js.map +1 -1
- package/es/components/Flow/Flow.js +3 -3
- package/es/components/Flow/Flow.js.map +1 -1
- package/es/components/Grid/Grid.config.js +2 -2
- package/es/components/Grid/Grid.config.js.map +1 -1
- package/es/components/Grid/Grid.js +3 -3
- package/es/components/Grid/Grid.js.map +1 -1
- package/es/components/IconButton/IconButton.config.js +4 -4
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.js +4 -4
- package/es/components/IconButton/IconButton.js.map +1 -1
- package/es/components/Image/Image.js +4 -4
- package/es/components/Image/Image.js.map +1 -1
- package/es/components/Indicator/Indicator.config.js +2 -2
- package/es/components/Indicator/Indicator.config.js.map +1 -1
- package/es/components/Indicator/Indicator.js +3 -3
- package/es/components/Indicator/Indicator.js.map +1 -1
- package/es/components/Link/Link.config.js +4 -4
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/Link.js +4 -4
- package/es/components/Link/Link.js.map +1 -1
- package/es/components/LinkButton/LinkButton.config.js +3 -3
- package/es/components/LinkButton/LinkButton.config.js.map +1 -1
- package/es/components/LinkButton/LinkButton.js +3 -3
- package/es/components/LinkButton/LinkButton.js.map +1 -1
- package/es/components/List/List.config.js +3 -3
- package/es/components/List/List.config.js.map +1 -1
- package/es/components/List/List.js +4 -4
- package/es/components/List/List.js.map +1 -1
- package/es/components/Mask/Mask.js +1 -1
- package/es/components/Mask/Mask.js.map +1 -1
- package/es/components/Modal/Modal.config.js +2 -2
- package/es/components/Modal/Modal.config.js.map +1 -1
- package/es/components/Modal/Modal.js +4 -4
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Note/Note.config.js +2 -2
- package/es/components/Note/Note.config.js.map +1 -1
- package/es/components/Note/Note.js +3 -3
- package/es/components/Note/Note.js.map +1 -1
- package/es/components/Notification/Notification.config.js +3 -3
- package/es/components/Notification/Notification.config.js.map +1 -1
- package/es/components/Notification/Notification.js +10 -10
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/NumberFormat/NumberFormat.js +1 -1
- package/es/components/NumberFormat/NumberFormat.js.map +1 -1
- package/es/components/NumberInput/NumberInput.config.js +4 -4
- package/es/components/NumberInput/NumberInput.config.js.map +1 -1
- package/es/components/NumberInput/NumberInput.js +3 -3
- package/es/components/NumberInput/NumberInput.js.map +1 -1
- package/es/components/Pagination/Pagination.config.js +4 -4
- package/es/components/Pagination/Pagination.config.js.map +1 -1
- package/es/components/Pagination/Pagination.js +4 -4
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Popover/Popover.config.js +2 -2
- package/es/components/Popover/Popover.config.js.map +1 -1
- package/es/components/Popover/Popover.js +3 -3
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popup/Popup.js +3 -3
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Price/Price.config.js +1 -1
- package/es/components/Price/Price.config.js.map +1 -1
- package/es/components/Price/Price.js +4 -4
- package/es/components/Price/Price.js.map +1 -1
- package/es/components/Progress/Progress.config.js +2 -2
- package/es/components/Progress/Progress.config.js.map +1 -1
- package/es/components/Progress/Progress.js +4 -4
- package/es/components/Progress/Progress.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config.js +4 -4
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.js +4 -4
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Range/Range.config.js +4 -4
- package/es/components/Range/Range.config.js.map +1 -1
- package/es/components/Range/Range.js +3 -3
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Rating/Rating.config.js +2 -2
- package/es/components/Rating/Rating.config.js.map +1 -1
- package/es/components/Rating/Rating.js +3 -3
- package/es/components/Rating/Rating.js.map +1 -1
- package/es/components/Segment/Segment.js +5 -5
- package/es/components/Segment/Segment.js.map +1 -1
- package/es/components/Segment/SegmentGroup.config.js +5 -5
- package/es/components/Segment/SegmentGroup.config.js.map +1 -1
- package/es/components/Segment/SegmentItem.config.js +4 -4
- package/es/components/Segment/SegmentItem.config.js.map +1 -1
- package/es/components/Select/Select.config.js +6 -6
- package/es/components/Select/Select.config.js.map +1 -1
- package/es/components/Select/Select.js +5 -5
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Sheet/Sheet.config.js +2 -2
- package/es/components/Sheet/Sheet.config.js.map +1 -1
- package/es/components/Sheet/Sheet.js +4 -4
- package/es/components/Sheet/Sheet.js.map +1 -1
- package/es/components/Skeleton/LineSkeleton.config.js +1 -1
- package/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/es/components/Skeleton/Skeleton.js +4 -4
- package/es/components/Skeleton/Skeleton.js.map +1 -1
- package/es/components/Slider/Slider.config.js +3 -3
- package/es/components/Slider/Slider.config.js.map +1 -1
- package/es/components/Slider/Slider.js +4 -4
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Spinner/Spinner.config.js +2 -2
- package/es/components/Spinner/Spinner.config.js.map +1 -1
- package/es/components/Spinner/Spinner.js +4 -4
- package/es/components/Spinner/Spinner.js.map +1 -1
- package/es/components/Steps/Steps.config.js +3 -3
- package/es/components/Steps/Steps.config.js.map +1 -1
- package/es/components/Steps/Steps.js +4 -4
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Switch/Switch.config.js +4 -4
- package/es/components/Switch/Switch.config.js.map +1 -1
- package/es/components/Switch/Switch.js +4 -4
- package/es/components/Switch/Switch.js.map +1 -1
- package/es/components/Table/Table.config.js +2 -2
- package/es/components/Table/Table.config.js.map +1 -1
- package/es/components/Table/Table.js +4 -4
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Tabs/TabItem.js +6 -6
- package/es/components/Tabs/TabItem.js.map +1 -1
- package/es/components/Tabs/Tabs.js +6 -6
- package/es/components/Tabs/Tabs.js.map +1 -1
- package/es/components/Tabs/TabsController.js +6 -6
- package/es/components/Tabs/TabsController.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -5
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabs.config.js +4 -4
- package/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalTabItem.config.js +3 -3
- package/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalTabs.config.js +3 -3
- package/es/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/es/components/TextArea/TextArea.config.js +5 -5
- package/es/components/TextArea/TextArea.config.js.map +1 -1
- package/es/components/TextArea/TextArea.js +4 -4
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextField/TextField.config.js +7 -7
- package/es/components/TextField/TextField.config.js.map +1 -1
- package/es/components/TextField/TextField.js +3 -3
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.config.js +2 -2
- package/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.js +3 -3
- package/es/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/es/components/Toast/Toast.config.js +4 -4
- package/es/components/Toast/Toast.config.js.map +1 -1
- package/es/components/Toast/Toast.js +5 -5
- package/es/components/Toast/Toast.js.map +1 -1
- package/es/components/Toolbar/Toolbar.config.js +2 -2
- package/es/components/Toolbar/Toolbar.config.js.map +1 -1
- package/es/components/Toolbar/Toolbar.js +5 -5
- package/es/components/Toolbar/Toolbar.js.map +1 -1
- package/es/components/Tooltip/Tooltip.config.js +2 -2
- package/es/components/Tooltip/Tooltip.config.js.map +1 -1
- package/es/components/Tooltip/Tooltip.js +3 -3
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/components/Tree/Tree.config.js +2 -2
- package/es/components/Tree/Tree.config.js.map +1 -1
- package/es/components/Tree/Tree.js +3 -3
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Typography/Body.config.js +5 -5
- package/es/components/Typography/Body.config.js.map +1 -1
- package/es/components/Typography/Dspl.config.js +3 -3
- package/es/components/Typography/Dspl.config.js.map +1 -1
- package/es/components/Typography/Heading.config.js +5 -5
- package/es/components/Typography/Heading.config.js.map +1 -1
- package/es/components/Typography/Text.config.js +4 -4
- package/es/components/Typography/Text.config.js.map +1 -1
- package/es/components/Typography/Typography.js +52 -52
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.config.js +1 -1
- package/es/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.js +3 -3
- package/es/components/ViewContainer/ViewContainer.js.map +1 -1
- package/es/index.css +10 -4
- package/es/index.js +1 -0
- package/es/index.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.js +2 -0
- package/package.json +10 -10
- package/styled-components/cjs/components/Accordion/Accordion.config.js +26 -285
- package/styled-components/cjs/components/Accordion/Accordion.js +12 -18
- package/styled-components/cjs/components/Accordion/index.js +14 -15
- package/styled-components/cjs/components/Attach/Attach.config.js +36 -818
- package/styled-components/cjs/components/Attach/Attach.js +11 -11
- package/styled-components/cjs/components/Attach/index.js +7 -6
- package/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +42 -619
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +7 -11
- package/styled-components/cjs/components/Autocomplete/index.js +7 -6
- package/styled-components/cjs/components/Avatar/Avatar.config.js +44 -419
- package/styled-components/cjs/components/Avatar/Avatar.js +7 -19
- package/styled-components/cjs/components/Avatar/index.js +7 -6
- package/styled-components/cjs/components/AvatarGroup/AvatarGroup.js +6 -10
- package/styled-components/cjs/components/AvatarGroup/index.js +7 -6
- package/styled-components/cjs/components/Badge/Badge.config.js +36 -267
- package/styled-components/cjs/components/Badge/Badge.js +11 -11
- package/styled-components/cjs/components/Badge/index.js +7 -6
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.config.js +21 -111
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +12 -12
- package/styled-components/cjs/components/Breadcrumbs/index.js +7 -6
- package/styled-components/cjs/components/Button/Button.config.js +49 -522
- package/styled-components/cjs/components/Button/Button.js +11 -12
- package/styled-components/cjs/components/Button/index.js +7 -6
- package/styled-components/cjs/components/ButtonBase/index.js +7 -6
- package/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +54 -548
- package/styled-components/cjs/components/ButtonGroup/ButtonGroup.js +11 -11
- package/styled-components/cjs/components/ButtonGroup/index.js +7 -6
- package/styled-components/cjs/components/Calendar/Calendar.js +18 -39
- package/styled-components/cjs/components/Calendar/CalendarBase.config.js +21 -318
- package/styled-components/cjs/components/Calendar/CalendarDouble.config.js +21 -320
- package/styled-components/cjs/components/Calendar/index.js +32 -24
- package/styled-components/cjs/components/Card/Card.config.js +20 -81
- package/styled-components/cjs/components/Card/Card.js +23 -22
- package/styled-components/cjs/components/Card/index.js +20 -18
- package/styled-components/cjs/components/Carousel/Carousel.config.js +18 -50
- package/styled-components/cjs/components/Carousel/Carousel.js +7 -11
- package/styled-components/cjs/components/Carousel/index.js +15 -16
- package/styled-components/cjs/components/Cell/Cell.config.js +18 -180
- package/styled-components/cjs/components/Cell/Cell.js +12 -12
- package/styled-components/cjs/components/Cell/index.js +33 -25
- package/styled-components/cjs/components/Checkbox/Checkbox.config.js +40 -280
- package/styled-components/cjs/components/Checkbox/Checkbox.js +11 -12
- package/styled-components/cjs/components/Checkbox/index.js +7 -6
- package/styled-components/cjs/components/Chip/Chip.config.js +36 -299
- package/styled-components/cjs/components/Chip/Chip.js +12 -12
- package/styled-components/cjs/components/Chip/index.js +7 -6
- package/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +27 -208
- package/styled-components/cjs/components/ChipGroup/ChipGroup.js +7 -11
- package/styled-components/cjs/components/ChipGroup/index.js +7 -6
- package/styled-components/cjs/components/CodeField/CodeField.config.js +27 -143
- package/styled-components/cjs/components/CodeField/CodeField.js +7 -11
- package/styled-components/cjs/components/CodeField/index.js +39 -28
- package/styled-components/cjs/components/CodeInput/CodeInput.config.js +28 -0
- package/styled-components/cjs/components/CodeInput/CodeInput.js +15 -0
- package/styled-components/cjs/components/CodeInput/index.js +12 -0
- package/styled-components/cjs/components/Combobox/Combobox.config.js +42 -802
- package/styled-components/cjs/components/Combobox/Combobox.js +15 -50
- package/styled-components/cjs/components/Combobox/index.js +7 -6
- package/styled-components/cjs/components/Counter/Counter.config.js +28 -207
- package/styled-components/cjs/components/Counter/Counter.js +11 -11
- package/styled-components/cjs/components/Counter/index.js +15 -16
- package/styled-components/cjs/components/DatePicker/DatePicker.config.js +27 -572
- package/styled-components/cjs/components/DatePicker/DatePicker.js +9 -21
- package/styled-components/cjs/components/DatePicker/index.js +27 -22
- package/styled-components/cjs/components/Divider/Divider.config.js +27 -109
- package/styled-components/cjs/components/Divider/Divider.js +11 -11
- package/styled-components/cjs/components/Divider/index.js +15 -16
- package/styled-components/cjs/components/Drawer/Drawer.config.js +22 -78
- package/styled-components/cjs/components/Drawer/Drawer.js +29 -31
- package/styled-components/cjs/components/Drawer/index.js +26 -21
- package/styled-components/cjs/components/Dropdown/Dropdown.config.js +22 -245
- package/styled-components/cjs/components/Dropdown/Dropdown.js +15 -50
- package/styled-components/cjs/components/Dropdown/index.js +7 -6
- package/styled-components/cjs/components/Dropzone/Dropzone.config.js +21 -86
- package/styled-components/cjs/components/Dropzone/Dropzone.js +7 -11
- package/styled-components/cjs/components/Dropzone/index.js +21 -19
- package/styled-components/cjs/components/EmptyState/EmptyState.config.js +18 -114
- package/styled-components/cjs/components/EmptyState/EmptyState.js +7 -19
- package/styled-components/cjs/components/EmptyState/index.js +7 -6
- package/styled-components/cjs/components/Flow/Flow.config.js +7 -11
- package/styled-components/cjs/components/Flow/Flow.js +7 -11
- package/styled-components/cjs/components/Flow/index.js +7 -6
- package/styled-components/cjs/components/Grid/Grid.config.js +19 -71
- package/styled-components/cjs/components/Grid/Grid.js +18 -21
- package/styled-components/cjs/components/Grid/index.js +20 -18
- package/styled-components/cjs/components/IconButton/IconButton.config.js +43 -425
- package/styled-components/cjs/components/IconButton/IconButton.js +12 -12
- package/styled-components/cjs/components/IconButton/index.js +7 -6
- package/styled-components/cjs/components/Image/Image.component-test.js +92 -0
- package/styled-components/cjs/components/Image/Image.js +11 -11
- package/styled-components/cjs/components/Image/index.js +7 -6
- package/styled-components/cjs/components/Indicator/Indicator.config.js +27 -149
- package/styled-components/cjs/components/Indicator/Indicator.js +7 -19
- package/styled-components/cjs/components/Indicator/index.js +7 -6
- package/styled-components/cjs/components/Link/Link.config.js +29 -214
- package/styled-components/cjs/components/Link/Link.js +11 -12
- package/styled-components/cjs/components/Link/index.js +7 -6
- package/styled-components/cjs/components/LinkButton/LinkButton.config.js +31 -274
- package/styled-components/cjs/components/LinkButton/LinkButton.js +7 -11
- package/styled-components/cjs/components/LinkButton/index.js +7 -6
- package/styled-components/cjs/components/List/List.config.js +25 -177
- package/styled-components/cjs/components/List/List.js +12 -12
- package/styled-components/cjs/components/List/index.js +15 -16
- package/styled-components/cjs/components/Mask/Mask.js +6 -10
- package/styled-components/cjs/components/Mask/index.js +7 -6
- package/styled-components/cjs/components/Modal/Modal.config.js +15 -47
- package/styled-components/cjs/components/Modal/Modal.js +12 -12
- package/styled-components/cjs/components/Modal/index.js +15 -16
- package/styled-components/cjs/components/Note/Note.config.js +25 -245
- package/styled-components/cjs/components/Note/Note.js +7 -11
- package/styled-components/cjs/components/Note/index.js +21 -19
- package/styled-components/cjs/components/Notification/Notification.config.js +30 -361
- package/styled-components/cjs/components/Notification/Notification.js +23 -38
- package/styled-components/cjs/components/Notification/index.js +27 -22
- package/styled-components/cjs/components/NumberFormat/NumberFormat.js +13 -10
- package/styled-components/cjs/components/NumberFormat/index.js +7 -6
- package/styled-components/cjs/components/NumberInput/NumberInput.config.js +42 -390
- package/styled-components/cjs/components/NumberInput/NumberInput.js +7 -11
- package/styled-components/cjs/components/NumberInput/index.js +21 -19
- package/styled-components/cjs/components/Overlay/index.js +7 -6
- package/styled-components/cjs/components/Pagination/Pagination.component-test.js +298 -0
- package/styled-components/cjs/components/Pagination/Pagination.config.js +33 -350
- package/styled-components/cjs/components/Pagination/Pagination.js +12 -12
- package/styled-components/cjs/components/Pagination/index.js +7 -6
- package/styled-components/cjs/components/Popover/Popover.config.js +15 -43
- package/styled-components/cjs/components/Popover/Popover.js +7 -11
- package/styled-components/cjs/components/Popover/index.js +7 -6
- package/styled-components/cjs/components/Popup/Popup.js +10 -10
- package/styled-components/cjs/components/Popup/index.js +27 -22
- package/styled-components/cjs/components/Portal/index.js +7 -6
- package/styled-components/cjs/components/Price/Price.config.js +11 -15
- package/styled-components/cjs/components/Price/Price.js +12 -12
- package/styled-components/cjs/components/Price/index.js +15 -16
- package/styled-components/cjs/components/Progress/Progress.config.js +25 -147
- package/styled-components/cjs/components/Progress/Progress.js +8 -12
- package/styled-components/cjs/components/Progress/index.js +7 -6
- package/styled-components/cjs/components/Radiobox/Radiobox.config.js +47 -287
- package/styled-components/cjs/components/Radiobox/Radiobox.js +16 -19
- package/styled-components/cjs/components/Radiobox/index.js +14 -15
- package/styled-components/cjs/components/Range/Range.config.js +27 -309
- package/styled-components/cjs/components/Range/Range.js +11 -11
- package/styled-components/cjs/components/Range/index.js +15 -16
- package/styled-components/cjs/components/Rating/Rating.config.js +31 -469
- package/styled-components/cjs/components/Rating/Rating.js +7 -11
- package/styled-components/cjs/components/Rating/index.js +21 -19
- package/styled-components/cjs/components/SSRProvider/index.js +7 -6
- package/styled-components/cjs/components/Segment/Segment.js +32 -27
- package/styled-components/cjs/components/Segment/SegmentGroup.config.js +38 -196
- package/styled-components/cjs/components/Segment/SegmentItem.config.js +31 -266
- package/styled-components/cjs/components/Segment/index.js +26 -21
- package/styled-components/cjs/components/Select/Select.config.js +54 -1004
- package/styled-components/cjs/components/Select/Select.js +15 -50
- package/styled-components/cjs/components/Select/index.js +7 -6
- package/styled-components/cjs/components/Sheet/Sheet.config.js +18 -63
- package/styled-components/cjs/components/Sheet/Sheet.js +12 -12
- package/styled-components/cjs/components/Sheet/index.js +15 -16
- package/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +31 -230
- package/styled-components/cjs/components/Skeleton/Skeleton.js +20 -25
- package/styled-components/cjs/components/Skeleton/index.js +26 -21
- package/styled-components/cjs/components/Slider/Slider.component-test.js +223 -0
- package/styled-components/cjs/components/Slider/Slider.config.js +25 -263
- package/styled-components/cjs/components/Slider/Slider.js +13 -12
- package/styled-components/cjs/components/Slider/index.js +7 -6
- package/styled-components/cjs/components/Spinner/Spinner.config.js +23 -107
- package/styled-components/cjs/components/Spinner/Spinner.js +15 -23
- package/styled-components/cjs/components/Spinner/index.js +7 -6
- package/styled-components/cjs/components/Steps/Steps.config.js +47 -366
- package/styled-components/cjs/components/Steps/Steps.js +8 -12
- package/styled-components/cjs/components/Steps/index.js +7 -6
- package/styled-components/cjs/components/Switch/Switch.config.js +33 -193
- package/styled-components/cjs/components/Switch/Switch.js +8 -12
- package/styled-components/cjs/components/Switch/index.js +7 -6
- package/styled-components/cjs/components/Table/Table.config.js +21 -257
- package/styled-components/cjs/components/Table/Table.js +12 -12
- package/styled-components/cjs/components/Table/index.js +7 -6
- package/styled-components/cjs/components/Tabs/TabItem.js +21 -26
- package/styled-components/cjs/components/Tabs/Tabs.js +21 -26
- package/styled-components/cjs/components/Tabs/TabsController.js +16 -15
- package/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +38 -398
- package/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +37 -256
- package/styled-components/cjs/components/Tabs/index.js +35 -27
- package/styled-components/cjs/components/Tabs/vertical/VerticalTabItem.config.js +27 -186
- package/styled-components/cjs/components/Tabs/vertical/VerticalTabs.config.js +27 -133
- package/styled-components/cjs/components/TextArea/TextArea.config.js +43 -710
- package/styled-components/cjs/components/TextArea/TextArea.js +12 -12
- package/styled-components/cjs/components/TextArea/index.js +7 -6
- package/styled-components/cjs/components/TextField/TextField.config.js +55 -850
- package/styled-components/cjs/components/TextField/TextField.js +11 -11
- package/styled-components/cjs/components/TextField/index.js +15 -16
- package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +34 -352
- package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.js +11 -11
- package/styled-components/cjs/components/TextFieldGroup/index.js +7 -6
- package/styled-components/cjs/components/Toast/Toast.config.js +37 -157
- package/styled-components/cjs/components/Toast/Toast.js +14 -26
- package/styled-components/cjs/components/Toast/index.js +20 -18
- package/styled-components/cjs/components/Tokens/Colors/Colors.styles.js +51 -147
- package/styled-components/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +23 -70
- package/styled-components/cjs/components/Tokens/Typography/Typography.styles.js +76 -204
- package/styled-components/cjs/components/Toolbar/Toolbar.config.js +21 -105
- package/styled-components/cjs/components/Toolbar/Toolbar.js +13 -21
- package/styled-components/cjs/components/Toolbar/index.js +21 -19
- package/styled-components/cjs/components/Tooltip/Tooltip.config.js +20 -100
- package/styled-components/cjs/components/Tooltip/Tooltip.js +7 -11
- package/styled-components/cjs/components/Tooltip/index.js +7 -6
- package/styled-components/cjs/components/Tree/Tree.config.js +21 -176
- package/styled-components/cjs/components/Tree/Tree.js +7 -11
- package/styled-components/cjs/components/Tree/index.js +7 -6
- package/styled-components/cjs/components/Typography/Body.config.js +47 -161
- package/styled-components/cjs/components/Typography/Dspl.config.js +31 -105
- package/styled-components/cjs/components/Typography/Heading.config.js +47 -161
- package/styled-components/cjs/components/Typography/Text.config.js +39 -133
- package/styled-components/cjs/components/Typography/Typography.js +59 -116
- package/styled-components/cjs/components/Typography/index.js +106 -62
- package/styled-components/cjs/components/ViewContainer/ViewContainer.config.js +14 -46
- package/styled-components/cjs/components/ViewContainer/ViewContainer.js +7 -11
- package/styled-components/cjs/components/ViewContainer/index.js +7 -6
- package/styled-components/cjs/index.js +806 -87
- package/styled-components/cjs/mixins/index.js +20 -61
- package/styled-components/cjs/tokens/index.js +255 -126
- package/styled-components/es/components/Accordion/Accordion.config.js +21 -276
- package/styled-components/es/components/Accordion/Accordion.js +3 -3
- package/styled-components/es/components/Accordion/index.js +1 -1
- package/styled-components/es/components/Attach/Attach.config.js +31 -809
- package/styled-components/es/components/Attach/Attach.js +4 -2
- package/styled-components/es/components/Attach/index.js +1 -1
- package/styled-components/es/components/Autocomplete/Autocomplete.config.js +37 -610
- package/styled-components/es/components/Autocomplete/Autocomplete.js +2 -2
- package/styled-components/es/components/Autocomplete/index.js +1 -1
- package/styled-components/es/components/Avatar/Avatar.config.js +39 -410
- package/styled-components/es/components/Avatar/Avatar.js +3 -3
- package/styled-components/es/components/Avatar/index.js +1 -1
- package/styled-components/es/components/AvatarGroup/AvatarGroup.js +2 -2
- package/styled-components/es/components/AvatarGroup/index.js +1 -1
- package/styled-components/es/components/Badge/Badge.config.js +31 -258
- package/styled-components/es/components/Badge/Badge.js +4 -2
- package/styled-components/es/components/Badge/index.js +1 -1
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.config.js +16 -102
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +5 -3
- package/styled-components/es/components/Breadcrumbs/index.js +1 -1
- package/styled-components/es/components/Button/Button.config.js +44 -513
- package/styled-components/es/components/Button/Button.js +4 -3
- package/styled-components/es/components/Button/index.js +1 -1
- package/styled-components/es/components/ButtonBase/index.js +1 -1
- package/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +49 -539
- package/styled-components/es/components/ButtonGroup/ButtonGroup.js +4 -2
- package/styled-components/es/components/ButtonGroup/index.js +1 -1
- package/styled-components/es/components/Calendar/Calendar.js +12 -12
- package/styled-components/es/components/Calendar/CalendarBase.config.js +16 -309
- package/styled-components/es/components/Calendar/CalendarDouble.config.js +16 -311
- package/styled-components/es/components/Calendar/index.js +1 -1
- package/styled-components/es/components/Card/Card.config.js +15 -72
- package/styled-components/es/components/Card/Card.js +6 -4
- package/styled-components/es/components/Card/index.js +1 -1
- package/styled-components/es/components/Carousel/Carousel.config.js +13 -41
- package/styled-components/es/components/Carousel/Carousel.js +3 -3
- package/styled-components/es/components/Carousel/index.js +1 -1
- package/styled-components/es/components/Cell/Cell.config.js +13 -171
- package/styled-components/es/components/Cell/Cell.js +5 -3
- package/styled-components/es/components/Cell/index.js +1 -1
- package/styled-components/es/components/Checkbox/Checkbox.config.js +35 -271
- package/styled-components/es/components/Checkbox/Checkbox.js +4 -3
- package/styled-components/es/components/Checkbox/index.js +1 -1
- package/styled-components/es/components/Chip/Chip.config.js +31 -290
- package/styled-components/es/components/Chip/Chip.js +5 -3
- package/styled-components/es/components/Chip/index.js +1 -1
- package/styled-components/es/components/ChipGroup/ChipGroup.config.js +22 -199
- package/styled-components/es/components/ChipGroup/ChipGroup.js +2 -2
- package/styled-components/es/components/ChipGroup/index.js +1 -1
- package/styled-components/es/components/CodeField/CodeField.config.js +22 -134
- package/styled-components/es/components/CodeField/CodeField.js +2 -2
- package/styled-components/es/components/CodeField/index.js +1 -1
- package/styled-components/es/components/CodeInput/CodeInput.config.js +22 -0
- package/styled-components/es/components/CodeInput/CodeInput.js +9 -0
- package/styled-components/es/components/CodeInput/index.js +1 -0
- package/styled-components/es/components/Combobox/Combobox.config.js +37 -793
- package/styled-components/es/components/Combobox/Combobox.js +9 -36
- package/styled-components/es/components/Combobox/index.js +1 -1
- package/styled-components/es/components/Counter/Counter.config.js +23 -198
- package/styled-components/es/components/Counter/Counter.js +4 -2
- package/styled-components/es/components/Counter/index.js +1 -1
- package/styled-components/es/components/DatePicker/DatePicker.config.js +22 -563
- package/styled-components/es/components/DatePicker/DatePicker.js +4 -4
- package/styled-components/es/components/DatePicker/index.js +1 -1
- package/styled-components/es/components/Divider/Divider.config.js +22 -100
- package/styled-components/es/components/Divider/Divider.js +4 -2
- package/styled-components/es/components/Divider/index.js +1 -1
- package/styled-components/es/components/Drawer/Drawer.config.js +17 -69
- package/styled-components/es/components/Drawer/Drawer.js +16 -8
- package/styled-components/es/components/Drawer/index.js +1 -1
- package/styled-components/es/components/Dropdown/Dropdown.config.js +17 -236
- package/styled-components/es/components/Dropdown/Dropdown.js +9 -36
- package/styled-components/es/components/Dropdown/index.js +1 -1
- package/styled-components/es/components/Dropzone/Dropzone.config.js +16 -77
- package/styled-components/es/components/Dropzone/Dropzone.js +2 -2
- package/styled-components/es/components/Dropzone/index.js +1 -1
- package/styled-components/es/components/EmptyState/EmptyState.config.js +13 -105
- package/styled-components/es/components/EmptyState/EmptyState.js +2 -2
- package/styled-components/es/components/EmptyState/index.js +1 -1
- package/styled-components/es/components/Flow/Flow.config.js +3 -3
- package/styled-components/es/components/Flow/Flow.js +2 -2
- package/styled-components/es/components/Flow/index.js +1 -1
- package/styled-components/es/components/Grid/Grid.config.js +14 -62
- package/styled-components/es/components/Grid/Grid.js +2 -2
- package/styled-components/es/components/Grid/index.js +1 -1
- package/styled-components/es/components/IconButton/IconButton.config.js +38 -416
- package/styled-components/es/components/IconButton/IconButton.js +5 -3
- package/styled-components/es/components/IconButton/index.js +1 -1
- package/styled-components/es/components/Image/Image.component-test.js +86 -0
- package/styled-components/es/components/Image/Image.js +5 -3
- package/styled-components/es/components/Image/index.js +1 -1
- package/styled-components/es/components/Indicator/Indicator.config.js +22 -140
- package/styled-components/es/components/Indicator/Indicator.js +3 -3
- package/styled-components/es/components/Indicator/index.js +1 -1
- package/styled-components/es/components/Link/Link.config.js +24 -205
- package/styled-components/es/components/Link/Link.js +4 -3
- package/styled-components/es/components/Link/index.js +1 -1
- package/styled-components/es/components/LinkButton/LinkButton.config.js +26 -265
- package/styled-components/es/components/LinkButton/LinkButton.js +2 -2
- package/styled-components/es/components/LinkButton/index.js +1 -1
- package/styled-components/es/components/List/List.config.js +20 -168
- package/styled-components/es/components/List/List.js +5 -3
- package/styled-components/es/components/List/index.js +1 -1
- package/styled-components/es/components/Mask/Mask.js +1 -1
- package/styled-components/es/components/Mask/index.js +1 -1
- package/styled-components/es/components/Modal/Modal.config.js +10 -38
- package/styled-components/es/components/Modal/Modal.js +5 -3
- package/styled-components/es/components/Modal/index.js +1 -1
- package/styled-components/es/components/Note/Note.config.js +20 -236
- package/styled-components/es/components/Note/Note.js +2 -2
- package/styled-components/es/components/Note/index.js +1 -1
- package/styled-components/es/components/Notification/Notification.config.js +25 -352
- package/styled-components/es/components/Notification/Notification.js +15 -11
- package/styled-components/es/components/Notification/index.js +1 -1
- package/styled-components/es/components/NumberFormat/NumberFormat.js +9 -1
- package/styled-components/es/components/NumberFormat/index.js +1 -1
- package/styled-components/es/components/NumberInput/NumberInput.config.js +37 -381
- package/styled-components/es/components/NumberInput/NumberInput.js +2 -2
- package/styled-components/es/components/NumberInput/index.js +1 -1
- package/styled-components/es/components/Overlay/index.js +1 -1
- package/styled-components/es/components/Pagination/Pagination.component-test.js +293 -0
- package/styled-components/es/components/Pagination/Pagination.config.js +28 -341
- package/styled-components/es/components/Pagination/Pagination.js +5 -3
- package/styled-components/es/components/Pagination/index.js +1 -1
- package/styled-components/es/components/Popover/Popover.config.js +10 -34
- package/styled-components/es/components/Popover/Popover.js +2 -2
- package/styled-components/es/components/Popover/index.js +1 -1
- package/styled-components/es/components/Popup/Popup.js +4 -2
- package/styled-components/es/components/Popup/index.js +1 -1
- package/styled-components/es/components/Portal/index.js +1 -1
- package/styled-components/es/components/Price/Price.config.js +7 -7
- package/styled-components/es/components/Price/Price.js +5 -3
- package/styled-components/es/components/Price/index.js +1 -1
- package/styled-components/es/components/Progress/Progress.config.js +20 -138
- package/styled-components/es/components/Progress/Progress.js +3 -3
- package/styled-components/es/components/Progress/index.js +1 -1
- package/styled-components/es/components/Radiobox/Radiobox.config.js +42 -278
- package/styled-components/es/components/Radiobox/Radiobox.js +5 -4
- package/styled-components/es/components/Radiobox/index.js +1 -1
- package/styled-components/es/components/Range/Range.config.js +22 -300
- package/styled-components/es/components/Range/Range.js +4 -2
- package/styled-components/es/components/Range/index.js +1 -1
- package/styled-components/es/components/Rating/Rating.config.js +26 -460
- package/styled-components/es/components/Rating/Rating.js +2 -2
- package/styled-components/es/components/Rating/index.js +1 -1
- package/styled-components/es/components/SSRProvider/index.js +1 -1
- package/styled-components/es/components/Segment/Segment.js +10 -5
- package/styled-components/es/components/Segment/SegmentGroup.config.js +33 -187
- package/styled-components/es/components/Segment/SegmentItem.config.js +26 -257
- package/styled-components/es/components/Segment/index.js +1 -1
- package/styled-components/es/components/Select/Select.config.js +49 -995
- package/styled-components/es/components/Select/Select.js +9 -36
- package/styled-components/es/components/Select/index.js +1 -1
- package/styled-components/es/components/Sheet/Sheet.config.js +13 -54
- package/styled-components/es/components/Sheet/Sheet.js +5 -3
- package/styled-components/es/components/Sheet/index.js +1 -1
- package/styled-components/es/components/Skeleton/LineSkeleton.config.js +26 -221
- package/styled-components/es/components/Skeleton/Skeleton.js +4 -4
- package/styled-components/es/components/Skeleton/index.js +1 -1
- package/styled-components/es/components/Slider/Slider.component-test.js +220 -0
- package/styled-components/es/components/Slider/Slider.config.js +20 -254
- package/styled-components/es/components/Slider/Slider.js +5 -3
- package/styled-components/es/components/Slider/index.js +1 -1
- package/styled-components/es/components/Spinner/Spinner.config.js +18 -98
- package/styled-components/es/components/Spinner/Spinner.js +6 -8
- package/styled-components/es/components/Spinner/index.js +1 -1
- package/styled-components/es/components/Steps/Steps.config.js +42 -357
- package/styled-components/es/components/Steps/Steps.js +3 -3
- package/styled-components/es/components/Steps/index.js +1 -1
- package/styled-components/es/components/Switch/Switch.config.js +28 -184
- package/styled-components/es/components/Switch/Switch.js +3 -3
- package/styled-components/es/components/Switch/index.js +1 -1
- package/styled-components/es/components/Table/Table.config.js +16 -248
- package/styled-components/es/components/Table/Table.js +5 -3
- package/styled-components/es/components/Table/index.js +1 -1
- package/styled-components/es/components/Tabs/TabItem.js +11 -10
- package/styled-components/es/components/Tabs/Tabs.js +11 -10
- package/styled-components/es/components/Tabs/TabsController.js +7 -5
- package/styled-components/es/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -389
- package/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -247
- package/styled-components/es/components/Tabs/index.js +1 -1
- package/styled-components/es/components/Tabs/vertical/VerticalTabItem.config.js +22 -177
- package/styled-components/es/components/Tabs/vertical/VerticalTabs.config.js +22 -124
- package/styled-components/es/components/TextArea/TextArea.config.js +38 -701
- package/styled-components/es/components/TextArea/TextArea.js +5 -3
- package/styled-components/es/components/TextArea/index.js +1 -1
- package/styled-components/es/components/TextField/TextField.config.js +50 -841
- package/styled-components/es/components/TextField/TextField.js +4 -2
- package/styled-components/es/components/TextField/index.js +1 -1
- package/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +29 -343
- package/styled-components/es/components/TextFieldGroup/TextFieldGroup.js +4 -2
- package/styled-components/es/components/TextFieldGroup/index.js +1 -1
- package/styled-components/es/components/Toast/Toast.config.js +32 -148
- package/styled-components/es/components/Toast/Toast.js +4 -4
- package/styled-components/es/components/Toast/index.js +1 -1
- package/styled-components/es/components/Tokens/Colors/Colors.styles.js +43 -90
- package/styled-components/es/components/Tokens/NumberTokens/NumberTokens.styles.js +18 -37
- package/styled-components/es/components/Tokens/Typography/Typography.styles.js +68 -135
- package/styled-components/es/components/Toolbar/Toolbar.config.js +16 -96
- package/styled-components/es/components/Toolbar/Toolbar.js +6 -4
- package/styled-components/es/components/Toolbar/index.js +1 -1
- package/styled-components/es/components/Tooltip/Tooltip.config.js +15 -91
- package/styled-components/es/components/Tooltip/Tooltip.js +2 -2
- package/styled-components/es/components/Tooltip/index.js +1 -1
- package/styled-components/es/components/Tree/Tree.config.js +16 -167
- package/styled-components/es/components/Tree/Tree.js +2 -2
- package/styled-components/es/components/Tree/index.js +1 -1
- package/styled-components/es/components/Typography/Body.config.js +38 -131
- package/styled-components/es/components/Typography/Dspl.config.js +24 -83
- package/styled-components/es/components/Typography/Heading.config.js +38 -131
- package/styled-components/es/components/Typography/Text.config.js +31 -107
- package/styled-components/es/components/Typography/Typography.js +35 -35
- package/styled-components/es/components/Typography/index.js +1 -1
- package/styled-components/es/components/ViewContainer/ViewContainer.config.js +8 -36
- package/styled-components/es/components/ViewContainer/ViewContainer.js +2 -2
- package/styled-components/es/components/ViewContainer/index.js +1 -1
- package/styled-components/es/index.js +2 -1
- package/styled-components/es/mixins/index.js +1 -1
- package/styled-components/es/tokens/index.js +1 -1
- package/emotion/cjs/helpers/index.js +0 -25
- package/styled-components/cjs/helpers/index.js +0 -25
- /package/emotion/{es/helpers/index.js → cjs/helpers/index.ts} +0 -0
- /package/{styled-components/es/helpers/index.js → emotion/es/helpers/index.ts} +0 -0
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.config.js","sources":["../../../src-css/components/TextField/TextField.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n chipView: 'secondary',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-primary);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-secondary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n positive: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-positive);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-positive);\n ${tokens.clearPlaceholderColorFocus}: var(--text-positive);\n\n ${tokens.backgroundColor}: var(--surface-transparent-positive);\n ${tokens.backgroundColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-positive);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-positive);\n ${tokens.dividerColorHover}: var(--surface-positive);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n warning: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-warning);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-warning);\n ${tokens.clearPlaceholderColorFocus}: var(--text-warning);\n\n ${tokens.backgroundColor}: var(--surface-transparent-warning);\n ${tokens.backgroundColorHover}: var(--surface-transparent-warning-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-warning);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n negative: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-negative);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-negative);\n ${tokens.clearPlaceholderColorFocus}: var(--text-negative);\n\n ${tokens.backgroundColor}: var(--surface-transparent-negative);\n ${tokens.backgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n },\n size: {\n xl: css`\n ${tokens.height}: 4rem;\n ${tokens.padding}: 1.3125rem 1.125rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0rem;\n ${tokens.rightContentMargin}: -0.0625rem 0rem -0.0625rem 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.82rem -2.063rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.chipGap}: 0.125rem;\n ${tokens.chipMarginRight}: 1rem;\n ${tokens.chipBorderRadius}: 0.625rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 3.25rem;\n ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.75rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.75rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.75rem -2.488rem auto auto;\n `,\n l: css`\n ${tokens.height}: 3.5rem;\n ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.5rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.75rem;\n ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.height}: 3rem;\n ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.125rem 0.25rem -0.125rem -0.125rem;\n ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.25rem;\n ${tokens.chipPadding}: 0 0.625rem 0 0.875rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.25rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.height}: 2.5rem;\n ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.25rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.75rem;\n ${tokens.chipPadding}: 0 0.5rem 0 0.75rem;\n ${tokens.chipClearContentMarginLeft}: 0.375rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.height}: 2rem;\n ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.125rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.25rem;\n ${tokens.chipPadding}: 0 0.375rem 0 0.625rem;\n ${tokens.chipClearContentMarginLeft}: 0.25rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 0.75rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n clear: {\n true: css``,\n },\n chipView: {\n default: css`\n ${tokens.chipColor}: var(--inverse-text-primary);\n ${tokens.chipBackground}: var(--surface-solid-default);\n ${tokens.chipColorHover}: var(--inverse-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.chipColorActive}: var(--inverse-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-solid-default);\n ${tokens.chipColorReadOnly}: var(--inverse-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-solid-default);\n ${tokens.chipColorReadOnlyHover}: var(--inverse-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--inverse-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n secondary: css`\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n accent: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-accent);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-accent);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-accent);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n positive: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-positive);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-positive-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-positive-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-positive);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-positive);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n warning: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-warning);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-warning-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-warning-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-warning);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-warning);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n negative: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-negative);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-negative-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-negative-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-negative);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-negative);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.readOnlyOpacity}: 0.4;\n ${tokens.colorReadOnly}: var(--text-primary);\n ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","chipView","variations","default","positive","warning","negative","xl","l","m","s","xs","inner","outer","clear","true","secondary","accent","hintView","hintSize","disabled","readOnly"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,QAAQ,EAAE,WAAA;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,OAAO,EA+BN,SAAA;AACDC,MAAAA,QAAQ,EA+BP,SAAA;AACDC,MAAAA,OAAO,EA+BN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAgCX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAmFD,SAAA;AACDC,MAAAA,CAAC,EAiFA,SAAA;AACDC,MAAAA,CAAC,EAiFA,SAAA;AACDC,MAAAA,CAAC,EAiFA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAkFL;AACDX,IAAAA,cAAc,EAAE;AACZY,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KACR;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAA,SAAA;KACP;AACDd,IAAAA,QAAQ,EAAE;AACNE,MAAAA,OAAO,EAcN,SAAA;AACDa,MAAAA,SAAS,EAcR,UAAA;AACDC,MAAAA,MAAM,EAcL,SAAA;AACDb,MAAAA,QAAQ,EAcP,SAAA;AACDC,MAAAA,OAAO,EAcN,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAeX;AACDY,IAAAA,QAAQ,EAAE;AACNf,MAAAA,OAAO,EAAA,UAAA;KAMV;AACDgB,IAAAA,QAAQ,EAAE;AACNV,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDU,IAAAA,QAAQ,EAAE;AACNL,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDM,IAAAA,QAAQ,EAAE;AACNN,MAAAA,IAAI,EAAA,UAAA;AAUR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"TextField.config.js","sources":["../../../src-css/components/TextField/TextField.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n chipView: 'secondary',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-primary);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-secondary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n positive: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-positive);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-positive);\n ${tokens.clearPlaceholderColorFocus}: var(--text-positive);\n\n ${tokens.backgroundColor}: var(--surface-transparent-positive);\n ${tokens.backgroundColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-positive);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-positive);\n ${tokens.dividerColorHover}: var(--surface-positive);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n warning: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-warning);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-warning);\n ${tokens.clearPlaceholderColorFocus}: var(--text-warning);\n\n ${tokens.backgroundColor}: var(--surface-transparent-warning);\n ${tokens.backgroundColorHover}: var(--surface-transparent-warning-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-warning);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n negative: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-negative);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-negative);\n ${tokens.clearPlaceholderColorFocus}: var(--text-negative);\n\n ${tokens.backgroundColor}: var(--surface-transparent-negative);\n ${tokens.backgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n },\n size: {\n xl: css`\n ${tokens.height}: 4rem;\n ${tokens.padding}: 1.3125rem 1.125rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0rem;\n ${tokens.rightContentMargin}: -0.0625rem 0rem -0.0625rem 0.75rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.82rem -2.063rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.chipGap}: 0.125rem;\n ${tokens.chipMarginRight}: 1rem;\n ${tokens.chipBorderRadius}: 0.625rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 3.25rem;\n ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.75rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.75rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.75rem -2.488rem auto auto;\n `,\n l: css`\n ${tokens.height}: 3.5rem;\n ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.5rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.75rem;\n ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.height}: 3rem;\n ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.125rem 0.25rem -0.125rem -0.125rem;\n ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.25rem;\n ${tokens.chipPadding}: 0 0.625rem 0 0.875rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.25rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.height}: 2.5rem;\n ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.25rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.75rem;\n ${tokens.chipPadding}: 0 0.5rem 0 0.75rem;\n ${tokens.chipClearContentMarginLeft}: 0.375rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.height}: 2rem;\n ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.125rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.25rem;\n ${tokens.chipPadding}: 0 0.375rem 0 0.625rem;\n ${tokens.chipClearContentMarginLeft}: 0.25rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 0.75rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n clear: {\n true: css``,\n },\n chipView: {\n default: css`\n ${tokens.chipColor}: var(--inverse-text-primary);\n ${tokens.chipBackground}: var(--surface-solid-default);\n ${tokens.chipColorHover}: var(--inverse-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.chipColorActive}: var(--inverse-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-solid-default);\n ${tokens.chipColorReadOnly}: var(--inverse-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-solid-default);\n ${tokens.chipColorReadOnlyHover}: var(--inverse-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--inverse-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n secondary: css`\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n accent: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-accent);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-accent);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-accent);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n positive: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-positive);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-positive-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-positive-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-positive);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-positive);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n warning: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-warning);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-warning-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-warning-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-warning);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-warning);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n negative: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-negative);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-negative-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-negative-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-negative);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-negative);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.readOnlyOpacity}: 0.4;\n ${tokens.colorReadOnly}: var(--text-primary);\n ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","chipView","variations","default","positive","warning","negative","xl","l","m","s","xs","inner","outer","clear","true","secondary","accent","hintView","hintSize","disabled","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,QAAQ,EAAE,WAAA;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EA+BC,SAAA;AACDC,MAAAA,QAAQ,EA+BP,SAAA;AACDC,MAAAA,OAAO,EA+BN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAgCX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAmFD,SAAA;AACDC,MAAAA,CAAC,EAiFA,SAAA;AACDC,MAAAA,CAAC,EAiFA,SAAA;AACDC,MAAAA,CAAC,EAiFA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAkFL;AACDX,IAAAA,cAAc,EAAE;AACZY,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KACR;AACDC,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,SAAA;KACP;AACDd,IAAAA,QAAQ,EAAE;AACNE,MAAAA,SAAAA,EAcC,SAAA;AACDa,MAAAA,SAAS,EAcR,UAAA;AACDC,MAAAA,MAAM,EAcL,SAAA;AACDb,MAAAA,QAAQ,EAcP,SAAA;AACDC,MAAAA,OAAO,EAcN,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAeX;AACDY,IAAAA,QAAQ,EAAE;MACNf,SAAO,EAAA,UAAA;KAMV;AACDgB,IAAAA,QAAQ,EAAE;AACNV,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDU,IAAAA,QAAQ,EAAE;MACNL,MAAI,EAAA,UAAA;KAGP;AACDM,IAAAA,QAAQ,EAAE;MACNN,MAAI,EAAA,UAAA;AAUR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import { mergeConfig, textFieldConfig
|
1
|
+
import { component, mergeConfig, textFieldConfig } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './TextField.config.js';
|
3
3
|
|
4
|
-
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig, config);
|
5
5
|
|
6
6
|
/**
|
7
7
|
* Поле ввода текста.
|
8
8
|
*/
|
9
|
-
|
9
|
+
var TextField = /*#__PURE__*/component(mergedConfig);
|
10
10
|
|
11
11
|
export { TextField };
|
12
12
|
//# sourceMappingURL=TextField.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.js","sources":["../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextField","component"],"mappings":";;;AAIA,
|
1
|
+
{"version":3,"file":"TextField.js","sources":["../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextField","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,EAAEC,MAAM,CAAC,CAAA;;AAEzD;AACA;AACA;IACaC,SAAS,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import './TextFieldGroup.config_1gikqtw.css';
|
2
|
-
|
2
|
+
var config = {
|
3
3
|
defaults: {
|
4
4
|
size: 'm'
|
5
5
|
},
|
@@ -21,7 +21,7 @@ const config = {
|
|
21
21
|
},
|
22
22
|
shape: {
|
23
23
|
segmented: "sigv1bi",
|
24
|
-
default: "d1je8efc"
|
24
|
+
"default": "d1je8efc"
|
25
25
|
},
|
26
26
|
stretching: {
|
27
27
|
auto: "a13eelzg",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextFieldGroup.config.js","sources":["../../../src-css/components/TextFieldGroup/TextFieldGroup.config.ts"],"sourcesContent":["import { css, textFieldGroupTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n size: 'm',\n },\n variations: {\n size: {\n l: css`\n ${tokens.textFieldDefaultRadius}: 0.875rem;\n ${tokens.textFieldSegmentedRadius}: 0.375rem;\n ${tokens.textFieldSideRadius}: 0.875rem;\n\n ${tokens.height}: 3.5rem;\n ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.paddingWithChips}: 0.375rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.5rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.75rem;\n ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${tokens.textFieldDefaultRadius}: 0.75rem;\n ${tokens.textFieldSegmentedRadius}: 0.25rem;\n ${tokens.textFieldSideRadius}: 0.75rem;\n\n ${tokens.height}: 3rem;\n ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.paddingWithChips}: 0.375rem;\n\n ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.25rem;\n ${tokens.chipPadding}: 0 0.625rem 0 0.875rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.25rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${tokens.textFieldSegmentedRadius}: 0.25rem;\n ${tokens.textFieldSideRadius}: 0.625rem;\n ${tokens.textFieldDefaultRadius}: 0.625rem;\n\n ${tokens.height}: 2.5rem;\n ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.paddingWithChips}: 0.375rem;\n\n ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.25rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.75rem;\n ${tokens.chipPadding}: 0 0.5rem 0 0.75rem;\n ${tokens.chipClearContentMarginLeft}: 0.375rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${tokens.textFieldSegmentedRadius}: 0.125rem;\n ${tokens.textFieldDefaultRadius}: 0.5rem;\n ${tokens.textFieldSideRadius}: 0.5rem;\n\n ${tokens.height}: 2rem;\n ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.paddingWithChips}: 0.375rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.125rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.25rem;\n ${tokens.chipPadding}: 0 0.375rem 0 0.625rem;\n ${tokens.chipClearContentMarginLeft}: 0.25rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 0.75rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n orientation: {\n horizontal: css`\n ${tokens.textFieldGroupOrientation}: row;\n `,\n vertical: css`\n ${tokens.textFieldGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${tokens.textFieldGroupItemsGap}: 0.063rem;\n `,\n dense: css`\n ${tokens.textFieldGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${tokens.textFieldGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n};\n"],"names":["config","defaults","size","variations","l","m","s","xs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","default","stretching","auto","filled"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAuDA,SAAA;AACDC,MAAAA,CAAC,EAuDA,SAAA;AACDC,MAAAA,CAAC,EAuDA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAwDL;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,UAAA;AACDC,MAAAA,KAAK,EAEJ,UAAA;AACDC,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,SAAA;AAChBC,MAAAA,OAAO,EAAA,UAAA;KACV;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,UAAA;AACXC,MAAAA,MAAM,EAAA,UAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"TextFieldGroup.config.js","sources":["../../../src-css/components/TextFieldGroup/TextFieldGroup.config.ts"],"sourcesContent":["import { css, textFieldGroupTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n size: 'm',\n },\n variations: {\n size: {\n l: css`\n ${tokens.textFieldDefaultRadius}: 0.875rem;\n ${tokens.textFieldSegmentedRadius}: 0.375rem;\n ${tokens.textFieldSideRadius}: 0.875rem;\n\n ${tokens.height}: 3.5rem;\n ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.paddingWithChips}: 0.375rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.5rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.75rem;\n ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.5rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${tokens.textFieldDefaultRadius}: 0.75rem;\n ${tokens.textFieldSegmentedRadius}: 0.25rem;\n ${tokens.textFieldSideRadius}: 0.75rem;\n\n ${tokens.height}: 3rem;\n ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.paddingWithChips}: 0.375rem;\n\n ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.25rem;\n ${tokens.chipPadding}: 0 0.625rem 0 0.875rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.25rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${tokens.textFieldSegmentedRadius}: 0.25rem;\n ${tokens.textFieldSideRadius}: 0.625rem;\n ${tokens.textFieldDefaultRadius}: 0.625rem;\n\n ${tokens.height}: 2.5rem;\n ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.paddingWithChips}: 0.375rem;\n\n ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.25rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.75rem;\n ${tokens.chipPadding}: 0 0.5rem 0 0.75rem;\n ${tokens.chipClearContentMarginLeft}: 0.375rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${tokens.textFieldSegmentedRadius}: 0.125rem;\n ${tokens.textFieldDefaultRadius}: 0.5rem;\n ${tokens.textFieldSideRadius}: 0.5rem;\n\n ${tokens.height}: 2rem;\n ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.paddingWithChips}: 0.375rem;\n\n ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.125rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.25rem;\n ${tokens.chipPadding}: 0 0.375rem 0 0.625rem;\n ${tokens.chipClearContentMarginLeft}: 0.25rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 0.75rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n orientation: {\n horizontal: css`\n ${tokens.textFieldGroupOrientation}: row;\n `,\n vertical: css`\n ${tokens.textFieldGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${tokens.textFieldGroupItemsGap}: 0.063rem;\n `,\n dense: css`\n ${tokens.textFieldGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${tokens.textFieldGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n};\n"],"names":["config","defaults","size","variations","l","m","s","xs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","default","stretching","auto","filled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAuDA,SAAA;AACDC,MAAAA,CAAC,EAuDA,SAAA;AACDC,MAAAA,CAAC,EAuDA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAwDL;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,UAAA;AACDC,MAAAA,KAAK,EAEJ,UAAA;AACDC,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,SAAA;MAChBC,SAAO,EAAA,UAAA;KACV;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,UAAA;AACXC,MAAAA,MAAM,EAAA,UAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import { mergeConfig, textFieldGroupConfig
|
1
|
+
import { component, mergeConfig, textFieldGroupConfig } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './TextFieldGroup.config.js';
|
3
3
|
|
4
|
-
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(textFieldGroupConfig, config);
|
5
5
|
|
6
6
|
/**
|
7
7
|
* Группа TextField.
|
8
8
|
*/
|
9
|
-
|
9
|
+
var TextFieldGroup = /*#__PURE__*/component(mergedConfig);
|
10
10
|
|
11
11
|
export { TextFieldGroup };
|
12
12
|
//# sourceMappingURL=TextFieldGroup.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextFieldGroup.js","sources":["../../../src-css/components/TextFieldGroup/TextFieldGroup.tsx"],"sourcesContent":["import { textFieldGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextFieldGroup.config';\n\nconst mergedConfig = mergeConfig(textFieldGroupConfig, config);\n\n/**\n * Группа TextField.\n */\nexport const TextFieldGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","textFieldGroupConfig","config","TextFieldGroup","component"],"mappings":";;;AAIA,
|
1
|
+
{"version":3,"file":"TextFieldGroup.js","sources":["../../../src-css/components/TextFieldGroup/TextFieldGroup.tsx"],"sourcesContent":["import { textFieldGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextFieldGroup.config';\n\nconst mergedConfig = mergeConfig(textFieldGroupConfig, config);\n\n/**\n * Группа TextField.\n */\nexport const TextFieldGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","textFieldGroupConfig","config","TextFieldGroup","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,oBAAoB,EAAEC,MAAM,CAAC,CAAA;;AAE9D;AACA;AACA;IACaC,cAAc,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import './Toast.config_mtfyaa.css';
|
2
|
-
|
2
|
+
var config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
5
5
|
size: 'm',
|
@@ -7,7 +7,7 @@ const config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
default: "d1bsn3dp",
|
10
|
+
"default": "d1bsn3dp",
|
11
11
|
positive: "ptjd8cf",
|
12
12
|
negative: "n1i63r6p",
|
13
13
|
/**
|
@@ -25,10 +25,10 @@ const config = {
|
|
25
25
|
m: "m1hfuauu"
|
26
26
|
},
|
27
27
|
closeIconType: {
|
28
|
-
default: "dh1sjxu"
|
28
|
+
"default": "dh1sjxu"
|
29
29
|
},
|
30
30
|
pilled: {
|
31
|
-
true: "ttkpp4s"
|
31
|
+
"true": "ttkpp4s"
|
32
32
|
}
|
33
33
|
}
|
34
34
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toast.config.js","sources":["../../../src-css/components/Toast/Toast.config.ts"],"sourcesContent":["import { css, toastTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n closeIconType: 'default',\n },\n variations: {\n view: {\n default: css`\n ${toastTokens.color}: var(--text-primary);\n ${toastTokens.background}: var(--surface-solid-card-brightness);\n\n ${toastTokens.closeIconColor}: var(--text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n `,\n positive: css`\n ${toastTokens.color}: var(--text-primary);\n ${toastTokens.background}: var(--surface-solid-card-brightness);\n ${toastTokens.contentLeftColor}: var(--text-positive);\n\n ${toastTokens.closeIconColor}: var(--text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n `,\n negative: css`\n ${toastTokens.color}: var(--text-primary);\n ${toastTokens.background}: var(--surface-solid-card-brightness);\n ${toastTokens.contentLeftColor}: var(--text-negative);\n\n ${toastTokens.closeIconColor}: var(--text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n `,\n /**\n * @deprecated\n * светлый и темный фон регулировать через `view` компонента `ViewContainer`\n */\n dark: css`\n ${toastTokens.color}: var(--on-dark-text-primary);\n ${toastTokens.background}: var(--on-dark-surface-solid-primary-brightness);\n\n ${toastTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--on-dark-text-secondary);\n `,\n /**\n * @deprecated\n * светлый и темный фон регулировать через `view` компонента `ViewContainer`\n */\n light: css`\n ${toastTokens.color}: var(--on-light-text-primary);\n ${toastTokens.background}: var(--on-light-surface-solid-primary-brightness);\n\n ${toastTokens.closeIconColor}: var(--on-light-text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--on-light-text-secondary);\n `,\n },\n size: {\n m: css`\n ${toastTokens.borderRadius}: 0.75rem;\n ${toastTokens.maxWidth}: calc(100vw - 5rem);\n ${toastTokens.padding}: 0.5625rem 0.75rem;\n ${toastTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${toastTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${toastTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${toastTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${toastTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${toastTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${toastTokens.contentLeftMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.5rem;\n `,\n },\n closeIconType: {\n default: css`\n ${toastTokens.closeIconButtonSize}: 1rem;\n ${toastTokens.closeIconSize}: 1.5rem;\n `,\n },\n pilled: {\n true: css`\n ${toastTokens.pilledBorderRadius}: 1.5rem;\n\n ${toastTokens.contentLeftMargin}: -0.0625rem 0.375rem -0.0625rem -0.25rem;\n ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.375rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","closeIconType","variations","default","positive","negative","dark","light","m","pilled","true"],"mappings":"AAEO,
|
1
|
+
{"version":3,"file":"Toast.config.js","sources":["../../../src-css/components/Toast/Toast.config.ts"],"sourcesContent":["import { css, toastTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n closeIconType: 'default',\n },\n variations: {\n view: {\n default: css`\n ${toastTokens.color}: var(--text-primary);\n ${toastTokens.background}: var(--surface-solid-card-brightness);\n\n ${toastTokens.closeIconColor}: var(--text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n `,\n positive: css`\n ${toastTokens.color}: var(--text-primary);\n ${toastTokens.background}: var(--surface-solid-card-brightness);\n ${toastTokens.contentLeftColor}: var(--text-positive);\n\n ${toastTokens.closeIconColor}: var(--text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n `,\n negative: css`\n ${toastTokens.color}: var(--text-primary);\n ${toastTokens.background}: var(--surface-solid-card-brightness);\n ${toastTokens.contentLeftColor}: var(--text-negative);\n\n ${toastTokens.closeIconColor}: var(--text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n `,\n /**\n * @deprecated\n * светлый и темный фон регулировать через `view` компонента `ViewContainer`\n */\n dark: css`\n ${toastTokens.color}: var(--on-dark-text-primary);\n ${toastTokens.background}: var(--on-dark-surface-solid-primary-brightness);\n\n ${toastTokens.closeIconColor}: var(--on-dark-text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--on-dark-text-secondary);\n `,\n /**\n * @deprecated\n * светлый и темный фон регулировать через `view` компонента `ViewContainer`\n */\n light: css`\n ${toastTokens.color}: var(--on-light-text-primary);\n ${toastTokens.background}: var(--on-light-surface-solid-primary-brightness);\n\n ${toastTokens.closeIconColor}: var(--on-light-text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--on-light-text-secondary);\n `,\n },\n size: {\n m: css`\n ${toastTokens.borderRadius}: 0.75rem;\n ${toastTokens.maxWidth}: calc(100vw - 5rem);\n ${toastTokens.padding}: 0.5625rem 0.75rem;\n ${toastTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${toastTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${toastTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${toastTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${toastTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${toastTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${toastTokens.contentLeftMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.5rem;\n `,\n },\n closeIconType: {\n default: css`\n ${toastTokens.closeIconButtonSize}: 1rem;\n ${toastTokens.closeIconSize}: 1.5rem;\n `,\n },\n pilled: {\n true: css`\n ${toastTokens.pilledBorderRadius}: 1.5rem;\n\n ${toastTokens.contentLeftMargin}: -0.0625rem 0.375rem -0.0625rem -0.25rem;\n ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.375rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","closeIconType","variations","default","positive","negative","dark","light","m","pilled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,aAAa,EAAE,SAAA;GAClB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAMC,UAAA;AACDC,MAAAA,QAAQ,EAOP,SAAA;AACDC,MAAAA,QAAQ,EAOP,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,IAAI,EAMH,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,KAAK,EAAA,UAAA;KAOR;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAAA,UAAA;KAcJ;AACDP,IAAAA,aAAa,EAAE;MACXE,SAAO,EAAA,SAAA;KAIV;AACDM,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,11 +1,11 @@
|
|
1
|
-
import {
|
1
|
+
import { component, ToastProviderHoc, mergeConfig, toastConfig, ToastControllerHoc } from '@salutejs/plasma-new-hope';
|
2
2
|
export { useToast } from '@salutejs/plasma-new-hope';
|
3
3
|
import { config } from './Toast.config.js';
|
4
4
|
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
5
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(toastConfig, config);
|
6
|
+
var Toast = /*#__PURE__*/component(mergedConfig);
|
7
|
+
var ToastController = /*#__PURE__*/ToastControllerHoc(Toast);
|
8
|
+
var ToastProvider = /*#__PURE__*/ToastProviderHoc(ToastController);
|
9
9
|
|
10
10
|
export { Toast, ToastController, ToastProvider };
|
11
11
|
//# sourceMappingURL=Toast.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toast.js","sources":["../../../src-css/components/Toast/Toast.tsx"],"sourcesContent":["import {\n toastConfig,\n ToastProviderHoc,\n ToastControllerHoc,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Toast.config';\n\nexport { useToast } from '@salutejs/plasma-new-hope';\n\nconst mergedConfig = mergeConfig(toastConfig, config);\n\nexport const Toast = component(mergedConfig);\nexport const ToastController = ToastControllerHoc(Toast);\nexport const ToastProvider = ToastProviderHoc(ToastController);\n"],"names":["mergedConfig","mergeConfig","toastConfig","config","Toast","component","ToastController","ToastControllerHoc","ToastProvider","ToastProviderHoc"],"mappings":";;;;AAYA,
|
1
|
+
{"version":3,"file":"Toast.js","sources":["../../../src-css/components/Toast/Toast.tsx"],"sourcesContent":["import {\n toastConfig,\n ToastProviderHoc,\n ToastControllerHoc,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Toast.config';\n\nexport { useToast } from '@salutejs/plasma-new-hope';\n\nconst mergedConfig = mergeConfig(toastConfig, config);\n\nexport const Toast = component(mergedConfig);\nexport const ToastController = ToastControllerHoc(Toast);\nexport const ToastProvider = ToastProviderHoc(ToastController);\n"],"names":["mergedConfig","mergeConfig","toastConfig","config","Toast","component","ToastController","ToastControllerHoc","ToastProvider","ToastProviderHoc"],"mappings":";;;;AAYA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;IAExCC,KAAK,gBAAGC,SAAS,CAACL,YAAY,EAAC;IAC/BM,eAAe,gBAAGC,kBAAkB,CAACH,KAAK,EAAC;IAC3CI,aAAa,gBAAGC,gBAAgB,CAACH,eAAe;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toolbar.config.js","sources":["../../../src-css/components/Toolbar/Toolbar.config.ts"],"sourcesContent":["import { css, toolbarTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n /* TODO: заменить значение box-shadow на var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n ${toolbarTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${toolbarTokens.background}: var(--surface-solid-card-brightness);\n\n ${toolbarTokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n },\n size: {\n xs: css`\n ${toolbarTokens.size}: 2.5rem;\n ${toolbarTokens.padding}: 0.25rem;\n ${toolbarTokens.borderRadius}: 0.75rem;\n\n ${toolbarTokens.dividerSize}: 1.25rem;\n ${toolbarTokens.dividerOffset}: 0.5rem;\n ${toolbarTokens.dividerBorderRadius}: 0.0625rem;\n `,\n s: css`\n ${toolbarTokens.size}: 3rem;\n ${toolbarTokens.padding}: 0.25rem;\n ${toolbarTokens.borderRadius}: 0.875rem;\n\n ${toolbarTokens.dividerSize}: 1.5rem;\n ${toolbarTokens.dividerOffset}: 0.5rem;\n ${toolbarTokens.dividerBorderRadius}: 0.0625rem;\n `,\n m: css`\n ${toolbarTokens.size}: 3.75rem;\n ${toolbarTokens.padding}: 0.375rem;\n ${toolbarTokens.borderRadius}: 1rem;\n\n ${toolbarTokens.dividerSize}: 1.75rem;\n ${toolbarTokens.dividerOffset}: 0.625rem;\n ${toolbarTokens.dividerBorderRadius}: 0.0625rem;\n `,\n l: css`\n ${toolbarTokens.size}: 4.5rem;\n ${toolbarTokens.padding}: 0.5rem;\n ${toolbarTokens.borderRadius}: 1.25rem;\n\n ${toolbarTokens.dividerSize}: 2rem;\n ${toolbarTokens.dividerOffset}: 0.75rem;\n ${toolbarTokens.dividerBorderRadius}: 0.0625rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xs","s","m","l"],"mappings":"AAEO,
|
1
|
+
{"version":3,"file":"Toolbar.config.js","sources":["../../../src-css/components/Toolbar/Toolbar.config.ts"],"sourcesContent":["import { css, toolbarTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n /* TODO: заменить значение box-shadow на var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n ${toolbarTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${toolbarTokens.background}: var(--surface-solid-card-brightness);\n\n ${toolbarTokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n },\n size: {\n xs: css`\n ${toolbarTokens.size}: 2.5rem;\n ${toolbarTokens.padding}: 0.25rem;\n ${toolbarTokens.borderRadius}: 0.75rem;\n\n ${toolbarTokens.dividerSize}: 1.25rem;\n ${toolbarTokens.dividerOffset}: 0.5rem;\n ${toolbarTokens.dividerBorderRadius}: 0.0625rem;\n `,\n s: css`\n ${toolbarTokens.size}: 3rem;\n ${toolbarTokens.padding}: 0.25rem;\n ${toolbarTokens.borderRadius}: 0.875rem;\n\n ${toolbarTokens.dividerSize}: 1.5rem;\n ${toolbarTokens.dividerOffset}: 0.5rem;\n ${toolbarTokens.dividerBorderRadius}: 0.0625rem;\n `,\n m: css`\n ${toolbarTokens.size}: 3.75rem;\n ${toolbarTokens.padding}: 0.375rem;\n ${toolbarTokens.borderRadius}: 1rem;\n\n ${toolbarTokens.dividerSize}: 1.75rem;\n ${toolbarTokens.dividerOffset}: 0.625rem;\n ${toolbarTokens.dividerBorderRadius}: 0.0625rem;\n `,\n l: css`\n ${toolbarTokens.size}: 4.5rem;\n ${toolbarTokens.padding}: 0.5rem;\n ${toolbarTokens.borderRadius}: 1.25rem;\n\n ${toolbarTokens.dividerSize}: 2rem;\n ${toolbarTokens.dividerOffset}: 0.75rem;\n ${toolbarTokens.dividerBorderRadius}: 0.0625rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xs","s","m","l"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAQD,UAAA;AACDC,MAAAA,CAAC,EAQA,UAAA;AACDC,MAAAA,CAAC,EAQA,QAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;AASL,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,14 +1,14 @@
|
|
1
|
-
import { mergeConfig, toolbarConfig,
|
1
|
+
import { component, mergeConfig, toolbarConfig, toolbarDividerConfig } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './Toolbar.config.js';
|
3
3
|
|
4
|
-
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(toolbarConfig, config);
|
5
5
|
|
6
6
|
/**
|
7
7
|
* Компонент Toolbar.
|
8
8
|
*/
|
9
|
-
|
10
|
-
|
11
|
-
|
9
|
+
var Toolbar = /*#__PURE__*/component(mergedConfig);
|
10
|
+
var mergedDividerConfig = /*#__PURE__*/mergeConfig(toolbarDividerConfig);
|
11
|
+
var ToolbarDivider = /*#__PURE__*/component(mergedDividerConfig);
|
12
12
|
|
13
13
|
export { Toolbar, ToolbarDivider };
|
14
14
|
//# sourceMappingURL=Toolbar.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sources":["../../../src-css/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import {\n toolbarConfig,\n component,\n mergeConfig,\n toolbarDividerConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Toolbar.config';\n\nconst mergedConfig = mergeConfig(toolbarConfig, config);\n\n/**\n * Компонент Toolbar.\n */\nexport const Toolbar = component(mergedConfig);\n\nconst mergedDividerConfig = mergeConfig(toolbarDividerConfig);\nexport const ToolbarDivider = component(mergedDividerConfig);\n"],"names":["mergedConfig","mergeConfig","toolbarConfig","config","Toolbar","component","mergedDividerConfig","toolbarDividerConfig","ToolbarDivider"],"mappings":";;;AASA,
|
1
|
+
{"version":3,"file":"Toolbar.js","sources":["../../../src-css/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import {\n toolbarConfig,\n component,\n mergeConfig,\n toolbarDividerConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Toolbar.config';\n\nconst mergedConfig = mergeConfig(toolbarConfig, config);\n\n/**\n * Компонент Toolbar.\n */\nexport const Toolbar = component(mergedConfig);\n\nconst mergedDividerConfig = mergeConfig(toolbarDividerConfig);\nexport const ToolbarDivider = component(mergedDividerConfig);\n"],"names":["mergedConfig","mergeConfig","toolbarConfig","config","Toolbar","component","mergedDividerConfig","toolbarDividerConfig","ToolbarDivider"],"mappings":";;;AASA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,EAAEC,MAAM,CAAC,CAAA;;AAEvD;AACA;AACA;IACaC,OAAO,gBAAGC,SAAS,CAACL,YAAY,EAAC;AAE9C,IAAMM,mBAAmB,gBAAGL,WAAW,CAACM,oBAAoB,CAAC,CAAA;IAChDC,cAAc,gBAAGH,SAAS,CAACC,mBAAmB;;;;"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import './Tooltip.config_19fazns.css';
|
2
|
-
|
2
|
+
var config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
5
5
|
size: 'm'
|
@@ -11,7 +11,7 @@ const config = {
|
|
11
11
|
},
|
12
12
|
view: {
|
13
13
|
// TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
|
14
|
-
default: "dawvnm3"
|
14
|
+
"default": "dawvnm3"
|
15
15
|
}
|
16
16
|
}
|
17
17
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tooltip.config.js","sources":["../../../src-css/components/Tooltip/Tooltip.config.ts"],"sourcesContent":["import { css, tooltipTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n s: css`\n ${tooltipTokens.paddingTop}: 0.5rem;\n ${tooltipTokens.paddingRight}: 0.75rem;\n ${tooltipTokens.paddingBottom}: 0.5rem;\n ${tooltipTokens.paddingLeft}: 0.75rem;\n\n ${tooltipTokens.minHeight}: 2rem;\n ${tooltipTokens.borderRadius}: 0.5rem;\n\n ${tooltipTokens.textFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tooltipTokens.textFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tooltipTokens.textFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tooltipTokens.textFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tooltipTokens.textFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tooltipTokens.textFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tooltipTokens.contentLeftMargin}: 0.25rem;\n\n ${tooltipTokens.arrowMaskWidth}: 1rem;\n ${tooltipTokens.arrowMaskHeight}: 1rem;\n ${tooltipTokens.arrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tooltipTokens.arrowHeight}: 0.375rem;\n ${tooltipTokens.arrowEdgeMargin}: 0.5625rem;\n ${tooltipTokens.arrowBackground}: var(--surface-solid-card-brightness);\n `,\n m: css`\n ${tooltipTokens.paddingTop}: 0.6875rem;\n ${tooltipTokens.paddingRight}: 0.875rem;\n ${tooltipTokens.paddingBottom}: 0.6875rem;\n ${tooltipTokens.paddingLeft}: 0.875rem;\n\n ${tooltipTokens.minHeight}: 2.5rem;\n ${tooltipTokens.borderRadius}: 0.625rem;\n\n ${tooltipTokens.textFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tooltipTokens.textFontSize}: var(--plasma-typo-body-s-font-size);\n ${tooltipTokens.textFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tooltipTokens.textFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tooltipTokens.textFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tooltipTokens.textFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tooltipTokens.contentLeftMargin}: 0.375rem;\n\n ${tooltipTokens.arrowMaskWidth}: 1.25rem;\n ${tooltipTokens.arrowMaskHeight}: 1.25rem;\n ${tooltipTokens.arrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tooltipTokens.arrowHeight}: 0.5rem;\n ${tooltipTokens.arrowEdgeMargin}: 0.625rem;\n ${tooltipTokens.arrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n view: {\n // TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131\n default: css`\n ${tooltipTokens.backgroundColor}: var(--surface-solid-card-brightness);\n ${tooltipTokens.boxShadow}: 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ${tooltipTokens.color}: var(--text-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","s","m","default"],"mappings":"AAEO,
|
1
|
+
{"version":3,"file":"Tooltip.config.js","sources":["../../../src-css/components/Tooltip/Tooltip.config.ts"],"sourcesContent":["import { css, tooltipTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n s: css`\n ${tooltipTokens.paddingTop}: 0.5rem;\n ${tooltipTokens.paddingRight}: 0.75rem;\n ${tooltipTokens.paddingBottom}: 0.5rem;\n ${tooltipTokens.paddingLeft}: 0.75rem;\n\n ${tooltipTokens.minHeight}: 2rem;\n ${tooltipTokens.borderRadius}: 0.5rem;\n\n ${tooltipTokens.textFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tooltipTokens.textFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tooltipTokens.textFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tooltipTokens.textFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tooltipTokens.textFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tooltipTokens.textFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tooltipTokens.contentLeftMargin}: 0.25rem;\n\n ${tooltipTokens.arrowMaskWidth}: 1rem;\n ${tooltipTokens.arrowMaskHeight}: 1rem;\n ${tooltipTokens.arrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tooltipTokens.arrowHeight}: 0.375rem;\n ${tooltipTokens.arrowEdgeMargin}: 0.5625rem;\n ${tooltipTokens.arrowBackground}: var(--surface-solid-card-brightness);\n `,\n m: css`\n ${tooltipTokens.paddingTop}: 0.6875rem;\n ${tooltipTokens.paddingRight}: 0.875rem;\n ${tooltipTokens.paddingBottom}: 0.6875rem;\n ${tooltipTokens.paddingLeft}: 0.875rem;\n\n ${tooltipTokens.minHeight}: 2.5rem;\n ${tooltipTokens.borderRadius}: 0.625rem;\n\n ${tooltipTokens.textFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tooltipTokens.textFontSize}: var(--plasma-typo-body-s-font-size);\n ${tooltipTokens.textFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tooltipTokens.textFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tooltipTokens.textFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tooltipTokens.textFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tooltipTokens.contentLeftMargin}: 0.375rem;\n\n ${tooltipTokens.arrowMaskWidth}: 1.25rem;\n ${tooltipTokens.arrowMaskHeight}: 1.25rem;\n ${tooltipTokens.arrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tooltipTokens.arrowHeight}: 0.5rem;\n ${tooltipTokens.arrowEdgeMargin}: 0.625rem;\n ${tooltipTokens.arrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n view: {\n // TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131\n default: css`\n ${tooltipTokens.backgroundColor}: var(--surface-solid-card-brightness);\n ${tooltipTokens.boxShadow}: 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ${tooltipTokens.color}: var(--text-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","s","m","default"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAwBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAyBJ;AACDJ,IAAAA,IAAI,EAAE;AACF;MACAK,SAAO,EAAA,SAAA;AAKX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,8 +1,8 @@
|
|
1
|
-
import { mergeConfig, tooltipConfig
|
1
|
+
import { component, mergeConfig, tooltipConfig } from '@salutejs/plasma-new-hope';
|
2
2
|
import { config } from './Tooltip.config.js';
|
3
3
|
|
4
|
-
|
5
|
-
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(tooltipConfig, config);
|
5
|
+
var Tooltip = /*#__PURE__*/component(mergedConfig);
|
6
6
|
|
7
7
|
export { Tooltip };
|
8
8
|
//# sourceMappingURL=Tooltip.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../src-css/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { ForwardRefExoticComponent, RefAttributes } from 'react';\nimport { TooltipProps, tooltipConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Tooltip.config';\n\nconst mergedConfig = mergeConfig(tooltipConfig, config);\n\nexport const Tooltip = component(mergedConfig) as ForwardRefExoticComponent<\n TooltipProps & RefAttributes<HTMLDivElement>\n>;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","config","Tooltip","component"],"mappings":";;;AAKA,
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../src-css/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { ForwardRefExoticComponent, RefAttributes } from 'react';\nimport { TooltipProps, tooltipConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Tooltip.config';\n\nconst mergedConfig = mergeConfig(tooltipConfig, config);\n\nexport const Tooltip = component(mergedConfig) as ForwardRefExoticComponent<\n TooltipProps & RefAttributes<HTMLDivElement>\n>;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","config","Tooltip","component"],"mappings":";;;AAKA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,EAAEC,MAAM,CAAC,CAAA;IAE1CC,OAAO,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|