From be33988e43a75b9642f2f89931cfda2d4910bacd Mon Sep 17 00:00:00 2001
From: Israel Molestina <molestinaisrael@gmail.com>
Date: Thu, 17 Aug 2023 15:22:32 -0400
Subject: [PATCH] added dark classes

---
 .../pb_kits/playbook/pb_select/_select.scss   | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/playbook/app/pb_kits/playbook/pb_select/_select.scss b/playbook/app/pb_kits/playbook/pb_select/_select.scss
index 1d36059399..3f1ae31553 100644
--- a/playbook/app/pb_kits/playbook/pb_select/_select.scss
+++ b/playbook/app/pb_kits/playbook/pb_select/_select.scss
@@ -152,6 +152,45 @@
       }
     }
   }
+  select[multiple] {
+    @include pb_textarea_dark;
+    @include pb_body_light_dark;
+    background: none;
+    background-color: rgba($white,.10);
+    appearance: none;
+    cursor: pointer;
+    box-shadow: inset 0 -11px 20px rgba($white, 0.05);
+    padding-right: 0px !important;
+    color: transparent !important;
+    text-shadow: 0 0 0 $text_dk_default;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    padding: $space_xs 0px !important;
+    max-height: unset !important;
+    @media (hover:hover) {
+      &:hover, &:active, &:focus {
+        background-color: rgba($white,.05);
+      }
+    }
+    &:focus{
+      border-color: $primary;
+      @include transition_default;
+    }
+    option {
+      padding-left: $space_sm;
+      padding-top: $space_xxs;
+      padding-bottom: $space_xxs;
+    }
+    option:checked {
+      background-color: $hover_dark;
+    }
+    option:hover {
+      background-color: $hover_dark;
+    }
+  }
+  option {
+    color: $text_dk_default;
+  }
   .pb_select_kit_caret {
     color: $white;
   }