@npm_leadtech/legal-lib-components 2.4.1 → 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 -0
  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 -0
  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
@@ -3508,3 +3508,52 @@
3508
3508
  @media (min-width: 960px) {
3509
3509
  .about-us-section__sub-title {
3510
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';