@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTBadge/index.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _componentUtils = require("../../utils/componentUtils");
-var _Palette = require("../../constants/Palette");
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _theme = require("./theme");
-var _constants = require("./constants");
-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); }
-const UTBadge = _ref => {
-  let {
-    children,
-    classes,
-    className,
-    colorTheme
-  } = _ref;
-  const textColorTheme = [_Palette.COLOR_THEMES.negative, _Palette.COLOR_THEMES.light].includes(colorTheme) ? 'dark' : 'negative';
-  const {
-    Component,
-    componentProps
-  } = (0, _componentUtils.valueExists)(children) ? {
-    Component: _UTLabel.default,
-    componentProps: {
-      colorTheme: textColorTheme,
-      variant: 'xsmall',
-      weight: 'medium'
-    }
-  } : {
-    Component: 'span',
-    componentProps: {}
-  };
-  return /*#__PURE__*/_react.default.createElement(Component, _extends({
-    className: "".concat(classes.root, " ").concat(className || '')
-  }, componentProps), children);
-};
-UTBadge.defaultProps = _constants.DEFAULT_PROPS;
-UTBadge.propTypes = {
-  children: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  className: _propTypes.string,
-  colorTheme: _propTypes.string
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTBadge);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_componentUtils=require("../../utils/componentUtils"),_Palette=require("../../constants/Palette"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const UTBadge=e=>{let{children:t,classes:r,className:n,colorTheme:o}=e;const s=[_Palette.COLOR_THEMES.negative,_Palette.COLOR_THEMES.light].includes(o)?"dark":"negative",{Component:a,componentProps:p}=(0,_componentUtils.valueExists)(t)?{Component:_UTLabel.default,componentProps:{colorTheme:s,variant:"xsmall",weight:"medium"}}:{Component:"span",componentProps:{}};return _react.default.createElement(a,_extends({className:"".concat(r.root," ").concat(n||"")},p),t)};UTBadge.defaultProps=_constants.DEFAULT_PROPS,UTBadge.propTypes={children:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,colorTheme:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTBadge);

package/dist/components/UTBadge/theme.js

@@ -1,56 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.variantsColorTheme = exports.retrieveStyle = void 0;
-var _componentUtils = require("../../utils/componentUtils");
-var _constants = require("./constants");
-const variantsColorTheme = (theme, colorTheme, shade) => {
-  var _theme$Palette$action;
-  const colorThemeDefinition = theme.Palette[colorTheme] || ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[colorTheme]) || theme.Palette[_constants.DEFAULT_PROPS.colorTheme];
-  const colorShade = (0, _componentUtils.getDefaultColorShade)(colorTheme);
-  const backgroundColor = colorThemeDefinition[shade] || colorThemeDefinition[colorShade];
-  return {
-    backgroundColor
-  };
-};
-exports.variantsColorTheme = variantsColorTheme;
-const baseButtonTheme = () => ({
-  root: {
-    alignItems: 'center',
-    borderRadius: '100px',
-    display: 'inline-flex',
-    flexShrink: 0,
-    height: 'fit-content',
-    justifyContent: 'center',
-    minHeight: '10px',
-    minWidth: '10px',
-    verticalAlign: 'middle'
-  },
-  text: {
-    height: '20px',
-    padding: '0 6px',
-    textAlign: 'center',
-    width: 'fit-content'
-  }
-});
-const retrieveStyle = _ref => {
-  let {
-    theme,
-    colorTheme,
-    children,
-    shade
-  } = _ref;
-  const baseTheme = baseButtonTheme();
-  const textTheme = (0, _componentUtils.valueExists)(children) ? baseTheme.text : {};
-  const variantTheme = variantsColorTheme(theme, colorTheme, shade);
-  return {
-    root: {
-      ...baseTheme.root,
-      ...textTheme,
-      ...variantTheme
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.variantsColorTheme=exports.retrieveStyle=void 0;var _componentUtils=require("../../utils/componentUtils"),_constants=require("./constants");const variantsColorTheme=(e,t,o)=>{var r;const n=e.Palette[t]||(null===(r=e.Palette.actions)||void 0===r?void 0:r[t])||e.Palette[_constants.DEFAULT_PROPS.colorTheme],i=(0,_componentUtils.getDefaultColorShade)(t);return{backgroundColor:n[o]||n[i]}};exports.variantsColorTheme=variantsColorTheme;const baseButtonTheme=()=>({root:{alignItems:"center",borderRadius:"100px",display:"inline-flex",flexShrink:0,height:"fit-content",justifyContent:"center",minHeight:"10px",minWidth:"10px",verticalAlign:"middle"},text:{height:"20px",padding:"0 6px",textAlign:"center",width:"fit-content"}}),retrieveStyle=e=>{let{theme:t,colorTheme:o,children:r,shade:n}=e;const i=baseButtonTheme(),l=(0,_componentUtils.valueExists)(r)?i.text:{},s=variantsColorTheme(t,o,n);return{root:{...i.root,...l,...s}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTBanner/constants.js

@@ -1,36 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VARIANTS = exports.SIZES = exports.PLACEMENTS = exports.DEFAULT_PROPS = exports.COLOR_THEMES = void 0;
-const SIZES = exports.SIZES = {
-  SMALL: 'small',
-  MEDIUM: 'medium',
-  LARGE: 'large'
-};
-const COLOR_THEMES = exports.COLOR_THEMES = {
-  ERROR: 'error',
-  GRAY: 'gray',
-  INFORMATION: 'information',
-  NEGATIVE: 'negative',
-  PRIMARY: 'primary',
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  WHITE: 'white'
-};
-const VARIANTS = exports.VARIANTS = {
-  DARK: 'dark',
-  LIGHT: 'light'
-};
-const PLACEMENTS = exports.PLACEMENTS = {
-  HORIZONTAL: 'horizontal',
-  VERTICAL: 'vertical'
-};
-const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
-  buttonPlacement: PLACEMENTS.HORIZONTAL,
-  colorTheme: COLOR_THEMES.GRAY,
-  iconPlacement: PLACEMENTS.HORIZONTAL,
-  size: SIZES.MEDIUM,
-  variant: VARIANTS.LIGHT
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VARIANTS=exports.SIZES=exports.PLACEMENTS=exports.DEFAULT_PROPS=exports.COLOR_THEMES=void 0;const SIZES=exports.SIZES={SMALL:"small",MEDIUM:"medium",LARGE:"large"},COLOR_THEMES=exports.COLOR_THEMES={ERROR:"error",GRAY:"gray",INFORMATION:"information",NEGATIVE:"negative",PRIMARY:"primary",SUCCESS:"success",WARNING:"warning",WHITE:"white"},VARIANTS=exports.VARIANTS={DARK:"dark",LIGHT:"light"},PLACEMENTS=exports.PLACEMENTS={HORIZONTAL:"horizontal",VERTICAL:"vertical"},DEFAULT_PROPS=exports.DEFAULT_PROPS={buttonPlacement:PLACEMENTS.HORIZONTAL,colorTheme:COLOR_THEMES.GRAY,iconPlacement:PLACEMENTS.HORIZONTAL,size:SIZES.MEDIUM,variant:VARIANTS.LIGHT};

package/dist/components/UTBanner/index.js

@@ -1,146 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _UTIcon = _interopRequireDefault(require("../UTIcon"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _componentUtils = require("../../utils/componentUtils");
-var _classesUtils = require("../../utils/classesUtils");
-var _testIds = require("../../constants/testIds");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _types = require("./types");
-var _utils = require("./utils");
-var _constants = require("./constants");
-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); }
-const UTBanner = _ref => {
-  let {
-    button,
-    buttonPlacement = _constants.DEFAULT_PROPS.buttonPlacement,
-    category,
-    classNames,
-    colorTheme = _constants.DEFAULT_PROPS.colorTheme,
-    dataTestId,
-    description,
-    descriptionProps,
-    helpText,
-    Icon,
-    iconPlacement = _constants.DEFAULT_PROPS.iconPlacement,
-    iconProps,
-    onClose,
-    secondaryButton,
-    size = _constants.DEFAULT_PROPS.size,
-    title,
-    titleProps,
-    variant = _constants.DEFAULT_PROPS.variant
-  } = _ref;
-  const isVerticalButton = buttonPlacement === _constants.PLACEMENTS.VERTICAL;
-  const isVerticalIcon = iconPlacement === _constants.PLACEMENTS.VERTICAL;
-  const labelColorTheme = (0, _utils.getLabelColorTheme)(colorTheme, variant);
-  const secondaryLabelColorTheme = (0, _utils.getSecondaryLabelColorTheme)(colorTheme, variant);
-  const {
-    titleVariant,
-    descriptionVariant
-  } = (0, _utils.getLabelStyles)(size);
-  const iconTheme = (0, _utils.getDefaultIconTheme)(colorTheme, variant);
-  const iconSize = (0, _utils.getDefaultIconSize)(size);
-  const buttonColorTheme = (0, _utils.getDefaultButtonColorTheme)(variant);
-  const gapClass = _stylesModule.default["gap".concat((0, _componentUtils.capitalize)(size))];
-  const paddingClass = _stylesModule.default["padding".concat((0, _componentUtils.capitalize)(size))];
-  const colorClass = _stylesModule.default["".concat(colorTheme).concat((0, _componentUtils.capitalize)(variant))];
-  const dynamicClasses = {
-    bannerContainer: [colorClass, paddingClass, gapClass].filter(Boolean).join(' '),
-    contentContainer: [isVerticalButton ? _stylesModule.default.contentVertical : _stylesModule.default.contentHorizontal, gapClass].filter(Boolean).join(' '),
-    iconTextContainer: [isVerticalIcon ? _stylesModule.default.iconVertical : _stylesModule.default.iconHorizontal, !isVerticalButton ? _stylesModule.default.iconFlex : ''].filter(Boolean).join(' '),
-    textContainer: !isVerticalIcon ? _stylesModule.default.textFlex : '',
-    buttonsContainer: isVerticalButton ? _stylesModule.default.buttonsVertical : ''
-  };
-  const normalizedClassNames = classNames ? {
-    ...classNames,
-    bannerContainer: classNames.infoContainer
-  } : undefined;
-  const classes = (0, _classesUtils.mergeMultipleClassNames)(_stylesModule.default, dynamicClasses, normalizedClassNames);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.bannerContainer,
-    "data-testid": dataTestId
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.contentContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.iconTextContainer
-  }, !!Icon && (0, _componentUtils.isUTIcon)(Icon) ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
-    colorTheme: iconTheme.colorTheme,
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(_testIds.ID_CONSTANTS.ICON) : undefined,
-    name: Icon,
-    shade: iconTheme.shade,
-    size: iconSize
-  }, iconProps)) : !!Icon && /*#__PURE__*/_react.default.createElement(Icon, _extends({}, iconProps, {
-    "data-testId": dataTestId ? "".concat(dataTestId, ".").concat(_testIds.ID_CONSTANTS.ICON) : undefined
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.textContainer
-  }, !!category && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: _stylesModule.default.uppercase,
-    colorTheme: secondaryLabelColorTheme,
-    dataTestId: dataTestId ? "".concat(dataTestId, ".category.").concat(_testIds.ID_CONSTANTS.LABEL) : undefined,
-    variant: "xsmall",
-    weight: "medium"
-  }, category), !!title && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    colorTheme: labelColorTheme,
-    variant: titleVariant,
-    weight: "medium"
-  }, titleProps, {
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(_testIds.ID_CONSTANTS.TITLE, ".").concat(_testIds.ID_CONSTANTS.LABEL) : undefined
-  }), title), !!description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    colorTheme: labelColorTheme,
-    variant: descriptionVariant
-  }, descriptionProps, {
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(_testIds.ID_CONSTANTS.DESCRIPTION, ".").concat(_testIds.ID_CONSTANTS.LABEL) : undefined
-  }), description), !!helpText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: secondaryLabelColorTheme,
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(_testIds.ID_CONSTANTS.HELP_TEXT, ".").concat(_testIds.ID_CONSTANTS.LABEL) : undefined,
-    variant: "small"
-  }, helpText))), !!(button || secondaryButton) && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.buttonsContainer
-  }, !!button && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    colorTheme: buttonColorTheme.button
-  }, button, {
-    dataTestId: dataTestId ? "".concat(dataTestId, ".button.").concat(_testIds.ID_CONSTANTS.SECONDARY_ACTION) : undefined
-  }), button.title), !!secondaryButton && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    colorTheme: buttonColorTheme.secondaryButton,
-    variant: "text"
-  }, secondaryButton, {
-    dataTestId: dataTestId ? "".concat(dataTestId, ".secondaryButton.").concat(_testIds.ID_CONSTANTS.TERTIARY_ACTION) : undefined
-  }), secondaryButton.title))), !!onClose && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    colorTheme: buttonColorTheme.onClose,
-    dataTestId: dataTestId ? "".concat(dataTestId, ".close") : undefined,
-    Icon: "IconX",
-    onClick: onClose,
-    size: "small",
-    variant: "text"
-  }));
-};
-UTBanner.propTypes = {
-  button: _types.buttonType,
-  buttonPlacement: (0, _propTypes.oneOf)(Object.values(_constants.PLACEMENTS)),
-  category: _propTypes.string,
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  colorTheme: (0, _propTypes.oneOf)(Object.values(_constants.COLOR_THEMES)),
-  dataTestId: _propTypes.string,
-  description: _propTypes.string,
-  descriptionProps: _propTypes.object,
-  helpText: _propTypes.string,
-  Icon: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.string]),
-  iconPlacement: (0, _propTypes.oneOf)(Object.values(_constants.PLACEMENTS)),
-  iconProps: _propTypes.object,
-  onClose: _propTypes.func,
-  secondaryButton: _types.buttonType,
-  size: (0, _propTypes.oneOf)(Object.values(_constants.SIZES)),
-  title: _propTypes.string,
-  titleProps: _propTypes.object,
-  variant: (0, _propTypes.oneOf)(Object.values(_constants.VARIANTS))
-};
-var _default = exports.default = UTBanner;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_componentUtils=require("../../utils/componentUtils"),_classesUtils=require("../../utils/classesUtils"),_testIds=require("../../constants/testIds"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_types=require("./types"),_utils=require("./utils"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}const UTBanner=e=>{let{button:t,buttonPlacement:a=_constants.DEFAULT_PROPS.buttonPlacement,category:n,classNames:o,colorTheme:s=_constants.DEFAULT_PROPS.colorTheme,dataTestId:l,description:c,descriptionProps:r,helpText:i,Icon:_,iconPlacement:d=_constants.DEFAULT_PROPS.iconPlacement,iconProps:u,onClose:T,secondaryButton:p,size:f=_constants.DEFAULT_PROPS.size,title:m,titleProps:I,variant:y=_constants.DEFAULT_PROPS.variant}=e;const C=a===_constants.PLACEMENTS.VERTICAL,E=d===_constants.PLACEMENTS.VERTICAL,N=(0,_utils.getLabelColorTheme)(s,y),O=(0,_utils.getSecondaryLabelColorTheme)(s,y),{titleVariant:S,descriptionVariant:b}=(0,_utils.getLabelStyles)(f),v=(0,_utils.getDefaultIconTheme)(s,y),A=(0,_utils.getDefaultIconSize)(f),U=(0,_utils.getDefaultButtonColorTheme)(y),L=_stylesModule.default["gap".concat((0,_componentUtils.capitalize)(f))],P=_stylesModule.default["padding".concat((0,_componentUtils.capitalize)(f))],D={bannerContainer:[_stylesModule.default["".concat(s).concat((0,_componentUtils.capitalize)(y))],P,L].filter(Boolean).join(" "),contentContainer:[C?_stylesModule.default.contentVertical:_stylesModule.default.contentHorizontal,L].filter(Boolean).join(" "),iconTextContainer:[E?_stylesModule.default.iconVertical:_stylesModule.default.iconHorizontal,C?"":_stylesModule.default.iconFlex].filter(Boolean).join(" "),textContainer:E?"":_stylesModule.default.textFlex,buttonsContainer:C?_stylesModule.default.buttonsVertical:""},g=o?{...o,bannerContainer:o.infoContainer}:void 0,h=(0,_classesUtils.mergeMultipleClassNames)(_stylesModule.default,D,g);return _react.default.createElement("div",{className:h.bannerContainer,"data-testid":l},_react.default.createElement("div",{className:h.contentContainer},_react.default.createElement("div",{className:h.iconTextContainer},_&&(0,_componentUtils.isUTIcon)(_)?_react.default.createElement(_UTIcon.default,_extends({colorTheme:v.colorTheme,dataTestId:l?"".concat(l,".").concat(_testIds.ID_CONSTANTS.ICON):void 0,name:_,shade:v.shade,size:A},u)):!!_&&_react.default.createElement(_,_extends({},u,{"data-testId":l?"".concat(l,".").concat(_testIds.ID_CONSTANTS.ICON):void 0})),_react.default.createElement("div",{className:h.textContainer},!!n&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.uppercase,colorTheme:O,dataTestId:l?"".concat(l,".category.").concat(_testIds.ID_CONSTANTS.LABEL):void 0,variant:"xsmall",weight:"medium"},n),!!m&&_react.default.createElement(_UTLabel.default,_extends({colorTheme:N,variant:S,weight:"medium"},I,{dataTestId:l?"".concat(l,".").concat(_testIds.ID_CONSTANTS.TITLE,".").concat(_testIds.ID_CONSTANTS.LABEL):void 0}),m),!!c&&_react.default.createElement(_UTLabel.default,_extends({colorTheme:N,variant:b},r,{dataTestId:l?"".concat(l,".").concat(_testIds.ID_CONSTANTS.DESCRIPTION,".").concat(_testIds.ID_CONSTANTS.LABEL):void 0}),c),!!i&&_react.default.createElement(_UTLabel.default,{colorTheme:O,dataTestId:l?"".concat(l,".").concat(_testIds.ID_CONSTANTS.HELP_TEXT,".").concat(_testIds.ID_CONSTANTS.LABEL):void 0,variant:"small"},i))),!(!t&&!p)&&_react.default.createElement("div",{className:h.buttonsContainer},!!t&&_react.default.createElement(_UTButton.default,_extends({colorTheme:U.button},t,{dataTestId:l?"".concat(l,".button.").concat(_testIds.ID_CONSTANTS.SECONDARY_ACTION):void 0}),t.title),!!p&&_react.default.createElement(_UTButton.default,_extends({colorTheme:U.secondaryButton,variant:"text"},p,{dataTestId:l?"".concat(l,".secondaryButton.").concat(_testIds.ID_CONSTANTS.TERTIARY_ACTION):void 0}),p.title))),!!T&&_react.default.createElement(_UTButton.default,{colorTheme:U.onClose,dataTestId:l?"".concat(l,".close"):void 0,Icon:"IconX",onClick:T,size:"small",variant:"text"}))};UTBanner.propTypes={button:_types.buttonType,buttonPlacement:(0,_propTypes.oneOf)(Object.values(_constants.PLACEMENTS)),category:_propTypes.string,classNames:(0,_propTypes.objectOf)(_propTypes.string),colorTheme:(0,_propTypes.oneOf)(Object.values(_constants.COLOR_THEMES)),dataTestId:_propTypes.string,description:_propTypes.string,descriptionProps:_propTypes.object,helpText:_propTypes.string,Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),iconPlacement:(0,_propTypes.oneOf)(Object.values(_constants.PLACEMENTS)),iconProps:_propTypes.object,onClose:_propTypes.func,secondaryButton:_types.buttonType,size:(0,_propTypes.oneOf)(Object.values(_constants.SIZES)),title:_propTypes.string,titleProps:_propTypes.object,variant:(0,_propTypes.oneOf)(Object.values(_constants.VARIANTS))};var _default=exports.default=UTBanner;

