@jetbrains/ring-ui-built 6.0.5-beta.0

package/components/global/typescript-utils.js

@@ -0,0 +1,8 @@
+var isArray = function isArray(arg) {
+  return Array.isArray(arg);
+};
+var isTruthy = function isTruthy(arg) {
+  return Boolean(arg);
+};
+
+export { isArray, isTruthy };

package/components/global/url.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @description Provides a set of utilities for URL manipulation.
+ */
+/**
+ * @const {RegExp}
+ */
+export declare const ENDING_SLASH_PATTERN: RegExp;
+/**
+ * Get URI from the <base> tag
+ * @return {string|undefined} base URI
+ */
+export declare function getBaseURI(): string | undefined;
+/**
+ * Get absolute URI from the <base> tag
+ * @return {string} absolute base URI
+ */
+export declare function getAbsoluteBaseURL(): string;
+/**
+ * Get origin from the URL
+ * @param {string} url URL to extract origin from
+ * @returns {string|undefined} origin
+ */
+export declare function getOrigin(url: string): string | undefined;
+/**
+ * Get absolute URI from current page
+ * @return {string} absolute URL of current page
+ */
+export declare function getAbsoluteURL(): string;
+/**
+ * Fixes the URL
+ * If the URL is relative and the page contains a <base> TAG, the URL will be converted to absolute
+ * <base href="/">: some/path => /some/path
+ * @param {string} url URL to fix
+ * @param {Function} baseURIGetter a function that returns base URI
+ * @return {string} fixed URL
+ */
+export declare function fixUrl(url: string, baseURIGetter?: typeof getBaseURI): string;
+export declare function joinBaseURLAndPath(baseUrl: string | null | undefined, path: string): string;
+/**
+ * Parses a queryString into an object.
+ * ```
+ * parseQueryString("access_token=2YotnFZFEjr1zCsicMWpAA&state=xyz&token_type=example&expires_in=3600");
+ * // is {access_token: "2YotnFZFEjr1zCsicMWpAA", state: "xyz", token_type: "example", expires_in: "3600"}
+ * ```
+ * @param {string} queryString query parameter string to parse
+ * @return {AuthResponse} object with query parameters map
+ */
+export declare function parseQueryString(queryString: string | null | undefined): Record<string, string>;
+/**
+ * Takes a URL as input and a params object.
+ * Each property in the params is added to the URL as query string parameters
+ * @param {string} url URL to add parameters to
+ * @param {Object} params parameters to add
+ * @returns {string} encoded URL
+ */
+export declare function encodeURL(url: string, params: Record<string, unknown>): string;
+export declare function isDataURI(uri: string): boolean;

package/components/global/url.js

