@alfalab/core-components 36.1.1 → 36.1.2

package/plate/index.css

@@ -51,7 +51,7 @@
     --plate-border-color: var(--color-static-status-grey);
     --plate-box-shadow: var(--shadow-s);
 }
-.plate__component_fb3gn {
+.plate__component_mi13p {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -61,7 +61,7 @@
     padding: var(--gap-s);
     outline: none
 }
-.plate__component_fb3gn:before {
+.plate__component_mi13p:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
@@ -69,106 +69,106 @@
         top: 0;
         left: 0;
     }
-.plate__foldable_fb3gn {
+.plate__foldable_mi13p {
     cursor: pointer;
 }
-.plate__component_fb3gn * {
+.plate__component_mi13p * {
     box-sizing: border-box;
 }
-.plate__focused_fb3gn {
+.plate__focused_mi13p {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.plate__inner_fb3gn {
+.plate__inner_mi13p {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
 }
-.plate__rounded_fb3gn:before, .plate__noBorder_fb3gn:before {
+.plate__rounded_mi13p:before, .plate__noBorder_mi13p:before {
         display: none;
     }
-.plate__rounded_fb3gn {
+.plate__rounded_mi13p {
     border-radius: var(--plate-border-radius);
 }
-.plate__shadow_fb3gn {
+.plate__shadow_mi13p {
     box-shadow: var(--plate-box-shadow);
 }
-.plate__common_fb3gn {
+.plate__common_mi13p {
     background-color: var(--color-light-specialbg-secondary-transparent);
     box-shadow: var(--plate-border) var(--color-static-status-grey)
 }
-.plate__common_fb3gn:before {
+.plate__common_mi13p:before {
         background-color: var(--color-static-status-grey);
     }
-.plate__negative_fb3gn {
+.plate__negative_mi13p {
     background-color: var(--color-light-bg-negative-muted);
     box-shadow: var(--plate-border) var(--color-static-status-red)
 }
-.plate__negative_fb3gn:before {
+.plate__negative_mi13p:before {
         background-color: var(--color-static-status-red);
     }
-.plate__positive_fb3gn {
+.plate__positive_mi13p {
     background-color: var(--color-light-bg-positive-muted);
     box-shadow: var(--plate-border) var(--color-static-status-green)
 }
-.plate__positive_fb3gn:before {
+.plate__positive_mi13p:before {
         background-color: var(--color-static-status-green);
     }
-.plate__attention_fb3gn {
+.plate__attention_mi13p {
     background-color: var(--color-light-bg-attention-muted);
     box-shadow: var(--plate-border) var(--color-static-status-orange)
 }
-.plate__attention_fb3gn:before {
+.plate__attention_mi13p:before {
         background-color: var(--color-static-status-orange);
     }
-.plate__custom_fb3gn {
+.plate__custom_mi13p {
     background: var(--plate-background);
     box-shadow: var(--plate-border) var(--plate-border-color)
 }
-.plate__custom_fb3gn:before {
+.plate__custom_mi13p:before {
         background-color: var(--plate-border-color);
     }
-.plate__rect_fb3gn,
-.plate__noBorder_fb3gn {
+.plate__rect_mi13p,
+.plate__noBorder_mi13p {
     box-shadow: none;
 }
-.plate__isHidden_fb3gn {
+.plate__isHidden_mi13p {
     display: none;
 }
-.plate__leftAddons_fb3gn,
-.plate__rightAddons_fb3gn {
+.plate__leftAddons_mi13p,
+.plate__rightAddons_mi13p {
     padding: var(--gap-2xs);
 }
-.plate__leftAddons_fb3gn {
+.plate__leftAddons_mi13p {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
 }
-.plate__subAddons_fb3gn {
+.plate__subAddons_mi13p {
     cursor: default;
     align-self: flex-start;
 }
-.plate__bold_fb3gn,
-.plate__light_fb3gn {
+.plate__bold_mi13p,
+.plate__light_mi13p {
     word-break: break-word;
 }
-.plate__bold_fb3gn {
+.plate__bold_mi13p {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
 }
-.plate__light_fb3gn {
+.plate__light_mi13p {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
 }
-.plate__foldable_fb3gn .plate__content_fb3gn {
+.plate__foldable_mi13p .plate__content_mi13p {
     max-height: 300vh;
 }
-.plate__content_fb3gn {
+.plate__content_mi13p {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -177,31 +177,31 @@
     transition: max-height 2s ease-in-out;
     cursor: default
 }
-.plate__content_fb3gn.plate__isFolded_fb3gn.plate__isFolded_fb3gn {
+.plate__content_mi13p.plate__isFolded_mi13p.plate__isFolded_mi13p {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
     }
-.plate__contentContainer_fb3gn {
+.plate__contentContainer_mi13p {
     flex: 1;
     margin-right: auto
 }
-.plate__contentContainer_fb3gn.plate__withoutTitle_fb3gn {
+.plate__contentContainer_mi13p.plate__withoutTitle_mi13p {
         padding-top: var(--gap-3xs);
     }
-.plate__limitWidth_fb3gn {
+.plate__limitWidth_mi13p {
     max-width: var(--plate-width-limit);
 }
-.plate__description_fb3gn {
+.plate__description_mi13p {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-2xs) var(--gap-s) var(--gap-2xs) var(--gap-2xs);
 }
-.plate__footer_fb3gn {
+.plate__footer_mi13p {
     padding: var(--gap-l) 0 var(--gap-2xs) var(--gap-2xs);
 }
-.plate__closer_fb3gn,
-.plate__folder_fb3gn {
+.plate__closer_mi13p,
+.plate__folder_mi13p {
     display: block;
     height: 24px;
     width: 24px;
@@ -210,19 +210,40 @@
     cursor: pointer;
     margin-left: var(--gap-s)
 }
-.plate__closer_fb3gn:hover, .plate__folder_fb3gn:hover {
+.plate__closer_mi13p:hover, .plate__folder_mi13p:hover {
         opacity: 0.7;
     }
-.plate__closer_fb3gn:active, .plate__folder_fb3gn:active {
+.plate__closer_mi13p:active, .plate__folder_mi13p:active {
         opacity: 0.5;
     }
-.plate__folder_fb3gn {
+.plate__folder_mi13p {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
 }
-.plate__folder_fb3gn.plate__isFolded_fb3gn {
+.plate__folder_mi13p.plate__isFolded_mi13p {
         transform: rotate(0deg);
     }
-.plate__button_fb3gn:not(:last-child) {
+.plate__button_mi13p:not(:last-child) {
         margin-right: var(--gap-xs);
     }
+.plate__rowLimit1_mi13p {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+.plate__rowLimit2_mi13p {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+.plate__rowLimit3_mi13p {
+    -webkit-line-clamp: 3;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}

package/plate/index.js

@@ -4,9 +4,9 @@ require('react');
 require('react-merge-refs');
 require('classnames');
 require('../icon-button');
-require('@alfalab/icons-glyph/CrossMIcon');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/hooks');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/button-list/component.js');
 var Component = require('./Component.js');
 

package/plate/modern/Component.d.ts

@@ -97,6 +97,10 @@ type PlateProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
 };
 declare const Plate: React.ForwardRefExoticComponent<PlateProps & React.RefAttributes<HTMLDivElement>>;
 export { PlateProps, Plate };

package/plate/modern/Component.js

@@ -1,17 +1,17 @@
 import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
-import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
-import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { useFocus } from '@alfalab/hooks';
+import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
+import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { IconButton } from '../../icon-button/modern';
 import { ButtonList } from './components/button-list/component.js';
 
-var styles = {"component":"plate__component_fb3gn","foldable":"plate__foldable_fb3gn","focused":"plate__focused_fb3gn","inner":"plate__inner_fb3gn","rounded":"plate__rounded_fb3gn","noBorder":"plate__noBorder_fb3gn","shadow":"plate__shadow_fb3gn","common":"plate__common_fb3gn","negative":"plate__negative_fb3gn","positive":"plate__positive_fb3gn","attention":"plate__attention_fb3gn","custom":"plate__custom_fb3gn","rect":"plate__rect_fb3gn","isHidden":"plate__isHidden_fb3gn","leftAddons":"plate__leftAddons_fb3gn","rightAddons":"plate__rightAddons_fb3gn","subAddons":"plate__subAddons_fb3gn","bold":"plate__bold_fb3gn","light":"plate__light_fb3gn","content":"plate__content_fb3gn","isFolded":"plate__isFolded_fb3gn","contentContainer":"plate__contentContainer_fb3gn","withoutTitle":"plate__withoutTitle_fb3gn","limitWidth":"plate__limitWidth_fb3gn","description":"plate__description_fb3gn","footer":"plate__footer_fb3gn","closer":"plate__closer_fb3gn","folder":"plate__folder_fb3gn","button":"plate__button_fb3gn"};
+var styles = {"component":"plate__component_mi13p","foldable":"plate__foldable_mi13p","focused":"plate__focused_mi13p","inner":"plate__inner_mi13p","rounded":"plate__rounded_mi13p","noBorder":"plate__noBorder_mi13p","shadow":"plate__shadow_mi13p","common":"plate__common_mi13p","negative":"plate__negative_mi13p","positive":"plate__positive_mi13p","attention":"plate__attention_mi13p","custom":"plate__custom_mi13p","rect":"plate__rect_mi13p","isHidden":"plate__isHidden_mi13p","leftAddons":"plate__leftAddons_mi13p","rightAddons":"plate__rightAddons_mi13p","subAddons":"plate__subAddons_mi13p","bold":"plate__bold_mi13p","light":"plate__light_mi13p","content":"plate__content_mi13p","isFolded":"plate__isFolded_mi13p","contentContainer":"plate__contentContainer_mi13p","withoutTitle":"plate__withoutTitle_mi13p","limitWidth":"plate__limitWidth_mi13p","description":"plate__description_mi13p","footer":"plate__footer_mi13p","closer":"plate__closer_mi13p","folder":"plate__folder_mi13p","button":"plate__button_mi13p","rowLimit1":"plate__rowLimit1_mi13p","rowLimit2":"plate__rowLimit2_mi13p","rowLimit3":"plate__rowLimit3_mi13p"};
 require('./index.css');
 
 /* eslint-disable complexity */
-const Plate = forwardRef(({ hasCloser, foldable: foldableProp = false, folded: foldedProp, defaultFolded = true, rounded = true, limitContentWidth = true, leftAddons, subAddons, children, buttons, title, titleView = 'bold', view = 'common', border = view !== 'custom', shadow = view === 'custom', className, buttonsClassName, contentClassName, subAddonsClassName, dataTestId, onClick, onClose, onToggle, }, ref) => {
+const Plate = forwardRef(({ hasCloser, foldable: foldableProp = false, folded: foldedProp, defaultFolded = true, rounded = true, limitContentWidth = true, leftAddons, subAddons, children, buttons, title, titleView = 'bold', view = 'common', border = view !== 'custom', shadow = view === 'custom', className, buttonsClassName, contentClassName, subAddonsClassName, dataTestId, onClick, onClose, onToggle, rowLimit, }, ref) => {
     const plateRef = useRef(null);
     const contentRef = useRef(null);
     const subAddonsRef = useRef(null);
@@ -25,6 +25,7 @@ const Plate = forwardRef(({ hasCloser, foldable: foldableProp = false, folded: f
     const hasContent = children || hasButtons;
     const hasSubAddons = !!subAddons && typeof subAddons !== 'boolean';
     const hasAnyAddons = leftAddons || subAddons || foldable || hasCloser;
+    const rowLimitStyles = rowLimit && styles[`rowLimit${rowLimit}`];
     const handleClick = useCallback((event) => {
         const target = event.target;
         const eventInsideComponent = plateRef.current && plateRef.current.contains(target);
@@ -78,7 +79,7 @@ const Plate = forwardRef(({ hasCloser, foldable: foldableProp = false, folded: f
                     hasContent && (React.createElement("div", { ref: contentRef, className: cn(styles.content, {
                             [styles.isFolded]: foldable && folded,
                         }) },
-                        children && (React.createElement("div", { className: styles.description }, children)),
+                        children && (React.createElement("div", { className: cn(styles.description, rowLimitStyles) }, children)),
                         hasButtons && (React.createElement("div", { className: styles.footer },
                             React.createElement(ButtonList, { buttons: buttons, containerClassName: buttonsClassName, buttonClassName: cn(styles.button, buttonsClassName) })))))),
                 hasSubAddons && (React.createElement("div", { ref: subAddonsRef, className: styles.subAddons },

package/plate/modern/index.css

@@ -51,7 +51,7 @@
     --plate-border-color: var(--color-static-status-grey);
     --plate-box-shadow: var(--shadow-s);
 }
-.plate__component_fb3gn {
+.plate__component_mi13p {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -61,7 +61,7 @@
     padding: var(--gap-s);
     outline: none
 }
-.plate__component_fb3gn:before {
+.plate__component_mi13p:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
@@ -69,106 +69,106 @@
         top: 0;
         left: 0;
     }
-.plate__foldable_fb3gn {
+.plate__foldable_mi13p {
     cursor: pointer;
 }
-.plate__component_fb3gn * {
+.plate__component_mi13p * {
     box-sizing: border-box;
 }
-.plate__focused_fb3gn {
+.plate__focused_mi13p {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.plate__inner_fb3gn {
+.plate__inner_mi13p {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
 }
-.plate__rounded_fb3gn:before, .plate__noBorder_fb3gn:before {
+.plate__rounded_mi13p:before, .plate__noBorder_mi13p:before {
         display: none;
     }
-.plate__rounded_fb3gn {
+.plate__rounded_mi13p {
     border-radius: var(--plate-border-radius);
 }
-.plate__shadow_fb3gn {
+.plate__shadow_mi13p {
     box-shadow: var(--plate-box-shadow);
 }
-.plate__common_fb3gn {
+.plate__common_mi13p {
     background-color: var(--color-light-specialbg-secondary-transparent);
     box-shadow: var(--plate-border) var(--color-static-status-grey)
 }
-.plate__common_fb3gn:before {
+.plate__common_mi13p:before {
         background-color: var(--color-static-status-grey);
     }
-.plate__negative_fb3gn {
+.plate__negative_mi13p {
     background-color: var(--color-light-bg-negative-muted);
     box-shadow: var(--plate-border) var(--color-static-status-red)
 }
-.plate__negative_fb3gn:before {
+.plate__negative_mi13p:before {
         background-color: var(--color-static-status-red);
     }
-.plate__positive_fb3gn {
+.plate__positive_mi13p {
     background-color: var(--color-light-bg-positive-muted);
     box-shadow: var(--plate-border) var(--color-static-status-green)
 }
-.plate__positive_fb3gn:before {
+.plate__positive_mi13p:before {
         background-color: var(--color-static-status-green);
     }
-.plate__attention_fb3gn {
+.plate__attention_mi13p {
     background-color: var(--color-light-bg-attention-muted);
     box-shadow: var(--plate-border) var(--color-static-status-orange)
 }
-.plate__attention_fb3gn:before {
+.plate__attention_mi13p:before {
         background-color: var(--color-static-status-orange);
     }
-.plate__custom_fb3gn {
+.plate__custom_mi13p {
     background: var(--plate-background);
     box-shadow: var(--plate-border) var(--plate-border-color)
 }
-.plate__custom_fb3gn:before {
+.plate__custom_mi13p:before {
         background-color: var(--plate-border-color);
     }
-.plate__rect_fb3gn,
-.plate__noBorder_fb3gn {
+.plate__rect_mi13p,
+.plate__noBorder_mi13p {
     box-shadow: none;
 }
-.plate__isHidden_fb3gn {
+.plate__isHidden_mi13p {
     display: none;
 }
-.plate__leftAddons_fb3gn,
-.plate__rightAddons_fb3gn {
+.plate__leftAddons_mi13p,
+.plate__rightAddons_mi13p {
     padding: var(--gap-2xs);
 }
-.plate__leftAddons_fb3gn {
+.plate__leftAddons_mi13p {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
 }
-.plate__subAddons_fb3gn {
+.plate__subAddons_mi13p {
     cursor: default;
     align-self: flex-start;
 }
-.plate__bold_fb3gn,
-.plate__light_fb3gn {
+.plate__bold_mi13p,
+.plate__light_mi13p {
     word-break: break-word;
 }
-.plate__bold_fb3gn {
+.plate__bold_mi13p {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
 }
-.plate__light_fb3gn {
+.plate__light_mi13p {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
 }
-.plate__foldable_fb3gn .plate__content_fb3gn {
+.plate__foldable_mi13p .plate__content_mi13p {
     max-height: 300vh;
 }
-.plate__content_fb3gn {
+.plate__content_mi13p {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -177,31 +177,31 @@
     transition: max-height 2s ease-in-out;
     cursor: default
 }
-.plate__content_fb3gn.plate__isFolded_fb3gn.plate__isFolded_fb3gn {
+.plate__content_mi13p.plate__isFolded_mi13p.plate__isFolded_mi13p {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
     }
-.plate__contentContainer_fb3gn {
+.plate__contentContainer_mi13p {
     flex: 1;
     margin-right: auto
 }
-.plate__contentContainer_fb3gn.plate__withoutTitle_fb3gn {
+.plate__contentContainer_mi13p.plate__withoutTitle_mi13p {
         padding-top: var(--gap-3xs);
     }
-.plate__limitWidth_fb3gn {
+.plate__limitWidth_mi13p {
     max-width: var(--plate-width-limit);
 }
-.plate__description_fb3gn {
+.plate__description_mi13p {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-2xs) var(--gap-s) var(--gap-2xs) var(--gap-2xs);
 }
-.plate__footer_fb3gn {
+.plate__footer_mi13p {
     padding: var(--gap-l) 0 var(--gap-2xs) var(--gap-2xs);
 }
-.plate__closer_fb3gn,
-.plate__folder_fb3gn {
+.plate__closer_mi13p,
+.plate__folder_mi13p {
     display: block;
     height: 24px;
     width: 24px;
@@ -210,19 +210,40 @@
     cursor: pointer;
     margin-left: var(--gap-s)
 }
-.plate__closer_fb3gn:hover, .plate__folder_fb3gn:hover {
+.plate__closer_mi13p:hover, .plate__folder_mi13p:hover {
         opacity: 0.7;
     }
-.plate__closer_fb3gn:active, .plate__folder_fb3gn:active {
+.plate__closer_mi13p:active, .plate__folder_mi13p:active {
         opacity: 0.5;
     }
-.plate__folder_fb3gn {
+.plate__folder_mi13p {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
 }
-.plate__folder_fb3gn.plate__isFolded_fb3gn {
+.plate__folder_mi13p.plate__isFolded_mi13p {
         transform: rotate(0deg);
     }
-.plate__button_fb3gn:not(:last-child) {
+.plate__button_mi13p:not(:last-child) {
         margin-right: var(--gap-xs);
     }
+.plate__rowLimit1_mi13p {
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+.plate__rowLimit2_mi13p {
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+.plate__rowLimit3_mi13p {
+    -webkit-line-clamp: 3;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}

package/plate/modern/index.js

@@ -1,9 +1,9 @@
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
-import '@alfalab/icons-glyph/CrossMIcon';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
 import '../../icon-button/modern';
 import './components/button-list/component.js';
 export { Plate } from './Component.js';

package/popover/Component.js

@@ -44,7 +44,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"popover__component_167ru","inner":"popover__inner_167ru","scrollableContent":"popover__scrollableContent_167ru","arrow":"popover__arrow_167ru","arrowShift":"popover__arrowShift_167ru","enter":"popover__enter_167ru","enterActive":"popover__enterActive_167ru","exit":"popover__exit_167ru","exitActive":"popover__exitActive_167ru"};
+var styles = {"component":"popover__component_fo774","inner":"popover__inner_fo774","scrollableContent":"popover__scrollableContent_fo774","arrow":"popover__arrow_fo774","arrowShift":"popover__arrowShift_fo774","enter":"popover__enter_fo774","enterActive":"popover__enterActive_fo774","exit":"popover__exit_fo774","exitActive":"popover__exitActive_fo774"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {

package/popover/esm/Component.js

@@ -35,7 +35,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"popover__component_167ru","inner":"popover__inner_167ru","scrollableContent":"popover__scrollableContent_167ru","arrow":"popover__arrow_167ru","arrowShift":"popover__arrowShift_167ru","enter":"popover__enter_167ru","enterActive":"popover__enterActive_167ru","exit":"popover__exit_167ru","exitActive":"popover__exitActive_167ru"};
+var styles = {"component":"popover__component_fo774","inner":"popover__inner_fo774","scrollableContent":"popover__scrollableContent_fo774","arrow":"popover__arrow_fo774","arrowShift":"popover__arrowShift_fo774","enter":"popover__enter_fo774","enterActive":"popover__enterActive_fo774","exit":"popover__exit_fo774","exitActive":"popover__exitActive_fo774"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {