@odx/websites-react 0.0.4 → 0.0.6
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 +1 -1
- package/dist/components/actions/button/Button.d.ts.map +1 -1
- package/dist/components/actions/button/Button.js +3 -3
- 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/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 +2 -2
- 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 +1 -1
- 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 +4 -2
- package/dist/components/actions/toggle-button/ToggleButton.js.map +1 -1
- package/dist/components/index.d.ts +5 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +5 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +1 -1
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/{web/sections/contentImageSection/ContentImageSection.d.ts → components/layout/calloutMedia/CalloutMedia.d.ts} +5 -5
- 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/card/Card.d.ts +1 -0
- package/dist/components/layout/card/Card.d.ts.map +1 -1
- package/dist/components/layout/card/Card.js +7 -2
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/carousel/Carousel.d.ts +24 -0
- package/dist/components/layout/carousel/Carousel.d.ts.map +1 -0
- package/dist/components/layout/carousel/Carousel.js +60 -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.map +1 -1
- package/dist/components/layout/contentItem/ContentItem.js +3 -3
- package/dist/components/layout/contentItem/ContentItem.js.map +1 -1
- 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.map +1 -1
- package/dist/components/layout/slimRichText/SlimRichText.js +5 -3
- package/dist/components/layout/slimRichText/SlimRichText.js.map +1 -1
- package/dist/components/layout/structuredList/StructuredList.js +2 -2
- package/dist/components/layout/structuredList/StructuredList.js.map +1 -1
- package/dist/components/layout/structuredList/StructuredListItem.d.ts +3 -7
- package/dist/components/layout/structuredList/StructuredListItem.d.ts.map +1 -1
- package/dist/components/layout/structuredList/StructuredListItem.js +6 -10
- package/dist/components/layout/structuredList/StructuredListItem.js.map +1 -1
- 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.js +2 -2
- package/dist/components/typography/headline/Headline.js.map +1 -1
- package/dist/icons/uncolored/IconReload.d.ts.map +1 -1
- package/dist/icons/uncolored/IconReload.js +2 -2
- package/dist/icons/uncolored/IconReload.js.map +1 -1
- package/dist/web/boxes/accordionBox/AccordionBox.d.ts.map +1 -1
- package/dist/web/boxes/accordionBox/AccordionBox.js +1 -1
- package/dist/web/boxes/accordionBox/AccordionBox.js.map +1 -1
- package/dist/web/boxes/linkListBox/linkListBox.js +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 -2
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +9 -2
- 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 +10 -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 -6
- 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/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 -18
- 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.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/components/{navigation/tabbar → layout/tabBar}/index.d.ts +0 -0
- /package/dist/components/{navigation/tabbar → layout/tabBar}/index.js +0 -0
|
@@ -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: {
|
|
@@ -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,CAiD7C,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,10 @@ 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
|
-
|
|
20
|
+
const labelId = React.useId();
|
|
21
|
+
return (_jsxs("div", { className: cn(toggleButtonVariants({ labelAlignment }), hidden && 'hidden'), children: [_jsxs("label", { className: 'text-base font-text text-draeger-air-blue', htmlFor: toggleButtonId, id: labelId, 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, "aria-labelledby": labelId, ...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
22
|
};
|
|
21
23
|
ToggleButton.displayName = 'ToggleButton';
|
|
22
24
|
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,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,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,EACvB,EAAE,EAAE,OAAO,aAEV,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,qBACC,OAAO,KACpB,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"}
|
|
@@ -18,6 +18,7 @@ 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';
|
|
22
23
|
export * from './actions/filterPanel';
|
|
23
24
|
/**
|
|
@@ -32,7 +33,7 @@ export * from './images-icons/video';
|
|
|
32
33
|
*/
|
|
33
34
|
export * from './navigation/breadcrumbs';
|
|
34
35
|
export * from './navigation/controls';
|
|
35
|
-
export * from './navigation/
|
|
36
|
+
export * from './navigation/anchorNav';
|
|
36
37
|
export * from './navigation/header';
|
|
37
38
|
export * from './navigation/footer';
|
|
38
39
|
export * from './navigation/searchInput';
|
|
@@ -55,6 +56,9 @@ export * from './layout/dataTable';
|
|
|
55
56
|
export * from './structures/divider';
|
|
56
57
|
export * from './layout/slimRichText';
|
|
57
58
|
export * from './layout/list';
|
|
59
|
+
export * from './layout/calloutMedia';
|
|
60
|
+
export * from './layout/tabBar';
|
|
61
|
+
export * from './layout/carousel';
|
|
58
62
|
export * from './layout/contentItem';
|
|
59
63
|
export * from './layout/calloutQuote';
|
|
60
64
|
/**
|
|
@@ -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;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,
|
|
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,6 +18,7 @@ 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';
|
|
22
23
|
export * from './actions/filterPanel';
|
|
23
24
|
/**
|
|
@@ -32,7 +33,7 @@ export * from './images-icons/video';
|
|
|
32
33
|
*/
|
|
33
34
|
export * from './navigation/breadcrumbs';
|
|
34
35
|
export * from './navigation/controls';
|
|
35
|
-
export * from './navigation/
|
|
36
|
+
export * from './navigation/anchorNav';
|
|
36
37
|
export * from './navigation/header';
|
|
37
38
|
export * from './navigation/footer';
|
|
38
39
|
export * from './navigation/searchInput';
|
|
@@ -55,6 +56,9 @@ export * from './layout/dataTable';
|
|
|
55
56
|
export * from './structures/divider';
|
|
56
57
|
export * from './layout/slimRichText';
|
|
57
58
|
export * from './layout/list';
|
|
59
|
+
export * from './layout/calloutMedia';
|
|
60
|
+
export * from './layout/tabBar';
|
|
61
|
+
export * from './layout/carousel';
|
|
58
62
|
export * from './layout/contentItem';
|
|
59
63
|
export * from './layout/calloutQuote';
|
|
60
64
|
/**
|
|
@@ -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;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,
|
|
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 +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;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,
|
|
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,CAqC3D,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"}
|
|
@@ -37,7 +37,7 @@ const accordionToggleVariants = cva(baseAccordionItemToggleClassName, {
|
|
|
37
37
|
});
|
|
38
38
|
const AccordionItemToggle = ({ headline, className, headingLevel, ...props }) => {
|
|
39
39
|
const { isExpanded, value, toggleItem, size } = useAccordionItemContext();
|
|
40
|
-
return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(accordionToggleVariants({ size }), className), children: [_jsx(Headline, { className: cn('text-draeger-dark-gray', props.disabled && 'text-draeger-cool-gray-150'), headingLevel: headingLevel || 'h6', children: headline }), _jsx(SvgIcon, { size: 'md', icon: IconChevronDown, color: props.disabled ? 'draeger-cool-gray-150' : 'draeger-cool-gray-750', className: 'ml-4' })] }));
|
|
40
|
+
return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(accordionToggleVariants({ size }), className, 'group'), children: [_jsx(Headline, { className: cn('text-draeger-dark-gray', props.disabled && 'text-draeger-cool-gray-150'), headingLevel: headingLevel || 'h6', children: headline }), _jsx(SvgIcon, { size: 'md', icon: IconChevronDown, color: props.disabled ? 'draeger-cool-gray-150' : 'draeger-cool-gray-750', className: 'ml-4 group-aria-expanded:rotate-180 transition-all duration-100' })] }));
|
|
41
41
|
};
|
|
42
42
|
const AccordionItem = ({ children, value, ...props }) => (_jsx(AccordionItemContext.Provider, { value: value, children: _jsx(AccordionItemWrapper, { ...props, children: children }) }));
|
|
43
43
|
const baseAccordionItemWrapperClassName = 'text-draeger-dark-gray transition-all';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AA2BnD,MAAM,SAAS,GAA6B,CAAC,EAC3C,aAAa,GAAG,EAAE,EAClB,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/B,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CACrC,YAAY,CAAC,EAAE,CAAC,YAAY,KAAK,IAAI,CACtC,CAAC;YACF,cAAc,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,UAAU,EAAE,IAAI,EAAC,YAC/D,KAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,SAAS,CACV,YAEA,QAAQ,GACG,GACY,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gCAAgC,GACpC,kOAAkO,CAAC;AAErO,MAAM,uBAAuB,GAAG,GAAG,CAAC,gCAAgC,EAAE;IACpE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,MAAM;SACX;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAC,GAAG,uBAAuB,EAAE,CAAC;IACxE,OAAO,CACL,qBACM,KAAK,mBACM,UAAU,EACzB,EAAE,EAAE,WAAW,KAAK,EAAE,mBACP,SAAS,KAAK,EAAE,EAC/B,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AA2BnD,MAAM,SAAS,GAA6B,CAAC,EAC3C,aAAa,GAAG,EAAE,EAClB,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/B,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CACrC,YAAY,CAAC,EAAE,CAAC,YAAY,KAAK,IAAI,CACtC,CAAC;YACF,cAAc,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,UAAU,EAAE,IAAI,EAAC,YAC/D,KAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,SAAS,CACV,YAEA,QAAQ,GACG,GACY,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gCAAgC,GACpC,kOAAkO,CAAC;AAErO,MAAM,uBAAuB,GAAG,GAAG,CAAC,gCAAgC,EAAE;IACpE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,MAAM;SACX;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAC,GAAG,uBAAuB,EAAE,CAAC;IACxE,OAAO,CACL,qBACM,KAAK,mBACM,UAAU,EACzB,EAAE,EAAE,WAAW,KAAK,EAAE,mBACP,SAAS,KAAK,EAAE,EAC/B,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,aAElE,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,KAAK,CAAC,QAAQ,IAAI,4BAA4B,CAC/C,EACD,YAAY,EAAE,YAAY,IAAI,IAAI,YAEjC,QAAQ,GACA,EACX,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,eAAe,EACrB,KAAK,EACH,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB,EAEpE,SAAS,EACP,iEAAiE,GAEnE,IACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,EACnD,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACzC,KAAC,oBAAoB,OAAK,KAAK,YAAG,QAAQ,GAAwB,GACpC,CACjC,CAAC;AAEF,MAAM,iCAAiC,GACrC,uCAAuC,CAAC;AAE1C,MAAM,oBAAoB,GAAwC,CAAC,EACjE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,iCAAiC,EACjC,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,gBAAgB,GAAoC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IACvE,MAAM,EAAC,UAAU,EAAE,KAAK,EAAC,GAAG,uBAAuB,EAAE,CAAC;IACtD,MAAM,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,gBAAgB,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAE5D,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,UAAU,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,WAAW,CACnD,EACD,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,SAAS,KAAK,EAAE,qBACH,WAAW,KAAK,EAAE,YAEnC,cACE,SAAS,EAAE,EAAE,CACX,8DAA8D,CAC/D,EACD,KAAK,EAAE,EAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,GAAG,EAAC,YAExD,cAAK,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,UAAU,iBAAe,CAAC,UAAU,YACzD,QAAQ,GACL,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Image, LinkButtonProps, type SectionWrapperProps, type RichTextType } from '
|
|
2
|
+
import { Image, LinkButtonProps, type SectionWrapperProps, type RichTextType } from '../..';
|
|
3
3
|
import { LinkComponent } from '../../../utils';
|
|
4
|
-
export interface
|
|
4
|
+
export interface CalloutMediaProps extends LinkComponent, React.HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
headline: string;
|
|
6
6
|
copytext: RichTextType;
|
|
7
7
|
linkButtonProps: LinkButtonProps;
|
|
8
8
|
imageProps: React.ComponentProps<typeof Image>;
|
|
9
9
|
sectionProps?: SectionWrapperProps;
|
|
10
10
|
}
|
|
11
|
-
declare const
|
|
12
|
-
export {
|
|
13
|
-
//# sourceMappingURL=
|
|
11
|
+
declare const CalloutMedia: React.FC<CalloutMediaProps>;
|
|
12
|
+
export { CalloutMedia };
|
|
13
|
+
//# sourceMappingURL=CalloutMedia.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalloutMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,EAIL,eAAe,EACf,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAIjD,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsC7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Image, SectionWrapper, LinkButton, FullWidth, } from '../..';
|
|
3
|
+
import { cn } from '../../../utils';
|
|
4
|
+
import { SectionHeaderWithSubtitle } from '../../typography/sectionHeaderWithSubtitle/SectionHeaderWithSubtitle';
|
|
5
|
+
import { IconChevronDown } from '../../../icons';
|
|
6
|
+
const CalloutMedia = ({ headline, copytext, linkButtonProps, imageProps, sectionProps, LinkComponent, }) => {
|
|
7
|
+
return (_jsx(FullWidth, { children: _jsx(SectionWrapper, { className: cn('py-0', sectionProps?.className), background: 'lightSand', ...sectionProps, children: _jsxs("div", { className: "flex flex-col xl:min-h-screen xl:flex-row", children: [_jsxs("div", { className: "flex flex-col mx-auto pt-9 pb-12 px-12 basis-1/2 grow xl:basis-1/3", children: [_jsx(SectionHeaderWithSubtitle, { header: headline, subtitle: copytext.value ?? '' }), _jsx(LinkButton, { LinkComponent: LinkComponent, icon: IconChevronDown, className: cn('self-start mt-16 xl:mt-auto', linkButtonProps.className), ...linkButtonProps })] }), _jsx("div", { className: "flex basis-1/2 grow xl:basis-2/3", children: _jsx(Image, { ...imageProps, className: "w-full h-full" }) })] }) }) }));
|
|
8
|
+
};
|
|
9
|
+
export { CalloutMedia };
|
|
10
|
+
//# sourceMappingURL=CalloutMedia.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,KAAK,EACL,cAAc,EACd,UAAU,EACV,SAAS,GAIV,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,yBAAyB,EAAC,MAAM,sEAAsE,CAAC;AAC/G,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAY/C,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,UAAU,EACV,YAAY,EACZ,aAAa,GACd,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,cACR,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,EAC9C,UAAU,EAAE,WAAW,KACnB,YAAY,YAEhB,eAAK,SAAS,EAAC,2CAA2C,aACxD,eAAK,SAAS,EAAC,oEAAoE,aACjF,KAAC,yBAAyB,IACxB,MAAM,EAAE,QAAQ,EAChB,QAAQ,EAAE,QAAQ,CAAC,KAAK,IAAI,EAAE,GAC9B,EACF,KAAC,UAAU,IACT,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,eAAe,EACrB,SAAS,EAAE,EAAE,CACX,6BAA6B,EAC7B,eAAe,CAAC,SAAS,CAC1B,KACG,eAAe,GACnB,IACE,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,KAAK,OAAK,UAAU,EAAE,SAAS,EAAC,eAAe,GAAG,GAC/C,IACF,GACS,GACP,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -20,6 +20,7 @@ export interface CardActionsWrapperProps extends React.HTMLAttributes<HTMLDivEle
|
|
|
20
20
|
declare const CardActionsWrapper: React.FC<CardActionsWrapperProps>;
|
|
21
21
|
declare const cardVariants: (props?: ({
|
|
22
22
|
variant?: "white" | "paleBlue" | "darkBlue" | null | undefined;
|
|
23
|
+
padding?: 0 | 4 | null | undefined;
|
|
23
24
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
24
25
|
export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
|
|
25
26
|
imageElement?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAS,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAE9D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAa3C,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAa7C,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAW7C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;CAAG;AAErE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAezC,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAWzD,CAAC;AAKF,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAS,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAE9D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAa3C,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAa7C,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAW7C,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;CAAG;AAErE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAezC,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAWzD,CAAC;AAKF,QAAA,MAAM,YAAY;;;mFAgBhB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAChD;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAc7B,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,kBAAkB,GACnB,CAAC"}
|
|
@@ -18,13 +18,18 @@ const cardVariants = cva(cardBaseClasses, {
|
|
|
18
18
|
paleBlue: 'bg-draeger-pale-blue text-draeger-dark-blue',
|
|
19
19
|
darkBlue: 'bg-draeger-dark-blue text-draeger-white',
|
|
20
20
|
},
|
|
21
|
+
padding: {
|
|
22
|
+
0: 'p-0',
|
|
23
|
+
4: 'p-4',
|
|
24
|
+
},
|
|
21
25
|
},
|
|
22
26
|
defaultVariants: {
|
|
23
27
|
variant: 'white',
|
|
28
|
+
padding: 0,
|
|
24
29
|
},
|
|
25
30
|
});
|
|
26
|
-
const Card = ({ imageElement, children, variant, className, ...props }) => {
|
|
27
|
-
return (_jsxs("div", { className: cn(cardVariants({ variant }), className), ...props, children: [imageElement, _jsx("div", { className: "flex flex-col px-6 pt-9", children: children })] }));
|
|
31
|
+
const Card = ({ imageElement, children, variant, padding, className, ...props }) => {
|
|
32
|
+
return (_jsxs("div", { className: cn(cardVariants({ variant, padding }), className), ...props, children: [imageElement, _jsx("div", { className: "flex flex-col px-6 pt-9", children: children })] }));
|
|
28
33
|
};
|
|
29
34
|
export { Card, CardSubInfo, CardHeadline, CardBodyText, CardButton, CardActionsWrapper, };
|
|
30
35
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,MAAM,EAAc,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAC,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAIhE,MAAM,WAAW,GAA+B,CAAC,EAC/C,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AAOF,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,QAAQ,IACP,SAAS,EAAC,SAAS,EACnB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,KAC5B,KAAK,YAER,QAAQ,GACA,CACZ,CAAC;AAIF,MAAM,YAAY,GAAgC,CAAC,EACjD,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAC7B,KAAK,GACT,CACH,CAAC;AAIF,MAAM,UAAU,GAA8B,CAAC,EAC7C,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CACX,yJAAyJ,EACzJ,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AAKF,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,SAAS,CAAC,KACtE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAE1C,wFAAwF;AACxF,MAAM,YAAY,GAAG,GAAG,CAAC,eAAe,EAAE;IACxC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,KAAK,EAAE,iDAAiD;YACxD,QAAQ,EAAE,6CAA6C;YACvD,QAAQ,EAAE,yCAAyC;SACpD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,MAAM,EAAc,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAC,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAIhE,MAAM,WAAW,GAA+B,CAAC,EAC/C,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AAOF,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,QAAQ,IACP,SAAS,EAAC,SAAS,EACnB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,KAC5B,KAAK,YAER,QAAQ,GACA,CACZ,CAAC;AAIF,MAAM,YAAY,GAAgC,CAAC,EACjD,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAC7B,KAAK,GACT,CACH,CAAC;AAIF,MAAM,UAAU,GAA8B,CAAC,EAC7C,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CACX,yJAAyJ,EACzJ,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AAKF,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,SAAS,CAAC,KACtE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAE1C,wFAAwF;AACxF,MAAM,YAAY,GAAG,GAAG,CAAC,eAAe,EAAE;IACxC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,KAAK,EAAE,iDAAiD;YACxD,QAAQ,EAAE,6CAA6C;YACvD,QAAQ,EAAE,yCAAyC;SACpD;QACD,OAAO,EAAE;YACP,CAAC,EAAE,KAAK;YACR,CAAC,EAAE,KAAK;SACT;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC;AASH,MAAM,IAAI,GAAwB,CAAC,EACjC,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,OAAO,EAAE,OAAO,EAAC,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,aACvE,YAAY,EACb,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,IACrD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,kBAAkB,GACnB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { type ButtonProps } from '../../actions/button';
|
|
4
|
+
export interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
nextButtonAriaLabel: string;
|
|
6
|
+
previousButtonAriaLabel: string;
|
|
7
|
+
cols?: 3 | 4;
|
|
8
|
+
}
|
|
9
|
+
declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export interface CarouselControlProps {
|
|
11
|
+
counterText: string;
|
|
12
|
+
prevButtonProps: Omit<CarouselControlButtonProps, 'icon'>;
|
|
13
|
+
nextButtonProps: Omit<CarouselControlButtonProps, 'icon'>;
|
|
14
|
+
}
|
|
15
|
+
export interface CarouselControlButtonProps extends Pick<ButtonProps, 'disabled' | 'onClick' | 'icon'> {
|
|
16
|
+
ariaLabel: string;
|
|
17
|
+
}
|
|
18
|
+
declare const carouselItemVariants: (props?: ({
|
|
19
|
+
cols?: 3 | 4 | null | undefined;
|
|
20
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
21
|
+
export interface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof carouselItemVariants> {
|
|
22
|
+
}
|
|
23
|
+
export { Carousel };
|
|
24
|
+
//# sourceMappingURL=Carousel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/carousel/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAK9D,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uBAAuB,EAAE,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACd;AAED,QAAA,MAAM,QAAQ,sFA0Eb,CAAC;AAGF,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;IAC1D,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;CAC3D;AAkBD,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IAC1D,SAAS,EAAE,MAAM,CAAC;CACnB;AAqBD,QAAA,MAAM,oBAAoB;;mFAUxB,CAAC;AAEH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAehD,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import useEmblaCarousel from 'embla-carousel-react';
|
|
5
|
+
import { cva } from 'class-variance-authority';
|
|
6
|
+
import { cn } from '../../../utils';
|
|
7
|
+
import { Button } from '../../actions/button';
|
|
8
|
+
import { IconChevronLeft, IconChevronRight } from '../../../icons';
|
|
9
|
+
const Carousel = React.forwardRef(({ className, children, cols = 3, nextButtonAriaLabel, previousButtonAriaLabel, ...props }, ref) => {
|
|
10
|
+
const [carouselRef, api] = useEmblaCarousel({
|
|
11
|
+
slidesToScroll: cols,
|
|
12
|
+
align: 'start',
|
|
13
|
+
});
|
|
14
|
+
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
15
|
+
const [canScrollNext, setCanScrollNext] = React.useState(false);
|
|
16
|
+
const [visibleSlidesCount, setVisibleSlidesCount] = React.useState(0);
|
|
17
|
+
const childNodesArray = React.Children.toArray(children);
|
|
18
|
+
const onSelect = React.useCallback((api) => {
|
|
19
|
+
if (!api)
|
|
20
|
+
return;
|
|
21
|
+
setVisibleSlidesCount(api.selectedScrollSnap());
|
|
22
|
+
setCanScrollPrev(api.canScrollPrev());
|
|
23
|
+
setCanScrollNext(api.canScrollNext());
|
|
24
|
+
}, []);
|
|
25
|
+
const scrollPrev = React.useCallback(() => api?.scrollPrev(), [api]);
|
|
26
|
+
const scrollNext = React.useCallback(() => api?.scrollNext(), [api]);
|
|
27
|
+
React.useEffect(() => {
|
|
28
|
+
if (!api)
|
|
29
|
+
return;
|
|
30
|
+
onSelect(api);
|
|
31
|
+
api.on('reInit', onSelect);
|
|
32
|
+
api.on('select', onSelect);
|
|
33
|
+
}, [api, onSelect]);
|
|
34
|
+
return (_jsxs("div", { ref: ref, role: "region", "aria-roledescription": "carousel", className: "font-text", ...props, children: [_jsx("div", { ref: carouselRef, className: cn('overflow-hidden', className), children: _jsx("div", { className: 'flex -ml-6', children: childNodesArray.map((child, index) => (_jsx(CarouselItem, { cols: cols, children: child }, index))) }) }), _jsx(CarouselControl, { counterText: `${visibleSlidesCount + 1}/${Math.ceil(childNodesArray.length / cols)}`, prevButtonProps: {
|
|
35
|
+
disabled: !canScrollPrev,
|
|
36
|
+
onClick: scrollPrev,
|
|
37
|
+
ariaLabel: previousButtonAriaLabel,
|
|
38
|
+
}, nextButtonProps: {
|
|
39
|
+
disabled: !canScrollNext,
|
|
40
|
+
onClick: scrollNext,
|
|
41
|
+
ariaLabel: nextButtonAriaLabel,
|
|
42
|
+
} })] }));
|
|
43
|
+
});
|
|
44
|
+
Carousel.displayName = 'Carousel';
|
|
45
|
+
const CarouselControl = ({ counterText, prevButtonProps, nextButtonProps, }) => (_jsx("div", { className: "flex justify-end mt-5 select-none", children: _jsxs("div", { className: "flex items-center justify-between gap-x-1.5 w-[9.375rem]", children: [_jsx(CarouselControlButton, { icon: IconChevronLeft, ...prevButtonProps }), _jsx("span", { className: "px-1 text-button-text-large text-draeger-dark-blue", children: counterText }), _jsx(CarouselControlButton, { icon: IconChevronRight, ...nextButtonProps })] }) }));
|
|
46
|
+
const CarouselControlButton = ({ disabled, onClick, icon, ariaLabel, }) => (_jsx(Button, { size: 'sm', variant: 'secondary', disabled: disabled, onClick: onClick, className: "px-1.5", icon: icon, buttonIconProps: { size: 'md' }, "aria-hidden": disabled, "aria-label": ariaLabel }));
|
|
47
|
+
const carouselItemVariants = cva('min-w-0 shrink-0 grow-0 pl-6 h-full', {
|
|
48
|
+
variants: {
|
|
49
|
+
cols: {
|
|
50
|
+
3: 'basis-[calc(100%/3)]',
|
|
51
|
+
4: 'basis-1/4',
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
defaultVariants: {
|
|
55
|
+
cols: 3,
|
|
56
|
+
},
|
|
57
|
+
});
|
|
58
|
+
const CarouselItem = ({ cols, className, ...props }) => (_jsx("div", { role: "group", "aria-roledescription": "slide", className: cn(carouselItemVariants({ cols, className })), ...props }));
|
|
59
|
+
export { Carousel };
|
|
60
|
+
//# sourceMappingURL=Carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../src/components/layout/carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|