magneto365.ui 2.70.4 → 2.71.0

package/dist/tokens/_color.scss

@@ -0,0 +1,570 @@
+// Auto-generated DO NOT EDIT
+@use '_scale.scss' as scale;
+
+$color-transparent: transparent;
+$color-inherit: scale.$scale-inherit;
+$color-current: currentColor;
+$color-blue-dark-50: #99a4af;
+$color-blue-dark-100: #667688;
+$color-blue-dark-200: #334960;
+$color-blue-dark-300: #1a324c;
+$color-blue-dark-400: #001b38;
+$color-blue-dark-500: #00162d;
+$color-blue-light-50: #f0f9ff;
+$color-blue-light-100: #e0f3fb;
+$color-blue-light-200: #a3daf2;
+$color-blue-light-300: #66c1ea;
+$color-blue-light-400: #00a7e1;
+$color-blue-light-500: #007da9;
+$color-green-50: #f1fbf4;
+$color-green-100: #cef1dc;
+$color-green-200: #9ee4b8;
+$color-green-300: #6dd695;
+$color-green-400: #3dc971;
+$color-green-500: #0cbb4e;
+$color-green-600: #098c3b;
+$color-grey-50: #ffffff;
+$color-grey-100: #f0f1f3;
+$color-grey-200: #e0e4e7;
+$color-grey-300: #c2c8cf;
+$color-grey-400: #a3adb8;
+$color-grey-500: #8591a0;
+$color-grey-600: #667688;
+$color-grey-700: #47535f;
+$color-grey-800: #292f37;
+$color-grey-900: #0a0c0e;
+$color-red-50: #fff5f5;
+$color-red-100: #febfbf;
+$color-red-200: #e10000;
+$color-red-300: #8b0000;
+$color-yellow-50: #fffaef;
+$color-yellow-100: #fde0a6;
+$color-yellow-200: #fcc75d;
+$color-yellow-300: #faad14;
+
+$color-map: (
+  transparent: $color-transparent,
+  inherit: $color-inherit,
+  current: $color-current,
+  blue-dark-50: $color-blue-dark-50,
+  blue-dark-100: $color-blue-dark-100,
+  blue-dark-200: $color-blue-dark-200,
+  blue-dark-300: $color-blue-dark-300,
+  blue-dark-400: $color-blue-dark-400,
+  blue-dark-500: $color-blue-dark-500,
+  blue-light-50: $color-blue-light-50,
+  blue-light-100: $color-blue-light-100,
+  blue-light-200: $color-blue-light-200,
+  blue-light-300: $color-blue-light-300,
+  blue-light-400: $color-blue-light-400,
+  blue-light-500: $color-blue-light-500,
+  green-50: $color-green-50,
+  green-100: $color-green-100,
+  green-200: $color-green-200,
+  green-300: $color-green-300,
+  green-400: $color-green-400,
+  green-500: $color-green-500,
+  green-600: $color-green-600,
+  grey-50: $color-grey-50,
+  grey-100: $color-grey-100,
+  grey-200: $color-grey-200,
+  grey-300: $color-grey-300,
+  grey-400: $color-grey-400,
+  grey-500: $color-grey-500,
+  grey-600: $color-grey-600,
+  grey-700: $color-grey-700,
+  grey-800: $color-grey-800,
+  grey-900: $color-grey-900,
+  red-50: $color-red-50,
+  red-100: $color-red-100,
+  red-200: $color-red-200,
+  red-300: $color-red-300,
+  yellow-50: $color-yellow-50,
+  yellow-100: $color-yellow-100,
+  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;
+}

package/dist/tokens/_gap.scss

@@ -0,0 +1,28 @@
+// Auto-generated DO NOT EDIT
+@use '_scale.scss' as scale;
+
+$gap-inherit: scale.$scale-inherit;
+$gap-min: scale.$scale-min;
+$gap-xs: scale.$scale-rem-xs;
+$gap-sm: scale.$scale-rem-sm;
+$gap-md: scale.$scale-rem-md;
+$gap-lg: scale.$scale-rem-lg;
+$gap-xl: scale.$scale-rem-xl;
+$gap-2xl: scale.$scale-rem-2xl;
+$gap-3xl: scale.$scale-rem-3xl;
+$gap-4xl: scale.$scale-rem-4xl;
+$gap-full: scale.$scale-full;
+
+$gap-map: (
+  inherit: $gap-inherit,
+  min: $gap-min,
+  xs: $gap-xs,
+  sm: $gap-sm,
+  md: $gap-md,
+  lg: $gap-lg,
+  xl: $gap-xl,
+  2xl: $gap-2xl,
+  3xl: $gap-3xl,
+  4xl: $gap-4xl,
+  full: $gap-full
+);

package/dist/tokens/_index.scss

