magneto365.ui 2.79.0 → 2.80.0

package/dist/esm/index.js

@@ -14,10 +14,13 @@ export { DateDropdown } from './components/UI/atoms/DateDropdown/DateDropdown.co
 export { DateInput } from './components/UI/atoms/DateInput/DateInput.js';
 export { Divider } from './components/UI/atoms/Divider/Divider.component.js';
 export { DotsLoader } from './components/UI/atoms/DotsLoader/DotsLoader.component.js';
+export { Field } from './components/UI/atoms/Field/Field.component.js';
 export { FlatLoader } from './components/UI/atoms/FlatLoader/FlatLoader.component.js';
 export { HeaderTab } from './components/UI/atoms/HeaderTab/HeaderTab.component.js';
+export { HorizontalBar } from './components/UI/atoms/HorizontalBar/HorizontalBar.component.js';
 export { IconItem } from './components/UI/atoms/Icon/Icon.component.js';
 export { default as Image } from './components/UI/atoms/Image/Image.component.js';
+export { InlineDetails } from './components/UI/atoms/InlineDetails/InlineDetails.component.js';
 export { InputFile } from './components/UI/atoms/InputFile/InputFile.component.js';
 export { default as InputSearch } from './components/UI/atoms/InputSearch/InputSearch.component.js';
 export { JobHeader } from './components/UI/atoms/JobHeader/JobHeader.component.js';
@@ -45,8 +48,6 @@ export { ToggleButton } from './components/UI/atoms/ToggleButton/ToggleButton.co
 export { Typography } from './components/UI/atoms/Typography/Typography.component.js';
 export { ETypographyFontWeight } from './components/UI/atoms/Typography/Typography.interface.js';
 export { UserMenuButtonAnalyst } from './components/UI/atoms/UserMenuButtonAnalyst/UserMenuButtonAnalyst.component.js';
-export { InlineDetails } from './components/UI/atoms/InlineDetails/InlineDetails.component.js';
-export { HorizontalBar } from './components/UI/atoms/HorizontalBar/HorizontalBar.component.js';
 export { Actions } from './components/UI/molecules/Actions/Actions.component.js';
 export { Alert } from './components/UI/molecules/Alert/Alert.component.js';
 export { AlertJobModal } from './components/UI/molecules/AlertJobModal/AlertJobModal.component.js';
@@ -139,6 +140,7 @@ export { PortalTooltip } from './components/UI/molecules/PortalTooltip/PortalToo
 export { ImageCard } from './components/UI/molecules/ImageCard/ImageCard.component.js';
 export { CompanyCard, CompanyCardWithDescription, CompanyCardWithoutDescription } from './components/UI/molecules/CompanyCard/CompanyCard.component.js';
 export { JobDetails } from './components/UI/molecules/JobDetails/JobDetails.component.js';
+export { default as SimilarJobsCard } from './components/UI/molecules/SimilarJobsCard/SimilarJobsCard.component.js';
 export { AlertsPanel } from './components/UI/organism/AlertsPanel/AlertsPanel.component.js';
 export { default as AlphabetFilter } from './components/UI/organism/AlphabetFilter/AlphabetFilter.component.js';
 export { ApplicationSummary } from './components/UI/organism/ApplicationSummary/ApplicationSummary.component.js';
@@ -190,6 +192,7 @@ export { UserTermText } from './components/UI/organism/UserTerms/children/UserTe
 export { UserTermTitle } from './components/UI/organism/UserTerms/children/UserTermTitle/UserTermTitle.component.js';
 export { UserTermUList } from './components/UI/organism/UserTerms/children/UserTermUList/UserTermUList.component.js';
 export { Carousel } from './components/UI/organism/Carousel/Carousel.component.js';
+export { default as SimilarJobs } from './components/UI/organism/SimilarJobs/SimilarJobs.component.js';
 export { SuggestedJobsPage } from './components/UI/page/SuggestedJobsPage/SuggestedJobsPage.component.js';
 export { default as JobsPage } from './components/UI/page/JobsPage/JobsPage.component.js';
 export { AnalystTemplate } from './components/UI/template/AnalystTemplate/AnalystTemplate.component.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/tokens/_scale.scss

