@npm_leadtech/legal-lib-components 7.12.14 → 7.12.15
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.
- package/dist/images/componentsSvg/SearchIcon.d.ts +4 -0
- package/dist/images/componentsSvg/SearchIcon.js +4 -0
- package/dist/images/componentsSvg/SearchIcon.tsx +26 -0
- package/dist/images/svg/business-type.svg +3 -0
- package/dist/images/svg/clear-24-px.svg +14 -0
- package/dist/images/svg/men.svg +5 -0
- package/dist/src/components/atoms/DropdownInput/DropdownInput.d.ts +3 -0
- package/dist/src/components/atoms/DropdownInput/DropdownInput.js +24 -0
- package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.d.ts +1 -0
- package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.js +144 -0
- package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.ts +146 -0
- package/dist/src/components/atoms/DropdownInput/DropdownInput.tsx +60 -0
- package/dist/src/components/atoms/DropdownInput/DropdownInputProps.types.d.ts +8 -0
- package/dist/src/components/atoms/DropdownInput/DropdownInputProps.types.js +2 -0
- package/dist/src/components/atoms/DropdownInput/DropdownInputProps.types.ts +10 -0
- package/dist/src/components/atoms/DropdownInput/index.d.ts +2 -0
- package/dist/src/components/atoms/DropdownInput/index.js +1 -0
- package/dist/src/components/atoms/DropdownInput/index.ts +2 -0
- package/dist/src/components/atoms/MenuItemsDeprecated/MenuItemsDeprecated.d.ts +4 -0
- package/dist/src/components/atoms/{MenuItems/MenuItems.js → MenuItemsDeprecated/MenuItemsDeprecated.js} +4 -4
- package/dist/src/components/atoms/MenuItemsDeprecated/MenuItemsDeprecated.styled.d.ts +1 -0
- package/dist/src/components/atoms/{MenuItems/MenuItems.styled.js → MenuItemsDeprecated/MenuItemsDeprecated.styled.js} +1 -1
- package/dist/src/components/atoms/{MenuItems/MenuItems.styled.ts → MenuItemsDeprecated/MenuItemsDeprecated.styled.ts} +1 -1
- package/dist/src/components/atoms/{MenuItems/MenuItems.tsx → MenuItemsDeprecated/MenuItemsDeprecated.tsx} +12 -6
- package/dist/src/components/atoms/{MenuItems/MenuItemProps.types.d.ts → MenuItemsDeprecated/MenuItemsDeprecatedProps.types.d.ts} +1 -1
- package/dist/src/components/atoms/{MenuItems/MenuItemProps.types.ts → MenuItemsDeprecated/MenuItemsDeprecatedProps.types.ts} +1 -1
- package/dist/src/components/atoms/MenuItemsDeprecated/index.d.ts +2 -0
- package/dist/src/components/atoms/MenuItemsDeprecated/index.js +1 -0
- package/dist/src/components/atoms/MenuItemsDeprecated/index.ts +2 -0
- package/dist/src/components/atoms/SidemenuTab/SidemenuTab.js +2 -2
- package/dist/src/components/atoms/SidemenuTab/SidemenuTab.tsx +2 -2
- package/dist/src/components/atoms/TopBar/TopBar.styled.js +48 -1
- package/dist/src/components/atoms/TopBar/TopBar.styled.ts +48 -1
- package/dist/src/components/atoms/TopBar/TopBar.tsx +1 -1
- package/dist/src/components/atoms/index.d.ts +2 -2
- package/dist/src/components/atoms/index.js +2 -2
- package/dist/src/components/atoms/index.ts +2 -2
- package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenu.d.ts +3 -0
- package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenu.js +6 -0
- package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenu.styled.d.ts +1 -0
- package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenu.styled.js +18 -0
- package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenu.styled.ts +19 -0
- package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenu.tsx +22 -0
- package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenuProps.types.d.ts +8 -0
- package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenuProps.types.js +1 -0
- package/dist/src/components/molecules/AllTypeDocumentsItemMenu/AllTypeDocumentsItemMenuProps.types.ts +9 -0
- package/dist/src/components/molecules/AllTypeDocumentsItemMenu/index.d.ts +2 -0
- package/dist/src/components/molecules/AllTypeDocumentsItemMenu/index.js +1 -0
- package/dist/src/components/molecules/AllTypeDocumentsItemMenu/index.ts +2 -0
- package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSection.d.ts +3 -0
- package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSection.js +7 -0
- package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSection.styled.d.ts +1 -0
- package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSection.styled.js +20 -0
- package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSection.styled.ts +21 -0
- package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSection.tsx +35 -0
- package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSectionProps.types.d.ts +16 -0
- package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSectionProps.types.js +1 -0
- package/dist/src/components/molecules/DocumentListMenuSection/DocumentListMenuSectionProps.types.ts +18 -0
- package/dist/src/components/molecules/DocumentListMenuSection/index.d.ts +2 -0
- package/dist/src/components/molecules/DocumentListMenuSection/index.js +1 -0
- package/dist/src/components/molecules/DocumentListMenuSection/index.ts +2 -0
- package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.js +2 -2
- package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.tsx +2 -2
- package/dist/src/components/molecules/MenuItemsSection/MenuItemsSectionProps.types.d.ts +1 -1
- package/dist/src/components/molecules/MenuItemsSection/MenuItemsSectionProps.types.ts +1 -1
- package/dist/src/components/molecules/MenuSectionTitle/MenuSectionTitle.d.ts +3 -0
- package/dist/src/components/molecules/MenuSectionTitle/MenuSectionTitle.js +5 -0
- package/dist/src/components/molecules/MenuSectionTitle/MenuSectionTitle.styled.d.ts +1 -0
- package/dist/src/components/molecules/MenuSectionTitle/MenuSectionTitle.styled.js +26 -0
- package/dist/src/components/molecules/MenuSectionTitle/MenuSectionTitle.styled.ts +27 -0
- package/dist/src/components/molecules/MenuSectionTitle/MenuSectionTitle.tsx +17 -0
- package/dist/src/components/molecules/MenuSectionTitle/MenuSectionTitleProps.types.d.ts +4 -0
- package/dist/src/components/molecules/MenuSectionTitle/MenuSectionTitleProps.types.js +1 -0
- package/dist/src/components/molecules/MenuSectionTitle/MenuSectionTitleProps.types.ts +4 -0
- package/dist/src/components/molecules/MenuSectionTitle/index.d.ts +2 -0
- package/dist/src/components/molecules/MenuSectionTitle/index.js +1 -0
- package/dist/src/components/molecules/MenuSectionTitle/index.ts +2 -0
- package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.js +2 -2
- package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.tsx +2 -2
- package/dist/src/components/molecules/NavMobileContactBar/NavMobileContactBar.d.ts +4 -0
- package/dist/src/components/molecules/NavMobileContactBar/NavMobileContactBar.js +7 -0
- package/dist/src/components/molecules/NavMobileContactBar/NavMobileContactBar.styled.d.ts +1 -0
- package/dist/src/components/molecules/NavMobileContactBar/NavMobileContactBar.styled.js +34 -0
- package/dist/src/components/molecules/NavMobileContactBar/NavMobileContactBar.styled.ts +35 -0
- package/dist/src/components/molecules/NavMobileContactBar/NavMobileContactBar.tsx +23 -0
- package/dist/src/components/molecules/NavMobileContactBar/NavMobileContactBarProps.types.d.ts +4 -0
- package/dist/src/components/molecules/NavMobileContactBar/NavMobileContactBarProps.types.js +1 -0
- package/dist/src/components/molecules/NavMobileContactBar/NavMobileContactBarProps.types.ts +4 -0
- package/dist/src/components/molecules/NavMobileContactBar/index.d.ts +2 -0
- package/dist/src/components/molecules/NavMobileContactBar/index.js +1 -0
- package/dist/src/components/molecules/NavMobileContactBar/index.ts +2 -0
- package/dist/src/components/molecules/ProductListMenu/ProductListMenu.d.ts +3 -0
- package/dist/src/components/molecules/ProductListMenu/ProductListMenu.js +5 -0
- package/dist/src/components/molecules/ProductListMenu/ProductListMenu.styled.d.ts +1 -0
- package/dist/src/components/molecules/ProductListMenu/ProductListMenu.styled.js +18 -0
- package/dist/src/components/molecules/ProductListMenu/ProductListMenu.styled.ts +19 -0
- package/dist/src/components/molecules/ProductListMenu/ProductListMenu.tsx +25 -0
- package/dist/src/components/molecules/ProductListMenu/ProductListMenuProps.types.d.ts +8 -0
- package/dist/src/components/molecules/ProductListMenu/ProductListMenuProps.types.js +1 -0
- package/dist/src/components/molecules/ProductListMenu/ProductListMenuProps.types.ts +9 -0
- package/dist/src/components/molecules/ProductListMenu/index.d.ts +2 -0
- package/dist/src/components/molecules/ProductListMenu/index.js +1 -0
- package/dist/src/components/molecules/ProductListMenu/index.ts +2 -0
- package/dist/src/components/molecules/SearchBar/SearchBar.d.ts +3 -0
- package/dist/src/components/molecules/SearchBar/SearchBar.js +33 -0
- package/dist/src/components/molecules/SearchBar/SearchBar.styled.d.ts +1 -0
- package/dist/src/components/molecules/SearchBar/SearchBar.styled.js +62 -0
- package/dist/src/components/molecules/SearchBar/SearchBar.styled.ts +63 -0
- package/dist/src/components/molecules/SearchBar/SearchBar.tsx +72 -0
- package/dist/src/components/molecules/SearchBar/SearchBarProps.types.d.ts +37 -0
- package/dist/src/components/molecules/SearchBar/SearchBarProps.types.js +1 -0
- package/dist/src/components/molecules/SearchBar/SearchBarProps.types.ts +41 -0
- package/dist/src/components/molecules/SearchBar/index.d.ts +2 -0
- package/dist/src/components/molecules/SearchBar/index.js +1 -0
- package/dist/src/components/molecules/SearchBar/index.ts +2 -0
- package/dist/src/components/molecules/TooltipMenu/TooltipMenu.js +2 -2
- package/dist/src/components/molecules/TooltipMenu/TooltipMenu.tsx +2 -2
- package/dist/src/components/molecules/index.d.ts +5 -0
- package/dist/src/components/molecules/index.js +5 -0
- package/dist/src/components/molecules/index.ts +5 -0
- package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.d.ts +3 -0
- package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.js +7 -0
- package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.styled.d.ts +1 -0
- package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.styled.js +67 -0
- package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.styled.ts +68 -0
- package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.tsx +47 -0
- package/dist/src/components/organisms/DocumentListMenu/DocumentListMenuProps.types.d.ts +21 -0
- package/dist/src/components/organisms/DocumentListMenu/DocumentListMenuProps.types.js +1 -0
- package/dist/src/components/organisms/DocumentListMenu/DocumentListMenuProps.types.ts +24 -0
- package/dist/src/components/organisms/DocumentListMenu/index.d.ts +2 -0
- package/dist/src/components/organisms/DocumentListMenu/index.js +1 -0
- package/dist/src/components/organisms/DocumentListMenu/index.ts +2 -0
- package/dist/src/components/organisms/DocumentMainMenu/DocumentMainMenu.d.ts +3 -0
- package/dist/src/components/organisms/DocumentMainMenu/DocumentMainMenu.js +11 -0
- package/dist/src/components/organisms/DocumentMainMenu/DocumentMainMenu.styled.d.ts +1 -0
- package/dist/src/components/organisms/DocumentMainMenu/DocumentMainMenu.styled.js +97 -0
- package/dist/src/components/organisms/DocumentMainMenu/DocumentMainMenu.styled.ts +98 -0
- package/dist/src/components/organisms/DocumentMainMenu/DocumentMainMenu.tsx +59 -0
- package/dist/src/components/organisms/DocumentMainMenu/DocumentMainMenuProps.types.d.ts +22 -0
- package/dist/src/components/organisms/DocumentMainMenu/DocumentMainMenuProps.types.js +1 -0
- package/dist/src/components/organisms/DocumentMainMenu/DocumentMainMenuProps.types.ts +25 -0
- package/dist/src/components/organisms/DocumentMainMenu/index.d.ts +2 -0
- package/dist/src/components/organisms/DocumentMainMenu/index.js +1 -0
- package/dist/src/components/organisms/DocumentMainMenu/index.ts +2 -0
- package/dist/src/components/organisms/DocumentSubMenu/DocumentSubMenu.d.ts +4 -0
- package/dist/src/components/organisms/DocumentSubMenu/DocumentSubMenu.js +7 -0
- package/dist/src/components/organisms/DocumentSubMenu/DocumentSubMenu.styled.d.ts +1 -0
- package/dist/src/components/organisms/DocumentSubMenu/DocumentSubMenu.styled.js +27 -0
- package/dist/src/components/organisms/DocumentSubMenu/DocumentSubMenu.styled.ts +28 -0
- package/dist/src/components/organisms/DocumentSubMenu/DocumentSubMenu.tsx +21 -0
- package/dist/src/components/organisms/DocumentSubMenu/DocumentSubMenuProps.types.d.ts +7 -0
- package/dist/src/components/organisms/DocumentSubMenu/DocumentSubMenuProps.types.js +1 -0
- package/dist/src/components/organisms/DocumentSubMenu/DocumentSubMenuProps.types.ts +8 -0
- package/dist/src/components/organisms/DocumentSubMenu/index.d.ts +2 -0
- package/dist/src/components/organisms/DocumentSubMenu/index.js +1 -0
- package/dist/src/components/organisms/DocumentSubMenu/index.ts +2 -0
- package/dist/src/components/organisms/MenuItems/MenuItems.d.ts +3 -0
- package/dist/src/components/organisms/MenuItems/MenuItems.js +9 -0
- package/dist/src/components/{atoms → organisms}/MenuItems/MenuItems.styled.d.ts +1 -1
- package/dist/src/components/organisms/MenuItems/MenuItems.styled.js +603 -0
- package/dist/src/components/organisms/MenuItems/MenuItems.styled.ts +607 -0
- package/dist/src/components/organisms/MenuItems/MenuItems.tsx +74 -0
- package/dist/src/components/organisms/MenuItems/MenuItemsProps.types.d.ts +45 -0
- package/dist/src/components/organisms/MenuItems/MenuItemsProps.types.js +1 -0
- package/dist/src/components/organisms/MenuItems/MenuItemsProps.types.ts +46 -0
- package/dist/src/components/organisms/MenuItems/index.d.ts +2 -0
- package/dist/src/components/organisms/MenuItems/index.js +1 -0
- package/dist/src/components/organisms/MenuItems/index.ts +2 -0
- package/dist/src/components/organisms/NavMenu/NavMenu.d.ts +3 -0
- package/dist/src/components/organisms/NavMenu/NavMenu.js +10 -0
- package/dist/src/components/organisms/NavMenu/NavMenu.styled.d.ts +1 -0
- package/dist/src/components/organisms/NavMenu/NavMenu.styled.js +575 -0
- package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts +579 -0
- package/dist/src/components/organisms/NavMenu/NavMenu.tsx +121 -0
- package/dist/src/components/organisms/NavMenu/NavMenuProps.types.d.ts +80 -0
- package/dist/src/components/organisms/NavMenu/NavMenuProps.types.js +1 -0
- package/dist/src/components/organisms/NavMenu/NavMenuProps.types.ts +82 -0
- package/dist/src/components/organisms/NavMenu/index.d.ts +2 -0
- package/dist/src/components/organisms/NavMenu/index.js +1 -0
- package/dist/src/components/organisms/NavMenu/index.ts +2 -0
- package/dist/src/components/organisms/index.d.ts +4 -0
- package/dist/src/components/organisms/index.js +4 -0
- package/dist/src/components/organisms/index.ts +4 -0
- package/dist/src/components/sections/Header/Header.d.ts +4 -0
- package/dist/src/components/sections/Header/Header.js +11 -0
- package/dist/src/components/sections/Header/Header.styled.d.ts +1 -0
- package/dist/src/components/sections/Header/Header.styled.js +136 -0
- package/dist/src/components/sections/Header/Header.styled.ts +137 -0
- package/dist/src/components/sections/Header/Header.tsx +28 -0
- package/dist/src/components/sections/Header/HeaderProps.types.d.ts +97 -0
- package/dist/src/components/sections/Header/HeaderProps.types.js +1 -0
- package/dist/src/components/sections/Header/HeaderProps.types.ts +101 -0
- package/dist/src/components/sections/Header/index.d.ts +2 -0
- package/dist/src/components/sections/Header/index.js +1 -0
- package/dist/src/components/sections/Header/index.ts +2 -0
- package/dist/src/components/sections/index.d.ts +1 -0
- package/dist/src/components/sections/index.js +1 -0
- package/dist/src/components/sections/index.ts +1 -0
- package/dist/src/hooks/useWindowSize.d.ts +6 -0
- package/dist/src/hooks/useWindowSize.js +43 -0
- package/dist/src/hooks/useWindowSize.tsx +51 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -1
- package/dist/src/components/atoms/MenuItems/MenuItems.d.ts +0 -4
- package/dist/src/components/atoms/MenuItems/index.d.ts +0 -2
- package/dist/src/components/atoms/MenuItems/index.js +0 -1
- package/dist/src/components/atoms/MenuItems/index.ts +0 -2
- package/dist/src/components/atoms/TopBarMobile/TopBarMobile.d.ts +0 -7
- package/dist/src/components/atoms/TopBarMobile/TopBarMobile.js +0 -10
- package/dist/src/components/atoms/TopBarMobile/TopBarMobile.styled.d.ts +0 -1
- package/dist/src/components/atoms/TopBarMobile/TopBarMobile.styled.js +0 -49
- package/dist/src/components/atoms/TopBarMobile/TopBarMobile.styled.ts +0 -50
- package/dist/src/components/atoms/TopBarMobile/TopBarMobile.tsx +0 -22
- package/dist/src/components/atoms/TopBarMobile/index.d.ts +0 -1
- package/dist/src/components/atoms/TopBarMobile/index.js +0 -1
- package/dist/src/components/atoms/TopBarMobile/index.ts +0 -1
- /package/dist/src/components/atoms/{MenuItems/MenuItemProps.types.js → MenuItemsDeprecated/MenuItemsDeprecatedProps.types.js} +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@npm_leadtech/legal-lib-components",
|
|
3
|
-
"version": "7.12.
|
|
3
|
+
"version": "7.12.15",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -302,6 +302,7 @@
|
|
|
302
302
|
"./TryUsSection": "./dist/src/components/sections/TryUsSection/index.js",
|
|
303
303
|
"./UnsubscribeSection": "./dist/src/components/sections/UnsubscribeSection/index.js",
|
|
304
304
|
"./WhyLawDistrictSection": "./dist/src/components/sections/WhyLawDistrictSection/index.js",
|
|
305
|
+
"./Header": "./dist/src/components/sections/Header/index.js",
|
|
305
306
|
"./useIntersectionObserver": "./dist/src/hooks/useIntersectionObserver.js",
|
|
306
307
|
"./useIsMobileOrTable": "./dist/src/hooks/useIsMobileOrTable.js",
|
|
307
308
|
"./utils": "./dist/src/utils/index.js",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as MenuItems } from './MenuItems';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useState } from 'react';
|
|
3
|
-
import { TopBarMobileStyled } from './TopBarMobile.styled';
|
|
4
|
-
export const TopBarMobile = ({ children, isVisible = false }) => {
|
|
5
|
-
const [isSSR, setIsSSR] = useState(false);
|
|
6
|
-
useEffect(() => {
|
|
7
|
-
setIsSSR(true);
|
|
8
|
-
}, []);
|
|
9
|
-
return isSSR ? (_jsx(TopBarMobileStyled, { className: `top-bar-mobile ${isVisible ? 'fade-In' : 'fade-Out'}`, children: children })) : null;
|
|
10
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const TopBarMobileStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
export const TopBarMobileStyled = styled.div `
|
|
3
|
-
background-color: var(--neutral-neutral-5);
|
|
4
|
-
display: flex;
|
|
5
|
-
padding: 0.5rem 1rem;
|
|
6
|
-
justify-content: space-between;
|
|
7
|
-
align-items: center;
|
|
8
|
-
border-radius: var(--s-border-radius);
|
|
9
|
-
box-shadow: var(--box-shadow-container);
|
|
10
|
-
font-size: 14px;
|
|
11
|
-
line-height: 18px;
|
|
12
|
-
letter-spacing: -0.3px;
|
|
13
|
-
position: fixed;
|
|
14
|
-
top: 0.5rem;
|
|
15
|
-
left: 0.5rem;
|
|
16
|
-
right: 0.5rem;
|
|
17
|
-
|
|
18
|
-
&.top-bar-mobile {
|
|
19
|
-
&.fade-In {
|
|
20
|
-
visibility: visible;
|
|
21
|
-
opacity: 1;
|
|
22
|
-
transition:
|
|
23
|
-
visibility 0s linear 0s,
|
|
24
|
-
opacity 300ms;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
&.fade-Out {
|
|
28
|
-
visibility: hidden;
|
|
29
|
-
opacity: 0;
|
|
30
|
-
transition:
|
|
31
|
-
visibility 0s linear 300ms,
|
|
32
|
-
opacity 300ms;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
> b {
|
|
36
|
-
display: flex;
|
|
37
|
-
justify-content: center;
|
|
38
|
-
align-items: center;
|
|
39
|
-
|
|
40
|
-
a {
|
|
41
|
-
display: contents;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
img {
|
|
45
|
-
margin-right: 0.5rem;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
`;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components'
|
|
2
|
-
|
|
3
|
-
export const TopBarMobileStyled = styled.div`
|
|
4
|
-
background-color: var(--neutral-neutral-5);
|
|
5
|
-
display: flex;
|
|
6
|
-
padding: 0.5rem 1rem;
|
|
7
|
-
justify-content: space-between;
|
|
8
|
-
align-items: center;
|
|
9
|
-
border-radius: var(--s-border-radius);
|
|
10
|
-
box-shadow: var(--box-shadow-container);
|
|
11
|
-
font-size: 14px;
|
|
12
|
-
line-height: 18px;
|
|
13
|
-
letter-spacing: -0.3px;
|
|
14
|
-
position: fixed;
|
|
15
|
-
top: 0.5rem;
|
|
16
|
-
left: 0.5rem;
|
|
17
|
-
right: 0.5rem;
|
|
18
|
-
|
|
19
|
-
&.top-bar-mobile {
|
|
20
|
-
&.fade-In {
|
|
21
|
-
visibility: visible;
|
|
22
|
-
opacity: 1;
|
|
23
|
-
transition:
|
|
24
|
-
visibility 0s linear 0s,
|
|
25
|
-
opacity 300ms;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
&.fade-Out {
|
|
29
|
-
visibility: hidden;
|
|
30
|
-
opacity: 0;
|
|
31
|
-
transition:
|
|
32
|
-
visibility 0s linear 300ms,
|
|
33
|
-
opacity 300ms;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
> b {
|
|
37
|
-
display: flex;
|
|
38
|
-
justify-content: center;
|
|
39
|
-
align-items: center;
|
|
40
|
-
|
|
41
|
-
a {
|
|
42
|
-
display: contents;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
img {
|
|
46
|
-
margin-right: 0.5rem;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
`
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useState } from 'react'
|
|
2
|
-
import { TopBarMobileStyled } from './TopBarMobile.styled'
|
|
3
|
-
|
|
4
|
-
interface TopBarMobileProps {
|
|
5
|
-
children: React.ReactNode
|
|
6
|
-
isVisible: boolean
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export const TopBarMobile: React.FC<TopBarMobileProps> = ({
|
|
10
|
-
children,
|
|
11
|
-
isVisible = false
|
|
12
|
-
}): React.ReactElement | null => {
|
|
13
|
-
const [isSSR, setIsSSR] = useState(false)
|
|
14
|
-
useEffect(() => {
|
|
15
|
-
setIsSSR(true)
|
|
16
|
-
}, [])
|
|
17
|
-
return isSSR ? (
|
|
18
|
-
<TopBarMobileStyled className={`top-bar-mobile ${isVisible ? 'fade-In' : 'fade-Out'}`}>
|
|
19
|
-
{children}
|
|
20
|
-
</TopBarMobileStyled>
|
|
21
|
-
) : null
|
|
22
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TopBarMobile } from './TopBarMobile';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TopBarMobile } from './TopBarMobile';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TopBarMobile } from './TopBarMobile'
|