From 475df2d59bf73d91ce955be3ce63eef7e1a4c8ba Mon Sep 17 00:00:00 2001 From: Douglas Egiemeh Date: Thu, 18 Jan 2024 13:51:11 +0100 Subject: [PATCH] Add border bottom to select input group header menu (#2690) * feat(select input): add border bottom to select input group header menu * feat(select input): update font weight * feat(select input): update changeset --------- Co-authored-by: Ddouglasz --- .changeset/sour-donkeys-cough.md | 5 +++++ .../inputs/select-utils/src/create-select-styles.ts | 3 ++- 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 .changeset/sour-donkeys-cough.md diff --git a/.changeset/sour-donkeys-cough.md b/.changeset/sour-donkeys-cough.md new file mode 100644 index 0000000000..b8530cc3da --- /dev/null +++ b/.changeset/sour-donkeys-cough.md @@ -0,0 +1,5 @@ +--- +'@commercetools-uikit/select-utils': minor +--- + +Small styles adjustments to dropdown menu groups headers. diff --git a/packages/components/inputs/select-utils/src/create-select-styles.ts b/packages/components/inputs/select-utils/src/create-select-styles.ts index 0c6eeae23c..0b58d8456c 100644 --- a/packages/components/inputs/select-utils/src/create-select-styles.ts +++ b/packages/components/inputs/select-utils/src/create-select-styles.ts @@ -414,8 +414,9 @@ const groupHeadingStyles = () => (base: TBase) => { ...base, color: designTokens.fontColorForInputWhenReadonly, fontSize: designTokens.fontSizeSmall, + borderBottom: `1px solid ${designTokens.borderColorForGroupHeadingSelectInputOptions}`, textTransform: 'none', - fontWeight: 'bold', + fontWeight: designTokens.fontWeight500, padding: `${designTokens.spacing20} ${designTokens.paddingForGroupHeadingSelectInputOptions}`, '&:empty': { padding: 0,