From 213b5d0798bdb886a9d1c6f54b4476bf0e9829e2 Mon Sep 17 00:00:00 2001 From: Valeri8888 <87258678+Valeri8888@users.noreply.github.com> Date: Fri, 13 Sep 2024 16:55:10 +0300 Subject: [PATCH] =?UTF-8?q?fix:=20replace=20border-radius=20numeric=20valu?= =?UTF-8?q?es=20=E2=80=8B=E2=80=8Bwith=20variables=20(#1369)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Валерия Чуричева --- .changeset/polite-stingrays-burn.md | 20 +++++++++++++++++++ .../ComponentHeader.module.css | 2 +- .storybook/public/global.css | 10 +++++----- packages/button/src/vars.css | 2 +- packages/filter-tag/src/docs/description.mdx | 2 +- packages/form-control/src/vars.css | 10 +++++----- .../popover/src/docs/Component.stories.mdx | 2 +- packages/popup-sheet/src/index.module.css | 2 +- .../product-cover/src/single/index.module.css | 2 +- .../segmented-control/src/index.module.css | 4 ++-- packages/tag/src/vars.css | 2 +- .../themes/src/mixins/form-control/site.css | 16 +++++++-------- packages/vars/src/mixins.css | 4 ++-- 13 files changed, 49 insertions(+), 29 deletions(-) create mode 100644 .changeset/polite-stingrays-burn.md 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 { } } > - +