@@ -16,6 +16,7 @@ $scale-px-xl: 20px;
 $scale-px-2xl: 24px;
 $scale-px-3xl: 28px;
 $scale-px-4xl: 32px;
+$scale-px-5xl: 40px;
 $scale-px-container-xxs: 375px;
 $scale-px-container-xs: 480px;
 $scale-px-container-sm: 576px;
@@ -35,6 +36,7 @@ $scale-rem-xl: calc($scale-px-xl / $scale-px-base) * 1rem;
 $scale-rem-2xl: calc($scale-px-2xl / $scale-px-base) * 1rem;
 $scale-rem-3xl: calc($scale-px-3xl / $scale-px-base) * 1rem;
 $scale-rem-4xl: calc($scale-px-4xl / $scale-px-base) * 1rem;
+$scale-rem-5xl: calc($scale-px-5xl / $scale-px-base) * 1rem;
 $scale-rem-container-xxs: calc($scale-px-container-xxs / $scale-px-base) * 1rem;
 $scale-rem-container-xs: calc($scale-px-container-xs / $scale-px-base) * 1rem;
 $scale-rem-container-sm: calc($scale-px-container-sm / $scale-px-base) * 1rem;
@@ -62,6 +64,7 @@ $scale-map: (
   px-2xl: $scale-px-2xl,
   px-3xl: $scale-px-3xl,
   px-4xl: $scale-px-4xl,
+  px-5xl: $scale-px-5xl,
   px-container-xxs: $scale-px-container-xxs,
   px-container-xs: $scale-px-container-xs,
   px-container-sm: $scale-px-container-sm,
@@ -81,6 +84,7 @@ $scale-map: (
   rem-2xl: $scale-rem-2xl,
   rem-3xl: $scale-rem-3xl,
   rem-4xl: $scale-rem-4xl,
+  rem-5xl: $scale-rem-5xl,
   rem-container-xxs: $scale-rem-container-xxs,
   rem-container-xs: $scale-rem-container-xs,
   rem-container-sm: $scale-rem-container-sm,

package/dist/tokens/_utilities.scss

@@ -535,6 +535,9 @@
 .w-4xl {
   width: scale.$scale-rem-4xl;
 }
+.w-5xl {
+  width: scale.$scale-rem-5xl;
+}
 .w-container-xxs {
   width: scale.$scale-rem-container-xxs;
 }
@@ -608,6 +611,9 @@
 .min-w-4xl {
   min-width: scale.$scale-rem-4xl;
 }
+.min-w-5xl {
+  min-width: scale.$scale-rem-5xl;
+}
 .min-w-container-xxs {
   min-width: scale.$scale-rem-container-xxs;
 }
@@ -681,6 +687,9 @@
 .h-4xl {
   height: scale.$scale-rem-4xl;
 }
+.h-5xl {
+  height: scale.$scale-rem-5xl;
+}
 .h-container-xxs {
   height: scale.$scale-rem-container-xxs;
 }
@@ -754,6 +763,9 @@
 .min-h-4xl {
   min-height: scale.$scale-rem-4xl;
 }
+.min-h-5xl {
+  min-height: scale.$scale-rem-5xl;
+}
 .min-h-container-xxs {
   min-height: scale.$scale-rem-container-xxs;
 }
@@ -843,6 +855,10 @@
   width: scale.$scale-rem-4xl;
   height: scale.$scale-rem-4xl;
 }
+.sq-5xl {
+  width: scale.$scale-rem-5xl;
+  height: scale.$scale-rem-5xl;
+}
 
 .min-sq-inherit {
   min-width: scale.$scale-inherit;
@@ -908,3 +924,7 @@
   min-width: scale.$scale-rem-4xl;
   min-height: scale.$scale-rem-4xl;
 }
+.min-sq-5xl {
+  min-width: scale.$scale-rem-5xl;
+  min-height: scale.$scale-rem-5xl;
+}

package/dist/types/components/UI/atoms/Field/Field.component.d.ts

@@ -0,0 +1,31 @@
+import React__default from 'react';
+import { IFieldListItem } from './children/FieldList/children/FieldListItem/FieldListItem.interface';
+import { IFieldListWrapper } from './children/FieldList/children/FieldListWrapper/FieldListWrapper.interface';
+import { IFieldArea } from './children/FieldArea/FieldArea.interface';
+import { IFieldGroup } from './children/FieldGroup/FieldGroup.interface';
+import { IFieldHint } from './children/FieldHint/FieldHint.interface';
+import { IFieldInput } from './children/FieldInput/FieldInput.interface';
+import { IFieldLabel } from './children/FieldLabel/FieldLabel.interface';
+import { IFieldList } from './children/FieldList/FieldList.interface';
+import { IField } from './Field.interface';
+
+/**
+ * Atom UI of field. It includes .
+ */
+declare const Field: React__default.ForwardRefExoticComponent<IField & React__default.RefAttributes<HTMLDivElement>> & {
+    Area: React__default.ForwardRefExoticComponent<IFieldArea & React__default.RefAttributes<HTMLTextAreaElement>>;
+    Hint: React__default.ForwardRefExoticComponent<IFieldHint & React__default.RefAttributes<HTMLSpanElement>>;
+    Input: React__default.ForwardRefExoticComponent<IFieldInput & React__default.RefAttributes<HTMLInputElement>>;
+    Label: React__default.ForwardRefExoticComponent<IFieldLabel & React__default.RefAttributes<HTMLLabelElement>>;
+    List: (<T>(props: IFieldList<T> & {
+        ref?: React__default.ForwardedRef<HTMLUListElement> | undefined;
+    }) => JSX.Element) & {
+        Item: <T_1>(props: IFieldListItem<T_1> & {
+            ref?: React__default.ForwardedRef<HTMLLIElement> | undefined;
+        }) => JSX.Element;
+        Wrapper: React__default.ForwardRefExoticComponent<IFieldListWrapper & React__default.RefAttributes<HTMLDivElement>>;
+    };
+    Group: React__default.ForwardRefExoticComponent<IFieldGroup & React__default.RefAttributes<HTMLDivElement>>;
+};
+
+export { Field };

package/dist/types/components/UI/atoms/Field/Field.interface.d.ts

@@ -0,0 +1,33 @@
+interface IField extends React.HTMLAttributes<HTMLDivElement> {
+    error?: boolean;
+}
+interface IFieldProvider {
+    children?: React.ReactNode;
+    className?: string;
+    fieldRef?: React.ForwardedRef<HTMLDivElement>;
+}
+interface IFieldContext {
+    breakpoint: string | null;
+    hasError?: boolean;
+    hasList: boolean;
+    id: string;
+    isFocused: boolean;
+    isMobile: boolean;
+    wrapperRef: React.RefObject<HTMLDivElement>;
+    onBlur: <T>(evt?: React.FocusEvent<T>, ref?: React.RefObject<T> | React.ForwardedRef<T>) => void;
+    onFocus: <T>(evt: React.FocusEvent<T>) => void;
+    setBreakpoint: React.Dispatch<React.SetStateAction<string | null>>;
+    setHasError: React.Dispatch<React.SetStateAction<boolean | undefined>>;
+    setHasList: React.Dispatch<React.SetStateAction<boolean>>;
+    setId: React.Dispatch<React.SetStateAction<string>>;
+    setIsFocused: React.Dispatch<React.SetStateAction<boolean>>;
+}
+interface IUseFieldFocus<T> {
+    disabled?: boolean;
+    readOnly?: boolean;
+    ref?: React.RefObject<T>;
+    onBlur?: (evt: React.FocusEvent<T>) => void;
+    onFocus?: (evt: React.FocusEvent<T>) => void;
+}
+
+export { IField, IFieldContext, IFieldProvider, IUseFieldFocus };

package/dist/types/components/UI/atoms/Field/children/FieldArea/FieldArea.interface.d.ts

@@ -0,0 +1,6 @@
+interface IFieldArea extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    wrapper?: React.HTMLAttributes<HTMLSpanElement>;
+    error?: boolean;
+}
+
+export { IFieldArea };

