@spaced-out/ui-design-system 0.3.47 → 0.3.49

package/.cspell/custom-words.txt

@@ -135,3 +135,4 @@ xmark
 yourcomponentname
 Yuzhno
 yxxx
+incase

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 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.3.49](https://github.com/spaced-out/ui-design-system/compare/v0.3.48...v0.3.49) (2025-07-03)
+
+### [0.3.48](https://github.com/spaced-out/ui-design-system/compare/v0.3.47...v0.3.48) (2025-07-02)
+
+
+### Features
+
+* added data management icon in side menu link ([#363](https://github.com/spaced-out/ui-design-system/issues/363)) ([86a0e4b](https://github.com/spaced-out/ui-design-system/commit/86a0e4b36ae2aa220897330b0090882ebacc5298))
+
 ### [0.3.47](https://github.com/spaced-out/ui-design-system/compare/v0.3.47-beta.0...v0.3.47) (2025-06-24)
 
 

package/lib/components/Card/Card.js

@@ -15,7 +15,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 const PADDING_SIZES = exports.PADDING_SIZES = Object.freeze({
   small: 'small',
   medium: 'medium',
-  large: 'large'
+  large: 'large',
+  none: 'none'
 });
 const getPaddingValue = size => {
   const spaceKey = 'space' + (0, _string.capitalize)(size);

package/lib/components/Card/Card.js.flow

@@ -15,6 +15,7 @@ export const PADDING_SIZES = Object.freeze({
   small: 'small',
   medium: 'medium',
   large: 'large',
+  none: 'none',
 });
 
 export type PaddingSizeType = $Values<typeof PADDING_SIZES>;

package/lib/components/Modal/Modal.module.css

@@ -1,10 +1,41 @@
-@value (colorBackgroundTertiary, colorBackgroundPrimary, colorBackdropFill) from '../../styles/variables/_color.css';
-@value (spaceNone, spaceSmall, spaceMedium, spaceXXSmall, spaceHalfFluid, spaceNegHalfFluid) from '../../styles/variables/_space.css';
-@value (sizeFluid, size60, size320, size480, size640) from '../../styles/variables/_size.css';
-@value (elevationNone, elevationModal, elevationBackdrop) from '../../styles/variables/_elevation.css';
-@value (opacity100, opacity0) from '../../styles/variables/_opacity.css';
-@value (motionDurationNormal, motionEaseInEaseOut) from '../../styles/variables/_motion.css';
-@value (borderRadiusMedium) from '../../styles/variables/_border.css';
+@value (
+  colorBackgroundTertiary, 
+  colorBackgroundPrimary, 
+  colorBackdropFill
+) from '../../styles/variables/_color.css';
+@value (
+  spaceNone, 
+  spaceSmall, 
+  spaceXSmall, 
+  spaceMedium, 
+  spaceXXSmall, 
+  spaceHalfFluid, 
+  spaceNegHalfFluid
+) from '../../styles/variables/_space.css';
+@value (
+  sizeFluid, 
+  size58, 
+  size60, 
+  size66,
+  size320, 
+  size480, 
+  size640
+) from '../../styles/variables/_size.css';
+@value (
+  elevationNone, 
+  elevationModal, 
+  elevationBackdrop
+) from '../../styles/variables/_elevation.css';
+@value (
+  opacity100, 
+  opacity0
+) from '../../styles/variables/_opacity.css';
+@value (
+  motionDurationNormal
+) from '../../styles/variables/_motion.css';
+@value (
+  borderRadiusMedium
+) from '../../styles/variables/_border.css';
 
 .modalContainer {
   display: flex;
@@ -83,12 +114,12 @@
 .modalHeader {
   composes: borderBottomPrimary from '../../styles/border.module.css';
   composes: subTitleLarge from '../../styles/typography.module.css';
-  padding: spaceNone spaceSmall spaceNone spaceMedium;
-  min-height: size60;
+  padding: spaceSmall spaceSmall spaceSmall spaceMedium;
+  min-height: size58;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: spaceMedium;
+  gap: spaceXSmall;
 }
 
 .headerContent {
@@ -103,16 +134,17 @@
 
 .modalFooter {
   composes: borderTopPrimary from '../../styles/border.module.css';
+  min-height: size66;
   background-color: colorBackgroundPrimary;
   margin-top: auto;
-  padding: spaceMedium;
+  padding: spaceSmall spaceMedium;
   display: flex;
   justify-content: flex-end;
   align-items: center;
-  gap: spaceMedium;
+  gap: spaceXSmall;
 }
 
 .modalFooterActions {
   display: flex;
-  gap: spaceSmall;
+  gap: spaceXSmall;
 }

package/lib/components/SideMenuLink/SideMenuLink.js

@@ -192,6 +192,11 @@ const MENU_NAME_LIST = exports.MENU_NAME_LIST = Object.freeze({
     title: 'Live Agent Transfer',
     iconName: 'user-headset',
     iconType: 'duotone'
+  },
+  dataManagement: {
+    title: 'Data Management',
+    iconName: 'database',
+    iconType: 'duotone'
   }
 });
 const SideMenuLink = exports.SideMenuLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {

package/lib/components/SideMenuLink/SideMenuLink.js.flow

@@ -193,6 +193,11 @@ export const MENU_NAME_LIST = Object.freeze({
     iconName: 'user-headset',
     iconType: 'duotone',
   },
+  dataManagement: {
+    title: 'Data Management',
+    iconName: 'database',
+    iconType: 'duotone',
+  },
 });
 
 type ClassNames = $ReadOnly<{wrapper?: string}>;

package/package.json

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