@dreamcommerce/aurora 2.16.2 → 2.16.3

package/build/esm/packages/aurora/src/components/breadcrumbs/index.js

@@ -1,4 +1,5 @@
 import React, { useRef, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import classnames from 'classnames';
 import Stack from '../stack/index.js';
 import breadcrumbsCssClasses from '../../css/breadcrumbs/main.module.less.js';
@@ -6,32 +7,54 @@ import { BREADCRUMBS_CSS_CLASSES } from './css_classes.js';
 import { BreadcrumbChild } from './breadcrumb_child.js';
 import { BreadcrumbSeparator } from './breadcrumb_separator.js';
 
-const Breadcrumbs = ({ separator = '/', cssClasses, as = 'nav', children, attributes, withoutSeparator = false }) => {
-    const breadcrumbRef = useRef(null);
-    const allItems = React.Children.toArray(children).map((child, index) => (React.createElement(BreadcrumbChild, { attributes: {
-            'data-test-breadcrumb-index': index
-        }, key: `child-${index}` }, child)));
-    useEffect(() => {
-        if (!breadcrumbRef.current || !attributes)
-            return;
-        Object.entries(attributes).forEach(([key, value]) => {
-            var _a;
-            (_a = breadcrumbRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute(key, value);
-        });
-    }, []);
-    return React.createElement(as, {
-        className: classnames(breadcrumbsCssClasses[BREADCRUMBS_CSS_CLASSES.breadcrumbs], BREADCRUMBS_CSS_CLASSES.breadcrumbs, cssClasses)
-    }, React.createElement(Stack, { className: classnames(breadcrumbsCssClasses[BREADCRUMBS_CSS_CLASSES.breadcrumbsList], BREADCRUMBS_CSS_CLASSES.breadcrumbsList), ref: breadcrumbRef, attributes: {
-            'aria-label': 'breadcrumbs'
-        }, align: "center", as: "ol", spacing: 7 }, withoutSeparator
-        ? allItems
-        : allItems.map((item, index) => {
-            if (index === allItems.length - 1)
-                return item;
-            return (React.createElement(React.Fragment, { key: index },
-                item,
-                React.createElement(BreadcrumbSeparator, null, separator)));
-        })));
+var Breadcrumbs = function Breadcrumbs(_ref) {
+  var _ref$separator = _ref.separator,
+      separator = _ref$separator === void 0 ? '/' : _ref$separator,
+      cssClasses = _ref.cssClasses,
+      _ref$as = _ref.as,
+      as = _ref$as === void 0 ? 'nav' : _ref$as,
+      children = _ref.children,
+      attributes = _ref.attributes,
+      _ref$withoutSeparator = _ref.withoutSeparator,
+      withoutSeparator = _ref$withoutSeparator === void 0 ? false : _ref$withoutSeparator;
+  var breadcrumbRef = useRef(null);
+  var allItems = React.Children.toArray(children).map(function (child, index) {
+    return /*#__PURE__*/React.createElement(BreadcrumbChild, {
+      attributes: {
+        'data-test-breadcrumb-index': index
+      },
+      key: "child-".concat(index)
+    }, child);
+  });
+  useEffect(function () {
+    if (!breadcrumbRef.current || !attributes) return;
+    Object.entries(attributes).forEach(function (_ref2) {
+      var _breadcrumbRef$curren;
+
+      var _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          value = _ref3[1];
+
+      (_breadcrumbRef$curren = breadcrumbRef.current) === null || _breadcrumbRef$curren === void 0 || _breadcrumbRef$curren.setAttribute(key, value);
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(as, {
+    className: classnames(breadcrumbsCssClasses[BREADCRUMBS_CSS_CLASSES.breadcrumbs], BREADCRUMBS_CSS_CLASSES.breadcrumbs, cssClasses)
+  }, /*#__PURE__*/React.createElement(Stack, {
+    className: classnames(breadcrumbsCssClasses[BREADCRUMBS_CSS_CLASSES.breadcrumbsList], BREADCRUMBS_CSS_CLASSES.breadcrumbsList),
+    ref: breadcrumbRef,
+    attributes: {
+      'aria-label': 'breadcrumbs'
+    },
+    align: "center",
+    as: "ol",
+    spacing: 7
+  }, withoutSeparator ? allItems : allItems.map(function (item, index) {
+    if (index === allItems.length - 1) return item;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: index
+    }, item, /*#__PURE__*/React.createElement(BreadcrumbSeparator, null, separator));
+  })));
 };
 
 export default Breadcrumbs;

package/build/esm/packages/aurora/src/components/breadcrumbs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/button/components/button/index.d.ts

@@ -1,4 +1,4 @@
-import { IAsButtonProps } from './types';
-export declare const button: {
-    render({ type, onClick, testId, children }: IAsButtonProps, classNames: string): JSX.Element;
-};
+import { IAsButtonProps } from './types';
+export declare const button: {
+    render({ type, onClick, testId, children }: IAsButtonProps, classNames: string): JSX.Element;
+};

package/build/esm/packages/aurora/src/components/button/components/button/index.js

@@ -1,9 +1,19 @@
 import React from 'react';
 
-const button = {
-    render({ type = 'button', onClick, testId, children }, classNames) {
-        return (React.createElement("button", { type: type, onClick: onClick, className: classNames, "data-test-id": testId }, children));
-    }
+var button = {
+  render: function render(_ref, classNames) {
+    var _ref$type = _ref.type,
+        type = _ref$type === void 0 ? 'button' : _ref$type,
+        onClick = _ref.onClick,
+        testId = _ref.testId,
+        children = _ref.children;
+    return /*#__PURE__*/React.createElement("button", {
+      type: type,
+      onClick: onClick,
+      className: classNames,
+      "data-test-id": testId
+    }, children);
+  }
 };
 
 export { button };

package/build/esm/packages/aurora/src/components/button/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/button/components/button/types.d.ts

@@ -1,6 +1,6 @@
-import React, { ButtonHTMLAttributes } from 'react';
-export interface IAsButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    children: NodeListOf<HTMLElement> | Element | string | React.ReactNode;
-    testId?: string;
-    onClick?(event: React.MouseEvent<HTMLElement>): void;
-}
+import React, { ButtonHTMLAttributes } from 'react';
+export interface IAsButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: NodeListOf<HTMLElement> | Element | string | React.ReactNode;
+    testId?: string;
+    onClick?(event: React.MouseEvent<HTMLElement>): void;
+}

package/build/esm/packages/aurora/src/components/button/components/index.d.ts

@@ -1,8 +1,8 @@
-export declare const buttonTypes: {
-    button: {
-        render({ type, onClick, testId, children }: import("./button/types").IAsButtonProps, classNames: string): JSX.Element;
-    };
-    link: {
-        render({ href, target, onClick, testId, children }: import("./link/types").IAsLinkProps, classNames: string): JSX.Element;
-    };
-};
+export declare const buttonTypes: {
+    button: {
+        render({ type, onClick, testId, children }: import("./button/types").IAsButtonProps, classNames: string): JSX.Element;
+    };
+    link: {
+        render({ href, target, onClick, testId, children }: import("./link/types").IAsLinkProps, classNames: string): JSX.Element;
+    };
+};

package/build/esm/packages/aurora/src/components/button/components/index.js

@@ -1,9 +1,9 @@
 import { button } from './button/index.js';
 import { link } from './link/index.js';
 
-const buttonTypes = {
-    button,
-    link
+var buttonTypes = {
+  button: button,
+  link: link
 };
 
 export { buttonTypes };

package/build/esm/packages/aurora/src/components/button/components/link/index.d.ts

@@ -1,4 +1,4 @@
-import { IAsLinkProps } from './types';
-export declare const link: {
-    render({ href, target, onClick, testId, children }: IAsLinkProps, classNames: string): JSX.Element;
-};
+import { IAsLinkProps } from './types';
+export declare const link: {
+    render({ href, target, onClick, testId, children }: IAsLinkProps, classNames: string): JSX.Element;
+};

package/build/esm/packages/aurora/src/components/button/components/link/index.js

@@ -1,9 +1,20 @@
 import React from 'react';
 
-const link = {
-    render({ href, target, onClick, testId, children }, classNames) {
-        return (React.createElement("a", { href: href, target: target, onClick: onClick, className: classNames, "data-test-id": testId }, children));
-    }
+var link = {
+  render: function render(_ref, classNames) {
+    var href = _ref.href,
+        target = _ref.target,
+        onClick = _ref.onClick,
+        testId = _ref.testId,
+        children = _ref.children;
+    return /*#__PURE__*/React.createElement("a", {
+      href: href,
+      target: target,
+      onClick: onClick,
+      className: classNames,
+      "data-test-id": testId
+    }, children);
+  }
 };
 
 export { link };

package/build/esm/packages/aurora/src/components/button/components/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/button/components/link/types.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-export interface IAsLinkProps {
-    href?: string;
-    target?: '_blank';
-    testId?: string;
-    onClick?(event: React.MouseEvent<HTMLElement>): void;
-    children: NodeListOf<HTMLElement> | string | Element | React.ReactNode;
-}
+import React from 'react';
+export interface IAsLinkProps {
+    href?: string;
+    target?: '_blank';
+    testId?: string;
+    onClick?(event: React.MouseEvent<HTMLElement>): void;
+    children: NodeListOf<HTMLElement> | string | Element | React.ReactNode;
+}

package/build/esm/packages/aurora/src/components/button/css_classes.d.ts

@@ -1,8 +1,8 @@
-export declare const cssButton = "btn";
-export declare const cssButtonOutline: string;
-export declare const cssButtonBg: string;
-export declare const cssButtonS: string;
-export declare const cssButtonLink: string;
-export declare const cssButtonSecondary: string;
-export declare const cssButtonAlert: string;
-export declare const cssButtonInactive: string;
+export declare const cssButton = "btn";
+export declare const cssButtonOutline: string;
+export declare const cssButtonBg: string;
+export declare const cssButtonS: string;
+export declare const cssButtonLink: string;
+export declare const cssButtonSecondary: string;
+export declare const cssButtonAlert: string;
+export declare const cssButtonInactive: string;

package/build/esm/packages/aurora/src/components/button/css_classes.js

@@ -1,9 +1,9 @@
-const cssButton = 'btn';
-const cssButtonOutline = `${cssButton}_outline`;
-const cssButtonBg = `${cssButton}_bg`;
-const cssButtonS = `${cssButton}_s`;
-const cssButtonLink = `${cssButton}_link`;
-const cssButtonInactive = `${cssButton}_inactive`;
+var cssButton = 'btn';
+var cssButtonOutline = "".concat(cssButton, "_outline");
+var cssButtonBg = "".concat(cssButton, "_bg");
+var cssButtonS = "".concat(cssButton, "_s");
+var cssButtonLink = "".concat(cssButton, "_link");
+var cssButtonInactive = "".concat(cssButton, "_inactive");
 
 export { cssButton, cssButtonBg, cssButtonInactive, cssButtonLink, cssButtonOutline, cssButtonS };
 //# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/button/index.d.ts

@@ -1,21 +1,21 @@
-import { IButtonProps } from './types';
-import React from 'react';
-/**
- * @component
- * @example
- * return (
- *  <Button
- *      size="small"
- *      variant="light">
- *          Text button
- *  </Button>
- *
- *  <Button
- *      as="link"
- *      href="https://onet.pl">
- *          Text button
- *  </Button>
- * )
- */
-declare const Button: React.FC<IButtonProps>;
-export default Button;
+import { IButtonProps } from './types';
+import React from 'react';
+/**
+ * @component
+ * @example
+ * return (
+ *  <Button
+ *      size="small"
+ *      variant="light">
+ *          Text button
+ *  </Button>
+ *
+ *  <Button
+ *      as="link"
+ *      href="https://onet.pl">
+ *          Text button
+ *  </Button>
+ * )
+ */
+declare const Button: React.FC<IButtonProps>;
+export default Button;

package/build/esm/packages/aurora/src/components/button/index.js

@@ -1,38 +1,42 @@
-import 'react';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import classnames from 'classnames';
-import { cssButton, cssButtonS, cssButtonBg, cssButtonOutline, cssButtonLink, cssButtonInactive } from './css_classes.js';
+import { cssButton, cssButtonInactive, cssButtonS, cssButtonBg, cssButtonOutline, cssButtonLink } from './css_classes.js';
 import { buttonTypes } from './components/index.js';
 import cssClasses from '../../css/button/main.module.less.js';
 
-/**
- * @component
- * @example
- * return (
- *  <Button
- *      size="small"
- *      variant="light">
- *          Text button
- *  </Button>
- *
- *  <Button
- *      as="link"
- *      href="https://onet.pl">
- *          Text button
- *  </Button>
- * )
- */
-const Button = ({ as = 'button', size, color, variant, inactive, className = '', ...props }) => {
-    const btnColor = `${cssButton}_${color}`;
-    const buttonClassNames = classnames(cssClasses[cssButton], {
-        [className]: className,
-        [cssClasses[cssButtonS]]: size,
-        [cssClasses[cssButtonBg]]: !variant,
-        [cssClasses[cssButtonOutline]]: variant === 'outline',
-        [cssClasses[cssButtonLink]]: variant === 'link',
-        [cssClasses[btnColor]]: true,
-        [cssClasses[cssButtonInactive]]: inactive
-    });
-    return buttonTypes[as].render(props, buttonClassNames);
+var _excluded = ["as", "size", "color", "variant", "inactive", "className"];
+/**
+ * @component
+ * @example
+ * return (
+ *  <Button
+ *      size="small"
+ *      variant="light">
+ *          Text button
+ *  </Button>
+ *
+ *  <Button
+ *      as="link"
+ *      href="https://onet.pl">
+ *          Text button
+ *  </Button>
+ * )
+ */
+
+var Button = function Button(_ref) {
+  var _ref$as = _ref.as,
+      as = _ref$as === void 0 ? 'button' : _ref$as,
+      size = _ref.size,
+      color = _ref.color,
+      variant = _ref.variant,
+      inactive = _ref.inactive,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var btnColor = "".concat(cssButton, "_").concat(color);
+  var buttonClassNames = classnames(cssClasses[cssButton], _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, className, className), cssClasses[cssButtonS], size), cssClasses[cssButtonBg], !variant), cssClasses[cssButtonOutline], variant === 'outline'), cssClasses[cssButtonLink], variant === 'link'), cssClasses[btnColor], true), cssClasses[cssButtonInactive], inactive));
+  return buttonTypes[as].render(props, buttonClassNames);
 };
 
 export default Button;

