@jetbrains/ring-ui-built 6.0.1

package/components/avatar/fallback-avatar.js

@@ -0,0 +1,151 @@
+import { j as _slicedToArray, l as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.concat.js';
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import getUID from '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
+
+var colorPairs = [['#60A800', '#D5CA00'], ['#21D370', '#03E9E1'], ['#3BA1FF', '#36E97D'], ['#00C243', '#00FFFF'], ['#4BE098', '#627FFF'], ['#168BFA', '#26F7C7'], ['#9D4CFF', '#39D3C3'], ['#0A81F6', '#0ACFF6'], ['#765AF8', '#5A91F8'], ['#9E54FF', '#0ACFF6'], ['#B345F1', '#669DFF'], ['#765AF8', '#C059EE'], ['#9039D0', '#C239D0'], ['#9F2AFF', '#FD56FD'], ['#AB3AF2', '#E40568'], ['#9F2AFF', '#E9A80B'], ['#D50F6B', '#E73AE8'], ['#ED5502', '#E73AE8'], ['#ED358C', '#DBED18'], ['#ED358C', '#F9902E'], ['#FF7500', '#FFCA00']];
+var Sizes = {
+  18: {
+    radius: 2,
+    text: {
+      x: 9,
+      y: 13
+    },
+    fontSize: '11px',
+    textAnchor: 'middle'
+  },
+  24: {
+    radius: 3,
+    text: {
+      x: 2,
+      y: 13
+    },
+    fontSize: '11px',
+    underscore: {
+      x: 3,
+      y: 17
+    }
+  },
+  32: {
+    radius: 3,
+    text: {
+      x: 3,
+      y: 17
+    },
+    fontSize: '13px',
+    letterSpacing: 1,
+    underscore: {
+      x: 4,
+      y: 22
+    }
+  },
+  40: {
+    radius: 3,
+    text: {
+      x: 5,
+      y: 19
+    },
+    fontSize: '15px',
+    letterSpacing: 1,
+    underscore: {
+      x: 6,
+      y: 28
+    }
+  }
+};
+var sizeKeys = Object.keys(Sizes).map(Number);
+function extractLetters(name) {
+  var names = name.split(/[\s._]+/).filter(Boolean).map(function (word) {
+    return Array.from(word);
+  });
+  if (names.length >= 2) {
+    return names[0][0].toUpperCase() + names[1][0].toUpperCase();
+  } else if (names.length === 1) {
+    if (names[0].length >= 2) {
+      return names[0].slice(0, 2).join('').toUpperCase();
+    } else {
+      return "".concat(names[0][0].toUpperCase(), "X");
+    }
+  } else {
+    return 'XX';
+  }
+}
+// https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0#gistcomment-2775538
+var BASE = 32;
+function hashCode(s) {
+  var h = 0;
+  for (var i = 0; i < s.length; i++) {
+    h = Math.imul(BASE - 1, h) + s.charCodeAt(i) | 0;
+  }
+  return h;
+}
+function FallbackAvatar(_ref) {
+  var username = _ref.username,
+    size = _ref.size,
+    round = _ref.round;
+  var hash = Math.abs(hashCode(username.toLowerCase()));
+  var _colorPairs = _slicedToArray(colorPairs[hash % colorPairs.length], 2),
+    fromColor = _colorPairs[0],
+    toColor = _colorPairs[1];
+  var possibleSizeKeys = sizeKeys.filter(function (key) {
+    return key >= size;
+  });
+  var sizeKey = possibleSizeKeys.length > 0 ? Math.min.apply(Math, _toConsumableArray(possibleSizeKeys)) : Math.max.apply(Math, _toConsumableArray(sizeKeys));
+  var sizes = Sizes[sizeKey];
+  var radius = round ? '50%' : sizes.radius;
+  var gradientId = useMemo(function () {
+    return getUID('gradient-');
+  }, []);
+  return /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 ".concat(sizeKey, " ").concat(sizeKey),
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: gradientId,
+    x1: "0",
+    y1: "0",
+    x2: "0",
+    y2: "1"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: fromColor,
+    offset: "0"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: toColor,
+    offset: "1"
+  }))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("rect", {
+    fill: "url(#".concat(gradientId, ")"),
+    x: "0",
+    y: "0",
+    width: sizeKey,
+    height: sizeKey,
+    rx: radius,
+    ry: radius
+  }), /*#__PURE__*/React.createElement("text", {
+    x: sizes.text.x,
+    y: sizes.text.y,
+    fontFamily: "Arial, Helvetica, sans-serif",
+    fontSize: sizes.fontSize,
+    letterSpacing: sizes.letterSpacing,
+    fill: "#FFFFFF",
+    textAnchor: sizes.textAnchor,
+    cursor: "default"
+  }, /*#__PURE__*/React.createElement("tspan", null, extractLetters(username)), sizes.underscore && /*#__PURE__*/React.createElement("tspan", {
+    x: sizes.underscore.x,
+    y: sizes.underscore.y
+  }, '_')), /*#__PURE__*/React.createElement("title", null, username)));
+}
+FallbackAvatar.propTypes = {
+  username: PropTypes.string.isRequired,
+  size: PropTypes.number.isRequired,
+  round: PropTypes.bool
+};
+
+export { FallbackAvatar as default };

