@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTLoading/versions/V1/components/LogoLoader/components/GradientTrack/index.js

@@ -1 +1,65 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("../../styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const GradientTrack=()=>_react.default.createElement("svg",{className:_stylesModule.default.track,overflow:"visible",viewBox:"0 0 ".concat(_constants.TRACK_VIEW_BOX_SIZE," ").concat(_constants.TRACK_VIEW_BOX_SIZE),xmlns:"http://www.w3.org/2000/svg"},_react.default.createElement("defs",null,_react.default.createElement("linearGradient",{id:_constants.GRADIENT_ID,x1:"0%",x2:"100%",y1:"0%",y2:"100%"},_react.default.createElement("stop",{offset:"0%",style:{stopColor:"var(--UT-loading-color-start, #25E0A6)"}}),_react.default.createElement("stop",{offset:"100%",style:{stopColor:"var(--UT-loading-color-end, #20BBFC)"}})),_react.default.createElement("filter",{id:_constants.GLOW_FILTER_ID,x:"-50%",y:"-50%",height:"200%",width:"200%"},_react.default.createElement("feGaussianBlur",{result:"blur",stdDeviation:"12"}))),_react.default.createElement("circle",{className:_stylesModule.default.trackGlow,cx:_constants.TRACK_CENTER,cy:_constants.TRACK_CENTER,filter:"url(#".concat(_constants.GLOW_FILTER_ID,")"),r:_constants.TRACK_RADIUS}),_react.default.createElement("circle",{className:_stylesModule.default.trackBackground,cx:_constants.TRACK_CENTER,cy:_constants.TRACK_CENTER,r:_constants.TRACK_RADIUS,strokeWidth:_constants.TRACK_STROKE_WIDTH}),_react.default.createElement("circle",{className:_stylesModule.default.innerFill,cx:_constants.TRACK_CENTER,cy:_constants.TRACK_CENTER,r:_constants.INNER_CIRCLE_RADIUS}),_react.default.createElement("circle",{className:_stylesModule.default.trackGradient,cx:_constants.TRACK_CENTER,cy:_constants.TRACK_CENTER,r:_constants.TRACK_RADIUS,strokeWidth:_constants.TRACK_STROKE_WIDTH}));var _default=exports.default=GradientTrack;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../constants");
+var _stylesModule = _interopRequireDefault(require("../../styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GradientTrack = () => /*#__PURE__*/_react.default.createElement("svg", {
+  className: _stylesModule.default.track,
+  overflow: "visible",
+  viewBox: "0 0 ".concat(_constants.TRACK_VIEW_BOX_SIZE, " ").concat(_constants.TRACK_VIEW_BOX_SIZE),
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+  id: _constants.GRADIENT_ID,
+  x1: "0%",
+  x2: "100%",
+  y1: "0%",
+  y2: "100%"
+}, /*#__PURE__*/_react.default.createElement("stop", {
+  offset: "0%",
+  style: {
+    stopColor: 'var(--UT-loading-color-start, #25E0A6)'
+  }
+}), /*#__PURE__*/_react.default.createElement("stop", {
+  offset: "100%",
+  style: {
+    stopColor: 'var(--UT-loading-color-end, #20BBFC)'
+  }
+})), /*#__PURE__*/_react.default.createElement("filter", {
+  id: _constants.GLOW_FILTER_ID,
+  x: "-50%",
+  y: "-50%",
+  height: "200%",
+  width: "200%"
+}, /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
+  result: "blur",
+  stdDeviation: "12"
+}))), /*#__PURE__*/_react.default.createElement("circle", {
+  className: _stylesModule.default.trackGlow,
+  cx: _constants.TRACK_CENTER,
+  cy: _constants.TRACK_CENTER,
+  filter: "url(#".concat(_constants.GLOW_FILTER_ID, ")"),
+  r: _constants.TRACK_RADIUS
+}), /*#__PURE__*/_react.default.createElement("circle", {
+  className: _stylesModule.default.trackBackground,
+  cx: _constants.TRACK_CENTER,
+  cy: _constants.TRACK_CENTER,
+  r: _constants.TRACK_RADIUS,
+  strokeWidth: _constants.TRACK_STROKE_WIDTH
+}), /*#__PURE__*/_react.default.createElement("circle", {
+  className: _stylesModule.default.innerFill,
+  cx: _constants.TRACK_CENTER,
+  cy: _constants.TRACK_CENTER,
+  r: _constants.INNER_CIRCLE_RADIUS
+}), /*#__PURE__*/_react.default.createElement("circle", {
+  className: _stylesModule.default.trackGradient,
+  cx: _constants.TRACK_CENTER,
+  cy: _constants.TRACK_CENTER,
+  r: _constants.TRACK_RADIUS,
+  strokeWidth: _constants.TRACK_STROKE_WIDTH
+}));
+var _default = exports.default = GradientTrack;

