@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/components/UTStatusMessage/stories/storiesConstants.js

@@ -1,301 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.COMMON_PARAMETERS = exports.COMMON_ARG_TYPES = exports.COMMON_ARGS = void 0;
-var _constants = require("../constants");
-const COMMON_ARG_TYPES = exports.COMMON_ARG_TYPES = {
-  children: {
-    control: false,
-    description: 'Contenido adicional renderizado dentro del componente.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'node'
-      }
-    }
-  },
-  classes: {
-    control: false,
-    description: 'Clases personalizadas para sobrescribir el tema del componente.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'object'
-      }
-    }
-  },
-  colorTheme: {
-    control: 'select',
-    description: 'Tema de color del componente.',
-    options: Object.values(_constants.COLOR_THEMES),
-    table: {
-      defaultValue: {
-        summary: _constants.COLOR_THEMES.DEFAULT
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  description: {
-    control: 'text',
-    description: 'Texto descriptivo secundario. Soporta markdown.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  descriptionProps: {
-    control: false,
-    description: 'Props adicionales para el componente UTLabel de descripción.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'object'
-      }
-    }
-  },
-  HeaderComponent: {
-    control: false,
-    description: 'Componente personalizado para reemplazar el header (ícono) por defecto.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'elementType'
-      }
-    }
-  },
-  helpText: {
-    control: 'text',
-    description: 'Texto de ayuda adicional mostrado debajo de la descripción.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  helpTextProps: {
-    control: false,
-    description: 'Props adicionales para el componente UTLabel de helpText.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'object'
-      }
-    }
-  },
-  icon: {
-    control: 'text',
-    description: 'Nombre del ícono Tabler a mostrar en el header.',
-    table: {
-      defaultValue: {
-        summary: 'IconInfoCircle'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  iconProps: {
-    control: false,
-    description: 'Props adicionales para el componente UTIcon.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'object'
-      }
-    }
-  },
-  iconSize: {
-    control: 'number',
-    description: 'Tamaño del ícono en píxeles. Mapea a `iconProps.size`.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'number'
-      }
-    }
-  },
-  loading: {
-    control: 'boolean',
-    description: 'Si es `true`, muestra un spinner en lugar del contenido.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'boolean'
-      }
-    }
-  },
-  primaryAction: {
-    control: false,
-    description: 'Callback ejecutado al hacer clic en el botón primario.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'function'
-      }
-    }
-  },
-  primaryActionProps: {
-    control: 'object',
-    description: 'Props adicionales para el UTButton de acción primaria.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'object'
-      }
-    }
-  },
-  primaryActionText: {
-    control: 'text',
-    description: 'Texto del botón de acción primaria.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  secondaryAction: {
-    control: false,
-    description: 'Callback ejecutado al hacer clic en el botón secundario.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'function'
-      }
-    }
-  },
-  secondaryActionProps: {
-    control: 'object',
-    description: 'Props adicionales para el UTButton de acción secundaria.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'object'
-      }
-    }
-  },
-  secondaryActionText: {
-    control: 'text',
-    description: 'Texto del botón de acción secundaria.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  showHeader: {
-    control: 'boolean',
-    description: 'Si es `true`, muestra el header con el ícono o el HeaderComponent.',
-    table: {
-      defaultValue: {
-        summary: true
-      },
-      type: {
-        summary: 'boolean'
-      }
-    }
-  },
-  title: {
-    control: 'text',
-    description: 'Título principal del mensaje de estado.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  titleProps: {
-    control: false,
-    description: 'Props adicionales para el componente UTLabel del título.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'object'
-      }
-    }
-  },
-  showPrimaryAction: {
-    control: 'boolean',
-    description: 'Activa o desactiva el botón de acción primaria en el Playground. Mapea a `primaryAction`.',
-    table: {
-      defaultValue: {
-        summary: true
-      },
-      type: {
-        summary: 'boolean'
-      }
-    }
-  },
-  showSecondaryAction: {
-    control: 'boolean',
-    description: 'Activa o desactiva el botón de acción secundaria en el Playground. Mapea a `secondaryAction`.',
-    table: {
-      defaultValue: {
-        summary: true
-      },
-      type: {
-        summary: 'boolean'
-      }
-    }
-  }
-};
-const COMMON_ARGS = exports.COMMON_ARGS = {
-  colorTheme: _constants.COLOR_THEMES.DEFAULT,
-  loading: false,
-  showHeader: true
-};
-const COMMON_PARAMETERS = exports.COMMON_PARAMETERS = {
-  controls: {
-    exclude: ['classes', 'descriptionProps', 'HeaderComponent', 'helpTextProps', 'iconProps', 'primaryAction', 'secondaryAction', 'titleProps']
-  },
-  docs: {
-    description: {
-      component: 'Componente de mensaje de estado que muestra un ícono, título, descripción y acciones opcionales. Soporta múltiples temas de color y un estado de carga.'
-    }
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.COMMON_PARAMETERS=exports.COMMON_ARG_TYPES=exports.COMMON_ARGS=void 0;var _constants=require("../constants");const COMMON_ARG_TYPES=exports.COMMON_ARG_TYPES={children:{control:!1,description:"Contenido adicional renderizado dentro del componente.",table:{defaultValue:{summary:"undefined"},type:{summary:"node"}}},classes:{control:!1,description:"Clases personalizadas para sobrescribir el tema del componente.",table:{defaultValue:{summary:"undefined"},type:{summary:"object"}}},colorTheme:{control:"select",description:"Tema de color del componente.",options:Object.values(_constants.COLOR_THEMES),table:{defaultValue:{summary:_constants.COLOR_THEMES.DEFAULT},type:{summary:"string"}}},description:{control:"text",description:"Texto descriptivo secundario. Soporta markdown.",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},descriptionProps:{control:!1,description:"Props adicionales para el componente UTLabel de descripción.",table:{defaultValue:{summary:"undefined"},type:{summary:"object"}}},HeaderComponent:{control:!1,description:"Componente personalizado para reemplazar el header (ícono) por defecto.",table:{defaultValue:{summary:"undefined"},type:{summary:"elementType"}}},helpText:{control:"text",description:"Texto de ayuda adicional mostrado debajo de la descripción.",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},helpTextProps:{control:!1,description:"Props adicionales para el componente UTLabel de helpText.",table:{defaultValue:{summary:"undefined"},type:{summary:"object"}}},icon:{control:"text",description:"Nombre del ícono Tabler a mostrar en el header.",table:{defaultValue:{summary:"IconInfoCircle"},type:{summary:"string"}}},iconProps:{control:!1,description:"Props adicionales para el componente UTIcon.",table:{defaultValue:{summary:"undefined"},type:{summary:"object"}}},iconSize:{control:"number",description:"Tamaño del ícono en píxeles. Mapea a `iconProps.size`.",table:{defaultValue:{summary:"undefined"},type:{summary:"number"}}},loading:{control:"boolean",description:"Si es `true`, muestra un spinner en lugar del contenido.",table:{defaultValue:{summary:"undefined"},type:{summary:"boolean"}}},primaryAction:{control:!1,description:"Callback ejecutado al hacer clic en el botón primario.",table:{defaultValue:{summary:"undefined"},type:{summary:"function"}}},primaryActionProps:{control:"object",description:"Props adicionales para el UTButton de acción primaria.",table:{defaultValue:{summary:"undefined"},type:{summary:"object"}}},primaryActionText:{control:"text",description:"Texto del botón de acción primaria.",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},secondaryAction:{control:!1,description:"Callback ejecutado al hacer clic en el botón secundario.",table:{defaultValue:{summary:"undefined"},type:{summary:"function"}}},secondaryActionProps:{control:"object",description:"Props adicionales para el UTButton de acción secundaria.",table:{defaultValue:{summary:"undefined"},type:{summary:"object"}}},secondaryActionText:{control:"text",description:"Texto del botón de acción secundaria.",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},showHeader:{control:"boolean",description:"Si es `true`, muestra el header con el ícono o el HeaderComponent.",table:{defaultValue:{summary:!0},type:{summary:"boolean"}}},title:{control:"text",description:"Título principal del mensaje de estado.",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},titleProps:{control:!1,description:"Props adicionales para el componente UTLabel del título.",table:{defaultValue:{summary:"undefined"},type:{summary:"object"}}},showPrimaryAction:{control:"boolean",description:"Activa o desactiva el botón de acción primaria en el Playground. Mapea a `primaryAction`.",table:{defaultValue:{summary:!0},type:{summary:"boolean"}}},showSecondaryAction:{control:"boolean",description:"Activa o desactiva el botón de acción secundaria en el Playground. Mapea a `secondaryAction`.",table:{defaultValue:{summary:!0},type:{summary:"boolean"}}}},COMMON_ARGS=exports.COMMON_ARGS={colorTheme:_constants.COLOR_THEMES.DEFAULT,loading:!1,showHeader:!0},COMMON_PARAMETERS=exports.COMMON_PARAMETERS={controls:{exclude:["classes","descriptionProps","HeaderComponent","helpTextProps","iconProps","primaryAction","secondaryAction","titleProps"]},docs:{description:{component:"Componente de mensaje de estado que muestra un ícono, título, descripción y acciones opcionales. Soporta múltiples temas de color y un estado de carga."}}};

package/dist/components/UTStatusMessage/styles.module.scss

@@ -3,7 +3,7 @@
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-  grid-gap: 24px;
+  grid-gap: 12px;
   justify-content: center;
   width: 100%;
 }

package/dist/components/UTStatusMessage/theme.js

@@ -1,74 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _constants = require("./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 {
-    [_constants.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']),
-    [_constants.COLOR_THEMES.DEFAULT]: (_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.light['03'],
-    [_constants.COLOR_THEMES.ERROR]: (_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.error['01'],
-    [_constants.COLOR_THEMES.GRADIENT]: 'light',
-    [_constants.COLOR_THEMES.GRAY]: (_theme$Palette5 = theme.Palette) === null || _theme$Palette5 === void 0 ? void 0 : _theme$Palette5.light['03'],
-    [_constants.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'],
-    [_constants.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'],
-    [_constants.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'],
-    [_constants.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'],
-    [_constants.COLOR_THEMES.INFO]: (_theme$Palette0 = theme.Palette) === null || _theme$Palette0 === void 0 ? void 0 : _theme$Palette0.information['01'],
-    [_constants.COLOR_THEMES.NEGATIVE]: (_theme$Palette1 = theme.Palette) === null || _theme$Palette1 === void 0 ? void 0 : _theme$Palette1.light['01'],
-    [_constants.COLOR_THEMES.SUCCESS]: (_theme$Palette10 = theme.Palette) === null || _theme$Palette10 === void 0 ? void 0 : _theme$Palette10.success['01'],
-    [_constants.COLOR_THEMES.WARNING]: (_theme$Palette11 = theme.Palette) === null || _theme$Palette11 === void 0 ? void 0 : _theme$Palette11.warning['01']
-  }[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 {
-    [_constants.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']),
-    [_constants.COLOR_THEMES.DEFAULT]: (_theme$Palette14 = theme.Palette) === null || _theme$Palette14 === void 0 ? void 0 : _theme$Palette14.gray['05'],
-    [_constants.COLOR_THEMES.ERROR]: (_theme$Palette15 = theme.Palette) === null || _theme$Palette15 === void 0 ? void 0 : _theme$Palette15.error['03'],
-    [_constants.COLOR_THEMES.GRADIENT]: null,
-    [_constants.COLOR_THEMES.GRAY]: (_theme$Palette16 = theme.Palette) === null || _theme$Palette16 === void 0 ? void 0 : _theme$Palette16.gray['03'],
-    [_constants.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'],
-    [_constants.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'],
-    [_constants.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'],
-    [_constants.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'],
-    [_constants.COLOR_THEMES.INFO]: (_theme$Palette21 = theme.Palette) === null || _theme$Palette21 === void 0 ? void 0 : _theme$Palette21.information['03'],
-    [_constants.COLOR_THEMES.NEGATIVE]: (_theme$Palette22 = theme.Palette) === null || _theme$Palette22 === void 0 ? void 0 : _theme$Palette22.light['01'],
-    [_constants.COLOR_THEMES.SUCCESS]: (_theme$Palette23 = theme.Palette) === null || _theme$Palette23 === void 0 ? void 0 : _theme$Palette23.success['03'],
-    [_constants.COLOR_THEMES.WARNING]: (_theme$Palette24 = theme.Palette) === null || _theme$Palette24 === void 0 ? void 0 : _theme$Palette24.warning['03']
-  }[colorTheme];
-};
-const retrieveStyle = _ref => {
-  var _theme$Palette25, _theme$Palette26;
-  let {
-    showBanner = true,
-    theme,
-    colorTheme = _constants.COLOR_THEMES.DEFAULT
-  } = _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%);");
-  return {
-    iconContainer: {
-      alignItems: 'center',
-      background: colorTheme === _constants.COLOR_THEMES.GRADIENT && !showBanner ? gradient : '',
-      backgroundColor: getIconBackgroundColor(colorTheme, theme),
-      borderRadius: 100,
-      display: 'flex',
-      height: 56,
-      justifyContent: 'center',
-      width: 56
-    },
-    banner: {
-      alignItems: 'center',
-      background: colorTheme === _constants.COLOR_THEMES.GRADIENT && showBanner ? gradient : '',
-      backgroundColor: showBanner ? getBannerBackgroundColor(colorTheme, theme) : 'transparent',
-      display: 'flex',
-      justifyContent: 'center',
-      padding: '12px 0',
-      width: '100%'
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("./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{[_constants.COLOR_THEMES.ACCENT]:(null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette||null===(_theme$Palette=_theme$Palette.actions)||void 0===_theme$Palette?void 0:_theme$Palette.accent["01"])||(null===(_theme$Palette2=theme.Palette)||void 0===_theme$Palette2?void 0:_theme$Palette2.accent["01"]),[_constants.COLOR_THEMES.DEFAULT]:null===(_theme$Palette3=theme.Palette)||void 0===_theme$Palette3?void 0:_theme$Palette3.light["03"],[_constants.COLOR_THEMES.ERROR]:null===(_theme$Palette4=theme.Palette)||void 0===_theme$Palette4?void 0:_theme$Palette4.error["01"],[_constants.COLOR_THEMES.GRADIENT]:"light",[_constants.COLOR_THEMES.GRAY]:null===(_theme$Palette5=theme.Palette)||void 0===_theme$Palette5?void 0:_theme$Palette5.light["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(_theme$Palette6=theme.Palette)||void 0===_theme$Palette6||null===(_theme$Palette6=_theme$Palette6.identitySolid)||void 0===_theme$Palette6?void 0:_theme$Palette6["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(_theme$Palette7=theme.Palette)||void 0===_theme$Palette7||null===(_theme$Palette7=_theme$Palette7.identitySolid)||void 0===_theme$Palette7?void 0:_theme$Palette7["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(_theme$Palette8=theme.Palette)||void 0===_theme$Palette8||null===(_theme$Palette8=_theme$Palette8.identitySolid)||void 0===_theme$Palette8?void 0:_theme$Palette8["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(_theme$Palette9=theme.Palette)||void 0===_theme$Palette9||null===(_theme$Palette9=_theme$Palette9.identitySolid)||void 0===_theme$Palette9?void 0:_theme$Palette9["04"],[_constants.COLOR_THEMES.INFO]:null===(_theme$Palette0=theme.Palette)||void 0===_theme$Palette0?void 0:_theme$Palette0.information["02"],[_constants.COLOR_THEMES.NEGATIVE]:null===(_theme$Palette1=theme.Palette)||void 0===_theme$Palette1?void 0:_theme$Palette1.light["01"],[_constants.COLOR_THEMES.SUCCESS]:null===(_theme$Palette10=theme.Palette)||void 0===_theme$Palette10?void 0:_theme$Palette10.success["02"],[_constants.COLOR_THEMES.WARNING]:null===(_theme$Palette11=theme.Palette)||void 0===_theme$Palette11?void 0:_theme$Palette11.warning["02"]}[colorTheme]},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{[_constants.COLOR_THEMES.ACCENT]:(null===(_theme$Palette12=theme.Palette)||void 0===_theme$Palette12||null===(_theme$Palette12=_theme$Palette12.actions)||void 0===_theme$Palette12?void 0:_theme$Palette12.accent["03"])||(null===(_theme$Palette13=theme.Palette)||void 0===_theme$Palette13?void 0:_theme$Palette13.accent["03"]),[_constants.COLOR_THEMES.DEFAULT]:null===(_theme$Palette14=theme.Palette)||void 0===_theme$Palette14?void 0:_theme$Palette14.gray["05"],[_constants.COLOR_THEMES.ERROR]:null===(_theme$Palette15=theme.Palette)||void 0===_theme$Palette15?void 0:_theme$Palette15.error["03"],[_constants.COLOR_THEMES.GRADIENT]:null,[_constants.COLOR_THEMES.GRAY]:null===(_theme$Palette16=theme.Palette)||void 0===_theme$Palette16?void 0:_theme$Palette16.gray["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(_theme$Palette17=theme.Palette)||void 0===_theme$Palette17||null===(_theme$Palette17=_theme$Palette17.identitySolid)||void 0===_theme$Palette17?void 0:_theme$Palette17["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(_theme$Palette18=theme.Palette)||void 0===_theme$Palette18||null===(_theme$Palette18=_theme$Palette18.identitySolid)||void 0===_theme$Palette18?void 0:_theme$Palette18["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(_theme$Palette19=theme.Palette)||void 0===_theme$Palette19||null===(_theme$Palette19=_theme$Palette19.identitySolid)||void 0===_theme$Palette19?void 0:_theme$Palette19["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(_theme$Palette20=theme.Palette)||void 0===_theme$Palette20||null===(_theme$Palette20=_theme$Palette20.identitySolid)||void 0===_theme$Palette20?void 0:_theme$Palette20["04"],[_constants.COLOR_THEMES.INFO]:null===(_theme$Palette21=theme.Palette)||void 0===_theme$Palette21?void 0:_theme$Palette21.information["03"],[_constants.COLOR_THEMES.NEGATIVE]:null===(_theme$Palette22=theme.Palette)||void 0===_theme$Palette22?void 0:_theme$Palette22.light["01"],[_constants.COLOR_THEMES.SUCCESS]:null===(_theme$Palette23=theme.Palette)||void 0===_theme$Palette23?void 0:_theme$Palette23.success["03"],[_constants.COLOR_THEMES.WARNING]:null===(_theme$Palette24=theme.Palette)||void 0===_theme$Palette24?void 0:_theme$Palette24.warning["03"]}[colorTheme]},retrieveStyle=_ref=>{var _theme$Palette25,_theme$Palette26;let{showBanner:showBanner=!0,theme:theme,colorTheme:colorTheme=_constants.COLOR_THEMES.DEFAULT,iconProps:iconProps={}}=_ref;const gradient="linear-gradient(45deg, ".concat(null===(_theme$Palette25=theme.Palette)||void 0===_theme$Palette25||null===(_theme$Palette25=_theme$Palette25.identityGradient)||void 0===_theme$Palette25?void 0:_theme$Palette25["01"]," 0%, ").concat(null===(_theme$Palette26=theme.Palette)||void 0===_theme$Palette26||null===(_theme$Palette26=_theme$Palette26.identityGradient)||void 0===_theme$Palette26?void 0:_theme$Palette26["02"]," 100%);"),{size:size=40}=iconProps;return{iconContainer:{alignItems:"center",background:colorTheme!==_constants.COLOR_THEMES.GRADIENT||showBanner?"":gradient,backgroundColor:getIconBackgroundColor(colorTheme,theme),borderRadius:100,display:"flex",height:1.85*size,justifyContent:"center",width:1.85*size},banner:{alignItems:"center",background:colorTheme===_constants.COLOR_THEMES.GRADIENT&&showBanner?gradient:"",backgroundColor:showBanner?getBannerBackgroundColor(colorTheme,theme):"transparent",display:"flex",justifyContent:"center",padding:"12px 0",width:"100%"}}};exports.retrieveStyle=retrieveStyle;

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

@@ -1,46 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _commonTypes = require("../../../../types/commonTypes");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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.default.createElement("div", {
-    className: "\n        ".concat(_stylesModule.default.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.default.createElement("div", {
-    className: _stylesModule.default.wrapper
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.connectorContainer),
-    style: {
-      maxWidth: withPadding ? containerMaxWidth : null
-    }
-  }, connectors));
-};
-Connectors.propTypes = {
-  classes: _commonTypes.classesType,
-  isCompleted: _propTypes.func,
-  numberOfSteps: _propTypes.number,
-  withPadding: _propTypes.bool
-};
-var _default = exports.default = Connectors;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_commonTypes=require("../../../../types/commonTypes"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const Connectors=_ref=>{let{classes:classes,withPadding:withPadding,isCompleted:isCompleted,numberOfSteps:numberOfSteps}=_ref;const connectorMaxWidth="".concat(100/(numberOfSteps-1),"%"),containerMaxWidth="".concat(100-100/numberOfSteps,"%"),connectors=new Array(numberOfSteps-1).fill(null).map((key,index)=>_react.default.createElement("div",{className:"\n        ".concat(_stylesModule.default.connector," ").concat(classes.connector," ").concat(isCompleted(index+1)&&classes.coloredProgress,"\n      "),key:"connector_".concat(index),style:{maxWidth:withPadding?connectorMaxWidth:null,height:2}}));return _react.default.createElement("div",{className:_stylesModule.default.wrapper},_react.default.createElement("div",{className:"".concat(_stylesModule.default.connectorContainer),style:{maxWidth:withPadding?containerMaxWidth:null}},connectors))};Connectors.propTypes={classes:_commonTypes.classesType,isCompleted:_propTypes.func,numberOfSteps:_propTypes.number,withPadding:_propTypes.bool};var _default=exports.default=Connectors;

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

@@ -1,68 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = require("prop-types");
-var _react = _interopRequireDefault(require("react"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _commonTypes = require("../../../../types/commonTypes");
-var _constants = require("../../constants");
-var _useScreenSize = require("../../../../utils/useScreenSize");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-var CompletedIcon = function CompletedIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.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"
-};
-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
-  } = (0, _useScreenSize.useScreenSize)();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n        ".concat(_stylesModule.default["stepContainer".concat(size)], " ").concat(classes["stepContainer".concat(size)], "\n        ").concat(stageActive ? classes["active".concat(size)] : '', " \n        ").concat(stageCompleted ? classes.completed : '', "\n      ")
-  }, stageCompleted && /*#__PURE__*/_react.default.createElement(CompletedIcon, {
-    className: _stylesModule.default["checkIcon".concat(size)]
-  }), !stageCompleted && size === _constants.SIZES.LARGE && /*#__PURE__*/_react.default.createElement(CustomIcon, {
-    className: "\n            ".concat(stageActive ? classes.activeIcon : classes.nextIcxon, " \n            ").concat(_stylesModule.default["customIcon".concat(size)], "\n          ")
-  }), (stageActive || !isMobileOrTablet && !(stepperLabelProps !== null && stepperLabelProps !== void 0 && stepperLabelProps.onlyDisplayActiveStepLabel)) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    variant: "xsmall",
-    className: "\n            ".concat(_stylesModule.default.label, "\n            ").concat(stageActive || stageCompleted ? classes.coloredLabel : '', "\n        "),
-    colorTheme: !stageActive && !stageCompleted ? 'gray' : null
-  }, stepperLabelProps), stage.label));
-};
-Step.propTypes = {
-  classes: _commonTypes.classesType,
-  isActive: _propTypes.func,
-  isCompleted: _propTypes.func,
-  size: _propTypes.string,
-  stage: (0, _propTypes.shape)({
-    id: _propTypes.number,
-    label: _propTypes.string,
-    Icon: _propTypes.elementType
-  }),
-  stepperLabelProps: _propTypes.object
-};
-var _default = exports.default = Step;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_commonTypes=require("../../../../types/commonTypes"),_constants=require("../../constants"),_useScreenSize=require("../../../../utils/useScreenSize"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}var CompletedIcon=function(props){return _react.default.createElement("svg",props,_react.default.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"};const Step=_ref=>{let{classes:classes,isActive:isActive,isCompleted:isCompleted,size:size,stage:stage,stepperLabelProps:stepperLabelProps={}}=_ref;const stageCompleted=isCompleted(null==stage?void 0:stage.id),stageActive=isActive(null==stage?void 0:stage.id),CustomIcon=stage.Icon,{isMobileOrTablet:isMobileOrTablet}=(0,_useScreenSize.useScreenSize)();return _react.default.createElement("div",{className:"\n        ".concat(_stylesModule.default["stepContainer".concat(size)]," ").concat(classes["stepContainer".concat(size)],"\n        ").concat(stageActive?classes["active".concat(size)]:""," \n        ").concat(stageCompleted?classes.completed:"","\n      ")},stageCompleted&&_react.default.createElement(CompletedIcon,{className:_stylesModule.default["checkIcon".concat(size)]}),!stageCompleted&&size===_constants.SIZES.LARGE&&_react.default.createElement(CustomIcon,{className:"\n            ".concat(stageActive?classes.activeIcon:classes.nextIcxon," \n            ").concat(_stylesModule.default["customIcon".concat(size)],"\n          ")}),(stageActive||!isMobileOrTablet&&!(null!=stepperLabelProps&&stepperLabelProps.onlyDisplayActiveStepLabel))&&_react.default.createElement(_UTLabel.default,_extends({variant:"xsmall",className:"\n            ".concat(_stylesModule.default.label,"\n            ").concat(stageActive||stageCompleted?classes.coloredLabel:"","\n        "),colorTheme:stageActive||stageCompleted?null:"gray"},stepperLabelProps),stage.label))};Step.propTypes={classes:_commonTypes.classesType,isActive:_propTypes.func,isCompleted:_propTypes.func,size:_propTypes.string,stage:(0,_propTypes.shape)({id:_propTypes.number,label:_propTypes.string,Icon:_propTypes.elementType}),stepperLabelProps:_propTypes.object};var _default=exports.default=Step;

package/dist/components/UTStepper/constants.js

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIZES = void 0;
-const SIZES = exports.SIZES = {
-  LARGE: 'L',
-  SMALL: 'S'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=void 0;const SIZES=exports.SIZES={LARGE:"L",SMALL:"S"};

package/dist/components/UTStepper/index.js

@@ -1,63 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _classesUtils = require("../../utils/classesUtils");
-var _Step = _interopRequireDefault(require("./components/Step"));
-var _Connectors = _interopRequireDefault(require("./components/Connectors"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _theme = require("./theme");
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const UTStepper = _ref => {
-  let {
-    classes: themeClasses = {},
-    classNames,
-    currentStage,
-    stages,
-    stepperLabelProps = {},
-    stepperSize,
-    withPadding
-  } = _ref;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const orderedStages = Object.values(stages).sort((a, b) => (a === null || a === void 0 ? void 0 : a.id) - (b === null || b === void 0 ? void 0 : b.id));
-  const numberOfSteps = orderedStages.length;
-  const size = stepperSize === _constants.SIZES.LARGE && orderedStages.every(stage => stage.Icon) ? _constants.SIZES.LARGE : _constants.SIZES.SMALL;
-  const isCompleted = stageNumber => stageNumber < currentStage;
-  const isActive = stageNumber => stageNumber === currentStage;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.stepper
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: withPadding ? _stylesModule.default.paddingContainer : _stylesModule.default.container
-  }, orderedStages.map(stage => /*#__PURE__*/_react.default.createElement(_Step.default, {
-    key: stage.id,
-    classes,
-    withPadding,
-    size,
-    isCompleted,
-    isActive,
-    stage,
-    stepperLabelProps
-  })), /*#__PURE__*/_react.default.createElement(_Connectors.default, {
-    classes,
-    withPadding,
-    isCompleted,
-    numberOfSteps
-  })));
-};
-UTStepper.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  currentStage: _propTypes.number,
-  stages: _propTypes.object,
-  stepperLabelProps: _propTypes.object,
-  stepperSize: (0, _propTypes.oneOf)([_constants.SIZES.LARGE, _constants.SIZES.SMALL]),
-  withPadding: _propTypes.bool
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTStepper);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_classesUtils=require("../../utils/classesUtils"),_Step=_interopRequireDefault(require("./components/Step")),_Connectors=_interopRequireDefault(require("./components/Connectors")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_theme=require("./theme"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const UTStepper=_ref=>{let{classes:themeClasses={},classNames:classNames,currentStage:currentStage,stages:stages,stepperLabelProps:stepperLabelProps={},stepperSize:stepperSize,withPadding:withPadding}=_ref;const classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),orderedStages=Object.values(stages).sort((a,b)=>(null==a?void 0:a.id)-(null==b?void 0:b.id)),numberOfSteps=orderedStages.length,size=stepperSize===_constants.SIZES.LARGE&&orderedStages.every(stage=>stage.Icon)?_constants.SIZES.LARGE:_constants.SIZES.SMALL,isCompleted=stageNumber=>stageNumber<currentStage,isActive=stageNumber=>stageNumber===currentStage;return _react.default.createElement("div",{className:_stylesModule.default.stepper},_react.default.createElement("div",{className:withPadding?_stylesModule.default.paddingContainer:_stylesModule.default.container},orderedStages.map(stage=>_react.default.createElement(_Step.default,{key:stage.id,classes:classes,withPadding:withPadding,size:size,isCompleted:isCompleted,isActive:isActive,stage:stage,stepperLabelProps:stepperLabelProps})),_react.default.createElement(_Connectors.default,{classes:classes,withPadding:withPadding,isCompleted:isCompleted,numberOfSteps:numberOfSteps})))};UTStepper.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),currentStage:_propTypes.number,stages:_propTypes.object,stepperLabelProps:_propTypes.object,stepperSize:(0,_propTypes.oneOf)([_constants.SIZES.LARGE,_constants.SIZES.SMALL]),withPadding:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTStepper);