@jetbrains/ring-ui 5.0.135 → 5.0.137

package/components/button/button.css

@@ -60,7 +60,7 @@
     box-shadow: button-shadow var(--ring-border-hover-color);
   }
 
-  &:global(.focus-visible) {
+  &:focus-visible {
     transition: none;
 
     box-shadow: button-shadow var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);
@@ -73,7 +73,7 @@
     box-shadow: button-shadow var(--ring-main-color);
   }
 
-  &:global(.focus-visible).active {
+  &:focus-visible.active {
     box-shadow: inset 0 0 0 2px var(--ring-main-color), 0 0 0 1px var(--ring-border-hover-color);
   }
 
@@ -128,7 +128,7 @@
     color: var(--ring-action-link-color);
   }
 
-  &:global(.focus-visible),
+  &:focus-visible,
   &:active,
   &.active {
     background-color: var(--ring-button-primary-background-color);
@@ -186,12 +186,12 @@
 
   &:active,
   &.active,
-  &:global(.focus-visible),
+  &:focus-visible,
   &:hover {
     box-shadow: button-shadow var(--ring-button-danger-hover-color);
   }
 
-  &:global(.focus-visible),
+  &:focus-visible,
   &:hover {
     transition: none;
   }
@@ -212,7 +212,7 @@
     box-shadow: none;
   }
 
-  &:global(.focus-visible) {
+  &:focus-visible {
     box-shadow: inset 0 0 0 2px var(--ring-border-hover-color);
   }
 }
@@ -228,7 +228,7 @@
   box-shadow: none;
 }
 
-.withIcon:hover:not(:global(.focus-visible)) {
+.withIcon:hover:not(:focus-visible) {
   background-color: transparent;
   box-shadow: none;
 }

package/components/button/button.d.ts

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

package/components/button/button.js

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

package/components/button-group/button-group.css

@@ -111,7 +111,7 @@
 }
 
 /* stylelint-disable-next-line selector-max-specificity */
-.buttonGroup .button.button:global(.focus-visible) {
+.buttonGroup .button.button:focus-visible {
   border-radius: var(--ring-border-radius);
   box-shadow: button-shadow var(--ring-border-hover-color), 0 0 0 1px var(--ring-border-hover-color);
 }
@@ -123,7 +123,7 @@
 }
 
 /* stylelint-disable-next-line selector-max-specificity */
-.buttonGroup .button:global(.focus-visible).active {
+.buttonGroup .button:focus-visible.active {
   border-radius: var(--ring-border-radius);
   box-shadow: button-shadow var(--ring-main-color), 0 0 0 1px var(--ring-border-hover-color);
 }

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

@@ -1,4 +1,3 @@
-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,4 +1,3 @@
-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,4 +1,3 @@
-import 'focus-visible';
 import angular from 'angular';
 
 import classNames from 'classnames';

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

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

package/components/checkbox/checkbox.css

@@ -92,7 +92,7 @@
     opacity: 1;
   }
 
-  &:global(.focus-visible) + .cell,
+  &:focus-visible + .cell,
   &.focus + .cell {
     transition: background-color var(--ring-ease);
 

package/components/checkbox/checkbox.d.ts

@@ -1,4 +1,3 @@
-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,4 +1,3 @@
-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,4 +1,3 @@
-import 'focus-visible';
 import angular from 'angular';
 
 import checkmarkIcon from '@jetbrains/icons/checkmark-14px';

package/components/editable-heading/editable-heading.css

@@ -33,6 +33,12 @@
 
   font-size: inherit;
 
+  @nest .disabled & {
+    user-select: text;
+
+    border-radius: 0;
+  }
+
   &:focus {
     outline: 1px solid var(--ring-border-hover-color);
   }

package/components/island/island.css

@@ -75,7 +75,7 @@
   width: 100%;
   padding: calc(unit * 2) calc(unit * 4);
 
-  &:focus:not(:global(.focus-visible)) {
+  &:focus:not(:focus-visible) {
     outline: none;
   }
 }

package/components/island/island.d.ts

@@ -1,4 +1,3 @@
-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,4 +1,3 @@
-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,7 +1,6 @@
 /**
  * @name Island Ng
  */
-import 'focus-visible';
 import angular from 'angular';
 
 import styles from '../island/island.css';

package/components/link/link.css

@@ -49,7 +49,7 @@
 
   outline: none;
 
-  &:global(.focus-visible) {
+  &:focus-visible {
     box-shadow: 0 0 0 2px var(--ring-border-hover-color);
   }
 }

package/components/link/link.d.ts

@@ -1,4 +1,3 @@
-import 'focus-visible';
 import React, { ReactNode, ComponentType } from 'react';
 import PropTypes from 'prop-types';
 import { ClickableLinkProps } from './clickableLink';

package/components/link/link.js

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

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

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

package/components/select/select.css

@@ -163,7 +163,7 @@
   vertical-align: calc(0 - unit);
 }
 
