Merge pull request #8 from stoplightio/SL-1905/icon-size

style(icon): change icon size to fontsize

Author: casserni

package.json

@@ -35,7 +35,7 @@
     "test.watch": "yarn test --watch"
   },
   "peerDependencies": {
-    "@stoplight/ui-kit": ">=1.27",
+    "@stoplight/ui-kit": ">=1.46",
     "react": ">=16.7.0-alpha.1",
     "react-dom": ">=16.7.0-alpha.1"
   },

src/renderers/__tests__/__snapshots__/renderSchema.func.tsx.snap

@@ -76,6 +76,7 @@ Array [
       width="1rem"
     >
       <Unknown
+        fontSize="1em"
         icon={
           Object {
             "icon": Array [
@@ -89,7 +90,6 @@ Array [
             "prefix": "fas",
           }
         }
-        size="1x"
       />
     </Unknown>
     <ForwardRef
@@ -160,6 +160,7 @@ Array [
       width="1rem"
     >
       <Unknown
+        fontSize="1em"
         icon={
           Object {
             "icon": Array [
@@ -173,7 +174,6 @@ Array [
             "prefix": "fas",
           }
         }
-        size="1x"
       />
     </Unknown>
     <ForwardRef
@@ -361,6 +361,7 @@ Array [
       width="1rem"
     >
       <Unknown
+        fontSize="1em"
         icon={
           Object {
             "icon": Array [
@@ -374,7 +375,6 @@ Array [
             "prefix": "fas",
           }
         }
-        size="1x"
       />
     </Unknown>
     <ForwardRef

src/renderers/renderProp.tsx

@@ -181,7 +181,7 @@ export const renderProp = ({
       >
         {expandable ? (
           <Flex justifyContent="center" pl="0.5rem" mr="0.5rem" ml="-1.5rem" width="1rem">
-            <Icon size="1x" icon={expanded ? faCaretDown : faCaretRight} />
+            <Icon fontSize="1em" icon={expanded ? faCaretDown : faCaretRight} />
           </Flex>
         ) : null}