fix(themes): lost core vars (#534)

core-ds · Feb 20, 2021 · 54a23c9 · 54a23c9
1 parent 82ba040
commit 54a23c9
Show file tree

Hide file tree

Showing 13 changed files with 30 additions and 15 deletions.
diff --git a/packages/themes/src/mixins/button/corp.css b/packages/themes/src/mixins/button/corp.css
@@ -2,14 +2,8 @@
 
 @define-mixin button-corp {
     /* core vars */
-    --color-light-border-key: #0b1f35;
     --color-light-specialbg-component: #eeeff1;
-
-    /* primary */
-    --button-primary-base-bg-color: var(--color-light-bg-accent);
-    --button-primary-hover-bg-color: color-mod(var(--color-light-bg-accent) shade(7%));
-    --button-primary-active-bg-color: color-mod(var(--color-light-bg-accent) shade(15%));
-    --button-primary-disabled-bg-color: color-mod(var(--color-light-bg-accent) alpha(30%));
+    --color-light-border-tertiary-inverted: #6d7986;
 
     /* secondary */
     --button-secondary-base-bg-color: transparent;

diff --git a/packages/themes/src/mixins/calendar/click.css b/packages/themes/src/mixins/calendar/click.css
@@ -1,6 +1,12 @@
 @import '../../../../vars/src/index.css';
 
 @define-mixin calendar-click {
+    /* core vars */
+    --color-light-bg-secondary: #f3f4f5;
+    --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
+        'Helvetica Neue', Helvetica, sans-serif;
+
+    /* theme */
     --calendar-arrow-background: url('https://alfabank.st/icons/glyph_chevron-back_m.svg');
     --calendar-select-icon-background: url('https://alfabank.st/icons/glyph_arrow-up-down_m.svg');
     --calendar-today-border-color: transparent;

diff --git a/packages/themes/src/mixins/confirmation/click.css b/packages/themes/src/mixins/confirmation/click.css
@@ -1,6 +1,12 @@
 @import '../../../../vars/src/index.css';
 
 @define-mixin confirmation-click {
+    /* core vars */
+    --color-light-bg-secondary: #f3f4f5;
+    --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
+        'Helvetica Neue', Helvetica, sans-serif;
+
+    /* theme */
     --confirmation-title-font-size: 24px;
     --confirmation-title-font-weight: 500;
     --confirmation-title-font-family: var(--font-family-styrene);

diff --git a/packages/themes/src/mixins/form-control/click.css b/packages/themes/src/mixins/form-control/click.css
@@ -3,8 +3,6 @@
 @define-mixin form-control-click {
     /* core vars */
     --color-light-bg-tertiary: #e7e9eb;
-    --gap-s: 12px;
-    --gap-m: 16px;
 
     /* theme */
     --form-control-border-radius: 4px;

diff --git a/packages/themes/src/mixins/input/click.css b/packages/themes/src/mixins/input/click.css
@@ -1,6 +1,10 @@
 @import '../../../../vars/src/index.css';
 
 @define-mixin input-click {
+    /* core vars */
+    --color-light-text-primary: #0b1f35;
+
+    /* theme */
     --input-error-icon-display: none;
     --input-success-icon-display: none;
     --input-disabled-color: var(--color-light-text-primary);

diff --git a/packages/themes/src/mixins/link/click.css b/packages/themes/src/mixins/link/click.css
@@ -3,7 +3,7 @@
 @define-mixin link-click {
     /* core vars */
     --color-light-text-primary: #0b1f35;
-    --color-light-text-secondary: #6d7986;
+    --color-light-text-secondary: #546272;
     --color-light-text-link: #007aff;
 
     /* primary */

diff --git a/packages/themes/src/mixins/link/corp-inverted.css b/packages/themes/src/mixins/link/corp-inverted.css
@@ -1,6 +1,10 @@
 @import '../../../../vars/src/index.css';
 
 @define-mixin link-corp-inverted {
+    /* core vars */
+    --color-light-text-primary-inverted: #fff;
+
+    /* theme */
     --link-primary-color: var(--color-light-text-primary-inverted);
     --link-primary-hover-color: var(--link-primary-color);
     --link-primary-active-color: var(--link-primary-color);

diff --git a/packages/themes/src/mixins/link/default-inverted.css b/packages/themes/src/mixins/link/default-inverted.css
@@ -1,6 +1,10 @@
 @import '../../../../vars/src/index.css';
 
 @define-mixin link-default-inverted {
+    /* core vars */
+    --color-light-text-primary-inverted: #fff;
+
+    /* theme */
     --link-primary-color: var(--color-light-text-primary-inverted);
     --link-primary-hover-color: var(--link-primary-color);
     --link-primary-active-color: var(--link-primary-color);

diff --git a/packages/themes/src/mixins/modal/click.css b/packages/themes/src/mixins/modal/click.css
@@ -6,6 +6,7 @@
     --color-light-bg-primary: #fff;
     --color-light-bg-secondary: #f3f4f5;
     --gap-s: 12px;
+    --gap-xl: 24px;
     --gap-2xl: 32px;
     --gap-4xl: 48px;
     --gap-6xl: 72px;

diff --git a/packages/themes/src/mixins/select/click.css b/packages/themes/src/mixins/select/click.css
@@ -1,8 +1,6 @@
 @import '../../../../vars/src/index.css';
 
 @define-mixin select-click {
-    /* core vars */
-
     /* theme */
     --select-options-list-border-radius: 4px;
     --select-options-list-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);

diff --git a/packages/themes/src/mixins/tabs/click.css b/packages/themes/src/mixins/tabs/click.css
@@ -2,6 +2,8 @@
 
 @define-mixin tabs-click {
     /* core vars */
+    --gap-s: 12px;
+    --gap-l: 20px;
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 

diff --git a/packages/themes/src/mixins/tag/click.css b/packages/themes/src/mixins/tag/click.css
@@ -3,7 +3,6 @@
 @define-mixin tag-click {
     /* core vars */
     --color-light-specialbg-component: #eeeff1;
-    --color-light-text-primary-inverted: #fff;
 
     /* theme */
     --tag-background-color: var(--color-light-specialbg-component);

diff --git a/packages/themes/src/mixins/toast-plate/click.css b/packages/themes/src/mixins/toast-plate/click.css
@@ -3,8 +3,7 @@
 @define-mixin toast-plate-click {
     /* core vars */
     --color-light-bg-secondary-inverted: #233549;
-    --shadow-s-hard: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08),
-        0 4px 8px rgba(11, 31, 53, 0.16);
+    --gap-xl: 24px;
 
     /* theme */
     --toast-plate-title-font-weight: 400;