@cloud-ru/uikit-product-site-cards 1.2.2 → 1.3.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.
 
+## 1.3.1 (2026-06-15)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-icons@17.5.0]($PUBLIC_PROJECT_URL/blob/master/packages/icons/CHANGELOG.md)
+
+
+
+
+
+# 1.3.0 (2026-06-08)
+
+
+### Features
+
+* **SITE-11443:** fix card basic ([60a7688](https://github.com/cloud-ru-tech/uikit-product/commit/60a7688d204f398c92cb7df88f51c91adca2fda5))
+
+
+
+
+
 ## 1.2.2 (2026-06-05)
 
 ### Only dependencies have been changed

package/dist/cjs/components/CardBasic/CardBasic.js

@@ -26,7 +26,5 @@ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const utils_2 = require("./utils");
 function CardBasic(_a) {
     var { title, description, className, icon, layoutType, 'data-test-id': dataTestId = 'card-basic' } = _a, rest = __rest(_a, ["title", "description", "className", "icon", "layoutType", 'data-test-id']);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, (0, uikit_product_utils_1.extractSupportProps)(rest), { "data-layout-type": layoutType, className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className), "data-test-id": dataTestId, "data-direction-column": (icon === null || icon === void 0 ? void 0 : icon.position) || undefined, children: [icon && (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icon, size: (0, utils_2.getIconSize)(layoutType), "data-test-id": `${dataTestId}__icon` }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.content, {
-                    [styles_module_scss_1.default.isEmptyDescription]: !description,
-                }), "data-test-id": `${dataTestId}__content`, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { tag: 'h3', family: 'sans', purpose: 'title', size: (0, utils_1.getTypographySize)(layoutType), "data-test-id": `${dataTestId}__title`, className: styles_module_scss_1.default.title, children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: title }) }), description && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { tag: 'div', family: 'sans', purpose: 'body', size: (0, utils_1.getTypographySize)(layoutType), "data-test-id": `${dataTestId}__description`, children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { className: styles_module_scss_1.default.description, richText: description }) }))] })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, (0, uikit_product_utils_1.extractSupportProps)(rest), { "data-layout-type": layoutType, className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className), "data-test-id": dataTestId, "data-direction-column": (icon === null || icon === void 0 ? void 0 : icon.position) || undefined, children: [icon && (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icon, size: (0, utils_2.getIconSize)(layoutType), "data-test-id": `${dataTestId}__icon` }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, "data-test-id": `${dataTestId}__content`, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { tag: 'h3', family: 'sans', purpose: 'title', size: (0, utils_1.getTypographySize)(layoutType), "data-test-id": `${dataTestId}__title`, className: styles_module_scss_1.default.title, children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: title }) }), description && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { tag: 'div', family: 'sans', purpose: 'body', size: (0, utils_1.getTypographySize)(layoutType), "data-test-id": `${dataTestId}__description`, children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { className: styles_module_scss_1.default.description, richText: description }) }))] })] })));
 }

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

