fix: fix color of disabled option description text (#5835)

* fix: fix color of disabled option description text

* ci: fix test unit snapshots

---------

Co-authored-by: Pierre <pbertinet@scaleway.com>

Author: PierreBertinet

.changeset/dry-tigers-speak.md

@@ -0,0 +1,5 @@
+---
+"@ultraviolet/ui": patch
+---
+
+Fix color of disabled option description text

packages/ui/src/components/SelectInput/__tests__/__snapshots__/index.test.tsx.snap

@@ -5737,7 +5737,7 @@ exports[`selectInput > renders correctly with label on the right and optional in
                             Jupiter
                           </span>
                           <span
-                            class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_neutral__m4c9owb style_prominence_weak__m4c9owl style_variant_bodySmall__m4c9own style_disabled_false__m4c9ow1b style_undefined_compound_27__m4c9ow23 style_undefined_compound_75__m4c9ow3f"
+                            class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_prominence_default__m4c9owi style_variant_bodySmall__m4c9own style_disabled_false__m4c9ow1b style_undefined_compound_72__m4c9ow3c"
                             style="--qabug40: left;"
                           >
                             Jupiter is the fifth planet from the Sun and the largest in the Solar System. It is a gas giant with a mass more than two and a half times that of all the other planets in the Solar System combined, and slightly less than one one-thousandth the mass of the Sun.
@@ -5967,7 +5967,7 @@ exports[`selectInput > renders correctly with label on the right and optional in
                             Earth
                           </span>
                           <span
-                            class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_neutral__m4c9owb style_prominence_weak__m4c9owl style_variant_bodySmall__m4c9own style_disabled_false__m4c9ow1b style_undefined_compound_27__m4c9ow23 style_undefined_compound_75__m4c9ow3f"
+                            class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_prominence_default__m4c9owi style_variant_bodySmall__m4c9own style_disabled_false__m4c9ow1b style_undefined_compound_72__m4c9ow3c"
                             style="--qabug40: left;"
                           >
                             Our home planet
@@ -6029,7 +6029,7 @@ exports[`selectInput > renders correctly with label on the right and optional in
                             </div>
                           </span>
                           <span
-                            class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_neutral__m4c9owb style_prominence_weak__m4c9owl style_variant_bodySmall__m4c9own style_disabled_false__m4c9ow1b style_undefined_compound_27__m4c9ow23 style_undefined_compound_75__m4c9ow3f"
+                            class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_prominence_default__m4c9owi style_variant_bodySmall__m4c9own style_disabled_false__m4c9ow1b style_undefined_compound_72__m4c9ow3c"
                             style="--qabug40: left;"
                           >
                             Pluto does not fit the usual classification of either terrestrial or Jovian planets, but is rocky
@@ -6209,7 +6209,7 @@ exports[`selectInput > renders correctly with label on the right and optional in
                             Jupiter
                           </span>
                           <span
-                            class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_neutral__m4c9owb style_prominence_weak__m4c9owl style_variant_bodySmall__m4c9own style_disabled_false__m4c9ow1b style_undefined_compound_27__m4c9ow23 style_undefined_compound_75__m4c9ow3f"
+                            class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_prominence_default__m4c9owi style_variant_bodySmall__m4c9own style_disabled_false__m4c9ow1b style_undefined_compound_72__m4c9ow3c"
                             style="--qabug40: left;"
                           >
                             Jupiter is the fifth planet from the Sun and the largest in the Solar System. It is a gas giant with a mass more than two and a half times that of all the other planets in the Solar System combined, and slightly less than one one-thousandth the mass of the Sun.
@@ -6439,7 +6439,7 @@ exports[`selectInput > renders correctly with label on the right and optional in
                             Earth
                           </span>
                           <span
-                            class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_neutral__m4c9owb style_prominence_weak__m4c9owl style_variant_bodySmall__m4c9own style_disabled_false__m4c9ow1b style_undefined_compound_27__m4c9ow23 style_undefined_compound_75__m4c9ow3f"
+                            class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_prominence_default__m4c9owi style_variant_bodySmall__m4c9own style_disabled_false__m4c9ow1b style_undefined_compound_72__m4c9ow3c"
                             style="--qabug40: left;"
                           >
                             Our home planet
@@ -6501,7 +6501,7 @@ exports[`selectInput > renders correctly with label on the right and optional in
                             </div>
                           </span>
                           <span
-                            class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_neutral__m4c9owb style_prominence_weak__m4c9owl style_variant_bodySmall__m4c9own style_disabled_false__m4c9ow1b style_undefined_compound_27__m4c9ow23 style_undefined_compound_75__m4c9ow3f"
+                            class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_prominence_default__m4c9owi style_variant_bodySmall__m4c9own style_disabled_false__m4c9ow1b style_undefined_compound_72__m4c9ow3c"
                             style="--qabug40: left;"
                           >
                             Pluto does not fit the usual classification of either terrestrial or Jovian planets, but is rocky

packages/ui/src/components/SelectInput/components/DropdownOption.tsx

@@ -50,7 +50,7 @@ export const DisplayOption = ({
                 as="span"
                 placement="left"
                 prominence="weak"
-                sentiment="neutral"
+                sentiment={option.disabled ? undefined : 'neutral'}
                 variant="bodySmall"
               >
                 {option.description}
@@ -87,13 +87,7 @@ export const DisplayOption = ({
               {option.label}
             </Text>
             {option.description ? (
-              <Text
-                as="span"
-                placement="left"
-                prominence="weak"
-                sentiment="neutral"
-                variant="bodySmall"
-              >
+              <Text as="span" placement="left" variant="bodySmall">
                 {option.description}
               </Text>
             ) : null}
@@ -136,7 +130,7 @@ export const DisplayOption = ({
                 as="span"
                 placement="left"
                 prominence="weak"
-                sentiment="neutral"
+                sentiment={option.disabled ? undefined : 'neutral'}
                 variant="bodySmall"
               >
                 {option.description}
@@ -179,7 +173,7 @@ export const DisplayOption = ({
             as="span"
             placement="left"
             prominence="weak"
-            sentiment="neutral"
+            sentiment={option.disabled ? undefined : 'neutral'}
             variant="bodySmall"
           >
             {option.description}