@odx/websites-react 0.0.6 → 0.0.7
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/link/Link.d.ts +2 -1
- package/dist/components/actions/link/Link.d.ts.map +1 -1
- package/dist/components/actions/link/Link.js +9 -5
- package/dist/components/actions/link/Link.js.map +1 -1
- package/dist/components/images-icons/logo/Logo.js +1 -1
- package/dist/components/images-icons/logo/Logo.js.map +1 -1
- package/package.json +3 -3
|
@@ -6,8 +6,9 @@ import { BodyTextProps } from '../../typography/bodyText';
|
|
|
6
6
|
declare const linkVariants: (props?: ({
|
|
7
7
|
variant?: "inline" | "standalone" | null | undefined;
|
|
8
8
|
disabled?: boolean | null | undefined;
|
|
9
|
+
color?: "default" | "white" | null | undefined;
|
|
9
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
10
|
-
export interface LinkProps extends LinkComponentProps, LinkComponent, VariantProps<typeof linkVariants> {
|
|
11
|
+
export interface LinkProps extends Omit<LinkComponentProps, 'color'>, LinkComponent, VariantProps<typeof linkVariants> {
|
|
11
12
|
disabled?: boolean;
|
|
12
13
|
icon?: SvgIconComponent;
|
|
13
14
|
iconRight?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAEL,gBAAgB,EAChB,KAAK,YAAY,EAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAEL,gBAAgB,EAChB,KAAK,YAAY,EAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAQlE,QAAA,MAAM,YAAY;;;;mFAmBhB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,EACvC,aAAa,EACb,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAC9C,YAAY,CAAC,OAAO,gBAAgB,CAAC;CAAG;AAE5C,QAAA,MAAM,IAAI,kGA8CT,CAAC;AAGF,QAAA,MAAM,gBAAgB;;mFAUpB,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CASrC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -4,10 +4,9 @@ import { cva } from 'class-variance-authority';
|
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
5
|
import { SvgIcon, } from '../../images-icons/svg-icon';
|
|
6
6
|
import { BodyText } from '../../typography/bodyText';
|
|
7
|
-
// TODO: missing Color-token
|
|
7
|
+
// TODO: missing Color-token, change white color when desing is ready
|
|
8
8
|
const linkClasses = `
|
|
9
|
-
align-baseline
|
|
10
|
-
active:text-[#0052BD] visited:text-[#0075EB] focus-visible:outline
|
|
9
|
+
align-baseline gap-x-3 transition-colors duration-150
|
|
11
10
|
`;
|
|
12
11
|
const linkVariants = cva(linkClasses, {
|
|
13
12
|
variants: {
|
|
@@ -18,14 +17,19 @@ const linkVariants = cva(linkClasses, {
|
|
|
18
17
|
disabled: {
|
|
19
18
|
true: 'text-draeger-cool-gray-250 cursor-not-allowed active:text-draeger-cool-gray-250 visited:text-draeger-cool-gray-250 hover:no-underline',
|
|
20
19
|
},
|
|
20
|
+
color: {
|
|
21
|
+
default: 'text-draeger-air-blue outline-inherit active:text-[#0052BD] visited:text-[#0075EB] focus-visible:outline',
|
|
22
|
+
white: 'text-draeger-white hover:underline',
|
|
23
|
+
},
|
|
21
24
|
},
|
|
22
25
|
defaultVariants: {
|
|
23
26
|
variant: 'standalone',
|
|
27
|
+
color: 'default',
|
|
24
28
|
},
|
|
25
29
|
});
|
|
26
|
-
const Link = React.forwardRef(({ LinkComponent, className, children, variant, disabled, size, href, icon, iconProps, iconRight = false, ...props }, ref) => {
|
|
30
|
+
const Link = React.forwardRef(({ LinkComponent, className, children, variant, disabled, color, size, href, icon, iconProps, iconRight = false, ...props }, ref) => {
|
|
27
31
|
const LinkComp = LinkComponent ? LinkComponent : 'a';
|
|
28
|
-
return (_jsx(BodyText, { variant: size, asChild: true, children: _jsxs(LinkComp, { ref: ref, tabIndex: disabled ? -1 : 0, href: disabled ? undefined : href, className: cn(linkVariants({ variant, disabled, className })), ...props, children: [icon && (_jsx(SvgIcon, { className: cn('pt-px', iconRight && 'order-1', iconProps?.className), icon: icon, size: "sm", square: true, ...iconProps })), _jsx("span", { children: children })] }) }));
|
|
32
|
+
return (_jsx(BodyText, { variant: size, asChild: true, children: _jsxs(LinkComp, { ref: ref, tabIndex: disabled ? -1 : 0, href: disabled ? undefined : href, className: cn(linkVariants({ variant, disabled, color, className })), ...props, children: [icon && (_jsx(SvgIcon, { className: cn('pt-px', iconRight && 'order-1', iconProps?.className), icon: icon, size: "sm", square: true, ...iconProps })), _jsx("span", { children: children })] }) }));
|
|
29
33
|
});
|
|
30
34
|
Link.displayName = 'Link';
|
|
31
35
|
const linkListVariants = cva('flex', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EACL,OAAO,GAGR,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAElE,
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EACL,OAAO,GAGR,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAElE,qEAAqE;AAErE,MAAM,WAAW,GAAG;;CAEnB,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAC,WAAW,EAAE;IACpC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,sDAAsD;YAClE,MAAM,EAAE,0CAA0C;SACnD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,uIAAuI;SAC9I;QACD,KAAK,EAAE;YACL,OAAO,EACL,0GAA0G;YAC5G,KAAK,EAAE,oCAAoC;SAC5C;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC;AAiBH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,aAAa,EACb,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,OAAO,kBAC9B,MAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACjC,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC,KAC9D,KAAK,aAER,IAAI,IAAI,CACP,KAAC,OAAO,IACN,SAAS,EAAE,EAAE,CACX,OAAO,EACP,SAAS,IAAI,SAAS,EACtB,SAAS,EAAE,SAAS,CACrB,EACD,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,IAAI,EACT,MAAM,WACF,SAAS,GACb,CACH,EACD,yBAAO,QAAQ,GAAQ,IACd,GACF,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,MAAM,gBAAgB,GAAG,GAAG,CAAC,MAAM,EAAE;IACnC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,GAAG,EAAE,kBAAkB;YACvB,GAAG,EAAE,kBAAkB;SACxB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,QAAQ,GAA4B,CAAC,EACzC,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC,KAAM,KAAK,YACpE,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -29,6 +29,6 @@ const logoCaptionVariants = cva('text-base', {
|
|
|
29
29
|
},
|
|
30
30
|
});
|
|
31
31
|
const LogoCaption = ({ fillColor, size, className, children, ...props }) => (_jsx("span", { className: cn(logoCaptionVariants({ fillColor, size, className })), ...props, children: children }));
|
|
32
|
-
const Logo = ({ fillColor, className, svgClassName, compact, hideIcon, children, ...props }) => (_jsxs("div", { className: cn(logoVariants({ fillColor, className }), 'font-text flex flex-col justify-items-center items-center gap-2.5 text-base font-semibold'), ...props, children: [!hideIcon && (_jsx("div", { className:
|
|
32
|
+
const Logo = ({ fillColor, className, svgClassName, compact, hideIcon, children, ...props }) => (_jsxs("div", { className: cn(logoVariants({ fillColor, className }), 'font-text flex flex-col justify-items-center items-center gap-2.5 text-base font-semibold'), ...props, children: [!hideIcon && (_jsx("div", { className: cn(compact ? 'w-6' : 'w-32', svgClassName), children: compact ? LogoCompactSvg : LogoSvg })), children] }));
|
|
33
33
|
export { Logo, LogoCaption };
|
|
34
34
|
//# sourceMappingURL=Logo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../../src/components/images-icons/logo/Logo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAE,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAc5D,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,uBAAuB;IAC9B,KAAK,EAAE,uCAAuC;IAC9C,QAAQ,EAAE,+CAA+C;CAC1D,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAC,EAAE,EAAE;IAC3B,QAAQ,EAAE;QACR,SAAS,EAAE,iBAAiB;KAC7B;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,GAAG,CAAC,WAAW,EAAE;IAC3C,QAAQ,EAAE;QACR,SAAS,EAAE,iBAAiB;QAC5B,IAAI,EAAE;YACJ,EAAE,EAAE,4BAA4B;YAChC,EAAE,EAAE,4BAA4B;YAChC,EAAE,EAAE,6BAA6B;SAClC;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,KAC5D,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AAEF,MAAM,IAAI,GAAwB,CAAC,EACjC,SAAS,EACT,SAAS,EACT,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,EAAC,SAAS,EAAE,SAAS,EAAC,CAAC,EACpC,2FAA2F,CAC5F,KACG,KAAK,aAER,CAAC,QAAQ,IAAI,CACZ,cAAK,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../../src/components/images-icons/logo/Logo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAE,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAc5D,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,uBAAuB;IAC9B,KAAK,EAAE,uCAAuC;IAC9C,QAAQ,EAAE,+CAA+C;CAC1D,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAC,EAAE,EAAE;IAC3B,QAAQ,EAAE;QACR,SAAS,EAAE,iBAAiB;KAC7B;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,GAAG,CAAC,WAAW,EAAE;IAC3C,QAAQ,EAAE;QACR,SAAS,EAAE,iBAAiB;QAC5B,IAAI,EAAE;YACJ,EAAE,EAAE,4BAA4B;YAChC,EAAE,EAAE,4BAA4B;YAChC,EAAE,EAAE,6BAA6B;SAClC;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,KAC5D,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AAEF,MAAM,IAAI,GAAwB,CAAC,EACjC,SAAS,EACT,SAAS,EACT,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,EAAC,SAAS,EAAE,SAAS,EAAC,CAAC,EACpC,2FAA2F,CAC5F,KACG,KAAK,aAER,CAAC,QAAQ,IAAI,CACZ,cAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,YAAY,CAAC,YACvD,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,GAC/B,CACP,EACA,QAAQ,IACL,CACP,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,WAAW,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": "0.0.
|
|
4
|
+
"version": "0.0.7",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -83,8 +83,8 @@
|
|
|
83
83
|
"tsx": "^4.15.6",
|
|
84
84
|
"typescript": "^5.3.2",
|
|
85
85
|
"@odx/eslint-config-websites": "0.0.0",
|
|
86
|
-
"@odx/websites-
|
|
87
|
-
"@odx/websites-
|
|
86
|
+
"@odx/websites-ui": "0.0.3",
|
|
87
|
+
"@odx/websites-tsconfig": "0.0.0"
|
|
88
88
|
},
|
|
89
89
|
"peerDependencies": {
|
|
90
90
|
"@odx/websites-ui": ">=0.0.3",
|