@@ -0,0 +1,141 @@
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.string.replace.js';
+
+/**
+ * @description Provides a set of utilities for URL manipulation.
+ */
+/**
+ * @const {RegExp}
+ */
+var ORIGIN_PATTERN = /^[a-z]+:\/\/[^/]+/i;
+/**
+ * @const {RegExp}
+ */
+var ABSOLUTE_URL_PATTERN = /^[a-z]+:\/\//i;
+/**
+ * @const {RegExp}
+ */
+var ENDING_SLASH_PATTERN = /\/$/;
+/**
+ * Get URI from the <base> tag
+ * @return {string|undefined} base URI
+ */
+function getBaseURI() {
+  var baseElement = document.getElementsByTagName('base')[0];
+  return baseElement ? baseElement.href : undefined;
+}
+/**
+ * Get absolute URI from the <base> tag
+ * @return {string} absolute base URI
+ */
+function getAbsoluteBaseURL() {
+  var baseUrl = getBaseURI();
+  var host = "".concat(window.location.protocol, "//").concat(window.location.host);
+  var uri;
+  if (baseUrl) {
+    uri = ABSOLUTE_URL_PATTERN.test(baseUrl) ? baseUrl : host + baseUrl;
+  } else {
+    uri = host;
+  }
+  return uri;
+}
+/**
+ * Get origin from the URL
+ * @param {string} url URL to extract origin from
+ * @returns {string|undefined} origin
+ */
+function getOrigin(url) {
+  var matches = url.match(ORIGIN_PATTERN);
+  if (matches) {
+    return matches[0];
+  }
+  return undefined;
+}
+/**
+ * Get absolute URI from current page
+ * @return {string} absolute URL of current page
+ */
+function getAbsoluteURL() {
+  return window.location.href.split('#')[0];
+}
+/**
+ * Fixes the URL
+ * If the URL is relative and the page contains a <base> TAG, the URL will be converted to absolute
+ * <base href="/">: some/path => /some/path
+ * @param {string} url URL to fix
+ * @param {Function} baseURIGetter a function that returns base URI
+ * @return {string} fixed URL
+ */
+function fixUrl(url) {
+  var baseURIGetter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getBaseURI;
+  if (url.indexOf('http://') === -1 && url.indexOf('https://') === -1 && url.indexOf('/') !== 0) {
+    var baseUrl = baseURIGetter();
+    if (baseUrl) {
+      return baseUrl + url;
+    }
+  }
+  return url;
+}
+function joinBaseURLAndPath(baseUrl, path) {
+  if (!baseUrl || path.indexOf('http://') !== -1 || path.indexOf('https://') !== -1) {
+    return path;
+  }
+  return baseUrl + path;
+}
+/**
+ * Parses a queryString into an object.
+ * ```
+ * parseQueryString("access_token=2YotnFZFEjr1zCsicMWpAA&state=xyz&token_type=example&expires_in=3600");
+ * // is {access_token: "2YotnFZFEjr1zCsicMWpAA", state: "xyz", token_type: "example", expires_in: "3600"}
+ * ```
+ * @param {string} queryString query parameter string to parse
+ * @return {AuthResponse} object with query parameters map
+ */
+function parseQueryString(queryString) {
+  if (queryString == null) {
+    return {};
+  }
+  var queryParameterPairRE = /([^&;=]+)=?([^&;]*)/g;
+  var FIRST_PAIR_ELEMENT = 1;
+  var SECOND_PAIR_ELEMENT = 2;
+  var urlParams = {};
+  function decode(s) {
+    return decodeURIComponent(s.replace(/\+/g, ' '));
+  }
+  var matchedQueryPair;
+  while ((matchedQueryPair = queryParameterPairRE.exec(queryString)) != null) {
+    urlParams[decode(matchedQueryPair[FIRST_PAIR_ELEMENT])] = decode(matchedQueryPair[SECOND_PAIR_ELEMENT]);
+  }
+  return urlParams;
+}
+function customEncodeURIComponent(str) {
+  var commaRE = /%2C/g;
+  return encodeURIComponent(String(str)).replace(commaRE, ',');
+}
+/**
+ * Takes a URL as input and a params object.
+ * Each property in the params is added to the URL as query string parameters
+ * @param {string} url URL to add parameters to
+ * @param {Object} params parameters to add
+ * @returns {string} encoded URL
+ */
+function encodeURL(url, params) {
+  var equalsSign = '=';
+  var firstSeparator = url.indexOf('?') === -1 ? '?' : '&';
+  var res = url;
+  var k;
+  var i = 0;
+  for (k in params) {
+    if (params.hasOwnProperty(k) && params[k] != null) {
+      res += (i++ === 0 ? firstSeparator : '&') + customEncodeURIComponent(k) + equalsSign + customEncodeURIComponent(params[k]);
+    }
+  }
+  return res;
+}
+function isDataURI(uri) {
+  return uri.indexOf('data:') === 0;
+}
+
+export { ENDING_SLASH_PATTERN, encodeURL, fixUrl, getAbsoluteBaseURL, getAbsoluteURL, getBaseURI, getOrigin, isDataURI, joinBaseURLAndPath, parseQueryString };

package/components/global/use-event-callback.d.ts

@@ -0,0 +1 @@
+export default function useEventCallback<I extends unknown[], O>(fn: (...args: I) => O): (...args: I) => O;

package/components/global/use-event-callback.js

@@ -0,0 +1,17 @@
+import { useRef, useLayoutEffect, useCallback } from 'react';
+
+function useEventCallback(fn) {
+  var ref = useRef();
+  useLayoutEffect(function () {
+    ref.current = fn;
+  });
+  return useCallback(function () {
+    var current = ref.current;
+    if (current == null) {
+      throw new Error('callback created in useEventCallback can only be called from event handlers');
+    }
+    return current.apply(void 0, arguments);
+  }, []);
+}
+
+export { useEventCallback as default };

package/components/global/variables.d.ts

