@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
|
@@ -7,52 +7,106 @@ export type TablePaginationPageSizeOption = number | {
|
|
|
7
7
|
label: string;
|
|
8
8
|
};
|
|
9
9
|
export interface TablePaginationProps extends ViewProps {
|
|
10
|
+
/** Render the consumer's child element in place of the default container. */
|
|
10
11
|
asChild?: boolean;
|
|
12
|
+
/** Additional Uniwind/Tailwind classes, merged after the container's own styles. */
|
|
11
13
|
className?: string;
|
|
14
|
+
/** Custom layout of pagination parts. Omit to render the status, controls and generated page items. */
|
|
12
15
|
children?: ReactNode;
|
|
13
16
|
/** 1-based current page. Controlled when set. */
|
|
14
17
|
page?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Initial 1-based page when uncontrolled.
|
|
20
|
+
* @default 1
|
|
21
|
+
*/
|
|
15
22
|
defaultPage?: number;
|
|
16
23
|
/** Total page count. When set with no children, items are generated. */
|
|
17
24
|
count?: number;
|
|
25
|
+
/** Called with the new 1-based page when the user changes page. */
|
|
18
26
|
onPageChange?: (page: number) => void;
|
|
27
|
+
/**
|
|
28
|
+
* Number of page items shown on each side of the current page before an ellipsis.
|
|
29
|
+
* @default 1
|
|
30
|
+
*/
|
|
19
31
|
siblingCount?: number;
|
|
32
|
+
/** Current rows-per-page value. When set with no children, the page-size select is rendered. */
|
|
20
33
|
pageSize?: number;
|
|
34
|
+
/**
|
|
35
|
+
* Choices offered by `TablePagination.PageSize`, as numbers or `{ value, label }` pairs.
|
|
36
|
+
* @default [25, 50, 100]
|
|
37
|
+
*/
|
|
21
38
|
pageSizeOptions?: readonly TablePaginationPageSizeOption[];
|
|
39
|
+
/** Called with the new rows-per-page value when the user picks one. */
|
|
22
40
|
onPageSizeChange?: (pageSize: number) => void;
|
|
41
|
+
/**
|
|
42
|
+
* Disables every control in the pagination.
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
23
45
|
disabled?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Accessible name for the pagination.
|
|
48
|
+
* @default 'Table pagination'
|
|
49
|
+
*/
|
|
24
50
|
'aria-label'?: string;
|
|
25
51
|
}
|
|
26
52
|
export interface TablePaginationItemProps extends ViewProps {
|
|
53
|
+
/** Render the consumer's child element in place of the default page button. */
|
|
27
54
|
asChild?: boolean;
|
|
55
|
+
/** Additional Uniwind/Tailwind classes, merged after the item's own styles. */
|
|
28
56
|
className?: string;
|
|
57
|
+
/** The page number or label to display. */
|
|
29
58
|
children?: ReactNode;
|
|
59
|
+
/** 1-based page this item navigates to when pressed. */
|
|
30
60
|
page?: number;
|
|
61
|
+
/**
|
|
62
|
+
* Marks the item as the current page. Set automatically when `page` matches the current page.
|
|
63
|
+
* @default false
|
|
64
|
+
*/
|
|
31
65
|
current?: boolean;
|
|
66
|
+
/** Disables the item. Defaults to the pagination's `disabled`. */
|
|
32
67
|
disabled?: boolean;
|
|
68
|
+
/** Called on press, before the pagination navigates to `page`. */
|
|
33
69
|
onPress?: PressableProps['onPress'];
|
|
34
70
|
}
|
|
35
71
|
export interface TablePaginationControlProps extends ViewProps {
|
|
72
|
+
/** Render the consumer's child element in place of the default icon button. */
|
|
36
73
|
asChild?: boolean;
|
|
74
|
+
/** Additional Uniwind/Tailwind classes, merged after the control's own styles. */
|
|
37
75
|
className?: string;
|
|
76
|
+
/** The element to render when `asChild` is set. */
|
|
38
77
|
children?: ReactNode;
|
|
78
|
+
/** Disables the control. It is also disabled at the first or last page, or when the pagination is disabled. */
|
|
39
79
|
disabled?: boolean;
|
|
80
|
+
/** Called on press, before the pagination moves to the adjacent page. */
|
|
40
81
|
onPress?: PressableProps['onPress'];
|
|
41
82
|
}
|
|
42
83
|
export interface TablePaginationEllipsisProps extends ViewProps {
|
|
84
|
+
/** Render the consumer's child element in place of the default `View` host. */
|
|
43
85
|
asChild?: boolean;
|
|
86
|
+
/** Additional Uniwind/Tailwind classes, merged after the ellipsis's own styles. */
|
|
44
87
|
className?: string;
|
|
88
|
+
/** Custom content in place of the default `…`. */
|
|
45
89
|
children?: ReactNode;
|
|
46
90
|
}
|
|
47
91
|
export interface TablePaginationStatusProps extends ViewProps {
|
|
92
|
+
/** Render the consumer's child element in place of the default `View` host. */
|
|
48
93
|
asChild?: boolean;
|
|
94
|
+
/** Additional Uniwind/Tailwind classes, merged after the status's own styles. */
|
|
49
95
|
className?: string;
|
|
96
|
+
/** Custom status content in place of the default "Page N of M" text. */
|
|
50
97
|
children?: ReactNode;
|
|
51
98
|
}
|
|
52
99
|
export interface TablePaginationPageSizeProps extends ViewProps {
|
|
100
|
+
/** Render the consumer's child element in place of the default select. */
|
|
53
101
|
asChild?: boolean;
|
|
102
|
+
/** Additional Uniwind/Tailwind classes, merged after the select's own styles. */
|
|
54
103
|
className?: string;
|
|
104
|
+
/** The element to render when `asChild` is set. */
|
|
55
105
|
children?: ReactNode;
|
|
106
|
+
/**
|
|
107
|
+
* Accessible name for the page-size select.
|
|
108
|
+
* @default 'Rows per page'
|
|
109
|
+
*/
|
|
56
110
|
'aria-label'?: string;
|
|
57
111
|
}
|
|
58
112
|
declare const TablePaginationRoot: import("react").ForwardRefExoticComponent<TablePaginationProps & import("react").RefAttributes<View>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TablePagination/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TablePagination/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,IAAI,EACJ,IAAI,EAEJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAUL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,IAAI,EACJ,IAAI,EAEJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAUL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,EAmBL,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAElB,YAAY,EAAE,WAAW,EAAE,CAAC;AAqD5B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,UAAU;IACxE,iKAAiK;IACjK,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,4FAkBb,CAAC;AAQF,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED,QAAA,MAAM,QAAQ,gGAmYb,CAAC;AAQF,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,+FAyCZ,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,oGAoBjB,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,iGAiBd,CAAC;AAQF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,GAAG,EAAE,OAAO,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,IAAI,EAKX,qBAAqB,CAAC"}
|
|
@@ -8,13 +8,6 @@ export declare const OUTLINE_INDICATOR_THICKNESS = 2;
|
|
|
8
8
|
* ahead of a still-sliding solid/outline indicator. Change both together.
|
|
9
9
|
*/
|
|
10
10
|
export declare const TABS_INDICATOR_TRANSITION_MS = 150;
|
|
11
|
-
/** Outline horizontal scroll — narrow fade reads cleanly against the page background. */
|
|
12
|
-
export declare const TABS_SCROLL_FADE_SIZE = 32;
|
|
13
|
-
/**
|
|
14
|
-
* Solid horizontal scroll — wider fade so tabs dissolve smoothly into the track (and under the
|
|
15
|
-
* overlay chevron) instead of ending in a hard clip at the scroll viewport edge.
|
|
16
|
-
*/
|
|
17
|
-
export declare const TABS_SOLID_SCROLL_FADE_SIZE = 40;
|
|
18
11
|
/**
|
|
19
12
|
* Numeric styles that can't be expressed as static Uniwind utility classes — solid track radius
|
|
20
13
|
* and outline indicator offset (`bottom-px` / `left-px` don't apply on Reanimated host views).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAuB9C,kGAAkG;AAClG,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAuB9C,kGAAkG;AAClG,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAqBhD;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;IAIrB,kGAAkG;;;;IAIlG,sGAAsG;;;;;;;;;;;;;;;;;;;;;;;;IAwBtG,6GAA6G;;;;;CAK7G,CAAC;AAEH,eAAO,MAAM,gBAAgB;;8EAQ3B,CAAC;AAEH,eAAO,MAAM,gBAAgB,oFAA4B,CAAC;AAE1D,mEAAmE;AACnE,eAAO,MAAM,qBAAqB;;;;8EAkChC,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,oFAErC,CAAC;AAEH,eAAO,MAAM,4BAA4B,oFAAiD,CAAC;AAE3F,eAAO,MAAM,0BAA0B,oFAA6B,CAAC;AAErE,eAAO,MAAM,+BAA+B,oFAAmC,CAAC;AAGhF,eAAO,MAAM,4BAA4B,oFAOvC,CAAC;AAIH,eAAO,MAAM,iCAAiC,oFAO5C,CAAC;AAEH,eAAO,MAAM,qCAAqC;;8EAUjD,CAAC;AAIF,eAAO,MAAM,wBAAwB;;8EAQnC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;8EA0BhC,CAAC;AAEH,eAAO,MAAM,eAAe;;;8EAuD3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;8EAQ5B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;8EAiB/B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AACvE,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { type TextVariantProps } from './styles';
|
|
|
4
4
|
export type TextColor = NonNullable<TextVariantProps['color']>;
|
|
5
5
|
export type TextSize = NonNullable<TextVariantProps['size']>;
|
|
6
6
|
export type TextWeight = NonNullable<TextVariantProps['weight']>;
|
|
7
|
-
export type TextProps = Omit<TextVariantProps, 'color' | 'size' | 'weight'> & ComponentPropsWithoutRef<typeof RNText> & {
|
|
7
|
+
export type TextProps = Omit<TextVariantProps, 'color' | 'size' | 'weight' | 'italic'> & ComponentPropsWithoutRef<typeof RNText> & {
|
|
8
8
|
/**
|
|
9
9
|
* Semantic content color, mapped to the matching `text-content-*` token.
|
|
10
10
|
* A `Text` nested inside another text element inherits its parent's color when omitted.
|
|
@@ -22,9 +22,14 @@ export type TextProps = Omit<TextVariantProps, 'color' | 'size' | 'weight'> & Co
|
|
|
22
22
|
* @default 'normal'
|
|
23
23
|
*/
|
|
24
24
|
weight?: TextWeight;
|
|
25
|
+
/** Renders the text in italics. A nested `Text` inherits its parent's style when omitted. */
|
|
26
|
+
italic?: TextVariantProps['italic'];
|
|
27
|
+
/** Additional Uniwind/Tailwind classes, merged after the text's own styles. */
|
|
25
28
|
className?: string;
|
|
29
|
+
/** Text content, which may include nested `Text` elements. */
|
|
30
|
+
children?: ComponentPropsWithoutRef<typeof RNText>['children'];
|
|
26
31
|
};
|
|
27
|
-
export declare const Text: import("react").ForwardRefExoticComponent<Omit<TextVariantProps, "color" | "size" | "weight"> & import("react-native").TextProps & {
|
|
32
|
+
export declare const Text: import("react").ForwardRefExoticComponent<Omit<TextVariantProps, "color" | "size" | "italic" | "weight"> & import("react-native").TextProps & {
|
|
28
33
|
/**
|
|
29
34
|
* Semantic content color, mapped to the matching `text-content-*` token.
|
|
30
35
|
* A `Text` nested inside another text element inherits its parent's color when omitted.
|
|
@@ -42,6 +47,11 @@ export declare const Text: import("react").ForwardRefExoticComponent<Omit<TextVa
|
|
|
42
47
|
* @default 'normal'
|
|
43
48
|
*/
|
|
44
49
|
weight?: TextWeight;
|
|
50
|
+
/** Renders the text in italics. A nested `Text` inherits its parent's style when omitted. */
|
|
51
|
+
italic?: TextVariantProps["italic"];
|
|
52
|
+
/** Additional Uniwind/Tailwind classes, merged after the text's own styles. */
|
|
45
53
|
className?: string;
|
|
54
|
+
/** Text content, which may include nested `Text` elements. */
|
|
55
|
+
children?: ComponentPropsWithoutRef<typeof RNText>["children"];
|
|
46
56
|
} & import("react").RefAttributes<RNText>>;
|
|
47
57
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAqB,MAAM,OAAO,CAAC;AACrF,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAA8B,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE7E,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAqB,MAAM,OAAO,CAAC;AACrF,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAA8B,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE7E,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC,GACpF,wBAAwB,CAAC,OAAO,MAAM,CAAC,GAAG;IACxC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,wBAAwB,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;CAChE,CAAC;AAEJ,eAAO,MAAM,IAAI;IAzBb;;;;OAIG;YACK,SAAS;IACjB;;;;OAIG;WACI,QAAQ;IACf;;;OAGG;aACM,UAAU;IACnB,6FAA6F;aACpF,gBAAgB,CAAC,QAAQ,CAAC;IACnC,+EAA+E;gBACnE,MAAM;IAClB,8DAA8D;eACnD,wBAAwB,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC;0CAWhE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,iBAAiB;;;8EAe5B,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE3E,eAAO,MAAM,gBAAgB;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,iBAAiB;;;8EAe5B,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE3E,eAAO,MAAM,gBAAgB;;;8EA+C5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,oFAAqD,CAAC;AAE1F,eAAO,MAAM,wBAAwB,oFAAqD,CAAC;AAE3F,eAAO,MAAM,mBAAmB,oFAAwD,CAAC;AAEzF,eAAO,MAAM,iBAAiB,oFAAmE,CAAC;AAElG,eAAO,MAAM,uBAAuB,oFAAuD,CAAC;AAE5F,eAAO,MAAM,qBAAqB,oFAAqD,CAAC;AAExF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
|
|
@@ -12,7 +12,7 @@ export declare const toggleButtonRootVariants: (props?: ({
|
|
|
12
12
|
*/
|
|
13
13
|
export declare const toggleButtonAttachedVariants: (props?: ({
|
|
14
14
|
orientation?: "vertical" | "horizontal" | null | undefined;
|
|
15
|
-
position?: "middle" | "
|
|
15
|
+
position?: "middle" | "first" | "only" | "last" | null | undefined;
|
|
16
16
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
17
17
|
export type ToggleButtonAttachedPosition = NonNullable<VariantProps<typeof toggleButtonAttachedVariants>['position']>;
|
|
18
18
|
export declare const toggleButtonGroupVariants: (props?: ({
|
|
@@ -52,6 +52,7 @@ export * from './ScrollShadow';
|
|
|
52
52
|
export * from './Select';
|
|
53
53
|
export * from './Slider';
|
|
54
54
|
export * from './VirtualizedList';
|
|
55
|
+
export type { ReorderableListLabels, ReorderableListProps, ReorderableListRenderItemInfo, } from './ReorderableList/types';
|
|
55
56
|
export * from './Switch';
|
|
56
57
|
export * from './Tabs';
|
|
57
58
|
export * from './Table';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACjG,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACjG,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,yBAAyB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.SectionHeader.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/ListItem.SectionHeader.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;
|
|
1
|
+
{"version":3,"file":"ListItem.SectionHeader.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/ListItem.SectionHeader.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA6B1B,wBAIE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reorderable-list.d.ts","sourceRoot":"","sources":["../../src/reorderable-list.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/components",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -20,13 +20,22 @@
|
|
|
20
20
|
"require": "./lib/commonjs/index.js",
|
|
21
21
|
"default": "./lib/module/index.js"
|
|
22
22
|
},
|
|
23
|
+
"./reorderable-list": {
|
|
24
|
+
"react-native": "./src/reorderable-list.ts",
|
|
25
|
+
"types": "./lib/typescript/reorderable-list.d.ts",
|
|
26
|
+
"import": "./lib/module/reorderable-list.js",
|
|
27
|
+
"require": "./lib/commonjs/reorderable-list.js",
|
|
28
|
+
"default": "./lib/module/reorderable-list.js"
|
|
29
|
+
},
|
|
23
30
|
"./styles.css": "./src/styles.css"
|
|
24
31
|
},
|
|
25
32
|
"files": [
|
|
26
33
|
"lib",
|
|
27
34
|
"src",
|
|
28
35
|
"!src/figma",
|
|
29
|
-
"coverage.svg"
|
|
36
|
+
"coverage.svg",
|
|
37
|
+
"docs",
|
|
38
|
+
"AGENTS.md"
|
|
30
39
|
],
|
|
31
40
|
"react-native-builder-bob": {
|
|
32
41
|
"source": "src",
|
|
@@ -43,17 +52,30 @@
|
|
|
43
52
|
]
|
|
44
53
|
},
|
|
45
54
|
"peerDependencies": {
|
|
55
|
+
"@dnd-kit/core": "^6.3.0",
|
|
56
|
+
"@dnd-kit/sortable": "^10.0.0",
|
|
57
|
+
"@dnd-kit/utilities": "^3.2.0",
|
|
46
58
|
"@shopify/flash-list": ">=2.0.0",
|
|
47
59
|
"react": "^18.2.0 || ^19.0.0",
|
|
48
60
|
"react-native": ">=0.76.0",
|
|
49
61
|
"react-native-gesture-handler": ">=2.0.0",
|
|
50
62
|
"react-native-reanimated": ">=4.0.0",
|
|
51
|
-
"react-native-svg": "^13.0.0 || ^14.0.0 || ^15.0.0",
|
|
52
63
|
"react-native-safe-area-context": ">=4.0.0",
|
|
64
|
+
"react-native-sortables": "^1.10.1",
|
|
65
|
+
"react-native-svg": "^13.0.0 || ^14.0.0 || ^15.0.0",
|
|
53
66
|
"react-native-web": ">=0.19.0",
|
|
54
67
|
"react-native-worklets": ">=0.4.0"
|
|
55
68
|
},
|
|
56
69
|
"peerDependenciesMeta": {
|
|
70
|
+
"@dnd-kit/core": {
|
|
71
|
+
"optional": true
|
|
72
|
+
},
|
|
73
|
+
"@dnd-kit/sortable": {
|
|
74
|
+
"optional": true
|
|
75
|
+
},
|
|
76
|
+
"@dnd-kit/utilities": {
|
|
77
|
+
"optional": true
|
|
78
|
+
},
|
|
57
79
|
"@shopify/flash-list": {
|
|
58
80
|
"optional": true
|
|
59
81
|
},
|
|
@@ -66,6 +88,9 @@
|
|
|
66
88
|
"react-native-reanimated": {
|
|
67
89
|
"optional": true
|
|
68
90
|
},
|
|
91
|
+
"react-native-sortables": {
|
|
92
|
+
"optional": true
|
|
93
|
+
},
|
|
69
94
|
"react-native-svg": {
|
|
70
95
|
"optional": true
|
|
71
96
|
},
|
|
@@ -81,20 +106,24 @@
|
|
|
81
106
|
"@marceloterreiro/flash-calendar": "2.0.0",
|
|
82
107
|
"react-native-reanimated-carousel": "5.0.0-beta.5",
|
|
83
108
|
"uniwind": "1.10.0",
|
|
84
|
-
"@cdx-ui/formatters": "0.2.
|
|
85
|
-
"@cdx-ui/
|
|
86
|
-
"@cdx-ui/icons": "0.2.
|
|
87
|
-
"@cdx-ui/
|
|
109
|
+
"@cdx-ui/formatters": "0.2.4",
|
|
110
|
+
"@cdx-ui/primitives": "0.2.4",
|
|
111
|
+
"@cdx-ui/icons": "0.2.4",
|
|
112
|
+
"@cdx-ui/utils": "0.2.4"
|
|
88
113
|
},
|
|
89
114
|
"devDependencies": {
|
|
115
|
+
"@dnd-kit/core": "6.3.1",
|
|
116
|
+
"@dnd-kit/sortable": "10.0.0",
|
|
117
|
+
"@dnd-kit/utilities": "3.2.2",
|
|
90
118
|
"@react-navigation/bottom-tabs": "*",
|
|
91
|
-
"react-native-screens": "*",
|
|
92
119
|
"@types/react": "19.1.17",
|
|
93
120
|
"@types/react-dom": "*",
|
|
94
121
|
"react": "19.1.0",
|
|
95
122
|
"react-dom": "19.1.0",
|
|
96
123
|
"react-native": "*",
|
|
97
124
|
"react-native-builder-bob": "*",
|
|
125
|
+
"react-native-screens": "*",
|
|
126
|
+
"react-native-sortables": "1.10.1",
|
|
98
127
|
"react-native-svg": "*",
|
|
99
128
|
"react-native-web": "*",
|
|
100
129
|
"typescript": "*"
|
|
@@ -25,7 +25,9 @@ import {
|
|
|
25
25
|
// =============================================================================
|
|
26
26
|
|
|
27
27
|
export interface CheckboxProps extends ICheckboxProps {
|
|
28
|
+
/** Additional Uniwind/Tailwind classes, merged after the checkbox's own styles. */
|
|
28
29
|
className?: string;
|
|
30
|
+
/** Content rendered after the indicator, typically a `Checkbox.Label`. */
|
|
29
31
|
children?: ReactNode;
|
|
30
32
|
}
|
|
31
33
|
|
|
@@ -74,8 +76,11 @@ const INDICATOR_STATES = {
|
|
|
74
76
|
} as const;
|
|
75
77
|
|
|
76
78
|
export interface CheckboxIndicatorProps extends ViewProps {
|
|
79
|
+
/** Render the consumer's child element in place of the default `View` host. */
|
|
77
80
|
asChild?: boolean;
|
|
81
|
+
/** Additional Uniwind/Tailwind classes, merged after the indicator's own styles. */
|
|
78
82
|
className?: string;
|
|
83
|
+
/** Indicator content, typically a `Checkbox.Icon`. */
|
|
79
84
|
children?: ReactNode;
|
|
80
85
|
}
|
|
81
86
|
|
|
@@ -183,8 +188,11 @@ const CheckboxIconSlot = ({
|
|
|
183
188
|
// =============================================================================
|
|
184
189
|
|
|
185
190
|
export interface CheckboxLabelProps extends TextProps {
|
|
191
|
+
/** Render the consumer's child element in place of the default `Text` host. */
|
|
186
192
|
asChild?: boolean;
|
|
193
|
+
/** Additional Uniwind/Tailwind classes, merged after the label's own styles. */
|
|
187
194
|
className?: string;
|
|
195
|
+
/** Label content (or a custom element when `asChild` is set). */
|
|
188
196
|
children?: ReactNode;
|
|
189
197
|
}
|
|
190
198
|
|
|
@@ -222,13 +230,27 @@ CheckboxLabel.displayName = 'Checkbox.Label';
|
|
|
222
230
|
// =============================================================================
|
|
223
231
|
|
|
224
232
|
export interface CheckboxGroupProps extends ViewProps {
|
|
233
|
+
/** Additional Uniwind/Tailwind classes, merged after the group's own styles. */
|
|
225
234
|
className?: string;
|
|
235
|
+
/** The `Checkbox` items in the group. */
|
|
226
236
|
children?: ReactNode;
|
|
237
|
+
/**
|
|
238
|
+
* The `value` of every checked checkbox in the group.
|
|
239
|
+
* @default []
|
|
240
|
+
*/
|
|
227
241
|
value?: string[];
|
|
242
|
+
/** Called with the updated list of checked values when the user toggles a checkbox. */
|
|
228
243
|
onChange?: (value: string[]) => void;
|
|
244
|
+
/** Disables every checkbox in the group. */
|
|
229
245
|
isDisabled?: boolean;
|
|
246
|
+
/** Marks the group as invalid. Set `isInvalid` on each `Checkbox` to style it as invalid. */
|
|
230
247
|
isInvalid?: boolean;
|
|
248
|
+
/** Makes every checkbox in the group focusable but unchangeable. */
|
|
231
249
|
isReadOnly?: boolean;
|
|
250
|
+
/**
|
|
251
|
+
* Stacks the checkboxes vertically (`column`) or lays them out in a row.
|
|
252
|
+
* @default 'column'
|
|
253
|
+
*/
|
|
232
254
|
direction?: 'column' | 'row';
|
|
233
255
|
'aria-label'?: string;
|
|
234
256
|
'aria-labelledby'?: string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { forwardRef, type ReactNode } from 'react';
|
|
2
2
|
import { Pressable, Text, View, type ViewProps } from 'react-native';
|
|
3
|
-
import { useCSSVariable } from 'uniwind';
|
|
4
3
|
import {
|
|
5
4
|
dataAttributes,
|
|
6
5
|
DATE_TIME_LIST_HEIGHT,
|
|
@@ -15,10 +14,11 @@ import {
|
|
|
15
14
|
} from '@cdx-ui/primitives';
|
|
16
15
|
import { getDateTimeSegmentVisibility } from '@cdx-ui/formatters';
|
|
17
16
|
import { cn } from '@cdx-ui/utils';
|
|
17
|
+
import { ScrollShadow } from '../ScrollShadow';
|
|
18
18
|
import {
|
|
19
19
|
dateTimeListColumnsVariants,
|
|
20
20
|
dateTimeListColumnVariants,
|
|
21
|
-
|
|
21
|
+
dateTimeListFadeLayerVariants,
|
|
22
22
|
dateTimeListHighlightVariants,
|
|
23
23
|
dateTimeListOptionTextVariants,
|
|
24
24
|
dateTimeListOptionVariants,
|
|
@@ -50,24 +50,6 @@ function DateTimeListDefaultBody() {
|
|
|
50
50
|
);
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
/** Cross-platform edge fade (Uniwind gradients are unreliable on native). */
|
|
54
|
-
function EdgeFade({ edge }: { edge: 'top' | 'bottom' }) {
|
|
55
|
-
const surface = useCSSVariable('--color-surface-primary') || 'transparent';
|
|
56
|
-
const isTop = edge === 'top';
|
|
57
|
-
return (
|
|
58
|
-
<View
|
|
59
|
-
pointerEvents="none"
|
|
60
|
-
className={dateTimeListEdgeFadeVariants({ edge })}
|
|
61
|
-
style={{
|
|
62
|
-
height: DATE_TIME_LIST_ITEM_HEIGHT * 1.75,
|
|
63
|
-
experimental_backgroundImage: isTop
|
|
64
|
-
? `linear-gradient(to bottom, ${surface as string}, transparent)`
|
|
65
|
-
: `linear-gradient(to top, ${surface as string}, transparent)`,
|
|
66
|
-
}}
|
|
67
|
-
/>
|
|
68
|
-
);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
53
|
const DateTimeListRoot = forwardRef<View, DateTimeListProps>(
|
|
72
54
|
({ className, children, style, ...props }, ref) => (
|
|
73
55
|
<DateTimeListRootPrimitive
|
|
@@ -86,12 +68,17 @@ const DateTimeListRoot = forwardRef<View, DateTimeListProps>(
|
|
|
86
68
|
}}
|
|
87
69
|
/>
|
|
88
70
|
|
|
89
|
-
<
|
|
90
|
-
{
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
71
|
+
<ScrollShadow
|
|
72
|
+
className={dateTimeListFadeLayerVariants()}
|
|
73
|
+
orientation="vertical"
|
|
74
|
+
size="large"
|
|
75
|
+
surface="primary"
|
|
76
|
+
visibility="both"
|
|
77
|
+
>
|
|
78
|
+
<View className={dateTimeListColumnsVariants()}>
|
|
79
|
+
{children ?? <DateTimeListDefaultBody />}
|
|
80
|
+
</View>
|
|
81
|
+
</ScrollShadow>
|
|
95
82
|
</DateTimeListRootPrimitive>
|
|
96
83
|
),
|
|
97
84
|
);
|
|
@@ -45,15 +45,6 @@ export const dateTimeListOptionTextVariants = cva('body-md tabular-nums', {
|
|
|
45
45
|
defaultVariants: { selected: false },
|
|
46
46
|
});
|
|
47
47
|
|
|
48
|
-
export const
|
|
49
|
-
variants: {
|
|
50
|
-
edge: {
|
|
51
|
-
top: 'top-0',
|
|
52
|
-
bottom: 'bottom-0',
|
|
53
|
-
},
|
|
54
|
-
},
|
|
55
|
-
defaultVariants: { edge: 'top' },
|
|
56
|
-
});
|
|
48
|
+
export const dateTimeListFadeLayerVariants = cva(['h-full', LAYER_EDGE_FADE]);
|
|
57
49
|
|
|
58
50
|
export type DateTimeListColumnVariantProps = VariantProps<typeof dateTimeListColumnVariants>;
|
|
59
|
-
export type DateTimeListEdgeFadeVariantProps = VariantProps<typeof dateTimeListEdgeFadeVariants>;
|
|
@@ -11,9 +11,18 @@ const sizeToLevel = {
|
|
|
11
11
|
xs: 5,
|
|
12
12
|
} as const;
|
|
13
13
|
|
|
14
|
-
export type HeadingProps = HeadingVariantProps &
|
|
14
|
+
export type HeadingProps = Omit<HeadingVariantProps, 'size'> &
|
|
15
15
|
ComponentPropsWithoutRef<typeof Text> & {
|
|
16
|
+
/**
|
|
17
|
+
* Heading typography style. Also sets the accessibility heading level: `xl` is level 1
|
|
18
|
+
* through `xs` at level 5.
|
|
19
|
+
* @default 'lg'
|
|
20
|
+
*/
|
|
21
|
+
size?: HeadingVariantProps['size'];
|
|
22
|
+
/** Additional Uniwind/Tailwind classes, merged after the heading's own styles. */
|
|
16
23
|
className?: string;
|
|
24
|
+
/** Heading text. */
|
|
25
|
+
children?: ComponentPropsWithoutRef<typeof Text>['children'];
|
|
17
26
|
};
|
|
18
27
|
|
|
19
28
|
export const Heading = memo(
|
|
@@ -18,7 +18,9 @@ export type IconProps = Omit<ForgeIconProps, 'color'> & {
|
|
|
18
18
|
* @default 'primary'
|
|
19
19
|
*/
|
|
20
20
|
color?: IconColor | (string & {}) | Exclude<SvgColor, string>;
|
|
21
|
+
/** Utility classes for size (`size-*`) and placement, merged after the defaults. */
|
|
21
22
|
className?: string; // TODO: Why does this need to specified manually?
|
|
23
|
+
/** The `@cdx-ui/icons` component to render. */
|
|
22
24
|
as: ForgeIcon;
|
|
23
25
|
};
|
|
24
26
|
|