feat(core-components-amount): add click theme

core-ds · Jun 26, 2020 · b4b0699 · b4b0699
1 parent 34cdf3c
commit b4b0699
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 3 deletions.
diff --git a/packages/amount/src/component.stories.mdx b/packages/amount/src/component.stories.mdx
@@ -23,7 +23,7 @@ import { Amount } from '@alfalab/core-components-amount';
 
 <Story name='Песочница'>
     {React.createElement(() => {
-        const value = number('value', 100);
+        const value = number('value', 12300);
         const currency = select('currency', Object.keys(CURRENCY_CODES), 'RUR');
         const minority = number('minority', 100);
         const view = select('view', ['default', 'withZeroMinorPart'], 'default');

diff --git a/packages/amount/src/index.module.css b/packages/amount/src/index.module.css
@@ -1,11 +1,16 @@
 @import '../../themes/src/default.css';
 
+:root {
+    --amount-major-part-font-weight: bold;
+    --amount-minor-part-font-weight: normal;
+}
+
 .component {
     white-space: nowrap;
-    font-weight: bold;
+    font-weight: var(--amount-major-part-font-weight);
 }
 
 .minorPartAndCurrency {
     opacity: 0.6;
-    font-weight: normal;
+    font-weight: var(--amount-minor-part-font-weight);
 }
diff --git a/packages/themes/src/mixins/amount/click.css b/packages/themes/src/mixins/amount/click.css
@@ -0,0 +1,4 @@
+@define-mixin amount-click {
+    --amount-major-part-font-weight: bold;
+    --amount-minor-part-font-weight: normal;
+}
diff --git a/packages/themes/src/mixins/click.css b/packages/themes/src/mixins/click.css
@@ -1,8 +1,10 @@
+@import './amount/click.css';
 @import './input/click.css';
 @import './pure-input/click.css';
 @import './button/click.css';
 
 @define-mixin theme-click {
+    @mixin amount-click;
     @mixin input-click;
     @mixin pure-input-click;
     @mixin button-click;