package/components/badge/badge.d.ts

@@ -0,0 +1,24 @@
+import React, { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+export interface BadgeProps extends HTMLAttributes<HTMLElement> {
+    gray?: boolean | null | undefined;
+    valid?: boolean | null | undefined;
+    invalid?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Badge
+ */
+export default class Badge extends PureComponent<BadgeProps> {
+    static propTypes: {
+        gray: PropTypes.Requireable<boolean>;
+        valid: PropTypes.Requireable<boolean>;
+        invalid: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        'data-test': PropTypes.Requireable<string>;
+    };
+    render(): React.JSX.Element;
+}

package/components/badge/badge.js

@@ -0,0 +1,59 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import joinDataTestAttributes from '../global/data-tests.js';
+import { m as modules_6c9187df } from '../_helpers/badge.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+
+var _excluded = ["gray", "valid", "invalid", "disabled", "className", "children", "data-test"];
+/**
+ * @name Badge
+ */
+var Badge = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Badge, _PureComponent);
+  var _super = _createSuper(Badge);
+  function Badge() {
+    _classCallCheck(this, Badge);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Badge, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        gray = _this$props.gray,
+        valid = _this$props.valid,
+        invalid = _this$props.invalid,
+        disabled = _this$props.disabled,
+        className = _this$props.className,
+        children = _this$props.children,
+        dataTest = _this$props['data-test'],
+        props = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_6c9187df.badge, className, {
+        [modules_6c9187df.gray]: gray,
+        [modules_6c9187df.valid]: valid,
+        [modules_6c9187df.invalid]: invalid,
+        [modules_6c9187df.disabled]: disabled
+      });
+      return /*#__PURE__*/React.createElement("span", _extends({}, props, {
+        "data-test": joinDataTestAttributes('ring-badge', dataTest),
+        className: classes
+      }), children);
+    }
+  }]);
+  return Badge;
+}(PureComponent);
+_defineProperty(Badge, "propTypes", {
+  gray: PropTypes.bool,
+  valid: PropTypes.bool,
+  invalid: PropTypes.bool,
+  disabled: PropTypes.bool,
+  className: PropTypes.string,
+  children: PropTypes.node,
+  'data-test': PropTypes.string
+});
+
+export { Badge as default };

package/components/button/button.d.ts

