diff --git a/.changeset/khaki-geese-pump.md b/.changeset/khaki-geese-pump.md new file mode 100644 index 000000000..30bd63cc0 --- /dev/null +++ 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 index d9cb7fb3a..73d194a82 100644 --- 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 index 95b4cfb14..b661241f7 100644 --- 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 index 8e5935a10..b07c64a6e 100644 --- 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 index 060d48ca0..99451eda0 100644 --- 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 index 3573b2663..93ea62df0 100644 --- 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 index 9be0d559b..d9e027bab 100644 --- 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 index 00112129f..d64c00e35 100644 --- 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}"