added two tokens - updated one (#381)

gsoft-inc · Jul 30, 2024 · 9bfe563 · 9bfe563
2 parents e0a98c7 + a3ee503
commit 9bfe563
Show file tree

Hide file tree

Showing 8 changed files with 47 additions and 3 deletions.
diff --git a/.changeset/khaki-geese-pump.md b/.changeset/khaki-geese-pump.md
@@ -0,0 +1,6 @@
+---
+"@hopper-ui/styled-system": minor
+"@hopper-ui/tokens": minor
+---
+
+Added two tokens / updated one token
diff --git a/apps/docs/datas/tokens-dark.json b/apps/docs/datas/tokens-dark.json
@@ -1063,6 +1063,10 @@
         "name": "hop-neutral-icon-weak-press",
         "value": "#ecebe8"
       },
+      {
+        "name": "hop-neutral-icon-weak-selected",
+        "value": "#e0dfdd"
+      },
       {
         "name": "hop-neutral-icon-weakest",
         "value": "#777775"
@@ -1155,6 +1159,10 @@
         "name": "hop-neutral-text-weak-press",
         "value": "#ecebe8"
       },
+      {
+        "name": "hop-neutral-text-weak-selected",
+        "value": "#e0dfdd"
+      },
       {
         "name": "hop-neutral-text-weakest",
         "value": "#777775"
@@ -2709,7 +2717,7 @@
       },
       {
         "name": "hop-status-positive-icon-disabled",
-        "value": "#7dc291"
+        "value": "#0c796b"
       },
       {
         "name": "hop-status-positive-icon-hover",

diff --git a/apps/docs/datas/tokens.json b/apps/docs/datas/tokens.json
@@ -1065,6 +1065,10 @@
         "name": "hop-neutral-icon-weak-press",
         "value": "#505050"
       },
+      {
+        "name": "hop-neutral-icon-weak-selected",
+        "value": "#636362"
+      },
       {
         "name": "hop-neutral-icon-weakest",
         "value": "#b3b3b1"
@@ -1157,6 +1161,10 @@
         "name": "hop-neutral-text-weak-press",
         "value": "#505050"
       },