package/dist/types/components/UI/atoms/Field/children/FieldGroup/FieldGroup.interface.d.ts

@@ -0,0 +1,5 @@
+interface IFieldGroup extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+
+export { IFieldGroup };

package/dist/types/components/UI/atoms/Field/children/FieldHint/FieldHint.interface.d.ts

@@ -0,0 +1,6 @@
+interface IFieldHint extends React.HTMLAttributes<HTMLSpanElement> {
+    children: React.ReactNode;
+    type: 'hint' | 'warning' | 'error' | 'success';
+}
+
+export { IFieldHint };

package/dist/types/components/UI/atoms/Field/children/FieldInput/FieldInput.interface.d.ts

@@ -0,0 +1,39 @@
+declare type OmittedFieldInputProps = 'prefix' | 'size';
+declare type TFieldInputButtonAlign = 'left' | 'center' | 'right';
+declare type FieldInputButtonAlign = `${TFieldInputButtonAlign}`;
+declare enum FieldInputTypeEnum {
+    TEXT = "text",
+    PASSWORD = "password",
+    NUMBER = "number",
+    EMAIL = "email",
+    TEL = "tel",
+    BUTTON = "button"
+}
+declare type FieldInputTypes = `${FieldInputTypeEnum}`;
+interface IFieldInputBase extends Omit<React.InputHTMLAttributes<HTMLInputElement>, OmittedFieldInputProps> {
+    error?: boolean;
+    isMobile?: never;
+    prefix?: React.ReactNode | ((args: {
+        opened: boolean;
+    }) => React.ReactNode);
+    /**
+     * If for example the dev wants to keep de focus on a mobile environment by clicking it.
+     */
+    preserveFocus?: boolean;
+    size?: 'small' | 'medium';
+    suffix?: React.ReactNode | ((args: {
+        opened: boolean;
+    }) => React.ReactNode);
+    wrapper?: React.HTMLAttributes<HTMLSpanElement>;
+}
+interface IFieldInputButton extends IFieldInputBase {
+    type: `${FieldInputTypeEnum.BUTTON}`;
+    align?: FieldInputButtonAlign;
+}
+interface IFieldInputCommon extends IFieldInputBase {
+    type?: Exclude<FieldInputTypes, `${FieldInputTypeEnum.BUTTON}`>;
+    align?: never;
+}
+declare type IFieldInput = IFieldInputButton | IFieldInputCommon;
+
+export { FieldInputButtonAlign, FieldInputTypeEnum, FieldInputTypes, IFieldInput, IFieldInputBase, IFieldInputButton, IFieldInputCommon, OmittedFieldInputProps, TFieldInputButtonAlign };

