style: use built in class modifier, not custom class (#360)

karnama · Dec 14, 2021 · c6da6e3 · c6da6e3
1 parent 70e8e89
commit c6da6e3
Show file tree

Hide file tree

Showing 7 changed files with 1,173 additions and 1,490 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@karnama/vueish",
-    "version": "0.8.1",
+    "version": "0.8.2",
     "files": [
         "dist",
         "types"
@@ -31,9 +31,9 @@
     },
     "devDependencies": {
         "@babel/core": "^7.13.16",
-        "@commitlint/config-conventional": "^14.1.0",
-        "@commitlint/prompt-cli": "^14.1.0",
-        "@commitlint/types": "^14.0.0",
+        "@commitlint/config-conventional": "^15.0.0",
+        "@commitlint/prompt-cli": "^15.0.0",
+        "@commitlint/types": "^15.0.0",
         "@types/glob": "^7.1.3",
         "@types/jest": "^27.0.2",
         "@types/lodash-es": "^4.17.4",
@@ -45,11 +45,12 @@
         "@vitejs/plugin-vue": "^1.2.2",
         "@vue/compiler-sfc": "^3.2.11",
         "@vue/eslint-config-typescript": "^9.1.0",
-        "@vue/test-utils": "^2.0.0-rc.10",
+        "@vue/test-utils": "2.0.0-rc.16",
+        "@vue/vue3-jest": "^27.0.0-alpha.3",
         "autoprefixer": "^10.2.3",
         "babel-jest": "^27.3.1",
         "babel-loader": "^8.2.2",
-        "commitlint": "^14.1.0",
+        "commitlint": "^15.0.0",
         "eslint": "^8.2.0",
         "eslint-plugin-import": "^2.22.1",
         "eslint-plugin-jest": "^25.2.4",
@@ -70,7 +71,6 @@
         "vite": "^2.4.1",
         "vue": "^3.2.11",
         "vue-docgen-api": "^4.40.0",
-        "@vue/vue3-jest": "^27.0.0-alpha.3",
         "vue-loader": "^16.2.0",
         "vue-router": "^4.0.6",
         "vue-template-compiler": "^2.6.12"

diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/components/pagination/UIPagination.vue b/src/components/pagination/UIPagination.vue
@@ -54,7 +54,7 @@
         <UIButton id="next-page-button"
                   :disabled="disabled || !hasNext"
                   aria-label="Next Page"
-                  class="transform rotate-270 !p-1"
+                  class="transform -rotate-90 !p-1"
                   @click="page === Number(length) ? undefined : setPage(page + 1)"
                   v-html="chevronIcon" />
     </div>

diff --git a/src/components/pagination/__snapshots__/UIPagination.test.ts.snap b/src/components/pagination/__snapshots__/UIPagination.test.ts.snap
@@ -140,7 +140,7 @@ exports[`UIPagination should render correctly 1`] = `
   </button>
   <button
     aria-label="Next Page"
-    class="border-gray-300 text-gray-900 bg-gray-300 disabled:bg-gray-300 ring-gray-600 hover:bg-gray-400 hover:border-gray-400 border px-3.5 py-2 focus:ring-2 ui-button rounded font-bold text-sm m-0 focus:outline-none ring-0 disabled:cursor-not-allowed transform rotate-270 !p-1"
+    class="border-gray-300 text-gray-900 bg-gray-300 disabled:bg-gray-300 ring-gray-600 hover:bg-gray-400 hover:border-gray-400 border px-3.5 py-2 focus:ring-2 ui-button rounded font-bold text-sm m-0 focus:outline-none ring-0 disabled:cursor-not-allowed transform -rotate-90 !p-1"
     id="next-page-button"
     type="button"
   >

diff --git a/src/components/table/UITable.vue b/src/components/table/UITable.vue
@@ -180,7 +180,7 @@
                                                   v-html="chevronIcon" />
                                         <UIButton :disabled="!hasNext"
                                                   minimal
-                                                  class="transform rotate-270"
+                                                  class="transform -rotate-90"
                                                   @click="currentPage++"
                                                   v-html="chevronIcon" />
                                     </span>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -42,9 +42,6 @@ export default {
             },
             transitionProperty: {
                 'spacing': 'margin, padding'
-            },
-            rotate: {
-                '270': '270deg'
             }
         }
     }