@charcuterie/ui 4.26.2 → 4.27.1

package/src/SegmentedControl/SegmentedOption.tsx

@@ -66,7 +66,7 @@ export const SegmentedOption = ({
     <button
       aria-checked={isChecked}
       className={toClassName(
-        "cursor-pointer rounded-sm border border-transparent font-medium tabular-nums transition-colors duration-(--duration-fast) ease-standard",
+        "inline-flex cursor-pointer items-center justify-center rounded-sm border border-transparent font-medium tabular-nums transition-colors duration-(--duration-fast) ease-standard",
         // In a very narrow board, three full labels cannot share
         // one row. The minimum lets two fit, then the final option
         // takes a full second row instead of wrapping its label or

package/src/index.ts

@@ -121,6 +121,12 @@ export type { ChartProps } from "./Chart/Chart.tsx"
 export { Chart } from "./Chart/Chart.tsx"
 export type { CheckboxProps } from "./Checkbox/Checkbox.tsx"
 export { Checkbox } from "./Checkbox/Checkbox.tsx"
+export type {
+  ColorPickerProps,
+  ColorPreset,
+} from "./ColorPicker/ColorPicker.tsx"
+export { ColorPicker } from "./ColorPicker/ColorPicker.tsx"
+export { parseHexColor } from "./ColorPicker/parseHexColor.ts"
 export type { ColorSchemeSwitcherProps } from "./ColorSchemeSwitcher/ColorSchemeSwitcher.tsx"
 export { ColorSchemeSwitcher } from "./ColorSchemeSwitcher/ColorSchemeSwitcher.tsx"
 export type {

package/src/sourceRules.test.ts

@@ -627,7 +627,9 @@ test("the barrel is the only place components are re-exported", async () => {
   // and whereabouts each drew it by hand. `GroupedListRow.tsx` is its
   // member and stays out of this count by the `<Name>/<Name>.tsx` rule.
   // CommandPalette composes Modal and SearchInput into the launcher.
-  expect(componentNames.length).toBe(79)
+  // ColorPicker composes Combobox and Swatch with a custom-color panel;
+  // `ColorPickerCustomPanel.tsx` is its member.
+  expect(componentNames.length).toBe(80)
 
   for (const name of componentNames) {
     expect(barrel).toContain(`export { ${name} }`)