@node-core/ui-components 1.0.1-0bb5d49b96e1f11e1ef6cf965861929693053ca6 → 1.0.1-1ccf19c1836415b6ec7bc2d63ffba4686b390ca9

package/Containers/Sidebar/SidebarGroup/index.tsx

@@ -11,6 +11,7 @@ type SidebarGroupProps = {
   items: Array<Omit<ComponentProps<typeof SidebarItem>, 'as' | 'pathname'>>;
   as?: LinkLike;
   pathname?: string;
+  className: string;
   showProgressionIcons?: boolean;
 };
 
@@ -18,13 +19,17 @@ const SidebarGroup: FC<SidebarGroupProps> = ({
   groupName,
   items,
   showProgressionIcons,
+  className,
   ...props
 }) => (
   <section
-    className={classNames({
-      [styles.group]: true,
-      [styles.progression]: showProgressionIcons,
-    })}
+    className={classNames(
+      {
+        [styles.group]: true,
+        [styles.progression]: showProgressionIcons,
+      },
+      className
+    )}
   >
     <label className={styles.groupName}>{groupName}</label>
     <ul className={styles.itemList}>

package/Containers/Sidebar/SidebarItem/index.tsx

@@ -36,7 +36,7 @@ const SidebarItem: FC<SidebarItemProps> = ({
     )}
     <span className={styles.label}>{label}</span>
 
-    {link.startsWith('http') && <ArrowUpRightIcon className={styles.icon} />}
+    {/^https?:/.test(link) && <ArrowUpRightIcon className={styles.icon} />}
   </BaseActiveLink>
 );
 

package/Containers/Sidebar/index.module.css

@@ -17,12 +17,12 @@
     dark:border-neutral-900
     dark:bg-neutral-950;
 
-  > section {
+  .navigation {
     @apply hidden
       sm:flex;
   }
 
-  > span {
+  .mobileSelect {
     @apply flex
       w-full
       sm:hidden;

package/Containers/Sidebar/index.tsx

@@ -45,6 +45,7 @@ const SideBar: FC<PropsWithChildren<SidebarProps>> = ({
           values={selectItems}
           defaultValue={currentItem?.value}
           onChange={onSelect}
+          className={styles.mobileSelect}
         />
       )}
 
@@ -56,6 +57,7 @@ const SideBar: FC<PropsWithChildren<SidebarProps>> = ({
           pathname={pathname}
           as={as}
           showProgressionIcons={showProgressionIcons}
+          className={styles.navigation}
         />
       ))}
     </aside>

package/package.json

@@ -13,11 +13,11 @@
   "files": [
     "Common",
     "Containers",
-    "MDX",
     "Icons",
+    "MDX",
+    "stylelint",
     "styles",
-    "types.ts",
-    "stylelint"
+    "types.ts"
   ],
   "dependencies": {
     "@heroicons/react": "^2.2.0",
@@ -37,8 +37,8 @@
     "tailwindcss": "~4.0.17"
   },
   "devDependencies": {
-    "@storybook/addon-themes": "^9.0.3",
     "@storybook/addon-styling-webpack": "^1.0.1",
+    "@storybook/addon-themes": "^9.0.3",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
     "@storybook/react": "^9.0.3",
     "@storybook/react-webpack5": "^9.0.3",
@@ -74,17 +74,17 @@
   "engines": {
     "node": ">=20"
   },
-  "version": "1.0.1-0bb5d49b96e1f11e1ef6cf965861929693053ca6",
+  "version": "1.0.1-1ccf19c1836415b6ec7bc2d63ffba4686b390ca9",
   "scripts": {
-    "check-types": "tsc --noEmit",
     "lint": "turbo run lint:js lint:css",
     "lint:css": "stylelint \"**/*.css\" --allow-empty-input --cache --cache-strategy=content --cache-location=.stylelintcache",
-    "lint:fix": "turbo run lint:js lint:css --no-cache -- --fix",
+    "lint:fix": "node --run lint -- -- --fix",
     "lint:js": "eslint \"**/*.{js,mjs,ts,tsx}\"",
+    "lint:types": "tsc --noEmit",
     "storybook": "cross-env NODE_NO_WARNINGS=1 storybook dev -p 6006 --quiet",
     "storybook:build": "cross-env NODE_NO_WARNINGS=1 storybook build --quiet --webpack-stats-json",
-    "test": "turbo test:unit",
+    "test": "node --run test:unit",
     "test:unit": "cross-env NODE_NO_WARNINGS=1 node --experimental-test-coverage --test-coverage-exclude=**/*.test.* --enable-source-maps --import=global-jsdom/register --import=tsx --import=../../tests/setup.mjs --test **/*.test.*",
-    "test:unit:watch": "cross-env NODE_OPTIONS=\"--watch\" pnpm test:unit"
+    "test:unit:watch": "node --run test:unit -- --watch"
   }
 }