@skbkontur/react-ui 3.9.1 → 3.9.3-emotion-prepend

package/cjs/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,64 +1,64 @@
-import React from 'react';
-import { PopupMenuProps } from '../../internal/PopupMenu';
-import { PopupPosition } from '../../internal/Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface DropdownMenuProps extends CommonProps {
-    /** Максимальная высота меню */
-    menuMaxHeight?: React.CSSProperties['maxWidth'];
-    /** Ширина меню */
-    menuWidth?: React.CSSProperties['width'];
-    /** Ширина caption */
-    width?: React.CSSProperties['width'];
-    /**
-     * Элемент или функция возвращающая элемент,
-     * если передана, используется вместо `caption`,
-     * в таком случае управлять открытием и закрытием меню
-     * придется в этой функции
-     */
-    caption: PopupMenuProps['caption'];
-    /**
-     * Произвольный элемент, который будет отрендерен в шапке меню.
-     *
-     * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
-     */
-    header?: React.ReactNode;
-    /**
-     * Произвольный элемент, который будет отрендерен в подвале меню.
-     *
-     * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).
-     */
-    footer?: React.ReactNode;
-    /**
-     *  Список позиций доступных для расположения выпадашки относительно `caption`.
-     *
-     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
-     *
-     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
-     * @default ['bottom left', 'bottom right', 'top left', 'top right']
-     */
-    positions?: PopupPosition[];
-    onOpen?: () => void;
-    onClose?: () => void;
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations: boolean;
-}
-/**
- * Меню, раскрывающееся по клику на переданный в `caption` элемент
- */
-export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        disableAnimations: boolean;
-        positions: string[];
-    };
-    private popupMenu;
-    constructor(props: DropdownMenuProps);
-    render(): JSX.Element;
-    renderMain(): JSX.Element | null;
-    open: () => void;
-    close: () => void;
-    private refPopupMenu;
-    private handleChangeMenuState;
-}
+import React from 'react';
+import { PopupMenuProps } from '../../internal/PopupMenu';
+import { PopupPosition } from '../../internal/Popup';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface DropdownMenuProps extends CommonProps {
+    /** Максимальная высота меню */
+    menuMaxHeight?: React.CSSProperties['maxWidth'];
+    /** Ширина меню */
+    menuWidth?: React.CSSProperties['width'];
+    /** Ширина caption */
+    width?: React.CSSProperties['width'];
+    /**
+     * Элемент или функция возвращающая элемент,
+     * если передана, используется вместо `caption`,
+     * в таком случае управлять открытием и закрытием меню
+     * придется в этой функции
+     */
+    caption: PopupMenuProps['caption'];
+    /**
+     * Произвольный элемент, который будет отрендерен в шапке меню.
+     *
+     * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
+     */
+    header?: React.ReactNode;
+    /**
+     * Произвольный элемент, который будет отрендерен в подвале меню.
+     *
+     * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).
+     */
+    footer?: React.ReactNode;
+    /**
+     *  Список позиций доступных для расположения выпадашки относительно `caption`.
+     *
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
+     *
+     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
+     * @default ['bottom left', 'bottom right', 'top left', 'top right']
+     */
+    positions?: PopupPosition[];
+    onOpen?: () => void;
+    onClose?: () => void;
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations: boolean;
+}
+/**
+ * Меню, раскрывающееся по клику на переданный в `caption` элемент
+ */
+export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        disableAnimations: boolean;
+        positions: string[];
+    };
+    private popupMenu;
+    constructor(props: DropdownMenuProps);
+    render(): JSX.Element;
+    renderMain(): JSX.Element | null;
+    open: () => void;
+    close: () => void;
+    private refPopupMenu;
+    private handleChangeMenuState;
+}

package/cjs/components/DropdownMenu/index.d.ts

@@ -1 +1 @@
-export * from './DropdownMenu';
+export * from './DropdownMenu';

package/cjs/components/FxInput/FxInput.d.ts