@@ -0,0 +1,67 @@
+import React, { PureComponent, ButtonHTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { IconProps, IconType, Size } from '../icon/icon';
+import { ClickableLinkProps } from '../link/clickableLink';
+import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
+export interface ButtonBaseProps {
+    height?: ControlsHeight | undefined;
+    active?: boolean | null | undefined;
+    danger?: boolean | null | undefined;
+    delayed?: boolean | null | undefined;
+    loader?: boolean | null | undefined;
+    primary?: boolean | null | undefined;
+    short?: boolean | null | undefined;
+    text?: boolean | null | undefined;
+    inline?: boolean | null | undefined;
+    dropdown?: boolean | null | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | IconType | null | undefined;
+    iconSize?: IconProps['size'];
+    iconClassName?: string | null | undefined;
+    iconSuppressSizeWarning?: boolean | null | undefined;
+}
+export interface ButtonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonBaseProps {
+    href?: undefined;
+}
+export interface ButtonLinkProps extends ClickableLinkProps, ButtonBaseProps {
+    autoFocus?: never;
+    href: string;
+}
+export type ButtonProps = ButtonButtonProps | ButtonLinkProps;
+/**
+ * @name Button
+ */
+/**
+ * A component for displaying variously styled buttons.
+ */
+export declare class Button extends PureComponent<ButtonProps> {
+    static propTypes: {
+        active: PropTypes.Requireable<boolean>;
+        danger: PropTypes.Requireable<boolean>;
+        delayed: PropTypes.Requireable<boolean>;
+        loader: PropTypes.Requireable<boolean>;
+        primary: PropTypes.Requireable<boolean>;
+        short: PropTypes.Requireable<boolean>;
+        text: PropTypes.Requireable<boolean>;
+        inline: PropTypes.Requireable<boolean>;
+        dropdown: PropTypes.Requireable<boolean>;
+        href: PropTypes.Requireable<string>;
+        target: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
+        iconSize: PropTypes.Requireable<number>;
+        iconClassName: PropTypes.Requireable<string>;
+        iconSuppressSizeWarning: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static IconSize: typeof Size;
+    static contextType: React.Context<ControlsHeight>;
+    context: React.ContextType<typeof ControlsHeightContext>;
+    buttonRef: React.RefObject<HTMLButtonElement>;
+    render(): React.JSX.Element;
+}
+export { Size as IconSize };
+export type ContainerProps<T extends ButtonProps> = JSX.LibraryManagedAttributes<typeof Button, T>;
+export type ButtonAttrs = ContainerProps<ButtonButtonProps> | ContainerProps<ButtonLinkProps>;
+export default Button;

package/components/button/button.js

@@ -0,0 +1,131 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, g as _objectSpread2, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import React, { createRef, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import chevronDown from '@jetbrains/icons/chevron-10px';
+import Icon from '../icon/icon.js';
+import ClickableLink from '../link/clickableLink.js';
+import { ControlsHeightContext } from '../global/controls-height.js';
+import { g as getButtonClasses, m as modules_e81895c9 } from '../_helpers/button__classes.js';
+import { Size } from '../icon/icon__constants.js';
+import 'util-deprecate';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+
+var _excluded = ["active", "danger", "delayed", "loader", "primary", "short", "text", "inline", "dropdown", "height", "icon", "iconSize", "iconClassName", "iconSuppressSizeWarning", "className", "children"];
+/**
+ * @name Button
+ */
+/**
+ * A component for displaying variously styled buttons.
+ */
+var Button = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Button, _PureComponent);
+  var _super = _createSuper(Button);
+  function Button() {
+    var _this;
+    _classCallCheck(this, Button);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "buttonRef", /*#__PURE__*/createRef());
+    return _this;
+  }
+  _createClass(Button, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        active = _this$props.active,
+        danger = _this$props.danger,
+        delayed = _this$props.delayed,
+        loader = _this$props.loader,
+        primary = _this$props.primary,
+        short = _this$props.short,
+        text = _this$props.text,
+        inline = _this$props.inline,
+        dropdown = _this$props.dropdown,
+        _this$props$height = _this$props.height,
+        height = _this$props$height === void 0 ? this.context : _this$props$height,
+        icon = _this$props.icon,
+        iconSize = _this$props.iconSize,
+        iconClassName = _this$props.iconClassName,
+        iconSuppressSizeWarning = _this$props.iconSuppressSizeWarning,
+        className = _this$props.className,
+        children = _this$props.children,
+        props = _objectWithoutProperties(_this$props, _excluded);
+      var classes = getButtonClasses({
+        className,
+        active,
+        danger,
+        delayed,
+        icon,
+        loader,
+        primary,
+        short,
+        text,
+        inline,
+        height
+      });
+      var content = /*#__PURE__*/React.createElement("span", {
+        className: modules_e81895c9.content
+      }, icon && /*#__PURE__*/React.createElement("span", {
+        className: classNames(modules_e81895c9.icon, iconClassName)
+      }, /*#__PURE__*/React.createElement(Icon, {
+        glyph: icon,
+        size: iconSize,
+        loading: loader,
+        suppressSizeWarning: iconSuppressSizeWarning
+      })), children && /*#__PURE__*/React.createElement("span", null, children), dropdown && /*#__PURE__*/React.createElement(Icon, {
+        glyph: chevronDown,
+        className: modules_e81895c9.dropdownIcon
+      }));
+      var commonProps = _objectSpread2(_objectSpread2({
+        tabIndex: loader ? -1 : 0
+      }, props), {}, {
+        className: classes,
+        children: /*#__PURE__*/React.createElement(React.Fragment, null, loader && !text && !icon && /*#__PURE__*/React.createElement("div", {
+          className: modules_e81895c9.loaderBackground
+        }), content)
+      });
+      return commonProps.href != null ? /*#__PURE__*/React.createElement(ClickableLink, commonProps) : /*#__PURE__*/React.createElement("button", _extends({
+        ref: this.buttonRef,
+        type: "button"
+      }, commonProps));
+    }
+  }]);
+  return Button;
+}(PureComponent);
+_defineProperty(Button, "propTypes", {
+  active: PropTypes.bool,
+  danger: PropTypes.bool,
+  delayed: PropTypes.bool,
+  loader: PropTypes.bool,
+  primary: PropTypes.bool,
+  short: PropTypes.bool,
+  text: PropTypes.bool,
+  inline: PropTypes.bool,
+  dropdown: PropTypes.bool,
+  href: PropTypes.string,
+  target: PropTypes.string,
+  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+  iconSize: PropTypes.number,
+  iconClassName: PropTypes.string,
+  iconSuppressSizeWarning: PropTypes.bool,
+  className: PropTypes.string,
+  children: PropTypes.node,
+  onClick: PropTypes.func
+});
+_defineProperty(Button, "IconSize", Size);
+_defineProperty(Button, "contextType", ControlsHeightContext);
+
+export { Button, Size as IconSize, Button as default };

