@spaced-out/ui-design-system 0.1.78 → 0.1.80

package/.vscode/extensions.json

@@ -1,3 +1,9 @@
 {
-  "recommendations": ["dbaeumer.vscode-eslint", "streetsidesoftware.code-spell-checker", "esbenp.prettier-vscode", "simonsiefke.svg-preview", "flowtype.flow-for-vscode"]
-}
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "streetsidesoftware.code-spell-checker",
+    "esbenp.prettier-vscode",
+    "simonsiefke.svg-preview",
+    "flowtype.flow-for-vscode"
+  ]
+}

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.1.80](https://github.com/spaced-out/ui-design-system/compare/v0.1.79...v0.1.80) (2024-02-20)
+
+
+### Bug Fixes
+
+* radio input shrink issue ([#162](https://github.com/spaced-out/ui-design-system/issues/162)) ([09d5595](https://github.com/spaced-out/ui-design-system/commit/09d55958733242e46a9e5c49cab1faaf38587895))
+
+### [0.1.79](https://github.com/spaced-out/ui-design-system/compare/v0.1.78...v0.1.79) (2024-02-16)
+
+
+### Bug Fixes
+
+* ⨉ makes close icon optional in toast ([#161](https://github.com/spaced-out/ui-design-system/issues/161)) ([e050951](https://github.com/spaced-out/ui-design-system/commit/e0509516b2532a3235cb11151a9711add568c8a3))
+
 ### [0.1.78](https://github.com/spaced-out/ui-design-system/compare/v0.1.77...v0.1.78) (2024-01-23)
 
 

package/lib/components/RadioButton/RadioButton.module.css

@@ -53,6 +53,8 @@
   border-radius: borderRadiusMedium;
   height: size20;
   width: size20;
+  min-width: size20;
+  min-height: size20;
   background: colorBackgroundTertiary;
   margin: spaceNone;
   cursor: pointer;

package/lib/components/Toast/Toast.js

@@ -142,7 +142,8 @@ const Toast = _ref5 => {
     semantic = TOAST_SEMANTIC.success,
     onClose,
     initialFocus = -1,
-    customIcon
+    customIcon,
+    hideCloseIcon
   } = _ref5;
   const {
     refs,
@@ -186,7 +187,7 @@ const Toast = _ref5 => {
     className: _ToastModule.default.titleBodyWrap
   }, getComp('ToastTitle'), getComp('ToastBody')), time && /*#__PURE__*/React.createElement(_Text.SubTitleExtraSmall, {
     className: classNames?.time
-  }, time)), footerWithClose), /*#__PURE__*/React.createElement(_Icon.CloseIcon, {
+  }, time)), footerWithClose), !hideCloseIcon && /*#__PURE__*/React.createElement(_Icon.CloseIcon, {
     className: _ToastModule.default.closeIcon,
     onClick: onClose,
     ariaLabel: "Close Button"

package/lib/components/Toast/Toast.js.flow

@@ -36,6 +36,7 @@ export type ToastProps = {
   onClose?: () => void,
   initialFocus?: number,
   customIcon?: React.Node,
+  hideCloseIcon?: boolean,
 };
 
 const ToastIcon = ({semantic}: {semantic: ToastSemanticType}) => {
@@ -190,6 +191,7 @@ export const Toast = ({
   onClose,
   initialFocus = -1,
   customIcon,
+  hideCloseIcon,
 }: ToastProps): React.Node => {
   const {refs, context} = useFloating({
     open: true,
@@ -234,11 +236,13 @@ export const Toast = ({
           </div>
           {footerWithClose}
         </div>
-        <CloseIcon
-          className={css.closeIcon}
-          onClick={onClose}
-          ariaLabel="Close Button"
-        />
+        {!hideCloseIcon && (
+          <CloseIcon
+            className={css.closeIcon}
+            onClick={onClose}
+            ariaLabel="Close Button"
+          />
+        )}
       </div>
     </FloatingFocusManager>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.78",
+  "version": "0.1.80",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {