@npm_leadtech/legal-lib-components 2.6.9 → 2.8.0

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

@@ -2390,6 +2390,9 @@
   @media (min-width: 720px) {
     .top-bar-wrapper {
       display: block; } }
+  @media (max-width: 575px) {
+    .top-bar-wrapper {
+      display: block; } }
   .top-bar-wrapper .top-bar {
     display: flex;
     background-color: #F8F9FA;
@@ -2400,10 +2403,19 @@
     justify-content: center;
     align-items: flex-end;
     border: 1px solid #DBE1E5; }
+    @media (max-width: 575px) {
+      .top-bar-wrapper .top-bar {
+        align-items: center; } }
     .top-bar-wrapper .top-bar-content {
       margin: 0 1rem 5px; }
-      .top-bar-wrapper .top-bar-content svg {
+      @media (max-width: 575px) {
+        .top-bar-wrapper .top-bar-content {
+          margin: 0; } }
+      .top-bar-wrapper .top-bar-content svg, .top-bar-wrapper .top-bar-content img {
         vertical-align: middle; }
+      .top-bar-wrapper .top-bar-content img {
+        margin-right: 8px;
+        display: inherit; }
 
 .bottom-overlay-menu {
   display: flex;
@@ -2426,6 +2438,38 @@
   .bottom-overlay-menu ul li {
     margin-bottom: 0; }
 
+.top-bar-mobile {
+  background-color: #F3F7FA;
+  display: flex;
+  padding: 8px 16px;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: 4px;
+  box-shadow: 0px 2px 6px 0px rgba(2, 55, 74, 0.25);
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.3px;
+  position: fixed;
+  top: 8px;
+  left: 8px;
+  right: 8px; }
+  .top-bar-mobile.fade-In {
+    visibility: visible;
+    opacity: 1;
+    transition: visibility 0s linear 0s, opacity 300ms; }
+  .top-bar-mobile.fade-Out {
+    visibility: hidden;
+    opacity: 0;
+    transition: visibility 0s linear 300ms, opacity 300ms; }
+  .top-bar-mobile > b {
+    display: flex;
+    justify-content: center;
+    align-items: center; }
+    .top-bar-mobile > b a {
+      display: contents; }
+    .top-bar-mobile > b img {
+      margin-right: 8px; }
+
 .article {
   display: flex;
   flex-flow: row wrap;
@@ -3473,9 +3517,8 @@
     font-size: 16px;
     line-height: 22px; }
     .guidelines-section__texts__body a {
-      color: #078080; }
-    .guidelines-section__texts__body #faqs-page {
-      font-weight: 400; }
+      color: #078080;
+      font-weight: 400 !important; }
 
 .guidelines-section__image {
   flex-basis: 50%;

package/dist/cjs/src/components/atoms/TopBarMobile/TopBarMobile.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './TopBarMobile.scss';
+interface TopBarMobileProps {
+    children: React.ReactNode;
+    isVisible: boolean;
+}
+export declare const TopBarMobile: React.FC<TopBarMobileProps>;
+export {};

package/dist/cjs/src/components/atoms/TopBarMobile/__stories__/TopBarMobile.stories.d.ts

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

package/dist/cjs/src/components/atoms/TopBarMobile/index.d.ts

@@ -0,0 +1 @@
+export { TopBarMobile } from './TopBarMobile';

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

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

package/dist/cjs/src/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useIntersectionObserver } from './useIntersectionObserver';

package/dist/cjs/src/hooks/useIntersectionObserver.d.ts

@@ -1,2 +1,5 @@
 import { type RefObject } from 'react';
-export declare function useIntersectionObserver(options?: {}): [RefObject<HTMLDivElement>, boolean];
+export declare function useIntersectionObserver({ options, defaultIntersecting }: {
+    options?: {} | undefined;
+    defaultIntersecting?: boolean | undefined;
+}): [RefObject<HTMLDivElement | HTMLHeadElement>, boolean];

package/dist/cjs/src/index.d.ts

@@ -2,3 +2,4 @@ export * from './components/atoms';
 export * from './components/molecules';
 export * from './components/organisms';
 export * from './components/sections';
+export * from './hooks';

package/dist/esm/images/componentsSvg/PhoneIcon24px.d.ts

@@ -1,6 +1,8 @@
 import { type FC } from 'react';
 interface PhoneIcon24pxProps {
     className?: string;
+    width?: string;
+    height?: string;
 }
 export declare const PhoneIcon24px: FC<PhoneIcon24pxProps>;
 export {};