@jetbrains/ring-ui 7.0.12 → 7.0.13

package/components/button/button.css

@@ -6,8 +6,14 @@
   --ring-button-focus-border-color: var(--ring-border-hover-color);
   --ring-button-shadow: inset 0 0 0 1px;
   --ring-button-loader-width: calc(var(--ring-unit) * 8);
+  --ring-button-flat-disabled-color: var(--ring-white-text-color);
 }
 
+:global(.ring-ui-theme-dark) {
+  --ring-button-flat-disabled-color: var(--ring-icon-color);
+}
+
+
 .heightS {
   --ring-button-height: calc(var(--ring-unit) * 3);
   --ring-button-padding-block: calc(var(--ring-unit) * 0.5);
@@ -149,6 +155,40 @@
   }
 }
 
+.danger {
+  --ring-button-focus-border-color: var(--ring-button-danger-hover-color);
+
+  color: var(--ring-error-color);
+
+  &:active,
+  &.active {
+    --ring-button-background-color: var(--ring-button-danger-active-color);
+  }
+
+  &:active,
+  &.active,
+  &:hover {
+    --ring-button-border-color: var(--ring-button-danger-hover-color);
+  }
+}
+
+.disabled {
+  cursor: auto;
+
+  &,
+  &:hover,
+  &:active {
+    --ring-button-background-color: var(--ring-disabled-background-color);
+    --ring-button-border-color: var(--ring-border-disabled-color);
+
+    color: var(--ring-disabled-color);
+
+    & .icon {
+      color: var(--ring-icon-disabled-color);
+    }
+  }
+}
+
 .primaryBlock {
   --ring-button-background-color: var(--ring-main-color);
   --ring-button-border-color: transparent;
@@ -172,8 +212,14 @@
   }
 
   &.disabled {
-    --ring-button-background-color: var(--ring-disabled-background-color);
-    --ring-button-border-color: var(--ring-border-disabled-color);
+    --ring-button-background-color: var(--ring-border-disabled-active-color);
+    --ring-button-border-color: transparent;
+
+    color: var(--ring-button-flat-disabled-color);
+
+    & .icon {
+      color: var(--ring-button-flat-disabled-color);
+    }
   }
 
   &.loader {
@@ -187,52 +233,19 @@
     left: 0;
 
     border-radius: var(--ring-border-radius);
+    background-color: var(--ring-main-color);
 
     &::before {
       background-image: linear-gradient(
         to right,
-        var(--ring-main-color),
+        transparent,
         var(--ring-button-loader-background) 40%,
-        var(--ring-main-color) 80%
+        transparent 80%
       );
     }
   }
 }
 
