magneto365.ui 2.72.1 → 2.74.0

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 (90) hide show
  1. package/dist/assets/img/2dfcd507fbc46c48.png +0 -0
  2. package/dist/assets/img/7ac49a1d11655962.png +0 -0
  3. package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
  4. package/dist/cjs/index.js +1487 -1246
  5. package/dist/cjs/index.js.map +1 -1
  6. package/dist/cjs/types/components/UI/molecules/CompanyCard/CompanyCard.component.d.ts +5 -0
  7. package/dist/cjs/types/components/UI/molecules/CompanyCard/CompanyCard.interface.d.ts +91 -0
  8. package/dist/cjs/types/components/UI/molecules/CompanyCard/index.d.ts +1 -0
  9. package/dist/cjs/types/components/UI/molecules/HorizontalMenu/HorizontalMenu.interface.d.ts +1 -5
  10. package/dist/cjs/types/components/UI/molecules/ImageCard/ImageCard.component.d.ts +3 -0
  11. package/dist/cjs/types/components/UI/molecules/ImageCard/ImageCard.interface.d.ts +44 -0
  12. package/dist/cjs/types/components/UI/molecules/ImageCard/index.d.ts +1 -0
  13. package/dist/cjs/types/components/UI/molecules/JobFooterCard/JobFooterCard.interface.d.ts +4 -0
  14. package/dist/cjs/types/components/UI/molecules/index.d.ts +2 -0
  15. package/dist/cjs/types/components/UI/organism/Carousel/Carousel.component.d.ts +8 -0
  16. package/dist/cjs/types/components/UI/organism/Carousel/Carousel.interface.d.ts +135 -0
  17. package/dist/cjs/types/components/UI/organism/Carousel/children/CarouselButtons/CarouselButtons.component.d.ts +3 -0
  18. package/dist/cjs/types/components/UI/organism/Carousel/children/CarouselFooter/CarouselFooter.component.d.ts +3 -0
  19. package/dist/cjs/types/components/UI/organism/Carousel/children/CarouselHeader/CarouselHeader.component.d.ts +3 -0
  20. package/dist/cjs/types/components/UI/organism/Carousel/children/CarouselItems/CarouselItems.component.d.ts +3 -0
  21. package/dist/cjs/types/components/UI/organism/Carousel/index.d.ts +2 -0
  22. package/dist/cjs/types/components/UI/organism/index.d.ts +1 -0
  23. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/CandidateProfileTemplate.component.d.ts +2 -1
  24. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/CandidateProfileTemplate.interface.d.ts +8 -0
  25. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/CandidateProfileTemplateHeader.component.d.ts +1 -1
  26. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/index.d.ts +0 -1
  27. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/CandidateProfileTemplateMainNav.component.d.ts +5 -0
  28. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/CandidateProfileTemplateMainNav.interface.d.ts +2 -0
  29. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/index.d.ts +2 -0
  30. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/index.d.ts +1 -0
  31. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/index.d.ts +1 -1
  32. package/dist/cjs/types/components/docs/DesignSystem/children/DesignSystemWeight/DesignSystemWeight.component.d.ts +2 -0
  33. package/dist/cjs/types/components/docs/DesignSystem/children/index.d.ts +1 -0
  34. package/dist/cjs/types/components/hooks/useCarouselScroll/index.d.ts +11 -0
  35. package/dist/cjs/types/constants/img.constants.d.ts +5 -0
  36. package/dist/cjs/types/constants/stories/carousel.constants.d.ts +42 -0
  37. package/dist/cjs/types/constants/stories/index.d.ts +1 -0
  38. package/dist/cjs/types/shared/tokens/index.d.ts +18 -7
  39. package/dist/cjs/types/utils/domNode/nodeCount.util.d.ts +3 -0
  40. package/dist/esm/css/magneto.ui.lib.min.css +1 -1
  41. package/dist/esm/index.js +1483 -1247
  42. package/dist/esm/index.js.map +1 -1
  43. package/dist/esm/types/components/UI/molecules/CompanyCard/CompanyCard.component.d.ts +5 -0
  44. package/dist/esm/types/components/UI/molecules/CompanyCard/CompanyCard.interface.d.ts +91 -0
  45. package/dist/esm/types/components/UI/molecules/CompanyCard/index.d.ts +1 -0
  46. package/dist/esm/types/components/UI/molecules/HorizontalMenu/HorizontalMenu.interface.d.ts +1 -5
  47. package/dist/esm/types/components/UI/molecules/ImageCard/ImageCard.component.d.ts +3 -0
  48. package/dist/esm/types/components/UI/molecules/ImageCard/ImageCard.interface.d.ts +44 -0
  49. package/dist/esm/types/components/UI/molecules/ImageCard/index.d.ts +1 -0
  50. package/dist/esm/types/components/UI/molecules/JobFooterCard/JobFooterCard.interface.d.ts +4 -0
  51. package/dist/esm/types/components/UI/molecules/index.d.ts +2 -0
  52. package/dist/esm/types/components/UI/organism/Carousel/Carousel.component.d.ts +8 -0
  53. package/dist/esm/types/components/UI/organism/Carousel/Carousel.interface.d.ts +135 -0
  54. package/dist/esm/types/components/UI/organism/Carousel/children/CarouselButtons/CarouselButtons.component.d.ts +3 -0
  55. package/dist/esm/types/components/UI/organism/Carousel/children/CarouselFooter/CarouselFooter.component.d.ts +3 -0
  56. package/dist/esm/types/components/UI/organism/Carousel/children/CarouselHeader/CarouselHeader.component.d.ts +3 -0
  57. package/dist/esm/types/components/UI/organism/Carousel/children/CarouselItems/CarouselItems.component.d.ts +3 -0
  58. package/dist/esm/types/components/UI/organism/Carousel/index.d.ts +2 -0
  59. package/dist/esm/types/components/UI/organism/index.d.ts +1 -0
  60. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/CandidateProfileTemplate.component.d.ts +2 -1
  61. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/CandidateProfileTemplate.interface.d.ts +8 -0
  62. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/CandidateProfileTemplateHeader.component.d.ts +1 -1
  63. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/index.d.ts +0 -1
  64. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/CandidateProfileTemplateMainNav.component.d.ts +5 -0
  65. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/CandidateProfileTemplateMainNav.interface.d.ts +2 -0
  66. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/index.d.ts +2 -0
  67. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/index.d.ts +1 -0
  68. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/index.d.ts +1 -1
  69. package/dist/esm/types/components/docs/DesignSystem/children/DesignSystemWeight/DesignSystemWeight.component.d.ts +2 -0
  70. package/dist/esm/types/components/docs/DesignSystem/children/index.d.ts +1 -0
  71. package/dist/esm/types/components/hooks/useCarouselScroll/index.d.ts +11 -0
  72. package/dist/esm/types/constants/img.constants.d.ts +5 -0
  73. package/dist/esm/types/constants/stories/carousel.constants.d.ts +42 -0
  74. package/dist/esm/types/constants/stories/index.d.ts +1 -0
  75. package/dist/esm/types/shared/tokens/index.d.ts +18 -7
  76. package/dist/esm/types/utils/domNode/nodeCount.util.d.ts +3 -0
  77. package/dist/index.d.ts +278 -15
  78. package/dist/tokens/_border.scss +1 -1
  79. package/dist/tokens/_gap.scss +4 -0
  80. package/dist/tokens/_index.scss +1 -0
  81. package/dist/tokens/_margin.scss +4 -0
  82. package/dist/tokens/_padding.scss +4 -0
  83. package/dist/tokens/_radius.scss +4 -0
  84. package/dist/tokens/_scale.scss +78 -30
  85. package/dist/tokens/_screen.scss +2 -2
  86. package/dist/tokens/_text.scss +4 -2
  87. package/dist/tokens/_weight.scss +10 -0
  88. package/package.json +1 -1
  89. package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/CandidateProfileTemplateHeader.interface.d.ts +0 -2
  90. package/dist/esm/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/CandidateProfileTemplateHeader.interface.d.ts +0 -2
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { ICompanyCardProps, IWithDescriptionProps, IWithoutDescriptionProps } from './CompanyCard.interface';
3
+ export declare const CompanyCardWithDescription: React.FC<IWithDescriptionProps>;
4
+ export declare const CompanyCardWithoutDescription: React.FC<IWithoutDescriptionProps>;
5
+ export declare const CompanyCard: React.FC<ICompanyCardProps>;
@@ -0,0 +1,91 @@
1
+ import { ReactNode } from 'react';
2
+ interface IBaseCompanyComponentProps {
3
+ /**
4
+ * Logo of the company
5
+ */
6
+ logo: string;
7
+ /**
8
+ * Name of the company
9
+ */
10
+ companyName: string;
11
+ /**
12
+ * Link to the company page
13
+ */
14
+ buttonLink: string;
15
+ /**
16
+ * Class name for the component
17
+ */
18
+ className?: string;
19
+ /**
20
+ * Type of the company card
21
+ */
22
+ companyCardType?: 'withDescription' | 'withoutDescription';
23
+ /**
24
+ * Background color of the card
25
+ */
26
+ backgroundColor?: 'gray' | 'white' | 'transparent';
27
+ }
28
+ export interface IWithDescriptionProps extends IBaseCompanyComponentProps {
29
+ /**
30
+ * Number of job openings
31
+ */
32
+ jobCount: string;
33
+ /**
34
+ * Description of the company
35
+ */
36
+ description: string;
37
+ /**
38
+ * Text for the button
39
+ */
40
+ buttonText: string;
41
+ }
42
+ export interface IWithoutDescriptionProps extends IBaseCompanyComponentProps {
43
+ /**
44
+ * Title of the job opening
45
+ */
46
+ vacantTitle: string;
47
+ /**
48
+ * Salary for the job opening
49
+ */
50
+ salary: string;
51
+ }
52
+ export declare type ICompanyCardProps = IWithDescriptionProps | IWithoutDescriptionProps;
53
+ interface IBaseCardProps {
54
+ /**
55
+ * Class name for the component
56
+ */
57
+ className?: string;
58
+ /**
59
+ * Background color of the card
60
+ */
61
+ backgroundColor?: 'gray' | 'white' | 'transparent';
62
+ /**
63
+ * Logo of the company
64
+ */
65
+ logo: string;
66
+ /**
67
+ * Name of the company
68
+ */
69
+ companyName: string;
70
+ /**
71
+ * Header content to display
72
+ */
73
+ headerContent: ReactNode;
74
+ }
75
+ export interface IWithDescriptionCardProps extends IBaseCardProps {
76
+ /**
77
+ * Main content to display
78
+ */
79
+ mainContent: ReactNode;
80
+ /**
81
+ * Footer content to display
82
+ */
83
+ footerContent: ReactNode;
84
+ }
85
+ export interface IWithoutDescriptionCardProps extends IBaseCardProps {
86
+ /**
87
+ * Link to the company page
88
+ */
89
+ buttonLink: string;
90
+ }
91
+ export {};
@@ -0,0 +1 @@
1
+ export * from './CompanyCard.component';
@@ -7,15 +7,11 @@ export interface IHorizontalMenu {
7
7
  /**
8
8
  * options of horizontal menu
9
9
  */
10
- options: IHorizontalMenuOption[];
10
+ options?: IHorizontalMenuOption[];
11
11
  /**
12
12
  * onChange of horizontal menu
13
13
  */
14
14
  onChange?: (selectedItem: number) => void;
15
- /**
16
- * onClick of horizontal menu
17
- */
18
- onClick?: () => void;
19
15
  }
