From 0e8a18bd58dee8709f6406da3f34644f53dcc1c6 Mon Sep 17 00:00:00 2001 From: rajrdas Date: Thu, 16 Jun 2022 17:22:51 +0100 Subject: [PATCH] Tokens for UTSlider --- components/slider.json | 44 +++++++++++++++++++ .../win-system-hc/win-system-hc-common.json | 4 +- 2 files changed, 46 insertions(+), 2 deletions(-) create mode 100644 components/slider.json diff --git a/components/slider.json b/components/slider.json new file mode 100644 index 00000000..bc72c3ec --- /dev/null +++ b/components/slider.json @@ -0,0 +1,44 @@ +{ + "slider": { + "comment": "applies to sliders", + "figma": "https://www.figma.com/file/NaNrfXjygZtRgMfHAFHjsp/Components---Windows?node-id=46518%3A104257", + "track-empty": { + "#normal": { + "background": "@theme-control-inactive-normal" + }, + "#disabled": { + "background": "@theme-control-inactive-disabled" + } + }, + "track-full": { + "#normal": { + "background": "@theme-control-active-normal" + }, + "#disabled": { + "background": "@theme-control-active-disabled" + } + }, + "handle": { + "#normal": { + "background": "@theme-background-solid-primary-normal", + "border": "@theme-outline-primary-normal" + }, + "#hovered": { + "background": "@theme-background-solid-secondary-normal", + "border": "@theme-outline-primary-normal" + }, + "#pressed": { + "background": "@theme-background-solid-secondary-normal", + "border": "@theme-outline-primary-normal" + }, + "#focused": { + "background": "@theme-background-solid-primary-normal", + "border": "@theme-control-active-normal" + }, + "#disabled": { + "background": "@theme-background-solid-tertiary-normal", + "border": "@theme-background-solid-tertiary-normal" + } + } + } +} diff --git a/theme-data/win-system-hc/win-system-hc-common.json b/theme-data/win-system-hc/win-system-hc-common.json index 3c58fddd..2bff88f7 100644 --- a/theme-data/win-system-hc/win-system-hc-common.json +++ b/theme-data/win-system-hc/win-system-hc-common.json @@ -423,10 +423,10 @@ "disabled": "@color-hc-SystemColorGrayTextColor" }, "inactive": { - "normal": "@color-hc-PlaceholderColor", + "normal": "@color-hc-SystemColorButtonTextColor", "hover": "@color-hc-PlaceholderColor", "pressed": "@color-hc-PlaceholderColor", - "disabled": "@color-hc-PlaceholderColor" + "disabled": "@color-hc-SystemColorGrayTextColor" } }, "indicator": {