@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTStatus/theme.js

@@ -1,216 +1 @@
-import { COLOR_THEMES } from '../../constants/Palette';
-import { DEFAULT_PROPS, SIZES, TYPES, VARIANTS } from './constants';
-const getBackgroundColor = _ref => {
-  let {
-    theme,
-    type,
-    variant
-  } = _ref;
-  return variant !== VARIANTS.unassigned ? theme.Palette[variant][type === TYPES.negative ? '04' : '01'] : type === TYPES.negative ? theme.Palette.gray['04'] : theme.Palette.light['04'];
-};
-const getIconFill = _ref2 => {
-  let {
-    theme,
-    type,
-    variant
-  } = _ref2;
-  return {
-    [TYPES.default]: theme.Palette.dark['05'],
-    [TYPES.light]: theme.Palette[variant !== VARIANTS.unassigned ? variant : 'gray']['05'],
-    [TYPES.negative]: theme.Palette.light['01']
-  }[type];
-};
-const getGridGap = _ref3 => {
-  let {
-    size
-  } = _ref3;
-  return {
-    [SIZES.large]: 'var(--UT-status-gap-large, 0.5rem)',
-    [SIZES.medium]: 'var(--UT-status-gap-medium, 0.5rem)',
-    [SIZES.small]: 'var(--UT-status-gap-small, 0.25rem)',
-    [SIZES.xlarge]: 'var(--UT-status-gap-xlarge, 0.5rem)',
-    [SIZES.xsmall]: 'var(--UT-status-gap-xsmall, 0.25rem)'
-  }[size];
-};
-const getPadding = _ref4 => {
-  let {
-    size
-  } = _ref4;
-  return {
-    [SIZES.large]: 'var(--UT-status-padding-y-large, 0.25rem) var(--UT-status-padding-x-large, 0.5rem)',
-    [SIZES.medium]: 'var(--UT-status-padding-y-medium, 0.25rem) var(--UT-status-padding-x-medium, 0.5rem)',
-    [SIZES.small]: 'var(--UT-status-padding-y-small, 0.25rem) var(--UT-status-padding-x-small, 0.5rem)',
-    [SIZES.xlarge]: 'var(--UT-status-padding-y-xlarge, 0.5rem) var(--UT-status-padding-x-xlarge, 0.75rem)',
-    [SIZES.xsmall]: 'var(--UT-status-padding-y-xsmall, 0.125rem) var(--UT-status-padding-x-xsmall, 0.25rem)'
-  }[size];
-};
-export const getLabelVariant = _ref5 => {
-  let {
-    size
-  } = _ref5;
-  return {
-    [SIZES.large]: 'body',
-    [SIZES.medium]: 'small',
-    [SIZES.small]: 'xsmall',
-    [SIZES.xlarge]: 'body',
-    [SIZES.xsmall]: 'xsmall'
-  }[size];
-};
-export const getIconSize = _ref6 => {
-  let {
-    size
-  } = _ref6;
-  return {
-    [SIZES.large]: 'var(--UT-status-icon-size-xs, 1.25rem)',
-    [SIZES.medium]: 'var(--UT-status-icon-size-2xs, 1rem)',
-    [SIZES.small]: 'var(--UT-status-icon-size-3xs, 0.75rem)',
-    [SIZES.xlarge]: 'var(--UT-status-icon-size-xs, 1.25rem)',
-    [SIZES.xsmall]: 'var(--UT-status-icon-size-3xs, 0.75rem)'
-  }[size];
-};
-export const defaultIconMapper = variant => ({
-  [VARIANTS.accent]: 'IconCheck',
-  [VARIANTS.error]: 'IconX',
-  [VARIANTS.information]: 'IconInfoCircle',
-  [VARIANTS.success]: 'IconCheck',
-  [VARIANTS.unassigned]: 'IconArchive',
-  [VARIANTS.warning]: 'IconAlertTriangle'
-})[variant];
-export const validateProps = _ref7 => {
-  let {
-    type,
-    variant,
-    ...props
-  } = _ref7;
-  return {
-    type: TYPES[type] || TYPES[DEFAULT_PROPS.type],
-    variant: VARIANTS[variant] || VARIANTS[DEFAULT_PROPS.variant],
-    ...props
-  };
-};
-export const retrieveStyle = _ref8 => {
-  let {
-    theme,
-    size = DEFAULT_PROPS.size,
-    type = DEFAULT_PROPS.type,
-    uppercase,
-    variant = DEFAULT_PROPS.variant
-  } = _ref8;
-  return {
-    root: {
-      alignItems: 'center',
-      backgroundColor: getBackgroundColor({
-        theme,
-        ...validateProps({
-          type,
-          variant
-        })
-      }),
-      borderRadius: 'var(--UT-status-radius, 0.25rem)',
-      display: 'flex',
-      gridGap: getGridGap({
-        size
-      }),
-      height: 'fit-content',
-      padding: getPadding({
-        size
-      }),
-      width: 'fit-content',
-      '&:empty': {
-        display: 'none'
-      }
-    },
-    label: {
-      ...(uppercase ? {
-        textTransform: 'uppercase'
-      } : {})
-    },
-    icon: {
-      flexShrink: '0',
-      height: 'var(--UT-status-icon-size-xs, 1.25rem)',
-      width: 'var(--UT-status-icon-size-xs, 1.25rem)',
-      '& path': {
-        fill: getIconFill({
-          theme,
-          ...validateProps({
-            type,
-            variant
-          })
-        })
-      }
-    },
-    badge: {
-      backgroundColor: type === TYPES.negative ? "".concat(theme.Palette[variant !== VARIANTS.unassigned ? variant : COLOR_THEMES.gray]['03'], " !important") : "".concat(theme.Palette[variant !== VARIANTS.unassigned ? variant : COLOR_THEMES.gray][variant !== VARIANTS.error ? '03' : '04'], " !important")
-    },
-    adornmentIcon: {
-      flexShrink: '0',
-      '& path': {
-        stroke: getIconFill({
-          theme,
-          ...validateProps({
-            type,
-            variant
-          })
-        })
-      }
-    },
-    iconXsmall: {
-      height: 'var(--UT-status-icon-size-3xs, 0.75rem)',
-      width: 'var(--UT-status-icon-size-3xs, 0.75rem)'
-    },
-    iconSmall: {
-      height: 'var(--UT-status-icon-size-3xs, 0.75rem)',
-      width: 'var(--UT-status-icon-size-3xs, 0.75rem)'
-    },
-    iconMedium: {
-      height: 'var(--UT-status-icon-size-2xs, 1rem)',
-      width: 'var(--UT-status-icon-size-2xs, 1rem)'
-    },
-    iconLarge: {
-      height: 'var(--UT-status-icon-size-xs, 1.25rem)',
-      width: 'var(--UT-status-icon-size-xs, 1.25rem)'
-    },
-    badgeXsmall: {
-      height: '8px',
-      width: '8px'
-    },
-    iconXlarge: {
-      height: '20px',
-      width: '20px'
-    },
-    badgeSmall: {
-      height: '8px',
-      width: '8px'
-    },
-    badgeMedium: {
-      height: '10px',
-      width: '10px'
-    },
-    badgeLarge: {
-      height: '10px',
-      width: '10px'
-    },
-    badgeXlarge: {
-      height: '10px',
-      width: '10px'
-    },
-    withoutArea: {
-      backgroundColor: 'transparent !important'
-    },
-    roundedArea: {
-      borderRadius: 'var(--UT-status-radius-rounded, 9999px)'
-    }
-  };
-};
-export const getColorTheme = _ref9 => {
-  let {
-    type,
-    variant
-  } = _ref9;
-  return {
-    [TYPES.accent]: COLOR_THEMES.accent,
-    [TYPES.default]: COLOR_THEMES.dark,
-    [TYPES.light]: variant !== VARIANTS.unassigned ? variant : COLOR_THEMES.gray,
-    [TYPES.negative]: COLOR_THEMES.light
-  }[type];
-};
+import{COLOR_THEMES}from"../../constants/Palette";import{DEFAULT_PROPS,SIZES,TYPES,VARIANTS}from"./constants";const getBackgroundColor=e=>{let{theme:t,type:a,variant:r}=e;return r!==VARIANTS.unassigned?t.Palette[r][a===TYPES.negative?"04":"01"]:a===TYPES.negative?t.Palette.gray["04"]:t.Palette.light["04"]},getIconFill=e=>{let{theme:t,type:a,variant:r}=e;return{[TYPES.default]:t.Palette.dark["05"],[TYPES.light]:t.Palette[r!==VARIANTS.unassigned?r:"gray"]["05"],[TYPES.negative]:t.Palette.light["01"]}[a]},getGridGap=e=>{let{size:t}=e;return{[SIZES.large]:"var(--UT-status-gap-large, 0.5rem)",[SIZES.medium]:"var(--UT-status-gap-medium, 0.5rem)",[SIZES.small]:"var(--UT-status-gap-small, 0.25rem)",[SIZES.xlarge]:"var(--UT-status-gap-xlarge, 0.5rem)",[SIZES.xsmall]:"var(--UT-status-gap-xsmall, 0.25rem)"}[t]},getPadding=e=>{let{size:t}=e;return{[SIZES.large]:"var(--UT-status-padding-y-large, 0.25rem) var(--UT-status-padding-x-large, 0.5rem)",[SIZES.medium]:"var(--UT-status-padding-y-medium, 0.25rem) var(--UT-status-padding-x-medium, 0.5rem)",[SIZES.small]:"var(--UT-status-padding-y-small, 0.25rem) var(--UT-status-padding-x-small, 0.5rem)",[SIZES.xlarge]:"var(--UT-status-padding-y-xlarge, 0.5rem) var(--UT-status-padding-x-xlarge, 0.75rem)",[SIZES.xsmall]:"var(--UT-status-padding-y-xsmall, 0.125rem) var(--UT-status-padding-x-xsmall, 0.25rem)"}[t]};export const getLabelVariant=e=>{let{size:t}=e;return{[SIZES.large]:"body",[SIZES.medium]:"small",[SIZES.small]:"xsmall",[SIZES.xlarge]:"body",[SIZES.xsmall]:"xsmall"}[t]};export const getIconSize=e=>{let{size:t}=e;return{[SIZES.large]:"var(--UT-status-icon-size-xs, 1.25rem)",[SIZES.medium]:"var(--UT-status-icon-size-2xs, 1rem)",[SIZES.small]:"var(--UT-status-icon-size-3xs, 0.75rem)",[SIZES.xlarge]:"var(--UT-status-icon-size-xs, 1.25rem)",[SIZES.xsmall]:"var(--UT-status-icon-size-3xs, 0.75rem)"}[t]};export const defaultIconMapper=e=>({[VARIANTS.accent]:"IconCheck",[VARIANTS.error]:"IconX",[VARIANTS.information]:"IconInfoCircle",[VARIANTS.success]:"IconCheck",[VARIANTS.unassigned]:"IconArchive",[VARIANTS.warning]:"IconAlertTriangle"}[e]);export const validateProps=e=>{let{type:t,variant:a,...r}=e;return{type:TYPES[t]||TYPES[DEFAULT_PROPS.type],variant:VARIANTS[a]||VARIANTS[DEFAULT_PROPS.variant],...r}};export const retrieveStyle=e=>{let{theme:t,size:a=DEFAULT_PROPS.size,type:r=DEFAULT_PROPS.type,uppercase:s,variant:i=DEFAULT_PROPS.variant}=e;return{root:{alignItems:"center",backgroundColor:getBackgroundColor({theme:t,...validateProps({type:r,variant:i})}),borderRadius:"var(--UT-status-radius, 0.25rem)",display:"flex",gridGap:getGridGap({size:a}),height:"fit-content",padding:getPadding({size:a}),width:"fit-content","&:empty":{display:"none"}},label:{...s?{textTransform:"uppercase"}:{}},icon:{flexShrink:"0",height:"var(--UT-status-icon-size-xs, 1.25rem)",width:"var(--UT-status-icon-size-xs, 1.25rem)","& path":{fill:getIconFill({theme:t,...validateProps({type:r,variant:i})})}},badge:{backgroundColor:r===TYPES.negative?"".concat(t.Palette[i!==VARIANTS.unassigned?i:COLOR_THEMES.gray]["03"]," !important"):"".concat(t.Palette[i!==VARIANTS.unassigned?i:COLOR_THEMES.gray][i!==VARIANTS.error?"03":"04"]," !important")},adornmentIcon:{flexShrink:"0","& path":{stroke:getIconFill({theme:t,...validateProps({type:r,variant:i})})}},iconXsmall:{height:"var(--UT-status-icon-size-3xs, 0.75rem)",width:"var(--UT-status-icon-size-3xs, 0.75rem)"},iconSmall:{height:"var(--UT-status-icon-size-3xs, 0.75rem)",width:"var(--UT-status-icon-size-3xs, 0.75rem)"},iconMedium:{height:"var(--UT-status-icon-size-2xs, 1rem)",width:"var(--UT-status-icon-size-2xs, 1rem)"},iconLarge:{height:"var(--UT-status-icon-size-xs, 1.25rem)",width:"var(--UT-status-icon-size-xs, 1.25rem)"},badgeXsmall:{height:"8px",width:"8px"},iconXlarge:{height:"20px",width:"20px"},badgeSmall:{height:"8px",width:"8px"},badgeMedium:{height:"10px",width:"10px"},badgeLarge:{height:"10px",width:"10px"},badgeXlarge:{height:"10px",width:"10px"},withoutArea:{backgroundColor:"transparent !important"},roundedArea:{borderRadius:"var(--UT-status-radius-rounded, 9999px)"}}};export const getColorTheme=e=>{let{type:t,variant:a}=e;return{[TYPES.accent]:COLOR_THEMES.accent,[TYPES.default]:COLOR_THEMES.dark,[TYPES.light]:a!==VARIANTS.unassigned?a:COLOR_THEMES.gray,[TYPES.negative]:COLOR_THEMES.light}[t]};

