@12-apps/ui 6.20.0 → 6.21.0
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/NATIVE.md +5 -1
- package/dist/_internal/components/data-display/Alert/Alert.js +4 -4
- package/dist/_internal/components/data-display/Alert/Alert.styles.js +2 -2
- package/dist/_internal/components/data-display/AsyncStateContainer/AsyncStateContainer.js +7 -7
- package/dist/_internal/components/data-display/Avatar/Avatar.js +2 -2
- package/dist/_internal/components/data-display/Badge/Badge.js +3 -3
- package/dist/_internal/components/data-display/CardKit/CardKebab.js +4 -4
- package/dist/_internal/components/data-display/CardKit/card-actions-context.js +5 -5
- package/dist/_internal/components/data-display/CardKit/use-remove-confirm.js +10 -10
- package/dist/_internal/components/data-display/CardKit/use-row-confirm.js +5 -5
- package/dist/_internal/components/data-display/Carousel/Carousel.js +3 -3
- package/dist/_internal/components/data-display/Chart/Chart.js +4 -4
- package/dist/_internal/components/data-display/Chart/SpecChart.js +7 -7
- package/dist/_internal/components/data-display/Chart/chart-context.js +2 -2
- package/dist/_internal/components/data-display/Chart/chart-renderers.js +3 -3
- package/dist/_internal/components/data-display/DataGrid/DataGrid.js +2 -2
- package/dist/_internal/components/data-display/DataViews/DataViewsBoard.js +3 -3
- package/dist/_internal/components/data-display/DataViews/DataViewsGrid.js +52 -51
- package/dist/_internal/components/data-display/DataViews/DataViewsTableBase.js +73 -69
- package/dist/_internal/components/data-display/DataViews/DeleteViewDialog.js +5 -5
- package/dist/_internal/components/data-display/DataViews/ManageViewsDialog.js +7 -7
- package/dist/_internal/components/data-display/DataViews/SaveViewModal.js +16 -12
- package/dist/_internal/components/data-display/DataViews/base-card.js +7 -5
- package/dist/_internal/components/data-display/DataViews/base-list-card-geometry.js +7 -7
- package/dist/_internal/components/data-display/DataViews/base-list-card-gutters.js +10 -3
- package/dist/_internal/components/data-display/DataViews/base-list-card-slots.js +6 -6
- package/dist/_internal/components/data-display/DataViews/base-list-card.js +14 -13
- package/dist/_internal/components/data-display/DataViews/data-views-category-pill.js +17 -15
- package/dist/_internal/components/data-display/DataViews/data-views-columns-tab.js +3 -3
- package/dist/_internal/components/data-display/DataViews/data-views-columns.js +5 -5
- package/dist/_internal/components/data-display/DataViews/data-views-display-panel.js +8 -8
- package/dist/_internal/components/data-display/DataViews/data-views-display-tabs.js +3 -3
- package/dist/_internal/components/data-display/DataViews/data-views-empty.js +5 -5
- package/dist/_internal/components/data-display/DataViews/data-views-export.js +5 -5
- package/dist/_internal/components/data-display/DataViews/data-views-filter-panel.js +21 -19
- package/dist/_internal/components/data-display/DataViews/data-views-grid-bodies.js +12 -12
- package/dist/_internal/components/data-display/DataViews/data-views-grid-helpers.js +4 -4
- package/dist/_internal/components/data-display/DataViews/data-views-grid-parts.js +47 -46
- package/dist/_internal/components/data-display/DataViews/data-views-header-row.js +3 -3
- package/dist/_internal/components/data-display/DataViews/data-views-inline-bar.js +27 -26
- package/dist/_internal/components/data-display/DataViews/data-views-more-fields.js +8 -8
- package/dist/_internal/components/data-display/DataViews/data-views-more-filters.js +11 -11
- package/dist/_internal/components/data-display/DataViews/data-views-range-pill.js +3 -3
- package/dist/_internal/components/data-display/DataViews/data-views-select-all-strip.js +5 -5
- package/dist/_internal/components/data-display/DataViews/data-views-shell-toolbar.js +14 -14
- package/dist/_internal/components/data-display/DataViews/data-views-table-parts.js +25 -21
- package/dist/_internal/components/data-display/DataViews/data-views-toolbar.js +13 -13
- package/dist/_internal/components/data-display/DataViews/data-views-view-nav.js +5 -5
- package/dist/_internal/components/data-display/DataViews/list-card-rails.js +2 -2
- package/dist/_internal/components/data-display/DataViews/save-view-preview.js +3 -3
- package/dist/_internal/components/data-display/DataViews/use-data-views-state.js +8 -8
- package/dist/_internal/components/data-display/DataViews/use-saved-views-controller.js +2 -2
- package/dist/_internal/components/data-display/DescriptionItem/DescriptionItem.js +3 -3
- package/dist/_internal/components/data-display/EmptyState/EmptyState.js +3 -3
- package/dist/_internal/components/data-display/ErrorState/ErrorState.js +2 -2
- package/dist/_internal/components/data-display/HoverCard/HoverCard.js +1 -1
- package/dist/_internal/components/data-display/LazyImage/LazyImage.js +3 -3
- package/dist/_internal/components/data-display/Lightbox/Lightbox.js +5 -5
- package/dist/_internal/components/data-display/LoadingState/LoadingState.js +3 -3
- package/dist/_internal/components/data-display/MapPreview/MapDecorations.js +2 -2
- package/dist/_internal/components/data-display/MapPreview/MapLayers.js +3 -3
- package/dist/_internal/components/data-display/MapPreview/MapPreview.hooks.js +2 -2
- package/dist/_internal/components/data-display/MapPreview/MapPreview.js +11 -11
- package/dist/_internal/components/data-display/MapPreview/MapTiles.js +2 -2
- package/dist/_internal/components/data-display/MapPreview/StaticMapView.js +4 -4
- package/dist/_internal/components/data-display/MapPreview/useMapPreview.js +3 -3
- package/dist/_internal/components/data-display/SectionOnboarding/SectionOnboarding.js +4 -4
- package/dist/_internal/components/data-display/Sheet/Sheet.js +2 -2
- package/dist/_internal/components/data-display/StatCard/StatCard.js +3 -3
- package/dist/_internal/components/data-display/Table/Table.js +3 -3
- package/dist/_internal/components/data-display/index.js +59 -59
- package/dist/_internal/components/feedback/ConfirmAction/ConfirmButton.js +4 -4
- package/dist/_internal/components/feedback/TutorialOverlay/TutorialOverlay.js +2 -2
- package/dist/_internal/components/feedback/index.js +9 -9
- package/dist/_internal/components/form/AddressAutocomplete/AddressAutocomplete.hooks.js +3 -3
- package/dist/_internal/components/form/AddressAutocomplete/AddressAutocomplete.js +12 -10
- package/dist/_internal/components/form/AddressAutocomplete/AddressAutocompleteField.js +7 -5
- package/dist/_internal/components/form/AddressAutocomplete/AddressFallbackField.js +5 -3
- package/dist/_internal/components/form/AddressAutocomplete/AddressInputField.js +5 -3
- package/dist/_internal/components/form/AddressAutocomplete/AddressTextField.js +4 -2
- package/dist/_internal/components/form/Autocomplete/Autocomplete.js +2 -2
- package/dist/_internal/components/form/Button/Button.js +3 -3
- package/dist/_internal/components/form/Calendar/Calendar.js +4 -4
- package/dist/_internal/components/form/Calendar/CalendarDayCell.js +2 -2
- package/dist/_internal/components/form/Calendar/CalendarMonth.js +3 -3
- package/dist/_internal/components/form/CategorySelect/CategoryPanel.js +10 -8
- package/dist/_internal/components/form/CategorySelect/CategoryPanelFoot.js +5 -3
- package/dist/_internal/components/form/CategorySelect/CategoryPanelHead.js +5 -3
- package/dist/_internal/components/form/CategorySelect/CategoryPanelList.js +7 -5
- package/dist/_internal/components/form/CategorySelect/CategoryRows.js +6 -4
- package/dist/_internal/components/form/CategorySelect/CategorySelect.js +14 -12
- package/dist/_internal/components/form/CategorySelect/CategorySelect.styles.js +4 -2
- package/dist/_internal/components/form/CategorySelect/CategoryTrigger.js +5 -3
- package/dist/_internal/components/form/CepField/CepField.js +10 -4
- package/dist/_internal/components/form/Checkbox/Checkbox.base.js +1 -0
- package/dist/_internal/components/form/Checkbox/Checkbox.base.js.map +1 -0
- package/dist/_internal/components/form/Checkbox/Checkbox.helpers.js +2 -1
- package/dist/_internal/components/form/Checkbox/Checkbox.js +9 -2
- package/dist/_internal/components/form/Checkbox/Checkbox.metrics.js +34 -0
- package/dist/_internal/components/form/Checkbox/Checkbox.metrics.js.map +1 -0
- package/dist/_internal/components/form/CodeEditor/CodeEditor.js +6 -4
- package/dist/_internal/components/form/CreatableSelect/CreatableSelect.js +4 -2
- package/dist/_internal/components/form/DateRangePicker/DateRangePicker.js +5 -5
- package/dist/_internal/components/form/Input/Input.base.js +1 -0
- package/dist/_internal/components/form/Input/Input.base.js.map +1 -0
- package/dist/_internal/components/form/Input/Input.helpers.js +23 -0
- package/dist/_internal/components/form/Input/Input.helpers.js.map +1 -0
- package/dist/_internal/components/form/Input/Input.js +9 -3
- package/dist/_internal/components/form/Input/Input.metrics.js +53 -0
- package/dist/_internal/components/form/Input/Input.metrics.js.map +1 -0
- package/dist/_internal/components/form/Input/Input.styles.js +10 -4
- package/dist/_internal/components/form/InputOTP/InputOTP.js +5 -3
- package/dist/_internal/components/form/InputOTP/InputOTP.styles.js +4 -2
- package/dist/_internal/components/form/Menubar/Menubar.js +4 -4
- package/dist/_internal/components/form/Menubar/Menubar.toolbar.js +2 -2
- package/dist/_internal/components/form/PhoneInput/PhoneInput.js +4 -2
- package/dist/_internal/components/form/RadioGroup/RadioGroup.js +6 -4
- package/dist/_internal/components/form/RadioGroup/RadioGroup.styles.js +4 -2
- package/dist/_internal/components/form/RadioGroup/RadioGroup.variants.js +5 -3
- package/dist/_internal/components/form/RichTextEditor/RichTextEditor.js +4 -2
- package/dist/_internal/components/form/Select/Select.base.js +1 -0
- package/dist/_internal/components/form/Select/Select.base.js.map +1 -0
- package/dist/_internal/components/form/Select/Select.helpers.js +48 -0
- package/dist/_internal/components/form/Select/Select.helpers.js.map +1 -0
- package/dist/_internal/components/form/Select/Select.js +10 -2
- package/dist/_internal/components/form/Select/Select.metrics.js +38 -0
- package/dist/_internal/components/form/Select/Select.metrics.js.map +1 -0
- package/dist/_internal/components/form/Switch/Switch.base.js +1 -0
- package/dist/_internal/components/form/Switch/Switch.base.js.map +1 -0
- package/dist/_internal/components/form/Switch/Switch.helpers.js +59 -0
- package/dist/_internal/components/form/Switch/Switch.helpers.js.map +1 -0
- package/dist/_internal/components/form/Switch/Switch.js +9 -3
- package/dist/_internal/components/form/Switch/Switch.metrics.js +83 -0
- package/dist/_internal/components/form/Switch/Switch.metrics.js.map +1 -0
- package/dist/_internal/components/form/Switch/Switch.parts.js +7 -2
- package/dist/_internal/components/form/Switch/Switch.styles.js +6 -1
- package/dist/_internal/components/form/Textarea/Textarea.js +5 -3
- package/dist/_internal/components/form/Textarea/Textarea.styles.js +4 -2
- package/dist/_internal/components/form/Textarea/TextareaRichEditor.js +4 -2
- package/dist/_internal/components/form/Textarea/TextareaRichEditor.js.map +1 -1
- package/dist/_internal/components/form/Toggle/Toggle.js +5 -3
- package/dist/_internal/components/form/Toggle/Toggle.styles.js +4 -2
- package/dist/_internal/components/form/index.js +53 -47
- package/dist/_internal/components/form/total-form/Fields/CategoryField.js +15 -13
- package/dist/_internal/components/form/total-form/Fields/CepField.js +11 -5
- package/dist/_internal/components/form/total-form/Fields/SelectField.js +11 -3
- package/dist/_internal/components/form/total-form/Fields/TextField.js +10 -4
- package/dist/_internal/components/form/total-form/Fields/index.js +29 -21
- package/dist/_internal/components/form/total-form/SubmitButton.js +4 -4
- package/dist/_internal/components/index.js +140 -134
- package/dist/_internal/components/layout/Box/Box.js +2 -2
- package/dist/_internal/components/layout/Container/Container.js +2 -2
- package/dist/_internal/components/layout/ScrollArea/ScrollArea.js +3 -3
- package/dist/_internal/components/layout/Skeleton/Skeleton.js +2 -2
- package/dist/_internal/components/layout/Spacer/Spacer.js +2 -2
- package/dist/_internal/components/layout/Stack/Stack.js +3 -3
- package/dist/_internal/components/layout/index.js +13 -13
- package/dist/_internal/components/navigation/AppHeader/AppHeader.details.js +6 -6
- package/dist/_internal/components/navigation/CommandPalette/CommandPalette.js +2 -2
- package/dist/_internal/components/navigation/NavigationMenu/NavigationMegaSection.js +3 -3
- package/dist/_internal/components/navigation/NavigationMenu/NavigationMenu.js +5 -5
- package/dist/_internal/components/navigation/NavigationMenu/NavigationMenuItem.js +2 -2
- package/dist/_internal/components/navigation/NavigationMenu/NavigationStandardBody.js +3 -3
- package/dist/_internal/components/navigation/index.js +13 -13
- package/dist/_internal/components/typography/Heading/Heading.js +2 -2
- package/dist/_internal/components/typography/Paragraph/Paragraph.js +2 -2
- package/dist/_internal/components/typography/Text/Text.js +2 -2
- package/dist/_internal/components/typography/index.js +4 -4
- package/dist/_internal/components/utility/InfiniteScroll/InfiniteScroll.js +2 -2
- package/dist/_internal/components/utility/index.js +2 -2
- package/dist/_internal/icons/Icon.js +3 -3
- package/dist/_internal/icons/paths.generated.js +1 -1
- package/dist/_internal/platform/aria.js +17 -1
- package/dist/_internal/platform/aria.js.map +1 -1
- package/dist/_internal/platform/test-id.js +3 -1
- package/dist/_internal/social-login-button/social-login-button.js +6 -6
- package/dist/_internal/tokens/field-edge.core.js +11 -0
- package/dist/_internal/tokens/field-edge.core.js.map +1 -0
- package/dist/_internal/tokens/field-edge.js +5 -2
- package/dist/_internal/user-avatar/user-avatar.js +7 -7
- package/dist/charts.js +13 -13
- package/dist/{chunk-2PCOC3PT.js → chunk-26Z7QWID.js} +2 -2
- package/dist/chunk-2ECT4IY2.js +250 -0
- package/dist/chunk-2ECT4IY2.js.map +1 -0
- package/dist/{chunk-IJIT5HQP.js → chunk-2QFTAGDH.js} +3 -3
- package/dist/{chunk-ENNW5SKT.js → chunk-2QLVUVVR.js} +2 -2
- package/dist/{chunk-W3FAKT3D.js → chunk-2SWQ6HIK.js} +4 -4
- package/dist/{chunk-7P2HZLEG.js → chunk-3UOHKHOT.js} +3 -3
- package/dist/{chunk-URWGRPL7.js → chunk-3W7IEWEL.js} +2 -2
- package/dist/{chunk-Z7JNCB5Q.js → chunk-426FTCMF.js} +2 -2
- package/dist/{chunk-46UPILLK.js → chunk-4ETQRBZC.js} +4 -4
- package/dist/{chunk-NQC6H7GY.js → chunk-4HYXEMBP.js} +2 -2
- package/dist/{chunk-43NEBUV3.js → chunk-4K7FDVAB.js} +2 -2
- package/dist/{chunk-LMJBINWN.js → chunk-4MLDWACO.js} +13 -13
- package/dist/{chunk-GGE7Y53F.js → chunk-4TXIZ5WI.js} +2 -2
- package/dist/{chunk-J6UFAMIC.js → chunk-5RQ7N63M.js} +2 -2
- package/dist/chunk-5ZNU2U4D.js +41 -0
- package/dist/chunk-5ZNU2U4D.js.map +1 -0
- package/dist/{chunk-AVGTTWTE.js → chunk-65DLYC4S.js} +4 -4
- package/dist/{chunk-QLWBQQW7.js → chunk-6F5IKY32.js} +5 -1
- package/dist/chunk-6F5IKY32.js.map +1 -0
- package/dist/{chunk-B2A4DG77.js → chunk-6RGWDKUL.js} +6 -6
- package/dist/{chunk-DCEMUZJQ.js → chunk-6WIDZGXE.js} +2 -2
- package/dist/{chunk-R7MX5KPJ.js → chunk-6YLAVHV4.js} +4 -4
- package/dist/{chunk-E27Y7FF2.js → chunk-6Z4H2Y77.js} +4 -4
- package/dist/{chunk-PNYXXLPU.js → chunk-736HP6BL.js} +2 -2
- package/dist/{chunk-C52BELLW.js → chunk-77F36LQQ.js} +3 -3
- package/dist/chunk-7FDU3FIN.js +13 -0
- package/dist/chunk-7FDU3FIN.js.map +1 -0
- package/dist/{chunk-RXSGHPCR.js → chunk-7FOOLP5H.js} +4 -4
- package/dist/{chunk-74OZ5KVR.js → chunk-7KTU6YMQ.js} +6 -6
- package/dist/{chunk-X5D3PTWI.js → chunk-7MAOQIWA.js} +2 -2
- package/dist/{chunk-5ZF3VASA.js → chunk-7ZH7ZB33.js} +7 -7
- package/dist/{chunk-FX5DY6VR.js → chunk-AD776JPA.js} +7 -4
- package/dist/chunk-AD776JPA.js.map +1 -0
- package/dist/{chunk-PQECNGDE.js → chunk-AGYGNNOM.js} +2 -2
- package/dist/{chunk-PU3AAKRR.js → chunk-AJ6XEO4E.js} +2 -2
- package/dist/{chunk-WX7VWW3W.js → chunk-B3BK2SNS.js} +2 -2
- package/dist/{chunk-VJK5FBNK.js → chunk-B5PYBEXO.js} +2 -2
- package/dist/{chunk-47UD6DZ4.js → chunk-BDVNAU2C.js} +4 -4
- package/dist/{chunk-FGLV6BXQ.js → chunk-BEGWE5O4.js} +5 -5
- package/dist/{chunk-6IUTT6BK.js → chunk-BEH4DN63.js} +4 -4
- package/dist/{chunk-HKV4MQ2W.js → chunk-BLBOYCOV.js} +5 -5
- package/dist/{chunk-24BUCMQA.js → chunk-BNNSO4MC.js} +5 -5
- package/dist/{chunk-CZJLWCEG.js → chunk-BPYPUEM5.js} +2 -2
- package/dist/{chunk-NHSMLVNC.js → chunk-BQQONDW5.js} +7 -7
- package/dist/{chunk-DQHC5P64.js → chunk-BRSF5NRT.js} +4 -4
- package/dist/{chunk-M7OHXNLF.js → chunk-CXVMD6FE.js} +3 -3
- package/dist/{chunk-LYSSO6WC.js → chunk-CZPU5TW3.js} +4 -4
- package/dist/{chunk-DOADQW7I.js → chunk-D4T646G4.js} +2 -2
- package/dist/{chunk-2W4CIWTW.js → chunk-DBYFC6CF.js} +3 -3
- package/dist/{chunk-76GZ55IC.js → chunk-DF2FFYZ7.js} +7 -7
- package/dist/chunk-DFK6QCXX.js +150 -0
- package/dist/chunk-DFK6QCXX.js.map +1 -0
- package/dist/{chunk-BILE3A7F.js → chunk-DH75UNF3.js} +2 -2
- package/dist/{chunk-MLOWPVVW.js → chunk-EPEJMTCQ.js} +16 -13
- package/dist/chunk-EPEJMTCQ.js.map +1 -0
- package/dist/{chunk-6D5WEZ2L.js → chunk-FB36IHCE.js} +8 -8
- package/dist/{chunk-OI3HOI74.js → chunk-FGUESLDX.js} +2 -2
- package/dist/{chunk-PC5FFEIY.js → chunk-FINCVAAR.js} +4 -4
- package/dist/{chunk-YK2PETUP.js → chunk-FRQ4HNGF.js} +2 -2
- package/dist/{chunk-WO52KYSU.js → chunk-G2IPK2XE.js} +10 -10
- package/dist/{chunk-E4FGKZID.js → chunk-GBNOYRLP.js} +8 -8
- package/dist/{chunk-UNF65XZW.js → chunk-GBRKP5GZ.js} +2 -2
- package/dist/{chunk-VLHGBFR6.js → chunk-GCXYCDOA.js} +2 -2
- package/dist/{chunk-EX3PSZLV.js → chunk-GDEXYUPF.js} +3 -3
- package/dist/{chunk-4N4ENTF7.js → chunk-GO4MVQGC.js} +2 -2
- package/dist/{chunk-HDNK7BAX.js → chunk-GT7C6TSM.js} +3 -3
- package/dist/chunk-GY6KNVMI.js +39 -0
- package/dist/chunk-GY6KNVMI.js.map +1 -0
- package/dist/{chunk-HBAPVB7T.js → chunk-HKKSZ7HG.js} +2 -2
- package/dist/{chunk-3AOOI2NR.js → chunk-HR7YTBR7.js} +4 -4
- package/dist/{chunk-AEGX66N7.js → chunk-I3MDKPGG.js} +2 -2
- package/dist/{chunk-7BYFC2MR.js → chunk-I7HYGIEJ.js} +6 -6
- package/dist/{chunk-D7FJ2GAD.js → chunk-IFNK5TPI.js} +2 -2
- package/dist/{chunk-PODGTNXS.js → chunk-IH4RSRQA.js} +4 -4
- package/dist/{chunk-UF27D35R.js → chunk-IIROZKW5.js} +2 -2
- package/dist/{chunk-PUBPZOQJ.js → chunk-IPE5FFFD.js} +2 -2
- package/dist/{chunk-37YPZHAG.js → chunk-JDMYD6QC.js} +2 -2
- package/dist/{chunk-HSAH5QUQ.js → chunk-JIINGMEB.js} +6 -6
- package/dist/{chunk-NRUYYGDZ.js → chunk-JXAYT6LX.js} +2 -2
- package/dist/{chunk-VMNSGE2G.js → chunk-KEVPUBOE.js} +5 -1
- package/dist/chunk-KEVPUBOE.js.map +1 -0
- package/dist/{chunk-ZBNTFWTG.js → chunk-KIHQE5YA.js} +2 -2
- package/dist/{chunk-DVUPIVI2.js → chunk-KT6HWAEN.js} +4 -4
- package/dist/{chunk-MY5VNNSP.js → chunk-MCRIT46W.js} +4 -4
- package/dist/chunk-MLCFODJO.js +135 -0
- package/dist/chunk-MLCFODJO.js.map +1 -0
- package/dist/{chunk-Q5EQC7NL.js → chunk-N5IVVLTH.js} +8 -5
- package/dist/chunk-N5IVVLTH.js.map +1 -0
- package/dist/{chunk-6XPNJLXE.js → chunk-NARIG5FL.js} +2 -2
- package/dist/{chunk-MBYO2F4Y.js → chunk-NUE774AN.js} +6 -6
- package/dist/{chunk-ZEBJT5JZ.js → chunk-OCXCH2ZW.js} +12 -12
- package/dist/{chunk-7TZ6OC5T.js → chunk-OH3YGJT5.js} +2 -2
- package/dist/{chunk-SM3NRN7L.js → chunk-ON2CMKTI.js} +2 -2
- package/dist/{chunk-VCTKJHXD.js → chunk-OOGEYCJH.js} +2 -2
- package/dist/{chunk-J54WH74M.js → chunk-P6IPJYCS.js} +6 -6
- package/dist/{chunk-23FCBIUN.js → chunk-P7FQUGED.js} +8 -8
- package/dist/{chunk-THBT56JE.js → chunk-PANMJFDS.js} +2 -2
- package/dist/{chunk-LZRURORY.js → chunk-PF5HDFYY.js} +3 -3
- package/dist/{chunk-YVW7VPK4.js → chunk-PFLKPNBU.js} +2 -2
- package/dist/{chunk-7EESF76V.js → chunk-PWXL3QQ6.js} +2 -2
- package/dist/{chunk-7DNQHMDO.js → chunk-PXH24VIP.js} +4 -4
- package/dist/{chunk-HBZIN6IQ.js → chunk-PZEC5CQA.js} +2 -2
- package/dist/{chunk-LAHDFBDE.js → chunk-QFHH2NU5.js} +3 -3
- package/dist/{chunk-GBB6XQ56.js → chunk-QGBMCB76.js} +2 -2
- package/dist/{chunk-SOCKK67R.js → chunk-QRX5BYUQ.js} +7 -7
- package/dist/{chunk-QZWKC3AP.js → chunk-QS7ZGRNS.js} +2 -2
- package/dist/{chunk-IH4CX43Q.js → chunk-QZDBWXZG.js} +2 -2
- package/dist/{chunk-PHCSPHDH.js → chunk-R6RVBYTU.js} +3 -3
- package/dist/{chunk-KZSKI2R3.js → chunk-RPQ3W2C6.js} +2 -2
- package/dist/{chunk-HEG7JIBM.js → chunk-RPWEXIAW.js} +5 -5
- package/dist/{chunk-JB67KPGM.js → chunk-RRO2EOJB.js} +4 -4
- package/dist/{chunk-BLT5ZBVL.js → chunk-RRX6ZTNX.js} +2 -2
- package/dist/{chunk-7RZ4WOQW.js → chunk-RRZBATXK.js} +3 -3
- package/dist/{chunk-RMSH2I3O.js → chunk-S6YY2WWK.js} +40 -50
- package/dist/chunk-S6YY2WWK.js.map +1 -0
- package/dist/{chunk-7JWXLDRH.js → chunk-SAHQLXNN.js} +4 -4
- package/dist/{chunk-LUMF63BM.js → chunk-SFAP5EH5.js} +4 -4
- package/dist/{chunk-EGRFMPGD.js → chunk-SHDIZSN5.js} +6 -6
- package/dist/{chunk-GJQYM3PM.js → chunk-SHQWIDD5.js} +4 -4
- package/dist/{chunk-BJ3J6FTN.js → chunk-STH66VLA.js} +40 -23
- package/dist/chunk-STH66VLA.js.map +1 -0
- package/dist/{chunk-FCOEJCUP.js → chunk-TFO6GBW7.js} +2 -2
- package/dist/{chunk-2ZDTGI5V.js → chunk-THZ2NAA4.js} +7 -7
- package/dist/{chunk-OQXOYHIV.js → chunk-TLX66HCW.js} +45 -37
- package/dist/chunk-TLX66HCW.js.map +1 -0
- package/dist/{chunk-VJFH2AXT.js → chunk-TP4N3X2Q.js} +2 -2
- package/dist/{chunk-B7BZAIHL.js → chunk-TPIBJP4S.js} +2 -2
- package/dist/{chunk-Q4NOI2CR.js → chunk-TVO5STZB.js} +5 -5
- package/dist/{chunk-JB7JE4QZ.js → chunk-TZ4SFX3M.js} +3 -3
- package/dist/{chunk-JD364H3Y.js → chunk-TZ633UZA.js} +6 -5
- package/dist/chunk-TZ633UZA.js.map +1 -0
- package/dist/{chunk-HEK4LQT6.js → chunk-UB76PBDF.js} +2 -2
- package/dist/{chunk-NFAKRI4S.js → chunk-UEIVXFUC.js} +2 -2
- package/dist/{chunk-DX527XPL.js → chunk-UOPQOBQZ.js} +3 -3
- package/dist/{chunk-X24P3ZYW.js → chunk-V5P5Q6HM.js} +10 -10
- package/dist/{chunk-7DBFEZRC.js → chunk-VIK3HAUQ.js} +2 -2
- package/dist/{chunk-74EZ565M.js → chunk-VPHOSIPB.js} +5 -5
- package/dist/{chunk-SX3V2DLV.js → chunk-VWBWKLXX.js} +4 -4
- package/dist/{chunk-VEFDL77X.js → chunk-VWGR5XUP.js} +2 -2
- package/dist/{chunk-SEH7KOVG.js → chunk-VXTYVJDK.js} +2 -2
- package/dist/{chunk-QYNCPS5W.js → chunk-WBKWIFXA.js} +6 -6
- package/dist/{chunk-YFHIESMD.js → chunk-WPZT2JD4.js} +2 -2
- package/dist/{chunk-GSFNH4C5.js → chunk-WROCSDVL.js} +5 -5
- package/dist/{chunk-VSLUFBMT.js → chunk-WTIOCG4M.js} +41 -27
- package/dist/chunk-WTIOCG4M.js.map +1 -0
- package/dist/{chunk-QZBUGUOY.js → chunk-XEE7PLDR.js} +6 -6
- package/dist/{chunk-Z4GWXTZV.js → chunk-XFU2S6XT.js} +7 -7
- package/dist/{chunk-RQDN4BN5.js → chunk-XLJJ2ZAP.js} +16 -16
- package/dist/{chunk-ACDYA5WC.js → chunk-XZTOIEKI.js} +2 -2
- package/dist/{chunk-LKVIZNUM.js → chunk-Y46RBFBV.js} +8 -8
- package/dist/{chunk-WBVHRLIS.js → chunk-YCCKY5VW.js} +5 -5
- package/dist/{chunk-SKZHOWTS.js → chunk-YDI6IJ6F.js} +2 -2
- package/dist/{chunk-V3SBJ3PB.js → chunk-Z5ABJLTM.js} +2 -2
- package/dist/{chunk-KQ74QU55.js → chunk-Z6UEOSL7.js} +3 -3
- package/dist/{chunk-G5ZVD5IJ.js → chunk-ZDWU52DJ.js} +2 -2
- package/dist/{chunk-2EKALM6P.js → chunk-ZFPJBKVZ.js} +4 -4
- package/dist/{chunk-FP4R47TM.js → chunk-ZGHIHEND.js} +2 -2
- package/dist/{chunk-F2DOTCF3.js → chunk-ZKFYBC6G.js} +2 -2
- package/dist/{chunk-4MGFUPQT.js → chunk-ZOUWHGV3.js} +4 -4
- package/dist/{chunk-4WK2RTVY.js → chunk-ZXLIWOXC.js} +5 -5
- package/dist/{chunk-UMDXGIRZ.js → chunk-ZZOOSKSV.js} +2 -2
- package/dist/data-display/Alert.js +4 -4
- package/dist/data-display/AsyncStateContainer.js +7 -7
- package/dist/data-display/Avatar.js +2 -2
- package/dist/data-display/Badge.js +3 -3
- package/dist/data-display/CardKit.js +18 -18
- package/dist/data-display/Carousel.js +3 -3
- package/dist/data-display/Chart.js +13 -13
- package/dist/data-display/DataGrid.js +2 -2
- package/dist/data-display/DataViews.js +89 -84
- package/dist/data-display/DescriptionItem.js +3 -3
- package/dist/data-display/EmptyState.js +3 -3
- package/dist/data-display/ErrorState.js +2 -2
- package/dist/data-display/HoverCard.js +1 -1
- package/dist/data-display/LazyImage.js +3 -3
- package/dist/data-display/Lightbox.js +5 -5
- package/dist/data-display/LoadingState.js +3 -3
- package/dist/data-display/MapPreview.js +11 -11
- package/dist/data-display/SectionOnboarding.js +4 -4
- package/dist/data-display/Sheet.js +2 -2
- package/dist/data-display/StatCard.js +3 -3
- package/dist/data-display/Table.js +3 -3
- package/dist/feedback/ConfirmAction.js +7 -7
- package/dist/feedback/TutorialOverlay.js +2 -2
- package/dist/form/AddressAutocomplete.js +12 -10
- package/dist/form/Autocomplete.js +2 -2
- package/dist/form/Button.js +3 -3
- package/dist/form/Calendar.js +4 -4
- package/dist/form/CategorySelect.js +14 -12
- package/dist/form/CepField.js +10 -4
- package/dist/form/Checkbox.js +9 -2
- package/dist/form/CodeEditor.js +6 -4
- package/dist/form/CreatableSelect.js +4 -2
- package/dist/form/DateRangePicker.js +5 -5
- package/dist/form/Input.js +9 -3
- package/dist/form/InputOTP.js +5 -3
- package/dist/form/Menubar.js +4 -4
- package/dist/form/PhoneInput.js +4 -2
- package/dist/form/RadioGroup.js +6 -4
- package/dist/form/RichTextEditor.js +4 -2
- package/dist/form/Select.js +10 -2
- package/dist/form/Switch.js +9 -3
- package/dist/form/Textarea.js +5 -3
- package/dist/form/Toggle.js +5 -3
- package/dist/form/total-form.js +33 -28
- package/dist/icons.js +3 -3
- package/dist/layout/Box.js +2 -2
- package/dist/layout/Container.js +2 -2
- package/dist/layout/ContentToolbar.js +6 -6
- package/dist/layout/ScrollArea.js +3 -3
- package/dist/layout/Skeleton.js +2 -2
- package/dist/layout/Spacer.js +2 -2
- package/dist/layout/Stack.js +3 -3
- package/dist/native/chunks/{chunk-Q52IDAF2.js → chunk-D4EYAXNG.js} +6 -2
- package/dist/native/chunks/chunk-D4EYAXNG.js.map +1 -0
- package/dist/native/chunks/{chunk-EKKNUEA6.js → chunk-OGWPPQL4.js} +2 -2
- package/dist/native/chunks/chunk-OXHZDFJZ.js +15 -0
- package/dist/native/chunks/chunk-OXHZDFJZ.js.map +1 -0
- package/dist/native/chunks/{chunk-M4DTJDWU.js → chunk-QZAUOHDQ.js} +1 -1
- package/dist/native/chunks/chunk-QZAUOHDQ.js.map +1 -0
- package/dist/native/chunks/{chunk-UKCCYP52.js → chunk-RJVM5YDE.js} +2 -2
- package/dist/native/chunks/chunk-T6BJPP3E.js +26 -0
- package/dist/native/chunks/chunk-T6BJPP3E.js.map +1 -0
- package/dist/native/chunks/chunk-WKMDCNIN.js +351 -0
- package/dist/native/chunks/chunk-WKMDCNIN.js.map +1 -0
- package/dist/native/data-display/Alert.js +3 -3
- package/dist/native/data-display/Avatar.js +2 -2
- package/dist/native/data-display/Badge.js +3 -3
- package/dist/native/data-display/Chip.js +2 -2
- package/dist/native/data-display/EmptyState.js +4 -4
- package/dist/native/data-display/ErrorState.js +4 -4
- package/dist/native/data-display/LoadingState.js +1 -1
- package/dist/native/form/Button.js +2 -2
- package/dist/native/form/Checkbox.js +233 -0
- package/dist/native/form/Checkbox.js.map +1 -0
- package/dist/native/form/Input.js +233 -0
- package/dist/native/form/Input.js.map +1 -0
- package/dist/native/form/Select.js +348 -0
- package/dist/native/form/Select.js.map +1 -0
- package/dist/native/form/Switch.js +511 -0
- package/dist/native/form/Switch.js.map +1 -0
- package/dist/native/icons.js +2 -2
- package/dist/native/layout/Box.js +2 -2
- package/dist/native/layout/Container.js +1 -1
- package/dist/native/layout/Skeleton.js +1 -1
- package/dist/native/layout/Spacer.js +1 -1
- package/dist/native/layout/Stack.js +2 -2
- package/dist/native/typography/Heading.js +1 -1
- package/dist/native/typography/Paragraph.js +1 -1
- package/dist/native/typography/Text.js +1 -1
- package/dist/navigation/AppHeader.js +6 -6
- package/dist/navigation/CommandPalette.js +2 -2
- package/dist/navigation/NavigationMenu.js +5 -5
- package/dist/social-login-button.js +6 -6
- package/dist/types/components/form/Checkbox/Checkbox.base.d.ts +36 -0
- package/dist/types/components/form/Checkbox/Checkbox.base.d.ts.map +1 -0
- package/dist/types/components/form/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/types/components/form/Checkbox/Checkbox.helpers.d.ts +9 -3
- package/dist/types/components/form/Checkbox/Checkbox.helpers.d.ts.map +1 -1
- package/dist/types/components/form/Checkbox/Checkbox.metrics.d.ts +92 -0
- package/dist/types/components/form/Checkbox/Checkbox.metrics.d.ts.map +1 -0
- package/dist/types/components/form/Checkbox/Checkbox.types.d.ts +8 -10
- package/dist/types/components/form/Checkbox/Checkbox.types.d.ts.map +1 -1
- package/dist/types/components/form/Checkbox/index.d.ts +1 -1
- package/dist/types/components/form/Checkbox/index.d.ts.map +1 -1
- package/dist/types/components/form/Input/Input.base.d.ts +62 -0
- package/dist/types/components/form/Input/Input.base.d.ts.map +1 -0
- package/dist/types/components/form/Input/Input.d.ts.map +1 -1
- package/dist/types/components/form/Input/Input.helpers.d.ts +11 -0
- package/dist/types/components/form/Input/Input.helpers.d.ts.map +1 -0
- package/dist/types/components/form/Input/Input.metrics.d.ts +186 -0
- package/dist/types/components/form/Input/Input.metrics.d.ts.map +1 -0
- package/dist/types/components/form/Input/Input.styles.d.ts +1 -35
- package/dist/types/components/form/Input/Input.styles.d.ts.map +1 -1
- package/dist/types/components/form/Input/Input.types.d.ts +12 -17
- package/dist/types/components/form/Input/Input.types.d.ts.map +1 -1
- package/dist/types/components/form/Input/index.d.ts +1 -1
- package/dist/types/components/form/Input/index.d.ts.map +1 -1
- package/dist/types/components/form/Select/Select.base.d.ts +75 -0
- package/dist/types/components/form/Select/Select.base.d.ts.map +1 -0
- package/dist/types/components/form/Select/Select.d.ts.map +1 -1
- package/dist/types/components/form/Select/Select.helpers.d.ts +36 -0
- package/dist/types/components/form/Select/Select.helpers.d.ts.map +1 -0
- package/dist/types/components/form/Select/Select.metrics.d.ts +72 -0
- package/dist/types/components/form/Select/Select.metrics.d.ts.map +1 -0
- package/dist/types/components/form/Select/Select.types.d.ts +12 -49
- package/dist/types/components/form/Select/Select.types.d.ts.map +1 -1
- package/dist/types/components/form/Select/index.d.ts +1 -1
- package/dist/types/components/form/Select/index.d.ts.map +1 -1
- package/dist/types/components/form/Switch/Switch.base.d.ts +111 -0
- package/dist/types/components/form/Switch/Switch.base.d.ts.map +1 -0
- package/dist/types/components/form/Switch/Switch.d.ts.map +1 -1
- package/dist/types/components/form/Switch/Switch.helpers.d.ts +17 -0
- package/dist/types/components/form/Switch/Switch.helpers.d.ts.map +1 -0
- package/dist/types/components/form/Switch/Switch.metrics.d.ts +194 -0
- package/dist/types/components/form/Switch/Switch.metrics.d.ts.map +1 -0
- package/dist/types/components/form/Switch/Switch.parts.d.ts.map +1 -1
- package/dist/types/components/form/Switch/Switch.styles.d.ts +5 -3
- package/dist/types/components/form/Switch/Switch.styles.d.ts.map +1 -1
- package/dist/types/components/form/Switch/Switch.types.d.ts +9 -91
- package/dist/types/components/form/Switch/Switch.types.d.ts.map +1 -1
- package/dist/types/components/form/Switch/index.d.ts +1 -1
- package/dist/types/components/form/Switch/index.d.ts.map +1 -1
- package/dist/types/icons/paths.generated.d.ts +4 -0
- package/dist/types/icons/paths.generated.d.ts.map +1 -1
- package/dist/types/platform/aria.d.ts +59 -1
- package/dist/types/platform/aria.d.ts.map +1 -1
- package/dist/types/platform/test-id.d.ts +10 -0
- package/dist/types/platform/test-id.d.ts.map +1 -1
- package/dist/types/tokens/field-edge.core.d.ts +27 -0
- package/dist/types/tokens/field-edge.core.d.ts.map +1 -0
- package/dist/types/tokens/field-edge.d.ts +8 -9
- package/dist/types/tokens/field-edge.d.ts.map +1 -1
- package/dist/types-native/components/form/Checkbox/Checkbox.base.d.ts +36 -0
- package/dist/types-native/components/form/Checkbox/Checkbox.base.d.ts.map +1 -0
- package/dist/types-native/components/form/Checkbox/Checkbox.helpers.d.ts +13 -0
- package/dist/types-native/components/form/Checkbox/Checkbox.helpers.d.ts.map +1 -0
- package/dist/types-native/components/form/Checkbox/Checkbox.metrics.d.ts +92 -0
- package/dist/types-native/components/form/Checkbox/Checkbox.metrics.d.ts.map +1 -0
- package/dist/types-native/components/form/Checkbox/Checkbox.native.d.ts +21 -0
- package/dist/types-native/components/form/Checkbox/Checkbox.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Checkbox/Checkbox.types.native.d.ts +27 -0
- package/dist/types-native/components/form/Checkbox/Checkbox.types.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Checkbox/index.native.d.ts +3 -0
- package/dist/types-native/components/form/Checkbox/index.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Input/Input.base.d.ts +62 -0
- package/dist/types-native/components/form/Input/Input.base.d.ts.map +1 -0
- package/dist/types-native/components/form/Input/Input.helpers.d.ts +11 -0
- package/dist/types-native/components/form/Input/Input.helpers.d.ts.map +1 -0
- package/dist/types-native/components/form/Input/Input.look.native.d.ts +61 -0
- package/dist/types-native/components/form/Input/Input.look.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Input/Input.metrics.d.ts +186 -0
- package/dist/types-native/components/form/Input/Input.metrics.d.ts.map +1 -0
- package/dist/types-native/components/form/Input/Input.native.d.ts +22 -0
- package/dist/types-native/components/form/Input/Input.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Input/Input.types.native.d.ts +20 -0
- package/dist/types-native/components/form/Input/Input.types.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Input/index.native.d.ts +3 -0
- package/dist/types-native/components/form/Input/index.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Select/Select.base.d.ts +75 -0
- package/dist/types-native/components/form/Select/Select.base.d.ts.map +1 -0
- package/dist/types-native/components/form/Select/Select.helpers.d.ts +36 -0
- package/dist/types-native/components/form/Select/Select.helpers.d.ts.map +1 -0
- package/dist/types-native/components/form/Select/Select.look.native.d.ts +26 -0
- package/dist/types-native/components/form/Select/Select.look.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Select/Select.metrics.d.ts +72 -0
- package/dist/types-native/components/form/Select/Select.metrics.d.ts.map +1 -0
- package/dist/types-native/components/form/Select/Select.native.d.ts +21 -0
- package/dist/types-native/components/form/Select/Select.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Select/Select.types.native.d.ts +29 -0
- package/dist/types-native/components/form/Select/Select.types.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Select/index.native.d.ts +3 -0
- package/dist/types-native/components/form/Select/index.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Switch/Switch.base.d.ts +111 -0
- package/dist/types-native/components/form/Switch/Switch.base.d.ts.map +1 -0
- package/dist/types-native/components/form/Switch/Switch.helpers.d.ts +17 -0
- package/dist/types-native/components/form/Switch/Switch.helpers.d.ts.map +1 -0
- package/dist/types-native/components/form/Switch/Switch.look.native.d.ts +43 -0
- package/dist/types-native/components/form/Switch/Switch.look.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Switch/Switch.metrics.d.ts +194 -0
- package/dist/types-native/components/form/Switch/Switch.metrics.d.ts.map +1 -0
- package/dist/types-native/components/form/Switch/Switch.native.d.ts +20 -0
- package/dist/types-native/components/form/Switch/Switch.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Switch/Switch.types.native.d.ts +27 -0
- package/dist/types-native/components/form/Switch/Switch.types.native.d.ts.map +1 -0
- package/dist/types-native/components/form/Switch/index.native.d.ts +3 -0
- package/dist/types-native/components/form/Switch/index.native.d.ts.map +1 -0
- package/dist/types-native/components/form/field-pulse.native.d.ts +18 -0
- package/dist/types-native/components/form/field-pulse.native.d.ts.map +1 -0
- package/dist/types-native/icons/paths.generated.d.ts +4 -0
- package/dist/types-native/icons/paths.generated.d.ts.map +1 -1
- package/dist/types-native/platform/aria.d.ts +59 -1
- package/dist/types-native/platform/aria.d.ts.map +1 -1
- package/dist/types-native/platform/test-id.d.ts +10 -0
- package/dist/types-native/platform/test-id.d.ts.map +1 -1
- package/dist/types-native/tokens/field-edge.core.d.ts +27 -0
- package/dist/types-native/tokens/field-edge.core.d.ts.map +1 -0
- package/dist/types-native/utils/withDefaults.d.ts +13 -0
- package/dist/types-native/utils/withDefaults.d.ts.map +1 -0
- package/dist/typography/Heading.js +2 -2
- package/dist/typography/Paragraph.js +2 -2
- package/dist/typography/Text.js +2 -2
- package/dist/user-avatar.js +7 -7
- package/dist/utility/InfiniteScroll.js +2 -2
- package/package.json +17 -1
- package/src/components/form/Checkbox/Checkbox.base.ts +36 -0
- package/src/components/form/Checkbox/Checkbox.helpers.ts +13 -13
- package/src/components/form/Checkbox/Checkbox.metrics.ts +73 -0
- package/src/components/form/Checkbox/Checkbox.native.tsx +246 -0
- package/src/components/form/Checkbox/Checkbox.tsx +34 -21
- package/src/components/form/Checkbox/Checkbox.types.native.ts +29 -0
- package/src/components/form/Checkbox/Checkbox.types.ts +12 -11
- package/src/components/form/Checkbox/NATIVE-NOTES.md +11 -0
- package/src/components/form/Checkbox/index.native.ts +8 -0
- package/src/components/form/Checkbox/index.ts +1 -1
- package/src/components/form/Input/Input.base.ts +84 -0
- package/src/components/form/Input/Input.helpers.ts +43 -0
- package/src/components/form/Input/Input.look.native.ts +246 -0
- package/src/components/form/Input/Input.metrics.ts +229 -0
- package/src/components/form/Input/Input.native.tsx +240 -0
- package/src/components/form/Input/Input.styles.ts +45 -51
- package/src/components/form/Input/Input.tsx +46 -42
- package/src/components/form/Input/Input.types.native.ts +29 -0
- package/src/components/form/Input/Input.types.ts +15 -17
- package/src/components/form/Input/NATIVE-NOTES.md +14 -0
- package/src/components/form/Input/index.native.ts +2 -0
- package/src/components/form/Input/index.ts +1 -1
- package/src/components/form/Select/NATIVE-NOTES.md +12 -0
- package/src/components/form/Select/Select.base.ts +78 -0
- package/src/components/form/Select/Select.helpers.ts +82 -0
- package/src/components/form/Select/Select.look.native.ts +99 -0
- package/src/components/form/Select/Select.metrics.ts +90 -0
- package/src/components/form/Select/Select.native.tsx +264 -0
- package/src/components/form/Select/Select.tsx +37 -25
- package/src/components/form/Select/Select.types.native.ts +30 -0
- package/src/components/form/Select/Select.types.ts +14 -51
- package/src/components/form/Select/index.native.ts +9 -0
- package/src/components/form/Select/index.ts +7 -1
- package/src/components/form/Switch/NATIVE-NOTES.md +12 -0
- package/src/components/form/Switch/Switch.base.ts +136 -0
- package/src/components/form/Switch/Switch.helpers.ts +61 -0
- package/src/components/form/Switch/Switch.look.native.ts +187 -0
- package/src/components/form/Switch/Switch.metrics.ts +191 -0
- package/src/components/form/Switch/Switch.native.tsx +360 -0
- package/src/components/form/Switch/Switch.parts.tsx +4 -4
- package/src/components/form/Switch/Switch.styles.ts +109 -147
- package/src/components/form/Switch/Switch.tsx +4 -2
- package/src/components/form/Switch/Switch.types.native.ts +34 -0
- package/src/components/form/Switch/Switch.types.ts +16 -117
- package/src/components/form/Switch/index.native.ts +8 -0
- package/src/components/form/Switch/index.ts +6 -1
- package/src/components/form/field-pulse.native.tsx +78 -0
- package/src/icons/glyphs.json +4 -0
- package/src/icons/paths.generated.ts +4 -0
- package/src/platform/aria.ts +72 -1
- package/src/platform/test-id.ts +13 -0
- package/src/tokens/field-edge.core.ts +87 -0
- package/src/tokens/field-edge.ts +10 -66
- package/dist/chunk-BJ3J6FTN.js.map +0 -1
- package/dist/chunk-FX5DY6VR.js.map +0 -1
- package/dist/chunk-JD364H3Y.js.map +0 -1
- package/dist/chunk-MLOWPVVW.js.map +0 -1
- package/dist/chunk-OQXOYHIV.js.map +0 -1
- package/dist/chunk-Q5EQC7NL.js.map +0 -1
- package/dist/chunk-QLWBQQW7.js.map +0 -1
- package/dist/chunk-RMSH2I3O.js.map +0 -1
- package/dist/chunk-TBWEIQUR.js +0 -263
- package/dist/chunk-TBWEIQUR.js.map +0 -1
- package/dist/chunk-VMNSGE2G.js.map +0 -1
- package/dist/chunk-VSLUFBMT.js.map +0 -1
- package/dist/native/chunks/chunk-4NK5ZQZ3.js +0 -10
- package/dist/native/chunks/chunk-4NK5ZQZ3.js.map +0 -1
- package/dist/native/chunks/chunk-M4DTJDWU.js.map +0 -1
- package/dist/native/chunks/chunk-Q52IDAF2.js.map +0 -1
- /package/dist/{chunk-2PCOC3PT.js.map → chunk-26Z7QWID.js.map} +0 -0
- /package/dist/{chunk-IJIT5HQP.js.map → chunk-2QFTAGDH.js.map} +0 -0
- /package/dist/{chunk-ENNW5SKT.js.map → chunk-2QLVUVVR.js.map} +0 -0
- /package/dist/{chunk-W3FAKT3D.js.map → chunk-2SWQ6HIK.js.map} +0 -0
- /package/dist/{chunk-7P2HZLEG.js.map → chunk-3UOHKHOT.js.map} +0 -0
- /package/dist/{chunk-URWGRPL7.js.map → chunk-3W7IEWEL.js.map} +0 -0
- /package/dist/{chunk-Z7JNCB5Q.js.map → chunk-426FTCMF.js.map} +0 -0
- /package/dist/{chunk-46UPILLK.js.map → chunk-4ETQRBZC.js.map} +0 -0
- /package/dist/{chunk-NQC6H7GY.js.map → chunk-4HYXEMBP.js.map} +0 -0
- /package/dist/{chunk-43NEBUV3.js.map → chunk-4K7FDVAB.js.map} +0 -0
- /package/dist/{chunk-LMJBINWN.js.map → chunk-4MLDWACO.js.map} +0 -0
- /package/dist/{chunk-GGE7Y53F.js.map → chunk-4TXIZ5WI.js.map} +0 -0
- /package/dist/{chunk-J6UFAMIC.js.map → chunk-5RQ7N63M.js.map} +0 -0
- /package/dist/{chunk-AVGTTWTE.js.map → chunk-65DLYC4S.js.map} +0 -0
- /package/dist/{chunk-B2A4DG77.js.map → chunk-6RGWDKUL.js.map} +0 -0
- /package/dist/{chunk-DCEMUZJQ.js.map → chunk-6WIDZGXE.js.map} +0 -0
- /package/dist/{chunk-R7MX5KPJ.js.map → chunk-6YLAVHV4.js.map} +0 -0
- /package/dist/{chunk-E27Y7FF2.js.map → chunk-6Z4H2Y77.js.map} +0 -0
- /package/dist/{chunk-PNYXXLPU.js.map → chunk-736HP6BL.js.map} +0 -0
- /package/dist/{chunk-C52BELLW.js.map → chunk-77F36LQQ.js.map} +0 -0
- /package/dist/{chunk-RXSGHPCR.js.map → chunk-7FOOLP5H.js.map} +0 -0
- /package/dist/{chunk-74OZ5KVR.js.map → chunk-7KTU6YMQ.js.map} +0 -0
- /package/dist/{chunk-X5D3PTWI.js.map → chunk-7MAOQIWA.js.map} +0 -0
- /package/dist/{chunk-5ZF3VASA.js.map → chunk-7ZH7ZB33.js.map} +0 -0
- /package/dist/{chunk-PQECNGDE.js.map → chunk-AGYGNNOM.js.map} +0 -0
- /package/dist/{chunk-PU3AAKRR.js.map → chunk-AJ6XEO4E.js.map} +0 -0
- /package/dist/{chunk-WX7VWW3W.js.map → chunk-B3BK2SNS.js.map} +0 -0
- /package/dist/{chunk-VJK5FBNK.js.map → chunk-B5PYBEXO.js.map} +0 -0
- /package/dist/{chunk-47UD6DZ4.js.map → chunk-BDVNAU2C.js.map} +0 -0
- /package/dist/{chunk-FGLV6BXQ.js.map → chunk-BEGWE5O4.js.map} +0 -0
- /package/dist/{chunk-6IUTT6BK.js.map → chunk-BEH4DN63.js.map} +0 -0
- /package/dist/{chunk-HKV4MQ2W.js.map → chunk-BLBOYCOV.js.map} +0 -0
- /package/dist/{chunk-24BUCMQA.js.map → chunk-BNNSO4MC.js.map} +0 -0
- /package/dist/{chunk-CZJLWCEG.js.map → chunk-BPYPUEM5.js.map} +0 -0
- /package/dist/{chunk-NHSMLVNC.js.map → chunk-BQQONDW5.js.map} +0 -0
- /package/dist/{chunk-DQHC5P64.js.map → chunk-BRSF5NRT.js.map} +0 -0
- /package/dist/{chunk-M7OHXNLF.js.map → chunk-CXVMD6FE.js.map} +0 -0
- /package/dist/{chunk-LYSSO6WC.js.map → chunk-CZPU5TW3.js.map} +0 -0
- /package/dist/{chunk-DOADQW7I.js.map → chunk-D4T646G4.js.map} +0 -0
- /package/dist/{chunk-2W4CIWTW.js.map → chunk-DBYFC6CF.js.map} +0 -0
- /package/dist/{chunk-76GZ55IC.js.map → chunk-DF2FFYZ7.js.map} +0 -0
- /package/dist/{chunk-BILE3A7F.js.map → chunk-DH75UNF3.js.map} +0 -0
- /package/dist/{chunk-6D5WEZ2L.js.map → chunk-FB36IHCE.js.map} +0 -0
- /package/dist/{chunk-OI3HOI74.js.map → chunk-FGUESLDX.js.map} +0 -0
- /package/dist/{chunk-PC5FFEIY.js.map → chunk-FINCVAAR.js.map} +0 -0
- /package/dist/{chunk-YK2PETUP.js.map → chunk-FRQ4HNGF.js.map} +0 -0
- /package/dist/{chunk-WO52KYSU.js.map → chunk-G2IPK2XE.js.map} +0 -0
- /package/dist/{chunk-E4FGKZID.js.map → chunk-GBNOYRLP.js.map} +0 -0
- /package/dist/{chunk-UNF65XZW.js.map → chunk-GBRKP5GZ.js.map} +0 -0
- /package/dist/{chunk-VLHGBFR6.js.map → chunk-GCXYCDOA.js.map} +0 -0
- /package/dist/{chunk-EX3PSZLV.js.map → chunk-GDEXYUPF.js.map} +0 -0
- /package/dist/{chunk-4N4ENTF7.js.map → chunk-GO4MVQGC.js.map} +0 -0
- /package/dist/{chunk-HDNK7BAX.js.map → chunk-GT7C6TSM.js.map} +0 -0
- /package/dist/{chunk-HBAPVB7T.js.map → chunk-HKKSZ7HG.js.map} +0 -0
- /package/dist/{chunk-3AOOI2NR.js.map → chunk-HR7YTBR7.js.map} +0 -0
- /package/dist/{chunk-AEGX66N7.js.map → chunk-I3MDKPGG.js.map} +0 -0
- /package/dist/{chunk-7BYFC2MR.js.map → chunk-I7HYGIEJ.js.map} +0 -0
- /package/dist/{chunk-D7FJ2GAD.js.map → chunk-IFNK5TPI.js.map} +0 -0
- /package/dist/{chunk-PODGTNXS.js.map → chunk-IH4RSRQA.js.map} +0 -0
- /package/dist/{chunk-UF27D35R.js.map → chunk-IIROZKW5.js.map} +0 -0
- /package/dist/{chunk-PUBPZOQJ.js.map → chunk-IPE5FFFD.js.map} +0 -0
- /package/dist/{chunk-37YPZHAG.js.map → chunk-JDMYD6QC.js.map} +0 -0
- /package/dist/{chunk-HSAH5QUQ.js.map → chunk-JIINGMEB.js.map} +0 -0
- /package/dist/{chunk-NRUYYGDZ.js.map → chunk-JXAYT6LX.js.map} +0 -0
- /package/dist/{chunk-ZBNTFWTG.js.map → chunk-KIHQE5YA.js.map} +0 -0
- /package/dist/{chunk-DVUPIVI2.js.map → chunk-KT6HWAEN.js.map} +0 -0
- /package/dist/{chunk-MY5VNNSP.js.map → chunk-MCRIT46W.js.map} +0 -0
- /package/dist/{chunk-6XPNJLXE.js.map → chunk-NARIG5FL.js.map} +0 -0
- /package/dist/{chunk-MBYO2F4Y.js.map → chunk-NUE774AN.js.map} +0 -0
- /package/dist/{chunk-ZEBJT5JZ.js.map → chunk-OCXCH2ZW.js.map} +0 -0
- /package/dist/{chunk-7TZ6OC5T.js.map → chunk-OH3YGJT5.js.map} +0 -0
- /package/dist/{chunk-SM3NRN7L.js.map → chunk-ON2CMKTI.js.map} +0 -0
- /package/dist/{chunk-VCTKJHXD.js.map → chunk-OOGEYCJH.js.map} +0 -0
- /package/dist/{chunk-J54WH74M.js.map → chunk-P6IPJYCS.js.map} +0 -0
- /package/dist/{chunk-23FCBIUN.js.map → chunk-P7FQUGED.js.map} +0 -0
- /package/dist/{chunk-THBT56JE.js.map → chunk-PANMJFDS.js.map} +0 -0
- /package/dist/{chunk-LZRURORY.js.map → chunk-PF5HDFYY.js.map} +0 -0
- /package/dist/{chunk-YVW7VPK4.js.map → chunk-PFLKPNBU.js.map} +0 -0
- /package/dist/{chunk-7EESF76V.js.map → chunk-PWXL3QQ6.js.map} +0 -0
- /package/dist/{chunk-7DNQHMDO.js.map → chunk-PXH24VIP.js.map} +0 -0
- /package/dist/{chunk-HBZIN6IQ.js.map → chunk-PZEC5CQA.js.map} +0 -0
- /package/dist/{chunk-LAHDFBDE.js.map → chunk-QFHH2NU5.js.map} +0 -0
- /package/dist/{chunk-GBB6XQ56.js.map → chunk-QGBMCB76.js.map} +0 -0
- /package/dist/{chunk-SOCKK67R.js.map → chunk-QRX5BYUQ.js.map} +0 -0
- /package/dist/{chunk-QZWKC3AP.js.map → chunk-QS7ZGRNS.js.map} +0 -0
- /package/dist/{chunk-IH4CX43Q.js.map → chunk-QZDBWXZG.js.map} +0 -0
- /package/dist/{chunk-PHCSPHDH.js.map → chunk-R6RVBYTU.js.map} +0 -0
- /package/dist/{chunk-KZSKI2R3.js.map → chunk-RPQ3W2C6.js.map} +0 -0
- /package/dist/{chunk-HEG7JIBM.js.map → chunk-RPWEXIAW.js.map} +0 -0
- /package/dist/{chunk-JB67KPGM.js.map → chunk-RRO2EOJB.js.map} +0 -0
- /package/dist/{chunk-BLT5ZBVL.js.map → chunk-RRX6ZTNX.js.map} +0 -0
- /package/dist/{chunk-7RZ4WOQW.js.map → chunk-RRZBATXK.js.map} +0 -0
- /package/dist/{chunk-7JWXLDRH.js.map → chunk-SAHQLXNN.js.map} +0 -0
- /package/dist/{chunk-LUMF63BM.js.map → chunk-SFAP5EH5.js.map} +0 -0
- /package/dist/{chunk-EGRFMPGD.js.map → chunk-SHDIZSN5.js.map} +0 -0
- /package/dist/{chunk-GJQYM3PM.js.map → chunk-SHQWIDD5.js.map} +0 -0
- /package/dist/{chunk-FCOEJCUP.js.map → chunk-TFO6GBW7.js.map} +0 -0
- /package/dist/{chunk-2ZDTGI5V.js.map → chunk-THZ2NAA4.js.map} +0 -0
- /package/dist/{chunk-VJFH2AXT.js.map → chunk-TP4N3X2Q.js.map} +0 -0
- /package/dist/{chunk-B7BZAIHL.js.map → chunk-TPIBJP4S.js.map} +0 -0
- /package/dist/{chunk-Q4NOI2CR.js.map → chunk-TVO5STZB.js.map} +0 -0
- /package/dist/{chunk-JB7JE4QZ.js.map → chunk-TZ4SFX3M.js.map} +0 -0
- /package/dist/{chunk-HEK4LQT6.js.map → chunk-UB76PBDF.js.map} +0 -0
- /package/dist/{chunk-NFAKRI4S.js.map → chunk-UEIVXFUC.js.map} +0 -0
- /package/dist/{chunk-DX527XPL.js.map → chunk-UOPQOBQZ.js.map} +0 -0
- /package/dist/{chunk-X24P3ZYW.js.map → chunk-V5P5Q6HM.js.map} +0 -0
- /package/dist/{chunk-7DBFEZRC.js.map → chunk-VIK3HAUQ.js.map} +0 -0
- /package/dist/{chunk-74EZ565M.js.map → chunk-VPHOSIPB.js.map} +0 -0
- /package/dist/{chunk-SX3V2DLV.js.map → chunk-VWBWKLXX.js.map} +0 -0
- /package/dist/{chunk-VEFDL77X.js.map → chunk-VWGR5XUP.js.map} +0 -0
- /package/dist/{chunk-SEH7KOVG.js.map → chunk-VXTYVJDK.js.map} +0 -0
- /package/dist/{chunk-QYNCPS5W.js.map → chunk-WBKWIFXA.js.map} +0 -0
- /package/dist/{chunk-YFHIESMD.js.map → chunk-WPZT2JD4.js.map} +0 -0
- /package/dist/{chunk-GSFNH4C5.js.map → chunk-WROCSDVL.js.map} +0 -0
- /package/dist/{chunk-QZBUGUOY.js.map → chunk-XEE7PLDR.js.map} +0 -0
- /package/dist/{chunk-Z4GWXTZV.js.map → chunk-XFU2S6XT.js.map} +0 -0
- /package/dist/{chunk-RQDN4BN5.js.map → chunk-XLJJ2ZAP.js.map} +0 -0
- /package/dist/{chunk-ACDYA5WC.js.map → chunk-XZTOIEKI.js.map} +0 -0
- /package/dist/{chunk-LKVIZNUM.js.map → chunk-Y46RBFBV.js.map} +0 -0
- /package/dist/{chunk-WBVHRLIS.js.map → chunk-YCCKY5VW.js.map} +0 -0
- /package/dist/{chunk-SKZHOWTS.js.map → chunk-YDI6IJ6F.js.map} +0 -0
- /package/dist/{chunk-V3SBJ3PB.js.map → chunk-Z5ABJLTM.js.map} +0 -0
- /package/dist/{chunk-KQ74QU55.js.map → chunk-Z6UEOSL7.js.map} +0 -0
- /package/dist/{chunk-G5ZVD5IJ.js.map → chunk-ZDWU52DJ.js.map} +0 -0
- /package/dist/{chunk-2EKALM6P.js.map → chunk-ZFPJBKVZ.js.map} +0 -0
- /package/dist/{chunk-FP4R47TM.js.map → chunk-ZGHIHEND.js.map} +0 -0
- /package/dist/{chunk-F2DOTCF3.js.map → chunk-ZKFYBC6G.js.map} +0 -0
- /package/dist/{chunk-4MGFUPQT.js.map → chunk-ZOUWHGV3.js.map} +0 -0
- /package/dist/{chunk-4WK2RTVY.js.map → chunk-ZXLIWOXC.js.map} +0 -0
- /package/dist/{chunk-UMDXGIRZ.js.map → chunk-ZZOOSKSV.js.map} +0 -0
- /package/dist/native/chunks/{chunk-EKKNUEA6.js.map → chunk-OGWPPQL4.js.map} +0 -0
- /package/dist/native/chunks/{chunk-UKCCYP52.js.map → chunk-RJVM5YDE.js.map} +0 -0
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import type { CheckboxVariant } from './Checkbox.base';
|
|
2
|
+
/**
|
|
3
|
+
* THE NUMBERS BOTH `Checkbox` RENDERERS DRAW WITH.
|
|
4
|
+
*
|
|
5
|
+
* `Checkbox.tsx` (web, emotion over MUI's `Checkbox`) and
|
|
6
|
+
* `Checkbox.native.tsx` (React Native) read this one table. As with the other
|
|
7
|
+
* fields, some of it is what the web writes itself — the two variants' corner
|
|
8
|
+
* treatment, the glow and pulse keyframes, the helper text's inset — and some
|
|
9
|
+
* is what MUI supplies underneath: `SwitchBase`'s 9px padding, `SvgIcon`'s
|
|
10
|
+
* three sizes, and the ink a box is drawn in.
|
|
11
|
+
*/
|
|
12
|
+
/** MUI's `SwitchBase`: 9px of padding around the glyph, at every size. */
|
|
13
|
+
export declare const CHECKBOX_PADDING = 9;
|
|
14
|
+
/** `SvgIcon`'s own three steps. MUI passes the `size` prop straight to the glyph. */
|
|
15
|
+
export declare const CHECKBOX_GLYPH_SIZES: {
|
|
16
|
+
readonly small: 20;
|
|
17
|
+
readonly medium: 24;
|
|
18
|
+
readonly large: 35;
|
|
19
|
+
};
|
|
20
|
+
export type CheckboxSize = keyof typeof CHECKBOX_GLYPH_SIZES;
|
|
21
|
+
export declare const glyphSize: (size: CheckboxSize | undefined) => number;
|
|
22
|
+
/**
|
|
23
|
+
* The three glyphs MUI draws, by state.
|
|
24
|
+
*
|
|
25
|
+
* `@12-apps/ui/icons` generates their paths from the same
|
|
26
|
+
* `@mui/icons-material` package MUI's own `Checkbox` imports them from, so the
|
|
27
|
+
* native box is the web box rather than a hand-drawn square.
|
|
28
|
+
*/
|
|
29
|
+
export declare const CHECKBOX_GLYPH: {
|
|
30
|
+
readonly checked: "CheckBox";
|
|
31
|
+
readonly unchecked: "CheckBoxOutlineBlank";
|
|
32
|
+
readonly indeterminate: "IndeterminateCheckBox";
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* The corner each variant gives the glyph's box.
|
|
36
|
+
*
|
|
37
|
+
* `rounded` is a circle and `toggle` a 12px radius at 1.2 scale — both applied
|
|
38
|
+
* to the SVG's own box on the web, where they show only through what the box
|
|
39
|
+
* clips. Native gives them the same radius and the same scale.
|
|
40
|
+
*/
|
|
41
|
+
export declare const CHECKBOX_VARIANT: Record<CheckboxVariant, {
|
|
42
|
+
radius?: number | string;
|
|
43
|
+
scale?: number;
|
|
44
|
+
}>;
|
|
45
|
+
/** The wash a hovered box takes, and the 0.3s every state change runs over. */
|
|
46
|
+
export declare const CHECKBOX_HOVER_ALPHA = 0.1;
|
|
47
|
+
export declare const CHECKBOX_TRANSITION_MS = 300;
|
|
48
|
+
/** `loading`: MUI's 20px `CircularProgress`, centred over the box. */
|
|
49
|
+
export declare const CHECKBOX_SPINNER: {
|
|
50
|
+
readonly size: 20;
|
|
51
|
+
readonly offset: -10;
|
|
52
|
+
};
|
|
53
|
+
/**
|
|
54
|
+
* `glow` and `pulse` are keyed to MUI's DEFAULT blue rather than the theme's
|
|
55
|
+
* primary — the web writes the rgba out by hand — so both renderers do.
|
|
56
|
+
*/
|
|
57
|
+
export declare const CHECKBOX_EFFECT_INK: {
|
|
58
|
+
readonly r: 25;
|
|
59
|
+
readonly g: 118;
|
|
60
|
+
readonly b: 210;
|
|
61
|
+
};
|
|
62
|
+
export declare const CHECKBOX_GLOW: {
|
|
63
|
+
readonly blur: {
|
|
64
|
+
readonly from: 5;
|
|
65
|
+
readonly to: 20;
|
|
66
|
+
};
|
|
67
|
+
readonly alpha: {
|
|
68
|
+
readonly from: 0.5;
|
|
69
|
+
readonly to: 0.8;
|
|
70
|
+
};
|
|
71
|
+
readonly ms: 2000;
|
|
72
|
+
};
|
|
73
|
+
export declare const CHECKBOX_PULSE: {
|
|
74
|
+
readonly spread: 10;
|
|
75
|
+
readonly alpha: 0.7;
|
|
76
|
+
readonly ms: 2000;
|
|
77
|
+
};
|
|
78
|
+
/** MUI's default blue at an alpha, as the web's keyframes spell it. */
|
|
79
|
+
export declare const effectInk: (alphaValue: number) => string;
|
|
80
|
+
/** `FormControlLabel`: flush left, its label at MUI's `body2` size. */
|
|
81
|
+
export declare const CHECKBOX_LABEL: {
|
|
82
|
+
readonly marginLeft: 0;
|
|
83
|
+
readonly fontSize: 14;
|
|
84
|
+
};
|
|
85
|
+
/** `FormHelperText`: four spacing units in, half a unit down. */
|
|
86
|
+
export declare const CHECKBOX_HELPER: {
|
|
87
|
+
readonly marginLeftUnits: 4;
|
|
88
|
+
readonly marginTopUnits: 0.5;
|
|
89
|
+
readonly fontSize: 12;
|
|
90
|
+
readonly lineHeight: 1.66;
|
|
91
|
+
};
|
|
92
|
+
//# sourceMappingURL=Checkbox.metrics.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/Checkbox.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD;;;;;;;;;GASG;AAEH,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,qFAAqF;AACrF,eAAO,MAAM,oBAAoB;;;;CAAgD,CAAC;AAClF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAE7D,eAAO,MAAM,SAAS,GAAI,MAAM,YAAY,GAAG,SAAS,KAAG,MACY,CAAC;AAExE;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,eAAe,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAIlG,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,sEAAsE;AACtE,eAAO,MAAM,gBAAgB;;;CAAqC,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;CAAqC,CAAC;AACtE,eAAO,MAAM,aAAa;;;;;;;;;;CAAkF,CAAC;AAC7G,eAAO,MAAM,cAAc;;;;CAAgD,CAAC;AAE5E,uEAAuE;AACvE,eAAO,MAAM,SAAS,GAAI,YAAY,MAAM,KAAG,MACsD,CAAC;AAEtG,uEAAuE;AACvE,eAAO,MAAM,cAAc;;;CAA2C,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,eAAe;;;;;CAAuF,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View, type GestureResponderEvent, type ViewStyle } from 'react-native';
|
|
3
|
+
/**
|
|
4
|
+
* The native `Checkbox`.
|
|
5
|
+
*
|
|
6
|
+
* The box is the glyph MUI's own `Checkbox` draws — `@12-apps/ui/icons`
|
|
7
|
+
* generates its path from the same `@mui/icons-material` — inside
|
|
8
|
+
* `SwitchBase`'s 9px of padding, under a pressable carrying `role="checkbox"`
|
|
9
|
+
* and `aria-checked`: the state the web's hidden `<input type="checkbox">`
|
|
10
|
+
* carries. See `NATIVE-NOTES.md`.
|
|
11
|
+
*/
|
|
12
|
+
export declare const Checkbox: React.ForwardRefExoticComponent<import("./Checkbox.base").CheckboxBaseProps & Omit<import("react-native").ViewProps, "style" | keyof import("./Checkbox.base").CheckboxBaseProps> & {
|
|
13
|
+
checked?: boolean;
|
|
14
|
+
defaultChecked?: boolean;
|
|
15
|
+
size?: import("./Checkbox.metrics").CheckboxSize;
|
|
16
|
+
onChange?: (event: import("./Checkbox.types.native").CheckboxChangeEvent, checked: boolean) => void;
|
|
17
|
+
onClick?: (event: GestureResponderEvent) => void;
|
|
18
|
+
onPress?: (event: GestureResponderEvent) => void;
|
|
19
|
+
style?: import("react-native").StyleProp<ViewStyle>;
|
|
20
|
+
} & React.RefAttributes<View>>;
|
|
21
|
+
//# sourceMappingURL=Checkbox.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/Checkbox.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,IAAI,EACJ,KAAK,qBAAqB,EAE1B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAkJtB;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ;;;;;;;;8BAyDnB,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { GestureResponderEvent, StyleProp, ViewProps, ViewStyle } from 'react-native';
|
|
2
|
+
import type { CheckboxBaseProps } from './Checkbox.base';
|
|
3
|
+
import type { CheckboxSize } from './Checkbox.metrics';
|
|
4
|
+
export type { CheckboxBaseProps, CheckboxVariant } from './Checkbox.base';
|
|
5
|
+
export type { CheckboxSize } from './Checkbox.metrics';
|
|
6
|
+
/**
|
|
7
|
+
* The change a native `Checkbox` reports: the `{ target: { checked } }` shape
|
|
8
|
+
* MUI's `ChangeEvent` gives, and the resolved flag second, as MUI passes it.
|
|
9
|
+
*/
|
|
10
|
+
export interface CheckboxChangeEvent {
|
|
11
|
+
target: {
|
|
12
|
+
checked: boolean;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
/** The native `Checkbox`: the shared contract, plus a `View`'s own props. */
|
|
16
|
+
export type CheckboxProps = CheckboxBaseProps & Omit<ViewProps, keyof CheckboxBaseProps | 'style'> & {
|
|
17
|
+
checked?: boolean;
|
|
18
|
+
defaultChecked?: boolean;
|
|
19
|
+
/** MUI's own words for the glyph's size, which is what this component takes. */
|
|
20
|
+
size?: CheckboxSize;
|
|
21
|
+
onChange?: (event: CheckboxChangeEvent, checked: boolean) => void;
|
|
22
|
+
/** Both spellings fire, as `Button`'s do. */
|
|
23
|
+
onClick?: (event: GestureResponderEvent) => void;
|
|
24
|
+
onPress?: (event: GestureResponderEvent) => void;
|
|
25
|
+
style?: StyleProp<ViewStyle>;
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=Checkbox.types.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/Checkbox.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC1E,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;CAC9B;AAED,6EAA6E;AAC7E,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,IAAI,CAAC,SAAS,EAAE,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gFAAgF;IAChF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClE,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,eAAe,GAChB,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import type { HTMLInputTypeAttribute, ReactNode } from 'react';
|
|
2
|
+
import type { SizeValue } from '../../../tokens/vocabulary';
|
|
3
|
+
/**
|
|
4
|
+
* THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
|
|
5
|
+
*
|
|
6
|
+
* No MUI and no react-native here on purpose: this file is in BOTH declaration
|
|
7
|
+
* outputs (`dist/types` and `dist/types-native`), and a native consumer has no
|
|
8
|
+
* `@mui/material` to resolve a type import against. See `Button.base.ts`.
|
|
9
|
+
*/
|
|
10
|
+
export type InputVariant = 'outlined' | 'filled' | 'glass' | 'underline' | 'gradient';
|
|
11
|
+
export type InputSize = SizeValue;
|
|
12
|
+
/**
|
|
13
|
+
* The contract both renderers honour.
|
|
14
|
+
*
|
|
15
|
+
* `value`, `defaultValue` and the handlers are NOT here. Their NAMES are the
|
|
16
|
+
* same on both sides, but a web `value` is `string | number | readonly
|
|
17
|
+
* string[]` and a native one is a `string`, so each side inherits its own from
|
|
18
|
+
* the element it wraps — the same rule `Button.base.ts` applies to `onClick`.
|
|
19
|
+
*
|
|
20
|
+
* `type` keeps the full `HTMLInputTypeAttribute` union rather than the seven
|
|
21
|
+
* kinds a native field can honour: narrowing it would reject the `type="date"`
|
|
22
|
+
* and `type="time"` call sites the web already has (FUT-729). A native `Input`
|
|
23
|
+
* maps `text`, `search`, `email`, `tel`, `url`, `number` and `password` onto
|
|
24
|
+
* the keyboard and secure-entry props and treats every other type as text.
|
|
25
|
+
*/
|
|
26
|
+
export interface InputBaseProps {
|
|
27
|
+
/** The visual variant of the field. */
|
|
28
|
+
variant?: InputVariant;
|
|
29
|
+
/** A step of the house size scale. */
|
|
30
|
+
size?: InputSize;
|
|
31
|
+
/** What the field collects; on native it picks the keyboard and secure entry. */
|
|
32
|
+
type?: HTMLInputTypeAttribute;
|
|
33
|
+
/** The label above (native) or inside (web) the field. */
|
|
34
|
+
label?: string;
|
|
35
|
+
placeholder?: string;
|
|
36
|
+
/** Paints the field, the label and the helper text in the danger hue. */
|
|
37
|
+
error?: boolean;
|
|
38
|
+
/** The line under the field: the error message, or a hint. */
|
|
39
|
+
helperText?: string;
|
|
40
|
+
/** Content before the value — an icon, a currency symbol. */
|
|
41
|
+
startAdornment?: ReactNode;
|
|
42
|
+
/** Content after the value. Replaced by the spinner while `loading`. */
|
|
43
|
+
endAdornment?: ReactNode;
|
|
44
|
+
/** Stretch to the width of the parent. Defaults to true, as MUI's does not. */
|
|
45
|
+
fullWidth?: boolean;
|
|
46
|
+
/** The label animates into the border rather than sitting over the field. */
|
|
47
|
+
floating?: boolean;
|
|
48
|
+
/** A halo of the primary hue around the field, stronger while focused. */
|
|
49
|
+
glow?: boolean;
|
|
50
|
+
/** A bar behind the field that pulses outward every two seconds. */
|
|
51
|
+
pulse?: boolean;
|
|
52
|
+
/** Fades the field, makes it inert and puts a spinner where the end adornment goes. */
|
|
53
|
+
loading?: boolean;
|
|
54
|
+
disabled?: boolean;
|
|
55
|
+
readOnly?: boolean;
|
|
56
|
+
required?: boolean;
|
|
57
|
+
autoFocus?: boolean;
|
|
58
|
+
maxLength?: number;
|
|
59
|
+
testID?: string;
|
|
60
|
+
dataTestId?: string;
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=Input.base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;AACtF,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC;AAElC;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,sCAAsC;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,iFAAiF;IACjF,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAE9B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,wEAAwE;IACxE,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { InputBaseProps } from './Input.base';
|
|
2
|
+
type InputDefaultedKeys = 'variant' | 'size' | 'error' | 'fullWidth' | 'floating' | 'glow' | 'pulse' | 'loading' | 'disabled' | 'required';
|
|
3
|
+
/**
|
|
4
|
+
* Generic over the renderer's own props, as `resolveButtonProps` is: the web
|
|
5
|
+
* and the native `Input` pass different handler and `value` types through, and
|
|
6
|
+
* both come back out untouched.
|
|
7
|
+
*/
|
|
8
|
+
export type ResolvedInputProps<P extends InputBaseProps> = P & Required<Pick<InputBaseProps, InputDefaultedKeys>>;
|
|
9
|
+
export declare const resolveInputProps: <P extends InputBaseProps>(props: P) => ResolvedInputProps<P>;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=Input.helpers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,KAAK,kBAAkB,GACnB,SAAS,GACT,MAAM,GACN,OAAO,GACP,WAAW,GACX,UAAU,GACV,MAAM,GACN,OAAO,GACP,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEf;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,cAAc,IAAI,CAAC,GAC1D,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,CAAC;AAoBrD,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,cAAc,EAAE,OAAO,CAAC,KAAG,kBAAkB,CAAC,CAAC,CACf,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import type { TextStyle, ViewStyle } from 'react-native';
|
|
2
|
+
import type { InputVariant } from './Input.base';
|
|
3
|
+
import type { UiTheme } from '../../../tokens/theme';
|
|
4
|
+
import type { SizeValue } from '../../../tokens/vocabulary';
|
|
5
|
+
/**
|
|
6
|
+
* WHAT A NATIVE `Input` PAINTS, AS ARITHMETIC.
|
|
7
|
+
*
|
|
8
|
+
* Kept out of `Input.native.tsx` so that file reads as structure — label, box,
|
|
9
|
+
* value, helper — and this one reads as the decisions: which border, how thick,
|
|
10
|
+
* what colour, and where the value sits inside it.
|
|
11
|
+
*/
|
|
12
|
+
export interface FieldState {
|
|
13
|
+
focused: boolean;
|
|
14
|
+
error: boolean;
|
|
15
|
+
disabled: boolean;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* How thick. Only the outline family thickens on focus (MUI's `borderWidth: 2`
|
|
19
|
+
* on `.Mui-focused .notchedOutline`); `glass` and `gradient` declare their own
|
|
20
|
+
* constant border and change only its colour.
|
|
21
|
+
*/
|
|
22
|
+
export declare function borderWidthFor(variant: InputVariant, focused: boolean): number;
|
|
23
|
+
/**
|
|
24
|
+
* The width the border takes out of the horizontal inset — 0 where the web's
|
|
25
|
+
* border adds to the box rather than floating over it. Exported because the
|
|
26
|
+
* `Select` draws the same box and has to place its arrow inside the same edge.
|
|
27
|
+
*/
|
|
28
|
+
export declare function horizontalBorderInset(variant: InputVariant, focused: boolean): number;
|
|
29
|
+
export interface FieldLook {
|
|
30
|
+
/** The row the border is drawn on: fill, edges, corners and horizontal inset. */
|
|
31
|
+
box: ViewStyle;
|
|
32
|
+
/** The `TextInput` itself: type, ink and the vertical inset. */
|
|
33
|
+
value: TextStyle;
|
|
34
|
+
placeholder: string;
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* The field, in absolute numbers.
|
|
38
|
+
*
|
|
39
|
+
* The horizontal inset sits on the ROW rather than on the `TextInput`, which is
|
|
40
|
+
* what MUI does the moment an adornment appears (`paddingLeft: 14` moves to the
|
|
41
|
+
* input root and the input's own goes to 0) — so one rule serves a field with
|
|
42
|
+
* adornments and one without.
|
|
43
|
+
*
|
|
44
|
+
* Where the web's border costs no height, the inset gives the border back its
|
|
45
|
+
* width, so the box is the height MUI draws (56px medium, 40px small) and the
|
|
46
|
+
* value does not shift by a pixel when the focused border thickens.
|
|
47
|
+
*/
|
|
48
|
+
export declare function fieldLook(theme: UiTheme, variant: InputVariant, size: SizeValue, state: FieldState): FieldLook;
|
|
49
|
+
/**
|
|
50
|
+
* The label's ink. MUI's `FormLabel` is `text.secondary`, the focus colour is
|
|
51
|
+
* the palette's `main`, and error and disabled are declared after it and win.
|
|
52
|
+
*/
|
|
53
|
+
export declare function labelStyle(theme: UiTheme, variant: InputVariant, size: SizeValue, state: FieldState): TextStyle;
|
|
54
|
+
/**
|
|
55
|
+
* `FormHelperText`: caption type, 3px below the field, inset 14px when
|
|
56
|
+
* contained — and 4px below at MUI's `small` density, which `INPUT_MUI_SIZE`
|
|
57
|
+
* selects for `xs` and `sm` (`FormHelperText.js`: `marginTop: 3`, then a
|
|
58
|
+
* `size: 'small'` variant raising it to 4).
|
|
59
|
+
*/
|
|
60
|
+
export declare function helperStyle(theme: UiTheme, variant: InputVariant, size: SizeValue, state: FieldState): TextStyle;
|
|
61
|
+
//# sourceMappingURL=Input.look.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAiBjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AA4BD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAI9E;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAGrF;AA4DD,MAAM,WAAW,SAAS;IACxB,iFAAiF;IACjF,GAAG,EAAE,SAAS,CAAC;IACf,gEAAgE;IAChE,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,GAChB,SAAS,CA8BX;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,GAAG,SAAS,CAkB/G;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,GAChB,SAAS,CAaX"}
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
import type { InputVariant } from './Input.base';
|
|
2
|
+
import type { UiTheme } from '../../../tokens/theme';
|
|
3
|
+
import { type SizeValue } from '../../../tokens/vocabulary';
|
|
4
|
+
/**
|
|
5
|
+
* THE NUMBERS BOTH `Input` RENDERERS DRAW WITH.
|
|
6
|
+
*
|
|
7
|
+
* `Input.styles.ts` (web, emotion over MUI's `TextField`) and
|
|
8
|
+
* `Input.native.tsx` (React Native) read this one table. The web turns the px
|
|
9
|
+
* into the padding shorthands and rem it has always emitted; native uses the
|
|
10
|
+
* numbers as they are.
|
|
11
|
+
*
|
|
12
|
+
* Two kinds of number live here, and the difference matters:
|
|
13
|
+
*
|
|
14
|
+
* - the ones `Input.styles.ts` writes itself — the size overrides, the glow,
|
|
15
|
+
* the pulse, the glass and gradient alphas, the filled wash;
|
|
16
|
+
* - the ones MUI supplies UNDER those overrides — `OutlinedInput`'s
|
|
17
|
+
* `16.5px 14px`, `InputBase`'s 23px line box, `FormHelperText`'s 3px lift.
|
|
18
|
+
* The web never writes them, but it draws them, so a native field that
|
|
19
|
+
* wants the same box has to know them. They are MUI 6.5's own values,
|
|
20
|
+
* copied with their source named; a host that re-themes MUI's components
|
|
21
|
+
* moves the web only, which the parity ledger records.
|
|
22
|
+
*/
|
|
23
|
+
export interface InputInset {
|
|
24
|
+
top: number;
|
|
25
|
+
right: number;
|
|
26
|
+
bottom: number;
|
|
27
|
+
left: number;
|
|
28
|
+
}
|
|
29
|
+
/** MUI gives a text field two heights; the house scale has five. */
|
|
30
|
+
export type MuiInputSize = 'small' | 'medium';
|
|
31
|
+
export type MuiInputVariant = 'outlined' | 'filled' | 'standard';
|
|
32
|
+
/** Our five variants map onto MUI's three; `glass` and `gradient` restyle an outline. */
|
|
33
|
+
export declare const muiVariantFor: (variant: InputVariant) => MuiInputVariant;
|
|
34
|
+
/** Which of MUI's two heights each step of the house scale asks for. */
|
|
35
|
+
export declare const INPUT_MUI_SIZE: Record<SizeValue, MuiInputSize>;
|
|
36
|
+
/**
|
|
37
|
+
* The three steps MUI has no height for, as `padding` on the input itself.
|
|
38
|
+
*
|
|
39
|
+
* `sm` and `md` are absent on purpose — they ARE MUI's two heights, so they
|
|
40
|
+
* fall through to {@link MUI_INPUT_PADDING} below rather than restating it.
|
|
41
|
+
* (`lg`'s 16px is a hair under `md`'s 16.5px: the override is a round number
|
|
42
|
+
* where MUI's is derived from a 56px box. Kept as written — this table is what
|
|
43
|
+
* the web draws, not what it ought to draw.)
|
|
44
|
+
*/
|
|
45
|
+
export declare const INPUT_SIZE_OVERRIDES: Partial<Record<SizeValue, {
|
|
46
|
+
vertical: number;
|
|
47
|
+
horizontal: number;
|
|
48
|
+
}>>;
|
|
49
|
+
/**
|
|
50
|
+
* MUI's own input padding per variant and height (`OutlinedInput`,
|
|
51
|
+
* `FilledInput`, `InputBase`). The filled insets are lopsided because the
|
|
52
|
+
* floating label sits inside the box on the web.
|
|
53
|
+
*/
|
|
54
|
+
export declare const MUI_INPUT_PADDING: Record<MuiInputVariant, Record<MuiInputSize, InputInset>>;
|
|
55
|
+
/** The inset the value is drawn at: the size override where there is one, MUI's otherwise. */
|
|
56
|
+
export declare function inputPadding(variant: InputVariant, size: SizeValue): InputInset;
|
|
57
|
+
/** `theme.typography.body1` and `InputBase`'s `lineHeight: '1.4375em'`, in px. */
|
|
58
|
+
export declare const INPUT_FONT_SIZE = 16;
|
|
59
|
+
export declare const INPUT_LINE_HEIGHT = 23;
|
|
60
|
+
/** MUI's `::placeholder` opacity, which multiplies the ink's own alpha. */
|
|
61
|
+
export declare const PLACEHOLDER_OPACITY: {
|
|
62
|
+
readonly light: 0.42;
|
|
63
|
+
readonly dark: 0.5;
|
|
64
|
+
};
|
|
65
|
+
/**
|
|
66
|
+
* The placeholder's colour: the field's ink faded by MUI's opacity.
|
|
67
|
+
*
|
|
68
|
+
* `alpha()` REPLACES an alpha channel, and `text.primary` already carries one
|
|
69
|
+
* (`rgba(0, 0, 0, 0.87)`), so `alpha(ink, 0.42)` would be a different grey from
|
|
70
|
+
* the one the browser composites. React Native has no per-placeholder opacity —
|
|
71
|
+
* only `placeholderTextColor` — so the multiplication happens here.
|
|
72
|
+
*/
|
|
73
|
+
export declare function placeholderInk(theme: UiTheme): string;
|
|
74
|
+
/** The outline: 1px at rest, 2px focused, as MUI's `notchedOutline` draws it. */
|
|
75
|
+
export declare const INPUT_BORDER: {
|
|
76
|
+
readonly rest: 1;
|
|
77
|
+
readonly focused: 2;
|
|
78
|
+
};
|
|
79
|
+
/** `FilledInput`'s and `Input`'s resting underline, MUI's own two greys. */
|
|
80
|
+
export declare const UNDERLINE_COLOR: {
|
|
81
|
+
readonly light: "rgba(0, 0, 0, 0.42)";
|
|
82
|
+
readonly dark: "rgba(255, 255, 255, 0.7)";
|
|
83
|
+
};
|
|
84
|
+
/**
|
|
85
|
+
* The label. It floats into the border on the web and sits above the field on
|
|
86
|
+
* native, but it is the SAME label: 16px body type at MUI's shrunk scale, and
|
|
87
|
+
* left-aligned with the value it names ({@link inputPadding}'s `left`).
|
|
88
|
+
*
|
|
89
|
+
* The 4px gap is MUI's own: a standard field puts 16px between the control's
|
|
90
|
+
* top and the input, and the shrunk label's 12px line box takes the first 12.
|
|
91
|
+
*/
|
|
92
|
+
export declare const INPUT_LABEL: {
|
|
93
|
+
readonly scale: 0.75;
|
|
94
|
+
readonly gap: 4;
|
|
95
|
+
};
|
|
96
|
+
/** `FormHelperText`: `theme.typography.caption` lifted 3px, inset 14px when contained. */
|
|
97
|
+
export declare const HELPER_TEXT: {
|
|
98
|
+
readonly fontSize: 12;
|
|
99
|
+
readonly lineHeight: 1.66;
|
|
100
|
+
readonly marginTop: 3;
|
|
101
|
+
readonly marginTopSmall: 4;
|
|
102
|
+
readonly marginHorizontal: 14;
|
|
103
|
+
};
|
|
104
|
+
/** `InputAdornment`: 8px between the glyph and the value, on whichever side it is. */
|
|
105
|
+
export declare const ADORNMENT_GAP = 8;
|
|
106
|
+
/** `loading`: the field fades and MUI's 20px `CircularProgress` takes the end slot. */
|
|
107
|
+
export declare const INPUT_LOADING: {
|
|
108
|
+
readonly opacity: 0.7;
|
|
109
|
+
readonly spinnerSize: 20;
|
|
110
|
+
};
|
|
111
|
+
/** `glow`: a halo of the primary hue, wider and stronger while focused. */
|
|
112
|
+
export declare const INPUT_GLOW: {
|
|
113
|
+
readonly rest: {
|
|
114
|
+
readonly blur: 15;
|
|
115
|
+
readonly alpha: 0.3;
|
|
116
|
+
};
|
|
117
|
+
readonly focused: {
|
|
118
|
+
readonly blur: 20;
|
|
119
|
+
readonly alpha: 0.5;
|
|
120
|
+
};
|
|
121
|
+
};
|
|
122
|
+
/** `pulse`: a 56px bar behind the field, fading outward every two seconds. */
|
|
123
|
+
export declare const INPUT_PULSE: {
|
|
124
|
+
readonly height: 56;
|
|
125
|
+
readonly radiusUnits: 0.5;
|
|
126
|
+
readonly opacity: 0.3;
|
|
127
|
+
readonly ms: 2000;
|
|
128
|
+
readonly spread: 10;
|
|
129
|
+
};
|
|
130
|
+
/** `floating`: where the label rests and where it shrinks to, on the web. */
|
|
131
|
+
export declare const FLOATING_LABEL: {
|
|
132
|
+
readonly rest: {
|
|
133
|
+
readonly x: 14;
|
|
134
|
+
readonly y: 16;
|
|
135
|
+
};
|
|
136
|
+
readonly shrink: {
|
|
137
|
+
readonly x: 14;
|
|
138
|
+
readonly y: -9;
|
|
139
|
+
};
|
|
140
|
+
readonly scale: 0.75;
|
|
141
|
+
readonly paddingX: 4;
|
|
142
|
+
};
|
|
143
|
+
/** `glass`: a wash of paper under a blur, brighter as the field is engaged. */
|
|
144
|
+
export declare const INPUT_GLASS: {
|
|
145
|
+
readonly background: {
|
|
146
|
+
readonly rest: 0.1;
|
|
147
|
+
readonly hover: 0.15;
|
|
148
|
+
readonly focused: 0.2;
|
|
149
|
+
};
|
|
150
|
+
readonly blur: 20;
|
|
151
|
+
readonly hoverBorderAlpha: 0.3;
|
|
152
|
+
readonly focusRing: {
|
|
153
|
+
readonly width: 2;
|
|
154
|
+
readonly alpha: 0.1;
|
|
155
|
+
};
|
|
156
|
+
};
|
|
157
|
+
/** `gradient`: a 135° fill between the two brand hues, inside a 2px masked ring. */
|
|
158
|
+
export declare const INPUT_GRADIENT: {
|
|
159
|
+
readonly angleDeg: 135;
|
|
160
|
+
readonly fill: {
|
|
161
|
+
readonly rest: 0.1;
|
|
162
|
+
readonly hover: 0.15;
|
|
163
|
+
readonly focused: 0.2;
|
|
164
|
+
};
|
|
165
|
+
readonly borderWidth: 2;
|
|
166
|
+
};
|
|
167
|
+
/** `filled`: MUI's own grey replaced by a wash of `action.hover`. */
|
|
168
|
+
export declare const FILLED_WASH: {
|
|
169
|
+
readonly rest: 0.04;
|
|
170
|
+
readonly hover: 0.08;
|
|
171
|
+
readonly focused: 0.12;
|
|
172
|
+
};
|
|
173
|
+
/**
|
|
174
|
+
* The `sx` the web spreads onto the `TextField` for a size: MUI's height, plus
|
|
175
|
+
* the input padding for the three steps MUI has no height for.
|
|
176
|
+
*/
|
|
177
|
+
export interface InputSizeProps {
|
|
178
|
+
size: MuiInputSize;
|
|
179
|
+
sx?: {
|
|
180
|
+
'& .MuiInputBase-input': {
|
|
181
|
+
padding: string;
|
|
182
|
+
};
|
|
183
|
+
};
|
|
184
|
+
}
|
|
185
|
+
export declare const SIZE_MAP: Record<SizeValue, InputSizeProps>;
|
|
186
|
+
//# sourceMappingURL=Input.metrics.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEzE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,oEAAoE;AACpE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjE,yFAAyF;AACzF,eAAO,MAAM,aAAa,GAAI,SAAS,YAAY,KAAG,eAUrD,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,CAM1D,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC,CAIrG,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAavF,CAAC;AAEF,8FAA8F;AAC9F,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,GAAG,UAAU,CAW/E;AAED,kFAAkF;AAClF,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,2EAA2E;AAC3E,eAAO,MAAM,mBAAmB;;;CAAsC,CAAC;AAEvE;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAQrD;AAED,iFAAiF;AACjF,eAAO,MAAM,YAAY;;;CAAmC,CAAC;AAE7D,4EAA4E;AAC5E,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW;;;CAAmC,CAAC;AAE5D,0FAA0F;AAC1F,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,sFAAsF;AACtF,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,uFAAuF;AACvF,eAAO,MAAM,aAAa;;;CAA6C,CAAC;AAExE,2EAA2E;AAC3E,eAAO,MAAM,UAAU;;;;;;;;;CAGb,CAAC;AAEX,8EAA8E;AAC9E,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,6EAA6E;AAC7E,eAAO,MAAM,cAAc;;;;;;;;;;;CAKjB,CAAC;AAEX,+EAA+E;AAC/E,eAAO,MAAM,WAAW;;;;;;;;;;;;CAKd,CAAC;AAEX,oFAAoF;AACpF,eAAO,MAAM,cAAc;;;;;;;;CAIjB,CAAC;AAEX,qEAAqE;AACrE,eAAO,MAAM,WAAW;;;;CAAsD,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB,EAAE,CAAC,EAAE;QAAE,uBAAuB,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;CACvD;AAYD,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,SAAS,EAAE,cAAc,CAEjB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TextInput as RNTextInput, type GestureResponderEvent, type InputModeOptions, type StyleProp, type TextInputProps as RNTextInputProps, type TextStyle, type ViewStyle } from 'react-native';
|
|
3
|
+
export declare function typeProps(type: string | undefined): {
|
|
4
|
+
inputMode?: InputModeOptions;
|
|
5
|
+
secureTextEntry?: boolean;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* The native `Input`.
|
|
9
|
+
*
|
|
10
|
+
* The label sits ABOVE the field rather than floating into a notch in its
|
|
11
|
+
* border, because React Native cannot cut a notch in a border — see
|
|
12
|
+
* `NATIVE-NOTES.md`. Everything else is the web field's arithmetic:
|
|
13
|
+
* `Input.look.native.ts` decides the paint, `Input.metrics.ts` holds the
|
|
14
|
+
* numbers, and both renderers read the same table.
|
|
15
|
+
*/
|
|
16
|
+
export declare const Input: React.ForwardRefExoticComponent<import("./Input.base").InputBaseProps & Omit<RNTextInputProps, "style" | keyof import("./Input.base").InputBaseProps> & {
|
|
17
|
+
onClick?: (event: GestureResponderEvent) => void;
|
|
18
|
+
onPress?: (event: GestureResponderEvent) => void;
|
|
19
|
+
style?: StyleProp<ViewStyle>;
|
|
20
|
+
inputStyle?: StyleProp<TextStyle>;
|
|
21
|
+
} & React.RefAttributes<RNTextInput>>;
|
|
22
|
+
//# sourceMappingURL=Input.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,IAAI,WAAW,EAExB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,cAAc,IAAI,gBAAgB,EACvC,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AA4BtB,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG;IACnD,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAIA;AA6FD;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK;;;;;qCAkEhB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { GestureResponderEvent, StyleProp, TextInputProps as RNTextInputProps, TextStyle, ViewStyle } from 'react-native';
|
|
2
|
+
import type { InputBaseProps } from './Input.base';
|
|
3
|
+
export type { InputBaseProps, InputSize, InputVariant } from './Input.base';
|
|
4
|
+
/**
|
|
5
|
+
* The native `Input`: the shared contract, plus a react-native `TextInput`'s
|
|
6
|
+
* own props — `value`, `onChangeText`, `keyboardType`, `selection` and the
|
|
7
|
+
* rest — where the contract does not already name them.
|
|
8
|
+
*
|
|
9
|
+
* `onClick` keeps its web name so a shared screen does not have to know which
|
|
10
|
+
* renderer it is on, and `onPress` is accepted too; both fire when the field is
|
|
11
|
+
* pressed. `style` reaches the box the border is drawn on, which is what `sx`
|
|
12
|
+
* dresses on the web; `inputStyle` reaches the `TextInput` inside it.
|
|
13
|
+
*/
|
|
14
|
+
export type InputProps = InputBaseProps & Omit<RNTextInputProps, keyof InputBaseProps | 'style'> & {
|
|
15
|
+
onClick?: (event: GestureResponderEvent) => void;
|
|
16
|
+
onPress?: (event: GestureResponderEvent) => void;
|
|
17
|
+
style?: StyleProp<ViewStyle>;
|
|
18
|
+
inputStyle?: StyleProp<TextStyle>;
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=Input.types.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,SAAS,EACT,cAAc,IAAI,gBAAgB,EAClC,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5E;;;;;;;;;GASG;AACH,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,IAAI,CAAC,gBAAgB,EAAE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import type { SizeValue } from '../../../tokens/vocabulary';
|
|
2
|
+
/**
|
|
3
|
+
* THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
|
|
4
|
+
*
|
|
5
|
+
* No MUI and no react-native here: this file is in BOTH declaration outputs,
|
|
6
|
+
* and a native consumer has no `@mui/material` to resolve a type import
|
|
7
|
+
* against. See `Button.base.ts`.
|
|
8
|
+
*/
|
|
9
|
+
export type SelectVariant = 'default' | 'glass' | 'gradient';
|
|
10
|
+
/** What a value can be. The DOM stringifies either, so the two are compared as strings. */
|
|
11
|
+
export type SelectValue = string | number;
|
|
12
|
+
export interface SelectOption {
|
|
13
|
+
value: SelectValue;
|
|
14
|
+
label: string;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* The contract both renderers honour.
|
|
19
|
+
*
|
|
20
|
+
* `value`, `defaultValue` and `onChange` are NOT here: MUI types the value as
|
|
21
|
+
* `unknown` and the change as its own `SelectChangeEvent`, while the native
|
|
22
|
+
* side takes a `SelectValue` and synthesises the `{ target: { value } }` shape
|
|
23
|
+
* the web handlers already read.
|
|
24
|
+
*/
|
|
25
|
+
export interface SelectBaseProps {
|
|
26
|
+
/**
|
|
27
|
+
* Visual variant of the select component
|
|
28
|
+
* @default 'default'
|
|
29
|
+
*/
|
|
30
|
+
variant?: SelectVariant;
|
|
31
|
+
/**
|
|
32
|
+
* Array of options to display in the select
|
|
33
|
+
*/
|
|
34
|
+
options: SelectOption[];
|
|
35
|
+
/**
|
|
36
|
+
* Label for the select field
|
|
37
|
+
*/
|
|
38
|
+
label?: string;
|
|
39
|
+
/**
|
|
40
|
+
* Helper text to display below the select
|
|
41
|
+
*/
|
|
42
|
+
helperText?: string;
|
|
43
|
+
/**
|
|
44
|
+
* Whether the select should take full width
|
|
45
|
+
* @default true
|
|
46
|
+
*/
|
|
47
|
+
fullWidth?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Size of the select component
|
|
50
|
+
* @default 'medium'
|
|
51
|
+
*/
|
|
52
|
+
size?: SizeValue;
|
|
53
|
+
/**
|
|
54
|
+
* Placeholder text when no option is selected
|
|
55
|
+
*/
|
|
56
|
+
placeholder?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Paints the field, the label and the helper text in the danger hue
|
|
59
|
+
*/
|
|
60
|
+
error?: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Whether to show a glow effect
|
|
63
|
+
* @default false
|
|
64
|
+
*/
|
|
65
|
+
glow?: boolean;
|
|
66
|
+
/**
|
|
67
|
+
* Whether to show a pulse animation
|
|
68
|
+
* @default false
|
|
69
|
+
*/
|
|
70
|
+
pulse?: boolean;
|
|
71
|
+
disabled?: boolean;
|
|
72
|
+
testID?: string;
|
|
73
|
+
dataTestId?: string;
|
|
74
|
+
}
|
|
75
|
+
//# sourceMappingURL=Select.base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE7D,2FAA2F;AAC3F,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;OAEG;IACH,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
|