feat: reintroduce BorderedBox (scaleway#1044)

* feat: reintroduce BorderedBox * feat: bonjour * fix: better tests * fix: use new colors
philibea · Dec 27, 2021 · a39a901 · a39a901
1 parent 7c6c112
commit a39a901
Show file tree

Hide file tree

Showing 70 changed files with 7,457 additions and 7,338 deletions.
diff --git a/src/components/Alert/__tests__/__snapshots__/index.test.tsx.snap b/src/components/Alert/__tests__/__snapshots__/index.test.tsx.snap
diff --git a/src/components/Avatar/__tests__/__snapshots__/index.tsx.snap b/src/components/Avatar/__tests__/__snapshots__/index.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Avatar renders correctly with custom background color 1`] = `
 <DocumentFragment>
-  .cache-ua3jbc.cache-ua3jbc {
+  .cache-wta1f9.cache-wta1f9 {
   width: 32px;
   height: 32px;
   position: relative;
@@ -30,7 +30,7 @@ exports[`Avatar renders correctly with custom background color 1`] = `
 }
 
 <div
-    class="cache-ua3jbc e7ah3bn0"
+    class="cache-wta1f9"
   >
     <div
       class="cache-t4e693 e1frqeh81"
@@ -43,7 +43,7 @@ exports[`Avatar renders correctly with custom background color 1`] = `
 
 exports[`Avatar renders correctly with custom text color 1`] = `
 <DocumentFragment>
-  .cache-ua3jbc.cache-ua3jbc {
+  .cache-wta1f9.cache-wta1f9 {
   width: 32px;
   height: 32px;
   position: relative;
@@ -71,7 +71,7 @@ exports[`Avatar renders correctly with custom text color 1`] = `
 }
 
 <div
-    class="cache-ua3jbc e7ah3bn0"
+    class="cache-wta1f9"
   >
     <div
       class="cache-lme662 e1frqeh81"
@@ -84,7 +84,7 @@ exports[`Avatar renders correctly with custom text color 1`] = `
 
 exports[`Avatar renders correctly with default props 1`] = `
 <DocumentFragment>
-  .cache-ua3jbc.cache-ua3jbc {
+  .cache-wta1f9.cache-wta1f9 {
   width: 32px;
   height: 32px;
   position: relative;
@@ -96,7 +96,7 @@ exports[`Avatar renders correctly with default props 1`] = `
 }
 
 <div
-    class="cache-ua3jbc e7ah3bn0"
+    class="cache-wta1f9"
   >
     <img
       alt=""
@@ -109,7 +109,7 @@ exports[`Avatar renders correctly with default props 1`] = `
 
 exports[`Avatar renders correctly with image 1`] = `
 <DocumentFragment>
-  .cache-ua3jbc.cache-ua3jbc {
+  .cache-wta1f9.cache-wta1f9 {
   width: 32px;
   height: 32px;
   position: relative;
@@ -121,7 +121,7 @@ exports[`Avatar renders correctly with image 1`] = `
 }
 
 <div
-    class="cache-ua3jbc e7ah3bn0"
+    class="cache-wta1f9"
   >
     <img
       alt=""
@@ -134,7 +134,7 @@ exports[`Avatar renders correctly with image 1`] = `
 
 exports[`Avatar renders correctly with lock 1`] = `
 <DocumentFragment>
-  .cache-ua3jbc.cache-ua3jbc {
+  .cache-wta1f9.cache-wta1f9 {
   width: 32px;
   height: 32px;
   position: relative;
@@ -161,26 +161,26 @@ exports[`Avatar renders correctly with lock 1`] = `
   width: 100%;
 }
 
-.cache-makwam {
+.cache-f9vv5z {
   fill: #b2b6c3;
   height: 1em;
   width: 1em;
   min-width: 1em;
   min-height: 1em;
 }
 
-.cache-makwam.cache-makwam {
+.cache-f9vv5z.cache-f9vv5z {
   vertical-align: middle;
 }
 
 <div
-    class="cache-ua3jbc e7ah3bn0"
+    class="cache-wta1f9"
   >
     <div
       class="cache-ha24km e1frqeh81"
     >
       <svg
-        class="sc-ui-icon etwatq50 cache-makwam e7ah3bn0"
+        class="sc-ui-icon etwatq50 cache-f9vv5z"
         title="Locked"
         viewBox="0 0 24 24"
       >
@@ -195,7 +195,7 @@ exports[`Avatar renders correctly with lock 1`] = `
 
 exports[`Avatar renders correctly with sentence 1`] = `
 <DocumentFragment>
-  .cache-ua3jbc.cache-ua3jbc {
+  .cache-wta1f9.cache-wta1f9 {
   width: 32px;
   height: 32px;
   position: relative;
@@ -223,7 +223,7 @@ exports[`Avatar renders correctly with sentence 1`] = `
 }
 
 <div
-    class="cache-ua3jbc e7ah3bn0"
+    class="cache-wta1f9"
   >
     <div
       class="cache-1am9adn e1frqeh81"
@@ -236,7 +236,7 @@ exports[`Avatar renders correctly with sentence 1`] = `
 
 exports[`Avatar renders correctly with size 1`] = `
 <DocumentFragment>
-  .cache-cywuei.cache-cywuei {
+  .cache-1rk64pa.cache-1rk64pa {
   width: 48px;
   height: 48px;
   position: relative;
@@ -248,7 +248,7 @@ exports[`Avatar renders correctly with size 1`] = `
 }
 
 <div
-    class="cache-cywuei e7ah3bn0"
+    class="cache-1rk64pa"
   >
     <img
       alt=""
@@ -261,7 +261,7 @@ exports[`Avatar renders correctly with size 1`] = `
 
 exports[`Avatar renders correctly with small text 1`] = `
 <DocumentFragment>
-  .cache-ua3jbc.cache-ua3jbc {
+  .cache-wta1f9.cache-wta1f9 {
   width: 32px;
   height: 32px;
   position: relative;
@@ -289,7 +289,7 @@ exports[`Avatar renders correctly with small text 1`] = `
 }
 
 <div
-    class="cache-ua3jbc e7ah3bn0"
+    class="cache-wta1f9"
   >
     <div
       class="cache-1am9adn e1frqeh81"
@@ -302,7 +302,7 @@ exports[`Avatar renders correctly with small text 1`] = `
 
 exports[`Avatar renders correctly with text 1`] = `
 <DocumentFragment>
-  .cache-ua3jbc.cache-ua3jbc {
+  .cache-wta1f9.cache-wta1f9 {
   width: 32px;
   height: 32px;
   position: relative;
@@ -330,7 +330,7 @@ exports[`Avatar renders correctly with text 1`] = `
 }
 
 <div
-    class="cache-ua3jbc e7ah3bn0"
+    class="cache-wta1f9"
   >
     <div
       class="cache-1am9adn e1frqeh81"
@@ -343,7 +343,7 @@ exports[`Avatar renders correctly with text 1`] = `
 
 exports[`Avatar renders correctly with text and custom style 1`] = `
 <DocumentFragment>
-  .cache-ua3jbc.cache-ua3jbc {
+  .cache-wta1f9.cache-wta1f9 {
   width: 32px;
   height: 32px;
   position: relative;
@@ -371,7 +371,7 @@ exports[`Avatar renders correctly with text and custom style 1`] = `
 }
 
 <div
-    class="cache-ua3jbc e7ah3bn0"
+    class="cache-wta1f9"
   >
     <div
       class="cache-6jj1vw e1frqeh81"
@@ -384,7 +384,7 @@ exports[`Avatar renders correctly with text and custom style 1`] = `
 
 exports[`Avatar renders correctly with text size 1`] = `
 <DocumentFragment>
-  .cache-nt716f.cache-nt716f {
+  .cache-1si9epa.cache-1si9epa {
   width: 50px;
   height: 50px;
   position: relative;
@@ -412,7 +412,7 @@ exports[`Avatar renders correctly with text size 1`] = `
 }
 
 <div
-    class="cache-nt716f e7ah3bn0"
+    class="cache-1si9epa"
   >
     <div
       class="cache-bpwuh7 e1frqeh81"