package/dist/types/components/UI/atoms/Field/children/FieldLabel/FieldLabel.interface.d.ts

@@ -0,0 +1,5 @@
+interface IFieldLabel extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    children: React.ReactNode;
+}
+
+export { IFieldLabel };

package/dist/types/components/UI/atoms/Field/children/FieldList/FieldList.interface.d.ts

@@ -0,0 +1,24 @@
+declare type OmitedFieldListProps = 'onChange' | 'defaultValue';
+declare type FieldListChildren = React.ReactNode | ((ctx: {
+    isMobile: boolean;
+}) => React.ReactNode);
+declare type FieldListDirection = 'up' | 'down';
+interface IFieldListBaseProps extends Omit<React.HTMLAttributes<HTMLUListElement>, OmitedFieldListProps> {
+    children: FieldListChildren;
+    direction?: FieldListDirection;
+    breakpoint?: string;
+    isMobile?: boolean;
+}
+interface IFieldListMultiple<T> extends IFieldListBaseProps {
+    defaultValue?: T[];
+    multiple: true;
+    onChange?: (value?: T[]) => void;
+}
+interface IFieldListSingle<T> extends IFieldListBaseProps {
+    defaultValue?: T;
+    multiple?: false;
+    onChange?: (value: T) => void;
+}
+declare type IFieldList<T> = IFieldListMultiple<T> | IFieldListSingle<T>;
+
+export { FieldListChildren, FieldListDirection, IFieldList, IFieldListBaseProps, IFieldListMultiple, IFieldListSingle, OmitedFieldListProps };

