@npm_leadtech/legal-lib-components 7.53.2 → 7.53.4

package/dist/src/components/atoms/CardPane/CardPane.styled.js

@@ -93,12 +93,10 @@ export const CardPaneStyled = styled.div `
 
       &--active {
         color: var(--primary-main);
-        font-weight: 700;
       }
 
       &--inactive {
         color: var(--error-main);
-        font-weight: 700;
       }
     }
 
@@ -108,10 +106,16 @@ export const CardPaneStyled = styled.div `
   }
   .marker {
     display: inline-block;
-    margin-left: 0px;
+    margin-left: -10px;
+    @-moz-document url-prefix() {
+      margin-left: 0px;
+    }
+    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+      margin-left: 0px;
+    }
   }
   .position {
-    margin-left: 0px;
+    margin-left: 2px;
     @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
       margin-left: 15px;
     }

package/dist/src/components/atoms/CardPane/CardPane.styled.ts

@@ -94,12 +94,10 @@ export const CardPaneStyled = styled.div`
 
       &--active {
         color: var(--primary-main);
-        font-weight: 700;
       }
 
       &--inactive {
         color: var(--error-main);
-        font-weight: 700;
       }
     }
 
@@ -109,10 +107,16 @@ export const CardPaneStyled = styled.div`
   }
   .marker {
     display: inline-block;
-    margin-left: 0px;
+    margin-left: -10px;
+    @-moz-document url-prefix() {
+      margin-left: 0px;
+    }
+    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+      margin-left: 0px;
+    }
   }
   .position {
-    margin-left: 0px;
+    margin-left: 2px;
     @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
       margin-left: 15px;
     }

package/dist/src/components/atoms/CardPane/CardPaneInfo.js

@@ -9,7 +9,7 @@ const CardPaneInfo = ({ dataQA, description, subdescription, id, title, handleCl
         else if (description === 'Inactive') {
             descriptionClass = 'pane--description--inactive';
         }
-        return (_jsxs("div", { className: 'pane-wrapper', children: [paneTitle, _jsx("div", { "data-testid": 'description-div', className: descriptionClass, children: _jsx("div", { className: 'position', children: _jsx("div", { className: 'marker', children: description }) }) })] }, id));
+        return (_jsxs("div", { className: 'pane-wrapper', children: [paneTitle, _jsx("div", { "data-testid": 'description-div', className: descriptionClass, children: _jsx("li", { className: 'position', children: _jsx("div", { className: 'marker', children: description }) }) })] }, id));
     }
     return (_jsxs("div", { className: 'pane-wrapper', children: [paneTitle, _jsxs("div", { className: 'pane--description', children: [description, subdescription !== undefined && _jsx("span", { className: 'pane--description--subdescription', children: subdescription })] })] }, id));
 };

package/dist/src/components/atoms/CardPane/CardPaneInfo.tsx

@@ -25,9 +25,9 @@ const CardPaneInfo: FC<CardPaneInfoProps> = ({ dataQA, description, subdescripti
       <div key={id} className='pane-wrapper'>
         {paneTitle}
         <div data-testid='description-div' className={descriptionClass}>
-          <div className='position'>
+          <li className='position'>
             <div className='marker'>{description}</div>
-          </div>
+          </li>
         </div>
       </div>
     )

package/dist/src/components/atoms/JumbotronStatic/JumbotronStatic.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { JumbotronStaticStyled } from './JumbotronStatic.styled';
-export const JumbotronStatic = ({ title }) => {
-    return (_jsx(JumbotronStaticStyled, { className: 'jumbotron--static', children: _jsx("h1", { className: 'serif --super-hero', children: title }) }));
+export const JumbotronStatic = ({ title, locale }) => {
+    const shorterTitle = locale?.includes('DE') ? 'shorter-text' : '';
+    return (_jsx(JumbotronStaticStyled, { className: 'jumbotron--static', children: _jsx("h1", { className: `${shorterTitle} serif --super-hero`, children: title }) }));
 };

package/dist/src/components/atoms/JumbotronStatic/JumbotronStatic.styled.js

@@ -4,4 +4,10 @@ export const JumbotronStaticStyled = styled.section `
   margin: 0 auto;
   background-color: var(--primary-main-light-6);
   padding: 2.5rem 1rem 4rem;
+
+  .shorter-text.serif {
+    &.--super-hero {
+      font-size: 1.75rem;
+    }
+  }
 `;

package/dist/src/components/atoms/JumbotronStatic/JumbotronStatic.styled.ts

@@ -5,4 +5,10 @@ export const JumbotronStaticStyled = styled.section`
   margin: 0 auto;
   background-color: var(--primary-main-light-6);
   padding: 2.5rem 1rem 4rem;
+
+  .shorter-text.serif {
+    &.--super-hero {
+      font-size: 1.75rem;
+    }
+  }
 `

package/dist/src/components/atoms/JumbotronStatic/JumbotronStatic.tsx

@@ -3,10 +3,12 @@ import React, { type FC } from 'react'
 import { type JumbotronStaticProps } from './JumbotronStaticProps.types'
 import { JumbotronStaticStyled } from './JumbotronStatic.styled'
 
-export const JumbotronStatic: FC<JumbotronStaticProps> = ({ title }) => {
+export const JumbotronStatic: FC<JumbotronStaticProps> = ({ title, locale }) => {
+  const shorterTitle = locale?.includes('DE') ? 'shorter-text' : ''
+
   return (
     <JumbotronStaticStyled className={'jumbotron--static'}>
-      <h1 className='serif --super-hero'>{title}</h1>
+      <h1 className={`${shorterTitle} serif --super-hero`}>{title}</h1>
     </JumbotronStaticStyled>
   )
 }

package/dist/src/components/atoms/JumbotronStatic/JumbotronStaticProps.types.d.ts

@@ -1,3 +1,4 @@
 export interface JumbotronStaticProps {
     title: string;
+    locale?: string;
 }

package/dist/src/components/atoms/JumbotronStatic/JumbotronStaticProps.types.ts

@@ -1,3 +1,4 @@
 export interface JumbotronStaticProps {
   title: string
+  locale?: string
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "7.53.2",
+  "version": "7.53.4",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",