From 18cf59f0da6ef988dc27b27ce4dea3a01373bffa Mon Sep 17 00:00:00 2001
From: BcRikko <s.shin1106@gmail.com>
Date: Sat, 1 Apr 2023 13:35:35 +0900
Subject: [PATCH] change stylelint rules

---
 .stylelintrc                   |  6 +++++-
 scripts/docgen/index.ts        |  6 ++++--
 src/elements/button/button.css | 14 ++++++++------
 src/elements/button/index.ts   |  1 +
 types/env.d.ts                 |  8 ++++++++
 5 files changed, 26 insertions(+), 9 deletions(-)
 create mode 100644 src/elements/button/index.ts
 create mode 100644 types/env.d.ts

diff --git a/.stylelintrc b/.stylelintrc
index b50448c..5a6e13e 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -1,3 +1,7 @@
 {
-  "extends": "stylelint-config-recommended"
+  "extends": "stylelint-config-recommended",
+  "rules": {
+    "no-duplicate-selectors": null,
+    "no-descending-specificity": null
+  }
 }
diff --git a/scripts/docgen/index.ts b/scripts/docgen/index.ts
index 006056b..1649d04 100644
--- a/scripts/docgen/index.ts
+++ b/scripts/docgen/index.ts
@@ -1,7 +1,7 @@
 import path from 'path'
 import fs from 'fs'
-import { findMatchingFiles, Config as FindMatchingFilesConfig } from './lib/findMatchingFiles'
-import { extractProperties } from './lib/extractProperties'
+import { findMatchingFiles, type Config as FindMatchingFilesConfig } from './lib/findMatchingFiles'
+import { extractProperties, type Doc } from './lib/extractProperties'
 import { config }from './config'
 
 export type Config =
@@ -10,6 +10,8 @@ export type Config =
     filename: string
   }
 
+export type GeneratedDocument = Doc[]
+
 console.time('[docgen]')
 
 const files = findMatchingFiles(config.include, config.exclude)
diff --git a/src/elements/button/button.css b/src/elements/button/button.css
index e6b2ac0..0c2c296 100644
--- a/src/elements/button/button.css
+++ b/src/elements/button/button.css
@@ -19,17 +19,19 @@
   initial-value: gray;
 }
 
+/**
+ * CSS Variables
+ */
 .nes-btn {
-  /**
-   * CSS Variables
-   */
   --nes-btn-border-width: 4px;
   --nes-btn-border-color: black;
   --nes-btn-border-inset-color: gray;
+}
 
-  /**
-  * Basic Style
-  */
+/**
+* Basic Style
+*/
+.nes-btn {
   border: solid var(--nes-btn-border-width) var(--nes-btn-border-color);
   box-shadow:
     inset 0 calc(var(--nes-btn-border-width) * -1) var(--nes-btn-border-inset-color),
diff --git a/src/elements/button/index.ts b/src/elements/button/index.ts
new file mode 100644
index 0000000..932f583
--- /dev/null
+++ b/src/elements/button/index.ts
@@ -0,0 +1 @@
+import 'button.css'
diff --git a/types/env.d.ts b/types/env.d.ts
new file mode 100644
index 0000000..d765be4
--- /dev/null
+++ b/types/env.d.ts
@@ -0,0 +1,8 @@
+import type { GeneratedDocument } from "../scripts/docgen"
+
+declare module '*.css';
+
+declare module '*.properties.json' {
+  const json: GeneratedDocument
+  export default json
+}