@salutejs/plasma-new-hope 0.343.0-canary.2378.20006319987.0 → 0.343.0-canary.2378.20022803938.0

package/styled-components/cjs/examples/components/_experimental/Popover/Popover.closeInner.config.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _Popover = require("../../../../components/_experimental/Popover");
+var config = {
+    defaults: {
+        view: 'default'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-solid-card);",
+                ":var(--shadow-down-soft-m);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);"
+            ], _Popover._experimental_popoverTokens.backgroundColor, _Popover._experimental_popoverTokens.boxShadow, _Popover._experimental_popoverTokens.iconColor, _Popover._experimental_popoverTokens.iconColorHover, _Popover._experimental_popoverTokens.iconColorActive),
+            accent: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-accent);",
+                ":var(--shadow-down-soft-m);",
+                ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
+                ":var(--on-dark-text-secondary-active);"
+            ], _Popover._experimental_popoverTokens.backgroundColor, _Popover._experimental_popoverTokens.boxShadow, _Popover._experimental_popoverTokens.iconColor, _Popover._experimental_popoverTokens.iconColorHover, _Popover._experimental_popoverTokens.iconColorActive)
+        },
+        size: {
+            l: (0, _styledcomponents.css)([
+                "",
+                ":1rem;",
+                ":0.75rem;",
+                ":0.75rem;"
+            ], _Popover._experimental_popoverTokens.borderRadius, _Popover._experimental_popoverTokens.padding, _Popover._experimental_popoverTokens.iconOffset),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.875rem;",
+                ":0.625rem;",
+                ":0.625rem;"
+            ], _Popover._experimental_popoverTokens.borderRadius, _Popover._experimental_popoverTokens.padding, _Popover._experimental_popoverTokens.iconOffset),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":0.5rem;",
+                ":0.5rem;"
+            ], _Popover._experimental_popoverTokens.borderRadius, _Popover._experimental_popoverTokens.padding, _Popover._experimental_popoverTokens.iconOffset)
+        }
+    }
+};

package/styled-components/cjs/examples/components/_experimental/Popover/{Popover.config.js → Popover.closeNone.config.js}

@@ -20,29 +20,29 @@ var config = {
                 "",
                 ":var(--surface-solid-card);",
                 ":var(--shadow-down-soft-m);"
-            ], _Popover.popoverTokens.backgroundColor, _Popover.popoverTokens.boxShadow),
+            ], _Popover._experimental_popoverTokens.backgroundColor, _Popover._experimental_popoverTokens.boxShadow),
             accent: (0, _styledcomponents.css)([
                 "",
                 ":var(--surface-accent);",
                 ":var(--shadow-down-soft-m);"
-            ], _Popover.popoverTokens.backgroundColor, _Popover.popoverTokens.boxShadow)
+            ], _Popover._experimental_popoverTokens.backgroundColor, _Popover._experimental_popoverTokens.boxShadow)
         },
         size: {
             l: (0, _styledcomponents.css)([
                 "",
                 ":1rem;",
                 ":0.75rem;"
-            ], _Popover.popoverTokens.borderRadius, _Popover.popoverTokens.padding),
+            ], _Popover._experimental_popoverTokens.borderRadius, _Popover._experimental_popoverTokens.padding),
             m: (0, _styledcomponents.css)([
                 "",
                 ":0.875rem;",
                 ":0.625rem;"
-            ], _Popover.popoverTokens.borderRadius, _Popover.popoverTokens.padding),
+            ], _Popover._experimental_popoverTokens.borderRadius, _Popover._experimental_popoverTokens.padding),
             s: (0, _styledcomponents.css)([
                 "",
                 ":0.75rem;",
                 ":0.5rem;"
-            ], _Popover.popoverTokens.borderRadius, _Popover.popoverTokens.padding)
+            ], _Popover._experimental_popoverTokens.borderRadius, _Popover._experimental_popoverTokens.padding)
         }
     }
 };