package/dist/esm/components/UTStatus/utils.js

@@ -1,84 +1 @@
-import { isUTIcon } from '../../utils/componentUtils';
-import UTIcon from '../UTIcon';
-import { COMPONENT_KEYS, COMPONENTS_MAPPER, SIZES } from './constants';
-import { getColorTheme, getIconSize } from './theme';
-export const getIconProps = _ref => {
-  let {
-    className,
-    Icon,
-    type,
-    variant,
-    size
-  } = _ref;
-  return {
-    IconComponent: isUTIcon(Icon) ? UTIcon : Icon,
-    ...(isUTIcon(Icon) ? {
-      colorTheme: getColorTheme({
-        type,
-        variant
-      }),
-      name: Icon,
-      size: getIconSize({
-        size
-      })
-    } : {
-      className
-    })
-  };
-};
-export const validateAdornments = adornments => adornments.every(adornment => {
-  if (adornment.left || adornment.right) {
-    return (!adornment.left || COMPONENTS_MAPPER[adornment.left.name]) && (!adornment.right || COMPONENTS_MAPPER[adornment.right.name]);
-  }
-  return COMPONENTS_MAPPER[adornment.name];
-});
-const interpreterSize = (size, classes) => {
-  const {
-    iconXsmall,
-    iconSmall,
-    iconMedium,
-    iconLarge,
-    iconXlarge,
-    badgeXsmall,
-    badgeSmall,
-    badgeMedium,
-    badgeLarge,
-    badgeXlarge
-  } = classes || {};
-  return {
-    [COMPONENT_KEYS.BADGE]: {
-      [SIZES.xsmall]: badgeXsmall,
-      [SIZES.small]: badgeSmall,
-      [SIZES.medium]: badgeMedium,
-      [SIZES.large]: badgeLarge,
-      [SIZES.xlarge]: badgeXlarge
-    }[size],
-    [COMPONENT_KEYS.ICON]: {
-      [SIZES.xsmall]: iconXsmall,
-      [SIZES.small]: iconSmall,
-      [SIZES.medium]: iconMedium,
-      [SIZES.large]: iconLarge,
-      [SIZES.xlarge]: iconXlarge
-    }[size]
-  };
-};
-export const getAdornmentsThemeProps = props => {
-  const {
-    adornmentName,
-    classes,
-    size = SIZES.medium
-  } = props || {};
-  const {
-    badge,
-    adornmentIcon
-  } = classes || {};
-  const recoverClassForSizeAndType = interpreterSize(size, classes)[adornmentName];
-  return {
-    [COMPONENT_KEYS.BADGE]: {
-      className: "".concat(badge, " ").concat(recoverClassForSizeAndType)
-    },
-    [COMPONENT_KEYS.ICON]: {
-      className: "".concat(adornmentIcon, " ").concat(recoverClassForSizeAndType)
-    }
-  }[adornmentName];
-};
+import{isUTIcon}from"../../utils/componentUtils";import UTIcon from"../UTIcon";import{COMPONENT_KEYS,COMPONENTS_MAPPER,SIZES}from"./constants";import{getColorTheme,getIconSize}from"./theme";export const getIconProps=e=>{let{className:o,Icon:t,type:n,variant:a,size:r}=e;return{IconComponent:isUTIcon(t)?UTIcon:t,...isUTIcon(t)?{colorTheme:getColorTheme({type:n,variant:a}),name:t,size:getIconSize({size:r})}:{className:o}}};export const validateAdornments=e=>e.every(e=>e.left||e.right?(!e.left||COMPONENTS_MAPPER[e.left.name])&&(!e.right||COMPONENTS_MAPPER[e.right.name]):COMPONENTS_MAPPER[e.name]);const interpreterSize=(e,o)=>{const{iconXsmall:t,iconSmall:n,iconMedium:a,iconLarge:r,iconXlarge:m,badgeXsmall:c,badgeSmall:S,badgeMedium:s,badgeLarge:l,badgeXlarge:i}=o||{};return{[COMPONENT_KEYS.BADGE]:{[SIZES.xsmall]:c,[SIZES.small]:S,[SIZES.medium]:s,[SIZES.large]:l,[SIZES.xlarge]:i}[e],[COMPONENT_KEYS.ICON]:{[SIZES.xsmall]:t,[SIZES.small]:n,[SIZES.medium]:a,[SIZES.large]:r,[SIZES.xlarge]:m}[e]}};export const getAdornmentsThemeProps=e=>{const{adornmentName:o,classes:t,size:n=SIZES.medium}=e||{},{badge:a,adornmentIcon:r}=t||{},m=interpreterSize(n,t)[o];return{[COMPONENT_KEYS.BADGE]:{className:"".concat(a," ").concat(m)},[COMPONENT_KEYS.ICON]:{className:"".concat(r," ").concat(m)}}[o]};

