@salutejs/plasma-new-hope 0.162.3-canary.1448.11254553277.0 → 0.163.0-canary.1452.11263420833.0

package/cjs/index.js

@@ -2,9 +2,6 @@
 
 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');
@@ -17,7 +14,7 @@ var applyRoundness = require('./mixins/applyRoundness.js');
 var applySkeletonGradient = require('./mixins/applySkeletonGradient.js');
 var applyDisabled = require('./mixins/applyDisabled.js');
 var applyHidden = require('./mixins/applyHidden.js');
-var common = require('./engines/common.js');
+var index = require('./engines/index.js');
 var useUniqId = require('./hooks/useUniqId.js');
 var useFocusTrap = require('./hooks/useFocusTrap.js');
 var usePreviousValue = require('./hooks/usePreviousValue.js');
@@ -25,16 +22,7 @@ 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 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 setRefList = require('./utils/setRefList.js');
-var isEmpty = require('./utils/isEmpty.js');
-var noop = require('./utils/noop.js');
-var getPopoverPlacement = require('./utils/getPopoverPlacement.js');
-var constants = require('./utils/constants.js');
+var index$1 = require('./utils/index.js');
 var Button = require('./components/Button/Button.js');
 var Button_tokens = require('./components/Button/Button.tokens.js');
 var IconButton = require('./components/IconButton/IconButton.js');
@@ -81,7 +69,6 @@ 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');
@@ -96,6 +83,7 @@ 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');
@@ -107,10 +95,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');
@@ -125,8 +113,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 SegmentItem = require('./components/Segment/ui/SegmentItem/SegmentItem.js');
 var SegmentGroup = require('./components/Segment/ui/SegmentGroup/SegmentGroup.js');
+var SegmentItem = require('./components/Segment/ui/SegmentItem/SegmentItem.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');
@@ -151,22 +139,23 @@ 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_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 Combobox_tokens$1 = require('./components/Combobox/ComboboxNew/Combobox.tokens.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');
@@ -180,7 +169,10 @@ 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 Steps = require('./components/Steps/Steps.js');
 var Steps_tokens = require('./components/Steps/Steps.tokens.js');
 var Range = require('./components/Range/Range.js');
