docs update

mzusin · Jul 24, 2023 · 2552335 · 2552335
1 parent d5d9fa1
commit 2552335
Show file tree

Hide file tree

Showing 22 changed files with 70 additions and 54 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,9 @@
 # Multi-Pointer React Round Slider
 
-React Round Slider component based on SVG and TypeScript.
+Experience an accessible and mobile-friendly React Round Slider library, powered by TypeScript and SVG.
+
+
+## Documentation 🔖
 
 
 

diff --git a/docs/css/styles.1690187499715.css → docs/css/styles.1690190804087.css b/docs/css/styles.1690187499715.css → docs/css/styles.1690190804087.css
diff --git a/docs/index.html b/docs/index.html
@@ -19,8 +19,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="font-josefin_sans text-lg text-gray-100 hp-bg dark" id="special-page">
@@ -400,6 +400,6 @@ <h2 class="mt-8 font-semibold text-sky-500">Free</h2>
 
 </div>
 
-  <script src="/js/index.1690187499715.js"></script>
+  <script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/js/index.1690187499715.js → docs/js/index.1690190804087.js b/docs/js/index.1690187499715.js → docs/js/index.1690190804087.js
diff --git a/docs/js/index.1690187499715.js.map → docs/js/index.1690190804087.js.map b/docs/js/index.1690187499715.js.map → docs/js/index.1690190804087.js.map
diff --git a/docs/pages/animation.html b/docs/pages/animation.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -220,6 +220,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/basic-usage.html b/docs/pages/basic-usage.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -208,6 +208,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/circle-gradient.html b/docs/pages/circle-gradient.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -254,6 +254,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/connection.html b/docs/pages/connection.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -243,6 +243,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/custom-pointer-shape.html b/docs/pages/custom-pointer-shape.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -219,6 +219,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/data-settings.html b/docs/pages/data-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -242,6 +242,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/disabled-state.html b/docs/pages/disabled-state.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -229,6 +229,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/individual-pointer-settings.html b/docs/pages/individual-pointer-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -278,6 +278,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/path-settings.html b/docs/pages/path-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -269,6 +269,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/pointer-and-connection-gradient.html b/docs/pages/pointer-and-connection-gradient.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -238,6 +238,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/pointer-settings.html b/docs/pages/pointer-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -268,6 +268,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/pointers-overlap.html b/docs/pages/pointers-overlap.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -210,6 +210,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/text-values.html b/docs/pages/text-values.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -262,6 +262,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/ticks-settings.html b/docs/pages/ticks-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -266,6 +266,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/ticks-values.html b/docs/pages/ticks-values.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -280,6 +280,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/docs/pages/values-list.html b/docs/pages/values-list.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690187499715.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690187499715.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690190804087.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690190804087.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -225,6 +225,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690187499715.js"></script>
+<script src="/js/index.1690190804087.js"></script>
 </body>
 </html>
diff --git a/package.json b/package.json
@@ -26,7 +26,20 @@
     "docs:build": "node ./src/docs/generator/index.js",
     "docs:watch": "nodemon ./src/docs/generator/index.js"
   },
-  "keywords": [],
+  "keywords": [
+    "slider",
+    "range slider",
+    "circular round slider",
+    "circular slider",
+    "radial slider",
+    "react range slider component",
+    "circle slider",
+    "react round slider",
+    "react circle slider",
+    "react circular slider",
+    "react radial slider",
+    "react range slider"
+  ],
   "author": "Miriam Zusin <[email protected]>",
   "repository": {
     "type": "git",