@salutejs/plasma-web 1.583.0-canary.1991.15256515100.0 → 1.583.0-canary.1993.15271190997.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 +10 -9
- package/components/Attach/Attach.d.ts +159 -158
- package/components/Autocomplete/Autocomplete.d.ts +345 -344
- package/components/Avatar/Avatar.d.ts +47 -46
- package/components/AvatarGroup/AvatarGroup.d.ts +2 -1
- package/components/Badge/Badge.d.ts +41 -40
- package/components/Breadcrumbs/Breadcrumbs.d.ts +4 -3
- package/components/Button/Button.d.ts +36 -35
- package/components/ButtonGroup/ButtonGroup.d.ts +4 -0
- package/components/Calendar/CalendarBase.config.js +4 -4
- package/components/Calendar/CalendarDouble.config.js +4 -4
- package/components/Carousel/Carousel.d.ts +3 -2
- package/components/Cell/Cell.d.ts +20 -19
- package/components/Checkbox/Checkbox.d.ts +1 -1
- package/components/Chip/Chip.d.ts +1 -0
- package/components/ChipGroup/ChipGroup.d.ts +1 -0
- package/components/CodeField/CodeField.config.d.ts +23 -0
- package/components/CodeField/CodeField.config.js +32 -0
- package/components/CodeField/CodeField.d.ts +36 -0
- package/components/CodeField/CodeField.js +10 -0
- package/components/CodeField/index.d.ts +2 -0
- package/components/CodeField/index.js +43 -0
- package/components/Combobox/Combobox.d.ts +953 -953
- package/components/Combobox/Legacy/Combobox.d.ts +37 -36
- package/components/Counter/Counter.d.ts +1 -0
- package/components/DatePicker/DatePicker.config.js +4 -4
- package/components/DatePicker/DatePicker.d.ts +54 -53
- package/components/Divider/Divider.d.ts +1 -0
- package/components/Drawer/Drawer.d.ts +19 -18
- package/components/Dropdown/Dropdown.d.ts +52 -52
- package/components/Dropdown/components/DropdownItem.d.ts +14 -14
- package/components/Dropzone/Dropzone.d.ts +16 -15
- package/components/Editable/Editable.d.ts +1 -0
- package/components/EmptyState/EmptyState.d.ts +1 -0
- package/components/Flow/Flow.d.ts +2 -1
- package/components/Grid/Grid.d.ts +1 -0
- package/components/IconButton/IconButton.d.ts +36 -35
- package/components/Image/Image.d.ts +4 -3
- package/components/Indicator/Indicator.d.ts +1 -0
- package/components/Link/Link.d.ts +1 -0
- package/components/LinkButton/LinkButton.d.ts +9 -8
- package/components/Mask/Mask.d.ts +225 -224
- package/components/Note/Note.d.ts +12 -11
- package/components/NumberFormat/NumberFormat.d.ts +1 -1
- package/components/NumberInput/NumberInput.d.ts +39 -38
- package/components/Pagination/Pagination.d.ts +1 -0
- package/components/Popover/Popover.d.ts +1 -0
- package/components/Price/Price.d.ts +1 -0
- package/components/Progress/Progress.d.ts +1 -0
- package/components/Radiobox/Radiobox.d.ts +1 -1
- package/components/Range/Range.d.ts +106 -105
- package/components/Rating/Rating.d.ts +14 -13
- package/components/Segment/Segment.d.ts +9 -8
- package/components/Select/Select.config.js +10 -10
- package/components/Select/Select.d.ts +244 -244
- package/components/Sheet/Sheet.d.ts +1 -0
- package/components/Skeleton/Skeleton.d.ts +5 -4
- package/components/Slider/Slider.d.ts +105 -96
- package/components/Steps/Steps.d.ts +1 -0
- package/components/Switch/Switch.d.ts +1 -1
- package/components/Table/Table.d.ts +1 -0
- package/components/Tabs/TabItem.d.ts +14 -14
- package/components/Tabs/Tabs.d.ts +7 -5
- package/components/TextArea/TextArea.d.ts +206 -205
- package/components/TextArea/index.d.ts +4 -4
- package/components/TextField/TextField.d.ts +269 -261
- package/components/TextFieldGroup/TextFieldGroup.d.ts +13 -12
- package/components/Toast/Toast.d.ts +1 -0
- package/components/Tokens/Colors/Colors.styles.d.ts +26 -25
- package/components/Tokens/Typography/Typography.styles.d.ts +24 -23
- package/components/Toolbar/Toolbar.d.ts +6 -5
- package/components/Tree/Tree.d.ts +1 -0
- package/components/Typography/Old/index.d.ts +37 -36
- package/components/Typography/Typography.d.ts +205 -204
- package/css/cjs/components/Calendar/Calendar.css +10 -10
- package/css/cjs/components/Calendar/CalendarBase.config.js +1 -1
- package/css/cjs/components/Calendar/CalendarBase.config.js.map +1 -1
- package/css/cjs/components/Calendar/CalendarBase.config_1mwrz0n.css +5 -0
- package/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
- package/css/cjs/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/css/cjs/components/Calendar/CalendarDouble.config_ysgolw.css +5 -0
- package/css/cjs/components/CodeField/CodeField.config.js +31 -0
- package/css/cjs/components/CodeField/CodeField.config.js.map +1 -0
- package/css/cjs/components/CodeField/CodeField.config_7779xg.css +6 -0
- package/css/cjs/components/CodeField/CodeField.css +6 -0
- package/css/cjs/components/CodeField/CodeField.js +12 -0
- package/css/cjs/components/CodeField/CodeField.js.map +1 -0
- package/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
- package/css/{es/components/DatePicker/DatePicker.config_1q6rwyz.css → cjs/components/DatePicker/DatePicker.config_fn88mm.css} +4 -4
- package/css/cjs/components/DatePicker/DatePicker.css +7 -7
- package/css/cjs/components/Select/Select.config.js +1 -1
- package/css/cjs/components/Select/Select.config.js.map +1 -1
- package/css/{es/components/Select/Select.config_16rz13.css → cjs/components/Select/Select.config_1kk8sph.css} +10 -10
- package/css/cjs/components/Select/Select.css +23 -23
- package/css/cjs/index.css +49 -42
- package/css/cjs/index.js +22 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Calendar/Calendar.css +10 -10
- package/css/es/components/Calendar/CalendarBase.config.js +1 -1
- package/css/es/components/Calendar/CalendarBase.config.js.map +1 -1
- package/css/es/components/Calendar/CalendarBase.config_1mwrz0n.css +5 -0
- package/css/es/components/Calendar/CalendarDouble.config.js +1 -1
- package/css/es/components/Calendar/CalendarDouble.config.js.map +1 -1
- package/css/es/components/Calendar/CalendarDouble.config_ysgolw.css +5 -0
- package/css/es/components/CodeField/CodeField.config.js +27 -0
- package/css/es/components/CodeField/CodeField.config.js.map +1 -0
- package/css/es/components/CodeField/CodeField.config_7779xg.css +6 -0
- package/css/es/components/CodeField/CodeField.css +6 -0
- package/css/es/components/CodeField/CodeField.js +8 -0
- package/css/es/components/CodeField/CodeField.js.map +1 -0
- package/css/es/components/DatePicker/DatePicker.config.js +1 -1
- package/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/css/{cjs/components/DatePicker/DatePicker.config_1q6rwyz.css → es/components/DatePicker/DatePicker.config_fn88mm.css} +4 -4
- package/css/es/components/DatePicker/DatePicker.css +7 -7
- package/css/es/components/Select/Select.config.js +1 -1
- package/css/es/components/Select/Select.config.js.map +1 -1
- package/css/{cjs/components/Select/Select.config_16rz13.css → es/components/Select/Select.config_1kk8sph.css} +10 -10
- package/css/es/components/Select/Select.css +23 -23
- package/css/es/index.css +49 -42
- package/css/es/index.js +2 -1
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +2 -0
- package/es/components/Calendar/CalendarBase.config.js +4 -4
- package/es/components/Calendar/CalendarDouble.config.js +4 -4
- package/es/components/CodeField/CodeField.config.js +26 -0
- package/es/components/CodeField/CodeField.js +4 -0
- package/es/components/CodeField/index.js +2 -0
- package/es/components/DatePicker/DatePicker.config.js +4 -4
- package/es/components/Select/Select.config.js +10 -10
- package/es/index.js +2 -1
- package/index.d.ts +1 -0
- package/index.js +11 -0
- package/mixins/index.d.ts +2 -1
- package/package.json +12 -12
- package/css/cjs/components/Calendar/CalendarBase.config_1ii1j5y.css +0 -5
- package/css/cjs/components/Calendar/CalendarDouble.config_9xw0vs.css +0 -5
- package/css/es/components/Calendar/CalendarBase.config_1ii1j5y.css +0 -5
- package/css/es/components/Calendar/CalendarDouble.config_9xw0vs.css +0 -5
@@ -17,10 +17,10 @@ var config = exports.config = {
|
|
17
17
|
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": transparent;\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-default);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-accent);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default);\n ", ": ", ";\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": 0.4;\n\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-accent);\n "])), _styledComponents.calendarDoubleTokens.calendarSeparatorBackground, _styledComponents.calendarDoubleTokens.calendarBackgroundColor, _styledComponents.calendarDoubleTokens.calendarSelectedItemBackground, _styledComponents.calendarDoubleTokens.calendarSelectedItemColor, _styledComponents.calendarDoubleTokens.calendarSelectableItemBackgroundHover, _styledComponents.calendarDoubleTokens.calendarCurrentItemBorderColor, _styledComponents.calendarDoubleTokens.calendarCurrentItemBackgroundHover, _styledComponents.calendarDoubleTokens.calendarCurrentItemColorHover, _styledComponents.calendarDoubleTokens.calendarCurrentItemChildBackgroundHover, _styledComponents.calendarDoubleTokens.calendarActiveItemBackground, _styledComponents.calendarDoubleTokens.calendarActiveItemColor, _styledComponents.calendarDoubleTokens.calendarHoveredItemBackground, _styledComponents.calendarDoubleTokens.calendarHoveredItemColor, _styledComponents.calendarDoubleTokens.calendarRangeBackground, _styledComponents.calendarDoubleTokens.calendarOutlineFocusColor, _styledComponents.calendarDoubleTokens.calendarContentPrimaryColor, _styledComponents.calendarDoubleTokens.calendarContentPrimaryDisabledColor, _styledComponents.calendarDoubleTokens.calendarHeaderArrowColor, _styledComponents.calendarDoubleTokens.calendarContentPrimaryColor, _styledComponents.calendarDoubleTokens.calendarContentSecondaryColor, _styledComponents.calendarDoubleTokens.calendarContentSecondaryDisabledColor, _styledComponents.calendarDoubleTokens.calendarDisabledOpacity, _styledComponents.calendarDoubleTokens.iconButtonColor, _styledComponents.calendarDoubleTokens.iconButtonBackgroundColor, _styledComponents.calendarDoubleTokens.iconButtonColorHover, _styledComponents.calendarDoubleTokens.iconButtonBackgroundColorHover, _styledComponents.calendarDoubleTokens.iconButtonColorActive, _styledComponents.calendarDoubleTokens.iconButtonBackgroundColorActive, _styledComponents.calendarDoubleTokens.iconButtonFocusColor)
|
18
18
|
},
|
19
19
|
size: {
|
20
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 51.063rem;\n ", ": 25rem;\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.75rem;\n
|
21
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 44.063rem;\n ", ": 21rem;\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.625rem;\n
|
22
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 37.063rem;\n ", ": 17rem;\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.5rem;\n
|
23
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 37.063rem;\n ", ": 15.5rem;\n\n ", ": 0.375rem 0.25rem 0 0.25rem;\n ", ": 0.375rem;\n
|
20
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 51.063rem;\n ", ": 25rem;\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n ", ": 0.063rem;\n\n ", ": 0.5rem;\n\n ", ": 0.5rem 0 0 0;\n ", ": 0 0 0 1rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-line-height);\n ", ": var(--plasma-typo-h4-font-weight);\n ", ": var(--plasma-typo-h4-bold-font-weight);\n\n ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\n "])), _styledComponents.calendarDoubleTokens.calendarContainerWidth, _styledComponents.calendarDoubleTokens.calendarContainerHeight, _styledComponents.calendarDoubleTokens.calendarYearsPadding, _styledComponents.calendarDoubleTokens.calendarYearItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarYearFontFamily, _styledComponents.calendarDoubleTokens.calendarYearFontSize, _styledComponents.calendarDoubleTokens.calendarYearFontStyle, _styledComponents.calendarDoubleTokens.calendarYearFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarYearFontLineHeight, _styledComponents.calendarDoubleTokens.calendarYearFontWeight, _styledComponents.calendarDoubleTokens.calendarYearSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarQuartersPadding, _styledComponents.calendarDoubleTokens.calendarQuarterItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarQuarterFontFamily, _styledComponents.calendarDoubleTokens.calendarQuarterFontSize, _styledComponents.calendarDoubleTokens.calendarQuarterFontStyle, _styledComponents.calendarDoubleTokens.calendarQuarterFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarQuarterFontLineHeight, _styledComponents.calendarDoubleTokens.calendarQuarterFontWeight, _styledComponents.calendarDoubleTokens.calendarQuarterSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarMonthsPadding, _styledComponents.calendarDoubleTokens.calendarMonthItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarMonthFontFamily, _styledComponents.calendarDoubleTokens.calendarMonthFontSize, _styledComponents.calendarDoubleTokens.calendarMonthFontStyle, _styledComponents.calendarDoubleTokens.calendarMonthFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarMonthFontLineHeight, _styledComponents.calendarDoubleTokens.calendarMonthFontWeight, _styledComponents.calendarDoubleTokens.calendarMonthSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarDayItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarDayFontFamily, _styledComponents.calendarDoubleTokens.calendarDayFontSize, _styledComponents.calendarDoubleTokens.calendarDayFontStyle, _styledComponents.calendarDoubleTokens.calendarDayFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarDayFontLineHeight, _styledComponents.calendarDoubleTokens.calendarDayFontWeight, _styledComponents.calendarDoubleTokens.calendarDaySelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarCurrentItemBorderWidth, _styledComponents.calendarDoubleTokens.calendarHeaderArrowGap, _styledComponents.calendarDoubleTokens.calendarDaysPadding, _styledComponents.calendarDoubleTokens.calendarHeaderPadding, _styledComponents.calendarDoubleTokens.calendarHeaderDateGap, _styledComponents.calendarDoubleTokens.calendarHeaderFontFamily, _styledComponents.calendarDoubleTokens.calendarHeaderFontSize, _styledComponents.calendarDoubleTokens.calendarHeaderFontStyle, _styledComponents.calendarDoubleTokens.calendarHeaderFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarHeaderFontLineHeight, _styledComponents.calendarDoubleTokens.calendarHeaderFontWeight, _styledComponents.calendarDoubleTokens.calendarHeaderFontWeightBold, _styledComponents.calendarDoubleTokens.iconButtonHeight, _styledComponents.calendarDoubleTokens.iconButtonWidth, _styledComponents.calendarDoubleTokens.iconButtonPadding, _styledComponents.calendarDoubleTokens.iconButtonRadius),
|
21
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 44.063rem;\n ", ": 21rem;\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n ", ": 0.5rem 0 0 0;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n ", ": 0.063rem;\n\n ", ": 0.5rem;\n\n ", ": 0.5rem 0 0 0;\n ", ": 0 0 0 0.75rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-line-height);\n ", ": var(--plasma-typo-h4-font-weight);\n ", ": var(--plasma-typo-h4-bold-font-weight);\n\n ", ": 3rem;\n ", ": 3rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n "])), _styledComponents.calendarDoubleTokens.calendarContainerWidth, _styledComponents.calendarDoubleTokens.calendarContainerHeight, _styledComponents.calendarDoubleTokens.calendarYearsPadding, _styledComponents.calendarDoubleTokens.calendarYearItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarYearFontFamily, _styledComponents.calendarDoubleTokens.calendarYearFontSize, _styledComponents.calendarDoubleTokens.calendarYearFontStyle, _styledComponents.calendarDoubleTokens.calendarYearFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarYearFontLineHeight, _styledComponents.calendarDoubleTokens.calendarYearFontWeight, _styledComponents.calendarDoubleTokens.calendarYearSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarQuartersPadding, _styledComponents.calendarDoubleTokens.calendarQuarterItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarQuarterFontFamily, _styledComponents.calendarDoubleTokens.calendarQuarterFontSize, _styledComponents.calendarDoubleTokens.calendarQuarterFontStyle, _styledComponents.calendarDoubleTokens.calendarQuarterFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarQuarterFontLineHeight, _styledComponents.calendarDoubleTokens.calendarQuarterFontWeight, _styledComponents.calendarDoubleTokens.calendarQuarterSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarMonthsPadding, _styledComponents.calendarDoubleTokens.calendarMonthItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarMonthFontFamily, _styledComponents.calendarDoubleTokens.calendarMonthFontSize, _styledComponents.calendarDoubleTokens.calendarMonthFontStyle, _styledComponents.calendarDoubleTokens.calendarMonthFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarMonthFontLineHeight, _styledComponents.calendarDoubleTokens.calendarMonthFontWeight, _styledComponents.calendarDoubleTokens.calendarMonthSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarDaysPadding, _styledComponents.calendarDoubleTokens.calendarDayItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarDayFontFamily, _styledComponents.calendarDoubleTokens.calendarDayFontSize, _styledComponents.calendarDoubleTokens.calendarDayFontStyle, _styledComponents.calendarDoubleTokens.calendarDayFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarDayFontLineHeight, _styledComponents.calendarDoubleTokens.calendarDayFontWeight, _styledComponents.calendarDoubleTokens.calendarDaySelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarCurrentItemBorderWidth, _styledComponents.calendarDoubleTokens.calendarHeaderArrowGap, _styledComponents.calendarDoubleTokens.calendarDaysPadding, _styledComponents.calendarDoubleTokens.calendarHeaderPadding, _styledComponents.calendarDoubleTokens.calendarHeaderDateGap, _styledComponents.calendarDoubleTokens.calendarHeaderFontFamily, _styledComponents.calendarDoubleTokens.calendarHeaderFontSize, _styledComponents.calendarDoubleTokens.calendarHeaderFontStyle, _styledComponents.calendarDoubleTokens.calendarHeaderFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarHeaderFontLineHeight, _styledComponents.calendarDoubleTokens.calendarHeaderFontWeight, _styledComponents.calendarDoubleTokens.calendarHeaderFontWeightBold, _styledComponents.calendarDoubleTokens.iconButtonHeight, _styledComponents.calendarDoubleTokens.iconButtonWidth, _styledComponents.calendarDoubleTokens.iconButtonPadding, _styledComponents.calendarDoubleTokens.iconButtonRadius),
|
22
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 37.063rem;\n ", ": 17rem;\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\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-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\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-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\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-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n\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-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n ", ": 0.063rem;\n\n ", ": 0.5rem;\n\n ", ": 0.5rem 0 0 0;\n ", ": 0 0 0 0.5rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-line-height);\n ", ": var(--plasma-typo-h4-font-weight);\n ", ": var(--plasma-typo-h4-bold-font-weight);\n\n ", ": 2.5rem;\n ", ": 2.5rem;\n ", ": 1rem;\n ", ": 0.625rem;\n "])), _styledComponents.calendarDoubleTokens.calendarContainerWidth, _styledComponents.calendarDoubleTokens.calendarContainerHeight, _styledComponents.calendarDoubleTokens.calendarYearsPadding, _styledComponents.calendarDoubleTokens.calendarYearItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarYearFontFamily, _styledComponents.calendarDoubleTokens.calendarYearFontSize, _styledComponents.calendarDoubleTokens.calendarYearFontStyle, _styledComponents.calendarDoubleTokens.calendarYearFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarYearFontLineHeight, _styledComponents.calendarDoubleTokens.calendarYearFontWeight, _styledComponents.calendarDoubleTokens.calendarYearSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarQuartersPadding, _styledComponents.calendarDoubleTokens.calendarQuarterItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarQuarterFontFamily, _styledComponents.calendarDoubleTokens.calendarQuarterFontSize, _styledComponents.calendarDoubleTokens.calendarQuarterFontStyle, _styledComponents.calendarDoubleTokens.calendarQuarterFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarQuarterFontLineHeight, _styledComponents.calendarDoubleTokens.calendarQuarterFontWeight, _styledComponents.calendarDoubleTokens.calendarQuarterSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarMonthsPadding, _styledComponents.calendarDoubleTokens.calendarMonthItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarMonthFontFamily, _styledComponents.calendarDoubleTokens.calendarMonthFontSize, _styledComponents.calendarDoubleTokens.calendarMonthFontStyle, _styledComponents.calendarDoubleTokens.calendarMonthFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarMonthFontLineHeight, _styledComponents.calendarDoubleTokens.calendarMonthFontWeight, _styledComponents.calendarDoubleTokens.calendarMonthSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarDayItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarDayFontFamily, _styledComponents.calendarDoubleTokens.calendarDayFontSize, _styledComponents.calendarDoubleTokens.calendarDayFontStyle, _styledComponents.calendarDoubleTokens.calendarDayFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarDayFontLineHeight, _styledComponents.calendarDoubleTokens.calendarDayFontWeight, _styledComponents.calendarDoubleTokens.calendarDaySelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarCurrentItemBorderWidth, _styledComponents.calendarDoubleTokens.calendarHeaderArrowGap, _styledComponents.calendarDoubleTokens.calendarDaysPadding, _styledComponents.calendarDoubleTokens.calendarHeaderPadding, _styledComponents.calendarDoubleTokens.calendarHeaderDateGap, _styledComponents.calendarDoubleTokens.calendarHeaderFontFamily, _styledComponents.calendarDoubleTokens.calendarHeaderFontSize, _styledComponents.calendarDoubleTokens.calendarHeaderFontStyle, _styledComponents.calendarDoubleTokens.calendarHeaderFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarHeaderFontLineHeight, _styledComponents.calendarDoubleTokens.calendarHeaderFontWeight, _styledComponents.calendarDoubleTokens.calendarHeaderFontWeightBold, _styledComponents.calendarDoubleTokens.iconButtonHeight, _styledComponents.calendarDoubleTokens.iconButtonWidth, _styledComponents.calendarDoubleTokens.iconButtonPadding, _styledComponents.calendarDoubleTokens.iconButtonRadius),
|
23
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 37.063rem;\n ", ": 15.5rem;\n\n ", ": 0.375rem 0.25rem 0 0.25rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n\n ", ": 0.375rem 0.25rem 0 0.25rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n\n ", ": 0.375rem 0.25rem 0 0.25rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n\n ", ": 0.375rem 0 0 0;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n\n ", ": 0.063rem;\n\n ", ": 0;\n\n ", ": 0 0 0 0.5rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-h5-font-family);\n ", ": var(--plasma-typo-h5-font-size);\n ", ": var(--plasma-typo-h5-font-style);\n ", ": var(--plasma-typo-h5-letter-spacing);\n ", ": var(--plasma-typo-h5-line-height);\n ", ": var(--plasma-typo-h5-font-weight);\n ", ": var(--plasma-typo-h5-bold-font-weight);\n\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n "])), _styledComponents.calendarDoubleTokens.calendarContainerWidth, _styledComponents.calendarDoubleTokens.calendarContainerHeight, _styledComponents.calendarDoubleTokens.calendarYearsPadding, _styledComponents.calendarDoubleTokens.calendarYearItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarYearFontFamily, _styledComponents.calendarDoubleTokens.calendarYearFontSize, _styledComponents.calendarDoubleTokens.calendarYearFontStyle, _styledComponents.calendarDoubleTokens.calendarYearFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarYearFontLineHeight, _styledComponents.calendarDoubleTokens.calendarYearFontWeight, _styledComponents.calendarDoubleTokens.calendarYearSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarQuartersPadding, _styledComponents.calendarDoubleTokens.calendarQuarterItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarQuarterFontFamily, _styledComponents.calendarDoubleTokens.calendarQuarterFontSize, _styledComponents.calendarDoubleTokens.calendarQuarterFontStyle, _styledComponents.calendarDoubleTokens.calendarQuarterFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarQuarterFontLineHeight, _styledComponents.calendarDoubleTokens.calendarQuarterFontWeight, _styledComponents.calendarDoubleTokens.calendarQuarterSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarMonthsPadding, _styledComponents.calendarDoubleTokens.calendarMonthItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarMonthFontFamily, _styledComponents.calendarDoubleTokens.calendarMonthFontSize, _styledComponents.calendarDoubleTokens.calendarMonthFontStyle, _styledComponents.calendarDoubleTokens.calendarMonthFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarMonthFontLineHeight, _styledComponents.calendarDoubleTokens.calendarMonthFontWeight, _styledComponents.calendarDoubleTokens.calendarMonthSelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarDaysPadding, _styledComponents.calendarDoubleTokens.calendarDayItemBorderRadius, _styledComponents.calendarDoubleTokens.calendarDayFontFamily, _styledComponents.calendarDoubleTokens.calendarDayFontSize, _styledComponents.calendarDoubleTokens.calendarDayFontStyle, _styledComponents.calendarDoubleTokens.calendarDayFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarDayFontLineHeight, _styledComponents.calendarDoubleTokens.calendarDayFontWeight, _styledComponents.calendarDoubleTokens.calendarDaySelectedFontWeight, _styledComponents.calendarDoubleTokens.calendarCurrentItemBorderWidth, _styledComponents.calendarDoubleTokens.calendarHeaderArrowGap, _styledComponents.calendarDoubleTokens.calendarHeaderPadding, _styledComponents.calendarDoubleTokens.calendarHeaderDateGap, _styledComponents.calendarDoubleTokens.calendarHeaderFontFamily, _styledComponents.calendarDoubleTokens.calendarHeaderFontSize, _styledComponents.calendarDoubleTokens.calendarHeaderFontStyle, _styledComponents.calendarDoubleTokens.calendarHeaderFontLetterSpacing, _styledComponents.calendarDoubleTokens.calendarHeaderFontLineHeight, _styledComponents.calendarDoubleTokens.calendarHeaderFontWeight, _styledComponents.calendarDoubleTokens.calendarHeaderFontWeightBold, _styledComponents.calendarDoubleTokens.iconButtonHeight, _styledComponents.calendarDoubleTokens.iconButtonWidth, _styledComponents.calendarDoubleTokens.iconButtonPadding, _styledComponents.calendarDoubleTokens.iconButtonRadius)
|
24
24
|
}
|
25
25
|
}
|
26
26
|
};
|
@@ -1,4 +1,5 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
export declare const Carousel: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<import("@salutejs/plasma-new-hope/types/engines/types").Variants> & Omit<import("@salutejs/plasma-new-hope/types/components/Carousel/Carousel.types").BasicProps & (import("@salutejs/plasma-new-hope/types/components/Carousel/Carousel.types").DetectionProps | import("@salutejs/plasma-new-hope/types/components/Carousel/Carousel.types").NoDetectionProps), "axis" | "animatedScrollByIndex" | "throttleMs" | "debounceMs"> & {
|
2
|
-
ariaLive?: "off" | "polite";
|
3
|
-
isDragScrollDisabled?: boolean;
|
3
|
+
ariaLive?: "off" | "polite" | undefined;
|
4
|
+
isDragScrollDisabled?: boolean | undefined;
|
4
5
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
/**
|
2
3
|
* Кнопка.
|
3
4
|
*/
|
@@ -12,33 +13,33 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
|
|
12
13
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
14
|
};
|
14
15
|
}> & (({
|
15
|
-
size?: string;
|
16
|
-
view?: string;
|
16
|
+
size?: string | undefined;
|
17
|
+
view?: string | undefined;
|
17
18
|
contentLeft?: import("react").ReactNode;
|
18
19
|
contentRight?: import("react").ReactNode;
|
19
|
-
alignContentLeft?: import("@salutejs/plasma-new-hope/types/components/Cell/Cell.types").AlignProp;
|
20
|
-
alignContentRight?: import("@salutejs/plasma-new-hope/types/components/Cell/Cell.types").AlignProp;
|
21
|
-
stretching?: "fixed" | "
|
20
|
+
alignContentLeft?: import("@salutejs/plasma-new-hope/types/components/Cell/Cell.types").AlignProp | undefined;
|
21
|
+
alignContentRight?: import("@salutejs/plasma-new-hope/types/components/Cell/Cell.types").AlignProp | undefined;
|
22
|
+
stretching?: "fixed" | "auto" | "filled" | undefined;
|
22
23
|
content?: import("react").ReactNode;
|
23
|
-
description?: string;
|
24
|
+
description?: string | undefined;
|
24
25
|
} & {
|
25
|
-
title?: string;
|
26
|
-
subtitle?: string;
|
27
|
-
label?: string;
|
28
|
-
children?:
|
26
|
+
title?: string | undefined;
|
27
|
+
subtitle?: string | undefined;
|
28
|
+
label?: string | undefined;
|
29
|
+
children?: undefined;
|
29
30
|
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
30
|
-
size?: string;
|
31
|
-
view?: string;
|
31
|
+
size?: string | undefined;
|
32
|
+
view?: string | undefined;
|
32
33
|
contentLeft?: import("react").ReactNode;
|
33
34
|
contentRight?: import("react").ReactNode;
|
34
|
-
alignContentLeft?: import("@salutejs/plasma-new-hope/types/components/Cell/Cell.types").AlignProp;
|
35
|
-
alignContentRight?: import("@salutejs/plasma-new-hope/types/components/Cell/Cell.types").AlignProp;
|
36
|
-
stretching?: "fixed" | "
|
35
|
+
alignContentLeft?: import("@salutejs/plasma-new-hope/types/components/Cell/Cell.types").AlignProp | undefined;
|
36
|
+
alignContentRight?: import("@salutejs/plasma-new-hope/types/components/Cell/Cell.types").AlignProp | undefined;
|
37
|
+
stretching?: "fixed" | "auto" | "filled" | undefined;
|
37
38
|
content?: import("react").ReactNode;
|
38
|
-
description?: string;
|
39
|
+
description?: string | undefined;
|
39
40
|
} & {
|
40
|
-
title?:
|
41
|
-
subtitle?:
|
42
|
-
label?:
|
41
|
+
title?: undefined;
|
42
|
+
subtitle?: undefined;
|
43
|
+
label?: undefined;
|
43
44
|
children?: import("react").ReactNode;
|
44
45
|
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
@@ -23,7 +23,7 @@ declare const CheckboxComponent: import("react").FunctionComponent<import("@salu
|
|
23
23
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
24
24
|
};
|
25
25
|
}> & import("@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types").CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
|
26
|
-
export type CheckboxProps = ComponentProps<typeof CheckboxComponent>;
|
26
|
+
export declare type CheckboxProps = ComponentProps<typeof CheckboxComponent>;
|
27
27
|
/**
|
28
28
|
* Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.
|
29
29
|
*/
|
@@ -0,0 +1,23 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
view: string;
|
4
|
+
size: string;
|
5
|
+
shape: string;
|
6
|
+
};
|
7
|
+
variations: {
|
8
|
+
view: {
|
9
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
+
};
|
11
|
+
size: {
|
12
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
+
};
|
15
|
+
shape: {
|
16
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
17
|
+
segmented: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
18
|
+
};
|
19
|
+
disabled: {
|
20
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
21
|
+
};
|
22
|
+
};
|
23
|
+
};
|
@@ -0,0 +1,32 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.config = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
9
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
|
+
var config = exports.config = {
|
11
|
+
defaults: {
|
12
|
+
view: 'default',
|
13
|
+
size: 'l',
|
14
|
+
shape: 'default'
|
15
|
+
},
|
16
|
+
variations: {
|
17
|
+
view: {
|
18
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-negative);\n\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n ", ": var(--surface-negative);\n "])), _styledComponents.codeFieldTokens.caretColor, _styledComponents.codeFieldTokens.captionColor, _styledComponents.codeFieldTokens.captionColorError, _styledComponents.codeFieldTokens.codeColor, _styledComponents.codeFieldTokens.codeColorError, _styledComponents.codeFieldTokens.borderColor, _styledComponents.codeFieldTokens.borderColorHover, _styledComponents.codeFieldTokens.borderColorFocus, _styledComponents.codeFieldTokens.borderErrorColor)
|
19
|
+
},
|
20
|
+
size: {
|
21
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 0.125rem;\n\n ", ": 0.25rem;\n\n ", ": 2.75rem;\n ", ": 3.5rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.063rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n "])), _styledComponents.codeFieldTokens.captionGap, _styledComponents.codeFieldTokens.codeItemsGap, _styledComponents.codeFieldTokens.separatorWidth, _styledComponents.codeFieldTokens.codeItemWidth, _styledComponents.codeFieldTokens.codeItemHeight, _styledComponents.codeFieldTokens.fontFamily, _styledComponents.codeFieldTokens.fontSize, _styledComponents.codeFieldTokens.fontStyle, _styledComponents.codeFieldTokens.fontWeight, _styledComponents.codeFieldTokens.letterSpacing, _styledComponents.codeFieldTokens.lineHeight, _styledComponents.codeFieldTokens.captionFontFamily, _styledComponents.codeFieldTokens.captionFontSize, _styledComponents.codeFieldTokens.captionFontStyle, _styledComponents.codeFieldTokens.captionFontWeight, _styledComponents.codeFieldTokens.captionLetterSpacing, _styledComponents.codeFieldTokens.captionLineHeight, _styledComponents.codeFieldTokens.borderWidth, _styledComponents.codeFieldTokens.borderRadius, _styledComponents.codeFieldTokens.borderRadiusSegmented, _styledComponents.codeFieldTokens.segmentedSideBorderRadius),
|
22
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 0.25rem;\n\n ", ": 2.375rem;\n ", ": 3rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.063rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n "])), _styledComponents.codeFieldTokens.captionGap, _styledComponents.codeFieldTokens.codeItemsGap, _styledComponents.codeFieldTokens.separatorWidth, _styledComponents.codeFieldTokens.codeItemWidth, _styledComponents.codeFieldTokens.codeItemHeight, _styledComponents.codeFieldTokens.fontFamily, _styledComponents.codeFieldTokens.fontSize, _styledComponents.codeFieldTokens.fontStyle, _styledComponents.codeFieldTokens.fontWeight, _styledComponents.codeFieldTokens.letterSpacing, _styledComponents.codeFieldTokens.lineHeight, _styledComponents.codeFieldTokens.captionFontFamily, _styledComponents.codeFieldTokens.captionFontSize, _styledComponents.codeFieldTokens.captionFontStyle, _styledComponents.codeFieldTokens.captionFontWeight, _styledComponents.codeFieldTokens.captionLetterSpacing, _styledComponents.codeFieldTokens.captionLineHeight, _styledComponents.codeFieldTokens.borderWidth, _styledComponents.codeFieldTokens.borderRadius, _styledComponents.codeFieldTokens.borderRadiusSegmented, _styledComponents.codeFieldTokens.segmentedSideBorderRadius)
|
23
|
+
},
|
24
|
+
shape: {
|
25
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
|
26
|
+
segmented: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
27
|
+
},
|
28
|
+
disabled: {
|
29
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.codeFieldTokens.disabledOpacity)
|
30
|
+
}
|
31
|
+
}
|
32
|
+
};
|
@@ -0,0 +1,36 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const CodeField: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
3
|
+
view: {
|
4
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
|
+
};
|
6
|
+
size: {
|
7
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
};
|
10
|
+
shape: {
|
11
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
+
segmented: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
+
};
|
14
|
+
disabled: {
|
15
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
16
|
+
};
|
17
|
+
}> & {
|
18
|
+
value?: string | undefined;
|
19
|
+
placeholder?: string | undefined;
|
20
|
+
autoFocus?: boolean | undefined;
|
21
|
+
codeLength?: 4 | 5 | 6 | undefined;
|
22
|
+
caption?: import("react").ReactNode;
|
23
|
+
captionAlign?: "center" | "left" | undefined;
|
24
|
+
width?: string | number | undefined;
|
25
|
+
shape?: "default" | "segmented" | undefined;
|
26
|
+
view?: string | undefined;
|
27
|
+
size?: string | undefined;
|
28
|
+
disabled?: boolean | undefined;
|
29
|
+
isError?: boolean | undefined;
|
30
|
+
setIsError?: import("react").Dispatch<import("react").SetStateAction<boolean>> | undefined;
|
31
|
+
allowedSymbols?: string | RegExp | undefined;
|
32
|
+
itemErrorBehavior?: import("@salutejs/plasma-new-hope/types/components/CodeField/CodeField.types").ItemErrorBehavior | undefined;
|
33
|
+
codeErrorBehavior?: import("@salutejs/plasma-new-hope/types/components/CodeField/CodeField.types").CodeErrorBehavior | undefined;
|
34
|
+
onChange?: ((value: string) => void) | undefined;
|
35
|
+
onFullCodeEnter?: ((code: string) => void) | undefined;
|
36
|
+
} & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoComplete"> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & import("react").RefAttributes<HTMLInputElement>>;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.CodeField = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
+
var _CodeField = /*#__PURE__*/require("./CodeField.config");
|
9
|
+
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.codeFieldConfig, _CodeField.config);
|
10
|
+
var CodeField = exports.CodeField = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|
@@ -0,0 +1,43 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
Object.defineProperty(exports, "CodeField", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _CodeField.CodeField;
|
10
|
+
}
|
11
|
+
});
|
12
|
+
Object.defineProperty(exports, "ONLY_CHARS_PATTERN", {
|
13
|
+
enumerable: true,
|
14
|
+
get: function get() {
|
15
|
+
return _styledComponents.ONLY_CHARS_PATTERN;
|
16
|
+
}
|
17
|
+
});
|
18
|
+
Object.defineProperty(exports, "ONLY_DIGITS_AND_CHARS_PATTERN", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _styledComponents.ONLY_DIGITS_AND_CHARS_PATTERN;
|
22
|
+
}
|
23
|
+
});
|
24
|
+
Object.defineProperty(exports, "ONLY_DIGITS_PATTERN", {
|
25
|
+
enumerable: true,
|
26
|
+
get: function get() {
|
27
|
+
return _styledComponents.ONLY_DIGITS_PATTERN;
|
28
|
+
}
|
29
|
+
});
|
30
|
+
Object.defineProperty(exports, "codeFieldClasses", {
|
31
|
+
enumerable: true,
|
32
|
+
get: function get() {
|
33
|
+
return _styledComponents.codeFieldClasses;
|
34
|
+
}
|
35
|
+
});
|
36
|
+
Object.defineProperty(exports, "codeFieldTokens", {
|
37
|
+
enumerable: true,
|
38
|
+
get: function get() {
|
39
|
+
return _styledComponents.codeFieldTokens;
|
40
|
+
}
|
41
|
+
});
|
42
|
+
var _CodeField = /*#__PURE__*/require("./CodeField");
|
43
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|