magneto365.ui 2.70.5 → 2.72.0

package/dist/cjs/index.js

@@ -2738,7 +2738,7 @@ var Component$2s = function (_a) {
 };
 var ToggleButton = Component$2s;
 
-var styles$2m = {"magneto-ui-typography":"mg_typography_magneto-ui-typography_tpbip","magneto-ui-typography--size-xs":"mg_typography_magneto-ui-typography--size-xs_tpbip","magneto-ui-typography--size-sm":"mg_typography_magneto-ui-typography--size-sm_tpbip","magneto-ui-typography--size-md":"mg_typography_magneto-ui-typography--size-md_tpbip","magneto-ui-typography--size-lg":"mg_typography_magneto-ui-typography--size-lg_tpbip","magneto-ui-typography--size-xl":"mg_typography_magneto-ui-typography--size-xl_tpbip","magneto-ui-typography--size-xl-2":"mg_typography_magneto-ui-typography--size-xl-2_tpbip","magneto-ui-typography--size-xl-3":"mg_typography_magneto-ui-typography--size-xl-3_tpbip","magneto-ui-typography--size-xl-4":"mg_typography_magneto-ui-typography--size-xl-4_tpbip","magneto-ui-typography--size-xl-5":"mg_typography_magneto-ui-typography--size-xl-5_tpbip","magneto-ui-typography--size-xl-6":"mg_typography_magneto-ui-typography--size-xl-6_tpbip","magneto-ui-typography--size-xl-7":"mg_typography_magneto-ui-typography--size-xl-7_tpbip","magneto-ui-typography--weight-thin":"mg_typography_magneto-ui-typography--weight-thin_tpbip","magneto-ui-typography--weight-extra-light":"mg_typography_magneto-ui-typography--weight-extra-light_tpbip","magneto-ui-typography--weight-light":"mg_typography_magneto-ui-typography--weight-light_tpbip","magneto-ui-typography--weight-normal":"mg_typography_magneto-ui-typography--weight-normal_tpbip","magneto-ui-typography--weight-medium":"mg_typography_magneto-ui-typography--weight-medium_tpbip","magneto-ui-typography--weight-semi-bold":"mg_typography_magneto-ui-typography--weight-semi-bold_tpbip","magneto-ui-typography--weight-bold":"mg_typography_magneto-ui-typography--weight-bold_tpbip","magneto-ui-typography--weight-extra-bold":"mg_typography_magneto-ui-typography--weight-extra-bold_tpbip","magneto-ui-typography--weight-black":"mg_typography_magneto-ui-typography--weight-black_tpbip","magneto-ui-typography--color-gray":"mg_typography_magneto-ui-typography--color-gray_tpbip","magneto-ui-typography--color-white":"mg_typography_magneto-ui-typography--color-white_tpbip","magneto-ui-typography--color-black":"mg_typography_magneto-ui-typography--color-black_tpbip","magneto-ui-typography--color-green":"mg_typography_magneto-ui-typography--color-green_tpbip","magneto-ui-typography--color-blue":"mg_typography_magneto-ui-typography--color-blue_tpbip","magneto-ui-typography--code":"mg_typography_magneto-ui-typography--code_tpbip","magneto-ui-typography--delete":"mg_typography_magneto-ui-typography--delete_tpbip","magneto-ui-typography--italic":"mg_typography_magneto-ui-typography--italic_tpbip","magneto-ui-typography--keyboard":"mg_typography_magneto-ui-typography--keyboard_tpbip","magneto-ui-typography--mark":"mg_typography_magneto-ui-typography--mark_tpbip","magneto-ui-typography--strong":"mg_typography_magneto-ui-typography--strong_tpbip","magneto-ui-typography--underline":"mg_typography_magneto-ui-typography--underline_tpbip","magneto-ui-typography--ellipsis":"mg_typography_magneto-ui-typography--ellipsis_tpbip","magneto-ui-typography--ellipsis-multiline":"mg_typography_magneto-ui-typography--ellipsis-multiline_tpbip"};
+var styles$2m = {"w-inherit":"mg_typography_w-inherit_13lzh","w-none":"mg_typography_w-none_13lzh","w-auto":"mg_typography_w-auto_13lzh","w-full":"mg_typography_w-full_13lzh","w-min":"mg_typography_w-min_13lzh","w-2xs":"mg_typography_w-2xs_13lzh","w-xs":"mg_typography_w-xs_13lzh","w-sm":"mg_typography_w-sm_13lzh","w-md":"mg_typography_w-md_13lzh","w-lg":"mg_typography_w-lg_13lzh","w-xl":"mg_typography_w-xl_13lzh","w-2xl":"mg_typography_w-2xl_13lzh","w-3xl":"mg_typography_w-3xl_13lzh","w-4xl":"mg_typography_w-4xl_13lzh","w-container-2xs":"mg_typography_w-container-2xs_13lzh","w-container-xs":"mg_typography_w-container-xs_13lzh","w-container-sm":"mg_typography_w-container-sm_13lzh","w-container-md":"mg_typography_w-container-md_13lzh","w-container-lg":"mg_typography_w-container-lg_13lzh","w-container-xl":"mg_typography_w-container-xl_13lzh","w-container-2xl":"mg_typography_w-container-2xl_13lzh","w-container-3xl":"mg_typography_w-container-3xl_13lzh","min-w-inherit":"mg_typography_min-w-inherit_13lzh","min-w-none":"mg_typography_min-w-none_13lzh","min-w-auto":"mg_typography_min-w-auto_13lzh","min-w-full":"mg_typography_min-w-full_13lzh","min-w-min":"mg_typography_min-w-min_13lzh","min-w-2xs":"mg_typography_min-w-2xs_13lzh","min-w-xs":"mg_typography_min-w-xs_13lzh","min-w-sm":"mg_typography_min-w-sm_13lzh","min-w-md":"mg_typography_min-w-md_13lzh","min-w-lg":"mg_typography_min-w-lg_13lzh","min-w-xl":"mg_typography_min-w-xl_13lzh","min-w-2xl":"mg_typography_min-w-2xl_13lzh","min-w-3xl":"mg_typography_min-w-3xl_13lzh","min-w-4xl":"mg_typography_min-w-4xl_13lzh","min-w-container-2xs":"mg_typography_min-w-container-2xs_13lzh","min-w-container-xs":"mg_typography_min-w-container-xs_13lzh","min-w-container-sm":"mg_typography_min-w-container-sm_13lzh","min-w-container-md":"mg_typography_min-w-container-md_13lzh","min-w-container-lg":"mg_typography_min-w-container-lg_13lzh","min-w-container-xl":"mg_typography_min-w-container-xl_13lzh","min-w-container-2xl":"mg_typography_min-w-container-2xl_13lzh","min-w-container-3xl":"mg_typography_min-w-container-3xl_13lzh","h-inherit":"mg_typography_h-inherit_13lzh","h-none":"mg_typography_h-none_13lzh","h-auto":"mg_typography_h-auto_13lzh","h-full":"mg_typography_h-full_13lzh","h-min":"mg_typography_h-min_13lzh","h-2xs":"mg_typography_h-2xs_13lzh","h-xs":"mg_typography_h-xs_13lzh","h-sm":"mg_typography_h-sm_13lzh","h-md":"mg_typography_h-md_13lzh","h-lg":"mg_typography_h-lg_13lzh","h-xl":"mg_typography_h-xl_13lzh","h-2xl":"mg_typography_h-2xl_13lzh","h-3xl":"mg_typography_h-3xl_13lzh","h-4xl":"mg_typography_h-4xl_13lzh","h-container-2xs":"mg_typography_h-container-2xs_13lzh","h-container-xs":"mg_typography_h-container-xs_13lzh","h-container-sm":"mg_typography_h-container-sm_13lzh","h-container-md":"mg_typography_h-container-md_13lzh","h-container-lg":"mg_typography_h-container-lg_13lzh","h-container-xl":"mg_typography_h-container-xl_13lzh","h-container-2xl":"mg_typography_h-container-2xl_13lzh","h-container-3xl":"mg_typography_h-container-3xl_13lzh","min-h-inherit":"mg_typography_min-h-inherit_13lzh","min-h-none":"mg_typography_min-h-none_13lzh","min-h-auto":"mg_typography_min-h-auto_13lzh","min-h-full":"mg_typography_min-h-full_13lzh","min-h-min":"mg_typography_min-h-min_13lzh","min-h-2xs":"mg_typography_min-h-2xs_13lzh","min-h-xs":"mg_typography_min-h-xs_13lzh","min-h-sm":"mg_typography_min-h-sm_13lzh","min-h-md":"mg_typography_min-h-md_13lzh","min-h-lg":"mg_typography_min-h-lg_13lzh","min-h-xl":"mg_typography_min-h-xl_13lzh","min-h-2xl":"mg_typography_min-h-2xl_13lzh","min-h-3xl":"mg_typography_min-h-3xl_13lzh","min-h-4xl":"mg_typography_min-h-4xl_13lzh","min-h-container-2xs":"mg_typography_min-h-container-2xs_13lzh","min-h-container-xs":"mg_typography_min-h-container-xs_13lzh","min-h-container-sm":"mg_typography_min-h-container-sm_13lzh","min-h-container-md":"mg_typography_min-h-container-md_13lzh","min-h-container-lg":"mg_typography_min-h-container-lg_13lzh","min-h-container-xl":"mg_typography_min-h-container-xl_13lzh","min-h-container-2xl":"mg_typography_min-h-container-2xl_13lzh","min-h-container-3xl":"mg_typography_min-h-container-3xl_13lzh","sq-inherit":"mg_typography_sq-inherit_13lzh","sq-none":"mg_typography_sq-none_13lzh","sq-auto":"mg_typography_sq-auto_13lzh","sq-full":"mg_typography_sq-full_13lzh","sq-min":"mg_typography_sq-min_13lzh","sq-2xs":"mg_typography_sq-2xs_13lzh","sq-xs":"mg_typography_sq-xs_13lzh","sq-sm":"mg_typography_sq-sm_13lzh","sq-md":"mg_typography_sq-md_13lzh","sq-lg":"mg_typography_sq-lg_13lzh","sq-xl":"mg_typography_sq-xl_13lzh","sq-2xl":"mg_typography_sq-2xl_13lzh","sq-3xl":"mg_typography_sq-3xl_13lzh","sq-4xl":"mg_typography_sq-4xl_13lzh","min-sq-inherit":"mg_typography_min-sq-inherit_13lzh","min-sq-none":"mg_typography_min-sq-none_13lzh","min-sq-auto":"mg_typography_min-sq-auto_13lzh","min-sq-full":"mg_typography_min-sq-full_13lzh","min-sq-min":"mg_typography_min-sq-min_13lzh","min-sq-2xs":"mg_typography_min-sq-2xs_13lzh","min-sq-xs":"mg_typography_min-sq-xs_13lzh","min-sq-sm":"mg_typography_min-sq-sm_13lzh","min-sq-md":"mg_typography_min-sq-md_13lzh","min-sq-lg":"mg_typography_min-sq-lg_13lzh","min-sq-xl":"mg_typography_min-sq-xl_13lzh","min-sq-2xl":"mg_typography_min-sq-2xl_13lzh","min-sq-3xl":"mg_typography_min-sq-3xl_13lzh","min-sq-4xl":"mg_typography_min-sq-4xl_13lzh","stroke-transparent":"mg_typography_stroke-transparent_13lzh","stroke-inherit":"mg_typography_stroke-inherit_13lzh","stroke-current":"mg_typography_stroke-current_13lzh","stroke-blue-dark-50":"mg_typography_stroke-blue-dark-50_13lzh","stroke-blue-dark-100":"mg_typography_stroke-blue-dark-100_13lzh","stroke-blue-dark-200":"mg_typography_stroke-blue-dark-200_13lzh","stroke-blue-dark-300":"mg_typography_stroke-blue-dark-300_13lzh","stroke-blue-dark-400":"mg_typography_stroke-blue-dark-400_13lzh","stroke-blue-dark-500":"mg_typography_stroke-blue-dark-500_13lzh","stroke-blue-light-50":"mg_typography_stroke-blue-light-50_13lzh","stroke-blue-light-100":"mg_typography_stroke-blue-light-100_13lzh","stroke-blue-light-200":"mg_typography_stroke-blue-light-200_13lzh","stroke-blue-light-300":"mg_typography_stroke-blue-light-300_13lzh","stroke-blue-light-400":"mg_typography_stroke-blue-light-400_13lzh","stroke-blue-light-500":"mg_typography_stroke-blue-light-500_13lzh","stroke-green-50":"mg_typography_stroke-green-50_13lzh","stroke-green-100":"mg_typography_stroke-green-100_13lzh","stroke-green-200":"mg_typography_stroke-green-200_13lzh","stroke-green-300":"mg_typography_stroke-green-300_13lzh","stroke-green-400":"mg_typography_stroke-green-400_13lzh","stroke-green-500":"mg_typography_stroke-green-500_13lzh","stroke-green-600":"mg_typography_stroke-green-600_13lzh","stroke-grey-50":"mg_typography_stroke-grey-50_13lzh","stroke-grey-100":"mg_typography_stroke-grey-100_13lzh","stroke-grey-200":"mg_typography_stroke-grey-200_13lzh","stroke-grey-300":"mg_typography_stroke-grey-300_13lzh","stroke-grey-400":"mg_typography_stroke-grey-400_13lzh","stroke-grey-500":"mg_typography_stroke-grey-500_13lzh","stroke-grey-600":"mg_typography_stroke-grey-600_13lzh","stroke-grey-700":"mg_typography_stroke-grey-700_13lzh","stroke-grey-800":"mg_typography_stroke-grey-800_13lzh","stroke-grey-900":"mg_typography_stroke-grey-900_13lzh","stroke-red-50":"mg_typography_stroke-red-50_13lzh","stroke-red-100":"mg_typography_stroke-red-100_13lzh","stroke-red-200":"mg_typography_stroke-red-200_13lzh","stroke-red-300":"mg_typography_stroke-red-300_13lzh","stroke-yellow-50":"mg_typography_stroke-yellow-50_13lzh","stroke-yellow-100":"mg_typography_stroke-yellow-100_13lzh","stroke-yellow-200":"mg_typography_stroke-yellow-200_13lzh","stroke-yellow-300":"mg_typography_stroke-yellow-300_13lzh","fill-transparent":"mg_typography_fill-transparent_13lzh","fill-inherit":"mg_typography_fill-inherit_13lzh","fill-current":"mg_typography_fill-current_13lzh","fill-blue-dark-50":"mg_typography_fill-blue-dark-50_13lzh","fill-blue-dark-100":"mg_typography_fill-blue-dark-100_13lzh","fill-blue-dark-200":"mg_typography_fill-blue-dark-200_13lzh","fill-blue-dark-300":"mg_typography_fill-blue-dark-300_13lzh","fill-blue-dark-400":"mg_typography_fill-blue-dark-400_13lzh","fill-blue-dark-500":"mg_typography_fill-blue-dark-500_13lzh","fill-blue-light-50":"mg_typography_fill-blue-light-50_13lzh","fill-blue-light-100":"mg_typography_fill-blue-light-100_13lzh","fill-blue-light-200":"mg_typography_fill-blue-light-200_13lzh","fill-blue-light-300":"mg_typography_fill-blue-light-300_13lzh","fill-blue-light-400":"mg_typography_fill-blue-light-400_13lzh","fill-blue-light-500":"mg_typography_fill-blue-light-500_13lzh","fill-green-50":"mg_typography_fill-green-50_13lzh","fill-green-100":"mg_typography_fill-green-100_13lzh","fill-green-200":"mg_typography_fill-green-200_13lzh","fill-green-300":"mg_typography_fill-green-300_13lzh","fill-green-400":"mg_typography_fill-green-400_13lzh","fill-green-500":"mg_typography_fill-green-500_13lzh","fill-green-600":"mg_typography_fill-green-600_13lzh","fill-grey-50":"mg_typography_fill-grey-50_13lzh","fill-grey-100":"mg_typography_fill-grey-100_13lzh","fill-grey-200":"mg_typography_fill-grey-200_13lzh","fill-grey-300":"mg_typography_fill-grey-300_13lzh","fill-grey-400":"mg_typography_fill-grey-400_13lzh","fill-grey-500":"mg_typography_fill-grey-500_13lzh","fill-grey-600":"mg_typography_fill-grey-600_13lzh","fill-grey-700":"mg_typography_fill-grey-700_13lzh","fill-grey-800":"mg_typography_fill-grey-800_13lzh","fill-grey-900":"mg_typography_fill-grey-900_13lzh","fill-red-50":"mg_typography_fill-red-50_13lzh","fill-red-100":"mg_typography_fill-red-100_13lzh","fill-red-200":"mg_typography_fill-red-200_13lzh","fill-red-300":"mg_typography_fill-red-300_13lzh","fill-yellow-50":"mg_typography_fill-yellow-50_13lzh","fill-yellow-100":"mg_typography_fill-yellow-100_13lzh","fill-yellow-200":"mg_typography_fill-yellow-200_13lzh","fill-yellow-300":"mg_typography_fill-yellow-300_13lzh","bg-transparent":"mg_typography_bg-transparent_13lzh","bg-inherit":"mg_typography_bg-inherit_13lzh","bg-current":"mg_typography_bg-current_13lzh","bg-blue-dark-50":"mg_typography_bg-blue-dark-50_13lzh","bg-blue-dark-100":"mg_typography_bg-blue-dark-100_13lzh","bg-blue-dark-200":"mg_typography_bg-blue-dark-200_13lzh","bg-blue-dark-300":"mg_typography_bg-blue-dark-300_13lzh","bg-blue-dark-400":"mg_typography_bg-blue-dark-400_13lzh","bg-blue-dark-500":"mg_typography_bg-blue-dark-500_13lzh","bg-blue-light-50":"mg_typography_bg-blue-light-50_13lzh","bg-blue-light-100":"mg_typography_bg-blue-light-100_13lzh","bg-blue-light-200":"mg_typography_bg-blue-light-200_13lzh","bg-blue-light-300":"mg_typography_bg-blue-light-300_13lzh","bg-blue-light-400":"mg_typography_bg-blue-light-400_13lzh","bg-blue-light-500":"mg_typography_bg-blue-light-500_13lzh","bg-green-50":"mg_typography_bg-green-50_13lzh","bg-green-100":"mg_typography_bg-green-100_13lzh","bg-green-200":"mg_typography_bg-green-200_13lzh","bg-green-300":"mg_typography_bg-green-300_13lzh","bg-green-400":"mg_typography_bg-green-400_13lzh","bg-green-500":"mg_typography_bg-green-500_13lzh","bg-green-600":"mg_typography_bg-green-600_13lzh","bg-grey-50":"mg_typography_bg-grey-50_13lzh","bg-grey-100":"mg_typography_bg-grey-100_13lzh","bg-grey-200":"mg_typography_bg-grey-200_13lzh","bg-grey-300":"mg_typography_bg-grey-300_13lzh","bg-grey-400":"mg_typography_bg-grey-400_13lzh","bg-grey-500":"mg_typography_bg-grey-500_13lzh","bg-grey-600":"mg_typography_bg-grey-600_13lzh","bg-grey-700":"mg_typography_bg-grey-700_13lzh","bg-grey-800":"mg_typography_bg-grey-800_13lzh","bg-grey-900":"mg_typography_bg-grey-900_13lzh","bg-red-50":"mg_typography_bg-red-50_13lzh","bg-red-100":"mg_typography_bg-red-100_13lzh","bg-red-200":"mg_typography_bg-red-200_13lzh","bg-red-300":"mg_typography_bg-red-300_13lzh","bg-yellow-50":"mg_typography_bg-yellow-50_13lzh","bg-yellow-100":"mg_typography_bg-yellow-100_13lzh","bg-yellow-200":"mg_typography_bg-yellow-200_13lzh","bg-yellow-300":"mg_typography_bg-yellow-300_13lzh","color-transparent":"mg_typography_color-transparent_13lzh","color-inherit":"mg_typography_color-inherit_13lzh","color-current":"mg_typography_color-current_13lzh","color-blue-dark-50":"mg_typography_color-blue-dark-50_13lzh","color-blue-dark-100":"mg_typography_color-blue-dark-100_13lzh","color-blue-dark-200":"mg_typography_color-blue-dark-200_13lzh","color-blue-dark-300":"mg_typography_color-blue-dark-300_13lzh","color-blue-dark-400":"mg_typography_color-blue-dark-400_13lzh","color-blue-dark-500":"mg_typography_color-blue-dark-500_13lzh","color-blue-light-50":"mg_typography_color-blue-light-50_13lzh","color-blue-light-100":"mg_typography_color-blue-light-100_13lzh","color-blue-light-200":"mg_typography_color-blue-light-200_13lzh","color-blue-light-300":"mg_typography_color-blue-light-300_13lzh","color-blue-light-400":"mg_typography_color-blue-light-400_13lzh","color-blue-light-500":"mg_typography_color-blue-light-500_13lzh","color-green-50":"mg_typography_color-green-50_13lzh","color-green-100":"mg_typography_color-green-100_13lzh","color-green-200":"mg_typography_color-green-200_13lzh","color-green-300":"mg_typography_color-green-300_13lzh","color-green-400":"mg_typography_color-green-400_13lzh","color-green-500":"mg_typography_color-green-500_13lzh","color-green-600":"mg_typography_color-green-600_13lzh","color-grey-50":"mg_typography_color-grey-50_13lzh","color-grey-100":"mg_typography_color-grey-100_13lzh","color-grey-200":"mg_typography_color-grey-200_13lzh","color-grey-300":"mg_typography_color-grey-300_13lzh","color-grey-400":"mg_typography_color-grey-400_13lzh","color-grey-500":"mg_typography_color-grey-500_13lzh","color-grey-600":"mg_typography_color-grey-600_13lzh","color-grey-700":"mg_typography_color-grey-700_13lzh","color-grey-800":"mg_typography_color-grey-800_13lzh","color-grey-900":"mg_typography_color-grey-900_13lzh","color-red-50":"mg_typography_color-red-50_13lzh","color-red-100":"mg_typography_color-red-100_13lzh","color-red-200":"mg_typography_color-red-200_13lzh","color-red-300":"mg_typography_color-red-300_13lzh","color-yellow-50":"mg_typography_color-yellow-50_13lzh","color-yellow-100":"mg_typography_color-yellow-100_13lzh","color-yellow-200":"mg_typography_color-yellow-200_13lzh","color-yellow-300":"mg_typography_color-yellow-300_13lzh","magneto-ui-typography":"mg_typography_magneto-ui-typography_13lzh","magneto-ui-typography--size-sm":"mg_typography_magneto-ui-typography--size-sm_13lzh","magneto-ui-typography--size-md":"mg_typography_magneto-ui-typography--size-md_13lzh","magneto-ui-typography--size-lg":"mg_typography_magneto-ui-typography--size-lg_13lzh","magneto-ui-typography--size-xl":"mg_typography_magneto-ui-typography--size-xl_13lzh","magneto-ui-typography--size-2xl":"mg_typography_magneto-ui-typography--size-2xl_13lzh","magneto-ui-typography--size-3xl":"mg_typography_magneto-ui-typography--size-3xl_13lzh","magneto-ui-typography--size-4xl":"mg_typography_magneto-ui-typography--size-4xl_13lzh","magneto-ui-typography--color-transparent":"mg_typography_magneto-ui-typography--color-transparent_13lzh","magneto-ui-typography--color-inherit":"mg_typography_magneto-ui-typography--color-inherit_13lzh","magneto-ui-typography--color-current":"mg_typography_magneto-ui-typography--color-current_13lzh","magneto-ui-typography--color-blue-dark-50":"mg_typography_magneto-ui-typography--color-blue-dark-50_13lzh","magneto-ui-typography--color-blue-dark-100":"mg_typography_magneto-ui-typography--color-blue-dark-100_13lzh","magneto-ui-typography--color-blue-dark-200":"mg_typography_magneto-ui-typography--color-blue-dark-200_13lzh","magneto-ui-typography--color-blue-dark-300":"mg_typography_magneto-ui-typography--color-blue-dark-300_13lzh","magneto-ui-typography--color-blue-dark-400":"mg_typography_magneto-ui-typography--color-blue-dark-400_13lzh","magneto-ui-typography--color-blue-dark-500":"mg_typography_magneto-ui-typography--color-blue-dark-500_13lzh","magneto-ui-typography--color-blue-light-50":"mg_typography_magneto-ui-typography--color-blue-light-50_13lzh","magneto-ui-typography--color-blue-light-100":"mg_typography_magneto-ui-typography--color-blue-light-100_13lzh","magneto-ui-typography--color-blue-light-200":"mg_typography_magneto-ui-typography--color-blue-light-200_13lzh","magneto-ui-typography--color-blue-light-300":"mg_typography_magneto-ui-typography--color-blue-light-300_13lzh","magneto-ui-typography--color-blue-light-400":"mg_typography_magneto-ui-typography--color-blue-light-400_13lzh","magneto-ui-typography--color-blue-light-500":"mg_typography_magneto-ui-typography--color-blue-light-500_13lzh","magneto-ui-typography--color-green-50":"mg_typography_magneto-ui-typography--color-green-50_13lzh","magneto-ui-typography--color-green-100":"mg_typography_magneto-ui-typography--color-green-100_13lzh","magneto-ui-typography--color-green-200":"mg_typography_magneto-ui-typography--color-green-200_13lzh","magneto-ui-typography--color-green-300":"mg_typography_magneto-ui-typography--color-green-300_13lzh","magneto-ui-typography--color-green-400":"mg_typography_magneto-ui-typography--color-green-400_13lzh","magneto-ui-typography--color-green-500":"mg_typography_magneto-ui-typography--color-green-500_13lzh","magneto-ui-typography--color-green-600":"mg_typography_magneto-ui-typography--color-green-600_13lzh","magneto-ui-typography--color-grey-50":"mg_typography_magneto-ui-typography--color-grey-50_13lzh","magneto-ui-typography--color-grey-100":"mg_typography_magneto-ui-typography--color-grey-100_13lzh","magneto-ui-typography--color-grey-200":"mg_typography_magneto-ui-typography--color-grey-200_13lzh","magneto-ui-typography--color-grey-300":"mg_typography_magneto-ui-typography--color-grey-300_13lzh","magneto-ui-typography--color-grey-400":"mg_typography_magneto-ui-typography--color-grey-400_13lzh","magneto-ui-typography--color-grey-500":"mg_typography_magneto-ui-typography--color-grey-500_13lzh","magneto-ui-typography--color-grey-600":"mg_typography_magneto-ui-typography--color-grey-600_13lzh","magneto-ui-typography--color-grey-700":"mg_typography_magneto-ui-typography--color-grey-700_13lzh","magneto-ui-typography--color-grey-800":"mg_typography_magneto-ui-typography--color-grey-800_13lzh","magneto-ui-typography--color-grey-900":"mg_typography_magneto-ui-typography--color-grey-900_13lzh","magneto-ui-typography--color-red-50":"mg_typography_magneto-ui-typography--color-red-50_13lzh","magneto-ui-typography--color-red-100":"mg_typography_magneto-ui-typography--color-red-100_13lzh","magneto-ui-typography--color-red-200":"mg_typography_magneto-ui-typography--color-red-200_13lzh","magneto-ui-typography--color-red-300":"mg_typography_magneto-ui-typography--color-red-300_13lzh","magneto-ui-typography--color-yellow-50":"mg_typography_magneto-ui-typography--color-yellow-50_13lzh","magneto-ui-typography--color-yellow-100":"mg_typography_magneto-ui-typography--color-yellow-100_13lzh","magneto-ui-typography--color-yellow-200":"mg_typography_magneto-ui-typography--color-yellow-200_13lzh","magneto-ui-typography--color-yellow-300":"mg_typography_magneto-ui-typography--color-yellow-300_13lzh","magneto-ui-typography--weight-thin":"mg_typography_magneto-ui-typography--weight-thin_13lzh","magneto-ui-typography--weight-extra-light":"mg_typography_magneto-ui-typography--weight-extra-light_13lzh","magneto-ui-typography--weight-light":"mg_typography_magneto-ui-typography--weight-light_13lzh","magneto-ui-typography--weight-normal":"mg_typography_magneto-ui-typography--weight-normal_13lzh","magneto-ui-typography--weight-medium":"mg_typography_magneto-ui-typography--weight-medium_13lzh","magneto-ui-typography--weight-semi-bold":"mg_typography_magneto-ui-typography--weight-semi-bold_13lzh","magneto-ui-typography--weight-bold":"mg_typography_magneto-ui-typography--weight-bold_13lzh","magneto-ui-typography--weight-extra-bold":"mg_typography_magneto-ui-typography--weight-extra-bold_13lzh","magneto-ui-typography--weight-black":"mg_typography_magneto-ui-typography--weight-black_13lzh","magneto-ui-typography--code":"mg_typography_magneto-ui-typography--code_13lzh","magneto-ui-typography--delete":"mg_typography_magneto-ui-typography--delete_13lzh","magneto-ui-typography--italic":"mg_typography_magneto-ui-typography--italic_13lzh","magneto-ui-typography--keyboard":"mg_typography_magneto-ui-typography--keyboard_13lzh","magneto-ui-typography--mark":"mg_typography_magneto-ui-typography--mark_13lzh","magneto-ui-typography--strong":"mg_typography_magneto-ui-typography--strong_13lzh","magneto-ui-typography--underline":"mg_typography_magneto-ui-typography--underline_13lzh","magneto-ui-typography--ellipsis":"mg_typography_magneto-ui-typography--ellipsis_13lzh","magneto-ui-typography--ellipsis-multiline":"mg_typography_magneto-ui-typography--ellipsis-multiline_13lzh"};
 
 var cx$14 = classNames.bind(styles$2m);
 var typographyStyles = function (_a) {
@@ -2798,36 +2798,52 @@ var omitTypographyProps = function (props) {
     }));
 };
 
