[UI Kit] fix: Typing packages for peer deps (#48)

* fix: Typing packages for peer deps * test: Update snapshots
pancakeswap · Apr 2, 2021 · bedc9ae · bedc9ae
1 parent 8889c18
commit bedc9ae
Show file tree

Hide file tree

Showing 30 changed files with 275 additions and 282 deletions.
diff --git a/packages/pancake-uikit/package.json b/packages/pancake-uikit/package.json
@@ -28,8 +28,6 @@
   "devDependencies": {
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.5",
-    "@types/lodash": "^4.14.168",
-    "@types/styled-system": "^5.1.10",
     "jest-styled-components": "^7.0.3",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
@@ -43,6 +41,8 @@
     "styled-components": "^5.2.3"
   },
   "dependencies": {
+    "@types/lodash": "^4.14.168",
+    "@types/styled-system": "^5.1.10",
     "lodash": "^4.17.20",
     "react-transition-group": "^4.4.1",
     "styled-system": "^5.1.5"

diff --git a/packages/pancake-uikit/src/__tests__/components/alert.test.tsx b/packages/pancake-uikit/src/__tests__/components/alert.test.tsx
@@ -8,13 +8,13 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-eCssSg sc-jSgupP sc-pFZIQ jnvqfy cjuMmG iHQmOP"
+        class="sc-eCImvq sc-jRQAMF sc-pVTma bvbNmj hCaNlo kiiDNf"
       >
         <div
-          class="sc-gKsewC fosoJN"
+          class="sc-gKckTs bRlQtq"
         >
           <svg
-            class="sc-bdfBwQ gcQKnf"
+            class="sc-bdvvaa ekSmlT"
             color="currentColor"
             viewBox="0 0 24 24"
             width="24px"
@@ -26,16 +26,16 @@ it("renders correctly", () => {
           </svg>
         </div>
         <div
-          class="sc-iBPRYJ hdYjNd"
+          class="sc-iCfLBT fSnOLT"
         >
           <div
-            class="sc-gsTCUz TrMyr"
+            class="sc-gsDJrp bRnxSN"
             color="text"
           >
             Alert title
           </div>
           <p
-            class="sc-gsTCUz fgiAxh"
+            class="sc-gsDJrp iTStsT"
             color="text"
           >
             Description

diff --git a/packages/pancake-uikit/src/__tests__/components/balanceinput.test.tsx b/packages/pancake-uikit/src/__tests__/components/balanceinput.test.tsx
@@ -9,17 +9,17 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-gsTCUz sc-hKgILt jLyPtw wBnBi"
+        class="sc-gsDJrp sc-hKwCoD cXGWwC csIqRJ"
       >
         <input
-          class="sc-dlfnbm sc-eCssSg iIlYpN jebGQw"
+          class="sc-dkPtyc sc-eCImvq eEGAVJ jnjkdV"
           placeholder="0.0"
           scale="md"
           type="text"
           value="14"
         />
         <div
-          class="sc-bdfBwQ hRRNWZ"
+          class="sc-bdvvaa ctIsWd"
           color="textSubtle"
           font-size="12px"
         >

diff --git a/packages/pancake-uikit/src/__tests__/components/breadcrumbs.test.tsx b/packages/pancake-uikit/src/__tests__/components/breadcrumbs.test.tsx
@@ -7,7 +7,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <ul
-        class="sc-dlfnbm lhEQuh"
+        class="sc-dkPtyc iziLLx"
       />
     </DocumentFragment>
   `);

diff --git a/packages/pancake-uikit/src/__tests__/components/button.test.tsx b/packages/pancake-uikit/src/__tests__/components/button.test.tsx
@@ -7,7 +7,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <button
-        class="sc-bdfBwQ cUYMra"
+        class="sc-bdvvaa cJbNWK"
         scale="md"
       >
         Submit

diff --git a/packages/pancake-uikit/src/__tests__/components/buttonmenu.test.tsx b/packages/pancake-uikit/src/__tests__/components/buttonmenu.test.tsx
@@ -15,16 +15,16 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-bdfBwQ ixBoaC"
+        class="sc-bdvvaa kiJEPi"
       >
         <button
-          class="sc-gsTCUz cEeBEu"
+          class="sc-gsDJrp kAseA"
           scale="md"
         >
           Item 1
         </button>
         <button
-          class="sc-gsTCUz iPLbld sc-dlfnbm iHweuo"
+          class="sc-gsDJrp kwFeVn sc-dkPtyc cqNYfE"
           scale="md"
         >
           Item 2

diff --git a/packages/pancake-uikit/src/__tests__/components/card.test.tsx b/packages/pancake-uikit/src/__tests__/components/card.test.tsx
@@ -13,20 +13,20 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-bdfBwQ gppsKf"
+        class="sc-bdvvaa QgjRP"
       >
         <div
-          class="sc-dlfnbm eoWuoy"
+          class="sc-dkPtyc dPqJYu"
         >
           Header
         </div>
         <div
-          class="sc-gsTCUz iMfsSF"
+          class="sc-gsDJrp bNXekX"
         >
           Body
         </div>
         <div
-          class="sc-hKgILt gKiPqy"
+          class="sc-hKwCoD kCvFCJ"
         >
           Footer
         </div>

diff --git a/packages/pancake-uikit/src/__tests__/components/checkbox.test.tsx b/packages/pancake-uikit/src/__tests__/components/checkbox.test.tsx
@@ -10,7 +10,7 @@ it("renders correctly", () => {
     <DocumentFragment>
       <input
         checked=""
-        class="sc-bdfBwQ fSgGwx"
+        class="sc-bdvvaa gvNXrl"
         scale="md"
         type="checkbox"
       />

diff --git a/packages/pancake-uikit/src/__tests__/components/dropdown.test.tsx b/packages/pancake-uikit/src/__tests__/components/dropdown.test.tsx
@@ -7,13 +7,13 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-gsTCUz cXEafq"
+        class="sc-gsDJrp bEdmoQ"
       >
         <div>
           target
         </div>
         <div
-          class="sc-bdfBwQ iLGqGB"
+          class="sc-bdvvaa idSXnN"
         />
       </div>
     </DocumentFragment>

diff --git a/packages/pancake-uikit/src/__tests__/components/fallingbunnies.test.tsx b/packages/pancake-uikit/src/__tests__/components/fallingbunnies.test.tsx
@@ -16,10 +16,10 @@ it("renders correctly", () => {
     <DocumentFragment>
       <div>
         <div
-          class="sc-gsTCUz jYheWP"
+          class="sc-gsDJrp cSNsup"
         >
           <svg
-            class="sc-bdfBwQ cuuOmQ"
+            class="sc-bdvvaa jFbviQ"
             color="text"
             height="32"
             viewBox="0 0 32 32"

diff --git a/packages/pancake-uikit/src/__tests__/components/flex.test.tsx b/packages/pancake-uikit/src/__tests__/components/flex.test.tsx
@@ -7,7 +7,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-bdfBwQ sc-gsTCUz iwJkGQ ckYhbt"
+        class="sc-bdvvaa sc-gsDJrp gaVyZU hzWwMj"
       >
         flex
       </div>

diff --git a/packages/pancake-uikit/src/__tests__/components/heading.test.tsx b/packages/pancake-uikit/src/__tests__/components/heading.test.tsx
@@ -7,7 +7,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <h2
-        class="sc-bdfBwQ sc-gsTCUz gWEhOj euWWbB"
+        class="sc-bdvvaa sc-gsDJrp XbzBn ktrawH"
         color="text"
       >
         Title

diff --git a/packages/pancake-uikit/src/__tests__/components/input.test.tsx b/packages/pancake-uikit/src/__tests__/components/input.test.tsx
@@ -9,7 +9,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <input
-        class="sc-bdfBwQ dtjLGO"
+        class="sc-bdvvaa bIrlQa"
         scale="md"
         type="text"
         value="input"

diff --git a/packages/pancake-uikit/src/__tests__/components/layouts.test.tsx b/packages/pancake-uikit/src/__tests__/components/layouts.test.tsx
@@ -7,7 +7,7 @@ it("renders base layout correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-bdfBwQ dvyXkL"
+        class="sc-bdvvaa flIpwv"
       >
         basic layout
       </div>
@@ -20,7 +20,7 @@ it("renders card layout correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-bdfBwQ sc-gsTCUz dvyXkL iqaxyV"
+        class="sc-bdvvaa sc-gsDJrp flIpwv dwTUZT"
       >
         cards layout
       </div>

diff --git a/packages/pancake-uikit/src/__tests__/components/link.test.tsx b/packages/pancake-uikit/src/__tests__/components/link.test.tsx
@@ -7,7 +7,7 @@ it("renders link correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <a
-        class="sc-bdfBwQ sc-gsTCUz eiaRqE djpNeP"
+        class="sc-bdvvaa sc-gsDJrp idxVps iZzBHB"
         color="primary"
         href="https://pancakeswap.finance"
       >
@@ -22,15 +22,15 @@ it("renders link external link correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <a
-        class="sc-bdfBwQ sc-gsTCUz eiaRqE djpNeP"
+        class="sc-bdvvaa sc-gsDJrp idxVps iZzBHB"
         color="primary"
         href="https://pancakeswap.finance"
         rel="noreferrer noopener"
         target="_blank"
       >
         Link
         <svg
-          class="sc-dlfnbm dJUqYR"
+          class="sc-dkPtyc jAAMdt"
           color="primary"
           viewBox="0 0 24 24"
           width="20px"

diff --git a/packages/pancake-uikit/src/__tests__/components/notificationdot.test.tsx b/packages/pancake-uikit/src/__tests__/components/notificationdot.test.tsx
@@ -11,11 +11,11 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <span
-        class="sc-bdfBwQ gfxPDG"
+        class="sc-bdvvaa bEkNna"
       >
         <div />
         <span
-          class="sc-gsTCUz ewuwAp"
+          class="sc-gsDJrp kWJlGX"
         />
       </span>
     </DocumentFragment>

diff --git a/packages/pancake-uikit/src/__tests__/components/overlay.test.tsx b/packages/pancake-uikit/src/__tests__/components/overlay.test.tsx
@@ -7,7 +7,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-bdfBwQ SmJzf"
+        class="sc-bdvvaa fdGbZD"
         role="presentation"
       />
     </DocumentFragment>

diff --git a/packages/pancake-uikit/src/__tests__/components/progress.test.tsx b/packages/pancake-uikit/src/__tests__/components/progress.test.tsx
@@ -7,10 +7,10 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-gsTCUz cECZDH"
+        class="sc-gsDJrp gBicJL"
       >
         <div
-          class="sc-bdfBwQ dfCzcs"
+          class="sc-bdvvaa hcMUIc"
           style="width: 50%;"
         />
       </div>

diff --git a/packages/pancake-uikit/src/__tests__/components/radio.test.tsx b/packages/pancake-uikit/src/__tests__/components/radio.test.tsx
@@ -7,7 +7,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <input
-        class="sc-bdfBwQ dsNrbs"
+        class="sc-bdvvaa kebDJQ"
         name="radio"
         scale="md"
         type="radio"

diff --git a/packages/pancake-uikit/src/__tests__/components/skeleton.test.tsx b/packages/pancake-uikit/src/__tests__/components/skeleton.test.tsx
@@ -7,7 +7,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-bdfBwQ sc-gsTCUz lnQWmK jeKmSf"
+        class="sc-bdvvaa sc-gsDJrp BylXW mZvVh"
       />
     </DocumentFragment>
   `);
@@ -18,7 +18,7 @@ it("renders correctly avatar", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-bdfBwQ sc-gsTCUz dNWWAj jeKmSf"
+        class="sc-bdvvaa sc-gsDJrp bPoEGX mZvVh"
         height="50"
         width="50"
       />
@@ -31,7 +31,7 @@ it("renders correctly waves animation", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-bdfBwQ sc-dlfnbm cIASSD hYUQGT"
+        class="sc-bdvvaa sc-dkPtyc gjYeAf bAuuOX"
         height="50"
         width="50"
       />

diff --git a/packages/pancake-uikit/src/__tests__/components/spinner.test.tsx b/packages/pancake-uikit/src/__tests__/components/spinner.test.tsx
@@ -7,10 +7,10 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-gsTCUz khJLZs"
+        class="sc-gsDJrp dmkRxm"
       >
         <svg
-          class="sc-bdfBwQ cuuOmQ sc-dlfnbm mabrO"
+          class="sc-bdvvaa jFbviQ sc-dkPtyc cafWiq"
           color="text"
           viewBox="0 0 128 128"
           width="64px"
@@ -44,7 +44,7 @@ it("renders correctly", () => {
           </svg>
         </svg>
         <svg
-          class="sc-bdfBwQ cuuOmQ sc-hKgILt jsGrON"
+          class="sc-bdvvaa jFbviQ sc-hKwCoD lkaLNa"
           color="text"
           viewBox="0 0 256 256"
           width="128px"

diff --git a/packages/pancake-uikit/src/__tests__/components/svg.test.tsx b/packages/pancake-uikit/src/__tests__/components/svg.test.tsx
@@ -11,7 +11,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <svg
-        class="sc-bdfBwQ cuuOmQ"
+        class="sc-bdvvaa jFbviQ"
         color="text"
         viewBox="0 0 24 24"
         width="20px"

diff --git a/packages/pancake-uikit/src/__tests__/components/tabmenu.test.tsx b/packages/pancake-uikit/src/__tests__/components/tabmenu.test.tsx
@@ -14,29 +14,29 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-bdfBwQ sc-gsTCUz sc-dlfnbm iwJkGQ ckYhbt hfSAvK"
+        class="sc-bdvvaa sc-gsDJrp sc-dkPtyc gaVyZU hzWwMj ipUbgm"
       >
         <div
-          class="sc-bdfBwQ sc-gsTCUz sc-hKgILt iwJkGQ ckYhbt kGuCa-d"
+          class="sc-bdvvaa sc-gsDJrp sc-hKwCoD gaVyZU hzWwMj joasFC"
         >
           <button
-            class="sc-eCssSg ixipzp"
+            class="sc-eCImvq gfevKM"
             color="card"
           >
             <div
-              class="sc-jSgupP dTcSYX"
+              class="sc-jRQAMF kpBUCd"
               color="card"
               font-weight="600"
             >
               Item 1
             </div>
           </button>
           <button
-            class="sc-eCssSg bTcWnb"
+            class="sc-eCImvq hWcBJK"
             color="textSubtle"
           >
             <div
-              class="sc-jSgupP fEsPNW"
+              class="sc-jRQAMF ftBIrs"
               color="textSubtle"
               font-weight="600"
             >

diff --git a/packages/pancake-uikit/src/__tests__/components/tag.test.tsx b/packages/pancake-uikit/src/__tests__/components/tag.test.tsx
@@ -7,7 +7,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-bdfBwQ hDWTGh"
+        class="sc-bdvvaa WLkLZ"
         scale="md"
       >
         Core