package/dist/components/UTBanner/types.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buttonType = void 0;
-var _propTypes = require("prop-types");
-const buttonType = exports.buttonType = (0, _propTypes.shape)({
-  colorTheme: _propTypes.string,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  Icon: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.func]),
-  iconPlacement: _propTypes.string,
-  loading: _propTypes.bool,
-  onClick: _propTypes.func,
-  size: _propTypes.string,
-  title: _propTypes.node,
-  type: _propTypes.string,
-  variant: _propTypes.string
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.buttonType=void 0;var _propTypes=require("prop-types");const buttonType=exports.buttonType=(0,_propTypes.shape)({colorTheme:_propTypes.string,dataTestId:_propTypes.string,disabled:_propTypes.bool,Icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.func]),iconPlacement:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func,size:_propTypes.string,title:_propTypes.node,type:_propTypes.string,variant:_propTypes.string});

package/dist/components/UTBanner/utils.js

@@ -1,148 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSecondaryLabelColorTheme = exports.getLabelStyles = exports.getLabelColorTheme = exports.getDefaultIconTheme = exports.getDefaultIconSize = exports.getDefaultButtonColorTheme = void 0;
-var _constants = require("./constants");
-/**
- * Returns the default UTIcon colorTheme and shade for the banner icon based on the
- * banner's colorTheme and variant. Matches the mobile implementation.
- * @param {string} colorTheme - Banner color theme.
- * @param {string} variant - Banner variant ('light' | 'dark').
- * @returns {{ colorTheme: string, shade: string }}
- */
-const getDefaultIconTheme = (colorTheme, variant) => {
-  var _COLOR_THEMES$ERROR$C;
-  if (variant === _constants.VARIANTS.DARK) {
-    return colorTheme === _constants.COLOR_THEMES.NEGATIVE ? {
-      colorTheme: 'dark',
-      shade: '05'
-    } : {
-      colorTheme: 'light',
-      shade: '01'
-    };
-  }
-  return (_COLOR_THEMES$ERROR$C = {
-    [_constants.COLOR_THEMES.ERROR]: {
-      colorTheme: 'error',
-      shade: '04'
-    },
-    [_constants.COLOR_THEMES.GRAY]: {
-      colorTheme: 'accent',
-      shade: '04'
-    },
-    [_constants.COLOR_THEMES.INFORMATION]: {
-      colorTheme: 'information',
-      shade: '04'
-    },
-    [_constants.COLOR_THEMES.NEGATIVE]: {
-      colorTheme: 'light',
-      shade: '01'
-    },
-    [_constants.COLOR_THEMES.PRIMARY]: {
-      colorTheme: 'accent',
-      shade: '04'
-    },
-    [_constants.COLOR_THEMES.SUCCESS]: {
-      colorTheme: 'success',
-      shade: '04'
-    },
-    [_constants.COLOR_THEMES.WARNING]: {
-      colorTheme: 'warning',
-      shade: '04'
-    },
-    [_constants.COLOR_THEMES.WHITE]: {
-      colorTheme: 'accent',
-      shade: '04'
-    }
-  }[colorTheme]) !== null && _COLOR_THEMES$ERROR$C !== void 0 ? _COLOR_THEMES$ERROR$C : {
-    colorTheme: 'accent',
-    shade: '04'
-  };
-};
-
-/**
- * Returns the default icon size in pixels based on the banner size.
- * @param {string} size - One of SIZES values.
- * @returns {number}
- */
-exports.getDefaultIconTheme = getDefaultIconTheme;
-const getDefaultIconSize = size => size === _constants.SIZES.LARGE ? 24 : 20;
-
-/**
- * Returns the default colorTheme for buttons and the close button based on the
- * banner variant. Dark variant uses 'negative'; light variant uses standard colors.
- * @param {string} variant - Banner variant ('light' | 'dark').
- * @returns {{ button: string, onClose: string, secondaryButton: string }}
- */
-exports.getDefaultIconSize = getDefaultIconSize;
-const getDefaultButtonColorTheme = variant => {
-  const isDark = variant === _constants.VARIANTS.DARK;
-  return {
-    button: isDark ? 'negative' : 'secondary',
-    onClose: isDark ? 'negative' : 'gray',
-    secondaryButton: isDark ? 'negative' : 'secondary'
-  };
-};
-
-/**
- * Returns the UTLabel variant and weight for the main text (children) based on
- * the banner size.
- * @param {string} size - One of SIZES values.
- * @returns {{ variant: string, weight: string }}
- */
-exports.getDefaultButtonColorTheme = getDefaultButtonColorTheme;
-const getLabelStyles = size => {
-  var _SIZES$LARGE$SIZES$ME;
-  return (_SIZES$LARGE$SIZES$ME = {
-    [_constants.SIZES.LARGE]: {
-      titleVariant: 'title3',
-      descriptionVariant: 'body'
-    },
-    [_constants.SIZES.MEDIUM]: {
-      titleVariant: 'subtitle1',
-      descriptionVariant: 'small'
-    },
-    [_constants.SIZES.SMALL]: {
-      titleVariant: 'small',
-      descriptionVariant: 'small'
-    }
-  }[size]) !== null && _SIZES$LARGE$SIZES$ME !== void 0 ? _SIZES$LARGE$SIZES$ME : {
-    titleVariant: 'small',
-    descriptionVariant: 'small'
-  };
-};
-
-/**
- * Returns the UTLabel colorTheme for the banner's main text content based on the
- * banner's colorTheme and variant. Negative+light and any dark variant use light
- * (white) text; all other combinations use dark text.
- * @param {string} colorTheme - Banner color theme.
- * @param {string} variant - Banner variant ('light' | 'dark').
- * @returns {string} UTLabel colorTheme value.
- */
-exports.getLabelStyles = getLabelStyles;
-const getLabelColorTheme = (colorTheme, variant) => {
-  if (colorTheme === _constants.COLOR_THEMES.NEGATIVE) {
-    return variant === _constants.VARIANTS.LIGHT ? 'light' : 'dark';
-  }
-  return variant === _constants.VARIANTS.LIGHT ? 'dark' : 'light';
-};
-
-/**
- * Returns the UTLabel colorTheme for the banner's secondary text content based on the
- * banner's colorTheme and variant. Negative+light and any dark variant use light
- * (white) text; all other combinations use gray text.
- * @param {string} colorTheme - Banner color theme.
- * @param {string} variant - Banner variant ('light' | 'gray').
- * @returns {string} UTLabel colorTheme value.
- */
-exports.getLabelColorTheme = getLabelColorTheme;
-const getSecondaryLabelColorTheme = (colorTheme, variant) => {
-  if (colorTheme === _constants.COLOR_THEMES.NEGATIVE) {
-    return variant === _constants.VARIANTS.LIGHT ? 'light' : 'gray';
-  }
-  return variant === _constants.VARIANTS.LIGHT ? 'gray' : 'light';
-};
-exports.getSecondaryLabelColorTheme = getSecondaryLabelColorTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSecondaryLabelColorTheme=exports.getLabelStyles=exports.getLabelColorTheme=exports.getDefaultIconTheme=exports.getDefaultIconSize=exports.getDefaultButtonColorTheme=void 0;var _constants=require("./constants");const getDefaultIconTheme=(e,t)=>{var o;return t===_constants.VARIANTS.DARK?e===_constants.COLOR_THEMES.NEGATIVE?{colorTheme:"dark",shade:"05"}:{colorTheme:"light",shade:"01"}:null!==(o={[_constants.COLOR_THEMES.ERROR]:{colorTheme:"error",shade:"04"},[_constants.COLOR_THEMES.GRAY]:{colorTheme:"accent",shade:"04"},[_constants.COLOR_THEMES.INFORMATION]:{colorTheme:"information",shade:"04"},[_constants.COLOR_THEMES.NEGATIVE]:{colorTheme:"light",shade:"01"},[_constants.COLOR_THEMES.PRIMARY]:{colorTheme:"accent",shade:"04"},[_constants.COLOR_THEMES.SUCCESS]:{colorTheme:"success",shade:"04"},[_constants.COLOR_THEMES.WARNING]:{colorTheme:"warning",shade:"04"},[_constants.COLOR_THEMES.WHITE]:{colorTheme:"accent",shade:"04"}}[e])&&void 0!==o?o:{colorTheme:"accent",shade:"04"}};exports.getDefaultIconTheme=getDefaultIconTheme;const getDefaultIconSize=e=>e===_constants.SIZES.LARGE?24:20;exports.getDefaultIconSize=getDefaultIconSize;const getDefaultButtonColorTheme=e=>{const t=e===_constants.VARIANTS.DARK;return{button:t?"negative":"secondary",onClose:t?"negative":"gray",secondaryButton:t?"negative":"secondary"}};exports.getDefaultButtonColorTheme=getDefaultButtonColorTheme;const getLabelStyles=e=>{var t;return null!==(t={[_constants.SIZES.LARGE]:{titleVariant:"title3",descriptionVariant:"body"},[_constants.SIZES.MEDIUM]:{titleVariant:"subtitle1",descriptionVariant:"small"},[_constants.SIZES.SMALL]:{titleVariant:"small",descriptionVariant:"small"}}[e])&&void 0!==t?t:{titleVariant:"small",descriptionVariant:"small"}};exports.getLabelStyles=getLabelStyles;const getLabelColorTheme=(e,t)=>e===_constants.COLOR_THEMES.NEGATIVE?t===_constants.VARIANTS.LIGHT?"light":"dark":t===_constants.VARIANTS.LIGHT?"dark":"light";exports.getLabelColorTheme=getLabelColorTheme;const getSecondaryLabelColorTheme=(e,t)=>e===_constants.COLOR_THEMES.NEGATIVE?t===_constants.VARIANTS.LIGHT?"light":"gray":t===_constants.VARIANTS.LIGHT?"gray":"light";exports.getSecondaryLabelColorTheme=getSecondaryLabelColorTheme;

