@digigov/react-core 2.0.0-2445d5cb → 2.0.0-298cfc51
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/AutoCompleteInputBase/index.d.ts +17 -0
- package/{AutoCompleteInput → AutoCompleteInputBase}/index.js +4 -4
- package/AutoCompleteInputBase/index.js.map +7 -0
- package/AutoCompleteInputBase/package.json +6 -0
- package/Base/compat/Input/CheckboxInput.native/index.js +33 -0
- package/Base/compat/Input/CheckboxInput.native/package.json +6 -0
- package/Base/compat/Input/CheckboxInput.native.d.ts +4 -0
- package/Base/compat/Input/CheckboxInput.native.js.map +7 -0
- package/Base/compat/Input/RadioInput.native/index.js +32 -0
- package/Base/compat/Input/RadioInput.native/package.json +6 -0
- package/Base/compat/Input/RadioInput.native.d.ts +4 -0
- package/Base/compat/Input/RadioInput.native.js.map +7 -0
- package/Base/compat/Input/StringInput.native/index.js +99 -0
- package/Base/compat/Input/StringInput.native/package.json +6 -0
- package/Base/compat/Input/StringInput.native.d.ts +7 -0
- package/Base/compat/Input/StringInput.native.js.map +7 -0
- package/Base/compat/Input/index.native/index.js +24 -0
- package/Base/compat/Input/index.native/package.json +6 -0
- package/Base/compat/Input/index.native.d.ts +7 -0
- package/Base/compat/Input/index.native.js.map +7 -0
- package/Base/compat/button.native/index.js +48 -0
- package/Base/compat/button.native/package.json +6 -0
- package/Base/compat/button.native.d.ts +5 -0
- package/Base/compat/button.native.js.map +7 -0
- package/Base/compat/details.native/index.js +40 -0
- package/Base/compat/details.native/package.json +6 -0
- package/Base/compat/details.native.d.ts +8 -0
- package/Base/compat/details.native.js.map +7 -0
- package/Base/compat/li.native/index.js +9 -0
- package/Base/compat/li.native/package.json +6 -0
- package/Base/compat/li.native.d.ts +6 -0
- package/Base/compat/li.native.js.map +7 -0
- package/Base/compat/ol.native/index.js +33 -0
- package/Base/compat/ol.native/package.json +6 -0
- package/Base/compat/ol.native.d.ts +6 -0
- package/Base/compat/ol.native.js.map +7 -0
- package/Base/index.d.ts +2 -95
- package/Base/index.js +3 -98
- package/Base/index.js.map +3 -3
- package/Base/index.native/index.js +165 -0
- package/Base/index.native/package.json +6 -0
- package/Base/index.native.d.ts +7 -0
- package/Base/index.native.js.map +7 -0
- package/Base/index.web/index.js +104 -0
- package/{AutoCompleteInput → Base/index.web}/package.json +1 -1
- package/Base/index.web.d.ts +104 -0
- package/Base/index.web.js.map +7 -0
- package/Base/mapping.native/index.js +34 -0
- package/Base/mapping.native/package.json +6 -0
- package/Base/mapping.native.d.ts +6 -0
- package/Base/mapping.native.js.map +7 -0
- package/Base/utils/index.js +93 -0
- package/{SvgIcon → Base/utils}/package.json +1 -1
- package/Base/utils.d.ts +40 -0
- package/Base/utils.js.map +7 -0
- package/Base/wrap.native/index.js +66 -0
- package/Base/wrap.native/package.json +6 -0
- package/Base/wrap.native.d.ts +2 -0
- package/Base/wrap.native.js.map +7 -0
- package/BreadcrumbsListItem/index.d.ts +3 -8
- package/BreadcrumbsListItem/index.js +4 -14
- package/BreadcrumbsListItem/index.js.map +3 -3
- package/BreadcrumbsListItemLink/index.d.ts +14 -0
- package/BreadcrumbsListItemLink/index.js +24 -0
- package/BreadcrumbsListItemLink/index.js.map +7 -0
- package/BreadcrumbsListItemLink/package.json +6 -0
- package/CallToAction/index.js +1 -1
- package/CallToAction/index.js.map +2 -2
- package/Card/index.js +2 -1
- package/Card/index.js.map +2 -2
- package/CheckboxItem/index.js +4 -16
- package/CheckboxItem/index.js.map +2 -2
- package/CheckboxItemInput/index.d.ts +2 -0
- package/CheckboxItemInput/index.js +6 -0
- package/CheckboxItemInput/index.js.map +7 -0
- package/CheckboxItemInput/index.native/index.js +20 -0
- package/CheckboxItemInput/index.native/package.json +6 -0
- package/CheckboxItemInput/index.native.d.ts +4 -0
- package/CheckboxItemInput/index.native.js.map +7 -0
- package/CheckboxItemInput/index.web/index.js +26 -0
- package/CheckboxItemInput/index.web/package.json +6 -0
- package/CheckboxItemInput/index.web.d.ts +10 -0
- package/CheckboxItemInput/index.web.js.map +7 -0
- package/CheckboxItemInput/package.json +6 -0
- package/Chip/index.js +2 -1
- package/Chip/index.js.map +2 -2
- package/CodeBlockContainer/index.d.ts +1 -1
- package/CodeBlockContainer/index.js.map +1 -1
- package/CodeBlockContent/index.d.ts +1 -1
- package/CodeBlockContent/index.js +3 -2
- package/CodeBlockContent/index.js.map +2 -2
- package/CodeBlockHeader/index.d.ts +1 -1
- package/CodeBlockHeader/index.js +1 -3
- package/CodeBlockHeader/index.js.map +2 -2
- package/CopyToClipboardContainer/index.d.ts +2 -31
- package/CopyToClipboardContainer/index.js +3 -40
- package/CopyToClipboardContainer/index.js.map +3 -3
- package/CopyToClipboardContainer/index.web/index.js +44 -0
- package/CopyToClipboardContainer/index.web/package.json +6 -0
- package/CopyToClipboardContainer/index.web.d.ts +31 -0
- package/CopyToClipboardContainer/index.web.js.map +7 -0
- package/CopyToClipboardMessage/index.d.ts +2 -18
- package/CopyToClipboardMessage/index.js +3 -21
- package/CopyToClipboardMessage/index.js.map +3 -3
- package/CopyToClipboardMessage/index.native/index.js +18 -0
- package/CopyToClipboardMessage/index.native/package.json +6 -0
- package/CopyToClipboardMessage/index.native.d.ts +6 -0
- package/CopyToClipboardMessage/index.native.js.map +7 -0
- package/CopyToClipboardMessage/index.web/index.js +24 -0
- package/CopyToClipboardMessage/index.web/package.json +6 -0
- package/CopyToClipboardMessage/index.web.d.ts +18 -0
- package/CopyToClipboardMessage/index.web.js.map +7 -0
- package/DateInputItem/index.d.ts +2 -26
- package/DateInputItem/index.js +3 -41
- package/DateInputItem/index.js.map +3 -3
- package/DateInputItem/index.native/index.js +17 -0
- package/DateInputItem/index.native/package.json +6 -0
- package/DateInputItem/index.native.d.ts +4 -0
- package/DateInputItem/index.native.js.map +7 -0
- package/DateInputItem/index.web/index.js +32 -0
- package/DateInputItem/index.web/package.json +6 -0
- package/DateInputItem/index.web.d.ts +26 -0
- package/DateInputItem/index.web.js.map +7 -0
- package/Details/index.d.ts +2 -10
- package/Details/index.js +3 -22
- package/Details/index.js.map +3 -3
- package/Details/index.native/index.js +17 -0
- package/Details/index.native/package.json +6 -0
- package/Details/index.native.d.ts +4 -0
- package/Details/index.native.js.map +7 -0
- package/Details/index.web/index.js +25 -0
- package/Details/index.web/package.json +6 -0
- package/Details/index.web.d.ts +10 -0
- package/Details/index.web.js.map +7 -0
- package/Drawer/index.d.ts +7 -5
- package/Drawer/index.js +25 -12
- package/Drawer/index.js.map +2 -2
- package/FieldsetLegend/index.js +1 -4
- package/FieldsetLegend/index.js.map +2 -2
- package/FilterContainer/index.d.ts +8 -6
- package/FilterContainer/index.js +24 -11
- package/FilterContainer/index.js.map +2 -2
- package/FilterHeadingContainer/index.d.ts +12 -0
- package/FilterHeadingContainer/index.js +12 -2
- package/FilterHeadingContainer/index.js.map +2 -2
- package/LabelTitle/index.js +2 -4
- package/LabelTitle/index.js.map +2 -2
- package/LinkBase/index.d.ts +8 -0
- package/LinkBase/index.js +2 -2
- package/LinkBase/index.js.map +2 -2
- package/ModalContainer/index.js +4 -10
- package/ModalContainer/index.js.map +2 -2
- package/NavListItemActionContainer/index.d.ts +2 -10
- package/NavListItemActionContainer/index.js +3 -20
- package/NavListItemActionContainer/index.js.map +3 -3
- package/NavListItemActionContainer/index.native/index.js +17 -0
- package/NavListItemActionContainer/index.native/package.json +6 -0
- package/NavListItemActionContainer/index.native.d.ts +7 -0
- package/NavListItemActionContainer/index.native.js.map +7 -0
- package/NavListItemActionContainer/index.web/index.js +23 -0
- package/NavListItemActionContainer/index.web/package.json +6 -0
- package/NavListItemActionContainer/index.web.d.ts +10 -0
- package/NavListItemActionContainer/index.web.js.map +7 -0
- package/NotificationBannerLink/index.d.ts +2 -11
- package/NotificationBannerLink/index.js +3 -19
- package/NotificationBannerLink/index.js.map +3 -3
- package/NotificationBannerLink/index.native/index.js +16 -0
- package/NotificationBannerLink/index.native/package.json +6 -0
- package/NotificationBannerLink/index.native.d.ts +8 -0
- package/NotificationBannerLink/index.native.js.map +7 -0
- package/NotificationBannerLink/index.web/index.js +22 -0
- package/NotificationBannerLink/index.web/package.json +6 -0
- package/NotificationBannerLink/index.web.d.ts +11 -0
- package/NotificationBannerLink/index.web.js.map +7 -0
- package/PhaseBanner/index.js +2 -1
- package/PhaseBanner/index.js.map +2 -2
- package/PhaseBannerTag/index.d.ts +2 -2
- package/PhaseBannerTag/index.js +1 -1
- package/PhaseBannerTag/index.js.map +1 -1
- package/PhaseBannerText/index.js +1 -1
- package/PhaseBannerText/index.js.map +2 -2
- package/RadioItem/index.js +2 -1
- package/RadioItem/index.js.map +2 -2
- package/ResultsHeadingActions/index.js +2 -4
- package/ResultsHeadingActions/index.js.map +2 -2
- package/Stack/index.d.ts +9 -1
- package/Stack/index.js +6 -1
- package/Stack/index.js.map +2 -2
- package/SummaryList/index.d.ts +1 -1
- package/SummaryList/index.js.map +2 -2
- package/SummaryListItemKey/index.d.ts +14 -0
- package/SummaryListItemKey/index.js +5 -2
- package/SummaryListItemKey/index.js.map +2 -2
- package/TextArea/index.d.ts +2 -24
- package/TextArea/index.js +3 -27
- package/TextArea/index.js.map +3 -3
- package/TextArea/index.native/index.js +16 -0
- package/TextArea/index.native/package.json +6 -0
- package/TextArea/index.native.d.ts +4 -0
- package/TextArea/index.native.js.map +7 -0
- package/TextArea/index.web/index.js +29 -0
- package/TextArea/index.web/package.json +6 -0
- package/TextArea/index.web.d.ts +24 -0
- package/TextArea/index.web.js.map +7 -0
- package/TextInput/index.d.ts +2 -46
- package/TextInput/index.js +3 -40
- package/TextInput/index.js.map +3 -3
- package/TextInput/index.native/index.js +19 -0
- package/TextInput/index.native/package.json +6 -0
- package/TextInput/index.native.d.ts +4 -0
- package/TextInput/index.native.js.map +7 -0
- package/TextInput/index.web/index.js +43 -0
- package/TextInput/index.web/package.json +6 -0
- package/TextInput/index.web.d.ts +46 -0
- package/TextInput/index.web.js.map +7 -0
- package/Unpurge/index.js +2458 -1
- package/Unpurge/index.js.map +2 -2
- package/WarningText/index.js +7 -12
- package/WarningText/index.js.map +2 -2
- package/WarningTextAssistive/index.d.ts +15 -0
- package/WarningTextAssistive/index.js +23 -0
- package/WarningTextAssistive/index.js.map +7 -0
- package/WarningTextAssistive/package.json +6 -0
- package/cjs/{AutoCompleteInput → AutoCompleteInputBase}/index.js +8 -8
- package/cjs/AutoCompleteInputBase/index.js.map +7 -0
- package/cjs/Base/compat/Input/CheckboxInput.native/index.js +66 -0
- package/cjs/Base/compat/Input/CheckboxInput.native.js.map +7 -0
- package/cjs/Base/compat/Input/RadioInput.native/index.js +65 -0
- package/cjs/Base/compat/Input/RadioInput.native.js.map +7 -0
- package/cjs/Base/compat/Input/StringInput.native/index.js +129 -0
- package/cjs/Base/compat/Input/StringInput.native.js.map +7 -0
- package/cjs/Base/compat/Input/index.native/index.js +55 -0
- package/cjs/Base/compat/Input/index.native.js.map +7 -0
- package/cjs/Base/compat/button.native/index.js +81 -0
- package/cjs/Base/compat/button.native.js.map +7 -0
- package/cjs/Base/compat/details.native/index.js +65 -0
- package/cjs/Base/compat/details.native.js.map +7 -0
- package/cjs/Base/compat/li.native/index.js +42 -0
- package/cjs/Base/compat/li.native.js.map +7 -0
- package/cjs/Base/compat/ol.native/index.js +66 -0
- package/cjs/Base/compat/ol.native.js.map +7 -0
- package/cjs/Base/index.js +5 -99
- package/cjs/Base/index.js.map +3 -3
- package/cjs/Base/index.native/index.js +198 -0
- package/cjs/Base/index.native.js.map +7 -0
- package/cjs/Base/index.web/index.js +137 -0
- package/cjs/Base/index.web.js.map +7 -0
- package/cjs/Base/mapping.native/index.js +67 -0
- package/cjs/Base/mapping.native.js.map +7 -0
- package/cjs/Base/utils/index.js +126 -0
- package/cjs/Base/utils.js.map +7 -0
- package/cjs/Base/wrap.native/index.js +99 -0
- package/cjs/Base/wrap.native.js.map +7 -0
- package/cjs/BreadcrumbsListItem/index.js +5 -15
- package/cjs/BreadcrumbsListItem/index.js.map +3 -3
- package/cjs/BreadcrumbsListItemLink/index.js +57 -0
- package/cjs/BreadcrumbsListItemLink/index.js.map +7 -0
- package/cjs/CallToAction/index.js +1 -1
- package/cjs/CallToAction/index.js.map +2 -2
- package/cjs/Card/index.js +2 -1
- package/cjs/Card/index.js.map +2 -2
- package/cjs/CheckboxItem/index.js +4 -16
- package/cjs/CheckboxItem/index.js.map +3 -3
- package/cjs/CheckboxItemInput/index.js +40 -0
- package/cjs/CheckboxItemInput/index.js.map +7 -0
- package/cjs/CheckboxItemInput/index.native/index.js +53 -0
- package/cjs/CheckboxItemInput/index.native.js.map +7 -0
- package/cjs/CheckboxItemInput/index.web/index.js +59 -0
- package/cjs/CheckboxItemInput/index.web.js.map +7 -0
- package/cjs/Chip/index.js +2 -1
- package/cjs/Chip/index.js.map +2 -2
- package/cjs/CodeBlockContainer/index.js.map +1 -1
- package/cjs/CodeBlockContent/index.js +3 -2
- package/cjs/CodeBlockContent/index.js.map +2 -2
- package/cjs/CodeBlockHeader/index.js +1 -3
- package/cjs/CodeBlockHeader/index.js.map +2 -2
- package/cjs/CopyToClipboardContainer/index.js +5 -41
- package/cjs/CopyToClipboardContainer/index.js.map +3 -3
- package/cjs/CopyToClipboardContainer/index.web/index.js +77 -0
- package/cjs/CopyToClipboardContainer/index.web.js.map +7 -0
- package/cjs/CopyToClipboardMessage/index.js +5 -22
- package/cjs/CopyToClipboardMessage/index.js.map +3 -3
- package/cjs/CopyToClipboardMessage/index.native/index.js +51 -0
- package/cjs/CopyToClipboardMessage/index.native.js.map +7 -0
- package/cjs/CopyToClipboardMessage/index.web/index.js +57 -0
- package/cjs/CopyToClipboardMessage/index.web.js.map +7 -0
- package/cjs/DateInputItem/index.js +5 -42
- package/cjs/DateInputItem/index.js.map +3 -3
- package/cjs/DateInputItem/index.native/index.js +50 -0
- package/cjs/DateInputItem/index.native.js.map +7 -0
- package/cjs/DateInputItem/index.web/index.js +65 -0
- package/cjs/DateInputItem/index.web.js.map +7 -0
- package/cjs/Details/index.js +5 -23
- package/cjs/Details/index.js.map +3 -3
- package/cjs/Details/index.native/index.js +50 -0
- package/cjs/Details/index.native.js.map +7 -0
- package/cjs/{SvgIcon → Details/index.web}/index.js +12 -17
- package/cjs/Details/index.web.js.map +7 -0
- package/cjs/Drawer/index.js +25 -12
- package/cjs/Drawer/index.js.map +2 -2
- package/cjs/FieldsetLegend/index.js +1 -4
- package/cjs/FieldsetLegend/index.js.map +2 -2
- package/cjs/FilterContainer/index.js +24 -11
- package/cjs/FilterContainer/index.js.map +2 -2
- package/cjs/FilterHeadingContainer/index.js +12 -2
- package/cjs/FilterHeadingContainer/index.js.map +3 -3
- package/cjs/LabelTitle/index.js +2 -4
- package/cjs/LabelTitle/index.js.map +2 -2
- package/cjs/LinkBase/index.js +2 -2
- package/cjs/LinkBase/index.js.map +2 -2
- package/cjs/ModalContainer/index.js +4 -10
- package/cjs/ModalContainer/index.js.map +2 -2
- package/cjs/NavListItemActionContainer/index.js +5 -21
- package/cjs/NavListItemActionContainer/index.js.map +3 -3
- package/cjs/NavListItemActionContainer/index.native/index.js +50 -0
- package/cjs/NavListItemActionContainer/index.native.js.map +7 -0
- package/cjs/NavListItemActionContainer/index.web/index.js +56 -0
- package/cjs/NavListItemActionContainer/index.web.js.map +7 -0
- package/cjs/NotificationBannerLink/index.js +5 -20
- package/cjs/NotificationBannerLink/index.js.map +3 -3
- package/cjs/NotificationBannerLink/index.native/index.js +49 -0
- package/cjs/NotificationBannerLink/index.native.js.map +7 -0
- package/cjs/NotificationBannerLink/index.web/index.js +55 -0
- package/cjs/NotificationBannerLink/index.web.js.map +7 -0
- package/cjs/PhaseBanner/index.js +2 -1
- package/cjs/PhaseBanner/index.js.map +2 -2
- package/cjs/PhaseBannerTag/index.js +1 -1
- package/cjs/PhaseBannerTag/index.js.map +1 -1
- package/cjs/PhaseBannerText/index.js +1 -1
- package/cjs/PhaseBannerText/index.js.map +2 -2
- package/cjs/RadioItem/index.js +2 -1
- package/cjs/RadioItem/index.js.map +3 -3
- package/cjs/ResultsHeadingActions/index.js +2 -4
- package/cjs/ResultsHeadingActions/index.js.map +3 -3
- package/cjs/Stack/index.js +6 -1
- package/cjs/Stack/index.js.map +2 -2
- package/cjs/SummaryList/index.js.map +2 -2
- package/cjs/SummaryListItemKey/index.js +5 -2
- package/cjs/SummaryListItemKey/index.js.map +2 -2
- package/cjs/TextArea/index.js +5 -28
- package/cjs/TextArea/index.js.map +3 -3
- package/cjs/TextArea/index.native/index.js +49 -0
- package/cjs/TextArea/index.native.js.map +7 -0
- package/cjs/TextArea/index.web/index.js +62 -0
- package/cjs/TextArea/index.web.js.map +7 -0
- package/cjs/TextInput/index.js +5 -41
- package/cjs/TextInput/index.js.map +3 -3
- package/cjs/TextInput/index.native/index.js +52 -0
- package/cjs/TextInput/index.native.js.map +7 -0
- package/cjs/TextInput/index.web/index.js +76 -0
- package/cjs/TextInput/index.web.js.map +7 -0
- package/cjs/Unpurge/index.js +2458 -1
- package/cjs/Unpurge/index.js.map +2 -2
- package/cjs/WarningText/index.js +7 -12
- package/cjs/WarningText/index.js.map +2 -2
- package/cjs/WarningTextAssistive/index.js +56 -0
- package/cjs/WarningTextAssistive/index.js.map +7 -0
- package/cjs/index.js +7 -5
- package/cjs/index.js.map +2 -2
- package/cjs/lazy/index.js +15 -13
- package/cjs/lazy.js.map +2 -2
- package/cjs/registry/index.js +31 -5
- package/cjs/registry.js.map +2 -2
- package/cjs/utils/extend.native/index.js +47 -0
- package/cjs/utils/extend.native.js.map +7 -0
- package/index.d.ts +3 -2
- package/index.js +4 -3
- package/index.js.map +2 -2
- package/lazy/index.js +15 -13
- package/lazy.d.ts +219 -217
- package/lazy.js.map +2 -2
- package/package.json +21 -4
- package/registry/index.js +31 -5
- package/registry.d.ts +15 -2
- package/registry.js.map +2 -2
- package/src/Accordion/__snapshots__/index.test.tsx.snap +2 -2
- package/src/AccordionControls/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AccordionSection/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AccordionSectionContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AccordionSectionSummary/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AccordionSectionSummaryHeading/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AdminAside/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AdminContainer/__snapshots__/index.test.tsx.snap +3 -3
- package/src/AdminHeader/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AdminHeaderContent/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/AdminLayout/__snapshots__/index.test.tsx.snap +2 -2
- package/src/AdminMain/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AdminTopSection/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Aside/__snapshots__/index.test.tsx.snap +2 -2
- package/src/AutoCompleteAssistiveHint/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AutoCompleteContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/{AutoCompleteInput → AutoCompleteInputBase}/__snapshots__/index.test.tsx.snap +3 -3
- package/src/{AutoCompleteInput → AutoCompleteInputBase}/index.test.tsx +4 -4
- package/src/{AutoCompleteInput → AutoCompleteInputBase}/index.tsx +6 -6
- package/src/AutoCompleteInputTypeahead/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AutoCompleteResultList/__snapshots__/index.test.tsx.snap +2 -2
- package/src/AutoCompleteResultListItem/__snapshots__/index.test.tsx.snap +3 -3
- package/src/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +1 -1
- package/src/AutoCompleteStatusContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/BackLink/__snapshots__/index.test.tsx.snap +9 -3
- package/src/BannerContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Base/compat/Input/CheckboxInput.native.tsx +40 -0
- package/src/Base/compat/Input/RadioInput.native.tsx +39 -0
- package/src/Base/compat/Input/StringInput.native.tsx +115 -0
- package/src/Base/compat/Input/index.native.tsx +28 -0
- package/src/Base/compat/button.native.tsx +53 -0
- package/src/Base/compat/details.native.tsx +68 -0
- package/src/Base/compat/li.native.tsx +11 -0
- package/src/Base/compat/ol.native.tsx +41 -0
- package/src/Base/index.native.tsx +202 -0
- package/src/Base/index.tsx +2 -257
- package/src/Base/index.web.tsx +267 -0
- package/src/Base/mapping.native.tsx +41 -0
- package/src/Base/utils.ts +94 -0
- package/src/Base/wrap.native.tsx +98 -0
- package/src/Blockquote/__snapshots__/index.test.tsx.snap +2 -2
- package/src/Bottom/__snapshots__/index.test.tsx.snap +1 -1
- package/src/BottomInfo/__snapshots__/index.test.tsx.snap +2 -2
- package/src/BottomInfoContainer/__snapshots__/index.test.tsx.snap +2 -2
- package/src/BottomInfoContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Breadcrumbs/__snapshots__/index.test.tsx.snap +1 -1
- package/src/BreadcrumbsList/__snapshots__/index.test.tsx.snap +1 -1
- package/src/BreadcrumbsListItem/__snapshots__/index.test.tsx.snap +2 -23
- package/src/BreadcrumbsListItem/index.test.tsx +0 -5
- package/src/BreadcrumbsListItem/index.tsx +6 -20
- package/src/BreadcrumbsListItemLink/__snapshots__/index.test.tsx.snap +26 -0
- package/src/BreadcrumbsListItemLink/index.test.tsx +15 -0
- package/src/BreadcrumbsListItemLink/index.tsx +33 -0
- package/src/Button/__snapshots__/index.test.tsx.snap +13 -13
- package/src/ButtonGroup/__snapshots__/index.test.tsx.snap +1 -1
- package/src/ButtonLink/__snapshots__/index.test.tsx.snap +12 -12
- package/src/CallToAction/__snapshots__/index.test.tsx.snap +6 -3
- package/src/CallToAction/index.tsx +2 -2
- package/src/Card/__snapshots__/index.test.tsx.snap +13 -13
- package/src/Card/index.tsx +3 -2
- package/src/CardAction/__snapshots__/index.test.tsx.snap +1 -1
- package/src/CardContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/CardHeading/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Checkbox/__snapshots__/index.test.tsx.snap +3 -3
- package/src/CheckboxConditional/__snapshots__/index.test.tsx.snap +1 -1
- package/src/CheckboxItem/__snapshots__/index.test.tsx.snap +4 -4
- package/src/CheckboxItem/index.tsx +4 -14
- package/src/CheckboxItemInput/index.native.tsx +17 -0
- package/src/CheckboxItemInput/index.tsx +2 -0
- package/src/CheckboxItemInput/index.web.tsx +34 -0
- package/src/Chip/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Chip/index.tsx +3 -2
- package/src/ChipContainer/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/ChipHeading/__snapshots__/index.test.tsx.snap +1 -1
- package/src/ChipKeyValue/__snapshots__/index.test.tsx.snap +1 -1
- package/src/ChoiceDividerText/__snapshots__/index.test.tsx.snap +1 -1
- package/src/CircularProgress/__snapshots__/index.test.tsx.snap +7 -7
- package/src/CloseButton/__snapshots__/index.test.tsx.snap +9 -3
- package/src/Code/__snapshots__/index.test.tsx.snap +4 -4
- package/src/CodeBlockContainer/__snapshots__/index.test.tsx.snap +3 -9
- package/src/CodeBlockContainer/index.tsx +1 -1
- package/src/CodeBlockContent/__snapshots__/index.test.tsx.snap +17 -0
- package/src/CodeBlockContent/index.tsx +5 -4
- package/src/CodeBlockHeader/__snapshots__/index.test.tsx.snap +13 -0
- package/src/CodeBlockHeader/index.tsx +2 -4
- package/src/Container/__snapshots__/index.test.tsx.snap +4 -4
- package/src/CopyToClipboardContainer/__snapshots__/index.spec.tsx.snap +4 -4
- package/src/CopyToClipboardContainer/index.tsx +2 -74
- package/src/CopyToClipboardContainer/index.web.tsx +75 -0
- package/src/CopyToClipboardMessage/__snapshots__/index.test.tsx.snap +4 -4
- package/src/CopyToClipboardMessage/index.native.tsx +21 -0
- package/src/CopyToClipboardMessage/index.tsx +2 -41
- package/src/CopyToClipboardMessage/index.web.tsx +41 -0
- package/src/CopyrightContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/DateInputContainer/__snapshots__/index.test.tsx.snap +2 -2
- package/src/DateInputItem/__snapshots__/index.test.tsx.snap +4 -4
- package/src/DateInputItem/index.native.tsx +12 -0
- package/src/DateInputItem/index.tsx +2 -64
- package/src/DateInputItem/index.web.tsx +53 -0
- package/src/Details/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Details/index.native.tsx +14 -0
- package/src/Details/index.tsx +2 -27
- package/src/Details/index.web.tsx +27 -0
- package/src/DetailsContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/DetailsSummary/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Drawer/__snapshots__/index.test.tsx.snap +38 -31
- package/src/Drawer/index.tsx +29 -16
- package/src/DrawerHeading/__snapshots__/index.test.tsx.snap +6 -3
- package/src/DropdownBase/__snapshots__/index.test.tsx.snap +7 -7
- package/src/DropdownButton/__snapshots__/index.test.tsx.snap +41 -23
- package/src/DropdownContent/__snapshots__/index.test.tsx.snap +2 -2
- package/src/ErrorMessage/__snapshots__/index.test.tsx.snap +1 -1
- package/src/ErrorSummary/__snapshots__/index.test.tsx.snap +3 -3
- package/src/FieldContainer/__snapshots__/index.test.tsx.snap +2 -2
- package/src/Fieldset/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FieldsetLegend/__snapshots__/index.test.tsx.snap +11 -11
- package/src/FieldsetLegend/index.tsx +1 -4
- package/src/FileUpload/__snapshots__/index.test.tsx.snap +3 -3
- package/src/FileUploadContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FillableText/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FilterContainer/__snapshots__/index.test.tsx.snap +71 -3
- package/src/FilterContainer/index.test.tsx +21 -0
- package/src/FilterContainer/index.tsx +29 -16
- package/src/FilterContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FilterHeadingContainer/__snapshots__/index.test.tsx.snap +13 -1
- package/src/FilterHeadingContainer/index.test.tsx +10 -0
- package/src/FilterHeadingContainer/index.tsx +29 -2
- package/src/FilterOptionsSection/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/FilterSelectedHeading/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/FilterSelectedSection/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Footer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FooterContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FooterContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FooterContentLogos/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FooterHeading/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FooterImage/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FooterInfo/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FooterInfoSection/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FooterLink/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FooterList/__snapshots__/index.test.tsx.snap +2 -2
- package/src/FooterListItem/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FooterNavigation/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FooterNavigationSection/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Form/__snapshots__/index.test.tsx.snap +1 -1
- package/src/FullPageBackground/__snapshots__/index.test.tsx.snap +1 -1
- package/src/GovGRLogo/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Grid/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Header/__snapshots__/index.test.tsx.snap +1 -1
- package/src/HeaderContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/HeaderLogo/__snapshots__/index.test.tsx.snap +1 -1
- package/src/HeaderNavMenuContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/HeaderSecondaryLogo/__snapshots__/index.test.tsx.snap +1 -1
- package/src/HeaderSection/__snapshots__/index.test.tsx.snap +1 -1
- package/src/HeaderTitle/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Heading/__snapshots__/index.test.tsx.snap +1 -1
- package/src/HeadingCaption/__snapshots__/index.test.tsx.snap +1 -1
- package/src/HellenicRepublicLogo/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Hidden/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Hint/__snapshots__/index.test.tsx.snap +1 -1
- package/src/ImageLogo/__snapshots__/index.test.tsx.snap +3 -3
- package/src/ImageLogoSet/__snapshots__/index.test.tsx.snap +6 -6
- package/src/LabelContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/LabelTitle/__snapshots__/index.test.tsx.snap +11 -11
- package/src/LabelTitle/index.tsx +2 -4
- package/src/LabeledText/__snapshots__/index.test.tsx.snap +2 -2
- package/src/Layout/__snapshots__/index.test.tsx.snap +2 -2
- package/src/LinkBase/__snapshots__/index.test.tsx.snap +2 -2
- package/src/LinkBase/index.tsx +10 -2
- package/src/List/__snapshots__/index.test.tsx.snap +7 -7
- package/src/ListItem/__snapshots__/index.test.tsx.snap +1 -1
- package/src/LoaderContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Main/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Masthead/__snapshots__/index.test.tsx.snap +2 -2
- package/src/MastheadBody/__snapshots__/index.test.tsx.snap +1 -1
- package/src/MastheadLogo/__snapshots__/index.test.tsx.snap +1 -1
- package/src/ModalAction/__snapshots__/index.test.tsx.snap +1 -1
- package/src/ModalContainer/__snapshots__/index.test.tsx.snap +4 -4
- package/src/ModalContainer/index.tsx +15 -13
- package/src/ModalContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/ModalHeading/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Nav/__snapshots__/index.test.tsx.snap +8 -8
- package/src/NavList/__snapshots__/index.test.tsx.snap +3 -3
- package/src/NavListItemAction/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NavListItemActionContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NavListItemActionContainer/index.native.tsx +18 -0
- package/src/NavListItemActionContainer/index.tsx +2 -28
- package/src/NavListItemActionContainer/index.web.tsx +28 -0
- package/src/NavListItemBadge/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NavListItemButton/__snapshots__/index.test.tsx.snap +13 -4
- package/src/NavListItemLink/__snapshots__/index.test.tsx.snap +2 -2
- package/src/NavMenuContainer/__snapshots__/index.test.tsx.snap +8 -8
- package/src/NavMenuContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NavMenuContentListBase/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NavMenuContentListItem/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NavMenuTitle/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NormalText/__snapshots__/index.test.tsx.snap +21 -21
- package/src/NotificationBannerContainer/__snapshots__/index.test.tsx.snap +4 -4
- package/src/NotificationBannerContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NotificationBannerHeader/__snapshots__/index.test.tsx.snap +2 -2
- package/src/NotificationBannerHeading/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NotificationBannerLink/__snapshots__/index.test.tsx.snap +1 -1
- package/src/NotificationBannerLink/index.native.tsx +22 -0
- package/src/NotificationBannerLink/index.tsx +2 -28
- package/src/NotificationBannerLink/index.web.tsx +28 -0
- package/src/PageTitleCaption/__snapshots__/index.test.tsx.snap +1 -1
- package/src/PageTitleContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/PageTitleHeading/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Pagination/__snapshots__/index.spec.tsx.snap +2 -2
- package/src/PaginationLabelContainer/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/PaginationList/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/PaginationListItem/__snapshots__/index.spec.tsx.snap +4 -4
- package/src/Panel/__snapshots__/index.test.tsx.snap +2 -2
- package/src/PanelBody/__snapshots__/index.test.tsx.snap +1 -1
- package/src/PanelTitle/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Paragraph/__snapshots__/index.test.tsx.snap +21 -21
- package/src/PhaseBanner/__snapshots__/index.test.tsx.snap +2 -2
- package/src/PhaseBanner/index.tsx +2 -2
- package/src/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +1 -1
- package/src/PhaseBannerTag/__snapshots__/index.test.tsx.snap +3 -3
- package/src/PhaseBannerTag/index.tsx +3 -3
- package/src/PhaseBannerText/__snapshots__/index.test.tsx.snap +2 -2
- package/src/PhaseBannerText/index.tsx +1 -1
- package/src/RadioConditional/__snapshots__/index.test.tsx.snap +1 -1
- package/src/RadioContainer/__snapshots__/index.test.tsx.snap +3 -3
- package/src/RadioItem/__snapshots__/index.test.tsx.snap +4 -4
- package/src/RadioItem/index.tsx +2 -2
- package/src/ResultsActionBar/__snapshots__/indext.test.tsx.snap +1 -1
- package/src/ResultsHeading/__snapshots__/index.test.tsx.snap +1 -1
- package/src/ResultsHeadingActions/__snapshots__/index.test.tsx.snap +1 -6
- package/src/ResultsHeadingActions/index.tsx +2 -7
- package/src/SearchButton/__snapshots__/index.test.tsx.snap +5 -2
- package/src/SearchContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Section/__snapshots__/index.test.tsx.snap +1 -1
- package/src/SectionBreak/__snapshots__/index.test.tsx.snap +6 -6
- package/src/SelectContainer/__snapshots__/index.test.tsx.snap +2 -2
- package/src/SelectOption/__snapshots__/index.test.tsx.snap +1 -1
- package/src/SingleCharacterInput/__snapshots__/index.test.tsx.snap +4 -4
- package/src/SingleCharacterInputs/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Skeleton/__snapshots__/index.test.tsx.snap +12 -12
- package/src/SkipLink/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Stack/__snapshots__/index.test.tsx.snap +31 -31
- package/src/Stack/index.tsx +32 -13
- package/src/StepNav/__snapshots__/index.test.tsx.snap +2 -2
- package/src/StepNavAccordion/__snapshots__/index.test.tsx.snap +1 -1
- package/src/StepNavAccordionContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/StepNavAccordionHeadingText/__snapshots__/index.test.tsx.snap +1 -1
- package/src/StepNavAccordionHeadingTitle/__snapshots__/index.test.tsx.snap +1 -1
- package/src/StepNavAccordionSummary/__snapshots__/index.test.tsx.snap +1 -1
- package/src/StepNavAccordionSummaryHeading/__snapshots__/index.test.tsx.snap +5 -5
- package/src/StepNavCircleNumber/__snapshots__/index.test.tsx.snap +2 -2
- package/src/StepNavControls/__snapshots__/index.test.tsx.snap +1 -1
- package/src/StepNavList/__snapshots__/index.test.tsx.snap +1 -1
- package/src/StepNavListItem/__snapshots__/index.test.tsx.snap +1 -1
- package/src/SummaryList/__snapshots__/index.test.tsx.snap +1 -1
- package/src/SummaryList/index.tsx +7 -5
- package/src/SummaryListItem/__snapshots__/index.test.tsx.snap +1 -1
- package/src/SummaryListItemAction/__snapshots__/index.test.tsx.snap +1 -1
- package/src/SummaryListItemKey/__snapshots__/index.test.tsx.snap +2 -2
- package/src/SummaryListItemKey/index.tsx +24 -2
- package/src/SummaryListItemValue/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Table/__snapshots__/index.test.tsx.snap +20 -10
- package/src/Table/index.test.tsx +6 -5
- package/src/TableBody/__snapshots__/index.test.tsx.snap +7 -5
- package/src/TableBody/index.test.tsx +2 -1
- package/src/TableCaption/__snapshots__/index.test.tsx.snap +41 -21
- package/src/TableCaption/index.test.tsx +6 -5
- package/src/TableContainer/__snapshots__/index.test.tsx.snap +2 -2
- package/src/TableDataCell/__snapshots__/index.test.tsx.snap +33 -9
- package/src/TableDataCell/index.test.tsx +5 -2
- package/src/TableHead/__snapshots__/index.test.tsx.snap +17 -5
- package/src/TableHead/index.test.tsx +4 -1
- package/src/TableHeadCell/__snapshots__/index.test.tsx.snap +213 -45
- package/src/TableHeadCell/index.test.tsx +17 -14
- package/src/TableLoaderBackground/__snapshots__/index.test.tsx.snap +1 -1
- package/src/TableNoDataRow/__snapshots__/index.test.tsx.snap +15 -9
- package/src/TableNoDataRow/index.test.tsx +3 -1
- package/src/TableRow/__snapshots__/index.test.tsx.snap +31 -13
- package/src/TableRow/index.test.tsx +5 -3
- package/src/TableSortIconContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Tabs/__snapshots__/index.test.tsx.snap +2 -2
- package/src/TabsHeading/__snapshots__/index.test.tsx.snap +1 -1
- package/src/TabsList/__snapshots__/index.test.tsx.snap +1 -1
- package/src/TabsListItemBase/__snapshots__/index.test.tsx.snap +1 -1
- package/src/TabsPanelBase/__snapshots__/index.test.tsx.snap +3 -3
- package/src/TaskList/__snapshots__/index.test.tsx.snap +2 -2
- package/src/TaskListItem/__snapshots__/index.test.tsx.snap +1 -1
- package/src/TaskListItemContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/TaskListItemHeading/__snapshots__/index.test.tsx.snap +4 -4
- package/src/TaskListItemTag/__snapshots__/index.test.tsx.snap +4 -4
- package/src/TextArea/__snapshots__/index.test.tsx.snap +15 -2
- package/src/TextArea/index.native.tsx +11 -0
- package/src/TextArea/index.test.tsx +11 -7
- package/src/TextArea/index.tsx +2 -50
- package/src/TextArea/index.web.tsx +48 -0
- package/src/TextInput/__snapshots__/index.test.tsx.snap +43 -43
- package/src/TextInput/index.native.tsx +15 -0
- package/src/TextInput/index.tsx +2 -87
- package/src/TextInput/index.web.tsx +87 -0
- package/src/Timeline/__snapshots__/index.test.tsx.snap +2 -2
- package/src/TimelineActions/__snapshots__/index.test.tsx.snap +1 -1
- package/src/TimelineContent/__snapshots__/index.test.tsx.snap +1 -1
- package/src/TimelineHeading/__snapshots__/index.test.tsx.snap +3 -3
- package/src/TimelineItem/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Top/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Typography/__snapshots__/index.test.tsx.snap +1 -1
- package/src/Unpurge/index.tsx +2460 -2
- package/src/VisuallyHidden/__snapshots__/index.test.tsx.snap +1 -1
- package/src/WarningText/__snapshots__/index.test.tsx.snap +11 -11
- package/src/WarningText/index.tsx +12 -15
- package/src/WarningTextAssistive/index.tsx +37 -0
- package/src/index.ts +3 -2
- package/src/lazy.js +15 -13
- package/src/registry.js +32 -6
- package/src/utils/extend.native.tsx +36 -0
- package/utils/extend.native/index.js +14 -0
- package/utils/extend.native/package.json +6 -0
- package/utils/extend.native.d.ts +23 -0
- package/utils/extend.native.js.map +7 -0
- package/AutoCompleteInput/index.d.ts +0 -17
- package/AutoCompleteInput/index.js.map +0 -7
- package/SvgIcon/index.d.ts +0 -37
- package/SvgIcon/index.js +0 -30
- package/SvgIcon/index.js.map +0 -7
- package/cjs/AutoCompleteInput/index.js.map +0 -7
- package/cjs/SvgIcon/index.js.map +0 -7
- package/src/SvgIcon/__snapshots__/index.test.tsx.snap +0 -254
- package/src/SvgIcon/index.test.tsx +0 -68
- package/src/SvgIcon/index.tsx +0 -72
- /package/{AutoCompleteInput → AutoCompleteInputBase}/index.test.d.ts +0 -0
- /package/{SvgIcon → BreadcrumbsListItemLink}/index.test.d.ts +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the TaskList with dense prop 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<ol
|
|
7
|
-
class="ds-task-list
|
|
7
|
+
class="ds-task-list ds-task-list--dense"
|
|
8
8
|
>
|
|
9
9
|
hello
|
|
10
10
|
</ol>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the TaskListItemHeading with no prop 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<h2
|
|
7
|
-
class="ds-
|
|
7
|
+
class="ds-mb-4 ds-heading-lg"
|
|
8
8
|
>
|
|
9
9
|
hello
|
|
10
10
|
</h2>
|
|
@@ -16,7 +16,7 @@ exports[`renders the TaskListItemHeading with size = "md" prop 1`] = `
|
|
|
16
16
|
<body>
|
|
17
17
|
<div>
|
|
18
18
|
<h3
|
|
19
|
-
class="ds-
|
|
19
|
+
class="ds-mb-4 ds-heading-md"
|
|
20
20
|
>
|
|
21
21
|
hello
|
|
22
22
|
</h3>
|
|
@@ -28,7 +28,7 @@ exports[`renders the TaskListItemHeading with size = "sm" prop 1`] = `
|
|
|
28
28
|
<body>
|
|
29
29
|
<div>
|
|
30
30
|
<h4
|
|
31
|
-
class="ds-
|
|
31
|
+
class="ds-mb-4 ds-heading-sm"
|
|
32
32
|
>
|
|
33
33
|
hello
|
|
34
34
|
</h4>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the TaskListItemTag with color="primary" props 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<strong
|
|
7
|
-
class="ds-task-list__content__tag
|
|
7
|
+
class="ds-task-list__content__tag ds-task-list__content__tag--primary"
|
|
8
8
|
>
|
|
9
9
|
hello
|
|
10
10
|
</strong>
|
|
@@ -16,7 +16,7 @@ exports[`renders the TaskListItemTag with color="secondary" props 1`] = `
|
|
|
16
16
|
<body>
|
|
17
17
|
<div>
|
|
18
18
|
<strong
|
|
19
|
-
class="ds-task-list__content__tag
|
|
19
|
+
class="ds-task-list__content__tag ds-task-list__content__tag--secondary"
|
|
20
20
|
>
|
|
21
21
|
hello
|
|
22
22
|
</strong>
|
|
@@ -40,7 +40,7 @@ exports[`renders the TaskListItemTag with status="info" props 1`] = `
|
|
|
40
40
|
<body>
|
|
41
41
|
<div>
|
|
42
42
|
<strong
|
|
43
|
-
class="ds-task-list__content__tag
|
|
43
|
+
class="ds-task-list__content__tag ds-task-list__content__tag--info"
|
|
44
44
|
>
|
|
45
45
|
hello
|
|
46
46
|
</strong>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the TextArea with dense prop 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<textarea
|
|
7
|
-
class="ds-textarea
|
|
7
|
+
class="ds-textarea ds-textarea--dense"
|
|
8
8
|
rows="3"
|
|
9
9
|
>
|
|
10
10
|
hello
|
|
@@ -90,3 +90,16 @@ exports[`renders the TextArea with rows=8 1`] = `
|
|
|
90
90
|
</div>
|
|
91
91
|
</body>
|
|
92
92
|
`;
|
|
93
|
+
|
|
94
|
+
exports[`renders the TextArea with value props 1`] = `
|
|
95
|
+
<body>
|
|
96
|
+
<div>
|
|
97
|
+
<textarea
|
|
98
|
+
class="ds-textarea"
|
|
99
|
+
rows="6"
|
|
100
|
+
>
|
|
101
|
+
hello
|
|
102
|
+
</textarea>
|
|
103
|
+
</div>
|
|
104
|
+
</body>
|
|
105
|
+
`;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
2
|
+
import CoreTextArea from '@digigov/react-core/TextArea/index.web';
|
|
3
|
+
import extend from '@digigov/react-core/utils/extend.native';
|
|
4
|
+
export const TextArea = extend(CoreTextArea, ({ className, ...props }) => ({
|
|
5
|
+
...props,
|
|
6
|
+
multiline: true,
|
|
7
|
+
className: clsx(className, {
|
|
8
|
+
'ds-textarea__wrapper': true,
|
|
9
|
+
}),
|
|
10
|
+
}));
|
|
11
|
+
export default TextArea;
|
|
@@ -4,28 +4,32 @@ import { render } from '@testing-library/react';
|
|
|
4
4
|
import TextArea from '@digigov/react-core/TextArea';
|
|
5
5
|
|
|
6
6
|
it('renders the TextArea with no props', () => {
|
|
7
|
-
expect(render(<TextArea
|
|
7
|
+
expect(render(<TextArea defaultValue="hello" />).baseElement).toMatchSnapshot();
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
it('renders the TextArea with value props', () => {
|
|
11
|
+
expect(render(<TextArea value="hello" onChange={() => {}} />).baseElement).toMatchSnapshot();
|
|
8
12
|
});
|
|
9
13
|
|
|
10
14
|
it('renders the TextArea with rows=4', () => {
|
|
11
|
-
expect(render(<TextArea rows={4}
|
|
15
|
+
expect(render(<TextArea rows={4} defaultValue="hello" />).baseElement).toMatchSnapshot();
|
|
12
16
|
});
|
|
13
17
|
|
|
14
18
|
it('renders the TextArea with rows=5', () => {
|
|
15
|
-
expect(render(<TextArea rows={5}
|
|
19
|
+
expect(render(<TextArea rows={5} defaultValue="hello" />).baseElement).toMatchSnapshot();
|
|
16
20
|
});
|
|
17
21
|
|
|
18
22
|
it('renders the TextArea with rows=6', () => {
|
|
19
|
-
expect(render(<TextArea rows={6}
|
|
23
|
+
expect(render(<TextArea rows={6} defaultValue="hello" />).baseElement).toMatchSnapshot();
|
|
20
24
|
});
|
|
21
25
|
|
|
22
26
|
it('renders the TextArea with rows=7', () => {
|
|
23
|
-
expect(render(<TextArea rows={7}
|
|
27
|
+
expect(render(<TextArea rows={7} defaultValue="hello" />).baseElement).toMatchSnapshot();
|
|
24
28
|
});
|
|
25
29
|
|
|
26
30
|
it('renders the TextArea with rows=8', () => {
|
|
27
|
-
expect(render(<TextArea rows={8}
|
|
31
|
+
expect(render(<TextArea rows={8} defaultValue="hello" />).baseElement).toMatchSnapshot();
|
|
28
32
|
});
|
|
29
33
|
it('renders the TextArea with dense prop', () => {
|
|
30
|
-
expect(render(<TextArea dense
|
|
34
|
+
expect(render(<TextArea dense defaultValue="hello" />).baseElement).toMatchSnapshot();
|
|
31
35
|
});
|
package/src/TextArea/index.tsx
CHANGED
|
@@ -1,50 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import Base, { BaseProps } from '@digigov/react-core/Base';
|
|
4
|
-
|
|
5
|
-
export interface TextAreaProps extends BaseProps<'textarea'> {
|
|
6
|
-
/**
|
|
7
|
-
* error is optional. The default value is false.
|
|
8
|
-
* Use this prop when there is an error at the input.
|
|
9
|
-
* @value true
|
|
10
|
-
* @value false
|
|
11
|
-
*/
|
|
12
|
-
error?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* dense is optional.
|
|
15
|
-
* @value true TextArea will be dense.
|
|
16
|
-
* @value false
|
|
17
|
-
* @default false
|
|
18
|
-
*/
|
|
19
|
-
dense?: boolean;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* Textarea component is used when you need to let users enter an
|
|
23
|
-
* amount of text that’s longer than a single line.
|
|
24
|
-
*/
|
|
25
|
-
export const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
|
|
26
|
-
function TextArea(
|
|
27
|
-
{ name, rows, error, dense, className, children, ...props },
|
|
28
|
-
ref
|
|
29
|
-
) {
|
|
30
|
-
const defaultRows = dense ? 3 : 6;
|
|
31
|
-
return (
|
|
32
|
-
<Base
|
|
33
|
-
as="textarea"
|
|
34
|
-
name={name}
|
|
35
|
-
rows={rows || defaultRows}
|
|
36
|
-
ref={ref}
|
|
37
|
-
className={clsx(className, {
|
|
38
|
-
'ds-textarea': true,
|
|
39
|
-
'ds-textarea--dense': dense,
|
|
40
|
-
'ds-input--error': error,
|
|
41
|
-
})}
|
|
42
|
-
{...props}
|
|
43
|
-
>
|
|
44
|
-
{children}
|
|
45
|
-
</Base>
|
|
46
|
-
);
|
|
47
|
-
}
|
|
48
|
-
);
|
|
49
|
-
|
|
50
|
-
export default TextArea;
|
|
1
|
+
export * from '@digigov/react-core/TextArea/index.web';
|
|
2
|
+
export {default as default} from '@digigov/react-core/TextArea/index.web';
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import Base, { BaseProps } from '@digigov/react-core/Base';
|
|
4
|
+
|
|
5
|
+
export interface TextAreaProps extends BaseProps<'textarea'> {
|
|
6
|
+
/**
|
|
7
|
+
* error is optional. The default value is false.
|
|
8
|
+
* Use this prop when there is an error at the input.
|
|
9
|
+
* @value true
|
|
10
|
+
* @value false
|
|
11
|
+
*/
|
|
12
|
+
error?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* dense is optional.
|
|
15
|
+
* @value true TextArea will be dense.
|
|
16
|
+
* @value false
|
|
17
|
+
* @default false
|
|
18
|
+
*/
|
|
19
|
+
dense?: boolean;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Textarea component is used when you need to let users enter an
|
|
23
|
+
* amount of text that’s longer than a single line.
|
|
24
|
+
*/
|
|
25
|
+
export const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
|
|
26
|
+
function TextArea(
|
|
27
|
+
{ name, rows, error, dense, className, ...props },
|
|
28
|
+
ref
|
|
29
|
+
) {
|
|
30
|
+
const defaultRows = dense ? 3 : 6;
|
|
31
|
+
return (
|
|
32
|
+
<Base
|
|
33
|
+
as="textarea"
|
|
34
|
+
name={name}
|
|
35
|
+
rows={rows || defaultRows}
|
|
36
|
+
ref={ref}
|
|
37
|
+
className={clsx(className, {
|
|
38
|
+
'ds-textarea': true,
|
|
39
|
+
'ds-textarea--dense': dense,
|
|
40
|
+
'ds-input--error': error,
|
|
41
|
+
})}
|
|
42
|
+
{...props}
|
|
43
|
+
/>
|
|
44
|
+
);
|
|
45
|
+
}
|
|
46
|
+
);
|
|
47
|
+
|
|
48
|
+
export default TextArea;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the TextInput with with maxWidth="5-char" with width=full 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<input
|
|
7
|
-
class="ds-input--width-5-char
|
|
7
|
+
class="ds-input ds-input--width-5-char"
|
|
8
8
|
type="text"
|
|
9
9
|
/>
|
|
10
10
|
</div>
|
|
@@ -15,7 +15,7 @@ exports[`renders the TextInput with with maxWidth="5-char" with width=one-half
|
|
|
15
15
|
<body>
|
|
16
16
|
<div>
|
|
17
17
|
<input
|
|
18
|
-
class="ds-input--width-5-char ds-!-width-one-half
|
|
18
|
+
class="ds-input ds-input--width-5-char ds-!-width-one-half"
|
|
19
19
|
type="text"
|
|
20
20
|
/>
|
|
21
21
|
</div>
|
|
@@ -26,7 +26,7 @@ exports[`renders the TextInput with with maxWidth="5-char" with width=one-quart
|
|
|
26
26
|
<body>
|
|
27
27
|
<div>
|
|
28
28
|
<input
|
|
29
|
-
class="ds-input--width-5-char ds-!-width-one-quarter
|
|
29
|
+
class="ds-input ds-input--width-5-char ds-!-width-one-quarter"
|
|
30
30
|
type="text"
|
|
31
31
|
/>
|
|
32
32
|
</div>
|
|
@@ -37,7 +37,7 @@ exports[`renders the TextInput with with maxWidth="5-char" with width=one-third
|
|
|
37
37
|
<body>
|
|
38
38
|
<div>
|
|
39
39
|
<input
|
|
40
|
-
class="ds-input--width-5-char ds-!-width-one-third
|
|
40
|
+
class="ds-input ds-input--width-5-char ds-!-width-one-third"
|
|
41
41
|
type="text"
|
|
42
42
|
/>
|
|
43
43
|
</div>
|
|
@@ -48,7 +48,7 @@ exports[`renders the TextInput with with maxWidth="5-char" with width=three-qua
|
|
|
48
48
|
<body>
|
|
49
49
|
<div>
|
|
50
50
|
<input
|
|
51
|
-
class="ds-input--width-5-char ds-!-width-three-quarters
|
|
51
|
+
class="ds-input ds-input--width-5-char ds-!-width-three-quarters"
|
|
52
52
|
type="text"
|
|
53
53
|
/>
|
|
54
54
|
</div>
|
|
@@ -59,7 +59,7 @@ exports[`renders the TextInput with with maxWidth="5-char" with width=two-third
|
|
|
59
59
|
<body>
|
|
60
60
|
<div>
|
|
61
61
|
<input
|
|
62
|
-
class="ds-input--width-5-char ds-!-width-two-thirds
|
|
62
|
+
class="ds-input ds-input--width-5-char ds-!-width-two-thirds"
|
|
63
63
|
type="text"
|
|
64
64
|
/>
|
|
65
65
|
</div>
|
|
@@ -70,7 +70,7 @@ exports[`renders the TextInput with dense prop 1`] = `
|
|
|
70
70
|
<body>
|
|
71
71
|
<div>
|
|
72
72
|
<input
|
|
73
|
-
class="ds-input
|
|
73
|
+
class="ds-input ds-input--dense"
|
|
74
74
|
type="text"
|
|
75
75
|
/>
|
|
76
76
|
</div>
|
|
@@ -81,7 +81,7 @@ exports[`renders the TextInput with maxWidth="2-char" 1`] = `
|
|
|
81
81
|
<body>
|
|
82
82
|
<div>
|
|
83
83
|
<input
|
|
84
|
-
class="ds-input--width-2-char
|
|
84
|
+
class="ds-input ds-input--width-2-char"
|
|
85
85
|
type="text"
|
|
86
86
|
/>
|
|
87
87
|
</div>
|
|
@@ -92,7 +92,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=full 1`] =
|
|
|
92
92
|
<body>
|
|
93
93
|
<div>
|
|
94
94
|
<input
|
|
95
|
-
class="ds-input--width-2-char
|
|
95
|
+
class="ds-input ds-input--width-2-char"
|
|
96
96
|
type="text"
|
|
97
97
|
/>
|
|
98
98
|
</div>
|
|
@@ -103,7 +103,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=one-half 1`
|
|
|
103
103
|
<body>
|
|
104
104
|
<div>
|
|
105
105
|
<input
|
|
106
|
-
class="ds-input--width-2-char ds-!-width-one-half
|
|
106
|
+
class="ds-input ds-input--width-2-char ds-!-width-one-half"
|
|
107
107
|
type="text"
|
|
108
108
|
/>
|
|
109
109
|
</div>
|
|
@@ -114,7 +114,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=one-quarter
|
|
|
114
114
|
<body>
|
|
115
115
|
<div>
|
|
116
116
|
<input
|
|
117
|
-
class="ds-input--width-2-char ds-!-width-one-quarter
|
|
117
|
+
class="ds-input ds-input--width-2-char ds-!-width-one-quarter"
|
|
118
118
|
type="text"
|
|
119
119
|
/>
|
|
120
120
|
</div>
|
|
@@ -125,7 +125,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=one-third 1
|
|
|
125
125
|
<body>
|
|
126
126
|
<div>
|
|
127
127
|
<input
|
|
128
|
-
class="ds-input--width-2-char ds-!-width-one-third
|
|
128
|
+
class="ds-input ds-input--width-2-char ds-!-width-one-third"
|
|
129
129
|
type="text"
|
|
130
130
|
/>
|
|
131
131
|
</div>
|
|
@@ -136,7 +136,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=three-quart
|
|
|
136
136
|
<body>
|
|
137
137
|
<div>
|
|
138
138
|
<input
|
|
139
|
-
class="ds-input--width-2-char ds-!-width-three-quarters
|
|
139
|
+
class="ds-input ds-input--width-2-char ds-!-width-three-quarters"
|
|
140
140
|
type="text"
|
|
141
141
|
/>
|
|
142
142
|
</div>
|
|
@@ -147,7 +147,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=two-thirds
|
|
|
147
147
|
<body>
|
|
148
148
|
<div>
|
|
149
149
|
<input
|
|
150
|
-
class="ds-input--width-2-char ds-!-width-two-thirds
|
|
150
|
+
class="ds-input ds-input--width-2-char ds-!-width-two-thirds"
|
|
151
151
|
type="text"
|
|
152
152
|
/>
|
|
153
153
|
</div>
|
|
@@ -158,7 +158,7 @@ exports[`renders the TextInput with maxWidth="3-char" 1`] = `
|
|
|
158
158
|
<body>
|
|
159
159
|
<div>
|
|
160
160
|
<input
|
|
161
|
-
class="ds-input--width-3-char
|
|
161
|
+
class="ds-input ds-input--width-3-char"
|
|
162
162
|
type="text"
|
|
163
163
|
/>
|
|
164
164
|
</div>
|
|
@@ -169,7 +169,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=full 1`] =
|
|
|
169
169
|
<body>
|
|
170
170
|
<div>
|
|
171
171
|
<input
|
|
172
|
-
class="ds-input--width-3-char
|
|
172
|
+
class="ds-input ds-input--width-3-char"
|
|
173
173
|
type="text"
|
|
174
174
|
/>
|
|
175
175
|
</div>
|
|
@@ -180,7 +180,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=one-half 1`
|
|
|
180
180
|
<body>
|
|
181
181
|
<div>
|
|
182
182
|
<input
|
|
183
|
-
class="ds-input--width-3-char ds-!-width-one-half
|
|
183
|
+
class="ds-input ds-input--width-3-char ds-!-width-one-half"
|
|
184
184
|
type="text"
|
|
185
185
|
/>
|
|
186
186
|
</div>
|
|
@@ -191,7 +191,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=one-quarter
|
|
|
191
191
|
<body>
|
|
192
192
|
<div>
|
|
193
193
|
<input
|
|
194
|
-
class="ds-input--width-3-char ds-!-width-one-quarter
|
|
194
|
+
class="ds-input ds-input--width-3-char ds-!-width-one-quarter"
|
|
195
195
|
type="text"
|
|
196
196
|
/>
|
|
197
197
|
</div>
|
|
@@ -202,7 +202,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=one-third 1
|
|
|
202
202
|
<body>
|
|
203
203
|
<div>
|
|
204
204
|
<input
|
|
205
|
-
class="ds-input--width-3-char ds-!-width-one-third
|
|
205
|
+
class="ds-input ds-input--width-3-char ds-!-width-one-third"
|
|
206
206
|
type="text"
|
|
207
207
|
/>
|
|
208
208
|
</div>
|
|
@@ -213,7 +213,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=three-quart
|
|
|
213
213
|
<body>
|
|
214
214
|
<div>
|
|
215
215
|
<input
|
|
216
|
-
class="ds-input--width-3-char ds-!-width-three-quarters
|
|
216
|
+
class="ds-input ds-input--width-3-char ds-!-width-three-quarters"
|
|
217
217
|
type="text"
|
|
218
218
|
/>
|
|
219
219
|
</div>
|
|
@@ -224,7 +224,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=two-thirds
|
|
|
224
224
|
<body>
|
|
225
225
|
<div>
|
|
226
226
|
<input
|
|
227
|
-
class="ds-input--width-3-char ds-!-width-two-thirds
|
|
227
|
+
class="ds-input ds-input--width-3-char ds-!-width-two-thirds"
|
|
228
228
|
type="text"
|
|
229
229
|
/>
|
|
230
230
|
</div>
|
|
@@ -235,7 +235,7 @@ exports[`renders the TextInput with maxWidth="4-char" 1`] = `
|
|
|
235
235
|
<body>
|
|
236
236
|
<div>
|
|
237
237
|
<input
|
|
238
|
-
class="ds-input--width-4-char
|
|
238
|
+
class="ds-input ds-input--width-4-char"
|
|
239
239
|
type="text"
|
|
240
240
|
/>
|
|
241
241
|
</div>
|
|
@@ -246,7 +246,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=full 1`] =
|
|
|
246
246
|
<body>
|
|
247
247
|
<div>
|
|
248
248
|
<input
|
|
249
|
-
class="ds-input--width-4-char
|
|
249
|
+
class="ds-input ds-input--width-4-char"
|
|
250
250
|
type="text"
|
|
251
251
|
/>
|
|
252
252
|
</div>
|
|
@@ -257,7 +257,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=one-half 1`
|
|
|
257
257
|
<body>
|
|
258
258
|
<div>
|
|
259
259
|
<input
|
|
260
|
-
class="ds-input--width-4-char ds-!-width-one-half
|
|
260
|
+
class="ds-input ds-input--width-4-char ds-!-width-one-half"
|
|
261
261
|
type="text"
|
|
262
262
|
/>
|
|
263
263
|
</div>
|
|
@@ -268,7 +268,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=one-quarter
|
|
|
268
268
|
<body>
|
|
269
269
|
<div>
|
|
270
270
|
<input
|
|
271
|
-
class="ds-input--width-4-char ds-!-width-one-quarter
|
|
271
|
+
class="ds-input ds-input--width-4-char ds-!-width-one-quarter"
|
|
272
272
|
type="text"
|
|
273
273
|
/>
|
|
274
274
|
</div>
|
|
@@ -279,7 +279,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=one-third 1
|
|
|
279
279
|
<body>
|
|
280
280
|
<div>
|
|
281
281
|
<input
|
|
282
|
-
class="ds-input--width-4-char ds-!-width-one-third
|
|
282
|
+
class="ds-input ds-input--width-4-char ds-!-width-one-third"
|
|
283
283
|
type="text"
|
|
284
284
|
/>
|
|
285
285
|
</div>
|
|
@@ -290,7 +290,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=three-quart
|
|
|
290
290
|
<body>
|
|
291
291
|
<div>
|
|
292
292
|
<input
|
|
293
|
-
class="ds-input--width-4-char ds-!-width-three-quarters
|
|
293
|
+
class="ds-input ds-input--width-4-char ds-!-width-three-quarters"
|
|
294
294
|
type="text"
|
|
295
295
|
/>
|
|
296
296
|
</div>
|
|
@@ -301,7 +301,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=two-thirds
|
|
|
301
301
|
<body>
|
|
302
302
|
<div>
|
|
303
303
|
<input
|
|
304
|
-
class="ds-input--width-4-char ds-!-width-two-thirds
|
|
304
|
+
class="ds-input ds-input--width-4-char ds-!-width-two-thirds"
|
|
305
305
|
type="text"
|
|
306
306
|
/>
|
|
307
307
|
</div>
|
|
@@ -312,7 +312,7 @@ exports[`renders the TextInput with maxWidth="5-char" 1`] = `
|
|
|
312
312
|
<body>
|
|
313
313
|
<div>
|
|
314
314
|
<input
|
|
315
|
-
class="ds-input--width-5-char
|
|
315
|
+
class="ds-input ds-input--width-5-char"
|
|
316
316
|
type="text"
|
|
317
317
|
/>
|
|
318
318
|
</div>
|
|
@@ -323,7 +323,7 @@ exports[`renders the TextInput with maxWidth="10-char" 1`] = `
|
|
|
323
323
|
<body>
|
|
324
324
|
<div>
|
|
325
325
|
<input
|
|
326
|
-
class="ds-input--width-10-char
|
|
326
|
+
class="ds-input ds-input--width-10-char"
|
|
327
327
|
type="text"
|
|
328
328
|
/>
|
|
329
329
|
</div>
|
|
@@ -334,7 +334,7 @@ exports[`renders the TextInput with maxWidth="20-char" 1`] = `
|
|
|
334
334
|
<body>
|
|
335
335
|
<div>
|
|
336
336
|
<input
|
|
337
|
-
class="ds-input--width-20-char
|
|
337
|
+
class="ds-input ds-input--width-20-char"
|
|
338
338
|
type="text"
|
|
339
339
|
/>
|
|
340
340
|
</div>
|
|
@@ -345,7 +345,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=full 1`] =
|
|
|
345
345
|
<body>
|
|
346
346
|
<div>
|
|
347
347
|
<input
|
|
348
|
-
class="ds-input--width-20-char
|
|
348
|
+
class="ds-input ds-input--width-20-char"
|
|
349
349
|
type="text"
|
|
350
350
|
/>
|
|
351
351
|
</div>
|
|
@@ -356,7 +356,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=one-half 1
|
|
|
356
356
|
<body>
|
|
357
357
|
<div>
|
|
358
358
|
<input
|
|
359
|
-
class="ds-input--width-20-char ds-!-width-one-half
|
|
359
|
+
class="ds-input ds-input--width-20-char ds-!-width-one-half"
|
|
360
360
|
type="text"
|
|
361
361
|
/>
|
|
362
362
|
</div>
|
|
@@ -367,7 +367,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=one-quarte
|
|
|
367
367
|
<body>
|
|
368
368
|
<div>
|
|
369
369
|
<input
|
|
370
|
-
class="ds-input--width-20-char ds-!-width-one-quarter
|
|
370
|
+
class="ds-input ds-input--width-20-char ds-!-width-one-quarter"
|
|
371
371
|
type="text"
|
|
372
372
|
/>
|
|
373
373
|
</div>
|
|
@@ -378,7 +378,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=one-third
|
|
|
378
378
|
<body>
|
|
379
379
|
<div>
|
|
380
380
|
<input
|
|
381
|
-
class="ds-input--width-20-char ds-!-width-one-third
|
|
381
|
+
class="ds-input ds-input--width-20-char ds-!-width-one-third"
|
|
382
382
|
type="text"
|
|
383
383
|
/>
|
|
384
384
|
</div>
|
|
@@ -389,7 +389,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=three-quar
|
|
|
389
389
|
<body>
|
|
390
390
|
<div>
|
|
391
391
|
<input
|
|
392
|
-
class="ds-input--width-20-char ds-!-width-three-quarters
|
|
392
|
+
class="ds-input ds-input--width-20-char ds-!-width-three-quarters"
|
|
393
393
|
type="text"
|
|
394
394
|
/>
|
|
395
395
|
</div>
|
|
@@ -400,7 +400,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=two-thirds
|
|
|
400
400
|
<body>
|
|
401
401
|
<div>
|
|
402
402
|
<input
|
|
403
|
-
class="ds-input--width-20-char ds-!-width-two-thirds
|
|
403
|
+
class="ds-input ds-input--width-20-char ds-!-width-two-thirds"
|
|
404
404
|
type="text"
|
|
405
405
|
/>
|
|
406
406
|
</div>
|
|
@@ -433,7 +433,7 @@ exports[`renders the TextInput with width=one-half 1`] = `
|
|
|
433
433
|
<body>
|
|
434
434
|
<div>
|
|
435
435
|
<input
|
|
436
|
-
class="ds-!-width-one-half
|
|
436
|
+
class="ds-input ds-!-width-one-half"
|
|
437
437
|
type="text"
|
|
438
438
|
/>
|
|
439
439
|
</div>
|
|
@@ -444,7 +444,7 @@ exports[`renders the TextInput with width=one-quarter 1`] = `
|
|
|
444
444
|
<body>
|
|
445
445
|
<div>
|
|
446
446
|
<input
|
|
447
|
-
class="ds-!-width-one-quarter
|
|
447
|
+
class="ds-input ds-!-width-one-quarter"
|
|
448
448
|
type="text"
|
|
449
449
|
/>
|
|
450
450
|
</div>
|
|
@@ -455,7 +455,7 @@ exports[`renders the TextInput with width=one-third 1`] = `
|
|
|
455
455
|
<body>
|
|
456
456
|
<div>
|
|
457
457
|
<input
|
|
458
|
-
class="ds-!-width-one-third
|
|
458
|
+
class="ds-input ds-!-width-one-third"
|
|
459
459
|
type="text"
|
|
460
460
|
/>
|
|
461
461
|
</div>
|
|
@@ -466,7 +466,7 @@ exports[`renders the TextInput with width=three-quarters 1`] = `
|
|
|
466
466
|
<body>
|
|
467
467
|
<div>
|
|
468
468
|
<input
|
|
469
|
-
class="ds-!-width-three-quarters
|
|
469
|
+
class="ds-input ds-!-width-three-quarters"
|
|
470
470
|
type="text"
|
|
471
471
|
/>
|
|
472
472
|
</div>
|
|
@@ -477,7 +477,7 @@ exports[`renders the TextInput with width=two-thirds 1`] = `
|
|
|
477
477
|
<body>
|
|
478
478
|
<div>
|
|
479
479
|
<input
|
|
480
|
-
class="ds-!-width-two-thirds
|
|
480
|
+
class="ds-input ds-!-width-two-thirds"
|
|
481
481
|
type="text"
|
|
482
482
|
/>
|
|
483
483
|
</div>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
2
|
+
import CoreTextInput from '@digigov/react-core/TextInput/index.web';
|
|
3
|
+
import extend from '@digigov/react-core/utils/extend.native';
|
|
4
|
+
export const TextInput = extend(CoreTextInput, ({ className, ...props }) => {
|
|
5
|
+
return {
|
|
6
|
+
...props,
|
|
7
|
+
className: clsx(className, {
|
|
8
|
+
'ds-input__wrapper': true,
|
|
9
|
+
'ds-input--disabled': props.disabled,
|
|
10
|
+
[`ds-input--width-${props.maxWidth}__wrapper`]:
|
|
11
|
+
props.maxWidth !== undefined,
|
|
12
|
+
}),
|
|
13
|
+
};
|
|
14
|
+
});
|
|
15
|
+
export default TextInput;
|