@cdx-ui/components 0.2.2 → 0.2.4
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/AGENTS.md +24 -0
- package/README.md +6 -2
- package/coverage.svg +1 -1
- package/docs/components/accordion/content.md +538 -0
- package/docs/components/alert/content.md +203 -0
- package/docs/components/alert-dialog/content.md +319 -0
- package/docs/components/avatar/content.md +368 -0
- package/docs/components/avatar/design.md +202 -0
- package/docs/components/badge/content.md +235 -0
- package/docs/components/bottom-sheet/content.md +351 -0
- package/docs/components/bottom-sheet/design.md +249 -0
- package/docs/components/breadcrumbs/content.md +169 -0
- package/docs/components/button/content.md +398 -0
- package/docs/components/button/design.md +258 -0
- package/docs/components/calendar/content.md +137 -0
- package/docs/components/card/content.md +283 -0
- package/docs/components/carousel/content.md +416 -0
- package/docs/components/checkbox/content.md +236 -0
- package/docs/components/checkbox/design.md +214 -0
- package/docs/components/chip/content.md +439 -0
- package/docs/components/chip/design.md +418 -0
- package/docs/components/color-area/content.md +86 -0
- package/docs/components/color-field/content.md +134 -0
- package/docs/components/color-picker/content.md +208 -0
- package/docs/components/color-slider/content.md +120 -0
- package/docs/components/color-swatch/content.md +64 -0
- package/docs/components/color-swatch-picker/content.md +126 -0
- package/docs/components/content.md +97 -0
- package/docs/components/currency-input/content.md +205 -0
- package/docs/components/data-grid/content.md +522 -0
- package/docs/components/date-field/content.md +147 -0
- package/docs/components/date-picker/content.md +360 -0
- package/docs/components/date-range-picker/content.md +301 -0
- package/docs/components/date-time-field/content.md +157 -0
- package/docs/components/date-time-list/content.md +105 -0
- package/docs/components/date-time-picker/content.md +272 -0
- package/docs/components/dialog/content.md +436 -0
- package/docs/components/dialog/design.md +192 -0
- package/docs/components/divider/content.md +112 -0
- package/docs/components/drawer/content.md +436 -0
- package/docs/components/field/content.md +277 -0
- package/docs/components/form/content.md +62 -0
- package/docs/components/full-screen-dialog/content.md +881 -0
- package/docs/components/heading/content.md +55 -0
- package/docs/components/icon/content.md +190 -0
- package/docs/components/icon-button/content.md +200 -0
- package/docs/components/icon-button/design.md +165 -0
- package/docs/components/image/content.md +104 -0
- package/docs/components/input/content.md +281 -0
- package/docs/components/input/design.md +389 -0
- package/docs/components/insurance-disclosure/content.md +103 -0
- package/docs/components/link/content.md +180 -0
- package/docs/components/link/design.md +160 -0
- package/docs/components/list-item/content.md +695 -0
- package/docs/components/menu/content.md +1247 -0
- package/docs/components/month-calendar/content.md +84 -0
- package/docs/components/month-picker/content.md +273 -0
- package/docs/components/otp-input/content.md +327 -0
- package/docs/components/progress-bar/content.md +87 -0
- package/docs/components/progress-circle/content.md +176 -0
- package/docs/components/progress-segmented/content.md +119 -0
- package/docs/components/quick-action-button/content.md +154 -0
- package/docs/components/quick-action-button/design.md +170 -0
- package/docs/components/radio/content.md +224 -0
- package/docs/components/range-calendar/content.md +123 -0
- package/docs/components/reorderable-list/content.md +309 -0
- package/docs/components/scoped-theme/content.md +47 -0
- package/docs/components/scroll-shadow/content.md +686 -0
- package/docs/components/select/content.md +400 -0
- package/docs/components/select/design.md +301 -0
- package/docs/components/skeleton/content.md +103 -0
- package/docs/components/slider/content.md +423 -0
- package/docs/components/stack/content.md +161 -0
- package/docs/components/switch/content.md +150 -0
- package/docs/components/switch/design.md +208 -0
- package/docs/components/table/content.md +548 -0
- package/docs/components/table-pagination/content.md +177 -0
- package/docs/components/tabs/content.md +292 -0
- package/docs/components/text/content.md +142 -0
- package/docs/components/textarea/content.md +222 -0
- package/docs/components/tile/content.md +703 -0
- package/docs/components/toast/content.md +456 -0
- package/docs/components/toggle-button/content.md +505 -0
- package/docs/components/tooltip/content.md +350 -0
- package/docs/components/virtualized-list/content.md +250 -0
- package/docs/foundations/content.md +9 -0
- package/docs/foundations/expressions/icons/content.md +19 -0
- package/docs/foundations/styles/tokens/all-tokens/content.md +192 -0
- package/docs/foundations/styles/tokens/what-are-tokens/content.md +33 -0
- package/docs/foundations/styles/tokens/what-are-tokens/design.md +33 -0
- package/docs/getting-started/content.md +4 -0
- package/docs/getting-started/designers/content.md +13 -0
- package/docs/getting-started/designers/design.md +13 -0
- package/docs/getting-started/developers/accessibility/content.md +31 -0
- package/docs/getting-started/developers/content.md +612 -0
- package/docs/getting-started/developers/styling/content.md +193 -0
- package/docs/llms.txt +193 -0
- package/docs/patterns/account-management/content.md +75 -0
- package/docs/patterns/authentication/content.md +52 -0
- package/docs/patterns/content.md +10 -0
- package/docs/patterns/dashboard/content.md +39 -0
- package/docs/patterns/empty-states/content.md +31 -0
- package/docs/patterns/forms/content.md +109 -0
- package/docs/patterns/onboarding/content.md +69 -0
- package/docs/patterns/payments/content.md +35 -0
- package/docs/patterns/settings/content.md +72 -0
- package/docs/resources/content.md +9 -0
- package/docs/resources/figma-libraries/content.md +42 -0
- package/docs/resources/release-notes/0.0.1-beta.118/content.md +27 -0
- package/docs/resources/release-notes/0.0.1-beta.122/content.md +21 -0
- package/docs/resources/release-notes/0.0.1-beta.124/content.md +16 -0
- package/docs/resources/release-notes/0.0.1-beta.126/content.md +10 -0
- package/docs/resources/release-notes/0.0.1-beta.127/content.md +14 -0
- package/docs/resources/release-notes/0.0.1-beta.128/content.md +9 -0
- package/docs/resources/release-notes/0.0.1-beta.129/content.md +18 -0
- package/docs/resources/release-notes/0.0.1-beta.130/content.md +18 -0
- package/docs/resources/release-notes/0.0.1-beta.133/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.134/content.md +17 -0
- package/docs/resources/release-notes/0.0.1-beta.136/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.137/content.md +10 -0
- package/docs/resources/release-notes/0.0.1-beta.138/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.139/content.md +13 -0
- package/docs/resources/release-notes/0.0.1-beta.140/content.md +26 -0
- package/docs/resources/release-notes/0.0.1-beta.141/content.md +63 -0
- package/docs/resources/release-notes/0.0.1-beta.142/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.143/content.md +12 -0
- package/docs/resources/release-notes/0.0.1-beta.144/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.145/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.147/content.md +10 -0
- package/docs/resources/release-notes/0.0.1-beta.149/content.md +10 -0
- package/docs/resources/release-notes/0.0.1-beta.150/content.md +13 -0
- package/docs/resources/release-notes/0.0.1-beta.152/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.154/content.md +15 -0
- package/docs/resources/release-notes/0.0.1-beta.156/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.158/content.md +9 -0
- package/docs/resources/release-notes/0.0.1-beta.159/content.md +11 -0
- package/docs/resources/release-notes/0.0.1-beta.160/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.161/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.163/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.164/content.md +9 -0
- package/docs/resources/release-notes/0.0.1-beta.166/content.md +17 -0
- package/docs/resources/release-notes/0.0.1-beta.167/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.168/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.169/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.171/content.md +16 -0
- package/docs/resources/release-notes/0.0.1-beta.172/content.md +24 -0
- package/docs/resources/release-notes/0.0.1-beta.173/content.md +15 -0
- package/docs/resources/release-notes/0.0.1-beta.174/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.176/content.md +32 -0
- package/docs/resources/release-notes/0.0.1-beta.179/content.md +11 -0
- package/docs/resources/release-notes/0.0.1-beta.182/content.md +13 -0
- package/docs/resources/release-notes/0.0.1-beta.185/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.187/content.md +27 -0
- package/docs/resources/release-notes/0.1.1/content.md +23 -0
- package/docs/resources/release-notes/0.1.2/content.md +7 -0
- package/docs/resources/release-notes/0.1.4/content.md +19 -0
- package/docs/resources/release-notes/0.1.5/content.md +7 -0
- package/docs/resources/release-notes/0.1.6/content.md +7 -0
- package/docs/resources/release-notes/0.2.0/content.md +31 -0
- package/docs/resources/release-notes/0.2.1/content.md +17 -0
- package/docs/resources/release-notes/0.2.2/content.md +11 -0
- package/docs/resources/release-notes/0.2.3/content.md +15 -0
- package/docs/resources/release-notes/content.md +64 -0
- package/lib/commonjs/components/Checkbox/index.js.map +1 -1
- package/lib/commonjs/components/DateTimeList/index.js +11 -26
- package/lib/commonjs/components/DateTimeList/index.js.map +1 -1
- package/lib/commonjs/components/DateTimeList/styles.js +2 -12
- package/lib/commonjs/components/DateTimeList/styles.js.map +1 -1
- package/lib/commonjs/components/Heading/index.js.map +1 -1
- package/lib/commonjs/components/Icon/index.js.map +1 -1
- package/lib/commonjs/components/ListItem/index.js +170 -9
- package/lib/commonjs/components/ListItem/index.js.map +1 -1
- package/lib/commonjs/components/ListItem/styles.js +38 -2
- package/lib/commonjs/components/ListItem/styles.js.map +1 -1
- package/lib/commonjs/components/Menu/index.js +11 -5
- package/lib/commonjs/components/Menu/index.js.map +1 -1
- package/lib/commonjs/components/RangeCalendar/index.js.map +1 -1
- package/lib/commonjs/components/ReorderableList/ReorderableListShared.js +91 -0
- package/lib/commonjs/components/ReorderableList/ReorderableListShared.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/index.js +135 -0
- package/lib/commonjs/components/ReorderableList/index.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/index.web.js +233 -0
- package/lib/commonjs/components/ReorderableList/index.web.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/labels.js +47 -0
- package/lib/commonjs/components/ReorderableList/labels.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/reorderItems.js +16 -0
- package/lib/commonjs/components/ReorderableList/reorderItems.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/rowContext.js +42 -0
- package/lib/commonjs/components/ReorderableList/rowContext.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/types.js +6 -0
- package/lib/commonjs/components/ReorderableList/types.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/useReorder.js +131 -0
- package/lib/commonjs/components/ReorderableList/useReorder.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/webDnd.js +64 -0
- package/lib/commonjs/components/ReorderableList/webDnd.js.map +1 -0
- package/lib/commonjs/components/ScopedTheme/index.js.map +1 -1
- package/lib/commonjs/components/ScrollShadow/gradient.js +29 -0
- package/lib/commonjs/components/ScrollShadow/gradient.js.map +1 -0
- package/lib/commonjs/components/ScrollShadow/index.js +171 -44
- package/lib/commonjs/components/ScrollShadow/index.js.map +1 -1
- package/lib/commonjs/components/ScrollShadow/styles.js +58 -14
- package/lib/commonjs/components/ScrollShadow/styles.js.map +1 -1
- package/lib/commonjs/components/ScrollShadow/useComposedScrollHandler.js +63 -0
- package/lib/commonjs/components/ScrollShadow/useComposedScrollHandler.js.map +1 -0
- package/lib/commonjs/components/ScrollShadow/useScrollShadow.js +48 -8
- package/lib/commonjs/components/ScrollShadow/useScrollShadow.js.map +1 -1
- package/lib/commonjs/components/Skeleton/index.js.map +1 -1
- package/lib/commonjs/components/TablePagination/index.js.map +1 -1
- package/lib/commonjs/components/Tabs/index.js +16 -23
- package/lib/commonjs/components/Tabs/index.js.map +1 -1
- package/lib/commonjs/components/Tabs/styles.js +1 -10
- package/lib/commonjs/components/Tabs/styles.js.map +1 -1
- package/lib/commonjs/components/Text/index.js.map +1 -1
- package/lib/commonjs/components/Tile/styles.js +1 -1
- package/lib/commonjs/components/Tile/styles.js.map +1 -1
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/figma/ListItem.SectionHeader.figma.js +20 -5
- package/lib/commonjs/figma/ListItem.SectionHeader.figma.js.map +1 -1
- package/lib/commonjs/reorderable-list.js +17 -0
- package/lib/commonjs/reorderable-list.js.map +1 -0
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/DateTimeList/index.js +12 -27
- package/lib/module/components/DateTimeList/index.js.map +1 -1
- package/lib/module/components/DateTimeList/styles.js +1 -11
- package/lib/module/components/DateTimeList/styles.js.map +1 -1
- package/lib/module/components/Heading/index.js.map +1 -1
- package/lib/module/components/Icon/index.js.map +1 -1
- package/lib/module/components/ListItem/index.js +163 -14
- package/lib/module/components/ListItem/index.js.map +1 -1
- package/lib/module/components/ListItem/styles.js +37 -1
- package/lib/module/components/ListItem/styles.js.map +1 -1
- package/lib/module/components/Menu/index.js +11 -5
- package/lib/module/components/Menu/index.js.map +1 -1
- package/lib/module/components/RangeCalendar/index.js.map +1 -1
- package/lib/module/components/ReorderableList/ReorderableListShared.js +86 -0
- package/lib/module/components/ReorderableList/ReorderableListShared.js.map +1 -0
- package/lib/module/components/ReorderableList/index.js +130 -0
- package/lib/module/components/ReorderableList/index.js.map +1 -0
- package/lib/module/components/ReorderableList/index.web.js +229 -0
- package/lib/module/components/ReorderableList/index.web.js.map +1 -0
- package/lib/module/components/ReorderableList/labels.js +41 -0
- package/lib/module/components/ReorderableList/labels.js.map +1 -0
- package/lib/module/components/ReorderableList/reorderItems.js +12 -0
- package/lib/module/components/ReorderableList/reorderItems.js.map +1 -0
- package/lib/module/components/ReorderableList/rowContext.js +38 -0
- package/lib/module/components/ReorderableList/rowContext.js.map +1 -0
- package/lib/module/components/ReorderableList/types.js +4 -0
- package/lib/module/components/ReorderableList/types.js.map +1 -0
- package/lib/module/components/ReorderableList/useReorder.js +123 -0
- package/lib/module/components/ReorderableList/useReorder.js.map +1 -0
- package/lib/module/components/ReorderableList/webDnd.js +59 -0
- package/lib/module/components/ReorderableList/webDnd.js.map +1 -0
- package/lib/module/components/ScopedTheme/index.js.map +1 -1
- package/lib/module/components/ScrollShadow/gradient.js +24 -0
- package/lib/module/components/ScrollShadow/gradient.js.map +1 -0
- package/lib/module/components/ScrollShadow/index.js +170 -48
- package/lib/module/components/ScrollShadow/index.js.map +1 -1
- package/lib/module/components/ScrollShadow/styles.js +57 -13
- package/lib/module/components/ScrollShadow/styles.js.map +1 -1
- package/lib/module/components/ScrollShadow/useComposedScrollHandler.js +57 -0
- package/lib/module/components/ScrollShadow/useComposedScrollHandler.js.map +1 -0
- package/lib/module/components/ScrollShadow/useScrollShadow.js +46 -8
- package/lib/module/components/ScrollShadow/useScrollShadow.js.map +1 -1
- package/lib/module/components/Skeleton/index.js.map +1 -1
- package/lib/module/components/TablePagination/index.js.map +1 -1
- package/lib/module/components/Tabs/index.js +17 -24
- package/lib/module/components/Tabs/index.js.map +1 -1
- package/lib/module/components/Tabs/styles.js +0 -9
- package/lib/module/components/Tabs/styles.js.map +1 -1
- package/lib/module/components/Text/index.js.map +1 -1
- package/lib/module/components/Tile/styles.js +1 -1
- package/lib/module/components/Tile/styles.js.map +1 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/figma/ListItem.SectionHeader.figma.js +20 -5
- package/lib/module/figma/ListItem.SectionHeader.figma.js.map +1 -1
- package/lib/module/reorderable-list.js +4 -0
- package/lib/module/reorderable-list.js.map +1 -0
- package/lib/typescript/components/Checkbox/index.d.ts +22 -0
- package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
- package/lib/typescript/components/DateTimeList/index.d.ts.map +1 -1
- package/lib/typescript/components/DateTimeList/styles.d.ts +1 -4
- package/lib/typescript/components/DateTimeList/styles.d.ts.map +1 -1
- package/lib/typescript/components/Heading/index.d.ts +20 -2
- package/lib/typescript/components/Heading/index.d.ts.map +1 -1
- package/lib/typescript/components/Icon/index.d.ts +2 -0
- package/lib/typescript/components/Icon/index.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/index.d.ts +28 -5
- package/lib/typescript/components/ListItem/index.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/styles.d.ts +6 -1
- package/lib/typescript/components/ListItem/styles.d.ts.map +1 -1
- package/lib/typescript/components/Menu/index.d.ts +116 -4
- package/lib/typescript/components/Menu/index.d.ts.map +1 -1
- package/lib/typescript/components/RangeCalendar/index.d.ts +2 -0
- package/lib/typescript/components/RangeCalendar/index.d.ts.map +1 -1
- package/lib/typescript/components/ReorderableList/ReorderableListShared.d.ts +31 -0
- package/lib/typescript/components/ReorderableList/ReorderableListShared.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/index.d.ts +8 -0
- package/lib/typescript/components/ReorderableList/index.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/index.web.d.ts +8 -0
- package/lib/typescript/components/ReorderableList/index.web.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/labels.d.ts +16 -0
- package/lib/typescript/components/ReorderableList/labels.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/reorderItems.d.ts +3 -0
- package/lib/typescript/components/ReorderableList/reorderItems.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/rowContext.d.ts +57 -0
- package/lib/typescript/components/ReorderableList/rowContext.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/types.d.ts +75 -0
- package/lib/typescript/components/ReorderableList/types.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/useReorder.d.ts +31 -0
- package/lib/typescript/components/ReorderableList/useReorder.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/webDnd.d.ts +27 -0
- package/lib/typescript/components/ReorderableList/webDnd.d.ts.map +1 -0
- package/lib/typescript/components/ScopedTheme/index.d.ts +6 -1
- package/lib/typescript/components/ScopedTheme/index.d.ts.map +1 -1
- package/lib/typescript/components/ScrollShadow/gradient.d.ts +7 -0
- package/lib/typescript/components/ScrollShadow/gradient.d.ts.map +1 -0
- package/lib/typescript/components/ScrollShadow/index.d.ts +57 -15
- package/lib/typescript/components/ScrollShadow/index.d.ts.map +1 -1
- package/lib/typescript/components/ScrollShadow/styles.d.ts +8 -2
- package/lib/typescript/components/ScrollShadow/styles.d.ts.map +1 -1
- package/lib/typescript/components/ScrollShadow/useComposedScrollHandler.d.ts +13 -0
- package/lib/typescript/components/ScrollShadow/useComposedScrollHandler.d.ts.map +1 -0
- package/lib/typescript/components/ScrollShadow/useScrollShadow.d.ts +15 -2
- package/lib/typescript/components/ScrollShadow/useScrollShadow.d.ts.map +1 -1
- package/lib/typescript/components/Skeleton/index.d.ts +3 -0
- package/lib/typescript/components/Skeleton/index.d.ts.map +1 -1
- package/lib/typescript/components/TablePagination/index.d.ts +54 -0
- package/lib/typescript/components/TablePagination/index.d.ts.map +1 -1
- package/lib/typescript/components/Tabs/index.d.ts.map +1 -1
- package/lib/typescript/components/Tabs/styles.d.ts +0 -7
- package/lib/typescript/components/Tabs/styles.d.ts.map +1 -1
- package/lib/typescript/components/Text/index.d.ts +12 -2
- package/lib/typescript/components/Text/index.d.ts.map +1 -1
- package/lib/typescript/components/Tile/styles.d.ts.map +1 -1
- package/lib/typescript/components/ToggleButton/styles.d.ts +1 -1
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/figma/ListItem.SectionHeader.figma.d.ts.map +1 -1
- package/lib/typescript/reorderable-list.d.ts +2 -0
- package/lib/typescript/reorderable-list.d.ts.map +1 -0
- package/package.json +37 -8
- package/src/components/Checkbox/index.tsx +22 -0
- package/src/components/DateTimeList/index.tsx +13 -26
- package/src/components/DateTimeList/styles.ts +1 -10
- package/src/components/Heading/index.tsx +10 -1
- package/src/components/Icon/index.tsx +2 -0
- package/src/components/ListItem/index.tsx +232 -15
- package/src/components/ListItem/styles.ts +41 -0
- package/src/components/Menu/index.tsx +128 -12
- package/src/components/RangeCalendar/index.tsx +2 -0
- package/src/components/ReorderableList/ReorderableListShared.tsx +113 -0
- package/src/components/ReorderableList/index.tsx +162 -0
- package/src/components/ReorderableList/index.web.tsx +254 -0
- package/src/components/ReorderableList/labels.ts +52 -0
- package/src/components/ReorderableList/reorderItems.ts +16 -0
- package/src/components/ReorderableList/rowContext.tsx +72 -0
- package/src/components/ReorderableList/types.ts +80 -0
- package/src/components/ReorderableList/useReorder.ts +159 -0
- package/src/components/ReorderableList/webDnd.ts +60 -0
- package/src/components/ScopedTheme/index.tsx +6 -1
- package/src/components/ScrollShadow/gradient.ts +48 -0
- package/src/components/ScrollShadow/index.tsx +300 -69
- package/src/components/ScrollShadow/styles.ts +45 -28
- package/src/components/ScrollShadow/useComposedScrollHandler.ts +58 -0
- package/src/components/ScrollShadow/useScrollShadow.ts +72 -10
- package/src/components/Skeleton/index.tsx +3 -0
- package/src/components/TablePagination/index.tsx +54 -0
- package/src/components/Tabs/index.tsx +25 -35
- package/src/components/Tabs/styles.ts +0 -9
- package/src/components/Text/index.tsx +6 -1
- package/src/components/Tile/styles.ts +4 -1
- package/src/components/index.ts +5 -0
- package/src/reorderable-list.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Text","RNText","useHasTextAncestor","cn","nestedTextStyle","textStyle","jsx","_jsx","className","color","size","weight","italic","props","ref","variants","classes","displayName"],"sourceRoot":"../../../../src","sources":["components/Text/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA0D,OAAO;AACpF,SAASC,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAC7C,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,eAAe,EAAEC,SAAS,QAA+B,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["forwardRef","Text","RNText","useHasTextAncestor","cn","nestedTextStyle","textStyle","jsx","_jsx","className","color","size","weight","italic","props","ref","variants","classes","displayName"],"sourceRoot":"../../../../src","sources":["components/Text/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA0D,OAAO;AACpF,SAASC,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAC7C,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,eAAe,EAAEC,SAAS,QAA+B,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiC7E,OAAO,MAAMP,IAAI,gBAAGD,UAAU,CAAyC,SAASC,IAAIA,CAClF;EAAEQ,SAAS;EAAEC,KAAK;EAAEC,IAAI;EAAEC,MAAM;EAAEC,MAAM;EAAE,GAAGC;AAAM,CAAC,EACpDC,GAAG,EACH;EACA,MAAMC,QAAQ,GAAG;IAAEN,KAAK;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAO,CAAC;EAChD,MAAMI,OAAO,GAAGd,kBAAkB,CAAC,CAAC,GAAGE,eAAe,CAACW,QAAQ,CAAC,GAAGV,SAAS,CAACU,QAAQ,CAAC;EAEtF,oBAAOR,IAAA,CAACN,MAAM;IAACO,SAAS,EAAEL,EAAE,CAACa,OAAO,EAAER,SAAS,CAAE;IAAA,GAAKK,KAAK;IAAEC,GAAG,EAAEA;EAAI,CAAE,CAAC;AAC3E,CAAC,CAAC;AAEFd,IAAI,CAACiB,WAAW,GAAG,MAAM","ignoreList":[]}
|
|
@@ -25,7 +25,7 @@ export const tileRootVariants = cva(['flex-row self-stretch gap-3 px-4 py-3', 'd
|
|
|
25
25
|
})], {
|
|
26
26
|
variants: {
|
|
27
27
|
shape: {
|
|
28
|
-
flat: 'rounded-none border-0 bg-transparent',
|
|
28
|
+
flat: ['rounded-none border-0 bg-transparent', 'data-[state=selected]:bg-surface-action-tint'].join(' '),
|
|
29
29
|
card: ['rounded-[var(--border-radius-default)] border-1 border-solid', 'border-stroke-secondary', 'bg-surface-primary', 'data-[state=selected]:border-stroke-action', 'data-[state=selected]:border-1.5', 'data-[state=selected]:bg-surface-action-tint'].join(' ')
|
|
30
30
|
},
|
|
31
31
|
showSeparator: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","TRANSITION_COLORS","tileGroupVariants","variants","direction","column","row","spacing","default","none","defaultVariants","tileRootVariants","select","web","join","shape","flat","card","showSeparator","true","false","tileLeadingSlotVariants","tileTrailingSlotVariants","tileContentVariants","tileTitleVariants","tileDescriptionVariants","tileIndicatorVariants"],"sourceRoot":"../../../../src","sources":["components/Tile/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AACtD,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,OAAO,MAAMC,iBAAiB,GAAGF,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE;EACpDG,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,UAAU;MAClBC,GAAG,EAAE;IACP,CAAC;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,OAAO;MAChBC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,SAAS,EAAE,QAAQ;IACnBG,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAIF,OAAO,MAAMI,gBAAgB,GAAGX,GAAG,CACjC,CACE,uCAAuC,EACvC,iCAAiC,EACjCC,iBAAiB,EACjBF,QAAQ,CAACa,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,cAAc,EACd,sEAAsE,EACtE,0FAA0F,EAC1F,sFAAsF,EACtF,oJAAoJ,CACrJ,CAACC,IAAI,CAAC,GAAG,CAAC;EACXN,OAAO,EAAE,CACP,iDAAiD,EACjD,yCAAyC,CAC1C,CAACM,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,EACD;EACEX,QAAQ,EAAE;IACRY,KAAK,EAAE;MACLC,IAAI,EAAE,sCAAsC;
|
|
1
|
+
{"version":3,"names":["Platform","cva","TRANSITION_COLORS","tileGroupVariants","variants","direction","column","row","spacing","default","none","defaultVariants","tileRootVariants","select","web","join","shape","flat","card","showSeparator","true","false","tileLeadingSlotVariants","tileTrailingSlotVariants","tileContentVariants","tileTitleVariants","tileDescriptionVariants","tileIndicatorVariants"],"sourceRoot":"../../../../src","sources":["components/Tile/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AACtD,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,OAAO,MAAMC,iBAAiB,GAAGF,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE;EACpDG,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,UAAU;MAClBC,GAAG,EAAE;IACP,CAAC;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,OAAO;MAChBC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,SAAS,EAAE,QAAQ;IACnBG,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAIF,OAAO,MAAMI,gBAAgB,GAAGX,GAAG,CACjC,CACE,uCAAuC,EACvC,iCAAiC,EACjCC,iBAAiB,EACjBF,QAAQ,CAACa,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,cAAc,EACd,sEAAsE,EACtE,0FAA0F,EAC1F,sFAAsF,EACtF,oJAAoJ,CACrJ,CAACC,IAAI,CAAC,GAAG,CAAC;EACXN,OAAO,EAAE,CACP,iDAAiD,EACjD,yCAAyC,CAC1C,CAACM,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,EACD;EACEX,QAAQ,EAAE;IACRY,KAAK,EAAE;MACLC,IAAI,EAAE,CACJ,sCAAsC,EACtC,8CAA8C,CAC/C,CAACF,IAAI,CAAC,GAAG,CAAC;MACXG,IAAI,EAAE,CACJ,8DAA8D,EAC9D,yBAAyB,EACzB,oBAAoB,EACpB,4CAA4C,EAC5C,kCAAkC,EAClC,8CAA8C,CAC/C,CAACH,IAAI,CAAC,GAAG;IACZ,CAAC;IACDI,aAAa,EAAE;MACbC,IAAI,EAAE,CACJ,kGAAkG,CAAE;MAAA,CACrG;MACDC,KAAK,EAAE;IACT;EACF,CAAC;EACDV,eAAe,EAAE;IACfK,KAAK,EAAE,MAAM;IACbG,aAAa,EAAE;EACjB;AACF,CACF,CAAC;AAED,OAAO,MAAMG,uBAAuB,GAAGrB,GAAG,CAAC,CAAC,2CAA2C,CAAC,CAAC;AAEzF,OAAO,MAAMsB,wBAAwB,GAAGtB,GAAG,CAAC,CAAC,2CAA2C,CAAC,CAAC;AAE1F,OAAO,MAAMuB,mBAAmB,GAAGvB,GAAG,CAAC,CAAC,8CAA8C,CAAC,CAAC;AAExF,OAAO,MAAMwB,iBAAiB,GAAGxB,GAAG,CAAC,CAAC,yDAAyD,CAAC,CAAC;AAEjG,OAAO,MAAMyB,uBAAuB,GAAGzB,GAAG,CAAC,CAAC,6CAA6C,CAAC,CAAC;AAE3F,OAAO,MAAM0B,qBAAqB,GAAG1B,GAAG,CAAC,CAAC,2CAA2C,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ColorSwatch","HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,SAASA,WAAW,QAA6D,eAAe;AAChG,cAAc,qBAAqB;AACnC,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,mBAAmB;AACjC,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,mBAAmB;
|
|
1
|
+
{"version":3,"names":["ColorSwatch","HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,SAASA,WAAW,QAA6D,eAAe;AAChG,cAAc,qBAAqB;AACnC,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,mBAAmB;AACjC,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,mBAAmB;AAMjC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,SAASC,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,qBAAqB","ignoreList":[]}
|
|
@@ -1,18 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=17321-9010
|
|
4
4
|
// source=packages/components/src/components/ListItem/index.tsx
|
|
5
5
|
// component=ListItem.SectionHeader
|
|
6
6
|
import figma from 'figma';
|
|
7
7
|
const instance = figma.selectedInstance;
|
|
8
|
+
const variant = instance.getEnum('variant', {
|
|
9
|
+
default: undefined,
|
|
10
|
+
gradient: 'gradient'
|
|
11
|
+
});
|
|
12
|
+
const variantProp = figma.helpers.react.renderProp('variant', variant);
|
|
8
13
|
|
|
9
|
-
// `
|
|
10
|
-
const showDivider = instance.
|
|
11
|
-
|
|
14
|
+
// Figma's `showSeparator` drives the code's `showDivider`, which defaults to true.
|
|
15
|
+
const showDivider = instance.getEnum('showSeparator', {
|
|
16
|
+
true: undefined,
|
|
17
|
+
false: false
|
|
18
|
+
});
|
|
19
|
+
const showDividerProp = figma.helpers.react.renderProp('showDivider', showDivider);
|
|
20
|
+
|
|
21
|
+
// `trailing` is a prop, not a child slot, so render the TrailingSlot's contents directly
|
|
22
|
+
// rather than nesting `ListItem.TrailingSlot`, which reads row-level style context.
|
|
23
|
+
const showTrailingSlot = instance.getBoolean('Show TrailingSlot?');
|
|
24
|
+
const trailingInstance = instance.findInstance('ListItem.TrailingSlot');
|
|
25
|
+
const trailingSlot = showTrailingSlot && trailingInstance.type === 'INSTANCE' ? trailingInstance.getSlot('children') : undefined;
|
|
26
|
+
const trailingProp = figma.helpers.react.renderProp('trailing', trailingSlot);
|
|
12
27
|
const label = instance.findText('{label}').textContent;
|
|
13
28
|
export default {
|
|
14
29
|
id: 'list-item-section-header',
|
|
15
30
|
imports: ["import { ListItem } from '@cdx-ui/components'"],
|
|
16
|
-
example: figma.code`<ListItem.SectionHeader${showDividerProp}>${label}</ListItem.SectionHeader>`
|
|
31
|
+
example: figma.code`<ListItem.SectionHeader${variantProp}${showDividerProp}${trailingProp}>${label}</ListItem.SectionHeader>`
|
|
17
32
|
};
|
|
18
33
|
//# sourceMappingURL=ListItem.SectionHeader.figma.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["figma","instance","selectedInstance","
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","default","undefined","gradient","variantProp","helpers","react","renderProp","showDivider","true","false","showDividerProp","showTrailingSlot","getBoolean","trailingInstance","findInstance","trailingSlot","type","getSlot","trailingProp","label","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ListItem.SectionHeader.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,OAAO,EAAEC,SAAS;EAClBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,WAAW,GAAGR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,SAAS,EAAER,OAAO,CAAC;;AAEtE;AACA,MAAMS,WAAW,GAAGX,QAAQ,CAACG,OAAO,CAAC,eAAe,EAAE;EACpDS,IAAI,EAAEP,SAAS;EACfQ,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,eAAe,GAAGf,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,aAAa,EAAEC,WAAW,CAAC;;AAElF;AACA;AACA,MAAMI,gBAAgB,GAAGf,QAAQ,CAACgB,UAAU,CAAC,oBAAoB,CAAC;AAClE,MAAMC,gBAAgB,GAAGjB,QAAQ,CAACkB,YAAY,CAAC,uBAAuB,CAAC;AACvE,MAAMC,YAAY,GAChBJ,gBAAgB,IAAIE,gBAAgB,CAACG,IAAI,KAAK,UAAU,GACpDH,gBAAgB,CAACI,OAAO,CAAC,UAAU,CAAC,GACpChB,SAAS;AACf,MAAMiB,YAAY,GAAGvB,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAES,YAAY,CAAC;AAE7E,MAAMI,KAAK,GAAIvB,QAAQ,CAACwB,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,eAAe;EACbC,EAAE,EAAE,0BAA0B;EAC9BC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAE7B,KAAK,CAAC8B,IAAI,0BAA0BtB,WAAW,GAAGO,eAAe,GAAGQ,YAAY,IAAIC,KAAK;AACpG,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["reorderable-list.ts"],"mappings":";;AAAA,cAAc,8BAA8B","ignoreList":[]}
|
|
@@ -3,13 +3,18 @@ import { Text, View, type TextProps, type ViewProps } from 'react-native';
|
|
|
3
3
|
import { type ICheckboxProps } from '@cdx-ui/primitives';
|
|
4
4
|
import { IconProps } from '../Icon';
|
|
5
5
|
export interface CheckboxProps extends ICheckboxProps {
|
|
6
|
+
/** Additional Uniwind/Tailwind classes, merged after the checkbox's own styles. */
|
|
6
7
|
className?: string;
|
|
8
|
+
/** Content rendered after the indicator, typically a `Checkbox.Label`. */
|
|
7
9
|
children?: ReactNode;
|
|
8
10
|
}
|
|
9
11
|
declare const CheckboxRoot: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<View>>;
|
|
10
12
|
export interface CheckboxIndicatorProps extends ViewProps {
|
|
13
|
+
/** Render the consumer's child element in place of the default `View` host. */
|
|
11
14
|
asChild?: boolean;
|
|
15
|
+
/** Additional Uniwind/Tailwind classes, merged after the indicator's own styles. */
|
|
12
16
|
className?: string;
|
|
17
|
+
/** Indicator content, typically a `Checkbox.Icon`. */
|
|
13
18
|
children?: ReactNode;
|
|
14
19
|
}
|
|
15
20
|
declare const CheckboxIndicator: import("react").ForwardRefExoticComponent<CheckboxIndicatorProps & import("react").RefAttributes<View>>;
|
|
@@ -20,19 +25,36 @@ declare const CheckboxIcon: {
|
|
|
20
25
|
displayName: string;
|
|
21
26
|
};
|
|
22
27
|
export interface CheckboxLabelProps extends TextProps {
|
|
28
|
+
/** Render the consumer's child element in place of the default `Text` host. */
|
|
23
29
|
asChild?: boolean;
|
|
30
|
+
/** Additional Uniwind/Tailwind classes, merged after the label's own styles. */
|
|
24
31
|
className?: string;
|
|
32
|
+
/** Label content (or a custom element when `asChild` is set). */
|
|
25
33
|
children?: ReactNode;
|
|
26
34
|
}
|
|
27
35
|
declare const CheckboxLabel: import("react").ForwardRefExoticComponent<CheckboxLabelProps & import("react").RefAttributes<Text>>;
|
|
28
36
|
export interface CheckboxGroupProps extends ViewProps {
|
|
37
|
+
/** Additional Uniwind/Tailwind classes, merged after the group's own styles. */
|
|
29
38
|
className?: string;
|
|
39
|
+
/** The `Checkbox` items in the group. */
|
|
30
40
|
children?: ReactNode;
|
|
41
|
+
/**
|
|
42
|
+
* The `value` of every checked checkbox in the group.
|
|
43
|
+
* @default []
|
|
44
|
+
*/
|
|
31
45
|
value?: string[];
|
|
46
|
+
/** Called with the updated list of checked values when the user toggles a checkbox. */
|
|
32
47
|
onChange?: (value: string[]) => void;
|
|
48
|
+
/** Disables every checkbox in the group. */
|
|
33
49
|
isDisabled?: boolean;
|
|
50
|
+
/** Marks the group as invalid. Set `isInvalid` on each `Checkbox` to style it as invalid. */
|
|
34
51
|
isInvalid?: boolean;
|
|
52
|
+
/** Makes every checkbox in the group focusable but unchangeable. */
|
|
35
53
|
isReadOnly?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Stacks the checkboxes vertically (`column`) or lays them out in a row.
|
|
56
|
+
* @default 'column'
|
|
57
|
+
*/
|
|
36
58
|
direction?: 'column' | 'row';
|
|
37
59
|
'aria-label'?: string;
|
|
38
60
|
'aria-labelledby'?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAa1C,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,gGAoBjB,CAAC;AAwBF,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,yGAmDtB,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC;CAAG;AAEnF,QAAA,MAAM,YAAY;qCAAoC,iBAAiB;;CAkBtE,CAAC;AAwBF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAyBlB,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,aAAa,qGAmClB,CAAC;AAQF,KAAK,yBAAyB,GAAG,OAAO,YAAY,GAAG;IACrD,SAAS,EAAE,OAAO,iBAAiB,CAAC;IACpC,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,KAAK,EAAE,OAAO,aAAa,CAAC;IAC5B,KAAK,EAAE,OAAO,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAKf,yBAAyB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAa1C,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,gGAoBjB,CAAC;AAwBF,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,yGAmDtB,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC;CAAG;AAEnF,QAAA,MAAM,YAAY;qCAAoC,iBAAiB;;CAkBtE,CAAC;AAwBF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAyBlB,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,aAAa,qGAmClB,CAAC;AAQF,KAAK,yBAAyB,GAAG,OAAO,YAAY,GAAG;IACrD,SAAS,EAAE,OAAO,iBAAiB,CAAC;IACpC,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,KAAK,EAAE,OAAO,aAAa,CAAC;IAC5B,KAAK,EAAE,OAAO,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAKf,yBAAyB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimeList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimeList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAUL,KAAK,qBAAqB,IAAI,8BAA8B,EAC7D,MAAM,oBAAoB,CAAC;AAc5B,MAAM,WAAW,iBACf,SAAQ,8BAA8B,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqBD,QAAA,MAAM,gBAAgB,oGA+BrB,CAAC;AAgDF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,SAAS,2CAE/C;AAcD,iBAAS,sBAAsB,CAAC,KAAK,EAAE,SAAS,2CAU/C;AAED,iBAAS,wBAAwB,CAAC,KAAK,EAAE,SAAS,2CAEjD;AAED,KAAK,oBAAoB,GAAG,OAAO,gBAAgB,GAAG;IACpD,UAAU,EAAE,OAAO,sBAAsB,CAAC;IAC1C,UAAU,EAAE,OAAO,sBAAsB,CAAC;IAC1C,YAAY,EAAE,OAAO,wBAAwB,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,YAAY,EAInB,oBAAoB,CAAC"}
|
|
@@ -9,9 +9,6 @@ export declare const dateTimeListOptionVariants: (props?: import("class-variance
|
|
|
9
9
|
export declare const dateTimeListOptionTextVariants: (props?: ({
|
|
10
10
|
selected?: boolean | null | undefined;
|
|
11
11
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
|
-
export declare const
|
|
13
|
-
edge?: "bottom" | "top" | null | undefined;
|
|
14
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
|
+
export declare const dateTimeListFadeLayerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
15
13
|
export type DateTimeListColumnVariantProps = VariantProps<typeof dateTimeListColumnVariants>;
|
|
16
|
-
export type DateTimeListEdgeFadeVariantProps = VariantProps<typeof dateTimeListEdgeFadeVariants>;
|
|
17
14
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimeList/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAUvD,eAAO,MAAM,wBAAwB,oFAEpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,oFAIxC,CAAC;AAEH,eAAO,MAAM,2BAA2B,oFAA0C,CAAC;AAEnF,eAAO,MAAM,0BAA0B;;8EAWrC,CAAC;AAEH,eAAO,MAAM,0BAA0B,oFAAiD,CAAC;AAEzF,eAAO,MAAM,8BAA8B;;8EAQzC,CAAC;AAEH,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimeList/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAUvD,eAAO,MAAM,wBAAwB,oFAEpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,oFAIxC,CAAC;AAEH,eAAO,MAAM,2BAA2B,oFAA0C,CAAC;AAEnF,eAAO,MAAM,0BAA0B;;8EAWrC,CAAC;AAEH,eAAO,MAAM,0BAA0B,oFAAiD,CAAC;AAEzF,eAAO,MAAM,8BAA8B;;8EAQzC,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAAmC,CAAC;AAE9E,MAAM,MAAM,8BAA8B,GAAG,YAAY,CAAC,OAAO,0BAA0B,CAAC,CAAC"}
|
|
@@ -1,10 +1,28 @@
|
|
|
1
1
|
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
import { Text } from 'react-native';
|
|
3
3
|
import { type HeadingVariantProps } from './styles';
|
|
4
|
-
export type HeadingProps = HeadingVariantProps & ComponentPropsWithoutRef<typeof Text> & {
|
|
4
|
+
export type HeadingProps = Omit<HeadingVariantProps, 'size'> & ComponentPropsWithoutRef<typeof Text> & {
|
|
5
|
+
/**
|
|
6
|
+
* Heading typography style. Also sets the accessibility heading level: `xl` is level 1
|
|
7
|
+
* through `xs` at level 5.
|
|
8
|
+
* @default 'lg'
|
|
9
|
+
*/
|
|
10
|
+
size?: HeadingVariantProps['size'];
|
|
11
|
+
/** Additional Uniwind/Tailwind classes, merged after the heading's own styles. */
|
|
5
12
|
className?: string;
|
|
13
|
+
/** Heading text. */
|
|
14
|
+
children?: ComponentPropsWithoutRef<typeof Text>['children'];
|
|
6
15
|
};
|
|
7
|
-
export declare const Heading: import("react").NamedExoticComponent<HeadingVariantProps & import("react-native").TextProps & {
|
|
16
|
+
export declare const Heading: import("react").NamedExoticComponent<Omit<HeadingVariantProps, "size"> & import("react-native").TextProps & {
|
|
17
|
+
/**
|
|
18
|
+
* Heading typography style. Also sets the accessibility heading level: `xl` is level 1
|
|
19
|
+
* through `xs` at level 5.
|
|
20
|
+
* @default 'lg'
|
|
21
|
+
*/
|
|
22
|
+
size?: HeadingVariantProps["size"];
|
|
23
|
+
/** Additional Uniwind/Tailwind classes, merged after the heading's own styles. */
|
|
8
24
|
className?: string;
|
|
25
|
+
/** Heading text. */
|
|
26
|
+
children?: ComponentPropsWithoutRef<typeof Text>["children"];
|
|
9
27
|
} & import("react").RefAttributes<Text>>;
|
|
10
28
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAUlE,MAAM,MAAM,YAAY,GAAG,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAUlE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC,GAC1D,wBAAwB,CAAC,OAAO,IAAI,CAAC,GAAG;IACtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,wBAAwB,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;CAC9D,CAAC;AAEJ,eAAO,MAAM,OAAO;IAZhB;;;;OAIG;WACI,mBAAmB,CAAC,MAAM,CAAC;IAClC,kFAAkF;gBACtE,MAAM;IAClB,oBAAoB;eACT,wBAAwB,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC;wCAkB/D,CAAC"}
|
|
@@ -11,7 +11,9 @@ export type IconProps = Omit<ForgeIconProps, 'color'> & {
|
|
|
11
11
|
* @default 'primary'
|
|
12
12
|
*/
|
|
13
13
|
color?: IconColor | (string & {}) | Exclude<SvgColor, string>;
|
|
14
|
+
/** Utility classes for size (`size-*`) and placement, merged after the defaults. */
|
|
14
15
|
className?: string;
|
|
16
|
+
/** The `@cdx-ui/icons` component to render. */
|
|
15
17
|
as: ForgeIcon;
|
|
16
18
|
};
|
|
17
19
|
export declare function Icon({ as: IconComponent, color, className, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAE/D,KAAK,QAAQ,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IACtD;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,SAAS,CAAC;CACf,CAAC;AAqDF,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,KAAiB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAwB5F"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAE/D,KAAK,QAAQ,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IACtD;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9D,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,EAAE,EAAE,SAAS,CAAC;CACf,CAAC;AAqDF,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,KAAiB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAwB5F"}
|
|
@@ -27,6 +27,13 @@ export interface ListItemProps extends Omit<IListItemProps, 'crossAlign'>, ListI
|
|
|
27
27
|
crossAlign?: 'center' | 'start' | null | undefined;
|
|
28
28
|
className?: string;
|
|
29
29
|
}
|
|
30
|
+
/**
|
|
31
|
+
* A pressable row (`onPress`, or `asChild`) with a `ListItem.DragHandle` as its first or last
|
|
32
|
+
* direct child renders the handle beside the pressable element instead of inside it. The handle
|
|
33
|
+
* is matched by identity, so a `memo()` or wrapper component around it is not recognized. Under
|
|
34
|
+
* `asChild`, pass the handle and the single interactive element as siblings:
|
|
35
|
+
* `<ListItem asChild><ListItem.DragHandle /><Link>…</Link></ListItem>`.
|
|
36
|
+
*/
|
|
30
37
|
declare const ListItemRoot: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<View>>;
|
|
31
38
|
export interface ListItemLeadingSlotProps extends ViewProps {
|
|
32
39
|
/** Renders the consumer's child element in place of the default `View` host. */
|
|
@@ -70,6 +77,20 @@ export interface ListItemTrailingSlotProps extends ViewProps {
|
|
|
70
77
|
className?: string;
|
|
71
78
|
}
|
|
72
79
|
declare const ListItemTrailingSlot: import("react").ForwardRefExoticComponent<ListItemTrailingSlotProps & import("react").RefAttributes<View>>;
|
|
80
|
+
export interface ListItemDragHandleProps extends ViewProps {
|
|
81
|
+
/**
|
|
82
|
+
* Merges the handle onto the consumer's single child (for example an `IconButton`) so that
|
|
83
|
+
* element is the one focusable handle.
|
|
84
|
+
*/
|
|
85
|
+
asChild?: boolean;
|
|
86
|
+
className?: string;
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* Drag activator for a row rendered by `ReorderableList`. Renders `null` outside a list. On a
|
|
90
|
+
* pressable `ListItem`, place it as the first or last direct child so it sits beside the row's
|
|
91
|
+
* pressable element rather than inside it.
|
|
92
|
+
*/
|
|
93
|
+
declare const ListItemDragHandle: import("react").ForwardRefExoticComponent<ListItemDragHandleProps & import("react").RefAttributes<View>>;
|
|
73
94
|
export type ListItemSectionHeaderVariant = NonNullable<ListItemSectionHeaderVariantProps['variant']>;
|
|
74
95
|
export interface ListItemSectionHeaderProps extends ViewProps {
|
|
75
96
|
/** Renders the consumer's child element in place of the default `View` host. */
|
|
@@ -81,11 +102,12 @@ export interface ListItemSectionHeaderProps extends ViewProps {
|
|
|
81
102
|
trailing?: ReactNode;
|
|
82
103
|
/**
|
|
83
104
|
* Background treatment. `ghost` has no fill and a bottom border; `subtle` adds a neutral fill
|
|
84
|
-
* (matching `subtle` on Avatar, Chip, and IconButton) and drops the bottom border.
|
|
85
|
-
*
|
|
105
|
+
* (matching `subtle` on Avatar, Chip, and IconButton) and drops the bottom border. `gradient`
|
|
106
|
+
* fades from the primary surface into a brand tint, left to right, and keeps the bottom border.
|
|
107
|
+
* Label typography is the same for all three.
|
|
86
108
|
* @default 'ghost'
|
|
87
|
-
* @remarks `'ghost' | 'subtle'`
|
|
88
|
-
* @fumadocsType `'ghost' | 'subtle'`
|
|
109
|
+
* @remarks `'ghost' | 'subtle' | 'gradient'`
|
|
110
|
+
* @fumadocsType `'ghost' | 'subtle' | 'gradient'`
|
|
89
111
|
*/
|
|
90
112
|
variant?: ListItemSectionHeaderVariant;
|
|
91
113
|
/**
|
|
@@ -97,6 +119,7 @@ export interface ListItemSectionHeaderProps extends ViewProps {
|
|
|
97
119
|
declare const ListItemSectionHeader: import("react").ForwardRefExoticComponent<ListItemSectionHeaderProps & import("react").RefAttributes<View>>;
|
|
98
120
|
type ListItemCompound = typeof ListItemRoot & {
|
|
99
121
|
LeadingSlot: typeof ListItemLeadingSlot;
|
|
122
|
+
DragHandle: typeof ListItemDragHandle;
|
|
100
123
|
Content: typeof ListItemContent;
|
|
101
124
|
Title: typeof ListItemTitle;
|
|
102
125
|
Description: typeof ListItemDescription;
|
|
@@ -106,5 +129,5 @@ type ListItemCompound = typeof ListItemRoot & {
|
|
|
106
129
|
};
|
|
107
130
|
export declare const ListItem: ListItemCompound;
|
|
108
131
|
export type { ListItemCrossAlign, ListItemSectionHeaderVariantProps, ListItemVariantProps };
|
|
109
|
-
export { listItemContentVariants, listItemDescriptionVariants, listItemLeadingSlotVariants, listItemMetaVariants, listItemRootVariants, listItemSectionHeaderLabelVariants, listItemSectionHeaderVariants, listItemTitleVariants, listItemTrailingSlotVariants, } from './styles';
|
|
132
|
+
export { listItemContentVariants, listItemDescriptionVariants, listItemDragHandleVariants, listItemLeadingSlotVariants, listItemMetaVariants, listItemPressableRegionVariants, listItemRootVariants, listItemSectionHeaderLabelVariants, listItemSectionHeaderVariants, listItemTitleVariants, listItemTrailingSlotVariants, } from './styles';
|
|
110
133
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAY,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpF,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAW5B,OAAO,EAYL,KAAK,iCAAiC,EACtC,KAAK,oBAAoB,EAC1B,MAAM,UAAU,CAAC;AA+ClB,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,EAAE,oBAAoB;IAC7F;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IAChD;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,YAAY,gGAyEjB,CAAC;AAUF,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,mBAAmB,2GAgBxB,CAAC;AAUF,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,uGAepB,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,qGAclB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,2GAaxB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,oGAcjB,CAAC;AAIF,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,oBAAoB,4GAezB,CAAC;AAuBF,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,QAAA,MAAM,kBAAkB,0GAyEvB,CAAC;AAqCF,MAAM,MAAM,4BAA4B,GAAG,WAAW,CACpD,iCAAiC,CAAC,SAAS,CAAC,CAC7C,CAAC;AAEF,MAAM,WAAW,0BAA2B,SAAQ,SAAS;IAC3D,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,QAAQ,EAAE,SAAS,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,qBAAqB,6GAiC1B,CAAC;AAQF,KAAK,gBAAgB,GAAG,OAAO,YAAY,GAAG;IAC5C,WAAW,EAAE,OAAO,mBAAmB,CAAC;IACxC,UAAU,EAAE,OAAO,kBAAkB,CAAC;IACtC,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC,KAAK,EAAE,OAAO,aAAa,CAAC;IAC5B,WAAW,EAAE,OAAO,mBAAmB,CAAC;IACxC,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,YAAY,EAAE,OAAO,oBAAoB,CAAC;IAC1C,aAAa,EAAE,OAAO,qBAAqB,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,QAAQ,EASf,gBAAgB,CAAC;AAEvB,YAAY,EAAE,kBAAkB,EAAE,iCAAiC,EAAE,oBAAoB,EAAE,CAAC;AAC5F,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,EACpB,+BAA+B,EAC/B,oBAAoB,EACpB,kCAAkC,EAClC,6BAA6B,EAC7B,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,UAAU,CAAC"}
|
|
@@ -4,10 +4,15 @@ export declare const listItemRootVariants: (props?: ({
|
|
|
4
4
|
showSeparator?: boolean | null | undefined;
|
|
5
5
|
crossAlign?: "start" | "center" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export declare const listItemPressableRegionVariants: (props?: ({
|
|
8
|
+
size?: "default" | "compact" | null | undefined;
|
|
9
|
+
handlePosition?: "end" | "start" | null | undefined;
|
|
10
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
11
|
export declare const listItemLeadingSlotVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
8
12
|
export declare const listItemTrailingSlotVariants: (props?: ({
|
|
9
13
|
crossAlign?: "start" | "center" | null | undefined;
|
|
10
14
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
|
+
export declare const listItemDragHandleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
11
16
|
export declare const listItemContentVariants: (props?: ({
|
|
12
17
|
crossAlign?: "start" | "center" | null | undefined;
|
|
13
18
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -15,7 +20,7 @@ export declare const listItemTitleVariants: (props?: import("class-variance-auth
|
|
|
15
20
|
export declare const listItemDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
16
21
|
export declare const listItemMetaVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
17
22
|
export declare const listItemSectionHeaderVariants: (props?: ({
|
|
18
|
-
variant?: "ghost" | "subtle" | null | undefined;
|
|
23
|
+
variant?: "ghost" | "subtle" | "gradient" | null | undefined;
|
|
19
24
|
showDivider?: boolean | null | undefined;
|
|
20
25
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
21
26
|
/** Default section-title typography; applied by `ListItem.SectionHeader` for string/number children. Exported for rare custom composition. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAcvD,eAAO,MAAM,oBAAoB;;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAcvD,eAAO,MAAM,oBAAoB;;;;8EA+ChC,CAAC;AAUF,eAAO,MAAM,+BAA+B;;;8EAqB3C,CAAC;AAIF,eAAO,MAAM,2BAA2B,oFAEtC,CAAC;AAEH,eAAO,MAAM,4BAA4B;;8EAaxC,CAAC;AAEF,eAAO,MAAM,0BAA0B,oFAGrC,CAAC;AAIH,eAAO,MAAM,uBAAuB;;8EAUlC,CAAC;AAIH,eAAO,MAAM,qBAAqB,oFAAkD,CAAC;AAErF,eAAO,MAAM,2BAA2B,oFAAwC,CAAC;AAEjF,eAAO,MAAM,oBAAoB,oFAAuC,CAAC;AAIzE,eAAO,MAAM,6BAA6B;;;8EAuBzC,CAAC;AAEF,8IAA8I;AAC9I,eAAO,MAAM,kCAAkC,oFAE9C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC7E,MAAM,MAAM,iCAAiC,GAAG,YAAY,CAAC,OAAO,6BAA6B,CAAC,CAAC"}
|
|
@@ -5,68 +5,145 @@ import { type IconProps } from '../Icon';
|
|
|
5
5
|
import { type IconSlotPosition } from '../../utils/positionToDataIcon';
|
|
6
6
|
import { type MenuItemVariantProps, type MenuRootVariantProps } from './styles';
|
|
7
7
|
export interface MenuProps extends ViewProps, IMenuOverlayRootProps {
|
|
8
|
+
/** Additional Uniwind/Tailwind classes, merged after the root's own styles. */
|
|
8
9
|
className?: string;
|
|
10
|
+
/** The `Menu.Trigger` and `Menu.Popup`. */
|
|
11
|
+
children?: ReactNode;
|
|
9
12
|
}
|
|
10
13
|
declare const MenuOverlayRoot: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<View>>;
|
|
11
14
|
export interface MenuTriggerProps extends IMenuTriggerProps {
|
|
15
|
+
/** Additional Uniwind/Tailwind classes, merged after the trigger's own styles. */
|
|
12
16
|
className?: string;
|
|
17
|
+
/** Trigger content (or the element to render when `asChild` is set). */
|
|
13
18
|
children?: ReactNode;
|
|
14
19
|
}
|
|
15
20
|
declare const MenuTrigger: import("react").ForwardRefExoticComponent<MenuTriggerProps & import("react").RefAttributes<View>>;
|
|
16
21
|
export interface MenuPopupProps extends IMenuPopupProps {
|
|
22
|
+
/** Additional Uniwind/Tailwind classes, merged after the popup's own styles. */
|
|
17
23
|
className?: string;
|
|
24
|
+
/** Popup content, typically a `Menu.Content`. */
|
|
18
25
|
children?: ReactNode;
|
|
19
26
|
}
|
|
20
27
|
declare const MenuPopup: import("react").ForwardRefExoticComponent<MenuPopupProps & import("react").RefAttributes<View>>;
|
|
21
|
-
export interface MenuContentProps extends ViewProps, Omit<IMenuProps, 'scrollable'>, MenuRootVariantProps {
|
|
28
|
+
export interface MenuContentProps extends ViewProps, Omit<IMenuProps, 'scrollable'>, Omit<MenuRootVariantProps, 'scrollable'> {
|
|
29
|
+
/** Additional Uniwind/Tailwind classes, merged after the menu surface's own styles. */
|
|
22
30
|
className?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Caps the surface height and scrolls its items. Content inside a `Menu.Popup` always scrolls.
|
|
33
|
+
* @default false
|
|
34
|
+
*/
|
|
35
|
+
scrollable?: MenuRootVariantProps['scrollable'];
|
|
36
|
+
/** The menu's items, groups and separators. */
|
|
37
|
+
children?: ReactNode;
|
|
23
38
|
/** Visual-only surface without menu semantics (e.g. inside Select listbox). */
|
|
24
39
|
asSurface?: boolean;
|
|
25
40
|
}
|
|
26
41
|
declare const MenuContent: import("react").ForwardRefExoticComponent<MenuContentProps & import("react").RefAttributes<View>>;
|
|
27
|
-
export interface MenuItemProps extends Omit<MenuItemVariantProps, 'color'>, IMenuItemProps {
|
|
42
|
+
export interface MenuItemProps extends Omit<MenuItemVariantProps, 'color' | 'inset' | 'layout'>, IMenuItemProps {
|
|
43
|
+
/** Render the consumer's child element in place of the default `Pressable` host. */
|
|
28
44
|
asChild?: boolean;
|
|
29
45
|
/**
|
|
30
46
|
* Color theme applied to the item content and interaction states.
|
|
31
47
|
* @default 'neutral'
|
|
32
48
|
*/
|
|
33
49
|
color?: 'neutral' | 'danger';
|
|
50
|
+
/**
|
|
51
|
+
* Indents the item content so its label lines up with items that have a leading icon.
|
|
52
|
+
* @default false
|
|
53
|
+
*/
|
|
54
|
+
inset?: MenuItemVariantProps['inset'];
|
|
55
|
+
/**
|
|
56
|
+
* Set automatically: `filter` when the item contains a `Menu.ItemControl` or `Menu.ItemAction`.
|
|
57
|
+
* @internal
|
|
58
|
+
*/
|
|
59
|
+
layout?: MenuItemVariantProps['layout'];
|
|
60
|
+
/** Additional Uniwind/Tailwind classes, merged after the item's own styles. */
|
|
34
61
|
className?: string;
|
|
62
|
+
/** Item content, typically a `Menu.ItemLabel` with optional icon, shortcut and indicator slots. */
|
|
35
63
|
children?: ReactNode;
|
|
36
64
|
}
|
|
37
65
|
declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<View>>;
|
|
38
|
-
export interface MenuCheckboxItemProps extends Omit<MenuItemVariantProps, 'color'>, IMenuCheckboxItemProps {
|
|
66
|
+
export interface MenuCheckboxItemProps extends Omit<MenuItemVariantProps, 'color' | 'inset' | 'layout'>, IMenuCheckboxItemProps {
|
|
67
|
+
/** Render the consumer's child element in place of the default `Pressable` host. */
|
|
39
68
|
asChild?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Color theme applied to the item content and interaction states.
|
|
71
|
+
* @default 'neutral'
|
|
72
|
+
*/
|
|
40
73
|
color?: 'neutral' | 'danger';
|
|
74
|
+
/**
|
|
75
|
+
* Indents the item content so its label lines up with items that have a leading icon.
|
|
76
|
+
* @default false
|
|
77
|
+
*/
|
|
78
|
+
inset?: MenuItemVariantProps['inset'];
|
|
79
|
+
/**
|
|
80
|
+
* Set automatically: `filter` when the item contains a `Menu.ItemControl` or `Menu.ItemAction`.
|
|
81
|
+
* @internal
|
|
82
|
+
*/
|
|
83
|
+
layout?: MenuItemVariantProps['layout'];
|
|
84
|
+
/** Additional Uniwind/Tailwind classes, merged after the item's own styles. */
|
|
41
85
|
className?: string;
|
|
86
|
+
/** Item content, typically a `Menu.ItemLabel` with optional icon, shortcut and indicator slots. */
|
|
42
87
|
children?: ReactNode;
|
|
43
88
|
}
|
|
44
89
|
declare const MenuCheckboxItem: import("react").ForwardRefExoticComponent<MenuCheckboxItemProps & import("react").RefAttributes<View>>;
|
|
45
90
|
export interface MenuRadioGroupProps extends IMenuRadioGroupProps {
|
|
91
|
+
/** Render the consumer's child element in place of the default `View` host. */
|
|
46
92
|
asChild?: boolean;
|
|
93
|
+
/** Additional Uniwind/Tailwind classes, merged after the group's own styles. */
|
|
47
94
|
className?: string;
|
|
95
|
+
/** The `Menu.RadioItem` options in the group. */
|
|
48
96
|
children?: ReactNode;
|
|
49
97
|
}
|
|
50
98
|
declare const MenuRadioGroup: import("react").ForwardRefExoticComponent<MenuRadioGroupProps & import("react").RefAttributes<View>>;
|
|
51
|
-
export interface MenuRadioItemProps extends Omit<MenuItemVariantProps, 'color'>, IMenuRadioItemProps {
|
|
99
|
+
export interface MenuRadioItemProps extends Omit<MenuItemVariantProps, 'color' | 'inset' | 'layout'>, IMenuRadioItemProps {
|
|
100
|
+
/** Render the consumer's child element in place of the default `Pressable` host. */
|
|
52
101
|
asChild?: boolean;
|
|
102
|
+
/**
|
|
103
|
+
* Color theme applied to the item content and interaction states.
|
|
104
|
+
* @default 'neutral'
|
|
105
|
+
*/
|
|
53
106
|
color?: 'neutral' | 'danger';
|
|
107
|
+
/**
|
|
108
|
+
* Indents the item content so its label lines up with items that have a leading icon.
|
|
109
|
+
* @default false
|
|
110
|
+
*/
|
|
111
|
+
inset?: MenuItemVariantProps['inset'];
|
|
112
|
+
/**
|
|
113
|
+
* Set automatically: `filter` when the item contains a `Menu.ItemControl` or `Menu.ItemAction`.
|
|
114
|
+
* @internal
|
|
115
|
+
*/
|
|
116
|
+
layout?: MenuItemVariantProps['layout'];
|
|
117
|
+
/** Additional Uniwind/Tailwind classes, merged after the item's own styles. */
|
|
54
118
|
className?: string;
|
|
119
|
+
/** Item content, typically a `Menu.ItemLabel` with optional icon, shortcut and indicator slots. */
|
|
55
120
|
children?: ReactNode;
|
|
56
121
|
}
|
|
57
122
|
declare const MenuRadioItem: import("react").ForwardRefExoticComponent<MenuRadioItemProps & import("react").RefAttributes<View>>;
|
|
58
123
|
export interface MenuItemLabelProps extends TextProps {
|
|
124
|
+
/** Render the consumer's child element in place of the default `Text` host. */
|
|
59
125
|
asChild?: boolean;
|
|
126
|
+
/** Additional Uniwind/Tailwind classes, merged after the label's own styles. */
|
|
60
127
|
className?: string;
|
|
128
|
+
/** Label text. */
|
|
129
|
+
children?: ReactNode;
|
|
61
130
|
/** Checked state when used outside a selectable Menu item (e.g. `Select.ItemLabel`). */
|
|
62
131
|
isChecked?: boolean;
|
|
63
132
|
}
|
|
64
133
|
declare const MenuItemLabel: import("react").ForwardRefExoticComponent<MenuItemLabelProps & import("react").RefAttributes<Text>>;
|
|
65
134
|
export interface MenuItemIconProps extends Omit<IconProps, 'as' | 'children' | 'color'> {
|
|
135
|
+
/** Render the consumer's child element in place of the icon. */
|
|
66
136
|
asChild?: boolean;
|
|
137
|
+
/** The `@cdx-ui/icons` component to render. */
|
|
67
138
|
as?: IconProps['as'];
|
|
139
|
+
/**
|
|
140
|
+
* Side of the label the icon sits on; sets the spacing between them.
|
|
141
|
+
* @default 'leading'
|
|
142
|
+
*/
|
|
68
143
|
position?: IconSlotPosition;
|
|
144
|
+
/** Additional Uniwind/Tailwind classes, merged after the icon's own styles. */
|
|
69
145
|
className?: string;
|
|
146
|
+
/** The element to render when `asChild` is set. */
|
|
70
147
|
children?: ReactNode;
|
|
71
148
|
}
|
|
72
149
|
declare const MenuItemIcon: {
|
|
@@ -74,16 +151,32 @@ declare const MenuItemIcon: {
|
|
|
74
151
|
displayName: string;
|
|
75
152
|
};
|
|
76
153
|
export interface MenuItemShortcutProps extends TextProps {
|
|
154
|
+
/** Render the consumer's child element in place of the default `Text` host. */
|
|
77
155
|
asChild?: boolean;
|
|
156
|
+
/** Additional Uniwind/Tailwind classes, merged after the shortcut's own styles. */
|
|
78
157
|
className?: string;
|
|
158
|
+
/** Shortcut hint text, such as `⌘C`. */
|
|
159
|
+
children?: ReactNode;
|
|
79
160
|
}
|
|
80
161
|
declare const MenuItemShortcut: import("react").ForwardRefExoticComponent<MenuItemShortcutProps & import("react").RefAttributes<Text>>;
|
|
81
162
|
export interface MenuItemIndicatorProps extends Omit<IconProps, 'as' | 'children' | 'color'> {
|
|
163
|
+
/** Render the consumer's child element in place of the icon. */
|
|
82
164
|
asChild?: boolean;
|
|
165
|
+
/**
|
|
166
|
+
* The `@cdx-ui/icons` component to render.
|
|
167
|
+
* @default Check
|
|
168
|
+
*/
|
|
83
169
|
as?: IconProps['as'];
|
|
170
|
+
/** Shows the indicator. Defaults to the checked state of the enclosing item. */
|
|
84
171
|
isChecked?: boolean;
|
|
172
|
+
/**
|
|
173
|
+
* Side of the label the indicator sits on; sets the spacing between them.
|
|
174
|
+
* @default 'trailing'
|
|
175
|
+
*/
|
|
85
176
|
position?: IconSlotPosition;
|
|
177
|
+
/** Additional Uniwind/Tailwind classes, merged after the indicator's own styles. */
|
|
86
178
|
className?: string;
|
|
179
|
+
/** The element to render when `asChild` is set. */
|
|
87
180
|
children?: ReactNode;
|
|
88
181
|
}
|
|
89
182
|
declare const MenuItemIndicator: {
|
|
@@ -91,35 +184,54 @@ declare const MenuItemIndicator: {
|
|
|
91
184
|
displayName: string;
|
|
92
185
|
};
|
|
93
186
|
export interface MenuSectionLabelProps extends TextProps {
|
|
187
|
+
/** Render the consumer's child element in place of the default `Text` host. */
|
|
94
188
|
asChild?: boolean;
|
|
189
|
+
/** Additional Uniwind/Tailwind classes, merged after the section label's own styles. */
|
|
95
190
|
className?: string;
|
|
191
|
+
/** Section heading text. */
|
|
192
|
+
children?: ReactNode;
|
|
96
193
|
}
|
|
97
194
|
declare const MenuSectionLabel: import("react").ForwardRefExoticComponent<MenuSectionLabelProps & import("react").RefAttributes<Text>>;
|
|
98
195
|
export interface MenuSeparatorProps extends ViewProps {
|
|
196
|
+
/** Additional Uniwind/Tailwind classes, merged after the separator's own styles. */
|
|
99
197
|
className?: string;
|
|
198
|
+
/** Not rendered; the separator draws its own line. */
|
|
199
|
+
children?: ReactNode;
|
|
100
200
|
}
|
|
101
201
|
declare const MenuSeparator: import("react").ForwardRefExoticComponent<MenuSeparatorProps & import("react").RefAttributes<View>>;
|
|
102
202
|
export interface MenuGroupHeaderProps extends ViewProps {
|
|
203
|
+
/** Render the consumer's child element in place of the default `View` host. */
|
|
103
204
|
asChild?: boolean;
|
|
205
|
+
/** Additional Uniwind/Tailwind classes, merged after the group header's own styles. */
|
|
104
206
|
className?: string;
|
|
207
|
+
/** Header content, typically a `Menu.ItemLabel` and an optional `Menu.ItemAction`. */
|
|
105
208
|
children?: ReactNode;
|
|
106
209
|
}
|
|
107
210
|
declare const MenuGroupHeader: import("react").ForwardRefExoticComponent<MenuGroupHeaderProps & import("react").RefAttributes<View>>;
|
|
108
211
|
export interface MenuItemActionProps extends IMenuItemActionProps {
|
|
212
|
+
/** Additional Uniwind/Tailwind classes, merged after the action's own styles. */
|
|
109
213
|
className?: string;
|
|
214
|
+
/** The trailing interactive control, such as a `Button`. */
|
|
110
215
|
children?: ReactNode;
|
|
111
216
|
}
|
|
112
217
|
declare const MenuItemAction: import("react").ForwardRefExoticComponent<MenuItemActionProps & import("react").RefAttributes<View>>;
|
|
113
218
|
export interface MenuItemControlProps extends ViewProps {
|
|
219
|
+
/** Additional Uniwind/Tailwind classes, merged after the control's own styles. */
|
|
114
220
|
className?: string;
|
|
221
|
+
/** Not rendered; the control draws a checkbox or radio that mirrors the enclosing item. */
|
|
222
|
+
children?: ReactNode;
|
|
115
223
|
}
|
|
116
224
|
declare const MenuItemControl: {
|
|
117
225
|
({ className, style, ...props }: MenuItemControlProps): import("react/jsx-runtime").JSX.Element | null;
|
|
118
226
|
displayName: string;
|
|
119
227
|
};
|
|
120
228
|
export interface MenuItemCountProps extends TextProps {
|
|
229
|
+
/** Render the consumer's child element in place of the default `Text` host. */
|
|
121
230
|
asChild?: boolean;
|
|
231
|
+
/** Additional Uniwind/Tailwind classes, merged after the count's own styles. */
|
|
122
232
|
className?: string;
|
|
233
|
+
/** The count to display. */
|
|
234
|
+
children?: ReactNode;
|
|
123
235
|
}
|
|
124
236
|
declare const MenuItemCount: import("react").ForwardRefExoticComponent<MenuItemCountProps & import("react").RefAttributes<Text>>;
|
|
125
237
|
type MenuCompoundComponent = typeof MenuOverlayRoot & {
|