package/dist/components/UTLoading/versions/V1/components/LogoLoader/constants.js

@@ -1 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TRACK_VIEW_BOX_SIZE=exports.TRACK_STROKE_WIDTH=exports.TRACK_RADIUS=exports.TRACK_CENTER=exports.INNER_CIRCLE_RADIUS=exports.GRADIENT_ID=exports.GLOW_FILTER_ID=exports.DEFAULT_LOADING_TEXT=void 0;const DEFAULT_LOADING_TEXT=exports.DEFAULT_LOADING_TEXT="Cargando...",TRACK_VIEW_BOX_SIZE=exports.TRACK_VIEW_BOX_SIZE=120,TRACK_CENTER=exports.TRACK_CENTER=60,TRACK_RADIUS=exports.TRACK_RADIUS=53,TRACK_STROKE_WIDTH=exports.TRACK_STROKE_WIDTH=11,INNER_CIRCLE_RADIUS=exports.INNER_CIRCLE_RADIUS=47.5,GRADIENT_ID=exports.GRADIENT_ID="UTLoadingTrackGradient",GLOW_FILTER_ID=exports.GLOW_FILTER_ID="UTLoadingGlow";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TRACK_VIEW_BOX_SIZE = exports.TRACK_STROKE_WIDTH = exports.TRACK_RADIUS = exports.TRACK_CENTER = exports.INNER_CIRCLE_RADIUS = exports.GRADIENT_ID = exports.GLOW_FILTER_ID = exports.DEFAULT_LOADING_TEXT = void 0;
+const DEFAULT_LOADING_TEXT = exports.DEFAULT_LOADING_TEXT = 'Cargando...';
+const TRACK_VIEW_BOX_SIZE = exports.TRACK_VIEW_BOX_SIZE = 120;
+const TRACK_CENTER = exports.TRACK_CENTER = 60;
+const TRACK_RADIUS = exports.TRACK_RADIUS = 53;
+const TRACK_STROKE_WIDTH = exports.TRACK_STROKE_WIDTH = 11;
+const INNER_CIRCLE_RADIUS = exports.INNER_CIRCLE_RADIUS = 47.5;
+const GRADIENT_ID = exports.GRADIENT_ID = 'UTLoadingTrackGradient';
+const GLOW_FILTER_ID = exports.GLOW_FILTER_ID = 'UTLoadingGlow';

package/dist/components/UTLoading/versions/V1/components/LogoLoader/index.js

