@salutejs/plasma-new-hope 0.344.0-canary.2378.20238593682.0 → 0.344.0-canary.2378.20336379268.0

package/dist/styled-components/es/components/_beta/Popover/Popover.js

@@ -125,21 +125,21 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import React, { forwardRef, useState, useRef } from "react";
 import cls from "classnames";
-import { useFloating, useInteractions, useClick, useFocus, useDismiss, useRole, FloatingFocusManager, FloatingArrow, arrow, offset, useHover, safePolygon, shift, flip, FloatingPortal, autoUpdate } from "@floating-ui/react";
+import { useFloating, useInteractions, useClick, useFocus, useDismiss, useRole, FloatingFocusManager, FloatingArrow, arrow, offset, useHover, safePolygon, shift, flip, FloatingPortal, autoUpdate, limitShift } from "@floating-ui/react";
 import { css } from "styled-components";
 import { IconClose } from "../../_Icon";
 import { Resizable } from "../../_Resizable";
 import { Slot } from "../../_Slot/Slot";
 import { sizeToIconSize, matchPlacements } from "./utils";
 import { tokens, classes } from "./Popover.tokens";
-import { base, CloseButton } from "./Popover.styles";
+import { base, CloseButton, Wrapper } 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 _param_appearance = _param.appearance, appearance = _param_appearance === void 0 ? 'closeNone' : _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, _param_hasTail = _param.hasTail, hasTail = _param_hasTail === void 0 ? true : _param_hasTail, tmp = _param.flip, outsideFlip = tmp === void 0 ? false : tmp, tmp1 = _param.shift, outsideShift = tmp1 === void 0 ? false : tmp1, tmp2 = _param.offset, outerOffset = tmp2 === void 0 ? 0 : tmp2, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, _param_resizable = _param.resizable, resizable = _param_resizable === void 0 ? false : _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, size = _param.size, rest = _object_without_properties(_param, [
+        var _param_appearance = _param.appearance, appearance = _param_appearance === void 0 ? 'closeNone' : _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, _param_hasTail = _param.hasTail, hasTail = _param_hasTail === void 0 ? true : _param_hasTail, tmp = _param.flip, outsideFlip = tmp === void 0 ? false : tmp, tmp1 = _param.shift, outsideShift = tmp1 === void 0 ? false : tmp1, tmp2 = _param.offset, outerOffset = tmp2 === void 0 ? 0 : tmp2, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, _param_resizable = _param.resizable, resizable = _param_resizable === void 0 ? false : _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, view = _param.view, rest = _object_without_properties(_param, [
             "appearance",
             "children",
             "target",
@@ -160,7 +160,9 @@ export var popoverRoot = function(Root) {
             "delayClose",
             "zIndex",
             "className",
-            "size"
+            "style",
+            "size",
+            "view"
         ]);
         var _useState = _sliced_to_array(useState(defaultOpened), 2), innerOpened = _useState[0], setInnerOpened = _useState[1];
         var opened = outerOpened !== null && outerOpened !== void 0 ? outerOpened : innerOpened;
@@ -177,7 +179,9 @@ export var popoverRoot = function(Root) {
             open: opened,
             onOpenChange: handleToggle,
             middleware: [
-                outsideShift && shift(),
+                outsideShift && shift({
+                    limiter: limitShift()
+                }),
                 outsideFlip && flip(),
                 hasTail && arrow({
                     element: arrowRef,
@@ -219,8 +223,10 @@ export var popoverRoot = function(Root) {
             ref: refs.setReference
         }, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingPortal, null, /*#__PURE__*/ React.createElement(FloatingFocusManager, {
             context: context
-        }, /*#__PURE__*/ React.createElement("div", _object_spread({
+        }, /*#__PURE__*/ React.createElement(Root, _object_spread({
             ref: refs.setFloating,
+            size: size,
+            view: view,
             style: _object_spread_props(_object_spread({}, floatingStyles), {
                 zIndex: zIndex
             })
@@ -229,14 +235,12 @@ export var popoverRoot = function(Root) {
             resizable: resizable,
             onResizeStart: onResizeStart,
             onResizeEnd: onResizeEnd
-        }, /*#__PURE__*/ React.createElement(Root, _object_spread_props(_object_spread({
+        }, /*#__PURE__*/ React.createElement(Wrapper, _object_spread({
             ref: outerRootRef,
-            target: target,
             className: cls(className, classes.popoverRoot),
-            size: size
-        }, rest), {
+            style: style,
             "data-popover-open": opened
-        }), hasTail && /*#__PURE__*/ React.createElement(FloatingArrow, {
+        }, rest), hasTail && /*#__PURE__*/ React.createElement(FloatingArrow, {
             ref: arrowRef,
             context: context,
             width: ARROW_WIDTH,

package/dist/styled-components/es/components/_beta/Popover/Popover.styles.js

@@ -2,6 +2,13 @@ import styled from "styled-components";
 import { css } from "styled-components";
 import { tokens } from "./Popover.tokens";
 export var base = css([
+    "border-radius:var(",
+    ");"
+], tokens.borderRadius);
+export var Wrapper = styled.div.withConfig({
+    displayName: "Popover.styles__Wrapper",
+    componentId: "sc-18382273-0"
+})([
     "position:relative;background:var(",
     ");padding:var(",
     ");border-radius:var(",
@@ -10,7 +17,7 @@ export var base = css([
 ], tokens.backgroundColor, tokens.padding, tokens.borderRadius, tokens.boxShadow);
 export var CloseButton = styled.button.withConfig({
     displayName: "Popover.styles__CloseButton",
-    componentId: "sc-ff286351-0"
+    componentId: "sc-18382273-1"
 })([
     "position:absolute;top:var(",
     ");right:var(",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.344.0-canary.2378.20238593682.0",
+  "version": "0.344.0-canary.2378.20336379268.0",
   "description": "Salute Design System blueprint",
   "exports": {
     ".": {
@@ -92,8 +92,8 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-cy-utils": "0.142.0-canary.2378.20238593682.0",
-    "@salutejs/plasma-sb-utils": "0.212.0-canary.2378.20238593682.0",
+    "@salutejs/plasma-cy-utils": "0.142.0-canary.2378.20336379268.0",
+    "@salutejs/plasma-sb-utils": "0.212.0-canary.2378.20336379268.0",
     "@salutejs/plasma-themes": "0.38.0",
     "@types/lodash": "^4.14.191",
     "@types/lodash.chunk": "4.2.9",
@@ -122,7 +122,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.212.0-canary.2378.20238593682.0",
+    "@salutejs/plasma-core": "1.212.0-canary.2378.20336379268.0",
     "@salutejs/react-maskinput": "3.3.2",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -142,5 +142,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "41e6d19289391a97d9609f5710da0c366f038539"
+  "gitHead": "563e38d64e47607bba30268de4d608db8065af5d"
 }

package/types/components/DateTimePicker/DateTimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AACxF,OAAO,KAAK,EAAc,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,EAAuB,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAY3F,eAAO,MAAM,kBAAkB,SAAU,SAAS,CAAC,cAAc,EAAE,uBAAuB,CAAC;;;;;;;;;;;;;;;;;0EAoC3E,CAAT,yBACS,CAAD;qBASC,CAAF,wCACQ,CAAC;yTAiQlB,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBAlTQ,SAAS,CAAC,cAAc,EAAE,uBAAuB,CAAC;;;;;;;;;;;;;;;;;8EAoC3E,CAAT,yBACS,CAAD;yBASC,CAAF,wCACQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CA+RtB,CAAC"}
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AACxF,OAAO,KAAK,EAAc,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,EAAuB,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAa3F,eAAO,MAAM,kBAAkB,SAAU,SAAS,CAAC,cAAc,EAAE,uBAAuB,CAAC;;;;;;;;;;;;;;;;;0EAmC3E,CAAD,yBACC,CAAD;qBASE,CAAC,wCACU,CAAC;yTAkQxB,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBAlTQ,SAAS,CAAC,cAAc,EAAE,uBAAuB,CAAC;;;;;;;;;;;;;;;;;8EAmC3E,CAAD,yBACC,CAAD;yBASE,CAAC,wCACU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAgS5B,CAAC"}

package/types/components/TimePicker/TimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAO7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAgBrD,eAAO,MAAM,cAAc,SACjB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;kBAD3E,MAAO,YACpB;mBAA2D,MAAM,YAAY;;;;+MA+RlF,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAjSnB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;sBAD3E,MAAO,YACpB;uBAA2D,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CA0TtF,CAAC"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAO7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAiBrD,eAAO,MAAM,cAAc,SACjB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;kBAHlG,MAEI,YAAY;mBAC0B,MAAO,YAAY;;;;+MA+RxD,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAjSnB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;sBAHlG,MAEI,YAAY;uBAC0B,MAAO,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CA0T5D,CAAC"}

package/types/components/TimePickerGrid/TimePickerGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerGrid.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAC5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAsBxF,eAAO,MAAM,kBAAkB,SACrB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;YAE9D,CAAC;cACtB,CAAJ;cAEY,CAAT;;;iGA2rBF,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBAlsBvB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;gBAE9D,CAAC;kBACtB,CAAJ;kBAEY,CAAT;;;;;;;;;;;;;;;;;;;;;CAktBN,CAAC"}
+{"version":3,"file":"TimePickerGrid.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAC5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAwBxF,eAAO,MAAM,kBAAkB,SACrB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;YAEvF,CAAD;cAA0B,CAAC;cACtB,CAAJ;;;iGA6rBC,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBAlsBvB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;gBAEvF,CAAD;kBAA0B,CAAC;kBACtB,CAAJ;;;;;;;;;;;;;;;;;;;;;CAotBH,CAAC"}

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import type { RootProps } from '../../../engines/types';
 import type { PopoverProps } from './Popover.types';
-export declare const popoverRoot: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Popover.types").BasicPopoverProps & React.RefAttributes<HTMLDivElement>>;
+export declare const popoverRoot: (Root: RootProps<HTMLDivElement, Omit<PopoverProps, "target">>) => 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>>;
+    layout: (Root: RootProps<HTMLDivElement, Omit<PopoverProps, "target">>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Popover.types").BasicPopoverProps & React.RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {
         view: {

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AA6BnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAWpD,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,8JAyIpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBA3IQ,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;;;CA4JxE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AA8BnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAWpD,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,8JA+IpF,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAjJQ,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;;;;;;;;;;;;;;CAkKxF,CAAC"}

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

@@ -1,3 +1,4 @@
 export declare const base: import("@linaria/core").LinariaClassName;
+export declare const Wrapper: 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/_beta/Popover/Popover.styles.d.ts.map

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

package/dist/css/cjs/components/_beta/Popover/Popover.styles_6agxog.css

@@ -1,2 +0,0 @@
-.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);width:100%;height:100%;box-sizing:border-box;}
-.c1gxr814{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);}.c1gxr814:hover{color:var(--plasma-popover-icon-color-hover);}.c1gxr814:active{color:var(--plasma-popover-icon-color-active);}

package/dist/css/es/components/_beta/Popover/Popover.styles_6agxog.css

@@ -1,2 +0,0 @@
-.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);width:100%;height:100%;box-sizing:border-box;}
-.c1gxr814{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);}.c1gxr814:hover{color:var(--plasma-popover-icon-color-hover);}.c1gxr814:active{color:var(--plasma-popover-icon-color-active);}