@salutejs/sdds-serv 0.330.0-canary.2368.19908980296.0 → 0.330.0-canary.2371.19919666002.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/README.mdx +1 -1
- package/components/Accordion/Accordion.config.js.map +1 -1
- package/components/Accordion/Accordion.js +1 -1
- package/components/Accordion/Accordion.js.map +1 -1
- package/components/Attach/Attach.config.js.map +1 -1
- package/components/Attach/Attach.js.map +1 -1
- package/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/components/Autocomplete/Autocomplete.js.map +1 -1
- package/components/Avatar/Avatar.config.js.map +1 -1
- package/components/Avatar/Avatar.js.map +1 -1
- package/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/components/Badge/Badge.config.js.map +1 -1
- package/components/Badge/Badge.js.map +1 -1
- package/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.js.map +1 -1
- package/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/components/Calendar/Calendar.js.map +1 -1
- package/components/Calendar/CalendarBase.config.js.map +1 -1
- package/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/components/Card/Card.config.js.map +1 -1
- package/components/Card/Card.js +2 -2
- package/components/Card/Card.js.map +1 -1
- package/components/Carousel/Carousel.config.js.map +1 -1
- package/components/Carousel/Carousel.js.map +1 -1
- package/components/Cell/Cell.config.js.map +1 -1
- package/components/Cell/Cell.js.map +1 -1
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.js.map +1 -1
- package/components/Chip/Chip.config.js.map +1 -1
- package/components/Chip/Chip.js.map +1 -1
- package/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/components/ChipGroup/ChipGroup.js.map +1 -1
- package/components/CodeField/CodeField.config.js.map +1 -1
- package/components/CodeField/CodeField.js.map +1 -1
- package/components/CodeInput/CodeInput.config.js.map +1 -1
- package/components/CodeInput/CodeInput.js.map +1 -1
- package/components/Combobox/Combobox.config.js.map +1 -1
- package/components/Combobox/Combobox.js.map +1 -1
- package/components/Counter/Counter.config.js.map +1 -1
- package/components/Counter/Counter.js.map +1 -1
- package/components/DatePicker/DatePicker.config.js.map +1 -1
- package/components/DatePicker/DatePicker.js.map +1 -1
- package/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/components/Divider/Divider.config.js.map +1 -1
- package/components/Divider/Divider.js.map +1 -1
- package/components/Drawer/Drawer.config.js.map +1 -1
- package/components/Drawer/Drawer.js.map +1 -1
- package/components/Dropdown/Dropdown.config.js.map +1 -1
- package/components/Dropdown/Dropdown.js.map +1 -1
- package/components/Dropzone/Dropzone.config.js.map +1 -1
- package/components/Dropzone/Dropzone.js.map +1 -1
- package/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
- package/components/EmbedIconButton/EmbedIconButton.js.map +1 -1
- package/components/EmptyState/EmptyState.config.js.map +1 -1
- package/components/EmptyState/EmptyState.js.map +1 -1
- package/components/Flow/Flow.config.js.map +1 -1
- package/components/Flow/Flow.js.map +1 -1
- 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.map +1 -1
- package/components/IconButton/IconButton.js.map +1 -1
- package/components/Image/Image.js.map +1 -1
- package/components/Indicator/Indicator.config.js.map +1 -1
- package/components/Indicator/Indicator.js.map +1 -1
- package/components/InformationWrapper/InformationWrapper.config.js.map +1 -1
- package/components/InformationWrapper/InformationWrapper.js.map +1 -1
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/Link.js.map +1 -1
- package/components/LinkButton/LinkButton.config.js.map +1 -1
- package/components/LinkButton/LinkButton.js.map +1 -1
- package/components/List/List.config.js.map +1 -1
- package/components/List/List.js.map +1 -1
- package/components/Loader/Loader.config.js.map +1 -1
- package/components/Loader/Loader.js.map +1 -1
- package/components/Modal/Modal.config.js.map +1 -1
- package/components/Modal/Modal.js.map +1 -1
- package/components/Note/Note.config.js.map +1 -1
- package/components/Note/Note.js.map +1 -1
- package/components/Notification/Notification.config.js.map +1 -1
- package/components/Notification/Notification.js.map +1 -1
- package/components/NumberInput/NumberInput.config.js.map +1 -1
- package/components/NumberInput/NumberInput.js.map +1 -1
- package/components/Pagination/Pagination.config.js.map +1 -1
- package/components/Pagination/Pagination.js.map +1 -1
- package/components/Popover/Popover.config.js.map +1 -1
- package/components/Popover/Popover.js.map +1 -1
- package/components/Popup/Popup.js.map +1 -1
- package/components/Price/Price.config.js.map +1 -1
- package/components/Price/Price.js.map +1 -1
- package/components/Progress/Progress.config.js.map +1 -1
- package/components/Progress/Progress.js.map +1 -1
- package/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -1
- package/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.js +1 -1
- package/components/Radiobox/Radiobox.js.map +1 -1
- package/components/Range/Range.config.js.map +1 -1
- package/components/Range/Range.js.map +1 -1
- package/components/Rating/Rating.config.js.map +1 -1
- package/components/Rating/Rating.js.map +1 -1
- package/components/Segment/Segment.js +2 -2
- package/components/Segment/Segment.js.map +1 -1
- package/components/Segment/SegmentGroup.config.js.map +1 -1
- package/components/Segment/SegmentItem.config.js.map +1 -1
- package/components/Select/Select.config.js.map +1 -1
- package/components/Select/Select.js.map +1 -1
- package/components/Sheet/Sheet.config.js.map +1 -1
- package/components/Sheet/Sheet.js.map +1 -1
- package/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/components/Skeleton/Skeleton.js +2 -2
- package/components/Skeleton/Skeleton.js.map +1 -1
- package/components/Slider/Slider.config.js.map +1 -1
- package/components/Slider/Slider.js.map +1 -1
- package/components/Spinner/Spinner.config.js.map +1 -1
- package/components/Spinner/Spinner.js.map +1 -1
- package/components/Steps/Steps.config.js.map +1 -1
- package/components/Steps/Steps.js.map +1 -1
- package/components/Switch/Switch.config.js.map +1 -1
- package/components/Switch/Switch.js.map +1 -1
- package/components/Table/Table.config.js.map +1 -1
- package/components/Table/Table.js.map +1 -1
- package/components/Tabs/TabItem.js.map +1 -1
- package/components/Tabs/Tabs.js.map +1 -1
- package/components/Tabs/TabsController.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalIconTabItem.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/components/TextArea/TextArea.config.js.map +1 -1
- package/components/TextArea/TextArea.js.map +1 -1
- package/components/TextField/TextField.clear.config.js.map +1 -1
- package/components/TextField/TextField.config.js.map +1 -1
- package/components/TextField/TextField.js.map +1 -1
- package/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/components/TimePicker/TimePicker.config.js.map +1 -1
- package/components/TimePicker/TimePicker.js.map +1 -1
- package/components/Toast/Toast.config.js.map +1 -1
- package/components/Toast/Toast.js +1 -1
- package/components/Toast/Toast.js.map +1 -1
- package/components/Toolbar/Toolbar.config.js.map +1 -1
- package/components/Toolbar/Toolbar.js.map +1 -1
- package/components/Tooltip/Tooltip.config.js.map +1 -1
- package/components/Tooltip/Tooltip.js.map +1 -1
- package/components/Tour/Tour.config.js.map +1 -1
- package/components/Tour/Tour.js.map +1 -1
- package/components/Tree/Tree.config.js.map +1 -1
- package/components/Tree/Tree.js.map +1 -1
- package/components/Typography/Body.config.js.map +1 -1
- package/components/Typography/Dspl.config.js.map +1 -1
- package/components/Typography/Heading.config.js.map +1 -1
- package/components/Typography/Text.config.js.map +1 -1
- package/components/Typography/Typography.js.map +1 -1
- package/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/components/ViewContainer/ViewContainer.js.map +1 -1
- package/es/components/Accordion/Accordion.config.js.map +1 -1
- package/es/components/Accordion/Accordion.js.map +1 -1
- package/es/components/Attach/Attach.config.js.map +1 -1
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Avatar/Avatar.config.js.map +1 -1
- package/es/components/Avatar/Avatar.js.map +1 -1
- package/es/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/es/components/Badge/Badge.config.js.map +1 -1
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/es/components/Calendar/Calendar.js +1 -1
- package/es/components/Calendar/Calendar.js.map +1 -1
- package/es/components/Calendar/CalendarBase.config.js.map +1 -1
- package/es/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/es/components/Card/Card.config.js.map +1 -1
- package/es/components/Card/Card.js.map +1 -1
- package/es/components/Carousel/Carousel.config.js.map +1 -1
- package/es/components/Carousel/Carousel.js.map +1 -1
- package/es/components/Cell/Cell.config.js.map +1 -1
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Chip/Chip.config.js.map +1 -1
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.js.map +1 -1
- package/es/components/CodeField/CodeField.config.js.map +1 -1
- package/es/components/CodeField/CodeField.js.map +1 -1
- package/es/components/CodeInput/CodeInput.config.js.map +1 -1
- package/es/components/CodeInput/CodeInput.js.map +1 -1
- package/es/components/Combobox/Combobox.config.js.map +1 -1
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/Counter/Counter.config.js.map +1 -1
- package/es/components/Counter/Counter.js.map +1 -1
- package/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/es/components/DatePicker/DatePicker.js.map +1 -1
- package/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/es/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/es/components/Divider/Divider.config.js.map +1 -1
- package/es/components/Divider/Divider.js.map +1 -1
- package/es/components/Drawer/Drawer.config.js.map +1 -1
- package/es/components/Drawer/Drawer.js +1 -1
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.config.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropzone/Dropzone.config.js.map +1 -1
- package/es/components/Dropzone/Dropzone.js.map +1 -1
- package/es/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
- package/es/components/EmbedIconButton/EmbedIconButton.js.map +1 -1
- package/es/components/EmptyState/EmptyState.config.js.map +1 -1
- package/es/components/EmptyState/EmptyState.js.map +1 -1
- package/es/components/Flow/Flow.config.js.map +1 -1
- package/es/components/Flow/Flow.js.map +1 -1
- package/es/components/Grid/Grid.config.js.map +1 -1
- package/es/components/Grid/Grid.js.map +1 -1
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.js.map +1 -1
- package/es/components/Image/Image.js.map +1 -1
- package/es/components/Indicator/Indicator.config.js.map +1 -1
- package/es/components/Indicator/Indicator.js.map +1 -1
- package/es/components/InformationWrapper/InformationWrapper.config.js.map +1 -1
- package/es/components/InformationWrapper/InformationWrapper.js.map +1 -1
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/Link.js.map +1 -1
- package/es/components/LinkButton/LinkButton.config.js.map +1 -1
- package/es/components/LinkButton/LinkButton.js.map +1 -1
- package/es/components/List/List.config.js.map +1 -1
- package/es/components/List/List.js.map +1 -1
- package/es/components/Loader/Loader.config.js.map +1 -1
- package/es/components/Loader/Loader.js.map +1 -1
- package/es/components/Modal/Modal.config.js.map +1 -1
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Note/Note.config.js.map +1 -1
- package/es/components/Note/Note.js.map +1 -1
- package/es/components/Notification/Notification.config.js.map +1 -1
- package/es/components/Notification/Notification.js +1 -1
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/NumberInput/NumberInput.config.js.map +1 -1
- package/es/components/NumberInput/NumberInput.js.map +1 -1
- package/es/components/Pagination/Pagination.config.js.map +1 -1
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Popover/Popover.config.js.map +1 -1
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Price/Price.config.js.map +1 -1
- package/es/components/Price/Price.js.map +1 -1
- package/es/components/Progress/Progress.config.js.map +1 -1
- package/es/components/Progress/Progress.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.config.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Range/Range.config.js.map +1 -1
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Rating/Rating.config.js.map +1 -1
- package/es/components/Rating/Rating.js.map +1 -1
- package/es/components/Segment/Segment.js.map +1 -1
- package/es/components/Segment/SegmentGroup.config.js.map +1 -1
- package/es/components/Segment/SegmentItem.config.js.map +1 -1
- package/es/components/Select/Select.config.js.map +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Sheet/Sheet.config.js.map +1 -1
- package/es/components/Sheet/Sheet.js.map +1 -1
- package/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/es/components/Skeleton/Skeleton.js.map +1 -1
- package/es/components/Slider/Slider.config.js.map +1 -1
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Spinner/Spinner.config.js.map +1 -1
- package/es/components/Spinner/Spinner.js.map +1 -1
- package/es/components/Steps/Steps.config.js.map +1 -1
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Switch/Switch.config.js.map +1 -1
- package/es/components/Switch/Switch.js.map +1 -1
- package/es/components/Table/Table.config.js.map +1 -1
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Tabs/TabItem.js +9 -9
- package/es/components/Tabs/TabItem.js.map +1 -1
- package/es/components/Tabs/Tabs.js +5 -5
- package/es/components/Tabs/Tabs.js.map +1 -1
- package/es/components/Tabs/TabsController.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalIconTabItem.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/es/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
- package/es/components/TextArea/TextArea.config.js.map +1 -1
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextField/TextField.clear.config.js.map +1 -1
- package/es/components/TextField/TextField.config.js.map +1 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/es/components/TimePicker/TimePicker.config.js.map +1 -1
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/Toast/Toast.config.js.map +1 -1
- package/es/components/Toast/Toast.js +1 -1
- package/es/components/Toast/Toast.js.map +1 -1
- package/es/components/Toolbar/Toolbar.config.js.map +1 -1
- package/es/components/Toolbar/Toolbar.js.map +1 -1
- package/es/components/Tooltip/Tooltip.config.js.map +1 -1
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/components/Tour/Tour.config.js.map +1 -1
- package/es/components/Tour/Tour.js.map +1 -1
- package/es/components/Tree/Tree.config.js.map +1 -1
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Typography/Body.config.js.map +1 -1
- package/es/components/Typography/Dspl.config.js.map +1 -1
- package/es/components/Typography/Heading.config.js.map +1 -1
- package/es/components/Typography/Text.config.js.map +1 -1
- package/es/components/Typography/Typography.js +3 -3
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.config.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.js.map +1 -1
- package/index.js +58 -58
- package/package.json +17 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Body.config.js","sources":["../../src-css/components/Typography/Body.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope';\n\nexport const configL = {\n defaults: {\n size: 'l',\n },\n variations: {\n size: {\n l: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-l-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-l-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-l-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-l-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-l-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n },\n};\n\nexport const configM = {\n defaults: {\n size: 'm',\n },\n variations: {\n size: {\n m: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-m-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-m-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-m-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-m-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-m-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n },\n },\n};\n\nexport const configS = {\n defaults: {\n size: 's',\n },\n variations: {\n size: {\n s: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-s-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-s-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-s-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-s-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-s-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n },\n};\n\nexport const configXS = {\n defaults: {\n size: 'xs',\n },\n variations: {\n size: {\n xs: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-xs-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xs-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-xs-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n\nexport const configXXS = {\n defaults: {\n size: 'xxs',\n },\n variations: {\n size: {\n xxs: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xxs-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-xxs-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n },\n },\n};\n"],"names":["configL","defaults","size","variations","l","configM","m","configS","s","configXS","xs","configXXS","xxs"],"mappings":";;;;AAEO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAAA;AAUL;AACJ;AACJ;
|
|
1
|
+
{"version":3,"file":"Body.config.js","sources":["../../src-css/components/Typography/Body.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope';\n\nexport const configL = {\n defaults: {\n size: 'l',\n },\n variations: {\n size: {\n l: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-l-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-l-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-l-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-l-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-l-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n },\n};\n\nexport const configM = {\n defaults: {\n size: 'm',\n },\n variations: {\n size: {\n m: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-m-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-m-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-m-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-m-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-m-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n },\n },\n};\n\nexport const configS = {\n defaults: {\n size: 's',\n },\n variations: {\n size: {\n s: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-s-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-s-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-s-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-s-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-s-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n },\n};\n\nexport const configXS = {\n defaults: {\n size: 'xs',\n },\n variations: {\n size: {\n xs: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-xs-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xs-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-xs-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n\nexport const configXXS = {\n defaults: {\n size: 'xxs',\n },\n variations: {\n size: {\n xxs: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xxs-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-xxs-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n },\n },\n};\n"],"names":["configL","defaults","size","variations","l","configM","m","configS","s","configXS","xs","configXXS","xxs"],"mappings":";;;;AAEO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAAA,UAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,SAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,SAAS,GAAG;AACrBV,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,KAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFU,MAAAA,GAAG,EAAA,UAAA;AAUP,KAAA;AACJ,GAAA;AACJ;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dspl.config.js","sources":["../../src-css/components/Typography/Dspl.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope';\n\nexport const configL = {\n defaults: {\n size: 'l',\n },\n variations: {\n size: {\n l: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-l-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-l-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-l-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-l-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-l-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-l-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-l-line-height);\n `,\n },\n },\n};\n\nexport const configM = {\n defaults: {\n size: 'm',\n },\n variations: {\n size: {\n m: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-m-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-m-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-m-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-m-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-m-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-m-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-m-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-m-line-height);\n `,\n },\n },\n};\n\nexport const configS = {\n defaults: {\n size: 's',\n },\n variations: {\n size: {\n s: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-s-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-s-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-s-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-s-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-s-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-s-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-s-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-s-line-height);\n `,\n },\n },\n};\n"],"names":["configL","defaults","size","variations","l","configM","m","configS","s"],"mappings":";;;;AAEO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAAA;AAUL;AACJ;AACJ;
|
|
1
|
+
{"version":3,"file":"Dspl.config.js","sources":["../../src-css/components/Typography/Dspl.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope';\n\nexport const configL = {\n defaults: {\n size: 'l',\n },\n variations: {\n size: {\n l: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-l-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-l-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-l-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-l-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-l-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-l-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-l-line-height);\n `,\n },\n },\n};\n\nexport const configM = {\n defaults: {\n size: 'm',\n },\n variations: {\n size: {\n m: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-m-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-m-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-m-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-m-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-m-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-m-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-m-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-m-line-height);\n `,\n },\n },\n};\n\nexport const configS = {\n defaults: {\n size: 's',\n },\n variations: {\n size: {\n s: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-s-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-s-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-s-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-s-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-s-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-s-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-s-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-s-line-height);\n `,\n },\n },\n};\n"],"names":["configL","defaults","size","variations","l","configM","m","configS","s"],"mappings":";;;;AAEO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAAA,SAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,SAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,SAAA;AAUL,KAAA;AACJ,GAAA;AACJ;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.config.js","sources":["../../src-css/components/Typography/Heading.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope';\n\nexport const configH1 = {\n defaults: {\n size: 'h1',\n },\n variations: {\n size: {\n h1: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h1-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h1-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h1-line-height);\n `,\n },\n },\n};\nexport const configH2 = {\n defaults: {\n size: 'h2',\n },\n variations: {\n size: {\n h2: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h2-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h2-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h2-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h2-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h2-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h2-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h2-line-height);\n `,\n },\n },\n};\nexport const configH3 = {\n defaults: {\n size: 'h3',\n },\n variations: {\n size: {\n h3: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h3-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h3-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h3-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h3-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h3-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h3-line-height);\n `,\n },\n },\n};\nexport const configH4 = {\n defaults: {\n size: 'h4',\n },\n variations: {\n size: {\n h4: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h4-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h4-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h4-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h4-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h4-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h4-line-height);\n `,\n },\n },\n};\nexport const configH5 = {\n defaults: {\n size: 'h5',\n },\n variations: {\n size: {\n h5: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h5-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h5-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h5-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h5-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h5-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h5-line-height);\n `,\n },\n },\n};\n"],"names":["configH1","defaults","size","variations","h1","configH2","h2","configH3","h3","configH4","h4","configH5","h5"],"mappings":";;;;AAEO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAAA;AAUN;AACJ;AACJ;
|
|
1
|
+
{"version":3,"file":"Heading.config.js","sources":["../../src-css/components/Typography/Heading.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope';\n\nexport const configH1 = {\n defaults: {\n size: 'h1',\n },\n variations: {\n size: {\n h1: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h1-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h1-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h1-line-height);\n `,\n },\n },\n};\nexport const configH2 = {\n defaults: {\n size: 'h2',\n },\n variations: {\n size: {\n h2: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h2-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h2-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h2-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h2-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h2-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h2-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h2-line-height);\n `,\n },\n },\n};\nexport const configH3 = {\n defaults: {\n size: 'h3',\n },\n variations: {\n size: {\n h3: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h3-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h3-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h3-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h3-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h3-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h3-line-height);\n `,\n },\n },\n};\nexport const configH4 = {\n defaults: {\n size: 'h4',\n },\n variations: {\n size: {\n h4: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h4-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h4-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h4-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h4-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h4-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h4-line-height);\n `,\n },\n },\n};\nexport const configH5 = {\n defaults: {\n size: 'h5',\n },\n variations: {\n size: {\n h5: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h5-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h5-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h5-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h5-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h5-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h5-line-height);\n `,\n },\n },\n};\n"],"names":["configH1","defaults","size","variations","h1","configH2","h2","configH3","h3","configH4","h4","configH5","h5"],"mappings":";;;;AAEO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAAA,UAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA,UAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AACM,IAAMC,QAAQ,GAAG;AACpBV,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFU,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.config.js","sources":["../../src-css/components/Typography/Text.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope';\n\nexport const configL = {\n defaults: {\n size: 'l',\n },\n variations: {\n size: {\n l: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-l-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-text-l-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-l-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-l-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-l-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-l-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-l-line-height);\n `,\n },\n },\n};\n\nexport const configM = {\n defaults: {\n size: 'm',\n },\n variations: {\n size: {\n m: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-m-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-text-m-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-m-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-m-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-m-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-m-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-m-line-height);\n `,\n },\n },\n};\n\nexport const configS = {\n defaults: {\n size: 's',\n },\n variations: {\n size: {\n s: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-s-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-text-s-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-s-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-s-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-s-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-s-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-s-line-height);\n `,\n },\n },\n};\n\nexport const configXS = {\n defaults: {\n size: 'xs',\n },\n variations: {\n size: {\n xs: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-text-xs-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-xs-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-xs-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-xs-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-xs-line-height);\n `,\n },\n },\n};\n"],"names":["configL","defaults","size","variations","l","configM","m","configS","s","configXS","xs"],"mappings":";;;;AAEO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAAA;AAUL;AACJ;AACJ;
|
|
1
|
+
{"version":3,"file":"Text.config.js","sources":["../../src-css/components/Typography/Text.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope';\n\nexport const configL = {\n defaults: {\n size: 'l',\n },\n variations: {\n size: {\n l: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-l-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-text-l-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-l-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-l-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-l-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-l-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-l-line-height);\n `,\n },\n },\n};\n\nexport const configM = {\n defaults: {\n size: 'm',\n },\n variations: {\n size: {\n m: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-m-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-text-m-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-m-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-m-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-m-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-m-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-m-line-height);\n `,\n },\n },\n};\n\nexport const configS = {\n defaults: {\n size: 's',\n },\n variations: {\n size: {\n s: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-s-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-text-s-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-s-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-s-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-s-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-s-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-s-line-height);\n `,\n },\n },\n};\n\nexport const configXS = {\n defaults: {\n size: 'xs',\n },\n variations: {\n size: {\n xs: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-text-xs-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-xs-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-xs-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-xs-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-xs-line-height);\n `,\n },\n },\n};\n"],"names":["configL","defaults","size","variations","l","configM","m","configS","s","configXS","xs"],"mappings":";;;;AAEO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAAA,UAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,UAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA,UAAA;AAUN,KAAA;AACJ,GAAA;AACJ;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sources":["../../src-css/components/Typography/Typography.tsx"],"sourcesContent":["import {\n bodyConfig,\n dsplConfig,\n headingConfig,\n textConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport {\n configL as bodyConfigLCustom,\n configM as bodyConfigMCustom,\n configS as bodyConfigSCustom,\n configXS as bodyConfigXSCustom,\n configXXS as bodyConfigXXSCustom,\n} from './Body.config';\nimport {\n configL as dsplConfigLCustom,\n configM as dsplConfigMCustom,\n configS as dsplConfigSCustom,\n} from './Dspl.config';\nimport {\n configH1 as headingConfigH1Custom,\n configH2 as headingConfigH2Custom,\n configH3 as headingConfigH3Custom,\n configH4 as headingConfigH4Custom,\n configH5 as headingConfigH5Custom,\n} from './Heading.config';\nimport {\n configL as textConfigLCustom,\n configM as textConfigMCustom,\n configS as textConfigSCustom,\n configXS as textConfigXSCustom,\n} from './Text.config';\n\nconst bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);\nconst BodyMComponent = component(bodyMConfig);\n\nconst bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);\nconst BodyLComponent = component(bodyLConfig);\n\nconst bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);\nconst BodySComponent = component(bodySConfig);\n\nconst bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);\nconst BodyXSComponent = component(bodyXSConfig);\n\nconst bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);\nconst BodyXXSComponent = component(bodyXXSConfig);\n\nconst dsplMConfig = mergeConfig(dsplConfig, dsplConfigMCustom);\nconst DsplMComponent = component(dsplMConfig);\n\nconst dsplLConfig = mergeConfig(dsplConfig, dsplConfigLCustom);\nconst DsplLComponent = component(dsplLConfig);\n\nconst dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);\nconst DsplSComponent = component(dsplSConfig);\n\nconst heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);\nconst Heading1Component = component(heading1Config);\n\nconst heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);\nconst Heading2Component = component(heading2Config);\n\nconst heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);\nconst Heading3Component = component(heading3Config);\n\nconst heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);\nconst Heading4Component = component(heading4Config);\n\nconst heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);\nconst Heading5Component = component(heading5Config);\n\nconst textMConfig = mergeConfig(textConfig, textConfigMCustom);\nconst TextMComponent = component(textMConfig);\n\nconst textLConfig = mergeConfig(textConfig, textConfigLCustom);\nconst TextLComponent = component(textLConfig);\n\nconst textSConfig = mergeConfig(textConfig, textConfigSCustom);\nconst TextSComponent = component(textSConfig);\n\nconst textXSConfig = mergeConfig(textConfig, textConfigXSCustom);\nconst TextXSComponent = component(textXSConfig);\n\nexport const BodyM = BodyMComponent;\nexport const BodyL = BodyLComponent;\nexport const BodyS = BodySComponent;\nexport const BodyXS = BodyXSComponent;\nexport const BodyXXS = BodyXXSComponent;\n\nexport const DsplM = DsplMComponent;\nexport const DsplL = DsplLComponent;\nexport const DsplS = DsplSComponent;\n\nexport const H1 = Heading1Component;\nexport const H2 = Heading2Component;\nexport const H3 = Heading3Component;\nexport const H4 = Heading4Component;\nexport const H5 = Heading5Component;\n\nexport const TextM = TextMComponent;\nexport const TextL = TextLComponent;\nexport const TextS = TextSComponent;\nexport const TextXS = TextXSComponent;\n"],"names":["bodyMConfig","mergeConfig","bodyConfig","bodyConfigMCustom","BodyMComponent","component","bodyLConfig","bodyConfigLCustom","BodyLComponent","bodySConfig","bodyConfigSCustom","BodySComponent","bodyXSConfig","bodyConfigXSCustom","BodyXSComponent","bodyXXSConfig","bodyConfigXXSCustom","BodyXXSComponent","dsplMConfig","dsplConfig","dsplConfigMCustom","DsplMComponent","dsplLConfig","dsplConfigLCustom","DsplLComponent","dsplSConfig","dsplConfigSCustom","DsplSComponent","heading1Config","headingConfig","headingConfigH1Custom","Heading1Component","heading2Config","headingConfigH2Custom","Heading2Component","heading3Config","headingConfigH3Custom","Heading3Component","heading4Config","headingConfigH4Custom","Heading4Component","heading5Config","headingConfigH5Custom","Heading5Component","textMConfig","textConfig","textConfigMCustom","TextMComponent","textLConfig","textConfigLCustom","TextLComponent","textSConfig","textConfigSCustom","TextSComponent","textXSConfig","textConfigXSCustom","TextXSComponent","BodyM","BodyL","BodyS","BodyXS","BodyXXS","DsplM","DsplL","DsplS","H1","H2","H3","H4","H5","TextM","TextL","TextS","TextXS"],"mappings":";;;;;;;;;;AAmCA,IAAMA,WAAW,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGC,uBAAS,CAACL,WAAW,CAAC;AAE7C,IAAMM,WAAW,gBAAGL,yBAAW,CAACC,wBAAU,EAAEK,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGH,uBAAS,CAACC,WAAW,CAAC;AAE7C,IAAMG,WAAW,gBAAGR,yBAAW,CAACC,wBAAU,EAAEQ,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGN,uBAAS,CAACI,WAAW,CAAC;AAE7C,IAAMG,YAAY,gBAAGX,yBAAW,CAACC,wBAAU,EAAEW,oBAAkB,CAAC;AAChE,IAAMC,eAAe,gBAAGT,uBAAS,CAACO,YAAY,CAAC;AAE/C,IAAMG,aAAa,gBAAGd,yBAAW,CAACC,wBAAU,EAAEc,qBAAmB,CAAC;AAClE,IAAMC,gBAAgB,gBAAGZ,uBAAS,CAACU,aAAa,CAAC;AAEjD,IAAMG,WAAW,gBAAGjB,yBAAW,CAACkB,wBAAU,EAAEC,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGhB,uBAAS,CAACa,WAAW,CAAC;AAE7C,IAAMI,WAAW,gBAAGrB,yBAAW,CAACkB,wBAAU,EAAEI,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGnB,uBAAS,CAACiB,WAAW,CAAC;AAE7C,IAAMG,WAAW,gBAAGxB,yBAAW,CAACkB,wBAAU,EAAEO,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGtB,uBAAS,CAACoB,WAAW,CAAC;AAE7C,IAAMG,cAAc,gBAAG3B,yBAAW,CAAC4B,2BAAa,EAAEC,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAG1B,uBAAS,CAACuB,cAAc,CAAC;AAEnD,IAAMI,cAAc,gBAAG/B,yBAAW,CAAC4B,2BAAa,EAAEI,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAG7B,uBAAS,CAAC2B,cAAc,CAAC;AAEnD,IAAMG,cAAc,gBAAGlC,yBAAW,CAAC4B,2BAAa,EAAEO,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGhC,uBAAS,CAAC8B,cAAc,CAAC;AAEnD,IAAMG,cAAc,gBAAGrC,yBAAW,CAAC4B,2BAAa,EAAEU,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGnC,uBAAS,CAACiC,cAAc,CAAC;AAEnD,IAAMG,cAAc,gBAAGxC,yBAAW,CAAC4B,2BAAa,EAAEa,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGtC,uBAAS,CAACoC,cAAc,CAAC;AAEnD,IAAMG,WAAW,gBAAG3C,yBAAW,CAAC4C,wBAAU,EAAEC,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAG1C,uBAAS,CAACuC,WAAW,CAAC;AAE7C,IAAMI,WAAW,gBAAG/C,yBAAW,CAAC4C,wBAAU,EAAEI,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAG7C,uBAAS,CAAC2C,WAAW,CAAC;AAE7C,IAAMG,WAAW,gBAAGlD,yBAAW,CAAC4C,wBAAU,EAAEO,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGhD,uBAAS,CAAC8C,WAAW,CAAC;AAE7C,IAAMG,YAAY,gBAAGrD,yBAAW,CAAC4C,wBAAU,EAAEU,oBAAkB,CAAC;AAChE,IAAMC,eAAe,gBAAGnD,uBAAS,CAACiD,YAAY,CAAC;AAExC,IAAMG,KAAK,GAAGrD;
|
|
1
|
+
{"version":3,"file":"Typography.js","sources":["../../src-css/components/Typography/Typography.tsx"],"sourcesContent":["import {\n bodyConfig,\n dsplConfig,\n headingConfig,\n textConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport {\n configL as bodyConfigLCustom,\n configM as bodyConfigMCustom,\n configS as bodyConfigSCustom,\n configXS as bodyConfigXSCustom,\n configXXS as bodyConfigXXSCustom,\n} from './Body.config';\nimport {\n configL as dsplConfigLCustom,\n configM as dsplConfigMCustom,\n configS as dsplConfigSCustom,\n} from './Dspl.config';\nimport {\n configH1 as headingConfigH1Custom,\n configH2 as headingConfigH2Custom,\n configH3 as headingConfigH3Custom,\n configH4 as headingConfigH4Custom,\n configH5 as headingConfigH5Custom,\n} from './Heading.config';\nimport {\n configL as textConfigLCustom,\n configM as textConfigMCustom,\n configS as textConfigSCustom,\n configXS as textConfigXSCustom,\n} from './Text.config';\n\nconst bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);\nconst BodyMComponent = component(bodyMConfig);\n\nconst bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);\nconst BodyLComponent = component(bodyLConfig);\n\nconst bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);\nconst BodySComponent = component(bodySConfig);\n\nconst bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);\nconst BodyXSComponent = component(bodyXSConfig);\n\nconst bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);\nconst BodyXXSComponent = component(bodyXXSConfig);\n\nconst dsplMConfig = mergeConfig(dsplConfig, dsplConfigMCustom);\nconst DsplMComponent = component(dsplMConfig);\n\nconst dsplLConfig = mergeConfig(dsplConfig, dsplConfigLCustom);\nconst DsplLComponent = component(dsplLConfig);\n\nconst dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);\nconst DsplSComponent = component(dsplSConfig);\n\nconst heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);\nconst Heading1Component = component(heading1Config);\n\nconst heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);\nconst Heading2Component = component(heading2Config);\n\nconst heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);\nconst Heading3Component = component(heading3Config);\n\nconst heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);\nconst Heading4Component = component(heading4Config);\n\nconst heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);\nconst Heading5Component = component(heading5Config);\n\nconst textMConfig = mergeConfig(textConfig, textConfigMCustom);\nconst TextMComponent = component(textMConfig);\n\nconst textLConfig = mergeConfig(textConfig, textConfigLCustom);\nconst TextLComponent = component(textLConfig);\n\nconst textSConfig = mergeConfig(textConfig, textConfigSCustom);\nconst TextSComponent = component(textSConfig);\n\nconst textXSConfig = mergeConfig(textConfig, textConfigXSCustom);\nconst TextXSComponent = component(textXSConfig);\n\nexport const BodyM = BodyMComponent;\nexport const BodyL = BodyLComponent;\nexport const BodyS = BodySComponent;\nexport const BodyXS = BodyXSComponent;\nexport const BodyXXS = BodyXXSComponent;\n\nexport const DsplM = DsplMComponent;\nexport const DsplL = DsplLComponent;\nexport const DsplS = DsplSComponent;\n\nexport const H1 = Heading1Component;\nexport const H2 = Heading2Component;\nexport const H3 = Heading3Component;\nexport const H4 = Heading4Component;\nexport const H5 = Heading5Component;\n\nexport const TextM = TextMComponent;\nexport const TextL = TextLComponent;\nexport const TextS = TextSComponent;\nexport const TextXS = TextXSComponent;\n"],"names":["bodyMConfig","mergeConfig","bodyConfig","bodyConfigMCustom","BodyMComponent","component","bodyLConfig","bodyConfigLCustom","BodyLComponent","bodySConfig","bodyConfigSCustom","BodySComponent","bodyXSConfig","bodyConfigXSCustom","BodyXSComponent","bodyXXSConfig","bodyConfigXXSCustom","BodyXXSComponent","dsplMConfig","dsplConfig","dsplConfigMCustom","DsplMComponent","dsplLConfig","dsplConfigLCustom","DsplLComponent","dsplSConfig","dsplConfigSCustom","DsplSComponent","heading1Config","headingConfig","headingConfigH1Custom","Heading1Component","heading2Config","headingConfigH2Custom","Heading2Component","heading3Config","headingConfigH3Custom","Heading3Component","heading4Config","headingConfigH4Custom","Heading4Component","heading5Config","headingConfigH5Custom","Heading5Component","textMConfig","textConfig","textConfigMCustom","TextMComponent","textLConfig","textConfigLCustom","TextLComponent","textSConfig","textConfigSCustom","TextSComponent","textXSConfig","textConfigXSCustom","TextXSComponent","BodyM","BodyL","BodyS","BodyXS","BodyXXS","DsplM","DsplL","DsplS","H1","H2","H3","H4","H5","TextM","TextL","TextS","TextXS"],"mappings":";;;;;;;;;;AAmCA,IAAMA,WAAW,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,mBAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGC,uBAAS,CAACL,WAAW,CAAC,CAAA;AAE7C,IAAMM,WAAW,gBAAGL,yBAAW,CAACC,wBAAU,EAAEK,mBAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGH,uBAAS,CAACC,WAAW,CAAC,CAAA;AAE7C,IAAMG,WAAW,gBAAGR,yBAAW,CAACC,wBAAU,EAAEQ,mBAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGN,uBAAS,CAACI,WAAW,CAAC,CAAA;AAE7C,IAAMG,YAAY,gBAAGX,yBAAW,CAACC,wBAAU,EAAEW,oBAAkB,CAAC,CAAA;AAChE,IAAMC,eAAe,gBAAGT,uBAAS,CAACO,YAAY,CAAC,CAAA;AAE/C,IAAMG,aAAa,gBAAGd,yBAAW,CAACC,wBAAU,EAAEc,qBAAmB,CAAC,CAAA;AAClE,IAAMC,gBAAgB,gBAAGZ,uBAAS,CAACU,aAAa,CAAC,CAAA;AAEjD,IAAMG,WAAW,gBAAGjB,yBAAW,CAACkB,wBAAU,EAAEC,mBAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGhB,uBAAS,CAACa,WAAW,CAAC,CAAA;AAE7C,IAAMI,WAAW,gBAAGrB,yBAAW,CAACkB,wBAAU,EAAEI,mBAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGnB,uBAAS,CAACiB,WAAW,CAAC,CAAA;AAE7C,IAAMG,WAAW,gBAAGxB,yBAAW,CAACkB,wBAAU,EAAEO,mBAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGtB,uBAAS,CAACoB,WAAW,CAAC,CAAA;AAE7C,IAAMG,cAAc,gBAAG3B,yBAAW,CAAC4B,2BAAa,EAAEC,uBAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAG1B,uBAAS,CAACuB,cAAc,CAAC,CAAA;AAEnD,IAAMI,cAAc,gBAAG/B,yBAAW,CAAC4B,2BAAa,EAAEI,uBAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAG7B,uBAAS,CAAC2B,cAAc,CAAC,CAAA;AAEnD,IAAMG,cAAc,gBAAGlC,yBAAW,CAAC4B,2BAAa,EAAEO,uBAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAGhC,uBAAS,CAAC8B,cAAc,CAAC,CAAA;AAEnD,IAAMG,cAAc,gBAAGrC,yBAAW,CAAC4B,2BAAa,EAAEU,uBAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAGnC,uBAAS,CAACiC,cAAc,CAAC,CAAA;AAEnD,IAAMG,cAAc,gBAAGxC,yBAAW,CAAC4B,2BAAa,EAAEa,uBAAqB,CAAC,CAAA;AACxE,IAAMC,iBAAiB,gBAAGtC,uBAAS,CAACoC,cAAc,CAAC,CAAA;AAEnD,IAAMG,WAAW,gBAAG3C,yBAAW,CAAC4C,wBAAU,EAAEC,mBAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAG1C,uBAAS,CAACuC,WAAW,CAAC,CAAA;AAE7C,IAAMI,WAAW,gBAAG/C,yBAAW,CAAC4C,wBAAU,EAAEI,mBAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAG7C,uBAAS,CAAC2C,WAAW,CAAC,CAAA;AAE7C,IAAMG,WAAW,gBAAGlD,yBAAW,CAAC4C,wBAAU,EAAEO,mBAAiB,CAAC,CAAA;AAC9D,IAAMC,cAAc,gBAAGhD,uBAAS,CAAC8C,WAAW,CAAC,CAAA;AAE7C,IAAMG,YAAY,gBAAGrD,yBAAW,CAAC4C,wBAAU,EAAEU,oBAAkB,CAAC,CAAA;AAChE,IAAMC,eAAe,gBAAGnD,uBAAS,CAACiD,YAAY,CAAC,CAAA;AAExC,IAAMG,KAAK,GAAGrD,eAAc;AAC5B,IAAMsD,KAAK,GAAGlD,eAAc;AAC5B,IAAMmD,KAAK,GAAGhD,eAAc;AAC5B,IAAMiD,MAAM,GAAG9C,gBAAe;AAC9B,IAAM+C,OAAO,GAAG5C,iBAAgB;AAEhC,IAAM6C,KAAK,GAAGzC,eAAc;AAC5B,IAAM0C,KAAK,GAAGvC,eAAc;AAC5B,IAAMwC,KAAK,GAAGrC,eAAc;AAE5B,IAAMsC,EAAE,GAAGlC,kBAAiB;AAC5B,IAAMmC,EAAE,GAAGhC,kBAAiB;AAC5B,IAAMiC,EAAE,GAAG9B,kBAAiB;AAC5B,IAAM+B,EAAE,GAAG5B,kBAAiB;AAC5B,IAAM6B,EAAE,GAAG1B,kBAAiB;AAE5B,IAAM2B,KAAK,GAAGvB,eAAc;AAC5B,IAAMwB,KAAK,GAAGrB,eAAc;AAC5B,IAAMsB,KAAK,GAAGnB,eAAc;AAC5B,IAAMoB,MAAM,GAAGjB;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewContainer.config.js","sources":["../../src-css/components/ViewContainer/ViewContainer.config.ts"],"sourcesContent":["import { css } from '@salutejs/plasma-new-hope';\nimport { viewContainer } from '@salutejs/sdds-themes/tokens/sdds_serv';\n\nexport const config = {\n variations: {\n view: {\n onDark: css`\n ${viewContainer.dark}\n `,\n onLight: css`\n ${viewContainer.light}\n `,\n },\n },\n};\n"],"names":["config","variations","view","onDark","onLight"],"mappings":";;;;AAGO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,MAAM,
|
|
1
|
+
{"version":3,"file":"ViewContainer.config.js","sources":["../../src-css/components/ViewContainer/ViewContainer.config.ts"],"sourcesContent":["import { css } from '@salutejs/plasma-new-hope';\nimport { viewContainer } from '@salutejs/sdds-themes/tokens/sdds_serv';\n\nexport const config = {\n variations: {\n view: {\n onDark: css`\n ${viewContainer.dark}\n `,\n onLight: css`\n ${viewContainer.light}\n `,\n },\n },\n};\n"],"names":["config","variations","view","onDark","onLight"],"mappings":";;;;AAGO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,MAAM,EAEL,UAAA;AACDC,MAAAA,OAAO,EAAA,SAAA;AAGX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewContainer.js","sources":["../../src-css/components/ViewContainer/ViewContainer.ts"],"sourcesContent":["import { viewContainerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './ViewContainer.config';\n\nconst mergedConfig = mergeConfig(viewContainerConfig, config);\n\nexport const ViewContainer = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","viewContainerConfig","config","ViewContainer","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,iCAAmB,EAAEC,2BAAM,CAAC;IAEhDC,aAAa,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
|
|
1
|
+
{"version":3,"file":"ViewContainer.js","sources":["../../src-css/components/ViewContainer/ViewContainer.ts"],"sourcesContent":["import { viewContainerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './ViewContainer.config';\n\nconst mergedConfig = mergeConfig(viewContainerConfig, config);\n\nexport const ViewContainer = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","viewContainerConfig","config","ViewContainer","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,iCAAmB,EAAEC,2BAAM,CAAC,CAAA;IAEhDC,aAAa,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.config.js","sources":["../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } 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 ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-solid-card);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n clear: css`\n ${accordionTokens.accordionGap}: 0;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;\n ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionItemBorderRadius}: 0rem !important;\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid var(--surface-solid-tertiary);\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;\n `,\n },\n size: {\n l: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n h2: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h2-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h2-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h2-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h2-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h2-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h3: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h3-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h3-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h3-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h3-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h3-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h4: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.688rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h4-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h4-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h4-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h4-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h4-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n h5: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h5-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h5-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h5-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h5-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h5-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","h2","h3","h4","h5"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAYN;AACDC,MAAAA,KAAK,EAAA;KAcR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,EAAE,EAAA,SAoBD;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,EAAE,EAAA,SAmBD;AACDC,MAAAA,EAAE,EAAA;AAoBN;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Accordion.config.js","sources":["../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } 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 ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-solid-card);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n clear: css`\n ${accordionTokens.accordionGap}: 0;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;\n ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionItemBorderRadius}: 0rem !important;\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid var(--surface-solid-tertiary);\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;\n `,\n },\n size: {\n l: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n h2: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h2-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h2-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h2-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h2-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h2-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h3: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h3-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h3-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h3-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h3-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h3-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h4: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.688rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h4-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h4-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h4-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h4-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h4-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n h5: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h5-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h5-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h5-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h5-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h5-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","h2","h3","h4","h5"],"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;AACFG,MAAAA,SAAAA,EAYC,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAcR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAoBA,SAAA;AACDC,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,EAAE,EAoBD,SAAA;AACDC,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,EAAE,EAmBD,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;AAoBN,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../../src-css/components/Accordion/Accordion.ts"],"sourcesContent":["import { component, mergeConfig, accordionConfig, AccordionItem } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Accordion.config';\n\nconst mergedConfig = mergeConfig(accordionConfig, config);\n\nexport const Accordion = component(mergedConfig);\n\nexport { AccordionItem };\n"],"names":["mergedConfig","mergeConfig","accordionConfig","config","Accordion","component"],"mappings":";;;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,EAAEC,MAAM,CAAC;IAE5CC,SAAS,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../../src-css/components/Accordion/Accordion.ts"],"sourcesContent":["import { component, mergeConfig, accordionConfig, AccordionItem } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Accordion.config';\n\nconst mergedConfig = mergeConfig(accordionConfig, config);\n\nexport const Accordion = component(mergedConfig);\n\nexport { AccordionItem };\n"],"names":["mergedConfig","mergeConfig","accordionConfig","config","Accordion","component"],"mappings":";;;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,EAAEC,MAAM,CAAC,CAAA;IAE5CC,SAAS,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Attach.config.js","sources":["../../../src-css/components/Attach/Attach.config.ts"],"sourcesContent":["import { css, attachTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n helperTextView: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${attachTokens.buttonColor}: var(--inverse-text-primary);\n ${attachTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--inverse-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--inverse-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n accent: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-accent);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n secondary: css`\n ${attachTokens.buttonColor}: var(--text-primary);\n ${attachTokens.buttonValueColor}: var(--text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${attachTokens.buttonColorActive}: var(--text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${attachTokens.iconButtonColorActive}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n clear: css`\n ${attachTokens.buttonColor}: var(--text-primary);\n ${attachTokens.buttonValueColor}: var(--text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-clear);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--text-primary-hover);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.buttonColorActive}: var(--text-primary-active);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonColorActive}: var(--text-primary-active);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n success: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-positive);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-positive);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n warning: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-warning);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-warning);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n critical: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-negative);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-negative);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n dark: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n black: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n white: css`\n ${attachTokens.buttonColor}: var(--on-light-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-light-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--on-light-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n },\n helperTextView: {\n default: css`\n ${attachTokens.helperTextColor}: var(--text-secondary);\n `,\n negative: css`\n ${attachTokens.helperTextColor}: var(--text-negative);\n `,\n },\n size: {\n l: css`\n ${attachTokens.horizontalGap}: 1.5rem;\n ${attachTokens.verticalGap}: 0.5rem;\n ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n ${attachTokens.filenameWrapperHeight}: 3.5rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2.125rem;\n ${attachTokens.buttonHeight}: 3.5rem;\n ${attachTokens.buttonWidth}: 12.5rem;\n ${attachTokens.buttonPadding}: 1.5rem;\n ${attachTokens.buttonRadius}: 0.875rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.iconButtonHeight}: 3.5rem;\n ${attachTokens.iconButtonWidth}: 3.5rem;\n ${attachTokens.iconButtonPadding}: 1.5rem;\n ${attachTokens.iconButtonRadius}: 0.875rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.75rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.875rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 1rem;\n `,\n m: css`\n ${attachTokens.horizontalGap}: 1.25rem;\n ${attachTokens.verticalGap}: 0.5rem;\n ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n ${attachTokens.filenameWrapperHeight}: 3rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 3rem;\n ${attachTokens.buttonWidth}: 11.25rem;\n ${attachTokens.buttonPadding}: 1.25rem;\n ${attachTokens.buttonRadius}: 0.75rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.iconButtonHeight}: 3rem;\n ${attachTokens.iconButtonWidth}: 3rem;\n ${attachTokens.iconButtonPadding}: 1.25rem;\n ${attachTokens.iconButtonRadius}: 0.75rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.5rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.75rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 0.5rem 0.875rem;\n `,\n s: css`\n ${attachTokens.horizontalGap}: 1rem;\n ${attachTokens.verticalGap}: 0.375rem;\n ${attachTokens.verticalGapWithHelperText}: 1.5rem;\n\n ${attachTokens.filenameWrapperHeight}: 2.5rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 2.5rem;\n ${attachTokens.buttonWidth}: 11.25rem;\n ${attachTokens.buttonPadding}: 1rem;\n ${attachTokens.buttonRadius}: 0.625rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonHeight}: 2.5rem;\n ${attachTokens.iconButtonWidth}: 2.5rem;\n ${attachTokens.iconButtonPadding}: 1rem;\n ${attachTokens.iconButtonRadius}: 0.625rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.25rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.625rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 0.25rem 0.75rem;\n `,\n xs: css`\n ${attachTokens.horizontalGap}: 0.75rem;\n ${attachTokens.verticalGap}: 0.25rem;\n ${attachTokens.verticalGapWithHelperText}: 1.375rem;\n\n ${attachTokens.filenameWrapperHeight}: 2rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 2rem;\n ${attachTokens.buttonWidth}: 10rem;\n ${attachTokens.buttonPadding}: 0.75rem;\n ${attachTokens.buttonRadius}: 0.5rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.25rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonHeight}: 2rem;\n ${attachTokens.iconButtonWidth}: 2rem;\n ${attachTokens.iconButtonPadding}: 0.75rem;\n ${attachTokens.iconButtonRadius}: 0.5rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.25rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.5rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 0.125rem 0.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","helperTextView","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","negative","l","m","s","xs"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAAO,SA0CN;AACDC,MAAAA,MAAM,EAAA,SA0CL;AACDC,MAAAA,SAAS,EAAA,SA0CR;AACDC,MAAAA,KAAK,EAAA,SA0CJ;AACDC,MAAAA,OAAO,EAAA,SA0CN;AACDC,MAAAA,OAAO,EAAA,UA0CN;AACDC,MAAAA,QAAQ,EAAA,SAuCP;AACDC,MAAAA,IAAI,EAAA,SA0CH;AACDC,MAAAA,KAAK,EAAA,UA0CJ;AACDC,MAAAA,KAAK,EAAA;KA2CR;AACDb,IAAAA,cAAc,EAAE;AACZI,MAAAA,SAAAA,EAAO,UAEN;AACDU,MAAAA,QAAQ,EAAA;KAGX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAAA,UAyFA;AACDC,MAAAA,CAAC,EAAA,SAyFA;AACDC,MAAAA,CAAC,EAAA,SAyFA;AACDC,MAAAA,EAAE,EAAA;AA0FN;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Attach.config.js","sources":["../../../src-css/components/Attach/Attach.config.ts"],"sourcesContent":["import { css, attachTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n helperTextView: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${attachTokens.buttonColor}: var(--inverse-text-primary);\n ${attachTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--inverse-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--inverse-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n accent: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-accent);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n secondary: css`\n ${attachTokens.buttonColor}: var(--text-primary);\n ${attachTokens.buttonValueColor}: var(--text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${attachTokens.buttonColorActive}: var(--text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${attachTokens.iconButtonColorActive}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n clear: css`\n ${attachTokens.buttonColor}: var(--text-primary);\n ${attachTokens.buttonValueColor}: var(--text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-clear);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--text-primary-hover);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.buttonColorActive}: var(--text-primary-active);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonColorActive}: var(--text-primary-active);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n success: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-positive);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-positive);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n warning: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-warning);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-warning);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n critical: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--surface-negative);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--surface-negative);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n dark: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n black: css`\n ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n white: css`\n ${attachTokens.buttonColor}: var(--on-light-text-primary);\n ${attachTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${attachTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n ${attachTokens.buttonColorHover}: var(--on-light-text-primary);\n ${attachTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${attachTokens.buttonColorActive}: var(--on-light-text-primary);\n ${attachTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n ${attachTokens.buttonDisabledOpacity}: 0.4;\n ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n ${attachTokens.cellColor}: var(--text-primary);\n ${attachTokens.cellLabelColor}: var(--text-secondary);\n ${attachTokens.cellTitleColor}: var(--text-primary);\n ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n ${attachTokens.cellBackgroundColor}: transparent;\n\n ${attachTokens.iconButtonColor}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${attachTokens.iconButtonColorHover}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${attachTokens.iconButtonColorActive}: var(--on-light-text-primary);\n ${attachTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n ${attachTokens.moreIconColor}: var(--text-primary);\n `,\n },\n helperTextView: {\n default: css`\n ${attachTokens.helperTextColor}: var(--text-secondary);\n `,\n negative: css`\n ${attachTokens.helperTextColor}: var(--text-negative);\n `,\n },\n size: {\n l: css`\n ${attachTokens.horizontalGap}: 1.5rem;\n ${attachTokens.verticalGap}: 0.5rem;\n ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n ${attachTokens.filenameWrapperHeight}: 3.5rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2.125rem;\n ${attachTokens.buttonHeight}: 3.5rem;\n ${attachTokens.buttonWidth}: 12.5rem;\n ${attachTokens.buttonPadding}: 1.5rem;\n ${attachTokens.buttonRadius}: 0.875rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.iconButtonHeight}: 3.5rem;\n ${attachTokens.iconButtonWidth}: 3.5rem;\n ${attachTokens.iconButtonPadding}: 1.5rem;\n ${attachTokens.iconButtonRadius}: 0.875rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.75rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.875rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 1rem;\n `,\n m: css`\n ${attachTokens.horizontalGap}: 1.25rem;\n ${attachTokens.verticalGap}: 0.5rem;\n ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n ${attachTokens.filenameWrapperHeight}: 3rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 3rem;\n ${attachTokens.buttonWidth}: 11.25rem;\n ${attachTokens.buttonPadding}: 1.25rem;\n ${attachTokens.buttonRadius}: 0.75rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.iconButtonHeight}: 3rem;\n ${attachTokens.iconButtonWidth}: 3rem;\n ${attachTokens.iconButtonPadding}: 1.25rem;\n ${attachTokens.iconButtonRadius}: 0.75rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.5rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.75rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 0.5rem 0.875rem;\n `,\n s: css`\n ${attachTokens.horizontalGap}: 1rem;\n ${attachTokens.verticalGap}: 0.375rem;\n ${attachTokens.verticalGapWithHelperText}: 1.5rem;\n\n ${attachTokens.filenameWrapperHeight}: 2.5rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 2.5rem;\n ${attachTokens.buttonWidth}: 11.25rem;\n ${attachTokens.buttonPadding}: 1rem;\n ${attachTokens.buttonRadius}: 0.625rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1.375rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.375rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonHeight}: 2.5rem;\n ${attachTokens.iconButtonWidth}: 2.5rem;\n ${attachTokens.iconButtonPadding}: 1rem;\n ${attachTokens.iconButtonRadius}: 0.625rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.25rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.625rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 0.25rem 0.75rem;\n `,\n xs: css`\n ${attachTokens.horizontalGap}: 0.75rem;\n ${attachTokens.verticalGap}: 0.25rem;\n ${attachTokens.verticalGapWithHelperText}: 1.375rem;\n\n ${attachTokens.filenameWrapperHeight}: 2rem;\n ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n ${attachTokens.buttonHeight}: 2rem;\n ${attachTokens.buttonWidth}: 10rem;\n ${attachTokens.buttonPadding}: 0.75rem;\n ${attachTokens.buttonRadius}: 0.5rem;\n ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.buttonSpinnerSize}: 1rem;\n ${attachTokens.buttonSpinnerColor}: inherit;\n\n ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n ${attachTokens.cellWidth}: fit-content;\n\n ${attachTokens.cellPadding}: 0rem;\n ${attachTokens.cellPaddingLeftContent}: 0rem;\n ${attachTokens.cellPaddingContent}: 0rem;\n ${attachTokens.cellPaddingRightContent}: 0rem;\n\n ${attachTokens.cellTextboxGap}: 0.125rem;\n ${attachTokens.cellGap}: 0.25rem;\n\n ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonHeight}: 2rem;\n ${attachTokens.iconButtonWidth}: 2rem;\n ${attachTokens.iconButtonPadding}: 0.75rem;\n ${attachTokens.iconButtonRadius}: 0.5rem;\n ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonSpinnerSize}: 1rem;\n ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n ${attachTokens.iconButtonCancelHeight}: 2rem;\n ${attachTokens.iconButtonCancelWidth}: 2rem;\n ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n ${attachTokens.moreIconPadding}: 0.25rem;\n\n ${attachTokens.dropdownBorderRadius}: 0.5rem;\n ${attachTokens.dropdownPadding}: 0.125rem;\n ${attachTokens.dropdownItemPadding}: 0.125rem 0.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","helperTextView","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","negative","l","m","s","xs"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EA0CC,SAAA;AACDC,MAAAA,MAAM,EA0CL,SAAA;AACDC,MAAAA,SAAS,EA0CR,SAAA;AACDC,MAAAA,KAAK,EA0CJ,SAAA;AACDC,MAAAA,OAAO,EA0CN,SAAA;AACDC,MAAAA,OAAO,EA0CN,UAAA;AACDC,MAAAA,QAAQ,EAuCP,SAAA;AACDC,MAAAA,IAAI,EA0CH,SAAA;AACDC,MAAAA,KAAK,EA0CJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KA2CR;AACDb,IAAAA,cAAc,EAAE;AACZI,MAAAA,SAAAA,EAEC,UAAA;AACDU,MAAAA,QAAQ,EAAA,UAAA;KAGX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAyFA,UAAA;AACDC,MAAAA,CAAC,EAyFA,SAAA;AACDC,MAAAA,CAAC,EAyFA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AA0FN,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Attach.js","sources":["../../../src-css/components/Attach/Attach.ts"],"sourcesContent":["import { attachConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Attach.config';\n\nconst mergedConfig = mergeConfig(attachConfig, config);\n\n/**\n * Компонент, позволяющий прикрепить локальный файл\n */\nexport const Attach = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","attachConfig","config","Attach","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC;;AAEtD;AACA;AACA;IACaC,MAAM,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
|
1
|
+
{"version":3,"file":"Attach.js","sources":["../../../src-css/components/Attach/Attach.ts"],"sourcesContent":["import { attachConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Attach.config';\n\nconst mergedConfig = mergeConfig(attachConfig, config);\n\n/**\n * Компонент, позволяющий прикрепить локальный файл\n */\nexport const Attach = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","attachConfig","config","Attach","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;;AAEtD;AACA;AACA;IACaC,MAAM,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|