@npm_leadtech/legal-lib-components 5.2.9 → 5.2.11

package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.styled.js

@@ -1,37 +0,0 @@
-import { device, size } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const WhyLawDistrictItemsStyled = styled.ul `
-  max-width: ${size.md};
-  display: flex;
-  justify-content: center;
-  margin: 0 auto;
-  flex-flow: row wrap;
-  padding: 0 0 1.5rem 0;
-
-  @media ${device['landscape-tablets']} {
-    justify-content: space-between;
-    padding: 0 1rem;
-  }
-
-  .whyLawDistrictItems {
-    &__item {
-      max-width: 100%;
-      color: var(--neutral-neutral-2);
-      margin-bottom: 1rem;
-      padding: 0 1rem;
-
-      @media ${device['landscape-tablets']} {
-        padding: 2rem 0;
-        max-width: calc(100% / 3 - 1.5rem);
-      }
-
-      &:first-child {
-        margin-top: 2rem;
-
-        @media ${device['landscape-tablets']} {
-          margin-top: 0;
-        }
-      }
-    }
-  }
-`;

package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.styled.ts

@@ -1,38 +0,0 @@
-import { device, size } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const WhyLawDistrictItemsStyled = styled.ul`
-  max-width: ${size.md};
-  display: flex;
-  justify-content: center;
-  margin: 0 auto;
-  flex-flow: row wrap;
-  padding: 0 0 1.5rem 0;
-
-  @media ${device['landscape-tablets']} {
-    justify-content: space-between;
-    padding: 0 1rem;
-  }
-
-  .whyLawDistrictItems {
-    &__item {
-      max-width: 100%;
-      color: var(--neutral-neutral-2);
-      margin-bottom: 1rem;
-      padding: 0 1rem;
-
-      @media ${device['landscape-tablets']} {
-        padding: 2rem 0;
-        max-width: calc(100% / 3 - 1.5rem);
-      }
-
-      &:first-child {
-        margin-top: 2rem;
-
-        @media ${device['landscape-tablets']} {
-          margin-top: 0;
-        }
-      }
-    }
-  }
-`

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

@@ -1 +0,0 @@
-export declare const WideInfoBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/atoms/WideInfoBar/WideInfoBar.styled.js

@@ -1,33 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const WideInfoBarStyled = styled.div `
-  background-color: var(--neutral-neutral-6);
-  font-family: var(--font-sans);
-  color: var(--neutral-neutral-1);
-
-  &.green {
-    background-color: var(--primary-main-light-6);
-    color: var(--primary-main-dark-1);
-  }
-
-  .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 ${device['landscape-tablets']} {
-        flex-flow: row;
-        font-size: 0.9rem;
-        padding: 1rem 1.5rem;
-      }
-
-      @media ${device.desktop} {
-        padding: 0.5rem 2rem;
-      }
-    }
-  }
-`;

package/dist/src/components/atoms/WideInfoBar/WideInfoBar.styled.ts

@@ -1,34 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const WideInfoBarStyled = styled.div`
-  background-color: var(--neutral-neutral-6);
-  font-family: var(--font-sans);
-  color: var(--neutral-neutral-1);
-
-  &.green {
-    background-color: var(--primary-main-light-6);
-    color: var(--primary-main-dark-1);
-  }
-
-  .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 ${device['landscape-tablets']} {
-        flex-flow: row;
-        font-size: 0.9rem;
-        padding: 1rem 1.5rem;
-      }
-
-      @media ${device.desktop} {
-        padding: 0.5rem 2rem;
-      }
-    }
-  }
-`

package/dist/src/globalStyles/breakpoints.d.ts

@@ -1,19 +0,0 @@
-interface Size {
-    xxs: string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xxl: string;
-}
-export declare const size: Size;
-export declare const device: {
-    mobile: string;
-    'portrait-tablets': string;
-    'landscape-tablets': string;
-    laptop: string;
-    desktop: string;
-    'desktop-xl': string;
-};
-export {};

package/dist/src/globalStyles/breakpoints.js

@@ -1,17 +0,0 @@
-export const size = {
-    xxs: '328px', // for very small screen mobile
-    xs: '575px', // for small screen mobile
-    sm: '720px', // for mobile screen
-    md: '960px', // for tablets
-    lg: '1200px', // for laptops
-    xl: '1600px', // for desktop / monitors
-    xxl: '1920px' // for big screens
-};
-export const device = {
-    mobile: `(max-width: ${size.xs})`,
-    'portrait-tablets': `(min-width: ${size.xs})`,
-    'landscape-tablets': `(min-width: ${size.sm})`,
-    laptop: `(min-width: ${size.md})`,
-    desktop: `(min-width: ${size.lg})`,
-    'desktop-xl': `(min-width: ${size.xl})`
-};

package/dist/src/globalStyles/breakpoints.ts

@@ -1,28 +0,0 @@
-interface Size {
-  xxs: string
-  xs: string
-  sm: string
-  md: string
-  lg: string
-  xl: string
-  xxl: string
-}
-
-export const size: Size = {
-  xxs: '328px', // for very small screen mobile
-  xs: '575px', // for small screen mobile
-  sm: '720px', // for mobile screen
-  md: '960px', // for tablets
-  lg: '1200px', // for laptops
-  xl: '1600px', // for desktop / monitors
-  xxl: '1920px' // for big screens
-}
-
-export const device = {
-  mobile: `(max-width: ${size.xs})`,
-  'portrait-tablets': `(min-width: ${size.xs})`,
-  'landscape-tablets': `(min-width: ${size.sm})`,
-  laptop: `(min-width: ${size.md})`,
-  desktop: `(min-width: ${size.lg})`,
-  'desktop-xl': `(min-width: ${size.xl})`
-}