@jetbrains/ring-ui-built 7.0.60 → 7.0.62

package/components/table/row-with-focus-sensor.js

@@ -25,6 +25,7 @@ import '../button/button.js';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button__classes.js';
 import '../tooltip/tooltip.js';
 import '../popup/popup.js';
@@ -43,6 +44,7 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '../_helpers/theme.js';
 import './cell.js';
 import '../_helpers/table.js';

package/components/table/row.js

@@ -27,6 +27,7 @@ import '../control-help/control-help.js';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.js';
 import 'react-dom';
@@ -42,6 +43,7 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '../_helpers/theme.js';
 import 'memoize-one';
 

package/components/table/simple-table.js

@@ -45,6 +45,7 @@ import '@jetbrains/icons/drag';
 import '../button/button.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button__classes.js';
 import '../tooltip/tooltip.js';
 import '../popup/popup.js';
@@ -55,6 +56,7 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '../_helpers/theme.js';
 import './cell.js';
 

package/components/table/smart-table.js

@@ -45,6 +45,7 @@ import '@jetbrains/icons/drag';
 import '../button/button.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button__classes.js';
 import '../tooltip/tooltip.js';
 import '../popup/popup.js';
@@ -55,6 +56,7 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '../_helpers/theme.js';
 import './cell.js';
 

package/components/table/table.js

@@ -43,6 +43,7 @@ import '@jetbrains/icons/drag';
 import '../button/button.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button__classes.js';
 import '../tooltip/tooltip.js';
 import '../popup/popup.js';
@@ -53,6 +54,7 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '../_helpers/theme.js';
 import './cell.js';
 

package/components/tabs/collapsible-more.js

@@ -24,9 +24,11 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
+import '../global/configuration.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '../list/list.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.string.trim.js';

package/components/tabs/collapsible-tabs.js

@@ -26,9 +26,11 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
+import '../global/configuration.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '../list/list.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.string.trim.js';

package/components/tabs/dumb-tabs.js

@@ -29,9 +29,11 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
+import '../global/configuration.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '../list/list.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.string.trim.js';

package/components/tabs/smart-tabs.js

@@ -28,9 +28,11 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
+import '../global/configuration.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '../list/list.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.string.trim.js';

package/components/tabs/tabs.js

@@ -31,9 +31,11 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
+import '../global/configuration.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '../list/list.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.string.trim.js';

package/components/tag/tag.d.ts

@@ -6,6 +6,14 @@ export interface TagRenderProps extends HTMLAttributes<HTMLElement> {
     ref: RefCallback<HTMLElement>;
     'data-test': string;
 }
