23.12.5: color fixes [WTEL-3902]

webitel · Oct 12, 2023 · a5bf800 · a5bf800
1 parent e9c9000
commit a5bf800
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 26 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "23.12.4",
+  "version": "23.12.5",
   "private": false,
   "scripts": {
     "build": "vue-cli-service build --target lib --name ui-sdk ./src/install.js",

diff --git a/src/components/wt-rounded-action/_variables.scss b/src/components/wt-rounded-action/_variables.scss
@@ -1,5 +1,5 @@
 :root {
-  --rounded-action-border-size: 1px;
+  --rounded-action-border-size: 2px;
   --rounded-action-padding: calc(var(--spacing-xs) - var(--rounded-action-border-size));
 
   --rounded-action-rounded-border-radius: var(--border-radius--pill);

diff --git a/src/components/wt-rounded-action/wt-rounded-action.vue b/src/components/wt-rounded-action/wt-rounded-action.vue
@@ -100,17 +100,12 @@ const loaderColor = computed(() => {
   width: fit-content;
   line-height: 0;
   padding: var(--rounded-action-padding);
-  box-shadow: var(--elevation-1);
   border: var(--rounded-action-border-size) solid;
   background: var(--rounded-action-secondary-color);
   border-color: var(--rounded-action-secondary-color);
   border-radius: var(--border-radius);
   transition: var(--transition);
 
-  &:hover {
-    box-shadow: var(--elevation-2);
-  }
-
   &--wide {
     width: 100%;
   }
@@ -179,7 +174,6 @@ const loaderColor = computed(() => {
   &.wt-rounded-action--disabled {
     background: var(--rounded-action-disabled-color);
     border-color: var(--rounded-action-disabled-color);
-    box-shadow: none;
     pointer-events: none;
   }
 

diff --git a/src/css/styleguide/colors/_colors.scss b/src/css/styleguide/colors/_colors.scss
@@ -71,8 +71,8 @@
   --on-transfer-color: var(--white);
 
   // primary colors
-  --primary-color: var(--amber-accent-2);
-  --primary-hover-color: var(--amber-accent-3);
+  --primary-color: var(--amber-accent-3);
+  --primary-hover-color: var(--amber-accent-2);
   --primary-light-color: var(--amber-lighten-4);
   --on-primary-color: var(--black);