move _page_list.scss under @growi/ui

apps/app/src/components/Admin/UserGroupDetail/UserGroupDetailPage.module.scss

@@ -1 +1,2 @@
-@use '~/styles/molecules/page_list';
+@use '@growi/ui/src/styles/molecules/page_list';
+

apps/app/src/components/IdenticalPathPage.module.scss

@@ -1,5 +1,5 @@
+@use '@growi/ui/src/styles/molecules/page_list';
 @use '~/styles/molecules/page-accessories-control';
-@use '~/styles/molecules/page_list';
 
 .grw-page-accessories-control :global {
   @extend %grw-page-accessories-control;

apps/app/src/components/PageList/PageList.module.scss

@@ -1 +1 @@
-@use '~/styles/molecules/page_list';
+@use '@growi/ui/src/styles/molecules/page_list';

apps/app/src/components/SearchPage/SearchPageBase.module.scss

@@ -1 +1 @@
-@use '~/styles/molecules/page_list';
+@use '@growi/ui/src/styles/molecules/page_list';

apps/app/src/components/UsersHomePageFooter.module.scss

@@ -1,4 +1,4 @@
-@use '~/styles/molecules/page_list';
+@use '@growi/ui/src/styles/molecules/page_list';
 
 .user-page-footer :global {
   .grw-user-page-list-m {

packages/remark-lsx/package.json

@@ -17,6 +17,9 @@
     "dev": "run-p dev:*",
     "dev:client": "vite build -c vite.client.config.ts --mode dev",
     "dev:server": "vite build -c vite.server.config.ts --mode dev",
+    "watch": "run-p watch:*",
+    "watch:client": "yarn dev:client -w",
+    "watch:server": "yarn dev:server -w",
     "lint:js": "eslint **/*.{js,jsx,ts,tsx}",
     "lint:styles": "stylelint --allow-empty-input src/**/*.scss src/**/*.css",
     "lint": "run-p lint:*"

packages/remark-lsx/src/components/Lsx.module.scss

@@ -1,12 +1,4 @@
 .lsx :global {
-  .page-list-ul > li > a:not(:hover) {
-    text-decoration: none;
-  }
-
-  .lsx-page-not-exist {
-    opacity: 0.6;
-  }
-
   // workaround
   // https://stackoverflow.com/a/57667536
   .lsx-blink {

packages/remark-lsx/src/components/LsxPageList/LsxListView.module.scss

@@ -0,0 +1,7 @@
+@use '@growi/ui/src/styles/molecules/page_list';
+
+.page-list :global {
+  .page-list-ul > li > a:not(:hover) {
+    text-decoration: none;
+  }
+}

packages/remark-lsx/src/components/LsxPageList/LsxListView.tsx

@@ -5,6 +5,10 @@ import { LsxContext } from '../lsx-context';
 
 import { LsxPage } from './LsxPage';
 
+
+import styles from './LsxListView.module.scss';
+
+
 type Props = {
   nodeTree?: PageNode[],
   lsxContext: LsxContext,
@@ -44,7 +48,7 @@ export const LsxListView = React.memo((props: Props): JSX.Element => {
   }, [basisViewersCount, isEmpty, lsxContext, nodeTree]);
 
   return (
-    <div className="page-list">
+    <div className={`page-list ${styles['page-list']}`}>
       <ul className="page-list-ul">
         {contents}
       </ul>

packages/remark-lsx/src/components/LsxPageList/LsxPage.module.scss

@@ -0,0 +1,7 @@
+.page-list-li :global {
+
+  .lsx-page-not-exist {
+    opacity: 0.6;
+  }
+
+}

packages/remark-lsx/src/components/LsxPageList/LsxPage.tsx

@@ -9,6 +9,9 @@ import type { PageNode } from '../../interfaces/page-node';
 import { LsxContext } from '../lsx-context';
 
 
+import styles from './LsxPage.module.scss';
+
+
 type Props = {
   pageNode: PageNode,
   lsxContext: LsxContext,
@@ -99,7 +102,7 @@ export const LsxPage = React.memo((props: Props): JSX.Element => {
   }, [basisViewersCount, pageNode.page]);
 
   return (
-    <li className="page-list-li">
+    <li className={`page-list-li ${styles['page-list-li']}`}>
       <small>{iconElement}</small> {pagePathElement}
       <span className="ml-2">{pageListMetaElement}</span>
       {childrenElements}