package/styled-components/cjs/examples/components/_experimental/Popover/Popover.js

@@ -2,14 +2,38 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Popover", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Popover () {
         return Popover;
+    },
+    get PopoverCloseInner () {
+        return PopoverCloseInner;
+    },
+    get PopoverCloseNone () {
+        return PopoverCloseNone;
     }
 });
 var _Popover = require("../../../../components/_experimental/Popover");
 var _engines = require("../../../../engines");
-var _Popoverconfig = require("./Popover.config");
-var mergedConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig, _Popoverconfig.config);
-var Popover = (0, _engines.component)(mergedConfig);
+var _utils = require("../../../../utils");
+var _PopovercloseNoneconfig = require("./Popover.closeNone.config");
+var _PopovercloseInnerconfig = require("./Popover.closeInner.config");
+var mergedCloseNoneConfig = (0, _engines.mergeConfig)(_Popover._experimenral_popoverConfig, _PopovercloseNoneconfig.config);
+var PopoverCloseNone = (0, _engines.component)(mergedCloseNoneConfig);
+var mergedCloseInnerConfig = (0, _engines.mergeConfig)(_Popover._experimenral_popoverConfig, _PopovercloseInnerconfig.config);
+var PopoverCloseInner = (0, _engines.component)(mergedCloseInnerConfig);
+var Popover = (0, _utils.createConditionalComponent)(PopoverCloseNone, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'closeInner'
+        },
+        component: PopoverCloseInner
+    }
+]);

package/styled-components/cjs/index.js

@@ -90,6 +90,7 @@ _export_star(require("./components/ProgressBarCircular"), exports);
 _export_star(require("./components/TimePicker"), exports);
 _export_star(require("./components/DateTimePicker"), exports);
 _export_star(require("./components/Loader"), exports);
