@jetbrains/ring-ui 4.1.1 → 4.1.5

package/README.md

@@ -5,11 +5,15 @@
 
 This collection of UI components aims to provide all the necessary building blocks for web-based products built inside JetBrains, as well as third-party plugins developed for JetBrains' products.
 
+## Try now
+* Try the [codesandbox](https://codesandbox.io/s/ring-ui-sandbox-wrigs), based on `create-react-app` tooling, to see and try the UI components
+* Check out [list of examples](https://jetbrains.github.io/ring-ui/master/index.html) for each component
+
 ## Installation
 
 `npm install @jetbrains/ring-ui`
 
-### Quick start (importing components as ES modules)
+### Quick start
 
 The easiest way is to import necessary components as ES modules:
 ```js

package/components/alert/container.css

@@ -1,7 +1,6 @@
 @import "../global/variables.css";
 
 @value unit from "../global/global.css";
-@value alert from "./alert.css";
 
 .alertContainer {
   position: fixed;
@@ -18,7 +17,7 @@
 }
 
 .alertInContainer {
-  composes: alert;
+  composes: alert from "./alert.css";
 
   min-width: calc(unit * 30);
   max-width: calc(unit * 50);

package/components/date-picker/date-picker.css

@@ -1,6 +1,6 @@
 @import "../global/variables.css";
 
-@value unit, resetButton from "../global/global.css";
+@value unit from "../global/global.css";
 @value cellSize: calc(unit * 3);
 @value calHeight: calc(unit * 36);
 @value calWidth: calc(unit * 37);
@@ -210,7 +210,7 @@
 }
 
 .day {
-  composes: resetButton;
+  composes: resetButton from "../global/global.css";
 }
 
 .day.day {
@@ -444,7 +444,7 @@
 
 .monthName {
   composes: hoverable;
-  composes: resetButton;
+  composes: resetButton from "../global/global.css";
 }
 
 .monthName.monthName {
@@ -461,7 +461,7 @@
 }
 
 .monthSlider {
-  composes: resetButton;
+  composes: resetButton from "../global/global.css";
 }
 
 .monthSlider.monthSlider {
@@ -514,7 +514,7 @@
 
 .year {
   composes: hoverable;
-  composes: resetButton;
+  composes: resetButton from "../global/global.css";
 }
 
 .year.year {

package/components/date-picker/date-picker.examples.js

@@ -14,7 +14,7 @@ export default {
 
     hermione: {
       actions: [
-        {type: 'click', selector: 'button'},
+        {type: 'click', selector: '[data-test-ring-dropdown-anchor]'},
         {
           type: 'capture',
           name: 'datePickerPopup',

package/components/dropdown/anchor.js

@@ -11,6 +11,7 @@ import styles from './dropdown.css';
 
 const Anchor = ({children, className, ...restProps}) => (
   <Button
+    data-test-ring-dropdown-anchor
     text
     className={classNames(styles.anchor, className)}
     {...restProps}

package/components/header/header.css

@@ -1,6 +1,6 @@
 @import "../global/variables.css";
 
-@value unit, resetButton from "../global/global.css";
+@value unit from "../global/global.css";
 @value height: calc(unit * 8);
 @value compensate: 3px;
 @value compensated: calc(height - compensate);
@@ -134,7 +134,7 @@
 }
 
 .avatarWrapper {
-  composes: resetButton;
+  composes: resetButton from "../global/global.css";
 
   line-height: 0;
 }

package/components/query-assist/query-assist.css

@@ -1,6 +1,6 @@
 @import "../global/variables.css";
 
-@value unit, resetButton from "../global/global.css";
+@value unit from "../global/global.css";
 @value overInputZIndex: 2;
 @value inputGap: calc(unit * 3);
 
@@ -239,7 +239,7 @@
 }
 
 .placeholder {
-  composes: resetButton;
+  composes: resetButton from "../global/global.css";
 
   position: absolute;
   top: 3px;

package/components/select/select.css

@@ -1,6 +1,6 @@
 @import "../global/variables.css";
 
-@value unit, resetButton from "../global/global.css";
+@value unit from "../global/global.css";
 
 .select {
   position: relative;
@@ -67,7 +67,7 @@
 }
 
 .selectedIcon {
-  composes: resetButton;
+  composes: resetButton from "../global/global.css";
 
   display: inline-block;
 

package/components/tabs/dumb-tabs.js

@@ -13,6 +13,7 @@ import TabLink from './tab-link';
 import CollapsibleTabs from './collapsible-tabs';
 import {CustomItem} from './custom-item';
 
+export {CustomItem};
 
 class Tabs extends PureComponent {
   static propTypes = {

package/components/tag/tag.css

@@ -1,11 +1,11 @@
 @import "../global/variables.css";
 
-@value unit, resetButton from "../global/global.css";
+@value unit from "../global/global.css";
 @value background-color: var(--ring-tag-background-color);
 @value max-height: 20px;
 
 .tag {
-  composes: resetButton;
+  composes: resetButton from "../global/global.css";
 
   position: relative;
   z-index: 1;

package/dist/_helpers/_rollupPluginBabelHelpers.js

@@ -0,0 +1,34 @@
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+export { _defineProperty as _, _extends as a };

package/dist/_helpers/anchor.js

@@ -0,0 +1,33 @@
+import { a as _extends } from './_rollupPluginBabelHelpers.js';
+import React, { memo } from 'react';
+import PropTypes from 'prop-types';
+import chevronDown from '@jetbrains/icons/chevron-10px';
+import classNames from 'classnames';
+import Icon from '../icon/icon.js';
+import Button from '../button/button.js';
+
+var modules_d9414203 = {"dropdown":"dropdown_rui_4da7","anchor":"anchor_rui_4da7","chevron":"chevron_rui_4da7"};
+
+const Anchor = _ref => {
+  let {
+    children,
+    className,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    "data-test-ring-dropdown-anchor": true,
+    text: true,
+    className: classNames(modules_d9414203.anchor, className)
+  }, restProps), children, /*#__PURE__*/React.createElement(Icon, {
+    glyph: chevronDown,
+    className: modules_d9414203.chevron
+  }));
+};
+
+Anchor.propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string
+};
+var Anchor$1 = /*#__PURE__*/memo(Anchor);
+
+export { Anchor$1 as A, modules_d9414203 as m };

package/dist/_helpers/badge.js

@@ -0,0 +1,3 @@
+var modules_6c9187df = {"unit":"8px","badge":"badge_rui_1d2b","gray":"gray_rui_1d2b","valid":"valid_rui_1d2b","invalid":"invalid_rui_1d2b","disabled":"disabled_rui_1d2b"};
+
+export { modules_6c9187df as m };

package/dist/_helpers/button-group.js

@@ -0,0 +1,3 @@
+var modules_1068e447 = {"unit":"8px","buttonGroup":"buttonGroup_rui_b9c8 buttonGroup_rui_ec74","button":"button_rui_b9c8","caption":"caption_rui_b9c8 font_rui_750f","active":"active_rui_b9c8"};
+
+export { modules_1068e447 as m };

package/dist/_helpers/button-set.js

@@ -0,0 +1,3 @@
+var modules_fd849143 = {"unit":"8px","buttonSet":"buttonSet_rui_6fa7","button":"button_rui_6fa7"};
+
+export { modules_fd849143 as m };

package/dist/_helpers/button-toolbar.js

@@ -0,0 +1,3 @@
+var modules_34154ec0 = {"unit":"8px","buttonToolbar":"buttonToolbar_rui_03c3","button":"button_rui_03c3","buttonGroup":"buttonGroup_rui_03c3"};
+
+export { modules_34154ec0 as m };

package/dist/_helpers/button__classes.js

@@ -0,0 +1,39 @@
+import classNames from 'classnames';
+import Theme from '../global/theme.js';
+
+var modules_e81895c9 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"24px","loaderWidth":"64px","light":"light_rui_b000","active":"active_rui_b000 active_rui_e33e","withIcon":"withIcon_rui_b000","icon":"icon_rui_b000","primary":"primary_rui_b000","danger":"danger_rui_b000","loaderBackground":"loaderBackground_rui_b000","dark":"dark_rui_b000","dropdownIcon":"dropdownIcon_rui_b000","button":"button_rui_b000 button_rui_e33e button_rui_40c7 button_rui_ec74","loader":"loader_rui_b000","text":"text_rui_b000","content":"content_rui_b000","text-loading":"textLoading_rui_b000","inline":"inline_rui_b000","withNormalIconLight":"withNormalIconLight_rui_b000","withNormalIconDark":"withNormalIconDark_rui_b000","withDangerIconLight":"withDangerIconLight_rui_b000","withDangerIconDark":"withDangerIconDark_rui_b000","progress":"progress_rui_b000","delayed":"delayed_rui_b000","short":"short_rui_b000"};
+
+function getButtonClasses(_ref) {
+  let {
+    className,
+    active,
+    disabled,
+    loader,
+    primary,
+    short,
+    text,
+    inline,
+    danger,
+    delayed,
+    icon,
+    theme
+  } = _ref;
+  const withNormalIcon = icon && !active && !danger && !primary && !disabled;
+  return classNames(modules_e81895c9.button, className, modules_e81895c9[theme], {
+    [modules_e81895c9.active]: active,
+    [modules_e81895c9.danger]: danger,
+    [modules_e81895c9.delayed]: delayed,
+    [modules_e81895c9.withIcon]: icon,
+    [modules_e81895c9.withNormalIconLight]: withNormalIcon && theme === Theme.LIGHT,
+    [modules_e81895c9.withNormalIconDark]: withNormalIcon && theme === Theme.DARK,
+    [modules_e81895c9.withDangerIconLight]: icon && danger && theme === Theme.LIGHT,
+    [modules_e81895c9.withDangerIconDark]: icon && danger && theme === Theme.DARK,
+    [modules_e81895c9.loader]: loader && !icon,
+    [modules_e81895c9.primary]: primary,
+    [modules_e81895c9.short]: short,
+    [modules_e81895c9.text]: text,
+    [modules_e81895c9.inline]: inline
+  });
+}
+
+export { getButtonClasses as g, modules_e81895c9 as m };

package/dist/_helpers/card.js

@@ -0,0 +1,75 @@
+import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Avatar, { Size } from '../avatar/avatar.js';
+import Link from '../link/link.js';
+import { m as modules_6c9187df } from './badge.js';
+
+var modules_a4196c17 = {"unit":"8px","userCardSpaced":"userCardSpaced_rui_a0c9","userInformationContainer":"userInformationContainer_rui_a0c9","userInformation":"userInformation_rui_a0c9","userName":"userName_rui_a0c9","userActiveStatus":"userActiveStatus_rui_a0c9","online":"online_rui_a0c9"};
+
+class UserCard extends PureComponent {
+  render() {
+    const {
+      children,
+      className,
+      user,
+      wording,
+      ...restProps
+    } = this.props;
+    const classes = classNames(className, {});
+    const userActiveStatusClasses = classNames(modules_a4196c17.userActiveStatus, user.online ? modules_a4196c17.online : '');
+    return /*#__PURE__*/React.createElement("div", _extends({
+      className: classes
+    }, restProps), /*#__PURE__*/React.createElement("div", {
+      className: modules_a4196c17.userInformationContainer
+    }, /*#__PURE__*/React.createElement(Avatar, {
+      size: Size.Size56,
+      url: user.avatarUrl
+    }), /*#__PURE__*/React.createElement("div", {
+      className: modules_a4196c17.userInformation
+    }, /*#__PURE__*/React.createElement("div", null, user.href && /*#__PURE__*/React.createElement(Link, {
+      href: user.href,
+      className: modules_a4196c17.userName
+    }, user.name), !user.href && /*#__PURE__*/React.createElement("span", {
+      className: modules_a4196c17.userName
+    }, user.name), user.banned && /*#__PURE__*/React.createElement("span", {
+      className: classNames(modules_6c9187df.badge, modules_6c9187df.invalid),
+      title: user.banReason
+    }, wording.banned)), /*#__PURE__*/React.createElement("div", null, typeof user.online === 'boolean' && /*#__PURE__*/React.createElement("span", {
+      className: userActiveStatusClasses,
+      title: user.online ? wording.online : wording.offline
+    }), user.login), user.email && /*#__PURE__*/React.createElement("div", null, user.email))), children);
+  }
+
+}
+
+_defineProperty(UserCard, "propTypes", {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  user: PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    login: PropTypes.string.isRequired,
+    avatarUrl: PropTypes.string.isRequired,
+    email: PropTypes.string,
+    href: PropTypes.string,
+    online: PropTypes.bool,
+    banned: PropTypes.bool,
+    banReason: PropTypes.string
+  }).isRequired,
+  wording: PropTypes.shape({
+    banned: PropTypes.string.isRequired,
+    online: PropTypes.string.isRequired,
+    offline: PropTypes.string.isRequired
+  })
+});
+
+_defineProperty(UserCard, "defaultProps", {
+  wording: {
+    banned: 'banned',
+    online: 'online',
+    offline: 'offline'
+  }
+});
+
+export { UserCard as U, modules_a4196c17 as m };

package/dist/_helpers/checkbox.js

@@ -0,0 +1,3 @@
+var modules_3199090e = {"unit":"8px","checkboxSize":"14px","checkbox":"checkbox_rui_95ac","cell":"cell_rui_95ac","icon":"icon_rui_95ac","check":"check_rui_95ac icon_rui_95ac","minus":"minus_rui_95ac icon_rui_95ac","input":"input_rui_95ac","focus":"focus_rui_95ac","label":"label_rui_95ac"};
+
+export { modules_3199090e as m };

package/dist/_helpers/date-picker.js

@@ -0,0 +1,3 @@
+var modules_0c7b7d96 = {"unit":"8px","cellSize":"24px","calHeight":"288px","calWidth":"296px","yearHeight":"32px","yearWidth":"48px","container":"container_rui_58d9","hoverable":"hoverable_rui_58d9","datePicker":"datePicker_rui_58d9","displayDate":"displayDate_rui_58d9","displayRange":"displayRange_rui_58d9","clear":"clear_rui_58d9","datePopup":"datePopup_rui_58d9","filterWrapper":"filterWrapper_rui_58d9 filterWrapper_rui_7e99","filter":"filter_rui_58d9 filter_rui_7e99","filterIcon":"filterIcon_rui_58d9 filterIcon_rui_7e99","fromInput":"fromInput_rui_58d9","fromInputWithDivider":"fromInputWithDivider_rui_58d9","toInput":"toInput_rui_58d9","dateInput":"dateInput_rui_58d9","timeInputWithDivider":"timeInputWithDivider_rui_58d9","weekdays":"weekdays_rui_58d9","weekday":"weekday_rui_58d9","weekend":"weekend_rui_58d9","calendar":"calendar_rui_58d9","months":"months_rui_58d9","days":"days_rui_58d9","month":"month_rui_58d9","monthTitle":"monthTitle_rui_58d9","day":"day_rui_58d9 resetButton_rui_750f","between":"between_rui_58d9","activeBetween":"activeBetween_rui_58d9","current":"current_rui_58d9","active":"active_rui_58d9","disabled":"disabled_rui_58d9","from":"from_rui_58d9","to":"to_rui_58d9","Monday":"Monday_rui_58d9","spread":"spread_rui_58d9","activeSpread":"activeSpread_rui_58d9","first":"first_rui_58d9","Tuesday":"Tuesday_rui_58d9","Friday":"Friday_rui_58d9","Saturday":"Saturday_rui_58d9","Sunday":"Sunday_rui_58d9","empty":"empty_rui_58d9","today":"today_rui_58d9","year":"year_rui_58d9 hoverable_rui_58d9 resetButton_rui_750f","monthNames":"monthNames_rui_58d9","monthName":"monthName_rui_58d9 hoverable_rui_58d9 resetButton_rui_750f","monthSlider":"monthSlider_rui_58d9 resetButton_rui_750f","dragging":"dragging_rui_58d9","range":"range_rui_58d9","years":"years_rui_58d9","currentYear":"currentYear_rui_58d9"};
+
+export { modules_0c7b7d96 as m };

package/dist/_helpers/dialog__body-scroll-preventer.js

@@ -0,0 +1,57 @@
+import scrollbarWidth from 'scrollbar-width';
+
+var modules_5e9b8c03 = {"unit":"8px","container":"container_rui_144d","innerContainer":"innerContainer_rui_144d","content":"content_rui_144d","panel":"panel_rui_144d","clickableOverlay":"clickableOverlay_rui_144d","closeIcon":"closeIcon_rui_144d","closeButton":"closeButton_rui_144d","closeButtonOutside":"closeButtonOutside_rui_144d","closeButtonInside":"closeButtonInside_rui_144d","documentWithoutScroll":"documentWithoutScroll_rui_144d","popupTarget":"popupTarget_rui_144d"};
+
+const isPrevented = new Set();
+let previousDocumentWidth = null;
+
+const prevent = key => {
+  if (isPrevented.has(key)) {
+    return;
+  }
+
+  isPrevented.add(key);
+
+  if (isPrevented.size > 1) {
+    return;
+  }
+
+  const documentHasScroll = document.documentElement.scrollHeight > window.innerHeight || getComputedStyle(document.documentElement).overflowY === 'scroll';
+  document.documentElement.classList.add(modules_5e9b8c03.documentWithoutScroll);
+  const scrollWidth = scrollbarWidth();
+
+  if (documentHasScroll && scrollWidth > 0) {
+    previousDocumentWidth = document.documentElement.style.width;
+    document.documentElement.style.width = `calc(100% - ${scrollWidth}px)`;
+  }
+};
+
+const reset = key => {
+  if (isPrevented.size === 0) {
+    return;
+  }
+
+  isPrevented.delete(key);
+
+  if (isPrevented.size > 0) {
+    return;
+  }
+
+  document.documentElement.classList.remove(modules_5e9b8c03.documentWithoutScroll);
+
+  if (previousDocumentWidth !== null) {
+    document.documentElement.style.width = previousDocumentWidth;
+    previousDocumentWidth = null;
+  }
+};
+
+const preventerFactory = key => {
+  const preventerKey = key || Math.random();
+  return {
+    prevent: () => prevent(preventerKey),
+    reset: () => reset(preventerKey)
+  };
+};
+var dialog__bodyScrollPreventer = preventerFactory('default-preventer');
+
+export { dialog__bodyScrollPreventer as d, modules_5e9b8c03 as m, preventerFactory as p };

package/dist/_helpers/error-message.js

@@ -0,0 +1,3 @@
+var modules_2c5e8509 = {"errorMessage":"errorMessage_rui_f34c","title":"title_rui_f34c","description":"description_rui_f34c","content":"content_rui_f34c","icon":"icon_rui_f34c"};
+
+export { modules_2c5e8509 as m };

package/dist/_helpers/footer.js

@@ -0,0 +1,121 @@
+import React, { memo, isValidElement } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Link from '../link/link.js';
+
+var modules_7385b3fd = {"unit":"8px","footer-height":"64px","footer":"footer_rui_55ee font_rui_750f","footerFloating":"footerFloating_rui_55ee footer_rui_55ee font_rui_750f","column":"column_rui_55ee","columnItem":"columnItem_rui_55ee","columnLeft":"columnLeft_rui_55ee column_rui_55ee","columnCenter":"columnCenter_rui_55ee column_rui_55ee","line":"line_rui_55ee","columnRight":"columnRight_rui_55ee column_rui_55ee","lineCenter":"lineCenter_rui_55ee"};
+
+const FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
+  let {
+    position,
+    children
+  } = _ref;
+  const classes = classNames({
+    [modules_7385b3fd.columnLeft]: position === 'left',
+    [modules_7385b3fd.columnCenter]: position === 'center',
+    [modules_7385b3fd.columnRight]: position === 'right'
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: modules_7385b3fd.columnItem
+  }, children));
+});
+FooterColumn.propTypes = {
+  position: PropTypes.string,
+  children: PropTypes.node
+};
+/**
+ * Return copyright string
+ * @param year {int}
+ * @returns {string}
+ */
+
+function copyright(year) {
+  const currentYear = new Date().getUTCFullYear();
+  const ndash = '–';
+  let ret = 'Copyright © ';
+
+  if (year >= currentYear) {
+    ret += year;
+  } else {
+    ret += year + ndash + currentYear;
+  }
+
+  return ret;
+}
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
+
+const FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
+  const items = Array.isArray(props.item) ? props.item : [props.item];
+
+  function renderItem(item) {
+    if ( /*#__PURE__*/isValidElement(item)) {
+      return item;
+    }
+
+    const element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
+
+    if (item.url) {
+      return /*#__PURE__*/React.createElement(Link, {
+        href: item.url,
+        target: item.target,
+        key: item.url + item.title,
+        title: item.title
+      }, element);
+    }
+
+    return element;
+  }
+
+  return /*#__PURE__*/React.createElement("li", {
+    className: modules_7385b3fd.line
+  }, items.map(renderItem));
+});
+FooterLine.propTypes = {
+  item: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.string])
+};
+const Footer = /*#__PURE__*/memo(function Footer(_ref2) {
+  let {
+    floating,
+    className,
+    left,
+    center,
+    right
+  } = _ref2;
+
+  function content(elements, position) {
+    if (!elements) {
+      return false;
+    }
+
+    return /*#__PURE__*/React.createElement(FooterColumn, {
+      key: position,
+      position: position
+    }, elements.map((item, idx) => /*#__PURE__*/React.createElement(FooterLine // eslint-disable-next-line react/no-array-index-key
+    , {
+      key: idx,
+      item: item
+    })));
+  }
+
+  const classes = classNames(modules_7385b3fd.footer, className, {
+    [modules_7385b3fd.footerFloating]: floating
+  });
+  return /*#__PURE__*/React.createElement("footer", {
+    className: classes,
+    "data-test": "ring-footer"
+  }, [content(left, 'left'), content(center, 'center'), content(right, 'right')]);
+});
+Footer.propTypes = {
+  className: PropTypes.string,
+  floating: PropTypes.bool,
+  left: PropTypes.array,
+  center: PropTypes.array,
+  right: PropTypes.array
+};
+
+export { Footer as F, copyright as c, modules_7385b3fd as m };

package/dist/_helpers/grid.js

@@ -0,0 +1,3 @@
+var modules_855170c0 = {"unit":"8px","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","large-screen-media":"(min-width:1200px)","middle-screen-media":"(min-width:960px) and (max-width:1199px)","small-screen-media":"(min-width:640px) and (max-width:959px)","gutterWidth":"(8px*2)","gutterCompensation":"-8px","outerMargin":"16px","containerSmall":"656px","containerMedium":"976px","containerLarge":"1216px","width-1":"8.3333%","width-2":"16.6667%","width-3":"25%","width-4":"33.3333%","width-5":"41.6667%","width-6":"50%","width-7":"58.3333%","width-8":"66.6667%","width-9":"75%","width-10":"83.3333%","width-11":"91.6667%","width-12":"100%","container-fluid":"containerFluid_rui_bbd7","container":"container_rui_bbd7","row":"row_rui_bbd7","reverse":"reverse_rui_bbd7","col":"col_rui_bbd7","col-xs":"colXs_rui_bbd7","col-xs-1":"colXs1_rui_bbd7","col-xs-2":"colXs2_rui_bbd7","col-xs-3":"colXs3_rui_bbd7","col-xs-4":"colXs4_rui_bbd7","col-xs-5":"colXs5_rui_bbd7","col-xs-6":"colXs6_rui_bbd7","col-xs-7":"colXs7_rui_bbd7","col-xs-8":"colXs8_rui_bbd7","col-xs-9":"colXs9_rui_bbd7","col-xs-10":"colXs10_rui_bbd7","col-xs-11":"colXs11_rui_bbd7","col-xs-12":"colXs12_rui_bbd7","col-xs-offset-0":"colXsOffset0_rui_bbd7","col-xs-offset-1":"colXsOffset1_rui_bbd7","col-xs-offset-2":"colXsOffset2_rui_bbd7","col-xs-offset-3":"colXsOffset3_rui_bbd7","col-xs-offset-4":"colXsOffset4_rui_bbd7","col-xs-offset-5":"colXsOffset5_rui_bbd7","col-xs-offset-6":"colXsOffset6_rui_bbd7","col-xs-offset-7":"colXsOffset7_rui_bbd7","col-xs-offset-8":"colXsOffset8_rui_bbd7","col-xs-offset-9":"colXsOffset9_rui_bbd7","col-xs-offset-10":"colXsOffset10_rui_bbd7","col-xs-offset-11":"colXsOffset11_rui_bbd7","col-xs-offset-12":"colXsOffset12_rui_bbd7","start-xs":"startXs_rui_bbd7","center-xs":"centerXs_rui_bbd7","end-xs":"endXs_rui_bbd7","top-xs":"topXs_rui_bbd7","middle-xs":"middleXs_rui_bbd7","baseline-xs":"baselineXs_rui_bbd7","bottom-xs":"bottomXs_rui_bbd7","around-xs":"aroundXs_rui_bbd7","between-xs":"betweenXs_rui_bbd7","first-xs":"firstXs_rui_bbd7","last-xs":"lastXs_rui_bbd7","col-sm":"colSm_rui_bbd7","col-sm-1":"colSm1_rui_bbd7","col-sm-2":"colSm2_rui_bbd7","col-sm-3":"colSm3_rui_bbd7","col-sm-4":"colSm4_rui_bbd7","col-sm-5":"colSm5_rui_bbd7","col-sm-6":"colSm6_rui_bbd7","col-sm-7":"colSm7_rui_bbd7","col-sm-8":"colSm8_rui_bbd7","col-sm-9":"colSm9_rui_bbd7","col-sm-10":"colSm10_rui_bbd7","col-sm-11":"colSm11_rui_bbd7","col-sm-12":"colSm12_rui_bbd7","col-sm-offset-0":"colSmOffset0_rui_bbd7","col-sm-offset-1":"colSmOffset1_rui_bbd7","col-sm-offset-2":"colSmOffset2_rui_bbd7","col-sm-offset-3":"colSmOffset3_rui_bbd7","col-sm-offset-4":"colSmOffset4_rui_bbd7","col-sm-offset-5":"colSmOffset5_rui_bbd7","col-sm-offset-6":"colSmOffset6_rui_bbd7","col-sm-offset-7":"colSmOffset7_rui_bbd7","col-sm-offset-8":"colSmOffset8_rui_bbd7","col-sm-offset-9":"colSmOffset9_rui_bbd7","col-sm-offset-10":"colSmOffset10_rui_bbd7","col-sm-offset-11":"colSmOffset11_rui_bbd7","col-sm-offset-12":"colSmOffset12_rui_bbd7","start-sm":"startSm_rui_bbd7","center-sm":"centerSm_rui_bbd7","end-sm":"endSm_rui_bbd7","top-sm":"topSm_rui_bbd7","middle-sm":"middleSm_rui_bbd7","baseline-sm":"baselineSm_rui_bbd7","bottom-sm":"bottomSm_rui_bbd7","around-sm":"aroundSm_rui_bbd7","between-sm":"betweenSm_rui_bbd7","first-sm":"firstSm_rui_bbd7","last-sm":"lastSm_rui_bbd7","col-md":"colMd_rui_bbd7","col-md-1":"colMd1_rui_bbd7","col-md-2":"colMd2_rui_bbd7","col-md-3":"colMd3_rui_bbd7","col-md-4":"colMd4_rui_bbd7","col-md-5":"colMd5_rui_bbd7","col-md-6":"colMd6_rui_bbd7","col-md-7":"colMd7_rui_bbd7","col-md-8":"colMd8_rui_bbd7","col-md-9":"colMd9_rui_bbd7","col-md-10":"colMd10_rui_bbd7","col-md-11":"colMd11_rui_bbd7","col-md-12":"colMd12_rui_bbd7","col-md-offset-0":"colMdOffset0_rui_bbd7","col-md-offset-1":"colMdOffset1_rui_bbd7","col-md-offset-2":"colMdOffset2_rui_bbd7","col-md-offset-3":"colMdOffset3_rui_bbd7","col-md-offset-4":"colMdOffset4_rui_bbd7","col-md-offset-5":"colMdOffset5_rui_bbd7","col-md-offset-6":"colMdOffset6_rui_bbd7","col-md-offset-7":"colMdOffset7_rui_bbd7","col-md-offset-8":"colMdOffset8_rui_bbd7","col-md-offset-9":"colMdOffset9_rui_bbd7","col-md-offset-10":"colMdOffset10_rui_bbd7","col-md-offset-11":"colMdOffset11_rui_bbd7","col-md-offset-12":"colMdOffset12_rui_bbd7","start-md":"startMd_rui_bbd7","center-md":"centerMd_rui_bbd7","end-md":"endMd_rui_bbd7","top-md":"topMd_rui_bbd7","middle-md":"middleMd_rui_bbd7","baseline-md":"baselineMd_rui_bbd7","bottom-md":"bottomMd_rui_bbd7","around-md":"aroundMd_rui_bbd7","between-md":"betweenMd_rui_bbd7","first-md":"firstMd_rui_bbd7","last-md":"lastMd_rui_bbd7","col-lg":"colLg_rui_bbd7","col-lg-1":"colLg1_rui_bbd7","col-lg-2":"colLg2_rui_bbd7","col-lg-3":"colLg3_rui_bbd7","col-lg-4":"colLg4_rui_bbd7","col-lg-5":"colLg5_rui_bbd7","col-lg-6":"colLg6_rui_bbd7","col-lg-7":"colLg7_rui_bbd7","col-lg-8":"colLg8_rui_bbd7","col-lg-9":"colLg9_rui_bbd7","col-lg-10":"colLg10_rui_bbd7","col-lg-11":"colLg11_rui_bbd7","col-lg-12":"colLg12_rui_bbd7","col-lg-offset-0":"colLgOffset0_rui_bbd7","col-lg-offset-1":"colLgOffset1_rui_bbd7","col-lg-offset-2":"colLgOffset2_rui_bbd7","col-lg-offset-3":"colLgOffset3_rui_bbd7","col-lg-offset-4":"colLgOffset4_rui_bbd7","col-lg-offset-5":"colLgOffset5_rui_bbd7","col-lg-offset-6":"colLgOffset6_rui_bbd7","col-lg-offset-7":"colLgOffset7_rui_bbd7","col-lg-offset-8":"colLgOffset8_rui_bbd7","col-lg-offset-9":"colLgOffset9_rui_bbd7","col-lg-offset-10":"colLgOffset10_rui_bbd7","col-lg-offset-11":"colLgOffset11_rui_bbd7","col-lg-offset-12":"colLgOffset12_rui_bbd7","start-lg":"startLg_rui_bbd7","center-lg":"centerLg_rui_bbd7","end-lg":"endLg_rui_bbd7","top-lg":"topLg_rui_bbd7","middle-lg":"middleLg_rui_bbd7","baseline-lg":"baselineLg_rui_bbd7","bottom-lg":"bottomLg_rui_bbd7","around-lg":"aroundLg_rui_bbd7","between-lg":"betweenLg_rui_bbd7","first-lg":"firstLg_rui_bbd7","last-lg":"lastLg_rui_bbd7"};
+
+export { modules_855170c0 as m };

package/dist/_helpers/group.js

@@ -0,0 +1,3 @@
+var modules_d9da30c7 = {"unit":"8px","group":"group_rui_a8b6"};
+
+export { modules_d9da30c7 as m };

package/dist/_helpers/header.js

@@ -0,0 +1,3 @@
+var modules_47759f5e = {"unit":"8px","height":"64px","compensate":"3px","compensated":"61px","light":"light_rui_abb5","dark":"dark_rui_abb5","header":"header_rui_abb5","headerSpaced":"headerSpaced_rui_abb5","logo":"logo_rui_abb5","tray":"tray_rui_abb5","trayItemContent":"trayItemContent_rui_abb5","icon":"icon_rui_abb5","main":"main_rui_abb5","rotatable":"rotatable_rui_abb5","rotated":"rotated_rui_abb5","profileEmpty":"profileEmpty_rui_abb5","profile":"profile_rui_abb5 profileEmpty_rui_abb5","avatarWrapper":"avatarWrapper_rui_abb5 resetButton_rui_750f","hasUpdates":"hasUpdates_rui_abb5"};
+
+export { modules_47759f5e as m };

package/dist/_helpers/icon.js

@@ -0,0 +1,3 @@
+var modules_29747b80 = {"unit":"8px","icon":"icon_rui_950f","glyph":"glyph_rui_950f","compatibilityMode":"compatibilityMode_rui_950f","gray":"gray_rui_950f","hover":"hover_rui_950f","green":"green_rui_950f","magenta":"magenta_rui_950f","red":"red_rui_950f","blue":"blue_rui_950f","white":"white_rui_950f","loading":"loading_rui_950f","icon-loading":"iconLoading_rui_950f"};
+
+export { modules_29747b80 as m };

package/dist/_helpers/inject-styles.js

@@ -0,0 +1,22 @@
+import { conicGradientWithMask } from '../global/conic-gradient.js';
+import { injectRuleSet } from '../global/inject-styles.js';
+import memoize from '../global/memoize.js';
+import radialGradientMask from '../global/radial-gradient-mask.js';
+import Theme from '../global/theme.js';
+
+var modules_e49a3529 = {"unit":"8px","loader":"loader_rui_cf3e","spin":"spin_rui_cf3e","pulse":"pulse_rui_cf3e","children":"children_rui_cf3e"};
+
+const IMAGE_SIZE = 32;
+var injectStyles = memoize(() => {
+  const mask = radialGradientMask(modules_e49a3529.unit, {
+    /* eslint-disable no-magic-numbers */
+    transparent: `${23 / 32 * 100}%`,
+    white: `${25 / 32 * 100}%`
+    /* eslint-enable */
+
+  });
+  injectRuleSet(`.${modules_e49a3529.loader}_${[Theme.LIGHT]}::after, .ring-loader-inline::after`, conicGradientWithMask(mask, '#ff00eb,#bd3bff,#008eff, #58ba00,#f48700,#ff00eb', IMAGE_SIZE));
+  injectRuleSet(`.${modules_e49a3529.loader}_${[Theme.DARK]}::after, .ring-loader-inline_dark::after`, conicGradientWithMask(mask, '#ff2eef,#d178ff,#289fff,#88d444,#ffe000,#ff2eef', IMAGE_SIZE));
+});
+
+export { injectStyles as i, modules_e49a3529 as m };

package/dist/_helpers/input.js

@@ -0,0 +1,3 @@
+var modules_88cfaf40 = {"unit":"8px","iconOffset":"22px","container":"container_rui_91e6 fontLower_rui_750f font_rui_750f","compact":"compact_rui_91e6","input":"input_rui_91e6","clearable":"clearable_rui_91e6","light":"light_rui_91e6","dark":"dark_rui_91e6","withIcon":"withIcon_rui_91e6","label":"label_rui_91e6","icon":"icon_rui_91e6","clear":"clear_rui_91e6","empty":"empty_rui_91e6","active":"active_rui_91e6","noLabel":"noLabel_rui_91e6","error":"error_rui_91e6","underline":"underline_rui_91e6","focusUnderline":"focusUnderline_rui_91e6","errorUnderline":"errorUnderline_rui_91e6","errorText":"errorText_rui_91e6","sizeS":"sizeS_rui_91e6","sizeM":"sizeM_rui_91e6","sizeL":"sizeL_rui_91e6","sizeFULL":"sizeFULL_rui_91e6"};
+
+export { modules_88cfaf40 as m };