+      {
+        "name": "hop-neutral-text-weak-selected",
+        "value": "#636362"
+      },
       {
         "name": "hop-neutral-text-weakest",
         "value": "#b3b3b1"

diff --git a/packages/styled-system/src/tokens/generated/darkSemanticTokens.ts b/packages/styled-system/src/tokens/generated/darkSemanticTokens.ts
@@ -70,6 +70,7 @@ export const DarkSemanticTokens = {
     "--hop-neutral-icon-weak": "var(--hop-rock-200)",
     "--hop-neutral-icon-weak-hover": "var(--hop-rock-75)",
     "--hop-neutral-icon-weak-press": "var(--hop-rock-50)",
+    "--hop-neutral-icon-weak-selected": "var(--hop-rock-75)",
     "--hop-neutral-icon-weakest": "var(--hop-rock-400)",
     "--hop-neutral-surface": "var(--hop-abyss)",
     "--hop-neutral-surface-selected": "var(--hop-toad-25)",
@@ -93,6 +94,7 @@ export const DarkSemanticTokens = {
     "--hop-neutral-text-weak": "var(--hop-rock-200)",
     "--hop-neutral-text-weak-hover": "var(--hop-rock-75)",
     "--hop-neutral-text-weak-press": "var(--hop-rock-50)",
+    "--hop-neutral-text-weak-selected": "var(--hop-rock-75)",
     "--hop-neutral-text-weakest": "var(--hop-rock-400)",
     "--hop-primary-border-active": "var(--hop-sapphire-500)",
     "--hop-primary-icon-active": "var(--hop-sapphire-75)",
@@ -481,7 +483,7 @@ export const DarkSemanticTokens = {
     "--hop-status-positive-border-press": "var(--hop-moss-400)",
     "--hop-status-positive-border-selected": "var(--hop-moss-75)",
     "--hop-status-positive-icon": "var(--hop-moss-800)",
-    "--hop-status-positive-icon-disabled": "var(--hop-moss-200)",
+    "--hop-status-positive-icon-disabled": "var(--hop-moss-500)",
     "--hop-status-positive-icon-hover": "var(--hop-moss-900)",
     "--hop-status-positive-icon-press": "var(--hop-moss-800)",
     "--hop-status-positive-icon-selected": "var(--hop-moss-75)",

diff --git a/packages/styled-system/src/tokens/generated/lightSemanticTokens.ts b/packages/styled-system/src/tokens/generated/lightSemanticTokens.ts
@@ -286,6 +286,7 @@ export const SemanticTokens = {
     "--hop-neutral-icon-weak": "var(--hop-rock-400)",
     "--hop-neutral-icon-weak-hover": "var(--hop-rock-600)",
     "--hop-neutral-icon-weak-press": "var(--hop-rock-700)",
+    "--hop-neutral-icon-weak-selected": "var(--hop-rock-600)",
     "--hop-neutral-icon-weakest": "var(--hop-rock-200)",
     "--hop-neutral-surface": "var(--hop-samoyed)",
     "--hop-neutral-surface-selected": "var(--hop-rock-800)",
@@ -309,6 +310,7 @@ export const SemanticTokens = {
     "--hop-neutral-text-weak": "var(--hop-rock-500)",
     "--hop-neutral-text-weak-hover": "var(--hop-rock-600)",
     "--hop-neutral-text-weak-press": "var(--hop-rock-700)",
+    "--hop-neutral-text-weak-selected": "var(--hop-rock-600)",
     "--hop-neutral-text-weakest": "var(--hop-rock-200)",
     "--hop-primary-border-active": "var(--hop-sapphire-300)",
     "--hop-primary-icon-active": "var(--hop-sapphire-700)",

diff --git a/packages/styled-system/src/tokens/generated/styledSystemToTokenMappings.ts b/packages/styled-system/src/tokens/generated/styledSystemToTokenMappings.ts
@@ -357,6 +357,7 @@ export const TextColors = {
     "neutral-weak": "neutral-text-weak",
     "neutral-weak-hover": "neutral-text-weak-hover",
     "neutral-weak-press": "neutral-text-weak-press",
+    "neutral-weak-selected": "neutral-text-weak-selected",
     "neutral-weakest": "neutral-text-weakest",
     "primary-active": "primary-text-active",
     "primary": "primary-text",
@@ -488,6 +489,7 @@ export const IconColors = {
     "neutral-weak": "neutral-icon-weak",
     "neutral-weak-hover": "neutral-icon-weak-hover",
     "neutral-weak-press": "neutral-icon-weak-press",
+    "neutral-weak-selected": "neutral-icon-weak-selected",
     "neutral-weakest": "neutral-icon-weakest",
     "primary-active": "primary-icon-active",
     "primary": "primary-icon",

diff --git a/packages/tokens/src/tokens/semantic/dark/colors.tokens.json b/packages/tokens/src/tokens/semantic/dark/colors.tokens.json
@@ -632,6 +632,10 @@
             "$type": "color",
             "$value": "{rock.50}"
         },
+        "icon-weak-selected": {
+            "$type": "color",
+            "$value": "{rock.75}"
+        },
         "icon-weakest": {
             "$type": "color",
             "$value": "{rock.400}"
@@ -724,6 +728,10 @@
             "$type": "color",
             "$value": "{rock.50}"
         },
+        "text-weak-selected": {
+            "$type": "color",
+            "$value": "{rock.75}"
+        },
         "text-weakest": {
             "$type": "color",
             "$value": "{rock.400}"
@@ -1743,7 +1751,7 @@
             },
             "icon-disabled": {
                 "$type": "color",
-                "$value": "{moss.200}"
+                "$value": "{moss.500}"
             },
             "icon-hover": {
                 "$type": "color",

diff --git a/packages/tokens/src/tokens/semantic/light/colors.tokens.json b/packages/tokens/src/tokens/semantic/light/colors.tokens.json
@@ -632,6 +632,10 @@
             "$type": "color",
             "$value": "{rock.700}"
         },
+        "icon-weak-selected": {
+            "$type": "color",
+            "$value": "{rock.600}"
+        },
         "icon-weakest": {
             "$type": "color",
             "$value": "{rock.200}"
@@ -724,6 +728,10 @@
             "$type": "color",
             "$value": "{rock.700}"
         },
+        "text-weak-selected": {
+            "$type": "color",
+            "$value": "{rock.600}"
+        },
         "text-weakest": {
             "$type": "color",
             "$value": "{rock.200}"