@npm_leadtech/legal-lib-components 2.4.0 → 2.5.2

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 (22) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/legal-lib-components.css +49 -1
  4. package/dist/cjs/src/components/atoms/DatePickerCustom/DatePickerCustom.d.ts +3 -3
  5. package/dist/cjs/src/components/atoms/TestAB/__stories__/TestAB.stories.d.ts +4 -3
  6. package/dist/cjs/src/components/sections/GuidelinesSection/GuidelinesSection.d.ts +5 -0
  7. package/dist/cjs/src/components/sections/GuidelinesSection/GuidelinesSectionProps.types.d.ts +6 -0
  8. package/dist/cjs/src/components/sections/GuidelinesSection/__stories__/GuidelinesSection.stories.d.ts +6 -0
  9. package/dist/cjs/src/components/sections/GuidelinesSection/index.d.ts +2 -0
  10. package/dist/cjs/src/components/sections/index.d.ts +1 -0
  11. package/dist/esm/index.js +1 -1
  12. package/dist/esm/index.js.map +1 -1
  13. package/dist/esm/legal-lib-components.css +49 -1
  14. package/dist/esm/src/components/atoms/DatePickerCustom/DatePickerCustom.d.ts +3 -3
  15. package/dist/esm/src/components/atoms/TestAB/__stories__/TestAB.stories.d.ts +4 -3
  16. package/dist/esm/src/components/sections/GuidelinesSection/GuidelinesSection.d.ts +5 -0
  17. package/dist/esm/src/components/sections/GuidelinesSection/GuidelinesSectionProps.types.d.ts +6 -0
  18. package/dist/esm/src/components/sections/GuidelinesSection/__stories__/GuidelinesSection.stories.d.ts +6 -0
  19. package/dist/esm/src/components/sections/GuidelinesSection/index.d.ts +2 -0
  20. package/dist/esm/src/components/sections/index.d.ts +1 -0
  21. package/dist/index.d.ts +11 -3
  22. package/package.json +1 -1
@@ -2480,7 +2480,6 @@
2480
2480
  .bottom-fixed-bar {
2481
2481
  padding: 0 1.5rem 1rem;
2482
2482
  display: flex;
2483
- position: fixed;
2484
2483
  z-index: 3;
2485
2484
  bottom: 0;
2486
2485
  flex-direction: column;
@@ -3509,3 +3508,52 @@
3509
3508
  @media (min-width: 960px) {
3510
3509
  .about-us-section__sub-title {
3511
3510
  font-size: 3rem; } }
3511
+
3512
+ .guidelines-section {
3513
+ display: flex;
3514
+ flex-direction: column; }
3515
+ @media (min-width: 720px) {
3516
+ .guidelines-section {
3517
+ flex-flow: row nowrap; } }
3518
+ .guidelines-section__texts {
3519
+ flex-basis: 50%;
3520
+ display: flex;
3521
+ flex-direction: column;
3522
+ justify-content: center;
3523
+ margin-bottom: 1rem;
3524
+ margin-right: 0;
3525
+ color: #3D4042;
3526
+ font-style: normal;
3527
+ font-weight: 400;
3528
+ letter-spacing: -0.3px; }
3529
+ @media (min-width: 720px) {
3530
+ .guidelines-section__texts {
3531
+ margin-left: 3rem;
3532
+ margin-bottom: 0; } }
3533
+ .guidelines-section__texts__title {
3534
+ font-family: "Lora", serif;
3535
+ font-size: 28px;
3536
+ line-height: 42px;
3537
+ margin-bottom: 2rem;
3538
+ text-align: center; }
3539
+ @media (min-width: 720px) {
3540
+ .guidelines-section__texts__title {
3541
+ text-align: left; } }
3542
+ .guidelines-section__texts__body {
3543
+ font-family: "Inter", sans-serif;
3544
+ font-size: 16px;
3545
+ line-height: 22px; }
3546
+ .guidelines-section__texts__body a {
3547
+ color: #078080; }
3548
+ .guidelines-section__image {
3549
+ flex-basis: 50%; }
3550
+ .guidelines-section__image.big-devices {
3551
+ display: none; }
3552
+ @media (min-width: 720px) {
3553
+ .guidelines-section__image.big-devices {
3554
+ display: flex; } }
3555
+ .guidelines-section__image.is-mobile {
3556
+ display: flex; }
3557
+ @media (min-width: 720px) {
3558
+ .guidelines-section__image.is-mobile {
3559
+ display: none; } }
@@ -1,13 +1,13 @@
1
- import { Component } from 'react';
1
+ import React, { Component } from 'react';
2
2
  import { type DatePickerCustomProps } from './DatePickerCustomProps.types';
3
3
  import 'react-datepicker/dist/react-datepicker.css';
4
4
  import './DatePickerCustom.scss';
5
5
  declare class DatePickerCustom extends Component<DatePickerCustomProps> {
6
6
  constructor(props: DatePickerCustomProps);
7
7
  componentDidMount(): void;
8
- returnYears: (currentYear: number) => JSX.Element[];
8
+ returnYears: (currentYear: number) => React.JSX.Element[];
9
9
  handleChange: (date: Date) => void;
10
10
  addDays: (date: any, days: any) => Date;
11
- render(): JSX.Element;
11
+ render(): React.JSX.Element;
12
12
  }
13
13
  export default DatePickerCustom;
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  declare const _default: {
2
3
  component: {
3
4
  ({ id, getVariant, children, defaultValue }: {
@@ -15,6 +16,6 @@ declare const _default: {
15
16
  title: string;
16
17
  };
17
18
  export default _default;
18
- export declare const Default: (args: any) => JSX.Element;
19
- export declare const VariantA: (args: any) => JSX.Element;
20
- export declare const VariantB: (args: any) => JSX.Element;
19
+ export declare const Default: (args: any) => React.JSX.Element;
20
+ export declare const VariantA: (args: any) => React.JSX.Element;
21
+ export declare const VariantB: (args: any) => React.JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import { type GuidelinesSectionProps } from './GuidelinesSectionProps.types';
3
+ import './GuidelinesSection.scss';
4
+ declare const GuidelinesSection: FC<GuidelinesSectionProps>;
5
+ export default GuidelinesSection;
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ export interface GuidelinesSectionProps {
3
+ title: string;
4
+ image: React.ReactNode;
5
+ children?: string | React.ReactNode;
6
+ }
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import GuidelinesSection from '../GuidelinesSection';
3
+ declare const meta: Meta<typeof GuidelinesSection>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof GuidelinesSection>;
6
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ export { default as GuidelinesSection } from './GuidelinesSection';
2
+ export { type GuidelinesSectionProps } from './GuidelinesSectionProps.types';
@@ -2,3 +2,4 @@ export * from './BlogSection';
2
2
  export * from './HowGetYourFormsSection';
3
3
  export * from './TryOurFreeLegalBlogsSection';
4
4
  export * from './AboutUsSection';
5
+ export * from './GuidelinesSection';