@paubox/ui 1.6.0 → 1.7.0

package/index.esm.js

@@ -24694,11 +24694,9 @@ function _templateObject1$a() {
 }
 function _templateObject2$9() {
     var data = _tagged_template_literal$d([
-        "\n  flex: 1;\n  cursor: pointer;\n  border: none;\n  width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  background-color: transparent;\n  z-index: 1;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  &::-ms-expand {\n    display: none;\n  }\n  &::placeholder {\n    color: ",
-        ";\n  }\n  color: ",
+        "\n  flex: 1;\n  cursor: pointer;\n  border: none;\n  width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  background-color: transparent;\n  z-index: 1;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  &::-ms-expand {\n    display: none;\n  }\n  color: ",
         ";\n  padding: ",
-        ";\n  padding-right: 2rem;\n  outline: none;\n  &::placeholder {\n    color: ",
-        ";\n    opacity: 0.3;\n  }\n\n  ",
+        ";\n  padding-right: 2rem;\n  outline: none;\n\n  ",
         "\n"
     ]);
     _templateObject2$9 = function _templateObject() {
@@ -24747,13 +24745,10 @@ var SelectWrapper = styled.div(_templateObject1$a(), function(param) {
     return disabled || type === 'secondary' ? neutral100 : 'white';
 });
 // Style for the Select itself
-var BaseSelect = styled.select(_templateObject2$9(), neutral500, function(param) {
-    var value = param.value;
-    return value ? textPrimary : neutral500;
-}, function(param) {
+var BaseSelect = styled.select(_templateObject2$9(), textPrimary, function(param) {
     var sz = param.sz;
     return sz === 'lg' ? '0.5rem 0.563rem' : '0.375rem 0.563rem';
-}, textPrimaryDisabled, function(param) {
+}, function(param) {
     var sz = param.sz, type = param.type;
     return type === 'primary' ? sz === 'lg' ? $paragraph100Regular : $paragraph200Regular : sz === 'lg' ? $paragraph100Semibold : $paragraph200Semibold;
 });
@@ -29076,7 +29071,7 @@ function _templateObject$8() {
 }
 function _templateObject1$7() {
     var data = _tagged_template_literal$8([
-        "\n  position: relative;\n  overflow: scroll;\n  display: flex;\n  flex-direction: column;\n  max-height: 80%;\n  max-width: 800px; // TODO: this should be controllable via props\n  gap: ",
+        "\n  position: relative;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  max-height: 80%;\n  max-width: 800px; // TODO: this should be controllable via props\n  gap: ",
         "px;\n  background-color: white;\n  border-radius: ",
         "px;\n  outline: none;\n  padding: ",
         "px;\n\n  ",
@@ -29098,7 +29093,7 @@ function _templateObject2$6() {
 }
 function _templateObject3$4() {
     var data = _tagged_template_literal$8([
-        "\n  overflow-y: scroll;\n"
+        "\n  overflow-y: auto;\n"
     ]);
     _templateObject3$4 = function _templateObject() {
         return data;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "type": "module",
   "private": false,
   "publishConfig": {