package/dist/types/components/UI/atoms/Field/children/FieldList/children/FieldListItem/FieldListItem.interface.d.ts

@@ -0,0 +1,6 @@
+interface IFieldListItem<T> extends React.HTMLAttributes<HTMLLIElement> {
+    children: React.ReactNode;
+    value?: T;
+}
+
+export { IFieldListItem };

package/dist/types/components/UI/atoms/Field/children/FieldList/children/FieldListWrapper/FieldListWrapper.interface.d.ts

@@ -0,0 +1,6 @@
+interface IFieldListWrapper extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    nonRelative?: boolean;
+}
+
+export { IFieldListWrapper };

package/dist/types/components/UI/molecules/SimilarJobsCard/SimilarJobsCard.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { ISimilarJobsCard } from './SimilarJobsCard.interface';
+
+declare const SimilarJobsCard: React__default.FC<ISimilarJobsCard>;
+
+export { SimilarJobsCard as default };

package/dist/types/components/UI/molecules/SimilarJobsCard/SimilarJobsCard.interface.d.ts

@@ -0,0 +1,14 @@
+interface ISimilarJobsCard {
+    id?: number | null;
+    title: string;
+    salary: string | null;
+    toAgree: boolean | null;
+    cities: string[];
+    jobUrlSlug: string;
+    experience: string | null;
+    companyLogo: string | null;
+    companyName?: string | null;
+    hideLogo?: boolean;
+}
+
+export { ISimilarJobsCard };

package/dist/types/components/UI/organism/SimilarJobs/SimilarJobs.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { ISimilarJobs } from './SimilarJobs.interface';
+
+declare const SimilarJobs: React__default.FC<ISimilarJobs>;
+
+export { SimilarJobs as default };

package/dist/types/components/UI/organism/SimilarJobs/SimilarJobs.interface.d.ts

@@ -0,0 +1,26 @@
+import { ISimilarJobsCard } from '@components/UI/molecules/SimilarJobsCard/SimilarJobsCard.interface';
+
+interface ISimilarJobs {
+    /**
+     * this is the title in the top
+     */
+    sectionTitle: string;
+    /**
+     * this is the link text
+     */
+    moreJobsText: string;
+    /**
+     * this is the link text
+     */
+    moreJobsLink: string;
+    /**
+     * this property hide the image
+     */
+    hideLogo?: boolean;
+    /**
+     * these are similar jobs cards values
+     */
+    similarJobsCard: ISimilarJobsCard[];
+}
+
+export { ISimilarJobs };

package/dist/types/index.d.ts

@@ -25,13 +25,18 @@ export { IDateInput } from './components/UI/atoms/DateInput/DateInput.interface'
 export { DateInput } from './components/UI/atoms/DateInput/DateInput';
 export { Divider } from './components/UI/atoms/Divider/Divider.component';
 export { DotsLoader } from './components/UI/atoms/DotsLoader/DotsLoader.component';
+export { Field } from './components/UI/atoms/Field/Field.component';
+export { IField, IFieldContext, IFieldProvider, IUseFieldFocus } from './components/UI/atoms/Field/Field.interface';
 export { FlatLoader } from './components/UI/atoms/FlatLoader/FlatLoader.component';
 export { IHeaderTab } from './components/UI/atoms/HeaderTab/HeaderTab.interface';
 export { HeaderTab } from './components/UI/atoms/HeaderTab/HeaderTab.component';
+export { HorizontalBar } from './components/UI/atoms/HorizontalBar/HorizontalBar.component';
 export { IconItem } from './components/UI/atoms/Icon/Icon.component';
 export { IconProps } from './components/UI/atoms/Icon/Icon.interface';
 export { IImage } from './components/UI/atoms/Image/Image.interface';
 export { default as Image } from './components/UI/atoms/Image/Image.component';
+export { IInlineDetails } from './components/UI/atoms/InlineDetails/InlineDetails.interface';
+export { default as InlineDetails } from './components/UI/atoms/InlineDetails/InlineDetails.component';
 export { InputFile } from './components/UI/atoms/InputFile/InputFile.component';
 export { TInputFile } from './components/UI/atoms/InputFile/inputFile.interface';
 export { default as InputSearch } from './components/UI/atoms/InputSearch/InputSearch.component';
