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

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.5.1 (2025-12-17)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-utils@8.1.0](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
+# 0.5.0 (2025-12-15)
+
+
+### Features
+
+* **SITE-10394:** add border radius ([5e950bc](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/5e950bce806fab0a3213eef811a7ebcb411f1860))
+
+
+
+
+
 ## 0.4.8 (2025-12-08)
 
 ### Only dependencies have been changed

package/dist/cjs/components/CaseCard/CaseCard.js

@@ -19,5 +19,5 @@ const SIZE_CARD_LAYOUT_TYPE = {
 function CaseCard({ layoutType, img, description, categories, href, visibleCategories = true, onClick, loading, }) {
     const categoryTextSize = layoutType === 'desktop' || layoutType === 'desktopSmall' ? 'm' : 's';
     const descriptionTextSize = layoutType === 'mobile' ? 's' : 'm';
-    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 }) })] }))] }) }));
+    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 }) })] }))] }) }));
 }

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

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+.root{
+  border-radius:4px;
+}
+
 .container{
   box-sizing:border-box;
   width:100%;

package/dist/esm/components/CaseCard/CaseCard.js

@@ -13,5 +13,5 @@ const SIZE_CARD_LAYOUT_TYPE = {
 export function CaseCard({ layoutType, img, description, categories, href, visibleCategories = true, onClick, loading, }) {
     const categoryTextSize = layoutType === 'desktop' || layoutType === 'desktopSmall' ? 'm' : 's';
     const descriptionTextSize = layoutType === 'mobile' ? 's' : 'm';
-    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 }) })] }))] }) }));
+    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 }) })] }))] }) }));
 }

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

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+.root{
+  border-radius:4px;
+}
+
 .container{
   box-sizing:border-box;
   width:100%;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-site-case-card",
   "title": "Site-case-card",
-  "version": "0.4.8",
+  "version": "0.5.1",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,7 +36,7 @@
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-utils": "8.0.2",
+    "@cloud-ru/uikit-product-utils": "8.1.0",
     "@snack-uikit/card": "0.20.4",
     "@snack-uikit/skeleton": "0.6.9",
     "@snack-uikit/typography": "0.8.10"
@@ -44,5 +44,5 @@
   "devDependencies": {
     "@sbercloud/figma-tokens-cloud-platform": "17.7.6"
   },
-  "gitHead": "ab61e93fe6f723c522e95a7c5540b3080de6b2de"
+  "gitHead": "1a98d6d9bff32edcbb3f9b0be0a14dce3f2abe5d"
 }

package/src/components/CaseCard/CaseCard.tsx

@@ -46,7 +46,7 @@ export function CaseCard({
   const descriptionTextSize = layoutType === 'mobile' ? 's' : 'm';
 
   return (
-    <Card href={href} onClick={onClick} size={SIZE_CARD_LAYOUT_TYPE[layoutType]}>
+    <Card href={href} onClick={onClick} size={SIZE_CARD_LAYOUT_TYPE[layoutType]} className={styles.root}>
       <div className={styles.container} data-layout-type={layoutType}>
         <Skeleton loading={loading} className={styles.skeletonIcon}>
           <div>

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

@@ -1,5 +1,9 @@
 @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables.scss' as ste;
 
+.root {
+  border-radius: 4px;
+}
+
 .container {
   box-sizing: border-box;
   width: 100%;