@@ -16,10 +16,6 @@
 .wrapper .content .description{
   color:var(--sys-neutral-text-support, #656774);
 }
-.wrapper .isEmptyDescription{
-  align-items:center;
-  justify-content:center;
-}
 .wrapper[data-layout-type=tablet], .wrapper[data-layout-type=mobile]{
   flex-direction:column;
   gap:var(--dimension-1m, 8px);
@@ -27,10 +23,6 @@
 .wrapper[data-layout-type=tablet] .content, .wrapper[data-layout-type=mobile] .content{
   gap:var(--dimension-050m, 4px);
 }
-.wrapper[data-layout-type=tablet] .isEmptyDescription, .wrapper[data-layout-type=mobile] .isEmptyDescription{
-  align-items:stretch;
-  justify-content:normal;
-}
 .wrapper[data-direction-column=top]{
   flex-direction:column;
   gap:var(--dimension-1m, 8px);

package/dist/esm/components/CardBasic/CardBasic.js

@@ -20,7 +20,5 @@ import styles from './styles.module.css';
 import { getIconSize } from './utils';
 export function CardBasic(_a) {
     var { title, description, className, icon, layoutType, 'data-test-id': dataTestId = 'card-basic' } = _a, rest = __rest(_a, ["title", "description", "className", "icon", "layoutType", 'data-test-id']);
-    return (_jsxs("div", Object.assign({}, extractSupportProps(rest), { "data-layout-type": layoutType, className: cn(styles.wrapper, className), "data-test-id": dataTestId, "data-direction-column": (icon === null || icon === void 0 ? void 0 : icon.position) || undefined, children: [icon && _jsx(Icon, { icon: icon, size: getIconSize(layoutType), "data-test-id": `${dataTestId}__icon` }), _jsxs("div", { className: cn(styles.content, {
-                    [styles.isEmptyDescription]: !description,
-                }), "data-test-id": `${dataTestId}__content`, children: [_jsx(Typography, { tag: 'h3', family: 'sans', purpose: 'title', size: getTypographySize(layoutType), "data-test-id": `${dataTestId}__title`, className: styles.title, children: _jsx(RichText, { richText: title }) }), description && (_jsx(Typography, { tag: 'div', family: 'sans', purpose: 'body', size: getTypographySize(layoutType), "data-test-id": `${dataTestId}__description`, children: _jsx(RichText, { className: styles.description, richText: description }) }))] })] })));
+    return (_jsxs("div", Object.assign({}, extractSupportProps(rest), { "data-layout-type": layoutType, className: cn(styles.wrapper, className), "data-test-id": dataTestId, "data-direction-column": (icon === null || icon === void 0 ? void 0 : icon.position) || undefined, children: [icon && _jsx(Icon, { icon: icon, size: getIconSize(layoutType), "data-test-id": `${dataTestId}__icon` }), _jsxs("div", { className: styles.content, "data-test-id": `${dataTestId}__content`, children: [_jsx(Typography, { tag: 'h3', family: 'sans', purpose: 'title', size: getTypographySize(layoutType), "data-test-id": `${dataTestId}__title`, className: styles.title, children: _jsx(RichText, { richText: title }) }), description && (_jsx(Typography, { tag: 'div', family: 'sans', purpose: 'body', size: getTypographySize(layoutType), "data-test-id": `${dataTestId}__description`, children: _jsx(RichText, { className: styles.description, richText: description }) }))] })] })));
 }

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

@@ -16,10 +16,6 @@
 .wrapper .content .description{
   color:var(--sys-neutral-text-support, #656774);
 }
-.wrapper .isEmptyDescription{
-  align-items:center;
-  justify-content:center;
-}
 .wrapper[data-layout-type=tablet], .wrapper[data-layout-type=mobile]{
   flex-direction:column;
   gap:var(--dimension-1m, 8px);
@@ -27,10 +23,6 @@
 .wrapper[data-layout-type=tablet] .content, .wrapper[data-layout-type=mobile] .content{
   gap:var(--dimension-050m, 4px);
 }
-.wrapper[data-layout-type=tablet] .isEmptyDescription, .wrapper[data-layout-type=mobile] .isEmptyDescription{
-  align-items:stretch;
-  justify-content:normal;
-}
 .wrapper[data-direction-column=top]{
   flex-direction:column;
   gap:var(--dimension-1m, 8px);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-site-cards",
   "title": "Site Cards",
-  "version": "1.2.2",
+  "version": "1.3.1",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,7 +36,7 @@
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-icons": "17.4.0",
+    "@cloud-ru/uikit-product-icons": "17.5.0",
     "@cloud-ru/uikit-product-site-rich-text": "1.1.3",
     "@cloud-ru/uikit-product-site-tag": "1.1.5",
     "@cloud-ru/uikit-product-utils": "9.1.0",
@@ -47,5 +47,5 @@
     "@snack-uikit/typography": "0.8.4",
     "classnames": "2.5.1"
   },
-  "gitHead": "447f780b5e9b4f1f4c57fdc2eef2a96858754c75"
+  "gitHead": "82c3199da1b9ed2c30651169a39e0848d2b8a519"
 }

package/src/components/CardBasic/CardBasic.tsx

@@ -41,12 +41,7 @@ export function CardBasic({
     >
       {icon && <Icon icon={icon} size={getIconSize(layoutType)} data-test-id={`${dataTestId}__icon`} />}
 
-      <div
-        className={cn(styles.content, {
-          [styles.isEmptyDescription]: !description,
-        })}
-        data-test-id={`${dataTestId}__content`}
-      >
+      <div className={styles.content} data-test-id={`${dataTestId}__content`}>
         <Typography
           tag='h3'
           family='sans'

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

@@ -23,11 +23,6 @@
     }
   }
 
-  .isEmptyDescription {
-    align-items: center;
-    justify-content: center;
-  }
-
   &[data-layout-type='tablet'],
   &[data-layout-type='mobile'] {
     flex-direction: column;
@@ -36,11 +31,6 @@
     .content {
       gap: ste.$dimension-050m;
     }
-
-    .isEmptyDescription {
-      align-items: stretch;
-      justify-content: normal;
-    }
   }
 
   &[data-direction-column='top'] {