@spaced-out/ui-design-system 0.1.123 → 0.1.124

package/.cspell/custom-words.txt

@@ -92,6 +92,8 @@ storysource
 superrover
 sharad
 kushwah
+bhatiarush
+Swatantramishra
 Syowa
 systemjs
 tablist

package/.github/workflows/publish_to_npm.yml

@@ -22,7 +22,7 @@ jobs:
       - name: Check Permissions
         id: check-permissions
         env:
-          ALLOWED_USERS: superrover, Anant-Raj, ashwini-sensehq, vish-sah, VishalBarnawal, sanskar-s, VivekJangid, sharad-kushwah, Swatantramishra1
+          ALLOWED_USERS: superrover, Anant-Raj, ashwini-sensehq, vish-sah, VishalBarnawal, sanskar-s, VivekJangid, sharad-kushwah, Swatantramishra1, bhatiarush27
         if: ${{ !contains(env.ALLOWED_USERS, github.actor) }}
         run: |
           echo "You don't have correct permissions to do this release"

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 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.124](https://github.com/spaced-out/ui-design-system/compare/v0.1.123...v0.1.124) (2024-08-27)
+
+
+### Features
+
+* github pages release access ([#256](https://github.com/spaced-out/ui-design-system/issues/256)) ([f7e4e47](https://github.com/spaced-out/ui-design-system/commit/f7e4e474aed55ccff84835feed20caeb477b9d83))
+
+
+### Bug Fixes
+
+* side menu link accesibility ([#259](https://github.com/spaced-out/ui-design-system/issues/259)) ([3c06c7b](https://github.com/spaced-out/ui-design-system/commit/3c06c7bcedfc6545cddad96e60dbcde5ec05c9dc))
+
 ### [0.1.123](https://github.com/spaced-out/ui-design-system/compare/v0.1.122...v0.1.123) (2024-08-26)
 
 

package/lib/components/SideMenuLink/SideMenuLink.js

@@ -205,10 +205,12 @@ const SideMenuLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     condition: to !== undefined,
     wrapper: children => /*#__PURE__*/React.createElement(_Link.Link, {
       to: to,
-      tabIndex: -1,
+      tabIndex: disabled ? -1 : 0,
       linkComponent: LinkComponent,
-      onClick: e => e.preventDefault(),
-      className: _SideMenuLinkModule.default.linkComponent
+      className: (0, _classify.default)(_SideMenuLinkModule.default.linkComponent, {
+        [_SideMenuLinkModule.default.closed]: !opened
+      }),
+      onClick: onChangeHandler
     }, children)
   }, /*#__PURE__*/React.createElement(_ConditionalWrapper.ConditionalWrapper, {
     condition: Boolean(!opened && !inActive),
@@ -224,7 +226,7 @@ const SideMenuLink = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     }, classNames?.wrapper),
     onClick: onChangeHandler,
     ref: ref,
-    tabIndex: disabled ? -1 : tabIndex,
+    tabIndex: disabled || to !== undefined ? -1 : tabIndex,
     disabled: disabled,
     key: pageNameKey
   }), pageNameKey && MENU_NAME_LIST[pageNameKey] ? /*#__PURE__*/React.createElement(_Icon.Icon, {

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

@@ -232,10 +232,12 @@ export const SideMenuLink: React$AbstractComponent<
         wrapper={(children) => (
           <Link
             to={to}
-            tabIndex={-1}
+            tabIndex={disabled ? -1 : 0}
             linkComponent={LinkComponent}
-            onClick={(e) => e.preventDefault()}
-            className={css.linkComponent}
+            className={classify(css.linkComponent, {
+              [css.closed]: !opened,
+            })}
+            onClick={onChangeHandler}
           >
             {children}
           </Link>
@@ -263,7 +265,7 @@ export const SideMenuLink: React$AbstractComponent<
             )}
             onClick={onChangeHandler}
             ref={ref}
-            tabIndex={disabled ? -1 : tabIndex}
+            tabIndex={disabled || to !== undefined ? -1 : tabIndex}
             disabled={disabled}
             key={pageNameKey}
           >

package/lib/components/SideMenuLink/SideMenuLink.module.css

@@ -68,6 +68,19 @@
   text-decoration: none;
 }
 
+.linkComponent.closed {
+  width: size32;
+  min-width: size32;
+  justify-content: center;
+}
+
+.linkComponent:focus-visible {
+  border-radius: borderRadiusSmall;
+  outline: none;
+  box-shadow: borderWidthNone borderWidthNone borderWidthNone
+    borderWidthTertiary colorFocusPrimary;
+}
+
 .linkWrapper.selected {
   background: colorSideMenuBackgroundSelected;
   color: colorTextInversePrimary;

package/package.json

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