opus-react 0.5.0 → 0.6.1

package/dist/index.css

@@ -7719,6 +7719,36 @@
   height: 6px;
 }
 
+.opus_1GJHzl_count {
+  background: color-mix(in srgb, currentColor 18%, transparent);
+  font-variant-numeric: tabular-nums;
+  border-radius: 999px;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  min-width: 1.5em;
+  padding: .2em .4em;
+  font-size: .92em;
+  line-height: 1;
+  display: inline-flex;
+}
+
+.opus_1GJHzl_badge[data-variant="solid"] .opus_1GJHzl_count {
+  background: color-mix(in srgb, currentColor 24%, transparent);
+}
+
+.opus_1GJHzl_badge:has(.opus_1GJHzl_count) {
+  gap: 5px;
+}
+
+.opus_1GJHzl_badge[data-size="sm"]:has(.opus_1GJHzl_count) {
+  padding-right: 3px;
+}
+
+.opus_1GJHzl_badge[data-size="md"]:has(.opus_1GJHzl_count) {
+  padding-right: 4px;
+}
+
 .opus_1GJHzl_badge[data-variant="solid"] {
   color: var(--badge-solid-fg);
   background: var(--badge-solid-bg);
@@ -8005,7 +8035,7 @@
   border: 0;
 }
 
-.opus_RUNNkf_toggle {
+.opus_RUNNkf_toggle, .opus_RUNNkf_toggleSpacer {
   background: none;
   border-radius: 6px;
   justify-content: center;
@@ -8237,13 +8267,18 @@ button:hover .opus_7Zs_d5_openChevron, button:focus-visible .opus_7Zs_d5_openChe
   position: relative;
 }
 
-.opus_7Zs_d5_actionRow > :not(.opus_7Zs_d5_rowActionOverlay) {
+.opus_7Zs_d5_selectCell {
+  align-items: center;
+  display: flex;
+}
+
+.opus_7Zs_d5_actionRow > :not(.opus_7Zs_d5_actionCell) {
   pointer-events: none;
   z-index: 1;
   position: relative;
 }
 
-.opus_7Zs_d5_actionRow > input {
+.opus_7Zs_d5_actionRow > .opus_7Zs_d5_selectCell, .opus_7Zs_d5_actionRow > .opus_7Zs_d5_selectCell input {
   pointer-events: auto;
   z-index: 2;
 }
@@ -9194,10 +9229,62 @@ button.opus_7Zs_d5_docCard:hover, .opus_7Zs_d5_docCard[data-kind="folder"]:hover
 }
 
 .opus_ymQ4nN_form {
+  align-content: start;
   gap: 16px;
   display: grid;
 }
 
+.opus_ymQ4nN_formHeader {
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 12px;
+  display: flex;
+}
+
+.opus_ymQ4nN_formHeader[data-align="center"] {
+  text-align: center;
+  flex-direction: column;
+  align-items: center;
+}
+
+.opus_ymQ4nN_formHeaderCopy {
+  gap: 6px;
+  min-width: 0;
+  display: grid;
+}
+
+.opus_ymQ4nN_formHeaderEyebrow {
+  color: var(--opus-muted);
+  letter-spacing: .04em;
+  text-transform: uppercase;
+  margin: 0;
+  font-size: .72rem;
+  font-weight: 700;
+}
+
+.opus_ymQ4nN_formHeaderTitle {
+  color: var(--opus-text);
+  margin: 0;
+  font-size: 1.15rem;
+  font-weight: 700;
+  line-height: 1.25;
+}
+
+.opus_ymQ4nN_formHeaderDescription {
+  color: var(--opus-muted);
+  margin: 0;
+  font-size: .88rem;
+  line-height: 1.45;
+}
+
+.opus_ymQ4nN_formHeaderActions {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  display: flex;
+}
+
 .opus_ymQ4nN_formSection {
   border: 1px solid var(--opus-border);
   border-radius: 12px;
@@ -9212,6 +9299,7 @@ button.opus_7Zs_d5_docCard:hover, .opus_7Zs_d5_docCard[data-kind="folder"]:hover
 
 .opus_ymQ4nN_actions {
   justify-content: flex-end;
+  align-items: center;
   gap: 10px;
   display: flex;
 }
@@ -11868,16 +11956,31 @@ button.opus_7Zs_d5_docCard:hover, .opus_7Zs_d5_docCard[data-kind="folder"]:hover
   display: inline-flex;
 }
 
-.opus_YYKGIB_trigger[data-custom="true"] {
+.opus_YYKGIB_customTrigger {
   width: 100%;
-  min-height: 0;
-  color: inherit;
-  text-align: left;
+  display: block;
+  position: relative;
+}
+
+.opus_YYKGIB_customTriggerContent {
+  width: 100%;
+  display: block;
+}
+
+.opus_YYKGIB_customTriggerButton {
+  z-index: 1;
+  border-radius: var(--opus-input-radius);
+  cursor: pointer;
   background: none;
   border: 0;
-  justify-content: stretch;
   padding: 0;
-  display: block;
+  position: absolute;
+  inset: 0;
+}
+
+.opus_YYKGIB_customTriggerButton:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--opus-accent) 72%, transparent);
+  outline-offset: 2px;
 }
 
 .opus_YYKGIB_overlay {
@@ -14451,6 +14554,12 @@ button.opus_7Zs_d5_docCard:hover, .opus_7Zs_d5_docCard[data-kind="folder"]:hover
   overflow: auto hidden;
 }
 
+.opus_uhJd8v_row:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--opus-accent) 70%, transparent);
+  outline-offset: 2px;
+  border-radius: 12px;
+}
+
 .opus_uhJd8v_row::-webkit-scrollbar {
   width: 0;
   height: 0;