@npm_leadtech/legal-lib-components 2.8.0 → 2.9.0

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.
@@ -2470,6 +2470,26 @@
2470
2470
  .top-bar-mobile > b img {
2471
2471
  margin-right: 8px; }
2472
2472
 
2473
+ .wide-info-bar {
2474
+ background-color: #EFF7F5;
2475
+ font-family: "Inter", sans-serif;
2476
+ color: #02374A; }
2477
+ .wide-info-bar__wrapper {
2478
+ display: flex;
2479
+ flex-flow: column nowrap;
2480
+ justify-content: space-between;
2481
+ max-width: 1200px;
2482
+ margin: auto;
2483
+ padding: 0.5rem 3.5rem 0.5rem 1.5rem; }
2484
+ @media (min-width: 720px) {
2485
+ .wide-info-bar__wrapper {
2486
+ flex-flow: row;
2487
+ font-size: 0.9rem;
2488
+ padding: 1rem 1.5rem; } }
2489
+ @media (min-width: 1200px) {
2490
+ .wide-info-bar__wrapper {
2491
+ padding: 0.5rem 2rem; } }
2492
+
2473
2493
  .article {
2474
2494
  display: flex;
2475
2495
  flex-flow: row wrap;
@@ -2771,8 +2791,11 @@
2771
2791
  align-items: center;
2772
2792
  text-align: center; }
2773
2793
  .feedback__main {
2774
- padding: 3rem 0 4rem;
2794
+ padding: 2rem 0 2rem;
2775
2795
  max-width: 25em; }
2796
+ @media (min-width: 575px) {
2797
+ .feedback__main {
2798
+ padding: 3rem 0 4rem; } }
2776
2799
  .feedback--large {
2777
2800
  flex-direction: column;
2778
2801
  height: 100%; }
@@ -2811,7 +2834,7 @@
2811
2834
  .feedback__image_img {
2812
2835
  margin: 0 auto;
2813
2836
  margin-bottom: 2rem;
2814
- width: 11rem; }
2837
+ width: 8rem; }
2815
2838
  @media (min-width: 575px) {
2816
2839
  .feedback__image_img {
2817
2840
  width: 13rem; } }
@@ -0,0 +1,7 @@
1
+ import React, { type FC } from 'react';
2
+ import './WideInfoBar.scss';
3
+ interface WideInfoBarProps {
4
+ children?: React.ReactElement<any>;
5
+ }
6
+ declare const WideInfoBar: FC<WideInfoBarProps>;
7
+ export default WideInfoBar;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import WideInfoBar from '../WideInfoBar';
3
+ declare const meta: Meta<typeof WideInfoBar>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof WideInfoBar>;
6
+ export declare const Default: Story;
@@ -0,0 +1 @@
1
+ export { default as WideInfoBar } from './WideInfoBar';
@@ -32,3 +32,4 @@ export * from './Tooltip';
32
32
  export * from './TopBar';
33
33
  export * from './BottomOverlayMenu';
34
34
  export * from './TopBarMobile';
35
+ export * from './WideInfoBar';