@odx/websites-react 0.0.7 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/actions/checkbox/Checkbox.d.ts +1 -18
- package/dist/components/actions/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.js +3 -21
- package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
- package/dist/components/actions/checkboxGroup/CheckboxGroup.d.ts +23 -0
- package/dist/components/actions/checkboxGroup/CheckboxGroup.d.ts.map +1 -0
- package/dist/components/actions/checkboxGroup/CheckboxGroup.js +35 -0
- package/dist/components/actions/checkboxGroup/CheckboxGroup.js.map +1 -0
- package/dist/components/actions/checkboxGroup/index.d.ts +2 -0
- package/dist/components/actions/checkboxGroup/index.d.ts.map +1 -0
- package/dist/components/actions/checkboxGroup/index.js +2 -0
- package/dist/components/actions/checkboxGroup/index.js.map +1 -0
- package/dist/components/actions/form/Form.js +2 -2
- package/dist/components/actions/form/Form.js.map +1 -1
- package/dist/components/actions/formField/FormField.d.ts +1 -0
- package/dist/components/actions/formField/FormField.d.ts.map +1 -1
- package/dist/components/actions/formField/FormField.js +2 -2
- package/dist/components/actions/formField/FormField.js.map +1 -1
- package/dist/components/actions/link/Link.d.ts +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/archived/grid/Grid.d.ts +17 -0
- package/dist/components/archived/grid/Grid.d.ts.map +1 -0
- package/dist/components/archived/grid/Grid.js +25 -0
- package/dist/components/archived/grid/Grid.js.map +1 -0
- package/dist/components/archived/grid/index.d.ts +2 -0
- package/dist/components/archived/grid/index.d.ts.map +1 -0
- package/dist/components/archived/grid/index.js +2 -0
- package/dist/components/archived/grid/index.js.map +1 -0
- package/dist/components/index.d.ts +5 -4
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +5 -4
- 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 -2
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/block/Block.d.ts +15 -0
- package/dist/components/layout/block/Block.d.ts.map +1 -0
- package/dist/components/layout/block/Block.js +26 -0
- package/dist/components/layout/block/Block.js.map +1 -0
- package/dist/components/layout/block/index.d.ts +2 -0
- package/dist/components/layout/block/index.d.ts.map +1 -0
- package/dist/components/layout/block/index.js +2 -0
- package/dist/components/layout/block/index.js.map +1 -0
- package/dist/components/layout/calloutMedia/CalloutMedia.d.ts.map +1 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.js +2 -3
- package/dist/components/layout/calloutMedia/CalloutMedia.js.map +1 -1
- package/dist/components/layout/calloutQuote/CalloutQuote.d.ts.map +1 -1
- package/dist/components/layout/calloutQuote/CalloutQuote.js +5 -10
- package/dist/components/layout/calloutQuote/CalloutQuote.js.map +1 -1
- package/dist/components/layout/card/Card.d.ts.map +1 -1
- package/dist/components/layout/card/Card.js +3 -2
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/card/CardGroup.d.ts +3 -3
- package/dist/components/layout/card/CardGroup.d.ts.map +1 -1
- package/dist/components/layout/card/CardGroup.js +2 -2
- package/dist/components/layout/card/CardGroup.js.map +1 -1
- package/dist/components/layout/container/Container.d.ts +7 -0
- package/dist/components/layout/container/Container.d.ts.map +1 -0
- package/dist/components/layout/container/Container.js +11 -0
- package/dist/components/layout/container/Container.js.map +1 -0
- package/dist/components/layout/container/index.d.ts +2 -0
- package/dist/components/layout/container/index.d.ts.map +1 -0
- package/dist/components/layout/container/index.js +2 -0
- package/dist/components/layout/container/index.js.map +1 -0
- package/dist/components/layout/contentItem/ContentItem.d.ts.map +1 -1
- package/dist/components/layout/contentItem/ContentItem.js +1 -1
- package/dist/components/layout/contentItem/ContentItem.js.map +1 -1
- package/dist/components/layout/contentSlider/ContentSlider.d.ts +7 -0
- package/dist/components/layout/contentSlider/ContentSlider.d.ts.map +1 -0
- package/dist/components/layout/contentSlider/ContentSlider.js +48 -0
- package/dist/components/layout/contentSlider/ContentSlider.js.map +1 -0
- package/dist/components/layout/contentSlider/index.d.ts +2 -0
- package/dist/components/layout/contentSlider/index.d.ts.map +1 -0
- package/dist/components/layout/contentSlider/index.js +2 -0
- package/dist/components/layout/contentSlider/index.js.map +1 -0
- package/dist/components/layout/downloadItem/DownloadItem.d.ts +14 -0
- package/dist/components/layout/downloadItem/DownloadItem.d.ts.map +1 -0
- package/dist/components/layout/downloadItem/DownloadItem.js +9 -0
- package/dist/components/layout/downloadItem/DownloadItem.js.map +1 -0
- package/dist/components/layout/downloadItem/index.d.ts +2 -0
- package/dist/components/layout/downloadItem/index.d.ts.map +1 -0
- package/dist/components/layout/downloadItem/index.js +2 -0
- package/dist/components/layout/downloadItem/index.js.map +1 -0
- package/dist/components/layout/modal/Modal.d.ts +1 -2
- package/dist/components/layout/modal/Modal.d.ts.map +1 -1
- package/dist/components/layout/modal/Modal.js +14 -1
- package/dist/components/layout/modal/Modal.js.map +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.js +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.js.map +1 -1
- package/dist/components/layout/showMore/ShowMore.d.ts.map +1 -1
- package/dist/components/layout/showMore/ShowMore.js +1 -0
- package/dist/components/layout/showMore/ShowMore.js.map +1 -1
- package/dist/components/layout/slimRichText/SlimRichText.js +1 -1
- package/dist/components/layout/slimRichText/SlimRichText.js.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.d.ts.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.js +8 -7
- package/dist/components/navigation/anchorNav/AnchorNav.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.js +4 -2
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/navigation/flyout/Flyout.d.ts.map +1 -1
- package/dist/components/navigation/flyout/Flyout.js +11 -9
- package/dist/components/navigation/flyout/Flyout.js.map +1 -1
- package/dist/components/navigation/footer/Footer.d.ts +6 -3
- package/dist/components/navigation/footer/Footer.d.ts.map +1 -1
- package/dist/components/navigation/footer/Footer.js +5 -3
- package/dist/components/navigation/footer/Footer.js.map +1 -1
- package/dist/components/navigation/header/AnimatedHeader.d.ts.map +1 -1
- package/dist/components/navigation/header/AnimatedHeader.js +5 -4
- package/dist/components/navigation/header/AnimatedHeader.js.map +1 -1
- package/dist/components/navigation/header/Header.d.ts +2 -1
- package/dist/components/navigation/header/Header.d.ts.map +1 -1
- package/dist/components/navigation/header/Header.js +10 -6
- package/dist/components/navigation/header/Header.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.d.ts.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +3 -3
- package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
- package/dist/components/typography/headline/Headline.d.ts +1 -1
- package/dist/hooks/useScrollPosition/useScrollPosition.d.ts.map +1 -1
- package/dist/web/index.d.ts +2 -21
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +2 -21
- package/dist/web/index.js.map +1 -1
- package/dist/web/layout/contentHeadings/ContentHeadings.d.ts.map +1 -1
- package/dist/web/layout/contentHeadings/ContentHeadings.js +1 -1
- package/dist/web/layout/contentHeadings/ContentHeadings.js.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.d.ts +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.d.ts.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.js +7 -7
- package/dist/web/sections/calloutContact/CalloutContact.js.map +1 -1
- package/dist/web/sections/contentBlock/ContentBlock.d.ts +10 -0
- package/dist/web/sections/contentBlock/ContentBlock.d.ts.map +1 -0
- package/dist/web/sections/contentBlock/ContentBlock.js +9 -0
- package/dist/web/sections/contentBlock/ContentBlock.js.map +1 -0
- package/dist/web/sections/contentBlock/index.d.ts +2 -0
- package/dist/web/sections/contentBlock/index.d.ts.map +1 -0
- package/dist/web/sections/contentBlock/index.js +2 -0
- package/dist/web/sections/contentBlock/index.js.map +1 -0
- package/dist/web/sections/contentGroup/ContentGroup.d.ts +11 -0
- package/dist/web/sections/contentGroup/ContentGroup.d.ts.map +1 -0
- package/dist/web/sections/contentGroup/ContentGroup.js +18 -0
- package/dist/web/sections/contentGroup/ContentGroup.js.map +1 -0
- package/dist/web/sections/contentGroup/index.d.ts +2 -0
- package/dist/web/sections/contentGroup/index.d.ts.map +1 -0
- package/dist/web/sections/contentGroup/index.js +2 -0
- package/dist/web/sections/contentGroup/index.js.map +1 -0
- package/dist/web/sections/contentSection/ContentSection.d.ts +4 -6
- package/dist/web/sections/contentSection/ContentSection.d.ts.map +1 -1
- package/dist/web/sections/contentSection/ContentSection.js +4 -5
- package/dist/web/sections/contentSection/ContentSection.js.map +1 -1
- package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.d.ts.map +1 -1
- package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.js +4 -2
- package/dist/web/sections/questionnaireFormSection/QuestionnaireFormSection.js.map +1 -1
- package/dist/web/sections/stageSection/StageSection.d.ts +1 -1
- package/dist/web/sections/stageSection/StageSection.d.ts.map +1 -1
- package/dist/web/sections/stageSection/StageSection.js +4 -8
- package/dist/web/sections/stageSection/StageSection.js.map +1 -1
- package/package.json +5 -5
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
3
3
|
import { type VariantProps } from 'class-variance-authority';
|
|
4
|
-
import { type FormField } from '../formField';
|
|
5
4
|
declare const checkboxVariants: (props?: ({
|
|
6
5
|
size?: "sm" | "md" | null | undefined;
|
|
7
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -9,21 +8,5 @@ export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof Che
|
|
|
9
8
|
invalid?: boolean;
|
|
10
9
|
}
|
|
11
10
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
12
|
-
export
|
|
13
|
-
options: CheckboxGroupOption[];
|
|
14
|
-
direction?: 'row' | 'col';
|
|
15
|
-
className?: string;
|
|
16
|
-
wrapperClassName?: string;
|
|
17
|
-
hidden?: boolean;
|
|
18
|
-
}
|
|
19
|
-
export interface CheckboxGroupOption {
|
|
20
|
-
value: string;
|
|
21
|
-
children: string | React.ReactNode;
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
}
|
|
24
|
-
declare const checkboxGroupVariants: (props?: ({
|
|
25
|
-
direction?: "row" | "col" | null | undefined;
|
|
26
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
27
|
-
declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
|
|
28
|
-
export { Checkbox, CheckboxGroup };
|
|
11
|
+
export { Checkbox };
|
|
29
12
|
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAUhE,QAAA,MAAM,gBAAgB;;mFAUpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACnE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,yFAwCZ,CAAC;AAGH,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -3,10 +3,8 @@ import * as React from 'react';
|
|
|
3
3
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { cn } from '../../../utils';
|
|
6
|
-
import { IconCheck
|
|
6
|
+
import { IconCheck } from '../../../icons';
|
|
7
7
|
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
8
|
-
import { FormFieldHelperText, FormFieldIcon, FormFieldLabel, } from '../formField';
|
|
9
|
-
import { useFieldId } from '../../../hooks';
|
|
10
8
|
import { BodyText } from '../../typography/bodyText';
|
|
11
9
|
const checkboxBaseClasses = 'font-text shrink-0 peer border-[2.5px] rounded-[3px] text-transparent border-draeger-dark-blue data-[state=checked]:bg-draeger-dark-blue data-[state=checked]:text-draeger-white disabled:cursor-not-allowed data-[state=checked]:disabled:bg-draeger-cool-gray-250 disabled:border-draeger-cool-gray-250 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-draeger-air-blue';
|
|
12
10
|
const checkboxVariants = cva(checkboxBaseClasses, {
|
|
@@ -23,24 +21,8 @@ const checkboxVariants = cva(checkboxBaseClasses, {
|
|
|
23
21
|
const Checkbox = React.forwardRef(({ className, children, invalid, size, hidden, ...props }, ref) => {
|
|
24
22
|
const id = React.useId();
|
|
25
23
|
return (_jsxs("div", { className: cn('flex space-x-2', hidden && 'hidden'), children: [_jsx(CheckboxPrimitive.Root, { ...props, className: cn(checkboxVariants({ size }), invalid &&
|
|
26
|
-
'border-draeger-warning data-[state=checked]:bg-draeger-warning', className), ref: ref, id: id, children: _jsx(CheckboxPrimitive.Indicator, { forceMount: true, className: 'flex items-center justify-center h-full', children: _jsx(SvgIcon, { icon: IconCheck }) }) }), children && (_jsx(BodyText, { asChild: true, children:
|
|
24
|
+
'border-draeger-warning data-[state=checked]:bg-draeger-warning', className), ref: ref, id: id, children: _jsx(CheckboxPrimitive.Indicator, { forceMount: true, className: 'flex items-center justify-center h-full', children: _jsx(SvgIcon, { icon: IconCheck }) }) }), children && (_jsx(BodyText, { asChild: true, children: _jsxs("label", { htmlFor: id, className: 'peer-disabled:text-draeger-cool-gray-250 peer-disabled:cursor-not-allowed', children: [children, " ", props.required && ' *'] }) }))] }));
|
|
27
25
|
});
|
|
28
26
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
29
|
-
|
|
30
|
-
variants: {
|
|
31
|
-
direction: {
|
|
32
|
-
row: 'row gap-x-5 gap-y-2 flex-wrap',
|
|
33
|
-
col: 'flex-col gap-2',
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
defaultVariants: {
|
|
37
|
-
direction: 'row',
|
|
38
|
-
},
|
|
39
|
-
});
|
|
40
|
-
const CheckboxGroup = ({ className, wrapperClassName, direction, options, label, helperText, invalidText, invalid, disabled, hidden, ...props }) => {
|
|
41
|
-
const { id, labelId, helperTextId } = useFieldId();
|
|
42
|
-
return (_jsxs("div", { id: id, className: cn('font-text flex flex-col gap-2.5', hidden && 'hidden', wrapperClassName), "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, ...props, children: [label && (_jsx(FormFieldLabel, { id: labelId, className: cn(disabled && 'text-draeger-cool-gray-250', 'mb-0'), label: label })), _jsx("div", { className: cn('flex', checkboxGroupVariants({ direction, className })), children: options.map((item) => (_jsx(Checkbox, { disabled: disabled, invalid: invalid, ...item, children: item.children }, item.value))) }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, className: cn(disabled && 'text-draeger-cool-gray-250', 'mt-0') })), invalidText && invalid && (_jsxs("div", { className: "flex items-center gap-x-1", children: [_jsx(FormFieldIcon, { icon: IconFeedbackWarning }), _jsx(FormFieldHelperText, { helperText: invalidText, invalid: invalid, className: 'mt-0' })] }))] }));
|
|
43
|
-
};
|
|
44
|
-
CheckboxGroup.displayName = 'CheckboxGroup';
|
|
45
|
-
export { Checkbox, CheckboxGroup };
|
|
27
|
+
export { Checkbox };
|
|
46
28
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAEnD,MAAM,mBAAmB,GACvB,+XAA+X,CAAC;AAElY,MAAM,gBAAgB,GAAG,GAAG,CAAC,mBAAmB,EAAE;IAChD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,2BAA2B;YAC/B,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAQH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,MAAM,IAAI,QAAQ,CAAC,aACtD,KAAC,iBAAiB,CAAC,IAAI,OACjB,KAAK,EACT,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAC,IAAI,EAAC,CAAC,EACxB,OAAO;oBACL,gEAAgE,EAClE,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,YAEN,KAAC,iBAAiB,CAAC,SAAS,IAC1B,UAAU,QACV,SAAS,EAAE,yCAAyC,YAEpD,KAAC,OAAO,IAAC,IAAI,EAAE,SAAS,GAAI,GACA,GACP,EACxB,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,OAAO,kBACf,iBACE,OAAO,EAAE,EAAE,EACX,SAAS,EACP,2EAA2E,aAG5E,QAAQ,OAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAC5B,GACC,CACZ,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { FormField } from '../formField';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
export interface CheckboxGroupProps extends VariantProps<typeof checkboxGroupVariants>, FormField {
|
|
5
|
+
options: CheckboxGroupOption[];
|
|
6
|
+
direction?: 'row' | 'col';
|
|
7
|
+
className?: string;
|
|
8
|
+
wrapperClassName?: string;
|
|
9
|
+
hidden?: boolean;
|
|
10
|
+
onChange?: (selectedValues: string[]) => void;
|
|
11
|
+
defaultValue?: string[];
|
|
12
|
+
}
|
|
13
|
+
export interface CheckboxGroupOption {
|
|
14
|
+
value: string;
|
|
15
|
+
children: string | React.ReactNode;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
}
|
|
18
|
+
declare const checkboxGroupVariants: (props?: ({
|
|
19
|
+
direction?: "col" | "row" | null | undefined;
|
|
20
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
21
|
+
declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
|
|
22
|
+
export { CheckboxGroup };
|
|
23
|
+
//# sourceMappingURL=CheckboxGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EACL,SAAS,EAIV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAChD,SAAS;IACX,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AACD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,qBAAqB;;mFAUzB,CAAC;AAEH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmF/C,CAAC;AAIF,OAAO,EAAC,aAAa,EAAC,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { FormFieldHelperText, FormFieldIcon, FormFieldLabel, } from '../formField';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { useFieldId } from '../../../hooks';
|
|
7
|
+
import { cn } from '../../../utils';
|
|
8
|
+
import { IconFeedbackWarning } from '../../../icons';
|
|
9
|
+
import { Checkbox } from '../checkbox';
|
|
10
|
+
const checkboxGroupVariants = cva('', {
|
|
11
|
+
variants: {
|
|
12
|
+
direction: {
|
|
13
|
+
row: 'row gap-x-5 gap-y-2 flex-wrap',
|
|
14
|
+
col: 'flex-col gap-2',
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
defaultVariants: {
|
|
18
|
+
direction: 'row',
|
|
19
|
+
},
|
|
20
|
+
});
|
|
21
|
+
const CheckboxGroup = ({ className, wrapperClassName, direction, options, label, helperText, invalidText, invalid, disabled, hidden, onChange, defaultValue = [], ...props }) => {
|
|
22
|
+
const { id, labelId, helperTextId } = useFieldId();
|
|
23
|
+
const [selectedValues, setSelectedValues] = React.useState(defaultValue);
|
|
24
|
+
const handleChange = (value) => {
|
|
25
|
+
const newSelectedValues = selectedValues.includes(value)
|
|
26
|
+
? selectedValues.filter(v => v !== value)
|
|
27
|
+
: [...selectedValues, value];
|
|
28
|
+
setSelectedValues(newSelectedValues);
|
|
29
|
+
onChange && onChange(newSelectedValues);
|
|
30
|
+
};
|
|
31
|
+
return (_jsxs("div", { id: id, className: cn('font-text flex flex-col gap-2.5', hidden && 'hidden', wrapperClassName), "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, ...props, children: [label && (_jsx(FormFieldLabel, { id: labelId, className: cn(disabled && 'text-draeger-cool-gray-250', 'mb-0'), label: label, required: props.required })), _jsx("div", { className: cn('flex', checkboxGroupVariants({ direction, className })), children: options.map((item) => (_jsx(Checkbox, { disabled: disabled, invalid: invalid, onCheckedChange: () => handleChange(item.value), checked: selectedValues.includes(item.value), ...item, children: item.children }, item.value))) }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, className: cn(disabled && 'text-draeger-cool-gray-250', 'mt-0') })), invalidText && invalid && (_jsxs("div", { className: "flex items-center gap-x-1", children: [_jsx(FormFieldIcon, { icon: IconFeedbackWarning }), _jsx(FormFieldHelperText, { helperText: invalidText, invalid: invalid, className: 'mt-0' })] }))] }));
|
|
32
|
+
};
|
|
33
|
+
CheckboxGroup.displayName = 'CheckboxGroup';
|
|
34
|
+
export { CheckboxGroup };
|
|
35
|
+
//# sourceMappingURL=CheckboxGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/checkboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkboxGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/checkboxGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Headline } from '../../typography/headline';
|
|
4
4
|
import { BodyText } from '../../typography/bodyText';
|
|
5
|
-
import {
|
|
6
|
-
export const FormRow = ({ children }) => React.Children.toArray(children).length > 1 ? (_jsx(
|
|
5
|
+
import { ContentGroup } from '../../../web';
|
|
6
|
+
export const FormRow = ({ children }) => React.Children.toArray(children).length > 1 ? (_jsx(ContentGroup, { cols: 2, children: React.Children.toArray(children).map((element, index) => (_jsx("div", { children: element }, index))) })) : (children);
|
|
7
7
|
export const Form = ({ children, headline, subHeadline, footer, ...props }) => {
|
|
8
8
|
return (_jsxs("form", { ...props, children: [(headline || subHeadline) && (_jsxs("div", { className: 'font-text flex flex-col gap-1 pb-10', children: [headline && _jsx(Headline, { headingLevel: 'h4', children: headline }), subHeadline && _jsx(BodyText, { variant: 'medium', children: subHeadline })] })), _jsx("div", { className: "flex flex-col gap-y-12", children: children }), _jsx("div", { className: 'font-text flex justify-end pt-12', children: footer })] }));
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/actions/form/Form.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/actions/form/Form.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAa1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAC5D,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5C,KAAC,YAAY,IAAC,IAAI,EAAE,CAAC,YAClB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACxD,wBAAkB,OAAO,IAAf,KAAK,CAAiB,CACjC,CAAC,GACW,CAChB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;AAEJ,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,MAAM,EACN,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,mBAAU,KAAK,aACZ,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,CAC5B,eAAK,SAAS,EAAE,qCAAqC,aAClD,QAAQ,IAAI,KAAC,QAAQ,IAAC,YAAY,EAAE,IAAI,YAAG,QAAQ,GAAY,EAC/D,WAAW,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,YAAG,WAAW,GAAY,IACjE,CACP,EACD,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EACxD,cAAK,SAAS,EAAE,kCAAkC,YAAG,MAAM,GAAO,IAC7D,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -23,6 +23,7 @@ declare const FormFieldWrapper: React.FC<FormFieldWrapperProps>;
|
|
|
23
23
|
export interface FormFieldLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
24
24
|
label: string;
|
|
25
25
|
disabled?: boolean;
|
|
26
|
+
required?: boolean;
|
|
26
27
|
}
|
|
27
28
|
declare const formFieldTextBaseClasses = "inline-block text-draeger-cool-gray-750 text-label-sm transition-color duration-150";
|
|
28
29
|
declare const FormFieldLabel: React.FC<FormFieldLabelProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/formField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAG3D,MAAM,WAAW,SAAS;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,wBAAwB,GAAG,YAAY,CACjD,OAAO,wBAAwB,CAChC,CAAC;AA0BF,QAAA,MAAM,wBAAwB;;mFAc7B,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAcrD,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,wBAAwB,wFACyD,CAAC;AAExF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/formField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAG3D,MAAM,WAAW,SAAS;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,wBAAwB,GAAG,YAAY,CACjD,OAAO,wBAAwB,CAChC,CAAC;AA0BF,QAAA,MAAM,wBAAwB;;mFAc7B,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAcrD,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,wBAAwB,wFACyD,CAAC;AAExF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBjD,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyB3D,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,YAAY;CAAG;AAC3D,MAAM,WAAW,2BACf,SAAQ,YAAY,CAAC,OAAO,+BAA+B,CAAC;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,+BAA+B;;mFAapC,CAAC;AAEF,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAQlE,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAa/C,CAAC;AAEF,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,uBAAuB,EACvB,aAAa,EACb,wBAAwB,EACxB,wBAAwB,GACzB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from '../../../utils';
|
|
3
3
|
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
@@ -38,7 +38,7 @@ const formFieldWrapperVariants = cva(`text-draeger-dark-blue ${formFieldWrapperC
|
|
|
38
38
|
});
|
|
39
39
|
const FormFieldWrapper = ({ children, size, className, invalid, }) => (_jsx(BodyText, { asChild: true, "data-invalid": invalid, variant: 'small', className: cn(formFieldWrapperVariants({ size, className })), children: children }));
|
|
40
40
|
const formFieldTextBaseClasses = 'inline-block text-draeger-cool-gray-750 text-label-sm transition-color duration-150';
|
|
41
|
-
const FormFieldLabel = ({ label, disabled, className, ...props }) => (
|
|
41
|
+
const FormFieldLabel = ({ label, disabled, className, required, ...props }) => (_jsxs("label", { className: cn('mb-2', formFieldTextBaseClasses, disabled && 'text-draeger-cool-gray-250', className), ...props, children: [label, required && label && ' *'] }));
|
|
42
42
|
const FormFieldHelperText = ({ helperText, invalidText, invalid, disabled, className, ...props }) => {
|
|
43
43
|
if (!helperText && (!invalidText || !invalid)) {
|
|
44
44
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../../src/components/actions/formField/FormField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAgBnD,uGAAuG;AAEvG,MAAM,uBAAuB,GAAG;;;;;;;CAO/B,CAAC;AAEF,MAAM,6BAA6B,GAAG;;;;;;;;;;;CAWrC,CAAC;AAEF,MAAM,wBAAwB,GAAG,GAAG,CAClC,0BAA0B,uBAAuB,IAAI,6BAA6B,EAAE,EACpF;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,qBAAqB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAQF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,GACR,EAAE,EAAE,CAAC,CACJ,KAAC,QAAQ,IACP,OAAO,wBACO,OAAO,EACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,YAEzD,QAAQ,GACA,CACZ,CAAC;
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../../src/components/actions/formField/FormField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ export interface LinkListProps extends React.LinkHTMLAttributes<HTMLDivElement>,
|
|
|
19
19
|
}
|
|
20
20
|
declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
21
21
|
declare const linkListVariants: (props?: ({
|
|
22
|
-
direction?: "
|
|
22
|
+
direction?: "col" | "row" | null | undefined;
|
|
23
23
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
24
24
|
declare const LinkList: React.FC<LinkListProps>;
|
|
25
25
|
export { Link, LinkList };
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
3
3
|
import { type VariantProps } from 'class-variance-authority';
|
|
4
4
|
declare const radioGroupVariants: (props?: ({
|
|
5
|
-
direction?: "
|
|
5
|
+
direction?: "col" | "row" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
7
|
export interface RadioGroupOption {
|
|
8
8
|
value: string;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export interface GridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
|
|
4
|
+
}
|
|
5
|
+
export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
}
|
|
7
|
+
declare const gridVariants: (props?: ({
|
|
8
|
+
cols?: 1 | 2 | 3 | 4 | "1+3" | null | undefined;
|
|
9
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated use ContentGroup instead
|
|
12
|
+
* used in components not having master layout implementation
|
|
13
|
+
*/
|
|
14
|
+
declare const Grid: React.FC<GridProps>;
|
|
15
|
+
declare const GridItem: React.FC<GridItemProps>;
|
|
16
|
+
export { Grid, GridItem };
|
|
17
|
+
//# sourceMappingURL=Grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/archived/grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAExC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE9E,QAAA,MAAM,YAAY;;mFAchB,CAAC;AAEH;;;GAGG;AAEH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAQ7B,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAIrC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
3
|
+
import { cn } from '../../../utils';
|
|
4
|
+
const gridVariants = cva('font-text grid grid-cols-1', {
|
|
5
|
+
variants: {
|
|
6
|
+
cols: {
|
|
7
|
+
1: '',
|
|
8
|
+
2: 'lg:grid-cols-2 gap-4 md:gap-6 ',
|
|
9
|
+
3: 'md:grid-cols-2 xl:grid-cols-3 gap-y-4 gap-x-4 md:gap-y-6 md:gap-x-4 xl:gap-x-6',
|
|
10
|
+
4: 'md:grid-cols-2 xl:grid-cols-4 gap-y-6 gap-x-6 md:gap-y-6 md:gap-x-4 xl:gap-x-6',
|
|
11
|
+
'1+3': 'xl:grid-cols-[calc(33%-12px)_repeat(3,1fr)] md:grid-cols-[repeat(3,minmax(0,1fr))] md:[&>*:first-child]:col-span-3 xl:[&>*:first-child]:col-span-1 gap-x-6 gap-y-12',
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
defaultVariants: {
|
|
15
|
+
cols: 1,
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
/**
|
|
19
|
+
* @deprecated use ContentGroup instead
|
|
20
|
+
* used in components not having master layout implementation
|
|
21
|
+
*/
|
|
22
|
+
const Grid = ({ cols, className, children, ...props }) => (_jsx("div", { "data-name": `${cols}-grid`, className: cn(gridVariants({ cols, className })), ...props, children: children }));
|
|
23
|
+
const GridItem = ({ className, children, ...props }) => (_jsx("div", { "data-name": "column", className: cn(className), ...props, children: children }));
|
|
24
|
+
export { Grid, GridItem };
|
|
25
|
+
//# sourceMappingURL=Grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/archived/grid/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,MAAM,YAAY,GAAG,GAAG,CAAC,4BAA4B,EAAE;IACrD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,gCAAgC;YACnC,CAAC,EAAE,gFAAgF;YACnF,CAAC,EAAE,gFAAgF;YACnF,KAAK,EACH,qKAAqK;SACxK;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH;;;GAGG;AAEH,MAAM,IAAI,GAAwB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CAC3E,2BACa,GAAG,IAAI,OAAO,EACzB,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,KAC1C,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CAC7E,2BAAe,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,YACxD,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/archived/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/archived/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -14,6 +14,7 @@ export * from './actions/select';
|
|
|
14
14
|
export * from './actions/phoneInput';
|
|
15
15
|
export * from './actions/textarea';
|
|
16
16
|
export * from './actions/checkbox';
|
|
17
|
+
export * from './actions/checkboxGroup';
|
|
17
18
|
export * from './actions/tag';
|
|
18
19
|
export * from './actions/multiselect';
|
|
19
20
|
export * from './actions/combobox';
|
|
@@ -43,12 +44,10 @@ export * from './navigation/flyout';
|
|
|
43
44
|
*/
|
|
44
45
|
export * from './layout/accordion';
|
|
45
46
|
export * from './layout/showMore';
|
|
46
|
-
export * from './
|
|
47
|
+
export * from './archived/grid';
|
|
47
48
|
export * from './layout/pagination';
|
|
48
49
|
export * from './layout/mediaGallery';
|
|
49
|
-
export * from './layout/contentArea';
|
|
50
50
|
export * from './layout/sectionWrapper';
|
|
51
|
-
export * from './layout/fullWidth';
|
|
52
51
|
export * from './layout/structuredList';
|
|
53
52
|
export * from './layout/modal';
|
|
54
53
|
export * from './layout/card';
|
|
@@ -61,10 +60,12 @@ export * from './layout/tabBar';
|
|
|
61
60
|
export * from './layout/carousel';
|
|
62
61
|
export * from './layout/contentItem';
|
|
63
62
|
export * from './layout/calloutQuote';
|
|
63
|
+
export * from './layout/downloadItem';
|
|
64
|
+
export * from './layout/contentSlider';
|
|
65
|
+
export * from './layout/block';
|
|
64
66
|
/**
|
|
65
67
|
* Typography components
|
|
66
68
|
*/
|
|
67
69
|
export * from './typography/headline';
|
|
68
70
|
export * from './typography/bodyText';
|
|
69
|
-
export * from './typography/textFormat';
|
|
70
71
|
//# 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,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,
|
|
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,yBAAyB,CAAC;AACxC,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,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,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;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAE/B;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -14,6 +14,7 @@ export * from './actions/select';
|
|
|
14
14
|
export * from './actions/phoneInput';
|
|
15
15
|
export * from './actions/textarea';
|
|
16
16
|
export * from './actions/checkbox';
|
|
17
|
+
export * from './actions/checkboxGroup';
|
|
17
18
|
export * from './actions/tag';
|
|
18
19
|
export * from './actions/multiselect';
|
|
19
20
|
export * from './actions/combobox';
|
|
@@ -43,12 +44,10 @@ export * from './navigation/flyout';
|
|
|
43
44
|
*/
|
|
44
45
|
export * from './layout/accordion';
|
|
45
46
|
export * from './layout/showMore';
|
|
46
|
-
export * from './
|
|
47
|
+
export * from './archived/grid';
|
|
47
48
|
export * from './layout/pagination';
|
|
48
49
|
export * from './layout/mediaGallery';
|
|
49
|
-
export * from './layout/contentArea';
|
|
50
50
|
export * from './layout/sectionWrapper';
|
|
51
|
-
export * from './layout/fullWidth';
|
|
52
51
|
export * from './layout/structuredList';
|
|
53
52
|
export * from './layout/modal';
|
|
54
53
|
export * from './layout/card';
|
|
@@ -61,10 +60,12 @@ export * from './layout/tabBar';
|
|
|
61
60
|
export * from './layout/carousel';
|
|
62
61
|
export * from './layout/contentItem';
|
|
63
62
|
export * from './layout/calloutQuote';
|
|
63
|
+
export * from './layout/downloadItem';
|
|
64
|
+
export * from './layout/contentSlider';
|
|
65
|
+
export * from './layout/block';
|
|
64
66
|
/**
|
|
65
67
|
* Typography components
|
|
66
68
|
*/
|
|
67
69
|
export * from './typography/headline';
|
|
68
70
|
export * from './typography/bodyText';
|
|
69
|
-
export * from './typography/textFormat';
|
|
70
71
|
//# 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,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,
|
|
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,yBAAyB,CAAC;AACxC,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,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,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;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAE/B;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,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;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/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"}
|
|
@@ -7,7 +7,6 @@ import { useElementHeight } from '../../../hooks/useElementHeight';
|
|
|
7
7
|
import { AccordionContext, AccordionItemContext, useAccordionItemContext, } from './AccordionContext';
|
|
8
8
|
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
9
9
|
import { IconChevronDown } from '../../../icons';
|
|
10
|
-
import { ContentArea } from '../contentArea';
|
|
11
10
|
import { Headline } from '../../typography/headline';
|
|
12
11
|
const Accordion = ({ defaultValues = [], children, className, size = 'md', ...props }) => {
|
|
13
12
|
const [activeItems, setActiveItems] = React.useState(defaultValues);
|
|
@@ -20,7 +19,7 @@ const Accordion = ({ defaultValues = [], children, className, size = 'md', ...pr
|
|
|
20
19
|
setActiveItems([item]);
|
|
21
20
|
}
|
|
22
21
|
};
|
|
23
|
-
return (_jsx(AccordionContext.Provider, { value: { activeItems, toggleItem, size }, children: _jsx(
|
|
22
|
+
return (_jsx(AccordionContext.Provider, { value: { activeItems, toggleItem, size }, children: _jsx("div", { ...props, className: cn('font-text flex flex-col border-t border-t-draeger-cool-gray-250', className), children: children }) }));
|
|
24
23
|
};
|
|
25
24
|
const baseAccordionItemToggleClassName = 'disabled:pointer-events-none px-6 w-full cursor-pointer flex justify-between align-middle font-text font-semibold text-2xl leading-7 focus:outline-none focus:ring-2 focus:ring-draeger-air-blue hover:bg-draeger-field-disabled';
|
|
26
25
|
const accordionToggleVariants = cva(baseAccordionItemToggleClassName, {
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
export interface BlockProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof blockVariants> {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
wrapperBlockProps?: React.HTMLAttributes<HTMLDivElement> & {
|
|
6
|
+
['data-name']: string;
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
declare const blockVariants: (props?: ({
|
|
10
|
+
elementWidth?: "small" | "medium" | "large" | null | undefined;
|
|
11
|
+
background?: "white" | "paleBlue" | "darkBlue" | "lightSand" | null | undefined;
|
|
12
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
13
|
+
declare const Block: React.ForwardRefExoticComponent<BlockProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export { Block };
|
|
15
|
+
//# sourceMappingURL=Block.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/block/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;QACzD,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH;AAED,QAAA,MAAM,aAAa;;;mFAiBjB,CAAC;AAEH,QAAA,MAAM,KAAK,mFA8BV,CAAC;AAGF,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { cn } from '../../../utils';
|
|
5
|
+
const blockVariants = cva('', {
|
|
6
|
+
variants: {
|
|
7
|
+
elementWidth: {
|
|
8
|
+
large: 'col-span-9',
|
|
9
|
+
medium: 'lg:col-span-7 lg:col-start-2',
|
|
10
|
+
small: 'lg:col-span-5 lg:col-start-3',
|
|
11
|
+
},
|
|
12
|
+
background: {
|
|
13
|
+
white: 'bg-draeger-white',
|
|
14
|
+
lightSand: 'bg-draeger-light-sand-50',
|
|
15
|
+
paleBlue: 'bg-draeger-pale-blue',
|
|
16
|
+
darkBlue: 'bg-draeger-dark-blue',
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
defaultVariants: {
|
|
20
|
+
elementWidth: 'large',
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
const Block = React.forwardRef(({ children, className, background, elementWidth, wrapperBlockProps, ...props }, ref) => (_jsx("div", { className: cn('w-full max-w-content-block grid justify-center grid-cols-1 gap-6 lg:grid-cols-9', wrapperBlockProps?.className), "data-name": "Block-Grid", ...wrapperBlockProps, children: _jsx("div", { className: cn(blockVariants({ background, elementWidth }), className), "data-name": "Block-Children-Width", ref: ref, ...props, children: children }) })));
|
|
24
|
+
Block.displayName = 'Block';
|
|
25
|
+
export { Block };
|
|
26
|
+
//# sourceMappingURL=Block.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../../src/components/layout/block/Block.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAWlC,MAAM,aAAa,GAAG,GAAG,CAAC,EAAE,EAAE;IAC5B,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,8BAA8B;YACtC,KAAK,EAAE,8BAA8B;SACtC;QACD,UAAU,EAAE;YACV,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,sBAAsB;YAChC,QAAQ,EAAE,sBAAsB;SACjC;KACF;IACD,eAAe,EAAE;QACf,YAAY,EAAE,OAAO;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,cACE,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,iBAAiB,EAAE,SAAS,CAC7B,eACS,YAAY,KAClB,iBAAiB,YAErB,cACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAC,UAAU,EAAE,YAAY,EAAC,CAAC,EAAE,SAAS,CAAC,eACzD,sBAAsB,EAChC,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACL,GACF,CACP,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/block/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/block/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -1 +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,
|
|
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,EAKL,eAAe,EACf,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAGjD,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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Image, SectionWrapper, LinkButton,
|
|
2
|
+
import { Image, SectionWrapper, LinkButton, Headline, BodyText, } from '../..';
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
|
-
import { SectionHeaderWithSubtitle } from '../../typography/sectionHeaderWithSubtitle/SectionHeaderWithSubtitle';
|
|
5
4
|
import { IconChevronDown } from '../../../icons';
|
|
6
5
|
const CalloutMedia = ({ headline, copytext, linkButtonProps, imageProps, sectionProps, LinkComponent, }) => {
|
|
7
|
-
return (_jsx(
|
|
6
|
+
return (_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 px-12 pb-12 mx-auto pt-9 basis-1/2 grow xl:basis-1/3", children: [_jsxs("div", { children: [_jsx(Headline, { underlined: true, headingLevel: "h2", className: "pb-6", children: headline }), _jsx(BodyText, { children: 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
7
|
};
|
|
9
8
|
export { CalloutMedia };
|
|
10
9
|
//# sourceMappingURL=CalloutMedia.js.map
|