@odx/websites-react 1.0.3 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/actions/tag/Tag.js +2 -2
- package/dist/components/actions/tag/Tag.js.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.d.ts +7 -6
- package/dist/components/actions/toggle-button/ToggleButton.d.ts.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.js +15 -13
- package/dist/components/actions/toggle-button/ToggleButton.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/components/layout/card/Card.d.ts +5 -2
- package/dist/components/layout/card/Card.d.ts.map +1 -1
- package/dist/components/layout/card/Card.js +5 -3
- package/dist/components/layout/card/Card.js.map +1 -1
- package/package.json +1 -1
|
@@ -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 font-text';
|
|
6
|
+
const tagBaseClasses = 'inline-flex items-center justify-between rounded-full border aria-disabled:pointer-events-none font-text group';
|
|
7
7
|
const tagVariants = cva(tagBaseClasses, {
|
|
8
8
|
variants: {
|
|
9
9
|
mode: {
|
|
@@ -22,7 +22,7 @@ const tagVariants = cva(tagBaseClasses, {
|
|
|
22
22
|
},
|
|
23
23
|
});
|
|
24
24
|
export const Tag = ({ value, label, mode, size, disabled, onClose, className, ...props }) => {
|
|
25
|
-
return (_jsxs("div", { tabIndex: -1, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size, className })), ...props, children: [_jsx("span", { className: 'flex text-nowrap cursor-default', children: label }), mode === 'dismissable' && (_jsx(Button, { tabIndex: disabled ? -1 : 0, variant: "ghost", className: cn('p-0 rounded-full hover:bg-surface-accent-hover active:bg-surface-accent-click', size === 'sm' ? 'h-9 w-9' : 'h-[1.625rem] w-[1.625rem]', disabled && 'border-none'), size: 'card', onClick: onClose, children: _jsx(SvgIcon, { color: "draeger-white", icon: IconClose, size: 'md', title: "close", square: true }) }))] }));
|
|
25
|
+
return (_jsxs("div", { tabIndex: -1, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size, className })), ...props, children: [_jsx("span", { className: 'flex text-nowrap cursor-default', children: label }), mode === 'dismissable' && (_jsx(Button, { tabIndex: disabled ? -1 : 0, variant: "ghost", className: cn('p-0 rounded-full hover:bg-surface-accent-hover group-hover:bg-surface-accent-hover active:bg-surface-accent-click group-active:bg-surface-accent-click', size === 'sm' ? 'h-9 w-9' : 'h-[1.625rem] w-[1.625rem]', disabled && 'border-none'), size: 'card', onClick: onClose, children: _jsx(SvgIcon, { color: "draeger-white", icon: IconClose, size: 'md', title: "close", square: true }) }))] }));
|
|
26
26
|
};
|
|
27
27
|
Tag.displayName = 'Tag';
|
|
28
28
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAClB,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAClB,gHAAgH,CAAC;AAEnH,MAAM,WAAW,GAAG,GAAG,CAAC,cAAc,EAAE;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EACT,wJAAwJ;YAC1J,iBAAiB,EACf,uIAAuI;YACzI,WAAW,EACT,qKAAqK;SACxK;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,qCAAqC;YACzC,EAAE,EAAE,6BAA6B;SAClC;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,iCAAiC,YAAG,KAAK,GAAQ,EACjE,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,wJAAwJ,EACxJ,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,EACb,MAAM,SACN,GACK,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as Switch from '@radix-ui/react-switch';
|
|
3
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
4
3
|
import { SvgIconComponent } from '../../images-icons/svg-icon';
|
|
5
|
-
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
export interface ToggleButtonProps extends Switch.SwitchProps, VariantProps<typeof toggleButtonWrapperVariants> {
|
|
6
6
|
labelChecked?: string | React.ReactElement;
|
|
7
7
|
labelUnchecked?: string | React.ReactElement;
|
|
8
8
|
iconChecked?: SvgIconComponent;
|
|
9
9
|
iconUnchecked?: SvgIconComponent;
|
|
10
10
|
checked: boolean;
|
|
11
|
-
labelAlignment?: 'right' | 'left';
|
|
12
11
|
}
|
|
13
|
-
declare const toggleButtonVariants: (props?: ({
|
|
14
|
-
labelAlignment?: "left" | "right" | null | undefined;
|
|
15
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
16
12
|
declare const ToggleButton: React.FC<ToggleButtonProps>;
|
|
13
|
+
declare const toggleButtonWrapperVariants: (props?: ({
|
|
14
|
+
align?: "left" | "right" | "center" | null | undefined;
|
|
15
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
16
|
+
export interface ToggleButtonWrapperProps extends VariantProps<typeof toggleButtonWrapperVariants>, React.HTMLAttributes<HTMLDivElement> {
|
|
17
|
+
}
|
|
17
18
|
export { ToggleButton };
|
|
18
19
|
//# sourceMappingURL=ToggleButton.d.ts.map
|
|
@@ -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,
|
|
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,EAAU,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAEtE,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,iBACf,SAAQ,MAAM,CAAC,WAAW,EACxB,YAAY,CAAC,OAAO,2BAA2B,CAAC;IAClD,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;CAClB;AAID,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiD7C,CAAC;AAIF,QAAA,MAAM,2BAA2B;;mFAQ/B,CAAC;AAEH,MAAM,WAAW,wBACf,SAAQ,YAAY,CAAC,OAAO,2BAA2B,CAAC,EACtD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAkB3C,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,25 +1,27 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as Switch from '@radix-ui/react-switch';
|
|
4
|
-
import { cva } from 'class-variance-authority';
|
|
5
4
|
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
6
5
|
import { cn } from '../../../utils';
|
|
7
|
-
|
|
6
|
+
import { cva } from 'class-variance-authority';
|
|
7
|
+
const toggleButtonClassName = 'flex flex-row items-center gap-2.5';
|
|
8
|
+
const ToggleButton = ({ checked, labelChecked, labelUnchecked, iconChecked, iconUnchecked, hidden, align, ...props }) => {
|
|
9
|
+
const toggleButtonId = React.useId();
|
|
10
|
+
const labelId = React.useId();
|
|
11
|
+
return (_jsx(ToggleButtonWrapper, { align: align, children: _jsxs("div", { className: cn(toggleButtonClassName, hidden && 'hidden'), children: [_jsxs("label", { className: 'text-base font-text text-text-accent', 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-warm-gray-250 data-[state=checked]:bg-surface-accent 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-surface-primary" }), 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" }) }))] })] }) }));
|
|
12
|
+
};
|
|
13
|
+
ToggleButton.displayName = 'ToggleButton';
|
|
14
|
+
const toggleButtonWrapperVariants = cva('w-full flex', {
|
|
8
15
|
variants: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
16
|
+
align: {
|
|
17
|
+
right: 'justify-end',
|
|
18
|
+
center: 'justify-center',
|
|
19
|
+
left: 'justify-start',
|
|
12
20
|
},
|
|
13
21
|
},
|
|
14
|
-
defaultVariants: {
|
|
15
|
-
labelAlignment: 'left',
|
|
16
|
-
},
|
|
17
22
|
});
|
|
18
|
-
const
|
|
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-text-accent', 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-warm-gray-250 data-[state=checked]:bg-surface-accent 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-surface-primary" }), 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" }) }))] })] }));
|
|
23
|
+
const ToggleButtonWrapper = ({ children, className, align, ...props }) => {
|
|
24
|
+
return (_jsx("div", { className: cn(toggleButtonWrapperVariants({ align }), className), ...props, children: children }));
|
|
22
25
|
};
|
|
23
|
-
ToggleButton.displayName = 'ToggleButton';
|
|
24
26
|
export { ToggleButton };
|
|
25
27
|
//# sourceMappingURL=ToggleButton.js.map
|
|
@@ -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,
|
|
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,OAAO,EAAmB,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,GAAG,EAAe,MAAM,0BAA0B,CAAC;AAY3D,MAAM,qBAAqB,GAAG,oCAAoC,CAAC;AAEnE,MAAM,YAAY,GAAgC,CAAC,EACjD,OAAO,EACP,YAAY,EACZ,cAAc,EACd,WAAW,EACX,aAAa,EACb,MAAM,EACN,KAAK,EACL,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,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,YAC/B,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,MAAM,IAAI,QAAQ,CAAC,aAC3D,iBACE,SAAS,EAAE,sCAAsC,EACjD,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,oLAAoL,EAC9L,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,iKAAiK,GAAG,EAC3L,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,GACc,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,2BAA2B,GAAG,GAAG,CAAC,aAAa,EAAE;IACrD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,gBAAgB;YACxB,IAAI,EAAE,eAAe;SACtB;KACF;CACF,CAAC,CAAC;AAMH,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,EAAC,KAAK,EAAC,CAAC,EAAE,SAAS,CAAC,KAC1D,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,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;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,
|
|
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,CA+BrD,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -47,7 +47,7 @@ AccordionItem.displayName = 'AccordionItem';
|
|
|
47
47
|
const AccordionContent = ({ children }) => {
|
|
48
48
|
const { isExpanded, value } = useAccordionItemContext();
|
|
49
49
|
const [ref, contentHeight] = useElementHeight([isExpanded]);
|
|
50
|
-
return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out px-6', isExpanded ? 'opacity-100 pt-2 pb-8' : 'opacity-0'), role: "region", id: `panel_${value}`, "aria-labelledby": `trigger_${value}`, children: _jsx("div", { className: cn('overflow-hidden transition-[height] duration-300 ease-in-out'), style: { height: isExpanded ? `${contentHeight}px` : '0' }, children: _jsx("div", { ref: ref, hidden: !isExpanded, "aria-hidden": !isExpanded, children: children }) }) }));
|
|
50
|
+
return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out px-6', isExpanded ? 'opacity-100 pt-2 pb-8' : 'opacity-0'), role: "region", id: `panel_${value}`, "aria-labelledby": `trigger_${value}`, children: _jsx("div", { className: cn('overflow-hidden transition-[height] duration-300 ease-in-out'), style: { height: isExpanded ? `${contentHeight}px` : '0' }, children: _jsx("div", { ref: ref, hidden: !isExpanded, "aria-hidden": !isExpanded, className: "max-w-[70%]", children: children }) }) }));
|
|
51
51
|
};
|
|
52
52
|
export { Accordion, AccordionItem, AccordionContent, AccordionItemToggle };
|
|
53
53
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { ButtonProps } from '../../actions/button';
|
|
3
|
+
import { ButtonProps, LinkButtonProps } from '../../actions/button';
|
|
4
4
|
import { SlimRichTextProps } from '../slimRichText';
|
|
5
5
|
export interface CardSubInfoProps extends SlimRichTextProps {
|
|
6
6
|
}
|
|
@@ -15,6 +15,9 @@ declare const CardBodyText: React.FC<CardBodyTextProps>;
|
|
|
15
15
|
export interface CardButtonProps extends Omit<ButtonProps, 'size'> {
|
|
16
16
|
}
|
|
17
17
|
declare const CardButton: React.FC<CardButtonProps>;
|
|
18
|
+
export interface CardLinkButtonProps extends Omit<LinkButtonProps, 'size'> {
|
|
19
|
+
}
|
|
20
|
+
declare const CardLinkButton: React.FC<CardLinkButtonProps>;
|
|
18
21
|
export interface CardActionsWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
19
22
|
}
|
|
20
23
|
declare const CardActionsWrapper: React.FC<CardActionsWrapperProps>;
|
|
@@ -27,5 +30,5 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, Variant
|
|
|
27
30
|
children?: React.ReactNode | React.ReactNode[];
|
|
28
31
|
}
|
|
29
32
|
declare const Card: React.FC<CardProps>;
|
|
30
|
-
export { Card, CardSubInfo, CardHeadline, CardBodyText, CardButton, CardActionsWrapper, };
|
|
33
|
+
export { Card, CardSubInfo, CardHeadline, CardBodyText, CardButton, CardLinkButton, CardActionsWrapper, };
|
|
31
34
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -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,
|
|
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,EAEL,WAAW,EAEX,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAe,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAGhE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAE9D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAU3C,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;AAKF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;CAAG;AAErE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYzC,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;CAAG;AAE7E,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAYjD,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,cAAc,EACd,kBAAkB,GACnB,CAAC"}
|
|
@@ -2,13 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
4
|
import { Headline } from '../../typography/headline';
|
|
5
|
-
import { Button } from '../../actions/button';
|
|
5
|
+
import { Button, LinkButton, } from '../../actions/button';
|
|
6
6
|
import { SlimRichText } from '../slimRichText';
|
|
7
7
|
import { Slot } from '@radix-ui/react-slot';
|
|
8
8
|
const CardSubInfo = ({ text, className, ...props }) => (_jsx(SlimRichText, { text: text, className: cn('text-draeger-cool-gray-750 mb-5', className), ...props }));
|
|
9
9
|
const CardHeadline = ({ children, className, ...props }) => (_jsx(Headline, { textColor: "inherit", headingLevel: "h3", className: cn('mb-3', className), ...props, children: children }));
|
|
10
10
|
const CardBodyText = ({ text, className, ...props }) => (_jsx(SlimRichText, { text: text, textColor: "inherit", className: cn('pb-7 ', className), ...props }));
|
|
11
|
-
const
|
|
11
|
+
const cardButtonBaseClassNames = 'text-base group-focus:ring-draeger-air-blue group-focus:ring-1 group-hover:bg-surface-accent-hover group-active:bg-surface-accent-click';
|
|
12
|
+
const CardButton = ({ children, className, ...props }) => (_jsx(Button, { size: "card", className: cn(cardButtonBaseClassNames, className), ...props, children: children }));
|
|
13
|
+
const CardLinkButton = ({ children, className, ...props }) => (_jsx(LinkButton, { size: "card", className: cn(cardButtonBaseClassNames, className), ...props, children: children }));
|
|
12
14
|
const CardActionsWrapper = ({ className, children, ...props }) => (_jsx("div", { className: cn('flex flex-col gap-7 pb-8 min-h-14 items-center', className), ...props, children: children }));
|
|
13
15
|
const cardBaseClasses = 'font-text group';
|
|
14
16
|
// TODO: Delete variants when sections using paleBlue and darkBlue cards will be updated
|
|
@@ -33,5 +35,5 @@ const cardVariants = cva(cardBaseClasses, {
|
|
|
33
35
|
const Card = ({ imageElement, children, variant, padding, className, ...props }) => {
|
|
34
36
|
return (_jsxs("div", { className: cn(cardVariants({ variant, padding }), className), ...props, children: [_jsx(Slot, { className: "w-full", children: imageElement }), _jsx("div", { className: "flex flex-col px-layout-spacing-3 pt-9", children: children })] }));
|
|
35
37
|
};
|
|
36
|
-
export { Card, CardSubInfo, CardHeadline, CardBodyText, CardButton, CardActionsWrapper, };
|
|
38
|
+
export { Card, CardSubInfo, CardHeadline, CardBodyText, CardButton, CardLinkButton, CardActionsWrapper, };
|
|
37
39
|
//# 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,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED