@jetbrains/ring-ui 7.0.57 → 7.0.59

package/README.md

@@ -4,6 +4,7 @@
 [![official JetBrains project](https://jb.gg/badges/official-flat-square.svg)](https://github.com/JetBrains#jetbrains-on-github)
 
 - [Design guildelines](https://www.jetbrains.com/help/ring-ui/welcome.html)
+- [Figma library[(https://www.figma.com/design/j7UivSrGze5xCDKrqzR7Fa/RingUI--Community)
 - [Usage examples in Storybook][docsite]
 - [GitHub repository](https://github.com/JetBrains/ring-ui)
 - [Issues in YouTrack](https://youtrack.jetbrains.com/issues/RG)

package/components/button/button.css

@@ -273,6 +273,12 @@
 
   composes: flat;
 
+  &:hover,
+  &:active,
+  &.active {
+    --ring-button-text-color: var(--ring-text-color);
+  }
+
   &.inline {
     &:hover {
     --ring-button-background-color: var(--ring-tag-background-color);

package/components/confirm/confirm.js

@@ -4,7 +4,6 @@ import Dialog from '../dialog/dialog';
 import Button from '../button/button';
 import { Content, Header } from '../island/island';
 import Panel from '../panel/panel';
-import styles from './confirm.css';
 /**
  * @name Confirm
  */
@@ -28,6 +27,6 @@ export default class Confirm extends PureComponent {
     };
     render() {
         const { show, className, inProgress, cancelIsDefault, text, description, confirmLabel, rejectLabel, onConfirm, onReject, native, } = this.props;
-        return (_jsxs(Dialog, { label: text || (typeof description === 'string' ? description : undefined), className: className, onEscPress: this.onEscPress, show: show, trapFocus: true, "data-test": "ring-confirm", native: native, children: [text && _jsx(Header, { children: text }), description && (_jsx(Content, { children: _jsx("div", { className: styles.description, children: description }) })), _jsxs(Panel, { children: [_jsx(Button, { "data-test": "confirm-ok-button", primary: !cancelIsDefault, loader: inProgress, disabled: inProgress, onClick: onConfirm, children: confirmLabel }), _jsx(Button, { "data-test": "confirm-reject-button", onClick: onReject, disabled: inProgress, primary: cancelIsDefault, children: rejectLabel })] })] }));
+        return (_jsxs(Dialog, { label: text || (typeof description === 'string' ? description : undefined), className: className, onEscPress: this.onEscPress, show: show, trapFocus: true, "data-test": "ring-confirm", native: native, children: [text && _jsx(Header, { children: text }), description && _jsx(Content, { children: description }), _jsxs(Panel, { children: [_jsx(Button, { "data-test": "confirm-ok-button", primary: !cancelIsDefault, loader: inProgress, disabled: inProgress, onClick: onConfirm, children: confirmLabel }), _jsx(Button, { "data-test": "confirm-reject-button", onClick: onReject, disabled: inProgress, primary: cancelIsDefault, children: rejectLabel })] })] }));
     }
 }

package/components/global/variables.css

@@ -51,6 +51,10 @@
   --ring-main-warning-color: rgb(var(--ring-main-warning-components)); /* #E56D17 */
   --ring-main-warning-hover-components: 206, 97, 23;
   --ring-main-warning-hover-color: rgb(var(--ring-main-warning-hover-components)); /* #CE6117 */
+  --ring-main-purple-components: 131, 77, 240;
+  --ring-main-purple-color: rgb(var(--ring-main-purple-components)); /* #834DF0 */
+  --ring-main-purple-hover-components: 116, 68, 212;
+  --ring-main-purple-hover-color: rgb(var(--ring-main-purple-hover-components)); /* #7444D4 */
   --ring-icon-error-components: 204, 54, 69;
   --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #CC3645 */
   --ring-icon-warning-components: 229, 109, 23;
@@ -77,6 +81,10 @@
   --ring-highlight-border-color: rgb(var(--ring-highlight-border-components)); /* #FED277 */
   --ring-highlight-border-hover-components: 253, 189, 61;
   --ring-highlight-border-hover-color: rgb(var(--ring-highlight-border-hover-components)); /* #FDBD3D */
+  --ring-purple-border-components: 191, 161, 248;
+  --ring-purple-border-color: rgb(var(--ring-purple-border-components)); /* #BFA1F8 */
+  --ring-purple-border-hover-components: 161, 119, 244;
+  --ring-purple-border-hover-color: rgb(var(--ring-purple-border-hover-components)); /* #A177F4 */
   --ring-pale-control-components: 194, 214, 252;
   --ring-pale-control-color: rgb(var(--ring-pale-control-components)); /* #C2D6FC */
   --ring-popup-border-components: 0, 28, 54;
@@ -107,8 +115,8 @@
   --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #2E55A3 */
   --ring-error-components: 204, 54, 69;
   --ring-error-color: rgb(var(--ring-error-components)); /* #CC3645 */
-  --ring-warning-components: 206, 97, 23;
-  --ring-warning-color: rgb(var(--ring-warning-components)); /* #CE6117 */ /* Prefer using warning icon + regular text color */
+  --ring-warning-components: 184, 85, 22;
+  --ring-warning-color: rgb(var(--ring-warning-components)); /* #B85516 */ /* Prefer using warning icon + regular text color */
   --ring-success-components: 31, 117, 54;
   --ring-success-color: rgb(var(--ring-success-components)); /* #1F7536 */ /* Prefer using success icon + regular text color */
   --ring-text-components: 39, 40, 46;
@@ -149,15 +157,15 @@
   --ring-highlight-background-color: rgb(var(--ring-highlight-background-components)); /* #FFF1D1 */
   --ring-added-background-components: 197, 229, 204;
   --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #C5E5CC */
+  --ring-purple-background-components: 239, 229, 255;
+  --ring-purple-background-color: rgb(var(--ring-purple-background-components)); /* #EFE5FF */
   --ring-disabled-background-components: 247, 248, 250;
   --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #F7F8FA */
   --ring-disabled-selected-background-components: 235, 236, 240;
   --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #EBECF0 */
-  --ring-button-danger-active-components: 250, 212, 216;
-  --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #FAD4D8 */
+  --ring-button-danger-active-color: var(--ring-error-container-light-color); /* #FAD4D8 */
   --ring-button-loader-background: rgba(var(--ring-white-text-components), 0.4); /* TODO remove in 8.0 */
-  --ring-button-primary-background-components: 53, 116, 240;
-  --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */
+  --ring-button-primary-background-color: var(--ring-main-color); /* TODO remove in 8.0 */
   --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #FFFFFF50 */
   --ring-removed-subtle-background-components: 255, 235, 236;
   --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #FFEBEC */
@@ -167,6 +175,8 @@
   --ring-highlight-subtle-background-color: rgb(var(--ring-highlight-subtle-background-components)); /* #FFF6DE */
   --ring-added-subtle-background-components: 230, 247, 233;
   --ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #E6F7E9 */
+  --ring-purple-subtle-background-components: 250, 245, 255;
+  --ring-purple-subtle-background-color: rgb(var(--ring-purple-subtle-background-components)); /* #FAF5FF */
   --ring-main-container-light-components: 245, 248, 254;
   --ring-main-container-light-color: rgb(var(--ring-main-container-light-components)); /* #F5F8FE */
   --ring-success-container-light-components: 242, 252, 243;
@@ -177,10 +187,12 @@
   --ring-warning-container-light-color: rgb(var(--ring-warning-container-light-components)); /* #FFF8F3 */
   --ring-highlight-container-light-components: 255, 250, 235;
   --ring-highlight-container-light-color: rgb(var(--ring-highlight-container-light-components)); /* #FFFAEB */
-  --ring-highlight-fill-components: 255, 175, 15;
-  --ring-highlight-fill-color: rgb(var(--ring-highlight-fill-components)); /* #FFAF0F */
   --ring-grey-container-light-components: 247, 248, 250;
   --ring-grey-container-light-color: rgb(var(--ring-grey-container-light-components)); /* #F7F8FA */
+  --ring-purple-container-light-components: 251, 248, 255;
+  --ring-purple-container-light-color: rgb(var(--ring-purple-container-light-components)); /* #FBF8FF */
+  --ring-highlight-fill-components: 255, 175, 15;
+  --ring-highlight-fill-color: rgb(var(--ring-highlight-fill-components)); /* #FFAF0F */
   --ring-grey-fill-components: 39, 40, 46;
   --ring-grey-fill-color: rgb(var(--ring-grey-fill-components)); /* #27282E */
   --ring-grey-fill-accent-components: 56, 58, 66;

package/components/global/variables_dark.css

@@ -45,6 +45,10 @@
   --ring-main-warning-color: rgb(var(--ring-main-warning-components)); /* #E08855 */
   --ring-main-warning-hover-components: 199, 125, 85;
   --ring-main-warning-hover-color: rgb(var(--ring-main-warning-hover-components)); /* #C77D55 */
+  --ring-main-purple-components: 149, 90, 224;
+  --ring-main-purple-color: rgb(var(--ring-main-purple-components)); /* #955AE0 */
+  --ring-main-purple-hover-components: 129, 80, 190;
+  --ring-main-purple-hover-color: rgb(var(--ring-main-purple-hover-components)); /* #8150BE */
   --ring-icon-error-components: 227, 119, 116;
   --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #E37774 */
   --ring-icon-warning-components: 224, 136, 85;
@@ -71,6 +75,10 @@
   --ring-highlight-border-color: rgb(var(--ring-highlight-border-components)); /* #826A41 */
   --ring-highlight-border-hover-components: 158, 129, 74;
   --ring-highlight-border-hover-color: rgb(var(--ring-highlight-border-hover-components)); /* #9E814A */
+  --ring-purple-border-components: 88, 61, 122;
+  --ring-purple-border-color: rgb(var(--ring-purple-border-components)); /* #583D7A */
+  --ring-purple-border-hover-components: 108, 70, 156;
+  --ring-purple-border-hover-color: rgb(var(--ring-purple-border-hover-components)); /* #6C469C */
   --ring-popup-border-components: 57, 59, 64;
   --ring-popup-border-color: rgb(var(--ring-popup-border-components)); /* #393B40 */
   --ring-popup-shadow-color: rgba(0, 0, 0, 0.31);
@@ -114,8 +122,8 @@
   /* Background */
   --ring-content-background-components: 30, 31, 34;
   --ring-content-background-color: rgb(var(--ring-content-background-components)); /* #1E1F22 */
-  --ring-popup-background-components: 57, 59, 64;
-  --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #393B40 */
+  --ring-popup-background-components: 43, 45, 48;
+  --ring-popup-background-color: rgb(var(--ring-popup-background-components)); /* #2B2D30 */
   --ring-sidebar-background-components: 43, 45, 48;
   --ring-sidebar-background-color: rgb(var(--ring-sidebar-background-components)); /* #2B2D30 */
   --ring-secondary-background-components: 43, 45, 48;
@@ -138,14 +146,14 @@
   --ring-highlight-background-color: rgb(var(--ring-highlight-background-components)); /* #5E4D33 */
   --ring-added-background-components: 55, 82, 57;
   --ring-added-background-color: rgb(var(--ring-added-background-components)); /* #375239 */
+  --ring-purple-background-components: 67, 51, 88;
+  --ring-purple-background-color: rgb(var(--ring-purple-background-components)); /* #433358 */
   --ring-disabled-background-components: 57, 59, 64;
   --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #393B40 */
   --ring-disabled-selected-background-components: 67, 69, 74;
   --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #43454A */
-  --ring-button-danger-active-components: 94, 56, 56;
-  --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #5E3838 */
-  --ring-button-primary-background-components: 53, 116, 240;
-  --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */
+  --ring-button-danger-active-color: var(--ring-error-container-light-color); /* #5E3838 */
+  --ring-button-primary-background-color: var(--ring-main-color); /* TODO remove in 8.0 */
   --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #2B2D3050 */
   --ring-removed-subtle-background-components: 64, 41, 41;
   --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #402929 */
@@ -155,6 +163,8 @@
   --ring-highlight-subtle-background-color: rgb(var(--ring-highlight-subtle-background-components)); /* #3D3223 */
   --ring-added-subtle-background-components: 37, 54, 39;
   --ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #253627 */
+  --ring-purple-subtle-background-components: 47, 41, 54;
+  --ring-purple-subtle-background-color: rgb(var(--ring-purple-subtle-background-components)); /* #2F2936 */
   --ring-main-container-light-components: 32, 39, 55;
   --ring-main-container-light-color: rgb(var(--ring-main-container-light-components)); /* #202737 */
   --ring-success-container-light-components: 34, 45, 37;
@@ -165,10 +175,12 @@
   --ring-warning-container-light-color: rgb(var(--ring-warning-container-light-components)); /* #352A27 */
   --ring-highlight-container-light-components: 49, 42, 35;
   --ring-highlight-container-light-color: rgb(var(--ring-highlight-container-light-components)); /* #312A23 */
-  --ring-highlight-fill-components: 214, 174, 88;
-  --ring-highlight-fill-color: rgb(var(--ring-highlight-fill-components)); /* #D6AE58 */
   --ring-grey-container-light-components: 57, 59, 64;
   --ring-grey-container-light-color: rgb(var(--ring-grey-container-light-components)); /* #393B40 */
+  --ring-purple-container-light-components: 43, 37, 49;
+  --ring-purple-container-light-color: rgb(var(--ring-purple-container-light-components)); /* #2B2531 */
+  --ring-highlight-fill-components: 214, 174, 88;
+  --ring-highlight-fill-color: rgb(var(--ring-highlight-fill-components)); /* #D6AE58 */
   --ring-grey-fill-components: 240, 241, 242;
   --ring-grey-fill-color: rgb(var(--ring-grey-fill-components)); /* #F0F1F2 */
   --ring-grey-fill-accent-components: 223, 225, 229;

package/components/list/list.css

@@ -1,5 +1,8 @@
 @import "../global/variables.css";
 
+/* ensure style order */
+@import "../link/link.css";
+
 .list {
   position: relative;
 

package/components/toggle/toggle.css

@@ -40,6 +40,8 @@
 
 .switchWrapper {
   position: relative;
+
+  flex-shrink: 0;
 }
 
 .input {

package/components/tooltip/tooltip.css

@@ -6,7 +6,7 @@
 }
 
 :global(.ring-ui-theme-dark) {
-  --ring-tooltip-background-color: var(--ring-tag-background-color);
+  --ring-tooltip-background-color: var(--ring-grey-container-light-color);
   --ring-tooltip-text-color: var(--ring-white-text-color);
 }
 

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

@@ -28,6 +28,6 @@ export default class UserAgreement extends PureComponent {
     render() {
         const { scrolledDown } = this.state;
         const { translations, onAccept, onDecline, onClose, onRemindLater, children, show, preview, className } = this.props;
-        return (_jsx(I18nContext.Consumer, { children: ({ translate }) => (_jsxs(Dialog, { label: translations?.userAgreement ?? translate('userAgreement'), show: show, className: classNames(style.agreementDialog, className), contentClassName: style.dialogContent, trapFocus: true, autoFocusFirst: false, "data-test": "user-agreement", children: [_jsx(Header, { children: translations?.userAgreement ?? translate('userAgreement') }), _jsx(Content, { fade: true, onScrollToBottom: this.onScrollToBottom, children: children }), !preview && (_jsxs(Panel, { children: [onRemindLater && !scrolledDown && (_jsx("div", { className: style.suggestion, children: translations?.scrollToAccept ?? translate('scrollToAccept') })), _jsx(Button, { primary: true, disabled: !scrolledDown, onClick: onAccept, "data-test": "accept", children: translations?.accept ?? translate('accept') }), _jsx(Button, { onClick: onDecline, autoFocus: true, "data-test": "decline", children: translations?.decline ?? translate('decline') }), !onRemindLater && !scrolledDown && (_jsx("span", { className: style.suggestion, children: translations?.scrollToAccept ?? translate('scrollToAccept') })), onRemindLater && (_jsx(Button, { className: style.remindLaterButton, onClick: onRemindLater, "data-test": "later", children: translations?.remindLater ?? translate('remindLater') }))] })), preview && (_jsx(Panel, { children: _jsx(Button, { onClick: onClose, autoFocus: true, "data-test": "close", children: translations?.close ?? translate('close') }) }))] })) }));
+        return (_jsx(I18nContext.Consumer, { children: ({ translate }) => (_jsxs(Dialog, { label: translations?.userAgreement ?? translate('userAgreement'), show: show, className: classNames(style.agreementDialog, className), contentClassName: style.dialogContent, trapFocus: true, autoFocusFirst: false, "data-test": "user-agreement", children: [_jsx(Header, { children: translations?.userAgreement ?? translate('userAgreement') }), _jsx(Content, { tabIndex: 0, fade: true, onScrollToBottom: this.onScrollToBottom, children: children }), !preview && (_jsxs(Panel, { children: [onRemindLater && !scrolledDown && (_jsx("div", { className: style.suggestion, children: translations?.scrollToAccept ?? translate('scrollToAccept') })), _jsx(Button, { primary: true, disabled: !scrolledDown, onClick: onAccept, "data-test": "accept", children: translations?.accept ?? translate('accept') }), _jsx(Button, { onClick: onDecline, autoFocus: true, "data-test": "decline", children: translations?.decline ?? translate('decline') }), !onRemindLater && !scrolledDown && (_jsx("span", { className: style.suggestion, children: translations?.scrollToAccept ?? translate('scrollToAccept') })), onRemindLater && (_jsx(Button, { className: style.remindLaterButton, onClick: onRemindLater, "data-test": "later", children: translations?.remindLater ?? translate('remindLater') }))] })), preview && (_jsx(Panel, { children: _jsx(Button, { onClick: onClose, autoFocus: true, "data-test": "close", children: translations?.close ?? translate('close') }) }))] })) }));
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.57",
+  "version": "7.0.59",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -50,7 +50,7 @@
     "postinstall:gitconfig": "git config blame.ignoreRevsFile .git-blame-ignore-revs",
     "prepare": "webpack -c .storybook/custom-header/webpack.config.js",
     "prea11y-audit": "playwright install",
-    "a11y-audit": "test-storybook --url http://localhost:9999",
+    "a11y-audit": "test-storybook --url http://localhost:9999 && DARK=true test-storybook --url http://localhost:9999",
     "a11y-audit-ci": "node a11y-audit-ci.mjs",
     "console-errors": "jest console-errors.test.js --watchAll",
     "console-errors-ci": "jest console-errors.test.js --reporters=jest-teamcity",
@@ -104,30 +104,30 @@
     "@csstools/stylelint-no-at-nest-rule": "^4.0.0",
     "@eslint/compat": "^1.3.1",
     "@eslint/eslintrc": "^3.2.0",
-    "@eslint/js": "^9.31.0",
+    "@eslint/js": "^9.32.0",
     "@figma/code-connect": "^1.3.4",
     "@jetbrains/eslint-config": "^6.0.5",
     "@jetbrains/logos": "3.0.0-canary.734b213.0",
     "@jetbrains/rollup-css-plugin": "./packages/rollup-css-plugin",
     "@jetbrains/stylelint-config": "^4.0.2",
-    "@primer/octicons": "^19.15.3",
+    "@primer/octicons": "^19.15.5",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-replace": "^6.0.2",
-    "@storybook/addon-a11y": "9.0.17",
-    "@storybook/addon-docs": "^9.0.17",
-    "@storybook/addon-themes": "^9.0.17",
+    "@storybook/addon-a11y": "9.0.18",
+    "@storybook/addon-docs": "^9.0.18",
+    "@storybook/addon-themes": "^9.0.18",
     "@storybook/csf": "^0.1.13",
-    "@storybook/react-webpack5": "9.0.17",
+    "@storybook/react-webpack5": "9.0.18",
     "@storybook/test-runner": "^0.23.0",
-    "@testing-library/dom": "^10.4.0",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/chai": "^5.2.2",
     "@types/chai-as-promised": "^8.0.2",
     "@types/chai-dom": "1.11.3",
-    "@types/eslint__js": "^8.42.3",
+    "@types/eslint__js": "^9.14.0",
     "@types/markdown-it": "^14.1.2",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
@@ -135,28 +135,27 @@
     "@vitejs/plugin-react": "^4.7.0",
     "@vitest/eslint-plugin": "^1.3.4",
     "acorn": "^8.15.0",
-    "axe-playwright": "^2.1.0",
     "babel-plugin-require-context-hook": "^1.0.0",
     "caniuse-lite": "^1.0.30001726",
     "chai": "^5.2.1",
     "chai-as-promised": "^8.0.1",
     "chai-dom": "^1.12.1",
-    "cheerio": "^1.1.0",
+    "cheerio": "^1.1.2",
     "chromatic": "^13.1.2",
     "core-js": "^3.44.0",
     "cpy-cli": "^5.0.0",
-    "dotenv-cli": "^8.0.0",
-    "eslint": "^9.31.0",
-    "eslint-config-prettier": "^10.1.5",
+    "dotenv-cli": "^10.0.0",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-formatter-jslint-xml": "^8.40.0",
     "eslint-import-resolver-exports": "^1.0.0-beta.5",
     "eslint-import-resolver-webpack": "^0.13.10",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.5.1",
+    "eslint-plugin-prettier": "^5.5.3",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^9.0.17",
+    "eslint-plugin-storybook": "^9.0.18",
     "events": "^3.3.0",
     "glob": "^11.0.3",
     "globals": "^16.3.0",
@@ -164,8 +163,8 @@
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "~30.0.4",
-    "jest-environment-jsdom": "^30.0.4",
+    "jest": "~30.0.5",
+    "jest-environment-jsdom": "^30.0.5",
     "jest-teamcity": "^1.12.0",
     "lint-staged": "^16.1.2",
     "markdown-it": "^14.1.0",
@@ -177,20 +176,20 @@
     "react-dom": "^19.1.0",
     "regenerator-runtime": "^0.14.1",
     "rimraf": "^6.0.1",
-    "rollup": "^4.45.1",
+    "rollup": "^4.46.2",
     "rollup-plugin-clear": "^2.0.7",
     "storage-mock": "^2.1.0",
-    "storybook": "9.0.17",
-    "stylelint": "^16.21.1",
+    "storybook": "9.0.18",
+    "stylelint": "^16.23.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.3.14",
     "typescript": "~5.8.3",
-    "typescript-eslint": "^8.37.0",
+    "typescript-eslint": "^8.38.0",
     "vitest": "^3.2.4",
     "vitest-teamcity-reporter": "^0.3.1",
     "wallaby-webpack": "^3.9.16",
-    "webpack": "^5.100.2",
+    "webpack": "^5.101.0",
     "webpack-cli": "^6.0.1",
     "xmlappend": "^1.0.4"
   },

package/components/confirm/confirm.css

@@ -1,7 +0,0 @@
-@import "../global/variables.css";
-
-.description {
-  margin-top: var(--ring-unit);
-
-  font-size: var(--ring-font-size);
-}