package/build/esm/packages/aurora/src/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/button/types.d.ts

@@ -1,12 +1,12 @@
-import React, { ButtonHTMLAttributes } from 'react';
-export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    as?: 'button' | 'link';
-    size?: 'small';
-    variant?: 'outline' | 'link';
-    inactive?: boolean;
-    color?: 'secondary' | 'on-dark-bg' | 'alert';
-    href?: string;
-    target?: '_blank';
-    testId?: string;
-    children: NodeListOf<HTMLElement> | string | Element | React.ReactNode;
-}
+import React, { ButtonHTMLAttributes } from 'react';
+export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    as?: 'button' | 'link';
+    size?: 'small';
+    variant?: 'outline' | 'link';
+    inactive?: boolean;
+    color?: 'secondary' | 'on-dark-bg' | 'alert';
+    href?: string;
+    target?: '_blank';
+    testId?: string;
+    children: NodeListOf<HTMLElement> | string | Element | React.ReactNode;
+}

package/build/esm/packages/aurora/src/components/buttons_group/css_classes.d.ts

@@ -1,4 +1,4 @@
-export declare const cssButtonsGroup = "buttons-group";
-export declare const cssButtonsGroupHCenter: string;
-export declare const cssButtonsGroupHRight: string;
-export declare const cssButtonsGroupReverseOrder: string;
+export declare const cssButtonsGroup = "buttons-group";
+export declare const cssButtonsGroupHCenter: string;
+export declare const cssButtonsGroupHRight: string;
+export declare const cssButtonsGroupReverseOrder: string;