@@ -0,0 +1,89 @@
+import type { Property } from 'csstype';
+export interface RingCSSProperties {
+    '--ring-unit'?: string;
+    '--ring-line-color'?: Property.BorderColor;
+    '--ring-borders-color'?: Property.BorderColor;
+    '--ring-icon-color'?: Property.Color;
+    '--ring-icon-secondary-color'?: Property.Color;
+    '--ring-border-disabled-color'?: Property.BorderColor;
+    '--ring-icon-disabled-color'?: Property.Color;
+    '--ring-border-hover-color'?: Property.BorderColor;
+    '--ring-icon-hover-color'?: Property.Color;
+    '--ring-main-color'?: Property.Color;
+    '--ring-main-hover-color'?: Property.Color;
+    '--ring-icon-error-color'?: Property.Color;
+    '--ring-icon-warning-color'?: Property.Color;
+    '--ring-icon-success-color'?: Property.Color;
+    '--ring-pale-control-color'?: Property.Color;
+    '--ring-popup-border-components'?: string;
+    '--ring-popup-border-color'?: Property.BorderColor;
+    '--ring-popup-shadow-color'?: Property.Color;
+    '--ring-message-shadow-color'?: Property.Color;
+    '--ring-pinned-shadow-color'?: Property.Color;
+    '--ring-button-danger-hover-color'?: Property.Color;
+    '--ring-button-primary-border-color'?: Property.Color;
+    '--ring-search-color'?: Property.Color;
+    '--ring-hint-color'?: Property.Color;
+    '--ring-link-color'?: Property.Color;
+    '--ring-link-hover-color'?: Property.Color;
+    '--ring-error-color'?: Property.Color;
+    '--ring-warning-color'?: Property.Color;
+    '--ring-success-color'?: Property.Color;
+    '--ring-text-color'?: Property.Color;
+    '--ring-active-text-color'?: Property.Color;
+    '--ring-white-text-color'?: Property.Color;
+    '--ring-heading-color'?: Property.Color;
+    '--ring-secondary-color'?: Property.Color;
+    '--ring-disabled-color'?: Property.Color;
+    '--ring-content-background-color'?: Property.BackgroundColor;
+    '--ring-popup-background-color'?: Property.BackgroundColor;
+    '--ring-sidebar-background-color'?: Property.BackgroundColor;
+    '--ring-selected-background-color'?: Property.BackgroundColor;
+    '--ring-hover-background-color'?: Property.BackgroundColor;
+    '--ring-navigation-background-color'?: Property.BackgroundColor;
+    '--ring-tag-background-color'?: Property.BackgroundColor;
+    '--ring-tag-hover-background-color'?: Property.BackgroundColor;
+    '--ring-removed-background-color'?: Property.BackgroundColor;
+    '--ring-warning-background-color'?: Property.BackgroundColor;
+    '--ring-added-background-color'?: Property.BackgroundColor;
+    '--ring-disabled-background-color'?: Property.BackgroundColor;
+    '--ring-disabled-selected-background-color'?: Property.BackgroundColor;
+    '--ring-button-danger-active-color'?: Property.BackgroundColor;
+    '--ring-button-loader-background'?: Property.BackgroundColor;
+    '--ring-button-primary-background-color'?: Property.BackgroundColor;
+    '--ring-code-background-color'?: Property.BackgroundColor;
+    '--ring-code-color'?: Property.Color;
+    '--ring-code-comment-color'?: Property.Color;
+    '--ring-code-meta-color'?: Property.Color;
+    '--ring-code-keyword-color'?: Property.Color;
+    '--ring-code-tag-background-color'?: Property.BackgroundColor;
+    '--ring-code-tag-color'?: Property.Color;
+    '--ring-code-tag-font-weight'?: Property.FontWeight;
+    '--ring-code-field-color'?: Property.Color;
+    '--ring-code-attribute-color'?: Property.Color;
+    '--ring-code-number-color'?: Property.Color;
+    '--ring-code-string-color'?: Property.Color;
+    '--ring-code-addition-color'?: Property.Color;
+    '--ring-code-deletion-color'?: Property.Color;
+    '--ring-border-radius'?: Property.BorderRadius;
+    '--ring-border-radius-small'?: Property.BorderRadius;
+    '--ring-font-size-larger'?: Property.FontSize;
+    '--ring-font-size'?: Property.FontSize;
+    '--ring-font-size-smaller'?: Property.FontSize;
+    '--ring-line-height-taller'?: Property.LineHeight;
+    '--ring-line-height'?: Property.LineHeight;
+    '--ring-line-height-lower'?: Property.LineHeight;
+    '--ring-line-height-lowest'?: Property.LineHeight;
+    '--ring-ease'?: string;
+    '--ring-fast-ease'?: string;
+    '--ring-font-family'?: Property.FontFamily;
+    '--ring-font-family-monospace'?: Property.FontFamily;
+    '--ring-invisible-element-z-index'?: Property.ZIndex;
+    '--ring-fixed-z-index'?: Property.ZIndex;
+    '--ring-overlay-z-index'?: Property.ZIndex;
+    '--ring-alert-z-index'?: Property.ZIndex;
+}
+declare module 'csstype' {
+    interface Properties extends RingCSSProperties {
+    }
+}