@@ -1 +1,54 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_testIds=require("../../../../../../constants/testIds"),_constants=require("./constants"),_GradientTrack=_interopRequireDefault(require("./components/GradientTrack")),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const{UTLoading:UTLoadingTestIds}=_testIds.TEST_IDS,LogoLoader=_ref=>{let{children:children,classes:classes,dataTestId:dataTestId,fullScreen:fullScreen,loading:loading,Logo:Logo,text:text=_constants.DEFAULT_LOADING_TEXT}=_ref;return loading?_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(fullScreen?_stylesModule.default.fullScreen:_stylesModule.default.contained," ").concat(classes.root),"data-testid":dataTestId||UTLoadingTestIds.logoLoader},_react.default.createElement("div",{className:_stylesModule.default.loaderWrapper},_react.default.createElement(_GradientTrack.default,null),_react.default.createElement("div",{className:_stylesModule.default.innerCircle},Logo&&_react.default.createElement("img",{alt:"",className:_stylesModule.default.logo,src:Logo}))),text&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.text},text)):children};LogoLoader.propTypes={children:_propTypes.node,classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,fullScreen:_propTypes.bool,loading:_propTypes.bool,Logo:_propTypes.string,text:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(LogoLoader);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
+var _WithTheme = _interopRequireDefault(require("../../../../../WithTheme"));
+var _testIds = require("../../../../../../constants/testIds");
+var _constants = require("./constants");
+var _GradientTrack = _interopRequireDefault(require("./components/GradientTrack"));
+var _theme = require("./theme");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  UTLoading: UTLoadingTestIds
+} = _testIds.TEST_IDS;
+const LogoLoader = _ref => {
+  let {
+    children,
+    classes,
+    dataTestId,
+    fullScreen,
+    loading,
+    Logo,
+    text = _constants.DEFAULT_LOADING_TEXT
+  } = _ref;
+  return loading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.container, " ").concat(fullScreen ? _stylesModule.default.fullScreen : _stylesModule.default.contained, " ").concat(classes.root),
+    "data-testid": dataTestId || UTLoadingTestIds.logoLoader
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.loaderWrapper
+  }, /*#__PURE__*/_react.default.createElement(_GradientTrack.default, null), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.innerCircle
+  }, Logo && /*#__PURE__*/_react.default.createElement("img", {
+    alt: "",
+    className: _stylesModule.default.logo,
+    src: Logo
+  }))), text && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.text
+  }, text)) : children;
+};
+LogoLoader.propTypes = {
+  children: _propTypes.node,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  fullScreen: _propTypes.bool,
+  loading: _propTypes.bool,
+  Logo: _propTypes.string,
+  text: _propTypes.string
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(LogoLoader);

package/dist/components/UTLoading/versions/V1/components/LogoLoader/theme.js

@@ -1 +1,18 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;const retrieveStyle=_ref=>{var _theme$Palette;let{theme:theme}=_ref;return{root:{backgroundColor:(null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette||null===(_theme$Palette=_theme$Palette.light)||void 0===_theme$Palette?void 0:_theme$Palette["01"])||"#FFFFFF"}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+const retrieveStyle = _ref => {
+  var _theme$Palette;
+  let {
+    theme
+  } = _ref;
+  return {
+    root: {
+      backgroundColor: ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 || (_theme$Palette = _theme$Palette.light) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette['01']) || '#FFFFFF'
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTLoading/versions/V1/components/Spinner/components/SpinnerTrack/constants.js

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GRADIENT_ID=void 0;const GRADIENT_ID=exports.GRADIENT_ID="ut-spinner-gradient";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRADIENT_ID = void 0;
+const GRADIENT_ID = exports.GRADIENT_ID = 'ut-spinner-gradient';

package/dist/components/UTLoading/versions/V1/components/Spinner/components/SpinnerTrack/index.js

@@ -1 +1,57 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("../../styles.module.scss")),_constants2=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const SpinnerTrack=_ref=>{let{classes:classes={},colors:colors}=_ref;const useGradient=colors&&colors.length>=2,solidColor=!useGradient&&colors&&1===colors.length?colors[0]:void 0,arcStroke=useGradient?"url(#".concat(_constants2.GRADIENT_ID,")"):solidColor;return _react.default.createElement("svg",{className:_stylesModule.default.spinner,viewBox:"0 0 ".concat(_constants.SPINNER_VIEW_BOX_SIZE," ").concat(_constants.SPINNER_VIEW_BOX_SIZE),xmlns:"http://www.w3.org/2000/svg"},useGradient&&_react.default.createElement("defs",null,_react.default.createElement("linearGradient",{id:_constants2.GRADIENT_ID,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},_react.default.createElement("stop",{offset:"0%",stopColor:colors[0]}),_react.default.createElement("stop",{offset:"100%",stopColor:colors[1]}))),_react.default.createElement("circle",{className:"".concat(_stylesModule.default.track," ").concat(classes.track||""),cx:_constants.SPINNER_CENTER,cy:_constants.SPINNER_CENTER,r:_constants.SPINNER_RADIUS}),_react.default.createElement("circle",{className:"".concat(_stylesModule.default.arc," ").concat(arcStroke?"":classes.arc||""),cx:_constants.SPINNER_CENTER,cy:_constants.SPINNER_CENTER,r:_constants.SPINNER_RADIUS,strokeDasharray:"".concat(_constants.SPINNER_ARC_LENGTH," ").concat(_constants.SPINNER_CIRCUMFERENCE),style:arcStroke?{stroke:arcStroke}:void 0}))};SpinnerTrack.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),colors:(0,_propTypes.arrayOf)(_propTypes.string)};var _default=exports.default=SpinnerTrack;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _constants = require("../../constants");
+var _stylesModule = _interopRequireDefault(require("../../styles.module.scss"));
+var _constants2 = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SpinnerTrack = _ref => {
+  let {
+    classes = {},
+    colors
+  } = _ref;
+  const useGradient = colors && colors.length >= 2;
+  const solidColor = !useGradient && colors && colors.length === 1 ? colors[0] : undefined;
+  const arcStroke = useGradient ? "url(#".concat(_constants2.GRADIENT_ID, ")") : solidColor;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    className: _stylesModule.default.spinner,
+    viewBox: "0 0 ".concat(_constants.SPINNER_VIEW_BOX_SIZE, " ").concat(_constants.SPINNER_VIEW_BOX_SIZE),
+    xmlns: "http://www.w3.org/2000/svg"
+  }, useGradient && /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: _constants2.GRADIENT_ID,
+    x1: "0%",
+    y1: "0%",
+    x2: "0%",
+    y2: "100%"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: "0%",
+    stopColor: colors[0]
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: "100%",
+    stopColor: colors[1]
+  }))), /*#__PURE__*/_react.default.createElement("circle", {
+    className: "".concat(_stylesModule.default.track, " ").concat(classes.track || ''),
+    cx: _constants.SPINNER_CENTER,
+    cy: _constants.SPINNER_CENTER,
+    r: _constants.SPINNER_RADIUS
+  }), /*#__PURE__*/_react.default.createElement("circle", {
+    className: "".concat(_stylesModule.default.arc, " ").concat(!arcStroke ? classes.arc || '' : ''),
+    cx: _constants.SPINNER_CENTER,
+    cy: _constants.SPINNER_CENTER,
+    r: _constants.SPINNER_RADIUS,
+    strokeDasharray: "".concat(_constants.SPINNER_ARC_LENGTH, " ").concat(_constants.SPINNER_CIRCUMFERENCE),
+    style: arcStroke ? {
+      stroke: arcStroke
+    } : undefined
+  }));
+};
+SpinnerTrack.propTypes = {
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  colors: (0, _propTypes.arrayOf)(_propTypes.string)
+};
+var _default = exports.default = SpinnerTrack;