package/dist/esm/components/UTStatusMessage/constants.js

@@ -1,30 +1 @@
-export const COLOR_THEMES = {
-  ACCENT: 'accent',
-  DEFAULT: 'default',
-  ERROR: 'error',
-  GRADIENT: 'gradient',
-  GRAY: 'gray',
-  IDENTITY_1: 'identity1',
-  IDENTITY_2: 'identity2',
-  IDENTITY_3: 'identity3',
-  IDENTITY_4: 'identity4',
-  INFO: 'info',
-  NEGATIVE: 'negative',
-  SUCCESS: 'success',
-  WARNING: 'warning'
-};
-export const ICON_COLOR_THEMES = {
-  [COLOR_THEMES.ACCENT]: 'accent',
-  [COLOR_THEMES.DEFAULT]: 'dark',
-  [COLOR_THEMES.ERROR]: 'error',
-  [COLOR_THEMES.GRADIENT]: 'light',
-  [COLOR_THEMES.GRAY]: 'gray',
-  [COLOR_THEMES.IDENTITY_1]: 'light',
-  [COLOR_THEMES.IDENTITY_2]: 'light',
-  [COLOR_THEMES.IDENTITY_3]: 'light',
-  [COLOR_THEMES.IDENTITY_4]: 'light',
-  [COLOR_THEMES.INFO]: 'information',
-  [COLOR_THEMES.NEGATIVE]: 'dark',
-  [COLOR_THEMES.SUCCESS]: 'success',
-  [COLOR_THEMES.WARNING]: 'warning'
-};
+export const COLOR_THEMES={ACCENT:"accent",DEFAULT:"default",ERROR:"error",GRADIENT:"gradient",GRAY:"gray",IDENTITY_1:"identity1",IDENTITY_2:"identity2",IDENTITY_3:"identity3",IDENTITY_4:"identity4",INFO:"info",NEGATIVE:"negative",SUCCESS:"success",WARNING:"warning"};export const ICON_COLOR_THEMES={[COLOR_THEMES.ACCENT]:"accent",[COLOR_THEMES.DEFAULT]:"dark",[COLOR_THEMES.ERROR]:"error",[COLOR_THEMES.GRADIENT]:"light",[COLOR_THEMES.GRAY]:"gray",[COLOR_THEMES.IDENTITY_1]:"light",[COLOR_THEMES.IDENTITY_2]:"light",[COLOR_THEMES.IDENTITY_3]:"light",[COLOR_THEMES.IDENTITY_4]:"light",[COLOR_THEMES.INFO]:"information",[COLOR_THEMES.NEGATIVE]:"dark",[COLOR_THEMES.SUCCESS]:"success",[COLOR_THEMES.WARNING]:"warning"};

