@podoba/react 0.0.5 → 0.0.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.
Files changed (5) hide show
  1. package/package.json +3 -3
  2. package/src/components/combobox.tsx +1 -1
  3. package/src/components/multiselect.tsx +1 -1
  4. package/src/components/select.tsx +3 -1
  5. package/src/components/slider.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@podoba/react",
3
- "version": "0.0.5",
3
+ "version": "0.0.6",
4
4
  "type": "module",
5
5
  "description": "podoba React components — React Aria Components + Tailwind primitives + layout, built with uic.",
6
6
  "repository": {
@@ -25,8 +25,8 @@
25
25
  "typecheck": "tsc --build"
26
26
  },
27
27
  "dependencies": {
28
- "@podoba/tokens": "^0.0.5",
29
- "@podoba/tailwind": "^0.0.5",
28
+ "@podoba/tokens": "^0.0.6",
29
+ "@podoba/tailwind": "^0.0.6",
30
30
  "react-aria-components": "1.18.0",
31
31
  "class-variance-authority": "0.7.1",
32
32
  "clsx": "2.1.1",
package/src/components/combobox.tsx CHANGED
@@ -86,7 +86,7 @@ export const ComboBox = <T extends object>({
86
86
  <FieldError className="text-xs text-danger">{errorMessage}</FieldError>
87
87
  <Popover className="min-w-[var(--trigger-width)] overflow-hidden rounded-lg bg-surface-card shadow-lg">
88
88
  <ListBox
89
- className="flex max-h-64 flex-col gap-0.5 overflow-auto p-1 outline-none"
89
+ className="flex max-h-64 flex-col gap-0.5 overflow-auto overscroll-contain p-1 outline-none"
90
90
  renderEmptyState={() => <div className="px-3 py-2 text-sm text-fg-muted">No results</div>}
91
91
  >
92
92
  {children}
package/src/components/multiselect.tsx CHANGED
@@ -115,7 +115,7 @@ export const MultiSelect = ({
115
115
  selectedKeys={selected}
116
116
  onSelectionChange={handleChange}
117
117
  renderEmptyState={() => <div className="px-3 py-2 text-sm text-fg-muted">No matches</div>}
118
- className="flex max-h-64 flex-col gap-0.5 overflow-auto p-1 outline-none"
118
+ className="flex max-h-64 flex-col gap-0.5 overflow-auto overscroll-contain p-1 outline-none"
119
119
  >
120
120
  {options.map((o) => (
121
121
  <MultiSelectItem key={o.id} id={o.id} textValue={o.label} isDisabled={o.isDisabled}>
package/src/components/select.tsx CHANGED
@@ -106,7 +106,9 @@ export const Select = <T extends object>({
106
106
  {/* Cream fill, 8px radius, shadow-lg, NO border. 4px inset so each option's
107
107
  highlight sits as a padded pill; small gap for an even list rhythm. */}
108
108
  <Popover className="min-w-[var(--trigger-width)] overflow-hidden rounded-lg bg-surface-card shadow-lg">
109
- <ListBox className="flex flex-col gap-0.5 p-1 outline-none">{children}</ListBox>
109
+ <ListBox className="flex max-h-64 flex-col gap-0.5 overflow-auto overscroll-contain p-1 outline-none">
110
+ {children}
111
+ </ListBox>
110
112
  </Popover>
111
113
  </RACSelect>
112
114
  )
package/src/components/slider.tsx CHANGED
@@ -22,7 +22,7 @@ export type SliderProps<T extends number | number[]> = RACSliderProps<T> & {
22
22
 
23
23
  export const Slider = <T extends number | number[]>({ label, hideOutput, ...props }: SliderProps<T>) => (
24
24
  <RACSlider {...props} className="flex flex-col gap-2 data-[disabled]:opacity-50">
25
- <div className="flex items-center justify-between">
25
+ <div className="flex items-baseline justify-between gap-4">
26
26
  <Label className="text-heading5 font-medium text-fg">{label}</Label>
27
27
  {hideOutput ? null : <SliderOutput className="text-sm tabular-nums text-fg-muted" />}
28
28
  </div>