MOON-377: Remove borders import on all selectors & fixes

Jahia · Dec 30, 2024 · a04ea54 · a04ea54
1 parent 6435534
commit a04ea54
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 11 deletions.
diff --git a/src/components/CardSelector/CardSelector.scss b/src/components/CardSelector/CardSelector.scss
@@ -1,5 +1,3 @@
-@use "../../tokens/borders/borders" as *;
-
 .moonstone-cardSelector {
     width: 100%;
     padding: var(--spacing-small);

diff --git a/src/components/CardSelector/EmptyCardSelector/EmptyCardSelector.scss b/src/components/CardSelector/EmptyCardSelector/EmptyCardSelector.scss
@@ -1,5 +1,3 @@
-@use "../../../tokens/borders/borders" as *;
-
 .moonstone-emptyCardSelector {
     gap: var(--spacing-nano);
     width: 100%;

diff --git a/src/components/Dropdown/Dropdown.scss b/src/components/Dropdown/Dropdown.scss
@@ -1,6 +1,5 @@
 @use '../../utils/index' as *;
 @use "../../tokens/spacings/spacings" as *;
-@use "../../tokens/borders/borders" as *;
 
 .moonstone-dropdown_container {
     position: relative;
@@ -58,7 +57,7 @@
     }
 
     &.moonstone-opened {
-        border: var(--selector-border);
+        border: var(--selector-border_active);
     }
 
     &:hover {
@@ -87,8 +86,6 @@
     &.moonstone-disabled {
         color: var(--color-gray);
 
-        border: var(--selector-border);
-
         background-color: var(--color-gray_light40);
     }
 }
diff --git a/src/components/Input/BaseInput/BaseInput.scss b/src/components/Input/BaseInput/BaseInput.scss
@@ -1,5 +1,4 @@
 @use '../../../utils/index';
-@use "../../../tokens/borders/borders" as *;
 
 $default-size: 24px;
 $big-size: 32px;
@@ -82,6 +81,7 @@ $border-radius: 2px;
     // Reset Firefox invalid required input style
     &:invalid {
         border: none;
+        box-shadow: none;
     }
 
     &::placeholder {

diff --git a/src/components/ListSelector/ValueList/ValueList.scss b/src/components/ListSelector/ValueList/ValueList.scss
@@ -1,5 +1,3 @@
-@use "../../../tokens/borders/borders" as *;
-
 .moonstone-valueList {
     flex-grow: 1;
     height: 300px;