@salutejs/plasma-new-hope 0.149.0-canary.1445.10942800137.0 → 0.149.1-canary.1448.10989541108.0

package/cjs/index.js

@@ -2,6 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var index = require('./engines/index.js');
+var index$1 = require('./utils/index.js');
+var index$2 = require('./components/ButtonBase/index.js');
 var applyBlur = require('./mixins/applyBlur.js');
 var applyEllipsis = require('./mixins/applyEllipsis.js');
 var applySpacing = require('./mixins/applySpacing.js');
@@ -13,7 +16,7 @@ var typography = require('./mixins/typography.js');
 var applyRoundness = require('./mixins/applyRoundness.js');
 var applySkeletonGradient = require('./mixins/applySkeletonGradient.js');
 var applyDisabled = require('./mixins/applyDisabled.js');
-var index = require('./engines/index.js');
+var common = require('./engines/common.js');
 var useUniqId = require('./hooks/useUniqId.js');
 var useFocusTrap = require('./hooks/useFocusTrap.js');
 var usePreviousValue = require('./hooks/usePreviousValue.js');
@@ -21,7 +24,14 @@ var useForceUpdate = require('./hooks/useForceUpdate.js');
 var useDidMountEffect = require('./hooks/useDidMountEffect.js');
 var useOutsideClick = require('./hooks/useOutsideClick.js');
 var useIsomorphicLayoutEffect = require('./hooks/useIsomorphicLayoutEffect.js');
-var index$1 = require('./utils/index.js');
+var canUseDOM = require('./utils/canUseDOM.js');
+var extractTextFrom = require('./utils/extractTextFrom.js');
+var getSizeValueFromProp = require('./utils/getSizeValueFromProp.js');
+var react = require('./utils/react.js');
+var isNumber = require('./utils/isNumber.js');
+var isEmpty = require('./utils/isEmpty.js');
+var getPopoverPlacement = require('./utils/getPopoverPlacement.js');
+var constants = require('./utils/constants.js');
 var Button = require('./components/Button/Button.js');
 var Button_tokens = require('./components/Button/Button.tokens.js');
 var IconButton = require('./components/IconButton/IconButton.js');
@@ -32,8 +42,6 @@ var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
 var Breadcrumbs_tokens = require('./components/Breadcrumbs/Breadcrumbs.tokens.js');
 var Chip = require('./components/Chip/Chip.js');
 var Chip_tokens = require('./components/Chip/Chip.tokens.js');
-var ChipGroup = require('./components/ChipGroup/ChipGroup.js');
-var ChipGroup_tokens = require('./components/ChipGroup/ChipGroup.tokens.js');
 var CellTextboxLabel = require('./components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js');
 var CellTextboxTitle = require('./components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js');
 var CellTextboxSubtitle = require('./components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js');
@@ -56,10 +64,10 @@ var TextField = require('./components/TextField/TextField.js');
 var TextField_tokens = require('./components/TextField/TextField.tokens.js');
 var TextFieldGroup = require('./components/TextFieldGroup/TextFieldGroup.js');
 var TextFieldGroup_tokens = require('./components/TextFieldGroup/TextFieldGroup.tokens.js');
-var after = require('./components/Switch/_label-position/after.js');
-var before = require('./components/Switch/_label-position/before.js');
 var Switch = require('./components/Switch/Switch.js');
 var Switch_tokens = require('./components/Switch/Switch.tokens.js');
+var before = require('./components/Switch/_label-position/before.js');
+var after = require('./components/Switch/_label-position/after.js');
 var Tabs = require('./components/Tabs/ui/Tabs/Tabs.js');
 var TabItem = require('./components/Tabs/ui/TabItem/TabItem.js');
 var tokens = require('./components/Tabs/tokens.js');
@@ -70,6 +78,7 @@ var withRange = require('./components/Calendar/hoc/withRange.js');
 var CalendarBase = require('./components/Calendar/CalendarBase/CalendarBase.js');
 var CalendarDouble = require('./components/Calendar/CalendarDouble/CalendarDouble.js');
 var Calendar_tokens = require('./components/Calendar/Calendar.tokens.js');