@@ -203,13 +195,20 @@ var Editable_tokens = require('./components/Editable/Editable.tokens.js');
 var Mask = require('./components/Mask/Mask.js');
 var Attach = require('./components/Attach/Attach.js');
 var Attach_tokens = require('./components/Attach/Attach.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 setRefList = require('./utils/setRefList.js');
+var isEmpty = require('./utils/isEmpty.js');
+var noop = require('./utils/noop.js');
+var getPopoverPlacement = require('./utils/getPopoverPlacement.js');
+var constants = require('./utils/constants.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;
@@ -285,8 +284,7 @@ exports.applySkeletonGradient = applySkeletonGradient.applySkeletonGradient;
 exports.getSkeletonColor = applySkeletonGradient.getSkeletonColor;
 exports.applyDisabled = applyDisabled.applyDisabled;
 exports.applyHidden = applyHidden.applyHidden;
-exports.component = common.component;
-exports.mergeConfig = common.mergeConfig;
+exports.css = index.css;
 exports.useUniqId = useUniqId.useUniqId;
 exports.useFocusTrap = useFocusTrap.useFocusTrap;
 exports.usePreviousValue = usePreviousValue.usePreviousValue;
@@ -294,19 +292,8 @@ exports.useForceUpdate = useForceUpdate.useForceUpdate;
 exports.useDidMountEffect = useDidMountEffect.useDidMountEffect;
 exports.useOutsideClick = useOutsideClick.useOutsideClick;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
-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.mergeRefs = setRefList.mergeRefs;
-exports.setRefList = setRefList.setRefList;
-exports.isEmpty = isEmpty.isEmpty;
-exports.noop = noop.noop;
-exports.getPlacement = getPopoverPlacement.getPlacement;
-exports.getPlacements = getPopoverPlacement.getPlacements;
-exports.constants = constants;
+exports.composableStyle = index$1.composableStyle;
+exports.cx = index$1.cx;
 exports.buttonConfig = Button.buttonConfig;
 exports.buttonRoot = Button.buttonRoot;
 exports.buttonClasses = Button_tokens.classes;
@@ -384,7 +371,6 @@ 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;
@@ -413,6 +399,7 @@ 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;
@@ -432,14 +419,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;
@@ -463,10 +450,10 @@ exports.dropdownOldTokens = DropdownOld_tokens.tokens;
 exports.tooltipConfig = Tooltip.tooltipConfig;
 exports.tooltipRoot = Tooltip.tooltipRoot;
 exports.tooltipTokens = Tooltip_tokens.tokens;
-exports.segmentItemConfig = SegmentItem.segmentItemConfig;
-exports.segmentItemRoot = SegmentItem.segmentItemRoot;
 exports.segmentGroupConfig = SegmentGroup.segmentGroupConfig;
 exports.segmentGroupRoot = SegmentGroup.segmentGroupRoot;
+exports.segmentItemConfig = SegmentItem.segmentItemConfig;
+exports.segmentItemRoot = SegmentItem.segmentItemRoot;
 exports.SegmentProvider = SegmentProvider.SegmentProvider;
 exports.useSegment = SegmentProvider.useSegment;
 exports.segmentClasses = tokens$2.classes;
@@ -508,6 +495,8 @@ 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;
@@ -519,20 +508,19 @@ 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;
@@ -590,4 +578,19 @@ exports.composeMask = Mask.composeMask;
 exports.attachConfig = Attach.attachConfig;
 exports.attachRoot = Attach.attachRoot;
 exports.attachTokens = Attach_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.mergeRefs = setRefList.mergeRefs;
+exports.setRefList = setRefList.setRefList;
+exports.isEmpty = isEmpty.isEmpty;
+exports.noop = noop.noop;
+exports.getPlacement = getPopoverPlacement.getPlacement;
+exports.getPlacements = getPopoverPlacement.getPlacements;
+exports.constants = constants;
 //# 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,6 +2,9 @@
 
 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];
@@ -20,6 +23,8 @@ 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 { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\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":";;;;AAaaA,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 { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\n\nexport const cx = (...classes: (string | boolean | 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":";;;;;;;AAaaA,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,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,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/Slider/Slider.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sliderRoot = exports.sliderConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../utils");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _components = /*#__PURE__*/require("./components");
+var _Slider = /*#__PURE__*/require("./Slider.tokens");
 var _excluded = ["type"];
 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; }
@@ -29,9 +31,15 @@ var sliderRoot = exports.sliderRoot = function sliderRoot(Root) {
     var _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'single' : _ref$type,
       props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/_react["default"].createElement(Root, _extends({}, props, {
+    if (isSingleValueProps(props, type)) {
+      return /*#__PURE__*/_react["default"].createElement(Root, _extends({}, props, {
+        className: (0, _utils.cx)(props.orientation === 'vertical' && _Slider.classes.verticalOrientation, props.className),
+        ref: ref
+      }), /*#__PURE__*/_react["default"].createElement(_components.SingleSlider, props));
+    }
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: ref
-    }), isSingleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.DoubleUncontrolled, props));
+    }, props), isDoubleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.DoubleUncontrolled, props));
   });
 };
 var sliderConfig = exports.sliderConfig = {

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

@@ -7,6 +7,12 @@ exports.tokens = exports.classes = void 0;
 var classes = exports.classes = {
   labelPlacementOuter: 'slider-label-placement-outer',
   labelPlacementInner: 'slider-label-placement-inner',
+  labelPlacementBottom: 'slider-label-placement-bottom',
+  labelAlignLeft: 'slider-label-align-left',
+  labelAlignCenter: 'slider-label-align-center',
+  labelAlignRight: 'slider-label-align-right',
+  labelAlignNone: 'slider-label-align-none',
+  labelContentReversed: 'slider-label-content-reversed',
   rangeValuesPlacementOuter: 'slider-range-values-placement-outer',
   rangeValuesPlacementInner: 'slider-range-values-placement-inner',
   maxRangeValue: 'slider-max-range-value',
@@ -15,13 +21,17 @@ var classes = exports.classes = {
   textFieldActive: 'slider-text-field-active',
   firstTextField: 'slider-first-text-field',
   secondTextField: 'slider-second-text-field',
-  activeRangeValue: 'slider-active-range-value'
+  activeRangeValue: 'slider-active-range-value',
+  verticalOrientation: 'slider-vertical-orientation',
+  valuePlacementLeft: 'slider-value-placement-left',
+  reversed: 'slider-reversed'
 };
 var tokens = exports.tokens = {
-  height: '--plasma-slider-height',
+  size: '--plasma-slider-size',
   labelWrapperGap: '--plasma-slider-label-wrapper-gap',
   labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',
   labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',
+  labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',
   labelColor: '--plasma-slider-label-color',
   labelFontFamily: '--plasma-slider-label-font-family',
   labelFontSize: '--plasma-slider-label-font-size',
@@ -29,9 +39,10 @@ var tokens = exports.tokens = {
   labelFontWeight: '--plasma-slider-label-font-weight',
   labelLetterSpacing: '--plasma-slider-label-letter-spacing',
   labelLineHeight: '--plasma-slider-label-line-height',
-  rangeMinValueMargin: '--plasma-slider-range-min-value-margin',
-  rangeMaxValueMargin: '--plasma-slider-range-max-value-margin',
   rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',
+  rangeValueHorizontalMargin: '--plasma-slider-range-value-horizontal-margin',
+  rangeValueLeftRightMargin: '--plasma-slider-range-value-left-right-margin',
+  rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',
   rangeValueColor: '--plasma-slider-range-value-color',
   rangeValueFontFamily: '--plasma-slider-range-value-font-family',
   rangeValueFontSize: '--plasma-slider-range-value-font-size',
@@ -41,6 +52,7 @@ var tokens = exports.tokens = {
   rangeValueLineHeight: '--plasma-slider-range-value-line-height',
   doubleWrapperGap: '--plasma-slider-double-wrapper-gap',
   thumbSize: '--plasma-slider-thumb-size',
+  thumbSizeLarge: '--plasma-slider-thumb-size-large',
   thumbBorder: '--plasma-slider-thumb-border',
   thumbBorderColor: '--plasma-slider-thumb-border-color',
   thumbBackgroundColor: '--plasma-slider-thumb-background-color',
@@ -53,7 +65,7 @@ var tokens = exports.tokens = {
   currentValueLetterSpacing: '--plasma-slider-current-value-letter-spacing',
   currentValueLineHeight: '--plasma-slider-current-value-line-height',
   railBackgroundColor: '--plasma-slider-rail-background-color',
-  railHeight: '--plasma-slider-rail-height',
+  railThickness: '--plasma-slider-rail-thickness',
   railBorderRadius: '--plasma-slider-rail-border-radius',
   railIndent: '--plasma-slider-rail-indent',
   fillColor: '--plasma-slider-fill-color',

package/emotion/cjs/components/Slider/components/Double/Double.js

@@ -13,7 +13,7 @@ var _utils2 = /*#__PURE__*/require("../../utils");
 var _Slider = /*#__PURE__*/require("../../Slider.tokens");
 var _SliderBase2 = /*#__PURE__*/require("../SliderBase/SliderBase.styles");
 var _Double = /*#__PURE__*/require("./Double.styles");
-var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
+var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "pointerSize", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
 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); }
@@ -46,6 +46,8 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     labelContentLeft = _ref.labelContentLeft,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'm' : _ref$size,
+    _ref$pointerSize = _ref.pointerSize,
+    pointerSize = _ref$pointerSize === void 0 ? 'small' : _ref$pointerSize,
     onChangeCommitted = _ref.onChangeCommitted,
     onChangeTextField = _ref.onChangeTextField,
     onBlurTextField = _ref.onBlurTextField,
@@ -251,16 +253,19 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     ariaLabelLeft = _ref3[0],
     ariaLabelRight = _ref3[1];
   var currentFirstSliderValue = Math.max(state.firstValue, min);
+  var settings = _utils2.sizeData[size][pointerSize === 'large' ? 'large' : 'small'];
   return /*#__PURE__*/_react["default"].createElement(_Double.DoubleWrapper, null, hasLabelContent && /*#__PURE__*/_react["default"].createElement(_Double.LabelWrapper, null, labelContentLeft && /*#__PURE__*/_react["default"].createElement(_Double.LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/_react["default"].createElement(_Double.Label, null, label)), /*#__PURE__*/_react["default"].createElement(_Double.SliderWrapper, null, /*#__PURE__*/_react["default"].createElement(_SliderBase.SliderBase, _extends({
     min: min,
     max: max,
     disabled: disabled,
     setStepSize: setStepSize,
     railFillWidth: state.railFillWidth,
-    settings: _utils2.sizeData[size],
-    railFillXPosition: state.railFillXPosition
+    settings: settings,
+    railFillXPosition: state.railFillXPosition,
+    orientation: "horizontal"
   }, rest), /*#__PURE__*/_react["default"].createElement(_ui.Handler, {
     ref: firstHandleRef,
+    size: pointerSize,
     stepSize: state.stepSize,
     multipleStepSize: multipleStepSize,
     onChangeCommitted: onFirstHandleChangeCommitted,
@@ -270,7 +275,8 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     disabled: disabled,
     bounds: [min, state.secondValue],
     side: "left",
-    xPosition: state.xFirstHandle,
+    orientation: "horizontal",
+    position: state.xFirstHandle,
     zIndex: state.firstHandleZIndex,
     value: currentFirstSliderValue,
     ariaLabel: ariaLabelLeft,
@@ -282,6 +288,7 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     }
   }), /*#__PURE__*/_react["default"].createElement(_ui.Handler, {
     ref: secondHandleRef,
+    size: pointerSize,
     stepSize: state.stepSize,
     multipleStepSize: multipleStepSize,
     onChangeCommitted: onSecondHandleChangeCommitted,
@@ -292,7 +299,8 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     disabled: disabled,
     bounds: [state.firstValue, max],
     side: "right",
-    xPosition: state.xSecondHandle,
+    orientation: "horizontal",
+    position: state.xSecondHandle,
     zIndex: state.secondHandleZIndex,
     value: Math.max(state.secondValue, min),
     ariaLabel: ariaLabelRight,