@@ -0,0 +1,12 @@
+// Auto-generated DO NOT EDIT
+@forward './_border.scss';
+@forward './_color.scss';
+@forward './_gap.scss';
+@forward './_margin.scss';
+@forward './_opacity.scss';
+@forward './_padding.scss';
+@forward './_radius.scss';
+@forward './_scale.scss';
+@forward './_screen.scss';
+@forward './_shadow.scss';
+@forward './_text.scss';

package/dist/tokens/_margin.scss

@@ -0,0 +1,32 @@
+// Auto-generated DO NOT EDIT
+@use '_scale.scss' as scale;
+
+$margin-inherit: scale.$scale-inherit;
+$margin-none: scale.$scale-none;
+$margin-auto: scale.$scale-auto;
+$margin-min: scale.$scale-min;
+$margin-xs: scale.$scale-rem-xs;
+$margin-sm: scale.$scale-rem-sm;
+$margin-md: scale.$scale-rem-md;
+$margin-lg: scale.$scale-rem-lg;
+$margin-xl: scale.$scale-rem-xl;
+$margin-2xl: scale.$scale-rem-2xl;
+$margin-3xl: scale.$scale-rem-3xl;
+$margin-4xl: scale.$scale-rem-4xl;
+$margin-full: scale.$scale-full;
+
+$margin-map: (
+  inherit: $margin-inherit,
+  none: $margin-none,
+  auto: $margin-auto,
+  min: $margin-min,
+  xs: $margin-xs,
+  sm: $margin-sm,
+  md: $margin-md,
+  lg: $margin-lg,
+  xl: $margin-xl,
+  2xl: $margin-2xl,
+  3xl: $margin-3xl,
+  4xl: $margin-4xl,
+  full: $margin-full
+);

package/dist/tokens/_opacity.scss

@@ -0,0 +1,32 @@
+// Auto-generated DO NOT EDIT
+@use '_scale.scss' as scale;
+
+$opacity-10: 0.1;
+$opacity-12: 0.12;
+$opacity-20: 0.2;
+$opacity-30: 0.3;
+$opacity-40: 0.4;
+$opacity-50: 0.5;
+$opacity-60: 0.6;
+$opacity-70: 0.7;
+$opacity-80: 0.8;
+$opacity-90: 0.9;
+$opacity-inherit: scale.$scale-inherit;
+$opacity-min: scale.$scale-min;
+$opacity-full: 1;
+
+$opacity-map: (
+  10: $opacity-10,
+  12: $opacity-12,
+  20: $opacity-20,
+  30: $opacity-30,
+  40: $opacity-40,
+  50: $opacity-50,
+  60: $opacity-60,
+  70: $opacity-70,
+  80: $opacity-80,
+  90: $opacity-90,
+  inherit: $opacity-inherit,
+  min: $opacity-min,
+  full: $opacity-full
+);

package/dist/tokens/_padding.scss

@@ -0,0 +1,28 @@
+// Auto-generated DO NOT EDIT
+@use '_scale.scss' as scale;
+
+$padding-inherit: scale.$scale-inherit;
+$padding-min: scale.$scale-min;
+$padding-xs: scale.$scale-rem-xs;
+$padding-sm: scale.$scale-rem-sm;
+$padding-md: scale.$scale-rem-md;
+$padding-lg: scale.$scale-rem-lg;
+$padding-xl: scale.$scale-rem-xl;
+$padding-2xl: scale.$scale-rem-2xl;
+$padding-3xl: scale.$scale-rem-3xl;
+$padding-4xl: scale.$scale-rem-4xl;
+$padding-full: scale.$scale-full;
+
+$padding-map: (
+  inherit: $padding-inherit,
+  min: $padding-min,
+  xs: $padding-xs,
+  sm: $padding-sm,
+  md: $padding-md,
+  lg: $padding-lg,
+  xl: $padding-xl,
+  2xl: $padding-2xl,
+  3xl: $padding-3xl,
+  4xl: $padding-4xl,
+  full: $padding-full
+);

package/dist/tokens/_radius.scss

@@ -0,0 +1,28 @@
+// Auto-generated DO NOT EDIT
+@use '_scale.scss' as scale;
+
+$radius-inherit: scale.$scale-inherit;
+$radius-min: scale.$scale-min;
+$radius-xs: scale.$scale-rem-xs;
+$radius-sm: scale.$scale-rem-sm;
+$radius-md: scale.$scale-rem-md;
+$radius-lg: scale.$scale-rem-lg;
+$radius-xl: scale.$scale-rem-xl;
+$radius-2xl: scale.$scale-rem-2xl;
+$radius-3xl: scale.$scale-rem-3xl;
+$radius-4xl: scale.$scale-rem-4xl;
+$radius-full: scale.$scale-full;
+
+$radius-map: (
+  inherit: $radius-inherit,
+  min: $radius-min,
+  xs: $radius-xs,
+  sm: $radius-sm,
+  md: $radius-md,
+  lg: $radius-lg,
+  xl: $radius-xl,
+  2xl: $radius-2xl,
+  3xl: $radius-3xl,
+  4xl: $radius-4xl,
+  full: $radius-full
+);