fix(Text): remove default color neutral (#2990)

Co-authored-by: philibeaux <[email protected]>
scaleway · Oct 17, 2023 · 3b01b13 · 3b01b13
1 parent 8c59447
commit 3b01b13
Show file tree

Hide file tree

Showing 26 changed files with 302 additions and 474 deletions.
diff --git a/.changeset/old-wolves-fail.md b/.changeset/old-wolves-fail.md
@@ -0,0 +1,5 @@
+---
+'@ultraviolet/ui': minor
+---
+
+Fix `<Text />` component to remove default color neutral and make it unset allowing text to inherit it's color from parent
diff --git a/packages/form/src/components/CheckboxGroupField/__tests__/__snapshots__/index.spec.tsx.snap b/packages/form/src/components/CheckboxGroupField/__tests__/__snapshots__/index.spec.tsx.snap
@@ -54,8 +54,7 @@ exports[`CheckboxField should render correctly checked 1`] = `
   flex-wrap: nowrap;
 }
 
-.cache-tjeurz {
-  color: #3f4250;
+.cache-103o9w9 {
   font-size: 16px;
   font-family: Asap;
   font-weight: 500;
@@ -337,7 +336,7 @@ exports[`CheckboxField should render correctly checked 1`] = `
           class="cache-tjrecv ehpbis70"
         >
           <legend
-            class="cache-tjeurz e13y3mga0"
+            class="cache-103o9w9 e13y3mga0"
           >
             Label 
           </legend>
@@ -522,8 +521,7 @@ exports[`CheckboxField should trigger events correctly with required prop 1`] =
   flex-wrap: nowrap;
 }
 
