@npm_leadtech/legal-lib-components 7.12.18 → 7.12.19

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 (7) hide show
  1. package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.js +3 -0
  2. package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.ts +3 -0
  3. package/dist/src/components/organisms/MenuItems/MenuItems.styled.js +30 -2
  4. package/dist/src/components/organisms/MenuItems/MenuItems.styled.ts +30 -2
  5. package/dist/src/components/organisms/NavMenu/NavMenu.styled.js +29 -2
  6. package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts +29 -2
  7. package/package.json +1 -1
package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.js CHANGED
@@ -2,6 +2,9 @@ import { device } from '../../../globalStyles/breakpoints';
2
2
  import styled from 'styled-components';
3
3
  export const DropdownInputStyled = styled.div `
4
4
  position: relative;
5
+ padding-left: 1.5rem;
6
+ padding-right: 1.5rem;
7
+
5
8
  a {
6
9
  text-decoration: none;
7
10
  }
package/dist/src/components/atoms/DropdownInput/DropdownInput.styled.ts CHANGED
@@ -4,6 +4,9 @@ import styled from 'styled-components'
4
4
 
5
5
  export const DropdownInputStyled = styled.div`
6
6
  position: relative;
7
+ padding-left: 1.5rem;
8
+ padding-right: 1.5rem;
9
+
7
10
  a {
8
11
  text-decoration: none;
9
12
  }
package/dist/src/components/organisms/MenuItems/MenuItems.styled.js CHANGED
@@ -40,6 +40,7 @@ export const MenuItemsStyled = styled.div `
40
40
  .left-nav {
41
41
  display: flex;
42
42
  align-items: center;
43
+ margin-left: 1rem;
43
44
  }
44
45
 
45
46
  .header-phone {
@@ -261,7 +262,7 @@ export const MenuItemsStyled = styled.div `
261
262
  margin-right: 2.5rem;
262
263
  border-radius: var(--s-border-radius);
263
264
  transition: all 0.3s ease;
264
- padding: 0.25rem;
265
+ padding: 0.5rem 0.25rem;
265
266
  position: relative;
266
267
 