package/dist/esm/components/UTStatusMessage/index.js

@@ -1,107 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { bool, element, func, object, string } from 'prop-types';
-import React from 'react';
-import UTButton from '../UTButton';
-import UTIcon from '../UTIcon';
-import UTLabel from '../UTLabel';
-import UTLoading from '../UTLoading';
-import WithTheme from '../WithTheme';
-import { TEST_IDS } from '../../constants/testIds';
-import { ICON_COLOR_THEMES, COLOR_THEMES } from './constants';
-import { retrieveStyle } from './theme';
-import styles from './styles.module.scss';
-const {
-  statusMessage
-} = TEST_IDS;
-const UTStatusMessage = _ref => {
-  let {
-    children,
-    classes,
-    colorTheme = COLOR_THEMES.DEFAULT,
-    description,
-    descriptionProps,
-    HeaderComponent,
-    helpText,
-    helpTextProps,
-    icon = 'IconInfoCircle',
-    iconProps = {
-      size: 40
-    },
-    loading,
-    primaryAction,
-    primaryActionProps,
-    primaryActionText,
-    secondaryAction,
-    secondaryActionProps,
-    secondaryActionText,
-    showHeader = true,
-    title,
-    titleProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(classes.container)
-  }, loading ? /*#__PURE__*/React.createElement(UTLoading, {
-    loading: true,
-    text: null
-  }) : showHeader ? /*#__PURE__*/React.createElement("div", {
-    className: classes.banner
-  }, HeaderComponent ? /*#__PURE__*/React.createElement(HeaderComponent, null) : /*#__PURE__*/React.createElement("div", {
-    className: classes.iconContainer
-  }, /*#__PURE__*/React.createElement(UTIcon, _extends({
-    name: icon,
-    colorTheme: ICON_COLOR_THEMES[colorTheme],
-    dataTestId: statusMessage.icon
-  }, iconProps)))) : null, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.content, " ").concat(classes.content)
-  }, (title || description || helpText) && /*#__PURE__*/React.createElement("div", {
-    className: styles.section
-  }, title && /*#__PURE__*/React.createElement(UTLabel, _extends({
-    className: styles.label,
-    dataTestId: statusMessage.title,
-    variant: "title3",
-    weight: "medium"
-  }, titleProps), title), description && /*#__PURE__*/React.createElement(UTLabel, _extends({
-    className: styles.label,
-    colorTheme: "gray",
-    dataTestId: statusMessage.description,
-    withMarkdown: true,
-    variant: "body"
-  }, descriptionProps), description), helpText && /*#__PURE__*/React.createElement(UTLabel, _extends({
-    className: styles.label,
-    colorTheme: "gray",
-    dataTestId: statusMessage.helperText,
-    variant: "small"
-  }, helpTextProps), helpText)), children, (primaryAction || secondaryAction) && /*#__PURE__*/React.createElement("div", {
-    className: styles.section
-  }, primaryAction && /*#__PURE__*/React.createElement(UTButton, _extends({
-    onClick: primaryAction
-  }, primaryActionProps), primaryActionText), secondaryAction && /*#__PURE__*/React.createElement(UTButton, _extends({
-    onClick: secondaryAction,
-    variant: "text"
-  }, secondaryActionProps), secondaryActionText))));
-};
-UTStatusMessage.propTypes = {
-  children: element,
-  classes: object,
-  colorTheme: string,
-  description: string,
-  descriptionProps: object,
-  HeaderComponent: element,
-  helpText: string,
-  helpTextProps: object,
-  icon: string,
-  iconProps: object,
-  loading: bool,
-  primaryAction: func,
-  primaryActionProps: object,
-  primaryActionText: string,
-  secondaryAction: func,
-  secondaryActionProps: object,
-  secondaryActionText: string,
-  showHeader: bool,
-  title: string,
-  titleProps: object
-};
-const UTStatusMessageWithTheme = WithTheme(retrieveStyle)(UTStatusMessage);
-UTStatusMessageWithTheme.displayName = 'UTStatusMessage';
-export default UTStatusMessageWithTheme;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)({}).hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},_extends.apply(null,arguments)}import{bool,element,func,object,string}from"prop-types";import React from"react";import UTButton from"../UTButton";import UTIcon from"../UTIcon";import UTLabel from"../UTLabel";import UTLoading from"../UTLoading";import WithTheme from"../WithTheme";import{TEST_IDS}from"../../constants/testIds";import{ICON_COLOR_THEMES,COLOR_THEMES}from"./constants";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const{statusMessage:statusMessage}=TEST_IDS,UTStatusMessage=e=>{let{children:t,classes:s,colorTheme:a=COLOR_THEMES.DEFAULT,description:n,descriptionProps:o,HeaderComponent:r,helpText:c,helpTextProps:i,icon:l="IconInfoCircle",iconProps:m={size:40},loading:T,primaryAction:d,primaryActionProps:p,primaryActionText:g,secondaryAction:u,secondaryActionProps:h,secondaryActionText:y,showHeader:E=!0,title:b,titleProps:U}=e;return React.createElement("div",{className:"".concat(styles.container," ").concat(s.container)},T?React.createElement(UTLoading,{loading:!0,text:null}):E?React.createElement("div",{className:s.banner},r?React.createElement(r,null):React.createElement("div",{className:s.iconContainer},React.createElement(UTIcon,_extends({name:l,colorTheme:ICON_COLOR_THEMES[a],dataTestId:statusMessage.icon},m)))):null,React.createElement("div",{className:"".concat(styles.content," ").concat(s.content)},(b||n||c)&&React.createElement("div",{className:styles.section},b&&React.createElement(UTLabel,_extends({className:styles.label,dataTestId:statusMessage.title,variant:"title3",weight:"medium"},U),b),n&&React.createElement(UTLabel,_extends({className:styles.label,colorTheme:"gray",dataTestId:statusMessage.description,withMarkdown:!0,variant:"body"},o),n),c&&React.createElement(UTLabel,_extends({className:styles.label,colorTheme:"gray",dataTestId:statusMessage.helperText,variant:"small"},i),c)),t,(d||u)&&React.createElement("div",{className:styles.section},d&&React.createElement(UTButton,_extends({onClick:d},p),g),u&&React.createElement(UTButton,_extends({onClick:u,variant:"text"},h),y))))};UTStatusMessage.propTypes={children:element,classes:object,colorTheme:string,description:string,descriptionProps:object,HeaderComponent:element,helpText:string,helpTextProps:object,icon:string,iconProps:object,loading:bool,primaryAction:func,primaryActionProps:object,primaryActionText:string,secondaryAction:func,secondaryActionProps:object,secondaryActionText:string,showHeader:bool,title:string,titleProps:object};const UTStatusMessageWithTheme=WithTheme(retrieveStyle)(UTStatusMessage);UTStatusMessageWithTheme.displayName="UTStatusMessage";export default UTStatusMessageWithTheme;

