@parrot-co/parrot-ui 0.0.83 → 0.0.84

package/package.json

@@ -14,7 +14,7 @@
     "type": "git",
     "url": "https://github.com/parrothq/parrot-ui"
   },
-  "version": "0.0.83",
+  "version": "0.0.84",
   "source": "src/index.ts",
   "main": "dist/main.js",
   "module": "dist/module.js",
@@ -74,7 +74,7 @@
   "browserslist": [
     "defaults"
   ],
-  "gitHead": "aa50a804f553df9dec9552b9c2ad14faa399d03e",
+  "gitHead": "3310bc667704fb73248c49ae981aa5e5499dd6fa",
   "publishConfig": {
     "access": "public"
   }

package/styles.css

@@ -3286,6 +3286,7 @@ a {
     flex-shrink: 0;
     gap: var(--space-4xs);
     font-weight: var(--base-button-font-weight);
+    cursor: pointer;
   }
 
 .parrot-theme .p-button:focus {
@@ -3508,7 +3509,7 @@ a {
   }
 
 .p-text:where([data-text-variant="light"]) {
-    color: var(--color-8);
+    color: var(--color-9);
   }
 
 .p-text:where([data-text-variant="lighter"]) {
@@ -3657,10 +3658,10 @@ a {
 
 .parrot-theme .list-box-wrapper {
     list-style: none;
-    border: 1px solid var(--gray-a3);
+    border: 1px solid var(--gray-a4);
     border-radius: max(var(--radius-md), var(--radius-full));
     padding: var(--space-1) var(--space-1);
-    box-shadow: var(--shadow-sm);
+    box-shadow: var(--shadow-md);
     background: white;
     max-height: 300px;
     overflow-y: scroll;
@@ -3672,18 +3673,18 @@ a {
     font-weight: var(--font-weight-regular);
     padding: var(--space-2) var(--space-2);
     outline: none;
-    border-radius: max(var(--radius-sm), var(--radius-full));
+    border-radius: max(var(--radius-md), var(--radius-full));
     cursor: pointer;
-
-    /* &:where([data-selected="true"]),
-    &[data-selected="true"] {
-      background: var(--gray-3);
-      color: var(--gray-12);
-    } */
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
   }
 
-.parrot-theme .list-option:where([data-pressed="true"]),
-    .parrot-theme .list-option[data-pressed="true"] {
+.parrot-theme .list-option .selected-marker {
+      color: var(--color-12);
+    }
+
+.parrot-theme .list-option[data-pressed="true"] {
       background: var(--gray-4);
     }
 
@@ -3692,11 +3693,9 @@ a {
     }
 
 .parrot-theme .list-option:where([data-focus-visible="true"]),
-    .parrot-theme .list-option[data-focus-visible="true"],
-    .parrot-theme .list-option:where([data-focused="true"]),
-    .parrot-theme .list-option[data-focused="true"] {
-      background: var(--gray-3);
-      color: var(--gray-12);
+    .parrot-theme .list-option:where([data-focused="true"]) {
+      background: var(--color-3);
+      color: var(--color-12);
     }
 
 .parrot-theme .list-separator {
@@ -3704,6 +3703,15 @@ a {
     background: var(--gray-3);
   }
 
+.parrot-theme .list-section:not(:last-of-type) {
+      margin-bottom: var(--space-2);
+    }
+
+.parrot-theme .list-section-header {
+    padding: 0 var(--space-2);
+    margin-bottom: var(--space-2);
+  }
+
 .parrot-theme .p-select {
     padding: 8px;
     display: flex;
@@ -3779,9 +3787,9 @@ a {
       box-shadow: var(--focus-ring);
     }
 
-.parrot-theme .fake-checkbox:where([data-indeterminate="true"]) {
-      background-color: var(--gray-4);
-      border-color: transparent;
+.parrot-theme .fake-checkbox[data-indeterminate="true"] {
+      /* background-color: var(--gray-4);
+      border-color: transparent; */
     }
 
 .parrot-theme .fake-checkbox:where([data-appearance="outline"]) {