package/dist/components/UTBaseInputField/components/ActionAdornment/index.js

@@ -1,42 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTButton = _interopRequireDefault(require("../../../UTButton"));
-var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
-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); }
-const ActionAdornment = _ref => {
-  let {
-    action = {},
-    dataTestId,
-    disabled,
-    classNames
-  } = _ref;
-  if (!action) return null;
-  return /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-    arrow: false,
-    tippyProps: {
-      appendTo: () => document.body,
-      interactive: false
-    },
-    content: action.tooltip
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    classNames: classNames,
-    dataTestId: dataTestId,
-    disabled: disabled,
-    size: "small",
-    variant: "text"
-  }, action), action.text)));
-};
-ActionAdornment.propTypes = {
-  action: _propTypes.object,
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool
-};
-var _default = exports.default = ActionAdornment;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../UTButton")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const ActionAdornment=e=>{let{action:t={},dataTestId:r,disabled:a,classNames:o}=e;return t?_react.default.createElement(_UTTooltip.default,{arrow:!1,tippyProps:{appendTo:()=>document.body,interactive:!1},content:t.tooltip},_react.default.createElement("div",null,_react.default.createElement(_UTButton.default,_extends({classNames:o,dataTestId:r,disabled:a,size:"small",variant:"text"},t),t.text))):null};ActionAdornment.propTypes={action:_propTypes.object,classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,disabled:_propTypes.bool};var _default=exports.default=ActionAdornment;