package/components/button/button__classes.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from './button';
+export declare function getButtonClasses({ className, active, disabled, loader, primary, short, text, inline, danger, delayed, icon, height }: ButtonProps): string;

package/components/button/button__classes.js

@@ -0,0 +1,2 @@
+import 'classnames';
+export { g as getButtonClasses } from '../_helpers/button__classes.js';

package/components/button-group/button-group.d.ts

@@ -0,0 +1,18 @@
+import React, { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import Caption from './caption';
+export interface ButtonGroupProps extends HTMLAttributes<HTMLElement> {
+    split?: boolean | null | undefined;
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Button Group
+ */
+export default class ButtonGroup extends PureComponent<ButtonGroupProps> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): React.JSX.Element;
+}
+export { Caption };

package/components/button-group/button-group.js

@@ -0,0 +1,48 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import joinDataTestAttributes from '../global/data-tests.js';
+import { m as modules_1068e447 } from '../_helpers/caption.js';
+export { C as Caption } from '../_helpers/caption.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+
+var _excluded = ["className", "split", "data-test"];
+/**
+ * @name Button Group
+ */
+var ButtonGroup = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ButtonGroup, _PureComponent);
+  var _super = _createSuper(ButtonGroup);
+  function ButtonGroup() {
+    _classCallCheck(this, ButtonGroup);
+    return _super.apply(this, arguments);
+  }
+  _createClass(ButtonGroup, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        split = _this$props.split,
+        dataTest = _this$props['data-test'],
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(split ? modules_1068e447.split : modules_1068e447.buttonGroup, className);
+      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+        "data-test": joinDataTestAttributes('ring-button-group', dataTest),
+        className: classes
+      }));
+    }
+  }]);
+  return ButtonGroup;
+}(PureComponent);
+_defineProperty(ButtonGroup, "propTypes", {
+  children: PropTypes.node,
+  className: PropTypes.string
+});
+
+export { ButtonGroup as default };

