@spaced-out/ui-design-system 0.1.48-beta.0 → 0.1.48

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.48](https://github.com/spaced-out/ui-design-system/compare/v0.1.48-beta.1...v0.1.48) (2023-09-12)
+
+
+### Bug Fixes
+
+* added jobs page name in PageTitle component ([#143](https://github.com/spaced-out/ui-design-system/issues/143)) ([904a124](https://github.com/spaced-out/ui-design-system/commit/904a1244af6863b70b39e5c07aa6295b09f0e434))
+
+### [0.1.48-beta.1](https://github.com/spaced-out/ui-design-system/compare/v0.1.48-beta.0...v0.1.48-beta.1) (2023-09-11)
+
+
+### Bug Fixes
+
+* submenu forwardref ([#142](https://github.com/spaced-out/ui-design-system/issues/142)) ([5e358ab](https://github.com/spaced-out/ui-design-system/commit/5e358ab36ba33243518f8720236780b1803c4267))
+
 ### [0.1.48-beta.0](https://github.com/spaced-out/ui-design-system/compare/v0.1.47...v0.1.48-beta.0) (2023-09-04)
 
 

package/lib/components/PageTitle/PageTitle.js

@@ -92,6 +92,12 @@ const PAGE_NAME_LIST = Object.freeze({
     iconType: 'duotone',
     iconSwapOpacity: true
   },
+  jobs: {
+    title: 'Jobs',
+    iconName: 'briefcase',
+    iconType: 'duotone',
+    iconSwapOpacity: true
+  },
   contacts: {
     title: 'Contacts',
     iconName: 'address-card',

package/lib/components/PageTitle/PageTitle.js.flow

@@ -100,6 +100,12 @@ export const PAGE_NAME_LIST = Object.freeze({
     iconType: 'duotone',
     iconSwapOpacity: true,
   },
+  jobs: {
+    title: 'Jobs',
+    iconName: 'briefcase',
+    iconType: 'duotone',
+    iconSwapOpacity: true,
+  },
   contacts: {
     title: 'Contacts',
     iconName: 'address-card',

package/lib/components/SubMenu/SubMenu.module.css

@@ -132,6 +132,10 @@
     borderWidthTertiary colorFocusPrimary;
 }
 
+.subMenuGroupHeader:not(.collapsible) {
+  background: colorNeutralDarkest;
+}
+
 .subMenuGroupHeader.collapsed,
 .subMenuLink.collapsed {
   background: colorNeutralDarkest;

package/lib/components/SubMenu/SubMenuItem.js

@@ -54,16 +54,17 @@ const SubMenuItemBadges = _ref3 => {
 };
 exports.SubMenuItemBadges = SubMenuItemBadges;
 SubMenuItemBadges.displayName = 'SubMenuItemBadges';
-const SubMenuItemAction = _ref4 => {
+const SubMenuItemAction = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
   let {
     children,
     className,
     ...props
   } = _ref4;
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: (0, _classify.default)(_SubMenuModule.default.actionItems, className)
+    className: (0, _classify.default)(_SubMenuModule.default.actionItems, className),
+    ref: ref
   }), children);
-};
+});
 exports.SubMenuItemAction = SubMenuItemAction;
 SubMenuItemAction.displayName = 'SubMenuItemAction';
 const SubMenuItem = /*#__PURE__*/React.forwardRef((_ref5, ref) => {

package/lib/components/SubMenu/SubMenuItem.js.flow

@@ -65,14 +65,18 @@ export type SubMenuItemActionProps = {
   className?: string,
   ...
 };
-export const SubMenuItemAction = ({
-  children,
-  className,
-  ...props
-}: SubMenuItemActionProps): React.Node => (
-  <div {...props} className={classify(css.actionItems, className)}>
-    {children}
-  </div>
+export const SubMenuItemAction: React$AbstractComponent<
+  SubMenuItemActionProps,
+  HTMLElement,
+> = React.forwardRef(
+  (
+    {children, className, ...props}: SubMenuItemActionProps,
+    ref,
+  ): React.Node => (
+    <div {...props} className={classify(css.actionItems, className)} ref={ref}>
+      {children}
+    </div>
+  ),
 );
 SubMenuItemAction.displayName = 'SubMenuItemAction';
 

package/package.json

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