+_export_star(require("./components/_experimental/Popover"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/styled-components/es/components/_experimental/Popover/Popover.js

@@ -61,6 +61,30 @@ function _object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
     var target = _object_without_properties_loose(source, excluded);
@@ -100,23 +124,22 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import React, { forwardRef, useState, useRef } from "react";
+import cls from "classnames";
 import { useFloating, useInteractions, useClick, useDismiss, useRole, FloatingFocusManager, FloatingArrow, arrow, offset, useHover, safePolygon, shift, flip, FloatingPortal, autoUpdate } from "@floating-ui/react";
 import { mergeRefs } from "../../../utils";
 import { css } from "styled-components";
-import { tokens } from "./Popover.tokens";
-import { base, Target } from "./Popover.styles";
-export var viewCSS = css([
-    ""
-]);
-export var sizeCSS = css([
-    ""
-]);
-var ARROW_WIDTH = 20;
-var ARROW_HEIGHT = 8;
-var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
+import { IconClose } from "../../_Icon";
+import { sizeToIconSize } from "./utils";
+import { tokens, classes } from "./Popover.tokens";
+import { base, Target, CloseButton } from "./Popover.styles";
+/* Ширина хвостика */ 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;
 export var popoverRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
-        var children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, tmp = _param.arrow, outerArrow = tmp === void 0 ? true : tmp, tmp1 = _param.flip, outsideFlip = tmp1 === void 0 ? true : tmp1, tmp2 = _param.shift, outsideShift = tmp2 === void 0 ? true : tmp2, tmp3 = _param.offset, outerOffset = tmp3 === void 0 ? 0 : tmp3, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, rest = _object_without_properties(_param, [
+        var appearance = _param.appearance, children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, tmp = _param.arrow, outerArrow = tmp === void 0 ? true : tmp, tmp1 = _param.flip, outsideFlip = tmp1 === void 0 ? true : tmp1, tmp2 = _param.shift, outsideShift = tmp2 === void 0 ? true : tmp2, tmp3 = _param.offset, outerOffset = tmp3 === void 0 ? 0 : tmp3, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, size = _param.size, rest = _object_without_properties(_param, [
+            "appearance",
             "children",
             "target",
             "opened",
@@ -136,7 +159,8 @@ export var popoverRoot = function(Root) {
             "delayClose",
             "zIndex",
             "className",
-            "style"
+            "style",
+            "size"
         ]);
         var _useState = _sliced_to_array(useState(defaultOpened), 2), innerOpened = _useState[0], setInnerOpened = _useState[1];
         var opened = outerOpened !== null && outerOpened !== void 0 ? outerOpened : innerOpened;
@@ -156,7 +180,8 @@ export var popoverRoot = function(Root) {
                 outsideShift && shift(),
                 outsideFlip && flip(),
                 outerArrow && arrow({
-                    element: arrowRef
+                    element: arrowRef,
+                    padding: ARROW_PADDING
                 }),
                 offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)
             ]
@@ -189,16 +214,26 @@ export var popoverRoot = function(Root) {
         return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Target, _object_spread({
             ref: refs.setReference
         }, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingPortal, null, /*#__PURE__*/ React.createElement(FloatingFocusManager, {
-            context: context,
-            modal: false
-        }, /*#__PURE__*/ React.createElement(Root, _object_spread({
+            context: context
+        }, /*#__PURE__*/ React.createElement(Root, _object_spread_props(_object_spread({
             ref: commonRef,
             target: target,
-            className: className,
+            className: cls(className, classes.popoverContainer),
             style: _object_spread({
                 zIndex: zIndex
-            }, style, floatingStyles)
-        }, getFloatingProps(), rest), outerArrow && /*#__PURE__*/ React.createElement(FloatingArrow, {
+            }, style, floatingStyles),
+            size: size
+        }, getFloatingProps(), rest), {
+            "data-popover-open": opened
+        }), appearance === 'closeInner' && /*#__PURE__*/ React.createElement(CloseButton, {
+            className: classes.popoverCloseIconButton,
+            onClick: function() {
+                return handleToggle(false);
+            }
+        }, /*#__PURE__*/ React.createElement(IconClose, {
+            size: sizeToIconSize(size),
+            color: "inherit"
+        })), outerArrow && /*#__PURE__*/ React.createElement(FloatingArrow, {
             ref: arrowRef,
             context: context,
             width: ARROW_WIDTH,
@@ -215,10 +250,14 @@ export var popoverConfig = {
     base: base,
     variations: {
         view: {
-            css: viewCSS
+            css: css([
+                ""
+            ])
         },
         size: {
-            css: sizeCSS
+            css: css([
+                ""
+            ])
         }
     },
     defaults: {

package/styled-components/es/components/_experimental/Popover/Popover.styles.js

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import { css } from "styled-components";
 import { tokens } from "./Popover.tokens";
 export var base = css([
-    "background:var(",
+    "position:relative;background:var(",
     ");padding:var(",
     ");border-radius:var(",
     ");box-shadow:var(",
@@ -10,7 +10,18 @@ export var base = css([
 ], tokens.backgroundColor, tokens.padding, tokens.borderRadius, tokens.boxShadow);
 export var Target = styled.div.withConfig({
     displayName: "Popover.styles__Target",
-    componentId: "sc-a51b8356-0"
+    componentId: "sc-7e1eeac3-0"
 })([
     "display:inline-block;max-width:100%;"
 ]);
+export var CloseButton = styled.button.withConfig({
+    displayName: "Popover.styles__CloseButton",
+    componentId: "sc-7e1eeac3-1"
+})([
+    "position:absolute;top:var(",
+    ");right:var(",
+    ");padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(",
+    ");&:hover{color:var(",
+    ");}&:active{color:var(",
+    ");}"
+], tokens.iconOffset, tokens.iconOffset, tokens.iconColor, tokens.iconColorHover, tokens.iconColorActive);

package/styled-components/es/components/_experimental/Popover/Popover.tokens.js

@@ -1,7 +1,14 @@
-export var classes = {};
+export var classes = {
+    popoverContainer: 'popover-container',
+    popoverCloseIconButton: 'popover-close-icon-button'
+};
 export var tokens = {
     backgroundColor: '--plasma-popover-background-color',
     borderRadius: '--plasma-popover-border-radius',
     padding: '--plasma-popover-padding',
-    boxShadow: '--plasma-popover-box-shadow'
+    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'
 };

package/styled-components/es/components/_experimental/Popover/index.js

@@ -1,2 +1,2 @@
-export { popoverRoot, popoverConfig } from "./Popover";
-export { classes as popoverClasses, tokens as popoverTokens } from "./Popover.tokens";
+export { popoverRoot as _experimental_popoverRoot, popoverConfig as _experimenral_popoverConfig } from "./Popover";
+export { classes as _experimental_popoverClasses, tokens as _experimental_popoverTokens } from "./Popover.tokens";

package/styled-components/es/components/_experimental/Popover/utils/index.js

@@ -0,0 +1 @@
+export * from "./sizeToIconSize";

package/styled-components/es/components/_experimental/Popover/utils/sizeToIconSize.js

@@ -0,0 +1,3 @@
+export var sizeToIconSize = function(size) {
+    return size === 's' ? 'xs' : 's';
+};

package/styled-components/es/examples/components/Combobox/Combobox.js

@@ -0,0 +1,7 @@
+import { component, mergeConfig } from "../../../engines";
+import { comboboxNewConfig } from "../../..";
+import { config } from "./Combobox.config";
+var mergedConfig = mergeConfig(comboboxNewConfig, config);
+var ComboboxComponent = component(mergedConfig);
+var Combobox = ComboboxComponent;
+export { Combobox };

package/styled-components/es/examples/components/_experimental/Popover/Popover.closeInner.config.js

@@ -0,0 +1,47 @@
+import { css } from "styled-components";
+import { _experimental_popoverTokens as popoverTokens } from "../../../../components/_experimental/Popover";
+export var config = {
+    defaults: {
+        view: 'default'
+    },
+    variations: {
+        view: {
+            default: css([
+                "",
+                ":var(--surface-solid-card);",
+                ":var(--shadow-down-soft-m);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);"
+            ], popoverTokens.backgroundColor, popoverTokens.boxShadow, popoverTokens.iconColor, popoverTokens.iconColorHover, popoverTokens.iconColorActive),
+            accent: css([
+                "",
+                ":var(--surface-accent);",
+                ":var(--shadow-down-soft-m);",
+                ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
+                ":var(--on-dark-text-secondary-active);"
+            ], popoverTokens.backgroundColor, popoverTokens.boxShadow, popoverTokens.iconColor, popoverTokens.iconColorHover, popoverTokens.iconColorActive)
+        },
+        size: {
+            l: css([
+                "",
+                ":1rem;",
+                ":0.75rem;",
+                ":0.75rem;"
+            ], popoverTokens.borderRadius, popoverTokens.padding, popoverTokens.iconOffset),
+            m: css([
+                "",
+                ":0.875rem;",
+                ":0.625rem;",
+                ":0.625rem;"
+            ], popoverTokens.borderRadius, popoverTokens.padding, popoverTokens.iconOffset),
+            s: css([
+                "",
+                ":0.75rem;",
+                ":0.5rem;",
+                ":0.5rem;"
+            ], popoverTokens.borderRadius, popoverTokens.padding, popoverTokens.iconOffset)
+        }
+    }
+};

package/styled-components/es/examples/components/_experimental/Popover/{Popover.config.js → Popover.closeNone.config.js}

@@ -1,5 +1,5 @@
 import { css } from "styled-components";
-import { popoverTokens } from "../../../../components/_experimental/Popover";
+import { _experimental_popoverTokens as popoverTokens } from "../../../../components/_experimental/Popover";
 export var config = {
     defaults: {
         view: 'default'

package/styled-components/es/examples/components/_experimental/Popover/Popover.js

@@ -1,5 +1,18 @@
-import { popoverConfig } from "../../../../components/_experimental/Popover";
+import { _experimenral_popoverConfig } from "../../../../components/_experimental/Popover";
 import { component, mergeConfig } from "../../../../engines";
-import { config } from "./Popover.config";
-var mergedConfig = mergeConfig(popoverConfig, config);
-export var Popover = component(mergedConfig);
+import { createConditionalComponent } from "../../../../utils";
+import { config as closeNoneConfig } from "./Popover.closeNone.config";
+import { config as closeInnerConfig } from "./Popover.closeInner.config";
+var mergedCloseNoneConfig = mergeConfig(_experimenral_popoverConfig, closeNoneConfig);
+export var PopoverCloseNone = component(mergedCloseNoneConfig);
+var mergedCloseInnerConfig = mergeConfig(_experimenral_popoverConfig, closeInnerConfig);
+export var PopoverCloseInner = component(mergedCloseInnerConfig);
+export var Popover = createConditionalComponent(PopoverCloseNone, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'closeInner'
+        },
+        component: PopoverCloseInner
+    }
+]);

package/styled-components/es/index.js

@@ -88,3 +88,4 @@ export * from "./components/ProgressBarCircular";
 export * from "./components/TimePicker";
 export * from "./components/DateTimePicker";
 export * from "./components/Loader";
+export * from "./components/_experimental/Popover";

package/types/components/TextField/TextField.types.d.ts

@@ -232,7 +232,7 @@ export type TextFieldPropsBase = {
 export type TextFieldProps = {
     /**
      * Стиль для UI конфигурации
-     * Влияет на выбор предустановленого набора токенов
+     * Влияет на выбор предустановленного набора токенов
      * @default default
      */
     appearance?: 'default' | 'clear';

package/types/components/_experimental/Popover/Popover.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
 import type { RootProps } from '../../../engines/types';
 import type { PopoverProps } from './Popover.types';
-export declare const viewCSS: import("@linaria/core").LinariaClassName;
-export declare const sizeCSS: import("@linaria/core").LinariaClassName;
 export declare const popoverRoot: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Popover.types").BasicPopoverProps & React.RefAttributes<HTMLDivElement>>;
 export declare const popoverConfig: {
     name: string;

package/types/components/_experimental/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAuBnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,OAAO,0CAAQ,CAAC;AAC7B,eAAO,MAAM,OAAO,0CAAQ,CAAC;AAM7B,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,8JAkHpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBApHQ,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;;;CAqIxE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AA2BnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAWpD,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,8JA+HpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAjIQ,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;;;CAkJxE,CAAC"}

package/types/components/_experimental/Popover/Popover.styles.d.ts

@@ -1,3 +1,4 @@
 export declare const base: import("@linaria/core").LinariaClassName;
 export declare const Target: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const CloseButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 //# sourceMappingURL=Popover.styles.d.ts.map

package/types/components/_experimental/Popover/Popover.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/Popover.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAKhB,CAAC;AAEF,eAAO,MAAM,MAAM,qKAGlB,CAAC"}
+{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/Popover.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAMhB,CAAC;AAEF,eAAO,MAAM,MAAM,qKAGlB,CAAC;AAEF,eAAO,MAAM,WAAW,iLAmBvB,CAAC"}

package/types/components/_experimental/Popover/Popover.tokens.d.ts

@@ -1,8 +1,15 @@
-export declare const classes: {};
+export declare const classes: {
+    popoverContainer: string;
+    popoverCloseIconButton: string;
+};
 export declare const tokens: {
     backgroundColor: string;
     borderRadius: string;
     padding: string;
     boxShadow: string;
+    iconColor: string;
+    iconColorHover: string;
+    iconColorActive: string;
+    iconOffset: string;
 };
 //# sourceMappingURL=Popover.tokens.d.ts.map

package/types/components/_experimental/Popover/Popover.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/Popover.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC"}
+{"version":3,"file":"Popover.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/Popover.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}

package/types/components/_experimental/Popover/Popover.types.d.ts

@@ -2,6 +2,12 @@ import type { HTMLAttributes, ReactNode } from 'react';
 import { ResizableProps } from '../../_Resizable';
 type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
 export type BasicPopoverProps = {
+    /**
+     * Стиль для UI конфигурации
+     * Влияет на выбор предустановленного набора токенов
+     * @default closeNone
+     */
+    appearance?: 'closeNone' | 'closeInner';
     /**
      * Контент всплывающего окна.
      */
@@ -66,6 +72,7 @@ export type BasicPopoverProps = {
     outsideClick?: boolean;
     /**
      * Настройка resizable-режима.
+     * @default false
      */
     resizable?: ResizableProps['resizable'];
     /**

package/types/components/_experimental/Popover/Popover.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,SAAS,GACR,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,SAAS,GACR,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IACxC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}

package/types/components/_experimental/Popover/index.d.ts

@@ -1,4 +1,4 @@
-export { popoverRoot, popoverConfig } from './Popover';
-export { classes as popoverClasses, tokens as popoverTokens } from './Popover.tokens';
-export type { PopoverProps } from './Popover.types';
+export { popoverRoot as _experimental_popoverRoot, popoverConfig as _experimenral_popoverConfig } from './Popover';
+export { classes as _experimental_popoverClasses, tokens as _experimental_popoverTokens } from './Popover.tokens';
+export type { PopoverProps as _experimental_PopoverProps } from './Popover.types';
 //# sourceMappingURL=index.d.ts.map

package/types/components/_experimental/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtF,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/_experimental/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,yBAAyB,EAAE,aAAa,IAAI,2BAA2B,EAAE,MAAM,WAAW,CAAC;AACnH,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,IAAI,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAElH,YAAY,EAAE,YAAY,IAAI,0BAA0B,EAAE,MAAM,iBAAiB,CAAC"}

package/types/components/_experimental/Popover/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sizeToIconSize';
+//# sourceMappingURL=index.d.ts.map

package/types/components/_experimental/Popover/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/_experimental/Popover/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/types/components/_experimental/Popover/utils/sizeToIconSize.d.ts

@@ -0,0 +1,2 @@
+export declare const sizeToIconSize: (size?: string) => "xs" | "s";
+//# sourceMappingURL=sizeToIconSize.d.ts.map

package/types/components/_experimental/Popover/utils/sizeToIconSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeToIconSize.d.ts","sourceRoot":"","sources":["../../../../../src/components/_experimental/Popover/utils/sizeToIconSize.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,UAAW,MAAM,eAE3C,CAAC"}

package/types/examples/components/_experimental/Popover/Popover.closeInner.config.d.ts

@@ -0,0 +1,17 @@
+export declare const config: {
+    defaults: {
+        view: string;
+    };
+    variations: {
+        view: {
+            default: import("@linaria/core").LinariaClassName;
+            accent: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            l: import("@linaria/core").LinariaClassName;
+            m: import("@linaria/core").LinariaClassName;
+            s: import("@linaria/core").LinariaClassName;
+        };
+    };
+};
+//# sourceMappingURL=Popover.closeInner.config.d.ts.map

package/types/examples/components/_experimental/Popover/Popover.closeInner.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.closeInner.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/_experimental/Popover/Popover.closeInner.config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAuClB,CAAC"}

package/types/examples/components/_experimental/Popover/{Popover.config.d.ts → Popover.closeNone.config.d.ts}

@@ -14,4 +14,4 @@ export declare const config: {
         };
     };
 };
-//# sourceMappingURL=Popover.config.d.ts.map
+//# sourceMappingURL=Popover.closeNone.config.d.ts.map

package/types/examples/components/_experimental/Popover/Popover.closeNone.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.closeNone.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/_experimental/Popover/Popover.closeNone.config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CA8BlB,CAAC"}