.codesandbox/ci.json

@@ -1,5 +1,5 @@
 {
-  "node": "16",
+  "node": "20",
   "publishDirectory": {
     "@alauda/ui": "release"
   },

.github/workflows/release-beta.yml

@@ -15,7 +15,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
           cache: yarn
 
       - name: Install dependencies

.github/workflows/release-prod.yml

@@ -18,7 +18,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
           cache: yarn
 
       - name: Install dependencies

.github/workflows/release.yml

@@ -19,7 +19,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
           cache: yarn
 
       - name: Install Dependencies

.github/workflows/stories.yml

@@ -15,7 +15,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
           cache: yarn
 
       - name: Install dependencies

.github/workflows/test.yml

@@ -13,7 +13,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
           cache: yarn
 
       - name: Install Dependencies

.nvmrc

@@ -0,0 +1 @@
+20

.prettierrc.js

@@ -0,0 +1,49 @@
+const config = require('@1stg/config');
+
+const { iniRcFiles, jsoncFiles, nonJsonRcFiles, shRcFiles } = config;
+
+/**
+ * @type {import('prettier').Config}
+ */
+module.exports = {
+  arrowParens: 'avoid',
+  semi: true,
+  singleAttributePerLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+  xmlWhitespaceSensitivity: 'ignore',
+  svelteIndentScriptAndStyle: false, // align with default option of `vueIndentScriptAndStyle`
+  overrides: [
+    {
+      files: iniRcFiles,
+      options: {
+        parser: 'ini',
+      },
+    },
+    {
+      files: jsoncFiles,
+      options: {
+        parser: 'json',
+      },
+    },
+    {
+      files: ['.*rc', '*.json'],
+      excludeFiles: [...nonJsonRcFiles, ...jsoncFiles],
+      options: {
+        parser: 'json-stringify',
+      },
+    },
+    {
+      files: shRcFiles,
+      options: {
+        parser: 'sh',
+      },
+    },
+    {
+      files: '*.html',
+      options: {
+        parser: 'angular',
+      },
+    },
+  ],
+};

.storybook/global.scss

@@ -0,0 +1,2 @@
+@import './reset-browser';
+@import '../src/theme/style.scss';

.storybook/main.ts

@@ -22,8 +22,6 @@ const config: StorybookConfig = {
     name: '@storybook/angular',
     options: {},
   },
-  docs: {
-    autodocs: true,
-  },
+  docs: {},
 };
 export default config;

.storybook/manager.ts

@@ -1,4 +1,4 @@
-import { addons } from '@storybook/addons';
+import { addons } from '@storybook/manager-api';
 import { create } from '@storybook/theming';
 
 addons.setConfig({

.storybook/preview.ts

@@ -1,9 +1,12 @@
 import { setCompodocJson } from '@storybook/addon-docs/angular';
-import { addons } from '@storybook/addons';
 import type { Preview } from '@storybook/angular';
+import { addons } from '@storybook/manager-api';
 
 import docJson from '../documentation.json';
 
+// eslint-disable-next-line import/no-webpack-loader-syntax, import/no-unresolved
+import '!style-loader!css-loader!sass-loader!./global.scss';
+
 setCompodocJson(docJson);
 
 const channel = addons.getChannel();
@@ -24,6 +27,8 @@ const preview: Preview = {
       },
     },
   },
+
+  tags: ['autodocs'],
 };
 
 export default preview;

.storybook/reset-browser.scss

@@ -0,0 +1,92 @@
+@import '../src/theme/var';
+@import '../src/theme/mixin';
+
+* {
+  &,
+  &:before,
+  &:after {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font: inherit;
+    box-sizing: border-box;
+    vertical-align: baseline;
+  }
+
+  &:focus {
+    outline: none;
+  }
+}
+
+em {
+  font-style: italic;
+}
+
+ol {
+  list-style: decimal;
+  margin-left: 16px;
+}
+
+ul {
+  list-style: none;
+}
+
+blockquote,
+q {
+  quotes: none;
+
+  &:before,
+  &:after {
+    content: '';
+    content: none;
+  }
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+body {
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 100%;
+  min-height: 100%;
+  color: use-text-color(main);
+  background-color: use-rgb(n-10);
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
+    Arial, 'Microsoft YaHei', sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.43;
+}
+
+pre,
+code {
+  font-family: Menlo, Monaco, 'Courier New', monospace;
+  white-space: pre-wrap;
+  font-size: 14px;
+  line-height: 20px;
+  padding: 12px;
+  background: use-rgb(n-9);
+  border-radius: 2px;
+
+  &[ngCodeColorize] {
+    padding: 0 12px;
+  }
+}
+
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+  -webkit-text-fill-color: #{use-text-color(main)} !important;
+  box-shadow: 0 0 0 3000px #{use-rgb(main-bg)} inset !important;
+}
+
+[hidden] {
+  display: none !important;
+}