diff --git a/docs/styles.md b/docs/styles.md index cfba2921..ea155a41 100644 --- a/docs/styles.md +++ b/docs/styles.md @@ -58,16 +58,16 @@ This will adjust the `--df-row-width` and `--df-row-max-width` variables for the Below is a list of common CSS variables that you can use to adjust various aspects of the components: -| Variable | Default Value | Description | -| :------------------------------------- | :------------ | :--------------------------------------------------------------------- | -| `--df-spacing-inputs` | `15px` | Spacing between inputs (TODO: consider using `--g-spacing`) | -| `--df-spacing-last-child` | `0px` | Spacing for the last values in inputs | -| `--df-spacing-inputs-section` | `20px` | Spacing between sections and inputs | -| `--df-tooltip-container-max-width` | `100%` | Maximum width of the tooltip container | -| `--df-tooltip-container-margin-bottom` | `6px` | Bottom margin of the tooltip container | -| `--df-remove-button-margin-left` | `5px` | Left margin for the remove button (TODO: consider using `--g-spacing`) | -| `--df-spacing-view` | `20px` | Spacing in the view component | -| `--df-checkbox-height` | `28px` | Height of the checkbox | +| Variable | Default Value | Description | +| :-------------------------------- | :------------ | :--------------------------------------------------------------------- | +| `--df-spacing-inputs` | `15px` | Spacing between inputs (TODO: consider using `--g-spacing`) | +| `--df-spacing-last-child` | `0px` | Spacing for the last values in inputs | +| `--df-spacing-inputs-section` | `20px` | Spacing between sections and inputs | +| `--df-popover-item-max-width` | `100%` | Maximum width of the popover item | +| `--df-popover-item-margin-bottom` | `6px` | Bottom margin of the popover item | +| `--df-remove-button-margin-left` | `5px` | Left margin for the remove button (TODO: consider using `--g-spacing`) | +| `--df-spacing-view` | `20px` | Spacing in the view component | +| `--df-checkbox-height` | `28px` | Height of the checkbox | --- @@ -203,6 +203,7 @@ Variables for the Checkbox Group component: | `--df-checkbox-group-child-margin-right` | `6px` | Right margin for child checkbox elements | | `--df-checkbox-group-vertical-margin-top` | `8px` | Top margin in vertical layout | | `--df-checkbox-group-vertical-child-margin` | `0px 0px 6px` | Margin for child elements in vertical view (top, right, bottom, left) | +| `--df-checkbox-margint-start` | `5px` | Indent from text to checkbox | --- diff --git a/package-lock.json b/package-lock.json index c7838ea6..d072c4a4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,11 +10,10 @@ "license": "MIT", "dependencies": { "@bem-react/classname": "^1.6.0", - "@gravity-ui/components": "^3.0.0", - "@gravity-ui/date-components": "^2.10.3", + "@gravity-ui/date-components": "^3.0.0", "@gravity-ui/date-utils": "^2.5.5", "@gravity-ui/i18n": "^1.2.0", - "@gravity-ui/icons": "^2.8.1", + "@gravity-ui/icons": "^2.12.0", "lodash": "^4.17.20" }, "devDependencies": { @@ -26,7 +25,7 @@ "@gravity-ui/prettier-config": "^1.1.0", "@gravity-ui/stylelint-config": "^4.0.1", "@gravity-ui/tsconfig": "^1.0.0", - "@gravity-ui/uikit": "^6.0.0", + "@gravity-ui/uikit": "^7.1.0", "@playwright/experimental-ct-react": "^1.40.0", "@playwright/test": "^1.40.0", "@storybook/addon-essentials": "^7.0.27", @@ -80,7 +79,7 @@ "uuid": "^9.0.1" }, "peerDependencies": { - "@gravity-ui/uikit": "^6.0.0", + "@gravity-ui/uikit": "^7.0.0", "final-form": "^4.20.2", "react": "^16.0.0 || ^17.0.0 || ^18.0.0", "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0", @@ -3642,28 +3641,63 @@ "integrity": "sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==", "dev": true }, - "node_modules/@gravity-ui/components": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/@gravity-ui/components/-/components-3.0.0.tgz", - "integrity": "sha512-wl7mVXwpNxL5d0Yz0de3WgyQCSFZuZjuRHc+9jtUNSt/J/HWAkKkKAEUUEq+A5IVl5YgWUBkQopGgwKs38NRAg==", + "node_modules/@floating-ui/core": { + "version": "1.6.9", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz", + "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==", + "dev": true, "dependencies": { - "@bem-react/classname": "^1.6.0", - "@gravity-ui/i18n": "^1.2.0", - "@gravity-ui/icons": "^2.8.1", - "lodash": "^4.17.21", - "resize-observer-polyfill": "^1.5.1", - "universal-cookie": "^6.1.3" + "@floating-ui/utils": "^0.2.9" + } + }, + "node_modules/@floating-ui/dom": { + "version": "1.6.13", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz", + "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==", + "dev": true, + "dependencies": { + "@floating-ui/core": "^1.6.0", + "@floating-ui/utils": "^0.2.9" + } + }, + "node_modules/@floating-ui/react": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.27.3.tgz", + "integrity": "sha512-CLHnes3ixIFFKVQDdICjel8muhFLOBdQH7fgtHNPY8UbCNqbeKZ262G7K66lGQOUQWWnYocf7ZbUsLJgGfsLHg==", + "dev": true, + "dependencies": { + "@floating-ui/react-dom": "^2.1.2", + "@floating-ui/utils": "^0.2.9", + "tabbable": "^6.0.0" }, "peerDependencies": { - "@gravity-ui/uikit": "^6.0.0", - "react": "^16.0.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0" + "react": ">=17.0.0", + "react-dom": ">=17.0.0" + } + }, + "node_modules/@floating-ui/react-dom": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz", + "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==", + "dev": true, + "dependencies": { + "@floating-ui/dom": "^1.0.0" + }, + "peerDependencies": { + "react": ">=16.8.0", + "react-dom": ">=16.8.0" } }, + "node_modules/@floating-ui/utils": { + "version": "0.2.9", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz", + "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==", + "dev": true + }, "node_modules/@gravity-ui/date-components": { - "version": "2.10.3", - "resolved": "https://registry.npmjs.org/@gravity-ui/date-components/-/date-components-2.10.3.tgz", - "integrity": "sha512-hGcXSnDIKA1YDr/6k/xGXJJv/AcA2xi5jFB1nYWakz5umvB11/yqudfSBndFfDbfBINtREPjlYzTIzGqz5TEbg==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@gravity-ui/date-components/-/date-components-3.0.0.tgz", + "integrity": "sha512-7QnQRv9ZKYNVoXSDT7lFfg2ZZhWw5YsEXW53ndFS/pme3RSmno/1UuCKWal2a3PqcPuxAMah7NXTZepNFTHxVA==", "dependencies": { "@bem-react/classname": "^1.6.0", "@gravity-ui/date-utils": "^2.5.3", @@ -3671,7 +3705,7 @@ "tslib": "^2.6.2" }, "peerDependencies": { - "@gravity-ui/uikit": "^6.0.0", + "@gravity-ui/uikit": "^7.0.0", "react": ">=17.0.0", "react-dom": ">=17.0.0" } @@ -3716,14 +3750,22 @@ } }, "node_modules/@gravity-ui/i18n": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@gravity-ui/i18n/-/i18n-1.2.0.tgz", - "integrity": "sha512-1FNZmbxeT3arwU2bv1p77u/K7rYoX4pGrXf0SNwg45HbbgI0XV0WapXbWr/GIB7EXdjiOvQ7kzXCfVIFV4ifYw==" + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/@gravity-ui/i18n/-/i18n-1.7.0.tgz", + "integrity": "sha512-jZotOX73lMVARsNZ5L8rquDhyCIcHnX7GwT32m6vrnqy6iKBfBdOuAnAalUbnoVJoasfvYiSyX3kwusetyZgfQ==" }, "node_modules/@gravity-ui/icons": { - "version": "2.8.1", - "resolved": "https://registry.npmjs.org/@gravity-ui/icons/-/icons-2.8.1.tgz", - "integrity": "sha512-cldaFAN3W2OAzEZBiurD7RsqyqGhS7xoVS9TC4DrOG9bXy8dWUvNEeeOnKgpIvZgAGFlTmg01BK6jMH0IFFSPw==" + "version": "2.12.0", + "resolved": "https://registry.npmjs.org/@gravity-ui/icons/-/icons-2.12.0.tgz", + "integrity": "sha512-rwLOMfNq+uxONCdc4y2agNytMrhVroBdl10bo0C5sHfn7ZLIq8UHzXD9vn2a+QujuLaHnqZJ5PWbpSIuzpnvvg==", + "peerDependencies": { + "react": "*" + }, + "peerDependenciesMeta": { + "react": { + "optional": true + } + } }, "node_modules/@gravity-ui/prettier-config": { "version": "1.1.0", @@ -3785,30 +3827,29 @@ "dev": true }, "node_modules/@gravity-ui/uikit": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/@gravity-ui/uikit/-/uikit-6.0.0.tgz", - "integrity": "sha512-16xgkTI646tZoAT5pnw7Ge2Q4e9c8DWYZw0w11X8A9hyuYaNjd0isUxpD4Beywi4ELKeFv3t2IXCn/RTU7/qVw==", + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/@gravity-ui/uikit/-/uikit-7.1.0.tgz", + "integrity": "sha512-5L7CqoQGDR/apEgjso+Me+G5jpmANkcq96AtNw3M0kbH3mdNt4avLi3lP+sJBj6JtOLzb4R+GBwqitORFOcqfw==", "dev": true, "dependencies": { "@bem-react/classname": "^1.6.0", - "@gravity-ui/i18n": "^1.2.0", - "@gravity-ui/icons": "^2.8.1", - "@popperjs/core": "^2.11.8", + "@floating-ui/react": "^0.27.3", + "@gravity-ui/i18n": "^1.7.0", + "@gravity-ui/icons": "^2.12.0", + "@tanstack/react-virtual": "^3.11.2", "blueimp-md5": "^2.19.0", - "focus-trap": "^7.5.4", "lodash": "^4.17.21", + "rc-slider": "^11.1.8", "react-beautiful-dnd": "^13.1.1", - "react-copy-to-clipboard": "^5.1.0", - "react-popper": "^2.3.0", "react-transition-group": "^4.4.5", - "react-virtualized-auto-sizer": "^1.0.21", - "react-window": "^1.8.10", + "react-virtualized-auto-sizer": "^1.0.25", + "react-window": "^1.8.11", "tabbable": "^6.2.0", - "tslib": "^2.6.2" + "tslib": "^2.8.1" }, "peerDependencies": { - "react": "^16.0.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0" + "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "node_modules/@humanwhocodes/config-array": { @@ -4998,16 +5039,6 @@ "node": ">= 8" } }, - "node_modules/@popperjs/core": { - "version": "2.11.8", - "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", - "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", - "dev": true, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/popperjs" - } - }, "node_modules/@sinclair/typebox": { "version": "0.27.8", "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz", @@ -7547,6 +7578,33 @@ "@swc/counter": "^0.1.3" } }, + "node_modules/@tanstack/react-virtual": { + "version": "3.11.2", + "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.11.2.tgz", + "integrity": "sha512-OuFzMXPF4+xZgx8UzJha0AieuMihhhaWG0tCqpp6tDzlFwOmNBPYMuLOtMJ1Tr4pXLHmgjcWhG6RlknY2oNTdQ==", + "dev": true, + "dependencies": { + "@tanstack/virtual-core": "3.11.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, + "node_modules/@tanstack/virtual-core": { + "version": "3.11.2", + "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.11.2.tgz", + "integrity": "sha512-vTtpNt7mKCiZ1pwU9hfKPhpdVO2sVzFQsxoVBGtOSHxlrRRzYr8iQ2TlwbAcRYCcEiZ9ECAM8kBzH0v2+VzfKw==", + "dev": true, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + } + }, "node_modules/@testing-library/dom": { "version": "9.0.1", "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.0.1.tgz", @@ -7900,11 +7958,6 @@ "@types/node": "*" } }, - "node_modules/@types/cookie": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz", - "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==" - }, "node_modules/@types/detect-port": { "version": "1.3.3", "resolved": "https://registry.npmjs.org/@types/detect-port/-/detect-port-1.3.3.tgz", @@ -10939,6 +10992,12 @@ "node": ">=0.10.0" } }, + "node_modules/classnames": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz", + "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==", + "dev": true + }, "node_modules/clean-css": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.2.tgz", @@ -11626,15 +11685,6 @@ "node": ">=0.10.0" } }, - "node_modules/copy-to-clipboard": { - "version": "3.3.3", - "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz", - "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==", - "dev": true, - "dependencies": { - "toggle-selection": "^1.0.6" - } - }, "node_modules/core-js-compat": { "version": "3.29.0", "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.29.0.tgz", @@ -15018,15 +15068,6 @@ "safe-buffer": "~5.1.0" } }, - "node_modules/focus-trap": { - "version": "7.5.4", - "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.4.tgz", - "integrity": "sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==", - "dev": true, - "dependencies": { - "tabbable": "^6.2.0" - } - }, "node_modules/for-each": { "version": "0.3.3", "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", @@ -23856,6 +23897,38 @@ "node": ">= 0.8" } }, + "node_modules/rc-slider": { + "version": "11.1.8", + "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-11.1.8.tgz", + "integrity": "sha512-2gg/72YFSpKP+Ja5AjC5DPL1YnV8DEITDQrcc1eASrUYjl0esptaBVJBh5nLTXCCp15eD8EuGjwezVGSHhs9tQ==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.10.1", + "classnames": "^2.2.5", + "rc-util": "^5.36.0" + }, + "engines": { + "node": ">=8.x" + }, + "peerDependencies": { + "react": ">=16.9.0", + "react-dom": ">=16.9.0" + } + }, + "node_modules/rc-util": { + "version": "5.44.3", + "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.3.tgz", + "integrity": "sha512-q6KCcOFk3rv/zD3MckhJteZxb0VjAIFuf622B7ElK4vfrZdAzs16XR5p3VTdy3+U5jfJU5ACz4QnhLSuAGe5dA==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.18.3", + "react-is": "^18.2.0" + }, + "peerDependencies": { + "react": ">=16.9.0", + "react-dom": ">=16.9.0" + } + }, "node_modules/react": { "version": "18.2.0", "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", @@ -23897,19 +23970,6 @@ "react-dom": ">=16.8.0" } }, - "node_modules/react-copy-to-clipboard": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/react-copy-to-clipboard/-/react-copy-to-clipboard-5.1.0.tgz", - "integrity": "sha512-k61RsNgAayIJNoy9yDsYzDe/yAZAzEbEgcz3DZMhF686LEyukcE1hzurxe85JandPUG+yTfGVFzuEw3xt8WP/A==", - "dev": true, - "dependencies": { - "copy-to-clipboard": "^3.3.1", - "prop-types": "^15.8.1" - }, - "peerDependencies": { - "react": "^15.3.0 || 16 || 17 || 18" - } - }, "node_modules/react-docgen": { "version": "5.4.3", "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-5.4.3.tgz", @@ -24016,12 +24076,6 @@ "integrity": "sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==", "dev": true }, - "node_modules/react-fast-compare": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.1.tgz", - "integrity": "sha512-xTYf9zFim2pEif/Fw16dBiXpe0hoy5PxcD8+OwBnTtNLfIm3g6WxhKNurY+6OmdH1u6Ta/W/Vl6vjbYP1MFnDg==", - "dev": true - }, "node_modules/react-final-form": { "version": "6.5.9", "resolved": "https://registry.npmjs.org/react-final-form/-/react-final-form-6.5.9.tgz", @@ -24068,21 +24122,6 @@ "react": "^17.x" } }, - "node_modules/react-popper": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz", - "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==", - "dev": true, - "dependencies": { - "react-fast-compare": "^3.0.1", - "warning": "^4.0.2" - }, - "peerDependencies": { - "@popperjs/core": "^2.0.0", - "react": "^16.8.0 || ^17 || ^18", - "react-dom": "^16.8.0 || ^17 || ^18" - } - }, "node_modules/react-redux": { "version": "7.2.9", "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz", @@ -24140,19 +24179,19 @@ } }, "node_modules/react-virtualized-auto-sizer": { - "version": "1.0.22", - "resolved": "https://registry.npmjs.org/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.22.tgz", - "integrity": "sha512-2CGT/4rZ6jvVkKqzJGnZlyQxj4rWPKAwZR80vMlmpYToN18xaB0yIODOoBltWZLbSgpHBpIk0Ae1nrVO9hVClA==", + "version": "1.0.25", + "resolved": "https://registry.npmjs.org/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.25.tgz", + "integrity": "sha512-YHsksEGDfsHbHuaBVDYwJmcktblcHGafz4ZVuYPQYuSHMUGjpwmUCrAOcvMSGMwwk1eFWj1M/1GwYpNPuyhaBg==", "dev": true, "peerDependencies": { - "react": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0", - "react-dom": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0" + "react": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "node_modules/react-window": { - "version": "1.8.10", - "resolved": "https://registry.npmjs.org/react-window/-/react-window-1.8.10.tgz", - "integrity": "sha512-Y0Cx+dnU6NLa5/EvoHukUD0BklJ8qITCtVEPY1C/nL8wwoZ0b5aEw8Ff1dOVHw7fCzMt55XfJDd8S8W8LCaUCg==", + "version": "1.8.11", + "resolved": "https://registry.npmjs.org/react-window/-/react-window-1.8.11.tgz", + "integrity": "sha512-+SRbUVT2scadgFSWx+R1P754xHPEqvcfSfVX10QYg6POOz+WNgkN48pS+BtZNIMGiL1HYrSEiCkwsMS15QogEQ==", "dev": true, "dependencies": { "@babel/runtime": "^7.0.0", @@ -24162,8 +24201,8 @@ "node": ">8.0.0" }, "peerDependencies": { - "react": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0" + "react": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "node_modules/read-pkg": { @@ -24653,11 +24692,6 @@ "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", "dev": true }, - "node_modules/resize-observer-polyfill": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz", - "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==" - }, "node_modules/resolve": { "version": "1.22.1", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", @@ -27001,12 +27035,6 @@ "node": ">= 0.10" } }, - "node_modules/toggle-selection": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz", - "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==", - "dev": true - }, "node_modules/toidentifier": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", @@ -27241,9 +27269,9 @@ } }, "node_modules/tslib": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", - "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==" }, "node_modules/type": { "version": "1.2.0", @@ -27573,23 +27601,6 @@ "url": "https://opencollective.com/unified" } }, - "node_modules/universal-cookie": { - "version": "6.1.3", - "resolved": "https://registry.npmjs.org/universal-cookie/-/universal-cookie-6.1.3.tgz", - "integrity": "sha512-AETYRrhpRgl9T1YtnODmQE32G81U3A+f3HO3ZeK7efbXqe3x+RNOW4RTpV0iff7zJWhGYJA6EI0Mm+w50aFTAw==", - "dependencies": { - "@types/cookie": "^0.6.0", - "cookie": "^0.6.0" - } - }, - "node_modules/universal-cookie/node_modules/cookie": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz", - "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==", - "engines": { - "node": ">= 0.6" - } - }, "node_modules/universalify": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz", @@ -28469,15 +28480,6 @@ "makeerror": "1.0.12" } }, - "node_modules/warning": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", - "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", - "dev": true, - "dependencies": { - "loose-envify": "^1.0.0" - } - }, "node_modules/watchpack": { "version": "2.4.0", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", @@ -31497,23 +31499,55 @@ "integrity": "sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==", "dev": true }, - "@gravity-ui/components": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/@gravity-ui/components/-/components-3.0.0.tgz", - "integrity": "sha512-wl7mVXwpNxL5d0Yz0de3WgyQCSFZuZjuRHc+9jtUNSt/J/HWAkKkKAEUUEq+A5IVl5YgWUBkQopGgwKs38NRAg==", + "@floating-ui/core": { + "version": "1.6.9", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz", + "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==", + "dev": true, "requires": { - "@bem-react/classname": "^1.6.0", - "@gravity-ui/i18n": "^1.2.0", - "@gravity-ui/icons": "^2.8.1", - "lodash": "^4.17.21", - "resize-observer-polyfill": "^1.5.1", - "universal-cookie": "^6.1.3" + "@floating-ui/utils": "^0.2.9" } }, + "@floating-ui/dom": { + "version": "1.6.13", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz", + "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==", + "dev": true, + "requires": { + "@floating-ui/core": "^1.6.0", + "@floating-ui/utils": "^0.2.9" + } + }, + "@floating-ui/react": { + "version": "0.27.3", + "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.27.3.tgz", + "integrity": "sha512-CLHnes3ixIFFKVQDdICjel8muhFLOBdQH7fgtHNPY8UbCNqbeKZ262G7K66lGQOUQWWnYocf7ZbUsLJgGfsLHg==", + "dev": true, + "requires": { + "@floating-ui/react-dom": "^2.1.2", + "@floating-ui/utils": "^0.2.9", + "tabbable": "^6.0.0" + } + }, + "@floating-ui/react-dom": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz", + "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==", + "dev": true, + "requires": { + "@floating-ui/dom": "^1.0.0" + } + }, + "@floating-ui/utils": { + "version": "0.2.9", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz", + "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==", + "dev": true + }, "@gravity-ui/date-components": { - "version": "2.10.3", - "resolved": "https://registry.npmjs.org/@gravity-ui/date-components/-/date-components-2.10.3.tgz", - "integrity": "sha512-hGcXSnDIKA1YDr/6k/xGXJJv/AcA2xi5jFB1nYWakz5umvB11/yqudfSBndFfDbfBINtREPjlYzTIzGqz5TEbg==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@gravity-ui/date-components/-/date-components-3.0.0.tgz", + "integrity": "sha512-7QnQRv9ZKYNVoXSDT7lFfg2ZZhWw5YsEXW53ndFS/pme3RSmno/1UuCKWal2a3PqcPuxAMah7NXTZepNFTHxVA==", "requires": { "@bem-react/classname": "^1.6.0", "@gravity-ui/date-utils": "^2.5.3", @@ -31552,14 +31586,14 @@ } }, "@gravity-ui/i18n": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@gravity-ui/i18n/-/i18n-1.2.0.tgz", - "integrity": "sha512-1FNZmbxeT3arwU2bv1p77u/K7rYoX4pGrXf0SNwg45HbbgI0XV0WapXbWr/GIB7EXdjiOvQ7kzXCfVIFV4ifYw==" + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/@gravity-ui/i18n/-/i18n-1.7.0.tgz", + "integrity": "sha512-jZotOX73lMVARsNZ5L8rquDhyCIcHnX7GwT32m6vrnqy6iKBfBdOuAnAalUbnoVJoasfvYiSyX3kwusetyZgfQ==" }, "@gravity-ui/icons": { - "version": "2.8.1", - "resolved": "https://registry.npmjs.org/@gravity-ui/icons/-/icons-2.8.1.tgz", - "integrity": "sha512-cldaFAN3W2OAzEZBiurD7RsqyqGhS7xoVS9TC4DrOG9bXy8dWUvNEeeOnKgpIvZgAGFlTmg01BK6jMH0IFFSPw==" + "version": "2.12.0", + "resolved": "https://registry.npmjs.org/@gravity-ui/icons/-/icons-2.12.0.tgz", + "integrity": "sha512-rwLOMfNq+uxONCdc4y2agNytMrhVroBdl10bo0C5sHfn7ZLIq8UHzXD9vn2a+QujuLaHnqZJ5PWbpSIuzpnvvg==" }, "@gravity-ui/prettier-config": { "version": "1.1.0", @@ -31607,26 +31641,25 @@ "dev": true }, "@gravity-ui/uikit": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/@gravity-ui/uikit/-/uikit-6.0.0.tgz", - "integrity": "sha512-16xgkTI646tZoAT5pnw7Ge2Q4e9c8DWYZw0w11X8A9hyuYaNjd0isUxpD4Beywi4ELKeFv3t2IXCn/RTU7/qVw==", + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/@gravity-ui/uikit/-/uikit-7.1.0.tgz", + "integrity": "sha512-5L7CqoQGDR/apEgjso+Me+G5jpmANkcq96AtNw3M0kbH3mdNt4avLi3lP+sJBj6JtOLzb4R+GBwqitORFOcqfw==", "dev": true, "requires": { "@bem-react/classname": "^1.6.0", - "@gravity-ui/i18n": "^1.2.0", - "@gravity-ui/icons": "^2.8.1", - "@popperjs/core": "^2.11.8", + "@floating-ui/react": "^0.27.3", + "@gravity-ui/i18n": "^1.7.0", + "@gravity-ui/icons": "^2.12.0", + "@tanstack/react-virtual": "^3.11.2", "blueimp-md5": "^2.19.0", - "focus-trap": "^7.5.4", "lodash": "^4.17.21", + "rc-slider": "^11.1.8", "react-beautiful-dnd": "^13.1.1", - "react-copy-to-clipboard": "^5.1.0", - "react-popper": "^2.3.0", "react-transition-group": "^4.4.5", - "react-virtualized-auto-sizer": "^1.0.21", - "react-window": "^1.8.10", + "react-virtualized-auto-sizer": "^1.0.25", + "react-window": "^1.8.11", "tabbable": "^6.2.0", - "tslib": "^2.6.2" + "tslib": "^2.8.1" } }, "@humanwhocodes/config-array": { @@ -32485,12 +32518,6 @@ } } }, - "@popperjs/core": { - "version": "2.11.8", - "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", - "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", - "dev": true - }, "@sinclair/typebox": { "version": "0.27.8", "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz", @@ -34233,6 +34260,21 @@ "@swc/counter": "^0.1.3" } }, + "@tanstack/react-virtual": { + "version": "3.11.2", + "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.11.2.tgz", + "integrity": "sha512-OuFzMXPF4+xZgx8UzJha0AieuMihhhaWG0tCqpp6tDzlFwOmNBPYMuLOtMJ1Tr4pXLHmgjcWhG6RlknY2oNTdQ==", + "dev": true, + "requires": { + "@tanstack/virtual-core": "3.11.2" + } + }, + "@tanstack/virtual-core": { + "version": "3.11.2", + "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.11.2.tgz", + "integrity": "sha512-vTtpNt7mKCiZ1pwU9hfKPhpdVO2sVzFQsxoVBGtOSHxlrRRzYr8iQ2TlwbAcRYCcEiZ9ECAM8kBzH0v2+VzfKw==", + "dev": true + }, "@testing-library/dom": { "version": "9.0.1", "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.0.1.tgz", @@ -34516,11 +34558,6 @@ "@types/node": "*" } }, - "@types/cookie": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz", - "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==" - }, "@types/detect-port": { "version": "1.3.3", "resolved": "https://registry.npmjs.org/@types/detect-port/-/detect-port-1.3.3.tgz", @@ -36844,6 +36881,12 @@ } } }, + "classnames": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz", + "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==", + "dev": true + }, "clean-css": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.2.tgz", @@ -37405,15 +37448,6 @@ } } }, - "copy-to-clipboard": { - "version": "3.3.3", - "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz", - "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==", - "dev": true, - "requires": { - "toggle-selection": "^1.0.6" - } - }, "core-js-compat": { "version": "3.29.0", "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.29.0.tgz", @@ -40076,15 +40110,6 @@ } } }, - "focus-trap": { - "version": "7.5.4", - "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.4.tgz", - "integrity": "sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==", - "dev": true, - "requires": { - "tabbable": "^6.2.0" - } - }, "for-each": { "version": "0.3.3", "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", @@ -46692,6 +46717,27 @@ } } }, + "rc-slider": { + "version": "11.1.8", + "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-11.1.8.tgz", + "integrity": "sha512-2gg/72YFSpKP+Ja5AjC5DPL1YnV8DEITDQrcc1eASrUYjl0esptaBVJBh5nLTXCCp15eD8EuGjwezVGSHhs9tQ==", + "dev": true, + "requires": { + "@babel/runtime": "^7.10.1", + "classnames": "^2.2.5", + "rc-util": "^5.36.0" + } + }, + "rc-util": { + "version": "5.44.3", + "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.3.tgz", + "integrity": "sha512-q6KCcOFk3rv/zD3MckhJteZxb0VjAIFuf622B7ElK4vfrZdAzs16XR5p3VTdy3+U5jfJU5ACz4QnhLSuAGe5dA==", + "dev": true, + "requires": { + "@babel/runtime": "^7.18.3", + "react-is": "^18.2.0" + } + }, "react": { "version": "18.2.0", "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", @@ -46722,16 +46768,6 @@ "integrity": "sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==", "dev": true }, - "react-copy-to-clipboard": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/react-copy-to-clipboard/-/react-copy-to-clipboard-5.1.0.tgz", - "integrity": "sha512-k61RsNgAayIJNoy9yDsYzDe/yAZAzEbEgcz3DZMhF686LEyukcE1hzurxe85JandPUG+yTfGVFzuEw3xt8WP/A==", - "dev": true, - "requires": { - "copy-to-clipboard": "^3.3.1", - "prop-types": "^15.8.1" - } - }, "react-docgen": { "version": "5.4.3", "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-5.4.3.tgz", @@ -46817,12 +46853,6 @@ } } }, - "react-fast-compare": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.1.tgz", - "integrity": "sha512-xTYf9zFim2pEif/Fw16dBiXpe0hoy5PxcD8+OwBnTtNLfIm3g6WxhKNurY+6OmdH1u6Ta/W/Vl6vjbYP1MFnDg==", - "dev": true - }, "react-final-form": { "version": "6.5.9", "resolved": "https://registry.npmjs.org/react-final-form/-/react-final-form-6.5.9.tgz", @@ -46853,16 +46883,6 @@ "prop-types": "^15.7.2" } }, - "react-popper": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz", - "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==", - "dev": true, - "requires": { - "react-fast-compare": "^3.0.1", - "warning": "^4.0.2" - } - }, "react-redux": { "version": "7.2.9", "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz", @@ -46904,15 +46924,15 @@ } }, "react-virtualized-auto-sizer": { - "version": "1.0.22", - "resolved": "https://registry.npmjs.org/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.22.tgz", - "integrity": "sha512-2CGT/4rZ6jvVkKqzJGnZlyQxj4rWPKAwZR80vMlmpYToN18xaB0yIODOoBltWZLbSgpHBpIk0Ae1nrVO9hVClA==", + "version": "1.0.25", + "resolved": "https://registry.npmjs.org/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.25.tgz", + "integrity": "sha512-YHsksEGDfsHbHuaBVDYwJmcktblcHGafz4ZVuYPQYuSHMUGjpwmUCrAOcvMSGMwwk1eFWj1M/1GwYpNPuyhaBg==", "dev": true }, "react-window": { - "version": "1.8.10", - "resolved": "https://registry.npmjs.org/react-window/-/react-window-1.8.10.tgz", - "integrity": "sha512-Y0Cx+dnU6NLa5/EvoHukUD0BklJ8qITCtVEPY1C/nL8wwoZ0b5aEw8Ff1dOVHw7fCzMt55XfJDd8S8W8LCaUCg==", + "version": "1.8.11", + "resolved": "https://registry.npmjs.org/react-window/-/react-window-1.8.11.tgz", + "integrity": "sha512-+SRbUVT2scadgFSWx+R1P754xHPEqvcfSfVX10QYg6POOz+WNgkN48pS+BtZNIMGiL1HYrSEiCkwsMS15QogEQ==", "dev": true, "requires": { "@babel/runtime": "^7.0.0", @@ -47306,11 +47326,6 @@ "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", "dev": true }, - "resize-observer-polyfill": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz", - "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==" - }, "resolve": { "version": "1.22.1", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", @@ -49094,12 +49109,6 @@ "through2": "^2.0.3" } }, - "toggle-selection": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz", - "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==", - "dev": true - }, "toidentifier": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", @@ -49251,9 +49260,9 @@ } }, "tslib": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", - "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==" }, "type": { "version": "1.2.0", @@ -49500,22 +49509,6 @@ "unist-util-is": "^4.0.0" } }, - "universal-cookie": { - "version": "6.1.3", - "resolved": "https://registry.npmjs.org/universal-cookie/-/universal-cookie-6.1.3.tgz", - "integrity": "sha512-AETYRrhpRgl9T1YtnODmQE32G81U3A+f3HO3ZeK7efbXqe3x+RNOW4RTpV0iff7zJWhGYJA6EI0Mm+w50aFTAw==", - "requires": { - "@types/cookie": "^0.6.0", - "cookie": "^0.6.0" - }, - "dependencies": { - "cookie": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz", - "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==" - } - } - }, "universalify": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz", @@ -50061,15 +50054,6 @@ "makeerror": "1.0.12" } }, - "warning": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", - "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", - "dev": true, - "requires": { - "loose-envify": "^1.0.0" - } - }, "watchpack": { "version": "2.4.0", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", diff --git a/package.json b/package.json index 96576628..f8c33398 100644 --- a/package.json +++ b/package.json @@ -45,11 +45,10 @@ }, "dependencies": { "@bem-react/classname": "^1.6.0", - "@gravity-ui/components": "^3.0.0", - "@gravity-ui/date-components": "^2.10.3", + "@gravity-ui/date-components": "^3.0.0", "@gravity-ui/date-utils": "^2.5.5", "@gravity-ui/i18n": "^1.2.0", - "@gravity-ui/icons": "^2.8.1", + "@gravity-ui/icons": "^2.12.0", "lodash": "^4.17.20" }, "devDependencies": { @@ -61,7 +60,7 @@ "@gravity-ui/prettier-config": "^1.1.0", "@gravity-ui/stylelint-config": "^4.0.1", "@gravity-ui/tsconfig": "^1.0.0", - "@gravity-ui/uikit": "^6.0.0", + "@gravity-ui/uikit": "^7.1.0", "@playwright/experimental-ct-react": "^1.40.0", "@playwright/test": "^1.40.0", "@storybook/addon-essentials": "^7.0.27", @@ -115,7 +114,7 @@ "uuid": "^9.0.1" }, "peerDependencies": { - "@gravity-ui/uikit": "^6.0.0", + "@gravity-ui/uikit": "^7.0.0", "final-form": "^4.20.2", "react": "^16.0.0 || ^17.0.0 || ^18.0.0", "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0", diff --git a/playwright/playwright/index.tsx b/playwright/playwright/index.tsx index df8bf9df..ec55afd1 100644 --- a/playwright/playwright/index.tsx +++ b/playwright/playwright/index.tsx @@ -1,15 +1,23 @@ import React from 'react'; import {beforeMount} from '@playwright/experimental-ct-react/hooks'; -import {MobileProvider, ThemeProvider, ToasterComponent, ToasterProvider} from '@gravity-ui/uikit'; +import { + MobileProvider, + ThemeProvider, + Toaster, + ToasterComponent, + ToasterProvider, +} from '@gravity-ui/uikit'; import './index.scss'; +const toaster = new Toaster(); + beforeMount(async ({App}) => { return ( - + diff --git a/src/lib/kit/components/Card/Card.scss b/src/lib/kit/components/Card/Card.scss index 43b88ab4..f1abe94c 100644 --- a/src/lib/kit/components/Card/Card.scss +++ b/src/lib/kit/components/Card/Card.scss @@ -68,8 +68,10 @@ height: var(--df-card-title-height, var(--g-spacing-5)); } - &__title-popover { - height: var(--df-card-title-popover-height, var(--g-spacing-5)); + &__popover { + padding: var(--g-spacing-2); + overflow-wrap: break-word; + max-width: 300px; } &__note { diff --git a/src/lib/kit/components/Card/Card.tsx b/src/lib/kit/components/Card/Card.tsx index 9f434907..a4864156 100644 --- a/src/lib/kit/components/Card/Card.tsx +++ b/src/lib/kit/components/Card/Card.tsx @@ -1,8 +1,7 @@ import React from 'react'; -import {HelpPopover} from '@gravity-ui/components'; import {ChevronDown} from '@gravity-ui/icons'; -import {Button, Card as CardBase, Icon, Popover, Text} from '@gravity-ui/uikit'; +import {Button, Card as CardBase, HelpMark, Icon, Popover, Text} from '@gravity-ui/uikit'; import isString from 'lodash/isString'; import {COMMON_POPOVER_PLACEMENT, COMMON_TITLE_MAX_WIDTH} from '../../constants/common'; @@ -78,7 +77,7 @@ export const Card: React.FC = ({ content={propsTitle} disabled={titlePopoverDisabled} placement={COMMON_POPOVER_PLACEMENT} - className={b('title-popover')} + className={b('popover')} > = ({ {description ? (
- + + {description} +
) : null} diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-dark-chromium-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-dark-chromium-linux.png index e5c4a5ba..b7309482 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-dark-webkit-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-dark-webkit-linux.png index 561a36b6..c1a7f33b 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-light-chromium-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-light-chromium-linux.png index 01c0b44d..bdb5778f 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-light-chromium-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-light-webkit-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-light-webkit-linux.png index e86f8521..4b415c1a 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-light-webkit-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-column-layout-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-dark-chromium-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-dark-chromium-linux.png index c3313cef..9381dfc0 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-dark-webkit-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-dark-webkit-linux.png index fdc39ceb..d04c12e2 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-light-chromium-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-light-chromium-linux.png index 953238dd..0272dc52 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-light-chromium-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-light-webkit-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-light-webkit-linux.png index 11dcef38..97313210 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-light-webkit-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-dark-chromium-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-dark-chromium-linux.png index 8c77c9e0..a43ab688 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-dark-webkit-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-dark-webkit-linux.png index 5c12ee93..c90f133a 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-light-chromium-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-light-chromium-linux.png index f69d94ce..f3696f70 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-light-chromium-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-light-webkit-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-light-webkit-linux.png index 62e52983..d7f03a22 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-light-webkit-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-object-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-dark-chromium-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-dark-chromium-linux.png index 0f0f6137..086dd647 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-dark-webkit-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-dark-webkit-linux.png index 97176d22..64dcccea 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-light-chromium-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-light-chromium-linux.png index b47fad3d..62b98179 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-light-chromium-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-light-webkit-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-light-webkit-linux.png index 265b31e3..b8aff5e3 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-light-webkit-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-default-value-string-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-dark-chromium-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-dark-chromium-linux.png index c19ff9af..0107df17 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-dark-webkit-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-dark-webkit-linux.png index fa8c480c..08b3c3f7 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-light-chromium-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-light-chromium-linux.png index 9e71dcc9..52040ee8 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-light-chromium-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-light-webkit-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-light-webkit-linux.png index f1cbb3f2..eb435a4a 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-light-webkit-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-description-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-dark-chromium-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-dark-chromium-linux.png index 76e03245..97e5bd4b 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-dark-webkit-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-dark-webkit-linux.png index c4d871fa..9b94ae23 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-light-chromium-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-light-chromium-linux.png index cc6f0f02..55543b13 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-light-chromium-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-light-webkit-linux.png b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-light-webkit-linux.png index 86528955..45217a8f 100644 Binary files a/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-light-webkit-linux.png and b/src/lib/kit/components/Inputs/CardOneOf/__snapshots__/CardOneOf.visual.test.tsx-snapshots/Card-OneOf-required-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CheckboxGroup/CheckboxGroup.scss b/src/lib/kit/components/Inputs/CheckboxGroup/CheckboxGroup.scss index 08f73db9..cc94a918 100644 --- a/src/lib/kit/components/Inputs/CheckboxGroup/CheckboxGroup.scss +++ b/src/lib/kit/components/Inputs/CheckboxGroup/CheckboxGroup.scss @@ -5,6 +5,10 @@ align-items: center; height: var(--df-checkbox-height, $df-checkbox-height); + .g-control-label__text { + margin-inline-start: var(--df-checkbox-margint-start, 5px); + } + & > *:not(:last-child) { margin-right: var(--df-checkbox-group-child-margin-right, $df-offset-6); } diff --git a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-dark-chromium-linux.png b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-dark-chromium-linux.png index fa6712e1..da426da1 100644 Binary files a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-dark-webkit-linux.png b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-dark-webkit-linux.png index a148c829..65493f35 100644 Binary files a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-light-chromium-linux.png b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-light-chromium-linux.png index 92e58e50..535f7001 100644 Binary files a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-light-chromium-linux.png and b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-light-webkit-linux.png b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-light-webkit-linux.png index 624a9f38..a3fbda71 100644 Binary files a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-light-webkit-linux.png and b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-default-value-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-dark-chromium-linux.png b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-dark-chromium-linux.png index 4b3fc51a..ccc704d2 100644 Binary files a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-dark-webkit-linux.png b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-dark-webkit-linux.png index dd5a3b8a..5853b8e2 100644 Binary files a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-light-chromium-linux.png b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-light-chromium-linux.png index ed46d409..1aea170d 100644 Binary files a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-light-chromium-linux.png and b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-light-webkit-linux.png b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-light-webkit-linux.png index 4f27dc2a..49ec773b 100644 Binary files a/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-light-webkit-linux.png and b/src/lib/kit/components/Inputs/CheckboxGroup/__snapshots__/CheckboxGroup.visual.test.tsx-snapshots/CheckboxGroup-placement-vertical-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-dark-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-dark-chromium-linux.png index 2370fc01..629de114 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-dark-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-dark-webkit-linux.png index 5df8c445..e7132552 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-light-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-light-chromium-linux.png index 73d82e9f..49c77908 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-light-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-light-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-light-webkit-linux.png index f192cbd9..8ad290bd 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-light-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-default-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-dark-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-dark-chromium-linux.png index 4e99a41b..ce2b9f43 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-dark-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-dark-webkit-linux.png index 24803b16..d29ad0a4 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-light-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-light-chromium-linux.png index 098666da..abe0249a 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-light-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-light-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-light-webkit-linux.png index 0359c6d1..5bb70121 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-light-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-description-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-dark-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-dark-chromium-linux.png index be97c591..637f0a37 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-dark-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-dark-webkit-linux.png index ec0202de..8b3b88d4 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-light-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-light-chromium-linux.png index 8b952e09..85464852 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-light-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-light-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-light-webkit-linux.png index dd74b84e..dd391f42 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-light-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-row-verbose-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-dark-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-dark-chromium-linux.png index 1a7f9cbf..f4eb2c0b 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-dark-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-dark-webkit-linux.png index 103c04ac..cb831d73 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-light-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-light-chromium-linux.png index cc893fb6..01f90e75 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-light-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-light-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-light-webkit-linux.png index c2ec4ac1..25087c6e 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-light-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-layouts-transparent-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-dark-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-dark-chromium-linux.png index f4447bab..dd52c087 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-dark-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-dark-webkit-linux.png index 7b719561..23a67551 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-light-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-light-chromium-linux.png index 6846e761..412a7b0a 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-light-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-light-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-light-webkit-linux.png index c287591f..54075e3a 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-light-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-Flat-required-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-dark-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-dark-chromium-linux.png index d2f0ea88..9551bd90 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-dark-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-dark-webkit-linux.png index 76b2fc05..e8d8392a 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-light-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-light-chromium-linux.png index 41d5f597..9765914d 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-light-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-light-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-light-webkit-linux.png index a9f5f504..0feb43a5 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-light-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-dark-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-dark-chromium-linux.png index 1847c796..15276933 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-dark-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-dark-webkit-linux.png index fd0a11b0..043b2bf4 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-light-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-light-chromium-linux.png index da4b6add..c9af84c0 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-light-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-light-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-light-webkit-linux.png index e6980f8c..dcba91f8 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-light-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-object-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-dark-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-dark-chromium-linux.png index 00fc63cf..37dac9af 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-dark-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-dark-webkit-linux.png index 7338df81..fdcd8cc7 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-light-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-light-chromium-linux.png index 96544feb..fed981ca 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-light-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-light-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-light-webkit-linux.png index 23e529d8..8e0eab01 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-light-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-default-value-string-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-dark-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-dark-chromium-linux.png index 909b6e6d..0bd75ee3 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-dark-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-dark-webkit-linux.png index 3ecc9049..3d273aee 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-light-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-light-chromium-linux.png index eeed72f9..cac5e645 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-light-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-light-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-light-webkit-linux.png index fdb6b7ed..96e28374 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-light-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-description-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-dark-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-dark-chromium-linux.png index 5223512a..21335b9c 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-dark-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-dark-webkit-linux.png index de6a976f..8e06dbe9 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-light-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-light-chromium-linux.png index 60d41af2..426864c2 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-light-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-light-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-light-webkit-linux.png index a8e115bc..05294f2f 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-light-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-row-verbose-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-dark-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-dark-chromium-linux.png index 932a96b2..5e8a9450 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-dark-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-dark-webkit-linux.png index 3cff42a8..2ac67a53 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-light-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-light-chromium-linux.png index 131df509..51693214 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-light-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-light-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-light-webkit-linux.png index f0eeeb22..07c163a8 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-light-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-layouts-transparent-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-dark-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-dark-chromium-linux.png index 1ead1bca..9a505389 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-dark-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-dark-webkit-linux.png index 53bc5795..550a19aa 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-light-chromium-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-light-chromium-linux.png index 93144d44..0c56359f 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-light-chromium-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-light-webkit-linux.png b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-light-webkit-linux.png index c8654c5f..f30d42c7 100644 Binary files a/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-light-webkit-linux.png and b/src/lib/kit/components/Inputs/OneOf/__snapshots__/OneOf.visual.test.tsx-snapshots/OneOf-required-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/TableArrayInput/TableArrayInput.tsx b/src/lib/kit/components/Inputs/TableArrayInput/TableArrayInput.tsx index 7e8afa3e..b0fb1e23 100644 --- a/src/lib/kit/components/Inputs/TableArrayInput/TableArrayInput.tsx +++ b/src/lib/kit/components/Inputs/TableArrayInput/TableArrayInput.tsx @@ -1,8 +1,8 @@ import React from 'react'; import {Plus, TrashBin} from '@gravity-ui/icons'; -import {Button, Flex, Icon, Table} from '@gravity-ui/uikit'; -import {HelpPopover} from '@gravity-ui/components'; +import {Button, Flex, HelpMark, Icon, Table} from '@gravity-ui/uikit'; + import noop from 'lodash/noop'; import set from 'lodash/set'; @@ -23,6 +23,7 @@ import { } from '../../../../core'; import {useSearchContext} from '../../../../core/components/Form/hooks'; import {block} from '../../../utils'; +import {COMMON_POPOVER_PLACEMENT} from '../../../constants/common'; import './TableArrayInput.scss'; @@ -108,7 +109,13 @@ export const TableArrayInput: ArrayInput = ({spec, name, arrayInput, input}) => : () => ( {label} - + + {description} + ), template: ( diff --git a/src/lib/kit/components/Inputs/Text/Text.tsx b/src/lib/kit/components/Inputs/Text/Text.tsx index 7b1dbba3..17ec3e69 100644 --- a/src/lib/kit/components/Inputs/Text/Text.tsx +++ b/src/lib/kit/components/Inputs/Text/Text.tsx @@ -1,7 +1,6 @@ import React from 'react'; -import {PasswordInput} from '@gravity-ui/components'; -import {TextInput, TextInputProps as TextInputBaseProps} from '@gravity-ui/uikit'; +import {PasswordInput, TextInput, TextInputProps as TextInputBaseProps} from '@gravity-ui/uikit'; import isNil from 'lodash/isNil'; import {FieldRenderProps, NumberInputProps, StringInputProps} from '../../../../core'; @@ -31,9 +30,7 @@ export const Text = | StringInputProps - ); + return ; } return ; diff --git a/src/lib/kit/components/Inputs/TextContent/TextContent.tsx b/src/lib/kit/components/Inputs/TextContent/TextContent.tsx index 4cda1a7d..e9af5fc8 100644 --- a/src/lib/kit/components/Inputs/TextContent/TextContent.tsx +++ b/src/lib/kit/components/Inputs/TextContent/TextContent.tsx @@ -39,7 +39,7 @@ export const TextContentComponent: React.FC = ({ const iconLib = textContentParams?.icon ? ( - ) : null; + ) : undefined; let content = ; diff --git a/src/lib/kit/components/Layouts/Column/Column.tsx b/src/lib/kit/components/Layouts/Column/Column.tsx index caee48fc..3f064a23 100644 --- a/src/lib/kit/components/Layouts/Column/Column.tsx +++ b/src/lib/kit/components/Layouts/Column/Column.tsx @@ -1,8 +1,7 @@ import React from 'react'; -import {HelpPopover} from '@gravity-ui/components'; import {TrashBin} from '@gravity-ui/icons'; -import {Button, Icon, Text} from '@gravity-ui/uikit'; +import {Button, HelpMark, Icon, Text} from '@gravity-ui/uikit'; import { FieldValue, @@ -16,6 +15,7 @@ import { } from '../../../../core'; import {ErrorWrapper, GenerateRandomValueButton} from '../../../components'; import {block} from '../../../utils'; +import {COMMON_POPOVER_PLACEMENT} from '../../../constants/common'; import './Column.scss'; @@ -43,10 +43,13 @@ const ColumnBase = ({ {spec.viewSpec.layoutDescription ? ( - + + {spec.viewSpec.layoutDescription} + ) : null} diff --git a/src/lib/kit/components/Layouts/Row/Row.tsx b/src/lib/kit/components/Layouts/Row/Row.tsx index 563fe760..9b941b58 100644 --- a/src/lib/kit/components/Layouts/Row/Row.tsx +++ b/src/lib/kit/components/Layouts/Row/Row.tsx @@ -1,8 +1,7 @@ import React from 'react'; -import {HelpPopover} from '@gravity-ui/components'; import {TrashBin} from '@gravity-ui/icons'; -import {Button, Icon, Text} from '@gravity-ui/uikit'; +import {Button, HelpMark, Icon, Text} from '@gravity-ui/uikit'; import { FieldValue, @@ -16,6 +15,7 @@ import { } from '../../../../core'; import {ErrorWrapper, GenerateRandomValueButton} from '../../../components'; import {block} from '../../../utils'; +import {COMMON_POPOVER_PLACEMENT} from '../../../constants/common'; import './Row.scss'; @@ -46,10 +46,13 @@ const RowBase = ({ {!verboseDescription && spec.viewSpec.layoutDescription ? ( - + + {spec.viewSpec.layoutDescription} + ) : null} diff --git a/src/lib/kit/components/Layouts/Section/Section.scss b/src/lib/kit/components/Layouts/Section/Section.scss index 4d076292..82c3ddb7 100644 --- a/src/lib/kit/components/Layouts/Section/Section.scss +++ b/src/lib/kit/components/Layouts/Section/Section.scss @@ -29,13 +29,10 @@ $block: '.#{$ns}section'; max-width: var(--df-section-title-max-width, 533px); } - &__title-popover { - display: flex; - align-items: center; - - .g-popover__handler { - display: flex; - } + &__popover { + padding: var(--g-spacing-2); + overflow-wrap: break-word; + max-width: 300px; } &__note { diff --git a/src/lib/kit/components/Layouts/Section/Section.tsx b/src/lib/kit/components/Layouts/Section/Section.tsx index 662a3d5e..1aac4417 100644 --- a/src/lib/kit/components/Layouts/Section/Section.tsx +++ b/src/lib/kit/components/Layouts/Section/Section.tsx @@ -1,7 +1,6 @@ import React from 'react'; -import {HelpPopover} from '@gravity-ui/components'; -import {Popover, Text, TextProps} from '@gravity-ui/uikit'; +import {HelpMark, Popover, Text, TextProps} from '@gravity-ui/uikit'; import {GroupIndent} from '../../'; import {RemoveButton} from '../../RemoveButton'; @@ -119,10 +118,13 @@ const SectionBase = < } else { description = ( - + + {spec.viewSpec.layoutDescription} + ); } @@ -142,7 +144,7 @@ const SectionBase = < })} >