@jetbrains/ring-ui 6.0.23 → 6.0.25

package/components/popup/popup.js

@@ -31,7 +31,7 @@ const isPossibleClientSideNavigation = (event) => {
         !event.metaKey && // Not open in new tab by user
         !event.ctrlKey && // Not open in new tab by user
         !event.shiftKey && // Not open in new window by user
-        event.defaultPrevented;
+        !event.defaultPrevented;
 };
 const stop = (event) => {
     if (!isPossibleClientSideNavigation(event)) {

package/components/radio/radio.css

@@ -40,7 +40,7 @@
 
   &::after {
     position: absolute;
-    top: 3px;
+    top: 50%;
     left: 3px;
 
     width: var(--ring-unit);
@@ -50,7 +50,7 @@
 
     transition: opacity var(--ring-fast-ease), transform var(--ring-fast-ease);
 
-    transform: scale(0);
+    transform: scale(0) translateY(-50%);
 
     opacity: 0;
 
@@ -84,7 +84,7 @@
     &::after {
       transition: none;
 
-      transform: scale(1);
+      transform: scale(1) translateY(-50%);
 
       opacity: 1;
     }

package/components/toggle/toggle.css

@@ -72,7 +72,7 @@
 
   &::before {
     position: absolute;
-    top: calc(padding - 1px);
+    top: 50%;
     left: -1px;
 
     box-sizing: border-box;
@@ -84,7 +84,7 @@
 
     transition: transform timing-function duration;
 
-    transform: translateX(padding);
+    transform: translateX(padding) translateY(-50%);
 
     border: solid 1px var(--ring-switch-border-color);
 
@@ -122,7 +122,7 @@
 
   /* stylelint-disable-next-line selector-max-specificity */
   & .input:checked + ::before {
-    transform: translateX(calc(var(--ring-unit) * 1.5 - padding));
+    transform: translateX(calc(var(--ring-unit) * 1.5 - padding)) translateY(-50%);
   }
 }
 
@@ -147,7 +147,7 @@
 
   /* stylelint-disable-next-line selector-max-specificity */
   & .input:checked + ::before {
-    transform: translateX(12px);
+    transform: translateX(12px) translateY(-50%);
   }
 }
 
@@ -172,7 +172,7 @@
 
   /* stylelint-disable-next-line selector-max-specificity */
   & .input:checked + ::before {
-    transform: translateX(calc(var(--ring-unit) * 2 - padding));
+    transform: translateX(calc(var(--ring-unit) * 2 - padding)) translateY(-50%);
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "6.0.23",
+  "version": "6.0.25",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -88,26 +88,26 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^5.0.5",
-    "@storybook/addon-a11y": "8.0.9",
-    "@storybook/addon-docs": "8.0.9",
-    "@storybook/addon-essentials": "8.0.9",
-    "@storybook/addon-storysource": "8.0.9",
-    "@storybook/components": "8.0.9",
-    "@storybook/manager-api": "8.0.9",
-    "@storybook/preview-api": "8.0.9",
-    "@storybook/react": "8.0.9",
-    "@storybook/react-webpack5": "8.0.9",
-    "@storybook/source-loader": "8.0.9",
+    "@storybook/addon-a11y": "8.0.10",
+    "@storybook/addon-docs": "8.0.10",
+    "@storybook/addon-essentials": "8.0.10",
+    "@storybook/addon-storysource": "8.0.10",
+    "@storybook/components": "8.0.10",
+    "@storybook/manager-api": "8.0.10",
+    "@storybook/preview-api": "8.0.10",
+    "@storybook/react": "8.0.10",
+    "@storybook/react-webpack5": "8.0.10",
+    "@storybook/source-loader": "8.0.10",
     "@storybook/test-runner": "^0.17.0",
-    "@storybook/theming": "8.0.9",
-    "@testing-library/react": "^15.0.4",
+    "@storybook/theming": "8.0.10",
+    "@testing-library/react": "^15.0.6",
     "@testing-library/user-event": "^14.5.2",
-    "@types/chai": "^4.3.14",
+    "@types/chai": "^4.3.16",
     "@types/chai-as-promised": "^7.1.8",
     "@types/chai-dom": "0.0.10",
     "@types/chai-enzyme": "^0.6.13",
     "@types/enzyme": "^3.10.18",
-    "@types/markdown-it": "^14.0.1",
+    "@types/markdown-it": "^14.1.1",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
     "@types/sinon": "^17.0.3",
@@ -118,7 +118,7 @@
     "acorn": "^8.11.3",
     "axe-playwright": "^2.0.1",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "caniuse-lite": "^1.0.30001612",
+    "caniuse-lite": "^1.0.30001616",
     "chai": "^5.1.0",
     "chai-as-promised": "^7.1.1",
     "chai-dom": "^1.10.0",
@@ -156,7 +156,7 @@
     "mocha": "^10.4.0",
     "pinst": "^3.0.0",
     "prettier": "^3.2.5",
-    "puppeteer": "^22.7.1",
+    "puppeteer": "^22.8.0",
     "raw-loader": "^4.0.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -169,9 +169,9 @@
     "sinon": "^17.0.1",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
-    "storybook": "8.0.9",
+    "storybook": "8.0.10",
     "storybook-addon-themes": "^6.1.0",
-    "stylelint": "^16.4.0",
+    "stylelint": "^16.5.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.3.10",
@@ -239,7 +239,7 @@
     "postcss-font-family-system-ui": "^5.0.0",
     "postcss-loader": "^8.1.1",
     "postcss-modules-values-replace": "^4.2.0",
-    "postcss-preset-env": "^9.5.9",
+    "postcss-preset-env": "^9.5.11",
     "prop-types": "^15.8.1",
     "react-movable": "^3.2.0",
     "react-virtualized": "^9.22.5",