@salutejs/plasma-new-hope 0.343.0-canary.2376.19955117110.0 → 0.343.0-canary.2378.19987972214.0

package/styled-components/es/components/Pagination/Pagination.tokens.js

@@ -41,7 +41,6 @@ export var tokens = {
     paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',
     paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',
     paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',
-    paginationCompactTypeGap: '--plasma-pagination-compact-type-gap',
     buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',
     buttonHeight: '--plasma-pagination-button-height',
     buttonWidthShorter: '--plasma-pagination-button-width-shorter',

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

@@ -0,0 +1,213 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(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 _object_without_properties_loose(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;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    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 { useFloating, useInteractions, useClick, useDismiss, useRole, FloatingFocusManager, FloatingArrow, arrow, offset, useHover } 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([
+    ""
+]);
+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, _param_flip = _param.flip, flip = _param_flip === void 0 ? true : _param_flip, tmp = _param.offset, outerOffset = tmp === void 0 ? [
+            0,
+            0
+        ] : tmp, _param_hasArrow = _param.hasArrow, hasArrow = _param_hasArrow === void 0 ? true : _param_hasArrow, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, animated = _param.animated, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, rest = _object_without_properties(_param, [
+            "children",
+            "target",
+            "opened",
+            "defaultOpened",
+            "trigger",
+            "placement",
+            "flip",
+            "offset",
+            "hasArrow",
+            "closeOnOverlayClick",
+            "resizable",
+            "onResizeStart",
+            "onResizeEnd",
+            "onToggle",
+            "animated",
+            "zIndex",
+            "className",
+            "style"
+        ]);
+        var _useState = _sliced_to_array(useState(defaultOpened), 2), innerOpened = _useState[0], setInnerOpened = _useState[1];
+        var opened = outerOpened !== null && outerOpened !== void 0 ? outerOpened : innerOpened;
+        var arrowRef = useRef(null);
+        var handleToggle = function(opened) {
+            setInnerOpened(opened);
+            if (onToggle) {
+                onToggle(opened);
+            }
+        };
+        var _useFloating = useFloating({
+            placement: placement,
+            open: opened,
+            onOpenChange: handleToggle,
+            middleware: [
+                arrow({
+                    element: arrowRef
+                }),
+                offset(8)
+            ]
+        }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
+        var click = useClick(context, {
+            enabled: trigger === 'click'
+        });
+        var dismiss = useDismiss(context, {
+            enabled: false
+        });
+        var role = useRole(context);
+        var hover = useHover(context, {
+            enabled: trigger === 'hover'
+        });
+        var _useInteractions = useInteractions([
+            dismiss,
+            role,
+            click,
+            hover
+        ]), getReferenceProps = _useInteractions.getReferenceProps, getFloatingProps = _useInteractions.getFloatingProps;
+        var commonRef = mergeRefs(outerRootRef, refs.setFloating);
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Target, _object_spread({
+            ref: refs.setReference
+        }, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingFocusManager, {
+            context: context,
+            modal: false
+        }, /*#__PURE__*/ React.createElement(Root, _object_spread({
+            ref: commonRef,
+            target: target,
+            className: className,
+            style: _object_spread({}, style, floatingStyles)
+        }, getFloatingProps(), rest), /*#__PURE__*/ React.createElement(FloatingArrow, {
+            ref: arrowRef,
+            context: context,
+            width: 20,
+            height: 0,
+            fill: "var(".concat(tokens.backgroundColor, ")"),
+            d: "M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z"
+        }), children)));
+    });
+};
+export var popoverConfig = {
+    name: 'Popover',
+    tag: 'div',
+    layout: popoverRoot,
+    base: base,
+    variations: {
+        view: {
+            css: viewCSS
+        },
+        size: {
+            css: sizeCSS
+        }
+    },
+    defaults: {
+        view: 'default',
+        size: 'm'
+    }
+};

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

