@apollion-dsi/core 5.6.0 → 5.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 +18 -15
- package/lib/chunks/Notification.group-ZF3SWJ5I.esm.js +1 -0
- package/lib/chunks/chunk-2MP3CNPJ.esm.js +1 -0
- package/lib/chunks/{chunk-HMITYQV5.esm.js → chunk-2PGFD7DE.esm.js} +1 -1
- package/lib/chunks/chunk-2W7TWNOU.esm.js +1 -0
- package/lib/chunks/chunk-2X7VF3TI.esm.js +1 -0
- package/lib/chunks/chunk-2XF3K3FZ.esm.js +1 -0
- package/lib/chunks/chunk-2XTVIQMG.esm.js +1 -0
- package/lib/chunks/chunk-3CMIHWCC.esm.js +1 -0
- package/lib/chunks/{chunk-WGTBX72G.esm.js → chunk-3KOZ6RXR.esm.js} +1 -1
- package/lib/chunks/chunk-3KQYIALD.esm.js +1 -0
- package/lib/chunks/{chunk-FPUV6SIF.esm.js → chunk-3N5JOXGO.esm.js} +5 -5
- package/lib/chunks/chunk-3QLUKHRS.esm.js +1 -0
- package/lib/chunks/{chunk-TD4RVB2L.esm.js → chunk-3UAJX5A3.esm.js} +1 -1
- package/lib/chunks/chunk-4QAABEMF.esm.js +1 -0
- package/lib/chunks/chunk-4TYHZCWM.esm.js +43 -0
- package/lib/chunks/chunk-4YTEM7KN.esm.js +1 -0
- package/lib/chunks/{chunk-XGE6OOEJ.esm.js → chunk-4ZBUDHYB.esm.js} +1 -1
- package/lib/chunks/{chunk-7AFAO7ZS.esm.js → chunk-4ZHLV35P.esm.js} +1 -1
- package/lib/chunks/chunk-5HBSIYOZ.esm.js +1 -0
- package/lib/chunks/chunk-5QCS6IIT.esm.js +1 -0
- package/lib/chunks/chunk-5SOYAL34.esm.js +1 -0
- package/lib/chunks/{chunk-CZJF4EVQ.esm.js → chunk-63HDOW4T.esm.js} +1 -1
- package/lib/chunks/{chunk-WU5LSQM6.esm.js → chunk-63W4JKL2.esm.js} +1 -1
- package/lib/chunks/{chunk-SJ3MPBVM.esm.js → chunk-6VRD7OZA.esm.js} +1 -1
- package/lib/chunks/{chunk-4VEUQE23.esm.js → chunk-6X4ODRTI.esm.js} +1 -1
- package/lib/chunks/{chunk-EJ3VKFOX.esm.js → chunk-6X4XOO7T.esm.js} +1 -1
- package/lib/chunks/chunk-6XX3UO2Y.esm.js +1 -0
- package/lib/chunks/chunk-7JMXQ2U5.esm.js +1 -0
- package/lib/chunks/{chunk-WNCECFZT.esm.js → chunk-ACQRO3G2.esm.js} +1 -1
- package/lib/chunks/{chunk-UNM6DHPD.esm.js → chunk-AE6W4G34.esm.js} +1 -1
- package/lib/chunks/chunk-AWDMR4QM.esm.js +1 -0
- package/lib/chunks/chunk-AXUWC2WH.esm.js +1 -0
- package/lib/chunks/{chunk-7EGX7BMB.esm.js → chunk-BERIBF3O.esm.js} +1 -1
- package/lib/chunks/chunk-BES6F7LL.esm.js +1 -0
- package/lib/chunks/chunk-BFABFZI7.esm.js +1 -0
- package/lib/chunks/chunk-BFEEE3TE.esm.js +1 -0
- package/lib/chunks/chunk-BG3YCD4J.esm.js +1 -0
- package/lib/chunks/chunk-BL7NWDMQ.esm.js +1 -0
- package/lib/chunks/chunk-C2LSZ4Q2.esm.js +1 -0
- package/lib/chunks/chunk-CAMUSXB7.esm.js +1 -0
- package/lib/chunks/chunk-CCONLRLQ.esm.js +1 -0
- package/lib/chunks/chunk-CIEJ6VY7.esm.js +1 -0
- package/lib/chunks/chunk-EBOJSNZ5.esm.js +0 -0
- package/lib/chunks/chunk-EHFNO4GE.esm.js +1 -0
- package/lib/chunks/chunk-EXO45TTW.esm.js +1 -0
- package/lib/chunks/{chunk-CQK4PCNH.esm.js → chunk-FPHCXTB2.esm.js} +1 -1
- package/lib/chunks/chunk-GK5CN6U5.esm.js +1 -0
- package/lib/chunks/chunk-GNQ43LWP.esm.js +1 -0
- package/lib/chunks/chunk-HPM5AX5Z.esm.js +1 -0
- package/lib/chunks/chunk-IA234JY2.esm.js +0 -0
- package/lib/chunks/chunk-IPANNHV3.esm.js +1 -0
- package/lib/chunks/chunk-JQ66DKSQ.esm.js +1 -0
- package/lib/chunks/chunk-KK7GK3UF.esm.js +1 -0
- package/lib/chunks/{chunk-YKIFYIC5.esm.js → chunk-KLV4HLS3.esm.js} +1 -1
- package/lib/chunks/{chunk-RZGNPPLN.esm.js → chunk-KSXQYRLN.esm.js} +1 -1
- package/lib/chunks/chunk-LE3YEI3S.esm.js +1 -0
- package/lib/chunks/chunk-LO6YRTFI.esm.js +1 -0
- package/lib/chunks/chunk-LZBENVT6.esm.js +1 -0
- package/lib/chunks/{chunk-MS7WJXDX.esm.js → chunk-MOXCMGJA.esm.js} +1 -1
- package/lib/chunks/chunk-MPKFMMCD.esm.js +2 -0
- package/lib/chunks/chunk-MZWXZLXA.esm.js +1 -0
- package/lib/chunks/{chunk-HRMJR6TD.esm.js → chunk-N3JDQ7WS.esm.js} +1 -1
- package/lib/chunks/{chunk-ZZFLBPSO.esm.js → chunk-NK4FEDW6.esm.js} +5 -5
- package/lib/chunks/chunk-O3MMZ4I5.esm.js +35 -0
- package/lib/chunks/{chunk-I46TFDIX.esm.js → chunk-OAMOSU2N.esm.js} +2 -2
- package/lib/chunks/chunk-P7RR4ZHS.esm.js +1 -0
- package/lib/chunks/chunk-PFLBU7HG.esm.js +1 -0
- package/lib/chunks/chunk-PNTUEAD7.esm.js +1 -0
- package/lib/chunks/chunk-PRJYROUS.esm.js +1 -0
- package/lib/chunks/chunk-PZQFMIES.esm.js +4 -0
- package/lib/chunks/chunk-Q3ZUH3G6.esm.js +1 -0
- package/lib/chunks/chunk-QUUKURSV.esm.js +1 -0
- package/lib/chunks/chunk-QWSJCCTE.esm.js +1 -0
- package/lib/chunks/chunk-RLDFMPSZ.esm.js +1 -0
- package/lib/chunks/chunk-RNL7RFJK.esm.js +1 -0
- package/lib/chunks/{chunk-BMGVQBTB.esm.js → chunk-S5BG7T6G.esm.js} +1 -1
- package/lib/chunks/chunk-SHMDGM76.esm.js +1 -0
- package/lib/chunks/chunk-SJSFQ5J7.esm.js +1 -0
- package/lib/chunks/chunk-STEVHSEJ.esm.js +1 -0
- package/lib/chunks/chunk-STSRIPD6.esm.js +1 -0
- package/lib/chunks/chunk-T4H7YK3A.esm.js +1 -0
- package/lib/chunks/chunk-TLIKQFOT.esm.js +1 -0
- package/lib/chunks/chunk-U525YXTZ.esm.js +1 -0
- package/lib/chunks/chunk-UBIEAIXU.esm.js +1 -0
- package/lib/chunks/{chunk-MJUAYHOW.esm.js → chunk-UPA65UVZ.esm.js} +1 -1
- package/lib/chunks/{chunk-BVKAXW2H.esm.js → chunk-VEEBTN5T.esm.js} +1 -1
- package/lib/chunks/{chunk-XBLZJLBQ.esm.js → chunk-VLK46DIP.esm.js} +1 -1
- package/lib/chunks/chunk-VROT2JQQ.esm.js +1 -0
- package/lib/chunks/chunk-WAPNO2AB.esm.js +1 -0
- package/lib/chunks/{chunk-5SQH2W2J.esm.js → chunk-WGUXV3DS.esm.js} +1 -1
- package/lib/chunks/{chunk-D2T4FF27.esm.js → chunk-WY52IJK2.esm.js} +1 -1
- package/lib/chunks/{chunk-2CVIS37T.esm.js → chunk-XQJ4DROM.esm.js} +1 -1
- package/lib/chunks/chunk-XVPUSCK5.esm.js +1 -0
- package/lib/chunks/chunk-YC44Q5HI.esm.js +1 -0
- package/lib/chunks/chunk-YDPBVYZ5.esm.js +1 -0
- package/lib/chunks/{chunk-VHXSTTRG.esm.js → chunk-YNFKSFHM.esm.js} +2 -2
- package/lib/chunks/{chunk-OHOMOBIV.esm.js → chunk-YPR4N7VC.esm.js} +5 -5
- package/lib/chunks/chunk-YT6XBYTY.esm.js +1 -0
- package/lib/chunks/{chunk-OWMRURZT.esm.js → chunk-YZQXTNVA.esm.js} +1 -1
- package/lib/chunks/chunk-Z7GJDO5T.esm.js +0 -0
- package/lib/chunks/chunk-ZNVEDM3W.esm.js +1 -0
- package/lib/containers/Base/index.esm.js +1 -1
- package/lib/containers/Card/Card.d.ts +23 -13
- package/lib/containers/Card/Card.interface.d.ts +20 -8
- package/lib/containers/Card/Card.style.d.ts +28 -0
- package/lib/containers/Card/index.esm.js +1 -1
- package/lib/containers/Content/index.esm.js +1 -1
- package/lib/containers/Flex/index.esm.js +1 -1
- package/lib/containers/Grid/Grid.interface.d.ts +10 -2
- package/lib/containers/Grid/index.esm.js +1 -1
- package/lib/containers/Motion/Motion.style.d.ts +52 -22
- package/lib/containers/Motion/index.esm.js +1 -1
- package/lib/containers/Notification/Notification.interface.d.ts +8 -0
- package/lib/containers/Notification/Notification.style.d.ts +208 -88
- package/lib/containers/Notification/index.esm.js +1 -1
- package/lib/containers/Paper/Paper.style.d.ts +6 -5
- package/lib/containers/Paper/index.esm.js +1 -1
- package/lib/containers/Scroll/index.esm.js +1 -1
- package/lib/containers/index.esm.js +1 -1
- package/lib/dataDisplay/DataTable/DataTable.style.d.ts +8 -8
- package/lib/dataDisplay/DataTable/index.esm.js +1 -1
- package/lib/dataDisplay/DescriptionList/DescriptionList.interface.d.ts +8 -0
- package/lib/dataDisplay/DescriptionList/index.esm.js +1 -1
- package/lib/dataDisplay/Meter/index.esm.js +1 -1
- package/lib/dataDisplay/Steps/Steps.d.ts +43 -0
- package/lib/dataDisplay/Steps/Steps.interface.d.ts +99 -0
- package/lib/dataDisplay/Steps/Steps.style.d.ts +84 -0
- package/lib/dataDisplay/Steps/index.d.ts +10 -0
- package/lib/dataDisplay/Steps/index.esm.js +1 -0
- package/lib/dataDisplay/Table/Table/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableBody/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableCell/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableCheckboxCell/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableEmpty/TableEmpty.style.d.ts +5 -5
- package/lib/dataDisplay/Table/TableEmpty/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableFooter/TableFooter.style.d.ts +1 -1
- package/lib/dataDisplay/Table/TableFooter/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableHeader/TableHeader.style.d.ts +1 -1
- package/lib/dataDisplay/Table/TableHeader/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableHeaderCell/index.esm.js +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/index.esm.js +1 -1
- package/lib/dataDisplay/Table/index.esm.js +1 -1
- package/lib/dataDisplay/Tabs/Tabs.style.d.ts +4 -4
- package/lib/dataDisplay/Tabs/index.esm.js +1 -1
- package/lib/dataDisplay/index.d.ts +1 -0
- package/lib/dataDisplay/index.esm.js +1 -1
- package/lib/elements/Avatar/index.esm.js +1 -1
- package/lib/elements/Button/Button.interface.d.ts +8 -4
- package/lib/elements/Button/Button.style.d.ts +11 -1
- package/lib/elements/Button/index.esm.js +1 -1
- package/lib/elements/Calendar/index.esm.js +1 -1
- package/lib/elements/Divider/Divider.d.ts +25 -0
- package/lib/elements/Divider/Divider.interface.d.ts +63 -0
- package/lib/elements/Divider/Divider.style.d.ts +49 -0
- package/lib/elements/Divider/index.d.ts +10 -0
- package/lib/elements/Divider/index.esm.js +1 -0
- 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 +49 -8
- package/lib/elements/IconButton/index.esm.js +1 -1
- package/lib/elements/IconText/IconText.d.ts +22 -0
- package/lib/elements/IconText/IconText.interface.d.ts +46 -0
- package/lib/elements/IconText/IconText.style.d.ts +25 -0
- package/lib/elements/IconText/index.d.ts +10 -0
- package/lib/elements/IconText/index.esm.js +1 -0
- package/lib/elements/Image/index.esm.js +1 -1
- package/lib/elements/Label/index.esm.js +1 -1
- package/lib/elements/Link/Link.style.d.ts +8 -8
- package/lib/elements/Link/index.esm.js +1 -1
- package/lib/elements/List/List.d.ts +2 -1
- package/lib/elements/List/List.interface.d.ts +9 -0
- package/lib/elements/List/List.style.d.ts +1 -1
- package/lib/elements/List/index.esm.js +1 -1
- package/lib/elements/Modal/Modal.style.d.ts +790 -340
- package/lib/elements/Modal/index.esm.js +1 -1
- package/lib/elements/Popover/index.esm.js +1 -1
- package/lib/elements/ProgressBar/index.esm.js +1 -1
- package/lib/elements/Spinner/Spinner.d.ts +10 -4
- package/lib/elements/Spinner/Spinner.interface.d.ts +23 -2
- package/lib/elements/Spinner/Spinner.style.d.ts +36 -0
- package/lib/elements/Spinner/index.esm.js +1 -1
- package/lib/elements/Svg/Svg.style.d.ts +1 -1
- package/lib/elements/Svg/index.esm.js +1 -1
- package/lib/elements/Text/Text.interface.d.ts +12 -0
- package/lib/elements/Text/Text.props.d.ts +35 -17
- package/lib/elements/Text/Text.style.d.ts +24 -0
- package/lib/elements/Text/index.esm.js +1 -1
- package/lib/elements/Text/useTickFlash.d.ts +11 -0
- package/lib/elements/Tooltip/index.esm.js +1 -1
- package/lib/elements/index.d.ts +2 -0
- package/lib/elements/index.esm.js +1 -1
- package/lib/factory/BackgroundFactory/index.esm.js +1 -1
- package/lib/factory/ColorFactory/index.esm.js +1 -1
- package/lib/factory/DeepFactory/DeepFactory.d.ts +4 -0
- package/lib/factory/DeepFactory/index.esm.js +1 -1
- package/lib/factory/FlexFactory/FlexFactory.d.ts +12 -0
- package/lib/factory/FlexFactory/FlexFactory.interface.d.ts +16 -0
- package/lib/factory/FlexFactory/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/index.esm.js +1 -1
- package/lib/form/Checkbox/Checkbox.d.ts +1 -1
- package/lib/form/Checkbox/Checkbox.interface.d.ts +12 -1
- package/lib/form/Checkbox/Checkbox.style.d.ts +22 -8
- package/lib/form/Checkbox/index.esm.js +1 -1
- package/lib/form/Field/Field.style.d.ts +5 -2
- package/lib/form/Field/index.esm.js +1 -1
- package/lib/form/FieldGroup/index.esm.js +1 -1
- package/lib/form/Form/index.esm.js +1 -1
- package/lib/form/Input/Input.style.d.ts +10 -10
- package/lib/form/Input/index.esm.js +1 -1
- package/lib/form/InputCurrency/InputCurrency.d.ts +10 -0
- package/lib/form/InputCurrency/InputCurrency.interface.d.ts +36 -0
- package/lib/form/InputCurrency/InputCurrency.style.d.ts +48 -0
- 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.style.d.ts +8 -8
- package/lib/form/InputRange/index.esm.js +1 -1
- package/lib/form/InputSelect/index.esm.js +1 -1
- package/lib/form/Option/Option.d.ts +31 -0
- package/lib/form/Option/Option.interface.d.ts +62 -0
- package/lib/form/Option/Option.style.d.ts +38 -0
- package/lib/form/Option/index.d.ts +10 -0
- package/lib/form/Option/index.esm.js +1 -0
- package/lib/form/Radio/Radio.d.ts +1 -1
- package/lib/form/Radio/Radio.interface.d.ts +13 -2
- package/lib/form/Radio/Radio.style.d.ts +8 -6
- package/lib/form/Radio/index.esm.js +1 -1
- package/lib/form/Select/index.esm.js +1 -1
- package/lib/form/Switch/Switch.d.ts +1 -1
- package/lib/form/Switch/Switch.interface.d.ts +12 -1
- package/lib/form/Switch/Switch.style.d.ts +4 -2
- package/lib/form/Switch/index.esm.js +1 -1
- package/lib/form/TextArea/TextArea.style.d.ts +4 -4
- package/lib/form/TextArea/index.esm.js +1 -1
- package/lib/form/UploadCard/UploadCard.style.d.ts +8 -8
- package/lib/form/UploadCard/index.esm.js +1 -1
- package/lib/form/index.d.ts +1 -0
- package/lib/form/index.esm.js +1 -1
- package/lib/hooks/index.esm.js +1 -1
- package/lib/hooks/useMediaQuery/index.esm.js +1 -1
- 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 +2 -2
- package/lib/layouts/DefaultLayout/index.esm.js +1 -1
- package/lib/layouts/SideBarLayout/SideBarLayout.style.d.ts +2 -2
- package/lib/layouts/SideBarLayout/index.esm.js +1 -1
- package/lib/layouts/index.esm.js +1 -1
- package/lib/scenario/CircleComponent/index.esm.js +1 -1
- package/lib/scenario/RectComponent/index.esm.js +1 -1
- package/lib/scenario/index.esm.js +1 -1
- package/lib/skeleton/ComposedSkeleton/ComposedSkeleton.d.ts +1 -1
- package/lib/skeleton/ComposedSkeleton/ComposedSkeleton.interface.d.ts +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/Animation/Animation.interface.d.ts +6 -0
- package/lib/themes/Animation/index.esm.js +1 -1
- package/lib/themes/Colors/Colors.helpers.d.ts +77 -0
- package/lib/themes/Colors/Colors.interface.d.ts +101 -2
- package/lib/themes/Colors/Colors.ladder.d.ts +98 -0
- package/lib/themes/Colors/index.d.ts +2 -0
- package/lib/themes/Colors/index.esm.js +1 -1
- package/lib/themes/Component/Component.interface.d.ts +19 -1
- package/lib/themes/Component/index.d.ts +1 -1
- package/lib/themes/Component/index.esm.js +1 -1
- package/lib/themes/Deep/index.esm.js +1 -1
- package/lib/themes/Depth/Depth.props.d.ts +14 -0
- package/lib/themes/Depth/index.esm.js +1 -1
- package/lib/themes/Font/Font.interface.d.ts +8 -0
- package/lib/themes/Font/Font.props.d.ts +9 -2
- package/lib/themes/Font/index.esm.js +1 -1
- package/lib/themes/Foundation/Foundation.interface.d.ts +27 -0
- package/lib/themes/Foundation/index.esm.js +1 -1
- package/lib/themes/GlobalStyle/GlobalStyle.d.ts +20 -2
- package/lib/themes/GlobalStyle/index.d.ts +5 -1
- package/lib/themes/GlobalStyle/index.esm.js +1 -1
- package/lib/themes/Ground/Ground.d.ts +28 -0
- package/lib/themes/Ground/Ground.helpers.d.ts +60 -0
- package/lib/themes/Ground/index.d.ts +7 -0
- package/lib/themes/Ground/index.esm.js +1 -0
- package/lib/themes/Mode/Mode.helpers.d.ts +64 -0
- package/lib/themes/Mode/Mode.interface.d.ts +54 -0
- package/lib/themes/Mode/ModeScript.d.ts +14 -0
- package/lib/themes/Mode/index.d.ts +9 -0
- package/lib/themes/Mode/index.esm.js +1 -0
- package/lib/themes/Semantic/Semantic.helpers.d.ts +9 -2
- package/lib/themes/Semantic/Semantic.interface.d.ts +28 -0
- package/lib/themes/Semantic/index.esm.js +1 -1
- package/lib/themes/Surface/index.esm.js +1 -1
- package/lib/themes/ThemeProvider/ThemeProvider.d.ts +10 -4
- package/lib/themes/ThemeProvider/ThemeProvider.interface.d.ts +114 -10
- package/lib/themes/ThemeProvider/ThemeProvider.modes.d.ts +52 -0
- package/lib/themes/ThemeProvider/index.esm.js +1 -1
- package/lib/themes/index.d.ts +2 -0
- package/lib/themes/index.esm.js +1 -1
- package/lib/utils/components/Breakpoints/index.esm.js +1 -1
- package/lib/utils/components/index.esm.js +1 -1
- package/lib/vendors/Culori/apca.d.ts +24 -0
- package/lib/vendors/Culori/index.d.ts +1 -0
- package/lib/vendors/StyledComponents/component.d.ts +3 -2
- package/lib/vendors/StyledComponents/index.d.ts +1 -1
- package/package.json +30 -3
- package/lib/chunks/Notification.group-GB62BMAL.esm.js +0 -1
- package/lib/chunks/chunk-2CW4G3UR.esm.js +0 -1
- package/lib/chunks/chunk-2R6XFFSQ.esm.js +0 -1
- package/lib/chunks/chunk-2WED4EVR.esm.js +0 -43
- package/lib/chunks/chunk-34QOWBI6.esm.js +0 -1
- package/lib/chunks/chunk-3EOSES4S.esm.js +0 -1
- package/lib/chunks/chunk-452VAAGY.esm.js +0 -1
- package/lib/chunks/chunk-4BMWIGG4.esm.js +0 -1
- package/lib/chunks/chunk-4V7LOS5Z.esm.js +0 -1
- package/lib/chunks/chunk-56NEPHUH.esm.js +0 -1
- package/lib/chunks/chunk-5HENHW73.esm.js +0 -1
- package/lib/chunks/chunk-5MWVBWXW.esm.js +0 -1
- package/lib/chunks/chunk-5NE62M4R.esm.js +0 -1
- package/lib/chunks/chunk-6N52NFPT.esm.js +0 -1
- package/lib/chunks/chunk-6OXVRDS2.esm.js +0 -1
- package/lib/chunks/chunk-6X6WKZ3Y.esm.js +0 -1
- package/lib/chunks/chunk-73MPQ5OY.esm.js +0 -1
- package/lib/chunks/chunk-A6Z2M2XU.esm.js +0 -1
- package/lib/chunks/chunk-APD22JEO.esm.js +0 -1
- package/lib/chunks/chunk-AYZYOY57.esm.js +0 -1
- package/lib/chunks/chunk-BC24WDTC.esm.js +0 -1
- package/lib/chunks/chunk-BRXIFPWB.esm.js +0 -1
- package/lib/chunks/chunk-CLDPV7NK.esm.js +0 -1
- package/lib/chunks/chunk-CZAUFZ45.esm.js +0 -1
- package/lib/chunks/chunk-DLVRDZRA.esm.js +0 -35
- package/lib/chunks/chunk-E3MSXQXV.esm.js +0 -1
- package/lib/chunks/chunk-G4IUG32B.esm.js +0 -1
- package/lib/chunks/chunk-IE4YNQFD.esm.js +0 -1
- package/lib/chunks/chunk-IWMEDT6U.esm.js +0 -1
- package/lib/chunks/chunk-K2BKOGDX.esm.js +0 -1
- package/lib/chunks/chunk-KASRN4X5.esm.js +0 -1
- package/lib/chunks/chunk-KHEBUAB4.esm.js +0 -1
- package/lib/chunks/chunk-KI5W6U4K.esm.js +0 -1
- package/lib/chunks/chunk-KYIPVR2T.esm.js +0 -1
- package/lib/chunks/chunk-LATE6DIA.esm.js +0 -1
- package/lib/chunks/chunk-LTTG3NIJ.esm.js +0 -1
- package/lib/chunks/chunk-M32CTX5Z.esm.js +0 -1
- package/lib/chunks/chunk-M33BYGAO.esm.js +0 -1
- package/lib/chunks/chunk-MBYC37CX.esm.js +0 -1
- package/lib/chunks/chunk-MLIU6MRT.esm.js +0 -1
- package/lib/chunks/chunk-NQBO2D7L.esm.js +0 -1
- package/lib/chunks/chunk-NYDXZB2D.esm.js +0 -1
- package/lib/chunks/chunk-OUHMU5PP.esm.js +0 -1
- package/lib/chunks/chunk-OZIEVLUR.esm.js +0 -1
- package/lib/chunks/chunk-P5PWDVWO.esm.js +0 -1
- package/lib/chunks/chunk-ROSLCQXL.esm.js +0 -1
- package/lib/chunks/chunk-RU6QRCR7.esm.js +0 -1
- package/lib/chunks/chunk-RUKCBNDS.esm.js +0 -1
- package/lib/chunks/chunk-RZDVS7AY.esm.js +0 -1
- package/lib/chunks/chunk-T6ZB656A.esm.js +0 -1
- package/lib/chunks/chunk-TISQZ6PQ.esm.js +0 -1
- package/lib/chunks/chunk-TLBV5OUM.esm.js +0 -1
- package/lib/chunks/chunk-TQJTHPA3.esm.js +0 -1
- package/lib/chunks/chunk-TUALAE4W.esm.js +0 -1
- package/lib/chunks/chunk-UHMYTFMU.esm.js +0 -1
- package/lib/chunks/chunk-VAJGIZNP.esm.js +0 -1
- package/lib/chunks/chunk-YRBM4WYM.esm.js +0 -1
- package/lib/chunks/chunk-ZLFQHCLE.esm.js +0 -1
- /package/lib/chunks/{chunk-KL3ATH64.esm.js → chunk-4L2KOZIQ.esm.js} +0 -0
|
@@ -1,4 +1,24 @@
|
|
|
1
1
|
import { AcceptColorType, ColorPalleteInterface, ColorPalleteOverrideInterface, ColorsInput, ColorsType, GrayscaleColorsType, NeutralColorsType, ThemeColorsType } from './Colors.interface';
|
|
2
|
+
/**
|
|
3
|
+
* OKLch perceptual lerp wrapper.
|
|
4
|
+
*
|
|
5
|
+
* Replaces `Color(a).mix(b, t).hex()` (RGB lerp in `color@5`, perceptually
|
|
6
|
+
* non-uniform — produces luminance "holes" in greyscale ramps) with
|
|
7
|
+
* `culori.interpolate([a, b], 'oklch')(t)` (OKLch lerp, perceptually
|
|
8
|
+
* uniform in OKLAB L space).
|
|
9
|
+
*
|
|
10
|
+
* Validated via spike `spike/culori-oklch-lerp-parity` (preserved locally —
|
|
11
|
+
* see ADR-006 §11.5): 0 unexpected regressions across 68 deltas, greyscale
|
|
12
|
+
* ramp OKLAB L std-dev **19× more uniform** vs RGB lerp.
|
|
13
|
+
*
|
|
14
|
+
* `culori.interpolate` in mode `'oklch'` uses `fixupHueShorter` by default
|
|
15
|
+
* (grill-with-docs validated 2026-05-24) — correct for palette derivation.
|
|
16
|
+
*
|
|
17
|
+
* @see ADR-006 §2 (Bottleneck B1), §6 S2
|
|
18
|
+
* @see PRD-002 §S2
|
|
19
|
+
* @see ../vendors/Culori/README.md — "Equivalence proof" (the original spike lives on the spike/culori-oklch-lerp-parity branch, never merged)
|
|
20
|
+
*/
|
|
21
|
+
export declare function mixOklch(a: string, b: string, t: number): string;
|
|
2
22
|
/**
|
|
3
23
|
* Convert hex/css string → comma-separated "r,g,b" triplet.
|
|
4
24
|
*
|
|
@@ -32,6 +52,16 @@ export declare const HextoRgb: {
|
|
|
32
52
|
export declare function getOppositeColor(color: AcceptColorType): string;
|
|
33
53
|
/** WCAG AA contrast floor for normal text. */
|
|
34
54
|
export declare const MIN_CONTRAST_AA = 4.5;
|
|
55
|
+
/**
|
|
56
|
+
* WCAG contrast ratio (1–21) between two colors.
|
|
57
|
+
*
|
|
58
|
+
* **Single source of contrast** — shared by `getContrastColor` and
|
|
59
|
+
* `readableColor` to avoid duplicating the `parse` + `wcagContrast` pair.
|
|
60
|
+
* Accepts a string or `ColorPalleteInterface` (coerced via `getColor`/`coerceToHex`).
|
|
61
|
+
* Returns `1` (absence of contrast) if either color fails to parse, keeping
|
|
62
|
+
* callers in best-effort mode instead of throwing.
|
|
63
|
+
*/
|
|
64
|
+
export declare function contrastRatio(a: AcceptColorType, b: AcceptColorType): number;
|
|
35
65
|
/**
|
|
36
66
|
* Adjusts the lightness (OKLch L) of `color` until it reaches a WCAG contrast
|
|
37
67
|
* floor against `background`, **preserving hue and chroma**.
|
|
@@ -220,6 +250,23 @@ export declare function resolveDisabledNeutral(colors: ThemeColorsType): {
|
|
|
220
250
|
export declare function resolveStructuralNeutrals(colors: ThemeColorsType): {
|
|
221
251
|
muted: string;
|
|
222
252
|
};
|
|
253
|
+
/**
|
|
254
|
+
* Neutral ramp index seeding the `quiet` palette per polarity — mid-gray on
|
|
255
|
+
* a light canvas, its inverted counterpart on a dark one.
|
|
256
|
+
*
|
|
257
|
+
* @see resolveQuietPalette · APOLLION-BUTTON-NEUTRAL
|
|
258
|
+
*/
|
|
259
|
+
export declare const QUIET_NEUTRAL_INDICES: {
|
|
260
|
+
readonly light: 70;
|
|
261
|
+
readonly dark: 110;
|
|
262
|
+
};
|
|
263
|
+
/**
|
|
264
|
+
* `quiet` palette — a {@link ColorPalleteInterface} built from one Neutral
|
|
265
|
+
* ramp stop through {@link mountSingleColor}, so it carries the same
|
|
266
|
+
* perceptual state floor (ADR-012) and AA tonal pair (ADR-018) as the brand
|
|
267
|
+
* palettes. Assembled once in {@link createColors} → `theme.colors.quiet`.
|
|
268
|
+
*/
|
|
269
|
+
export declare function resolveQuietPalette(colors: ThemeColorsType, input: ColorsInput): ColorPalleteInterface;
|
|
223
270
|
/**
|
|
224
271
|
* Perceptual state floor between `base` and an interaction state (`action`/`active`):
|
|
225
272
|
* minimum WCAG luminance ratio for the shift to be perceptible (ADR-012).
|
|
@@ -232,6 +279,36 @@ export declare const MIN_STATE_CONTRAST = 1.3;
|
|
|
232
279
|
* clearly visible shift measures < 1.3x — the perceptually uniform ΔL does not saturate.
|
|
233
280
|
*/
|
|
234
281
|
export declare const STATE_DELTA_L_JND = 0.05;
|
|
282
|
+
/**
|
|
283
|
+
* Infers the surface mode from the luminance of `baseLight` (the theme's page
|
|
284
|
+
* surface): if white contrasts more than black against it, the surface is
|
|
285
|
+
* dark → states lighten; otherwise (or without `baseLight`), they darken (the
|
|
286
|
+
* historical light behavior).
|
|
287
|
+
*/
|
|
288
|
+
export declare function isDarkSurface(baseLight?: string): boolean;
|
|
289
|
+
/**
|
|
290
|
+
* Shifts the OKLch lightness of `color` by `delta` (result clamped to `[0, 1]`),
|
|
291
|
+
* hue and chroma preserved — the surface-ladder primitive
|
|
292
|
+
* (`paper = canvas + ΔL`, APOLLION-DARK-MODE-ENGINE). Unparsable input passes
|
|
293
|
+
* through untouched.
|
|
294
|
+
*/
|
|
295
|
+
export declare function shiftLightness(color: string, delta: number): string;
|
|
296
|
+
/**
|
|
297
|
+
* Clamps the OKLch lightness of `color` into `[min, max]` (hue/chroma
|
|
298
|
+
* preserved). Returns the input **verbatim** when already inside the range —
|
|
299
|
+
* the halation floors (`CANVAS_MIN_L`, `INK_MAX_L`) must not re-quantize
|
|
300
|
+
* colors that already comply. Unparsable input passes through.
|
|
301
|
+
*/
|
|
302
|
+
export declare function clampLightness(color: string, range: {
|
|
303
|
+
min?: number;
|
|
304
|
+
max?: number;
|
|
305
|
+
}): string;
|
|
306
|
+
/**
|
|
307
|
+
* `rgba(r, g, b, a)` string for `color` at `alpha` (clamped to `[0, 1]`) — the
|
|
308
|
+
* edge/wash primitive (ink at 10–20 % over any ground). Unparsable input
|
|
309
|
+
* passes through.
|
|
310
|
+
*/
|
|
311
|
+
export declare function toRgbaString(color: string, alpha: number): string;
|
|
235
312
|
/**
|
|
236
313
|
* Derives the 5-stop palette (`ColorPalleteInterface`) from a seed via **OKLch
|
|
237
314
|
* perceptual lerp**, with a **mode-aware perceptual state floor** on the
|
|
@@ -58,7 +58,85 @@ interface ActionColorsInterface<T> {
|
|
|
58
58
|
warning?: T;
|
|
59
59
|
danger?: T;
|
|
60
60
|
}
|
|
61
|
-
|
|
61
|
+
/** Theme polarity — the single mode switch of the engine (`isDarkSurface(baseLight)`). */
|
|
62
|
+
export type Polarity = 'light' | 'dark';
|
|
63
|
+
/**
|
|
64
|
+
* Grounds, from the page canvas up the tonal-elevation ladder. In both
|
|
65
|
+
* polarities `paper` is lighter than `canvas` (dark surfaces gain luminance
|
|
66
|
+
* with elevation — the shadow attenuates, the tonal step carries depth).
|
|
67
|
+
*/
|
|
68
|
+
export interface SurfaceLadder {
|
|
69
|
+
/** Page ground (`baseLight`; floored off pure black in dark). */
|
|
70
|
+
canvas: string;
|
|
71
|
+
/** Recessed area (wells, table stripes, inset rails). */
|
|
72
|
+
sunken: string;
|
|
73
|
+
/** Card / input / table ground — the default component surface. */
|
|
74
|
+
paper: string;
|
|
75
|
+
/** Raised element over paper (menus, popovers). */
|
|
76
|
+
raised: string;
|
|
77
|
+
/** Top of the ladder (modal / dialog panel). */
|
|
78
|
+
overlay: string;
|
|
79
|
+
/** Backdrop behind overlays; the consumer applies the opacity. */
|
|
80
|
+
scrim: string;
|
|
81
|
+
}
|
|
82
|
+
/** Neutral text hierarchy — each role is AA over `surface.paper` and `surface.canvas` (except `disabled`, WCAG-exempt). */
|
|
83
|
+
export interface InkLadder {
|
|
84
|
+
primary: string;
|
|
85
|
+
secondary: string;
|
|
86
|
+
muted: string;
|
|
87
|
+
disabled: string;
|
|
88
|
+
}
|
|
89
|
+
/** Lines — `ink.primary` at a fixed alpha, legible on any ground of the ladder. */
|
|
90
|
+
export interface EdgeLadder {
|
|
91
|
+
hairline: string;
|
|
92
|
+
border: string;
|
|
93
|
+
strong: string;
|
|
94
|
+
}
|
|
95
|
+
/** Interaction washes — `ink.primary` at a fixed alpha, polarity-tuned for perceptibility. */
|
|
96
|
+
export interface WashLadder {
|
|
97
|
+
hover: string;
|
|
98
|
+
pressed: string;
|
|
99
|
+
selected: string;
|
|
100
|
+
}
|
|
101
|
+
/** The four ladder groups as assembled on `theme.colors`. */
|
|
102
|
+
export interface LadderGroups {
|
|
103
|
+
surface: SurfaceLadder;
|
|
104
|
+
ink: InkLadder;
|
|
105
|
+
edge: EdgeLadder;
|
|
106
|
+
wash: WashLadder;
|
|
107
|
+
}
|
|
108
|
+
/** Verbatim override of any ladder role (applied over the derivation, never re-derived). */
|
|
109
|
+
export interface LadderOverride {
|
|
110
|
+
surface?: Partial<SurfaceLadder>;
|
|
111
|
+
ink?: Partial<InkLadder>;
|
|
112
|
+
edge?: Partial<EdgeLadder>;
|
|
113
|
+
wash?: Partial<WashLadder>;
|
|
114
|
+
}
|
|
115
|
+
interface LadderInputInterface {
|
|
116
|
+
/**
|
|
117
|
+
* Per-polarity verbatim ladder overrides (ADR-023). Keyed by polarity so the
|
|
118
|
+
* same input survives `toDarkColors` — `light` applies when the theme's
|
|
119
|
+
* `baseLight` is a light ground, `dark` when it is dark.
|
|
120
|
+
*
|
|
121
|
+
* @example
|
|
122
|
+
* ```ts
|
|
123
|
+
* createTheme({ colors: { ladder: { dark: { surface: { paper: '#1a1a19' } } } } });
|
|
124
|
+
* ```
|
|
125
|
+
*/
|
|
126
|
+
ladder?: {
|
|
127
|
+
light?: LadderOverride;
|
|
128
|
+
dark?: LadderOverride;
|
|
129
|
+
};
|
|
130
|
+
}
|
|
131
|
+
/** What the ladder derivation reads — anchors + the neutral ramp (light scrim) + optional overrides. */
|
|
132
|
+
export type LadderInput = ContrastColorsInterface & DeepColorsInterface & LadderInputInterface & {
|
|
133
|
+
neutral?: Record<NeutralColorsType, string>;
|
|
134
|
+
};
|
|
135
|
+
export type SurfaceRole = keyof SurfaceLadder;
|
|
136
|
+
export type InkRole = keyof InkLadder;
|
|
137
|
+
export type EdgeRole = keyof EdgeLadder;
|
|
138
|
+
export type WashRole = keyof WashLadder;
|
|
139
|
+
export type ColorsInput<T = ColorSeedInputType> = ContrastColorsInterface & DeepColorsInterface & LadderInputInterface & BrandColorsInterface<T> & ActionColorsInterface<T> & MainColorsInterface<T>;
|
|
62
140
|
type ColorVariantNamesType = 'dark' | 'action' | 'light' | 'active';
|
|
63
141
|
type FunctionColorsType = 'primary' | 'secondary' | 'tertiary';
|
|
64
142
|
type FeedbackColorsType = 'success' | 'information' | 'warning' | 'danger';
|
|
@@ -72,7 +150,9 @@ type GrayscaleColorType<S extends GrayscaleColorsType = GrayscaleColorsType> = `
|
|
|
72
150
|
type NeutralColorType<S extends NeutralColorsType = NeutralColorsType> = `neutral.${S}`;
|
|
73
151
|
export type BgColorsTypes = ColorWithVariantType | GrayscaleColorType | NeutralColorType | BrandColorsType | ContrastColorsType
|
|
74
152
|
/** Mode-aware soft fill assembled in `createColors`. */
|
|
75
|
-
| 'muted'
|
|
153
|
+
| 'muted'
|
|
154
|
+
/** Surface ladder roles (ADR-023) — grounds, inks, edges and washes. */
|
|
155
|
+
| `surface.${SurfaceRole}` | `ink.${InkRole}` | `edge.${EdgeRole}` | `wash.${WashRole}`;
|
|
76
156
|
export type ColorsType = BgColorsTypes | null;
|
|
77
157
|
export type ThemeColorsType<T = ColorPalleteInterface> = BrandColorsInterface<T> & MainColorsInterface<T> & ActionColorsInterface<T> & ContrastColorsInterface & DeepColorsInterface & {
|
|
78
158
|
neutral?: Record<NeutralColorsType, string>;
|
|
@@ -103,5 +183,24 @@ export type ColorsThemeInterface = ThemeColorsType & {
|
|
|
103
183
|
* Borders/placeholders: direct Neutral ramp (`neutral.40` / `neutral.70`).
|
|
104
184
|
*/
|
|
105
185
|
muted: string;
|
|
186
|
+
/**
|
|
187
|
+
* Quiet interaction palette — a full six-stop palette derived from the
|
|
188
|
+
* Neutral ramp (mode-aware seed, `neutral.70` light / `neutral.110` dark)
|
|
189
|
+
* so chrome CTAs (`Button color="neutral"`) get rest/hover/pressed stops
|
|
190
|
+
* without borrowing a brand hue. The `neutral` scale itself stays a ramp.
|
|
191
|
+
*/
|
|
192
|
+
quiet: ColorPalleteInterface;
|
|
193
|
+
/**
|
|
194
|
+
* Surface ladder (ADR-023) — mode-aware grounds (`canvas` → `overlay`),
|
|
195
|
+
* resolved at theme assembly from the contrast anchors; `paper` is lighter
|
|
196
|
+
* than `canvas` in both polarities. Dot-path resolvable (`bgColor="surface.paper"`).
|
|
197
|
+
*/
|
|
198
|
+
surface: SurfaceLadder;
|
|
199
|
+
/** Neutral text hierarchy, AA over `surface.paper`/`canvas` (ADR-023). */
|
|
200
|
+
ink: InkLadder;
|
|
201
|
+
/** Ink-alpha lines, legible on any ground (ADR-023). */
|
|
202
|
+
edge: EdgeLadder;
|
|
203
|
+
/** Ink-alpha interaction washes (ADR-023). */
|
|
204
|
+
wash: WashLadder;
|
|
106
205
|
};
|
|
107
206
|
export {};
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import type { LadderGroups, LadderInput, Polarity, WashLadder } from './Colors.interface';
|
|
2
|
+
/**
|
|
3
|
+
* Surface ladder — the mode-aware role layer for grounds, inks, edges and
|
|
4
|
+
* washes (APOLLION-DARK-MODE-ENGINE, ADR-023).
|
|
5
|
+
*
|
|
6
|
+
* Every role is derived from the contrast anchors (`baseLight` → canvas,
|
|
7
|
+
* `baseDark` → ink) in OKLch, keyed by the theme's **polarity**
|
|
8
|
+
* ({@link resolvePolarity}) — the same single switch that already drives
|
|
9
|
+
* `disabled`/`muted` and the ADR-012 state floors. `toDarkColors` flips the
|
|
10
|
+
* anchors, so the dark ladder falls out of the same formulas: paper is
|
|
11
|
+
* *lighter* than the canvas in both modes (tonal elevation), edges and washes
|
|
12
|
+
* are the primary ink at a fixed alpha (they work on any ground), and the
|
|
13
|
+
* halation floors keep the dark canvas off pure black and the dark ink off
|
|
14
|
+
* pure white.
|
|
15
|
+
*
|
|
16
|
+
* **Purity + idempotence (ADR-002 §9):** reads nothing external, does not
|
|
17
|
+
* mutate the input, same input → byte-equivalent output. Mirrored
|
|
18
|
+
* byte-for-byte in `@apollion-dsi/tokens` (`builders/ladder.ts`, Strangler
|
|
19
|
+
* Fig parity).
|
|
20
|
+
*
|
|
21
|
+
* @see ../../docs/adr/ADR-023-surface-ladder-mode-aware-elevation.md
|
|
22
|
+
* @see ../../../../docs/references/dark-mode-ladder-spec.md (derivation spec)
|
|
23
|
+
*/
|
|
24
|
+
/** OKLch lightness deltas from the canvas, per surface role. */
|
|
25
|
+
export declare const LADDER_DELTAS: {
|
|
26
|
+
readonly sunken: -0.025;
|
|
27
|
+
readonly paper: 0.06;
|
|
28
|
+
readonly raised: 0.09;
|
|
29
|
+
readonly overlay: 0.12;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Halation floors: a dark canvas never reaches pure black (OLED smear / glare
|
|
33
|
+
* margin) and a dark primary ink never reaches pure white (glyph bloom for
|
|
34
|
+
* astigmatic readers).
|
|
35
|
+
*/
|
|
36
|
+
export declare const HALATION_FLOORS: {
|
|
37
|
+
readonly CANVAS_MIN_L: 0.13;
|
|
38
|
+
readonly INK_MAX_L: 0.95;
|
|
39
|
+
};
|
|
40
|
+
/** Mix ratios of `ink.primary` toward the canvas for the secondary inks. */
|
|
41
|
+
export declare const INK_MIX: {
|
|
42
|
+
readonly secondary: 0.22;
|
|
43
|
+
readonly muted: 0.4;
|
|
44
|
+
readonly disabled: 0.6;
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* APCA `|Lc|` floors per ink role over `surface.paper` (WCAG 3 candidate
|
|
48
|
+
* tiers: 75 body, 60 secondary, 45 large/secondary text). WCAG 2's 4.5:1
|
|
49
|
+
* under-weights light-on-dark pairs — a muted dark-mode ink can pass 4.5:1 and
|
|
50
|
+
* still sit below Lc 45 — so the ink derivation clears BOTH metrics.
|
|
51
|
+
*/
|
|
52
|
+
export declare const INK_APCA_MIN: {
|
|
53
|
+
readonly primary: 75;
|
|
54
|
+
readonly secondary: 60;
|
|
55
|
+
readonly muted: 45;
|
|
56
|
+
};
|
|
57
|
+
/** Alpha of `ink.primary` per edge role (ink-alpha lines work on any ground). */
|
|
58
|
+
export declare const EDGE_ALPHA: {
|
|
59
|
+
readonly hairline: 0.1;
|
|
60
|
+
readonly border: 0.2;
|
|
61
|
+
readonly strong: 0.32;
|
|
62
|
+
};
|
|
63
|
+
/** Alpha of `ink.primary` per wash role, per polarity (dark needs a stronger wash to be perceptible). */
|
|
64
|
+
export declare const WASH_ALPHA: Readonly<Record<Polarity, Readonly<Record<keyof WashLadder, number>>>>;
|
|
65
|
+
/**
|
|
66
|
+
* The theme's polarity — `'dark'` when white contrasts more than black
|
|
67
|
+
* against `baseLight` (the page ground), `'light'` otherwise (and without
|
|
68
|
+
* `baseLight`). Single source of truth for every mode-aware derivation.
|
|
69
|
+
*/
|
|
70
|
+
export declare function resolvePolarity(colors: LadderInput): Polarity;
|
|
71
|
+
/** Opposite polarity — used by `invertForSurface` (negative = the other ladder). */
|
|
72
|
+
export declare function oppositePolarity(polarity: Polarity): Polarity;
|
|
73
|
+
/**
|
|
74
|
+
* Resolves the four ladder groups (`surface` / `ink` / `edge` / `wash`) for
|
|
75
|
+
* the given structural anchors.
|
|
76
|
+
*
|
|
77
|
+
* @param colors - Contrast anchors (+ `neutral` ramp for the light scrim).
|
|
78
|
+
* @param override - Optional verbatim override keyed by polarity
|
|
79
|
+
* (`ColorsInput.ladder`): the entry matching the resolved polarity is
|
|
80
|
+
* applied over the derived roles, never re-derived. Keyed by polarity so it
|
|
81
|
+
* survives `toDarkColors`.
|
|
82
|
+
*
|
|
83
|
+
* @example
|
|
84
|
+
* ```ts
|
|
85
|
+
* const { surface, ink } = resolveSurfaceLadder({ baseLight: '#0b0b0b', baseDark: '#f9f9f7', deepLight: '#000' });
|
|
86
|
+
* surface.paper; // '#181818' — lighter than the #0b0b0b canvas
|
|
87
|
+
* ink.primary; // '#eeeeec' — never pure white
|
|
88
|
+
* ```
|
|
89
|
+
*/
|
|
90
|
+
export declare function resolveSurfaceLadder(colors: LadderInput, override?: LadderInput['ladder']): LadderGroups;
|
|
91
|
+
/**
|
|
92
|
+
* The ladder of the **opposite** polarity for the same theme — the canonical
|
|
93
|
+
* anchor swap (`baseLight↔baseDark`, `deepLight↔deepDark`, the same swap as
|
|
94
|
+
* `toDarkColors`) run through {@link resolveSurfaceLadder}. Used by
|
|
95
|
+
* `invertForSurface`: negative-on-light is the dark ladder, negative-on-dark
|
|
96
|
+
* the light one (closes the ADR-006 §3.6 E6 parking).
|
|
97
|
+
*/
|
|
98
|
+
export declare function resolveOppositeLadder(colors: LadderInput): LadderGroups;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as P,b as Q,c as R,d as S,e as T,f as U,g as V,h as W}from"../../chunks/chunk-U525YXTZ.esm.js";import{a as F,b as G,c as H,d as I,e as J,f as K,g as L,h as M,i as N,j as O}from"../../chunks/chunk-STSRIPD6.esm.js";import{A as y,B as z,C as A,D as B,E as C,F as D,G as E,c as a,d as b,e as c,f as d,g as e,h as f,i as g,j as h,k as i,l as j,m as k,n as l,o as m,p as n,q as o,r as p,s as q,t as r,u as s,v as t,w as u,x as v,y as w,z as x}from"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{n as DISABLED_NEUTRAL_INDICES,J as EDGE_ALPHA,G as HALATION_FLOORS,d as HextoRgb,I as INK_APCA_MIN,H as INK_MIX,F as LADDER_DELTAS,f as MIN_CONTRAST_AA,t as MIN_STATE_CONTRAST,l as NEUTRAL_TEXT_INDICES,T as OKABE_ITO,r as QUIET_NEUTRAL_INDICES,k as READABLE_TEXT_PALETTES,u as STATE_DELTA_L_JND,o as STRUCTURAL_NEUTRAL_INDICES,K as WASH_ALPHA,W as accessibilityPalettes,b as apcaContrast,a as apcaLuminance,x as clampLightness,U as colorblindPalette,g as contrastRatio,Q as createColors,m as createReadableTextLayer,P as defaultInputColors,i as getColor,j as getContrastColor,e as getOppositeColor,R as grayscalePalette,S as highContrastPalette,v as isDarkSurface,c as mixOklch,D as mountActionColors,C as mountBaseColors,A as mountGreyscaleColors,E as mountMainColors,B as mountNeutralColors,z as mountSingleColor,M as oppositePolarity,h as readableColor,p as resolveDisabledNeutral,O as resolveOppositeLadder,L as resolvePolarity,s as resolveQuietPalette,q as resolveStructuralNeutrals,N as resolveSurfaceLadder,w as shiftLightness,V as toDarkColors,y as toRgbaString};
|
|
@@ -49,6 +49,19 @@ export interface ButtonSizeTokens {
|
|
|
49
49
|
px: SpacingAlias;
|
|
50
50
|
borderRadius: BorderRadiusKey;
|
|
51
51
|
}
|
|
52
|
+
/**
|
|
53
|
+
* Defaults of `Text` when the call site omits the prop
|
|
54
|
+
* (`theme.component.text.*`, APOLLION-COMPONENT-TEXT). Explicit props and the
|
|
55
|
+
* `variant` bundle still win; these fill the gaps.
|
|
56
|
+
*/
|
|
57
|
+
export interface TextTokens {
|
|
58
|
+
/** Weight of bare `<Text>` (the `regular` step of the ladder by default). */
|
|
59
|
+
fontWeight: FontWeightKey;
|
|
60
|
+
/** Optional default size alias; variants keep their own sizes. */
|
|
61
|
+
fontSize?: FontSizeKey;
|
|
62
|
+
/** Optional default ink token (`ink.primary` by default). */
|
|
63
|
+
color?: string;
|
|
64
|
+
}
|
|
52
65
|
/** Per-size tokens of the `InputSelect` (`theme.component.inputSelect.size.*`). */
|
|
53
66
|
export interface InputSelectSizeTokens {
|
|
54
67
|
py: SpacingAlias;
|
|
@@ -82,12 +95,17 @@ export interface ComponentTokensLayer {
|
|
|
82
95
|
inputSelect: {
|
|
83
96
|
size: Record<'expansive' | 'medium' | 'compact' | 'micro', InputSelectSizeTokens>;
|
|
84
97
|
};
|
|
98
|
+
text: TextTokens;
|
|
85
99
|
}
|
|
86
100
|
/** Deep-partial consumer override shape accepted by `createComponentTokens`. */
|
|
101
|
+
type SizedComponents = Exclude<keyof ComponentTokensLayer, 'text'>;
|
|
87
102
|
export type ComponentTokensInput = {
|
|
88
|
-
[K in
|
|
103
|
+
[K in SizedComponents]?: {
|
|
89
104
|
size?: {
|
|
90
105
|
[S in keyof ComponentTokensLayer[K]['size']]?: Partial<ComponentTokensLayer[K]['size'][S]>;
|
|
91
106
|
};
|
|
92
107
|
};
|
|
108
|
+
} & {
|
|
109
|
+
text?: Partial<TextTokens>;
|
|
93
110
|
};
|
|
111
|
+
export {};
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
*
|
|
15
15
|
* @see ../../../docs/adr/ADR-020-component-token-tier.md
|
|
16
16
|
*/
|
|
17
|
-
export type { BorderRadiusKey, ButtonSizeTokens, ComponentTokensInput, ComponentTokensLayer, FontWeightKey, InputSelectSizeTokens, InputSizeTokens, LineHeightKey, SelectSizeTokens, SwitchSizeTokens, } from './Component.interface';
|
|
17
|
+
export type { BorderRadiusKey, ButtonSizeTokens, ComponentTokensInput, ComponentTokensLayer, FontWeightKey, InputSelectSizeTokens, InputSizeTokens, LineHeightKey, SelectSizeTokens, SwitchSizeTokens, TextTokens, } from './Component.interface';
|
|
18
18
|
export { createComponentTokens } from './Component.helpers';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as a}from"../../chunks/chunk-
|
|
1
|
+
import{b as a}from"../../chunks/chunk-BERIBF3O.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as createComponentTokens};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk-
|
|
1
|
+
import{a}from"../../chunks/chunk-YZQXTNVA.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as createDeepTheme};
|
|
@@ -3,4 +3,18 @@ import { ColorsThemeInterface } from '../Colors';
|
|
|
3
3
|
export declare const levelValues: {
|
|
4
4
|
[key in DepthAliasTypes]: string;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Shadow ink per polarity (ADR-023): light keeps the historical
|
|
8
|
+
* `neutral.180 @ 0.15`; dark drops to the black anchor (`deepLight` after the
|
|
9
|
+
* canonical swap) at a heavier alpha — a tinted-neutral shadow is a pale glow
|
|
10
|
+
* on a dark ground, and the tonal ladder step carries the elevation instead.
|
|
11
|
+
*/
|
|
12
|
+
export declare const DEPTH_SHADOW: {
|
|
13
|
+
readonly light: {
|
|
14
|
+
readonly alpha: 0.15;
|
|
15
|
+
};
|
|
16
|
+
readonly dark: {
|
|
17
|
+
readonly alpha: 0.4;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
6
20
|
export declare const createDeth: (colors: ColorsThemeInterface) => (value: DepthInterface) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk-
|
|
1
|
+
import"../../chunks/chunk-Z7GJDO5T.esm.js";import{a,b,c}from"../../chunks/chunk-BFABFZI7.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as DEPTH_SHADOW,c as createDeth,a as levelValues};
|
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Brand-level origin of the weight ladder (APOLLION-TYPE-WEIGHT). Analogous
|
|
3
|
+
* to `dimension` for size: the four semantic weights (`light` / `regular` /
|
|
4
|
+
* `bold` / `stronger`) resolve to CSS numbers from the origin, so a brand
|
|
5
|
+
* that reads lighter or heavier overall says it once instead of remapping
|
|
6
|
+
* `font.fontWeight` by hand. `regular` is the stock ladder.
|
|
7
|
+
*/
|
|
8
|
+
export type TypeWeight = 'light' | 'regular' | 'stronger';
|
|
1
9
|
/** Token keys of the typographic size scale (ADR-011). */
|
|
2
10
|
export type FontSizeKey = 'nano' | 'micro' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'giant' | 'colossal' | 'gargantua';
|
|
3
11
|
/**
|
|
@@ -1,5 +1,12 @@
|
|
|
1
|
-
import { FontInput, FontThemeInterface } from './Font.interface';
|
|
1
|
+
import { FontInput, FontThemeInterface, TypeWeight } from './Font.interface';
|
|
2
2
|
import { Dimension } from '../Dimension';
|
|
3
|
+
/**
|
|
4
|
+
* Weight ladder per {@link TypeWeight} origin. `regular` is byte-identical to
|
|
5
|
+
* the stock `defaultInputFont.fontWeight` (no visual change unless a brand
|
|
6
|
+
* opts in); `light` starts the ladder one step lighter, `stronger` one step
|
|
7
|
+
* heavier, keeping four distinct steps.
|
|
8
|
+
*/
|
|
9
|
+
export declare const TYPE_WEIGHT_LADDERS: Record<TypeWeight, FontInput['fontWeight']>;
|
|
3
10
|
export declare const defaultInputFont: FontInput;
|
|
4
11
|
/**
|
|
5
12
|
* Build the resolved `theme.font` from a {@link FontInput}.
|
|
@@ -27,4 +34,4 @@ export declare const defaultInputFont: FontInput;
|
|
|
27
34
|
* @see ./Spacing/Spacing.props.ts#createSpacing (mirrored dimension semantics)
|
|
28
35
|
* @see ../../docs/adr/ADR-011-typography-fixed-root-dimension-rem.md §3.2
|
|
29
36
|
*/
|
|
30
|
-
export declare function createFont({ fontSize: baseScale, ...rest }: FontInput, dimension?: Dimension): FontThemeInterface;
|
|
37
|
+
export declare function createFont({ fontSize: baseScale, ...rest }: FontInput, dimension?: Dimension, typeWeight?: TypeWeight): FontThemeInterface;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk-
|
|
1
|
+
import{a,b,c}from"../../chunks/chunk-P7RR4ZHS.esm.js";import"../../chunks/chunk-JOKVE3IX.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as TYPE_WEIGHT_LADDERS,c as createFont,b as defaultInputFont};
|
|
@@ -27,6 +27,9 @@
|
|
|
27
27
|
* - `bg.warning` ← `semantic.color.feedback.warning.bg`
|
|
28
28
|
* - `bg.info` ← `semantic.color.feedback.information.bg`
|
|
29
29
|
* - `bg.brand` ← `semantic.color.brand.first.default.surface` (brand color / `main`)
|
|
30
|
+
* - `bg.canvas` · `bg.sunken` · `bg.paper` · `bg.raised` · `bg.overlay`
|
|
31
|
+
* ← `semantic.color.surface.<role>.bg` (ADR-023 surface ladder,
|
|
32
|
+
* mode-aware: `paper` is lighter than `canvas` in both polarities)
|
|
30
33
|
*/
|
|
31
34
|
export interface FoundationBg {
|
|
32
35
|
primary: string;
|
|
@@ -37,6 +40,11 @@ export interface FoundationBg {
|
|
|
37
40
|
warning: string;
|
|
38
41
|
info: string;
|
|
39
42
|
brand: string;
|
|
43
|
+
canvas: string;
|
|
44
|
+
sunken: string;
|
|
45
|
+
paper: string;
|
|
46
|
+
raised: string;
|
|
47
|
+
overlay: string;
|
|
40
48
|
}
|
|
41
49
|
/**
|
|
42
50
|
* Short aliases for text colors "on" a Foundation background. The suffix
|
|
@@ -58,6 +66,24 @@ export interface FoundationText {
|
|
|
58
66
|
onMain: string;
|
|
59
67
|
onOpposite: string;
|
|
60
68
|
onComplementary: string;
|
|
69
|
+
/** Neutral text hierarchy over the surface ladder (ADR-023) — AA over `bg.paper`/`bg.canvas`. */
|
|
70
|
+
primary: string;
|
|
71
|
+
secondary: string;
|
|
72
|
+
muted: string;
|
|
73
|
+
/** WCAG-exempt disabled ink (no contrast floor). */
|
|
74
|
+
disabled: string;
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* Ink-alpha lines (ADR-023) — legible on any ground of the ladder. Named
|
|
78
|
+
* `edge` (not `border`) to stay clear of the composite `border` token group.
|
|
79
|
+
* - `edge.hairline` ← `semantic.color.edge.hairline` (dividers, card outline)
|
|
80
|
+
* - `edge.border` ← `semantic.color.edge.border` (inputs, ≥ 3:1 over paper)
|
|
81
|
+
* - `edge.strong` ← `semantic.color.edge.strong` (emphasis rules)
|
|
82
|
+
*/
|
|
83
|
+
export interface FoundationEdge {
|
|
84
|
+
hairline: string;
|
|
85
|
+
border: string;
|
|
86
|
+
strong: string;
|
|
61
87
|
}
|
|
62
88
|
/**
|
|
63
89
|
* Short spacing aliases. They map to Semantic spacing while preserving the
|
|
@@ -86,5 +112,6 @@ export interface FoundationSpacing {
|
|
|
86
112
|
export interface FoundationLayer {
|
|
87
113
|
bg: FoundationBg;
|
|
88
114
|
text: FoundationText;
|
|
115
|
+
edge: FoundationEdge;
|
|
89
116
|
spacing: FoundationSpacing;
|
|
90
117
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../../chunks/chunk-CWRWYU7D.esm.js";import{a}from"../../chunks/chunk-
|
|
1
|
+
import"../../chunks/chunk-CWRWYU7D.esm.js";import{a}from"../../chunks/chunk-PFLBU7HG.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as createFoundation};
|
|
@@ -1,7 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { DefaultTheme, RuleSet } from '../../vendors/StyledComponents';
|
|
2
|
-
|
|
3
|
+
interface GlobalStyleProps {
|
|
3
4
|
theme: DefaultTheme;
|
|
4
5
|
extend?: RuleSet<{
|
|
5
6
|
theme: DefaultTheme;
|
|
6
7
|
}>;
|
|
7
|
-
|
|
8
|
+
/** `<html>` attribute carrying the resolved mode (from the provider). */
|
|
9
|
+
$attribute?: string;
|
|
10
|
+
/** Preference is `'system'` → also follow `prefers-color-scheme` when no attribute is set yet. */
|
|
11
|
+
$system?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const GlobalStyleComponent: React.NamedExoticComponent<import("styled-components").ExecutionProps & GlobalStyleProps>;
|
|
14
|
+
/**
|
|
15
|
+
* Global stylesheet of the Design System: normalize, fixed root, the
|
|
16
|
+
* `color-scheme` rules that drive the mode bridge, and the page ground +
|
|
17
|
+
* primary ink from the surface ladder. Reads the provider (when present) for
|
|
18
|
+
* the attribute name and the `'system'` preference.
|
|
19
|
+
*/
|
|
20
|
+
export declare function GlobalStyle(props: {
|
|
21
|
+
extend?: RuleSet<{
|
|
22
|
+
theme: DefaultTheme;
|
|
23
|
+
}>;
|
|
24
|
+
}): React.ReactElement;
|
|
25
|
+
export {};
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Public barrel for the `GlobalStyle` module.
|
|
3
|
+
*
|
|
4
|
+
* `GlobalStyle` reads the provider (attribute name, `'system'` preference)
|
|
5
|
+
* and renders `GlobalStyleComponent`; the raw component stays exported for
|
|
6
|
+
* consumers that render it outside a provider.
|
|
3
7
|
*/
|
|
4
|
-
export { GlobalStyleComponent
|
|
8
|
+
export { GlobalStyle, GlobalStyleComponent } from './GlobalStyle';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk-
|
|
1
|
+
import{a,b}from"../../chunks/chunk-MPKFMMCD.esm.js";import"../../chunks/chunk-BFEEE3TE.esm.js";import"../../chunks/chunk-TLIKQFOT.esm.js";import"../../chunks/chunk-IA234JY2.esm.js";import"../../chunks/chunk-TG5BCBO4.esm.js";import"../../chunks/chunk-CCONLRLQ.esm.js";import"../../chunks/chunk-6XX3UO2Y.esm.js";import"../../chunks/chunk-BERIBF3O.esm.js";import"../../chunks/chunk-YZQXTNVA.esm.js";import"../../chunks/chunk-Z7GJDO5T.esm.js";import"../../chunks/chunk-P7RR4ZHS.esm.js";import"../../chunks/chunk-JOKVE3IX.esm.js";import"../../chunks/chunk-CWRWYU7D.esm.js";import"../../chunks/chunk-PFLBU7HG.esm.js";import"../../chunks/chunk-IPANNHV3.esm.js";import"../../chunks/chunk-3DUB5C4Z.esm.js";import"../../chunks/chunk-KT6QQ3UJ.esm.js";import"../../chunks/chunk-3KOZ6RXR.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-JQ66DKSQ.esm.js";import"../../chunks/chunk-YC44Q5HI.esm.js";import"../../chunks/chunk-BFABFZI7.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as GlobalStyle,a as GlobalStyleComponent};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface GroundProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/**
|
|
4
|
+
* The ground this subtree sits on — a `theme.colors` token
|
|
5
|
+
* (`'surface.paper'`, `'main'`, `'neutral.10'`) or a runtime CSS color.
|
|
6
|
+
* Painted as the element's background and published as the ground
|
|
7
|
+
* custom properties for every descendant ink.
|
|
8
|
+
*/
|
|
9
|
+
bg: string;
|
|
10
|
+
/** Paint the background (default) or only publish the ground channel (`false`). */
|
|
11
|
+
paint?: boolean;
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Escape hatch of the ground channel (D7): declares the ground of a subtree
|
|
16
|
+
* the Design System did not paint itself (a consumer `styled.div` with its
|
|
17
|
+
* own background, a third-party surface). Components painted through
|
|
18
|
+
* `bgColor` publish the channel automatically — reach for `<Ground>` only
|
|
19
|
+
* when the ground is painted outside the factories.
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* ```tsx
|
|
23
|
+
* <Ground bg="#0b2a3a" paint={false} style={{ background: 'url(hero.jpg)' }}>
|
|
24
|
+
* <Text>Readable over the photo's average tone</Text>
|
|
25
|
+
* </Ground>
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
export declare function Ground({ bg, paint, style, children, ...rest }: GroundProps): React.ReactElement;
|