@jetbrains/ring-ui 4.1.0-beta.8 → 4.1.3

package/components/tabs/tab-link.js

@@ -13,11 +13,13 @@ function TabLink({isSelected, title, collapsed, ...restProps}) {
   return (
     <Link {...restProps}>
       {() => (
-        <>
+        <div className={styles.container}>
           <span className={styles.visible}>{renderedTitle}</span>
           {/* hack for preserving constant tab width*/}
           <span className={styles.hidden}>{renderedTitle}</span>
-        </>
+          <span className={styles.hiddenBold}>{renderedTitle}</span>
+          <span className={styles.hiddenRegular}>{renderedTitle}</span>
+        </div>
       )}
     </Link>
   );

package/components/tabs/tabs.css

@@ -66,6 +66,11 @@
   }
 }
 
+.title.titleLegacy {
+  display: inline-flex;
+  flex-direction: column;
+}
+
 .title + .title {
   margin-left: calc(unit * 3);
 }
@@ -112,12 +117,34 @@
   text-align: center;
 }
 
+.container {
+  display: flex;
+  flex-direction: column;
+}
+
 .hidden {
+  display: flex;
+  visibility: hidden;
+}
+
+.hiddenBold {
+  display: flex;
   visibility: hidden;
 
+  height: 0;
+
   font-weight: bold;
 }
 
+.hiddenRegular {
+  display: flex;
+  visibility: hidden;
+
+  height: 0;
+
+  font-weight: normal;
+}
+
 .tabCounter {
   padding-left: 8px;
 
@@ -142,15 +169,15 @@
   max-width: 100%;
 }
 
-.autoCollapse.adjusted {
-  visibility: visible;
-  overflow: visible;
-}
-
 .autoCollapse .title {
   flex-shrink: 0;
 }
 
