gitalk-react 1.0.0-beta.4 → 1.0.0-beta.5

package/lib/gitalk.tsx

@@ -46,7 +46,13 @@ import logger from "./utils/logger";
 import { parseSearchQuery, stringifySearchQuery } from "./utils/query";
 
 export interface GitalkProps
-  extends Omit<React.HTMLAttributes<HTMLDivElement>, "id" | "title"> {
+  extends Omit<
+    React.DetailedHTMLProps<
+      React.HTMLAttributes<HTMLDivElement>,
+      HTMLDivElement
+    >,
+    "id" | "title"
+  > {
   /**
    * GitHub Application Client ID.
    */
@@ -113,7 +119,7 @@ export interface GitalkProps
   perPage?: number;
   /**
    * Comment sorting direction.
-   * Available values are last and first.
+   * Available values are `last` and `first`.
    *
    * @default "last"
    */
@@ -1220,7 +1226,7 @@ const Gitalk: React.FC<GitalkProps> = (props) => {
       value={{ language, polyglot, dateFnsLocaleMap: DATE_FNS_LOCALE_MAP }}
     >
       <div
-        className={`gt-container ${isInputFocused ? "gt-input-focused" : ""} ${className}`}
+        className={`gt-container${isInputFocused ? " gt-input-focused" : ""} ${className}`}
         {...restProps}
       >
         {alert && <div className="gt-error">{alert}</div>}

package/lib/themes/base.scss

@@ -568,7 +568,6 @@ $gt-breakpoint-mobile: 479px;
 
   &::after {
     position: fixed;
-    inset: 0 0 100%;
     content: '';
     opacity: 0;
   }
@@ -577,12 +576,11 @@ $gt-breakpoint-mobile: 479px;
     position: relative;
 
     &::after {
+      inset: 0;
       z-index: $gt-mask-z-index;
-      background: #000;
-      opacity: 0.6;
-      transition:
-        opacity 0.3s,
-        bottom 0s;
+      background: #171717;
+      opacity: 0.8;
+      transition: opacity ease 0.3s;
     }
 
     .gt-header-comment {

package/lib/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gitalk-react",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.5",
   "private": false,
   "author": {
     "name": "LolipopJ",
@@ -26,19 +26,22 @@
       "require": "./dist/gitalk.umd.cjs"
     },
     "./gitalk.css": "./dist/gitalk-light.css",
+    "./light.css": "./dist/gitalk-light.css",
     "./gitalk-light.css": "./dist/gitalk-light.css",
+    "./dark.css": "./dist/gitalk-dark.css",
     "./gitalk-dark.css": "./dist/gitalk-dark.css"
   },
   "types": "./dist/gitalk.d.ts",
   "scripts": {
-    "dev": "vite",
-    "build": "npm run build:ts && npm run build:scss",
+    "dev": "vite --config vite.config.preview.ts",
+    "build": "npm run build:lib && npm run build:preview",
+    "build:lib": "npm run build:ts && npm run build:scss",
     "build:ts": "tsc -b && vite build",
     "build:scss": "vite build --config vite.config.scss.ts",
+    "build:preview": "vite build --config vite.config.preview.ts",
     "lint": "npm run lint:ts && npm run lint:scss",
     "lint:ts": "eslint . --fix",
-    "lint:scss": "stylelint lib/**/*.scss --fix",
-    "preview": "vite preview"
+    "lint:scss": "stylelint **/*.scss --fix"
   },
   "dependencies": {
     "ahooks": "^3.0.0",