+var tokens$1 = require('./components/Typography/tokens.js');
 var Body = require('./components/Typography/Body/Body.js');
 var Dspl = require('./components/Typography/Dspl/Dspl.js');
 var Heading = require('./components/Typography/Heading/Heading.js');
@@ -84,7 +93,6 @@ var Paragraph = require('./components/Typography/Old/Paragraph/Paragraph.js');
 var ParagraphText = require('./components/Typography/Old/ParagraphText/ParagraphText.js');
 var Underline = require('./components/Typography/Old/Underline/Underline.js');
 var Subtitle = require('./components/Typography/Old/Subtitle/Subtitle.js');
-var tokens$1 = require('./components/Typography/tokens.js');
 var PopupContext = require('./components/Popup/PopupContext.js');
 var Popup = require('./components/Popup/Popup.js');
 var usePopup = require('./components/Popup/hooks/usePopup.js');
@@ -96,10 +104,10 @@ var Notification = require('./components/Notification/Notification.js');
 var NotificationsStore = require('./components/Notification/NotificationsStore.js');
 var Notification_tokens = require('./components/Notification/Notification.tokens.js');
 var Drawer = require('./components/Drawer/Drawer.js');
+var Drawer_tokens = require('./components/Drawer/Drawer.tokens.js');
 var DrawerContent = require('./components/Drawer/ui/DrawerContent/DrawerContent.js');
 var DrawerFooter = require('./components/Drawer/ui/DrawerFooter/DrawerFooter.js');
 var DrawerHeader = require('./components/Drawer/ui/DrawerHeader/DrawerHeader.js');
-var Drawer_tokens = require('./components/Drawer/Drawer.tokens.js');
 var Dropdown = require('./components/Dropdown/Dropdown.js');
 var Dropdown_tokens = require('./components/Dropdown/Dropdown.tokens.js');
 var useKeyboardNavigation = require('./components/Dropdown/hooks/useKeyboardNavigation.js');
