@jetbrains/ring-ui 7.0.62 → 7.0.64

package/components/avatar/fallback-avatar.js

@@ -162,17 +162,13 @@ function extractLetters(name) {
     if (names.length >= 2) {
         return names[0][0].toUpperCase() + names[1][0].toUpperCase();
     }
-    else if (names.length === 1) {
+    if (names.length === 1) {
         if (names[0].length >= 2) {
             return names[0].slice(0, 2).join('').toUpperCase();
         }
-        else {
-            return `${names[0][0].toUpperCase()}X`;
-        }
-    }
-    else {
-        return 'XX';
+        return `${names[0][0].toUpperCase()}X`;
     }
+    return 'XX';
 }
 // https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0#gistcomment-2775538
 const BASE = 32;
@@ -190,5 +186,5 @@ export default function FallbackAvatar({ username, size, round }) {
     const underscore = sizes.underscore;
     const radius = round ? '50%' : sizes.radius;
     const gradientId = useMemo(() => getUID('gradient-'), []);
-    return (_jsxs("svg", { viewBox: `0 0 ${size} ${size}`, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "1", y1: "1", x2: "0", y2: "0", children: [_jsx("stop", { stopColor: fromColor, offset: "0" }), _jsx("stop", { stopColor: toColor, offset: "0.8" })] }) }), _jsxs("g", { children: [_jsx("rect", { fill: `url(#${gradientId})`, x: "0", y: "0", width: size, height: size, rx: radius, ry: radius }), _jsx("text", { x: sizes.text.x, y: sizes.text.y, fontFamily: "var(--ring-font-family, 'Arial, Helvetica, sans-serif')", fontSize: sizes.fontSize, fontWeight: "600", letterSpacing: sizes.letterSpacing, fill: "#FFFFFF", dominantBaseline: sizes.dominantBaseline, textAnchor: sizes.textAnchor, cursor: "default", children: _jsx("tspan", { children: extractLetters(username) }) }), underscore && (_jsx("rect", { fill: "#FFFFFF", x: underscore.x, y: underscore.y, width: underscore.width, height: underscore.height })), _jsx("title", { children: username })] })] }));
+    return (_jsxs("svg", { viewBox: `0 0 ${size} ${size}`, xmlns: 'http://www.w3.org/2000/svg', children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: '1', y1: '1', x2: '0', y2: '0', children: [_jsx("stop", { stopColor: fromColor, offset: '0' }), _jsx("stop", { stopColor: toColor, offset: '0.8' })] }) }), _jsxs("g", { children: [_jsx("rect", { fill: `url(#${gradientId})`, x: '0', y: '0', width: size, height: size, rx: radius, ry: radius }), _jsx("text", { x: sizes.text.x, y: sizes.text.y, fontFamily: "var(--ring-font-family, 'Arial, Helvetica, sans-serif')", fontSize: sizes.fontSize, fontWeight: '600', letterSpacing: sizes.letterSpacing, fill: '#FFFFFF', dominantBaseline: sizes.dominantBaseline, textAnchor: sizes.textAnchor, cursor: 'default', children: _jsx("tspan", { children: extractLetters(username) }) }), underscore && (_jsx("rect", { fill: '#FFFFFF', x: underscore.x, y: underscore.y, width: underscore.width, height: underscore.height })), _jsx("title", { children: username })] })] }));
 }

package/components/avatar-stack/avatar-stack.css

@@ -71,7 +71,7 @@
 }
 
 .extraButton {
-  composes: resetButton from "../global/global.css";
+  composes: resetButton from '../global/global.css';
 
   cursor: pointer;
 

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

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from 'react';
-import { ListDataItem } from '../list/consts';
-import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu';
+import { type HTMLAttributes } from 'react';
+import { type ListDataItem } from '../list/consts';
+import { type DropdownMenuProps } from '../dropdown-menu/dropdown-menu';
 import { Size } from '../avatar/avatar';
 declare module 'csstype' {
     interface Properties {

package/components/avatar-stack/avatar-stack.figma.js

@@ -1,5 +1,5 @@
 // url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=5990-752
-const figma = require('figma');
+import figma from '@figma/code-connect';
 
 const instance = figma.selectedInstance;
 const sizeString = instance.getString('Size');

package/components/avatar-stack/avatar-stack.js

@@ -14,5 +14,5 @@ export default function AvatarStack({ children, className, size = Size.Size20, e
                     height: size,
                     '--ring-avatar-stack-index': Children.count(children),
                     fontSize: fontSizes[size],
-                }, anchor: _jsx("button", { type: "button", className: styles.extraButton, children: _jsx(Avatar, { size: size, info: _jsx("span", { className: styles.extraText, children: `+${extraItems.length}` }) }) }), data: extraItems, menuProps: { offset: 4, ...dropdownMenuProps?.menuProps }, ...dropdownMenuProps })) : null] }));
+                }, anchor: (_jsx("button", { type: 'button', className: styles.extraButton, children: _jsx(Avatar, { size: size, info: _jsx("span", { className: styles.extraText, children: `+${extraItems.length}` }) }) })), data: extraItems, menuProps: { offset: 4, ...dropdownMenuProps?.menuProps }, ...dropdownMenuProps })) : null] }));
 }

package/components/banner/banner.css

@@ -13,8 +13,8 @@
   gap: var(--ring-unit);
 
   &.inline {
-    border-right: none;
-    border-left: none;
+    border-right: 0;
+    border-left: 0;
     border-radius: 0;
   }
 

package/components/banner/banner.js

@@ -33,6 +33,6 @@ export function Banner(props) {
             [styles.warning]: mode === 'warning',
             [styles.purple]: mode === 'purple',
             [styles.grey]: mode === 'grey',
-        }, className), "data-test": dataTest, children: [withIcon && _jsx(Icon, { glyph: icon, className: styles.icon }), _jsxs("div", { children: [title && _jsx("div", { className: styles.title, children: title }), _jsx("div", { className: styles.description, children: children })] }), onClose && (_jsx(Tooltip, { title: closeButtonTitle ?? translations.close, className: styles.closeButtonWrapper, children: _jsx(Link, { className: styles.closeButton, pseudo: true, onClick: onClose, "aria-label": "Close", children: _jsx(Icon, { glyph: closeIcon }) }) }))] }));
+        }, className), "data-test": dataTest, children: [withIcon && _jsx(Icon, { glyph: icon, className: styles.icon }), _jsxs("div", { children: [title && _jsx("div", { className: styles.title, children: title }), _jsx("div", { className: styles.description, children: children })] }), onClose && (_jsx(Tooltip, { title: closeButtonTitle ?? translations.close, className: styles.closeButtonWrapper, children: _jsx(Link, { className: styles.closeButton, pseudo: true, onClick: onClose, "aria-label": 'Close', children: _jsx(Icon, { glyph: closeIcon }) }) }))] }));
 }
 export default React.memo(Banner);

