@boyernick/standard-ui-react 0.1.1-canary.5 → 0.1.1-canary.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/collapsible.tsx +4 -2
- package/src/combobox.tsx +0 -1
- package/src/select.tsx +1 -1
package/package.json
CHANGED
package/src/collapsible.tsx
CHANGED
|
@@ -25,7 +25,7 @@ export const CollapsibleTrigger = ({
|
|
|
25
25
|
className={cn(
|
|
26
26
|
"group flex h-9 w-full cursor-pointer items-center justify-between gap-2 rounded-md border border-border-secondary bg-surface px-3 text-sm text-fg-primary inset-shadow-outline-top outline-none",
|
|
27
27
|
motion.colors,
|
|
28
|
-
"
|
|
28
|
+
"outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-offset-1 focus-visible:ring-offset-background-primary focus-visible:ring-ring/20 data-disabled:cursor-not-allowed data-disabled:opacity-50",
|
|
29
29
|
className,
|
|
30
30
|
)}
|
|
31
31
|
{...props}
|
|
@@ -56,6 +56,8 @@ export const CollapsiblePanel = ({
|
|
|
56
56
|
)}
|
|
57
57
|
{...props}
|
|
58
58
|
>
|
|
59
|
-
|
|
59
|
+
{/* px-3 matches the trigger's own padding, so the panel copy lines up
|
|
60
|
+
under the trigger's label instead of starting at the panel edge. */}
|
|
61
|
+
<div className="px-3 pt-2 leading-relaxed">{children}</div>
|
|
60
62
|
</BaseCollapsible.Panel>
|
|
61
63
|
)
|
package/src/combobox.tsx
CHANGED
|
@@ -77,7 +77,6 @@ export const ComboboxInputGroup = ({
|
|
|
77
77
|
<BaseCombobox.InputGroup
|
|
78
78
|
className={cn(
|
|
79
79
|
"relative flex min-h-9 w-full items-center rounded-md border border-border-secondary bg-surface inset-shadow-outline-top outline-none transition-[color,box-shadow]",
|
|
80
|
-
"has-[[data-popup-open]]:bg-background-tertiary/60",
|
|
81
80
|
"focus-within:border-ring focus-within:ring-[3px] focus-within:ring-offset-1 focus-within:ring-offset-background-primary focus-within:ring-ring/20",
|
|
82
81
|
"aria-invalid:border-destructive aria-invalid:focus-within:border-destructive aria-invalid:focus-within:ring-destructive/20",
|
|
83
82
|
"has-[[aria-invalid=true]]:border-destructive has-[[aria-invalid=true]]:focus-within:border-destructive has-[[aria-invalid=true]]:focus-within:ring-destructive/20",
|
package/src/select.tsx
CHANGED
|
@@ -33,7 +33,7 @@ export const SelectTrigger = ({
|
|
|
33
33
|
className={cn(
|
|
34
34
|
"flex h-9 w-full cursor-pointer items-center justify-between gap-2 rounded-md border border-border-secondary bg-surface px-3 text-sm text-fg-primary inset-shadow-outline-top outline-none",
|
|
35
35
|
motion.all,
|
|
36
|
-
"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-offset-1 focus-visible:ring-offset-background-primary focus-visible:ring-ring/20 aria-invalid:border-destructive aria-invalid:focus-visible:border-destructive aria-invalid:focus-visible:ring-destructive/20 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-placeholder:text-fg-quaternary data-popup-open:border-border-secondary
|
|
36
|
+
"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-offset-1 focus-visible:ring-offset-background-primary focus-visible:ring-ring/20 aria-invalid:border-destructive aria-invalid:focus-visible:border-destructive aria-invalid:focus-visible:ring-destructive/20 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-placeholder:text-fg-quaternary data-popup-open:border-border-secondary",
|
|
37
37
|
className,
|
|
38
38
|
)}
|
|
39
39
|
{...props}
|