20
16
  export interface IHorizontalMenuOption {
21
17
  /**
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ICardImage } from './ImageCard.interface';
3
+ export declare const ImageCard: React.FC<ICardImage>;
@@ -0,0 +1,44 @@
1
+ import { IconProps } from '@components/UI/atoms';
2
+ export interface ICardImage {
3
+ /**
4
+ * Path to the image to be displayed.
5
+ */
6
+ imagePath: string;
7
+ /**
8
+ * Title of the image card.
9
+ */
10
+ title: string;
11
+ /**
12
+ * Additional class names for custom styling.
13
+ */
14
+ className?: string;
15
+ /**
16
+ * Description of the image card.
17
+ */
18
+ description?: string;
19
+ /**
20
+ * Alt text for the image.
21
+ */
22
+ alt?: string;
23
+ /**
24
+ * Custom direct dimensions for the image card.
25
+ */
26
+ dimensions?: ICardImageStyles;
27
+ /**
28
+ * Icon props to be displayed on the image card.
29
+ */
30
+ icon?: IconProps & {
31
+ showIcon?: boolean;
32
+ };
33
+ }
34
+ interface ICardImageStyles {
35
+ /**
36
+ * Height of the image card.
37
+ */
38
+ height?: string;
39
+ /**
40
+ * Width of the image card.
41
+ */
42
+ width?: string;
43
+ }
44
+ export {};
@@ -0,0 +1 @@
1
+ export * from './ImageCard.component';
@@ -42,4 +42,8 @@ export interface IJobFooterCard {
42
42
  * Props for the share button component.
43
43
  */
44
44
  shareButtonProps: IShareButton;
45
+ /**
46
+ * This is the company name
47
+ */
48
+ companyName?: string;
45
49
  }
