Fix description list color

bitcrowd · Jul 2, 2024 · 491371b · 491371b
1 parent addc0f0
commit 491371b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/lib/bitstyles_phoenix/bitstyles.ex b/lib/bitstyles_phoenix/bitstyles.ex
@@ -64,6 +64,7 @@ defmodule BitstylesPhoenix.Bitstyles do
 
     class =
       case class do
+        "u-fg-grayscale-dark-2" -> "u-fg-text-darker"
         "u-fg-grayscale" -> "u-fg-text"
         class -> class
       end

diff --git a/lib/bitstyles_phoenix/component/description_list.ex b/lib/bitstyles_phoenix/component/description_list.ex
@@ -20,15 +20,15 @@ defmodule BitstylesPhoenix.Component.DescriptionList do
         """
         <dl class="a-dl">
           <div class="a-dl__item u-grid@m u-grid-cols-3 u-gap-l u-padding-m-y u-padding-m@m u-items-baseline">
-            <dt class="u-font-medium u-h6 u-fg-text-darker u-margin-s4-bottom@s">
+            <dt class="u-font-medium u-h6 u-fg-grayscale-dark-2 u-margin-s4-bottom@s">
               Length
             </dt>
             <dd class="u-col-span-2">
               8
             </dd>
           </div>
           <div class="a-dl__item u-grid@m u-grid-cols-3 u-gap-l u-padding-m-y u-padding-m@m u-items-baseline">
-            <dt class="u-font-medium u-h6 u-fg-text-darker u-margin-s4-bottom@s">
+            <dt class="u-font-medium u-h6 u-fg-grayscale-dark-2 u-margin-s4-bottom@s">
               Inserted at
             </dt>
             <dd class="u-col-span-2">
@@ -64,23 +64,23 @@ defmodule BitstylesPhoenix.Component.DescriptionList do
         """
         <dl class="a-dl extra" data-foo="baz">
           <div class="a-dl__item u-grid@m u-grid-cols-3 u-gap-l u-padding-m-y u-padding-m@m u-items-baseline u-fg-brand-2">
-            <dt class="u-font-medium u-h6 u-fg-text-darker u-margin-s4-bottom@s">
+            <dt class="u-font-medium u-h6 u-fg-grayscale-dark-2 u-margin-s4-bottom@s">
               Length
             </dt>
             <dd class="u-col-span-2">
               8
             </dd>
           </div>
           <div class="a-dl__item u-grid@m u-grid-cols-3 u-gap-l u-padding-m-y u-padding-m@m u-items-baseline">
-            <dt class="u-font-medium u-h6 u-fg-text-darker u-margin-s4-bottom@s u-fg-brand-1" data-foo="bar">
+            <dt class="u-font-medium u-h6 u-fg-grayscale-dark-2 u-margin-s4-bottom@s u-fg-brand-1" data-foo="bar">
               Some
             </dt>
             <dd class="u-col-span-2 u-fg-brand-1" data-foo="bar">
               Tag
             </dd>
           </div>
           <div class="a-dl__item u-grid@m u-grid-cols-3 u-gap-l u-padding-m-y u-padding-m@m u-items-baseline">
-            <dt class="u-font-medium u-h6 u-fg-text-darker u-margin-s4-bottom@s">
+            <dt class="u-font-medium u-h6 u-fg-grayscale-dark-2 u-margin-s4-bottom@s">
               <pre>
                 Tag
               </pre>
@@ -162,7 +162,7 @@ defmodule BitstylesPhoenix.Component.DescriptionList do
     assigns = assign(assigns, extra: extra)
 
     ~H"""
-    <dt class={classnames(["u-font-medium u-h6 u-fg-text-darker u-margin-s4-bottom@s", assigns[:class]])} {@extra}>
+    <dt class={classnames(["u-font-medium u-h6 u-fg-grayscale-dark-2 u-margin-s4-bottom@s", assigns[:class]])} {@extra}>
       <%= render_slot(@inner_block) %>
     </dt>
     """

diff --git a/test/bitstyles_phoenix/bitstyles_test.exs b/test/bitstyles_phoenix/bitstyles_test.exs
@@ -25,6 +25,7 @@ defmodule BitstylesPhoenix.BitstylesTest do
       assert classname("u-content--l", "6.0.0") == "u-content--l"
 
       assert classname("u-fg-grayscale", "6.0.0") == "u-fg-grayscale"
+      assert classname("u-fg-grayscale-dark-2", "6.0.0") == "u-fg-grayscale-dark-2"
     end
 
     test "version 5.0.0" do
@@ -72,6 +73,7 @@ defmodule BitstylesPhoenix.BitstylesTest do
       assert classname("u-content--l", "5.0.0") == "u-content--l"
 
       assert classname("u-fg-grayscale", "5.0.0") == "u-fg-text"
+      assert classname("u-fg-grayscale-dark-2", "5.0.0") == "u-fg-text-darker"
     end
 
     test "version 4.3.0" do