-.cache-tjeurz {
-  color: #3f4250;
+.cache-103o9w9 {
   font-size: 16px;
   font-family: Asap;
   font-weight: 500;
@@ -815,7 +813,7 @@ exports[`CheckboxField should trigger events correctly with required prop 1`] =
           class="cache-tjrecv ehpbis70"
         >
           <legend
-            class="cache-tjeurz e13y3mga0"
+            class="cache-103o9w9 e13y3mga0"
           >
             CheckboxGroupField events 
             <svg

diff --git a/packages/form/src/components/RadioGroupField/__tests__/__snapshots__/index.spec.tsx.snap b/packages/form/src/components/RadioGroupField/__tests__/__snapshots__/index.spec.tsx.snap
@@ -54,8 +54,7 @@ exports[`RadioField should render correctly checked 1`] = `
   flex-wrap: nowrap;
 }
 
-.cache-tjeurz {
-  color: #3f4250;
+.cache-103o9w9 {
   font-size: 16px;
   font-family: Asap;
   font-weight: 500;
@@ -228,7 +227,7 @@ exports[`RadioField should render correctly checked 1`] = `
           class="cache-tjrecv ehpbis70"
         >
           <legend
-            class="cache-tjeurz e13y3mga0"
+            class="cache-103o9w9 e13y3mga0"
           >
             Label 
           </legend>
@@ -395,8 +394,7 @@ exports[`RadioField should trigger events correctly 1`] = `
   flex-wrap: nowrap;
 }
 
-.cache-tjeurz {
-  color: #3f4250;
+.cache-103o9w9 {
   font-size: 16px;
   font-family: Asap;
   font-weight: 500;
@@ -569,7 +567,7 @@ exports[`RadioField should trigger events correctly 1`] = `
           class="cache-tjrecv ehpbis70"
         >
           <legend
-            class="cache-tjeurz e13y3mga0"
+            class="cache-103o9w9 e13y3mga0"
           >
             RadioGroupField events 
           </legend>

diff --git a/packages/form/src/components/SubmitErrorAlert/__tests__/__snapshots__/index.spec.tsx.snap b/packages/form/src/components/SubmitErrorAlert/__tests__/__snapshots__/index.spec.tsx.snap
@@ -171,8 +171,7 @@ exports[`SubmitErrorAlert should display an alert when submitError is present 1`
   flex-wrap: wrap;
 }
 
-.cache-1d1sal {
-  color: #3f4250;
+.cache-1x5z0oq {
   font-size: 16px;
   font-family: Asap;
   font-weight: 400;
@@ -213,7 +212,7 @@ exports[`SubmitErrorAlert should display an alert when submitError is present 1`
             class="cache-hvmk6w e17p0ih03"
           >
             <p
-              class="cache-1d1sal e13y3mga0"
+              class="cache-1x5z0oq e13y3mga0"
             >
               hello
             </p>

diff --git a/packages/form/src/components/ToggleGroupField/__tests__/__snapshots__/index.spec.tsx.snap b/packages/form/src/components/ToggleGroupField/__tests__/__snapshots__/index.spec.tsx.snap
@@ -54,8 +54,7 @@ exports[`GroupField should render correctly checked 1`] = `
   flex-wrap: nowrap;
 }
 
-.cache-tjeurz {
-  color: #3f4250;
+.cache-103o9w9 {
   font-size: 16px;
   font-family: Asap;
   font-weight: 500;
@@ -259,7 +258,7 @@ exports[`GroupField should render correctly checked 1`] = `
           class="cache-tjrecv ehpbis70"
         >
           <legend
-            class="cache-tjeurz e13y3mga0"
+            class="cache-103o9w9 e13y3mga0"
           >
             Label 
           </legend>
@@ -384,8 +383,7 @@ exports[`GroupField should trigger events correctly with required prop 1`] = `
   flex-wrap: nowrap;
 }
 
-.cache-tjeurz {
-  color: #3f4250;
+.cache-103o9w9 {
   font-size: 16px;
   font-family: Asap;
   font-weight: 500;
@@ -599,7 +597,7 @@ exports[`GroupField should trigger events correctly with required prop 1`] = `
           class="cache-tjrecv ehpbis70"
         >
           <legend
-            class="cache-tjeurz e13y3mga0"
+            class="cache-103o9w9 e13y3mga0"
           >
             ToggleGroupField events 
             <svg

diff --git a/packages/ui/src/components/Alert/__tests__/__snapshots__/index.test.tsx.snap b/packages/ui/src/components/Alert/__tests__/__snapshots__/index.test.tsx.snap
@@ -117,8 +117,7 @@ exports[`Alert renders correctly with all sentiments renders correctly sentiment
   flex-wrap: wrap;
 }
 
-.cache-1cozjuw-StyledText {
-  color: #3f4250;
+.cache-1ku5ov3-StyledText {
   font-size: 16px;
   font-family: Asap;
   font-weight: 400;
@@ -150,7 +149,7 @@ exports[`Alert renders correctly with all sentiments renders correctly sentiment
           class="cache-4ixw4c-Stack-TextStack e17p0ih03"
         >
           <p
-            class="cache-1cozjuw-StyledText e13y3mga0"
+            class="cache-1ku5ov3-StyledText e13y3mga0"
           >
             Sample Alert
           </p>
@@ -278,8 +277,7 @@ exports[`Alert renders correctly with all sentiments renders correctly sentiment
   flex-wrap: wrap;
 }
 
-.cache-1cozjuw-StyledText {
-  color: #3f4250;
+.cache-1ku5ov3-StyledText {
   font-size: 16px;
   font-family: Asap;
   font-weight: 400;
@@ -311,7 +309,7 @@ exports[`Alert renders correctly with all sentiments renders correctly sentiment
           class="cache-4ixw4c-Stack-TextStack e17p0ih03"
         >
           <p
-            class="cache-1cozjuw-StyledText e13y3mga0"
+            class="cache-1ku5ov3-StyledText e13y3mga0"
           >
             Sample Alert
           </p>
@@ -439,8 +437,7 @@ exports[`Alert renders correctly with all sentiments renders correctly sentiment
   flex-wrap: wrap;
 }
 
-.cache-1cozjuw-StyledText {
-  color: #3f4250;
+.cache-1ku5ov3-StyledText {
   font-size: 16px;
   font-family: Asap;
   font-weight: 400;
@@ -472,7 +469,7 @@ exports[`Alert renders correctly with all sentiments renders correctly sentiment
           class="cache-4ixw4c-Stack-TextStack e17p0ih03"
         >
           <p
-            class="cache-1cozjuw-StyledText e13y3mga0"
+            class="cache-1ku5ov3-StyledText e13y3mga0"
           >
             Sample Alert
           </p>
@@ -600,8 +597,7 @@ exports[`Alert renders correctly with all sentiments renders correctly sentiment
   flex-wrap: wrap;
 }
 
-.cache-1cozjuw-StyledText {
-  color: #3f4250;
+.cache-1ku5ov3-StyledText {
   font-size: 16px;
   font-family: Asap;
   font-weight: 400;
@@ -633,7 +629,7 @@ exports[`Alert renders correctly with all sentiments renders correctly sentiment
           class="cache-4ixw4c-Stack-TextStack e17p0ih03"
         >
           <p
-            class="cache-1cozjuw-StyledText e13y3mga0"
+            class="cache-1ku5ov3-StyledText e13y3mga0"
           >
             Sample Alert
           </p>
@@ -761,8 +757,7 @@ exports[`Alert renders correctly with buttonText and onClickButton 1`] = `
   flex-wrap: wrap;
 }
 
-.cache-1cozjuw-StyledText {
-  color: #3f4250;
+.cache-1ku5ov3-StyledText {
   font-size: 16px;
   font-family: Asap;
   font-weight: 400;
@@ -849,7 +844,7 @@ exports[`Alert renders correctly with buttonText and onClickButton 1`] = `
           class="cache-4ixw4c-Stack-TextStack e17p0ih03"
         >
           <p
-            class="cache-1cozjuw-StyledText e13y3mga0"
+            class="cache-1ku5ov3-StyledText e13y3mga0"
           >
             Sample Alert
           </p>
@@ -1130,8 +1125,7 @@ exports[`Alert renders correctly with closable and onClose 1`] = `
   flex-wrap: wrap;
 }
 
-.cache-1cozjuw-StyledText {
-  color: #3f4250;
+.cache-1ku5ov3-StyledText {
   font-size: 16px;
   font-family: Asap;
   font-weight: 400;
@@ -1229,7 +1223,7 @@ exports[`Alert renders correctly with closable and onClose 1`] = `
           class="cache-4ixw4c-Stack-TextStack e17p0ih03"
         >
           <p
-            class="cache-1cozjuw-StyledText e13y3mga0"
+            class="cache-1ku5ov3-StyledText e13y3mga0"
           >
             Sample Alert
           </p>
@@ -1371,8 +1365,7 @@ exports[`Alert renders correctly with default values 1`] = `
   flex-wrap: wrap;
 }
 
-.cache-1cozjuw-StyledText {
-  color: #3f4250;
+.cache-1ku5ov3-StyledText {
   font-size: 16px;
   font-family: Asap;
   font-weight: 400;
@@ -1404,7 +1397,7 @@ exports[`Alert renders correctly with default values 1`] = `
           class="cache-4ixw4c-Stack-TextStack e17p0ih03"
         >
           <p
-            class="cache-1cozjuw-StyledText e13y3mga0"
+            class="cache-1ku5ov3-StyledText e13y3mga0"
           >
             Sample Alert
           </p>
@@ -1532,8 +1525,7 @@ exports[`Alert renders correctly with disabled 1`] = `
   flex-wrap: wrap;
 }
 
-.cache-1cozjuw-StyledText {
-  color: #3f4250;
+.cache-1ku5ov3-StyledText {
   font-size: 16px;
   font-family: Asap;
   font-weight: 400;
@@ -1612,7 +1604,7 @@ exports[`Alert renders correctly with disabled 1`] = `
           class="cache-4ixw4c-Stack-TextStack e17p0ih03"
         >
           <p
-            class="cache-1cozjuw-StyledText e13y3mga0"
+            class="cache-1ku5ov3-StyledText e13y3mga0"
           >
             Sample Alert
           </p>
@@ -1759,8 +1751,7 @@ exports[`Alert renders correctly with title 1`] = `
   text-decoration: none;
 }
 
-.cache-1cozjuw-StyledText {
-  color: #3f4250;
+.cache-1ku5ov3-StyledText {
   font-size: 16px;
   font-family: Asap;
   font-weight: 400;
@@ -1797,7 +1788,7 @@ exports[`Alert renders correctly with title 1`] = `
             title
           </span>
           <p
-            class="cache-1cozjuw-StyledText e13y3mga0"
+            class="cache-1ku5ov3-StyledText e13y3mga0"
           >
             Sample Alert
           </p>