@@ -114,8 +122,8 @@ var DropdownOld = require('./components/Dropdown/ui/DropdownOld/DropdownOld.js')
 var DropdownOld_tokens = require('./components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
 var Tooltip_tokens = require('./components/Tooltip/Tooltip.tokens.js');
-var SegmentGroup = require('./components/Segment/ui/SegmentGroup/SegmentGroup.js');
 var SegmentItem = require('./components/Segment/ui/SegmentItem/SegmentItem.js');
+var SegmentGroup = require('./components/Segment/ui/SegmentGroup/SegmentGroup.js');
 var SegmentProvider = require('./components/Segment/SegmentProvider/SegmentProvider.js');
 var tokens$2 = require('./components/Segment/tokens.js');
 var LineSkeleton = require('./components/Skeleton/LineSkeleton/LineSkeleton.js');
@@ -140,23 +148,22 @@ var Toast_tokens = require('./components/Toast/Toast.tokens.js');
 var Overlay = require('./components/Overlay/Overlay.js');
 var SSRProvider = require('./components/SSRProvider/SSRProvider.js');
 var Combobox = require('./components/Combobox/ComboboxOld/Combobox.js');
-var Combobox_tokens = require('./components/Combobox/ComboboxOld/Combobox.tokens.js');
 var ComboboxDivider = require('./components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js');
 var ComboboxFooter = require('./components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js');
 var ComboboxGroup = require('./components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js');
 var ComboboxHeader = require('./components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js');
 var ComboboxItem = require('./components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js');
 var ComboboxTarget = require('./components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js');
-var Combobox$1 = require('./components/Combobox/ComboboxNew/Combobox.js');
+var Combobox_tokens = require('./components/Combobox/ComboboxOld/Combobox.tokens.js');
 var Combobox_tokens$1 = require('./components/Combobox/ComboboxNew/Combobox.tokens.js');
+var Combobox$1 = require('./components/Combobox/ComboboxNew/Combobox.js');
 var Indicator = require('./components/Indicator/Indicator.js');
 var Indicator_tokens = require('./components/Indicator/Indicator.tokens.js');
-var index$2 = require('./components/ButtonBase/index.js');
 var Grid = require('./components/Grid/Grid.js');
 var Grid_tokens = require('./components/Grid/Grid.tokens.js');
+var index$3 = require('./components/Grid/utils/index.js');
 var Row = require('./components/Grid/ui/Row/Row.js');
 var Col = require('./components/Grid/ui/Col/Col.js');
-var index$3 = require('./components/Grid/utils/index.js');
 var Progress = require('./components/Progress/Progress.js');
 var Progress_tokens = require('./components/Progress/Progress.tokens.js');
 var Select = require('./components/Select/Select.js');
@@ -170,10 +177,7 @@ var Sheet = require('./components/Sheet/Sheet.js');
 var Sheet_tokens = require('./components/Sheet/Sheet.tokens.js');
 var Slider = require('./components/Slider/Slider.js');
 var Slider_tokens = require('./components/Slider/Slider.tokens.js');
-require('react');
-require('react-draggable');
 var Thumb_styles = require('./components/Slider/ui/Thumb/Thumb.styles.js');
-require('@linaria/react');
 var Range = require('./components/Range/Range.js');
 var Range_tokens = require('./components/Range/Range.tokens.js');
 var Accordion = require('./components/Accordion/Accordion.js');
@@ -191,18 +195,14 @@ var EmptyState = require('./components/EmptyState/EmptyState.js');
 var EmptyState_tokens = require('./components/EmptyState/EmptyState.tokens.js');
 var Editable = require('./components/Editable/Editable.js');
 var Editable_tokens = require('./components/Editable/Editable.tokens.js');
-var common = require('./engines/common.js');
-var canUseDOM = require('./utils/canUseDOM.js');
-var extractTextFrom = require('./utils/extractTextFrom.js');
-var getSizeValueFromProp = require('./utils/getSizeValueFromProp.js');
-var react = require('./utils/react.js');
-var isNumber = require('./utils/isNumber.js');
-var isEmpty = require('./utils/isEmpty.js');
-var getPopoverPlacement = require('./utils/getPopoverPlacement.js');
-var constants = require('./utils/constants.js');
+var Mask = require('./components/Mask/Mask.js');
 
 
 
+exports.css = index.css;
+exports.composableStyle = index$1.composableStyle;
+exports.cx = index$1.cx;
+exports.ButtonBase = index$2.ButtonBase;
 exports.applyBlur = applyBlur.applyBlur;
 exports.blurs = applyBlur.blurs;
 exports.applyEllipsis = applyEllipsis.applyEllipsis;
@@ -277,7 +277,8 @@ exports.radiuses = applyRoundness.radiuses;
 exports.applySkeletonGradient = applySkeletonGradient.applySkeletonGradient;
 exports.getSkeletonColor = applySkeletonGradient.getSkeletonColor;
 exports.applyDisabled = applyDisabled.applyDisabled;
-exports.css = index.css;
+exports.component = common.component;
+exports.mergeConfig = common.mergeConfig;
 exports.useUniqId = useUniqId.useUniqId;
 exports.useFocusTrap = useFocusTrap.useFocusTrap;
 exports.usePreviousValue = usePreviousValue.usePreviousValue;
@@ -285,8 +286,16 @@ exports.useForceUpdate = useForceUpdate.useForceUpdate;
 exports.useDidMountEffect = useDidMountEffect.useDidMountEffect;
 exports.useOutsideClick = useOutsideClick.useOutsideClick;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
-exports.composableStyle = index$1.composableStyle;
-exports.cx = index$1.cx;
+exports.canUseDOM = canUseDOM.canUseDOM;
+exports.extractTextFrom = extractTextFrom.extractTextFrom;
+exports.getSizeValueFromProp = getSizeValueFromProp.getSizeValueFromProp;
+exports.IS_REACT_18 = react.IS_REACT_18;
+exports.safeUseId = react.safeUseId;
+exports.isNumber = isNumber.isNumber;
+exports.isEmpty = isEmpty.isEmpty;
+exports.getPlacement = getPopoverPlacement.getPlacement;
+exports.getPlacements = getPopoverPlacement.getPlacements;
+exports.constants = constants;
 exports.buttonConfig = Button.buttonConfig;
 exports.buttonRoot = Button.buttonRoot;
 exports.buttonClasses = Button_tokens.classes;
@@ -304,12 +313,7 @@ exports.breadcrumbsClasses = Breadcrumbs_tokens.classes;
 exports.breadcrumbsTokens = Breadcrumbs_tokens.tokens;
 exports.chipConfig = Chip.chipConfig;
 exports.chipRoot = Chip.chipRoot;
-exports.chipClasses = Chip_tokens.classes;
 exports.chipTokens = Chip_tokens.tokens;
-exports.chipGroupConfig = ChipGroup.chipGroupConfig;
-exports.chipGroupRoot = ChipGroup.chipGroupRoot;
-exports.chipGroupClasses = ChipGroup_tokens.classes;
-exports.chipGroupTokens = ChipGroup_tokens.tokens;
 exports.CellTextboxLabel = CellTextboxLabel.CellTextboxLabel;
 exports.CellTextboxTitle = CellTextboxTitle.CellTextboxTitle;
 exports.CellTextboxSubtitle = CellTextboxSubtitle.CellTextboxSubtitle;
@@ -345,11 +349,11 @@ exports.textFieldGroupConfig = TextFieldGroup.textFieldGroupConfig;
 exports.textFieldGroupRoot = TextFieldGroup.textFieldGroupRoot;
 exports.textFieldGroupClasses = TextFieldGroup_tokens.classes;
 exports.textFieldGroupTokens = TextFieldGroup_tokens.tokens;
-exports.Switch_LabelPosition_After = after.labelPosition_After;
-exports.Switch_LabelPosition_Before = before.labelPosition_Before;
 exports.switchConfig = Switch.switchConfig;
 exports.switchRoot = Switch.switchRoot;
 exports.switchTokens = Switch_tokens.tokens;
+exports.Switch_LabelPosition_Before = before.labelPosition_Before;
+exports.Switch_LabelPosition_After = after.labelPosition_After;
 exports.tabsConfig = Tabs.tabsConfig;
 exports.tabsRoot = Tabs.tabsRoot;
 exports.tabItemConfig = TabItem.tabItemConfig;
@@ -366,6 +370,7 @@ exports.calendarDoubleConfig = CalendarDouble.calendarDoubleConfig;
 exports.calendarDoubleRoot = CalendarDouble.calendarDoubleRoot;
 exports.calendarBaseTokens = Calendar_tokens.tokens;
 exports.calendarDoubleTokens = Calendar_tokens.tokens;
+exports.typographyTokens = tokens$1.tokens;
 exports.bodyConfig = Body.bodyConfig;
 exports.bodyRoot = Body.bodyRoot;
 exports.dsplConfig = Dspl.dsplConfig;
@@ -394,7 +399,6 @@ exports.underlineConfig = Underline.underlineConfig;
 exports.underlineRoot = Underline.underlineRoot;
 exports.subtitleConfig = Subtitle.subtitleConfig;
 exports.subtitleRoot = Subtitle.subtitleRoot;
-exports.typographyTokens = tokens$1.tokens;
 exports.PopupProvider = PopupContext.PopupProvider;
 exports.usePopupContext = PopupContext.usePopupContext;
 exports.popupConfig = Popup.popupConfig;
@@ -414,14 +418,14 @@ exports.notificationClasses = Notification_tokens.classes;
 exports.notificationTokens = Notification_tokens.tokens;
 exports.drawerConfig = Drawer.drawerConfig;
 exports.drawerRoot = Drawer.drawerRoot;
+exports.drawerClasses = Drawer_tokens.classes;
+exports.drawerTokens = Drawer_tokens.tokens;
 exports.drawerContentConfig = DrawerContent.drawerContentConfig;
 exports.drawerContentRoot = DrawerContent.drawerContentRoot;
 exports.drawerFooterConfig = DrawerFooter.drawerFooterConfig;
 exports.drawerFooterRoot = DrawerFooter.drawerFooterRoot;
 exports.drawerHeaderConfig = DrawerHeader.drawerHeaderConfig;
 exports.drawerHeaderRoot = DrawerHeader.drawerHeaderRoot;
-exports.drawerClasses = Drawer_tokens.classes;
-exports.drawerTokens = Drawer_tokens.tokens;
 exports.dropdownConfig = Dropdown.dropdownConfig;
 exports.dropdownRoot = Dropdown.dropdownRoot;
 exports.dropdownClasses = Dropdown_tokens.classes;
@@ -445,10 +449,10 @@ exports.dropdownOldTokens = DropdownOld_tokens.tokens;
 exports.tooltipConfig = Tooltip.tooltipConfig;
 exports.tooltipRoot = Tooltip.tooltipRoot;
 exports.tooltipTokens = Tooltip_tokens.tokens;
-exports.segmentGroupConfig = SegmentGroup.segmentGroupConfig;
-exports.segmentGroupRoot = SegmentGroup.segmentGroupRoot;
 exports.segmentItemConfig = SegmentItem.segmentItemConfig;
 exports.segmentItemRoot = SegmentItem.segmentItemRoot;
+exports.segmentGroupConfig = SegmentGroup.segmentGroupConfig;
+exports.segmentGroupRoot = SegmentGroup.segmentGroupRoot;
 exports.SegmentProvider = SegmentProvider.SegmentProvider;
 exports.useSegment = SegmentProvider.useSegment;
 exports.segmentClasses = tokens$2.classes;
@@ -490,8 +494,6 @@ exports.SSRContext = SSRProvider.SSRContext;
 exports.SSRProvider = SSRProvider.SSRProvider;
 exports.comboboxOldConfig = Combobox.comboboxConfig;
 exports.comboboxOldRoot = Combobox.comboboxRoot;
-exports.comboboxOldClasses = Combobox_tokens.classes;
-exports.comboboxOldTokens = Combobox_tokens.tokens;
 exports.comboboxDividerConfig = ComboboxDivider.comboboxDividerConfig;
 exports.comboboxDividerRoot = ComboboxDivider.comboboxDividerRoot;
 exports.comboboxFooterConfig = ComboboxFooter.comboboxFooterConfig;
@@ -503,19 +505,20 @@ exports.comboboxHeaderRoot = ComboboxHeader.comboboxHeaderRoot;
 exports.comboboxItemConfig = ComboboxItem.comboboxItemConfig;
 exports.comboboxItemRoot = ComboboxItem.comboboxItemRoot;
 exports.ComboboxTarget = ComboboxTarget.ComboboxTarget;
+exports.comboboxOldClasses = Combobox_tokens.classes;
+exports.comboboxOldTokens = Combobox_tokens.tokens;
+exports.comboboxNewTokens = Combobox_tokens$1.tokens;
 exports.comboboxNewConfig = Combobox$1.comboboxConfig;
 exports.comboboxNewRoot = Combobox$1.comboboxRoot;
-exports.comboboxNewTokens = Combobox_tokens$1.tokens;
 exports.indicatorConfig = Indicator.indicatorConfig;
 exports.indicatorRoot = Indicator.indicatorRoot;
 exports.indicatorTokens = Indicator_tokens.tokens;
-exports.ButtonBase = index$2.ButtonBase;
 exports.gridConfig = Grid.gridConfig;
 exports.gridRoot = Grid.gridRoot;
 exports.gridTokens = Grid_tokens.tokens;
+exports.getBaseGridView = index$3.getBaseGridView;
 exports.Row = Row.Row;
 exports.Col = Col.Col;
-exports.getBaseGridView = index$3.getBaseGridView;
 exports.progressConfig = Progress.progressConfig;
 exports.progressRoot = Progress.progressRoot;
 exports.progressTokens = Progress_tokens.tokens;
@@ -566,16 +569,5 @@ exports.emptyStateTokens = EmptyState_tokens.tokens;
 exports.editableConfig = Editable.editableConfig;
 exports.editableRoot = Editable.editableRoot;
 exports.editableTokens = Editable_tokens.tokens;
-exports.component = common.component;
-exports.mergeConfig = common.mergeConfig;
-exports.canUseDOM = canUseDOM.canUseDOM;
-exports.extractTextFrom = extractTextFrom.extractTextFrom;
-exports.getSizeValueFromProp = getSizeValueFromProp.getSizeValueFromProp;
-exports.IS_REACT_18 = react.IS_REACT_18;
-exports.safeUseId = react.safeUseId;
-exports.isNumber = isNumber.isNumber;
-exports.isEmpty = isEmpty.isEmpty;
-exports.getPlacement = getPopoverPlacement.getPlacement;
-exports.getPlacements = getPopoverPlacement.getPlacements;
-exports.constants = constants;
+exports.composeMask = Mask.composeMask;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/utils/index.js

@@ -2,9 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('react');
-var react = require('./react.js');
-
 var cx = function cx() {
   for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
     classes[_key] = arguments[_key];
@@ -23,8 +20,6 @@ var composableStyle = function composableStyle(s) {
   return res;
 };
 
-exports.IS_REACT_18 = react.IS_REACT_18;
-exports.safeUseId = react.safeUseId;
 exports.composableStyle = composableStyle;
 exports.cx = cx;
 //# sourceMappingURL=index.js.map

package/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;;;;;AAWaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;;AAWaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;;"}

package/emotion/cjs/components/Chip/Chip.js

@@ -60,7 +60,7 @@ var chipRoot = exports.chipRoot = function chipRoot(Root) {
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       type: "button",
       ref: ref,
-      className: (0, _utils.cx)(pilledClass, _Chip2.classes.chipItem, className),
+      className: (0, _utils.cx)(pilledClass, className),
       tabIndex: readOnly ? -1 : 0,
       onClick: handleClick,
       disabled: disabled,

package/emotion/cjs/components/Chip/Chip.tokens.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.tokens = exports.classes = void 0;
 var classes = exports.classes = {
-  pilled: 'chip-pilled',
-  chipItem: 'chip-item'
+  pilled: 'chip-pilled'
 };
 var tokens = exports.tokens = {
   background: '--plasma-chip-background',

package/emotion/cjs/components/Chip/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "chipClasses", {
-  enumerable: true,
-  get: function get() {
-    return _Chip2.classes;
-  }
-});
 Object.defineProperty(exports, "chipConfig", {
   enumerable: true,
   get: function get() {

package/emotion/cjs/components/Mask/Mask.js

@@ -0,0 +1,55 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.composeMask = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _reactMaskinput = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@salutejs/react-maskinput"));
+var _excluded = ["maskFormat"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var defaultFormatChars = [{
+  str: '0',
+  regexp: /[0-9]/
+}, {
+  str: '*',
+  regexp: /./
+}, {
+  str: 'a',
+  regexp: /[a-zA-Z]/
+}, {
+  str: 'я',
+  regexp: /[а-яА-ЯёЁ]/
+}];
+var composeMask = exports.composeMask = function composeMask(InputComponent) {
+  var MaskedInput = (0, _reactMaskinput["default"])(InputComponent);
+  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
+    var _ref$maskFormat = _ref.maskFormat,
+      maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
+    var _useState = (0, _react.useState)(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      ref = _useState2[0],
+      setRef = _useState2[1];
+    (0, _react.useImperativeHandle)(outerRef, function () {
+      return ref;
+    }, [ref]);
+    return /*#__PURE__*/_react["default"].createElement(MaskedInput, _extends({
+      getReference: setRef,
+      maskFormat: maskFormat
+    }, rest));
+  });
+};

package/emotion/cjs/components/Mask/Mask.template-doc.mdx

@@ -0,0 +1,125 @@
+---
+id: mask
+title: Mask
+---
+
+import { PropsTable, Description } from '@site/src/components';
+
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+# Mask
+<Description name="Mask" />
+<PropsTable name="Mask" exclude={['css']} />
+
+## Использование
+Компонент `Mask` представляет собой поле ввода с возможностью маскирования значения.
+Он реализован на компоненте [TextField](https://plasma.sberdevices.ru/b2c/components/textfield/) 
+и наследует практически все его свойства (`size`, `view`, `disabled`, `label` и тд.)
+
+```tsx live
+import React from 'react';
+import { Mask } from '@salutejs/{{ package }}';
+import { IconDone } from '@salutejs/plasma-icons';
+
+export function App() {
+    return (
+        <div>
+            <Mask
+                label="Лейбл"
+                leftHelper="Подсказка к полю"
+                placeholder="Введите дату"
+                mask="00/00/0000"
+                maskString="DD/MM/YYYY"
+                size="l"
+            />
+        </div>
+    );
+}
+```
+
+### Маска
+Маска задается с помощью свойства `mask`.
+Поддерживает следующие символы:
+
+| Обозначение | Описание                              |
+|-------------|---------------------------------------|
+| 0           | любая цифра от 0 до 9                 |
+| a (англ.)   | A-Z, a-z                              |
+| я           | А-Я, а-я, ё, Ё                        |
+| q           | буква "q"                             |
+| 2           | цифра "2"                             |
+| *           | любой символ                          |
+| \           | символ экранирования "\a" - буква "a" |
+
+
+<Tabs>
+    <TabItem value="phone" label="Маска телефона">
+        Пример маски для ввода телефона
+
+        ```tsx live
+        import React from 'react';
+        import { Mask } from '@salutejs/{{ package }}';
+
+        export function App() {
+            return (
+                <div>
+                    <Mask
+                        label="Маска телефона"
+                        placeholder="Введите телефон"
+                        mask="+7 (000) 000 - 00 - 00"
+                        maskChar="_"
+                        size="l"
+                        alwaysShowMask
+                    />
+                </div>
+            );
+        }
+        ```
+    </TabItem>
+    <TabItem value="date" label="Маска даты">
+        Пример маски для ввода даты
+
+        ```tsx live
+        import React from 'react';
+        import { Mask } from '@salutejs/{{ package }}';
+
+        export function App() {
+            return (
+                <div>
+                    <Mask
+                        label="Маска даты"
+                        placeholder="Введите дату"
+                        mask="00/00/0000"
+                        maskString="DD/MM/YYYY"
+                        size="l"
+                    />
+                </div>
+            );
+        }
+        ```
+    </TabItem>
+    <TabItem value="time" label="Маска времени">
+        Пример маски для ввода даты
+
+        ```tsx live
+        import React from 'react';
+        import { Mask } from '@salutejs/{{ package }}';
+
+        export function App() {
+            return (
+                <div>
+                    <Mask
+                        label="Маска времени"
+                        placeholder="Введите время"
+                        mask="1\0:00"
+                        maskChar="_"
+                        size="l"
+                        showPrefix
+                    />
+                </div>
+            );
+        }
+        ```
+    </TabItem>
+</Tabs>

package/emotion/cjs/components/Mask/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "composeMask", {
+  enumerable: true,
+  get: function get() {
+    return _Mask.composeMask;
+  }
+});
+var _Mask = /*#__PURE__*/require("./Mask");