+.rendered.adjusted {
+  visibility: visible;
+  overflow: visible;
+}
+
 .measure {
   position: absolute;
   top: 0;

package/components/tabs-ng/tabs-ng.js

@@ -5,6 +5,8 @@ import className from 'classnames';
 import styles from '../tabs/tabs.css';
 import Theme from '../global/theme';
 
+import template from './tabs-ng__template';
+
 /**
  * @name Tabs Ng
  */
@@ -15,7 +17,7 @@ angularModule.directive('rgTabs', function rgTabsDirective($location, $rootScope
   return {
     restrict: 'E',
     transclude: true,
-    template: require('./tabs-ng.html'),
+    template,
     replace: true,
 
     scope: {
@@ -161,7 +163,7 @@ angularModule.directive('rgTabs', function rgTabsDirective($location, $rootScope
       // I think this bug depends on the frequency of addTab calls (actually on digests)
       // and ng-class detection of added and removed classes becomes broken.
       // @maxim.erekhinskiy
-      $scope.tabClass = pane => className(styles.title, {
+      $scope.tabClass = pane => className(styles.title, styles.titleLegacy, {
         [styles.selected]: pane.selected
       });
 

package/components/tabs-ng/{tabs-ng.html → tabs-ng__template.js}

@@ -1,4 +1,4 @@
-<div
+export default `<div
   ng-class=":: [styles.tabs, styles[theme]]"
   rg-shortcuts="ring-tabs"
   shortcuts-map="keyMap"
@@ -26,9 +26,13 @@
       hack for preserving constant tab width
     --><span ng-class=":: styles.hidden">{{pane.title}}<span
       ng-class=":: styles.tabCounter" ng-show="pane.counter !== undefined">{{ pane.counter }}</span></span>
+      <span ng-class=":: styles.hiddenBold">{{pane.title}}<span
+        ng-class=":: styles.tabCounter" ng-show="pane.counter !== undefined">{{ pane.counter }}</span></span>
+      <span ng-class=":: styles.hiddenRegular">{{pane.title}}<span
+        ng-class=":: styles.tabCounter" ng-show="pane.counter !== undefined">{{ pane.counter }}</span></span>
     </button>
   </div>
 
   <div ng-transclude></div>
 
-</div>
+</div>`;

package/components/tag/tag.css

@@ -56,7 +56,10 @@
 }
 
 .tagAngled {
-  margin-bottom: -5px !important; /* it needs to fix vertical alignment broken by "overflow: hidden". Remove this class, when IE11 will be deprecated */
+  /* it needs to fix vertical alignment broken by "overflow: hidden". Remove this class, when IE11 will be deprecated */
+
+  margin-bottom: -5px !important;
+
   margin-left: unit;
   padding-left: calc(unit / 2);
 
@@ -73,7 +76,7 @@
     width: 12px;
     height: 12px;
 
-    content: '';
+    content: "";
     transform: scaleY(1.177) rotate(45deg);
     transform-origin: 0 0;
 

package/components/tag/tag.examples.js

@@ -36,6 +36,9 @@ export const demo = () => {
           <Tag avatar={avatarUrl} readOnly={false}>
             With avatar
           </Tag>
+          <Tag render={({children, ...restProps}) => <a href="/" {...restProps}>{children}</a>}>
+            With custom render
+          </Tag>
         </div>
       );
     }

package/components/tag/tag.js

@@ -29,7 +29,8 @@ export default class Tag extends PureComponent {
     textColor: PropTypes.string,
 
     children: PropTypes.node,
-    className: PropTypes.string
+    className: PropTypes.string,
+    render: PropTypes.func
   };
 
   static defaultProps = {
@@ -37,7 +38,8 @@ export default class Tag extends PureComponent {
     onClick: () => {},
     readOnly: false,
     disabled: false,
-    focused: false
+    focused: false,
+    render: props => <button type="button" {...props}/>
   };
 
   state = {
@@ -155,23 +157,24 @@ export default class Tag extends PureComponent {
       this.props.className
     );
 
-    const {backgroundColor, textColor} = this.props;
+    const {backgroundColor, textColor, render} = this.props;
 
     return (
       <span className={styles.container}>
-        <button
-          type="button"
-          data-test="ring-tag"
-          className={classes}
-          ref={this.tagRef}
-          onClick={this.props.onClick}
-          style={{backgroundColor, color: textColor}}
-        >
-          {this.renderAvatar()}
-          {this.renderCustomIcon()}
-          {this.renderImage()}
-          <span className={styles.content}>{this.props.children}</span>
-        </button>
+        {render({
+          'data-test': 'ring-tag',
+          className: classes,
+          ref: this.tagRef,
+          onClick: this.props.onClick,
+          style: {backgroundColor, color: textColor},
+          children: (
+            <>
+              {this.renderAvatar()}
+              {this.renderCustomIcon()}
+              {this.renderImage()}
+              <span className={styles.content}>{this.props.children}</span>
+            </>)
+        })}
         {this.renderRemoveIcon()}
       </span>
     );

package/components/tags-input/tag-input.examples.js

@@ -116,7 +116,7 @@ export const autoOpenInADialog = () => {
   return (
     <>
       <Button>Button</Button>
-      <Dialog show trapFocus autoFocusFirst={false}>
+      <Dialog label="Tags" show trapFocus autoFocusFirst={false}>
         <Content>
           <TagsInput tags={tags} dataSource={dataSource} autoOpen/>
         </Content>

package/components/tags-input/tags-input.js

@@ -70,6 +70,11 @@ export default class TagsInput extends PureComponent {
     placeholder: 'Select an option'
   };
 
+  constructor(props) {
+    super(props);
+    this.ngModelStateField = TagsInput.ngModelStateField;
+  }
+
   state = {
     tags: [],
     prevTags: null,
@@ -102,8 +107,6 @@ export default class TagsInput extends PureComponent {
     this.node = node;
   };
 
-  ngModelStateField = TagsInput.ngModelStateField;
-
   getInputNode() {
     if (!this.input) {
       this.input = this.select.filter;

package/components/template-ng/template-ng.js

@@ -39,7 +39,7 @@ class RgTemplateController extends RingAngularComponent {
     if (rgTemplateClass) {
       this.$inject.$element.contents().addClass(rgTemplateClass);
     }
-  }
+  };
 
   cleanup() {
     if (this.currentScope) {

package/components/tooltip/tooltip.js

@@ -20,7 +20,7 @@ export default class Tooltip extends Component {
     delay: PropTypes.number,
     selfOverflowOnly: PropTypes.bool,
     popupProps: PropTypes.object,
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    title: PropTypes.node,
     children: PropTypes.node,
     'data-test': PropTypes.string
   };
@@ -133,15 +133,20 @@ export default class Tooltip extends Component {
     const {children, 'data-test': dataTest,
       title, delay, selfOverflowOnly, popupProps, ...restProps} = this.props;
 
+    const ariaProps = typeof title === 'string' && !!title
+      ? {'aria-label': title, role: 'tooltip'}
+      : {};
+
     const {onNestedTooltipShow, onNestedTooltipHide} = this;
 
     return (
       <TooltipContext.Provider value={{onNestedTooltipShow, onNestedTooltipHide}}>
         <span
+          {...ariaProps}
           {...restProps}
           ref={this.containerRef}
           data-test={dataTests('ring-tooltip', dataTest)}
-          data-test-title={title}
+          data-test-title={typeof title === 'string' ? title : undefined}
         >
           {children}
           <Popup

package/components/user-agreement/user-agreement.css

@@ -1,6 +1,6 @@
 @import "../global/variables.css";
 
-@value unit, extra-small-screen-media from '../global/global.css';
+@value unit, extra-small-screen-media from "../global/global.css";
 
 .agreementDialog {
   padding-bottom: 80px;
@@ -16,10 +16,6 @@
   }
 }
 
-.scrollableWrapper {
-  padding-top: 0;
-}
-
 .suggestion {
   padding-bottom: unit;
 

package/components/user-agreement/user-agreement.examples.js

@@ -27,8 +27,6 @@ export const dialog = args => (
 );
 
 dialog.args = {
-  // https://github.com/storybookjs/storybook/issues/12635#issuecomment-703392498
-  translations: UserAgreement.defaultProps.translations,
   show: true,
   text,
   onRemindLater: null
@@ -36,12 +34,15 @@ dialog.args = {
 dialog.argTypes = {
   onRemindLater: {}
 };
+dialog.parameters = {
+  actions: {argTypesRegex: '^on(?!RemindLater).*'}
+};
 dialog.storyName = 'dialog';
 
 function noop() {}
 export const service = ({
-  onGetUserAgreemen,
-  onGetUserConsent,
+  onGetUserAgreement = noop,
+  onGetUserConsent = noop,
   onSetUserConsent = noop,
   onAccept,
   onDecline,
@@ -61,7 +62,7 @@ export const service = ({
 
   const agreementService = new UserAgreementService({
     getUserAgreement: () => {
-      onGetUserAgreemen(fakeUserAgreement);
+      onGetUserAgreement(fakeUserAgreement);
       return fakeUserAgreement;
     },
     getUserConsent: () => {
@@ -95,7 +96,7 @@ export const service = ({
 };
 
 service.argTypes = {
-  onGetUserAgreemen: {},
+  onGetUserAgreement: {},
   onGetUserConsent: {},
   onSetUserConsent: {},
   onAccept: {},

package/components/user-agreement/user-agreement.js

@@ -28,12 +28,20 @@ export default class UserAgreement extends PureComponent {
     onDecline: PropTypes.func,
     onClose: PropTypes.func,
     onRemindLater: PropTypes.func,
-    translations: PropTypes.object,
+    translations: PropTypes.shape({
+      userAgreement: PropTypes.string.isRequired,
+      accept: PropTypes.string.isRequired,
+      decline: PropTypes.string.isRequired,
+      close: PropTypes.string.isRequired,
+      scrollToAccept: PropTypes.string.isRequired,
+      remindLater: PropTypes.string.isRequired
+    }),
     className: PropTypes.string
   };
 
   static defaultProps = {
     translations: {
+      userAgreement: 'User Agreement',
       accept: 'Accept',
       decline: 'Decline',
       close: 'Close',
@@ -68,6 +76,7 @@ export default class UserAgreement extends PureComponent {
 
     return (
       <Dialog
+        label={translations.userAgreement}
         show={show}
         className={classNames(style.agreementDialog, className)}
         contentClassName={style.dialogContent}
@@ -75,9 +84,8 @@ export default class UserAgreement extends PureComponent {
         autoFocusFirst={false}
         data-test="user-agreement"
       >
-        <Header>&nbsp;</Header>
+        <Header>{translations.userAgreement}</Header>
         <Content
-          scrollableWrapperClassName={style.scrollableWrapper}
           fade
           onScrollToBottom={this.onScrollToBottom}
         >

package/dist/_helpers/_rollupPluginBabelHelpers.js

@@ -1,41 +1,3 @@
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-
-  return target;
-}
-
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -69,59 +31,4 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-
-  return typeof key === "symbol" ? key : String(key);
-}
-
-export { _defineProperty as _, _objectWithoutProperties as a, _extends as b, _objectSpread2 as c, _toPropertyKey as d };
+export { _defineProperty as _, _extends as a };

package/dist/_helpers/anchor.js

@@ -1,4 +1,4 @@
-import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
+import { a as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { memo } from 'react';
 import PropTypes from 'prop-types';
 import chevronDown from '@jetbrains/icons/chevron-10px';
@@ -6,15 +6,14 @@ import classNames from 'classnames';
 import Icon from '../icon/icon.js';
 import Button from '../button/button.js';
 
-var modules_d9414203 = {"dropdown":"dropdown_dropdown__15def50d","anchor":"dropdown_anchor__15def50d","chevron":"dropdown_chevron__15def50d"};
+var modules_d9414203 = {"dropdown":"dropdown_rui_15de","anchor":"anchor_rui_15de","chevron":"chevron_rui_15de"};
 
 const Anchor = _ref => {
   let {
     children,
-    className
-  } = _ref,
-      restProps = _objectWithoutProperties(_ref, ["children", "className"]);
-
+    className,
+    ...restProps
+  } = _ref;
   return /*#__PURE__*/React.createElement(Button, _extends({
     text: true,
     className: classNames(modules_d9414203.anchor, className)

package/dist/_helpers/badge.js

@@ -1,3 +1,3 @@
-var modules_6c9187df = {"unit":"8px","badge":"badge_badge__e7eab608","gray":"badge_gray__e7eab608","valid":"badge_valid__e7eab608","invalid":"badge_invalid__e7eab608","disabled":"badge_disabled__e7eab608"};
+var modules_6c9187df = {"unit":"8px","badge":"badge_rui_e7ea","gray":"gray_rui_e7ea","valid":"valid_rui_e7ea","invalid":"invalid_rui_e7ea","disabled":"disabled_rui_e7ea"};
 
 export { modules_6c9187df as m };

package/dist/_helpers/button-group.js

@@ -0,0 +1,3 @@
+var modules_1068e447 = {"unit":"8px","buttonGroup":"buttonGroup_rui_e33e buttonGroup_rui_ec74","button":"button_rui_e33e","caption":"caption_rui_e33e font_rui_750f","active":"active_rui_e33e"};
+
+export { modules_1068e447 as m };

package/dist/_helpers/button-set.js

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

package/dist/_helpers/button-toolbar.js

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

package/dist/_helpers/button__classes.js

@@ -1,7 +1,7 @@
 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","danger":"button_danger__d4d7e4da","light":"button_light__d4d7e4da","active":"button_active__d4d7e4da buttonGroup_active__e33e6cf7","withIcon":"button_withIcon__d4d7e4da","icon":"button_icon__d4d7e4da","primary":"button_primary__d4d7e4da","loaderBackground":"button_loaderBackground__d4d7e4da","dark":"button_dark__d4d7e4da","dropdownIcon":"button_dropdownIcon__d4d7e4da","button":"button_button__d4d7e4da buttonGroup_button__e33e6cf7 buttonSet_button__40c7f807 buttonToolbar_button__ec743009","loader":"button_loader__d4d7e4da","text":"button_text__d4d7e4da","content":"button_content__d4d7e4da","text-loading":"button_textLoading__d4d7e4da","inline":"button_inline__d4d7e4da","withNormalIconLight":"button_withNormalIconLight__d4d7e4da","withNormalIconDark":"button_withNormalIconDark__d4d7e4da","withDangerIconLight":"button_withDangerIconLight__d4d7e4da","withDangerIconDark":"button_withDangerIconDark__d4d7e4da","progress":"button_progress__d4d7e4da","delayed":"button_delayed__d4d7e4da","short":"button_short__d4d7e4da"};
+var modules_e81895c9 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"24px","loaderWidth":"64px","light":"light_rui_8477","active":"active_rui_8477 active_rui_e33e","withIcon":"withIcon_rui_8477","icon":"icon_rui_8477","primary":"primary_rui_8477","danger":"danger_rui_8477","loaderBackground":"loaderBackground_rui_8477","dark":"dark_rui_8477","dropdownIcon":"dropdownIcon_rui_8477","button":"button_rui_8477 button_rui_e33e button_rui_40c7 button_rui_ec74","loader":"loader_rui_8477","text":"text_rui_8477","content":"content_rui_8477","text-loading":"textLoading_rui_8477","inline":"inline_rui_8477","withNormalIconLight":"withNormalIconLight_rui_8477","withNormalIconDark":"withNormalIconDark_rui_8477","withDangerIconLight":"withDangerIconLight_rui_8477","withDangerIconDark":"withDangerIconDark_rui_8477","progress":"progress_rui_8477","delayed":"delayed_rui_8477","short":"short_rui_8477"};
 
 function getButtonClasses(_ref) {
   let {

package/dist/_helpers/card.js

@@ -1,4 +1,4 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from './_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -6,19 +6,17 @@ 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":"userCard_userCardSpaced__2a18ba49","userInformationContainer":"userCard_userInformationContainer__2a18ba49","userInformation":"userCard_userInformation__2a18ba49","userName":"userCard_userName__2a18ba49","userActiveStatus":"userCard_userActiveStatus__2a18ba49","online":"userCard_online__2a18ba49"};
+var modules_a4196c17 = {"unit":"8px","userCardSpaced":"userCardSpaced_rui_2a18","userInformationContainer":"userInformationContainer_rui_2a18","userInformation":"userInformation_rui_2a18","userName":"userName_rui_2a18","userActiveStatus":"userActiveStatus_rui_2a18","online":"online_rui_2a18"};
 
 class UserCard extends PureComponent {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
       className,
       user,
-      wording
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "user", "wording"]);
-
+      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({

package/dist/_helpers/checkbox.js

@@ -0,0 +1,3 @@
+var modules_3199090e = {"unit":"8px","checkboxSize":"14px","checkbox":"checkbox_rui_c636","cell":"cell_rui_c636","icon":"icon_rui_c636","check":"check_rui_c636 icon_rui_c636","minus":"minus_rui_c636 icon_rui_c636","input":"input_rui_c636","focus":"focus_rui_c636","label":"label_rui_c636"};
+
+export { modules_3199090e as m };

package/dist/_helpers/date-picker.js

@@ -1,3 +1,3 @@
-var modules_0c7b7d96 = {"unit":"8px","resetButton":"global_resetButton__0f8f4370","cellSize":"24px","calHeight":"288px","calWidth":"296px","yearHeight":"32px","yearWidth":"48px","container":"datePicker_container__382b47f4","hoverable":"datePicker_hoverable__382b47f4","datePicker":"datePicker_datePicker__382b47f4","displayDate":"datePicker_displayDate__382b47f4","displayRange":"datePicker_displayRange__382b47f4","clear":"datePicker_clear__382b47f4","datePopup":"datePicker_datePopup__382b47f4","filterWrapper":"datePicker_filterWrapper__382b47f4 selectPopup_filterWrapper__7e997a1d","filter":"datePicker_filter__382b47f4 selectPopup_filter__7e997a1d","filterIcon":"datePicker_filterIcon__382b47f4 selectPopup_filterIcon__7e997a1d","fromInput":"datePicker_fromInput__382b47f4","fromInputWithDivider":"datePicker_fromInputWithDivider__382b47f4","toInput":"datePicker_toInput__382b47f4","dateInput":"datePicker_dateInput__382b47f4","timeInputWithDivider":"datePicker_timeInputWithDivider__382b47f4","weekdays":"datePicker_weekdays__382b47f4","weekday":"datePicker_weekday__382b47f4","weekend":"datePicker_weekend__382b47f4","calendar":"datePicker_calendar__382b47f4","months":"datePicker_months__382b47f4","days":"datePicker_days__382b47f4","month":"datePicker_month__382b47f4","monthTitle":"datePicker_monthTitle__382b47f4","day":"datePicker_day__382b47f4 global_resetButton__0f8f4370","between":"datePicker_between__382b47f4","activeBetween":"datePicker_activeBetween__382b47f4","current":"datePicker_current__382b47f4","active":"datePicker_active__382b47f4","disabled":"datePicker_disabled__382b47f4","from":"datePicker_from__382b47f4","to":"datePicker_to__382b47f4","Monday":"datePicker_Monday__382b47f4","spread":"datePicker_spread__382b47f4","activeSpread":"datePicker_activeSpread__382b47f4","first":"datePicker_first__382b47f4","Tuesday":"datePicker_Tuesday__382b47f4","Friday":"datePicker_Friday__382b47f4","Saturday":"datePicker_Saturday__382b47f4","Sunday":"datePicker_Sunday__382b47f4","empty":"datePicker_empty__382b47f4","today":"datePicker_today__382b47f4","year":"datePicker_year__382b47f4 datePicker_hoverable__382b47f4 global_resetButton__0f8f4370","monthNames":"datePicker_monthNames__382b47f4","monthName":"datePicker_monthName__382b47f4 datePicker_hoverable__382b47f4 global_resetButton__0f8f4370","monthSlider":"datePicker_monthSlider__382b47f4 global_resetButton__0f8f4370","dragging":"datePicker_dragging__382b47f4","range":"datePicker_range__382b47f4","years":"datePicker_years__382b47f4","currentYear":"datePicker_currentYear__382b47f4"};
+var modules_0c7b7d96 = {"unit":"8px","resetButton":"resetButton_rui_750f","cellSize":"24px","calHeight":"288px","calWidth":"296px","yearHeight":"32px","yearWidth":"48px","container":"container_rui_2e95","hoverable":"hoverable_rui_2e95","datePicker":"datePicker_rui_2e95","displayDate":"displayDate_rui_2e95","displayRange":"displayRange_rui_2e95","clear":"clear_rui_2e95","datePopup":"datePopup_rui_2e95","filterWrapper":"filterWrapper_rui_2e95 filterWrapper_rui_7e99","filter":"filter_rui_2e95 filter_rui_7e99","filterIcon":"filterIcon_rui_2e95 filterIcon_rui_7e99","fromInput":"fromInput_rui_2e95","fromInputWithDivider":"fromInputWithDivider_rui_2e95","toInput":"toInput_rui_2e95","dateInput":"dateInput_rui_2e95","timeInputWithDivider":"timeInputWithDivider_rui_2e95","weekdays":"weekdays_rui_2e95","weekday":"weekday_rui_2e95","weekend":"weekend_rui_2e95","calendar":"calendar_rui_2e95","months":"months_rui_2e95","days":"days_rui_2e95","month":"month_rui_2e95","monthTitle":"monthTitle_rui_2e95","day":"day_rui_2e95 resetButton_rui_750f","between":"between_rui_2e95","activeBetween":"activeBetween_rui_2e95","current":"current_rui_2e95","active":"active_rui_2e95","disabled":"disabled_rui_2e95","from":"from_rui_2e95","to":"to_rui_2e95","Monday":"Monday_rui_2e95","spread":"spread_rui_2e95","activeSpread":"activeSpread_rui_2e95","first":"first_rui_2e95","Tuesday":"Tuesday_rui_2e95","Friday":"Friday_rui_2e95","Saturday":"Saturday_rui_2e95","Sunday":"Sunday_rui_2e95","empty":"empty_rui_2e95","today":"today_rui_2e95","year":"year_rui_2e95 hoverable_rui_2e95 resetButton_rui_750f","monthNames":"monthNames_rui_2e95","monthName":"monthName_rui_2e95 hoverable_rui_2e95 resetButton_rui_750f","monthSlider":"monthSlider_rui_2e95 resetButton_rui_750f","dragging":"dragging_rui_2e95","range":"range_rui_2e95","years":"years_rui_2e95","currentYear":"currentYear_rui_2e95"};
 
 export { modules_0c7b7d96 as m };