@cloud-ru/uikit-product-site-case-card 0.4.8 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/components/CaseCard/CaseCard.js +1 -1
  3. package/dist/cjs/components/CaseCard/styles.module.css +4 -0
  4. package/dist/esm/components/CaseCard/CaseCard.js +1 -1
  5. package/dist/esm/components/CaseCard/styles.module.css +4 -0
  6. package/package.json +2 -2
  7. package/src/components/CaseCard/CaseCard.tsx +1 -1
  8. package/src/components/CaseCard/styles.module.scss +4 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # 0.5.0 (2025-12-15)
7
+
8
+
9
+ ### Features
10
+
11
+ * **SITE-10394:** add border radius ([5e950bc](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/5e950bce806fab0a3213eef811a7ebcb411f1860))
12
+
13
+
14
+
15
+
16
+
6
17
  ## 0.4.8 (2025-12-08)
7
18
 
8
19
  ### Only dependencies have been changed
package/dist/cjs/components/CaseCard/CaseCard.js CHANGED
@@ -19,5 +19,5 @@ const SIZE_CARD_LAYOUT_TYPE = {
19
19
  function CaseCard({ layoutType, img, description, categories, href, visibleCategories = true, onClick, loading, }) {
20
20
  const categoryTextSize = layoutType === 'desktop' || layoutType === 'desktopSmall' ? 'm' : 's';
21
21
  const descriptionTextSize = layoutType === 'mobile' ? 's' : 'm';
22
- return ((0, jsx_runtime_1.jsx)(card_1.Card, { href: href, onClick: onClick, size: SIZE_CARD_LAYOUT_TYPE[layoutType], children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.container, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { loading: loading, className: styles_module_scss_1.default.skeletonIcon, children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("img", { src: img, className: styles_module_scss_1.default.image, alt: 'img', "data-layout-type": layoutType }) }) }), loading ? ((0, jsx_runtime_1.jsx)(helperComponents_1.SkeletonTextContainer, {})) : ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.textContainer, children: [visibleCategories && categories && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.categoryGroup, children: categories.map(item => ((0, jsx_runtime_1.jsx)(typography_1.Typography, { family: 'sans', purpose: 'body', size: categoryTextSize, className: styles_module_scss_1.default.category, children: item }, item))) })), (0, jsx_runtime_1.jsx)(typography_1.Typography, { family: 'sans', purpose: 'title', size: descriptionTextSize, className: styles_module_scss_1.default.description, children: (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: description }, "data-layout-type": layoutType }) })] }))] }) }));
22
+ return ((0, jsx_runtime_1.jsx)(card_1.Card, { href: href, onClick: onClick, size: SIZE_CARD_LAYOUT_TYPE[layoutType], className: styles_module_scss_1.default.root, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.container, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { loading: loading, className: styles_module_scss_1.default.skeletonIcon, children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("img", { src: img, className: styles_module_scss_1.default.image, alt: 'img', "data-layout-type": layoutType }) }) }), loading ? ((0, jsx_runtime_1.jsx)(helperComponents_1.SkeletonTextContainer, {})) : ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.textContainer, children: [visibleCategories && categories && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.categoryGroup, children: categories.map(item => ((0, jsx_runtime_1.jsx)(typography_1.Typography, { family: 'sans', purpose: 'body', size: categoryTextSize, className: styles_module_scss_1.default.category, children: item }, item))) })), (0, jsx_runtime_1.jsx)(typography_1.Typography, { family: 'sans', purpose: 'title', size: descriptionTextSize, className: styles_module_scss_1.default.description, children: (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: description }, "data-layout-type": layoutType }) })] }))] }) }));
23
23
  }
package/dist/cjs/components/CaseCard/styles.module.css CHANGED
@@ -1,4 +1,8 @@
1
1
  @charset "UTF-8";
