feat: border colors (#87)

blackbaud · Sep 27, 2024 · 277f903 · 277f903
1 parent 0113a8b
commit 277f903
Show file tree

Hide file tree

Showing 3 changed files with 93 additions and 8 deletions.
diff --git a/src/tokens/$themes.json b/src/tokens/$themes.json
@@ -65,7 +65,6 @@
       "color.border.action.tertiary.hover": "9b446a41ce7696e5aaa82162dfdfef5fcae0c47c",
       "color.border.action.tertiary.active": "03cc6ba048e8b02a28bf3e8c62c2efe37b6e63fd",
       "color.border.action.tertiary.focus": "75a86806ab14f6b64ae3bcf38a08114dad5f7e1e",
-      "color.border.action.disabled": "ebf2972e259e1b32b530220a94baf9498794f5a2",
       "color.border.input.base": "55c117a88b1e2585b6a77d1561b3db4b0f87fab8",
       "color.border.input.hover": "15cf3c07349637216356dc801cd216a1deec7b64",
       "color.border.input.active": "32640730b5a7d8b511efd17cfe9d950cbb1f5e82",
@@ -141,7 +140,6 @@
       "color.border.action.tertiary.hover": "9b446a41ce7696e5aaa82162dfdfef5fcae0c47c",
       "color.border.action.tertiary.active": "03cc6ba048e8b02a28bf3e8c62c2efe37b6e63fd",
       "color.border.action.tertiary.focus": "75a86806ab14f6b64ae3bcf38a08114dad5f7e1e",
-      "color.border.action.disabled": "ebf2972e259e1b32b530220a94baf9498794f5a2",
       "color.border.container.base": "c4e6a74db6ef166b7e73c7006821d6735c0da52e"
     },
     "group": "Color"
@@ -225,7 +223,6 @@
       "color.border.action.tertiary.hover": "9b446a41ce7696e5aaa82162dfdfef5fcae0c47c",
       "color.border.action.tertiary.active": "03cc6ba048e8b02a28bf3e8c62c2efe37b6e63fd",
       "color.border.action.tertiary.focus": "75a86806ab14f6b64ae3bcf38a08114dad5f7e1e",
-      "color.border.action.disabled": "ebf2972e259e1b32b530220a94baf9498794f5a2",
       "color.border.input.base": "55c117a88b1e2585b6a77d1561b3db4b0f87fab8",
       "color.border.input.hover": "15cf3c07349637216356dc801cd216a1deec7b64",
       "color.border.input.active": "32640730b5a7d8b511efd17cfe9d950cbb1f5e82",

diff --git a/src/tokens/color/bb-light.json b/src/tokens/color/bb-light.json
@@ -280,10 +280,6 @@
         "$value": "{bb.color.gray.100}"
       },
       "action": {
-        "disabled": {
-          "$type": "color",
-          "$value": "{bb.color.gray.100}"
-        },
         "primary": {
           "base": {
             "$type": "color",
@@ -300,12 +296,16 @@
           "focus": {
             "$type": "color",
             "$value": "{bb.color.blue.600}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{bb.color.gray.100}"
           }
         },
         "secondary": {
           "base": {
             "$type": "color",
-            "$value": "{bb.color.transparent}"
+            "$value": "{bb.color.gray.100}"
           },
           "hover": {
             "$type": "color",
@@ -318,6 +318,10 @@
           "focus": {
             "$type": "color",
             "$value": "{bb.color.blue.600}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{bb.color.gray.100}"
           }
         },
         "tertiary": {
@@ -336,6 +340,32 @@
           "focus": {
             "$type": "color",
             "$value": "{bb.color.blue.600}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{bb.color.gray.100}"
+          }
+        },
+        "danger": {
+          "base": {
+            "$type": "color",
+            "$value": "{bb.color.red.600}"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "{bb.color.red.600}"
+          },
+          "focus": {
+            "$type": "color",
+            "$value": "{bb.color.red.600}"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{bb.color.red.600}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{bb.color.gray.100}"
           }
         }
       },

diff --git a/src/tokens/color/modern.json b/src/tokens/color/modern.json
@@ -294,12 +294,44 @@
           "base": {
             "$type": "color",
             "$value": "{modern.color.blue.74}"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "{modern.color.blue.10}"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{modern.color.blue.10}"
+          },
+          "focus": {
+            "$type": "color",
+            "$value": "{modern.color.blue.10}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{modern.color.gray.15}"
           }
         },
         "secondary": {
           "base": {
             "$type": "color",
             "$value": "{modern.color.gray.15}"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "{modern.color.blue.74}"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{modern.color.blue.74}"
+          },
+          "focus": {
+            "$type": "color",
+            "$value": "{modern.color.blue.74}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{modern.color.gray.15}"
           }
         },
         "tertiary": {
@@ -318,6 +350,32 @@
           "active": {
             "$type": "color",
             "$value": "{modern.color.blue.74}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{modern.color.gray.15}"
+          }
+        },
+        "danger": {
+          "base": {
+            "$type": "color",
+            "$value": "{modern.color.red.70}"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "{modern.color.red.30}"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{modern.color.red.30}"
+          },
+          "focus": {
+            "$type": "color",
+            "$value": "{modern.color.red.30}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{modern.color.gray.15}"
           }
         }
       },