@salutejs/sdds-cs 0.317.1-canary.2008.15410012369.0 → 0.317.1-canary.2013.15560496949.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Accordion/Accordion.d.ts +9 -10
- package/components/Attach/Attach.d.ts +158 -159
- package/components/Autocomplete/Autocomplete.d.ts +352 -353
- package/components/Avatar/Avatar.d.ts +46 -47
- package/components/AvatarGroup/AvatarGroup.d.ts +1 -2
- package/components/Badge/Badge.d.ts +40 -41
- package/components/Breadcrumbs/Breadcrumbs.d.ts +3 -4
- package/components/Button/Button.d.ts +71 -71
- package/components/ButtonGroup/ButtonGroup.d.ts +0 -1
- package/components/Card/Card.d.ts +5 -6
- package/components/Carousel/Carousel.config.d.ts +14 -0
- package/components/Carousel/Carousel.config.js +23 -0
- package/components/Carousel/Carousel.d.ts +9 -0
- package/components/Carousel/Carousel.js +10 -0
- package/components/Carousel/index.d.ts +2 -0
- package/components/Carousel/index.js +19 -0
- package/components/Cell/Cell.d.ts +19 -20
- package/components/Checkbox/Checkbox.d.ts +1 -1
- package/components/Chip/Chip.d.ts +0 -1
- package/components/ChipGroup/ChipGroup.d.ts +0 -1
- package/components/Combobox/Combobox.config.js +3 -3
- package/components/Combobox/Combobox.d.ts +975 -951
- package/components/Counter/Counter.d.ts +0 -1
- package/components/DatePicker/DatePicker.d.ts +52 -54
- package/components/Divider/Divider.d.ts +0 -1
- package/components/Drawer/Drawer.d.ts +18 -19
- package/components/Dropdown/Dropdown.d.ts +52 -52
- package/components/Dropzone/Dropzone.d.ts +15 -16
- package/components/EmptyState/EmptyState.d.ts +0 -1
- package/components/Flow/Flow.d.ts +1 -2
- package/components/Grid/Grid.d.ts +0 -1
- package/components/IconButton/IconButton.d.ts +35 -36
- package/components/Image/Image.d.ts +3 -4
- package/components/Indicator/Indicator.d.ts +0 -1
- package/components/Link/Link.d.ts +1 -2
- package/components/Mask/Mask.d.ts +224 -225
- package/components/Notification/Notification.d.ts +7 -6
- package/components/Notification/Notification.js +3 -21
- package/components/Notification/index.d.ts +3 -2
- package/components/Notification/index.js +4 -3
- package/components/NumberFormat/NumberFormat.d.ts +1 -1
- package/components/NumberInput/NumberInput.d.ts +38 -39
- package/components/Pagination/Pagination.d.ts +0 -1
- package/components/Popover/Popover.d.ts +0 -1
- package/components/Price/Price.d.ts +0 -1
- package/components/Progress/Progress.d.ts +0 -1
- package/components/Radiobox/Radiobox.d.ts +1 -1
- package/components/Range/Range.d.ts +105 -106
- package/components/Rating/Rating.d.ts +13 -14
- package/components/Segment/Segment.d.ts +8 -9
- package/components/Select/Select.config.js +3 -3
- package/components/Select/Select.d.ts +247 -244
- package/components/Sheet/Sheet.d.ts +0 -1
- package/components/Skeleton/Skeleton.d.ts +4 -5
- package/components/Slider/Slider.d.ts +96 -105
- package/components/Spinner/Spinner.d.ts +9 -14
- package/components/Steps/Steps.d.ts +0 -1
- package/components/Switch/Switch.d.ts +1 -1
- package/components/Table/Table.config.js +3 -3
- package/components/Table/Table.d.ts +0 -1
- package/components/Tabs/TabItem.d.ts +23 -23
- package/components/Tabs/Tabs.d.ts +1 -1
- package/components/TextArea/TextArea.d.ts +205 -206
- package/components/TextField/TextField.d.ts +224 -225
- package/components/Toast/Toast.d.ts +0 -1
- package/components/ToastNew/ToastNew.d.ts +1 -1
- package/components/Tokens/Colors/Colors.styles.d.ts +25 -26
- package/components/Tokens/Typography/Typography.styles.d.ts +23 -24
- package/components/Toolbar/Toolbar.d.ts +5 -6
- package/components/Tree/Tree.d.ts +0 -1
- package/components/Typography/Typography.d.ts +204 -205
- package/components/ViewContainer/ViewContainer.d.ts +0 -1
- package/emotion/cjs/components/Carousel/Carousel.config.js +23 -0
- package/emotion/cjs/components/Carousel/Carousel.js +10 -0
- package/emotion/cjs/components/Carousel/Carousel.stories.tsx +138 -0
- package/emotion/cjs/components/Carousel/index.js +19 -0
- package/emotion/cjs/components/Combobox/Combobox.config.js +3 -3
- package/emotion/cjs/components/Combobox/Combobox.stories.tsx +186 -0
- package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +10 -2
- package/emotion/cjs/components/Notification/Notification.js +3 -21
- package/emotion/cjs/components/Notification/Notification.stories.tsx +3 -8
- package/emotion/cjs/components/Notification/index.js +4 -3
- package/emotion/cjs/components/Select/Select.config.js +3 -3
- package/emotion/cjs/components/Select/Select.stories.tsx +186 -0
- package/emotion/cjs/components/Table/Table.config.js +3 -3
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Carousel/Carousel.config.js +17 -0
- package/emotion/es/components/Carousel/Carousel.js +5 -0
- package/emotion/es/components/Carousel/Carousel.stories.tsx +138 -0
- package/emotion/es/components/Carousel/index.js +2 -0
- package/emotion/es/components/Combobox/Combobox.config.js +3 -3
- package/emotion/es/components/Combobox/Combobox.stories.tsx +186 -0
- package/emotion/es/components/DatePicker/DatePicker.stories.tsx +10 -2
- package/emotion/es/components/Notification/Notification.js +4 -5
- package/emotion/es/components/Notification/Notification.stories.tsx +3 -8
- package/emotion/es/components/Notification/index.js +2 -1
- package/emotion/es/components/Select/Select.config.js +3 -3
- package/emotion/es/components/Select/Select.stories.tsx +186 -0
- package/emotion/es/components/Table/Table.config.js +3 -3
- package/emotion/es/index.js +1 -0
- package/es/components/Carousel/Carousel.config.js +17 -0
- package/es/components/Carousel/Carousel.js +5 -0
- package/es/components/Carousel/index.js +2 -0
- package/es/components/Combobox/Combobox.config.js +3 -3
- package/es/components/Notification/Notification.js +4 -5
- package/es/components/Notification/index.js +2 -1
- package/es/components/Select/Select.config.js +3 -3
- package/es/components/Table/Table.config.js +3 -3
- package/es/index.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +11 -0
- package/mixins/index.d.ts +1 -2
- package/package.json +7 -7
|
@@ -12,9 +12,9 @@ export var config = {
|
|
|
12
12
|
clear: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n "])), tokens.borderColor)
|
|
13
13
|
},
|
|
14
14
|
size: {
|
|
15
|
-
l: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 3.125rem;\n ", ": 3.125rem;\n ", ": 0.375rem 1rem;\n ", ": 0.375rem 1rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": 0.5rem;\n ", ": 3rem;\n ", ": 100%;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0 0.75rem;\n\n ", ": var(--surface-transparent-tertiary);\n\n ", ": 0.75rem 0;\n ", ": 0.375rem
|
|
16
|
-
m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 2.75rem;\n ", ": 2.75rem;\n ", ": 0.25rem 0.875rem;\n ", ": 0.25rem 0.75rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": 0.375rem;\n ", ": 2.5rem;\n ", ": 100%;\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0 0.625rem;\n\n ", ": var(--surface-transparent-tertiary);\n\n ", ": 0.5rem 0;\n ", ": 0.375rem 0.
|
|
17
|
-
s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 2.125rem;\n ", ": 2.125rem;\n ", ": 0.125rem 0.5rem;\n ", ": 0.125rem 0.625rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": 0.25rem;\n ", ": 2rem;\n ", ": 100%;\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0 0.375rem;\n\n ", ": var(--surface-transparent-tertiary);\n\n ", ": 0.5rem 0;\n ", ": 0.25rem 0.
|
|
15
|
+
l: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 3.125rem;\n ", ": 3.125rem;\n ", ": 0.375rem 1rem;\n ", ": 0.375rem 1rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": 0.5rem;\n ", ": 3rem;\n ", ": 100%;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0 0.75rem;\n\n ", ": var(--surface-transparent-tertiary);\n\n ", ": 0.75rem 0;\n ", ": 0.375rem 0.75rem;\n\n ", ": 2.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.125rem;\n ", ": 0.875rem;\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.875rem;\n ", ": 0.75rem;\n ", ": 0 0.375rem 0 0;\n ", ": 1.5rem;\n ", ": 0;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 0.5rem 0.875rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderColor, tokens.checkboxFillColor, tokens.checkboxTriggerIconColor, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderCheckedColor, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight),
|
|
16
|
+
m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 2.75rem;\n ", ": 2.75rem;\n ", ": 0.25rem 0.875rem;\n ", ": 0.25rem 0.75rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": 0.375rem;\n ", ": 2.5rem;\n ", ": 100%;\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0 0.625rem;\n\n ", ": var(--surface-transparent-tertiary);\n\n ", ": 0.5rem 0;\n ", ": 0.375rem 0.75rem;\n\n ", ": 2rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.625rem;\n ", ": 0.625rem;\n ", ": 0 0.375rem 0 0;\n ", ": 1.5rem;\n ", ": 0;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 0.25rem 0.75rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderColor, tokens.checkboxFillColor, tokens.checkboxTriggerIconColor, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderCheckedColor, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight),
|
|
17
|
+
s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 2.125rem;\n ", ": 2.125rem;\n ", ": 0.125rem 0.5rem;\n ", ": 0.125rem 0.625rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": 0.25rem;\n ", ": 2rem;\n ", ": 100%;\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0 0.375rem;\n\n ", ": var(--surface-transparent-tertiary);\n\n ", ": 0.5rem 0;\n ", ": 0.25rem 0.5rem;\n\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.125rem;\n ", ": 0.625rem;\n ", ": 1rem;\n ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n ", ": 0.5rem;\n ", ": 0 0.25rem 0 0;\n ", ": 1rem;\n ", ": 0;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 0.25rem 0.5rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderColor, tokens.checkboxFillColor, tokens.checkboxTriggerIconColor, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderCheckedColor, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight)
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
};
|
package/emotion/es/index.js
CHANGED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
var _templateObject, _templateObject2;
|
|
2
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
|
+
import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
4
|
+
export var config = {
|
|
5
|
+
defaults: {
|
|
6
|
+
view: 'default',
|
|
7
|
+
size: 's'
|
|
8
|
+
},
|
|
9
|
+
variations: {
|
|
10
|
+
view: {
|
|
11
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n "])), tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
|
|
12
|
+
},
|
|
13
|
+
size: {
|
|
14
|
+
s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { carouselNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
|
+
import { config } from './Carousel.config';
|
|
3
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(carouselNewConfig, config);
|
|
4
|
+
var Carousel = /*#__PURE__*/component(mergedConfig);
|
|
5
|
+
export { Carousel };
|
|
@@ -9,11 +9,11 @@ export var config = {
|
|
|
9
9
|
},
|
|
10
10
|
variations: {
|
|
11
11
|
view: {
|
|
12
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-card);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n ", ": var(--outline-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--text-accent-active);\n\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n ", ": var(--surface-solid-primary);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--surface-transparent-accent);\n "])), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
|
|
13
|
-
negative: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-card);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-accent);\n\n ", ": var(--outline-negative);\n ", ": var(--outline-negative-hover);\n ", ": var(--outline-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--text-accent-active);\n\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n ", ": var(--surface-solid-primary);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--surface-transparent-accent);\n "])), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover)
|
|
12
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-card);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n ", ": var(--outline-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--text-accent-active);\n\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n ", ": var(--surface-solid-primary);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--surface-transparent-accent);\n\n ", ": var(--surface-solid-primary);\n "])), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor),
|
|
13
|
+
negative: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-card);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-accent);\n\n ", ": var(--outline-negative);\n ", ": var(--outline-negative-hover);\n ", ": var(--outline-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--text-accent-active);\n\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n ", ": var(--surface-solid-primary);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--surface-transparent-accent);\n\n ", ": var(--surface-solid-primary);\n "])), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldContentSlotRightColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.dropdownBorderColor, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.dividerColor)
|
|
14
14
|
},
|
|
15
15
|
size: {
|
|
16
|
-
s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.3125rem auto auto -0.6875rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n ", ": 1.063rem -2.125rem auto auto;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0 0.5rem 0 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.625rem 0.875rem 0.625rem 0.875rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem;\n ", ": 0.25rem 0.75rem;\n ", ": 0.5rem;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 0 0.375rem 0 0;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.25rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": none;\n ", ": 0.125rem;\n ", ": var(--outline-accent);\n\n ", ": 0.375rem;\n ", ": 0.0625rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderColor, tokens.indicatorSize, tokens.dropdownBorderWidth)
|
|
16
|
+
s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.3125rem auto auto -0.6875rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n ", ": 1.063rem -2.125rem auto auto;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0 0.5rem 0 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.625rem 0.875rem 0.625rem 0.875rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem;\n ", ": 0.25rem 0.75rem;\n ", ": 0.5rem;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 0 0.375rem 0 0;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.25rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": none;\n ", ": 0.125rem;\n ", ": var(--outline-accent);\n\n ", ": 0.375rem;\n ", ": 0.0625rem;\n\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderColor, tokens.indicatorSize, tokens.dropdownBorderWidth, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
|
|
17
17
|
},
|
|
18
18
|
labelPlacement: {
|
|
19
19
|
inner: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { notificationConfig, NotificationsProvider as Provider, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
3
3
|
import { config } from './Notification.config';
|
|
4
|
-
export { modalClasses } from '../Modal';
|
|
5
4
|
var mergedConfig = /*#__PURE__*/mergeConfig(notificationConfig, config);
|
|
6
|
-
export var
|
|
5
|
+
export var NotificationNewHope = /*#__PURE__*/component(mergedConfig);
|
|
6
|
+
export var Notification = NotificationNewHope;
|
|
7
7
|
export var NotificationsProvider = function NotificationsProvider(_ref) {
|
|
8
8
|
var children = _ref.children,
|
|
9
9
|
_ref$frame = _ref.frame,
|
|
@@ -16,5 +16,4 @@ export var NotificationsProvider = function NotificationsProvider(_ref) {
|
|
|
16
16
|
placement: placement,
|
|
17
17
|
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
|
|
18
18
|
}, children);
|
|
19
|
-
};
|
|
20
|
-
export { addNotification, closeNotification };
|
|
19
|
+
};
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { NotificationsProvider, Notification
|
|
1
|
+
export { NotificationsProvider, Notification } from './Notification';
|
|
2
|
+
export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/styled-components';
|
|
@@ -11,11 +11,11 @@ export var config = {
|
|
|
11
11
|
},
|
|
12
12
|
variations: {
|
|
13
13
|
view: {
|
|
14
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-card);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n ", ": var(--outline-accent);\n\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--text-accent-active);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-solid-primary);\n ", ": var(--surface-solid-primary-hover);\n ", ": var(--surface-solid-primary-active);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--surface-transparent-accent);\n ", ": 1;\n ", ": var(--text-secondary);\n\n ", ": var(--outline-solid-primary);\n ", ": var(--text-primary);\n "])), selectTokens.textFieldColor, selectTokens.textFieldPlaceholderColor, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldLabelColor, selectTokens.textFieldLeftHelperColor, selectTokens.textFieldContentSlotColor, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, selectTokens.buttonColor, selectTokens.buttonColorHover, selectTokens.buttonColorActive, selectTokens.buttonArrowColor, selectTokens.buttonArrowColorHover, selectTokens.buttonArrowColorActive, selectTokens.buttonBackgroundColor, selectTokens.buttonBackgroundColorHover, selectTokens.buttonBackgroundColorActive, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.itemBackgroundHover, selectTokens.itemDisabledOpacity, selectTokens.itemDisabledColor, selectTokens.dropdownBorderColor, selectTokens.checkboxIconColor),
|
|
15
|
-
negative: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-card);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--outline-negative);\n ", ": var(--outline-negative-hover);\n ", ": var(--outline-accent);\n\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--text-accent-active);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-solid-primary);\n ", ": var(--surface-solid-primary-hover);\n ", ": var(--surface-solid-primary-active);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--surface-transparent-accent);\n ", ": 1;\n ", ": var(--text-secondary);\n\n ", ": var(--outline-solid-primary);\n ", ": var(--text-accent);\n "])), selectTokens.textFieldColor, selectTokens.textFieldPlaceholderColor, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldLabelColor, selectTokens.textFieldLeftHelperColor, selectTokens.textFieldContentSlotColor, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, selectTokens.buttonColor, selectTokens.buttonColorHover, selectTokens.buttonColorActive, selectTokens.buttonArrowColor, selectTokens.buttonArrowColorHover, selectTokens.buttonArrowColorActive, selectTokens.buttonBackgroundColor, selectTokens.buttonBackgroundColorHover, selectTokens.buttonBackgroundColorActive, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.itemBackgroundHover, selectTokens.itemDisabledOpacity, selectTokens.itemDisabledColor, selectTokens.dropdownBorderColor, selectTokens.checkboxIconColor)
|
|
14
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-card);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n ", ": var(--outline-accent);\n\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--text-accent-active);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-solid-primary);\n ", ": var(--surface-solid-primary-hover);\n ", ": var(--surface-solid-primary-active);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--surface-transparent-accent);\n ", ": 1;\n ", ": var(--text-secondary);\n\n ", ": var(--outline-solid-primary);\n ", ": var(--text-primary);\n\n ", ": var(--surface-solid-primary);\n "])), selectTokens.textFieldColor, selectTokens.textFieldPlaceholderColor, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldLabelColor, selectTokens.textFieldLeftHelperColor, selectTokens.textFieldContentSlotColor, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, selectTokens.buttonColor, selectTokens.buttonColorHover, selectTokens.buttonColorActive, selectTokens.buttonArrowColor, selectTokens.buttonArrowColorHover, selectTokens.buttonArrowColorActive, selectTokens.buttonBackgroundColor, selectTokens.buttonBackgroundColorHover, selectTokens.buttonBackgroundColorActive, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.itemBackgroundHover, selectTokens.itemDisabledOpacity, selectTokens.itemDisabledColor, selectTokens.dropdownBorderColor, selectTokens.checkboxIconColor, tokens.dividerColor),
|
|
15
|
+
negative: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-card);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--outline-negative);\n ", ": var(--outline-negative-hover);\n ", ": var(--outline-accent);\n\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--text-accent-active);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-solid-primary);\n ", ": var(--surface-solid-primary-hover);\n ", ": var(--surface-solid-primary-active);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--surface-transparent-accent);\n ", ": 1;\n ", ": var(--text-secondary);\n\n ", ": var(--outline-solid-primary);\n ", ": var(--text-accent);\n\n ", ": var(--surface-solid-primary);\n "])), selectTokens.textFieldColor, selectTokens.textFieldPlaceholderColor, selectTokens.textFieldBackgroundColor, selectTokens.textFieldBackgroundColorFocus, selectTokens.textFieldLabelColor, selectTokens.textFieldLeftHelperColor, selectTokens.textFieldContentSlotColor, selectTokens.textFieldBorderColor, selectTokens.textFieldBorderColorHover, selectTokens.textFieldBorderColorFocus, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, selectTokens.buttonColor, selectTokens.buttonColorHover, selectTokens.buttonColorActive, selectTokens.buttonArrowColor, selectTokens.buttonArrowColorHover, selectTokens.buttonArrowColorActive, selectTokens.buttonBackgroundColor, selectTokens.buttonBackgroundColorHover, selectTokens.buttonBackgroundColorActive, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.itemBackgroundHover, selectTokens.itemDisabledOpacity, selectTokens.itemDisabledColor, selectTokens.dropdownBorderColor, selectTokens.checkboxIconColor, tokens.dividerColor)
|
|
16
16
|
},
|
|
17
17
|
size: {
|
|
18
|
-
s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.3125rem auto auto -0.6875rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n ", ": 1.063rem -2.125rem auto auto;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0 0.5rem 0 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 2.5rem;\n ", ": 1rem 0 1rem;\n\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.5rem;\n ", ": 0.25rem 0.5rem;\n ", ": 0.5rem;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 0 0.5rem 0 0;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.25rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--text-primary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--outline-accent);\n ", ": transparent;\n ", ": 0.125rem;\n\n ", ": 0.375rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.dropdownBorderWidth, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize)
|
|
18
|
+
s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.3125rem auto auto -0.6875rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n ", ": 1.063rem -2.125rem auto auto;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0 0.5rem 0 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 2.5rem;\n ", ": 1rem 0 1rem;\n\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.5rem;\n ", ": 0.25rem 0.5rem;\n ", ": 0.5rem;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 0 0.5rem 0 0;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.25rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--text-primary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--outline-accent);\n ", ": transparent;\n ", ": 0.125rem;\n\n ", ": 0.375rem;\n\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.dropdownBorderWidth, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
|
|
19
19
|
},
|
|
20
20
|
labelPlacement: {
|
|
21
21
|
inner: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
|
|
@@ -12,9 +12,9 @@ export var config = {
|
|
|
12
12
|
clear: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n "])), tokens.borderColor)
|
|
13
13
|
},
|
|
14
14
|
size: {
|
|
15
|
-
l: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 3.125rem;\n ", ": 3.125rem;\n ", ": 0.375rem 1rem;\n ", ": 0.375rem 1rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": 0.5rem;\n ", ": 3rem;\n ", ": 100%;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0 0.75rem;\n\n ", ": var(--surface-transparent-tertiary);\n\n ", ": 0.75rem 0;\n ", ": 0.375rem
|
|
16
|
-
m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 2.75rem;\n ", ": 2.75rem;\n ", ": 0.25rem 0.875rem;\n ", ": 0.25rem 0.75rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": 0.375rem;\n ", ": 2.5rem;\n ", ": 100%;\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0 0.625rem;\n\n ", ": var(--surface-transparent-tertiary);\n\n ", ": 0.5rem 0;\n ", ": 0.375rem 0.
|
|
17
|
-
s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 2.125rem;\n ", ": 2.125rem;\n ", ": 0.125rem 0.5rem;\n ", ": 0.125rem 0.625rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": 0.25rem;\n ", ": 2rem;\n ", ": 100%;\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0 0.375rem;\n\n ", ": var(--surface-transparent-tertiary);\n\n ", ": 0.5rem 0;\n ", ": 0.25rem 0.
|
|
15
|
+
l: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 3.125rem;\n ", ": 3.125rem;\n ", ": 0.375rem 1rem;\n ", ": 0.375rem 1rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": 0.5rem;\n ", ": 3rem;\n ", ": 100%;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0 0.75rem;\n\n ", ": var(--surface-transparent-tertiary);\n\n ", ": 0.75rem 0;\n ", ": 0.375rem 0.75rem;\n\n ", ": 2.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.125rem;\n ", ": 0.875rem;\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.875rem;\n ", ": 0.75rem;\n ", ": 0 0.375rem 0 0;\n ", ": 1.5rem;\n ", ": 0;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 0.5rem 0.875rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderColor, tokens.checkboxFillColor, tokens.checkboxTriggerIconColor, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderCheckedColor, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight),
|
|
16
|
+
m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 2.75rem;\n ", ": 2.75rem;\n ", ": 0.25rem 0.875rem;\n ", ": 0.25rem 0.75rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": 0.375rem;\n ", ": 2.5rem;\n ", ": 100%;\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0 0.625rem;\n\n ", ": var(--surface-transparent-tertiary);\n\n ", ": 0.5rem 0;\n ", ": 0.375rem 0.75rem;\n\n ", ": 2rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.625rem;\n ", ": 0.625rem;\n ", ": 0 0.375rem 0 0;\n ", ": 1.5rem;\n ", ": 0;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 0.25rem 0.75rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderColor, tokens.checkboxFillColor, tokens.checkboxTriggerIconColor, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderCheckedColor, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight),
|
|
17
|
+
s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 2.125rem;\n ", ": 2.125rem;\n ", ": 0.125rem 0.5rem;\n ", ": 0.125rem 0.625rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": 0.25rem;\n ", ": 2rem;\n ", ": 100%;\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0 0.375rem;\n\n ", ": var(--surface-transparent-tertiary);\n\n ", ": 0.5rem 0;\n ", ": 0.25rem 0.5rem;\n\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.125rem;\n ", ": 0.625rem;\n ", ": 1rem;\n ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n ", ": 0.5rem;\n ", ": 0 0.25rem 0 0;\n ", ": 1rem;\n ", ": 0;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": transparent;\n ", ": 0.25rem 0.5rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderColor, tokens.checkboxFillColor, tokens.checkboxTriggerIconColor, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderCheckedColor, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight)
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
};
|
package/es/index.js
CHANGED
package/index.d.ts
CHANGED
package/index.js
CHANGED
|
@@ -707,6 +707,17 @@ Object.keys(_ToastNew).forEach(function (key) {
|
|
|
707
707
|
}
|
|
708
708
|
});
|
|
709
709
|
});
|
|
710
|
+
var _Carousel = /*#__PURE__*/require("./components/Carousel");
|
|
711
|
+
Object.keys(_Carousel).forEach(function (key) {
|
|
712
|
+
if (key === "default" || key === "__esModule") return;
|
|
713
|
+
if (key in exports && exports[key] === _Carousel[key]) return;
|
|
714
|
+
Object.defineProperty(exports, key, {
|
|
715
|
+
enumerable: true,
|
|
716
|
+
get: function get() {
|
|
717
|
+
return _Carousel[key];
|
|
718
|
+
}
|
|
719
|
+
});
|
|
720
|
+
});
|
|
710
721
|
var _mixins = /*#__PURE__*/require("./mixins");
|
|
711
722
|
Object.keys(_mixins).forEach(function (key) {
|
|
712
723
|
if (key === "default" || key === "__esModule") return;
|
package/mixins/index.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export { addFocus, mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
|
|
3
2
|
export declare const applyPaper: ({ backgroundColor, shadow, borderRadius, styles }: {
|
|
4
3
|
backgroundColor?: ("textPrimary" | "textPrimaryBrightness" | "textPrimaryHover" | "textPrimaryActive" | "textSecondary" | "textSecondaryHover" | "textSecondaryActive" | "textTertiary" | "textTertiaryHover" | "textTertiaryActive" | "textAccent" | "textAccentHover" | "textAccentActive" | "textAccentMinor" | "textAccentMinorHover" | "textAccentMinorActive" | "textPositive" | "textPositiveHover" | "textPositiveActive" | "textWarning" | "textWarningHover" | "textWarningActive" | "textNegative" | "textNegativeHover" | "textNegativeActive" | "textInfo" | "textInfoHover" | "textInfoActive" | "onDarkTextPrimary" | "onDarkTextPrimaryBrightness" | "onDarkTextPrimaryHover" | "onDarkTextPrimaryActive" | "onDarkTextSecondary" | "onDarkTextSecondaryHover" | "onDarkTextSecondaryActive" | "onDarkTextTertiary" | "onDarkTextTertiaryHover" | "onDarkTextTertiaryActive" | "onDarkTextAccent" | "onDarkTextAccentHover" | "onDarkTextAccentActive" | "onDarkTextAccentMinor" | "onDarkTextAccentMinorHover" | "onDarkTextAccentMinorActive" | "onDarkTextPositive" | "onDarkTextPositiveHover" | "onDarkTextPositiveActive" | "onDarkTextWarning" | "onDarkTextWarningHover" | "onDarkTextWarningActive" | "onDarkTextNegative" | "onDarkTextNegativeHover" | "onDarkTextNegativeActive" | "onDarkTextInfo" | "onDarkTextInfoHover" | "onDarkTextInfoActive" | "onLightTextPrimary" | "onLightTextPrimaryBrightness" | "onLightTextPrimaryHover" | "onLightTextPrimaryActive" | "onLightTextSecondary" | "onLightTextSecondaryHover" | "onLightTextSecondaryActive" | "onLightTextTertiary" | "onLightTextTertiaryHover" | "onLightTextTertiaryActive" | "onLightTextAccent" | "onLightTextAccentHover" | "onLightTextAccentActive" | "onLightTextAccentMinor" | "onLightTextAccentMinorHover" | "onLightTextAccentMinorActive" | "onLightTextPositive" | "onLightTextPositiveHover" | "onLightTextPositiveActive" | "onLightTextWarning" | "onLightTextWarningHover" | "onLightTextWarningActive" | "onLightTextNegative" | "onLightTextNegativeHover" | "onLightTextNegativeActive" | "onLightTextInfo" | "onLightTextInfoHover" | "onLightTextInfoActive" | "inverseTextPrimary" | "inverseTextPrimaryBrightness" | "inverseTextPrimaryHover" | "inverseTextPrimaryActive" | "inverseTextSecondary" | "inverseTextSecondaryHover" | "inverseTextSecondaryActive" | "inverseTextTertiary" | "inverseTextTertiaryHover" | "inverseTextTertiaryActive" | "inverseTextAccent" | "inverseTextAccentHover" | "inverseTextAccentActive" | "inverseTextAccentMinor" | "inverseTextAccentMinorHover" | "inverseTextAccentMinorActive" | "inverseTextPositive" | "inverseTextPositiveHover" | "inverseTextPositiveActive" | "inverseTextWarning" | "inverseTextWarningHover" | "inverseTextWarningActive" | "inverseTextNegative" | "inverseTextNegativeHover" | "inverseTextNegativeActive" | "surfaceSolidPrimary" | "surfaceSolidPrimaryBrightness" | "surfaceSolidPrimaryHover" | "surfaceSolidPrimaryActive" | "surfaceSolidSecondary" | "surfaceSolidSecondaryHover" | "surfaceSolidSecondaryActive" | "surfaceSolidTertiary" | "surfaceSolidTertiaryHover" | "surfaceSolidTertiaryActive" | "surfaceSolidCard" | "surfaceSolidCardBrightness" | "surfaceSolidCardHover" | "surfaceSolidCardActive" | "surfaceSolidDefault" | "surfaceSolidDefaultHover" | "surfaceSolidDefaultActive" | "surfaceClear" | "surfaceClearHover" | "surfaceClearActive" | "surfaceAccent" | "surfaceAccentHover" | "surfaceAccentActive" | "surfaceTransparentAccent" | "surfaceTransparentAccentHover" | "surfaceTransparentAccentActive" | "surfacePositive" | "surfacePositiveHover" | "surfacePositiveActive" | "surfaceWarning" | "surfaceWarningHover" | "surfaceWarningActive" | "surfaceNegative" | "surfaceNegativeHover" | "surfaceNegativeActive" | "surfaceInfo" | "surfaceInfoHover" | "surfaceInfoActive" | "surfaceWarningMinor" | "surfaceWarningMinorHover" | "surfaceWarningMinorActive" | "surfaceInfoMinor" | "surfaceInfoMinorHover" | "surfaceInfoMinorActive" | "surfaceTransparentNegative" | "surfaceTransparentNegativeHover" | "surfaceTransparentNegativeActive" | "onDarkSurfaceSolidPrimary" | "onDarkSurfaceSolidPrimaryBrightness" | "onDarkSurfaceSolidPrimaryHover" | "onDarkSurfaceSolidPrimaryActive" | "onDarkSurfaceSolidSecondary" | "onDarkSurfaceSolidSecondaryHover" | "onDarkSurfaceSolidSecondaryActive" | "onDarkSurfaceSolidTertiary" | "onDarkSurfaceSolidTertiaryHover" | "onDarkSurfaceSolidTertiaryActive" | "onDarkSurfaceSolidCard" | "onDarkSurfaceSolidCardBrightness" | "onDarkSurfaceSolidCardHover" | "onDarkSurfaceSolidCardActive" | "onDarkSurfaceSolidDefault" | "onDarkSurfaceSolidDefaultHover" | "onDarkSurfaceSolidDefaultActive" | "onDarkSurfaceClear" | "onDarkSurfaceClearHover" | "onDarkSurfaceClearActive" | "onDarkSurfaceAccent" | "onDarkSurfaceAccentHover" | "onDarkSurfaceAccentActive" | "onDarkSurfaceTransparentAccent" | "onDarkSurfaceTransparentAccentHover" | "onDarkSurfaceTransparentAccentActive" | "onDarkSurfacePromo" | "onDarkSurfacePromoHover" | "onDarkSurfacePromoActive" | "onDarkSurfacePositive" | "onDarkSurfacePositiveHover" | "onDarkSurfacePositiveActive" | "onDarkSurfaceWarning" | "onDarkSurfaceWarningHover" | "onDarkSurfaceWarningActive" | "onDarkSurfaceNegative" | "onDarkSurfaceNegativeHover" | "onDarkSurfaceNegativeActive" | "onDarkSurfaceInfo" | "onDarkSurfaceInfoHover" | "onDarkSurfaceInfoActive" | "onDarkSurfaceWarningMinor" | "onDarkSurfaceWarningMinorHover" | "onDarkSurfaceWarningMinorActive" | "onDarkSurfaceInfoMinor" | "onDarkSurfaceInfoMinorHover" | "onDarkSurfaceInfoMinorActive" | "onDarkSurfaceTransparentNegative" | "onDarkSurfaceTransparentNegativeHover" | "onDarkSurfaceTransparentNegativeActive" | "onLightSurfaceSolidPrimary" | "onLightSurfaceSolidPrimaryBrightness" | "onLightSurfaceSolidPrimaryHover" | "onLightSurfaceSolidPrimaryActive" | "onLightSurfaceSolidSecondary" | "onLightSurfaceSolidSecondaryHover" | "onLightSurfaceSolidSecondaryActive" | "onLightSurfaceSolidTertiary" | "onLightSurfaceSolidTertiaryHover" | "onLightSurfaceSolidTertiaryActive" | "onLightSurfaceSolidCard" | "onLightSurfaceSolidCardBrightness" | "onLightSurfaceSolidCardHover" | "onLightSurfaceSolidCardActive" | "onLightSurfaceSolidDefault" | "onLightSurfaceSolidDefaultHover" | "onLightSurfaceSolidDefaultActive" | "onLightSurfaceClear" | "onLightSurfaceClearHover" | "onLightSurfaceClearActive" | "onLightSurfaceAccent" | "onLightSurfaceAccentHover" | "onLightSurfaceAccentActive" | "onLightSurfaceTransparentAccent" | "onLightSurfaceTransparentAccentHover" | "onLightSurfaceTransparentAccentActive" | "onLightSurfacePositive" | "onLightSurfacePositiveHover" | "onLightSurfacePositiveActive" | "onLightSurfaceWarning" | "onLightSurfaceWarningHover" | "onLightSurfaceWarningActive" | "onLightSurfaceNegative" | "onLightSurfaceNegativeHover" | "onLightSurfaceNegativeActive" | "onLightSurfaceInfo" | "onLightSurfaceInfoHover" | "onLightSurfaceInfoActive" | "onLightSurfaceWarningMinor" | "onLightSurfaceWarningMinorHover" | "onLightSurfaceWarningMinorActive" | "onLightSurfaceInfoMinor" | "onLightSurfaceInfoMinorHover" | "onLightSurfaceInfoMinorActive" | "onLightSurfaceTransparentNegative" | "onLightSurfaceTransparentNegativeHover" | "onLightSurfaceTransparentNegativeActive" | "inverseSurfaceSolidPrimary" | "inverseSurfaceSolidPrimaryBrightness" | "inverseSurfaceSolidPrimaryHover" | "inverseSurfaceSolidPrimaryActive" | "inverseSurfaceSolidSecondary" | "inverseSurfaceSolidSecondaryHover" | "inverseSurfaceSolidSecondaryActive" | "inverseSurfaceSolidTertiary" | "inverseSurfaceSolidTertiaryHover" | "inverseSurfaceSolidTertiaryActive" | "inverseSurfaceSolidCard" | "inverseSurfaceSolidCardBrightness" | "inverseSurfaceSolidCardHover" | "inverseSurfaceSolidCardActive" | "inverseSurfaceSolidDefault" | "inverseSurfaceSolidDefaultHover" | "inverseSurfaceSolidDefaultActive" | "inverseSurfaceClear" | "inverseSurfaceClearHover" | "inverseSurfaceClearActive" | "inverseSurfaceAccent" | "inverseSurfaceAccentHover" | "inverseSurfaceAccentActive" | "inverseSurfaceTransparentAccent" | "inverseSurfaceTransparentAccentHover" | "inverseSurfaceTransparentAccentActive" | "inverseSurfacePositive" | "inverseSurfacePositiveHover" | "inverseSurfacePositiveActive" | "inverseSurfaceWarning" | "inverseSurfaceWarningHover" | "inverseSurfaceWarningActive" | "inverseSurfaceNegative" | "inverseSurfaceNegativeHover" | "inverseSurfaceNegativeActive" | "inverseSurfaceInfo" | "inverseSurfaceInfoHover" | "inverseSurfaceInfoActive" | "inverseSurfaceWarningMinor" | "inverseSurfaceWarningMinorHover" | "inverseSurfaceWarningMinorActive" | "inverseSurfaceNegativeMinor" | "inverseSurfaceNegativeMinorHover" | "inverseSurfaceNegativeMinorActive" | "inverseSurfaceInfoMinor" | "inverseSurfaceInfoMinorHover" | "inverseSurfaceInfoMinorActive" | "backgroundPrimary" | "backgroundPrimaryBrightness" | "darkBackgroundPrimary" | "lightBackgroundPrimary" | "inverseBackgroundPrimary" | "inverseBackgroundPrimaryBrightness" | "outlineSolidPrimary" | "outlineSolidPrimaryHover" | "outlineSolidPrimaryActive" | "outlineSolidSecondary" | "outlineSolidSecondaryHover" | "outlineSolidSecondaryActive" | "outlineClear" | "outlineClearHover" | "outlineClearActive" | "outlineAccent" | "outlineAccentHover" | "outlineAccentActive" | "outlinePositive" | "outlinePositiveHover" | "outlinePositiveActive" | "outlineNegative" | "outlineNegativeHover" | "outlineNegativeActive" | "outlineInfo" | "outlineInfoHover" | "outlineInfoActive" | "onDarkOutlineSolidPrimary" | "onDarkOutlineSolidPrimaryHover" | "onDarkOutlineSolidPrimaryActive" | "onDarkOutlineSolidSecondary" | "onDarkOutlineSolidSecondaryHover" | "onDarkOutlineSolidSecondaryActive" | "onDarkOutlineClear" | "onDarkOutlineClearHover" | "onDarkOutlineClearActive" | "onDarkOutlineAccent" | "onDarkOutlineAccentHover" | "onDarkOutlineAccentActive" | "onDarkOutlinePositive" | "onDarkOutlinePositiveHover" | "onDarkOutlinePositiveActive" | "onDarkOutlineNegative" | "onDarkOutlineNegativeHover" | "onDarkOutlineNegativeActive" | "onDarkOutlineInfo" | "onDarkOutlineInfoHover" | "onDarkOutlineInfoActive" | "onLightOutlineSolidPrimary" | "onLightOutlineSolidPrimaryHover" | "onLightOutlineSolidPrimaryActive" | "onLightOutlineSolidSecondary" | "onLightOutlineSolidSecondaryHover" | "onLightOutlineSolidSecondaryActive" | "onLightOutlineClear" | "onLightOutlineClearHover" | "onLightOutlineClearActive" | "onLightOutlineAccent" | "onLightOutlineAccentHover" | "onLightOutlineAccentActive" | "onLightOutlinePositive" | "onLightOutlinePositiveHover" | "onLightOutlinePositiveActive" | "onLightOutlineNegative" | "onLightOutlineNegativeHover" | "onLightOutlineNegativeActive" | "onLightOutlineInfo" | "onLightOutlineInfoHover" | "onLightOutlineInfoActive" | "inverseOutlineSolidPrimary" | "inverseOutlineSolidPrimaryHover" | "inverseOutlineSolidPrimaryActive" | "inverseOutlineSolidSecondary" | "inverseOutlineSolidSecondaryHover" | "inverseOutlineSolidSecondaryActive" | "inverseOutlineClear" | "inverseOutlineClearHover" | "inverseOutlineClearActive" | "inverseOutlineAccent" | "inverseOutlineAccentHover" | "inverseOutlineAccentActive" | "inverseOutlinePositive" | "inverseOutlinePositiveHover" | "inverseOutlinePositiveActive" | "inverseOutlineNegative" | "inverseOutlineNegativeHover" | "inverseOutlineNegativeActive" | "inverseOutlineInfo" | "inverseOutlineInfoHover" | "inverseOutlineInfoActive" | "dataYellow" | "dataYellowHover" | "dataYellowActive" | "dataYellowMinor" | "dataYellowMinorHover" | "dataYellowMinorActive" | "dataYellowTransparent" | "dataYellowTransparentHover" | "dataYellowTransparentActive" | "onDarkDataYellow" | "onDarkDataYellowHover" | "onDarkDataYellowActive" | "onDarkDataYellowMinor" | "onDarkDataYellowMinorHover" | "onDarkDataYellowMinorActive" | "onDarkDataYellowTransparent" | "onDarkDataYellowTransparentHover" | "onDarkDataYellowTransparentActive" | "onLightDataYellow" | "onLightDataYellowHover" | "onLightDataYellowActive" | "onLightDataYellowMinor" | "onLightDataYellowMinorHover" | "onLightDataYellowMinorActive" | "onLightDataYellowTransparent" | "onLightDataYellowTransparentHover" | "onLightDataYellowTransparentActive" | "inverseDataYellow" | "inverseDataYellowHover" | "inverseDataYellowActive" | "inverseDataYellowMinor" | "inverseDataYellowMinorHover" | "inverseDataYellowMinorActive" | "inverseDataYellowTransparent" | "inverseDataYellowTransparentHover" | "inverseDataYellowTransparentActive" | "inverseTextPromoMinorGradient" | "inverseTextPromoMinorGradientHover" | "inverseTextPromoMinorGradientActive" | "surfaceSkeletonGradient" | "surfaceSkeletonGradientHover" | "surfaceSkeletonGradientActive" | "surfaceSkeletonDeepGradient" | "surfaceSkeletonDeepGradientHover" | "surfaceSkeletonDeepGradientActive" | "onDarkSurfaceSkeletonGradient" | "onDarkSurfaceSkeletonGradientHover" | "onDarkSurfaceSkeletonGradientActive" | "onDarkSurfaceSkeletonDeepGradient" | "onDarkSurfaceSkeletonDeepGradientHover" | "onDarkSurfaceSkeletonDeepGradientActive" | "onLightSurfaceSkeletonGradient" | "onLightSurfaceSkeletonGradientHover" | "onLightSurfaceSkeletonGradientActive" | "onLightSurfaceSkeletonDeepGradient" | "onLightSurfaceSkeletonDeepGradientHover" | "onLightSurfaceSkeletonDeepGradientActive" | "inverseSurfaceSkeletonGradient" | "inverseSurfaceSkeletonGradientHover" | "inverseSurfaceSkeletonGradientActive" | "inverseSurfaceSkeletonDeepGradient" | "inverseSurfaceSkeletonDeepGradientHover" | "inverseSurfaceSkeletonDeepGradientActive") | undefined;
|
|
5
4
|
shadow?: "shadowDownSoftS" | "shadowDownSoftM" | "shadowDownSoftL" | "shadowDownHardS" | "shadowDownHardM" | "shadowDownHardL" | "shadowUpSoftS" | "shadowUpSoftM" | "shadowUpSoftL" | "shadowUpHardS" | "shadowUpHardM" | "shadowUpHardL" | undefined;
|
|
6
5
|
borderRadius?: "borderRadiusXxs" | "borderRadiusXs" | "borderRadiusS" | "borderRadiusM" | "borderRadiusL" | "borderRadiusXl" | "borderRadiusXxl" | undefined;
|
|
7
|
-
styles?: import("react").CSSProperties
|
|
6
|
+
styles?: import("react").CSSProperties;
|
|
8
7
|
}) => import("react").CSSProperties;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.317.1-canary.
|
|
3
|
+
"version": "0.317.1-canary.2013.15560496949.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"directory": "packages/sdds-cs"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@salutejs/plasma-new-hope": "0.325.1-canary.
|
|
34
|
-
"@salutejs/sdds-themes": "0.37.0"
|
|
33
|
+
"@salutejs/plasma-new-hope": "0.325.1-canary.2013.15560496949.0",
|
|
34
|
+
"@salutejs/sdds-themes": "0.37.1-canary.2013.15560496949.0"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"@emotion/react": ">=11",
|
|
@@ -54,10 +54,10 @@
|
|
|
54
54
|
"@microsoft/api-extractor": "7.38.3",
|
|
55
55
|
"@originjs/vite-plugin-commonjs": "1.0.3",
|
|
56
56
|
"@salutejs/plasma-colors": "0.15.0",
|
|
57
|
-
"@salutejs/plasma-core": "1.197.0",
|
|
58
|
-
"@salutejs/plasma-cy-utils": "0.128.0",
|
|
57
|
+
"@salutejs/plasma-core": "1.197.1-canary.2013.15560496949.0",
|
|
58
|
+
"@salutejs/plasma-cy-utils": "0.128.1-canary.2013.15560496949.0",
|
|
59
59
|
"@salutejs/plasma-icons": "1.218.0",
|
|
60
|
-
"@salutejs/plasma-sb-utils": "0.198.0",
|
|
60
|
+
"@salutejs/plasma-sb-utils": "0.198.1-canary.2013.15560496949.0",
|
|
61
61
|
"@storybook/addon-docs": "7.6.17",
|
|
62
62
|
"@storybook/addon-essentials": "7.6.17",
|
|
63
63
|
"@storybook/addons": "7.6.17",
|
|
@@ -123,5 +123,5 @@
|
|
|
123
123
|
"Anton Vinogradov"
|
|
124
124
|
],
|
|
125
125
|
"sideEffects": false,
|
|
126
|
-
"gitHead": "
|
|
126
|
+
"gitHead": "6b50d3c2263da7e66c142aa0f17081f3a9e5fdea"
|
|
127
127
|
}
|