@odx/websites-react 0.0.3 → 0.0.5
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/dist/components/actions/button/Button.d.ts +3 -3
- package/dist/components/actions/button/Button.d.ts.map +1 -1
- package/dist/components/actions/button/Button.js +4 -4
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.d.ts +1 -0
- package/dist/components/actions/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.js +4 -4
- package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
- package/dist/components/actions/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/actions/combobox/Combobox.js +6 -6
- package/dist/components/actions/combobox/Combobox.js.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.d.ts +1 -0
- package/dist/components/actions/dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.js +2 -2
- package/dist/components/actions/dropdown/Dropdown.js.map +1 -1
- package/dist/components/actions/filterPanel/FilterPanel.d.ts +22 -0
- package/dist/components/actions/filterPanel/FilterPanel.d.ts.map +1 -0
- package/dist/components/actions/filterPanel/FilterPanel.js +14 -0
- package/dist/components/actions/filterPanel/FilterPanel.js.map +1 -0
- package/dist/components/actions/filterPanel/index.d.ts +2 -0
- package/dist/components/actions/filterPanel/index.d.ts.map +1 -0
- package/dist/components/actions/filterPanel/index.js +2 -0
- package/dist/components/actions/filterPanel/index.js.map +1 -0
- package/dist/components/actions/formField/FormField.d.ts +4 -1
- package/dist/components/actions/formField/FormField.d.ts.map +1 -1
- package/dist/components/actions/formField/FormField.js +12 -1
- package/dist/components/actions/formField/FormField.js.map +1 -1
- package/dist/components/actions/multiselect/Multiselect.d.ts +1 -0
- package/dist/components/actions/multiselect/Multiselect.d.ts.map +1 -1
- package/dist/components/actions/multiselect/Multiselect.js +3 -3
- package/dist/components/actions/multiselect/Multiselect.js.map +1 -1
- package/dist/components/actions/phoneInput/PhoneInput.d.ts +2 -1
- package/dist/components/actions/phoneInput/PhoneInput.d.ts.map +1 -1
- package/dist/components/actions/phoneInput/PhoneInput.js +7 -5
- package/dist/components/actions/phoneInput/PhoneInput.js.map +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.js +6 -6
- package/dist/components/actions/radioGroup/RadioGroup.js.map +1 -1
- package/dist/components/actions/search/Search.d.ts +13 -0
- package/dist/components/actions/search/Search.d.ts.map +1 -0
- package/dist/components/actions/search/Search.js +33 -0
- package/dist/components/actions/search/Search.js.map +1 -0
- package/dist/components/actions/search/index.d.ts +2 -0
- package/dist/components/actions/search/index.d.ts.map +1 -0
- package/dist/components/actions/search/index.js +2 -0
- package/dist/components/actions/search/index.js.map +1 -0
- package/dist/components/actions/select/Select.d.ts +2 -2
- package/dist/components/actions/select/Select.d.ts.map +1 -1
- package/dist/components/actions/select/Select.js +3 -3
- package/dist/components/actions/select/Select.js.map +1 -1
- package/dist/components/actions/tag/Tag.js +2 -2
- package/dist/components/actions/tag/Tag.js.map +1 -1
- package/dist/components/actions/text-input/TextInput.d.ts +0 -4
- package/dist/components/actions/text-input/TextInput.d.ts.map +1 -1
- package/dist/components/actions/text-input/TextInput.js +2 -2
- package/dist/components/actions/text-input/TextInput.js.map +1 -1
- package/dist/components/actions/textarea/Textarea.d.ts.map +1 -1
- package/dist/components/actions/textarea/Textarea.js +2 -2
- package/dist/components/actions/textarea/Textarea.js.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.d.ts.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.js +3 -2
- package/dist/components/actions/toggle-button/ToggleButton.js.map +1 -1
- package/dist/components/images-icons/svg-icon/SvgIcon.d.ts +1 -1
- package/dist/components/images-icons/svg-icon/SvgIcon.d.ts.map +1 -1
- package/dist/components/images-icons/svg-icon/SvgIcon.js +2 -0
- package/dist/components/images-icons/svg-icon/SvgIcon.js.map +1 -1
- package/dist/components/index.d.ts +10 -3
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +10 -3
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/accordion/Accordion.d.ts +4 -3
- package/dist/components/layout/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +17 -58
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/accordion/AccordionContext.d.ts +2 -2
- package/dist/components/layout/accordion/AccordionContext.d.ts.map +1 -1
- package/dist/components/layout/accordion/AccordionContext.js +3 -3
- package/dist/components/layout/accordion/AccordionContext.js.map +1 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.d.ts +13 -0
- package/dist/components/layout/calloutMedia/CalloutMedia.d.ts.map +1 -0
- package/dist/components/layout/calloutMedia/CalloutMedia.js +10 -0
- package/dist/components/layout/calloutMedia/CalloutMedia.js.map +1 -0
- package/dist/components/layout/calloutMedia/index.d.ts +2 -0
- package/dist/components/layout/calloutMedia/index.d.ts.map +1 -0
- package/dist/components/layout/calloutMedia/index.js +2 -0
- package/dist/components/layout/calloutMedia/index.js.map +1 -0
- package/dist/components/layout/calloutQuote/CalloutQuote.d.ts +14 -0
- package/dist/components/layout/calloutQuote/CalloutQuote.d.ts.map +1 -0
- package/dist/components/layout/calloutQuote/CalloutQuote.js +29 -0
- package/dist/components/layout/calloutQuote/CalloutQuote.js.map +1 -0
- package/dist/components/layout/calloutQuote/index.d.ts +2 -0
- package/dist/components/layout/calloutQuote/index.d.ts.map +1 -0
- package/dist/components/layout/calloutQuote/index.js +2 -0
- package/dist/components/layout/calloutQuote/index.js.map +1 -0
- package/dist/components/layout/card/Card.d.ts +8 -6
- package/dist/components/layout/card/Card.d.ts.map +1 -1
- package/dist/components/layout/card/Card.js +11 -9
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/card/CardGroup.d.ts +9 -0
- package/dist/components/layout/card/CardGroup.d.ts.map +1 -0
- package/dist/components/layout/card/CardGroup.js +5 -0
- package/dist/components/layout/card/CardGroup.js.map +1 -0
- package/dist/components/layout/card/index.d.ts +1 -0
- package/dist/components/layout/card/index.d.ts.map +1 -1
- package/dist/components/layout/card/index.js +1 -0
- package/dist/components/layout/card/index.js.map +1 -1
- package/dist/components/layout/carousel/Carousel.d.ts +21 -0
- package/dist/components/layout/carousel/Carousel.d.ts.map +1 -0
- package/dist/components/layout/carousel/Carousel.js +52 -0
- package/dist/components/layout/carousel/Carousel.js.map +1 -0
- package/dist/components/layout/carousel/index.d.ts +2 -0
- package/dist/components/layout/carousel/index.d.ts.map +1 -0
- package/dist/components/layout/carousel/index.js +2 -0
- package/dist/components/layout/carousel/index.js.map +1 -0
- package/dist/components/layout/contentItem/ContentItem.d.ts +21 -0
- package/dist/components/layout/contentItem/ContentItem.d.ts.map +1 -0
- package/dist/components/layout/contentItem/ContentItem.js +10 -0
- package/dist/components/layout/contentItem/ContentItem.js.map +1 -0
- package/dist/components/layout/contentItem/index.d.ts +2 -0
- package/dist/components/layout/contentItem/index.d.ts.map +1 -0
- package/dist/components/layout/contentItem/index.js +2 -0
- package/dist/components/layout/contentItem/index.js.map +1 -0
- package/dist/components/layout/modal/Modal.js +1 -1
- package/dist/components/layout/showMore/ShowMore.d.ts.map +1 -1
- package/dist/components/layout/showMore/ShowMore.js +4 -5
- package/dist/components/layout/showMore/ShowMore.js.map +1 -1
- package/dist/components/layout/slimRichText/SlimRichText.d.ts +13 -0
- package/dist/components/layout/slimRichText/SlimRichText.d.ts.map +1 -0
- package/dist/components/layout/slimRichText/SlimRichText.js +44 -0
- package/dist/components/layout/slimRichText/SlimRichText.js.map +1 -0
- package/dist/components/layout/slimRichText/index.d.ts +2 -0
- package/dist/components/layout/slimRichText/index.d.ts.map +1 -0
- package/dist/components/layout/slimRichText/index.js +2 -0
- package/dist/components/layout/slimRichText/index.js.map +1 -0
- package/dist/components/layout/structuredList/StructuredList.d.ts +10 -0
- package/dist/components/layout/structuredList/StructuredList.d.ts.map +1 -0
- package/dist/components/layout/structuredList/StructuredList.js +10 -0
- package/dist/components/layout/structuredList/StructuredList.js.map +1 -0
- package/dist/components/layout/structuredList/StructuredListItem.d.ts +23 -0
- package/dist/components/layout/structuredList/StructuredListItem.d.ts.map +1 -0
- package/dist/components/layout/structuredList/StructuredListItem.js +12 -0
- package/dist/components/layout/structuredList/StructuredListItem.js.map +1 -0
- package/dist/components/layout/structuredList/index.d.ts +3 -0
- package/dist/components/layout/structuredList/index.d.ts.map +1 -0
- package/dist/components/layout/structuredList/index.js +3 -0
- package/dist/components/layout/structuredList/index.js.map +1 -0
- package/dist/components/layout/tabBar/TabBar.d.ts +30 -0
- package/dist/components/layout/tabBar/TabBar.d.ts.map +1 -0
- package/dist/components/layout/tabBar/TabBar.js +118 -0
- package/dist/components/layout/tabBar/TabBar.js.map +1 -0
- package/dist/components/layout/tabBar/TabBarContext.d.ts +9 -0
- package/dist/components/layout/tabBar/TabBarContext.d.ts.map +1 -0
- package/dist/components/layout/tabBar/TabBarContext.js +8 -0
- package/dist/components/layout/tabBar/TabBarContext.js.map +1 -0
- package/dist/components/layout/tabBar/index.d.ts.map +1 -0
- package/dist/components/layout/tabBar/index.js.map +1 -0
- package/dist/components/navigation/{tabbar/TabBar.d.ts → anchorNav/AnchorNav.d.ts} +7 -7
- package/dist/components/navigation/anchorNav/AnchorNav.d.ts.map +1 -0
- package/dist/components/navigation/{tabbar/TabBar.js → anchorNav/AnchorNav.js} +11 -11
- package/dist/components/navigation/anchorNav/AnchorNav.js.map +1 -0
- package/dist/components/navigation/anchorNav/index.d.ts +2 -0
- package/dist/components/navigation/anchorNav/index.d.ts.map +1 -0
- package/dist/components/navigation/anchorNav/index.js +2 -0
- package/dist/components/navigation/anchorNav/index.js.map +1 -0
- package/dist/components/typography/headline/Headline.d.ts +1 -0
- package/dist/components/typography/headline/Headline.d.ts.map +1 -1
- package/dist/components/typography/headline/Headline.js +5 -5
- package/dist/components/typography/headline/Headline.js.map +1 -1
- package/dist/icons/uncolored/DraegerIconSetUncolored.d.ts.map +1 -1
- package/dist/icons/uncolored/DraegerIconSetUncolored.js +2 -0
- package/dist/icons/uncolored/DraegerIconSetUncolored.js.map +1 -1
- package/dist/icons/uncolored/IconReload.d.ts +4 -0
- package/dist/icons/uncolored/IconReload.d.ts.map +1 -0
- package/dist/icons/uncolored/IconReload.js +4 -0
- package/dist/icons/uncolored/IconReload.js.map +1 -0
- package/dist/icons/uncolored/index.d.ts +1 -0
- package/dist/icons/uncolored/index.d.ts.map +1 -1
- package/dist/icons/uncolored/index.js +1 -0
- package/dist/icons/uncolored/index.js.map +1 -1
- package/dist/utils/types.d.ts +1 -1
- package/dist/utils/types.d.ts.map +1 -1
- package/dist/web/boxes/accordionBox/AccordionBox.d.ts +2 -4
- package/dist/web/boxes/accordionBox/AccordionBox.d.ts.map +1 -1
- package/dist/web/boxes/accordionBox/AccordionBox.js +3 -5
- package/dist/web/boxes/accordionBox/AccordionBox.js.map +1 -1
- package/dist/web/boxes/downloadBox/DownloadBox.d.ts +2 -2
- package/dist/web/boxes/downloadBox/DownloadBox.d.ts.map +1 -1
- package/dist/web/boxes/downloadBox/DownloadBox.js +2 -3
- package/dist/web/boxes/downloadBox/DownloadBox.js.map +1 -1
- package/dist/web/boxes/downloadBox/DownloadBoxItem.d.ts +2 -2
- package/dist/web/boxes/downloadBox/DownloadBoxItem.d.ts.map +1 -1
- package/dist/web/boxes/downloadBox/DownloadBoxItem.js +2 -2
- package/dist/web/boxes/downloadBox/DownloadBoxItem.js.map +1 -1
- package/dist/web/boxes/linkListBox/linkListBox.js +1 -1
- package/dist/web/boxes/mediaTeaserBox/MediaTeaserBox.js +2 -2
- package/dist/web/boxes/mediaTeaserBox/MediaTeaserBox.js.map +1 -1
- package/dist/web/boxes/multiColumnTableBox/MultiColumnTableBox.d.ts +2 -2
- package/dist/web/boxes/multiColumnTableBox/MultiColumnTableBox.d.ts.map +1 -1
- package/dist/web/boxes/multiColumnTableBox/MultiColumnTableBox.js +2 -2
- package/dist/web/boxes/multiColumnTableBox/MultiColumnTableBox.js.map +1 -1
- package/dist/web/boxes/textBox/TextBox.js +1 -1
- package/dist/web/boxes/textBox/TextBox.js.map +1 -1
- package/dist/web/index.d.ts +9 -3
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +9 -3
- package/dist/web/index.js.map +1 -1
- package/dist/web/layout/contentHeadings/ContentHeadings.d.ts +9 -0
- package/dist/web/layout/contentHeadings/ContentHeadings.d.ts.map +1 -0
- package/dist/web/layout/contentHeadings/ContentHeadings.js +9 -0
- package/dist/web/layout/contentHeadings/ContentHeadings.js.map +1 -0
- package/dist/web/layout/contentHeadings/index.d.ts +2 -0
- package/dist/web/layout/contentHeadings/index.d.ts.map +1 -0
- package/dist/web/layout/contentHeadings/index.js +2 -0
- package/dist/web/layout/contentHeadings/index.js.map +1 -0
- package/dist/web/pageTemplates/sitemap/Sitemap.d.ts +13 -0
- package/dist/web/pageTemplates/sitemap/Sitemap.d.ts.map +1 -0
- package/dist/web/pageTemplates/sitemap/Sitemap.js +11 -0
- package/dist/web/pageTemplates/sitemap/Sitemap.js.map +1 -0
- package/dist/web/pageTemplates/sitemap/index.d.ts +2 -0
- package/dist/web/pageTemplates/sitemap/index.d.ts.map +1 -0
- package/dist/web/pageTemplates/sitemap/index.js +2 -0
- package/dist/web/pageTemplates/sitemap/index.js.map +1 -0
- package/dist/web/sections/calloutContact/CalloutContact.d.ts +16 -0
- package/dist/web/sections/calloutContact/CalloutContact.d.ts.map +1 -0
- package/dist/web/sections/calloutContact/CalloutContact.js +15 -0
- package/dist/web/sections/calloutContact/CalloutContact.js.map +1 -0
- package/dist/web/sections/calloutContact/index.d.ts +2 -0
- package/dist/web/sections/calloutContact/index.d.ts.map +1 -0
- package/dist/web/sections/calloutContact/index.js +2 -0
- package/dist/web/sections/calloutContact/index.js.map +1 -0
- package/package.json +7 -5
- package/dist/components/layout/resultList/ResultList.d.ts +0 -13
- package/dist/components/layout/resultList/ResultList.d.ts.map +0 -1
- package/dist/components/layout/resultList/ResultList.js +0 -14
- package/dist/components/layout/resultList/ResultList.js.map +0 -1
- package/dist/components/layout/resultList/ResultListContext.d.ts +0 -13
- package/dist/components/layout/resultList/ResultListContext.d.ts.map +0 -1
- package/dist/components/layout/resultList/ResultListContext.js +0 -13
- package/dist/components/layout/resultList/ResultListContext.js.map +0 -1
- package/dist/components/layout/resultList/ResultListItem.d.ts +0 -33
- package/dist/components/layout/resultList/ResultListItem.d.ts.map +0 -1
- package/dist/components/layout/resultList/ResultListItem.js +0 -26
- package/dist/components/layout/resultList/ResultListItem.js.map +0 -1
- package/dist/components/layout/resultList/index.d.ts +0 -3
- package/dist/components/layout/resultList/index.d.ts.map +0 -1
- package/dist/components/layout/resultList/index.js +0 -3
- package/dist/components/layout/resultList/index.js.map +0 -1
- package/dist/components/navigation/tabbar/TabBar.d.ts.map +0 -1
- package/dist/components/navigation/tabbar/TabBar.js.map +0 -1
- package/dist/components/navigation/tabbar/index.d.ts.map +0 -1
- package/dist/components/navigation/tabbar/index.js.map +0 -1
- package/dist/components/typography/richText/RichText.d.ts +0 -9
- package/dist/components/typography/richText/RichText.d.ts.map +0 -1
- package/dist/components/typography/richText/RichText.js +0 -3
- package/dist/components/typography/richText/RichText.js.map +0 -1
- package/dist/components/typography/richText/index.d.ts +0 -2
- package/dist/components/typography/richText/index.d.ts.map +0 -1
- package/dist/components/typography/richText/index.js +0 -2
- package/dist/components/typography/richText/index.js.map +0 -1
- package/dist/web/sections/contactUsSection/ContactUsSection.d.ts +0 -19
- package/dist/web/sections/contactUsSection/ContactUsSection.d.ts.map +0 -1
- package/dist/web/sections/contactUsSection/ContactUsSection.js +0 -17
- package/dist/web/sections/contactUsSection/ContactUsSection.js.map +0 -1
- package/dist/web/sections/contactUsSection/index.d.ts +0 -2
- package/dist/web/sections/contactUsSection/index.d.ts.map +0 -1
- package/dist/web/sections/contactUsSection/index.js +0 -2
- package/dist/web/sections/contactUsSection/index.js.map +0 -1
- package/dist/web/sections/contentImageSection/ContentImageSection.d.ts +0 -13
- package/dist/web/sections/contentImageSection/ContentImageSection.d.ts.map +0 -1
- package/dist/web/sections/contentImageSection/ContentImageSection.js +0 -9
- package/dist/web/sections/contentImageSection/ContentImageSection.js.map +0 -1
- package/dist/web/sections/contentImageSection/index.d.ts +0 -2
- package/dist/web/sections/contentImageSection/index.d.ts.map +0 -1
- package/dist/web/sections/contentImageSection/index.js +0 -2
- package/dist/web/sections/contentImageSection/index.js.map +0 -1
- package/dist/web/sections/quoteSection/QuoteSection.d.ts +0 -15
- package/dist/web/sections/quoteSection/QuoteSection.d.ts.map +0 -1
- package/dist/web/sections/quoteSection/QuoteSection.js +0 -37
- package/dist/web/sections/quoteSection/QuoteSection.js.map +0 -1
- package/dist/web/sections/quoteSection/index.d.ts +0 -2
- package/dist/web/sections/quoteSection/index.d.ts.map +0 -1
- package/dist/web/sections/quoteSection/index.js +0 -2
- package/dist/web/sections/quoteSection/index.js.map +0 -1
- /package/dist/components/{navigation/tabbar → layout/tabBar}/index.d.ts +0 -0
- /package/dist/components/{navigation/tabbar → layout/tabBar}/index.js +0 -0
|
@@ -8,26 +8,26 @@ import { IconFeedbackWarning } from '../../../icons';
|
|
|
8
8
|
import { FormFieldHelperText, FormFieldIcon, FormFieldLabel } from '../formField';
|
|
9
9
|
import { useFieldId } from '../../../hooks';
|
|
10
10
|
import { BodyText } from '../../typography/bodyText';
|
|
11
|
-
const radioGroupBaseClasses = 'font-text flex group peer';
|
|
11
|
+
const radioGroupBaseClasses = 'font-text flex flex-wrap group peer gap-x-5 gap-y-2';
|
|
12
12
|
const radioGroupVariants = cva(radioGroupBaseClasses, {
|
|
13
13
|
variants: {
|
|
14
14
|
direction: {
|
|
15
|
-
row: 'flex-row
|
|
16
|
-
col: 'flex-col
|
|
15
|
+
row: 'flex-row',
|
|
16
|
+
col: 'flex-col',
|
|
17
17
|
},
|
|
18
18
|
},
|
|
19
19
|
defaultVariants: {
|
|
20
20
|
direction: 'col',
|
|
21
21
|
},
|
|
22
22
|
});
|
|
23
|
-
const RadioGroup = React.forwardRef(({ className, direction, options, groupLabel, helperText, invalidText, invalid, ...props }, ref) => {
|
|
23
|
+
const RadioGroup = React.forwardRef(({ className, direction, options, groupLabel, helperText, invalidText, invalid, hidden, ...props }, ref) => {
|
|
24
24
|
const { id, labelId, helperTextId } = useFieldId();
|
|
25
|
-
return (_jsxs(RadioGroupPrimitive.Root, { id: id, ...props, ref: ref, className: 'flex flex-col gap-2.5 group', "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, children: [groupLabel && (_jsx(FormFieldLabel, { id: labelId, className: cn('text-draeger-cool-gray-750 group-data-[disabled]:text-draeger-cool-gray-250 mb-0'), label: groupLabel })), _jsx("div", { className: cn(radioGroupVariants({ direction, className })), children: options.map(item => (_jsx(RadioGroupItem, { invalid: invalid, ...item }, item.value))) }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, className: 'group-data-[disabled]:text-draeger-cool-gray-250 mt-0' })), invalid && invalidText && (_jsxs("div", { className: "flex items-center gap-x-3", children: [_jsx(FormFieldIcon, { className: 'w-[1.12rem]', icon: IconFeedbackWarning }), _jsx(FormFieldHelperText, { helperText: invalidText, invalid: invalid, className: 'mt-0' })] }))] }));
|
|
25
|
+
return (_jsxs(RadioGroupPrimitive.Root, { id: id, ...props, ref: ref, className: cn('flex flex-col gap-2.5 group', hidden && 'hidden'), "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, children: [groupLabel && (_jsx(FormFieldLabel, { id: labelId, className: cn('text-draeger-cool-gray-750 group-data-[disabled]:text-draeger-cool-gray-250 mb-0'), label: groupLabel })), _jsx("div", { className: cn(radioGroupVariants({ direction, className })), children: options.map(item => (_jsx(RadioGroupItem, { invalid: invalid, ...item }, item.value))) }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, className: 'group-data-[disabled]:text-draeger-cool-gray-250 mt-0' })), invalid && invalidText && (_jsxs("div", { className: "flex items-center gap-x-3", children: [_jsx(FormFieldIcon, { className: 'w-[1.12rem]', icon: IconFeedbackWarning }), _jsx(FormFieldHelperText, { helperText: invalidText, invalid: invalid, className: 'mt-0' })] }))] }));
|
|
26
26
|
});
|
|
27
27
|
RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
|
|
28
28
|
const RadioGroupItem = React.forwardRef(({ className, label, invalid, ...props }, ref) => {
|
|
29
29
|
const { id, labelId } = useFieldId();
|
|
30
|
-
return (_jsxs("div", { className: "
|
|
30
|
+
return (_jsxs("div", { className: "flex items-center space-x-3 font-text", children: [_jsx(RadioGroupPrimitive.Item, { className: cn('peer w-[1.125rem] h-[1.125rem] bg-white rounded-full border-2 border-draeger-dark-blue shrink-0 data-[disabled]:border-draeger-cool-gray-250 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-draeger-air-blue', invalid && 'border-draeger-warning', className), ref: ref, ...props, id: id, "aria-labelledby": labelId, tabIndex: 0, children: _jsx(RadioGroupPrimitive.Indicator, { className: cn("flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-2.5 after:h-2.5 after:rounded-full data-[disabled]:after:bg-draeger-cool-gray-250 after:bg-draeger-dark-blue", invalid && 'after:bg-draeger-warning') }) }), _jsx(BodyText, { asChild: true, children: _jsx("label", { htmlFor: id, id: labelId, className: 'cursor-pointer group-data-[disabled]:cursor-not-allowed group-data-[disabled]:text-draeger-cool-gray-250 peer-data-[disabled]:text-draeger-cool-gray-250', children: label }) })] }));
|
|
31
31
|
});
|
|
32
32
|
RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
|
|
33
33
|
export { RadioGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,mBAAmB,EAAE,aAAa,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAChF,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAEnD,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type FormFieldWrapperVariants, type FormField } from '../formField';
|
|
3
|
+
export interface SearchProps extends Omit<SearchPrimitiveProps, 'value' | 'onChange'>, Pick<FormField, 'wrapperClassName' | 'disabled'> {
|
|
4
|
+
onSearch: (value: string) => void;
|
|
5
|
+
onChange: (value: string) => void;
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
export interface SearchPrimitiveProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, FormFieldWrapperVariants {
|
|
9
|
+
icons?: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;
|
|
12
|
+
export { Search };
|
|
13
|
+
//# sourceMappingURL=Search.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,UAAU,CAAC,EACtD,IAAI,CAAC,SAAS,EAAE,kBAAkB,GAAG,UAAU,CAAC;IAClD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,wBAAwB;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AA4BD,QAAA,MAAM,MAAM,sFAgEX,CAAC;AAGF,OAAO,EAAC,MAAM,EAAC,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { cn } from '../../../utils';
|
|
4
|
+
import { IconClose, IconSearch } from '../../../icons';
|
|
5
|
+
import { useFieldId } from '../../../hooks';
|
|
6
|
+
import { FormFieldWrapper, FormFieldIconsContainer, FormFieldIcon, } from '../formField';
|
|
7
|
+
const SearchPrimitive = React.forwardRef(({ className, size, icons, ...inputProps }, ref) => (_jsxs("div", { className: "relative inline-flex w-full", children: [_jsx(FormFieldIconsContainer, { className: "pointer-events-none", align: 'left', children: _jsx(FormFieldIcon, { "aria-hidden": true, className: cn(inputProps.disabled && '!text-draeger-cool-gray-250'), icon: IconSearch }) }), _jsx(FormFieldWrapper, { className: cn('pl-16', className), size: size, children: _jsx("input", { type: "text", enterKeyHint: "search", role: "searchbox", ref: ref, ...inputProps }) }), _jsx(FormFieldIconsContainer, { children: icons })] })));
|
|
8
|
+
SearchPrimitive.displayName = 'SearchPrimitive';
|
|
9
|
+
const Search = React.forwardRef(({ className, wrapperClassName, disabled, size, onChange, value, onSearch, ...props }, ref) => {
|
|
10
|
+
const { id } = useFieldId();
|
|
11
|
+
const resetInputValue = () => onChange('');
|
|
12
|
+
const inputKeyDownHandler = (event) => {
|
|
13
|
+
if (disabled)
|
|
14
|
+
return;
|
|
15
|
+
if (event.key === 'Enter') {
|
|
16
|
+
onSearch(event.currentTarget.value);
|
|
17
|
+
}
|
|
18
|
+
else if (event.key === 'Escape') {
|
|
19
|
+
resetInputValue();
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
const closeIconKeyDownHandler = (event) => {
|
|
23
|
+
if (disabled)
|
|
24
|
+
return;
|
|
25
|
+
if (event.key === 'Enter' || event.key === ' ')
|
|
26
|
+
resetInputValue();
|
|
27
|
+
};
|
|
28
|
+
return (_jsx("div", { className: cn('font-text w-full', wrapperClassName), children: _jsx(SearchPrimitive, { id: id, ref: ref, value: value, disabled: disabled, size: size, onKeyDown: inputKeyDownHandler, onChange: e => onChange(e.target.value), className: cn('pr-16 placeholder-shown:pr-6', className), icons: Boolean(value.length) &&
|
|
29
|
+
!disabled && (_jsx(FormFieldIcon, { tabIndex: disabled ? -1 : 0, className: "cursor-pointer", icon: IconClose, onClick: resetInputValue, onKeyDown: closeIconKeyDownHandler })), ...props }) }));
|
|
30
|
+
});
|
|
31
|
+
Search.displayName = 'Search';
|
|
32
|
+
export { Search };
|
|
33
|
+
//# sourceMappingURL=Search.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/actions/search/Search.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/search/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/search/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -6,10 +6,10 @@ export interface SelectOption extends React.OptionHTMLAttributes<HTMLOptionEleme
|
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
}
|
|
8
8
|
export interface SelectProps extends SelectPrimitiveProps, FormField {
|
|
9
|
-
options
|
|
9
|
+
options?: SelectOption[];
|
|
10
10
|
}
|
|
11
11
|
export interface SelectPrimitiveProps extends Omit<React.InputHTMLAttributes<HTMLSelectElement>, 'size'>, FormFieldWrapperVariants {
|
|
12
|
-
options
|
|
12
|
+
options?: SelectOption[];
|
|
13
13
|
placeholder?: string;
|
|
14
14
|
invalid?: boolean;
|
|
15
15
|
icons?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAML,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,oBAAoB,EAAE,SAAS;IAClE,OAAO,EAAE,YAAY,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAML,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,oBAAoB,EAAE,SAAS;IAClE,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EAChE,wBAAwB;IAC1B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAKD,QAAA,MAAM,eAAe,gGAgDpB,CAAC;AAGF,QAAA,MAAM,MAAM,uFA0DX,CAAC;AAGF,OAAO,EAAC,MAAM,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -5,11 +5,11 @@ import { IconChevronDown, IconFeedbackWarning } from '../../../icons';
|
|
|
5
5
|
import { FormFieldWrapper, FormFieldIconsContainer, FormFieldLabel, FormFieldIcon, FormFieldHelperText, } from '../formField';
|
|
6
6
|
import { useFieldId } from '../../../hooks';
|
|
7
7
|
const selectPrimitiveClasses = 'enabled:cursor-pointer enabled:hover:bg-draeger-cool-gray-100 pr-14';
|
|
8
|
-
const SelectPrimitive = React.forwardRef(({ className, options, size, icons, invalid, ...selectProps }, ref) => (_jsxs("div", { className: "relative inline-flex w-full", children: [_jsx(FormFieldWrapper, { className: cn(selectPrimitiveClasses, className), invalid: invalid, size: size, children: _jsxs("select", { ref: ref, ...selectProps, children: [_jsx("option", { value: "" }), options.map(({ value, label, disabled }) => (_jsx("option", { value: value, disabled: disabled, children: label }, label)))] }) }), _jsxs(FormFieldIconsContainer, { children: [icons, _jsx(FormFieldIcon, { className: cn('pointer-events-none text-draeger-cool-gray-750', selectProps.disabled && 'text-draeger-cool-gray-250'), icon: IconChevronDown })] })] })));
|
|
8
|
+
const SelectPrimitive = React.forwardRef(({ className, options = [], placeholder = '', size, icons, invalid, ...selectProps }, ref) => (_jsxs("div", { className: "relative inline-flex w-full", children: [_jsx(FormFieldWrapper, { className: cn(selectPrimitiveClasses, className), invalid: invalid, size: size, children: _jsxs("select", { ref: ref, ...selectProps, children: [_jsx("option", { value: "", children: placeholder }), options.map(({ value, label, disabled, hidden }) => (_jsx("option", { value: value, disabled: disabled, hidden: hidden, children: label }, label)))] }) }), _jsxs(FormFieldIconsContainer, { children: [icons, _jsx(FormFieldIcon, { className: cn('pointer-events-none text-draeger-cool-gray-750', selectProps.disabled && 'text-draeger-cool-gray-250'), icon: IconChevronDown })] })] })));
|
|
9
9
|
SelectPrimitive.displayName = 'SelectPrimitive';
|
|
10
|
-
const Select = React.forwardRef(({ className, wrapperClassName, label, required, helperText, invalidText, invalid, disabled, options, ...props }, ref) => {
|
|
10
|
+
const Select = React.forwardRef(({ className, wrapperClassName, label, required, helperText, invalidText, invalid, disabled, options, hidden, ...props }, ref) => {
|
|
11
11
|
const { id, labelId, helperTextId } = useFieldId();
|
|
12
|
-
return (_jsxs("div", { className: cn('font-text w-full', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsx(SelectPrimitive, { id: id, ref: ref, options: options, required: required, disabled: disabled, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(className, invalid && 'pr-[5.5rem]'), icons: invalid && (_jsx(FormFieldIcon, { className: "w-5", icon: IconFeedbackWarning })), ...props }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, disabled: disabled, invalid: invalid })] }));
|
|
12
|
+
return (_jsxs("div", { className: cn('font-text w-full', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsx(SelectPrimitive, { id: id, ref: ref, options: options, required: required, disabled: disabled, "data-invalid": invalid, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(className, invalid && 'pr-[5.5rem]'), icons: invalid && (_jsx(FormFieldIcon, { className: "w-5", icon: IconFeedbackWarning })), ...props }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, disabled: disabled, invalid: invalid })] }));
|
|
13
13
|
});
|
|
14
14
|
Select.displayName = 'Select';
|
|
15
15
|
export { Select, SelectPrimitive };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/actions/select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACpE,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,GAGpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAsB1C,MAAM,sBAAsB,GAC1B,qEAAqE,CAAC;AAExE,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/actions/select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { Button, SvgIcon } from '../..';
|
|
|
3
3
|
import { IconClose } from '../../../icons';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { cn } from '../../../utils';
|
|
6
|
-
const tagBaseClasses = 'inline-flex items-center justify-between rounded-full border aria-disabled:pointer-events-none';
|
|
6
|
+
const tagBaseClasses = 'inline-flex items-center justify-between rounded-full border aria-disabled:pointer-events-none font-text';
|
|
7
7
|
const tagVariants = cva(tagBaseClasses, {
|
|
8
8
|
variants: {
|
|
9
9
|
mode: {
|
|
@@ -22,7 +22,7 @@ const tagVariants = cva(tagBaseClasses, {
|
|
|
22
22
|
},
|
|
23
23
|
});
|
|
24
24
|
export const Tag = ({ value, label, mode, size, disabled, onClose, className, ...props }) => {
|
|
25
|
-
return (_jsxs("div", { tabIndex: -1, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size, className })), ...props, children: [_jsx("span", { className: 'flex', children: label }), mode === 'dismissable' && (_jsx(Button, { tabIndex: disabled ? -1 : 0, variant: "ghost", className: cn('p-0 rounded-full hover:bg-[#0075EB] active:bg-draeger-dark-blue', size === 'sm' ? 'h-9 w-9' : 'h-[1.625rem] w-[1.625rem]', disabled && 'border-none'), size: 'card', onClick: onClose, children: _jsx(SvgIcon, { color: "draeger-white", icon: IconClose, size: 'md', title: "close" }) }))] }));
|
|
25
|
+
return (_jsxs("div", { tabIndex: -1, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size, className })), ...props, children: [_jsx("span", { className: 'flex text-nowrap', children: label }), mode === 'dismissable' && (_jsx(Button, { tabIndex: disabled ? -1 : 0, variant: "ghost", className: cn('p-0 rounded-full hover:bg-[#0075EB] active:bg-draeger-dark-blue', size === 'sm' ? 'h-9 w-9' : 'h-[1.625rem] w-[1.625rem]', disabled && 'border-none'), size: 'card', onClick: onClose, children: _jsx(SvgIcon, { color: "draeger-white", icon: IconClose, size: 'md', title: "close" }) }))] }));
|
|
26
26
|
};
|
|
27
27
|
Tag.displayName = 'Tag';
|
|
28
28
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAClB,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAClB,0GAA0G,CAAC;AAE7G,MAAM,WAAW,GAAG,GAAG,CAAC,cAAc,EAAE;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EACT,0IAA0I;YAC5I,iBAAiB,EACf,wIAAwI;YAC1I,WAAW,EACT,2IAA2I;SAC9I;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,gBAAgB;SACrB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAWH,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,QAAQ,EAAE,CAAC,CAAC,EACZ,EAAE,EAAE,KAAK,mBACM,QAAQ,EACvB,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,KAC/C,KAAK,aAET,eAAM,SAAS,EAAE,kBAAkB,YAAG,KAAK,GAAQ,EAClD,IAAI,KAAK,aAAa,IAAI,CACzB,KAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B,EACvD,QAAQ,IAAI,aAAa,CAC1B,EACD,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,YAEhB,KAAC,OAAO,IACN,KAAK,EAAC,eAAe,EACrB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,OAAO,GACb,GACK,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
|
|
@@ -6,10 +6,6 @@ export interface TextInputPrimitiveProps extends Omit<React.InputHTMLAttributes<
|
|
|
6
6
|
invalid?: boolean;
|
|
7
7
|
icons?: React.ReactNode;
|
|
8
8
|
}
|
|
9
|
-
export interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
10
|
-
label: string;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
}
|
|
13
9
|
declare const TextInputPrimitive: React.ForwardRefExoticComponent<TextInputPrimitiveProps & React.RefAttributes<HTMLInputElement>>;
|
|
14
10
|
declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
15
11
|
export { TextInput, TextInputPrimitive };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/text-input/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAML,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAe,SAAQ,uBAAuB,EAAE,SAAS;CAAG;AAE7E,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,wBAAwB;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/text-input/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAML,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAe,SAAQ,uBAAuB,EAAE,SAAS;CAAG;AAE7E,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,wBAAwB;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,QAAA,MAAM,kBAAkB,kGAUtB,CAAC;AAGH,QAAA,MAAM,SAAS,yFAmDd,CAAC;AAGF,OAAO,EAAC,SAAS,EAAE,kBAAkB,EAAC,CAAC"}
|
|
@@ -6,9 +6,9 @@ import { useFieldId } from '../../../hooks';
|
|
|
6
6
|
import { FormFieldWrapper, FormFieldIconsContainer, FormFieldLabel, FormFieldIcon, FormFieldHelperText, } from '../formField';
|
|
7
7
|
const TextInputPrimitive = React.forwardRef(({ className, invalid, size, icons, ...inputProps }, ref) => (_jsxs("div", { className: "relative inline-flex w-full", children: [_jsx(FormFieldWrapper, { className: className, size: size, invalid: invalid, children: _jsx("input", { ref: ref, ...inputProps }) }), _jsx(FormFieldIconsContainer, { children: icons })] })));
|
|
8
8
|
TextInputPrimitive.displayName = 'TextInputPrimitive';
|
|
9
|
-
const TextInput = React.forwardRef(({ className, wrapperClassName, label, required, helperText, invalidText, invalid = false, disabled, ...props }, ref) => {
|
|
9
|
+
const TextInput = React.forwardRef(({ className, wrapperClassName, label, required, helperText, invalidText, invalid = false, disabled, hidden, ...props }, ref) => {
|
|
10
10
|
const { id, labelId, helperTextId } = useFieldId();
|
|
11
|
-
return (_jsxs("div", { className: cn('font-text w-full', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsx(TextInputPrimitive, { id: id, ref: ref, invalid: invalid, required: required, "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, className: cn(invalid && 'pr-14', className), icons: invalid && _jsx(FormFieldIcon, { icon: IconFeedbackWarning }), ...props }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
|
|
11
|
+
return (_jsxs("div", { className: cn('font-text w-full', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsx(TextInputPrimitive, { id: id, ref: ref, invalid: invalid, required: required, "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, className: cn(invalid && 'pr-14', className), icons: invalid && _jsx(FormFieldIcon, { icon: IconFeedbackWarning }), ...props }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
|
|
12
12
|
});
|
|
13
13
|
TextInput.displayName = 'Input';
|
|
14
14
|
export { TextInput, TextInputPrimitive };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/actions/text-input/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,GAGpB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/actions/text-input/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,GAGpB,MAAM,cAAc,CAAC;AAWtB,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3D,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YAClE,gBAAO,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,GAClB,EACnB,KAAC,uBAAuB,cAAE,KAAK,GAA2B,IACtD,CACP,CAAC,CAAC;AACH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IAEjD,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,MAAM,IAAI,QAAQ,EAAE,gBAAgB,CAAC,aAEtE,KAAK,IAAI,CACR,KAAC,cAAc,IACb,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,KAAC,kBAAkB,IACjB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,qBACD,OAAO,sBACN,UAAU,IAAI,YAAY,EAC5C,SAAS,EAAE,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,SAAS,CAAC,EAC5C,KAAK,EAAE,OAAO,IAAI,KAAC,aAAa,IAAC,IAAI,EAAE,mBAAmB,GAAI,KAC1D,KAAK,GACT,EACF,KAAC,mBAAmB,IAClB,EAAE,EAAE,YAAY,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC;AAEhC,OAAO,EAAC,SAAS,EAAE,kBAAkB,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,aAAc,SAAQ,sBAAsB,EAAE,SAAS;IACtE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAKD,QAAA,MAAM,iBAAiB,oGAerB,CAAC;AAsBH,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,aAAc,SAAQ,sBAAsB,EAAE,SAAS;IACtE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAKD,QAAA,MAAM,iBAAiB,oGAerB,CAAC;AAsBH,QAAA,MAAM,QAAQ,2FAoEb,CAAC;AAGF,OAAO,EAAC,QAAQ,EAAE,iBAAiB,EAAC,CAAC"}
|
|
@@ -11,10 +11,10 @@ const TextareaCounter = ({ disabled, lenght, maxLength, }) => {
|
|
|
11
11
|
const text = `${lenght}/${maxLength}`;
|
|
12
12
|
return (_jsx("span", { "aria-label": text, className: cn(formFieldTextBaseClasses, disabled && 'text-draeger-cool-gray-250'), children: text }));
|
|
13
13
|
};
|
|
14
|
-
const Textarea = React.forwardRef(({ className, wrapperClassName, label, helperText, invalidText, required, invalid = false, disabled, value, maxLength, enableCounter = false, ...props }, ref) => {
|
|
14
|
+
const Textarea = React.forwardRef(({ className, wrapperClassName, label, helperText, invalidText, required, invalid = false, disabled, value, maxLength, enableCounter = false, hidden, ...props }, ref) => {
|
|
15
15
|
const { id, labelId, helperTextId } = useFieldId();
|
|
16
16
|
const counterShown = typeof value !== 'undefined' && enableCounter && maxLength;
|
|
17
|
-
return (_jsxs("div", { className: cn('font-text w-full', wrapperClassName), children: [_jsxs("div", { className: "flex justify-between", children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), counterShown && (_jsx(TextareaCounter, { lenght: value.toString().length, maxLength: maxLength, disabled: disabled }))] }), _jsx(TextareaPrimitive, { id: id, ref: ref, value: value, maxLength: maxLength, invalid: invalid, disabled: disabled, required: required, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(invalid && 'pr-14', 'resize-y', className), icons: invalid && _jsx(FormFieldIcon, { icon: IconFeedbackWarning }), ...props }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
|
|
17
|
+
return (_jsxs("div", { className: cn('font-text w-full', hidden && 'hidden', wrapperClassName), children: [_jsxs("div", { className: "flex justify-between", children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), counterShown && (_jsx(TextareaCounter, { lenght: value.toString().length, maxLength: maxLength, disabled: disabled }))] }), _jsx(TextareaPrimitive, { id: id, ref: ref, value: value, maxLength: maxLength, invalid: invalid, disabled: disabled, required: required, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(invalid && 'pr-14', 'resize-y', className), icons: invalid && _jsx(FormFieldIcon, { icon: IconFeedbackWarning }), ...props }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
|
|
18
18
|
});
|
|
19
19
|
Textarea.displayName = 'Textarea';
|
|
20
20
|
export { Textarea, TextareaPrimitive };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/actions/textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,wBAAwB,GAEzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAkB1C,MAAM,wBAAwB,GAC5B,+CAA+C,CAAC;AAElD,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,aAAa,EAAC,EAAE,YAAY,EAAE,EAAE,CAAC,CACjE,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAClD,OAAO,EAAE,OAAO,YAEhB,mBAAU,GAAG,EAAE,YAAY,KAAM,aAAa,GAAI,GACjC,EACnB,KAAC,uBAAuB,IAAC,SAAS,EAAC,qBAAqB,YACrD,KAAK,GACkB,IACtB,CACP,CAAC,CAAC;AACH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,MAAM,eAAe,GAAmC,CAAC,EACvD,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,MAAM,IAAI,SAAS,EAAE,CAAC;IACtC,OAAO,CACL,6BACc,IAAI,EAChB,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,QAAQ,IAAI,4BAA4B,CACzC,YAEA,IAAI,GACA,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CACE,EACE,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAa,GAAG,KAAK,EACrB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IACjD,MAAM,YAAY,GAChB,OAAO,KAAK,KAAK,WAAW,IAAI,aAAa,IAAI,SAAS,CAAC;IAE7D,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/actions/textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,wBAAwB,GAEzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAkB1C,MAAM,wBAAwB,GAC5B,+CAA+C,CAAC;AAElD,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,aAAa,EAAC,EAAE,YAAY,EAAE,EAAE,CAAC,CACjE,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAClD,OAAO,EAAE,OAAO,YAEhB,mBAAU,GAAG,EAAE,YAAY,KAAM,aAAa,GAAI,GACjC,EACnB,KAAC,uBAAuB,IAAC,SAAS,EAAC,qBAAqB,YACrD,KAAK,GACkB,IACtB,CACP,CAAC,CAAC;AACH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,MAAM,eAAe,GAAmC,CAAC,EACvD,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,MAAM,IAAI,SAAS,EAAE,CAAC;IACtC,OAAO,CACL,6BACc,IAAI,EAChB,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,QAAQ,IAAI,4BAA4B,CACzC,YAEA,IAAI,GACA,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CACE,EACE,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAa,GAAG,KAAK,EACrB,MAAM,EACN,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IACjD,MAAM,YAAY,GAChB,OAAO,KAAK,KAAK,WAAW,IAAI,aAAa,IAAI,SAAS,CAAC;IAE7D,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,MAAM,IAAI,QAAQ,EAAE,gBAAgB,CAAC,aAEvE,eAAK,SAAS,EAAC,sBAAsB,aAClC,KAAK,IAAI,CACR,KAAC,cAAc,IACb,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,EACA,YAAY,IAAI,CACf,KAAC,eAAe,IACd,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,EAC/B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH,IACG,EACN,KAAC,iBAAiB,IAChB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,qBACD,KAAK,IAAI,OAAO,sBACf,UAAU,IAAI,YAAY,EAC5C,SAAS,EAAE,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,EACxD,KAAK,EAAE,OAAO,IAAI,KAAC,aAAa,IAAC,IAAI,EAAE,mBAAmB,GAAI,KAC1D,KAAK,GACT,EACF,KAAC,mBAAmB,IAClB,EAAE,EAAE,YAAY,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAC,QAAQ,EAAE,iBAAiB,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toggle-button/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAU,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toggle-button/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAU,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAGtE,MAAM,WAAW,iBACf,SAAQ,MAAM,CAAC,WAAW,EACxB,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IAC7C,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACnC;AAED,QAAA,MAAM,oBAAoB;;mFAUxB,CAAC;AAEH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8C7C,CAAC;AAIF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -3,6 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import * as Switch from '@radix-ui/react-switch';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
6
|
+
import { cn } from '../../../utils';
|
|
6
7
|
const toggleButtonVariants = cva('flex items-center gap-2.5', {
|
|
7
8
|
variants: {
|
|
8
9
|
labelAlignment: {
|
|
@@ -14,9 +15,9 @@ const toggleButtonVariants = cva('flex items-center gap-2.5', {
|
|
|
14
15
|
labelAlignment: 'left',
|
|
15
16
|
},
|
|
16
17
|
});
|
|
17
|
-
const ToggleButton = ({ checked, labelChecked, labelUnchecked, iconChecked, iconUnchecked, labelAlignment = 'left', ...props }) => {
|
|
18
|
+
const ToggleButton = ({ checked, labelChecked, labelUnchecked, iconChecked, iconUnchecked, labelAlignment = 'left', hidden, ...props }) => {
|
|
18
19
|
const toggleButtonId = React.useId();
|
|
19
|
-
return (_jsxs("div", { className: toggleButtonVariants({ labelAlignment }), children: [_jsxs("label", { className: 'text-base font-text text-draeger-air-blue', htmlFor: toggleButtonId, children: [checked && labelChecked ? labelChecked : '', !checked && labelUnchecked ? labelUnchecked : ''] }), _jsxs(Switch.Root, { className: "group w-[52px] h-7 rounded-full data-[state=unchecked]:bg-draeger-cool-gray-500 data-[state=checked]:bg-draeger-air-blue relative data-outline-none flex items-center cursor-pointer", id: toggleButtonId, checked: checked, ...props, children: [iconChecked && (_jsx("div", { className: 'absolute transition-opacity group-data-[state=unchecked]:opacity-0 group-data-[state=checked]:opacity-1 left-1.5', children: _jsx(SvgIcon, { icon: iconChecked, size: 'sm', color: "draeger-white" }) })), _jsx(Switch.Thumb, { className: "block h-6 w-6 rounded-full transition-transform duration-200 will-change-transform data-[state=checked]:translate-x-[26px] translate-x-[2px] bg-draeger-white" }), iconUnchecked && (_jsx("div", { className: "absolute right-1.5 transition-opacity group-data-[state=unchecked]:opacity-1 group-data-[state=checked]:opacity-0", children: _jsx(SvgIcon, { icon: iconUnchecked, size: 'sm', color: "draeger-white" }) }))] })] }));
|
|
20
|
+
return (_jsxs("div", { className: cn(toggleButtonVariants({ labelAlignment }), hidden && 'hidden'), children: [_jsxs("label", { className: 'text-base font-text text-draeger-air-blue', htmlFor: toggleButtonId, children: [checked && labelChecked ? labelChecked : '', !checked && labelUnchecked ? labelUnchecked : ''] }), _jsxs(Switch.Root, { className: "group w-[52px] h-7 rounded-full data-[state=unchecked]:bg-draeger-cool-gray-500 data-[state=checked]:bg-draeger-air-blue relative data-outline-none flex items-center cursor-pointer", id: toggleButtonId, checked: checked, ...props, children: [iconChecked && (_jsx("div", { className: 'absolute transition-opacity group-data-[state=unchecked]:opacity-0 group-data-[state=checked]:opacity-1 left-1.5', children: _jsx(SvgIcon, { icon: iconChecked, size: 'sm', color: "draeger-white" }) })), _jsx(Switch.Thumb, { className: "block h-6 w-6 rounded-full transition-transform duration-200 will-change-transform data-[state=checked]:translate-x-[26px] translate-x-[2px] bg-draeger-white" }), iconUnchecked && (_jsx("div", { className: "absolute right-1.5 transition-opacity group-data-[state=unchecked]:opacity-1 group-data-[state=checked]:opacity-0", children: _jsx(SvgIcon, { icon: iconUnchecked, size: 'sm', color: "draeger-white" }) }))] })] }));
|
|
20
21
|
};
|
|
21
22
|
ToggleButton.displayName = 'ToggleButton';
|
|
22
23
|
export { ToggleButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../../src/components/actions/toggle-button/ToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,OAAO,EAAmB,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../../src/components/actions/toggle-button/ToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,OAAO,EAAmB,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAalC,MAAM,oBAAoB,GAAG,GAAG,CAAC,2BAA2B,EAAE;IAC5D,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,kBAAkB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,cAAc,EAAE,MAAM;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAgC,CAAC,EACjD,OAAO,EACP,YAAY,EACZ,cAAc,EACd,WAAW,EACX,aAAa,EACb,cAAc,GAAG,MAAM,EACvB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IACrC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAC,cAAc,EAAC,CAAC,EAAE,MAAM,IAAI,QAAQ,CAAC,aAEzE,iBACE,SAAS,EAAE,2CAA2C,EACtD,OAAO,EAAE,cAAc,aAEtB,OAAO,IAAI,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAC3C,CAAC,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAC3C,EACR,MAAC,MAAM,CAAC,IAAI,IACV,SAAS,EAAC,sLAAsL,EAChM,EAAE,EAAE,cAAc,EAClB,OAAO,EAAE,OAAO,KACZ,KAAK,aAER,WAAW,IAAI,CACd,cACE,SAAS,EACP,kHAAkH,YAGpH,KAAC,OAAO,IAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,eAAe,GAAG,GAC5D,CACP,EACD,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,+JAA+J,GAAG,EACzL,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,mHAAmH,YAChI,KAAC,OAAO,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,eAAe,GAAG,GAC9D,CACP,IACW,IACV,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
export type SvgIconComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>;
|
|
4
4
|
declare const svgIconVariants: (props?: ({
|
|
5
|
-
color?: "default" | "draeger-white" | "draeger-dark-blue" | "draeger-dark-gray" | "draeger-air-blue" | "draeger-light-blue-150" | null | undefined;
|
|
5
|
+
color?: "default" | "draeger-white" | "draeger-dark-blue" | "draeger-dark-gray" | "draeger-air-blue" | "draeger-light-blue-150" | "draeger-cool-gray-750" | "draeger-cool-gray-150" | null | undefined;
|
|
6
6
|
size?: "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
8
|
export interface SvgIconProps extends Omit<React.SVGProps<SVGSVGElement>, 'color'>, VariantProps<typeof svgIconVariants> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SvgIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/svg-icon/SvgIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAChD,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAC9B,CAAC;AAEF,QAAA,MAAM,eAAe;;;
|
|
1
|
+
{"version":3,"file":"SvgIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/svg-icon/SvgIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAChD,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAC9B,CAAC;AAEF,QAAA,MAAM,eAAe;;;mFA2BnB,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC,EAClD,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBnC,CAAC;AAGF,OAAO,EAAC,OAAO,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -10,6 +10,8 @@ const svgIconVariants = cva('', {
|
|
|
10
10
|
'draeger-dark-gray': 'font-draeger-dark-gray text-draeger-dark-gray',
|
|
11
11
|
'draeger-air-blue': 'font-draeger-air-blue text-draeger-air-blue',
|
|
12
12
|
'draeger-light-blue-150': 'font-draeger-light-blue-150 text-draeger-light-blue-150',
|
|
13
|
+
'draeger-cool-gray-750': 'font-draeger-cool-gray-750 text-draeger-cool-gray-750',
|
|
14
|
+
'draeger-cool-gray-150': 'font-draeger-cool-gray-150 text-draeger-cool-gray-150',
|
|
13
15
|
},
|
|
14
16
|
size: {
|
|
15
17
|
default: 'h-full',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SvgIcon.js","sourceRoot":"","sources":["../../../../src/components/images-icons/svg-icon/SvgIcon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAMlC,MAAM,eAAe,GAAG,GAAG,CAAC,EAAE,EAAE;IAC9B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,eAAe,EAAE,uCAAuC;YACxD,mBAAmB,EAAE,+CAA+C;YACpE,mBAAmB,EAAE,+CAA+C;YACpE,kBAAkB,EAAE,6CAA6C;YACjE,wBAAwB,EACtB,yDAAyD;
|
|
1
|
+
{"version":3,"file":"SvgIcon.js","sourceRoot":"","sources":["../../../../src/components/images-icons/svg-icon/SvgIcon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAMlC,MAAM,eAAe,GAAG,GAAG,CAAC,EAAE,EAAE;IAC9B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,eAAe,EAAE,uCAAuC;YACxD,mBAAmB,EAAE,+CAA+C;YACpE,mBAAmB,EAAE,+CAA+C;YACpE,kBAAkB,EAAE,6CAA6C;YACjE,wBAAwB,EACtB,yDAAyD;YAC3D,uBAAuB,EACrB,uDAAuD;YACzD,uBAAuB,EACrB,uDAAuD;SAC1D;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,MAAM;SACX;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AA+BH,MAAM,OAAO,GAA2B,CAAC,EACvC,KAAK,EACL,IAAI,EAAE,IAAI,EACV,IAAI,EACJ,OAAO,EACP,KAAK,EACL,SAAS,EACT,MAAM,GAAG,KAAK,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,EAAE,CAAC;IAC3B,OAAO,CACL,KAAC,IAAI,IACH,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,eAAe,IAAI,eAAe,EAAE,EACxE,SAAS,EAAE,EAAE,CACX,MAAM,IAAI,eAAe,EACzB,eAAe,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC,CAC1C,KACG,KAAK,YAER,KAAK,IAAI,0BAAQ,KAAK,GAAS,GAC3B,CACR,CAAC;AACJ,CAAC,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAC,OAAO,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -18,7 +18,9 @@ export * from './actions/tag';
|
|
|
18
18
|
export * from './actions/multiselect';
|
|
19
19
|
export * from './actions/combobox';
|
|
20
20
|
export * from './actions/dropdown';
|
|
21
|
+
export * from './actions/search';
|
|
21
22
|
export * from './actions/questionnaireFieldset';
|
|
23
|
+
export * from './actions/filterPanel';
|
|
22
24
|
/**
|
|
23
25
|
* Image and icon components
|
|
24
26
|
*/
|
|
@@ -31,7 +33,7 @@ export * from './images-icons/video';
|
|
|
31
33
|
*/
|
|
32
34
|
export * from './navigation/breadcrumbs';
|
|
33
35
|
export * from './navigation/controls';
|
|
34
|
-
export * from './navigation/
|
|
36
|
+
export * from './navigation/anchorNav';
|
|
35
37
|
export * from './navigation/header';
|
|
36
38
|
export * from './navigation/footer';
|
|
37
39
|
export * from './navigation/searchInput';
|
|
@@ -47,17 +49,22 @@ export * from './layout/mediaGallery';
|
|
|
47
49
|
export * from './layout/contentArea';
|
|
48
50
|
export * from './layout/sectionWrapper';
|
|
49
51
|
export * from './layout/fullWidth';
|
|
50
|
-
export * from './layout/
|
|
52
|
+
export * from './layout/structuredList';
|
|
51
53
|
export * from './layout/modal';
|
|
52
54
|
export * from './layout/card';
|
|
53
55
|
export * from './layout/dataTable';
|
|
54
56
|
export * from './structures/divider';
|
|
57
|
+
export * from './layout/slimRichText';
|
|
55
58
|
export * from './layout/list';
|
|
59
|
+
export * from './layout/calloutMedia';
|
|
60
|
+
export * from './layout/tabBar';
|
|
61
|
+
export * from './layout/carousel';
|
|
62
|
+
export * from './layout/contentItem';
|
|
63
|
+
export * from './layout/calloutQuote';
|
|
56
64
|
/**
|
|
57
65
|
* Typography components
|
|
58
66
|
*/
|
|
59
67
|
export * from './typography/headline';
|
|
60
68
|
export * from './typography/bodyText';
|
|
61
|
-
export * from './typography/richText';
|
|
62
69
|
export * from './typography/textFormat';
|
|
63
70
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -18,7 +18,9 @@ export * from './actions/tag';
|
|
|
18
18
|
export * from './actions/multiselect';
|
|
19
19
|
export * from './actions/combobox';
|
|
20
20
|
export * from './actions/dropdown';
|
|
21
|
+
export * from './actions/search';
|
|
21
22
|
export * from './actions/questionnaireFieldset';
|
|
23
|
+
export * from './actions/filterPanel';
|
|
22
24
|
/**
|
|
23
25
|
* Image and icon components
|
|
24
26
|
*/
|
|
@@ -31,7 +33,7 @@ export * from './images-icons/video';
|
|
|
31
33
|
*/
|
|
32
34
|
export * from './navigation/breadcrumbs';
|
|
33
35
|
export * from './navigation/controls';
|
|
34
|
-
export * from './navigation/
|
|
36
|
+
export * from './navigation/anchorNav';
|
|
35
37
|
export * from './navigation/header';
|
|
36
38
|
export * from './navigation/footer';
|
|
37
39
|
export * from './navigation/searchInput';
|
|
@@ -47,17 +49,22 @@ export * from './layout/mediaGallery';
|
|
|
47
49
|
export * from './layout/contentArea';
|
|
48
50
|
export * from './layout/sectionWrapper';
|
|
49
51
|
export * from './layout/fullWidth';
|
|
50
|
-
export * from './layout/
|
|
52
|
+
export * from './layout/structuredList';
|
|
51
53
|
export * from './layout/modal';
|
|
52
54
|
export * from './layout/card';
|
|
53
55
|
export * from './layout/dataTable';
|
|
54
56
|
export * from './structures/divider';
|
|
57
|
+
export * from './layout/slimRichText';
|
|
55
58
|
export * from './layout/list';
|
|
59
|
+
export * from './layout/calloutMedia';
|
|
60
|
+
export * from './layout/tabBar';
|
|
61
|
+
export * from './layout/carousel';
|
|
62
|
+
export * from './layout/contentItem';
|
|
63
|
+
export * from './layout/calloutQuote';
|
|
56
64
|
/**
|
|
57
65
|
* Typography components
|
|
58
66
|
*/
|
|
59
67
|
export * from './typography/headline';
|
|
60
68
|
export * from './typography/bodyText';
|
|
61
|
-
export * from './typography/richText';
|
|
62
69
|
export * from './typography/textFormat';
|
|
63
70
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
defaultValues?: string[];
|
|
4
|
-
|
|
5
|
-
singleActiveItem?: boolean;
|
|
4
|
+
size?: 'lg' | 'md' | 'sm';
|
|
6
5
|
}
|
|
7
6
|
export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
7
|
value: string;
|
|
@@ -12,8 +11,10 @@ export interface AccordionItemWrapperProps extends Omit<AccordionItemProps, 'val
|
|
|
12
11
|
export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
13
12
|
children?: React.ReactNode;
|
|
14
13
|
}
|
|
15
|
-
export interface AccordionItemToggleProps extends React.
|
|
14
|
+
export interface AccordionItemToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
16
15
|
headline?: string;
|
|
16
|
+
size?: 'lg' | 'md' | 'sm';
|
|
17
|
+
headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
17
18
|
}
|
|
18
19
|
declare const Accordion: React.FC<AccordionProps>;
|
|
19
20
|
declare const AccordionItemToggle: React.FC<AccordionItemToggleProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;CAAG;AAE9C,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgCvC,CAAC;AAkBF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmC3D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQ/C,CAAC;AA0BF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0BrD,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,CAAC"}
|