magneto365.ui 2.75.5 → 2.75.7

package/dist/esm/types/components/docs/DesignSystem/DesignSystem.constant.d.ts

@@ -1,3 +1,4 @@
 export declare const flattenTokens: (obj: Record<string, any>, prefix?: string[]) => [string, string][];
 export declare const evaluateCalc: (value: string) => string;
 export declare const resolveValue: (input: string) => string;
+export declare const convertRemToPx: (val: string) => string;

package/dist/esm/types/constants/icons.constants.d.ts

@@ -70,6 +70,7 @@ export { default as FacebookBlue } from '../assets/Facebook2.svg';
 export { default as FacebookDark } from '../assets/Facebook1.svg';
 export { default as FacebookSolid } from '../assets/FacebookSolid.svg';
 export { default as FileDownloadLinearBlack } from '../assets/fileDownloadLinearBlack.svg';
+export { default as Flag } from '../assets/Flag.svg';
 export { default as Glass } from '../assets/programatic/glass.svg';
 export { default as GooglePlay } from '../assets/google-play.svg';
 export { default as GridBlueBold } from '../assets/gridBlueBold.svg';
@@ -98,6 +99,7 @@ export { default as LinkDark } from '../assets/Link21.svg';
 export { default as Linkedin } from '../assets/Linkedin.svg';
 export { default as LinkedInBlue } from '../assets/Linkedin2.svg';
 export { default as LinkedInDark } from '../assets/Linkedin1.svg';
+export { default as LinkedInSolidBlue } from '../assets/LinkedinBlueSolid.svg';
 export { default as LinkedinSolid } from '../assets/LinkedinSolid.svg';
 export { default as Location } from '../assets/Location.svg';
 export { default as LocationBlueBold } from '../assets/locationBlue.svg';
@@ -149,6 +151,7 @@ export { default as SmallClose } from '../assets/SmallClose.svg';
 export { default as SMSBlue } from '../assets/SMS.svg';
 export { default as SpinnerWhite } from '../assets/SpinnerWhite.svg';
 export { default as Star } from '../assets/star.svg';
+export { default as StarYellow } from '../assets/Star-yellow.svg';
 export { default as StarBoldYellow } from '../assets/starBoldYellow.svg';
 export { default as StarGreyFilled } from '../assets/StarGreyFilled.svg';
 export { default as StartDark } from '../assets/StarDark.svg';

package/dist/tokens/_color.scss

@@ -84,487 +84,3 @@ $color-map: (
   yellow-200: $color-yellow-200,
   yellow-300: $color-yellow-300
 );
