diff --git a/.changeset/neat-boxes-camp.md b/.changeset/neat-boxes-camp.md new file mode 100644 index 0000000000..0569390cdd --- /dev/null +++ b/.changeset/neat-boxes-camp.md @@ -0,0 +1,24 @@ +--- +'@alfalab/core-components-vars': minor +--- + +Добавлены новые переменные радиусов скругления: +- `--border-radius-0` +- `--border-radius-4` +- `--border-radius-6` +- `--border-radius-8` +- `--border-radius-10` +- `--border-radius-12` +- `--border-radius-16` +- `--border-radius-20` +- `--border-radius-24` +- `--border-radius-36` + +Переменные, помеченые как `deprecated`: +- `--border-radius-xs` +- `--border-radius-s` +- `--border-radius-m` +- `--border-radius-l` +- `--border-radius-xl` +- `--border-radius-xxl` +- `--border-radius-3xl` diff --git a/packages/vars/src/border-radius.css b/packages/vars/src/border-radius.css index 83a8c9d716..5d0a711380 100644 --- a/packages/vars/src/border-radius.css +++ b/packages/vars/src/border-radius.css @@ -1,11 +1,24 @@ :root { - --border-radius-xs: 2px; - --border-radius-s: 4px; - --border-radius-m: 8px; - --border-radius-l: 12px; - --border-radius-xl: 16px; - --border-radius-xxl: 20px; - --border-radius-3xl: 24px; + --border-radius-xs: 2px; /* deprecated */ + --border-radius-s: 4px; /* deprecated */ + --border-radius-m: 8px; /* deprecated */ + --border-radius-l: 12px; /* deprecated */ + --border-radius-xl: 16px; /* deprecated */ + --border-radius-xxl: 20px; /* deprecated */ + --border-radius-3xl: 24px; /* deprecated */ --border-radius-circle: 50%; --border-radius-pill: 99px; + + /* новые значения, используйте их */ + --border-radius-0: 0; + --border-radius-4: 4px; + --border-radius-6: 6px; + --border-radius-8: 8px; + --border-radius-10: 10px; + --border-radius-12: 12px; + --border-radius-16: 16px; + --border-radius-20: 20px; + --border-radius-24: 24px; + --border-radius-36: 36px; + --border-radius-64: 64px; }