diff --git a/documentation-site/components/version-selector.jsx b/documentation-site/components/version-selector.jsx index 1fbebb8be6..2bd664ed5e 100644 --- a/documentation-site/components/version-selector.jsx +++ b/documentation-site/components/version-selector.jsx @@ -61,7 +61,7 @@ const VersionSelector = () => { diff --git a/documentation-site/examples/button-group/dropdown.tsx b/documentation-site/examples/button-group/dropdown.tsx index c961f5f12d..81e432aa14 100644 --- a/documentation-site/examples/button-group/dropdown.tsx +++ b/documentation-site/examples/button-group/dropdown.tsx @@ -27,7 +27,10 @@ const Dropdown = (props: { children: React.ReactNode }) => { setIsOpen(false)} /> } > - diff --git a/documentation-site/examples/button-group/enhancer.tsx b/documentation-site/examples/button-group/enhancer.tsx index 54393c9c66..d800d6bbd4 100644 --- a/documentation-site/examples/button-group/enhancer.tsx +++ b/documentation-site/examples/button-group/enhancer.tsx @@ -6,9 +6,9 @@ import { Upload } from "baseui/icon"; export default function Example() { return ( - - - + + + ); } diff --git a/documentation-site/examples/button/dropdown.tsx b/documentation-site/examples/button/dropdown.tsx index 94c46b6b8c..05154bb8c7 100644 --- a/documentation-site/examples/button/dropdown.tsx +++ b/documentation-site/examples/button/dropdown.tsx @@ -34,7 +34,9 @@ export default function Example() { /> )} > - + ); } diff --git a/documentation-site/examples/button/with-enhancers.tsx b/documentation-site/examples/button/with-enhancers.tsx index c309c18377..f002b21de4 100644 --- a/documentation-site/examples/button/with-enhancers.tsx +++ b/documentation-site/examples/button/with-enhancers.tsx @@ -6,12 +6,14 @@ export default function Example() { return (

-

- +

); diff --git a/documentation-site/examples/fixed-marker/dragging.tsx b/documentation-site/examples/fixed-marker/dragging.tsx index ccf5a4ba17..a69e70e2a3 100644 --- a/documentation-site/examples/fixed-marker/dragging.tsx +++ b/documentation-site/examples/fixed-marker/dragging.tsx @@ -14,7 +14,9 @@ export default function Example() { onMouseLeave={() => setDragging(false)} > } + startEnhancer={({ size }: { size: number }) => ( + + )} size={PINHEAD_SIZES_SHAPES.large} needle={NEEDLE_SIZES.short} label="Hover over me to view dragging state" diff --git a/documentation-site/examples/fixed-marker/end-enhancer-color.tsx b/documentation-site/examples/fixed-marker/end-enhancer-color.tsx index 68522a6889..5b87d99473 100644 --- a/documentation-site/examples/fixed-marker/end-enhancer-color.tsx +++ b/documentation-site/examples/fixed-marker/end-enhancer-color.tsx @@ -6,7 +6,9 @@ export default function Example() { return ( } + endEnhancer={({ size }: { size: number }) => ( + + )} kind={KIND.negative} /> ); diff --git a/documentation-site/examples/fixed-marker/start-enhancer.tsx b/documentation-site/examples/fixed-marker/start-enhancer.tsx index a90bc676c8..378ae9fcdb 100644 --- a/documentation-site/examples/fixed-marker/start-enhancer.tsx +++ b/documentation-site/examples/fixed-marker/start-enhancer.tsx @@ -6,7 +6,9 @@ export default function Example() { return ( } + startEnhancer={({ size }: { size: number }) => ( + + )} /> ); } diff --git a/documentation-site/examples/floating-marker/large-square-anchor-start-enhancer.tsx b/documentation-site/examples/floating-marker/large-square-anchor-start-enhancer.tsx index bb15d69b8c..4cf3f57db7 100644 --- a/documentation-site/examples/floating-marker/large-square-anchor-start-enhancer.tsx +++ b/documentation-site/examples/floating-marker/large-square-anchor-start-enhancer.tsx @@ -10,7 +10,9 @@ export default function Example() { } + startEnhancer={({ size }: { size: number }) => ( + + )} size={FLOATING_MARKER_SIZES.large} /> ); diff --git a/documentation-site/examples/floating-marker/start-enhancer.tsx b/documentation-site/examples/floating-marker/start-enhancer.tsx index 2744bbb794..2b6b28b3d6 100644 --- a/documentation-site/examples/floating-marker/start-enhancer.tsx +++ b/documentation-site/examples/floating-marker/start-enhancer.tsx @@ -10,7 +10,9 @@ export default function Example() { } + startEnhancer={({ size }: { size: number }) => ( + + )} /> ); } diff --git a/documentation-site/examples/floating-route-marker/start-end-enhancer.tsx b/documentation-site/examples/floating-route-marker/start-end-enhancer.tsx index dd8c136a90..8061227d39 100644 --- a/documentation-site/examples/floating-route-marker/start-end-enhancer.tsx +++ b/documentation-site/examples/floating-route-marker/start-end-enhancer.tsx @@ -7,8 +7,8 @@ export default function Example() { return ( } - endEnhancer={({ size }) => } + startEnhancer={({ size }) => } + endEnhancer={({ size }) => } /> ); } diff --git a/documentation-site/examples/icon/button.tsx b/documentation-site/examples/icon/button.tsx index a8addad1a6..8c8a67d645 100644 --- a/documentation-site/examples/icon/button.tsx +++ b/documentation-site/examples/icon/button.tsx @@ -9,11 +9,15 @@ export default function Example() { return (
- +
- +
diff --git a/documentation-site/examples/input/enhancers.tsx b/documentation-site/examples/input/enhancers.tsx index 0fdd03d804..cac12eaf92 100644 --- a/documentation-site/examples/input/enhancers.tsx +++ b/documentation-site/examples/input/enhancers.tsx @@ -16,7 +16,7 @@ export default function Example() { />
} + endEnhancer={} placeholder="Input with an icon enhancer" /> diff --git a/documentation-site/examples/list/enhancers.tsx b/documentation-site/examples/list/enhancers.tsx index 6fb3f7faf7..decd2b7c47 100644 --- a/documentation-site/examples/list/enhancers.tsx +++ b/documentation-site/examples/list/enhancers.tsx @@ -40,7 +40,7 @@ export default function Example() { Label - }> + }> Label diff --git a/documentation-site/examples/list/menu-adapter.tsx b/documentation-site/examples/list/menu-adapter.tsx index 1d2f067095..228428a1eb 100644 --- a/documentation-site/examples/list/menu-adapter.tsx +++ b/documentation-site/examples/list/menu-adapter.tsx @@ -32,7 +32,7 @@ export default function Example() { ref={ref} artwork={props.item.icon} artworkSize={ARTWORK_SIZES.LARGE} - endEnhancer={() => } + endEnhancer={() => } > {props.item.title} diff --git a/documentation-site/examples/list/sublist.tsx b/documentation-site/examples/list/sublist.tsx index bb453e0ba3..41b3c446f7 100644 --- a/documentation-site/examples/list/sublist.tsx +++ b/documentation-site/examples/list/sublist.tsx @@ -20,13 +20,17 @@ export default function Example() { Label Two - } sublist> + } + sublist + > Label Three } + endEnhancer={() => } sublist > Label Four @@ -35,7 +39,7 @@ export default function Example() { artwork={Search} // Medium is aliased to Small when sublist artworkSize={ARTWORK_SIZES.MEDIUM} - endEnhancer={() => } + endEnhancer={() => } sublist > Label Five diff --git a/documentation-site/examples/list/tap-target.tsx b/documentation-site/examples/list/tap-target.tsx index 508f24abdb..55252b0b20 100644 --- a/documentation-site/examples/list/tap-target.tsx +++ b/documentation-site/examples/list/tap-target.tsx @@ -17,7 +17,7 @@ export default function Example() { onClick={() => console.log("click")} artwork={Check} artworkSize={ARTWORK_SIZES.MEDIUM} - endEnhancer={() => } + endEnhancer={() => } > Label diff --git a/documentation-site/examples/snackbar/action-button-usage.tsx b/documentation-site/examples/snackbar/action-button-usage.tsx index 029ec7f048..ea15cad410 100644 --- a/documentation-site/examples/snackbar/action-button-usage.tsx +++ b/documentation-site/examples/snackbar/action-button-usage.tsx @@ -23,7 +23,7 @@ export default function ActionButtonUsage() {
} + startEnhancer={({size}) => } message="The address was removed from your saved places" actionMessage="Undo" actionOnClick={() => { @@ -35,7 +35,7 @@ export default function ActionButtonUsage() {
} + startEnhancer={({size}) => } message="The address was added to your saved places" actionMessage="See list" actionOnClick={() => { @@ -47,7 +47,7 @@ export default function ActionButtonUsage() {
} + startEnhancer={({size}) => } message="Your address wasn't added" actionMessage="Try again" actionOnClick={() => { diff --git a/documentation-site/examples/table/pagination.tsx b/documentation-site/examples/table/pagination.tsx index de008e366f..ee6a223624 100644 --- a/documentation-site/examples/table/pagination.tsx +++ b/documentation-site/examples/table/pagination.tsx @@ -101,7 +101,10 @@ function PaginatedTable(props: { data: any[]; columns: any[] }) { )} placement={PLACEMENT.bottom} > - @@ -118,7 +121,7 @@ function PaginatedTable(props: { data: any[]; columns: any[] }) { const COLUMNS = Array.from({ length: 5 }, () => "Label"); const DATA = Array.from({ length: 45 }, (_, i) => - Array.from({ length: 5 }, () => `row: ${i + 1}`), + Array.from({ length: 5 }, () => `row: ${i + 1}`) ); export default function Example() {