@npm_leadtech/legal-lib-components 7.53.4 → 7.54.0

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

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

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

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

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

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { JumbotronStaticStyled } from './JumbotronStatic.styled';
-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 }) }));
+export const JumbotronStatic = ({ title }) => {
+    return (_jsx(JumbotronStaticStyled, { className: 'jumbotron--static', children: _jsx("h1", { className: 'serif --super-hero', children: title }) }));
 };

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

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

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

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

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

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

package/package.json

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