-.buttonValue:global(.focus-visible) {
+.buttonValue:focus-visible {
   box-shadow: button-shadow var(--ring-main-color);
 }
 
@@ -187,7 +187,7 @@
 
 .select:hover .value,
 .select:hover .icons,
-:global(.focus-visible) + .icons,
+:focus-visible + .icons,
 .value:focus,
 .value:focus + .icons,
 .open,

package/components/select/select.d.ts

@@ -1,4 +1,3 @@
-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,4 +1,3 @@
-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,4 +1,3 @@
-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,4 +1,3 @@
-import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/components/tabs/tabs.css

@@ -66,7 +66,7 @@
     }
   }
 
-  &:global(.focus-visible) {
+  &:focus-visible {
     color: var(--ring-main-color);
     box-shadow: selected-line-shadow var(--ring-main-color);
   }

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

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

package/components/tag/tag.css

@@ -54,7 +54,7 @@
 }
 
 .focused,
-.tag:global(.focus-visible) {
+.tag:focus-visible {
   position: relative;
 
   outline: none;
@@ -63,8 +63,8 @@
 
 .focused,
 .focused.tagAngled::before,
-.tag:global(.focus-visible),
-.tagAngled:global(.focus-visible)::before,
+.tag:focus-visible,
+.tagAngled:focus-visible::before,
 .tag:hover,
 .tagAngled:hover::before {
   transition: none;

package/components/tag/tag.d.ts

@@ -1,4 +1,3 @@
-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,4 +1,3 @@
-import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/alert/alert.js

@@ -19,7 +19,6 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../_helpers/loader-inline.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/alert-service/alert-service.js

@@ -22,7 +22,6 @@ import '../global/data-tests.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/auth/auth.js

@@ -29,7 +29,6 @@ import '../global/data-tests.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/auth/auth__core.js

@@ -34,7 +34,6 @@ import '../global/data-tests.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/auth/down-notification.js

@@ -25,7 +25,6 @@ import '../global/data-tests.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/auth/iframe-flow.js

@@ -12,7 +12,6 @@ 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';

package/dist/auth/landing.js

@@ -32,7 +32,6 @@ import '../global/data-tests.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/auth/storage.js

@@ -24,7 +24,6 @@ import '../global/data-tests.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

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

@@ -7,7 +7,6 @@ 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';

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

@@ -7,7 +7,6 @@ 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';

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

@@ -30,7 +30,6 @@ import '../global/data-tests.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

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

@@ -27,7 +27,6 @@ import '../global/data-tests.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

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

@@ -2,7 +2,6 @@ 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/button.d.ts

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

package/dist/button/button.js

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

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

@@ -1,4 +1,3 @@
-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,5 +1,4 @@
 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,4 +1,3 @@
-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,4 +1,3 @@
-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,4 +1,3 @@
-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,5 +1,4 @@
 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,4 +1,3 @@
-import 'focus-visible';
 import angular from 'angular';
 import checkmarkIcon from '@jetbrains/icons/checkmark-14px';
 import IconNG from '../icon-ng/icon-ng.js';

package/dist/clipboard/clipboard.js

@@ -23,7 +23,6 @@ import '../global/data-tests.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/confirm/confirm.js

@@ -22,7 +22,6 @@ 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';

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

@@ -11,7 +11,6 @@ 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';

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

@@ -9,7 +9,6 @@ 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';

package/dist/data-list/data-list.js

@@ -24,7 +24,6 @@ import '../global/dom.js';
 import '@jetbrains/icons/chevron-right';
 import '@jetbrains/icons/chevron-down';
 import '../link/link.js';
-import 'focus-visible';
 import '../global/memoize.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

package/dist/data-list/data-list.mock.js

@@ -2,7 +2,6 @@ import React from 'react';
 import Link from '../link/link.js';
 import Badge from '../badge/badge.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
 import 'prop-types';
 import 'classnames';
 import '../global/memoize.js';

package/dist/data-list/item.js

@@ -9,7 +9,6 @@ import { Button } from '../button/button.js';
 import Selection$1 from '../table/selection.js';
 import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
 import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';

package/dist/data-list/title.js

@@ -8,7 +8,6 @@ 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/data-list-ng/data-list-ng.js

@@ -29,7 +29,6 @@ import '../data-list/item.js';
 import '@jetbrains/icons/chevron-right';
 import '@jetbrains/icons/chevron-down';
 import '../link/link.js';
-import 'focus-visible';
 import '../global/memoize.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

package/dist/date-picker/date-input.js

@@ -9,7 +9,6 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/date-picker/date-picker.js

@@ -44,7 +44,6 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
-import 'focus-visible';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';

package/dist/date-picker/date-popup.js

@@ -18,7 +18,6 @@ import '../input/input.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/dialog/dialog.js

@@ -12,7 +12,6 @@ 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';

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

@@ -12,7 +12,6 @@ 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/dropdown/anchor.js

@@ -11,7 +11,6 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
-import 'focus-visible';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';