@@ -1,49 +1,49 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Input, InputProps } from '../Input';
-import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
-import { Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export interface FxInputProps extends CommonProps, Override<CurrencyInputProps, {
-    /** Авто-режим */
-    auto?: boolean;
-    /** Тип инпута */
-    type?: 'currency' | InputProps['type'];
-    /** onRestore */
-    onRestore?: () => void;
-    /** onValueChange */
-    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
-    /** Значение */
-    value?: React.ReactText;
-    /** ref Input'а */
-    refInput?: (element: CurrencyInput | Input | null) => void;
-    /** Убрать лишние нули после запятой */
-    hideTrailingZeros?: boolean;
-}> {
-}
-/** Принимает все свойства `Input`'a */
-export declare class FxInput extends React.Component<FxInputProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        auto: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        width: number;
-        type: string;
-        value: string;
-    };
-    private input;
-    private getProps;
-    render(): JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<FxInputProps>) => JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    private refInput;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Input, InputProps } from '../Input';
+import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
+import { Override } from '../../typings/utility-types';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+export interface FxInputProps extends CommonProps, Override<CurrencyInputProps, {
+    /** Авто-режим */
+    auto?: boolean;
+    /** Тип инпута */
+    type?: 'currency' | InputProps['type'];
+    /** onRestore */
+    onRestore?: () => void;
+    /** onValueChange */
+    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
+    /** Значение */
+    value?: React.ReactText;
+    /** ref Input'а */
+    refInput?: (element: CurrencyInput | Input | null) => void;
+    /** Убрать лишние нули после запятой */
+    hideTrailingZeros?: boolean;
+}> {
+}
+/** Принимает все свойства `Input`'a */
+export declare class FxInput extends React.Component<FxInputProps> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        auto: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        width: number;
+        type: string;
+        value: string;
+    };
+    private input;
+    private getProps;
+    render(): JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<FxInputProps>) => JSX.Element;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    private refInput;
+}

package/cjs/components/FxInput/index.d.ts

@@ -1 +1 @@
-export * from './FxInput';
+export * from './FxInput';

package/cjs/components/Gapped/Gapped.d.ts

@@ -1,56 +1,57 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface GappedProps extends CommonProps {
-    /**
-     * Расстояние между элементами в пикселях
-     * @default 8
-     */
-    gap?: number;
-    /**
-     * Вертикальное выравнивание
-     * @default "baseline"
-     */
-    verticalAlign: 'top' | 'middle' | 'baseline' | 'bottom';
-    /**
-     * Расположение элементов по вертикали
-     * @default false
-     */
-    vertical: boolean;
-    /**
-     * Перенос элементов на новую строку при горизонтальном расположении
-     * @default false
-     */
-    wrap: boolean;
-    children: React.ReactNode;
-}
-/**
- * Контейнер, расстояние между элементами в котором равно `gap`.
- */
-export declare class Gapped extends React.Component<GappedProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        /**
-         * Расстояние между элементами.
-         */
-        gap: PropTypes.Requireable<number>;
-        /**
-         * Располагать элементы вертикально.
-         */
-        vertical: PropTypes.Requireable<boolean>;
-        /**
-         * Вертикальное выравнивание элементов.
-         */
-        verticalAlign: PropTypes.Requireable<string>;
-    };
-    private theme;
-    static defaultProps: {
-        wrap: boolean;
-        vertical: boolean;
-        verticalAlign: string;
-    };
-    render(): JSX.Element;
-    private getGapValue;
-    private renderVertical;
-    private renderHorizontal;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface GappedProps extends CommonProps {
+    /**
+     * Расстояние между элементами в пикселях
+     * @default 8
+     */
+    gap?: number;
+    /**
+     * Вертикальное выравнивание
+     * @default "baseline"
+     */
+    verticalAlign: 'top' | 'middle' | 'baseline' | 'bottom';
+    /**
+     * Расположение элементов по вертикали
+     * @default false
+     */
+    vertical: boolean;
+    /**
+     * Перенос элементов на новую строку при горизонтальном расположении
+     * @default false
+     */
+    wrap: boolean;
+    children: React.ReactNode;
+}
+/**
+ * Контейнер, расстояние между элементами в котором равно `gap`.
+ */
+export declare class Gapped extends React.Component<GappedProps> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        /**
+         * Расстояние между элементами.
+         */
+        gap: PropTypes.Requireable<number>;
+        /**
+         * Располагать элементы вертикально.
+         */
+        vertical: PropTypes.Requireable<boolean>;
+        /**
+         * Вертикальное выравнивание элементов.
+         */
+        verticalAlign: PropTypes.Requireable<string>;
+    };
+    private theme;
+    static defaultProps: {
+        wrap: boolean;
+        vertical: boolean;
+        verticalAlign: string;
+    };
+    render(): JSX.Element;
+    private getGapValue;
+    private renderVertical;
+    private renderHorizontal;
+    private filterChildren;
+}

package/cjs/components/Gapped/Gapped.js

@@ -91,16 +91,15 @@ Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
     var subsequentItemStyle = {
       paddingTop: this.getGapValue() };
 