package/build/esm/packages/aurora/src/components/buttons_group/css_classes.js

@@ -1,7 +1,7 @@
-const cssButtonsGroup = 'buttons-group';
-const cssButtonsGroupHCenter = `${cssButtonsGroup}_hcenter`;
-const cssButtonsGroupHRight = `${cssButtonsGroup}_hright`;
-const cssButtonsGroupReverseOrder = `${cssButtonsGroup}_reverse-order`;
+var cssButtonsGroup = 'buttons-group';
+var cssButtonsGroupHCenter = "".concat(cssButtonsGroup, "_hcenter");
+var cssButtonsGroupHRight = "".concat(cssButtonsGroup, "_hright");
+var cssButtonsGroupReverseOrder = "".concat(cssButtonsGroup, "_reverse-order");
 
 export { cssButtonsGroup, cssButtonsGroupHCenter, cssButtonsGroupHRight, cssButtonsGroupReverseOrder };
 //# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/buttons_group/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { IButtonsGroupProps } from './types';
-declare const ButtonsGroup: React.FC<IButtonsGroupProps>;
-export default ButtonsGroup;
+import React from 'react';
+import { IButtonsGroupProps } from './types';
+declare const ButtonsGroup: React.FC<IButtonsGroupProps>;
+export default ButtonsGroup;