-var Component$2r = function (_a) {
+var BaseComponent$3 = function (_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var _b = typographyStyles(__assign({}, props)), className = _b.className, style = _b.style;
-    return (React__default["default"].createElement("a", __assign({}, omitTypographyProps(props), { className: className, style: style }), applyWrappers(children, props)));
+    return (React__default["default"].createElement("a", __assign({}, omitTypographyProps(props), { className: className, style: style, ref: ref }), applyWrappers(children, props)));
 };
+var Component$2r = React.forwardRef(BaseComponent$3);
+/**
+ * Atom UI child component of Typography
+ */
 var TypographyLink = Component$2r;
 
-var Component$2q = function (_a) {
+var BaseComponent$2 = function (_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var _b = typographyStyles(__assign({}, props)), className = _b.className, style = _b.style;
-    return (React__default["default"].createElement("p", __assign({}, omitTypographyProps(props), { className: className, style: style }), applyWrappers(children, props)));
+    return (React__default["default"].createElement("p", __assign({}, omitTypographyProps(props), { className: className, style: style, ref: ref }), applyWrappers(children, props)));
 };
+var Component$2q = React.forwardRef(BaseComponent$2);
+/**
+ * Atom UI child component of Typography
+ */
 var TypographyParagraph = Component$2q;
 
-var Component$2p = function (_a) {
+var BaseComponent$1 = function (_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var _b = typographyStyles(__assign({}, props)), className = _b.className, style = _b.style;
-    return (React__default["default"].createElement("span", __assign({}, omitTypographyProps(props), { className: className, style: style }), applyWrappers(children, props)));
+    return (React__default["default"].createElement("span", __assign({}, omitTypographyProps(props), { className: className, style: style, ref: ref }), applyWrappers(children, props)));
 };
+var Component$2p = React.forwardRef(BaseComponent$1);
+/**
+ * Atom UI child component of Typography
+ */
 var TypographyText = Component$2p;
 
-var Component$2o = function (_a) {
+var BaseComponent = function (_a, ref) {
     var children = _a.children, _b = _a.level, level = _b === void 0 ? 2 : _b, props = __rest(_a, ["children", "level"]);
     var _c = typographyStyles(__assign({}, props)), className = _c.className, style = _c.style;
     var Wrapper = React.useMemo(function () {
         var safeLevel = Math.min(Math.max(level, 1), 6);
         return "h".concat(safeLevel);
     }, [level]);
-    return React__default["default"].createElement(Wrapper, __assign(__assign({}, omitTypographyProps(props)), { className: className, style: style }), applyWrappers(children, props));
+    return React__default["default"].createElement(Wrapper, __assign(__assign({}, omitTypographyProps(props)), { className: className, style: style }), applyWrappers(children, props), ref);
 };
+var Component$2o = React.forwardRef(BaseComponent);
+/**
+ * Atom UI child component of Typography
+ */
 var TypographyTitle = Component$2o;
 
 /**
@@ -2840,20 +2856,6 @@ var Typography = Object.assign({}, {
     Title: TypographyTitle
 });
 
-exports.ETypographyFontSize = void 0;
-(function (ETypographyFontSize) {
-    ETypographyFontSize["XS"] = "xs";
-    ETypographyFontSize["SM"] = "sm";
-    ETypographyFontSize["MD"] = "md";
-    ETypographyFontSize["LG"] = "lg";
-    ETypographyFontSize["XL"] = "xl";
-    ETypographyFontSize["XL2"] = "xl-2";
-    ETypographyFontSize["XL3"] = "xl-3";
-    ETypographyFontSize["XL4"] = "xl-4";
-    ETypographyFontSize["XL5"] = "xl-5";
-    ETypographyFontSize["XL6"] = "xl-6";
-    ETypographyFontSize["XL7"] = "xl-7";
-})(exports.ETypographyFontSize || (exports.ETypographyFontSize = {}));
 exports.ETypographyFontWeight = void 0;
 (function (ETypographyFontWeight) {
     ETypographyFontWeight["THIN"] = "thin";
@@ -2866,14 +2868,6 @@ exports.ETypographyFontWeight = void 0;
     ETypographyFontWeight["EXTRA_BOLD"] = "extra-bold";
     ETypographyFontWeight["BLACK"] = "black";
 })(exports.ETypographyFontWeight || (exports.ETypographyFontWeight = {}));
-exports.ETypographyFontColor = void 0;
-(function (ETypographyFontColor) {
-    ETypographyFontColor["GRAY"] = "gray";
-    ETypographyFontColor["BLACK"] = "black";
-    ETypographyFontColor["WHITE"] = "white";
-    ETypographyFontColor["GREEN"] = "green";
-    ETypographyFontColor["BLUE"] = "blue";
-})(exports.ETypographyFontColor || (exports.ETypographyFontColor = {}));
 
 var styles$2l = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
 
@@ -3671,13 +3665,13 @@ var style$T = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-
 
 var DEFAULT_PADDING = 20;
 var Component$22 = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d, _e = _a.backGroundClassName, backGroundClassName = _e === void 0 ? '' : _e;
     var fullDrawer = isFull ? "full-drawer" : '';
     var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
     var backgroundEffect = isMobile ? 'no-background' : 'background-drawer';
     var widthValue = { '--drawer-width': drawerWidth };
-    var _e = React.useState(false), showContent = _e[0], setShowContent = _e[1];
-    var _f = React.useState(isOpen), renderPortal = _f[0], setRenderPortal = _f[1];
+    var _f = React.useState(false), showContent = _f[0], setShowContent = _f[1];
+    var _g = React.useState(isOpen), renderPortal = _g[0], setRenderPortal = _g[1];
     var showDrawer = showContent ? "show-".concat(direction) : "hidden-".concat(direction);
     React.useEffect(function () {
         var body = document.body;
@@ -3711,7 +3705,7 @@ var Component$22 = function (_a) {
                 !hideButton && (React__default["default"].createElement("button", { className: style$T['magneto-ui-close-button'], onClick: onClose },
                     React__default["default"].createElement(IconItem, { icon: Add, hover: false }))),
                 children),
-            isOpen && (React__default["default"].createElement("span", { className: "".concat(style$T[backgroundEffect]), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
+            isOpen && (React__default["default"].createElement("span", { className: "".concat(style$T[backgroundEffect], " ").concat(backGroundClassName), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
 };
 /**
  * Molecule UI component for Drawer