267
268
  &.all-item {
@@ -343,12 +344,39 @@ export const MenuItemsStyled = styled.div `
343
344
  // mobile pane
344
345
 
345
346
  .navigation-pane {
346
- &.--is-mobile {
347
+ .navigation-pane.--is-mobile {
347
348
  display: flex;
348
349
 
349
350
  @media ${device['landscape-tablets']} {
350
351
  display: none;
351
352
  }
353
+
354
+ .navigation-pane__user-menu {
355
+ display: flex;
356
+ flex-flow: row nowrap;
357
+ justify-content: center;
358
+ margin: 0 1rem;
359
+ padding: 1.5rem 0;
360
+ }
361
+
362
+ .navigation-pane__ratafia {
363
+ padding: 1.5rem 1.5rem 0.5rem 1.5rem;
364
+
365
+ .navigation-pane__ratafia__title {
366
+ display: flex;
367
+ justify-content: start;
368
+ align-items: center;
369
+ gap: 0.25rem;
370
+ }
371
+ }
372
+
373
+ .navigation-pane__resources {
374
+ .resources__list {
375
+ @media ${device['mobile']} {
376
+ margin-bottom: 2rem;
377
+ }
378
+ }
379
+ }
352
380
  }
353
381
 
354
382
  &__trigger {
package/dist/src/components/organisms/MenuItems/MenuItems.styled.ts CHANGED
@@ -41,6 +41,7 @@ export const MenuItemsStyled = styled.div`
41
41
  .left-nav {
42
42
  display: flex;
43
43
  align-items: center;
44
+ margin-left: 1rem;
44
45
  }
45
46
 
46
47
  .header-phone {
@@ -262,7 +263,7 @@ export const MenuItemsStyled = styled.div`
262
263
  margin-right: 2.5rem;
263
264
  border-radius: var(--s-border-radius);
264
265
  transition: all 0.3s ease;
265
- padding: 0.25rem;
266
+ padding: 0.5rem 0.25rem;
266
267
  position: relative;
267
268
 
268
269
  &.all-item {
@@ -344,12 +345,39 @@ export const MenuItemsStyled = styled.div`
344
345
  // mobile pane
345
346
 
346
347
  .navigation-pane {
347
- &.--is-mobile {
348
+ .navigation-pane.--is-mobile {
348
349
  display: flex;
349
350
 
350
351
  @media ${device['landscape-tablets']} {
351
352
  display: none;
352
353
  }
354
+
355
+ .navigation-pane__user-menu {
356
+ display: flex;
357
+ flex-flow: row nowrap;
358
+ justify-content: center;
359
+ margin: 0 1rem;
360
+ padding: 1.5rem 0;
361
+ }
362
+
363
+ .navigation-pane__ratafia {
364
+ padding: 1.5rem 1.5rem 0.5rem 1.5rem;
365
+
366
+ .navigation-pane__ratafia__title {
367
+ display: flex;
368
+ justify-content: start;
369
+ align-items: center;
370
+ gap: 0.25rem;
371
+ }
372
+ }
373
+
374
+ .navigation-pane__resources {
375
+ .resources__list {
376
+ @media ${device['mobile']} {
377
+ margin-bottom: 2rem;
378
+ }
379
+ }
380
+ }
353
381
  }
354
382
 
355
383
  &__trigger {
package/dist/src/components/organisms/NavMenu/NavMenu.styled.js CHANGED
@@ -19,6 +19,7 @@ export const NavMenuStyled = styled.nav `
19
19
  .left-nav {
20
20
  display: flex;
21
21
  align-items: center;
22
+ margin-left: 1rem;
22
23
  }
23
24
 
24
25
  .header-phone {
@@ -230,7 +231,7 @@ export const NavMenuStyled = styled.nav `
230
231
  margin-right: 2.5rem;
231
232
  border-radius: var(--s-border-radius);
232
233
  transition: all 0.3s ease;
233
- padding: 0.25rem;
234
+ padding: 0.5rem 0.25rem;
234
235
  position: relative;
235
236
 
236
237
  &.all-item {
@@ -314,13 +315,39 @@ export const NavMenuStyled = styled.nav `
314
315
  // mobile-pane
315
316
 
316
317
  .navigation-pane {
317
- &.--is-mobile {
318
+ .navigation-pane.--is-mobile {
318
319
  display: flex;
319
320
  flex-direction: column;
320
321
 
321
322
  @media ${device['landscape-tablets']} {
322
323
  display: none;
323
324
  }
325
+ .navigation-pane__user-menu {
326
+ display: flex;
327
+ flex-flow: row nowrap;
328
+ justify-content: center;
329
+ margin: 0 1rem;
330
+ padding: 1.5rem 0;
331
+ }
332
+
333
+ .navigation-pane__ratafia {
334
+ padding: 1.5rem 1.5rem 0.5rem 1.5rem;
335
+
336
+ .navigation-pane__ratafia__title {
337
+ display: flex;
338
+ justify-content: start;
339
+ align-items: center;
340
+ gap: 0.25rem;
341
+ }
342
+ }
343
+
344
+ .navigation-pane__resources {
345
+ .resources__list {
346
+ @media ${device['mobile']} {
347
+ margin-bottom: 2rem;
348
+ }
349
+ }
350
+ }
324
351
  }
325
352
 
326
353
  &__trigger {
package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts CHANGED
@@ -20,6 +20,7 @@ export const NavMenuStyled = styled.nav`
20
20
  .left-nav {
21
21
  display: flex;
22
22
  align-items: center;
23
+ margin-left: 1rem;
23
24
  }
24
25
 
25
26
  .header-phone {
@@ -231,7 +232,7 @@ export const NavMenuStyled = styled.nav`
231
232
  margin-right: 2.5rem;
232
233
  border-radius: var(--s-border-radius);
233
234
  transition: all 0.3s ease;
234
- padding: 0.25rem;
235
+ padding: 0.5rem 0.25rem;
235
236
  position: relative;
236
237
 
237
238
  &.all-item {
@@ -315,13 +316,39 @@ export const NavMenuStyled = styled.nav`
315
316
  // mobile-pane
316
317
 
317
318
  .navigation-pane {
318
- &.--is-mobile {
319
+ .navigation-pane.--is-mobile {
319
320
  display: flex;
320
321
  flex-direction: column;
321
322
 
322
323
  @media ${device['landscape-tablets']} {
323
324
  display: none;
324
325
  }
326
+ .navigation-pane__user-menu {
327
+ display: flex;
328
+ flex-flow: row nowrap;
329
+ justify-content: center;
330
+ margin: 0 1rem;
331
+ padding: 1.5rem 0;
332
+ }
333
+
334
+ .navigation-pane__ratafia {
335
+ padding: 1.5rem 1.5rem 0.5rem 1.5rem;
336
+
337
+ .navigation-pane__ratafia__title {
338
+ display: flex;
339
+ justify-content: start;
340
+ align-items: center;
341
+ gap: 0.25rem;
342
+ }
343
+ }
344
+
345
+ .navigation-pane__resources {
346
+ .resources__list {
347
+ @media ${device['mobile']} {
348
+ margin-bottom: 2rem;
349
+ }
350
+ }
351
+ }
325
352
  }
326
353
 
327
354
  &__trigger {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.12.18",
3
+ "version": "7.12.19",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",