+export declare enum TagType {
+    DEFAULT = "default",
+    MAIN = "main",
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error",
+    PURPLE = "purple"
+}
 export interface TagProps {
     onRemove?: ((event: React.MouseEvent<HTMLElement>) => void) | null;
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
@@ -22,6 +30,8 @@ export interface TagProps {
     rgTagTitle?: string | undefined;
     textColor?: string | undefined;
     backgroundColor?: string | undefined;
+    outline?: boolean;
+    tagType?: TagType;
 }
 /**
  * @name Tag
@@ -33,6 +43,7 @@ export default class Tag extends PureComponent<TagProps> {
     };
     componentDidUpdate(prevProps: TagProps): void;
     componentWillUnmount(): void;
+    static Type: typeof TagType;
     onDocumentClick: (event: MouseEvent) => void;
     tagNode?: HTMLElement | null;
     tagRef: (el: HTMLElement | null) => void;

package/components/tag/tag.js

@@ -6,7 +6,8 @@ import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close-12px';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
-import { ControlsHeight } from '../global/controls-height.js';
+import '../global/controls-height.js';
+import { ControlsHeight } from '../global/configuration.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
@@ -18,8 +19,17 @@ import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 
-var styles = {"container":"ring-tag-container","tag":"ring-tag-tag ring-global-resetButton","withRemove":"ring-tag-withRemove","focused":"ring-tag-focused","content":"ring-tag-content ring-global-ellipsis","disabled":"ring-tag-disabled","remove":"ring-tag-remove","removeIcon":"ring-tag-removeIcon","icon":"ring-tag-icon","avatarContainer":"ring-tag-avatarContainer","customIcon":"ring-tag-customIcon","avatarIcon":"ring-tag-avatarIcon"};
+var styles = {"container":"ring-tag-container","tag":"ring-tag-tag ring-global-resetButton","withRemove":"ring-tag-withRemove","default":"ring-tag-default","main":"ring-tag-main","success":"ring-tag-success","warning":"ring-tag-warning","error":"ring-tag-error","purple":"ring-tag-purple","outline":"ring-tag-outline","focused":"ring-tag-focused","content":"ring-tag-content ring-global-ellipsis","disabled":"ring-tag-disabled","remove":"ring-tag-remove","icon":"ring-tag-icon","avatarContainer":"ring-tag-avatarContainer","customIcon":"ring-tag-customIcon","avatarIcon":"ring-tag-avatarIcon"};
 
+var TagType;
+(function (TagType) {
+  TagType["DEFAULT"] = "default";
+  TagType["MAIN"] = "main";
+  TagType["SUCCESS"] = "success";
+  TagType["WARNING"] = "warning";
+  TagType["ERROR"] = "error";
+  TagType["PURPLE"] = "purple";
+})(TagType || (TagType = {}));
 /**
  * @name Tag
  */
@@ -109,7 +119,6 @@ class Tag extends PureComponent {
         icon: closeIcon,
         "data-test": "ring-tag-remove",
         className: styles.remove,
-        iconClassName: styles.removeIcon,
         onClick: this.props.onRemove,
         style: {
           '--ring-secondary-color': this.props.textColor
@@ -131,7 +140,9 @@ class Tag extends PureComponent {
       render
     } = this.props;
     return jsxs("span", {
-      className: classNames(styles.container, this.props.containerClassName),
+      className: classNames(styles.container, this.props.containerClassName, styles[this.props.tagType], {
+        [styles.outline]: this.props.outline
+      }),
       children: [render({
         'data-test': 'ring-tag',
         className: classes,
@@ -159,7 +170,9 @@ _defineProperty(Tag, "defaultProps", {
   focused: false,
   render: props => jsx("button", _objectSpread2({
     type: "button"
-  }, props))
+  }, props)),
+  tagType: TagType.DEFAULT
 });
+_defineProperty(Tag, "Type", TagType);
 
-export { Tag as default };
+export { TagType, Tag as default };

package/components/tags-input/tags-input.d.ts

@@ -4,7 +4,7 @@ import Select, { SelectItem } from '../select/select';
 import { TagType } from '../tags-list/tags-list';
 import Caret from '../caret/caret';
 import { Size } from '../input/input';
-import { ControlsHeight } from '../global/controls-height';
+import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
 import { Filter } from '../select/select__popup';
 import { TagAttrs } from '../tag/tag';
 import { LabelType } from '../control-label/control-label';
@@ -82,7 +82,8 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
     componentDidMount(): void;
     static ngModelStateField: string;
     ngModelStateField: string;
-    static contextType: React.Context<ControlsHeight>;
+    static contextType: React.Context<ControlsHeight | (() => ControlsHeight)>;
+    context: React.ContextType<typeof ControlsHeightContext>;
     id: string;
     node?: HTMLElement | null;
     nodeRef: (node: HTMLElement | null) => void;

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

@@ -31,6 +31,7 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
+import '../global/configuration.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../global/dom.js';
@@ -50,6 +51,7 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '../list/list.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'react-virtualized/dist/es/List';
@@ -336,7 +338,7 @@ class TagsInput extends PureComponent {
       filter,
       size,
       labelType,
-      height = this.context,
+      height = typeof this.context === 'function' ? this.context() : this.context,
       label
     } = this.props;
     const classes = classNames(styles.tagsInput, [inputStyles["size".concat(size)]], [inputStyles["height".concat(height)]], {

package/components/tags-list/tags-list.js

@@ -17,6 +17,7 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button__classes.js';
 
 const _excluded = ["children", "className", "customTagComponent", "canNotBeEmpty", "handleClick", "tagClassName", "handleRemove", "tags", "activeIndex"];

package/components/tooltip/tooltip.js

@@ -18,10 +18,12 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
+import '../global/configuration.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 
 var styles = {"tooltip":"ring-tooltip-tooltip","inheritedTheme":"ring-tooltip-inheritedTheme","long":"ring-tooltip-long"};
 

package/components/user-agreement/service.js

@@ -44,9 +44,11 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
+import '../global/configuration.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
+import '../popup/position-css.js';
 import '../dialog/dialog.js';
 import '../island/island.js';
 import '../island/adaptive-island-hoc.js';

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

@@ -30,9 +30,11 @@ import '../global/dom.js';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
 import 'core-js/modules/es.string.replace.js';
+import '../global/configuration.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
+import '../popup/position-css.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
 import '@jetbrains/icons/chevron-down';

package/components/user-card/card.js

@@ -38,6 +38,7 @@ import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button__classes.js';
 import '../_helpers/icon__svg.js';
 import '../_helpers/theme.js';
@@ -54,6 +55,7 @@ import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
+import '../popup/position-css.js';
 import '../alert/container.js';
 import '../clipboard/clipboard-fallback.js';
 import '@jetbrains/icons/close-12px';

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

@@ -22,6 +22,7 @@ import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.js';
 import 'react-dom';
@@ -38,6 +39,7 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '@jetbrains/icons/copy';
 import '../avatar/avatar.js';
 import '../global/url.js';

package/components/user-card/tooltip.js

@@ -21,6 +21,7 @@ import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button__classes.js';
 import 'react-dom';
 import '../global/get-uid.js';
@@ -36,6 +37,7 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import '../popup/position-css.js';
 import '@jetbrains/icons/copy';
 import '../avatar/avatar.js';
 import '../global/url.js';

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

@@ -38,6 +38,7 @@ import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../global/controls-height.js';
+import '../global/configuration.js';
 import '../_helpers/button__classes.js';
 import '../_helpers/theme.js';
 import 'react-dom';
@@ -53,6 +54,7 @@ import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
+import '../popup/position-css.js';
 import '../alert/container.js';
 import '../clipboard/clipboard-fallback.js';
 import '../tag/tag.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui-built",
-  "version": "7.0.60",
+  "version": "7.0.62",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -66,7 +66,7 @@
     "prepare": "webpack -c .storybook/custom-header/webpack.config.js",
     "prepublishOnly": "pinst --disable",
     "prerelease-built-ci": "node scripts/prepare-built-package.js",
-    "prerelease-ci": "git pull && git status",
+    "prerelease-ci": "git pull",
     "pretest-ci": "npm run lint-ci",
     "release-built-ci": "npm publish --access=public $NPM_PUBLISH_PARAMS",
     "release-ci": "npm version $NPM_VERSION_PARAMS && npm publish --access=public $NPM_PUBLISH_PARAMS",
@@ -108,7 +108,7 @@
     }
   },
   "dependencies": {
-    "@jetbrains/icons": "^5.12.0",
+    "@jetbrains/icons": "^5.13.0",
     "change-case": "^4.1.1",
     "classnames": "^2.5.1",
     "combokeys": "^3.0.1",