package/build/esm/packages/aurora/src/components/buttons_group/index.js

@@ -1,15 +1,18 @@
 import React from 'react';
+import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import classnames from 'classnames';
 import cssClasses from '../../css/buttons_group/main.module.less.js';
-import { cssButtonsGroup, cssButtonsGroupHCenter, cssButtonsGroupHRight, cssButtonsGroupReverseOrder } from './css_classes.js';
+import { cssButtonsGroup, cssButtonsGroupReverseOrder, cssButtonsGroupHCenter, cssButtonsGroupHRight } from './css_classes.js';
 
-const ButtonsGroup = ({ align = 'right', isOrderReversed, children }) => {
-    const classNames = classnames(cssClasses[cssButtonsGroup], {
-        [cssClasses[cssButtonsGroupHCenter]]: align === 'center',
-        [cssClasses[cssButtonsGroupHRight]]: align === 'right',
-        [cssClasses[cssButtonsGroupReverseOrder]]: isOrderReversed
-    });
-    return React.createElement("div", { className: classNames }, children);
+var ButtonsGroup = function ButtonsGroup(_ref) {
+  var _ref$align = _ref.align,
+      align = _ref$align === void 0 ? 'right' : _ref$align,
+      isOrderReversed = _ref.isOrderReversed,
+      children = _ref.children;
+  var classNames = classnames(cssClasses[cssButtonsGroup], _defineProperty(_defineProperty(_defineProperty({}, cssClasses[cssButtonsGroupHCenter], align === 'center'), cssClasses[cssButtonsGroupHRight], align === 'right'), cssClasses[cssButtonsGroupReverseOrder], isOrderReversed));
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames
+  }, children);
 };
 
 export default ButtonsGroup;

