@snack-uikit/card 0.10.1 → 0.10.2

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.
 
+## 0.10.2 (2024-02-21)
+
+
+### Bug Fixes
+
+* **FF-4147:** display check in disabled state ([d12507c](https://github.com/cloud-ru-tech/snack-uikit/commit/d12507c6e775b43d399eb5ff9366e8db083f0ca9))
+
+
+
+
+
 ## 0.10.1 (2024-02-20)
 
 

package/dist/components/Card/Card.js

@@ -34,5 +34,5 @@ export function Card(_a) {
     const supportProps = extractSupportProps(rest);
     return (_jsx(CardContext.Provider, { value: { size, disabled }, children: _jsxs("div", Object.assign({ ref: localDivRef, className: cn(styles.card, className) }, supportProps, { onClick: onClick, "data-disabled": disabled || undefined, "data-checked": checked || undefined, "data-outline": outline || undefined, "data-pointer": onClick ? true : undefined, 
             // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-            tabIndex: 0, onKeyDown: onKeyDown, children: [image, promoBadge && _jsx(PromoBadge, { text: promoBadge }), _jsxs("div", { className: styles.composition, tabIndex: -1, children: [href && (_jsx("a", { ref: localAnchorRef, "data-test-id": TEST_IDS.anchor, tabIndex: -1, href: href, className: styles.anchor, "aria-label": supportProps['aria-label'] })), !disabled && functionBadge && (_jsx(FunctionBadgeWrapper, { className: styles.functionBadgeWrapper, children: functionBadge })), _jsx("div", { className: styles.contentWrapper, children: _jsxs("div", { className: styles.content, "data-size": size, children: [header || null, children && (_jsx(Typography, { family: 'sans', size: size, purpose: 'body', className: styles.body, tag: 'div', children: children })), footer && _jsx("div", { className: styles.footer, children: footer })] }) })] }), !disabled && checked && multipleSelection && _jsx(Check, { className: styles.check })] })) }));
+            tabIndex: 0, onKeyDown: onKeyDown, children: [image, promoBadge && _jsx(PromoBadge, { text: promoBadge }), _jsxs("div", { className: styles.composition, tabIndex: -1, children: [href && (_jsx("a", { ref: localAnchorRef, "data-test-id": TEST_IDS.anchor, tabIndex: -1, href: href, className: styles.anchor, "aria-label": supportProps['aria-label'] })), !disabled && functionBadge && (_jsx(FunctionBadgeWrapper, { className: styles.functionBadgeWrapper, children: functionBadge })), _jsx("div", { className: styles.contentWrapper, children: _jsxs("div", { className: styles.content, "data-size": size, children: [header || null, children && (_jsx(Typography, { family: 'sans', size: size, purpose: 'body', className: styles.body, tag: 'div', children: children })), footer && _jsx("div", { className: styles.footer, children: footer })] }) })] }), checked && multipleSelection && _jsx(Check, { className: styles.check })] })) }));
 }

package/dist/components/Card/styles.module.css

@@ -122,6 +122,10 @@
   outline-color:var(--sys-neutral-decor-default, #dfe2ec);
   outline-width:var(--border-width-card-container, 1px);
 }
+.card[data-disabled] .check{
+  color:var(--sys-neutral-on-accent, #ffffff);
+  background-color:var(--sys-neutral-text-disabled, #b3b6bf);
+}
 .card[data-disabled] *{
   cursor:not-allowed;
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Card",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -43,5 +43,5 @@
     "@snack-uikit/utils": "3.2.0",
     "classnames": "2.3.2"
   },
-  "gitHead": "fd079dd3acbfe935d0b88d9efd863047f25e5824"
+  "gitHead": "3e7a22f46aa4c135fababaf8d147bdf860a37e39"
 }

package/src/components/Card/Card.tsx

@@ -127,7 +127,7 @@ export function Card({
           </div>
         </div>
 
-        {!disabled && checked && multipleSelection && <Check className={styles.check} />}
+        {checked && multipleSelection && <Check className={styles.check} />}
       </div>
     </CardContext.Provider>
   );

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

@@ -156,6 +156,11 @@ $sizes: 's', 'm', 'l';
     outline-color: $sys-neutral-decor-default;
     outline-width: $border-width-card-container;
 
+    .check {
+      color: $sys-neutral-on-accent;
+      background-color: $sys-neutral-text-disabled;
+    }
+
     * {
       cursor: not-allowed;
     }