@odx/websites-react 1.1.91 → 1.1.92

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,5 +1,8 @@
1
1
  import * as React from 'react';
2
- export interface SectionWrapperProps extends React.HTMLAttributes<HTMLElement> {
2
+ type DataAttributes = {
3
+ [K in `data-${string}`]?: string;
4
+ };
5
+ export interface SectionWrapperProps extends React.HTMLAttributes<HTMLElement>, DataAttributes {
3
6
  anchor?: string;
4
7
  background?: 'white' | 'sand' | 'paleBlue';
5
8
  }
@@ -1 +1 @@
1
- {"version":3,"file":"SectionWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/SectionWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;CAC5C;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
1
+ {"version":3,"file":"SectionWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/SectionWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,cAAc,GAAG;KACnB,CAAC,IAAI,QAAQ,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM;CACjC,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,cAAc;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;CAC5C;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SectionWrapper.js","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/SectionWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAOlC,MAAM,cAAc,GAAkC,CAAC,EACrD,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,QAAQ,IAAI,CACV,qBACM,KAAK,wBACW,UAAU,qBACb,MAAM,EACvB,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,SAAS,CACV,YAEA,QAAQ,GACD,CACX,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
1
+ {"version":3,"file":"SectionWrapper.js","sourceRoot":"","sources":["../../../../src/components/layout/sectionWrapper/SectionWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAalC,MAAM,cAAc,GAAkC,CAAC,EACrD,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,QAAQ,IAAI,CACV,qBACM,KAAK,wBACW,UAAU,qBACb,MAAM,EACvB,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,SAAS,CACV,YAEA,QAAQ,GACD,CACX,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
@@ -9,9 +9,10 @@ export interface HeadlineProps extends React.HTMLAttributes<HTMLHeadingElement>,
9
9
  headingLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
10
10
  actAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
11
11
  underlined?: boolean;
12
- children?: React.ReactNode;
12
+ children?: React.ReactNode | string;
13
13
  spacingBottom?: boolean;
14
14
  tooltip?: React.ReactNode;
15
+ noBreakWords?: string[];
15
16
  }
16
17
  export declare const Headline: React.FC<HeadlineProps>;
17
18
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/headline/Headline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAG3D,QAAA,MAAM,gBAAgB;;;;8EA8BpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC9C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,YAAY,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtD,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyC5C,CAAC"}
1
+ {"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/headline/Headline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAG3D,QAAA,MAAM,gBAAgB;;;;8EA8BpB,CAAC;AAcH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC9C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,YAAY,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtD,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4C5C,CAAC"}
@@ -1,4 +1,4 @@
1
- import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { cva } from 'class-variance-authority';
3
3
  import { cn } from '../../../utils';
4
4
  const headlineVariants = cva('font-medium hyphens-auto', {
@@ -32,13 +32,24 @@ const headlineVariants = cva('font-medium hyphens-auto', {
32
32
  textColor: 'darkBlue',
33
33
  },
34
34
  });
35
- export const Headline = ({ headingLevel, className, textColor, actAs, underlined, children, spacingBottom = true, tooltip, ...props }) => {
35
+ const addNoBreakSpansToString = (text, noBreakWords = []) => {
36
+ let result = text;
37
+ noBreakWords.concat(['Dräger', 'Draeger']).forEach(word => {
38
+ result = result.replace(new RegExp(`(${word})`, 'gi'), '<span class="whitespace-nowrap">$1</span>');
39
+ });
40
+ if (result === text)
41
+ return text;
42
+ return _jsx("span", { dangerouslySetInnerHTML: { __html: result } });
43
+ };
44
+ export const Headline = ({ headingLevel, className, textColor, actAs, underlined, children, spacingBottom = true, tooltip, noBreakWords, ...props }) => {
36
45
  const Element = actAs !== undefined ? actAs : headingLevel;
37
46
  return (children && (_jsxs(Element, { className: cn(headlineVariants({
38
47
  textColor,
39
48
  headingLevel,
40
49
  paddingBottom: spacingBottom ? headingLevel : undefined,
41
50
  className,
42
- })), ...props, children: [children, tooltip && _jsxs(_Fragment, { children: ["\u00A0", tooltip] }), underlined && (_jsx("span", { className: cn(textColor, 'block text-[2.125rem] leading-[0.85rem] md:text-[2.5rem] md:leading-[1rem] lg:text-[3rem] lg:leading-[1.5rem] xl:text-6xl xl:text-[3.375rem] xl:leading-[1.6875rem]'), children: "\u2014" }))] })));
51
+ })), ...props, children: [typeof children === 'string'
52
+ ? addNoBreakSpansToString(children, noBreakWords)
53
+ : children, tooltip && _jsxs(_Fragment, { children: ["\u00A0", tooltip] }), underlined && (_jsx("span", { className: cn(textColor, 'block text-[2.125rem] leading-[0.85rem] md:text-[2.5rem] md:leading-[1rem] lg:text-[3rem] lg:leading-[1.5rem] xl:text-6xl xl:text-[3.375rem] xl:leading-[1.6875rem]'), children: "\u2014" }))] })));
43
54
  };