package/dist/components/UTBaseInputField/components/BadgeAdornment/index.js

@@ -1,24 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTBadge = _interopRequireDefault(require("../../../UTBadge"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const BadgeAdornment = _ref => {
-  let {
-    text,
-    colorTheme
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_UTBadge.default, {
-    colorTheme: colorTheme
-  }, text);
-};
-BadgeAdornment.propTypes = {
-  colorTheme: _propTypes.string,
-  text: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number])
-};
-var _default = exports.default = BadgeAdornment;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTBadge=_interopRequireDefault(require("../../../UTBadge"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const BadgeAdornment=e=>{let{text:r,colorTheme:t}=e;return _react.default.createElement(_UTBadge.default,{colorTheme:t},r)};BadgeAdornment.propTypes={colorTheme:_propTypes.string,text:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])};var _default=exports.default=BadgeAdornment;

package/dist/components/UTBaseInputField/components/IconAdornment/constants.js

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ICON_SIZE = exports.ERROR_ICON = void 0;
-const ERROR_ICON = exports.ERROR_ICON = 'IconAlertCircle';
-const ICON_SIZE = exports.ICON_SIZE = 20;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ICON_SIZE=exports.ERROR_ICON=void 0;const ERROR_ICON=exports.ERROR_ICON="IconAlertCircle",ICON_SIZE=exports.ICON_SIZE=20;

