@odx/websites-react 1.0.75 → 1.1.1
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/text-input/TextInput.d.ts +7 -0
- package/dist/components/actions/text-input/TextInput.d.ts.map +1 -1
- package/dist/components/actions/text-input/TextInput.js +16 -3
- package/dist/components/actions/text-input/TextInput.js.map +1 -1
- package/dist/components/charts/pieChart/PieChart.d.ts +2 -0
- package/dist/components/charts/pieChart/PieChart.d.ts.map +1 -1
- package/dist/components/charts/pieChart/PieChart.js +2 -3
- package/dist/components/charts/pieChart/PieChart.js.map +1 -1
- package/dist/components/layout/structuredList/StructuredList.d.ts +1 -0
- package/dist/components/layout/structuredList/StructuredList.d.ts.map +1 -1
- package/dist/components/layout/structuredList/StructuredList.js +4 -4
- package/dist/components/layout/structuredList/StructuredList.js.map +1 -1
- package/package.json +3 -3
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type FormFieldWrapperVariants, type FormField } from '../formField';
|
|
3
|
+
import { IconProps } from '../../images-icons/icon';
|
|
3
4
|
export interface TextInputProps extends TextInputPrimitiveProps, FormField {
|
|
4
5
|
}
|
|
5
6
|
export interface TextInputPrimitiveProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, FormFieldWrapperVariants {
|
|
6
7
|
invalid?: boolean;
|
|
8
|
+
showSearchIcon?: boolean;
|
|
9
|
+
leadingIcon?: {
|
|
10
|
+
show: boolean;
|
|
11
|
+
iconName: IconProps['name'];
|
|
12
|
+
};
|
|
7
13
|
icons?: React.ReactNode;
|
|
14
|
+
iconLeft?: React.ReactNode;
|
|
8
15
|
}
|
|
9
16
|
declare const TextInputPrimitive: React.ForwardRefExoticComponent<TextInputPrimitiveProps & React.RefAttributes<HTMLInputElement>>;
|
|
10
17
|
declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/text-input/TextInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/text-input/TextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAML,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAElD,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,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE;QAAC,IAAI,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAC,CAAC;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,kBAAkB,kGAsCvB,CAAC;AAGF,QAAA,MAAM,SAAS,yFA+Ed,CAAC;AAGF,OAAO,EAAC,SAAS,EAAE,kBAAkB,EAAC,CAAC"}
|
|
@@ -1,13 +1,26 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import { cn } from '../../../utils';
|
|
4
5
|
import { useFieldId } from '../../../hooks';
|
|
5
6
|
import { FormFieldWrapper, FormFieldIconsContainer, FormFieldLabel, FormFieldIcon, FormFieldHelperText, } from '../formField';
|
|
6
|
-
const TextInputPrimitive = React.forwardRef(({ className, invalid, size, icons,
|
|
7
|
+
const TextInputPrimitive = React.forwardRef(({ className, invalid, size, icons, iconLeft, leadingIcon, ...inputProps }, ref) => {
|
|
8
|
+
const [hasInputText, setHasInputText] = React.useState(false);
|
|
9
|
+
const handleChange = (e) => {
|
|
10
|
+
setHasInputText(e.target.value.length > 0);
|
|
11
|
+
if (inputProps.onChange) {
|
|
12
|
+
inputProps.onChange(e);
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
const showLeftIcon = iconLeft && !invalid && !hasInputText && leadingIcon?.show;
|
|
16
|
+
return (_jsxs("div", { className: "inline-flex relative w-full", children: [showLeftIcon && (_jsx(FormFieldIconsContainer, { align: "left", className: "pointer-events-none", children: iconLeft })), _jsx(FormFieldWrapper, { className: cn(showLeftIcon && 'pl-16', className), size: size, invalid: invalid, children: _jsx("input", { ref: ref, ...inputProps, onChange: handleChange }) }), icons && _jsx(FormFieldIconsContainer, { children: icons })] }));
|
|
17
|
+
});
|
|
7
18
|
TextInputPrimitive.displayName = 'TextInputPrimitive';
|
|
8
|
-
const TextInput = React.forwardRef(({ className, wrapperClassName, label, required, helperText, invalidText, invalid = false, disabled, hidden, ...props }, ref) => {
|
|
19
|
+
const TextInput = React.forwardRef(({ className, wrapperClassName, label, required, helperText, invalidText, invalid = false, leadingIcon = { show: false, iconName: 'core::placeholder' }, disabled, hidden, ...props }, ref) => {
|
|
9
20
|
const { id, labelId, helperTextId } = useFieldId();
|
|
10
|
-
return (_jsxs("div", { className: cn('font-text w-full', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsx(TextInputPrimitive, { id: id, ref: ref, invalid: invalid, required: required, disabled: disabled, "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, className: cn(invalid && 'pr-14', className),
|
|
21
|
+
return (_jsxs("div", { className: cn('font-text w-full', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsx(TextInputPrimitive, { id: id, ref: ref, invalid: invalid, required: required, disabled: disabled, "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, className: cn(invalid && 'pr-14', className), leadingIcon: leadingIcon, iconLeft: leadingIcon?.show &&
|
|
22
|
+
leadingIcon?.iconName &&
|
|
23
|
+
!invalid && (_jsx(FormFieldIconsContainer, { align: "left", className: "-left-1", children: _jsx(FormFieldIcon, { className: "text-icon-secondary", name: leadingIcon.iconName }) })), icons: invalid && (_jsx(FormFieldIcon, { className: "text-draeger-error", name: "core::feedback-warning-filled-mono" })), ...props }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
|
|
11
24
|
});
|
|
12
25
|
TextInput.displayName = 'Input';
|
|
13
26
|
export { TextInput, TextInputPrimitive };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/actions/text-input/TextInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/actions/text-input/TextInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,GAGpB,MAAM,cAAc,CAAC;AAetB,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAIzC,CACE,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,UAAU,EAAC,EACvE,GAAG,EACH,EAAE;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvE,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC3C,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;YACxB,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAChB,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY,IAAI,WAAW,EAAE,IAAI,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aACzC,YAAY,IAAI,CACf,KAAC,uBAAuB,IAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,qBAAqB,YAClE,QAAQ,GACe,CAC3B,EACD,KAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,YAAY,IAAI,OAAO,EAAE,SAAS,CAAC,EACjD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,YAEhB,gBAAO,GAAG,EAAE,GAAG,KAAM,UAAU,EAAE,QAAQ,EAAE,YAAY,GAAI,GAC1C,EAClB,KAAK,IAAI,KAAC,uBAAuB,cAAE,KAAK,GAA2B,IAChE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,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,WAAW,GAAG,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAC,EAC1D,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,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,KAAC,kBAAkB,IACjB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,qBACD,OAAO,sBACN,UAAU,IAAI,YAAY,EAC5C,SAAS,EAAE,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,SAAS,CAAC,EAC5C,WAAW,EACT,WAGC,EAEH,QAAQ,EACN,WAAW,EAAE,IAAI;oBACjB,WAAW,EAAE,QAAQ;oBACrB,CAAC,OAAO,IAAI,CACV,KAAC,uBAAuB,IAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,YACvD,KAAC,aAAa,IACZ,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAE,WAAW,CAAC,QAAwC,GAC1D,GACsB,CAC3B,EAEH,KAAK,EACH,OAAO,IAAI,CACT,KAAC,aAAa,IACZ,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAC,oCAAoC,GACzC,CACH,KAEC,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":"PieChart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/pieChart/PieChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiC/B,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/pieChart/PieChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiC/B,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4HrC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -29,7 +29,7 @@ echarts.use([CanvasRenderer, TooltipComponent, EPieChart, LegendComponent]);
|
|
|
29
29
|
echarts.registerTheme('draeger', {
|
|
30
30
|
color: chartColors,
|
|
31
31
|
});
|
|
32
|
-
const PieChart = ({ items, boldLine = false, isLegendVisible = true, }) => {
|
|
32
|
+
const PieChart = ({ items, boldLine = false, isLegendVisible = true, desktopHeight = 500, mobileHeight = 600, }) => {
|
|
33
33
|
const echartContainerRef = React.useRef(null);
|
|
34
34
|
const echartRef = React.useRef();
|
|
35
35
|
const isMobile = useBreakpoint('md');
|
|
@@ -133,8 +133,7 @@ const PieChart = ({ items, boldLine = false, isLegendVisible = true, }) => {
|
|
|
133
133
|
};
|
|
134
134
|
}, [isMobile, isTablet, isLegendVisible, options]);
|
|
135
135
|
return (_jsx("div", { style: {
|
|
136
|
-
|
|
137
|
-
height: '100%',
|
|
136
|
+
height: isMobile ? mobileHeight : desktopHeight,
|
|
138
137
|
width: '100%',
|
|
139
138
|
}, ref: echartContainerRef }));
|
|
140
139
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PieChart.js","sourceRoot":"","sources":["../../../../src/components/charts/pieChart/PieChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,IAAI,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAE,eAAe,EAAC,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AACjD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,qEAAqE;AACrE,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACxC,OAAO,KAAK,OAAO,MAAM,cAAc,CAAC;AAExC,MAAM,EAAC,KAAK,EAAC,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;AAE9C,MAAM,WAAW,GAAG;IAClB,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,GAAG,CAAC;IACtC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC;IACrC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC;IACzC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC;IAC1C,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC;IAC3C,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC;IAC3C,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC;IAC1C,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC;IAC3C,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,GAAG,CAAC;IACtC,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,GAAG,CAAC;IACtC,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,GAAG,CAAC;IACtC,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,GAAG,CAAC;CACvC,CAAC;AAEF,OAAO,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,gBAAgB,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;AAC5E,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE;IAC/B,KAAK,EAAE,WAAW;CACnB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"PieChart.js","sourceRoot":"","sources":["../../../../src/components/charts/pieChart/PieChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
export interface StructuredListComponentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
headline?: string;
|
|
4
4
|
children?: React.ReactNode;
|
|
5
|
+
paddingBottom?: 'default' | 'none';
|
|
5
6
|
}
|
|
6
7
|
export interface StructuredListProps extends StructuredListComponentProps {
|
|
7
8
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StructuredList.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,4BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"StructuredList.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,4BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CACpC;AAuBD,MAAM,WAAW,mBAAoB,SAAQ,4BAA4B;CAAG;AAE5E,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { BodyText } from '../../typography/bodyText';
|
|
3
|
-
const StructuredListComponent = ({ headline, children, }) => {
|
|
4
|
-
return (_jsxs("div", { className:
|
|
3
|
+
const StructuredListComponent = ({ headline, children, paddingBottom = 'none', }) => {
|
|
4
|
+
return (_jsxs("div", { className: `flex flex-col gap-4 ${paddingBottom === 'default' ? 'pb-20 md:pb-10' : 'pb-0'}`, children: [headline && (_jsx(BodyText, { variant: "large", className: "text-draeger-cool-gray-750", children: headline })), _jsx("div", { className: 'flex flex-col gap-6', children: children })] }));
|
|
5
5
|
};
|
|
6
|
-
const StructuredList = ({ children, headline, }) => {
|
|
7
|
-
return (_jsx(StructuredListComponent, { headline: headline, children: children }));
|
|
6
|
+
const StructuredList = ({ children, headline, paddingBottom, }) => {
|
|
7
|
+
return (_jsx(StructuredListComponent, { headline: headline, paddingBottom: paddingBottom, children: children }));
|
|
8
8
|
};
|
|
9
9
|
export { StructuredList };
|
|
10
10
|
//# sourceMappingURL=StructuredList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StructuredList.js","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"StructuredList.js","sourceRoot":"","sources":["../../../../src/components/layout/structuredList/StructuredList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AASnD,MAAM,uBAAuB,GAA2C,CAAC,EACvE,QAAQ,EACR,QAAQ,EACR,aAAa,GAAG,MAAM,GACvB,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,uBACT,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MACnD,EAAE,aAED,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,4BAA4B,YAC7D,QAAQ,GACA,CACZ,EACD,cAAK,SAAS,EAAE,qBAAqB,YAAG,QAAQ,GAAO,IACnD,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,EACR,QAAQ,EACR,aAAa,GACd,EAAE,EAAE;IACH,OAAO,CACL,KAAC,uBAAuB,IAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,YACtE,QAAQ,GACe,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/websites-react",
|
|
3
3
|
"author": "Drägerwerk AG & Co. KGaA",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.1.1",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -391,9 +391,9 @@
|
|
|
391
391
|
"ts-node": "^10.9.2",
|
|
392
392
|
"typescript": "^5.4.5",
|
|
393
393
|
"vitest": "^3.1.0-beta.1",
|
|
394
|
-
"@odx/eslint-config-websites": "0.0.1",
|
|
395
394
|
"@odx/websites-tsconfig": "0.0.0",
|
|
396
|
-
"@odx/websites-ui": "0.2.22"
|
|
395
|
+
"@odx/websites-ui": "0.2.22",
|
|
396
|
+
"@odx/eslint-config-websites": "0.0.1"
|
|
397
397
|
},
|
|
398
398
|
"peerDependencies": {
|
|
399
399
|
"@odx/websites-ui": ">=0.2.1",
|