Release/v4.0.0

.github/workflows/build.yml

@@ -78,11 +78,27 @@
           retention-days: 14
 
       - name: Push to Slack on PR merge
-        if: ${{ github.event.pull_request.merged == true }}
-        run: |
-          curl -F [email protected] -F "initial_comment=Ally - A new PR has been pushed to the master branch by ${{ github.actor }}."  title="${{ github.event.pull_request.title }}" -F channels=C07LFCFNGDB -H "Authorization: Bearer ${{ secrets.CLOUD_SLACK_BOT_TOKEN }}" https://slack.com/api/files.upload
+        if: ${{ github.event.pull_request.merged == 'true' }}
+        uses: slackapi/[email protected]
+        with:
+          method: files.uploadV2
+          token: ${{ secrets.CLOUD_SLACK_BOT_TOKEN }}
+          payload: |
+            channel_id: "C07LFCFNGDB"
+            title: "${{ github.event.pull_request.title }}"
+            initial_comment: "Ally - A new PR has been pushed to the master branch by ${{ github.actor }}."
+            file: "pojo-accessibility.zip"
+            filename: "pojo-accessibility.zip""
 
       - name: Push to Slack on Manual Trigger
         if: ${{ github.event.inputs.push_to_slack == 'true'  }}
-        run: |
-          curl -F [email protected] -F "initial_comment=Ally - A new build was triggered by ${{ github.actor }}."  title="Manuall ${{ steps.date.outputs.date }}" -F channels=C07LFCFNGDB -H "Authorization: Bearer ${{ secrets.CLOUD_SLACK_BOT_TOKEN }}" https://slack.com/api/files.upload
+        uses: slackapi/[email protected]
+        with:
+          method: files.uploadV2
+          token: ${{ secrets.CLOUD_SLACK_BOT_TOKEN }}
+          payload: |
+            channel_id: "C07LFCFNGDB"
+            title: "{{ github.event.pull_request.title }}"
+            initial_comment: "Ally - A new build was triggered by ${{ github.actor }}."
+            file: "pojo-accessibility.zip"
+            filename: "pojo-accessibility.zip"

.github/workflows/js-ci.yml

@@ -38,7 +38,10 @@ jobs:
       - name: Build
         run: npm run build
 
-      - name: Lint
+      - name: Lint Styles
+        run: npm run lint:css
+
+      - name: Lint JS/TS
         run: npm run lint:js
 
 #      - name: Test

.husky/pre-commit

@@ -1 +1 @@
-npm run lint:js
+npm run lint

.npmrc

@@ -0,0 +1,2 @@
+//npm.pkg.github.com/:_authToken=${token}
+//@elementor:registry=https://npm.pkg.github.com

.stylelintrc

@@ -0,0 +1,19 @@
+{
+  "extends": "@wordpress/stylelint-config",
+  "rules": {
+    "selector-class-pattern": null,
+    "selector-id-pattern": null
+  },
+  "ignoreFiles": [
+    "**/node_modules/**",
+    "**/vendor/**",
+    "assets/build/**",
+    "assets/fonts/**",
+    "assets/lib/**",
+    "modules/legacy/assets/**",
+    "build/**",
+    "coverage/**",
+    "tests/**",
+    "one-click-accessibility/**"
+  ]
+}

assets/css/admin.css

@@ -1,8 +1,8 @@
-#adminmenu .toplevel_page_accessibility-settings .wp-menu-image img {
+#adminmenu .toplevel_page_accessibility-settings .wp-menu-image img,
+#adminmenu .elementor_page_accessibility-settings .wp-menu-image img {
   width: 20px;
   height: 20px;
   padding: 7px 0;
-
   opacity: 1;
   filter: none;
 }

assets/css/fonts.css

@@ -1,6 +1,6 @@
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   font-stretch: 100%;
@@ -11,7 +11,7 @@
 
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   font-stretch: 100%;
@@ -22,7 +22,7 @@
 
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   font-stretch: 100%;
@@ -33,7 +33,7 @@
 
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   font-stretch: 100%;
@@ -44,7 +44,7 @@
 
 /* symbols */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   font-stretch: 100%;
@@ -55,7 +55,7 @@
 
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   font-stretch: 100%;
@@ -66,7 +66,7 @@
 
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   font-stretch: 100%;
@@ -77,7 +77,7 @@
 
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   font-stretch: 100%;
@@ -88,7 +88,7 @@
 
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   font-stretch: 100%;
@@ -99,7 +99,7 @@
 
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   font-stretch: 100%;
@@ -110,7 +110,7 @@
 
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   font-stretch: 100%;
@@ -121,7 +121,7 @@
 
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   font-stretch: 100%;
@@ -132,7 +132,7 @@
 
 /* symbols */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   font-stretch: 100%;
@@ -143,7 +143,7 @@
 
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   font-stretch: 100%;
@@ -154,7 +154,7 @@
 
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   font-stretch: 100%;
@@ -165,7 +165,7 @@
 
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   font-stretch: 100%;
@@ -176,7 +176,7 @@
 
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 600;
   font-stretch: 100%;
@@ -187,7 +187,7 @@
 
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 600;
   font-stretch: 100%;
@@ -198,7 +198,7 @@
 
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 600;
   font-stretch: 100%;
@@ -209,7 +209,7 @@
 
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 600;
   font-stretch: 100%;
@@ -220,7 +220,7 @@
 
 /* symbols */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 600;
   font-stretch: 100%;
@@ -231,7 +231,7 @@
 
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 600;
   font-stretch: 100%;
@@ -242,7 +242,7 @@
 
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 600;
   font-stretch: 100%;
@@ -253,7 +253,7 @@
 
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 600;
   font-stretch: 100%;
@@ -264,7 +264,7 @@
 
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   font-stretch: 100%;
@@ -275,7 +275,7 @@
 
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   font-stretch: 100%;
@@ -286,7 +286,7 @@
 
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   font-stretch: 100%;
@@ -297,7 +297,7 @@
 
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   font-stretch: 100%;
@@ -308,7 +308,7 @@
 
 /* symbols */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   font-stretch: 100%;
@@ -319,7 +319,7 @@
 
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   font-stretch: 100%;
@@ -330,7 +330,7 @@
 
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   font-stretch: 100%;
@@ -341,7 +341,7 @@
 
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   font-stretch: 100%;