feat(data): 1. Update value of base.color.interactive.monochrome.stan…

…dard.hover to origin.colors.black. Update value of base.color.interactive.monochrome.inverse.hover to origin.colors.white. 2. Move container.color.standard.interactive border and bg activated colours into container.color.standard. 3. Add container.color.standard.bgFooter-active, container.color.standard.bgFooter-activated, container.color.standard.border-active, and container.color.standard.border-activated. 4. Temporary change of container.color.standard.interactive.bgFooter-activated, container.color.standard.interactive.bgFooter-active, and container.color.standard.interactive.border-activated to FF00FF. They can probably be removed.
Sage · Feb 1, 2024 · 344f698 · 344f698
1 parent 39d2fcc
commit 344f698
Showing 1 changed file with 26 additions and 6 deletions.
diff --git a/data/tokens/Components/container.json b/data/tokens/Components/container.json
@@ -39,11 +39,28 @@
           "value": "{base.color.generic.bg.standard.nought}",
           "type": "color"
         },
+        "bgFooter-activated": {
+          "value": "{base.color.status.success.standard.default}",
+          "type": "color",
+          "description": "\n"
+        },
+        "bgFooter-active": {
+          "value": "{base.color.interactive.monochrome.standard.active}",
+          "type": "color"
+        },
         "bgFooter-default": {
           "value": "{base.color.generic.bg.standard.faint}",
           "type": "color",
           "description": "tile footer bg color\n"
         },
+        "border-activated": {
+          "value": "{base.color.status.success.standard.default}",
+          "type": "color"
+        },
+        "border-active": {
+          "value": "{base.color.interactive.monochrome.standard.active}",
+          "type": "color"
+        },
         "border-alt": {
           "value": "{base.color.generic.fg.standard.soft}",
           "type": "color"
@@ -96,20 +113,23 @@
             "description": "Used for accordion hover backgrounds\n"
           },
           "bgFooter-active": {
-            "value": "{base.color.interactive.monochrome.standard.active}",
-            "type": "color"
+            "value": "#ff00ff",
+            "type": "color",
+            "description": "was {base.color.interactive.monochrome.standard.active}, don't think we need this anymore"
           },
           "bgFooter-activated": {
-            "value": "{base.color.status.success.standard.default}",
-            "type": "color"
+            "value": "#ff00ff",
+            "type": "color",
+            "description": "was {base.color.status.success.standard.default}, probably not needed\n"
           },
           "border-active": {
             "value": "{base.color.interactive.monochrome.standard.active}",
             "type": "color"
           },
           "border-activated": {
-            "value": "{base.color.status.success.standard.default}",
-            "type": "color"
+            "value": "#ff00ff",
+            "type": "color",
+            "description": "was {base.color.status.success.standard.default}, probably not needed. "
           },
           "border-alt": {
             "value": "{base.color.generic.fg.standard.delicate}",