diff --git a/.changeset/polite-stingrays-burn.md b/.changeset/polite-stingrays-burn.md
new file mode 100644
index 0000000000..31e11fb7b3
--- /dev/null
+++ b/.changeset/polite-stingrays-burn.md
@@ -0,0 +1,20 @@
+---
+"@alfalab/core-components-bank-card": patch
+"@alfalab/core-components-bottom-sheet": patch
+"@alfalab/core-components-button": patch
+"@alfalab/core-components-filter-tag": patch
+"@alfalab/core-components-form-control": patch
+"@alfalab/core-components-modal": patch
+"@alfalab/core-components-popover": patch
+"@alfalab/core-components-popup-sheet": patch
+"@alfalab/core-components-product-cover": patch
+"@alfalab/core-components-pure-cell": patch
+"@alfalab/core-components-segmented-control": patch
+"@alfalab/core-components-select": patch
+"@alfalab/core-components-slider": patch
+"@alfalab/core-components-tag": patch
+"@alfalab/core-components-themes": patch
+"@alfalab/core-components-vars": patch
+---
+
+Заменили числовые значения скругления на переменные
diff --git a/.storybook/blocks/component-header/ComponentHeader.module.css b/.storybook/blocks/component-header/ComponentHeader.module.css
index d7f90c8023..5628c1f5e9 100644
--- a/.storybook/blocks/component-header/ComponentHeader.module.css
+++ b/.storybook/blocks/component-header/ComponentHeader.module.css
@@ -41,7 +41,7 @@
margin-right: var(--gap-8);
text-decoration: none;
border: 1px solid var(--color-light-neutral-200);
- border-radius: 6px;
+ border-radius: var(--border-radius-6);
color: var(--color-light-text-info);
background-position: 10% 50%;
background-repeat: no-repeat;
diff --git a/.storybook/public/global.css b/.storybook/public/global.css
index d55b80f80f..fd93b3460d 100644
--- a/.storybook/public/global.css
+++ b/.storybook/public/global.css
@@ -169,7 +169,7 @@ a[href='#storybook-preview-wrapper'] {
}
.search-result-item {
- border-radius: 6px;
+ border-radius: var(--border-radius-6);
}
.search-result-item[aria-selected='true'] {
@@ -281,7 +281,7 @@ div.sidebar-subheading > button > span:first-of-type {
}
.sidebar-item {
- border-radius: 6px;
+ border-radius: var(--border-radius-6);
}
.sidebar-item > a {
@@ -333,7 +333,7 @@ button[data-action='collapse-root']:focus span:first-of-type {
select.select {
font-size: 14px;
background-color: var(--color-light-neutral-translucent-300);
- border-radius: 6px;
+ border-radius: var(--border-radius-6);
}
select.select > option,
@@ -579,7 +579,7 @@ table.docblock-argstable thead.docblock-argstable-head th {
}
table.docblock-argstable tbody.docblock-argstable-body {
- border-radius: 4px;
+ border-radius: var(--border-radius-4);
filter: none;
box-shadow: 0 0 1px var(--color-light-neutral-500-inverted);
}
@@ -672,5 +672,5 @@ div.sb-alert {
padding: var(--gap-16);
background-color: #fff3e0;
border: 1px solid #de6a01;
- border-radius: 8px;
+ border-radius: var(--border-radius-8);
}
diff --git a/packages/button/src/vars.css b/packages/button/src/vars.css
index cf130f4b5d..41cf560900 100644
--- a/packages/button/src/vars.css
+++ b/packages/button/src/vars.css
@@ -6,7 +6,7 @@
--button-font-weight: 500;
/* border-radius desktop */
- --button-xxs-size-border-radius: 6px;
+ --button-xxs-size-border-radius: var(--border-radius-6);
--button-xs-size-border-radius: var(--border-radius-8);
--button-s-size-border-radius: var(--border-radius-8);
--button-m-size-border-radius: var(--border-radius-12);
diff --git a/packages/filter-tag/src/docs/description.mdx b/packages/filter-tag/src/docs/description.mdx
index a69e794d4a..be969742d4 100644
--- a/packages/filter-tag/src/docs/description.mdx
+++ b/packages/filter-tag/src/docs/description.mdx
@@ -175,7 +175,7 @@ render(() => {
const css = `
div {
- border-radius: 8px;
+ border-radius: var(--border-radius-8);
}
`;
diff --git a/packages/form-control/src/vars.css b/packages/form-control/src/vars.css
index 9cc86aebd1..127eadfa5f 100644
--- a/packages/form-control/src/vars.css
+++ b/packages/form-control/src/vars.css
@@ -62,7 +62,7 @@
--form-control-m-min-height: var(--size-m-height);
--form-control-l-min-height: var(--size-l-height);
--form-control-xl-min-height: var(--size-xl-height);
- --form-control-border-radius: 4px 4px 0 0;
+ --form-control-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
--form-control-bg-backdrop-filter: unset;
/* paddings */
@@ -90,10 +90,10 @@
--form-control-mobile-sub-paddings: var(--gap-0) var(--gap-4);
/* border-radius mobile */
- --form-control-mobile-s-border-radius: 10px;
- --form-control-mobile-m-border-radius: 10px;
- --form-control-mobile-l-border-radius: 10px;
- --form-control-mobile-xl-border-radius: 10px;
+ --form-control-mobile-s-border-radius: var(--border-radius-10);
+ --form-control-mobile-m-border-radius: var(--border-radius-10);
+ --form-control-mobile-l-border-radius: var(--border-radius-10);
+ --form-control-mobile-xl-border-radius: var(--border-radius-10);
/* color mobile */
--form-control-mobile-bg-color: var(--color-light-neutral-translucent-100);
diff --git a/packages/popover/src/docs/Component.stories.mdx b/packages/popover/src/docs/Component.stories.mdx
index a4dcb5ba23..3c356d996b 100644
--- a/packages/popover/src/docs/Component.stories.mdx
+++ b/packages/popover/src/docs/Component.stories.mdx
@@ -58,7 +58,7 @@ import {
}
}
>
-
+