@odx/websites-react 1.1.81 → 1.1.82

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.
Files changed (11) hide show
  1. package/dist/components/layout/list/List.d.ts.map +1 -1
  2. package/dist/components/layout/list/List.js +2 -1
  3. package/dist/components/layout/list/List.js.map +1 -1
  4. package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  5. package/dist/components/navigation/breadcrumbs/Breadcrumbs.js +116 -13
  6. package/dist/components/navigation/breadcrumbs/Breadcrumbs.js.map +1 -1
  7. package/dist/components/typography/bodyText/BodyText.d.ts +1 -1
  8. package/dist/components/typography/bodyText/BodyText.d.ts.map +1 -1
  9. package/dist/components/typography/bodyText/BodyText.js +1 -0
  10. package/dist/components/typography/bodyText/BodyText.js.map +1 -1
  11. package/package.json +3 -3
package/dist/components/layout/list/List.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC9C,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC9C,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;CAAG;AAC7E,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAKnC,CAAC;AAMJ,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAS3C,CAAC;AAuBF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAa7C,CAAC;AAEJ,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AACD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAK7C,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC3E,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACpC;AACD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAQrC,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AACD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAQ3D,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC9C,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgBnD,CAAC;AAEF,OAAO,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,mBAAmB,EACnB,eAAe,GAChB,CAAC"}
1
+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC9C,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC9C,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;CAAG;AAC7E,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAKnC,CAAC;AAMJ,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAS3C,CAAC;AAwBF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAa7C,CAAC;AAEJ,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AACD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAK7C,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC3E,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACpC;AACD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAQrC,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AACD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAQ3D,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC9C,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgBnD,CAAC;AAEF,OAAO,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,mBAAmB,EACnB,eAAe,GAChB,CAAC"}
package/dist/components/layout/list/List.js CHANGED
@@ -16,6 +16,7 @@ const unorderedListClasses = `
16
16
  const unorderedListVariants = cva(unorderedListClasses, {
17
17
  variants: {
18
18
  variant: {
19
+ extraSmall: '[&_ul_li]:before:mt-[0.5625rem]',
19
20
  small: '[&_ul_li]:before:mt-[0.5625rem]',
20
21
  medium: '[&_ul_li]:before:mt-2.5',
21
22
  large: '[&_ul_li]:before:mt-3',
@@ -27,7 +28,7 @@ const unorderedListVariants = cva(unorderedListClasses, {
27
28
  },
28
29
  });
29
30
  const UnorderedList = ({ className, variant = 'medium', textColor, ...props }) => props.children && (_jsx(BodyText, { textColor: textColor, asChild: true, variant: variant, children: _jsx("ul", { ...props, className: cn(unorderedListVariants({ variant }), className) }) }));
30
- const IconListItem = ({ icon, label }) => (_jsxs("li", { className: "inline-flex items-center gap-1", children: [icon, label] }));
31
+ const IconListItem = ({ icon, label }) => (_jsxs("li", { className: "inline-flex gap-1 items-center", children: [icon, label] }));
31
32
  const IconList = ({ className, variant = 'medium', ...props }) => (_jsx(BodyText, { asChild: true, variant: variant, children: _jsx("ul", { className: cn('flex flex-col gap-2', className), ...props }) }));
32
33
  const DescriptionListItem = ({ title, description, }) => (_jsxs("li", { className: "flex justify-between", children: [_jsx("span", { className: "font-semibold", children: title }), _jsx("span", { children: description })] }));
33
34
  const DescriptionList = ({ className, variant = 'medium', vertical = false, ...props }) => (_jsx(BodyText, { asChild: true, variant: variant, children: _jsx("ul", { className: cn('flex flex-col gap-4', vertical && '[&_*]:flex-col', className), ...props }) }));
package/dist/components/layout/list/List.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":"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"}
package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAKtE,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EACtC,aAAa;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAMD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBxD,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuC3C,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAexD,CAAC;AAEF,OAAO,EAAC,iBAAiB,EAAE,WAAW,EAAC,CAAC"}
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAMtE,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EACtC,aAAa;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AASD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBxD,CAAC;AAuHF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoF3C,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAexD,CAAC;AAEF,OAAO,EAAC,iBAAiB,EAAE,WAAW,EAAC,CAAC"}
package/dist/components/navigation/breadcrumbs/Breadcrumbs.js CHANGED
@@ -1,29 +1,132 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
3
  import * as React from 'react';
3
4
  import { cn } from '../../../utils';
4
5
  import { BlockGrid, BlockChildrenWidthContainer } from '../../layout/block';
5
6
  import { Container } from '../../layout/container';
6
7
  import { IconCoreChevronRight } from '../../icon';
7
- const breadcrumbsWrapperClasses = 'hidden lg:inline-flex font-text text-[1.125rem] leading-[1.36] text-draeger-white bg-surface-brand px-3';
8
- const breadcrumbClasses = 'flex py-2.5 px-1 gap-x-2';
9
- export const BreadcrumbItem = ({ className, children, href, LinkComponent, ...props }) => {
8
+ import { BodyText } from '../../typography/bodyText';
9
+ const breadcrumbsWrapperClasses = 'hidden lg:inline-block bg-surface-brand px-3';
10
+ const breadcrumbClasses = 'inline-flex py-1.5 px-1 gap-2 items-center';
11
+ const breadcrumbItemClasses = 'border-b border-transparent';
12
+ const breadcrumbLinkItemClasses = `${breadcrumbItemClasses} transition-colors duration-300 ease-in-out hover:border-draeger-white focus:border-draeger-white focus:outline-none`;
13
+ export const BreadcrumbItem = ({ className, children, href, LinkComponent = 'a', ...props }) => {
10
14
  if (!children)
11
- return;
12
- const LinkComp = LinkComponent || 'a';
13
- return (_jsx(LinkComp, { className: cn(href &&
14
- 'border-b border-transparent transition-colors duration-300 ease-in-out hover:border-draeger-white', className), href: href, ...props, children: children }));
15
+ return null;
16
+ const LinkComp = href ? LinkComponent : 'span';
17
+ return (_jsx(LinkComp, { className: cn(breadcrumbItemClasses, href && breadcrumbLinkItemClasses, className), href: href, ...props, children: children }));
18
+ };
19
+ const BASE_PADDING = 24;
20
+ const AVAILABLE_WIDTH_PERCENTAGE = 0.75;
21
+ const useBreadcrumbs = () => {
22
+ const [isTruncated, setIsTruncated] = React.useState(false);
23
+ const [isManuallyExpanded, setIsManuallyExpanded] = React.useState(false);
24
+ const fullWidthRef = React.useRef(null);
25
+ const containerRef = React.useRef(null);
26
+ const [breadcrumbsWidth, setBreadcrumbsWidth] = React.useState(0);
27
+ // Helper: Calculate total width of all children
28
+ const calcBreadcrumbsWidth = React.useCallback(() => {
29
+ const children = containerRef.current?.children;
30
+ if (!children)
31
+ return 0;
32
+ return Array.from(children).reduce((sum, el) => sum + Math.ceil(el.getBoundingClientRect().width), BASE_PADDING);
33
+ }, []);
34
+ const updateBreadcrumbsWidth = React.useCallback(() => {
35
+ setBreadcrumbsWidth(calcBreadcrumbsWidth());
36
+ }, []);
37
+ // Update breadcrumbs width state on mount and when children change
38
+ React.useEffect(() => {
39
+ if (!containerRef.current)
40
+ return;
41
+ updateBreadcrumbsWidth();
42
+ const resizeObserver = new MutationObserver(updateBreadcrumbsWidth);
43
+ resizeObserver.observe(containerRef.current, {
44
+ childList: true,
45
+ subtree: false,
46
+ });
47
+ return () => resizeObserver.disconnect();
48
+ }, []);
49
+ // Main handler for width calculation and truncation
50
+ const calculateTruncation = React.useCallback(() => {
51
+ const container = containerRef.current;
52
+ const fullWidthElement = fullWidthRef.current;
53
+ if (!container || !fullWidthElement)
54
+ return;
55
+ const totalWidth = breadcrumbsWidth;
56
+ const maxAvailableWidth = Math.ceil(fullWidthElement.getBoundingClientRect().width *
57
+ AVAILABLE_WIDTH_PERCENTAGE);
58
+ const isOverflowing = totalWidth > maxAvailableWidth;
59
+ // Only truncate if not manually expanded
60
+ if (isOverflowing && !isManuallyExpanded) {
61
+ setIsTruncated(true);
62
+ }
63
+ else if (!isOverflowing) {
64
+ // If not overflowing, we can safely reset manual expansion
65
+ setIsTruncated(false);
66
+ setIsManuallyExpanded(false);
67
+ // Hide expand button immediately when there's no overflow
68
+ }
69
+ // If overflowing but manually expanded, do nothing
70
+ }, [isManuallyExpanded, breadcrumbsWidth]);
71
+ // Expand breadcrumbs manually
72
+ const expandBreadcrumbs = React.useCallback(() => {
73
+ setIsManuallyExpanded(true);
74
+ }, []);
75
+ // Reset to truncated state
76
+ const resetToTruncated = React.useCallback(() => {
77
+ setIsManuallyExpanded(false);
78
+ }, [calculateTruncation]);
79
+ React.useLayoutEffect(() => {
80
+ const fullWidthElement = fullWidthRef.current;
81
+ if (!fullWidthElement)
82
+ return;
83
+ calculateTruncation();
84
+ const widthObserver = new ResizeObserver(calculateTruncation);
85
+ widthObserver.observe(fullWidthElement);
86
+ return () => widthObserver.disconnect();
87
+ }, [calculateTruncation]);
88
+ // Set up scroll and click outside listeners when expanded manually
89
+ React.useEffect(() => {
90
+ if (isManuallyExpanded) {
91
+ const container = containerRef.current;
92
+ if (!container)
93
+ return;
94
+ const outsideClickHandler = (e) => {
95
+ if (e.target instanceof HTMLElement && !container.contains(e.target)) {
96
+ resetToTruncated();
97
+ }
98
+ };
99
+ window.addEventListener('scroll', resetToTruncated);
100
+ window.addEventListener('click', outsideClickHandler);
101
+ return () => {
102
+ window.removeEventListener('scroll', resetToTruncated);
103
+ window.removeEventListener('click', outsideClickHandler);
104
+ };
105
+ }
106
+ }, [resetToTruncated, isManuallyExpanded]);
107
+ return {
108
+ fullWidthRef,
109
+ containerRef,
110
+ isTruncated,
111
+ isManuallyExpanded,
112
+ expandBreadcrumbs,
113
+ };
15
114
  };
16
115
  const Breadcrumbs = ({ children, className, ...props }) => {
116
+ const { fullWidthRef, containerRef, isTruncated, isManuallyExpanded, expandBreadcrumbs, } = useBreadcrumbs();
17
117
  const allItems = React.Children.toArray(children);
18
118
  if (allItems.length === 0) {
19
119
  return null;
20
120
  }
21
- const itemsWithSeparators = allItems.slice(0, -1).map((item, index) => {
22
- return (_jsxs("li", { className: cn(breadcrumbClasses), children: [item, _jsx(IconCoreChevronRight, { "aria-hidden": true }, `separator-${index}`)] }, `item-${index}`));
121
+ const middleItemsHidden = isTruncated && !isManuallyExpanded;
122
+ const hasNoMiddleItems = allItems.length < 3;
123
+ const itemsWithSeparators = [];
124
+ allItems.slice(0, -1).forEach((item, index) => {
125
+ itemsWithSeparators.push(_jsxs("li", { className: cn(breadcrumbClasses, index > 0 && middleItemsHidden && 'hidden'), children: [item, _jsx(IconCoreChevronRight, { className: "text-[1.125rem]", "aria-hidden": true })] }, `breadcrumb-item-${index}`));
23
126
  });
24
- itemsWithSeparators.push(_jsx("li", { "aria-current": "page", className: cn(breadcrumbClasses, 'font-text font-semibold self-baseline'), children: allItems[allItems.length - 1] }, `item-${allItems.length - 1}`));
25
- return (_jsx("nav", { className: cn(breadcrumbsWrapperClasses, className), "aria-label": "Breadcrumbs", ...props, children: _jsx("ol", { className: "flex flex-wrap items-center", children: itemsWithSeparators }) }));
127
+ itemsWithSeparators.push(_jsxs(React.Fragment, { children: [_jsxs("li", { className: cn(breadcrumbClasses, !middleItemsHidden && 'hidden'), children: [_jsx("button", { onClick: expandBreadcrumbs, "aria-label": "Expand breadcrumbs", className: cn(breadcrumbItemClasses), children: _jsx("span", { children: "..." }) }), _jsx(IconCoreChevronRight, { className: "text-[1.125rem]", "aria-hidden": true })] }), _jsx("li", { "aria-current": "page", className: cn(breadcrumbClasses, 'font-semibold', hasNoMiddleItems && middleItemsHidden && 'hidden'), children: allItems[allItems.length - 1] })] }, `breadcrumb-item-${allItems.length - 1}`));
128
+ return (_jsxs(_Fragment, { children: [_jsx("div", { ref: fullWidthRef, className: "invisible h-0" }), _jsx("nav", { className: cn(breadcrumbsWrapperClasses, className), "aria-label": "Breadcrumbs", ...props, children: _jsx(BodyText, { asChild: true, variant: 'extraSmall', textColor: 'white', children: _jsx("ol", { ref: containerRef, className: cn('flex flex-wrap items-center w-full'), children: itemsWithSeparators }) }) })] }));
26
129
  };
27
- const BreadcrumbSection = ({ children, className, }) => (_jsx(Container, { className: cn('absolute left-0 w-full top-full', className), paddingTop: 'none', paddingBottom: 'none', children: _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: children }) }) }));
130
+ const BreadcrumbSection = ({ children, className, }) => (_jsx(Container, { className: cn('absolute left-0 top-full w-full', className), paddingTop: 'none', paddingBottom: 'none', children: _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: children }) }) }));
28
131
  export { BreadcrumbSection, Breadcrumbs };
29
132
  //# sourceMappingURL=Breadcrumbs.js.map
package/dist/components/navigation/breadcrumbs/Breadcrumbs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,SAAS,EAAE,2BAA2B,EAAC,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,YAAY,CAAC;AAiBhD,MAAM,yBAAyB,GAC7B,yGAAyG,CAAC;AAC5G,MAAM,iBAAiB,GAAG,0BAA0B,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,QAAQ;QAAE,OAAO;IACtB,MAAM,QAAQ,GAAG,aAAa,IAAI,GAAG,CAAC;IAEtC,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CACX,IAAI;YACF,mGAAmG,EACrG,SAAS,CACV,EACD,IAAI,EAAE,IAAI,KACN,KAAK,YAER,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAElD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,mBAAmB,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACpE,OAAO,CACL,cAA0B,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,aACvD,IAAI,EACL,KAAC,oBAAoB,2BAAM,aAAa,KAAK,EAAE,CAAgB,KAFxD,QAAQ,KAAK,EAAE,CAGnB,CACN,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,mBAAmB,CAAC,IAAI,CACtB,6BAEe,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,uCAAuC,CAAC,YAExE,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,IAJzB,QAAQ,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAK/B,CACN,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,gBACxC,aAAa,KACpB,KAAK,YAET,aAAI,SAAS,EAAC,6BAA6B,YAAE,mBAAmB,GAAM,GAClE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAsC,CAAC,EAC5D,QAAQ,EACR,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,KAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,EAC3D,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,MAAM,YAErB,KAAC,SAAS,IAAC,aAAa,EAAE,MAAM,YAC9B,KAAC,2BAA2B,IAAC,aAAa,EAAE,MAAM,YAC/C,QAAQ,GACmB,GACpB,GACF,CACb,CAAC;AAEF,OAAO,EAAC,iBAAiB,EAAE,WAAW,EAAC,CAAC"}
1
+ {"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"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"}
package/dist/components/typography/bodyText/BodyText.d.ts CHANGED
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { type VariantProps } from 'class-variance-authority';
3
3
  declare const bodyTextVariants: (props?: ({
4
4
  textColor?: "invert" | "inherit" | "primary" | "accent" | "disabled" | "none" | "white" | "paleBlue" | null | undefined;
5
- variant?: "small" | "inherit" | "medium" | "large" | null | undefined;
5
+ variant?: "small" | "inherit" | "extraSmall" | "medium" | "large" | null | undefined;
6
6
  weight?: "bold" | "normal" | "medium" | null | undefined;
7
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  export interface BodyTextProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof bodyTextVariants> {
package/dist/components/typography/bodyText/BodyText.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,QAAA,MAAM,gBAAgB;;;;8EA6BpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAC"}
1
+ {"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,QAAA,MAAM,gBAAgB;;;;8EA8BpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAC"}
package/dist/components/typography/bodyText/BodyText.js CHANGED
@@ -15,6 +15,7 @@ const bodyTextVariants = cva('font-text', {
15
15
  none: '',
16
16
  },
17
17
  variant: {
18
+ extraSmall: 'text-[0.875rem] leading-[1.36] tracking-[0.01313rem]',
18
19
  small: 'text-[1rem] leading-[1.36] tracking-[0.015rem]',
19
20
  medium: 'text-[1.125rem] leading-[1.36]',
20
21
  large: 'text-[1.125rem] leading-[1.36] lg:text-[1.25rem]',
package/dist/components/typography/bodyText/BodyText.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,mBAAmB;YAC5B,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,IAAI,EAAE,EAAE;SACT;QACD,OAAO,EAAE;YACP,KAAK,EAAE,gDAAgD;YACvD,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,kDAAkD;YACzD,OAAO,EAAE,cAAc;SACxB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,QAAQ,IAAI,CACV,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC,EACzD,aAAa,CACd,KACG,KAAK,YAER,QAAQ,GACJ,CACR,CACF,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,mBAAmB;YAC5B,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,IAAI,EAAE,EAAE;SACT;QACD,OAAO,EAAE;YACP,UAAU,EAAE,sDAAsD;YAClE,KAAK,EAAE,gDAAgD;YACvD,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,kDAAkD;YACzD,OAAO,EAAE,cAAc;SACxB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,QAAQ,IAAI,CACV,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC,EACzD,aAAa,CACd,KACG,KAAK,YAER,QAAQ,GACJ,CACR,CACF,CAAC;AACJ,CAAC,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.1.81",
4
+ "version": "1.1.82",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "description": "ODX React component library for websites",
7
7
  "type": "module",
@@ -528,9 +528,9 @@
528
528
  "ts-node": "^10.9.2",
529
529
  "typescript": "^5.4.5",
530
530
  "vitest": "^3.1.0-beta.1",
531
- "@odx/websites-tsconfig": "0.0.0",
532
531
  "@odx/eslint-config-websites": "0.0.1",
533
- "@odx/websites-ui": "0.2.32"
532
+ "@odx/websites-ui": "0.2.32",
533
+ "@odx/websites-tsconfig": "0.0.0"
534
534
  },
535
535
  "peerDependencies": {
536
536
  "@odx/websites-ui": ">=0.2.1",