package/dist/components/UTLoading/versions/V1/components/Spinner/constants.js

@@ -1 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SPINNER_VIEW_BOX_SIZE=exports.SPINNER_RADIUS=exports.SPINNER_CIRCUMFERENCE=exports.SPINNER_CENTER=exports.SPINNER_ARC_LENGTH=exports.DEFAULT_LOADING_TEXT=void 0;const DEFAULT_LOADING_TEXT=exports.DEFAULT_LOADING_TEXT="Cargando...",SPINNER_VIEW_BOX_SIZE=exports.SPINNER_VIEW_BOX_SIZE=50,SPINNER_CENTER=exports.SPINNER_CENTER=25,SPINNER_RADIUS=exports.SPINNER_RADIUS=20,SPINNER_CIRCUMFERENCE=exports.SPINNER_CIRCUMFERENCE=126,SPINNER_ARC_LENGTH=exports.SPINNER_ARC_LENGTH=94;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SPINNER_VIEW_BOX_SIZE = exports.SPINNER_RADIUS = exports.SPINNER_CIRCUMFERENCE = exports.SPINNER_CENTER = exports.SPINNER_ARC_LENGTH = exports.DEFAULT_LOADING_TEXT = void 0;
+const DEFAULT_LOADING_TEXT = exports.DEFAULT_LOADING_TEXT = 'Cargando...';
+const SPINNER_VIEW_BOX_SIZE = exports.SPINNER_VIEW_BOX_SIZE = 50;
+const SPINNER_CENTER = exports.SPINNER_CENTER = 25;
+const SPINNER_RADIUS = exports.SPINNER_RADIUS = 20;
+const SPINNER_CIRCUMFERENCE = exports.SPINNER_CIRCUMFERENCE = 126;
+const SPINNER_ARC_LENGTH = exports.SPINNER_ARC_LENGTH = 94;

