@npm_leadtech/legal-lib-components 2.8.1 → 2.9.1

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: #F8F9FA;
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;
@@ -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';