[Fix] [WRS-2259] Configure inputBorderColor on ui theme (#266)

chili-publish · Jan 27, 2025 · b31c0cf · b31c0cf
1 parent 74c54aa
commit b31c0cf
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 13 deletions.
diff --git a/package.json b/package.json
@@ -27,7 +27,7 @@
     },
     "dependencies": {
         "@babel/preset-env": "^7.25.3",
-        "@chili-publish/grafx-shared-components": "^0.91.4",
+        "@chili-publish/grafx-shared-components": "^0.92.0",
         "@chili-publish/studio-sdk": "1.18.1-rc.8",
         "@fortawesome/fontawesome-svg-core": "^6.7.1",
         "@fortawesome/pro-light-svg-icons": "^6.7.1",

diff --git a/src/components/shared/StudioMobileDropdown/StudioMobileDropdown.styles.ts b/src/components/shared/StudioMobileDropdown/StudioMobileDropdown.styles.ts
@@ -33,7 +33,9 @@ export const MobileDropdownOptionContainer = styled.div<{
     align-items: center;
     background-color: ${({ theme }) => theme.select.control.backgroundColor};
     border: ${(props) =>
-        props.hasError ? `1px solid ${props.theme.themeColors.errorColor}` : '1px solid transparent'};
+        props.hasError
+            ? `1px solid ${props.theme.input.wrapper.borderColor.error}`
+            : `1px solid ${props.theme.input.wrapper.borderColor.default}`};
     font-size: ${FontSizes.regular};
     line-height: 1.29;
     height: 2.5rem;
@@ -42,17 +44,12 @@ export const MobileDropdownOptionContainer = styled.div<{
         box-shadow: none;
         border-color: ${(props) =>
             props.hasError
-                ? `1px solid ${props.theme.themeColors.errorColor}`
-                : `1px solid ${props.theme.themeColors.inputFocusBorderColor}`};
+                ? `1px solid ${props.theme.input.wrapper.borderColor.error}`
+                : `1px solid ${props.theme.input.wrapper.borderColor.hover}`};
         cursor: pointer;
-
-        svg {
-            color: ${(props) => props.theme.icon.hover.color};
-        }
     }
 
     svg {
-        color: ${({ theme }) => theme.select.color};
         min-width: 1.125rem;
     }
     ${MobileDropdownValue} {

diff --git a/yarn.lock b/yarn.lock
@@ -1307,10 +1307,10 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@chili-publish/grafx-shared-components@^0.91.4":
-  version "0.91.4"
-  resolved "https://npm.pkg.github.com/download/@chili-publish/grafx-shared-components/0.91.4/0fa039d4d4425e8bcad00b099a10708f37f8fad3#0fa039d4d4425e8bcad00b099a10708f37f8fad3"
-  integrity sha512-854RkZTGyDoEVC5qZfIBKIoVyLemXvW337kOx3xhkTW1LrbO4IAVn7u2tAbhf6ENSMjssI9E2+5k17VPtbWvQw==
+"@chili-publish/grafx-shared-components@^0.92.0":
+  version "0.92.0"
+  resolved "https://npm.pkg.github.com/download/@chili-publish/grafx-shared-components/0.92.0/827c0dcb02c031dc62ddea87895da5b352434e19#827c0dcb02c031dc62ddea87895da5b352434e19"
+  integrity sha512-fIonatbumFgLPFF79d0/1N3RnweI4jP2xDltLawbh6v2G5ZxFmV0L7l1daXqoIfyuExpIWN4G/MBwHxtSXEzaQ==
 
 "@chili-publish/studio-sdk@1.18.1-rc.8":
   version "1.18.1-rc.8"