-    var isFirst = true;
-    var children = _react.default.Children.map(this.props.children, function (child) {
-      if (!child) {
-        return child;
-      }
-      var style = isFirst ? undefined : subsequentItemStyle;
+    var children = _react.default.Children.toArray(this.props.children).
+    filter(this.filterChildren).
+    map(function (child, index) {
+      var style = index === 0 ? undefined : subsequentItemStyle;
+      return /*#__PURE__*/(
+        _react.default.createElement("div", { style: style, key: index },
+        child));
 
-      isFirst = false;
 
-      return /*#__PURE__*/_react.default.createElement("div", { style: style }, child);
     });
 
     return /*#__PURE__*/_react.default.createElement("div", null, children);
@@ -120,7 +119,9 @@ Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
     return /*#__PURE__*/(
       _react.default.createElement("div", { style: rootStyle }, /*#__PURE__*/
       _react.default.createElement("div", { style: contStyle },
-      _react.default.Children.toArray(children).map(function (child, index) {
+      _react.default.Children.toArray(children).
+      filter(this.filterChildren).
+      map(function (child, index) {
         var marginLeft = index === 0 ? undefined : gap;
         return /*#__PURE__*/(
           _react.default.createElement("span", { key: index, style: (0, _extends2.default)({ marginLeft: marginLeft }, itemStyle) },
@@ -131,6 +132,10 @@ Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
+  };_proto.
+
+  filterChildren = function filterChildren(child) {
+    return Boolean(child) || typeof child === 'number';
   };return Gapped;}(_react.default.Component);exports.Gapped = Gapped;Gapped.__KONTUR_REACT_UI__ = 'Gapped';Gapped.propTypes = { /**
    * Расстояние между элементами.
    */gap: _propTypes.default.number, /**

package/cjs/components/Gapped/Gapped.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Gapped.tsx"],"names":["Gapped","theme","render","props","vertical","renderVertical","renderHorizontal","getGapValue","propsGap","gap","undefined","subsequentItemStyle","paddingTop","isFirst","children","React","Children","map","child","style","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","toArray","index","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","number","bool","oneOf","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nexport interface GappedProps extends CommonProps {\n  /**\n   * Расстояние между элементами в пикселях\n   * @default 8\n   */\n  gap?: number;\n  /**\n   * Вертикальное выравнивание\n   * @default \"baseline\"\n   */\n  verticalAlign: 'top' | 'middle' | 'baseline' | 'bottom';\n  /**\n   * Расположение элементов по вертикали\n   * @default false\n   */\n  vertical: boolean;\n  /**\n   * Перенос элементов на новую строку при горизонтальном расположении\n   * @default false\n   */\n  wrap: boolean;\n  children: React.ReactNode;\n}\n\n/**\n * Контейнер, расстояние между элементами в котором равно `gap`.\n */\nexport class Gapped extends React.Component<GappedProps> {\n  public static __KONTUR_REACT_UI__ = 'Gapped';\n\n  public static propTypes = {\n    /**\n     * Расстояние между элементами.\n     */\n    gap: PropTypes.number,\n\n    /**\n     * Располагать элементы вертикально.\n     */\n    vertical: PropTypes.bool,\n\n    /**\n     * Вертикальное выравнивание элементов.\n     */\n    verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\n  };\n\n  private theme!: Theme;\n\n  public static defaultProps = {\n    wrap: false,\n    vertical: false,\n    verticalAlign: 'baseline',\n  };\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper {...this.props}>\n              {this.props.vertical ? this.renderVertical() : this.renderHorizontal()}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getGapValue() {\n    // DEPRECATED remove in 4.0\n    const { gap: propsGap } = this.props;\n    if (propsGap !== undefined && propsGap !== null) {\n      return propsGap;\n    } else {\n      const gap = is8pxTheme(this.theme) ? 8 : 10;\n      return gap;\n    }\n  }\n\n  private renderVertical() {\n    const subsequentItemStyle: React.CSSProperties = {\n      paddingTop: this.getGapValue(),\n    };\n    let isFirst = true;\n    const children = React.Children.map(this.props.children, (child) => {\n      if (!child) {\n        return child;\n      }\n      const style = isFirst ? undefined : subsequentItemStyle;\n\n      isFirst = false;\n\n      return <div style={style}>{child}</div>;\n    });\n\n    return <div>{children}</div>;\n  }\n\n  private renderHorizontal() {\n    const { children, verticalAlign, wrap } = this.props;\n    const gap = this.getGapValue();\n    const itemStyle: React.CSSProperties = {\n      display: 'inline-block',\n      verticalAlign,\n      ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\n    };\n    const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\n    const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\n\n    return (\n      <div style={rootStyle}>\n        <div style={contStyle}>\n          {React.Children.toArray(children).map((child, index) => {\n            const marginLeft = index === 0 ? undefined : gap;\n            return (\n              <span key={index} style={{ marginLeft, ...itemStyle }}>\n                {child}\n              </span>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["Gapped.tsx"],"names":["Gapped","theme","render","props","vertical","renderVertical","renderHorizontal","getGapValue","propsGap","gap","undefined","subsequentItemStyle","paddingTop","children","React","Children","toArray","filter","filterChildren","map","child","index","style","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","Boolean","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","number","bool","oneOf","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nexport interface GappedProps extends CommonProps {\n  /**\n   * Расстояние между элементами в пикселях\n   * @default 8\n   */\n  gap?: number;\n  /**\n   * Вертикальное выравнивание\n   * @default \"baseline\"\n   */\n  verticalAlign: 'top' | 'middle' | 'baseline' | 'bottom';\n  /**\n   * Расположение элементов по вертикали\n   * @default false\n   */\n  vertical: boolean;\n  /**\n   * Перенос элементов на новую строку при горизонтальном расположении\n   * @default false\n   */\n  wrap: boolean;\n  children: React.ReactNode;\n}\n\n/**\n * Контейнер, расстояние между элементами в котором равно `gap`.\n */\nexport class Gapped extends React.Component<GappedProps> {\n  public static __KONTUR_REACT_UI__ = 'Gapped';\n\n  public static propTypes = {\n    /**\n     * Расстояние между элементами.\n     */\n    gap: PropTypes.number,\n\n    /**\n     * Располагать элементы вертикально.\n     */\n    vertical: PropTypes.bool,\n\n    /**\n     * Вертикальное выравнивание элементов.\n     */\n    verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\n  };\n\n  private theme!: Theme;\n\n  public static defaultProps = {\n    wrap: false,\n    vertical: false,\n    verticalAlign: 'baseline',\n  };\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper {...this.props}>\n              {this.props.vertical ? this.renderVertical() : this.renderHorizontal()}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getGapValue() {\n    // DEPRECATED remove in 4.0\n    const { gap: propsGap } = this.props;\n    if (propsGap !== undefined && propsGap !== null) {\n      return propsGap;\n    } else {\n      const gap = is8pxTheme(this.theme) ? 8 : 10;\n      return gap;\n    }\n  }\n\n  private renderVertical() {\n    const subsequentItemStyle: React.CSSProperties = {\n      paddingTop: this.getGapValue(),\n    };\n    const children = React.Children.toArray(this.props.children)\n      .filter(this.filterChildren)\n      .map((child, index) => {\n        const style = index === 0 ? undefined : subsequentItemStyle;\n        return (\n          <div style={style} key={index}>\n            {child}\n          </div>\n        );\n      });\n\n    return <div>{children}</div>;\n  }\n\n  private renderHorizontal() {\n    const { children, verticalAlign, wrap } = this.props;\n    const gap = this.getGapValue();\n    const itemStyle: React.CSSProperties = {\n      display: 'inline-block',\n      verticalAlign,\n      ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\n    };\n    const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\n    const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\n\n    return (\n      <div style={rootStyle}>\n        <div style={contStyle}>\n          {React.Children.toArray(children)\n            .filter(this.filterChildren)\n            .map((child, index) => {\n              const marginLeft = index === 0 ? undefined : gap;\n              return (\n                <span key={index} style={{ marginLeft, ...itemStyle }}>\n                  {child}\n                </span>\n              );\n            })}\n        </div>\n      </div>\n    );\n  }\n\n  private filterChildren(child: React.ReactNode): boolean {\n    return Boolean(child) || typeof child === 'number';\n  }\n}\n"]}

package/cjs/components/Gapped/index.d.ts

@@ -1 +1 @@
-export * from './Gapped';
+export * from './Gapped';

package/cjs/components/Group/Group.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface GroupProps extends CommonProps {
-    width?: React.CSSProperties['width'];
-}
-export declare class Group extends React.Component<GroupProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        width: PropTypes.Requireable<string | number>;
-    };
-    render(): JSX.Element;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface GroupProps extends CommonProps {
+    width?: React.CSSProperties['width'];
+}
+export declare class Group extends React.Component<GroupProps> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        width: PropTypes.Requireable<string | number>;
+    };
+    render(): JSX.Element;
+}

package/cjs/components/Group/Group.styles.d.ts

@@ -1,8 +1,8 @@
-export declare const styles: {
-    root(): string;
-    fixed(): string;
-    stretch(): string;
-    stretchFallback(): string;
-    item(): string;
-    itemFirst(): string;
-};
+export declare const styles: {
+    root(): string;
+    fixed(): string;
+    stretch(): string;
+    stretchFallback(): string;
+    item(): string;
+    itemFirst(): string;
+};

package/cjs/components/Group/index.d.ts

@@ -1 +1 @@
-export * from './Group';
+export * from './Group';