@@ -81,3 +81,5 @@ export * from './Tooltip';
81
81
  export * from './UserMenu';
82
82
  export * from './UserMenuAnalyst';
83
83
  export * from './UserMenuWrapperAnalyst';
84
+ export * from './ImageCard';
85
+ export * from './CompanyCard';
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { ICarousel } from './Carousel.interface';
3
+ export declare const Carousel: React.FC<ICarousel> & {
4
+ Items: React.FC<ICarousel.Items>;
5
+ Header: React.FC<ICarousel.Header>;
6
+ Footer: React.FC<ICarousel.Footer>;
7
+ Button: React.FC<ICarousel.Buttons>;
8
+ };
@@ -0,0 +1,135 @@
1
+ /// <reference types="react" />
2
+ export interface ICarousel {
3
+ /**
4
+ * Render the component children
5
+ */
6
+ children: React.ReactNode;
7
+ /**
8
+ * Class names for the components
9
+ */
10
+ classNamesObject?: {
11
+ /**
12
+ * Base class name for the carousel
13
+ */
14
+ base?: string;
15
+ /**
16
+ * Class names for the header component
17
+ */
18
+ headerContainer?: string;
19
+ /**
20
+ * Class names for the header items container
21
+ */
22
+ headerItem?: string;
23
+ /**
24
+ * Class names for the buttons for the component
25
+ */
26
+ buttons?: string;
27
+ /**
28
+ * Class names for the items container
29
+ */
30
+ items?: string;
31
+ /**
32
+ * Class names for the item component
33
+ */
34
+ item?: string;
35
+ };
36
+ /**
37
+ * Enable auto scroll for the carousel
38
+ */
39
+ autoScroll?: boolean;
40
+ /**
41
+ * Interval for auto scroll
42
+ */
43
+ scrollInterval?: number;
44
+ /**
45
+ * Enable mobile scrollable for the carousel
46
+ */
47
+ mobileScrollable?: boolean;
48
+ /**
49
+ * Size of the buttons
50
+ */
51
+ sizeButtons?: number;
52
+ /**
53
+ * Number of items per section
54
+ */
55
+ itemsPerSection?: number;
56
+ /**
57
+ * Gap between items
58
+ */
59
+ gap?: number;
60
+ /**
61
+ * Maximum width of the container
62
+ */
63
+ maxContainerWidth?: string;
64
+ /**
65
+ * Current index of the carousel, for controlled mode
66
+ */
67
+ currentIndex?: number;
68
+ /**
69
+ * Callback function to change the slide
70
+ */
71
+ onChangeSlide?: (newIndex: number) => void;
72
+ }
73
+ export declare namespace ICarousel {
74
+ interface Header {
75
+ /**
76
+ * React children to be rendered inside the container.
77
+ */
78
+ children?: React.ReactNode;
79
+ /**
80
+ * Additional class names for custom styling.
81
+ */
82
+ className?: string;
83
+ }
84
+ interface Items {
85
+ /**
86
+ * React children to be rendered inside the container.
87
+ */
88
+ children?: React.ReactNode;
89
+ /**
90
+ * Additional class names for custom styling.
91
+ */
92
+ className?: string;
93
+ }
94
+ interface Footer {
95
+ /**
96
+ * React children to be rendered inside the container.
97
+ */
98
+ children?: React.ReactNode;
99
+ /**
100
+ * Additional class names for custom styling.
101
+ */
102
+ className?: string;
103
+ }
104
+ interface Buttons {
105
+ /**
106
+ * Buttons to navigate to the previous slide in the carousel
107
+ */
108
+ onPrevSlide: () => void;
109
+ /**
110
+ * Buttons to navigate to the next slide in the carousel
111
+ */
112
+ onNextSlide: () => void;
113
+ /**
114
+ * Additional class names for custom styling.
115
+ */
116
+ className?: string;
117
+ /**
118
+ * Size of the buttons
119
+ */
120
+ size?: number;
121
+ /**
122
+ * Icons for the buttons
123
+ */
124
+ icons?: {
125
+ /**
126
+ * Icon for the previous button
127
+ */
128
+ left: string;
129
+ /**
130
+ * Icon for the next button
131
+ */
132
+ right: string;
133
+ };
134
+ }
135
+ }
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ICarousel } from '../../Carousel.interface';
3
+ export declare const CarouselButtons: React.FC<ICarousel.Buttons>;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ICarousel } from '../../Carousel.interface';
3
+ export declare const CarouselFooter: React.FC<ICarousel.Footer>;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ICarousel } from '../../Carousel.interface';
3
+ export declare const CarouselHeader: React.FC<ICarousel.Header>;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ICarousel } from '../../Carousel.interface';
3
+ export declare const CarouselItems: React.FC<ICarousel.Items>;
@@ -0,0 +1,2 @@
1
+ export { Carousel } from './Carousel.component';
2
+ export * from './Carousel.interface';
@@ -35,3 +35,4 @@ export * from './Select2';
35
35
  export * from './SimilarJobs';
