@npm_leadtech/legal-lib-components 7.12.9 → 7.12.12

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.
Files changed (5) hide show
  1. package/dist/src/components/organisms/NavMenu/NavMenu.styled.js +1 -1
  2. package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts +1 -1
  3. package/dist/src/components/sections/Header/Header.styled.js +7 -5
  4. package/dist/src/components/sections/Header/Header.styled.ts +7 -5
  5. package/package.json +1 -1
package/dist/src/components/organisms/NavMenu/NavMenu.styled.js CHANGED
@@ -227,7 +227,7 @@ export const NavMenuStyled = styled.div `
227
227
 
228
228
  li.menu-items-li {
229
229
  width: 100%;
230
- margin: 0.5rem 0;
230
+ margin-right: 2.5rem;
231
231
  border-radius: var(--s-border-radius);
232
232
  transition: all 0.3s ease;
233
233
  padding: 0.25rem;
package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts CHANGED
@@ -228,7 +228,7 @@ export const NavMenuStyled = styled.div`
228
228
 
229
229
  li.menu-items-li {
230
230
  width: 100%;
231
- margin: 0.5rem 0;
231
+ margin-right: 2.5rem;
232
232
  border-radius: var(--s-border-radius);
233
233
  transition: all 0.3s ease;
234
234
  padding: 0.25rem;
package/dist/src/components/sections/Header/Header.styled.js CHANGED
@@ -1,18 +1,16 @@
1
1
  import { device, size } from '../../../globalStyles/breakpoints';
2
2
  import styled from 'styled-components';
3
3
  export const HeaderStyled = styled.header `
4
- background-color: var(--primary-main-light-6);
5
4
  position: sticky;
6
5
  top: 0;
7
6
  transition: all 0.3s ease;
8
7
  z-index: 1000;
9
8
 
10
9
  @media (max-width: ${size.sm}) {
11
- position: fixed;
10
+ position: sticky;
12
11
  top: 0;
13
- background-color: white;
14
12
  width: 100%;
15
- z-index: 11111111111111;
13
+ z-index: 111111111111;
16
14
  }
17
15
 
18
16
  html[data-theme='lawdistrict'] {
@@ -90,11 +88,15 @@ export const HeaderStyled = styled.header `
90
88
  }
91
89
  }
92
90
 
93
- &__logo {
91
+ .header__logo {
94
92
  z-index: 200;
95
93
  min-width: max-content;
96
94
  }
97
95
 
96
+ &.product-header-background {
97
+ background-color: var(--secondary-main-light-6);
98
+ }
99
+
98
100
  &.transparent-header-background {
99
101
  background-color: transparent;
100
102
  }
package/dist/src/components/sections/Header/Header.styled.ts CHANGED
@@ -2,18 +2,16 @@ import { device, size } from '../../../globalStyles/breakpoints'
2
2
  import styled from 'styled-components'
3
3
 
4
4
  export const HeaderStyled = styled.header`
5
- background-color: var(--primary-main-light-6);
6
5
  position: sticky;
7
6
  top: 0;
8
7
  transition: all 0.3s ease;
9
8
  z-index: 1000;
10
9
 
11
10
  @media (max-width: ${size.sm}) {
12
- position: fixed;
11
+ position: sticky;
13
12
  top: 0;
14
- background-color: white;
15
13
  width: 100%;
16
- z-index: 11111111111111;
14
+ z-index: 111111111111;
17
15
  }
18
16
 
19
17
  html[data-theme='lawdistrict'] {
@@ -91,11 +89,15 @@ export const HeaderStyled = styled.header`
91
89
  }
92
90
  }
93
91
 
94
- &__logo {
92
+ .header__logo {
95
93
  z-index: 200;
96
94
  min-width: max-content;
97
95
  }
98
96
 
97
+ &.product-header-background {
98
+ background-color: var(--secondary-main-light-6);
99
+ }
100
+
99
101
  &.transparent-header-background {
100
102
  background-color: transparent;
101
103
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.12.9",
3
+ "version": "7.12.12",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",