-.danger {
-  --ring-button-focus-border-color: var(--ring-button-danger-hover-color);
-
-  color: var(--ring-error-color);
-
-  &:active,
-  &.active {
-    --ring-button-background-color: var(--ring-button-danger-active-color);
-  }
-
-  &:active,
-  &.active,
-  &:hover {
-    --ring-button-border-color: var(--ring-button-danger-hover-color);
-  }
-}
-
-.disabled {
-  cursor: auto;
-
-  &,
-  &:hover,
-  &:active {
-    --ring-button-background-color: var(--ring-disabled-background-color);
-    --ring-button-border-color: var(--ring-border-disabled-color);
-
-    color: var(--ring-disabled-color);
-
-    & .icon {
-      color: var(--ring-icon-disabled-color);
-    }
-  }
-}
-
 .active {
   &.block {
     --ring-button-background-color: var(--ring-hover-background-color);

package/components/global/variables.css

@@ -51,8 +51,8 @@
   --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #6C707E */
   --ring-button-danger-hover-components: var(--ring-icon-error-color);
   --ring-button-danger-hover-color: var(--ring-icon-error-color);
-  --ring-button-primary-border-components: 49, 95, 189;
-  --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #315FBD */
+  --ring-button-primary-border-components: 46, 85, 163;
+  --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #2E55A3 */
   --ring-dialog-overlay-components: 0, 0, 0;
   --ring-dialog-overlay-opacity: 0.4;
   --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);
@@ -115,8 +115,7 @@
   --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-loader-background-components: 70, 130, 250;
-  --ring-button-loader-background: rgb(var(--ring-button-loader-background-components)); /* #4682FA */
+  --ring-button-loader-background: rgba(var(--ring-white-text-components), 0.4);
   --ring-button-primary-background-components: 53, 116, 240;
   --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */
   --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #FFFFFF50 */

package/components/global/variables_dark.css

@@ -41,8 +41,8 @@
   --ring-pinned-shadow-components: 0, 0, 0;
   --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #000 */
   --ring-button-danger-hover-color: var(--ring-error-color);
-  --ring-button-primary-border-components: 53, 116, 240;
-  --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #3574F0 */
+  --ring-button-primary-border-components: 153, 187, 255;
+  --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #99BBFF */
   --ring-dialog-overlay-components: 0, 0, 0;
   --ring-dialog-overlay-opacity: 0.7;
   --ring-popup-shadow: 0 2px 8px var(--ring-popup-shadow-color), 0 1px 2px var(--ring-popup-secondary-shadow-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.12",
+  "version": "7.0.13",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -94,18 +94,18 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-replace": "^6.0.1",
-    "@storybook/addon-a11y": "8.4.5",
-    "@storybook/addon-docs": "8.4.5",
-    "@storybook/addon-essentials": "8.4.5",
-    "@storybook/addon-themes": "^8.4.5",
-    "@storybook/components": "8.4.5",
-    "@storybook/csf": "^0.1.11",
-    "@storybook/manager-api": "8.4.5",
-    "@storybook/preview-api": "8.4.5",
-    "@storybook/react": "8.4.5",
-    "@storybook/react-webpack5": "8.4.5",
-    "@storybook/test-runner": "^0.20.0",
-    "@storybook/theming": "8.4.5",
+    "@storybook/addon-a11y": "8.4.7",
+    "@storybook/addon-docs": "8.4.7",
+    "@storybook/addon-essentials": "8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/components": "8.4.7",
+    "@storybook/csf": "^0.1.12",
+    "@storybook/manager-api": "8.4.7",
+    "@storybook/preview-api": "8.4.7",
+    "@storybook/react": "8.4.7",
+    "@storybook/react-webpack5": "8.4.7",
+    "@storybook/test-runner": "^0.20.1",
+    "@storybook/theming": "8.4.7",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -136,7 +136,7 @@
     "core-js": "^3.39.0",
     "cpy-cli": "^5.0.0",
     "enzyme": "^3.11.0",
-    "eslint": "^9.15.0",
+    "eslint": "^9.16.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-formatter-jslint-xml": "^8.40.0",
     "eslint-import-resolver-webpack": "^0.13.9",
@@ -160,26 +160,26 @@
     "markdown-it": "^14.1.0",
     "merge-options": "^3.0.4",
     "pinst": "^3.0.0",
-    "prettier": "^3.4.1",
+    "prettier": "^3.4.2",
     "raw-loader": "^4.0.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-test-renderer": "^18.3.1",
     "regenerator-runtime": "^0.14.1",
     "rimraf": "^6.0.1",
-    "rollup": "^4.27.4",
+    "rollup": "^4.28.0",
     "rollup-plugin-clear": "^2.0.7",
     "sinon": "^19.0.2",
     "sinon-chai": "^4.0.0",
     "storage-mock": "^2.1.0",
-    "storybook": "8.4.5",
+    "storybook": "8.4.7",
     "stylelint": "^16.11.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.3.10",
     "typescript": "~5.7.2",
-    "typescript-eslint": "^8.16.0",
-    "vitest": "^2.1.6",
+    "typescript-eslint": "^8.17.0",
+    "vitest": "^2.1.8",
     "vitest-teamcity-reporter": "^0.3.1",
     "wallaby-webpack": "^3.9.16",
     "webpack": "^5.97.1",