@@ -0,0 +1,16 @@
+import styled from "styled-components";
+import { css } from "styled-components";
+import { tokens } from "./Popover.tokens";
+export var base = css([
+    "background:var(",
+    ");padding:var(",
+    ");border-radius:var(",
+    ");box-shadow:var(",
+    ");"
+], tokens.backgroundColor, tokens.padding, tokens.borderRadius, tokens.boxShadow);
+export var Target = styled.div.withConfig({
+    displayName: "Popover.styles__Target",
+    componentId: "sc-a51b8356-0"
+})([
+    "display:inline-block;max-width:100%;"
+]);

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

@@ -0,0 +1,7 @@
+export var classes = {};
+export var tokens = {
+    backgroundColor: '--plasma-popover-background-color',
+    borderRadius: '--plasma-popover-border-radius',
+    padding: '--plasma-popover-padding',
+    boxShadow: '--plasma-popover-box-shadow'
+};

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

@@ -0,0 +1 @@
+export { };

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

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

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

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

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

@@ -1,7 +0,0 @@
-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/Pagination/Pagination.config.js

@@ -104,7 +104,6 @@ export var config = {
         size: {
             l: css([
                 "",
-                ":0.5rem;",
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-size);",
                 ":var(--plasma-typo-body-l-font-style);",
@@ -138,10 +137,9 @@ export var config = {
                 ":0 0.625rem;",
                 ":0.0625rem;",
                 ":0.5rem 2.5rem;"
-            ], paginationTokens.paginationCompactTypeGap, paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
+            ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
             m: css([
                 "",
-                ":0.5rem;",
                 ":var(--plasma-typo-body-m-font-family);",
                 ":var(--plasma-typo-body-m-font-size);",
                 ":var(--plasma-typo-body-m-font-style);",
@@ -175,10 +173,9 @@ export var config = {
                 ":0 0.625rem;",
                 ":0.0625rem;",
                 ":0.5rem 2.5rem;"
-            ], paginationTokens.paginationCompactTypeGap, paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
+            ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
             s: css([
                 "",
-                ":0.5rem;",
                 ":var(--plasma-typo-body-s-font-family);",
                 ":var(--plasma-typo-body-s-font-size);",
                 ":var(--plasma-typo-body-s-font-style);",
@@ -212,10 +209,9 @@ export var config = {
                 ":0 0.625rem;",
                 ":0.0625rem;",
                 ":0.5rem 2.5rem;"
-            ], paginationTokens.paginationCompactTypeGap, paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
+            ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
             xs: css([
                 "",
-                ":0.5rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-style);",
@@ -249,7 +245,7 @@ export var config = {
                 ":0 0.625rem;",
                 ":0.0625rem;",
                 ":0.5rem 2.5rem;"
-            ], paginationTokens.paginationCompactTypeGap, paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap)
+            ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap)
         },
         type: {
             compact: css([

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

@@ -0,0 +1,38 @@
+import { css } from "styled-components";
+import { popoverTokens } from "../../../../components/_experimental/Popover";
+export var config = {
+    defaults: {
+        view: 'default'
+    },
+    variations: {
+        view: {
+            default: css([
+                "",
+                ":var(--surface-solid-card);",
+                ":var(--shadow-down-soft-m);"
+            ], popoverTokens.backgroundColor, popoverTokens.boxShadow),
+            accent: css([
+                "",
+                ":var(--surface-accent);",
+                ":var(--shadow-down-soft-m);"
+            ], popoverTokens.backgroundColor, popoverTokens.boxShadow)
+        },
+        size: {
+            l: css([
+                "",
+                ":1rem;",
+                ":0.75rem;"
+            ], popoverTokens.borderRadius, popoverTokens.padding),
+            m: css([
+                "",
+                ":0.875rem;",
+                ":0.625rem;"
+            ], popoverTokens.borderRadius, popoverTokens.padding),
+            s: css([
+                "",
+                ":0.75rem;",
+                ":0.5rem;"
+            ], popoverTokens.borderRadius, popoverTokens.padding)
+        }
+    }
+};

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

@@ -0,0 +1,5 @@
+import { 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);

package/types/components/Pagination/Pagination.tokens.d.ts

@@ -41,7 +41,6 @@ export declare const tokens: {
     paginationCurrentButtonActiveColor: string;
     paginationDisabledButtonColor: string;
     paginationDisabledButtonBackgroundColor: string;
-    paginationCompactTypeGap: string;
     buttonDisabledOpacity: string;
     buttonHeight: string;
     buttonWidthShorter: string;

package/types/components/Pagination/Pagination.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwElB,CAAC"}
+{"version":3,"file":"Pagination.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuElB,CAAC"}

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

@@ -0,0 +1,25 @@
+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;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Popover.types").BasicPopoverProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +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;AAkBnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,OAAO,0CAAQ,CAAC;AAC7B,eAAO,MAAM,OAAO,0CAAQ,CAAC;AAE7B,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,8JA8FpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAhGQ,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;;;CAiHxE,CAAC"}

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

@@ -0,0 +1,3 @@
+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>>;
+//# sourceMappingURL=Popover.styles.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,8 @@
+export declare const classes: {};
+export declare const tokens: {
+    backgroundColor: string;
+    borderRadius: string;
+    padding: string;
+    boxShadow: string;
+};
+//# sourceMappingURL=Popover.tokens.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,89 @@
+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 = {
+    /**
+     * Контент всплывающего окна.
+     */
+    children: ReactNode;
+    /**
+     * Целевой элемент взаимодействия с всплывающим окном.
+     */
+    target: ReactNode;
+    /**
+     * Управление скрытием/раскрытием всплывающего окна.
+     */
+    opened?: boolean;
+    /**
+     * Раскрыто ли всплывающее окно по умолчанию.
+     * @default false
+     */
+    defaultOpened?: boolean;
+    /**
+     * Способ скрытия/раскрытия всплывающего окна.
+     * @default click
+     */
+    trigger?: 'click' | 'hover';
+    /**
+     * Сторона раскрытия окна относительно target-элемента.
+     * @default bottom
+     */
+    placement?: Placement;
+    /**
+     * Автоматическая коррекция всплывающего окна, если оно находится за пределами экрана.
+     * @default true
+     */
+    flip?: boolean;
+    /**
+     * Отступ окна относительно элемента, у которого оно вызвано.
+     * @default [0, 0]
+     */
+    offset?: [number, number];
+    /**
+     * Есть ли стрелка над элементом.
+     * @default true
+     */
+    hasArrow?: boolean;
+    /**
+     * Закрывать окно при нажатии вне области окна. (Если trigger === 'click')
+     * @default true
+     */
+    closeOnOverlayClick?: boolean;
+    /**
+     * Настройка resizable-режима.
+     */
+    resizable?: ResizableProps['resizable'];
+    /**
+     * Обработчик начала ресайза.
+     */
+    onResizeStart?: ResizableProps['onResizeStart'];
+    /**
+     * Обработчик остановки ресайза.
+     */
+    onResizeEnd?: ResizableProps['onResizeEnd'];
+    /**
+     * Событие сворачивания/разворачивания всплывающего окна.
+     */
+    onToggle?: (isOpen: boolean) => void;
+    /**
+     * Анимированное появление Popover
+     * @default true
+     */
+    animated?: boolean;
+    /**
+     * CSS-свойство z-index всплывающего окна.
+     * @default 1000
+     */
+    zIndex?: number;
+    /**
+     * Вид компонента.
+     */
+    view?: string;
+    /**
+     * Размер компонента.
+     */
+    size?: string;
+};
+export type PopoverProps = HTMLAttributes<HTMLDivElement> & BasicPopoverProps;
+export {};
+//# sourceMappingURL=Popover.types.d.ts.map

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

@@ -0,0 +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,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;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

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

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

@@ -0,0 +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"}

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

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

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

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

package/types/examples/components/Pagination/Pagination.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Pagination/Pagination.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2SlB,CAAC"}
+{"version":3,"file":"Pagination.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Pagination/Pagination.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuSlB,CAAC"}

package/types/examples/components/_experimental/Popover/Popover.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.config.d.ts.map

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

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

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

@@ -0,0 +1,13 @@
+export type { PopoverProps } from '../../../../components/_experimental/Popover';
+export declare const Popover: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+    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;
+    };
+}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/_experimental/Popover/Popover.types").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/_experimental/Popover/Popover.ts"],"names":[],"mappings":"AAKA,YAAY,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAIzE,eAAO,MAAM,OAAO;;;;;;;;;;6LAA0B,CAAC"}