@jetbrains/ring-ui 5.0.0-beta.9 → 5.0.3

package/dist/auth/background-flow.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import AuthResponseParser from './response-parser.js';
+import 'core-js/modules/es.string.replace.js';
 import 'es6-error';
 import '../global/url.js';
 
@@ -43,7 +44,7 @@ class BackgroundFlow {
 
 
   _redirectFrame(iframe, url) {
-    iframe.src = `${url}&rnd=${Math.random()}`;
+    iframe.src = "".concat(url, "&rnd=").concat(Math.random());
   }
   /**
    * Refreshes the access token in an iframe.

package/dist/auth/down-notification.js

@@ -5,6 +5,8 @@ import Alert from '../alert/alert.js';
 import Link from '../link/link.js';
 import Group from '../group/group.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/container.js';
@@ -18,6 +20,7 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -31,10 +34,20 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../_helpers/theme.js';
 import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
 import '../_helpers/link.js';
 import '../_helpers/group.js';
 
-var modules_c87dd562 = {"unit":"8px","title":"title_rui_d971","error":"error_rui_d971"};
+var modules_c87dd562 = {"unit":"8px","title":"title_rui_b890","error":"error_rui_b890"};
 
 let key = null;
 

package/dist/auth/iframe-flow.js

@@ -3,6 +3,8 @@ import React from 'react';
 import showAuthDialog from '../login-dialog/service.js';
 import Link from '../link/link.js';
 import AuthResponseParser from './response-parser.js';
+import '../global/react-render-adapter.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
 import '../login-dialog/login-dialog.js';
 import 'prop-types';
@@ -34,6 +36,7 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/auth/landing.js

@@ -6,12 +6,15 @@ import { DEFAULT_EXPIRES_TIMEOUT } from './auth__core.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'es6-error';
 import '../http/http.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
 import './window-flow.js';
 import './down-notification.js';
 import 'react';
 import 'prop-types';
 import '../alert-service/alert-service.js';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -38,6 +41,16 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../_helpers/theme.js';
 import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../link/link.js';
 import '../_helpers/link.js';
@@ -60,10 +73,10 @@ async function parseAndStoreResponse(clientId) {
   var _this$_storage;
 
   const storage = new AuthStorage({
-    messagePrefix: `${clientId}-message-`,
-    stateKeyPrefix: `${clientId}-states-`,
-    tokenKey: `${clientId}-token`,
-    userKey: `${clientId}-user-`
+    messagePrefix: "".concat(clientId, "-message-"),
+    stateKeyPrefix: "".concat(clientId, "-states-"),
+    tokenKey: "".concat(clientId, "-token"),
+    userKey: "".concat(clientId, "-user-")
   });
 
   if (!authResponse) {

package/dist/auth/request-builder.js

@@ -1,6 +1,7 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import uuid from 'simply-uuid';
 import { encodeURL } from '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
 
 class AuthRequestBuilder {
   /**

package/dist/auth/response-parser.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.string.replace.js';
 import ExtendableError from 'es6-error';
 import { parseQueryString } from '../global/url.js';
 

package/dist/auth/storage.js

@@ -1,8 +1,10 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import ActualStorage from '../storage/storage.js';
 import '../storage/storage__local.js';
 import '../alert-service/alert-service.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -17,6 +19,7 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -30,6 +33,16 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../_helpers/theme.js';
 import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../storage/storage__fallback.js';
 import 'deep-equal';

package/dist/auth/token-validator.js

@@ -1,7 +1,9 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import ExtendableError from 'es6-error';
 import { CODE } from '../http/http.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
 
 class TokenValidationError extends ExtendableError {
   constructor(message, cause) {

package/dist/auth/window-flow.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import AuthResponseParser from './response-parser.js';
+import 'core-js/modules/es.string.replace.js';
 import 'es6-error';
 import '../global/url.js';
 
@@ -54,7 +55,7 @@ class WindowFlow {
     const screenHalves = 2;
     const top = (window.screen.height - height - NAVBAR_HEIGHT) / screenHalves;
     const left = (window.screen.width - width) / screenHalves;
-    return window.open(url, 'HubLoginWindow', `height=${height}, width=${width}, left=${left}, top=${top}`);
+    return window.open(url, 'HubLoginWindow', "height=".concat(height, ", width=").concat(width, ", left=").concat(left, ", top=").concat(top));
   }
   /**
    * Initiates authorization in window

package/dist/auth-dialog/auth-dialog.js

@@ -1,4 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.string.replace.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -39,7 +41,7 @@ import '../_helpers/button__classes.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 
-var modules_ae521deb = {"unit":"8px","dialog":"dialog_rui_8f14","content":"content_rui_8f14 font_rui_750f","button":"button_rui_8f14","firstButton":"firstButton_rui_8f14 button_rui_8f14","title":"title_rui_8f14","logo":"logo_rui_8f14","error":"error_rui_8f14"};
+var modules_ae521deb = {"unit":"8px","dialog":"dialog_rui_159b","content":"content_rui_159b font_rui_8bff","button":"button_rui_159b","firstButton":"firstButton_rui_159b button_rui_159b","title":"title_rui_159b","logo":"logo_rui_159b","error":"error_rui_159b"};
 
 class AuthDialog extends Component {
   constructor() {
@@ -115,7 +117,7 @@ class AuthDialog extends Component {
     }, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("div", {
       className: modules_ae521deb.content
     }, serviceImage && /*#__PURE__*/React.createElement("img", {
-      alt: `${serviceName} logo`,
+      alt: "".concat(serviceName, " logo"),
       className: modules_ae521deb.logo,
       src: serviceImage
     }), /*#__PURE__*/React.createElement(H2, {

package/dist/auth-dialog-service/auth-dialog-service.js

@@ -1,7 +1,10 @@
 import React from 'react';
-import { render } from 'react-dom';
+import { render } from '../global/react-render-adapter.js';
 import AuthDialog from '../auth-dialog/auth-dialog.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.string.replace.js';
 import 'prop-types';
 import 'classnames';
 import '../island/island.js';

package/dist/auth-ng/auth-ng.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/es.string.replace.js';
 import angular from 'angular';
 import '../auth/auth.js';
 import Auth from '../auth/auth__core.js';
@@ -10,6 +11,8 @@ import '../auth/down-notification.js';
 import 'react';
 import 'prop-types';
 import '../alert-service/alert-service.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -36,6 +39,16 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../_helpers/theme.js';
 import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../link/link.js';
 import '../_helpers/link.js';
@@ -106,7 +119,7 @@ angularModule.provider('auth', ["$httpProvider", function provider($httpProvider
 
         return authInstance.promise.then(() => authInstance.auth.requestToken()).then(accessToken => {
           if (accessToken) {
-            config.headers.Authorization = `Bearer ${accessToken}`;
+            config.headers.Authorization = "Bearer ".concat(accessToken);
           }
 
           return config;

package/dist/autofocus-ng/autofocus-ng.js

@@ -1,6 +1,7 @@
 import angular from 'angular';
 import { FOCUSABLE_ELEMENTS } from '../tab-trap/tab-trap.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'prop-types';
 import '../global/dom.js';

package/dist/avatar/avatar-example-datauri.js

@@ -1,26 +1,4 @@
 // Taken from https://hub.jetbrains.com/api/rest/avatar/default?username=Jet%20Brains&dpr=2&size=56
-const avatarDataUri = `data:image/svg+xml,${encodeURIComponent(`
-<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-    <defs>
-        <linearGradient id="gradient" x1="0" y1="0" x2="0" y2="1">
-            <stop stop-color="#D50F6B" offset="0"/>
-            <stop stop-color="#E73AE8" offset="1"/>
-        </linearGradient>
-    </defs>
-    <g>
-        <rect fill="url(#gradient)"
-              x="0" y="0" width="40" height="40"
-              rx="3" ry="3"/>
-        <text x="5" y="19"
-              font-family="Arial, Helvetica, sans-serif"
-              font-size="15px"
-              letter-spacing="1"
-              fill="#FFFFFF">
-            <tspan>JB</tspan>
-            <tspan x="6" y="28">_</tspan>
-        </text>
-    </g>
-</svg>
-`)}`;
+const avatarDataUri = "data:image/svg+xml,".concat(encodeURIComponent("\n<svg viewBox=\"0 0 40 40\" xmlns=\"http://www.w3.org/2000/svg\">\n    <defs>\n        <linearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop stop-color=\"#D50F6B\" offset=\"0\"/>\n            <stop stop-color=\"#E73AE8\" offset=\"1\"/>\n        </linearGradient>\n    </defs>\n    <g>\n        <rect fill=\"url(#gradient)\"\n              x=\"0\" y=\"0\" width=\"40\" height=\"40\"\n              rx=\"3\" ry=\"3\"/>\n        <text x=\"5\" y=\"19\"\n              font-family=\"Arial, Helvetica, sans-serif\"\n              font-size=\"15px\"\n              letter-spacing=\"1\"\n              fill=\"#FFFFFF\">\n            <tspan>JB</tspan>\n            <tspan x=\"6\" y=\"28\">_</tspan>\n        </text>\n    </g>\n</svg>\n"));
 
 export { avatarDataUri };

package/dist/avatar/avatar.d.ts

@@ -49,3 +49,4 @@ export default class Avatar extends PureComponent<AvatarProps> {
     handleSuccess: () => void;
     render(): JSX.Element;
 }
+export declare type AvatarAttrs = JSX.LibraryManagedAttributes<typeof Avatar, AvatarProps>;

package/dist/avatar/avatar.js

@@ -1,13 +1,15 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { isDataURI, parseQueryString, encodeURL } from '../global/url.js';
 import { getPixelRatio } from '../global/dom.js';
 import FallbackAvatar from './fallback-avatar.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/get-uid.js';
 
-var modules_61ca8c75 = {"avatar":"avatar_rui_f546","subavatar":"subavatar_rui_f546","empty":"empty_rui_f546"};
+var modules_61ca8c75 = {"avatar":"avatar_rui_a03e","subavatar":"subavatar_rui_a03e","empty":"empty_rui_a03e"};
 
 /**
  * @name Avatar
@@ -60,8 +62,8 @@ class Avatar extends PureComponent {
       skipParams,
       ...restProps
     } = this.props;
-    const sizeString = `${size}px`;
-    const subavatarSizeString = `${subavatarSize}px`;
+    const sizeString = "".concat(size, "px");
+    const subavatarSizeString = "".concat(subavatarSize, "px");
     const borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';
     const styleObj = {
       borderRadius: round ? '50%' : borderRadius,

package/dist/avatar/fallback-avatar.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import getUID from '../global/get-uid.js';
@@ -55,15 +56,15 @@ const Sizes = {
 const sizeKeys = Object.keys(Sizes).map(Number);
 
 function extractLetters(name) {
-  const names = name.split(/[\s._]+/).filter(Boolean);
+  const names = name.split(/[\s._]+/).filter(Boolean).map(word => 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).toUpperCase();
+      return names[0].slice(0, 2).join('').toUpperCase();
     } else {
-      return `${names[0][0].toUpperCase()}X`;
+      return "".concat(names[0][0].toUpperCase(), "X");
     }
   } else {
     return 'XX';
@@ -97,7 +98,7 @@ function FallbackAvatar(_ref) {
   const radius = round ? '50%' : sizes.radius;
   const gradientId = useMemo(() => getUID('gradient-'), []);
   return /*#__PURE__*/React.createElement("svg", {
-    viewBox: `0 0 ${sizeKey} ${sizeKey}`,
+    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,
@@ -112,7 +113,7 @@ function FallbackAvatar(_ref) {
     stopColor: toColor,
     offset: "1"
   }))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("rect", {
-    fill: `url(#${gradientId})`,
+    fill: "url(#".concat(gradientId, ")"),
     x: "0",
     y: "0",
     width: sizeKey,

package/dist/avatar-editor-ng/avatar-editor-ng.js

@@ -5,7 +5,9 @@ import alertService from '../alert-service/alert-service.js';
 import IconNG from '../icon-ng/icon-ng.js';
 import template from './avatar-editor-ng__template.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -20,6 +22,7 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -33,6 +36,16 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../_helpers/theme.js';
 import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../template-ng/template-ng.js';
 import '../global/ring-angular-component.js';

package/dist/avatar-editor-ng/avatar-editor-ng__template.js

@@ -1,30 +1,3 @@
-var template = `<div>
-  <div ng-click="!ngDisabled && controls.select()" class="ring-avatar-editor__frame" ng-class="{
-        'ring-avatar-editor_controlled': controlled,
-        'ring-avatar-editor': !ngDisabled
-    }" ng-show="model || default">
-    <img alt="Avatar" class="ring-avatar-editor__img" ng-src="{{ model }}" ng-show="model">
-    <img alt="Default avatar" class="ring-avatar-editor__img" ng-src="{{ default }}"
-         ng-show="!model && default" ng-click="!ngDisabled && controls.select()">
-    <rg-icon glyph="{{editIcon}}" size="16" class="ring-avatar-editor__icon" ng-if="!ngDisabled"></rg-icon>
-  </div>
-  <input class="ring-avatar-editor__file-input" rg-avatar-editor-file-input type="file" ng-model="fileInput" accept="image/*" ng-if="!ngDisabled">
-
-  <rg-button
-    delayed="true"
-    ng-disabled="ngDisabled"
-    ng-if="showAddButton && !model && !default"
-    ng-click="controls.select()"
-  >{{ getAddMessage() }}</rg-button>
-
-  <rg-button
-    ng-if="showDeleteButton&& model && !ngDisabled"
-    danger="true"
-    class="ring-avatar-editor__remove"
-    ng-click="controls.remove()"
-  >
-    <span translate>{{ getDeleteLabel() }}</span>
-  </rg-button>
-</div>`;
+var template = "<div>\n  <div ng-click=\"!ngDisabled && controls.select()\" class=\"ring-avatar-editor__frame\" ng-class=\"{\n        'ring-avatar-editor_controlled': controlled,\n        'ring-avatar-editor': !ngDisabled\n    }\" ng-show=\"model || default\">\n    <img alt=\"Avatar\" class=\"ring-avatar-editor__img\" ng-src=\"{{ model }}\" ng-show=\"model\">\n    <img alt=\"Default avatar\" class=\"ring-avatar-editor__img\" ng-src=\"{{ default }}\"\n         ng-show=\"!model && default\" ng-click=\"!ngDisabled && controls.select()\">\n    <rg-icon glyph=\"{{editIcon}}\" size=\"16\" class=\"ring-avatar-editor__icon\" ng-if=\"!ngDisabled\"></rg-icon>\n  </div>\n  <input class=\"ring-avatar-editor__file-input\" rg-avatar-editor-file-input type=\"file\" ng-model=\"fileInput\" accept=\"image/*\" ng-if=\"!ngDisabled\">\n\n  <rg-button\n    delayed=\"true\"\n    ng-disabled=\"ngDisabled\"\n    ng-if=\"showAddButton && !model && !default\"\n    ng-click=\"controls.select()\"\n  >{{ getAddMessage() }}</rg-button>\n\n  <rg-button\n    ng-if=\"showDeleteButton&& model && !ngDisabled\"\n    danger=\"true\"\n    class=\"ring-avatar-editor__remove\"\n    ng-click=\"controls.remove()\"\n  >\n    <span translate>{{ getDeleteLabel() }}</span>\n  </rg-button>\n</div>";
 
 export { template as default };

package/dist/avatar-ng/avatar-ng.js

@@ -1,14 +1,17 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Avatar from '../avatar/avatar.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
 import 'classnames';
 import '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
 import '../global/get-uid.js';

package/dist/badge/badge.js

@@ -4,6 +4,7 @@ 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/web.dom-collections.iterator.js';
 
 /**
  * @name Badge

package/dist/badge-ng/badge-ng.js

@@ -1,8 +1,10 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Badge from '../badge/badge.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';

package/dist/breadcrumb-ng/breadcrumb-ng.js

@@ -3,13 +3,15 @@ import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import LinkNG from '../link-ng/link-ng.js';
 import IconNG from '../icon-ng/icon-ng.js';
 import '../_helpers/link.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/ring-angular-component.js';
 import '../_helpers/icon.js';
 
-var modules_2c17c81e = {"unit":"8px","breadcrumb":"breadcrumb_rui_cdef","header":"header_rui_cdef","breadcrumbSmall":"breadcrumbSmall_rui_cdef","breadcrumbElement":"breadcrumbElement_rui_cdef","active":"active_rui_cdef","elementDescription":"elementDescription_rui_cdef","separatorIcon":"separatorIcon_rui_cdef"};
+var modules_2c17c81e = {"unit":"8px","breadcrumb":"breadcrumb_rui_91a4","header":"header_rui_91a4","breadcrumbSmall":"breadcrumbSmall_rui_91a4","breadcrumbElement":"breadcrumbElement_rui_91a4","active":"active_rui_91a4","elementDescription":"elementDescription_rui_91a4","separatorIcon":"separatorIcon_rui_91a4"};
 
 /**
  * @name Breadcrumb Ng
@@ -19,33 +21,7 @@ const angularModule = angular.module('Ring.breadcrumb', [LinkNG, IconNG]);
 angularModule.filter('breadcrumbNgChevronIcon', () => () => chevronRightIcon);
 angularModule.directive('rgBreadcrumb', function rgBreadcrumbDirective() {
   return {
-    template: `
-<div class="${modules_2c17c81e.breadcrumb}">
-  <span class="${modules_2c17c81e.breadcrumbElement}" data-test="ring-breadcrumb" ng-show="label">
-    <rg-link
-      ng-if="link"
-      ng-href="{{link}}"
-    >{{label}}</rg-link>
-
-    <rg-link ng-if="!link && onClick"
-          ng-class="onClick && 'ring-link'"
-          data-test="ring-breadcrumb-link"
-          ng-click="onClick({$event: $event})">{{label}}</rg-link>
-
-    <span ng-if="!link && !onClick" ng-click="onClick({$event: $event})">{{label}}</span>
-  </span>
-
-  <span ng-show="label">
-    <rg-icon
-      class="${modules_2c17c81e.separatorIcon}"
-      glyph="{{'' | breadcrumbNgChevronIcon}}"
-    ></rg-icon>
-  </span>
-
-  <span class="${modules_2c17c81e.breadcrumbElement} ${modules_2c17c81e.active}" data-test="ring-breadcrumb-element" ng-transclude></span>
-</div>
-
-    `,
+    template: "\n<div class=\"".concat(modules_2c17c81e.breadcrumb, "\">\n  <span class=\"").concat(modules_2c17c81e.breadcrumbElement, "\" data-test=\"ring-breadcrumb\" ng-show=\"label\">\n    <rg-link\n      ng-if=\"link\"\n      ng-href=\"{{link}}\"\n    >{{label}}</rg-link>\n\n    <rg-link ng-if=\"!link && onClick\"\n          ng-class=\"onClick && 'ring-link'\"\n          data-test=\"ring-breadcrumb-link\"\n          ng-click=\"onClick({$event: $event})\">{{label}}</rg-link>\n\n    <span ng-if=\"!link && !onClick\" ng-click=\"onClick({$event: $event})\">{{label}}</span>\n  </span>\n\n  <span ng-show=\"label\">\n    <rg-icon\n      class=\"").concat(modules_2c17c81e.separatorIcon, "\"\n      glyph=\"{{'' | breadcrumbNgChevronIcon}}\"\n    ></rg-icon>\n  </span>\n\n  <span class=\"").concat(modules_2c17c81e.breadcrumbElement, " ").concat(modules_2c17c81e.active, "\" data-test=\"ring-breadcrumb-element\" ng-transclude></span>\n</div>\n\n    "),
     replace: true,
     transclude: true,
     restrict: 'E',

package/dist/button/button.d.ts

@@ -3,7 +3,7 @@ import React, { PureComponent, ButtonHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { IconType, Size } from '../icon/icon';
 import { ClickableLinkProps } from '../link/clickableLink';
-import { ControlsHeight } from '../global/controls-height';
+import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
 export interface ButtonBaseProps {
     height?: ControlsHeight | undefined;
     active?: boolean | null | undefined;
@@ -58,6 +58,7 @@ export declare class Button extends PureComponent<ButtonProps> {
     };
     static IconSize: typeof Size;
     static contextType: React.Context<ControlsHeight>;
+    context: React.ContextType<typeof ControlsHeightContext>;
     buttonRef: React.RefObject<HTMLButtonElement>;
     render(): JSX.Element;
 }

package/dist/button/button.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'focus-visible';
 import React, { PureComponent, createRef } from 'react';
 import PropTypes from 'prop-types';
@@ -13,6 +14,7 @@ export { Size as IconSize } from '../icon/icon__constants.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 
 /**

package/dist/button-group-ng/button-group-ng.js

@@ -1,8 +1,9 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import angular from 'angular';
 import classNames from 'classnames';
 import { m as modules_1068e447 } from '../_helpers/button-group.js';
 
-var modules_c53cb36f = {"buttonGroup":"buttonGroup_rui_c91a"};
+var modules_c53cb36f = {"buttonGroup":"buttonGroup_rui_1fbf"};
 
 /**
  * @name Button Group Ng