@vendure-io/ui 2.0.0-beta.11 → 2.0.0-beta.12

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/molecules/date-picker.tsx +3 -1
  3. package/src/components/molecules/date-range-picker.tsx +3 -1
  4. package/src/components/molecules/date-time-picker.tsx +3 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vendure-io/ui",
3
- "version": "2.0.0-beta.11",
3
+ "version": "2.0.0-beta.12",
4
4
  "description": "React component library for Vendure, built on shadcn/ui and Tailwind v4",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "homepage": "https://github.com/vendurehq/design/tree/main/packages/ui",
package/src/components/molecules/date-picker.tsx CHANGED
@@ -75,7 +75,9 @@ function DatePicker({
75
75
  variant="outline"
76
76
  disabled={disabled}
77
77
  aria-invalid={invalid || undefined}
78
- className="min-w-0 flex-1 justify-start font-normal"
78
+ // Pickers sit in forms next to Inputs, so mirror the Input/Select
79
+ // trigger look (transparent bg) instead of the outline button fill.
80
+ className="min-w-0 flex-1 justify-start border-input bg-transparent font-normal hover:bg-transparent aria-expanded:bg-transparent"
79
81
  />
80
82
  }
81
83
  >
package/src/components/molecules/date-range-picker.tsx CHANGED
@@ -92,7 +92,9 @@ function DateRangePicker({
92
92
  variant="outline"
93
93
  disabled={disabled}
94
94
  aria-invalid={invalid || undefined}
95
- className="min-w-0 flex-1 justify-start font-normal"
95
+ // Pickers sit in forms next to Inputs, so mirror the Input/Select
96
+ // trigger look (transparent bg) instead of the outline button fill.
97
+ className="min-w-0 flex-1 justify-start border-input bg-transparent font-normal hover:bg-transparent aria-expanded:bg-transparent"
96
98
  />
97
99
  }
98
100
  >
package/src/components/molecules/date-time-picker.tsx CHANGED
@@ -84,7 +84,9 @@ function DateTimePicker({
84
84
  variant="outline"
85
85
  disabled={disabled}
86
86
  aria-invalid={invalid || undefined}
87
- className="min-w-0 flex-1 justify-start font-normal"
87
+ // Pickers sit in forms next to Inputs, so mirror the Input/Select
88
+ // trigger look (transparent bg) instead of the outline button fill.
89
+ className="min-w-0 flex-1 justify-start border-input bg-transparent font-normal hover:bg-transparent aria-expanded:bg-transparent"
88
90
  />
89
91
  }
90
92
  >