package/components/global/variables.js

@@ -0,0 +1 @@
+

package/components/grid/col.d.ts

@@ -0,0 +1,31 @@
+import React, { Component, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+export interface ColProps {
+    children?: ReactNode;
+    xs?: boolean | number | null | undefined;
+    sm?: boolean | number | null | undefined;
+    md?: boolean | number | null | undefined;
+    lg?: boolean | number | null | undefined;
+    xsOffset?: number | null | undefined;
+    smOffset?: number | null | undefined;
+    mdOffset?: number | null | undefined;
+    lgOffset?: number | null | undefined;
+    reverse?: boolean | null | undefined;
+    className?: string | null | undefined;
+}
+export default class Col extends Component<ColProps> {
+    static propTypes: {
+        xs: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
+        sm: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
+        md: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
+        lg: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
+        xsOffset: PropTypes.Requireable<number>;
+        smOffset: PropTypes.Requireable<number>;
+        mdOffset: PropTypes.Requireable<number>;
+        lgOffset: PropTypes.Requireable<number>;
+        reverse: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): React.JSX.Element;
+}

package/components/grid/col.js

@@ -0,0 +1,81 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, j as _slicedToArray } 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.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.reverse.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_855170c0 } from '../_helpers/grid.js';
+
+var _excluded = ["children", "className", "reverse"];
+var ModifierType = PropTypes.oneOfType([PropTypes.number, PropTypes.bool]);
+var classMap = {
+  xs: 'col-xs',
+  sm: 'col-sm',
+  md: 'col-md',
+  lg: 'col-lg',
+  xsOffset: 'col-xs-offset',
+  smOffset: 'col-sm-offset',
+  mdOffset: 'col-md-offset',
+  lgOffset: 'col-lg-offset'
+};
+/**
+ * Converts props like "xs=9 xsOffset={2}" to classes "col-xs-9 col-xs-offset-2"
+ * @param {Object} props incoming props
+ * @returns {Array} result classnames
+ */
+function getClassNames(props) {
+  return Object.entries(props).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 1),
+      key = _ref2[0];
+    return classMap[key];
+  }).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
+    return modules_855170c0[Number.isInteger(value) ? "".concat(classMap[key], "-").concat(value) : classMap[key]];
+  });
+}
+var Col = /*#__PURE__*/function (_Component) {
+  _inherits(Col, _Component);
+  var _super = _createSuper(Col);
+  function Col() {
+    _classCallCheck(this, Col);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Col, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        reverse = _this$props.reverse,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_855170c0.col, className, getClassNames(restProps), {
+        [modules_855170c0.reverse]: reverse
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes
+      }, children);
+    }
+  }]);
+  return Col;
+}(Component);
+_defineProperty(Col, "propTypes", {
+  xs: ModifierType,
+  sm: ModifierType,
+  md: ModifierType,
+  lg: ModifierType,
+  xsOffset: PropTypes.number,
+  smOffset: PropTypes.number,
+  mdOffset: PropTypes.number,
+  lgOffset: PropTypes.number,
+  reverse: PropTypes.bool,
+  className: PropTypes.string,
+  children: PropTypes.node
+});
+
+export { Col as default };

package/components/grid/grid.d.ts

@@ -0,0 +1,14 @@
+import React, { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Grid
+ */
+export declare class Grid extends Component<HTMLAttributes<HTMLDivElement>> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): React.JSX.Element;
+}
+export { default as Row } from './row';
+export { default as Col } from './col';

package/components/grid/grid.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, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_855170c0 } from '../_helpers/grid.js';
+export { default as Row } from './row.js';
+export { default as Col } from './col.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.reverse.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.entries.js';
+
+var _excluded = ["children", "className"];
+/**
+ * @name Grid
+ */
+var Grid = /*#__PURE__*/function (_Component) {
+  _inherits(Grid, _Component);
+  var _super = _createSuper(Grid);
+  function Grid() {
+    _classCallCheck(this, Grid);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Grid, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_855170c0['container-fluid'], className);
+      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+        className: classes
+      }), children);
+    }
+  }]);
+  return Grid;
+}(Component);
+_defineProperty(Grid, "propTypes", {
+  className: PropTypes.string,
+  children: PropTypes.node
+});
+
+export { Grid };