@@ -82,9 +87,6 @@ export { ITypographyText } from './components/UI/atoms/Typography/children/Typog
 export { ITypographyTitle } from './components/UI/atoms/Typography/children/TypographyTitle/TypographyTitle.interface';
 export { UserMenuButtonAnalyst } from './components/UI/atoms/UserMenuButtonAnalyst/UserMenuButtonAnalyst.component';
 export { IUserMenuButtonAnalystProps } from './components/UI/atoms/UserMenuButtonAnalyst/UserMenuButtonAnalyst.interface';
-export { IInlineDetails } from './components/UI/atoms/InlineDetails/InlineDetails.interface';
-export { default as InlineDetails } from './components/UI/atoms/InlineDetails/InlineDetails.component';
-export { HorizontalBar } from './components/UI/atoms/HorizontalBar/HorizontalBar.component';
 export { IActions, IShareLinksActions } from './components/UI/molecules/Actions/Actions.interface';
 export { Actions } from './components/UI/molecules/Actions/Actions.component';
 export { EAlertType, IAlert } from './components/UI/molecules/Alert/Alert.interface';
@@ -242,6 +244,8 @@ export { ImageCard } from './components/UI/molecules/ImageCard/ImageCard.compone
 export { CompanyCard, CompanyCardWithDescription, CompanyCardWithoutDescription } from './components/UI/molecules/CompanyCard/CompanyCard.component';
 export { IDetailList, IJobDetails } from './components/UI/molecules/JobDetails/JobDetails.interface';
 export { JobDetails } from './components/UI/molecules/JobDetails/JobDetails.component';
+export { default as SimilarJobsCard } from './components/UI/molecules/SimilarJobsCard/SimilarJobsCard.component';
+export { ISimilarJobsCard } from './components/UI/molecules/SimilarJobsCard/SimilarJobsCard.interface';
 export { IAlertsPanel } from './components/UI/organism/AlertsPanel/AlertsPanel.interface';
 export { AlertsPanel } from './components/UI/organism/AlertsPanel/AlertsPanel.component';
 export { default as AlphabetFilter } from './components/UI/organism/AlphabetFilter/AlphabetFilter.component';
@@ -320,6 +324,7 @@ export { UserTermTitle } from './components/UI/organism/UserTerms/children/UserT
 export { UserTermUList } from './components/UI/organism/UserTerms/children/UserTermUList/UserTermUList.component';
 export { Carousel } from './components/UI/organism/Carousel/Carousel.component';
 export { ICarousel } from './components/UI/organism/Carousel/Carousel.interface';
+export { default as SimilarJobs } from './components/UI/organism/SimilarJobs/SimilarJobs.component';
 export { ISuggestedJobsPage } from './components/UI/page/SuggestedJobsPage/SuggestedJobsPage.interface';
 export { SuggestedJobsPage } from './components/UI/page/SuggestedJobsPage/SuggestedJobsPage.component';
 export { default as JobsPage } from './components/UI/page/JobsPage/JobsPage.component';

package/dist/types/shared/tokens/index.d.ts

@@ -86,7 +86,7 @@ declare type MagnetoUIRadius = 'inherit' | 'min' | 'xs' | 'sm' | 'sm-2' | 'md' |
  * @category motion
  * @tags scale, transform, animation, motion
  */
-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';
+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-5xl' | '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-5xl' | 'rem-container-xxs' | 'rem-container-xs' | 'rem-container-sm' | 'rem-container-md' | 'rem-container-lg' | 'rem-container-xl' | 'rem-container-2xl' | 'rem-container-3xl';
 /**
  * @description Breakpoint SCSS vars used for media queries and responsive layout control.
  * @example ```scss

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/W170/talenta.magneto365.ui.git"
   },
-  "version": "2.79.0",
+  "version": "2.80.0",
   "description": "Magneto365 UI common components",
   "scripts": {
     "generate:tokens": "node ./.scripts/generateTokens.js",