@odx/websites-react 1.0.4 → 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.
|
@@ -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