@jetbrains/ring-ui-built 7.0.61 → 7.0.63

package/components/auth/iframe-flow.js

@@ -36,23 +36,23 @@ import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
+import '../link/clickable-link.js';
+import '../_helpers/button.classes.js';
 import '../popup/popup.target.js';
 import '../popup/popup.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 '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '../loader-screen/loader-screen.js';
 import '../loader/loader.js';
-import '../loader/loader__core.js';
+import '../loader/loader-core.js';
 import './background-flow.js';
 import '../global/url.js';
 import '../_helpers/link.js';
@@ -79,9 +79,7 @@ class IFrameFlow {
    * Initiates authorization in window
    */
   async _load() {
-    const authRequest = await this._requestBuilder.prepareAuthRequest(
-    // eslint-disable-next-line camelcase
-    {
+    const authRequest = await this._requestBuilder.prepareAuthRequest({
       request_credentials: 'required',
       auth_mode: 'bypass_to_login'
     }, {
@@ -89,7 +87,7 @@ class IFrameFlow {
     });
     const renderFallbackLink = () => jsx(Link, {
       href: authRequest.url,
-      target: "_self",
+      target: '_self',
       children: this._translations.nothingHappensLink
     });
     return new Promise((resolve, reject) => {
@@ -136,7 +134,7 @@ class IFrameFlow {
     this._reset();
   }
   authorize() {
-    if (this._promise != null && this._loginWindow != null && !this._loginWindow.closed) {
+    if (this._promise && this._loginWindow && !this._loginWindow.closed) {
       return this._promise;
     }
     this._promise = this._load();

package/components/auth/request-builder.d.ts

@@ -1,5 +1,6 @@
 import uuid from 'simply-uuid';
-import AuthStorage, { AuthState } from './storage';
+import type { AuthState } from './storage';
+import type AuthStorage from './storage';
 export interface AuthRequestBuilderConfig {
     authorization: string;
     redirectUri?: string | null | undefined;

package/components/auth/request-builder.js

@@ -33,9 +33,9 @@ class AuthRequestBuilder {
    * @return {Promise.<string>} promise that is resolved to authURL
    */
   async prepareAuthRequest(extraParams, extraState) {
+    // eslint-disable-next-line no-underscore-dangle
     const stateId = AuthRequestBuilder._uuid();
     const scopes = this.config.scopes.map(scope => encodeURIComponent(scope));
-    /* eslint-disable camelcase */
     const request = Object.assign({
       response_type: 'token',
       state: stateId,
@@ -44,7 +44,6 @@ class AuthRequestBuilder {
       client_id: this.config.clientId,
       scope: scopes.join(' ')
     }, extraParams || {});
-    /* eslint-enable camelcase */
     const authURL = encodeURL(this.config.authorization, request);
     const state = Object.assign({
       restoreLocation: window.location.href,

package/components/auth/storage.d.ts

@@ -1,6 +1,6 @@
-import { StorageClass, StorageInterface } from '../storage/storage';
-import { AuthUser } from './auth__core';
-import { AuthResponse } from './response-parser';
+import { type StorageClass, type StorageInterface } from '../storage/storage';
+import { type AuthUser } from './auth-core';
+import { type AuthResponse } from './response-parser';
 export interface StoredToken {
     accessToken: string;
     scopes?: string[];

package/components/auth/storage.js

@@ -1,7 +1,7 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.sort.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
-import LocalStorage from '../storage/storage__local.js';
+import LocalStorage from '../storage/storage-local.js';
 import '../alert-service/alert-service.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
@@ -15,8 +15,8 @@ import '@jetbrains/icons/warning';
 import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
@@ -26,10 +26,10 @@ import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import 'react-dom';
 import '../popup/popup.target.js';
@@ -146,9 +146,8 @@ class AuthStorage {
       if (!dontCleanAndRetryOnFail) {
         await this.cleanStates();
         return this.saveState(id, state, true);
-      } else {
-        throw e;
       }
+      throw e;
     }
     return undefined;
   }
@@ -160,7 +159,7 @@ class AuthStorage {
   async cleanStates(removeStateId) {
     const now = Date.now();
     const removalResult = await this._stateStorage.each((key, value) => {
-      if (value == null) {
+      if (value === null || value === undefined) {
         return undefined;
       }
       // Remove requested state
@@ -184,7 +183,7 @@ class AuthStorage {
       }
       return undefined;
     });
-    const currentStates = removalResult.filter(state => state != null);
+    const currentStates = removalResult.filter(state => state !== null && state !== undefined);
     let stateStorageSize = currentStates.reduce((overallSize, state) => state.size + overallSize, 0);
     if (stateStorageSize > this.stateQuota) {
       currentStates.sort((a, b) => a.created - b.created);
@@ -248,9 +247,8 @@ class AuthStorage {
     if (user && user.id) {
       setTimeout(loadAndCache, UPDATE_USER_TIMEOUT);
       return user;
-    } else {
-      return loadAndCache();
     }
+    return loadAndCache();
   }
   /**
    * Remove cached user if any

package/components/auth/token-validator.d.ts

@@ -1,4 +1,5 @@
-import AuthStorage, { StoredToken } from './storage';
+import type AuthStorage from './storage';
+import type { StoredToken } from './storage';
 export interface TokenValidatorConfig {
     scope: string[];
     optionalScopes?: readonly string[] | null | undefined;

package/components/auth/token-validator.js

@@ -43,14 +43,22 @@ class TokenValidator {
    * @mockReturnValue {Promise.<string>}
    */
   validateTokenLocally() {
-    return this._getValidatedToken([TokenValidator._validateExistence, TokenValidator._validateExpiration, this._validateScopes.bind(this)]);
+    return this._getValidatedToken([
+    // eslint-disable-next-line no-underscore-dangle
+    TokenValidator._validateExistence,
+    // eslint-disable-next-line no-underscore-dangle
+    TokenValidator._validateExpiration, this._validateScopes.bind(this)]);
   }
   /**
    * Check token validity against all conditions.
    * @mockReturnValue {Promise.<string>}
    */
   validateToken() {
-    return this._getValidatedToken([TokenValidator._validateExistence, TokenValidator._validateExpiration, this._validateScopes.bind(this), this._validateAgainstUser.bind(this)]);
+    return this._getValidatedToken([
+    // eslint-disable-next-line no-underscore-dangle
+    TokenValidator._validateExistence,
+    // eslint-disable-next-line no-underscore-dangle
+    TokenValidator._validateExpiration, this._validateScopes.bind(this), this._validateAgainstUser.bind(this)]);
   }
   /**
    * Check if there is a token
@@ -76,6 +84,7 @@ class TokenValidator {
     } = _ref;
     const REFRESH_BEFORE_RATIO = 6;
     const refreshBefore = lifeTime ? Math.ceil(lifeTime / REFRESH_BEFORE_RATIO) : TokenValidator.DEFAULT_REFRESH_BEFORE;
+    // eslint-disable-next-line no-underscore-dangle
     if (expires && expires < TokenValidator._epoch() + refreshBefore) {
       throw new TokenValidator.TokenValidationError('Token expired');
     }
@@ -149,7 +158,7 @@ class TokenValidator {
    */
   async _getValidatedToken(validators) {
     const storedToken = await this._storage.getToken();
-    if (storedToken == null) {
+    if (storedToken === null || storedToken === undefined) {
       throw new TokenValidator.TokenValidationError('Token not found');
     }
     for (let i = 0; i < validators.length; i++) {

package/components/auth/window-flow.d.ts

@@ -1,6 +1,6 @@
-import { LoginFlow } from './auth__core';
-import AuthRequestBuilder from './request-builder';
-import AuthStorage from './storage';
+import { type LoginFlow } from './auth-core';
+import type AuthRequestBuilder from './request-builder';
+import type AuthStorage from './storage';
 export default class WindowFlow implements LoginFlow {
     private _timeoutId;
     private _requestBuilder;

package/components/auth/window-flow.js

@@ -48,9 +48,7 @@ class WindowFlow {
    * Initiates authorization in window
    */
   async _load() {
-    const authRequest = await this._requestBuilder.prepareAuthRequest(
-    // eslint-disable-next-line camelcase
-    {
+    const authRequest = await this._requestBuilder.prepareAuthRequest({
       request_credentials: 'required',
       auth_mode: 'bypass_to_login'
     }, {
@@ -84,16 +82,16 @@ class WindowFlow {
           reject(new AuthResponseParser.AuthError(state));
         }
       });
-      if (this._loginWindow == null || this._loginWindow.closed) {
+      if (this._loginWindow === null || this._loginWindow === undefined || this._loginWindow && this._loginWindow.closed) {
         this._loginWindow = this._openWindow(authRequest.url);
-      } else {
+      } else if (this._loginWindow) {
         this._loginWindow.location.href = authRequest.url;
       }
       this.checkIsClosed();
     });
   }
   stop() {
-    if (this._loginWindow != null) {
+    if (this._loginWindow !== null && this._loginWindow !== undefined) {
       this._loginWindow.close();
     }
     if (this.reject) {
@@ -102,7 +100,7 @@ class WindowFlow {
     this._reset();
   }
   authorize() {
-    if (this._promise != null && this._loginWindow != null && !this._loginWindow.closed) {
+    if (this._promise && this._loginWindow && !this._loginWindow.closed) {
       this._loginWindow.focus();
       return this._promise;
     }

package/components/auth-dialog/auth-dialog.js

@@ -34,18 +34,18 @@ 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 '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import '../global/memoize.js';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../_helpers/heading.js';
 
 var styles = {"dialog":"ring-auth-dialog-dialog","content":"ring-auth-dialog-content ring-global-font","button":"ring-auth-dialog-button","firstButton":"ring-auth-dialog-firstButton ring-auth-dialog-button","title":"ring-auth-dialog-title","logo":"ring-auth-dialog-logo","error":"ring-auth-dialog-error"};
@@ -108,7 +108,7 @@ class AuthDialog extends Component {
     const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName !== null && serviceName !== void 0 ? serviceName : '').replace('{{serviceName}}', serviceName !== null && serviceName !== void 0 ? serviceName : '');
     return jsx(Dialog, {
       label: title,
-      "data-test": "ring-auth-dialog",
+      "data-test": 'ring-auth-dialog',
       className: className,
       contentClassName: classNames(className, styles.dialog),
       onEscPress: this.onEscPress,
@@ -130,19 +130,19 @@ class AuthDialog extends Component {
           }), jsx(Button, {
             primary: true,
             className: styles.firstButton,
-            "data-test": "auth-dialog-confirm-button",
+            "data-test": 'auth-dialog-confirm-button',
             onClick: onConfirm,
             children: confirmLabel
           }), onTryAgain && jsx(Button, {
             className: styles.button,
-            "data-test": "auth-dialog-retry-button",
+            "data-test": 'auth-dialog-retry-button',
             onClick: () => this.onRetryPress(),
             loader: retrying,
             disabled: retrying,
             children: tryAgainLabel
           }), jsx(Button, {
             className: styles.button,
-            "data-test": "auth-dialog-cancel-button",
+            "data-test": 'auth-dialog-cancel-button',
             onClick: onCancel,
             children: cancelLabel
           })]

package/components/auth-dialog-service/auth-dialog-service.d.ts

@@ -1,4 +1,4 @@
-import AuthDialog, { AuthDialogProps } from '../auth-dialog/auth-dialog';
+import AuthDialog, { type AuthDialogProps } from '../auth-dialog/auth-dialog';
 export declare const reactRoot: import("react-dom/client").Root;
 type AuthDialogAttributes = React.JSX.LibraryManagedAttributes<typeof AuthDialog, AuthDialogProps>;
 export default function showAuthDialog(props?: AuthDialogAttributes): () => void;

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

@@ -34,18 +34,18 @@ import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import '../global/memoize.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
+import '../link/clickable-link.js';
+import '../_helpers/button.classes.js';
 import '../popup/popup.target.js';
 import '../popup/popup.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 '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '../heading/heading.js';
 import '../_helpers/heading.js';

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { Size } from './avatar-size';
 interface InfoAvatarProps {
     size: Size;

package/components/avatar/avatar.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, ImgHTMLAttributes, ReactNode } from 'react';
+import { PureComponent, type ImgHTMLAttributes, type ReactNode } from 'react';
 import { Size } from './avatar-size';
 export { Size };
 export interface AvatarProps extends ImgHTMLAttributes<HTMLImageElement> {

package/components/avatar/avatar.figma.js

@@ -1,8 +1,7 @@
 import { c as _taggedTemplateLiteral } from '../_helpers/_rollupPluginBabelHelpers.js';
+import figma from '@figma/code-connect';
 
 var _templateObject;
-// url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=5990-522
-const figma = require('figma');
 const instance = figma.selectedInstance;
 const round = instance.getBoolean('Round');
 const size = parseInt(instance.getString('Size'), 10);

package/components/avatar/avatar.js

@@ -67,16 +67,16 @@ class Avatar extends PureComponent {
     });
     if (!url || this.state.errorUrl === url) {
       return jsxs("span", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        "data-test": "avatar",
+        "data-test": 'avatar',
         className: classNames(classes, {
-          [styles.empty]: username == null && info == null
+          [styles.empty]: (username === null || username === undefined) && (info === null || info === undefined)
         }),
         style: styleObj,
-        children: [username != null && jsx(FallbackAvatar, {
+        children: [username && jsx(FallbackAvatar, {
           size: size,
           round: round,
           username: username
-        }), info != null && jsx(AvatarInfo, {
+        }), info && jsx(AvatarInfo, {
           size: size,
           children: info
         })]
@@ -106,28 +106,27 @@ class Avatar extends PureComponent {
           className: classNames(classes, styles.avatarShadow),
           style: styleObj,
           src: src,
-          alt: "User avatar"
+          alt: 'User avatar'
         })), jsx("img", _objectSpread2(_objectSpread2({}, restProps), {}, {
-          "data-test": "avatar",
+          "data-test": 'avatar',
           onError: this.handleError,
           onLoad: this.handleSuccess,
           className: classNames(styles.subavatar),
           style: styleObjGroup,
           src: subavatarSrc,
-          alt: "Subavatar"
+          alt: 'Subavatar'
         }))]
       });
-    } else {
-      return jsx("img", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        "data-test": "avatar",
-        onError: this.handleError,
-        onLoad: this.handleSuccess,
-        className: classNames(classes, styles.avatarShadow),
-        style: styleObj,
-        src: src,
-        alt: "User avatar"
-      }));
     }
+    return jsx("img", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      "data-test": 'avatar',
+      onError: this.handleError,
+      onLoad: this.handleSuccess,
+      className: classNames(classes, styles.avatarShadow),
+      style: styleObj,
+      src: src,
+      alt: 'User avatar'
+    }));
   }
 }
 _defineProperty(Avatar, "defaultProps", {

package/components/avatar/fallback-avatar.js

@@ -228,15 +228,14 @@ function extractLetters(name) {
   const names = name.split(/[\s._]+/).filter(Boolean).map(word => Array.from(word));
   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 "".concat(names[0][0].toUpperCase(), "X");
     }
-  } else {
-    return 'XX';
+    return "".concat(names[0][0].toUpperCase(), "X");
   }
+  return 'XX';
 }
 // https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0#gistcomment-2775538
 const BASE = 32;
@@ -261,27 +260,27 @@ function FallbackAvatar(_ref) {
   const gradientId = useMemo(() => getUID('gradient-'), []);
   return jsxs("svg", {
     viewBox: "0 0 ".concat(size, " ").concat(size),
-    xmlns: "http://www.w3.org/2000/svg",
+    xmlns: 'http://www.w3.org/2000/svg',
     children: [jsx("defs", {
       children: jsxs("linearGradient", {
         id: gradientId,
-        x1: "1",
-        y1: "1",
-        x2: "0",
-        y2: "0",
+        x1: '1',
+        y1: '1',
+        x2: '0',
+        y2: '0',
         children: [jsx("stop", {
           stopColor: fromColor,
-          offset: "0"
+          offset: '0'
         }), jsx("stop", {
           stopColor: toColor,
-          offset: "0.8"
+          offset: '0.8'
         })]
       })
     }), jsxs("g", {
       children: [jsx("rect", {
         fill: "url(#".concat(gradientId, ")"),
-        x: "0",
-        y: "0",
+        x: '0',
+        y: '0',
         width: size,
         height: size,
         rx: radius,
@@ -291,17 +290,17 @@ function FallbackAvatar(_ref) {
         y: sizes.text.y,
         fontFamily: "var(--ring-font-family, 'Arial, Helvetica, sans-serif')",
         fontSize: sizes.fontSize,
-        fontWeight: "600",
+        fontWeight: '600',
         letterSpacing: sizes.letterSpacing,
-        fill: "#FFFFFF",
+        fill: '#FFFFFF',
         dominantBaseline: sizes.dominantBaseline,
         textAnchor: sizes.textAnchor,
-        cursor: "default",
+        cursor: 'default',
         children: jsx("tspan", {
           children: extractLetters(username)
         })
       }), underscore && jsx("rect", {
-        fill: "#FFFFFF",
+        fill: '#FFFFFF',
         x: underscore.x,
         y: underscore.y,
         width: underscore.width,

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,10 +1,9 @@
 import { c as _taggedTemplateLiteral } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import figma from '@figma/code-connect';
 
 var _sizeString$match, _templateObject;
-// url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=5990-752
-const figma = require('figma');
 const instance = figma.selectedInstance;
 const sizeString = instance.getString('Size');
 const [sizeSubstring] = (_sizeString$match = sizeString.match(/\d+/)) !== null && _sizeString$match !== void 0 ? _sizeString$match : [];

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

@@ -28,29 +28,29 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/create-stateful-context.js';
-import '../list/list__item.js';
+import '../list/list-item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.string.replace.js';
-import '../global/composeRefs.js';
+import '../global/compose-refs.js';
 import '../control-help/control-help.js';
 import '../link/link.js';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/consts.js';
-import '../list/list__classes.js';
+import '../list/list.classes.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
-import '../list/list__custom.js';
+import '../list/list-custom.js';
 import '../global/get-event-key.js';
-import '../list/list__title.js';
-import '../list/list__separator.js';
-import '../list/list__hint.js';
+import '../list/list-title.js';
+import '../list/list-separator.js';
+import '../list/list-hint.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
@@ -59,7 +59,7 @@ 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/button.classes.js';
 import '../popup-menu/popup-menu.js';
 import '../popup/popup.js';
 import 'react-dom';
@@ -110,7 +110,7 @@ function AvatarStack(_ref) {
         fontSize: fontSizes[size]
       },
       anchor: jsx("button", {
-        type: "button",
+        type: 'button',
         className: styles.extraButton,
         children: jsx(Avatar, {
           size: size,

package/components/banner/banner.js

@@ -12,14 +12,14 @@ import Link from '../link/link.js';
 import Tooltip from '../tooltip/tooltip.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../_helpers/link.js';
 import '../popup/popup.js';
 import 'react-dom';
@@ -95,7 +95,7 @@ function Banner(props) {
         className: styles.closeButton,
         pseudo: true,
         onClick: onClose,
-        "aria-label": "Close",
+        "aria-label": 'Close',
         children: jsx(Icon, {
           glyph: closeIcon
         })

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;