@apollion-dsi/core 7.5.0 → 7.7.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/README.md +6 -6
- package/lib/chunks/{Dropdown.floating-BZADQ5AX.esm.js → Dropdown.floating-LUGBBHPK.esm.js} +1 -1
- package/lib/chunks/Notification.group-4D3CNTGF.esm.js +1 -0
- package/lib/chunks/{Tooltip.floating-LDFMVRIA.esm.js → Tooltip.floating-X5XZSZ2I.esm.js} +1 -1
- package/lib/chunks/chunk-24CF72TV.esm.js +1 -0
- package/lib/chunks/{chunk-U3GZABRG.esm.js → chunk-2E56GHZG.esm.js} +1 -1
- package/lib/chunks/{chunk-UAXSZ3UE.esm.js → chunk-2Z3UZIWZ.esm.js} +1 -1
- package/lib/chunks/chunk-3HZLT4FV.esm.js +5 -0
- package/lib/chunks/{chunk-MTJOR4UX.esm.js → chunk-3NQ3E6K6.esm.js} +1 -1
- package/lib/chunks/{chunk-TF3JNXQO.esm.js → chunk-3R2MJA2X.esm.js} +1 -1
- package/lib/chunks/chunk-47UE4K3O.esm.js +1 -0
- package/lib/chunks/{chunk-LA7VVT23.esm.js → chunk-4MBDLRIT.esm.js} +1 -1
- package/lib/chunks/{chunk-BKMH5ZKN.esm.js → chunk-4XCYWJYX.esm.js} +1 -1
- package/lib/chunks/{chunk-WCJC5AG7.esm.js → chunk-4XKKIEQL.esm.js} +1 -1
- package/lib/chunks/{chunk-VYHY4SSS.esm.js → chunk-52EZIGKB.esm.js} +1 -1
- package/lib/chunks/chunk-536CYSLZ.esm.js +1 -0
- package/lib/chunks/chunk-64VNULOI.esm.js +1 -0
- package/lib/chunks/chunk-6HPOOHYI.esm.js +1 -0
- package/lib/chunks/chunk-6PIT5MY3.esm.js +34 -0
- package/lib/chunks/chunk-74AODEHL.esm.js +1 -0
- package/lib/chunks/{chunk-VR23WM3F.esm.js → chunk-7ATA5LLY.esm.js} +1 -1
- package/lib/chunks/{chunk-ITSDQBLF.esm.js → chunk-7MX2FUN4.esm.js} +1 -1
- package/lib/chunks/{chunk-46CG3ZZX.esm.js → chunk-7PPAEO52.esm.js} +1 -1
- package/lib/chunks/chunk-7PZTYH4G.esm.js +1 -0
- package/lib/chunks/chunk-7QZAWMWZ.esm.js +1 -0
- package/lib/chunks/{chunk-M4EIGJZZ.esm.js → chunk-7YXP5WUW.esm.js} +1 -1
- package/lib/chunks/{chunk-Z23O3NNN.esm.js → chunk-A4A5GN53.esm.js} +1 -1
- package/lib/chunks/chunk-AULAOFBW.esm.js +1 -0
- package/lib/chunks/{chunk-LN65BGR5.esm.js → chunk-AWOVVB76.esm.js} +1 -1
- package/lib/chunks/chunk-BTO37XLJ.esm.js +1 -0
- package/lib/chunks/{chunk-WDGATQZG.esm.js → chunk-BTPOCQ2L.esm.js} +1 -1
- package/lib/chunks/chunk-CHX7ZWCF.esm.js +1 -0
- package/lib/chunks/{chunk-Q3XFSLPE.esm.js → chunk-COFDJE74.esm.js} +1 -1
- package/lib/chunks/{chunk-KW62FBMI.esm.js → chunk-CSBTMK6G.esm.js} +1 -1
- package/lib/chunks/chunk-CTNDAXMO.esm.js +1 -0
- package/lib/chunks/{chunk-W4NSHFN4.esm.js → chunk-D6OVUFOQ.esm.js} +1 -1
- package/lib/chunks/{chunk-XSULIEOF.esm.js → chunk-D75HJH24.esm.js} +1 -1
- package/lib/chunks/chunk-DVMAC4Z4.esm.js +1 -0
- package/lib/chunks/{chunk-J4VMAQM3.esm.js → chunk-EEPJZ62X.esm.js} +1 -1
- package/lib/chunks/{chunk-EYAGAJRL.esm.js → chunk-EU4FKCQL.esm.js} +1 -1
- package/lib/chunks/{chunk-TWZWNWBQ.esm.js → chunk-EXZZEN2U.esm.js} +1 -1
- package/lib/chunks/{chunk-ZDB7ECI3.esm.js → chunk-FMNMEPTI.esm.js} +1 -1
- package/lib/chunks/chunk-FOHV4WEQ.esm.js +1 -0
- package/lib/chunks/{chunk-HTYWYOZQ.esm.js → chunk-FOWO4QTS.esm.js} +1 -1
- package/lib/chunks/{chunk-3VZTMO2Z.esm.js → chunk-HG55HD7C.esm.js} +1 -1
- package/lib/chunks/chunk-HJVFE7FQ.esm.js +1 -0
- package/lib/chunks/{chunk-KE4YU2FM.esm.js → chunk-HQG2TBRB.esm.js} +1 -1
- package/lib/chunks/{chunk-VFCCRDG4.esm.js → chunk-HZZBNAF4.esm.js} +1 -1
- package/lib/chunks/{chunk-YBKS2HAY.esm.js → chunk-IN2WB2ZK.esm.js} +1 -1
- package/lib/chunks/{chunk-JNV3RCLH.esm.js → chunk-IXYOWFP7.esm.js} +1 -1
- package/lib/chunks/chunk-JNK7ZSEU.esm.js +9 -0
- package/lib/chunks/chunk-K2QIMPT3.esm.js +1 -0
- package/lib/chunks/chunk-KXU5DIBH.esm.js +1 -0
- package/lib/chunks/chunk-LB4UJSH7.esm.js +1 -0
- package/lib/chunks/chunk-LSLBDF5M.esm.js +1 -0
- package/lib/chunks/{chunk-4MZWYLJH.esm.js → chunk-LUVBIWXK.esm.js} +1 -1
- package/lib/chunks/chunk-MPOW55EU.esm.js +1 -0
- package/lib/chunks/{chunk-CPQPRAAV.esm.js → chunk-PB6W2IE3.esm.js} +1 -1
- package/lib/chunks/chunk-PCQQ762I.esm.js +1 -0
- package/lib/chunks/chunk-PIZ5RV6D.esm.js +1 -0
- package/lib/chunks/chunk-PPV6A2DH.esm.js +1 -0
- package/lib/chunks/{chunk-4KW43QHY.esm.js → chunk-Q3FUXFD5.esm.js} +1 -1
- package/lib/chunks/{chunk-Q2PMRBCL.esm.js → chunk-QEB4VTKV.esm.js} +1 -1
- package/lib/chunks/chunk-QZYG7DTG.esm.js +1 -0
- package/lib/chunks/{chunk-PB7O2NHF.esm.js → chunk-RIDQQLK7.esm.js} +1 -1
- package/lib/chunks/chunk-RQZ3NB7A.esm.js +1 -0
- package/lib/chunks/{chunk-IFSAA4OC.esm.js → chunk-S5ONND5F.esm.js} +1 -1
- package/lib/chunks/{chunk-P3XOIBAC.esm.js → chunk-SRBIATLE.esm.js} +1 -1
- package/lib/chunks/{chunk-JVJJNNK3.esm.js → chunk-SVPEVGOA.esm.js} +1 -1
- package/lib/chunks/chunk-TQMP7PZI.esm.js +1 -0
- package/lib/chunks/chunk-TVJXEJLN.esm.js +1 -0
- package/lib/chunks/chunk-U3CY4REV.esm.js +1 -0
- package/lib/chunks/{chunk-V2GA7W66.esm.js → chunk-UKMNA2P3.esm.js} +1 -1
- package/lib/chunks/{chunk-OC7CKHRF.esm.js → chunk-UPJVBBBN.esm.js} +1 -1
- package/lib/chunks/chunk-URD3VE47.esm.js +34 -0
- package/lib/chunks/{chunk-7PHMFL32.esm.js → chunk-URGL4O5W.esm.js} +1 -1
- package/lib/chunks/{chunk-BZNSA3AA.esm.js → chunk-UXUJNLR7.esm.js} +1 -1
- package/lib/chunks/{chunk-VFM3QFOU.esm.js → chunk-WLFYIXN6.esm.js} +1 -1
- package/lib/chunks/{chunk-PRQOVSM6.esm.js → chunk-XAXIQDFB.esm.js} +1 -1
- package/lib/chunks/{chunk-KXRGSB6P.esm.js → chunk-XR763B4T.esm.js} +1 -1
- package/lib/chunks/{chunk-A77KMXEI.esm.js → chunk-XUJF6HTG.esm.js} +1 -1
- package/lib/chunks/{chunk-H5EZPFXA.esm.js → chunk-YPEM3MWB.esm.js} +1 -1
- package/lib/chunks/chunk-ZOO4TDFX.esm.js +1 -0
- package/lib/chunks/chunk-ZRYB2F7G.esm.js +1 -0
- package/lib/chunks/{chunk-G5L6INCM.esm.js → chunk-ZVL3UZ6R.esm.js} +1 -1
- package/lib/chunks/chunk-ZZ5EX7HG.esm.js +1 -0
- package/lib/containers/Base/Base.style.d.ts +16 -1
- package/lib/containers/Base/index.d.ts +1 -1
- package/lib/containers/Base/index.esm.js +1 -1
- package/lib/containers/Box/Box.interface.d.ts +12 -0
- package/lib/containers/Box/Box.style.d.ts +26 -9
- package/lib/containers/Box/index.esm.js +1 -1
- package/lib/containers/Card/Card.interface.d.ts +12 -1
- package/lib/containers/Card/Card.style.d.ts +52 -12
- package/lib/containers/Card/index.esm.js +1 -1
- package/lib/containers/Content/index.esm.js +1 -1
- package/lib/containers/Flex/Flex.interface.d.ts +3 -0
- package/lib/containers/Flex/Flex.style.d.ts +19 -8
- package/lib/containers/Flex/index.esm.js +1 -1
- package/lib/containers/Grid/Grid.interface.d.ts +51 -4
- package/lib/containers/Grid/Grid.style.d.ts +39 -7
- package/lib/containers/Grid/index.esm.js +1 -1
- package/lib/containers/Notification/Notification.style.d.ts +36 -12
- package/lib/containers/Notification/index.esm.js +1 -1
- package/lib/containers/Paper/Paper.interface.d.ts +13 -2
- package/lib/containers/Paper/Paper.style.d.ts +6 -2
- package/lib/containers/Paper/index.esm.js +1 -1
- package/lib/containers/Scroll/Scroll.d.ts +13 -12
- package/lib/containers/Scroll/Scroll.interface.d.ts +40 -4
- package/lib/containers/Scroll/Scroll.style.d.ts +33 -28
- package/lib/containers/Scroll/index.esm.js +1 -1
- package/lib/containers/index.esm.js +1 -1
- package/lib/dataDisplay/Accordion/index.esm.js +1 -1
- package/lib/dataDisplay/DataTable/DataTable.filters.d.ts +2 -1
- package/lib/dataDisplay/DataTable/DataTable.style.d.ts +19 -12
- package/lib/dataDisplay/DataTable/index.esm.js +1 -1
- package/lib/dataDisplay/DescriptionList/index.esm.js +1 -1
- package/lib/dataDisplay/Meter/Meter.style.d.ts +18 -6
- package/lib/dataDisplay/Meter/index.esm.js +1 -1
- package/lib/dataDisplay/Steps/Steps.style.d.ts +54 -18
- package/lib/dataDisplay/Steps/index.esm.js +1 -1
- package/lib/dataDisplay/Table/Table/Table.d.ts +4 -0
- package/lib/dataDisplay/Table/Table/Table.interface.d.ts +20 -0
- package/lib/dataDisplay/Table/Table/index.esm.js +1 -1
- package/lib/dataDisplay/Table/Table.context.d.ts +26 -0
- package/lib/dataDisplay/Table/Table.labels.d.ts +22 -0
- package/lib/dataDisplay/Table/Table.shared.d.ts +6 -0
- package/lib/dataDisplay/Table/TableBody/TableBody.d.ts +5 -4
- package/lib/dataDisplay/Table/TableBody/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableCell/TableCell.d.ts +5 -1
- package/lib/dataDisplay/Table/TableCell/TableCell.interface.d.ts +8 -0
- package/lib/dataDisplay/Table/TableCell/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableCheckboxCell/TableCheckboxCell.d.ts +1 -1
- package/lib/dataDisplay/Table/TableCheckboxCell/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableEmpty/TableEmpty.style.d.ts +36 -12
- package/lib/dataDisplay/Table/TableEmpty/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableFooter/TableFooter.d.ts +2 -1
- package/lib/dataDisplay/Table/TableFooter/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableHeader/TableHeader.d.ts +2 -1
- package/lib/dataDisplay/Table/TableHeader/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableHeaderCell/TableHeaderCell.d.ts +12 -2
- package/lib/dataDisplay/Table/TableHeaderCell/TableHeaderCell.interface.d.ts +10 -0
- package/lib/dataDisplay/Table/TableHeaderCell/TableHeaderCell.style.d.ts +5 -2
- package/lib/dataDisplay/Table/TableHeaderCell/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableHeaderCheckboxCell/TableHeaderCheckboxCell.style.d.ts +1 -1
- package/lib/dataDisplay/Table/TableHeaderCheckboxCell/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TablePagination/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableRow/TableRow.d.ts +4 -0
- package/lib/dataDisplay/Table/TableRow/index.esm.js +1 -1
- package/lib/dataDisplay/Table/index.esm.js +1 -1
- package/lib/dataDisplay/Tabs/Tabs.style.d.ts +90 -30
- package/lib/dataDisplay/Tabs/index.esm.js +1 -1
- package/lib/dataDisplay/index.esm.js +1 -1
- package/lib/elements/Avatar/index.esm.js +1 -1
- package/lib/elements/Button/Button.style.d.ts +18 -6
- package/lib/elements/Button/index.esm.js +1 -1
- package/lib/elements/Chip/Chip.context.d.ts +11 -0
- package/lib/elements/Chip/Chip.d.ts +34 -0
- package/lib/elements/Chip/Chip.interface.d.ts +162 -0
- package/lib/elements/Chip/Chip.style.d.ts +52 -0
- package/lib/elements/Chip/index.d.ts +10 -0
- package/lib/elements/Chip/index.esm.js +1 -0
- package/lib/elements/ChipGroup/ChipGroup.d.ts +21 -0
- package/lib/elements/ChipGroup/ChipGroup.interface.d.ts +27 -0
- package/lib/elements/ChipGroup/ChipGroup.style.d.ts +15 -0
- package/lib/elements/ChipGroup/index.d.ts +9 -0
- package/lib/elements/ChipGroup/index.esm.js +1 -0
- package/lib/elements/Divider/Divider.style.d.ts +18 -6
- package/lib/elements/Divider/index.esm.js +1 -1
- package/lib/elements/Dropdown/index.esm.js +1 -1
- package/lib/elements/Icon/index.esm.js +1 -1
- package/lib/elements/IconButton/IconButton.style.d.ts +72 -24
- package/lib/elements/IconButton/index.esm.js +1 -1
- package/lib/elements/IconText/index.esm.js +1 -1
- package/lib/elements/Image/index.esm.js +1 -1
- package/lib/elements/Label/Label.d.ts +4 -0
- package/lib/elements/Label/Label.interface.d.ts +9 -0
- package/lib/elements/Label/Label.style.d.ts +8 -3
- package/lib/elements/Label/index.esm.js +1 -1
- package/lib/elements/Link/index.esm.js +1 -1
- package/lib/elements/List/List.d.ts +12 -1
- package/lib/elements/List/List.interface.d.ts +70 -3
- package/lib/elements/List/List.style.d.ts +48 -6
- package/lib/elements/List/index.esm.js +1 -1
- package/lib/elements/Modal/Modal.style.d.ts +36 -12
- package/lib/elements/Modal/index.esm.js +1 -1
- package/lib/elements/NavBar/NavBar.d.ts +35 -0
- package/lib/elements/NavBar/NavBar.helpers.d.ts +25 -0
- package/lib/elements/NavBar/NavBar.interface.d.ts +98 -0
- package/lib/elements/NavBar/NavBar.style.d.ts +54 -0
- package/lib/elements/NavBar/index.d.ts +10 -0
- package/lib/elements/NavBar/index.esm.js +1 -0
- package/lib/elements/NavTabs/NavTabs.d.ts +33 -0
- package/lib/elements/NavTabs/NavTabs.interface.d.ts +54 -0
- package/lib/elements/NavTabs/NavTabs.style.d.ts +45 -0
- package/lib/elements/NavTabs/index.d.ts +10 -0
- package/lib/elements/NavTabs/index.esm.js +1 -0
- package/lib/elements/Popover/index.esm.js +1 -1
- package/lib/elements/ProgressBar/ProgressBar.style.d.ts +18 -6
- package/lib/elements/ProgressBar/index.esm.js +1 -1
- package/lib/elements/Sheet/Sheet.style.d.ts +40 -16
- package/lib/elements/Sheet/index.esm.js +1 -1
- package/lib/elements/Spinner/index.esm.js +1 -1
- package/lib/elements/StatusDot/StatusDot.d.ts +32 -0
- package/lib/elements/StatusDot/StatusDot.interface.d.ts +61 -0
- package/lib/elements/StatusDot/StatusDot.style.d.ts +28 -0
- package/lib/elements/StatusDot/index.d.ts +10 -0
- package/lib/elements/StatusDot/index.esm.js +1 -0
- package/lib/elements/Svg/index.esm.js +1 -1
- package/lib/elements/Text/index.esm.js +1 -1
- package/lib/elements/Tooltip/index.esm.js +1 -1
- package/lib/elements/index.d.ts +5 -0
- package/lib/elements/index.esm.js +1 -1
- package/lib/factory/ContainerQueryFactory/ContainerQueryFactory.d.ts +7 -0
- package/lib/factory/ContainerQueryFactory/index.esm.js +1 -1
- package/lib/factory/MotionFactory/MotionFactory.d.ts +3 -1
- package/lib/factory/MotionFactory/MotionFactory.interface.d.ts +12 -2
- package/lib/factory/MotionFactory/index.esm.js +1 -1
- package/lib/factory/ResponsiveFactory/index.esm.js +1 -1
- package/lib/factory/System/index.esm.js +1 -1
- package/lib/factory/ViewportMediaFactory/index.esm.js +1 -1
- package/lib/factory/index.esm.js +1 -1
- package/lib/form/Checkbox/Checkbox.style.d.ts +36 -12
- package/lib/form/Checkbox/index.esm.js +1 -1
- package/lib/form/Field/Field.d.ts +7 -0
- package/lib/form/Field/Field.interface.d.ts +17 -0
- package/lib/form/Field/Field.style.d.ts +24 -6
- package/lib/form/Field/index.esm.js +1 -1
- package/lib/form/FieldGroup/index.esm.js +1 -1
- package/lib/form/Form/Form.style.d.ts +52 -12
- package/lib/form/Form/index.esm.js +1 -1
- package/lib/form/Input/Input.style.d.ts +18 -6
- package/lib/form/Input/index.esm.js +1 -1
- package/lib/form/InputCurrency/InputCurrency.style.d.ts +18 -6
- package/lib/form/InputCurrency/index.esm.js +1 -1
- package/lib/form/InputDate/index.esm.js +1 -1
- package/lib/form/InputMask/index.esm.js +1 -1
- package/lib/form/InputRange/InputRange.d.ts +27 -12
- package/lib/form/InputRange/InputRange.helpers.d.ts +12 -4
- package/lib/form/InputRange/InputRange.interface.d.ts +79 -1
- package/lib/form/InputRange/InputRange.style.d.ts +43 -7
- package/lib/form/InputRange/index.esm.js +1 -1
- package/lib/form/InputSelect/index.esm.js +1 -1
- package/lib/form/Option/Option.style.d.ts +18 -6
- package/lib/form/Option/index.esm.js +1 -1
- package/lib/form/Radio/index.esm.js +1 -1
- package/lib/form/Select/index.esm.js +1 -1
- package/lib/form/Switch/index.esm.js +1 -1
- package/lib/form/TextArea/TextArea.d.ts +5 -0
- package/lib/form/TextArea/TextArea.interface.d.ts +26 -2
- package/lib/form/TextArea/TextArea.style.d.ts +245 -8
- package/lib/form/TextArea/index.esm.js +1 -1
- package/lib/form/UploadCard/UploadCard.style.d.ts +74 -109
- package/lib/form/UploadCard/index.esm.js +1 -1
- package/lib/form/index.esm.js +1 -1
- package/lib/hooks/index.esm.js +1 -1
- package/lib/icons/index.d.ts +4 -1
- package/lib/icons/index.esm.js +1 -1
- package/lib/icons/set/desktop.d.ts +3 -0
- package/lib/icons/set/moon.d.ts +3 -0
- package/lib/icons/set/sun.d.ts +3 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.esm.js +1 -1
- package/lib/index.js +1 -1
- package/lib/layouts/DefaultLayout/DefaultLayout.style.d.ts +68 -12
- package/lib/layouts/DefaultLayout/index.esm.js +1 -1
- package/lib/layouts/SideBarLayout/SideBarLayout.style.d.ts +68 -12
- package/lib/layouts/SideBarLayout/index.esm.js +1 -1
- package/lib/layouts/index.esm.js +1 -1
- package/lib/skeleton/ComposedSkeleton/index.esm.js +1 -1
- package/lib/skeleton/TextPreset/index.esm.js +1 -1
- package/lib/skeleton/index.esm.js +1 -1
- package/lib/themes/Colors/Colors.interface.d.ts +33 -0
- package/lib/themes/GlobalStyle/GlobalStyle.d.ts +8 -6
- package/lib/themes/GlobalStyle/index.esm.js +1 -1
- package/lib/themes/ThemeProvider/index.esm.js +1 -1
- package/lib/themes/index.esm.js +1 -1
- package/package.json +22 -2
- package/lib/chunks/Notification.group-BC3U4UX6.esm.js +0 -1
- package/lib/chunks/chunk-3PLVWHLK.esm.js +0 -1
- package/lib/chunks/chunk-52O36B6T.esm.js +0 -1
- package/lib/chunks/chunk-5PLSFFP6.esm.js +0 -1
- package/lib/chunks/chunk-A4QGVHIH.esm.js +0 -1
- package/lib/chunks/chunk-A7STAO6C.esm.js +0 -1
- package/lib/chunks/chunk-ATYYPKUP.esm.js +0 -1
- package/lib/chunks/chunk-CDRLVSLF.esm.js +0 -1
- package/lib/chunks/chunk-CLU3WNVI.esm.js +0 -1
- package/lib/chunks/chunk-DA65U576.esm.js +0 -1
- package/lib/chunks/chunk-DAT6GD4T.esm.js +0 -1
- package/lib/chunks/chunk-DXCL3MVA.esm.js +0 -30
- package/lib/chunks/chunk-DYLFA33G.esm.js +0 -1
- package/lib/chunks/chunk-F3SAEVZJ.esm.js +0 -1
- package/lib/chunks/chunk-F7PA7OCV.esm.js +0 -1
- package/lib/chunks/chunk-FUVFPMSI.esm.js +0 -39
- package/lib/chunks/chunk-GAQ3CPOM.esm.js +0 -1
- package/lib/chunks/chunk-GQZGW3EG.esm.js +0 -1
- package/lib/chunks/chunk-GXGV64D2.esm.js +0 -9
- package/lib/chunks/chunk-IZHCHFTU.esm.js +0 -1
- package/lib/chunks/chunk-JVFVXNCA.esm.js +0 -1
- package/lib/chunks/chunk-JYFJX4EO.esm.js +0 -1
- package/lib/chunks/chunk-LNZNPIZT.esm.js +0 -1
- package/lib/chunks/chunk-NGCCXGDN.esm.js +0 -1
- package/lib/chunks/chunk-OOYR6EZR.esm.js +0 -1
- package/lib/chunks/chunk-PCLKWRMD.esm.js +0 -1
- package/lib/chunks/chunk-X62RTM6B.esm.js +0 -1
- package/lib/chunks/chunk-XQJ4DROM.esm.js +0 -1
- package/lib/containers/Scroll/Scroll.helpers.d.ts +0 -27
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NavBarInterface } from './NavBar.interface';
|
|
3
|
+
/**
|
|
4
|
+
* Bottom navigation bar for the phone / tablet shell.
|
|
5
|
+
*
|
|
6
|
+
* A `nav` landmark (named by the required `aria-label`) holding a list of 3–5
|
|
7
|
+
* destinations, each a glyph over a short label in an equal-width column at
|
|
8
|
+
* least 56px tall. The current item carries `aria-current="page"`, the
|
|
9
|
+
* palette ink (`color`), a bold label and the selected wash behind its glyph.
|
|
10
|
+
* The bar paints the paper ground with a hairline top edge and pads its
|
|
11
|
+
* bottom by `env(safe-area-inset-bottom)`.
|
|
12
|
+
*
|
|
13
|
+
* Items with `href` / `to` render as links — `linkAs` (or the item's `as`)
|
|
14
|
+
* plugs the router's `Link`, the same contract as `Link` (ADR-008); items
|
|
15
|
+
* with only `onClick` render as buttons.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```tsx
|
|
19
|
+
* import { clock, cog, desktop, search } from '@apollion-dsi/core/icons';
|
|
20
|
+
*
|
|
21
|
+
* <NavBar
|
|
22
|
+
* aria-label="Main"
|
|
23
|
+
* linkAs={NextLink}
|
|
24
|
+
* items={[
|
|
25
|
+
* { label: 'Overview', icon: desktop, href: '/', current: true },
|
|
26
|
+
* { label: 'Search', icon: search, href: '/search' },
|
|
27
|
+
* { label: 'Activity', icon: clock, href: '/activity' },
|
|
28
|
+
* { label: 'Settings', icon: cog, href: '/settings' },
|
|
29
|
+
* ]}
|
|
30
|
+
* />
|
|
31
|
+
* ```
|
|
32
|
+
*
|
|
33
|
+
* @see {@link NavBarInterface} for the detailed props.
|
|
34
|
+
*/
|
|
35
|
+
export declare const NavBarComponent: React.ForwardRefExoticComponent<NavBarInterface & React.RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NavColor, NavItemTarget } from './NavBar.interface';
|
|
3
|
+
import type { Theme } from '../../themes/ThemeProvider';
|
|
4
|
+
/**
|
|
5
|
+
* Readable ink of the current item: the palette base raised to the contrast
|
|
6
|
+
* floor per mode (ADR-024), read through the ground channel (`tx-<palette>`)
|
|
7
|
+
* so it stays readable on whatever ground paints the bar.
|
|
8
|
+
*/
|
|
9
|
+
export declare const navTintInk: (theme: Theme, color: NavColor) => string;
|
|
10
|
+
/** Ink of a resting item — the secondary rung of the ink ladder over the nearest ground. */
|
|
11
|
+
export declare const navRestInk: (theme: Theme) => string;
|
|
12
|
+
/** React key of an item: `id`, else a string `label`, else the index. */
|
|
13
|
+
export declare const navItemKey: (item: NavItemTarget & {
|
|
14
|
+
label: React.ReactNode;
|
|
15
|
+
}, index: number) => string;
|
|
16
|
+
/**
|
|
17
|
+
* Element and DOM props of one item. A destination (`href` / `to`) makes it a
|
|
18
|
+
* link — the item's `as`, else the bar's `linkAs`, else a native `<a>`;
|
|
19
|
+
* otherwise a `<button type="button">`. Undefined destination keys are left
|
|
20
|
+
* out so router links never receive an empty `href` / `to`.
|
|
21
|
+
*/
|
|
22
|
+
export declare const navItemElement: ({ href, to, as, onClick, current }: NavItemTarget, linkAs?: React.ElementType) => {
|
|
23
|
+
as: React.ElementType;
|
|
24
|
+
props: Record<string, unknown>;
|
|
25
|
+
};
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PlacementFactoryProps } from '../../factory/PlacementFactory';
|
|
3
|
+
import { IconData } from '../../icons/icon.interface';
|
|
4
|
+
import type { ButtonColors } from '../Button/Button.interface';
|
|
5
|
+
/**
|
|
6
|
+
* Palette that tints the current item. Same set as `Button`'s `color`:
|
|
7
|
+
* `neutral` maps to the engine's `quiet` palette.
|
|
8
|
+
*/
|
|
9
|
+
export type NavColor = ButtonColors;
|
|
10
|
+
/**
|
|
11
|
+
* Destination of one navigation item — the router-agnostic contract of
|
|
12
|
+
* `Link` (ADR-008), shared by `NavBar` and `NavTabs`. With `href` or `to`
|
|
13
|
+
* the item renders as a link (`as` → the bar's `linkAs` → native `<a>`);
|
|
14
|
+
* with only `onClick` it renders a `<button type="button">`.
|
|
15
|
+
*/
|
|
16
|
+
export interface NavItemTarget {
|
|
17
|
+
/** Destination URL. Makes the item a link. */
|
|
18
|
+
href?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Router-aware destination (react-router's `to`). Makes the item a link and
|
|
21
|
+
* is forwarded to `as` / `linkAs` — a native `<a>` needs `href` instead.
|
|
22
|
+
*/
|
|
23
|
+
to?: unknown;
|
|
24
|
+
/**
|
|
25
|
+
* Component rendered for this item's link (`NextLink`, `RouterLink`, …).
|
|
26
|
+
* Wins over the bar-level `linkAs`.
|
|
27
|
+
*/
|
|
28
|
+
as?: React.ElementType;
|
|
29
|
+
/** Click handler. An item with no `href` / `to` renders as a `<button>`. */
|
|
30
|
+
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
31
|
+
/**
|
|
32
|
+
* Marks the item as the current page: `aria-current="page"` plus the
|
|
33
|
+
* tinted, bold treatment.
|
|
34
|
+
*
|
|
35
|
+
* @default false
|
|
36
|
+
*/
|
|
37
|
+
current?: boolean;
|
|
38
|
+
/** Stable React key. Falls back to a string `label`, then to the index. */
|
|
39
|
+
id?: string;
|
|
40
|
+
}
|
|
41
|
+
/** One destination of the bottom bar: a glyph over a short label. */
|
|
42
|
+
export interface NavBarItem extends NavItemTarget {
|
|
43
|
+
/** Visible label — one or two short words. It is the item's accessible name. */
|
|
44
|
+
label: string;
|
|
45
|
+
/**
|
|
46
|
+
* Glyph above the label. Icon data from `@apollion-dsi/core/icons` is
|
|
47
|
+
* rendered through `Icon`; a React element (an `<Icon />` or a custom SVG)
|
|
48
|
+
* is rendered as given. Decorative — the label names the item.
|
|
49
|
+
*/
|
|
50
|
+
icon: IconData | React.ReactElement;
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* Props for `NavBar` — the bottom navigation bar of a phone / tablet shell.
|
|
54
|
+
*
|
|
55
|
+
* @example
|
|
56
|
+
* ```tsx
|
|
57
|
+
* <NavBar
|
|
58
|
+
* aria-label="Main"
|
|
59
|
+
* linkAs={NextLink}
|
|
60
|
+
* items={[
|
|
61
|
+
* { label: 'Overview', icon: desktop, href: '/', current: pathname === '/' },
|
|
62
|
+
* { label: 'Search', icon: search, href: '/search' },
|
|
63
|
+
* { label: 'Activity', icon: clock, href: '/activity' },
|
|
64
|
+
* { label: 'Settings', icon: cog, href: '/settings' },
|
|
65
|
+
* ]}
|
|
66
|
+
* />
|
|
67
|
+
* ```
|
|
68
|
+
*/
|
|
69
|
+
export interface NavBarInterface extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'children' | 'color' | 'aria-label'>, PlacementFactoryProps {
|
|
70
|
+
/**
|
|
71
|
+
* Accessible name of the `nav` landmark. Required: a shell usually carries
|
|
72
|
+
* more than one `nav` (bar + section row), and each needs its own name.
|
|
73
|
+
*/
|
|
74
|
+
'aria-label': string;
|
|
75
|
+
/** The destinations — 3 to 5 (a development warning fires outside that range). */
|
|
76
|
+
items: NavBarItem[];
|
|
77
|
+
/**
|
|
78
|
+
* Link component for every item with `href` / `to` (`NextLink`,
|
|
79
|
+
* `RouterLink`, …). An item's own `as` wins.
|
|
80
|
+
*
|
|
81
|
+
* @default 'a'
|
|
82
|
+
*/
|
|
83
|
+
linkAs?: React.ElementType;
|
|
84
|
+
/**
|
|
85
|
+
* Palette that tints the current item.
|
|
86
|
+
*
|
|
87
|
+
* @default 'primary'
|
|
88
|
+
*/
|
|
89
|
+
color?: NavColor;
|
|
90
|
+
/**
|
|
91
|
+
* Pins the bar to the bottom of the viewport (`position: fixed`, sticky
|
|
92
|
+
* z-index layer). Leave it off when the shell places the bar itself (a grid
|
|
93
|
+
* row, a sticky footer).
|
|
94
|
+
*
|
|
95
|
+
* @default false
|
|
96
|
+
*/
|
|
97
|
+
fixed?: boolean;
|
|
98
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { NavColor } from './NavBar.interface';
|
|
2
|
+
/**
|
|
3
|
+
* Minimum block size of a bar item — 56px at the 16px root, above the 44px
|
|
4
|
+
* touch-target floor; in `rem` so it grows with the root font.
|
|
5
|
+
*/
|
|
6
|
+
export declare const NAV_BAR_ITEM_MIN_BLOCK = "3.5rem";
|
|
7
|
+
/** Style props of one bar item. */
|
|
8
|
+
type NavBarItemStyleProps = {
|
|
9
|
+
$current: boolean;
|
|
10
|
+
$color: NavColor;
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* The `nav` landmark. Built on the internal engine ({@link BaseContainer}) so
|
|
14
|
+
* the surface comes from the ladder like `Paper`: the paper ground
|
|
15
|
+
* (`bgColor="surface.paper"`, which also publishes the ground channel the item
|
|
16
|
+
* inks read) and a hairline top edge, both set in `NavBar.tsx`. No elevation —
|
|
17
|
+
* the ladder's shadows fall downward, the wrong side for a bottom bar.
|
|
18
|
+
*
|
|
19
|
+
* `padding-bottom: env(safe-area-inset-bottom)` keeps the items above the home
|
|
20
|
+
* indicator on notched phones (needs `viewport-fit=cover` in the page meta).
|
|
21
|
+
*/
|
|
22
|
+
export declare const NavBarStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
|
|
23
|
+
as?: import("styled-components").WebTarget;
|
|
24
|
+
forwardedAs?: import("styled-components").WebTarget;
|
|
25
|
+
}, "$fixed"> & {
|
|
26
|
+
$fixed: boolean;
|
|
27
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
|
|
28
|
+
as?: import("styled-components").WebTarget;
|
|
29
|
+
forwardedAs?: import("styled-components").WebTarget;
|
|
30
|
+
}, "$fixed"> & {
|
|
31
|
+
$fixed: boolean;
|
|
32
|
+
}, never>>> & string;
|
|
33
|
+
/** Equal columns, one per item. */
|
|
34
|
+
export declare const NavBarListStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>> & string;
|
|
35
|
+
export declare const NavBarListItemStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>> & string;
|
|
36
|
+
/**
|
|
37
|
+
* Glyph slot. On the current item it carries the selected wash as a pill —
|
|
38
|
+
* the cue that does not rely on color alone (WCAG 1.4.1), next to the bold
|
|
39
|
+
* label.
|
|
40
|
+
*/
|
|
41
|
+
export declare const NavBarIconStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$current"> & {
|
|
42
|
+
$current: boolean;
|
|
43
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$current"> & {
|
|
44
|
+
$current: boolean;
|
|
45
|
+
}, never>>> & string;
|
|
46
|
+
export declare const NavBarLabelStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
|
|
47
|
+
/**
|
|
48
|
+
* One item — rendered as the link component, `<a>` or `<button>` via `as`.
|
|
49
|
+
* Fills its column; the block size never drops under
|
|
50
|
+
* {@link NAV_BAR_ITEM_MIN_BLOCK}. Resting items use the secondary ink; the
|
|
51
|
+
* current one the readable palette ink, bold.
|
|
52
|
+
*/
|
|
53
|
+
export declare const NavBarItemStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, keyof NavBarItemStyleProps> & NavBarItemStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, keyof NavBarItemStyleProps> & NavBarItemStyleProps, never>>> & string;
|
|
54
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Public barrel for the `NavBar` component.
|
|
3
|
+
*
|
|
4
|
+
* Re-exports the component (renaming `NavBarComponent` → `NavBar`), its
|
|
5
|
+
* interfaces and the styled parts. `NavBar.helpers` is internal (shared with
|
|
6
|
+
* `NavTabs` by path) and stays out of the barrel.
|
|
7
|
+
*/
|
|
8
|
+
export { NavBarComponent as NavBar } from './NavBar';
|
|
9
|
+
export * from './NavBar.interface';
|
|
10
|
+
export * from './NavBar.style';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a,b,c,d,e,f,g,h}from"../../chunks/chunk-MPOW55EU.esm.js";import"../../chunks/chunk-BTO37XLJ.esm.js";import"../../chunks/chunk-SRBIATLE.esm.js";import"../../chunks/chunk-BTPOCQ2L.esm.js";import"../../chunks/chunk-JLQDS5TS.esm.js";import"../../chunks/chunk-ZJT2WQTR.esm.js";import"../../chunks/chunk-7JYI2AQK.esm.js";import"../../chunks/chunk-AMN6SRJS.esm.js";import"../../chunks/chunk-E2U6IFPB.esm.js";import"../../chunks/chunk-WLFYIXN6.esm.js";import"../../chunks/chunk-HPMNSONF.esm.js";import"../../chunks/chunk-MKGWYKH6.esm.js";import"../../chunks/chunk-4L2KOZIQ.esm.js";import"../../chunks/chunk-JNK7ZSEU.esm.js";import"../../chunks/chunk-D6OVUFOQ.esm.js";import"../../chunks/chunk-IA234JY2.esm.js";import"../../chunks/chunk-2BWCWW2Q.esm.js";import"../../chunks/chunk-IQQH6HMG.esm.js";import"../../chunks/chunk-Z7GJDO5T.esm.js";import"../../chunks/chunk-LCCVFIPZ.esm.js";import"../../chunks/chunk-TG5BCBO4.esm.js";import"../../chunks/chunk-WB5XXCKL.esm.js";import"../../chunks/chunk-JOKVE3IX.esm.js";import"../../chunks/chunk-CWRWYU7D.esm.js";import"../../chunks/chunk-PFLBU7HG.esm.js";import"../../chunks/chunk-O5TS2XER.esm.js";import"../../chunks/chunk-4E3BR56X.esm.js";import"../../chunks/chunk-TLIKQFOT.esm.js";import"../../chunks/chunk-XUZQE326.esm.js";import"../../chunks/chunk-3DUB5C4Z.esm.js";import"../../chunks/chunk-KT6QQ3UJ.esm.js";import"../../chunks/chunk-SEPVF2TL.esm.js";import"../../chunks/chunk-LDOM2UUN.esm.js";import"../../chunks/chunk-L7A7RA56.esm.js";import"../../chunks/chunk-HVFI7FHR.esm.js";import"../../chunks/chunk-TQMP7PZI.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-AULAOFBW.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-IN2WB2ZK.esm.js";import"../../chunks/chunk-FOWO4QTS.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-XR763B4T.esm.js";import"../../chunks/chunk-47UE4K3O.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-AAZFRX52.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-C7U4X56I.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-QEB4VTKV.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-ODL5JUYM.esm.js";import"../../chunks/chunk-3WXII2F3.esm.js";import"../../chunks/chunk-EJ245MA7.esm.js";import"../../chunks/chunk-FNYS25ZX.esm.js";import"../../chunks/chunk-MYU2IAR3.esm.js";import"../../chunks/chunk-VJ5GIFXO.esm.js";import"../../chunks/chunk-REPFMEFA.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as NAV_BAR_ITEM_MIN_BLOCK,h as NavBar,e as NavBarIconStyle,g as NavBarItemStyle,f as NavBarLabelStyle,d as NavBarListItemStyle,c as NavBarListStyle,b as NavBarStyle};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NavTabsInterface } from './NavTabs.interface';
|
|
3
|
+
/**
|
|
4
|
+
* Section row under the top bar: a horizontal list of a section's
|
|
5
|
+
* destinations.
|
|
6
|
+
*
|
|
7
|
+
* A `nav` landmark (named by the required `aria-label`) whose list scrolls
|
|
8
|
+
* horizontally with no visible scrollbar track when it overflows. The current
|
|
9
|
+
* item carries `aria-current="page"`, the palette ink (`color`), a bold label
|
|
10
|
+
* and an indicator bar, and is scrolled into view (centered in the row) on
|
|
11
|
+
* mount and whenever the current item changes — the row itself scrolls, never
|
|
12
|
+
* the page. `snap` adds scroll snapping.
|
|
13
|
+
*
|
|
14
|
+
* It is navigation, not a tablist: every item is a link (or a button with only
|
|
15
|
+
* `onClick`) that changes the page. Use `Tabs` to switch panels of content in
|
|
16
|
+
* place.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```tsx
|
|
20
|
+
* <NavTabs
|
|
21
|
+
* aria-label="Settings sections"
|
|
22
|
+
* linkAs={RouterLink}
|
|
23
|
+
* items={[
|
|
24
|
+
* { label: 'Profile', to: '/settings/profile', current: true },
|
|
25
|
+
* { label: 'Security', to: '/settings/security' },
|
|
26
|
+
* { label: 'Billing', to: '/settings/billing' },
|
|
27
|
+
* ]}
|
|
28
|
+
* />
|
|
29
|
+
* ```
|
|
30
|
+
*
|
|
31
|
+
* @see {@link NavTabsInterface} for the detailed props.
|
|
32
|
+
*/
|
|
33
|
+
export declare const NavTabsComponent: React.ForwardRefExoticComponent<NavTabsInterface & React.RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PlacementFactoryProps } from '../../factory/PlacementFactory';
|
|
3
|
+
import type { NavColor, NavItemTarget } from '../NavBar/NavBar.interface';
|
|
4
|
+
/** One destination of the section row. */
|
|
5
|
+
export interface NavTabsItem extends NavItemTarget {
|
|
6
|
+
/** Visible label. It is the item's accessible name; pass `id` when it is not a string. */
|
|
7
|
+
label: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Props for `NavTabs` — the row of a section's destinations under the top
|
|
11
|
+
* bar.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <NavTabs
|
|
16
|
+
* aria-label="Settings sections"
|
|
17
|
+
* linkAs={RouterLink}
|
|
18
|
+
* items={[
|
|
19
|
+
* { label: 'Profile', to: '/settings/profile', current: true },
|
|
20
|
+
* { label: 'Security', to: '/settings/security' },
|
|
21
|
+
* { label: 'Billing', to: '/settings/billing' },
|
|
22
|
+
* ]}
|
|
23
|
+
* />
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
26
|
+
export interface NavTabsInterface extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'children' | 'color' | 'aria-label'>, PlacementFactoryProps {
|
|
27
|
+
/**
|
|
28
|
+
* Accessible name of the `nav` landmark. Required: next to the shell's main
|
|
29
|
+
* `NavBar`, each `nav` needs its own name.
|
|
30
|
+
*/
|
|
31
|
+
'aria-label': string;
|
|
32
|
+
/** The section's destinations, in order. */
|
|
33
|
+
items: NavTabsItem[];
|
|
34
|
+
/**
|
|
35
|
+
* Link component for every item with `href` / `to` (`NextLink`,
|
|
36
|
+
* `RouterLink`, …). An item's own `as` wins.
|
|
37
|
+
*
|
|
38
|
+
* @default 'a'
|
|
39
|
+
*/
|
|
40
|
+
linkAs?: React.ElementType;
|
|
41
|
+
/**
|
|
42
|
+
* Palette of the current item's ink and indicator bar.
|
|
43
|
+
*
|
|
44
|
+
* @default 'primary'
|
|
45
|
+
*/
|
|
46
|
+
color?: NavColor;
|
|
47
|
+
/**
|
|
48
|
+
* Snaps the scroll to the items' start edges (`scroll-snap-type: x
|
|
49
|
+
* proximity`).
|
|
50
|
+
*
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
snap?: boolean;
|
|
54
|
+
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { NavColor } from '../NavBar/NavBar.interface';
|
|
2
|
+
/**
|
|
3
|
+
* Minimum block size of a row item — 44px at the 16px root, the touch-target
|
|
4
|
+
* floor; in `rem` so it grows with the root font.
|
|
5
|
+
*/
|
|
6
|
+
export declare const NAV_TABS_ITEM_MIN_BLOCK = "2.75rem";
|
|
7
|
+
/**
|
|
8
|
+
* The `nav` landmark, on the internal engine ({@link BaseContainer}) for the
|
|
9
|
+
* placement props. Transparent — the row sits on the top bar's ground — with
|
|
10
|
+
* a hairline bottom edge set in `NavTabs.tsx`. `min-width: 0` lets it shrink
|
|
11
|
+
* inside a flex / grid track so the list, not the page, overflows.
|
|
12
|
+
*/
|
|
13
|
+
export declare const NavTabsStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
|
|
14
|
+
as?: import("styled-components").WebTarget;
|
|
15
|
+
forwardedAs?: import("styled-components").WebTarget;
|
|
16
|
+
}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
|
|
17
|
+
as?: import("styled-components").WebTarget;
|
|
18
|
+
forwardedAs?: import("styled-components").WebTarget;
|
|
19
|
+
}, never>>> & string;
|
|
20
|
+
/**
|
|
21
|
+
* The scroller. Overflow is horizontal only and the scrollbar track is
|
|
22
|
+
* hidden in every engine (`scrollbar-width: none` + the WebKit pseudo) —
|
|
23
|
+
* touch, trackpad and wheel-with-shift still scroll it; keyboard focus scrolls
|
|
24
|
+
* the focused link into view. `position: relative` makes it the items'
|
|
25
|
+
* offset parent for the scroll-to-current math.
|
|
26
|
+
*/
|
|
27
|
+
export declare const NavTabsListStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "$snap"> & {
|
|
28
|
+
$snap: boolean;
|
|
29
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "$snap"> & {
|
|
30
|
+
$snap: boolean;
|
|
31
|
+
}, never>>> & string;
|
|
32
|
+
export declare const NavTabsListItemStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>> & string;
|
|
33
|
+
/**
|
|
34
|
+
* One item — rendered as the link component, `<a>` or `<button>` via `as`.
|
|
35
|
+
* The current item takes the readable palette ink, a bold label and a 2px
|
|
36
|
+
* indicator bar on its bottom edge (`::after`) — the cue that does not rely on
|
|
37
|
+
* color alone (WCAG 1.4.1).
|
|
38
|
+
*/
|
|
39
|
+
export declare const NavTabsItemStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "$color" | "$current"> & {
|
|
40
|
+
$current: boolean;
|
|
41
|
+
$color: NavColor;
|
|
42
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "$color" | "$current"> & {
|
|
43
|
+
$current: boolean;
|
|
44
|
+
$color: NavColor;
|
|
45
|
+
}, never>>> & string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Public barrel for the `NavTabs` component.
|
|
3
|
+
*
|
|
4
|
+
* Re-exports the component (renaming `NavTabsComponent` → `NavTabs`), its
|
|
5
|
+
* interfaces and the styled parts. The shared item contract (`NavItemTarget`,
|
|
6
|
+
* `NavColor`) is exported by `@apollion-dsi/core/elements/nav-bar`.
|
|
7
|
+
*/
|
|
8
|
+
export { NavTabsComponent as NavTabs } from './NavTabs';
|
|
9
|
+
export * from './NavTabs.interface';
|
|
10
|
+
export * from './NavTabs.style';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a,b,c,d,e,f}from"../../chunks/chunk-RQZ3NB7A.esm.js";import"../../chunks/chunk-BTO37XLJ.esm.js";import"../../chunks/chunk-TQMP7PZI.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-AULAOFBW.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-IN2WB2ZK.esm.js";import"../../chunks/chunk-FOWO4QTS.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-XR763B4T.esm.js";import"../../chunks/chunk-47UE4K3O.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-AAZFRX52.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-C7U4X56I.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-QEB4VTKV.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-ODL5JUYM.esm.js";import"../../chunks/chunk-3WXII2F3.esm.js";import"../../chunks/chunk-EJ245MA7.esm.js";import"../../chunks/chunk-FNYS25ZX.esm.js";import"../../chunks/chunk-MYU2IAR3.esm.js";import"../../chunks/chunk-VJ5GIFXO.esm.js";import"../../chunks/chunk-REPFMEFA.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as NAV_TABS_ITEM_MIN_BLOCK,f as NavTabs,e as NavTabsItemStyle,d as NavTabsListItemStyle,c as NavTabsListStyle,b as NavTabsStyle};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk-
|
|
1
|
+
import{a}from"../../chunks/chunk-RIDQQLK7.esm.js";import"../../chunks/chunk-D75HJH24.esm.js";import"../../chunks/chunk-4XCYWJYX.esm.js";import"../../chunks/chunk-EU4FKCQL.esm.js";import"../../chunks/chunk-HPMNSONF.esm.js";import"../../chunks/chunk-MKGWYKH6.esm.js";import"../../chunks/chunk-4L2KOZIQ.esm.js";import"../../chunks/chunk-JNK7ZSEU.esm.js";import"../../chunks/chunk-D6OVUFOQ.esm.js";import"../../chunks/chunk-IA234JY2.esm.js";import"../../chunks/chunk-2BWCWW2Q.esm.js";import"../../chunks/chunk-IQQH6HMG.esm.js";import"../../chunks/chunk-Z7GJDO5T.esm.js";import"../../chunks/chunk-LCCVFIPZ.esm.js";import"../../chunks/chunk-TG5BCBO4.esm.js";import"../../chunks/chunk-WB5XXCKL.esm.js";import"../../chunks/chunk-JOKVE3IX.esm.js";import"../../chunks/chunk-CWRWYU7D.esm.js";import"../../chunks/chunk-PFLBU7HG.esm.js";import"../../chunks/chunk-O5TS2XER.esm.js";import"../../chunks/chunk-4E3BR56X.esm.js";import"../../chunks/chunk-TLIKQFOT.esm.js";import"../../chunks/chunk-XUZQE326.esm.js";import"../../chunks/chunk-3DUB5C4Z.esm.js";import"../../chunks/chunk-KT6QQ3UJ.esm.js";import"../../chunks/chunk-SEPVF2TL.esm.js";import"../../chunks/chunk-LDOM2UUN.esm.js";import"../../chunks/chunk-L7A7RA56.esm.js";import"../../chunks/chunk-HVFI7FHR.esm.js";import"../../chunks/chunk-LSLBDF5M.esm.js";import"../../chunks/chunk-TQMP7PZI.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-JWNC52FT.esm.js";import"../../chunks/chunk-AULAOFBW.esm.js";import"../../chunks/chunk-4SDDAQ6N.esm.js";import"../../chunks/chunk-IN2WB2ZK.esm.js";import"../../chunks/chunk-FOWO4QTS.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-XR763B4T.esm.js";import"../../chunks/chunk-47UE4K3O.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-VCMHX5VK.esm.js";import"../../chunks/chunk-AAZFRX52.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-C7U4X56I.esm.js";import"../../chunks/chunk-QXV2TDLZ.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-QEB4VTKV.esm.js";import"../../chunks/chunk-R2QEO3KP.esm.js";import"../../chunks/chunk-ODL5JUYM.esm.js";import"../../chunks/chunk-3WXII2F3.esm.js";import"../../chunks/chunk-EJ245MA7.esm.js";import"../../chunks/chunk-FNYS25ZX.esm.js";import"../../chunks/chunk-MYU2IAR3.esm.js";import"../../chunks/chunk-VJ5GIFXO.esm.js";import"../../chunks/chunk-REPFMEFA.esm.js";import"../../chunks/chunk-6G22RNUO.esm.js";import"../../chunks/chunk-J6F4PMW4.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Popover};
|