feat(switch): improved theming

core-ds · Nov 19, 2020 · b4ecc39 · b4ecc39
1 parent 3dcb532
commit b4ecc39
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/packages/switch/src/Component.stories.mdx b/packages/switch/src/Component.stories.mdx
@@ -9,7 +9,11 @@ import { Switch } from './Component';
 import { name, version } from '../package.json';
 
 
-<Meta title='Компоненты' component={Switch} />
+<Meta
+    title='Компоненты'
+    component={Switch}
+    parameters={{ 'theme-switcher': { themes: ['click'] } }}
+/>
 
 
 <!-- Canvas -->

diff --git a/packages/switch/src/index.module.css b/packages/switch/src/index.module.css
@@ -9,8 +9,8 @@
     --switch-checked-border-color: var(--color-light-graphic-negative);
     --switch-disabled-bg-color: var(--color-light-graphic-neutral);
     --switch-disabled-border-color: var(--color-light-graphic-neutral);
-    --switch-disabled-checked-bg-color: var(--color-red-brand-30-flat); /* TODO */
-    --switch-disabled-checked-border-color: var(--color-red-brand-30-flat); /* TODO */
+    --switch-checked-disabled-bg-color: var(--color-red-brand-30-flat); /* TODO */
+    --switch-checked-disabled-border-color: var(--color-red-brand-30-flat); /* TODO */
 }
 
 .component {
@@ -115,8 +115,8 @@
 }
 
 .disabled.checked .switch {
-    background-color: var(--switch-disabled-checked-bg-color);
-    border-color: var(--switch-disabled-checked-border-color);
+    background-color: var(--switch-checked-disabled-bg-color);
+    border-color: var(--switch-checked-disabled-border-color);
 }
 
 /* Focused state */