package/dist/components/UTLoading/versions/V1/components/Spinner/index.js

@@ -1 +1,56 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_testIds=require("../../../../../../constants/testIds"),_constants=require("./constants"),_SpinnerTrack=_interopRequireDefault(require("./components/SpinnerTrack")),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const{UTLoading:UTLoadingTestIds}=_testIds.TEST_IDS,Spinner=_ref=>{let{children:children,classes:classes,colors:colors,dataTestId:dataTestId,loading:loading,preventUnmount:preventUnmount=!1,text:text=_constants.DEFAULT_LOADING_TEXT,wrapperClassName:wrapperClassName}=_ref;return _react.default.createElement(_react.default.Fragment,null,loading&&_react.default.createElement("div",{className:_stylesModule.default.container,"data-testid":dataTestId||UTLoadingTestIds.spinner},_react.default.createElement(_SpinnerTrack.default,{classes:classes,colors:colors}),text&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.text},text)),preventUnmount?_react.default.createElement("div",{className:wrapperClassName,style:loading?{display:"none"}:{}},children):!loading&&children)};Spinner.propTypes={children:_propTypes.node,classes:(0,_propTypes.objectOf)(_propTypes.string),colors:(0,_propTypes.arrayOf)(_propTypes.string),dataTestId:_propTypes.string,loading:_propTypes.bool,preventUnmount:_propTypes.bool,text:_propTypes.string,wrapperClassName:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(Spinner);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
+var _WithTheme = _interopRequireDefault(require("../../../../../WithTheme"));
+var _testIds = require("../../../../../../constants/testIds");
+var _constants = require("./constants");
+var _SpinnerTrack = _interopRequireDefault(require("./components/SpinnerTrack"));
+var _theme = require("./theme");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  UTLoading: UTLoadingTestIds
+} = _testIds.TEST_IDS;
+const Spinner = _ref => {
+  let {
+    children,
+    classes,
+    colors,
+    dataTestId,
+    loading,
+    preventUnmount = false,
+    text = _constants.DEFAULT_LOADING_TEXT,
+    wrapperClassName
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.container,
+    "data-testid": dataTestId || UTLoadingTestIds.spinner
+  }, /*#__PURE__*/_react.default.createElement(_SpinnerTrack.default, {
+    classes: classes,
+    colors: colors
+  }), text && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.text
+  }, text)), preventUnmount ? /*#__PURE__*/_react.default.createElement("div", {
+    className: wrapperClassName,
+    style: loading ? {
+      display: 'none'
+    } : {}
+  }, children) : !loading && children);
+};
+Spinner.propTypes = {
+  children: _propTypes.node,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  colors: (0, _propTypes.arrayOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  loading: _propTypes.bool,
+  preventUnmount: _propTypes.bool,
+  text: _propTypes.string,
+  wrapperClassName: _propTypes.string
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(Spinner);

package/dist/components/UTLoading/versions/V1/components/Spinner/theme.js

@@ -1 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;const retrieveStyle=_ref=>{var _theme$Palette,_theme$Palette2;let{theme:theme}=_ref;return{arc:{stroke:(null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette||null===(_theme$Palette=_theme$Palette.accent)||void 0===_theme$Palette?void 0:_theme$Palette["05"])||"#0136E7"},track:{stroke:(null===(_theme$Palette2=theme.Palette)||void 0===_theme$Palette2||null===(_theme$Palette2=_theme$Palette2.accent)||void 0===_theme$Palette2?void 0:_theme$Palette2["05"])||"#0136E7"}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+const retrieveStyle = _ref => {
+  var _theme$Palette, _theme$Palette2;
+  let {
+    theme
+  } = _ref;
+  return {
+    arc: {
+      stroke: ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 || (_theme$Palette = _theme$Palette.accent) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette['05']) || '#0136E7'
+    },
+    track: {
+      stroke: ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.accent) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2['05']) || '#0136E7'
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTLoading/versions/V1/constants.js

@@ -1 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_PROPS=exports.DEFAULT_LOADING_TEXT=void 0;const DEFAULT_LOADING_TEXT=exports.DEFAULT_LOADING_TEXT="Cargando...",DEFAULT_PROPS=exports.DEFAULT_PROPS={fullScreen:!0,text:DEFAULT_LOADING_TEXT};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_PROPS = exports.DEFAULT_LOADING_TEXT = void 0;
+const DEFAULT_LOADING_TEXT = exports.DEFAULT_LOADING_TEXT = 'Cargando...';
+const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
+  fullScreen: true,
+  text: DEFAULT_LOADING_TEXT
+};

package/dist/components/UTLoading/versions/V1/index.js

@@ -1 +1,30 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_LogoLoader=_interopRequireDefault(require("./components/LogoLoader")),_Spinner=_interopRequireDefault(require("./components/Spinner"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const V1=props=>{const{useUtilityLoading:useUtilityLoading}=props;return useUtilityLoading?_react.default.createElement(_LogoLoader.default,props):_react.default.createElement(_Spinner.default,props)};V1.propTypes={children:_propTypes.node,colors:(0,_propTypes.arrayOf)(_propTypes.string),dataTestId:_propTypes.string,fullScreen:_propTypes.bool,loading:_propTypes.bool,Logo:_propTypes.string,preventUnmount:_propTypes.bool,text:_propTypes.string,useUtilityLoading:_propTypes.bool,wrapperClassName:_propTypes.string};var _default=exports.default=V1;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _LogoLoader = _interopRequireDefault(require("./components/LogoLoader"));
+var _Spinner = _interopRequireDefault(require("./components/Spinner"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const V1 = props => {
+  const {
+    useUtilityLoading
+  } = props;
+  return useUtilityLoading ? /*#__PURE__*/_react.default.createElement(_LogoLoader.default, props) : /*#__PURE__*/_react.default.createElement(_Spinner.default, props);
+};
+V1.propTypes = {
+  children: _propTypes.node,
+  colors: (0, _propTypes.arrayOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  fullScreen: _propTypes.bool,
+  loading: _propTypes.bool,
+  Logo: _propTypes.string,
+  preventUnmount: _propTypes.bool,
+  text: _propTypes.string,
+  useUtilityLoading: _propTypes.bool,
+  wrapperClassName: _propTypes.string
+};
+var _default = exports.default = V1;