package/components/breadcrumbs/breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export interface BreadcrumbsSeparatorAttrs {
     separatorClassName?: string | null | undefined;
     children?: ReactNode;

package/components/breadcrumbs/breadcrumbs.figma.js

@@ -1,5 +1,5 @@
 // url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=460%3A2730
-const figma = require('figma');
+import figma from '@figma/code-connect';
 
 const instance = figma.selectedInstance;
 

package/components/button/{button__classes.d.ts → button.classes.d.ts}

@@ -1,2 +1,2 @@
-import { ButtonProps } from './button';
+import { type ButtonProps } from './button';
 export declare function getButtonClasses({ className, active, disabled, loader, primary, success, error, secondary, ghost, short, inline, danger, delayed, icon, iconRight, height, children, }: ButtonProps): string;

package/components/button/button.css

@@ -1,6 +1,6 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
-@value glyph from "../icon/icon.css";
+@value glyph from '../icon/icon.css';
 
 :root,
 :host {
@@ -11,6 +11,8 @@
   --ring-button-loader-components: var(--ring-main-components);
   --ring-button-white-text-disabled-color: var(--ring-white-text-color);
   --ring-button-icon-line-height: calc(var(--ring-unit) * 2);
+
+
 }
 
 :global(.ring-ui-theme-dark) {
@@ -25,6 +27,9 @@
   --ring-button-line-height: var(--ring-line-height-lowest);
 }
 
+
+
+
 .heightM {
   --ring-button-height: calc(var(--ring-unit) * 3.5);
   --ring-button-padding-block: calc(var(--ring-unit) * 0.5);
@@ -282,7 +287,7 @@
 
   &.inline {
     &:hover {
-    --ring-button-background-color: var(--ring-tag-background-color);
+      --ring-button-background-color: var(--ring-tag-background-color);
     }
 
     &:active {
@@ -374,15 +379,13 @@
     width: calc(100% + var(--ring-button-loader-width));
     height: 100%;
 
-    content: "";
+    content: '';
     animation: progress 1s linear infinite;
 
-    background-image: linear-gradient(
-      to right,
-      transparent,
-      rgba(var(--ring-button-loader-components), 0.4) 40%,
-      transparent 80%
-    );
+    background-image: linear-gradient(to right,
+    transparent,
+    rgba(var(--ring-button-loader-components), 0.4) 40%,
+    transparent 80%);
 
     background-repeat: repeat;
     background-size: var(--ring-button-loader-width);
@@ -390,16 +393,16 @@
 }
 
 .flat .loaderBackground {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
 
-    border-radius: var(--ring-border-radius);
+  border-radius: var(--ring-border-radius);
 }
 
 .delayed::after {
-  content: "…";
+  content: '…';
 }
 
 .short {

package/components/button/button.d.ts

@@ -1,8 +1,8 @@
-import { PureComponent, ButtonHTMLAttributes } from 'react';
+import { PureComponent, type ButtonHTMLAttributes } from 'react';
 import * as React from 'react';
-import { IconProps, IconType, Size } from '../icon/icon';
-import { ClickableLinkProps } from '../link/clickableLink';
-import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
+import { type IconProps, type IconType, Size } from '../icon/icon';
+import { type ClickableLinkProps } from '../link/clickable-link';
+import { type ControlsHeight, ControlsHeightContext } from '../global/controls-height';
 export interface ButtonBaseProps {
     height?: ControlsHeight | undefined;
     active?: boolean | null | undefined;

package/components/button/button.figma.js

@@ -1,5 +1,5 @@
 // url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=9954-528
-const figma = require('figma');
+import figma from '@figma/code-connect';
 
 const instance = figma.selectedInstance;
 

package/components/button/button.js

@@ -5,10 +5,10 @@ import chevronDown from '@jetbrains/icons/chevron-down';
 import chevron12pxDown from '@jetbrains/icons/chevron-12px-down';
 import deprecate from 'util-deprecate';
 import Icon, { Size } from '../icon/icon';
-import ClickableLink from '../link/clickableLink';
+import ClickableLink from '../link/clickable-link';
 import { ControlsHeightContext } from '../global/controls-height';
 import styles from './button.css';
-import { getButtonClasses } from './button__classes';
+import { getButtonClasses } from './button.classes';
 const warnText = deprecate(() => { }, 'Button: "text" prop is deprecated and will be removed in 8.0. Use inline instead.');
 function removeLinkProps(props) {
     const { download, href, hrefLang, media, ping, target, type, referrerPolicy, onConditionalClick, onPlainLeftClick, activeClassName, ...restProps } = props;
@@ -33,8 +33,8 @@ export class Button extends PureComponent {
         active, danger, delayed, loader, primary, success, error, secondary, ghost, short, text, dropdown, height, 
         // Props
         icon, iconRight, iconSize, iconClassName, iconRightClassName, iconSuppressSizeWarning, className, children, inline, disabled, ...props } = this.props;
-        const isInline = inline ?? text ?? icon != null;
-        if (text != null) {
+        const isInline = inline ?? text ?? !!icon;
+        if (text) {
             warnText();
         }
         const classes = getButtonClasses({
@@ -45,11 +45,11 @@ export class Button extends PureComponent {
         const content = (_jsxs(_Fragment, { children: [icon && (_jsx(Icon, { className: classNames(styles.icon, iconClassName), glyph: icon, size: iconSize, suppressSizeWarning: iconSuppressSizeWarning })), children, iconRight && _jsx(Icon, { className: classNames(styles.iconRight, iconRightClassName), glyph: iconRight }), dropdown && _jsx(Icon, { glyph: isInline ? chevron12pxDown : chevronDown, className: styles.dropdownIcon })] }));
         const isDisabled = disabled || loader || undefined;
         const commonProps = {
-            ...(props.href != null && isDisabled ? removeLinkProps(props) : props),
+            ...(props.href !== undefined && isDisabled ? removeLinkProps(props) : props),
             className: classes,
             children: (_jsxs(_Fragment, { children: [loader && !isInline && _jsx("div", { className: styles.loaderBackground }), content] })),
         };
-        return commonProps.href != null ? (_jsx(ClickableLink, { ...commonProps })) : (_jsx("button", { ref: this.buttonRef, type: "button", disabled: isDisabled, ...commonProps }));
+        return 'href' in this.props && this.props.href !== undefined ? (_jsx(ClickableLink, { ...commonProps })) : (_jsx("button", { ref: this.buttonRef, type: 'button', disabled: isDisabled, ...commonProps }));
     }
 }
 export { Size as IconSize };

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

@@ -1,6 +1,6 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
-@value button, active, flat from "../button/button.css";
+@value button, active, flat from '../button/button.css';
 
 :root,
 :host {
@@ -24,7 +24,7 @@
   --ring-button-group-button-border-color: var(--ring-borders-color);
 
   composes: common;
-  composes: buttonGroup from "../button-toolbar/button-toolbar.css";
+  composes: buttonGroup from '../button-toolbar/button-toolbar.css';
 
   border-radius: var(--ring-border-radius);
 
@@ -58,7 +58,7 @@
 
     width: var(--ring-border-radius);
 
-    content: "";
+    content: '';
 
     box-shadow:
       0 1px var(--ring-button-group-button-border-color) inset,
@@ -148,7 +148,7 @@
 
 .split {
   composes: common;
-  composes: buttonGroup from "../button-toolbar/button-toolbar.css";
+  composes: buttonGroup from '../button-toolbar/button-toolbar.css';
 }
 
 .common button,
@@ -162,7 +162,7 @@
 }
 
 .caption {
-  composes: font from "../global/global.css";
+  composes: font from '../global/global.css';
 
   margin-right: var(--ring-unit);
 

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

@@ -1,4 +1,4 @@
-import { PureComponent, HTMLAttributes, ReactNode } from 'react';
+import { PureComponent, type HTMLAttributes, type ReactNode } from 'react';
 import Caption from './caption';
 export interface ButtonGroupProps extends HTMLAttributes<HTMLElement> {
     split?: boolean | null | undefined;

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

@@ -13,7 +13,7 @@ export default class ButtonGroup extends PureComponent {
     render() {
         const { className, split, 'data-test': dataTest, label, help, ...restProps } = this.props;
         const classes = classNames(split ? styles.split : styles.buttonGroup, className, {
-            [styles.disabled]: Children.toArray(this.props.children).every(child => child != null &&
+            [styles.disabled]: Children.toArray(this.props.children).every(child => !!child &&
                 typeof child === 'object' &&
                 'props' in child &&
                 child.props.disabled),

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

@@ -1,4 +1,4 @@
-import { PureComponent, HTMLAttributes } from 'react';
+import { PureComponent, type HTMLAttributes } from 'react';
 export default class Caption extends PureComponent<HTMLAttributes<HTMLElement>> {
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/button-set/button-set.css

@@ -1,6 +1,6 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
-@value button from "../button/button.css";
+@value button from '../button/button.css';
 
 .buttonSet {
   position: relative;

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

@@ -1,4 +1,4 @@
-import { PureComponent, HTMLAttributes } from 'react';
+import { PureComponent, type HTMLAttributes } from 'react';
 export interface ButtonSetProps extends HTMLAttributes<HTMLElement> {
     'data-test'?: string | null | undefined;
 }

package/components/button-toolbar/button-toolbar.css

@@ -1,6 +1,6 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
-@value button from "../button/button.css";
+@value button from '../button/button.css';
 
 .buttonToolbar {
   display: inline-block;

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

@@ -1,4 +1,4 @@
-import { PureComponent, HTMLAttributes } from 'react';
+import { PureComponent, type HTMLAttributes } from 'react';
 export interface ButtonToolbarProps extends HTMLAttributes<HTMLElement> {
     'data-test'?: string | null | undefined;
 }

package/components/caret/caret.js

@@ -38,9 +38,10 @@ export default class Caret {
      * @return {number}
      */
     getAbsolutePosition(node) {
+        // eslint-disable-next-line no-underscore-dangle
         let _curNode = node;
         let curPos = 0;
-        while (_curNode != null && _curNode !== this.target) {
+        while (_curNode && _curNode !== this.target) {
             while (_curNode.previousSibling) {
                 curPos += _curNode.previousSibling.textContent?.length ?? 0;
                 _curNode = _curNode.previousSibling;
@@ -68,14 +69,17 @@ export default class Caret {
             const range2 = range1.cloneRange();
             range2.selectNodeContents(this.target);
             range2.setEnd(range1.endContainer, range1.endOffset);
+            // eslint-disable-next-line no-underscore-dangle
             const _curNode = range1.startContainer;
             if (this.target === _curNode) {
-                return range1.startOffset === 0 || _curNode.textContent == null ? 0 : _curNode.textContent.length;
+                return range1.startOffset === 0 || _curNode.textContent === null || _curNode.textContent === undefined
+                    ? 0
+                    : _curNode.textContent.length;
             }
-            else if (!this.target.contains(_curNode)) {
+            if (!this.target.contains(_curNode)) {
                 return -1;
             }
-            else if (!_curNode) {
+            if (!_curNode) {
                 return ('selectionStart' in this.target && this.target.selectionStart) || -1;
             }
             const curPos = this.getAbsolutePosition(_curNode);
@@ -83,20 +87,16 @@ export default class Caret {
                 if (range1.startOffset === range1.endOffset) {
                     return curPos + range1.startOffset;
                 }
-                else {
-                    return {
-                        startOffset: curPos + range1.startOffset,
-                        endOffset: curPos + range1.endOffset,
-                        position: range2.toString().length,
-                    };
-                }
-            }
-            else {
-                const startOffset = curPos + range1.startOffset;
-                const endPos = this.getAbsolutePosition(range1.endContainer);
-                const endOffset = endPos + range1.endOffset;
-                return { startOffset, endOffset, position: range2.toString().length };
+                return {
+                    startOffset: curPos + range1.startOffset,
+                    endOffset: curPos + range1.endOffset,
+                    position: range2.toString().length,
+                };
             }
+            const startOffset = curPos + range1.startOffset;
+            const endPos = this.getAbsolutePosition(range1.endContainer);
+            const endOffset = endPos + range1.endOffset;
+            return { startOffset, endOffset, position: range2.toString().length };
         }
         return ('selectionStart' in this.target && this.target.selectionStart) || -1;
     }
@@ -108,6 +108,7 @@ export default class Caret {
      */
     getRelativePosition(curNode, position) {
         let curPos = 0;
+        // eslint-disable-next-line no-underscore-dangle
         let _curNode = curNode;
         const nodeTypeText = 3;
         if (!_curNode) {
@@ -117,6 +118,7 @@ export default class Caret {
             while (_curNode.nodeType !== nodeTypeText) {
                 _curNode = _curNode.childNodes[0];
             }
+            // eslint-disable-next-line no-underscore-dangle
             const _correctedPosition = position;
             return { _curNode, _correctedPosition };
         }
@@ -124,7 +126,7 @@ export default class Caret {
         if (_curNode && _curNode.nodeType !== undefined) {
             while (curPos < position && _curNode.nodeType !== nodeTypeText) {
                 i++;
-                if (_curNode.childNodes[i] != null) {
+                if (_curNode.childNodes[i]) {
                     curPos += _curNode.childNodes[i].textContent?.length ?? 0;
                     if (curPos >= position) {
                         _curNode = _curNode.childNodes[i];
@@ -137,6 +139,7 @@ export default class Caret {
                 }
             }
         }
+        // eslint-disable-next-line no-underscore-dangle
         const _correctedPosition = position - curPos;
         return { _curNode, _correctedPosition };
     }
@@ -153,8 +156,10 @@ export default class Caret {
             if (typeof position === 'object') {
                 const range = new Range();
                 const start = this.getRelativePosition(curNode, position.startOffset);
+                // eslint-disable-next-line no-underscore-dangle
                 range.setStart(start._curNode, start._correctedPosition);
                 const end = this.getRelativePosition(curNode, position.endOffset);
+                // eslint-disable-next-line no-underscore-dangle
                 range.setEnd(end._curNode, end._correctedPosition);
                 correctedPosition = range;
             }

package/components/checkbox/checkbox-group.figma.js

@@ -1,5 +1,5 @@
 // url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI-(Internal)?node-id=226-2666
-const figma = require('figma');
+import figma from '@figma/code-connect';
 
 const instance = figma.selectedInstance;
 const labelType = instance.getString('Label');

package/components/checkbox/checkbox.css

@@ -1,4 +1,4 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 :root,
 :host {

package/components/checkbox/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, InputHTMLAttributes, CSSProperties, Ref, ReactNode } from 'react';
+import { PureComponent, type InputHTMLAttributes, type CSSProperties, type Ref, type ReactNode } from 'react';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string | null | undefined;
     containerClassName?: string | null | undefined;

package/components/checkbox/checkbox.figma.js

@@ -1,5 +1,5 @@
 // url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=224%3A1943
-const figma = require('figma');
+import figma from '@figma/code-connect';
 
 const instance = figma.selectedInstance;
 const selected = instance.getString('Selected');

package/components/checkbox/checkbox.js

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import checkmarkIcon from '@jetbrains/icons/checkmark-12px';
 import minusIcon from '@jetbrains/icons/remove-12px';
 import Icon from '../icon/icon';
-import { createComposedRef } from '../global/composeRefs';
+import { createComposedRef } from '../global/compose-refs';
 import ControlHelp from '../control-help/control-help';
 import styles from './checkbox.css';
 /**
@@ -18,19 +18,19 @@ export default class Checkbox extends PureComponent {
         indeterminate: false,
     };
     componentDidMount() {
-        if (this.input != null) {
+        if (this.input) {
             this.input.indeterminate = this.props.indeterminate;
         }
     }
     componentDidUpdate(prevProps) {
         const { indeterminate } = this.props;
-        if (this.input != null && indeterminate !== prevProps.indeterminate) {
+        if (this.input && indeterminate !== prevProps.indeterminate) {
             this.input.indeterminate = this.props.indeterminate;
         }
     }
     input;
     inputRef = (el) => {
-        if (el != null) {
+        if (el) {
             el.indeterminate = this.props.indeterminate;
         }
         this.input = el;
@@ -42,6 +42,6 @@ export default class Checkbox extends PureComponent {
         const containerClasses = classNames(styles.checkbox, containerClassName);
         const cellClasses = classNames(styles.cell, cellClassName);
         const labelClasses = classNames(styles.label, labelClassName);
-        return (_jsxs("label", { className: containerClasses, style: containerStyle, "data-test": "ring-checkbox", children: [_jsx("input", { ...restProps, "data-checked": restProps.checked, ref: this.composedInputRef(this.inputRef, inputRef), type: "checkbox", className: classes }), _jsx("div", { className: styles.cellWrapper, children: _jsxs("span", { className: cellClasses, children: [_jsx(Icon, { glyph: checkmarkIcon, className: styles.check }), _jsx(Icon, { glyph: minusIcon, className: styles.minus })] }) }), _jsxs("span", { className: labelClasses, children: [label || children, help && _jsx(ControlHelp, { children: help })] })] }));
+        return (_jsxs("label", { className: containerClasses, style: containerStyle, "data-test": 'ring-checkbox', children: [_jsx("input", { ...restProps, "data-checked": restProps.checked, ref: this.composedInputRef(this.inputRef, inputRef), type: 'checkbox', className: classes }), _jsx("div", { className: styles.cellWrapper, children: _jsxs("span", { className: cellClasses, children: [_jsx(Icon, { glyph: checkmarkIcon, className: styles.check }), _jsx(Icon, { glyph: minusIcon, className: styles.minus })] }) }), _jsxs("span", { className: labelClasses, children: [label || children, help && _jsx(ControlHelp, { children: help })] })] }));
     }
 }

package/components/clipboard/clipboard.js

@@ -35,7 +35,7 @@ async function copy(text, successMessage, errorMessage, delay = ALERT_DELAY, isH
     }
 }
 const clipboard = {
-    copyText: async (text, successMessage, errorMessage, delay = ALERT_DELAY) => await copy(text, successMessage, errorMessage, delay),
-    copyHTML: async (html, successMessage, errorMessage, delay = ALERT_DELAY) => await copy(html, successMessage, errorMessage, delay, true),
+    copyText: (text, successMessage, errorMessage, delay = ALERT_DELAY) => copy(text, successMessage, errorMessage, delay),
+    copyHTML: (html, successMessage, errorMessage, delay = ALERT_DELAY) => copy(html, successMessage, errorMessage, delay, true),
 };
 export default clipboard;

package/components/code/code.css

@@ -1,4 +1,4 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 .code {
   margin: calc(var(--ring-unit) * 2) 0;

package/components/code/code.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, Ref } from 'react';
+import { PureComponent, type Ref } from 'react';
 import highlight from 'highlight.js/lib/core';
 declare function noop(): void;
 export interface CodeProps {

package/components/code/code.js

@@ -32,12 +32,14 @@ export default class Code extends PureComponent {
     code;
     async highlight() {
         const codeRef = this.codeRef;
-        if (codeRef == null) {
+        if (!codeRef) {
             return;
         }
         const { language, inline, replacer } = this.props;
         if (!inline) {
-            if (language != null && highlight.getLanguage(language) == null) {
+            if (language !== null &&
+                language !== undefined &&
+                (highlight.getLanguage(language) === null || highlight.getLanguage(language) === undefined)) {
                 await registerLanguage(language);
             }
             // @ts-expect-error https://github.com/highlightjs/highlight.js/issues/2945
@@ -69,7 +71,7 @@ export default class Code extends PureComponent {
             [styles.inline]: inline,
             [styles.softWrap]: softWrap,
         });
-        return (_jsx(Tag, { className: classes, "data-test": "ring-code", children: _jsx("code", { 
+        return (_jsx(Tag, { className: classes, "data-test": 'ring-code', children: _jsx("code", { 
                 // should be focusable because it can be scrollable
                 tabIndex: inline ? -1 : 0, ref: this.initCodeRef, className: highlightStyles.highlightContainer, children: normalizeIndent(code) }) }));
     }

package/components/collapse/collapse-content.d.ts

@@ -1,9 +1,9 @@
-import React, { PropsWithChildren } from 'react';
-type Props = {
+import React, { type PropsWithChildren } from 'react';
+interface Props {
     minHeight?: number;
     className?: string;
     'data-test'?: string | null | undefined;
-};
+}
 /**
  * @name CollapseContent
  */

package/components/collapse/collapse-control.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 type ChildrenFunction = (collapsed: boolean) => React.ReactElement<any>;
-type Props = {
+interface Props {
     children: ChildrenFunction | React.ReactElement<any>;
     'data-test'?: string | null | undefined;
-};
+}
 /**
  * @name CollapseControl
  */

package/components/collapse/collapse.css

@@ -20,7 +20,7 @@
 .trigger {
   cursor: pointer;
 
-  border: none;
+  border: 0;
   outline: none;
   background: transparent;
 }