package/dist/esm/components/UTStatusMessage/theme.js

@@ -1,71 +1 @@
-import { COLOR_THEMES } from './constants';
-const getIconBackgroundColor = (colorTheme, theme) => {
-  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4, _theme$Palette5, _theme$Palette6, _theme$Palette7, _theme$Palette8, _theme$Palette9, _theme$Palette0, _theme$Palette1, _theme$Palette10, _theme$Palette11;
-  return {
-    [COLOR_THEMES.ACCENT]: ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 || (_theme$Palette = _theme$Palette.actions) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.accent['01']) || ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.accent['01']),
-    [COLOR_THEMES.DEFAULT]: (_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.light['03'],
-    [COLOR_THEMES.ERROR]: (_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.error['01'],
-    [COLOR_THEMES.GRADIENT]: 'light',
-    [COLOR_THEMES.GRAY]: (_theme$Palette5 = theme.Palette) === null || _theme$Palette5 === void 0 ? void 0 : _theme$Palette5.light['03'],
-    [COLOR_THEMES.IDENTITY_1]: (_theme$Palette6 = theme.Palette) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.identitySolid) === null || _theme$Palette6 === void 0 ? void 0 : _theme$Palette6['01'],
-    [COLOR_THEMES.IDENTITY_2]: (_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.identitySolid) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7['02'],
-    [COLOR_THEMES.IDENTITY_3]: (_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.identitySolid) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8['03'],
-    [COLOR_THEMES.IDENTITY_4]: (_theme$Palette9 = theme.Palette) === null || _theme$Palette9 === void 0 || (_theme$Palette9 = _theme$Palette9.identitySolid) === null || _theme$Palette9 === void 0 ? void 0 : _theme$Palette9['04'],
-    [COLOR_THEMES.INFO]: (_theme$Palette0 = theme.Palette) === null || _theme$Palette0 === void 0 ? void 0 : _theme$Palette0.information['02'],
-    [COLOR_THEMES.NEGATIVE]: (_theme$Palette1 = theme.Palette) === null || _theme$Palette1 === void 0 ? void 0 : _theme$Palette1.light['01'],
-    [COLOR_THEMES.SUCCESS]: (_theme$Palette10 = theme.Palette) === null || _theme$Palette10 === void 0 ? void 0 : _theme$Palette10.success['02'],
-    [COLOR_THEMES.WARNING]: (_theme$Palette11 = theme.Palette) === null || _theme$Palette11 === void 0 ? void 0 : _theme$Palette11.warning['02']
-  }[colorTheme];
-};
-const getBannerBackgroundColor = (colorTheme, theme) => {
-  var _theme$Palette12, _theme$Palette13, _theme$Palette14, _theme$Palette15, _theme$Palette16, _theme$Palette17, _theme$Palette18, _theme$Palette19, _theme$Palette20, _theme$Palette21, _theme$Palette22, _theme$Palette23, _theme$Palette24;
-  return {
-    [COLOR_THEMES.ACCENT]: ((_theme$Palette12 = theme.Palette) === null || _theme$Palette12 === void 0 || (_theme$Palette12 = _theme$Palette12.actions) === null || _theme$Palette12 === void 0 ? void 0 : _theme$Palette12.accent['03']) || ((_theme$Palette13 = theme.Palette) === null || _theme$Palette13 === void 0 ? void 0 : _theme$Palette13.accent['03']),
-    [COLOR_THEMES.DEFAULT]: (_theme$Palette14 = theme.Palette) === null || _theme$Palette14 === void 0 ? void 0 : _theme$Palette14.gray['05'],
-    [COLOR_THEMES.ERROR]: (_theme$Palette15 = theme.Palette) === null || _theme$Palette15 === void 0 ? void 0 : _theme$Palette15.error['03'],
-    [COLOR_THEMES.GRADIENT]: null,
-    [COLOR_THEMES.GRAY]: (_theme$Palette16 = theme.Palette) === null || _theme$Palette16 === void 0 ? void 0 : _theme$Palette16.gray['03'],
-    [COLOR_THEMES.IDENTITY_1]: (_theme$Palette17 = theme.Palette) === null || _theme$Palette17 === void 0 || (_theme$Palette17 = _theme$Palette17.identitySolid) === null || _theme$Palette17 === void 0 ? void 0 : _theme$Palette17['01'],
-    [COLOR_THEMES.IDENTITY_2]: (_theme$Palette18 = theme.Palette) === null || _theme$Palette18 === void 0 || (_theme$Palette18 = _theme$Palette18.identitySolid) === null || _theme$Palette18 === void 0 ? void 0 : _theme$Palette18['02'],
-    [COLOR_THEMES.IDENTITY_3]: (_theme$Palette19 = theme.Palette) === null || _theme$Palette19 === void 0 || (_theme$Palette19 = _theme$Palette19.identitySolid) === null || _theme$Palette19 === void 0 ? void 0 : _theme$Palette19['03'],
-    [COLOR_THEMES.IDENTITY_4]: (_theme$Palette20 = theme.Palette) === null || _theme$Palette20 === void 0 || (_theme$Palette20 = _theme$Palette20.identitySolid) === null || _theme$Palette20 === void 0 ? void 0 : _theme$Palette20['04'],
-    [COLOR_THEMES.INFO]: (_theme$Palette21 = theme.Palette) === null || _theme$Palette21 === void 0 ? void 0 : _theme$Palette21.information['03'],
-    [COLOR_THEMES.NEGATIVE]: (_theme$Palette22 = theme.Palette) === null || _theme$Palette22 === void 0 ? void 0 : _theme$Palette22.light['01'],
-    [COLOR_THEMES.SUCCESS]: (_theme$Palette23 = theme.Palette) === null || _theme$Palette23 === void 0 ? void 0 : _theme$Palette23.success['03'],
-    [COLOR_THEMES.WARNING]: (_theme$Palette24 = theme.Palette) === null || _theme$Palette24 === void 0 ? void 0 : _theme$Palette24.warning['03']
-  }[colorTheme];
-};
-export const retrieveStyle = _ref => {
-  var _theme$Palette25, _theme$Palette26;
-  let {
-    showBanner = true,
-    theme,
-    colorTheme = COLOR_THEMES.DEFAULT,
-    iconProps = {}
-  } = _ref;
-  const gradient = "linear-gradient(45deg, ".concat((_theme$Palette25 = theme.Palette) === null || _theme$Palette25 === void 0 || (_theme$Palette25 = _theme$Palette25.identityGradient) === null || _theme$Palette25 === void 0 ? void 0 : _theme$Palette25['01'], " 0%, ").concat((_theme$Palette26 = theme.Palette) === null || _theme$Palette26 === void 0 || (_theme$Palette26 = _theme$Palette26.identityGradient) === null || _theme$Palette26 === void 0 ? void 0 : _theme$Palette26['02'], " 100%);");
-  const {
-    size = 40
-  } = iconProps;
-  return {
-    iconContainer: {
-      alignItems: 'center',
-      background: colorTheme === COLOR_THEMES.GRADIENT && !showBanner ? gradient : '',
-      backgroundColor: getIconBackgroundColor(colorTheme, theme),
-      borderRadius: 100,
-      display: 'flex',
-      height: size * 1.85,
-      justifyContent: 'center',
-      width: size * 1.85
-    },
-    banner: {
-      alignItems: 'center',
-      background: colorTheme === COLOR_THEMES.GRADIENT && showBanner ? gradient : '',
-      backgroundColor: showBanner ? getBannerBackgroundColor(colorTheme, theme) : 'transparent',
-      display: 'flex',
-      justifyContent: 'center',
-      padding: '12px 0',
-      width: '100%'
-    }
-  };
-};
+import{COLOR_THEMES}from"./constants";const getIconBackgroundColor=(l,i)=>{var t,o,e,n,d,E,v,a,O,r,T,u,C;return{[COLOR_THEMES.ACCENT]:(null===(t=i.Palette)||void 0===t||null===(t=t.actions)||void 0===t?void 0:t.accent["01"])||(null===(o=i.Palette)||void 0===o?void 0:o.accent["01"]),[COLOR_THEMES.DEFAULT]:null===(e=i.Palette)||void 0===e?void 0:e.light["03"],[COLOR_THEMES.ERROR]:null===(n=i.Palette)||void 0===n?void 0:n.error["01"],[COLOR_THEMES.GRADIENT]:"light",[COLOR_THEMES.GRAY]:null===(d=i.Palette)||void 0===d?void 0:d.light["03"],[COLOR_THEMES.IDENTITY_1]:null===(E=i.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["01"],[COLOR_THEMES.IDENTITY_2]:null===(v=i.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["02"],[COLOR_THEMES.IDENTITY_3]:null===(a=i.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["03"],[COLOR_THEMES.IDENTITY_4]:null===(O=i.Palette)||void 0===O||null===(O=O.identitySolid)||void 0===O?void 0:O["04"],[COLOR_THEMES.INFO]:null===(r=i.Palette)||void 0===r?void 0:r.information["02"],[COLOR_THEMES.NEGATIVE]:null===(T=i.Palette)||void 0===T?void 0:T.light["01"],[COLOR_THEMES.SUCCESS]:null===(u=i.Palette)||void 0===u?void 0:u.success["02"],[COLOR_THEMES.WARNING]:null===(C=i.Palette)||void 0===C?void 0:C.warning["02"]}[l]},getBannerBackgroundColor=(l,i)=>{var t,o,e,n,d,E,v,a,O,r,T,u,C;return{[COLOR_THEMES.ACCENT]:(null===(t=i.Palette)||void 0===t||null===(t=t.actions)||void 0===t?void 0:t.accent["03"])||(null===(o=i.Palette)||void 0===o?void 0:o.accent["03"]),[COLOR_THEMES.DEFAULT]:null===(e=i.Palette)||void 0===e?void 0:e.gray["05"],[COLOR_THEMES.ERROR]:null===(n=i.Palette)||void 0===n?void 0:n.error["03"],[COLOR_THEMES.GRADIENT]:null,[COLOR_THEMES.GRAY]:null===(d=i.Palette)||void 0===d?void 0:d.gray["03"],[COLOR_THEMES.IDENTITY_1]:null===(E=i.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["01"],[COLOR_THEMES.IDENTITY_2]:null===(v=i.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["02"],[COLOR_THEMES.IDENTITY_3]:null===(a=i.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["03"],[COLOR_THEMES.IDENTITY_4]:null===(O=i.Palette)||void 0===O||null===(O=O.identitySolid)||void 0===O?void 0:O["04"],[COLOR_THEMES.INFO]:null===(r=i.Palette)||void 0===r?void 0:r.information["03"],[COLOR_THEMES.NEGATIVE]:null===(T=i.Palette)||void 0===T?void 0:T.light["01"],[COLOR_THEMES.SUCCESS]:null===(u=i.Palette)||void 0===u?void 0:u.success["03"],[COLOR_THEMES.WARNING]:null===(C=i.Palette)||void 0===C?void 0:C.warning["03"]}[l]};export const retrieveStyle=l=>{var i,t;let{showBanner:o=!0,theme:e,colorTheme:n=COLOR_THEMES.DEFAULT,iconProps:d={}}=l;const E="linear-gradient(45deg, ".concat(null===(i=e.Palette)||void 0===i||null===(i=i.identityGradient)||void 0===i?void 0:i["01"]," 0%, ").concat(null===(t=e.Palette)||void 0===t||null===(t=t.identityGradient)||void 0===t?void 0:t["02"]," 100%);"),{size:v=40}=d;return{iconContainer:{alignItems:"center",background:n!==COLOR_THEMES.GRADIENT||o?"":E,backgroundColor:getIconBackgroundColor(n,e),borderRadius:100,display:"flex",height:1.85*v,justifyContent:"center",width:1.85*v},banner:{alignItems:"center",background:n===COLOR_THEMES.GRADIENT&&o?E:"",backgroundColor:o?getBannerBackgroundColor(n,e):"transparent",display:"flex",justifyContent:"center",padding:"12px 0",width:"100%"}}};

package/dist/esm/components/UTStepper/components/Connectors/index.js

@@ -1,39 +1 @@
-import React from 'react';
-import { bool, func, number } from 'prop-types';
-import { classesType } from '../../../../types/commonTypes';
-import styles from './styles.module.scss';
-const Connectors = _ref => {
-  let {
-    classes,
-    withPadding,
-    isCompleted,
-    numberOfSteps
-  } = _ref;
-  const connectorMaxWidth = "".concat(100 / (numberOfSteps - 1), "%");
-  const containerMaxWidth = "".concat(100 - 100 / numberOfSteps, "%");
-  const connectors = new Array(numberOfSteps - 1).fill(null).map((key, index) => /*#__PURE__*/React.createElement("div", {
-    className: "\n        ".concat(styles.connector, " ").concat(classes.connector, " ").concat(isCompleted(index + 1) && classes.coloredProgress, "\n      ")
-    // eslint-disable-next-line react/no-array-index-key
-    ,
-    key: "connector_".concat(index),
-    style: {
-      maxWidth: withPadding ? connectorMaxWidth : null,
-      height: 2
-    }
-  }));
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.wrapper
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.connectorContainer),
-    style: {
-      maxWidth: withPadding ? containerMaxWidth : null
-    }
-  }, connectors));
-};
-Connectors.propTypes = {
-  classes: classesType,
-  isCompleted: func,
-  numberOfSteps: number,
-  withPadding: bool
-};
-export default Connectors;
+import React from"react";import{bool,func,number}from"prop-types";import{classesType}from"../../../../types/commonTypes";import styles from"./styles.module.scss";const Connectors=e=>{let{classes:t,withPadding:s,isCompleted:c,numberOfSteps:o}=e;const n="".concat(100/(o-1),"%"),r="".concat(100-100/o,"%"),a=new Array(o-1).fill(null).map((e,o)=>React.createElement("div",{className:"\n        ".concat(styles.connector," ").concat(t.connector," ").concat(c(o+1)&&t.coloredProgress,"\n      "),key:"connector_".concat(o),style:{maxWidth:s?n:null,height:2}}));return React.createElement("div",{className:styles.wrapper},React.createElement("div",{className:"".concat(styles.connectorContainer),style:{maxWidth:s?r:null}},a))};Connectors.propTypes={classes:classesType,isCompleted:func,numberOfSteps:number,withPadding:bool};export default Connectors;

package/dist/esm/components/UTStepper/components/Step/index.js

@@ -1,61 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { elementType, func, number, object, shape, string } from 'prop-types';
-import React from 'react';
-import UTLabel from '../../../UTLabel';
-import { classesType } from '../../../../types/commonTypes';
-import { SIZES } from '../../constants';
-import { useScreenSize } from '../../../../utils/useScreenSize';
-var CompletedIcon = function CompletedIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    clipRule: "evenodd",
-    d: "M10.354 3.146a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708 0l-2.5-2.5a.5.5 0 1 1 .708-.708L5 7.793l4.646-4.647a.5.5 0 0 1 .708 0Z"
-  }));
-};
-CompletedIcon.defaultProps = {
-  width: "12",
-  height: "12",
-  viewBox: "0 0 12 12",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-import styles from './styles.module.scss';
-const Step = _ref => {
-  let {
-    classes,
-    isActive,
-    isCompleted,
-    size,
-    stage,
-    stepperLabelProps = {}
-  } = _ref;
-  const stageCompleted = isCompleted(stage === null || stage === void 0 ? void 0 : stage.id);
-  const stageActive = isActive(stage === null || stage === void 0 ? void 0 : stage.id);
-  const CustomIcon = stage.Icon;
-  const {
-    isMobileOrTablet
-  } = useScreenSize();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "\n        ".concat(styles["stepContainer".concat(size)], " ").concat(classes["stepContainer".concat(size)], "\n        ").concat(stageActive ? classes["active".concat(size)] : '', " \n        ").concat(stageCompleted ? classes.completed : '', "\n      ")
-  }, stageCompleted && /*#__PURE__*/React.createElement(CompletedIcon, {
-    className: styles["checkIcon".concat(size)]
-  }), !stageCompleted && size === SIZES.LARGE && /*#__PURE__*/React.createElement(CustomIcon, {
-    className: "\n            ".concat(stageActive ? classes.activeIcon : classes.nextIcxon, " \n            ").concat(styles["customIcon".concat(size)], "\n          ")
-  }), (stageActive || !isMobileOrTablet && !(stepperLabelProps !== null && stepperLabelProps !== void 0 && stepperLabelProps.onlyDisplayActiveStepLabel)) && /*#__PURE__*/React.createElement(UTLabel, _extends({
-    variant: "xsmall",
-    className: "\n            ".concat(styles.label, "\n            ").concat(stageActive || stageCompleted ? classes.coloredLabel : '', "\n        "),
-    colorTheme: !stageActive && !stageCompleted ? 'gray' : null
-  }, stepperLabelProps), stage.label));
-};
-Step.propTypes = {
-  classes: classesType,
-  isActive: func,
-  isCompleted: func,
-  size: string,
-  stage: shape({
-    id: number,
-    label: string,
-    Icon: elementType
-  }),
-  stepperLabelProps: object
-};
-export default Step;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var c in n)({}).hasOwnProperty.call(n,c)&&(e[c]=n[c])}return e},_extends.apply(null,arguments)}import{elementType,func,number,object,shape,string}from"prop-types";import React from"react";import UTLabel from"../../../UTLabel";import{classesType}from"../../../../types/commonTypes";import{SIZES}from"../../constants";import{useScreenSize}from"../../../../utils/useScreenSize";var CompletedIcon=function(e){return React.createElement("svg",e,React.createElement("path",{clipRule:"evenodd",d:"M10.354 3.146a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708 0l-2.5-2.5a.5.5 0 1 1 .708-.708L5 7.793l4.646-4.647a.5.5 0 0 1 .708 0Z"}))};CompletedIcon.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"};import styles from"./styles.module.scss";const Step=e=>{let{classes:t,isActive:n,isCompleted:c,size:s,stage:a,stepperLabelProps:o={}}=e;const l=c(null==a?void 0:a.id),r=n(null==a?void 0:a.id),i=a.Icon,{isMobileOrTablet:p}=useScreenSize();return React.createElement("div",{className:"\n        ".concat(styles["stepContainer".concat(s)]," ").concat(t["stepContainer".concat(s)],"\n        ").concat(r?t["active".concat(s)]:""," \n        ").concat(l?t.completed:"","\n      ")},l&&React.createElement(CompletedIcon,{className:styles["checkIcon".concat(s)]}),!l&&s===SIZES.LARGE&&React.createElement(i,{className:"\n            ".concat(r?t.activeIcon:t.nextIcxon," \n            ").concat(styles["customIcon".concat(s)],"\n          ")}),(r||!p&&!(null!=o&&o.onlyDisplayActiveStepLabel))&&React.createElement(UTLabel,_extends({variant:"xsmall",className:"\n            ".concat(styles.label,"\n            ").concat(r||l?t.coloredLabel:"","\n        "),colorTheme:r||l?null:"gray"},o),a.label))};Step.propTypes={classes:classesType,isActive:func,isCompleted:func,size:string,stage:shape({id:number,label:string,Icon:elementType}),stepperLabelProps:object};export default Step;

package/dist/esm/components/UTStepper/constants.js

@@ -1,4 +1 @@
-export const SIZES = {
-  LARGE: 'L',
-  SMALL: 'S'
-};
+export const SIZES={LARGE:"L",SMALL:"S"};