feat(experimental Select): fix empty styles

gitsindonesia · Jul 17, 2023 · 20f5d84 · 20f5d84
1 parent 2c97395
commit 20f5d84
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/select/src/Select.stories.ts b/packages/select/src/Select.stories.ts
@@ -111,6 +111,11 @@ SearchableMultiple.args = {
   clearable: true
 };
 
+export const Empty = Template.bind({});
+Empty.args = {
+  items: []
+};
+
 export const Uncontrolled: Story<typeof Select> = (args) => ({
   components: {
     Select,

diff --git a/packages/themes/src/morpheme/_select.scss b/packages/themes/src/morpheme/_select.scss
@@ -52,7 +52,11 @@
   --v-select-hint-color: var(--v-input-hint-color);
   --v-select-hint-margin-top: var(--v-input-hint-margin-top);
 
+  // check selected
   --v-select-option-check-selected-color: var(--color-primary-700);
+
+  // empty
+  --v-select-empty-color: var(--color-gray-600);
 }
 
 .v-select {
@@ -395,6 +399,7 @@
     padding-bottom: 0.5rem /* 8px */;
     padding-left: 1rem /* 16px */;
     padding-right: 1rem /* 16px */;
+    font-size: var(--size-font-sm);
   }
 
   &-input {