36
36
  export * from './Timeline';
37
37
  export * from './UserTerms';
38
+ export * from './Carousel';
@@ -6,7 +6,8 @@ import { ICandidateProfileTemplate } from './CandidateProfileTemplate.interface'
6
6
  export declare const CandidateProfileTemplate: React.FC<ICandidateProfileTemplate> & {
7
7
  Provider: React.FC<import("./CandidateProfileTemplate.interface").ICandidateProvider>;
8
8
  useCandidateProfile: () => import("./CandidateProfileTemplate.interface").ICandidateTemplateContext;
9
- Header: React.FC<import("../../molecules").IHorizontalMenu>;
9
+ Header: React.FC<{}>;
10
+ MainNav: React.FC<import("../../molecules").IHorizontalMenu>;
10
11
  Nav: React.FC<import("./children").TCandidateProfileTemplateNav>;
11
12
  Profile: React.FC<import("./children").ICandidateProfileTemplateProfile>;
12
13
  Screen: React.FC<any>;
@@ -56,6 +56,14 @@ export interface ICandidateTemplateContext {
56
56
  * Function to set the height of bottom navigation
57
57
  */
58
58
  setNavHeight: (height: number) => void;
59
+ /**
60
+ * Height of header
61
+ */
62
+ headerHeight: number;
63
+ /**
64
+ * Function to set the height of header
65
+ */
66
+ setHeaderHeight: (height: number) => void;
59
67
  }
60
68
  export interface ICandidateProvider {
61
69
  /**
@@ -2,4 +2,4 @@ import React from 'react';
2
2
  /**
3
3
  * Template UI child component of Candidate Profile.
4
4
  */
5
- export declare const CandidateProfileTemplateHeader: React.FC<import("@components/UI/molecules").IHorizontalMenu>;
5
+ export declare const CandidateProfileTemplateHeader: React.FC<{}>;
@@ -1,2 +1 @@
1
1
  export { CandidateProfileTemplateHeader as Header } from './CandidateProfileTemplateHeader.component';
2
- export * from './CandidateProfileTemplateHeader.interface';
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ /**
3
+ * Template UI child component of Candidate Profile.
4
+ */
5
+ export declare const CandidateProfileTemplateMainNav: React.FC<import("@components/UI/molecules").IHorizontalMenu>;
@@ -0,0 +1,2 @@
1
+ import { IHorizontalMenu } from '@components/UI/molecules';
2
+ export declare type TCandidateProfileTemplateMainNav = IHorizontalMenu;
@@ -0,0 +1,2 @@
1
+ export { CandidateProfileTemplateMainNav as MainNav } from './CandidateProfileTemplateMainNav.component';
2
+ export * from './CandidateProfileTemplateMainNav.interface';
@@ -1,4 +1,5 @@
1
1
  export * from './CandidateProfileTemplateHeader';
2
+ export * from './CandidateProfileTemplateMainNav';
2
3
  export * from './CandidateProfileTemplateNav';
3
4
  export * from './CandidateProfileTemplateProfile';
4
5
  export * from './CandidateProfileTemplateScreen';
@@ -1,3 +1,3 @@
1
1
  export { CandidateProfileTemplate } from './CandidateProfileTemplate.component';
2
2
  export * from './CandidateProfileTemplate.interface';
3
- export type { TCandidateProfileTemplateHeader, TCandidateProfileTemplateNav, ICandidateProfileTemplateProfile } from './children';
3
+ export type { TCandidateProfileTemplateMainNav, TCandidateProfileTemplateNav, ICandidateProfileTemplateProfile } from './children';
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const DesignSystemWeight: React.FC<{}>;
@@ -10,3 +10,4 @@ export { DesignSystemScreen } from './DesignSystemScreen/DesignSystemScreen.comp
10
10
  export { DesignSystemShadow } from './DesignSystemShadow/DesignSystemShadow.component';
11
11
  export { DesignSystemText } from './DesignSystemText/DesignSystemText.component';
12
12
  export { DesignSystemUtilityClass } from './DesignSystemUtilityClass/DesignSystemUtilityClass.component';
13
+ export { DesignSystemWeight } from './DesignSystemWeight/DesignSystemWeight.component';
@@ -0,0 +1,11 @@
1
+ interface useCarouselScrollProps {
2
+ totalSections: number;
3
+ autoScroll: boolean;
4
+ scrollInterval: number;
5
+ isDisabled?: boolean;
6
+ }
7
+ export declare const useCarouselScroll: ({ totalSections, autoScroll, scrollInterval, isDisabled }: useCarouselScrollProps) => {
8
+ currentIndex: number;
9
+ changeSlide: (dir: 1 | -1) => void;
10
+ };
11
+ export {};
@@ -1 +1,6 @@
1
1
  export { default as Avatar3DImg } from '../assets/img/3d-avatar.png';
2
+ export { default as Company } from '../assets/img/company.png';
3
+ export { default as City } from '../assets/img/city.png';
4
+ export declare enum altDynamicText {
5
+ workAt = "Trabajo en"
6
+ }
@@ -0,0 +1,42 @@
1
+ export declare const imageCardPrefix = "image-card";
2
+ export declare const companyCardPrefix = "company-card";
3
+ export declare const carouselPrefix = "carousel";
4
+ export declare const imageCardData: {
5
+ alt: string;
6
+ imagePath: any;
7
+ title: string;
8
+ description: string;
9
+ link: string;
10
+ };
11
+ export declare const companyCardData: {
12
+ logo: any;
13
+ jobCount: string;
14
+ companyName: string;
15
+ buttonLink: string;
16
+ vacantTitle: string;
17
+ salary: string;
18
+ companyCardType: string;
19
+ };
20
+ export declare const companyCardDataWithDescription: {
21
+ logo: any;
22
+ description: string;
23
+ companyName: string;
24
+ buttonLink: string;
25
+ buttonText: string;
26
+ companyCardType: string;
27
+ };
28
+ export declare const cityCards: {
29
+ title: string;
30
+ description: string;
31
+ imagePath: any;
32
+ alt: string;
33
+ link: string;
34
+ }[];
35
+ export declare const companyCards: {
36
+ logo: any;
37
+ description: string;
38
+ companyName: string;
39
+ buttonLink: string;
40
+ buttonText: string;
41
+ companyCardType: string;
42
+ }[];
@@ -28,3 +28,4 @@ export * from './vacancies.constants';
28
28
  export * from './vacancyProcessCard.constants';
29
29
  export * from './vacancyStageCard.constants';
30
30
  export * from './vacantPositionsCategory.constants';
31
+ export * from './carousel.constants';
@@ -31,7 +31,7 @@ export declare type MagnetoUIColor = 'transparent' | 'inherit' | 'current' | 'bl
31
31
  * @category layout
32
32
  * @tags spacing, gap, layout, grid, flexbox
33
33
  */
34
- export declare type MagnetoUIGap = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
34
+ export declare type MagnetoUIGap = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
35
35
  /**
36
36
  * @description Spacing SCCS vars used for setting margin around elements for consistent layout spacing.
37
37
  * @example ```scss
@@ -42,7 +42,7 @@ export declare type MagnetoUIGap = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg'
42
42
  * @category spacing
43
43
  * @tags spacing, margin, layout, spacing-system
44
44
  */
45
- export declare type MagnetoUIMargin = 'inherit' | 'none' | 'auto' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
45
+ export declare type MagnetoUIMargin = 'inherit' | 'none' | 'auto' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
46
46
  /**
47
47
  * @description Opacity SCC vars used to define transparency levels for elements and UI states.
48
48
  * @example ```scss
@@ -64,7 +64,7 @@ export declare type MagnetoUIOpacity = '10' | '12' | '20' | '30' | '40' | '50' |
64
64
  * @category spacing
65
65
  * @tags spacing, padding, layout, box-model
66
66
  */
67
- export declare type MagnetoUIPadding = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
67
+ export declare type MagnetoUIPadding = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
68
68
  /**
69
69
  * @description Radius SCSS vars used to define consistent border-radius values across components.
70
70
  * @example ```scss
@@ -75,7 +75,7 @@ export declare type MagnetoUIPadding = 'inherit' | 'min' | 'xs' | 'sm' | 'md' |
75
75
  * @category visual
76
76
  * @tags radius, border-radius, rounding, shape, visual
77
77
  */
78
- export declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
78
+ export declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'full';
79
79
  /**
80
80
  * @description Scale SCSS vars for handling responsive designs.
81
81
  * @example ```scss
@@ -86,7 +86,7 @@ export declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'md' | '
86
86
  * @category motion
87
87
  * @tags scale, transform, animation, motion
88
88
  */
89
- export declare type MagnetoUIScale = 'inherit' | 'none' | 'auto' | 'full' | 'min' | 'px-base' | 'px-2xs' | 'px-xs' | 'px-sm' | 'px-md' | 'px-lg' | 'px-xl' | 'px-2xl' | 'px-3xl' | 'px-4xl' | 'px-container-2xs' | 'px-container-xs' | 'px-container-sm' | 'px-container-md' | 'px-container-lg' | 'px-container-xl' | 'px-container-2xl' | 'px-container-3xl' | 'rem-2xs' | 'rem-xs' | 'rem-sm' | 'rem-md' | 'rem-lg' | 'rem-xl' | 'rem-2xl' | 'rem-3xl' | 'rem-4xl' | 'rem-container-2xs' | 'rem-container-xs' | 'rem-container-sm' | 'rem-container-md' | 'rem-container-lg' | 'rem-container-xl' | 'rem-container-2xl' | 'rem-container-3xl';
89
+ export declare type MagnetoUIScale = 'inherit' | 'none' | 'auto' | 'full' | 'min' | 'px-base' | 'px-xxs' | 'px-xs' | 'px-sm' | 'px-sm-2' | 'px-md' | 'px-md-2' | 'px-lg' | 'px-xl' | 'px-2xl' | 'px-3xl' | 'px-4xl' | 'px-container-xxs' | 'px-container-xs' | 'px-container-sm' | 'px-container-md' | 'px-container-lg' | 'px-container-xl' | 'px-container-2xl' | 'px-container-3xl' | 'rem-xxs' | 'rem-xs' | 'rem-sm' | 'rem-sm-2' | 'rem-md' | 'rem-md-2' | 'rem-lg' | 'rem-xl' | 'rem-2xl' | 'rem-3xl' | 'rem-4xl' | 'rem-container-xxs' | 'rem-container-xs' | 'rem-container-sm' | 'rem-container-md' | 'rem-container-lg' | 'rem-container-xl' | 'rem-container-2xl' | 'rem-container-3xl';
90
90
  /**
91
91
  * @description Breakpoint SCSS vars used for media queries and responsive layout control.
92
92
  * @example ```scss
@@ -99,7 +99,7 @@ export declare type MagnetoUIScale = 'inherit' | 'none' | 'auto' | 'full' | 'min
99
99
  * @category responsive
100
100
  * @tags breakpoint, media query, responsive, screen
101
101
  */
102
- export declare type MagnetoUIScreen = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
102
+ export declare type MagnetoUIScreen = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
103
103
  /**
104
104
  * @description Shadow SCSS vars for consistent elevation and depth effects in components.
105
105
  * @example ```scss
@@ -121,4 +121,15 @@ export declare type MagnetoUIShadow = '10' | '20' | '30' | 'inherit' | 'none';
121
121
  * @category typography
122
122
  * @tags text, typography, font, size, weight, line-height
123
123
  */
124
- export declare type MagnetoUIText = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
124
+ export declare type MagnetoUIText = 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
125
+ /**
126
+ * @description Weight SCSS vars for consistent font weights.
127
+ * @example ```scss
128
+ * .title {
129
+ * font-size: $weight-normal;
130
+ * }
131
+ * ```
132
+ * @category typography
133
+ * @tags text, typography, font, size, weight, line-height
134
+ */
135
+ export declare type MagnetoUIWeight = 'normal' | 'bold' | 'black';
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ export declare const getChildrenByType: (children: React.ReactNode, type: React.ElementType) => (React.ReactChild | React.ReactFragment | React.ReactPortal)[];
3
+ export declare const getAllItems: (children: React.ReactNode, type: React.ElementType) => React.ReactNode[];