package/dist/components/UTBaseInputField/components/IconAdornment/index.js

@@ -1,55 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
-var _componentUtils = require("../../../../utils/componentUtils");
-var _constants = require("./constants");
-var _utils = require("./utils");
-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); }
-const IconAdornment = _ref => {
-  var _inputStyle$root;
-  let {
-    changeIconOnError = true,
-    changeOnError,
-    changeOnFocus,
-    colorTheme,
-    error,
-    focused,
-    Icon,
-    inputStyle,
-    shade,
-    showOnlyOnError
-  } = _ref;
-  const effectiveChangeOnError = showOnlyOnError || changeOnError;
-  if (showOnlyOnError && !error) return null;
-  const IconToRender = error && changeIconOnError ? _constants.ERROR_ICON : Icon;
-  if (!IconToRender) return null;
-  return (0, _componentUtils.isUTIcon)(IconToRender) ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
-    name: IconToRender,
-    size: _constants.ICON_SIZE
-  }, (0, _utils.getIconColorProps)(effectiveChangeOnError, changeOnFocus, colorTheme, error, focused, shade))) : /*#__PURE__*/_react.default.createElement(Icon, {
-    size: _constants.ICON_SIZE,
-    fill: inputStyle === null || inputStyle === void 0 || (_inputStyle$root = inputStyle.root) === null || _inputStyle$root === void 0 ? void 0 : _inputStyle$root.color
-  });
-};
-IconAdornment.propTypes = {
-  changeIconOnError: _propTypes.bool,
-  changeOnError: _propTypes.bool,
-  changeOnFocus: _propTypes.bool,
-  colorTheme: _propTypes.string,
-  error: (0, _propTypes.oneOfType)([_propTypes.bool, _propTypes.string]),
-  focused: _propTypes.bool,
-  Icon: _propTypes.elementType,
-  inputStyle: (0, _propTypes.shape)({
-    root: _propTypes.object
-  }),
-  shade: _propTypes.string,
-  showOnlyOnError: _propTypes.bool
-};
-var _default = exports.default = IconAdornment;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_componentUtils=require("../../../../utils/componentUtils"),_constants=require("./constants"),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const IconAdornment=e=>{var o;let{changeIconOnError:r=!0,changeOnError:n,changeOnFocus:t,colorTheme:s,error:p,focused:l,Icon:c,inputStyle:u,shade:a,showOnlyOnError:_}=e;const i=_||n;if(_&&!p)return null;const d=p&&r?_constants.ERROR_ICON:c;return d?(0,_componentUtils.isUTIcon)(d)?_react.default.createElement(_UTIcon.default,_extends({name:d,size:_constants.ICON_SIZE},(0,_utils.getIconColorProps)(i,t,s,p,l,a))):_react.default.createElement(c,{size:_constants.ICON_SIZE,fill:null==u||null===(o=u.root)||void 0===o?void 0:o.color}):null};IconAdornment.propTypes={changeIconOnError:_propTypes.bool,changeOnError:_propTypes.bool,changeOnFocus:_propTypes.bool,colorTheme:_propTypes.string,error:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.string]),focused:_propTypes.bool,Icon:_propTypes.elementType,inputStyle:(0,_propTypes.shape)({root:_propTypes.object}),shade:_propTypes.string,showOnlyOnError:_propTypes.bool};var _default=exports.default=IconAdornment;

package/dist/components/UTBaseInputField/components/IconAdornment/utils.js

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getIconColorProps = void 0;
-const getIconColorProps = (changeOnError, changeOnFocus, colorTheme, error, focused, shade) => changeOnError && error ? {
-  colorTheme: 'error',
-  shade: '04'
-} : changeOnFocus && focused ? {
-  colorTheme: 'accent',
-  shade: '04'
-} : {
-  colorTheme: colorTheme || 'gray',
-  shade
-};
-exports.getIconColorProps = getIconColorProps;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getIconColorProps=void 0;const getIconColorProps=(o,e,r,s,t,c)=>o&&s?{colorTheme:"error",shade:"04"}:e&&t?{colorTheme:"accent",shade:"04"}:{colorTheme:r||"gray",shade:c};exports.getIconColorProps=getIconColorProps;