@npm_leadtech/legal-lib-components 2.8.0 → 2.9.0

package/dist/esm/legal-lib-components.css

@@ -2470,6 +2470,26 @@
     .top-bar-mobile > b img {
       margin-right: 8px; }
 
+.wide-info-bar {
+  background-color: #EFF7F5;
+  font-family: "Inter", sans-serif;
+  color: #02374A; }
+  .wide-info-bar__wrapper {
+    display: flex;
+    flex-flow: column nowrap;
+    justify-content: space-between;
+    max-width: 1200px;
+    margin: auto;
+    padding: 0.5rem 3.5rem 0.5rem 1.5rem; }
+    @media (min-width: 720px) {
+      .wide-info-bar__wrapper {
+        flex-flow: row;
+        font-size: 0.9rem;
+        padding: 1rem 1.5rem; } }
+    @media (min-width: 1200px) {
+      .wide-info-bar__wrapper {
+        padding: 0.5rem 2rem; } }
+
 .article {
   display: flex;
   flex-flow: row wrap;
@@ -2771,8 +2791,11 @@
   align-items: center;
   text-align: center; }
   .feedback__main {
-    padding: 3rem 0 4rem;
+    padding: 2rem 0 2rem;
     max-width: 25em; }
+    @media (min-width: 575px) {
+      .feedback__main {
+        padding: 3rem 0 4rem; } }
   .feedback--large {
     flex-direction: column;
     height: 100%; }
@@ -2811,7 +2834,7 @@
   .feedback__image_img {
     margin: 0 auto;
     margin-bottom: 2rem;
-    width: 11rem; }
+    width: 8rem; }
     @media (min-width: 575px) {
       .feedback__image_img {
         width: 13rem; } }

package/dist/esm/src/components/atoms/WideInfoBar/WideInfoBar.d.ts

@@ -0,0 +1,7 @@
+import React, { type FC } from 'react';
+import './WideInfoBar.scss';
+interface WideInfoBarProps {
+    children?: React.ReactElement<any>;
+}
+declare const WideInfoBar: FC<WideInfoBarProps>;
+export default WideInfoBar;

package/dist/esm/src/components/atoms/WideInfoBar/__stories__/WideInfoBar.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import WideInfoBar from '../WideInfoBar';
+declare const meta: Meta<typeof WideInfoBar>;
+export default meta;
+type Story = StoryObj<typeof WideInfoBar>;
+export declare const Default: Story;

package/dist/esm/src/components/atoms/WideInfoBar/__tests__/WideInfoBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/atoms/WideInfoBar/index.d.ts

@@ -0,0 +1 @@
+export { default as WideInfoBar } from './WideInfoBar';

package/dist/esm/src/components/atoms/index.d.ts

@@ -32,3 +32,4 @@ export * from './Tooltip';
 export * from './TopBar';
 export * from './BottomOverlayMenu';
 export * from './TopBarMobile';
+export * from './WideInfoBar';

package/dist/index.d.ts

@@ -394,6 +394,11 @@ interface TopBarMobileProps {
 }
 declare const TopBarMobile: React$1.FC<TopBarMobileProps>;
 
+interface WideInfoBarProps {
+    children?: React$1.ReactElement<any>;
+}
+declare const WideInfoBar: FC<WideInfoBarProps>;
+
 interface ArticleProps {
     imageUrl: string;
     title: string;
@@ -719,4 +724,4 @@ declare function useIntersectionObserver({ options, defaultIntersecting }: {
     defaultIntersecting?: boolean | undefined;
 }): [RefObject<HTMLDivElement | HTMLHeadElement>, boolean];
 
-export { AboutUsContent, AboutUsContentProps, AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, AsSeeInContent, AsSeeInContentProps, AsSeeInSection, AsSeeInSectionProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, ImageStructure, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarMobile, TopBarProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, useIntersectionObserver };
+export { AboutUsContent, AboutUsContentProps, AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, AsSeeInContent, AsSeeInContentProps, AsSeeInSection, AsSeeInSectionProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, ImageStructure, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarMobile, TopBarProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, WideInfoBar, useIntersectionObserver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "2.8.0",
+  "version": "2.9.0",
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@tippyjs/react": "4.2.6",