@spaced-out/ui-design-system 0.5.5 → 0.5.6

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.5.6](https://github.com/spaced-out/ui-design-system/compare/v0.5.5...v0.5.6) (2025-09-10)
+
+
+### Bug Fixes
+
+* **semantic icon:** included disabled in prop types and added missing functionality of disabled prop ([#403](https://github.com/spaced-out/ui-design-system/issues/403)) ([2015107](https://github.com/spaced-out/ui-design-system/commit/2015107d0d0e1952ff52d8fd886d17be9e17e2c3))
+
 ### [0.5.5](https://github.com/spaced-out/ui-design-system/compare/v0.5.4...v0.5.5) (2025-09-08)
 
 

package/lib/components/Icon/SemanticIcon.d.ts

@@ -9,6 +9,7 @@ type ClassNames = Readonly<{
 export type SemanticIconProps = Over<IconProps, {
     classNames?: ClassNames;
     semantic?: AlertSemanticType;
+    disabled?: boolean;
 }>;
 export declare const SemanticIcon: ({ semantic, classNames, size, ...iconProps }: SemanticIconProps) => React.JSX.Element;
 export {};

package/lib/components/Icon/SemanticIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SemanticIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/SemanticIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAG5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AAMtC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,SAAS,EACT;IACE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B,CACF,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,8CAK1B,iBAAiB,sBAqBnB,CAAC"}
+{"version":3,"file":"SemanticIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/SemanticIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAG5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AAMtC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,SAAS,EACT;IACE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACF,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,8CAK1B,iBAAiB,sBAuBnB,CAAC"}

package/lib/components/Icon/SemanticIcon.js

@@ -20,12 +20,12 @@ const SemanticIcon = _ref => {
     ...iconProps
   } = _ref;
   return /*#__PURE__*/React.createElement(React.Fragment, null, !!iconProps.name && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_SemanticIconModule.default.iconContainer, _SemanticIconModule.default[semantic], _SemanticIconModule.default[size], classNames?.wrapper)
+    className: (0, _classify.default)(_SemanticIconModule.default.iconContainer, _SemanticIconModule.default[semantic], _SemanticIconModule.default[size], classNames?.wrapper, {
+      [_SemanticIconModule.default.disabled]: iconProps.disabled
+    })
   }, /*#__PURE__*/React.createElement(_Icon.Icon, _extends({}, iconProps, {
-    className: (0, _classify.default)(iconProps.className, classNames?.icon)
-    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Readonly<{ primary: string; secondary: string; tertiary: string; disabled: string; clickable: string; neutral: string; success: string; information: string; warning: string; danger: string; inversePrimary: string; inverseSecondary: string; favorite: string; }>'.
-    ,
-    color: _typography.TEXT_COLORS[semantic],
+    className: (0, _classify.default)(iconProps.className, classNames?.icon),
+    color: iconProps.disabled ? 'disabled' : _typography.TEXT_COLORS[semantic],
     size: size === 'large' ? 'medium' : size
   }))));
 };

package/lib/components/Icon/SemanticIcon.module.css

@@ -3,7 +3,8 @@
   colorSuccessLightest,
   colorInformationLightest,
   colorWarningLightest,
-  colorDangerLightest
+  colorDangerLightest,
+  colorFillDisabled
 ) from '../../styles/variables/_color.css';
 
 @value (
@@ -27,6 +28,11 @@
   background-color: colorNeutralLightest;
 }
 
+.iconContainer.disabled {
+  pointer-events: none;
+  background-color: colorFillDisabled;
+}
+
 .medium {
   width: size42;
   height: size42;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"