@jetbrains/ring-ui 5.0.132 → 5.0.134

package/README.md

@@ -1,5 +1,5 @@
 # Ring UI — JetBrains Web UI components
-[![Storybook][storybook-img]][docsite] [![Build Status][ci-img]][ci-bt] [![Storybook][browserstack-img]][browserstack-build-page] [![Dependencies Status][deps-img]][deps] [![Dev Dependencies Status][dev-deps-img]][dev-deps] [![NPM version][npm-version-img]][npm-package] [![NPM downloads][npm-count-img]][npm-package]
+[![Storybook][storybook-img]][docsite] [![Build Status][ci-img]][ci-bt] [![Storybook][browserstack-img]][browserstack-build-page] [![NPM version][npm-version-img]][npm-package] [![NPM downloads][npm-count-img]][npm-package]
 
 [![official JetBrains project](https://jb.gg/badges/official-flat-square.svg)](https://confluence.jetbrains.com/display/ALL/JetBrains+on+GitHub)
 
@@ -84,7 +84,6 @@ See [CONTRIBUTING.md](./CONTRIBUTING.md)
 - [Living style guide][docsite]
 - [GitHub repository](https://github.com/JetBrains/ring-ui)
 - [Issues in YouTrack](https://youtrack.jetbrains.com/issues/RG)
-- [Code review in Upsource](https://upsource.jetbrains.com/ring-ui/view)
 - [Builds in TeamCity][ci-project]
 - [npm package][npm-package]
 
@@ -92,10 +91,6 @@ See [CONTRIBUTING.md](./CONTRIBUTING.md)
 [ci-project]: https://teamcity.jetbrains.com/project.html?projectId=JetBrainsUi_RingUi&tab=projectOverview
 [ci-bt]: https://teamcity.jetbrains.com/viewType.html?buildTypeId=JetBrainsUi_RingUi_GeminiTests&tab=buildTypeStatusDiv
 [ci-img]:  https://teamcity.jetbrains.com/app/rest/builds/buildType:JetBrainsUi_RingUi_GeminiTests/statusIcon.svg
-[deps]: https://david-dm.org/jetbrains/ring-ui
-[deps-img]: https://img.shields.io/david/jetbrains/ring-ui.svg
-[dev-deps]: https://david-dm.org/jetbrains/ring-ui?type=dev
-[dev-deps-img]: https://img.shields.io/david/dev/jetbrains/ring-ui.svg
 [npm-package]: https://www.npmjs.com/package/@jetbrains/ring-ui
 [npm-version-img]: https://img.shields.io/npm/v/@jetbrains/ring-ui.svg
 [npm-count-img]: https://img.shields.io/npm/dt/@jetbrains/ring-ui.svg

package/components/avatar/fallback-avatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { Size } from './avatar';
 export interface FallbackAvatarProps {

package/components/button-group/button-group.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import Caption from './caption';

package/components/button-group/button-group.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

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

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 
 import classNames from 'classnames';

package/components/button-ng/button-ng.examples.js

@@ -96,9 +96,9 @@ basic.storyName = 'Button Ng';
 basic.parameters = {
   hermione: {
     actions: [
-      {type: 'capture', name: '', selector: '#root'},
+      {type: 'capture', name: '', selector: '#storybook-root'},
       {type: 'focus', selector: '[data-test=button-active]'},
-      {type: 'capture', name: 'focus active', selector: '#root'}
+      {type: 'capture', name: 'focus active', selector: '#storybook-root'}
     ]
   },
   storyStyles: `

package/components/button-ng/button-ng.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 
 import classNames from 'classnames';

package/components/checkbox/checkbox.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import { PureComponent, InputHTMLAttributes, CSSProperties, Ref } from 'react';
 import PropTypes from 'prop-types';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {

package/components/checkbox/checkbox.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/components/checkbox-ng/checkbox-ng.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 
 import checkmarkIcon from '@jetbrains/icons/checkmark-14px';

package/components/confirm-ng/confirm-ng.examples.js

@@ -13,7 +13,7 @@ export default {
   parameters: {
     notes: 'Displays a confirmation prompt.',
     hermione: {captureSelector: '*[data-test~=ring-dialog]'},
-    a11y: {element: '*[data-test~=ring-dialog]'}
+    a11y: {element: '#storybook-root,*[data-test~=ring-dialog]'}
   }
 };
 

package/components/date-picker/month-names.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 declare function MonthNames(props: MonthsProps): JSX.Element;

package/components/date-picker/month.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 export interface MonthProps extends MonthsProps {

package/components/date-picker/months.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 declare function Months(props: MonthsProps): JSX.Element;

package/components/date-picker/weekdays.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Locale } from 'date-fns';
 import PropTypes from 'prop-types';
 interface WeekdaysProps {

package/components/dialog-ng/dialog-ng.examples.js

@@ -16,7 +16,7 @@ export default {
   parameters: {
     notes: 'Provides an Angular wrapper for Dialog.',
     hermione: {captureSelector: '*[data-test~=ring-dialog]'},
-    a11y: {element: '*[data-test~=ring-dialog]'}
+    a11y: {element: '#storybook-root,*[data-test~=ring-dialog]'}
   }
 };
 

package/components/form/form.examples.js

@@ -5,6 +5,7 @@ import angularDecorator, {APP_NAME} from '../../.storybook/angular-decorator';
 import '../input/input-legacy.css';
 import './form.css';
 import '../input-size/input-size.css';
+import '../error-bubble/error-bubble-legacy.css';
 
 import ButtonNG from '../button-ng/button-ng';
 

package/components/input-size/input-size.examples.js

@@ -5,6 +5,7 @@ import angularDecorator, {APP_NAME} from '../../.storybook/angular-decorator';
 import '../input/input-legacy.css';
 import '../form/form.css';
 import './input-size.css';
+import '../error-bubble/error-bubble-legacy.css';
 
 import SelectNG from '../select-ng/select-ng';
 import QueryAssistNG from '../query-assist-ng/query-assist-ng';

package/components/island/island.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export interface IslandProps extends HTMLAttributes<HTMLElement> {

package/components/island/island.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/components/island-ng/island-ng.js

@@ -1,6 +1,7 @@
 /**
  * @name Island Ng
  */
+import 'focus-visible';
 import angular from 'angular';
 
 import styles from '../island/island.css';
@@ -20,10 +21,10 @@ angularModule.directive('rgIsland', function islandDirective() {
     },
     compile,
     template: `
-<div 
+<div
   data-test="ring-island"
-  class="${styles.island}" 
-  ng-class="{'${styles.narrowIsland}': islandCtrl.narrow}" 
+  class="${styles.island}"
+  ng-class="{'${styles.narrowIsland}': islandCtrl.narrow}"
   ng-transclude
 ></div>
 `,

package/components/link-ng/link-ng.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 
 import styles from '../link/link.css';

package/components/list/list.d.ts

@@ -24,7 +24,7 @@ export interface ListProps<T = unknown> {
     restoreActiveIndex: boolean;
     activateSingleItem: boolean;
     activateFirstItem: boolean;
-    onMouseOut: (e: SyntheticEvent) => void;
+    onMouseOut: (e: SyntheticEvent<HTMLElement>) => void;
     onSelect: (item: ListDataItem<T>, event: Event | SyntheticEvent, params?: SelectHandlerParams) => void;
     onScrollToBottom: () => void;
     onResize: (info: Size) => void;

package/components/markdown/code.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CodeProps } from 'react-markdown/lib/ast-to-react';
 export interface MarkdownCodeProps extends CodeProps {
     language?: string;

package/components/markdown/heading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { HeadingProps } from 'react-markdown/lib/ast-to-react';
 declare const MarkdownHeading: {

package/components/markdown/link.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ReactMarkdownProps } from 'react-markdown/lib/complex-types';
 declare const MarkdownLink: {

package/components/query-assist/query-assist__suggestions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ListDataItem } from '../list/consts';
 export interface QueryAssistSuggestion {
     description: string;

package/components/select/select.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { ButtonHTMLAttributes, Component, CSSProperties, HTMLAttributes, ReactNode, RefCallback, SyntheticEvent } from 'react';
 import { SelectHandlerParams } from '../list/list';
 import { Size } from '../input/input';

package/components/select/select.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { Component, Fragment } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';

package/components/tabs/dumb-tabs.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import { PureComponent, ReactElement } from 'react';
 import PropTypes from 'prop-types';
 import { CollapsibleTabsProps } from './collapsible-tabs';

package/components/tabs/dumb-tabs.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/components/tabs/tabs.css

@@ -1,5 +1,8 @@
 @import "../global/variables.css";
 
+/* ensure styles order */
+@import "../link/link.css";
+
 @value dark from "../global/variables_dark.css";
 @value unit from "../global/global.css";
 @value line-shadow: inset 0 -1px 0 0;

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

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 
 import className from 'classnames';

package/components/tag/tag.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { HTMLAttributes, PureComponent, ReactNode, RefCallback } from 'react';
 import PropTypes from 'prop-types';
 import { IconType } from '../icon/icon';

package/components/tag/tag.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/components/user-card/tooltip.d.ts

@@ -2,9 +2,13 @@ import { Component, ReactElement, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { DropdownAttrs } from '../dropdown/dropdown';
 import { UserCardAttrs, UserCardUser } from './card';
-export interface UserCardTooltipProps extends Omit<UserCardAttrs, 'user'> {
+interface ChildrenProps {
+    active: boolean;
+    pinned: boolean;
+}
+export interface UserCardTooltipProps extends Omit<UserCardAttrs, 'children' | 'user'> {
     user?: UserCardUser | null | undefined;
-    children: ReactElement | readonly ReactElement[] | string;
+    children: ReactElement | readonly ReactElement[] | string | ((props: ChildrenProps) => ReactNode);
     dropdownProps: Partial<DropdownAttrs>;
     renderUserCard: (props: UserCardAttrs) => ReactNode;
     renderNoUser: () => ReactNode;
@@ -12,7 +16,7 @@ export interface UserCardTooltipProps extends Omit<UserCardAttrs, 'user'> {
 export default class UserCardTooltip extends Component<UserCardTooltipProps> {
     static propTypes: {
         className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
         dropdownProps: PropTypes.Requireable<object>;
         user: PropTypes.Requireable<object>;
         renderUserCard: PropTypes.Requireable<(...args: any[]) => any>;
@@ -29,3 +33,4 @@ export default class UserCardTooltip extends Component<UserCardTooltipProps> {
     render(): JSX.Element;
 }
 export type UserCardTooltipAttrs = JSX.LibraryManagedAttributes<typeof UserCardTooltip, UserCardTooltipProps>;
+export {};

package/components/user-card/tooltip.js

@@ -9,7 +9,7 @@ const DEFAULT_TIMEOUT = 300;
 class UserCardTooltip extends Component {
     static propTypes = {
         className: PropTypes.string,
-        children: PropTypes.node,
+        children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
         dropdownProps: PropTypes.object,
         user: PropTypes.object,
         renderUserCard: PropTypes.func,

package/dist/_helpers/tabs.js

@@ -1,3 +1,3 @@
-var modules_02138f4a = {"dark":"dark_rui_eb55","unit":"i__const_unit_1","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -2px 0 0","light":"light_rui_aa34","tabs":"tabs_rui_aa34 font_rui_8bff","titles":"titles_rui_aa34","title":"title_rui_aa34 font_rui_8bff","selected":"selected_rui_aa34","collapsed":"collapsed_rui_aa34","titleLegacy":"titleLegacy_rui_aa34","visible":"visible_rui_aa34","container":"container_rui_aa34","hidden":"hidden_rui_aa34","hiddenBold":"hiddenBold_rui_aa34","hiddenRegular":"hiddenRegular_rui_aa34","tabCounter":"tabCounter_rui_aa34","autoCollapseContainer":"autoCollapseContainer_rui_aa34","autoCollapse":"autoCollapse_rui_aa34","rendered":"rendered_rui_aa34","adjusted":"adjusted_rui_aa34","measure":"measure_rui_aa34","morePopup":"morePopup_rui_aa34","chevron":"chevron_rui_aa34","morePopupBeforeEnd":"morePopupBeforeEnd_rui_aa34"};
+var modules_02138f4a = {"dark":"dark_rui_eb55","unit":"i__const_unit_1","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -2px 0 0","light":"light_rui_aa34","link":"link_rui_aa34","hover":"hover_rui_aa34","inner":"inner_rui_aa34","active":"active_rui_aa34","compatibilityUnderlineMode":"compatibilityUnderlineMode_rui_aa34","pseudo":"pseudo_rui_aa34","text":"text_rui_aa34","inherit":"inherit_rui_aa34","tabs":"tabs_rui_aa34 font_rui_8bff","titles":"titles_rui_aa34","title":"title_rui_aa34 font_rui_8bff","selected":"selected_rui_aa34","collapsed":"collapsed_rui_aa34","titleLegacy":"titleLegacy_rui_aa34","visible":"visible_rui_aa34","container":"container_rui_aa34","hidden":"hidden_rui_aa34","hiddenBold":"hiddenBold_rui_aa34","hiddenRegular":"hiddenRegular_rui_aa34","tabCounter":"tabCounter_rui_aa34","autoCollapseContainer":"autoCollapseContainer_rui_aa34","autoCollapse":"autoCollapse_rui_aa34","rendered":"rendered_rui_aa34","adjusted":"adjusted_rui_aa34","measure":"measure_rui_aa34","morePopup":"morePopup_rui_aa34","chevron":"chevron_rui_aa34","morePopupBeforeEnd":"morePopupBeforeEnd_rui_aa34"};
 
 export { modules_02138f4a as m };

package/dist/auth/iframe-flow.js

@@ -12,6 +12,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';
+import 'focus-visible';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -29,7 +30,6 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

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

@@ -7,6 +7,7 @@ import { Button } from '../button/button.js';
 import { H2 } from '../heading/heading.js';
 import ContentWrapper from '../island/content.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -27,7 +28,6 @@ import '../global/dom.js';
 import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

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

@@ -7,6 +7,7 @@ import 'prop-types';
 import 'classnames';
 import '../island/island.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -26,7 +27,6 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/avatar/fallback-avatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { Size } from './avatar';
 export interface FallbackAvatarProps {

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

@@ -2,6 +2,7 @@ import angular from 'angular';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import LinkModule from '../link-ng/link-ng.js';
 import IconNG from '../icon-ng/icon-ng.js';
+import 'focus-visible';
 import '../_helpers/link.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';

package/dist/button-group/button-group.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import Caption from './caption';

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

@@ -1,4 +1,5 @@
 import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

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

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 import classNames from 'classnames';
 import { m as modules_1068e447 } from '../_helpers/button-group.js';

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

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 import classNames from 'classnames';
 import RingAngularComponent from '../global/ring-angular-component.js';

package/dist/checkbox/checkbox.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import { PureComponent, InputHTMLAttributes, CSSProperties, Ref } from 'react';
 import PropTypes from 'prop-types';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {

package/dist/checkbox/checkbox.js

@@ -1,4 +1,5 @@
 import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/checkbox-ng/checkbox-ng.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 import checkmarkIcon from '@jetbrains/icons/checkmark-14px';
 import IconNG from '../icon-ng/icon-ng.js';

package/dist/confirm/confirm.js

@@ -22,12 +22,12 @@ import '../global/dom.js';
 import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
+import 'focus-visible';
 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 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/confirm-ng/confirm-ng.js

@@ -11,6 +11,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';
+import 'focus-visible';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -28,7 +29,6 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/confirm-service/confirm-service.js

@@ -9,6 +9,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';
+import 'focus-visible';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -26,7 +27,6 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/data-list/title.js

@@ -8,6 +8,7 @@ import '../global/prop-types.js';
 export { T as default } from '../_helpers/title.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/composeRefs.js';
+import 'focus-visible';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';
 import '../icon/icon.js';

package/dist/date-picker/month-names.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 declare function MonthNames(props: MonthsProps): JSX.Element;

package/dist/date-picker/month.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 export interface MonthProps extends MonthsProps {

package/dist/date-picker/months.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 declare function Months(props: MonthsProps): JSX.Element;

package/dist/date-picker/weekdays.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Locale } from 'date-fns';
 import PropTypes from 'prop-types';
 interface WeekdaysProps {

package/dist/dialog/dialog.js

@@ -12,6 +12,7 @@ import TabTrap from '../tab-trap/tab-trap.js';
 import { Button } from '../button/button.js';
 import { PopupTarget } from '../popup/popup.target.js';
 import { p as preventerFactory, m as modules_5e9b8c03 } from '../_helpers/dialog__body-scroll-preventer.js';
+import 'focus-visible';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
@@ -24,7 +25,6 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/dom.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/dialog-ng/dialog-ng.js

@@ -12,6 +12,7 @@ import dialogTemplate from './dialog-ng__template.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
+import 'focus-visible';
 import 'classnames';
 import '../icon-ng/icon-ng.js';
 import '../icon/icon__constants.js';

package/dist/error-message-ng/error-message-ng.js

@@ -6,6 +6,7 @@ import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../global/ring-angular-component.js';
 import '../_helpers/icon.js';
+import 'focus-visible';
 import '../_helpers/link.js';
 
 /**

package/dist/input-ng/input-ng.js

@@ -4,6 +4,7 @@ import closeIcon from '@jetbrains/icons/close';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
 import Button from '../button-ng/button-ng.js';
+import 'focus-visible';
 import '../global/dom.js';
 import '../icon-ng/icon-ng.js';
 import '../icon/icon__constants.js';

package/dist/island/island.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export interface IslandProps extends HTMLAttributes<HTMLElement> {

package/dist/island/island.js

@@ -1,4 +1,5 @@
 import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/island-ng/island-ng.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import IslandHeader from './island-header-ng.js';
@@ -15,10 +16,10 @@ angularModule.directive('rgIsland', function islandDirective() {
     },
     compile,
     template: `
-<div 
+<div
   data-test="ring-island"
-  class="${modules_e6a056e1.island}" 
-  ng-class="{'${modules_e6a056e1.narrowIsland}': islandCtrl.narrow}" 
+  class="${modules_e6a056e1.island}"
+  ng-class="{'${modules_e6a056e1.narrowIsland}': islandCtrl.narrow}"
   ng-transclude
 ></div>
 `,

package/dist/link-ng/link-ng.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 import { m as modules_607b0772 } from '../_helpers/link.js';