added sharp styles (#49)

* added sharp styles * added missed readmes * fix to get test to pass * addressed feedback * another prettier fix * udpated css on tablet view for filters * update prettier * more updates * more updates
FortAwesome · Mar 31, 2023 · 0b573ef · 0b573ef
1 parent 05e2963
commit 0b573ef
Show file tree

Hide file tree

Showing 10 changed files with 378 additions and 103 deletions.
diff --git a/DEVELOPMENT.md b/DEVELOPMENT.md
@@ -59,7 +59,7 @@ and it has three top-level keys:
         }
       },
       "props": {
-        "version": "5.15.3"
+        "version": "6.4.0"
       }
     }    
     ```
@@ -78,7 +78,7 @@ and it has three top-level keys:
     ```json
     {
       "props": {
-        "version": "5.15.3"
+        "version": "6.4.0"
       }
     }    
     ```

diff --git a/packages/fa-icon-chooser/package-lock.json b/packages/fa-icon-chooser/package-lock.json
diff --git a/packages/fa-icon-chooser/package.json b/packages/fa-icon-chooser/package.json
@@ -34,18 +34,18 @@
     "format.check": "prettier --check ."
   },
   "dependencies": {
+    "@fortawesome/fontawesome-common-types": "^6.4.0",
     "@stencil/core": "^2.13.0",
     "lodash": "^4.17.21",
-    "semver": "^6.3.0",
-    "@fortawesome/fontawesome-common-types": "^6.2.0"
+    "semver": "^6.3.0"
   },
   "license": "MIT",
   "devDependencies": {
     "@stencil/react-output-target": "^0.2.1",
     "@types/jest": "^27.4.0",
+    "@types/puppeteer": "^5.4.4",
     "jest": "^27.4.7",
     "jest-cli": "^27.4.7",
-    "@types/puppeteer": "^5.4.4",
     "prettier": "^2.3.2",
     "puppeteer": "^13.1.2"
   }

diff --git a/packages/fa-icon-chooser/src/components/fa-icon-chooser/fa-icon-chooser.css b/packages/fa-icon-chooser/src/components/fa-icon-chooser/fa-icon-chooser.css
@@ -147,14 +147,15 @@ button.icon fa-icon {
 }
 
 /* custom > tablet */
-@media (min-width: 48rem) {
+
+@media (min-width: 62.625rem) {
   .icons-style-menu-listing {
     flex-wrap: nowrap;
   }
 }
 
 @media (min-width: 89rem) {
   .icons-style-menu-listing .icons-style-choice {
-    display: block;
+    display: flex;
   }
 }
diff --git a/packages/fa-icon-chooser/src/components/fa-icon-chooser/fa-icon-chooser.e2e.ts b/packages/fa-icon-chooser/src/components/fa-icon-chooser/fa-icon-chooser.e2e.ts
@@ -24,6 +24,8 @@ describe('fa-icon-chooser', () => {
             { family: 'classic', style: 'thin' },
             { family: 'duotone', style: 'solid' },
             { family: 'sharp', style: 'solid' },
+            { family: 'sharp', style: 'regular' },
+            { family: 'sharp', style: 'light' },
           ],
         },
       },
@@ -39,6 +41,8 @@ describe('fa-icon-chooser', () => {
             { family: 'classic', style: 'thin' },
             { family: 'duotone', style: 'solid' },
             { family: 'sharp', style: 'solid' },
+            { family: 'sharp', style: 'regular' },
+            { family: 'sharp', style: 'light' },
           ],
         },
       },
@@ -54,6 +58,8 @@ describe('fa-icon-chooser', () => {
             { family: 'classic', style: 'thin' },
             { family: 'duotone', style: 'solid' },
             { family: 'sharp', style: 'solid' },
+            { family: 'sharp', style: 'regular' },
+            { family: 'sharp', style: 'light' },
           ],
         },
       },
@@ -69,6 +75,8 @@ describe('fa-icon-chooser', () => {
             { family: 'classic', style: 'thin' },
             { family: 'duotone', style: 'solid' },
             { family: 'sharp', style: 'solid' },
+            { family: 'sharp', style: 'regular' },
+            { family: 'sharp', style: 'light' },
           ],
         },
       },
@@ -84,6 +92,8 @@ describe('fa-icon-chooser', () => {
             { family: 'classic', style: 'thin' },
             { family: 'duotone', style: 'solid' },
             { family: 'sharp', style: 'solid' },
+            { family: 'sharp', style: 'regular' },
+            { family: 'sharp', style: 'light' },
           ],
         },
       },
@@ -102,6 +112,8 @@ describe('fa-icon-chooser', () => {
             { family: 'classic', style: 'thin' },
             { family: 'duotone', style: 'solid' },
             { family: 'sharp', style: 'solid' },
+            { family: 'sharp', style: 'regular' },
+            { family: 'sharp', style: 'light' },
           ],
         },
       },