package/components/grid/row.d.ts

@@ -0,0 +1,40 @@
+import React, { Component, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+declare const ModifierType: PropTypes.Requireable<string>;
+type ModifierType = 'xs' | 'sm' | 'md' | 'lg';
+export interface RowProps {
+    children?: ReactNode;
+    reverse?: boolean | null | undefined;
+    start?: ModifierType | null | undefined;
+    center?: ModifierType | null | undefined;
+    end?: ModifierType | null | undefined;
+    top?: ModifierType | null | undefined;
+    middle?: ModifierType | null | undefined;
+    baseline?: ModifierType | null | undefined;
+    bottom?: ModifierType | null | undefined;
+    around?: ModifierType | null | undefined;
+    between?: ModifierType | null | undefined;
+    first?: ModifierType | null | undefined;
+    last?: ModifierType | null | undefined;
+    className?: string | null | undefined;
+}
+export default class Row extends Component<RowProps> {
+    static propTypes: {
+        reverse: PropTypes.Requireable<boolean>;
+        start: PropTypes.Requireable<string>;
+        center: PropTypes.Requireable<string>;
+        end: PropTypes.Requireable<string>;
+        top: PropTypes.Requireable<string>;
+        middle: PropTypes.Requireable<string>;
+        baseline: PropTypes.Requireable<string>;
+        bottom: PropTypes.Requireable<string>;
+        around: PropTypes.Requireable<string>;
+        between: PropTypes.Requireable<string>;
+        first: PropTypes.Requireable<string>;
+        last: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): React.JSX.Element;
+}
+export {};

package/components/grid/row.js

@@ -0,0 +1,70 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.reverse.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_855170c0 } from '../_helpers/grid.js';
+
+var _excluded = ["children", "className", "reverse"];
+var ModifierType = PropTypes.oneOf(['xs', 'sm', 'md', 'lg']);
+var modifierKeys = ['start', 'center', 'end', 'around', 'between', 'top', 'middle', 'baseline', 'bottom', 'first', 'last' // order
+];
+/**
+ * Converts xs="middle" to class "middle-xs"
+ * @param {Object} props incoming props
+ * @returns {Array} result modifier classes
+ */
+function getModifierClassNames(props) {
+  return modifierKeys.reduce(function (result, key) {
+    if (props[key]) {
+      return result.concat(modules_855170c0["".concat(key, "-").concat(props[key])]);
+    }
+    return result;
+  }, []);
+}
+var Row = /*#__PURE__*/function (_Component) {
+  _inherits(Row, _Component);
+  var _super = _createSuper(Row);
+  function Row() {
+    _classCallCheck(this, Row);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Row, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        reverse = _this$props.reverse,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(className, modules_855170c0.row, getModifierClassNames(restProps), {
+        [modules_855170c0.reverse]: reverse
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes
+      }, children);
+    }
+  }]);
+  return Row;
+}(Component);
+_defineProperty(Row, "propTypes", {
+  reverse: PropTypes.bool,
+  start: ModifierType,
+  center: ModifierType,
+  end: ModifierType,
+  top: ModifierType,
+  middle: ModifierType,
+  baseline: ModifierType,
+  bottom: ModifierType,
+  around: ModifierType,
+  between: ModifierType,
+  first: ModifierType,
+  last: ModifierType,
+  className: PropTypes.string,
+  children: PropTypes.node
+});
+
+export { Row as default };

package/components/group/group.d.ts

@@ -0,0 +1,12 @@
+import React, { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Group
+ */
+export default class Group extends Component<HTMLAttributes<HTMLSpanElement>> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): React.JSX.Element;
+}

package/components/group/group.js

@@ -0,0 +1,39 @@
+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, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+var modules_d9da30c7 = {"unit":"i__const_unit_0","light":"light_rui_2ac4","group":"group_rui_365e"};
+
+var _excluded = ["children", "className"];
+/**
+ * @name Group
+ */
+var Group = /*#__PURE__*/function (_Component) {
+  _inherits(Group, _Component);
+  var _super = _createSuper(Group);
+  function Group() {
+    _classCallCheck(this, Group);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Group, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_d9da30c7.group, className);
+      return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
+        className: classes
+      }), children);
+    }
+  }]);
+  return Group;
+}(Component);
+_defineProperty(Group, "propTypes", {
+  children: PropTypes.node,
+  className: PropTypes.string
+});
+
+export { Group as default };