package/build/esm/packages/aurora/src/components/buttons_group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/buttons_group/types.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-export interface IButtonsGroupProps {
-    align?: 'left' | 'center' | 'right';
-    isOrderReversed?: boolean;
-    children: ReactNode;
-}
+import { ReactNode } from 'react';
+export interface IButtonsGroupProps {
+    align?: 'left' | 'center' | 'right';
+    isOrderReversed?: boolean;
+    children: ReactNode;
+}

package/build/esm/packages/aurora/src/components/color_picker/components/buttons.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { IColorPickerButtonsProps } from '../types';
-declare const ColorPickerButtons: React.FC<IColorPickerButtonsProps>;
-export default ColorPickerButtons;
+import React from 'react';
+import { IColorPickerButtonsProps } from '../types';
+declare const ColorPickerButtons: React.FC<IColorPickerButtonsProps>;
+export default ColorPickerButtons;

package/build/esm/packages/aurora/src/components/color_picker/components/buttons.js

@@ -1,5 +1,6 @@
 import React, { useContext } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { slicedToArray as _slicedToArray, extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import Button from '../../button/index.js';
 import ButtonsGroup from '../../buttons_group/index.js';
 import { cssColorPickerButtonsGroup } from '../css_classes.js';
@@ -7,30 +8,47 @@ import { DropdownContext } from '../../dropdown/context/index.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import styles from '../../../css/color_picker/main.module.less.js';
 
-const ColorPickerButtons = ({ restoreInitialColor }) => {
-    const [t] = useTranslation();
-    const { toggleDropdown } = useContext(DropdownContext);
-    const screenSize = useScreenDetect();
-    const onCancel = () => {
-        restoreInitialColor();
-        toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
-    };
-    const onChoose = () => {
-        toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
-    };
-    const primaryButtonProps = {
-        variant: screenSize === 'xs' ? undefined : 'link',
-        size: screenSize === 'xs' ? 'small' : undefined
-    };
-    const secondaryButtonProps = {
-        variant: screenSize === 'xs' ? 'outline' : 'link',
-        size: screenSize === 'xs' ? 'small' : undefined,
-        color: screenSize === 'xs' ? undefined : 'secondary'
-    };
-    return (React.createElement("div", { className: styles[cssColorPickerButtonsGroup] },
-        React.createElement(ButtonsGroup, null,
-            React.createElement(Button, { as: "button", ...secondaryButtonProps, onClick: onCancel }, t('cancel')),
-            React.createElement(Button, { as: "button", ...primaryButtonProps, onClick: onChoose }, t('choose')))));
+var ColorPickerButtons = function ColorPickerButtons(_ref) {
+  var restoreInitialColor = _ref.restoreInitialColor;
+
+  var _useTranslation = useTranslation(),
+      _useTranslation2 = _slicedToArray(_useTranslation, 1),
+      t = _useTranslation2[0];
+
+  var _useContext = useContext(DropdownContext),
+      toggleDropdown = _useContext.toggleDropdown;
+
+  var screenSize = useScreenDetect();
+
+  var onCancel = function onCancel() {
+    restoreInitialColor();
+    toggleDropdown === null || toggleDropdown === void 0 || toggleDropdown();
+  };
+
+  var onChoose = function onChoose() {
+    toggleDropdown === null || toggleDropdown === void 0 || toggleDropdown();
+  };
+
+  var primaryButtonProps = {
+    variant: screenSize === 'xs' ? undefined : 'link',
+    size: screenSize === 'xs' ? 'small' : undefined
+  };
+  var secondaryButtonProps = {
+    variant: screenSize === 'xs' ? 'outline' : 'link',
+    size: screenSize === 'xs' ? 'small' : undefined,
+    color: screenSize === 'xs' ? undefined : 'secondary'
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles[cssColorPickerButtonsGroup]
+  }, /*#__PURE__*/React.createElement(ButtonsGroup, null, /*#__PURE__*/React.createElement(Button, _extends({
+    as: "button"
+  }, secondaryButtonProps, {
+    onClick: onCancel
+  }), t('cancel')), /*#__PURE__*/React.createElement(Button, _extends({
+    as: "button"
+  }, primaryButtonProps, {
+    onClick: onChoose
+  }), t('choose'))));
 };
 
 export default ColorPickerButtons;

package/build/esm/packages/aurora/src/components/color_picker/components/buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/components/hue_picker.d.ts

@@ -1,4 +1,4 @@
-import { IHuePickerProps } from '../types';
-import React from 'react';
-declare const HuePicker: React.FC<IHuePickerProps>;
-export default HuePicker;
+import { IHuePickerProps } from '../types';
+import React from 'react';
+declare const HuePicker: React.FC<IHuePickerProps>;
+export default HuePicker;