-
-.stroke-transparent {
-  stroke: $color-transparent;
-}
-.stroke-inherit {
-  stroke: $color-inherit;
-}
-.stroke-current {
-  stroke: $color-current;
-}
-.stroke-blue-dark-50 {
-  stroke: $color-blue-dark-50;
-}
-.stroke-blue-dark-100 {
-  stroke: $color-blue-dark-100;
-}
-.stroke-blue-dark-200 {
-  stroke: $color-blue-dark-200;
-}
-.stroke-blue-dark-300 {
-  stroke: $color-blue-dark-300;
-}
-.stroke-blue-dark-400 {
-  stroke: $color-blue-dark-400;
-}
-.stroke-blue-dark-500 {
-  stroke: $color-blue-dark-500;
-}
-.stroke-blue-light-50 {
-  stroke: $color-blue-light-50;
-}
-.stroke-blue-light-100 {
-  stroke: $color-blue-light-100;
-}
-.stroke-blue-light-200 {
-  stroke: $color-blue-light-200;
-}
-.stroke-blue-light-300 {
-  stroke: $color-blue-light-300;
-}
-.stroke-blue-light-400 {
-  stroke: $color-blue-light-400;
-}
-.stroke-blue-light-500 {
-  stroke: $color-blue-light-500;
-}
-.stroke-green-50 {
-  stroke: $color-green-50;
-}
-.stroke-green-100 {
-  stroke: $color-green-100;
-}
-.stroke-green-200 {
-  stroke: $color-green-200;
-}
-.stroke-green-300 {
-  stroke: $color-green-300;
-}
-.stroke-green-400 {
-  stroke: $color-green-400;
-}
-.stroke-green-500 {
-  stroke: $color-green-500;
-}
-.stroke-green-600 {
-  stroke: $color-green-600;
-}
-.stroke-grey-50 {
-  stroke: $color-grey-50;
-}
-.stroke-grey-100 {
-  stroke: $color-grey-100;
-}
-.stroke-grey-200 {
-  stroke: $color-grey-200;
-}
-.stroke-grey-300 {
-  stroke: $color-grey-300;
-}
-.stroke-grey-400 {
-  stroke: $color-grey-400;
-}
-.stroke-grey-500 {
-  stroke: $color-grey-500;
-}
-.stroke-grey-600 {
-  stroke: $color-grey-600;
-}
-.stroke-grey-700 {
-  stroke: $color-grey-700;
-}
-.stroke-grey-800 {
-  stroke: $color-grey-800;
-}
-.stroke-grey-900 {
-  stroke: $color-grey-900;
-}
-.stroke-red-50 {
-  stroke: $color-red-50;
-}
-.stroke-red-100 {
-  stroke: $color-red-100;
-}
-.stroke-red-200 {
-  stroke: $color-red-200;
-}
-.stroke-red-300 {
-  stroke: $color-red-300;
-}
-.stroke-yellow-50 {
-  stroke: $color-yellow-50;
-}
-.stroke-yellow-100 {
-  stroke: $color-yellow-100;
-}
-.stroke-yellow-200 {
-  stroke: $color-yellow-200;
-}
-.stroke-yellow-300 {
-  stroke: $color-yellow-300;
-}
-
-.fill-transparent {
-  fill: $color-transparent;
-}
-.fill-inherit {
-  fill: $color-inherit;
-}
-.fill-current {
-  fill: $color-current;
-}
-.fill-blue-dark-50 {
-  fill: $color-blue-dark-50;
-}
-.fill-blue-dark-100 {
-  fill: $color-blue-dark-100;
-}
-.fill-blue-dark-200 {
-  fill: $color-blue-dark-200;
-}
-.fill-blue-dark-300 {
-  fill: $color-blue-dark-300;
-}
-.fill-blue-dark-400 {
-  fill: $color-blue-dark-400;
-}
-.fill-blue-dark-500 {
-  fill: $color-blue-dark-500;
-}
-.fill-blue-light-50 {
-  fill: $color-blue-light-50;
-}
-.fill-blue-light-100 {
-  fill: $color-blue-light-100;
-}
-.fill-blue-light-200 {
-  fill: $color-blue-light-200;
-}
-.fill-blue-light-300 {
-  fill: $color-blue-light-300;
-}
-.fill-blue-light-400 {
-  fill: $color-blue-light-400;
-}
-.fill-blue-light-500 {
-  fill: $color-blue-light-500;
-}
-.fill-green-50 {
-  fill: $color-green-50;
-}
-.fill-green-100 {
-  fill: $color-green-100;
-}
-.fill-green-200 {
-  fill: $color-green-200;
-}
-.fill-green-300 {
-  fill: $color-green-300;
-}
-.fill-green-400 {
-  fill: $color-green-400;
-}
-.fill-green-500 {
-  fill: $color-green-500;
-}
-.fill-green-600 {
-  fill: $color-green-600;
-}
-.fill-grey-50 {
-  fill: $color-grey-50;
-}
-.fill-grey-100 {
-  fill: $color-grey-100;
-}
-.fill-grey-200 {
-  fill: $color-grey-200;
-}
-.fill-grey-300 {
-  fill: $color-grey-300;
-}
-.fill-grey-400 {
-  fill: $color-grey-400;
-}
-.fill-grey-500 {
-  fill: $color-grey-500;
-}
-.fill-grey-600 {
-  fill: $color-grey-600;
-}
-.fill-grey-700 {
-  fill: $color-grey-700;
-}
-.fill-grey-800 {
-  fill: $color-grey-800;
-}
-.fill-grey-900 {
-  fill: $color-grey-900;
-}
-.fill-red-50 {
-  fill: $color-red-50;
-}
-.fill-red-100 {
-  fill: $color-red-100;
-}
-.fill-red-200 {
-  fill: $color-red-200;
-}
-.fill-red-300 {
-  fill: $color-red-300;
-}
-.fill-yellow-50 {
-  fill: $color-yellow-50;
-}
-.fill-yellow-100 {
-  fill: $color-yellow-100;
-}
-.fill-yellow-200 {
-  fill: $color-yellow-200;
-}
-.fill-yellow-300 {
-  fill: $color-yellow-300;
-}
-
-.bg-transparent {
-  background-color: $color-transparent;
-}
-.bg-inherit {
-  background-color: $color-inherit;
-}
-.bg-current {
-  background-color: $color-current;
-}
-.bg-blue-dark-50 {
-  background-color: $color-blue-dark-50;
-}
-.bg-blue-dark-100 {
-  background-color: $color-blue-dark-100;
-}
-.bg-blue-dark-200 {
-  background-color: $color-blue-dark-200;
-}
-.bg-blue-dark-300 {
-  background-color: $color-blue-dark-300;
-}
-.bg-blue-dark-400 {
-  background-color: $color-blue-dark-400;
-}
-.bg-blue-dark-500 {
-  background-color: $color-blue-dark-500;
-}
-.bg-blue-light-50 {
-  background-color: $color-blue-light-50;
-}
-.bg-blue-light-100 {
-  background-color: $color-blue-light-100;
-}
-.bg-blue-light-200 {
-  background-color: $color-blue-light-200;
-}
-.bg-blue-light-300 {
-  background-color: $color-blue-light-300;
-}
-.bg-blue-light-400 {
-  background-color: $color-blue-light-400;
-}
-.bg-blue-light-500 {
-  background-color: $color-blue-light-500;
-}
-.bg-green-50 {
-  background-color: $color-green-50;
-}
-.bg-green-100 {
-  background-color: $color-green-100;
-}
-.bg-green-200 {
-  background-color: $color-green-200;
-}
-.bg-green-300 {
-  background-color: $color-green-300;
-}
-.bg-green-400 {
-  background-color: $color-green-400;
-}
-.bg-green-500 {
-  background-color: $color-green-500;
-}
-.bg-green-600 {
-  background-color: $color-green-600;
-}
-.bg-grey-50 {
-  background-color: $color-grey-50;
-}
-.bg-grey-100 {
-  background-color: $color-grey-100;
-}
-.bg-grey-200 {
-  background-color: $color-grey-200;
-}
-.bg-grey-300 {
-  background-color: $color-grey-300;
-}
-.bg-grey-400 {
-  background-color: $color-grey-400;
-}
-.bg-grey-500 {
-  background-color: $color-grey-500;
-}
-.bg-grey-600 {
-  background-color: $color-grey-600;
-}
-.bg-grey-700 {
-  background-color: $color-grey-700;
-}
-.bg-grey-800 {
-  background-color: $color-grey-800;
-}
-.bg-grey-900 {
-  background-color: $color-grey-900;
-}
-.bg-red-50 {
-  background-color: $color-red-50;
-}
-.bg-red-100 {
-  background-color: $color-red-100;
-}
-.bg-red-200 {
-  background-color: $color-red-200;
-}
-.bg-red-300 {
-  background-color: $color-red-300;
-}
-.bg-yellow-50 {
-  background-color: $color-yellow-50;
-}
-.bg-yellow-100 {
-  background-color: $color-yellow-100;
-}
-.bg-yellow-200 {
-  background-color: $color-yellow-200;
-}
-.bg-yellow-300 {
-  background-color: $color-yellow-300;
-}
-
-.color-transparent {
-  color: $color-transparent;
-}
-.color-inherit {
-  color: $color-inherit;
-}
-.color-current {
-  color: $color-current;
-}
-.color-blue-dark-50 {
-  color: $color-blue-dark-50;
-}
-.color-blue-dark-100 {
-  color: $color-blue-dark-100;
-}
-.color-blue-dark-200 {
-  color: $color-blue-dark-200;
-}
-.color-blue-dark-300 {
-  color: $color-blue-dark-300;
-}
-.color-blue-dark-400 {
-  color: $color-blue-dark-400;
-}
-.color-blue-dark-500 {
-  color: $color-blue-dark-500;
-}
-.color-blue-light-50 {
-  color: $color-blue-light-50;
-}
-.color-blue-light-100 {
-  color: $color-blue-light-100;
-}
-.color-blue-light-200 {
-  color: $color-blue-light-200;
-}
-.color-blue-light-300 {
-  color: $color-blue-light-300;
-}
-.color-blue-light-400 {
-  color: $color-blue-light-400;
-}
-.color-blue-light-500 {
-  color: $color-blue-light-500;
-}
-.color-green-50 {
-  color: $color-green-50;
-}
-.color-green-100 {
-  color: $color-green-100;
-}
-.color-green-200 {
-  color: $color-green-200;
-}
-.color-green-300 {
-  color: $color-green-300;
-}
-.color-green-400 {
-  color: $color-green-400;
-}
-.color-green-500 {
-  color: $color-green-500;
-}
-.color-green-600 {
-  color: $color-green-600;
-}
-.color-grey-50 {
-  color: $color-grey-50;
-}
-.color-grey-100 {
-  color: $color-grey-100;
-}
-.color-grey-200 {
-  color: $color-grey-200;
-}
-.color-grey-300 {
-  color: $color-grey-300;
-}
-.color-grey-400 {
-  color: $color-grey-400;
-}
-.color-grey-500 {
-  color: $color-grey-500;
-}
-.color-grey-600 {
-  color: $color-grey-600;
-}
-.color-grey-700 {
-  color: $color-grey-700;
-}
-.color-grey-800 {
-  color: $color-grey-800;
-}
-.color-grey-900 {
-  color: $color-grey-900;
-}
-.color-red-50 {
-  color: $color-red-50;
-}
-.color-red-100 {
-  color: $color-red-100;
-}
-.color-red-200 {
-  color: $color-red-200;
-}
-.color-red-300 {
-  color: $color-red-300;
-}
-.color-yellow-50 {
-  color: $color-yellow-50;
-}
-.color-yellow-100 {
-  color: $color-yellow-100;
-}
-.color-yellow-200 {
-  color: $color-yellow-200;
-}
-.color-yellow-300 {
-  color: $color-yellow-300;
-}