44
55
  //# sourceMappingURL=Headline.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../../src/components/typography/headline/Headline.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,gBAAgB,GAAG,GAAG,CAAC,0BAA0B,EAAE;IACvD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,4BAA4B;YACtC,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,2BAA2B;SACrC;QACD,YAAY,EAAE;YACZ,EAAE,EAAE,qHAAqH;YACzH,EAAE,EAAE,mHAAmH;YACvH,EAAE,EAAE,8DAA8D;YAClE,EAAE,EAAE,2CAA2C;YAC/C,EAAE,EAAE,uDAAuD;YAC3D,EAAE,EAAE,wDAAwD;SAC7D;QACD,aAAa,EAAE;YACb,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,cAAc;YAClB,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,EAAE;SACP;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAaH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,YAAY,EACZ,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC;IAE3D,OAAO,CACL,QAAQ,IAAI,CACV,MAAC,OAAO,IACN,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC;YACf,SAAS;YACT,YAAY;YACZ,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;YACvD,SAAS;SACV,CAAC,CACH,KACG,KAAK,aAER,QAAQ,EACR,OAAO,IAAI,wCAAS,OAAO,IAAI,EAC/B,UAAU,IAAI,CACb,eACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,qKAAqK,CACtK,uBAGI,CACR,IACO,CACX,CACF,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../../src/components/typography/headline/Headline.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,gBAAgB,GAAG,GAAG,CAAC,0BAA0B,EAAE;IACvD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,4BAA4B;YACtC,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,2BAA2B;SACrC;QACD,YAAY,EAAE;YACZ,EAAE,EAAE,qHAAqH;YACzH,EAAE,EAAE,mHAAmH;YACvH,EAAE,EAAE,8DAA8D;YAClE,EAAE,EAAE,2CAA2C;YAC/C,EAAE,EAAE,uDAAuD;YAC3D,EAAE,EAAE,wDAAwD;SAC7D;QACD,aAAa,EAAE;YACb,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,cAAc;YAClB,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,EAAE;SACP;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,CAAC,IAAY,EAAE,eAAyB,EAAE,EAAE,EAAE;IAC5E,IAAI,MAAM,GAAG,IAAI,CAAC;IAClB,YAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACxD,MAAM,GAAG,MAAM,CAAC,OAAO,CACrB,IAAI,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,IAAI,CAAC,EAC7B,2CAA2C,CAC5C,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,eAAM,uBAAuB,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,GAAI,CAAC;AAC7D,CAAC,CAAC;AAcF,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,YAAY,EACZ,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,OAAO,EACP,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC;IAE3D,OAAO,CACL,QAAQ,IAAI,CACV,MAAC,OAAO,IACN,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC;YACf,SAAS;YACT,YAAY;YACZ,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;YACvD,SAAS;SACV,CAAC,CACH,KACG,KAAK,aAER,OAAO,QAAQ,KAAK,QAAQ;gBAC3B,CAAC,CAAC,uBAAuB,CAAC,QAAQ,EAAE,YAAY,CAAC;gBACjD,CAAC,CAAC,QAAQ,EACX,OAAO,IAAI,wCAAS,OAAO,IAAI,EAC/B,UAAU,IAAI,CACb,eACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,qKAAqK,CACtK,uBAGI,CACR,IACO,CACX,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.91",
4
+ "version": "1.1.92",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "description": "ODX React component library for websites",
7
7
  "type": "module",