2
+ .root{
3
+ border-radius:4px;
4
+ }
5
+
2
6
  .container{
3
7
  box-sizing:border-box;
4
8
  width:100%;
package/dist/esm/components/CaseCard/CaseCard.js CHANGED
@@ -13,5 +13,5 @@ const SIZE_CARD_LAYOUT_TYPE = {
13
13
  export function CaseCard({ layoutType, img, description, categories, href, visibleCategories = true, onClick, loading, }) {
14
14
  const categoryTextSize = layoutType === 'desktop' || layoutType === 'desktopSmall' ? 'm' : 's';
15
15
  const descriptionTextSize = layoutType === 'mobile' ? 's' : 'm';
16
- return (_jsx(Card, { href: href, onClick: onClick, size: SIZE_CARD_LAYOUT_TYPE[layoutType], children: _jsxs("div", { className: styles.container, "data-layout-type": layoutType, children: [_jsx(Skeleton, { loading: loading, className: styles.skeletonIcon, children: _jsx("div", { children: _jsx("img", { src: img, className: styles.image, alt: 'img', "data-layout-type": layoutType }) }) }), loading ? (_jsx(SkeletonTextContainer, {})) : (_jsxs("div", { className: styles.textContainer, children: [visibleCategories && categories && (_jsx("div", { className: styles.categoryGroup, children: categories.map(item => (_jsx(Typography, { family: 'sans', purpose: 'body', size: categoryTextSize, className: styles.category, children: item }, item))) })), _jsx(Typography, { family: 'sans', purpose: 'title', size: descriptionTextSize, className: styles.description, children: _jsx("span", { dangerouslySetInnerHTML: { __html: description }, "data-layout-type": layoutType }) })] }))] }) }));
16
+ return (_jsx(Card, { href: href, onClick: onClick, size: SIZE_CARD_LAYOUT_TYPE[layoutType], className: styles.root, children: _jsxs("div", { className: styles.container, "data-layout-type": layoutType, children: [_jsx(Skeleton, { loading: loading, className: styles.skeletonIcon, children: _jsx("div", { children: _jsx("img", { src: img, className: styles.image, alt: 'img', "data-layout-type": layoutType }) }) }), loading ? (_jsx(SkeletonTextContainer, {})) : (_jsxs("div", { className: styles.textContainer, children: [visibleCategories && categories && (_jsx("div", { className: styles.categoryGroup, children: categories.map(item => (_jsx(Typography, { family: 'sans', purpose: 'body', size: categoryTextSize, className: styles.category, children: item }, item))) })), _jsx(Typography, { family: 'sans', purpose: 'title', size: descriptionTextSize, className: styles.description, children: _jsx("span", { dangerouslySetInnerHTML: { __html: description }, "data-layout-type": layoutType }) })] }))] }) }));
17
17
  }
package/dist/esm/components/CaseCard/styles.module.css CHANGED
@@ -1,4 +1,8 @@
1
1
  @charset "UTF-8";
2
+ .root{
3
+ border-radius:4px;
4
+ }
5
+
2
6
  .container{
3
7
  box-sizing:border-box;
4
8
  width:100%;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloud-ru/uikit-product-site-case-card",
3
3
  "title": "Site-case-card",
4
- "version": "0.4.8",
4
+ "version": "0.5.0",
5
5
  "sideEffects": [
6
6
  "*.css",
7
7
  "*.woff",
@@ -44,5 +44,5 @@
44
44
  "devDependencies": {
45
45
  "@sbercloud/figma-tokens-cloud-platform": "17.7.6"
46
46
  },
47
- "gitHead": "ab61e93fe6f723c522e95a7c5540b3080de6b2de"
47
+ "gitHead": "fdcf94a6757e590c66ace1a43667bb29ce748d64"
48
48
  }
package/src/components/CaseCard/CaseCard.tsx CHANGED
@@ -46,7 +46,7 @@ export function CaseCard({
46
46
  const descriptionTextSize = layoutType === 'mobile' ? 's' : 'm';
47
47
 
48
48
  return (
49
- <Card href={href} onClick={onClick} size={SIZE_CARD_LAYOUT_TYPE[layoutType]}>
49
+ <Card href={href} onClick={onClick} size={SIZE_CARD_LAYOUT_TYPE[layoutType]} className={styles.root}>
50
50
  <div className={styles.container} data-layout-type={layoutType}>
51
51
  <Skeleton loading={loading} className={styles.skeletonIcon}>
52
52
  <div>
package/src/components/CaseCard/styles.module.scss CHANGED
@@ -1,5 +1,9 @@
1
1
  @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables.scss' as ste;
2
2
 
3
+ .root {
4
+ border-radius: 4px;
5
+ }
6
+
3
7
  .container {
4
8
  box-sizing: border-box;
5
9
  width: 100%;