chore: update dropdown border to match combobox (#1828)

* chore: update dropdown border to match combobox * chore: update link size
momentum-design · Nov 19, 2024 · 1808b37 · 1808b37
1 parent 0496505
commit 1808b37
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/web-components/package.json b/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.14.22",
+  "version": "2.14.23",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",

diff --git a/web-components/src/components/dropdown/scss/settings.scss b/web-components/src/components/dropdown/scss/settings.scss
@@ -7,7 +7,7 @@
  */
 
 $dropdown-main-indent: rem-calc(4);
-$dropdown-border: 1px solid var(--md-secondary-seperator-color);
+$dropdown-border: 1px solid var(--dropdown-border-color, var(--md-secondary-seperator-color));
 $dropdown-min-height: rem-calc(32);
 
 $dropdown-label-radius: var(--dropdown-group-radius, $lm-dropdown-label-radius-light);

diff --git a/web-components/src/components/dropdown/tokens/lm-dropdown-tokens.js b/web-components/src/components/dropdown/tokens/lm-dropdown-tokens.js
@@ -24,7 +24,7 @@ const dropdown = {
     }
   },
   "border-color": {
-    light: colors.gray[30].name,
+    light: colors.gray[40].name,
     dark: colors.gray[80].name,
     focus: {
       light: colors.theme[70].name,

diff --git a/web-components/src/components/link/tokens/mdv2-link-tokens.js b/web-components/src/components/link/tokens/mdv2-link-tokens.js
@@ -36,10 +36,12 @@ const link = {
       common: "$mds-color-theme-text-error-normal"
     },
     "font-size": {
-      common: "1rem"
+      light: "14px",
+      dark: "14px"
     },
     "font-size__inline": {
-      common: "0.875rem"
+      light: "12px",
+      dark: "12px"
     }
   }
 };