@salutejs/plasma-new-hope 0.150.1-canary.1448.10995617090.0 → 0.151.0-canary.1445.10999600795.0

package/cjs/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useState } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component } from '../../engines';\nimport { popoverClasses, popoverConfig, popoverTokens } from '../Popover';\nimport { cx } from '../../utils';\n\nimport { TooltipProps } from './Tooltip.types';\nimport { StyledContentLeft, TooltipRoot } from './Tooltip.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes, tokens } from './Tooltip.tokens';\n\nconst ESCAPE_KEYCODE = 27;\n\nconst getStringValue = (value?: number | string) => {\n    return typeof value === 'number' ? `${value}rem` : value;\n};\n\nconst Popover = component(popoverConfig);\n\nconst StyledPopover = styled(Popover)`\n    ${popoverTokens.arrowMaskWidth}: var(${tokens.arrowMaskWidth});\n    ${popoverTokens.arrowMaskHeight}: var(${tokens.arrowMaskHeight});\n    ${popoverTokens.arrowMaskImage}: var(${tokens.arrowMaskImage});\n    ${popoverTokens.arrowBackground}: var(${tokens.arrowBackground});\n    ${popoverTokens.arrowHeight}: var(${tokens.arrowHeight});\n    ${popoverTokens.arrowEdgeMargin}: var(${tokens.arrowEdgeMargin});\n\n    &.${classes.animated} .${popoverClasses.root} {\n        transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;\n    }\n`;\n\n/**\n * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.\n */\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'opened' | 'text'>>) =>\n    forwardRef<HTMLDivElement, TooltipProps>(\n        (\n            {\n                id,\n                text,\n                opened,\n                isVisible,\n                isOpen,\n                hasArrow = true,\n                arrow,\n                animated,\n                offset = [0, 8],\n                minWidth,\n                maxWidth,\n                placement = 'bottom',\n                usePortal = true,\n                target,\n                children,\n                onDismiss,\n                view,\n                size,\n                contentLeft,\n                zIndex = '9200',\n                className,\n                style,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const [ref, setRef] = useState<HTMLDivElement | null>(null);\n\n            // TODO убрать после отказа от старого API\n            const innerIsOpen = Boolean(isVisible || isOpen || opened);\n            const innerHasArrow = arrow || hasArrow;\n            const showTooltip = innerIsOpen && Boolean(text?.length);\n\n            const animatedClass = animated ? classes.animated : undefined;\n\n            useEffect(() => {\n                const onKeyDown = (event: KeyboardEvent) => {\n                    if (event.keyCode === ESCAPE_KEYCODE) {\n                        onDismiss?.();\n                    }\n                };\n\n                window.addEventListener('keydown', onKeyDown);\n\n                return () => {\n                    window.removeEventListener('keydown', onKeyDown);\n                };\n            }, []);\n\n            const withContentLeft = contentLeft ? classes.hasContentLeft : undefined;\n\n            return (\n                <StyledPopover\n                    opened={showTooltip}\n                    placement={placement}\n                    offset={offset}\n                    zIndex={zIndex}\n                    target={target || children}\n                    usePortal={usePortal}\n                    hasArrow={innerHasArrow}\n                    aria-hidden={!innerIsOpen}\n                    aria-live=\"polite\"\n                    role=\"tooltip\"\n                    className={cx(ref?.classList.toString(), animatedClass)}\n                    {...rest}\n                >\n                    <Root view={view} size={size} ref={setRef} className={className} style={style}>\n                        <TooltipRoot\n                            ref={outerRef}\n                            id={id}\n                            className={cx(withContentLeft)}\n                            maxWidth={getStringValue(maxWidth)}\n                            minWidth={getStringValue(minWidth)}\n                        >\n                            {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                            {text}\n                        </TooltipRoot>\n                    </Root>\n                </StyledPopover>\n            );\n        },\n    );\n\nexport const tooltipConfig = {\n    name: 'Tooltip',\n    tag: 'div',\n    layout: tooltipRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["ESCAPE_KEYCODE","getStringValue","value","concat","Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","tooltipRoot","Root","forwardRef","_ref","outerRef","id","text","opened","isVisible","isOpen","_ref$hasArrow","hasArrow","arrow","animated","_ref$offset","offset","minWidth","maxWidth","_ref$placement","placement","_ref$usePortal","usePortal","target","children","onDismiss","view","size","contentLeft","_ref$zIndex","zIndex","className","style","rest","_useState","useState","_useState2","_slicedToArray","ref","setRef","innerIsOpen","Boolean","innerHasArrow","showTooltip","length","animatedClass","classes","undefined","useEffect","onKeyDown","event","keyCode","window","addEventListener","removeEventListener","withContentLeft","hasContentLeft","React","createElement","_extends","role","cx","classList","toString","TooltipRoot","StyledContentLeft","tooltipConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useState } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component } from '../../engines';\nimport { popoverClasses, popoverConfig, popoverTokens } from '../Popover';\nimport { cx } from '../../utils';\n\nimport { TooltipProps } from './Tooltip.types';\nimport { StyledContentLeft, TooltipRoot } from './Tooltip.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes, tokens } from './Tooltip.tokens';\n\nconst ESCAPE_KEYCODE = 27;\n\nconst getStringValue = (value?: number | string) => {\n    return typeof value === 'number' ? `${value}rem` : value;\n};\n\nconst Popover = component(popoverConfig);\n\nconst StyledPopover = styled(Popover)`\n    ${popoverTokens.arrowMaskWidth}: var(${tokens.arrowMaskWidth});\n    ${popoverTokens.arrowMaskHeight}: var(${tokens.arrowMaskHeight});\n    ${popoverTokens.arrowMaskImage}: var(${tokens.arrowMaskImage});\n    ${popoverTokens.arrowBackground}: var(${tokens.arrowBackground});\n    ${popoverTokens.arrowHeight}: var(${tokens.arrowHeight});\n    ${popoverTokens.arrowEdgeMargin}: var(${tokens.arrowEdgeMargin});\n\n    &.${classes.animated} .${popoverClasses.root} {\n        transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;\n    }\n`;\n\n/**\n * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.\n */\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'opened' | 'text'>>) =>\n    forwardRef<HTMLDivElement, TooltipProps>(\n        (\n            {\n                id,\n                text,\n                opened,\n                isVisible,\n                isOpen,\n                hasArrow = true,\n                arrow,\n                animated,\n                offset = [0, 8],\n                minWidth,\n                maxWidth,\n                placement = 'bottom',\n                usePortal = true,\n                target,\n                children,\n                onDismiss,\n                view,\n                size,\n                contentLeft,\n                zIndex = '9200',\n                className,\n                style,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const [ref, setRef] = useState<HTMLDivElement | null>(null);\n\n            // TODO убрать после отказа от старого API\n            const innerIsOpen = Boolean(isVisible || isOpen || opened);\n            const innerHasArrow = arrow || hasArrow;\n            const showTooltip = innerIsOpen && Boolean(text?.length);\n\n            const animatedClass = animated ? classes.animated : undefined;\n\n            useEffect(() => {\n                const onKeyDown = (event: KeyboardEvent) => {\n                    if (event.keyCode === ESCAPE_KEYCODE) {\n                        onDismiss?.();\n                    }\n                };\n\n                window.addEventListener('keydown', onKeyDown);\n\n                return () => {\n                    window.removeEventListener('keydown', onKeyDown);\n                };\n            }, []);\n\n            const withContentLeft = contentLeft ? classes.hasContentLeft : undefined;\n\n            return (\n                <StyledPopover\n                    opened={showTooltip}\n                    placement={placement}\n                    offset={offset}\n                    zIndex={zIndex}\n                    target={target || children}\n                    usePortal={usePortal}\n                    hasArrow={innerHasArrow}\n                    aria-hidden={!innerIsOpen}\n                    aria-live=\"polite\"\n                    role=\"tooltip\"\n                    className={cx(ref?.classList.toString(), animatedClass)}\n                    {...rest}\n                >\n                    <Root view={view} size={size} ref={setRef} className={className} style={style}>\n                        <TooltipRoot\n                            ref={outerRef}\n                            id={id}\n                            className={cx(withContentLeft)}\n                            maxWidth={getStringValue(maxWidth)}\n                            minWidth={getStringValue(minWidth)}\n                        >\n                            {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                            {text}\n                        </TooltipRoot>\n                    </Root>\n                </StyledPopover>\n            );\n        },\n    );\n\nexport const tooltipConfig = {\n    name: 'Tooltip',\n    tag: 'div',\n    layout: tooltipRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["ESCAPE_KEYCODE","getStringValue","value","concat","Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","tooltipRoot","Root","forwardRef","_ref","outerRef","id","text","opened","isVisible","isOpen","_ref$hasArrow","hasArrow","arrow","animated","_ref$offset","offset","minWidth","maxWidth","_ref$placement","placement","_ref$usePortal","usePortal","target","children","onDismiss","view","size","contentLeft","_ref$zIndex","zIndex","className","style","rest","_useState","useState","_useState2","_slicedToArray","ref","setRef","innerIsOpen","Boolean","innerHasArrow","showTooltip","length","animatedClass","classes","undefined","useEffect","onKeyDown","event","keyCode","window","addEventListener","removeEventListener","withContentLeft","hasContentLeft","React","createElement","_extends","role","cx","classList","toString","TooltipRoot","StyledContentLeft","tooltipConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/engines/index.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@linaria/core');
+require('react');
+require('focus-visible');
 
 var css = core.css;
 

package/cjs/engines/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/engines/index.ts"],"sourcesContent":["import { css as cssLibrary } from '@linaria/core';\n\nimport type { CSS } from './types';\n\nexport const css = cssLibrary as CSS;\nexport { mergeConfig, component } from './common';\n\nexport type { Variant, ComponentConfig, RootProps, CSS, RootPropsOmitOnChange } from './types';\n"],"names":["css","cssLibrary"],"mappings":";;;;;;AAIO,IAAMA,GAAG,GAAGC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/engines/index.ts"],"sourcesContent":["import { css as cssLibrary } from '@linaria/core';\n\nimport type { CSS } from './types';\n\nexport const css = cssLibrary as CSS;\nexport { mergeConfig, component } from './common';\n\nexport type { Variant, ComponentConfig, RootProps, CSS, RootPropsOmitOnChange } from './types';\n"],"names":["css","cssLibrary"],"mappings":";;;;;;;;AAIO,IAAMA,GAAG,GAAGC;;;;"}

package/cjs/hooks/useIsomorphicLayoutEffect.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var canUseDOM = require('../utils/canUseDOM.js');
+require('../utils/react.js');
 
 /**
  * Runs effect safely on server.

package/cjs/hooks/useIsomorphicLayoutEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\n\nimport { canUseDOM } from '../utils';\n\n/**\n * Runs effect safely on server.\n */\nexport const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;\n"],"names":["useIsomorphicLayoutEffect","canUseDOM","useLayoutEffect","useEffect"],"mappings":";;;;;;;AAIA;AACA;AACA;IACaA,yBAAyB,GAAGC,mBAAS,GAAGC,qBAAe,GAAGC;;;;"}
+{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\n\nimport { canUseDOM } from '../utils';\n\n/**\n * Runs effect safely on server.\n */\nexport const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;\n"],"names":["useIsomorphicLayoutEffect","canUseDOM","useLayoutEffect","useEffect"],"mappings":";;;;;;;;AAIA;AACA;AACA;IACaA,yBAAyB,GAAGC,mBAAS,GAAGC,qBAAe,GAAGC;;;;"}

package/cjs/index.css

@@ -57,6 +57,14 @@
 .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
 .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
+.ChipGroup_styles_1l3nd6v_bzgm0e4__3638f601{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.ChipGroup_styles_1l3nd6v_bzgm0e4__3638f601.ChipGroup_styles_1l3nd6v_chipGroupWrap__3638f601{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+
+.base_122089q_brey5rj__0d881afa.base_122089q_chipGroupOverrideStyles__0d881afa .base_122089q_chipItem__0d881afa{--plasma-chip-background:var(--plasma-chip-group-items-background);--plasma-chip-color:var(--plasma-chip-group-items-color);--plasma-chip-background-hover:var(--plasma-chip-group-items-background-hover);--plasma-chip-color-hover:var(--plasma-chip-group-items-color-hover);--plasma-chip-scale-hover:var(--plasma-chip-group-items-scale-hover);--plasma-chip-background-active:var(--plasma-chip-group-items-background-active);--plasma-chip-color-active:var(--plasma-chip-group-items-color-active);--plasma-chip-scale-active:var(--plasma-chip-group-items-scale-active);--plasma-chip-focus-color:var(--plasma-chip-group-items-focus-color);--plasma-chip-outline-size:var(--plasma-chip-group-items-outline-size);--plasma-chip-close-icon-color:var(--plasma-chip-group-items-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-chip-group-items-close-icon-color-hover);--plasma-chip-close-icon-color-active:var(--plasma-chip-group-items-close-icon-color-active);}
+
+.base_eu60ye_b8we6fx__49af8456.base_eu60ye_chipGroupOverrideStyles__49af8456 .base_eu60ye_chipItem__49af8456{--plasma-chip-height:var(--plasma-chip-group-item-height);--plasma-chip-width:var(--plasma-chip-group-item-width);--plasma-chip-border-radius:var(--plasma-chip-group-items-border-radius);--plasma-chip-padding-top:var(--plasma-chip-group-item-padding-top);--plasma-chip-padding-right:var(--plasma-chip-group-item-padding-right);--plasma-chip-padding-bottom:var(--plasma-chip-group-item-padding-bottom);--plasma-chip-padding-left:var(--plasma-chip-group-item-padding-left);--plasma-chip-close-icon-size:var(--plasma-chip-group-item-close-icon-size);--plasma-chip-font-family:var(--plasma-chip-group-item-font-family);--plasma-chip-font-size:var(--plasma-chip-group-item-font-size);--plasma-chip-font-style:var(--plasma-chip-group-item-font-style);--plasma-chip-font-weight:var(--plasma-chip-group-item-font-weight);--plasma-chip-letter-spacing:var(--plasma-chip-group-item-letter-spacing);--plasma-chip-lineheight:var(--plasma-chip-group-item-line-height);--plasma-chip-left-content-margin-left:var(--plasma-chip-group-item-left-content-margin-left);--plasma-chip-left-content-margin-right:var(--plasma-chip-group-item-left-content-margin-right);--plasma-chip-right-content-margin-left:var(--plasma-chip-group-item-right-content-margin-left);--plasma-chip-right-content-margin-right:var(--plasma-chip-group-item-right-content-margin-right);--plasma-chip-clear-content-margin-left:var(--plasma-chip-group-item-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-chip-group-item-clear-content-margin-right);}
+
+.base_vhoe9f_b5zwimg__1f583b8c{gap:var(--plasma-chip-group-items-gap);}
+
 .Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
 
 .base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}

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');
@@ -16,7 +13,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 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');
@@ -24,14 +21,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 isEmpty = require('./utils/isEmpty.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');
@@ -42,6 +32,8 @@ 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');
@@ -64,10 +56,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');
@@ -78,7 +70,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');
@@ -93,6 +84,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');
@@ -104,10 +96,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');
@@ -122,8 +114,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');
@@ -148,22 +140,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');
@@ -177,7 +170,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 Range = require('./components/Range/Range.js');
 var Range_tokens = require('./components/Range/Range.tokens.js');
 var Accordion = require('./components/Accordion/Accordion.js');
@@ -196,13 +192,18 @@ 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 Mask = require('./components/Mask/Mask.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');
 
 
 
-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,8 +278,7 @@ exports.radiuses = applyRoundness.radiuses;
 exports.applySkeletonGradient = applySkeletonGradient.applySkeletonGradient;
 exports.getSkeletonColor = applySkeletonGradient.getSkeletonColor;
 exports.applyDisabled = applyDisabled.applyDisabled;
-exports.component = common.component;
-exports.mergeConfig = common.mergeConfig;
+exports.css = index.css;
 exports.useUniqId = useUniqId.useUniqId;
 exports.useFocusTrap = useFocusTrap.useFocusTrap;
 exports.usePreviousValue = usePreviousValue.usePreviousValue;
@@ -286,16 +286,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.isEmpty = isEmpty.isEmpty;
-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;
@@ -313,7 +305,12 @@ 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;
@@ -349,11 +346,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;
@@ -370,7 +367,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;
@@ -399,6 +395,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;
@@ -418,14 +415,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;
@@ -449,10 +446,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;
@@ -494,6 +491,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;
@@ -505,20 +504,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;
@@ -570,4 +568,16 @@ exports.editableConfig = Editable.editableConfig;
 exports.editableRoot = Editable.editableRoot;
 exports.editableTokens = Editable_tokens.tokens;
 exports.composeMask = Mask.composeMask;
+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;
 //# 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 { 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, className),
+      className: (0, _utils.cx)(pilledClass, _Chip2.classes.chipItem, className),
       tabIndex: readOnly ? -1 : 0,
       onClick: handleClick,
       disabled: disabled,

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

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

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

@@ -3,6 +3,12 @@
 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/ChipGroup/ChipGroup.js

@@ -0,0 +1,65 @@
+"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.chipGroupRoot = exports.chipGroupConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../utils");
+var _ChipGroup = /*#__PURE__*/require("./ChipGroup.styles");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _base3 = /*#__PURE__*/require("./variations/_gap/base");
+var _ChipGroup2 = /*#__PURE__*/require("./ChipGroup.tokens");
+var _excluded = ["children", "view", "size", "className", "isWrapped", "gap", "isCommonChipStyles"];
+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 _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 chipGroupRoot = exports.chipGroupRoot = function chipGroupRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var children = props.children,
+      view = props.view,
+      size = props.size,
+      className = props.className,
+      isWrapped = props.isWrapped,
+      _props$gap = props.gap,
+      gap = _props$gap === void 0 ? 'dense' : _props$gap,
+      _props$isCommonChipSt = props.isCommonChipStyles,
+      isCommonChipStyles = _props$isCommonChipSt === void 0 ? true : _props$isCommonChipSt,
+      rest = _objectWithoutProperties(props, _excluded);
+    var overrideStylesClass = isCommonChipStyles ? _ChipGroup2.classes.chipGroupOverrideStyles : undefined;
+    var wrappedClass = isWrapped ? _ChipGroup2.classes.wrap : undefined;
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      ref: ref,
+      view: view,
+      size: size,
+      gap: gap,
+      className: (0, _utils.cx)(overrideStylesClass, wrappedClass, className)
+    }, rest), children);
+  });
+};
+var chipGroupConfig = exports.chipGroupConfig = {
+  name: 'ChipGroup',
+  tag: 'div',
+  layout: chipGroupRoot,
+  base: _ChipGroup.base,
+  variations: {
+    view: {
+      css: _base.base
+    },
+    size: {
+      css: _base2.base
+    },
+    gap: {
+      css: _base3.base
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm',
+    gap: 'dense'
+  }
+};

package/emotion/cjs/components/ChipGroup/ChipGroup.styles.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _ChipGroup = /*#__PURE__*/require("./ChipGroup.tokens");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("display:inline-flex;&.", _ChipGroup.classes.wrap, "{flex-wrap:wrap;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2hpcEdyb3VwL0NoaXBHcm91cC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2hpcEdyb3VwL0NoaXBHcm91cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICcuL0NoaXBHcm91cC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcblxuICAgICYuJHtjbGFzc2VzLndyYXB9IHtcbiAgICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgIH1cbmA7XG4iXX0= */"));