@jetbrains/ring-ui-built 7.0.0-beta.13 → 7.0.0-beta.15

package/components/tag/tag.js

@@ -17,7 +17,7 @@ import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 
-var modules_2f9be069 = {"max-height":"20px","tag":"tag_rui_5765 resetButton_rui_f295","light":"light_rui_2ac4","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
+var styles = {"tag":"tag_rui_5765 resetButton_rui_f295","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
 
 class Tag extends PureComponent {
   constructor() {
@@ -65,7 +65,7 @@ class Tag extends PureComponent {
   renderCustomIcon() {
     if (this.props.rgTagIcon) {
       return /*#__PURE__*/jsx(Icon, {
-        className: modules_2f9be069.icon,
+        className: styles.icon,
         title: this.props.rgTagTitle,
         glyph: this.props.rgTagIcon
       });
@@ -74,8 +74,8 @@ class Tag extends PureComponent {
   }
   _renderImageElement(avatarSrc) {
     const classes = classNames({
-      [modules_2f9be069.customIcon]: this.props.icon,
-      [modules_2f9be069.avatarIcon]: avatarSrc
+      [styles.customIcon]: this.props.icon,
+      [styles.avatarIcon]: avatarSrc
     });
     return /*#__PURE__*/jsx("img", {
       alt: avatarSrc ? 'Avatar' : 'Icon',
@@ -92,7 +92,7 @@ class Tag extends PureComponent {
   renderAvatar() {
     if (this.props.avatar) {
       return /*#__PURE__*/jsx("span", {
-        className: modules_2f9be069.avatarContainer,
+        className: styles.avatarContainer,
         children: this._renderImageElement(this.props.avatar)
       });
     }
@@ -104,8 +104,8 @@ class Tag extends PureComponent {
         title: "Remove",
         icon: closeIcon,
         "data-test": "ring-tag-remove",
-        className: modules_2f9be069.remove,
-        iconClassName: modules_2f9be069.removeIcon,
+        className: styles.remove,
+        iconClassName: styles.removeIcon,
         onClick: this.props.onRemove,
         style: {
           '--ring-icon-secondary-color': this.props.textColor
@@ -116,10 +116,10 @@ class Tag extends PureComponent {
     return null;
   }
   render() {
-    const classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
-      [modules_2f9be069.focused]: this.state.focused,
-      [modules_2f9be069.disabled]: this.props.disabled,
-      [modules_2f9be069.withRemove]: !this.props.readOnly
+    const classes = classNames('ring-js-shortcuts', styles.tag, {
+      [styles.focused]: this.state.focused,
+      [styles.disabled]: this.props.disabled,
+      [styles.withRemove]: !this.props.readOnly
     }, this.props.className);
     const {
       backgroundColor,
@@ -127,7 +127,7 @@ class Tag extends PureComponent {
       render
     } = this.props;
     return /*#__PURE__*/jsxs("span", {
-      className: modules_2f9be069.container,
+      className: styles.container,
       children: [render({
         'data-test': 'ring-tag',
         className: classes,
@@ -140,7 +140,7 @@ class Tag extends PureComponent {
         disabled: this.props.disabled,
         children: /*#__PURE__*/jsxs(Fragment, {
           children: [this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/jsx("span", {
-            className: modules_2f9be069.content,
+            className: styles.content,
             children: this.props.children
           })]
         })

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

@@ -8,12 +8,11 @@ import TagsList from '../tags-list/tags-list.js';
 import Caret from '../caret/caret.js';
 import memoize from '../global/memoize.js';
 import rerenderHOC from '../global/rerender-hoc.js';
-import { S as Size, m as modules_88cfaf40 } from '../_helpers/input.js';
+import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import getUID from '../global/get-uid.js';
 import { ControlLabel } from '../control-label/control-label.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.string.trim.js';
@@ -83,7 +82,7 @@ import '../text/text.js';
 import '../_helpers/select__filter.js';
 import '../tag/tag.js';
 
-var modules_5aa8aaf3 = {"outerContainer":"outerContainer_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","light":"light_rui_2ac4","tagsInput":"tagsInput_rui_2ffe","tagsInputDisabled":"tagsInputDisabled_rui_2ffe","tagsInputFocused":"tagsInputFocused_rui_2ffe","tagsList":"tagsList_rui_2ffe","tagsSelect":"tagsSelect_rui_2ffe"};
+var styles = {"outerContainer":"outerContainer_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","tagsInput":"tagsInput_rui_2ffe","tagsInputDisabled":"tagsInputDisabled_rui_2ffe","tagsInputFocused":"tagsInputFocused_rui_2ffe","tagsList":"tagsList_rui_2ffe","tagsSelect":"tagsSelect_rui_2ffe"};
 
 function noop() {}
 /**
@@ -338,9 +337,9 @@ class TagsInput extends PureComponent {
       height = this.context,
       label
     } = this.props;
-    const classes = classNames(modules_5aa8aaf3.tagsInput, [modules_88cfaf40["size".concat(size)]], [modules_88cfaf40["height".concat(height)]], {
-      [modules_5aa8aaf3.tagsInputDisabled]: disabled,
-      [modules_5aa8aaf3.tagsInputFocused]: focused
+    const classes = classNames(styles.tagsInput, [inputStyles["size".concat(size)]], [inputStyles["height".concat(height)]], {
+      [styles.tagsInputDisabled]: disabled,
+      [styles.tagsInputFocused]: focused
     }, this.props.className);
     return /*#__PURE__*/jsxs("div", {
       // it transfers focus to input
@@ -360,8 +359,8 @@ class TagsInput extends PureComponent {
         disabled: disabled,
         canNotBeEmpty: canNotBeEmpty,
         handleRemove: this.handleRemove,
-        className: modules_5aa8aaf3.tagsList,
-        tagClassName: modules_5aa8aaf3.tag,
+        className: styles.tagsList,
+        tagClassName: styles.tag,
         handleClick: this.handleClick,
         customTagComponent: this.props.customTagComponent,
         children: /*#__PURE__*/jsx(Select, {
@@ -371,7 +370,7 @@ class TagsInput extends PureComponent {
           type: Select.Type.INPUT_WITHOUT_CONTROLS,
           inputPlaceholder: this.props.placeholder,
           data: this.state.suggestions,
-          className: classNames(modules_5aa8aaf3.tagsSelect),
+          className: classNames(styles.tagsSelect),
           onSelect: this.addTag,
           onFocus: this._focusHandler,
           onBlur: this._blurHandler,

package/components/text/text.js

@@ -3,7 +3,7 @@ import { Component } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var modules_78d1bce6 = {"light":"light_rui_2ac4","text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31","bold":"bold_rui_2f31"};
+var styles = {"text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31","bold":"bold_rui_2f31"};
 
 const _excluded = ["children", "className", "info", "size", "bold"];
 const TextSize = {
@@ -25,12 +25,12 @@ class Text extends Component {
         bold
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_78d1bce6.text, className, {
-      [modules_78d1bce6.info]: info,
-      [modules_78d1bce6.bold]: bold,
-      [modules_78d1bce6.sizeS]: size === Text.Size.S,
-      [modules_78d1bce6.sizeM]: size === Text.Size.M,
-      [modules_78d1bce6.sizeL]: size === Text.Size.L
+    const classes = classNames(styles.text, className, {
+      [styles.info]: info,
+      [styles.bold]: bold,
+      [styles.sizeS]: size === Text.Size.S,
+      [styles.sizeM]: size === Text.Size.M,
+      [styles.sizeL]: size === Text.Size.L
     });
     return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
       className: classes

package/components/toggle/toggle.d.ts

@@ -5,8 +5,8 @@ export declare const Size: {
     Size20: string;
 };
 /**
-  * @name Toggle
-  */
+ * @name Toggle
+ */
 export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     size: string;
     leftLabel?: ReactNode;

package/components/toggle/toggle.js

@@ -4,16 +4,15 @@ import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ControlHelp from '../control-help/control-help.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
-var modules_331c5aa7 = {"padding":"2px","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_2ac4","toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","help":"help_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
+var styles = {"toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","help":"help_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
 
 const _excluded = ["className", "children", "disabled", "title", "leftLabel", "size", "data-test", "help", "onTransitionEnd"];
 const Size = {
-  Size14: modules_331c5aa7.size14,
-  Size16: modules_331c5aa7.size16,
-  Size20: modules_331c5aa7.size20
+  Size14: styles.size14,
+  Size16: styles.size16,
+  Size20: styles.size20
 };
 class Toggle extends PureComponent {
   render() {
@@ -30,33 +29,33 @@ class Toggle extends PureComponent {
         onTransitionEnd
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(className, size, modules_331c5aa7.toggle, disabled && modules_331c5aa7.disabled);
+    const classes = classNames(className, size, styles.toggle, disabled && styles.disabled);
     return /*#__PURE__*/jsxs("label", {
       className: classes,
       title: title,
       "data-test": joinDataTestAttributes('ring-toggle', dataTest),
       children: [leftLabel && /*#__PURE__*/jsxs("span", {
-        className: modules_331c5aa7.leftLabel,
+        className: styles.leftLabel,
         children: [leftLabel, help && /*#__PURE__*/jsx(ControlHelp, {
-          className: modules_331c5aa7.help,
+          className: styles.help,
           children: help
         })]
       }), /*#__PURE__*/jsxs("span", {
-        className: modules_331c5aa7.switchWrapper,
+        className: styles.switchWrapper,
         children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
           "data-test": "ring-toggle-input"
         }, restProps), {}, {
           type: "checkbox",
           disabled: disabled,
-          className: modules_331c5aa7.input
+          className: styles.input
         })), /*#__PURE__*/jsx("span", {
-          className: modules_331c5aa7.switch,
+          className: styles.switch,
           onTransitionEnd: onTransitionEnd
         })]
       }), children && /*#__PURE__*/jsxs("div", {
-        className: modules_331c5aa7.label,
+        className: styles.label,
         children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
-          className: modules_331c5aa7.help,
+          className: styles.help,
           children: help
         })]
       })]

package/components/tooltip/tooltip.js

@@ -22,9 +22,8 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
-import 'core-js/modules/es.array.reduce.js';
 
-var modules_cd5e45a9 = {"light":"light_rui_2ac4","tooltip":"tooltip_rui_a84d","long":"long_rui_a84d"};
+var styles = {"tooltip":"tooltip_rui_a84d","long":"long_rui_a84d"};
 
 const _excluded = ["children", "data-test", "title", "delay", "theme", "selfOverflowOnly", "popupProps", "long"];
 const scheduleScroll = scheduleRAF();
@@ -179,8 +178,8 @@ class Tooltip extends Component {
             hidden: !this.state.showPopup || this.state.showNestedPopup,
             onCloseAttempt: this.hidePopup,
             maxHeight: 400,
-            className: classNames(modules_cd5e45a9.tooltip, {
-              [modules_cd5e45a9.long]: long
+            className: classNames(styles.tooltip, {
+              [styles.long]: long
             }),
             attached: false,
             onMouseOut: this.hidePopup,

package/components/user-agreement/service.js

@@ -15,7 +15,6 @@ import 'react';
 import 'react-dom';
 import 'classnames';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '@jetbrains/icons/exception';

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

@@ -3,8 +3,8 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Dialog from '../dialog/dialog.js';
-import 'core-js/modules/es.array.reduce.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import '../_helpers/island.js';
 import HeaderWrapper from '../island/header.js';
 import ContentWrapper from '../island/content.js';
 import Panel from '../panel/panel.js';
@@ -16,7 +16,6 @@ import '../island/island.js';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
-import '../_helpers/island.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
@@ -43,7 +42,7 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../i18n/i18n.js';
 
-var modules_f5ed85cf = {"extra-small-screen-media":"i__const_extra_small_screen_media_0","light":"light_rui_2ac4","agreementDialog":"agreementDialog_rui_7e82","dialogContent":"dialogContent_rui_7e82","suggestion":"suggestion_rui_7e82","remindLaterButton":"remindLaterButton_rui_7e82"};
+var style = {"extra-small-screen-media":"(max-width: 639px)","agreementDialog":"agreementDialog_rui_7e82","dialogContent":"dialogContent_rui_7e82","suggestion":"suggestion_rui_7e82","remindLaterButton":"remindLaterButton_rui_7e82"};
 
 function noop() {}
 /**
@@ -83,8 +82,8 @@ class UserAgreement extends PureComponent {
         return /*#__PURE__*/jsxs(Dialog, {
           label: (_translations$userAgr = translations === null || translations === void 0 ? void 0 : translations.userAgreement) !== null && _translations$userAgr !== void 0 ? _translations$userAgr : translate('userAgreement'),
           show: show,
-          className: classNames(modules_f5ed85cf.agreementDialog, className),
-          contentClassName: modules_f5ed85cf.dialogContent,
+          className: classNames(style.agreementDialog, className),
+          contentClassName: style.dialogContent,
           trapFocus: true,
           autoFocusFirst: false,
           "data-test": "user-agreement",
@@ -96,7 +95,7 @@ class UserAgreement extends PureComponent {
             children: children
           }), !preview && /*#__PURE__*/jsxs(Panel, {
             children: [onRemindLater && !scrolledDown && /*#__PURE__*/jsx("div", {
-              className: modules_f5ed85cf.suggestion,
+              className: style.suggestion,
               children: (_translations$scrollT = translations === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT !== void 0 ? _translations$scrollT : translate('scrollToAccept')
             }), /*#__PURE__*/jsx(Button, {
               primary: true,
@@ -110,10 +109,10 @@ class UserAgreement extends PureComponent {
               "data-test": "decline",
               children: (_translations$decline = translations === null || translations === void 0 ? void 0 : translations.decline) !== null && _translations$decline !== void 0 ? _translations$decline : translate('decline')
             }), !onRemindLater && !scrolledDown && /*#__PURE__*/jsx("span", {
-              className: modules_f5ed85cf.suggestion,
+              className: style.suggestion,
               children: (_translations$scrollT2 = translations === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT2 !== void 0 ? _translations$scrollT2 : translate('scrollToAccept')
             }), onRemindLater && /*#__PURE__*/jsx(Button, {
-              className: modules_f5ed85cf.remindLaterButton,
+              className: style.remindLaterButton,
               onClick: onRemindLater,
               "data-test": "later",
               children: (_translations$remindL = translations === null || translations === void 0 ? void 0 : translations.remindLater) !== null && _translations$remindL !== void 0 ? _translations$remindL : translate('remindLater')

package/components/user-card/card.js

@@ -19,7 +19,6 @@ import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
 import '../global/get-uid.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../alert-service/alert-service.js';

package/components/user-card/smart-user-card-tooltip.js

@@ -3,11 +3,10 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
 import LoaderInline from '../loader-inline/loader-inline.js';
 import UserCardTooltip from './tooltip.js';
-import { m as modules_a4196c17 } from '../_helpers/card.js';
+import { s as styles } from '../_helpers/card.js';
 import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
@@ -89,7 +88,7 @@ class SmartUserCardTooltip extends Component {
       }
     });
     _defineProperty(this, "renderNoUser", () => this.state.loading ? /*#__PURE__*/jsx("div", {
-      className: modules_a4196c17.userCardSpaced,
+      className: styles.userCardSpaced,
       children: /*#__PURE__*/jsx(LoaderInline, {})
     }) : '');
   }

package/components/user-card/tooltip.js

@@ -3,11 +3,10 @@ import { Component } from 'react';
 import classNames from 'classnames';
 import Dropdown from '../dropdown/dropdown.js';
 import Popup from '../popup/popup.js';
-import { m as modules_a4196c17, U as UserCard } from '../_helpers/card.js';
+import { s as styles, U as UserCard } from '../_helpers/card.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-10px';
@@ -82,7 +81,7 @@ class UserCardTooltip extends Component {
         attached: false,
         children: user ? renderUserCard(_objectSpread2(_objectSpread2({}, restProps), {}, {
           user,
-          className: classNames(modules_a4196c17.userCardSpaced, this.props.className)
+          className: classNames(styles.userCardSpaced, this.props.className)
         })) : renderNoUser()
       })
     }));

package/components/user-card/user-card.js

@@ -16,7 +16,6 @@ import '../global/get-uid.js';
 import 'react/jsx-runtime';
 import '../link/link.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../clipboard/clipboard.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui-built",
-  "version": "7.0.0-beta.13",
+  "version": "7.0.0-beta.15",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -28,7 +28,8 @@
   },
   "scripts": {
     "apply-resolutions": "npx npm-force-resolutions@0.0.10",
-    "_postinstall": "husky",
+    "_postinstall": "husky && npm run postinstall:gitconfig",
+    "postinstall:gitconfig": "git config blame.ignoreRevsFile .git-blame-ignore-revs",
     "prepare": "webpack -c .storybook/custom-header/webpack.config.js",
     "prea11y-audit": "playwright install",
     "a11y-audit": "test-storybook --url http://localhost:9999",
@@ -47,12 +48,12 @@
     "serve": "http-server storybook-dist/ -p 9999",
     "start": "storybook dev -p 9999",
     "storybook-debug": "node --inspect-brk node_modules/@storybook/react/bin -p 9999",
-    "lint:js": "ESLINT_USE_FLAT_CONFIG=false eslint",
+    "lint:js": "eslint",
     "lint": "npm run lint:js . && npm run stylelint",
     "prelint-ci": "echo \"##teamcity[importData type='jslint' path='eslint-report.xml']\"",
-    "lint-ci": "ESLINT_USE_FLAT_CONFIG=false eslint --format jslint-xml . > eslint-report.xml && npm run stylelint-ci",
-    "stylelint-ci": "stylelint --ignore-path .eslintignore --custom-formatter './jslint-xml.js' '**/*.css' | xmlappend eslint-report.xml",
-    "stylelint": "stylelint --ignore-path .eslintignore '**/*.css'",
+    "lint-ci": "eslint --format jslint-xml . > eslint-report.xml && npm run stylelint-ci",
+    "stylelint-ci": "stylelint --ignore-path .stylelintignore --custom-formatter './jslint-xml.js' '**/*.css' | xmlappend eslint-report.xml",
+    "stylelint": "stylelint --ignore-path .stylelintignore '**/*.css'",
     "validate-tc-config": "mvn --file .teamcity/pom.xml org.jetbrains.teamcity:teamcity-configs-maven-plugin:generate -e",
     "pretest-ci": "npm run lint-ci",
     "typecheck": "tsc",
@@ -88,7 +89,7 @@
     }
   },
   "dependencies": {
-    "@jetbrains/icons": "^4.6.0",
+    "@jetbrains/icons": "^4.8.0",
     "change-case": "^4.1.1",
     "classnames": "^2.5.1",
     "combokeys": "^3.0.1",

package/typings.d.ts

@@ -32,12 +32,10 @@ declare module 'combokeys/test/lib/key-event' {
     keyCode: number,
     modifiers?: ('shift' | 'ctrl' | 'alt' | 'meta')[],
     element?: Element,
-    repeat?: number
+    repeat?: number,
   ): void;
 }
 
 declare module 'scrollbar-width' {
-  export default function getScrollbarWidth(
-    recalculate?: boolean
-  ): number | null;
+  export default function getScrollbarWidth(recalculate?: boolean): number | null;
 }

package/components/island-legacy/content-legacy.d.ts

@@ -1,5 +0,0 @@
-import { HTMLAttributes, PureComponent } from 'react';
-import './island-legacy.css';
-export default class Content extends PureComponent<HTMLAttributes<HTMLElement>> {
-    render(): import("react").JSX.Element;
-}

package/components/island-legacy/content-legacy.js

@@ -1,23 +0,0 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import { PureComponent } from 'react';
-import classNames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["children", "className"];
-class Content extends PureComponent {
-  render() {
-    const _this$props = this.props,
-      {
-        children,
-        className
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames('ring-island__content', className);
-    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-      className: classes,
-      children: children
-    }));
-  }
-}
-
-export { Content as default };

package/components/island-legacy/header-legacy.d.ts

@@ -1,5 +0,0 @@
-import { HTMLAttributes, PureComponent } from 'react';
-import './island-legacy.css';
-export default class Header extends PureComponent<HTMLAttributes<HTMLElement>> {
-    render(): import("react").JSX.Element;
-}

package/components/island-legacy/header-legacy.js

@@ -1,26 +0,0 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import { PureComponent } from 'react';
-import classNames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["children", "className"];
-class Header extends PureComponent {
-  render() {
-    const _this$props = this.props,
-      {
-        children,
-        className
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames('ring-island__header', className);
-    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-      className: classes,
-      children: /*#__PURE__*/jsx("div", {
-        className: "ring-island__title",
-        children: children
-      })
-    }));
-  }
-}
-
-export { Header as default };

package/components/island-legacy/island-legacy.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes, PureComponent } from 'react';
-import './island-legacy.css';
-export default class Island extends PureComponent<HTMLAttributes<HTMLElement>> {
-    render(): import("react").JSX.Element;
-}
-export { default as Header } from './header-legacy';
-export { default as Content } from './content-legacy';

package/components/island-legacy/island-legacy.js

@@ -1,25 +0,0 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import { PureComponent } from 'react';
-import classNames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-export { default as Header } from './header-legacy.js';
-export { default as Content } from './content-legacy.js';
-
-const _excluded = ["children", "className"];
-class Island extends PureComponent {
-  render() {
-    const _this$props = this.props,
-      {
-        children,
-        className
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames('ring-island', className);
-    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-      className: classes,
-      children: children
-    }));
-  }
-}
-
-export { Island as default };