From a5bf8001c4e72c3ad94ea31e520b229029df531b Mon Sep 17 00:00:00 2001
From: Daniil Lohvinov <nsblnr@gmail.com>
Date: Thu, 12 Oct 2023 17:06:48 +0300
Subject: [PATCH] 23.12.5: color fixes [WTEL-3902]

---
 package-lock.json                              | 18 ++----------------
 package.json                                   |  2 +-
 .../wt-rounded-action/_variables.scss          |  2 +-
 .../wt-rounded-action/wt-rounded-action.vue    |  6 ------
 src/css/styleguide/colors/_colors.scss         |  4 ++--
 5 files changed, 6 insertions(+), 26 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8cb8a0bd..71cc2b51 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "23.09.2",
+  "version": "23.12.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@webitel/ui-sdk",
-      "version": "23.09.2",
+      "version": "23.12.4",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@vue/compat": "^3.2.47",
@@ -28,7 +28,6 @@
         "query-string": "^8.1.0",
         "sortablejs": "^1.15.0",
         "tiny-emitter": "^2.1.0",
-        "v-click-outside": "^3.2.0",
         "vue": "^3.2.47",
         "vue-i18n": "^9.2.2",
         "vue-multiselect": "^3.0.0-beta.1",
@@ -23288,14 +23287,6 @@
         "uuid": "dist/bin/uuid"
       }
     },
-    "node_modules/v-click-outside": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/v-click-outside/-/v-click-outside-3.2.0.tgz",
-      "integrity": "sha512-QD0bDy38SHJXQBjgnllmkI/rbdiwmq9RC+/+pvrFjYJKTn8dtp7Penf9q1lLBta280fYG2q53mgLhQ+3l3z74w==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/v8-compile-cache": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
@@ -44674,11 +44665,6 @@
       "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
       "dev": true
     },
-    "v-click-outside": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/v-click-outside/-/v-click-outside-3.2.0.tgz",
-      "integrity": "sha512-QD0bDy38SHJXQBjgnllmkI/rbdiwmq9RC+/+pvrFjYJKTn8dtp7Penf9q1lLBta280fYG2q53mgLhQ+3l3z74w=="
-    },
     "v8-compile-cache": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
diff --git a/package.json b/package.json
index 93791006..eb3b0d15 100644
--- 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
index c6e48001..30620736 100644
--- 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
index a36f53ca..6c1d0b98 100644
--- 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
index 9b4d462e..bbff2a3e 100644
--- 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);