@cloud-ru/uikit-product-site-article 1.2.4 → 1.2.5

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.2.5 (2026-04-28)
+
+
+### Bug Fixes
+
+* **SITE-11206:** fix article links padding on mobile devices ([c3507f2](https://github.com/cloud-ru-tech/uikit-product/commit/c3507f2ec5b4b9d5e3cb92bcd7da493f1cb6ff5e))
+
+
+
+
+
 ## 1.2.4 (2026-04-27)
 
 

package/dist/cjs/components/ArticleLinks/ArticleLinks.js

@@ -24,5 +24,5 @@ function ArticleLinks(props) {
             size: 'l',
         };
     }, [layoutType]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.articleLinks, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ className: styles_module_scss_1.default.title }, typographyProps, { tag: 'div', children: "\u0421\u043E\u0434\u0435\u0440\u0436\u0430\u043D\u0438\u0435" })), (0, jsx_runtime_1.jsx)("ul", { className: styles_module_scss_1.default.list, "data-test-id": 'article-links', children: links.map(link => ((0, jsx_runtime_1.jsx)("li", { className: styles_module_scss_1.default.listItem, children: (0, jsx_runtime_1.jsx)("a", { className: styles_module_scss_1.default.link, href: `#${link.id}`, onClick: e => { var _a; return (_a = link.onClick) === null || _a === void 0 ? void 0 : _a.call(link, e); }, children: (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyL, { children: link.text }) }) }, link.id))) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.articleLinks, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ className: styles_module_scss_1.default.title }, typographyProps, { tag: 'div', children: "\u0421\u043E\u0434\u0435\u0440\u0436\u0430\u043D\u0438\u0435" })), (0, jsx_runtime_1.jsx)("ul", { className: styles_module_scss_1.default.list, "data-test-id": 'article-links', children: links.map(link => ((0, jsx_runtime_1.jsx)("li", { className: styles_module_scss_1.default.listItem, children: (0, jsx_runtime_1.jsx)("a", { className: styles_module_scss_1.default.link, href: `#${link.id}`, onClick: e => { var _a; return (_a = link.onClick) === null || _a === void 0 ? void 0 : _a.call(link, e); }, children: (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyL, { children: link.text }) }) }, link.id))) })] }));
 }

package/dist/cjs/components/ArticleLinks/styles.module.css

@@ -3,6 +3,9 @@
   padding:24px;
   border:var(--border-width-general-xs, 1px) var(--border-styles-solid, solid) var(--sys-neutral-decor-default, #dde0ea);
 }
+.articleLinks[data-layout-type=mobile]{
+  padding:16px;
+}
 
 .title{
   color:var(--sys-neutral-text-main, #41424e);

package/dist/esm/components/ArticleLinks/ArticleLinks.js

@@ -18,5 +18,5 @@ export function ArticleLinks(props) {
             size: 'l',
         };
     }, [layoutType]);
-    return (_jsxs("div", { className: styles.articleLinks, children: [_jsx(Typography, Object.assign({ className: styles.title }, typographyProps, { tag: 'div', children: "\u0421\u043E\u0434\u0435\u0440\u0436\u0430\u043D\u0438\u0435" })), _jsx("ul", { className: styles.list, "data-test-id": 'article-links', children: links.map(link => (_jsx("li", { className: styles.listItem, children: _jsx("a", { className: styles.link, href: `#${link.id}`, onClick: e => { var _a; return (_a = link.onClick) === null || _a === void 0 ? void 0 : _a.call(link, e); }, children: _jsx(Typography.SansBodyL, { children: link.text }) }) }, link.id))) })] }));
+    return (_jsxs("div", { className: styles.articleLinks, "data-layout-type": layoutType, children: [_jsx(Typography, Object.assign({ className: styles.title }, typographyProps, { tag: 'div', children: "\u0421\u043E\u0434\u0435\u0440\u0436\u0430\u043D\u0438\u0435" })), _jsx("ul", { className: styles.list, "data-test-id": 'article-links', children: links.map(link => (_jsx("li", { className: styles.listItem, children: _jsx("a", { className: styles.link, href: `#${link.id}`, onClick: e => { var _a; return (_a = link.onClick) === null || _a === void 0 ? void 0 : _a.call(link, e); }, children: _jsx(Typography.SansBodyL, { children: link.text }) }) }, link.id))) })] }));
 }

package/dist/esm/components/ArticleLinks/styles.module.css

@@ -3,6 +3,9 @@
   padding:24px;
   border:var(--border-width-general-xs, 1px) var(--border-styles-solid, solid) var(--sys-neutral-decor-default, #dde0ea);
 }
+.articleLinks[data-layout-type=mobile]{
+  padding:16px;
+}
 
 .title{
   color:var(--sys-neutral-text-main, #41424e);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-site-article",
   "title": "Site Article",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -44,5 +44,5 @@
     "@snack-uikit/utils": "4.0.0",
     "classnames": "2.5.1"
   },
-  "gitHead": "0b83f75432a23df3f161cc42e895c1f2f1859286"
+  "gitHead": "a076f2dd6ecdbb27e0b4fcb358168a13e10a45c5"
 }

package/src/components/ArticleLinks/ArticleLinks.tsx

@@ -35,7 +35,7 @@ export function ArticleLinks(props: ArticleLinksProps) {
   }, [layoutType]);
 
   return (
-    <div className={styles.articleLinks}>
+    <div className={styles.articleLinks} data-layout-type={layoutType}>
       <Typography className={styles.title} {...typographyProps} tag='div'>
         Содержание
       </Typography>

package/src/components/ArticleLinks/styles.module.scss

@@ -5,6 +5,10 @@
 
   padding: 24px;
   border: var.$border-width-general-xs var.$border-styles-solid var.$sys-neutral-decor-default;
+
+  &[data-layout-type='mobile'] {
+    padding: 16px;
+  }
 }
 
 .title {