package/components/button-group/caption.d.ts

@@ -0,0 +1,8 @@
+import React, { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+export default class Caption extends PureComponent<HTMLAttributes<HTMLElement>> {
+    static propTypes: {
+        className: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): React.JSX.Element;
+}

package/components/button-group/caption.js

@@ -0,0 +1,5 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+export { C as default } from '../_helpers/caption.js';

package/components/button-set/button-set.d.ts

@@ -0,0 +1,16 @@
+import React, { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+export interface ButtonSetProps extends HTMLAttributes<HTMLElement> {
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Button Set
+ */
+export default class ButtonSet extends PureComponent<ButtonSetProps> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
+    };
+    render(): React.JSX.Element;
+}

package/components/button-set/button-set.js

@@ -0,0 +1,47 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import joinDataTestAttributes from '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+
+var modules_fd849143 = {"button":"button_rui_0b90","light":"light_rui_2ac4","buttonSet":"buttonSet_rui_b2a9"};
+
+var _excluded = ["className", "data-test", "children"];
+/**
+ * @name Button Set
+ */
+var ButtonSet = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ButtonSet, _PureComponent);
+  var _super = _createSuper(ButtonSet);
+  function ButtonSet() {
+    _classCallCheck(this, ButtonSet);
+    return _super.apply(this, arguments);
+  }
+  _createClass(ButtonSet, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        dataTest = _this$props['data-test'],
+        children = _this$props.children,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_fd849143.buttonSet, className);
+      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+        "data-test": joinDataTestAttributes('ring-button-set', dataTest),
+        className: classes
+      }), children);
+    }
+  }]);
+  return ButtonSet;
+}(PureComponent);
+_defineProperty(ButtonSet, "propTypes", {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  'data-test': PropTypes.string
+});
+
+export { ButtonSet as default };

package/components/button-toolbar/button-toolbar.d.ts

@@ -0,0 +1,16 @@
+import React, { PureComponent, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+export interface ButtonToolbarProps extends HTMLAttributes<HTMLElement> {
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Button Toolbar
+*/
+export default class ButtonToolbar extends PureComponent<ButtonToolbarProps> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
+    };
+    render(): React.JSX.Element;
+}

package/components/button-toolbar/button-toolbar.js

@@ -0,0 +1,46 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import joinDataTestAttributes from '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+
+var modules_34154ec0 = {"button":"button_rui_0b90","light":"light_rui_2ac4","buttonToolbar":"buttonToolbar_rui_f4fc","buttonGroup":"buttonGroup_rui_f4fc","split":"split_rui_f4fc"};
+
+var _excluded = ["className", "data-test"];
+/**
+ * @name Button Toolbar
+*/
+var ButtonToolbar = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ButtonToolbar, _PureComponent);
+  var _super = _createSuper(ButtonToolbar);
+  function ButtonToolbar() {
+    _classCallCheck(this, ButtonToolbar);
+    return _super.apply(this, arguments);
+  }
+  _createClass(ButtonToolbar, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        dataTest = _this$props['data-test'],
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_34154ec0.buttonToolbar, className);
+      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+        "data-test": joinDataTestAttributes('ring-button-toolbar', dataTest),
+        className: classes
+      }));
+    }
+  }]);
+  return ButtonToolbar;
+}(PureComponent);
+_defineProperty(ButtonToolbar, "propTypes", {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  'data-test': PropTypes.string
+});
+
+export { ButtonToolbar as default };