@salutejs/plasma-new-hope 0.343.0-canary.2378.20020526385.0 → 0.343.0-canary.2378.20025711782.0

package/cjs/components/_beta/Popover/Popover.js

@@ -0,0 +1,164 @@
+require('./Popover_1ed9tky.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var cls = require('classnames');
+var react = require('@floating-ui/react');
+var Popover_tokens = require('./Popover.tokens.js');
+var Popover_styles = require('./Popover.styles.js');
+var setRefList = require('../../../utils/setRefList.js');
+var IconClose = require('../../_Icon/Icons/IconClose.js');
+var sizeToIconSize = require('./utils/sizeToIconSize.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
+
+var _excluded = ["appearance", "children", "target", "opened", "defaultOpened", "trigger", "placement", "arrow", "flip", "shift", "offset", "outsideClick", "resizable", "onResizeStart", "onResizeEnd", "onToggle", "delayOpen", "delayClose", "zIndex", "className", "style", "size"];
+/* Ширина хвостика */
+var ARROW_WIDTH = 20;
+/* Высота хвостика */
+var ARROW_HEIGHT = 8;
+/* SVG хвостика */
+var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
+/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */
+var ARROW_PADDING = 16;
+var popoverRoot = function popoverRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
+    var _ref$appearance = _ref.appearance,
+      appearance = _ref$appearance === void 0 ? 'closeNone' : _ref$appearance,
+      children = _ref.children,
+      target = _ref.target,
+      outerOpened = _ref.opened,
+      _ref$defaultOpened = _ref.defaultOpened,
+      defaultOpened = _ref$defaultOpened === void 0 ? false : _ref$defaultOpened,
+      _ref$trigger = _ref.trigger,
+      trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+      _ref$arrow = _ref.arrow,
+      outerArrow = _ref$arrow === void 0 ? true : _ref$arrow,
+      _ref$flip = _ref.flip,
+      outsideFlip = _ref$flip === void 0 ? true : _ref$flip,
+      _ref$shift = _ref.shift,
+      outsideShift = _ref$shift === void 0 ? true : _ref$shift,
+      _ref$offset = _ref.offset,
+      outerOffset = _ref$offset === void 0 ? 0 : _ref$offset,
+      _ref$outsideClick = _ref.outsideClick,
+      outsideClick = _ref$outsideClick === void 0 ? true : _ref$outsideClick,
+      onToggle = _ref.onToggle,
+      _ref$delayOpen = _ref.delayOpen,
+      delayOpen = _ref$delayOpen === void 0 ? 0 : _ref$delayOpen,
+      _ref$delayClose = _ref.delayClose,
+      delayClose = _ref$delayClose === void 0 ? 0 : _ref$delayClose,
+      _ref$zIndex = _ref.zIndex,
+      zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
+      className = _ref.className,
+      style = _ref.style,
+      size = _ref.size,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var _useState = React.useState(defaultOpened),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      innerOpened = _useState2[0],
+      setInnerOpened = _useState2[1];
+    var opened = outerOpened !== null && outerOpened !== void 0 ? outerOpened : innerOpened;
+    var arrowRef = React.useRef(null);
+    var handleToggle = function handleToggle(opened) {
+      setInnerOpened(opened);
+      if (onToggle) {
+        onToggle(opened);
+      }
+    };
+    var _useFloating = react.useFloating({
+        whileElementsMounted: react.autoUpdate,
+        placement: placement,
+        open: opened,
+        onOpenChange: handleToggle,
+        middleware: [outsideShift && react.shift(), outsideFlip && react.flip(), outerArrow && react.arrow({
+          element: arrowRef,
+          padding: ARROW_PADDING
+        }), react.offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)]
+      }),
+      refs = _useFloating.refs,
+      floatingStyles = _useFloating.floatingStyles,
+      context = _useFloating.context;
+    var click = react.useClick(context, {
+      enabled: trigger === 'click'
+    });
+    var dismiss = react.useDismiss(context, {
+      enabled: true,
+      outsidePress: outsideClick
+    });
+    var role = react.useRole(context);
+    var hover = react.useHover(context, {
+      enabled: trigger === 'hover',
+      handleClose: react.safePolygon({
+        requireIntent: false
+      }),
+      delay: {
+        open: delayOpen,
+        close: delayClose
+      }
+    });
+    var _useInteractions = react.useInteractions([dismiss, role, click, hover]),
+      getReferenceProps = _useInteractions.getReferenceProps,
+      getFloatingProps = _useInteractions.getFloatingProps;
+    var commonRef = setRefList.mergeRefs(outerRootRef, refs.setFloating);
+    return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Popover_styles.Target, _rollupPluginBabelHelpers.extends({
+      ref: refs.setReference
+    }, getReferenceProps()), target), opened && /*#__PURE__*/React__default.default.createElement(react.FloatingPortal, null, /*#__PURE__*/React__default.default.createElement(react.FloatingFocusManager, {
+      context: context
+    }, /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+      ref: commonRef,
+      target: target,
+      className: cls__default.default(className, Popover_tokens.classes.popoverContainer),
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+        zIndex: zIndex
+      }, style), floatingStyles),
+      size: size
+    }, getFloatingProps(), rest, {
+      "data-popover-open": opened
+    }), appearance === 'closeInner' && /*#__PURE__*/React__default.default.createElement(Popover_styles.CloseButton, {
+      className: Popover_tokens.classes.popoverCloseIconButton,
+      onClick: function onClick() {
+        return handleToggle(false);
+      }
+    }, /*#__PURE__*/React__default.default.createElement(IconClose.IconClose, {
+      size: sizeToIconSize.sizeToIconSize(size),
+      color: "inherit"
+    })), outerArrow && /*#__PURE__*/React__default.default.createElement(react.FloatingArrow, {
+      ref: arrowRef,
+      context: context,
+      width: ARROW_WIDTH,
+      height: ARROW_HEIGHT,
+      fill: "var(".concat(Popover_tokens.tokens.backgroundColor, ")"),
+      d: ARROW_POLYGON
+    }), children))));
+  });
+};
+var popoverConfig = {
+  name: 'Popover',
+  tag: 'div',
+  layout: popoverRoot,
+  base: Popover_styles.base,
+  variations: {
+    view: {
+      css: "c1yk9mu4"
+    },
+    size: {
+      css: "ca7xm74"
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+exports.popoverConfig = popoverConfig;
+exports.popoverRoot = popoverRoot;
+//# sourceMappingURL=Popover.js.map

package/cjs/components/_beta/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/_beta/Popover/Popover.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n    useFloating,\n    useInteractions,\n    useClick,\n    useDismiss,\n    useRole,\n    FloatingFocusManager,\n    FloatingArrow,\n    arrow,\n    offset,\n    useHover,\n    safePolygon,\n    shift,\n    flip,\n    FloatingPortal,\n    autoUpdate,\n} from '@floating-ui/react';\nimport { mergeRefs } from 'src/utils';\nimport { css } from '@linaria/core';\n\nimport { IconClose } from '../../_Icon';\n\nimport { sizeToIconSize } from './utils';\nimport { tokens, classes } from './Popover.tokens';\nimport { base, Target, CloseButton } from './Popover.styles';\nimport type { PopoverProps } from './Popover.types';\n\n/* Ширина хвостика */\nconst ARROW_WIDTH = 20;\n/* Высота хвостика */\nconst ARROW_HEIGHT = 8;\n/* SVG хвостика */\nconst ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nconst ARROW_PADDING = 16;\n\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n    forwardRef<HTMLDivElement, PopoverProps>(\n        (\n            {\n                appearance = 'closeNone',\n                children,\n                target,\n                opened: outerOpened,\n                defaultOpened = false,\n                trigger = 'click',\n                placement = 'bottom',\n                arrow: outerArrow = true,\n                flip: outsideFlip = true,\n                shift: outsideShift = true,\n                offset: outerOffset = 0,\n                outsideClick = true,\n                resizable,\n                onResizeStart,\n                onResizeEnd,\n                onToggle,\n                delayOpen = 0,\n                delayClose = 0,\n                zIndex = 1000,\n                className,\n                style,\n                size,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const [innerOpened, setInnerOpened] = useState(defaultOpened);\n\n            const opened = outerOpened ?? innerOpened;\n\n            const arrowRef = useRef(null);\n\n            const handleToggle = (opened: boolean) => {\n                setInnerOpened(opened);\n\n                if (onToggle) {\n                    onToggle(opened);\n                }\n            };\n\n            const { refs, floatingStyles, context } = useFloating({\n                whileElementsMounted: autoUpdate,\n                placement,\n                open: opened,\n                onOpenChange: handleToggle,\n                middleware: [\n                    outsideShift && shift(),\n                    outsideFlip && flip(),\n                    outerArrow && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n                    offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset),\n                ],\n            });\n\n            const click = useClick(context, {\n                enabled: trigger === 'click',\n            });\n            const dismiss = useDismiss(context, {\n                enabled: true,\n                outsidePress: outsideClick,\n            });\n            const role = useRole(context);\n            const hover = useHover(context, {\n                enabled: trigger === 'hover',\n                handleClose: safePolygon({\n                    requireIntent: false,\n                }),\n                delay: {\n                    open: delayOpen,\n                    close: delayClose,\n                },\n            });\n\n            const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover]);\n\n            const commonRef = mergeRefs(outerRootRef, refs.setFloating);\n\n            return (\n                <>\n                    <Target ref={refs.setReference} {...getReferenceProps()}>\n                        {target}\n                    </Target>\n\n                    {opened && (\n                        <FloatingPortal>\n                            <FloatingFocusManager context={context}>\n                                <Root\n                                    ref={commonRef}\n                                    target={target}\n                                    className={cls(className, classes.popoverContainer)}\n                                    style={{ zIndex, ...style, ...floatingStyles }}\n                                    size={size}\n                                    {...getFloatingProps()}\n                                    {...rest}\n                                    data-popover-open={opened}\n                                >\n                                    {appearance === 'closeInner' && (\n                                        <CloseButton\n                                            className={classes.popoverCloseIconButton}\n                                            onClick={() => handleToggle(false)}\n                                        >\n                                            <IconClose size={sizeToIconSize(size)} color=\"inherit\" />\n                                        </CloseButton>\n                                    )}\n\n                                    {outerArrow && (\n                                        <FloatingArrow\n                                            ref={arrowRef}\n                                            context={context}\n                                            width={ARROW_WIDTH}\n                                            height={ARROW_HEIGHT}\n                                            fill={`var(${tokens.backgroundColor})`}\n                                            d={ARROW_POLYGON}\n                                        />\n                                    )}\n\n                                    {children}\n                                </Root>\n                            </FloatingFocusManager>\n                        </FloatingPortal>\n                    )}\n                </>\n            );\n        },\n    );\n\nexport const popoverConfig = {\n    name: 'Popover',\n    tag: 'div',\n    layout: popoverRoot,\n    base,\n    variations: {\n        view: {\n            css: css``,\n        },\n        size: {\n            css: css``,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","popoverRoot","Root","forwardRef","_ref","outerRootRef","_ref$appearance","appearance","children","target","outerOpened","opened","_ref$defaultOpened","defaultOpened","_ref$trigger","trigger","_ref$placement","placement","_ref$arrow","arrow","outerArrow","_ref$flip","flip","outsideFlip","_ref$shift","shift","outsideShift","_ref$offset","offset","outerOffset","_ref$outsideClick","outsideClick","onToggle","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","rest","_useState","useState","_useState2","_slicedToArray","innerOpened","setInnerOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","element","padding","refs","floatingStyles","context","click","useClick","enabled","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","commonRef","mergeRefs","setFloating","React","createElement","Fragment","Target","_extends","ref","setReference","FloatingPortal","FloatingFocusManager","cls","classes","popoverContainer","_objectSpread","CloseButton","popoverCloseIconButton","onClick","IconClose","sizeToIconSize","color","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","popoverConfig","name","tag","layout","base","variations","view","css","defaults"],"mappings":"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"}

package/cjs/components/_beta/Popover/Popover.styles.js

@@ -0,0 +1,23 @@
+require('./Popover.styles_1iofnso.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var base = "bf32er5";
+var Target = /*#__PURE__*/react.styled('div')({
+  name: "Target",
+  "class": "t1gxr814",
+  propsAsIs: false
+});
+var CloseButton = /*#__PURE__*/react.styled('button')({
+  name: "CloseButton",
+  "class": "c3txfur",
+  propsAsIs: false
+});
+
+exports.CloseButton = CloseButton;
+exports.Target = Target;
+exports.base = base;
+//# sourceMappingURL=Popover.styles.js.map

package/cjs/components/_beta/Popover/Popover.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.styles.js","sources":["../../../../src/components/_beta/Popover/Popover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { tokens } from './Popover.tokens';\n\nexport const base = css`\n    position: relative;\n    background: var(${tokens.backgroundColor});\n    padding: var(${tokens.padding});\n    border-radius: var(${tokens.borderRadius});\n    box-shadow: var(${tokens.boxShadow});\n`;\n\nexport const Target = styled.div`\n    display: inline-block;\n    max-width: 100%;\n`;\n\nexport const CloseButton = styled.button`\n    position: absolute;\n    top: var(${tokens.iconOffset});\n    right: var(${tokens.iconOffset});\n    padding: 0;\n    margin: 0;\n    border: none;\n    background: none;\n    cursor: pointer;\n    line-height: 0;\n    color: var(${tokens.iconColor});\n\n    &:hover {\n        color: var(${tokens.iconColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.iconColorActive});\n    }\n`;\n"],"names":["base","Target","styled","name","class","propsAsIs","CloseButton"],"mappings":";;;;;;AAKO,IAAMA,IAAI,GAMhB,UAAA;AAEM,IAAMC,MAAM,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG3B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBhC;;;;;;"}

package/cjs/components/_beta/Popover/Popover.styles_1iofnso.css

@@ -0,0 +1,3 @@
+.bf32er5{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);}
+.t1gxr814{display:inline-block;max-width:100%;}
+.c3txfur{position:absolute;top:var(--plasma-popover-icon-offset);right:var(--plasma-popover-icon-offset);padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(--plasma-popover-icon-color);}.c3txfur:hover{color:var(--plasma-popover-icon-color-hover);}.c3txfur:active{color:var(--plasma-popover-icon-color-active);}

package/cjs/components/_beta/Popover/Popover.tokens.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  popoverContainer: 'popover-container',
+  popoverCloseIconButton: 'popover-close-icon-button'
+};
+var tokens = {
+  backgroundColor: '--plasma-popover-background-color',
+  borderRadius: '--plasma-popover-border-radius',
+  padding: '--plasma-popover-padding',
+  boxShadow: '--plasma-popover-box-shadow',
+  iconColor: '--plasma-popover-icon-color',
+  iconColorHover: '--plasma-popover-icon-color-hover',
+  iconColorActive: '--plasma-popover-icon-color-active',
+  iconOffset: '--plasma-popover-icon-offset'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=Popover.tokens.js.map

package/cjs/components/_beta/Popover/Popover.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.tokens.js","sources":["../../../../src/components/_beta/Popover/Popover.tokens.ts"],"sourcesContent":["export const classes = {\n    popoverContainer: 'popover-container',\n    popoverCloseIconButton: 'popover-close-icon-button',\n};\n\nexport const tokens = {\n    backgroundColor: '--plasma-popover-background-color',\n    borderRadius: '--plasma-popover-border-radius',\n    padding: '--plasma-popover-padding',\n    boxShadow: '--plasma-popover-box-shadow',\n    iconColor: '--plasma-popover-icon-color',\n    iconColorHover: '--plasma-popover-icon-color-hover',\n    iconColorActive: '--plasma-popover-icon-color-active',\n    iconOffset: '--plasma-popover-icon-offset',\n};\n"],"names":["classes","popoverContainer","popoverCloseIconButton","tokens","backgroundColor","borderRadius","padding","boxShadow","iconColor","iconColorHover","iconColorActive","iconOffset"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,gBAAgB,EAAE,mBAAmB;AACrCC,EAAAA,sBAAsB,EAAE,2BAAA;AAC5B,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,YAAY,EAAE,gCAAgC;AAC9CC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,UAAU,EAAE,8BAAA;AAChB;;;;;"}

package/cjs/components/_beta/Popover/Popover_1ed9tky.css

@@ -0,0 +1,2 @@
+
+

package/cjs/components/_beta/Popover/utils/sizeToIconSize.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sizeToIconSize = function sizeToIconSize(size) {
+  return size === 's' ? 'xs' : 's';
+};
+
+exports.sizeToIconSize = sizeToIconSize;
+//# sourceMappingURL=sizeToIconSize.js.map

package/cjs/components/_beta/Popover/utils/sizeToIconSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeToIconSize.js","sources":["../../../../../src/components/_beta/Popover/utils/sizeToIconSize.ts"],"sourcesContent":["export const sizeToIconSize = (size?: string) => {\n    return size === 's' ? 'xs' : 's';\n};\n"],"names":["sizeToIconSize","size"],"mappings":";;;;IAAaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAK;AAC7C,EAAA,OAAOA,IAAI,KAAK,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AACpC;;;;"}

package/cjs/index.css

@@ -1259,3 +1259,7 @@
 .Loader_styles_xzuvzj_l17iuurt__74b0ee03{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
 .Loader_styles_xzuvzj_spt1qmx__74b0ee03{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
 .Loader_styles_xzuvzj_lh3ju30__74b0ee03{position:relative;z-index:1;}
+
+.Popover_styles_1iofnso_bf32er5__5dfb0016{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);}
+.Popover_styles_1iofnso_t1gxr814__5dfb0016{display:inline-block;max-width:100%;}
+.Popover_styles_1iofnso_c3txfur__5dfb0016{position:absolute;top:var(--plasma-popover-icon-offset);right:var(--plasma-popover-icon-offset);padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(--plasma-popover-icon-color);}.Popover_styles_1iofnso_c3txfur__5dfb0016:hover{color:var(--plasma-popover-icon-color-hover);}.Popover_styles_1iofnso_c3txfur__5dfb0016:active{color:var(--plasma-popover-icon-color-active);}

package/cjs/index.js

@@ -274,6 +274,8 @@ var DateTimePicker = require('./components/DateTimePicker/DateTimePicker.js');
 var DateTimePicker_tokens = require('./components/DateTimePicker/DateTimePicker.tokens.js');
 var Loader = require('./components/Loader/Loader.js');
 var Loader_tokens = require('./components/Loader/Loader.tokens.js');
+var Popover$1 = require('./components/_beta/Popover/Popover.js');
+var Popover_tokens$1 = require('./components/_beta/Popover/Popover.tokens.js');
 
 
 
@@ -780,4 +782,8 @@ exports.dateTimePickerTokens = DateTimePicker_tokens.tokens;
 exports.loaderConfig = Loader.loaderConfig;
 exports.loaderRoot = Loader.loaderRoot;
 exports.loaderTokens = Loader_tokens.tokens;
+exports._beta_popoverConfig = Popover$1.popoverConfig;
+exports._beta_popoverRoot = Popover$1.popoverRoot;
+exports._beta_popoverClasses = Popover_tokens$1.classes;
+exports._beta_popoverTokens = Popover_tokens$1.tokens;
 //# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}