@widergy/energy-ui 3.172.2 → 3.172.3

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(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:button,buttonPlacement:buttonPlacement=_constants.DEFAULT_PROPS.buttonPlacement,category:category,classNames:classNames,colorTheme:colorTheme=_constants.DEFAULT_PROPS.colorTheme,dataTestId:dataTestId,description:description,descriptionProps:descriptionProps,helpText:helpText,Icon:Icon,iconPlacement:iconPlacement=_constants.DEFAULT_PROPS.iconPlacement,iconProps:iconProps,onClose:onClose,secondaryButton:secondaryButton,size:size=_constants.DEFAULT_PROPS.size,title:title,titleProps:titleProps,variant:variant=_constants.DEFAULT_PROPS.variant}=_ref;const isVerticalButton=buttonPlacement===_constants.PLACEMENTS.VERTICAL,isVerticalIcon=iconPlacement===_constants.PLACEMENTS.VERTICAL,labelColorTheme=(0,_utils.getLabelColorTheme)(colorTheme,variant),secondaryLabelColorTheme=(0,_utils.getSecondaryLabelColorTheme)(colorTheme,variant),{titleVariant:titleVariant,descriptionVariant:descriptionVariant}=(0,_utils.getLabelStyles)(size),iconTheme=(0,_utils.getDefaultIconTheme)(colorTheme,variant),iconSize=(0,_utils.getDefaultIconSize)(size),buttonColorTheme=(0,_utils.getDefaultButtonColorTheme)(variant),gapClass=_stylesModule.default["gap".concat((0,_componentUtils.capitalize)(size))],paddingClass=_stylesModule.default["padding".concat((0,_componentUtils.capitalize)(size))],dynamicClasses={bannerContainer:[_stylesModule.default["".concat(colorTheme).concat((0,_componentUtils.capitalize)(variant))],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:""},normalizedClassNames=classNames?{...classNames,bannerContainer:classNames.infoContainer}:void 0,classes=(0,_classesUtils.mergeMultipleClassNames)(_stylesModule.default,dynamicClasses,normalizedClassNames);return _react.default.createElement("div",{className:classes.bannerContainer,"data-testid":dataTestId},_react.default.createElement("div",{className:classes.contentContainer},_react.default.createElement("div",{className:classes.iconTextContainer},Icon&&(0,_componentUtils.isUTIcon)(Icon)?_react.default.createElement(_UTIcon.default,_extends({colorTheme:iconTheme.colorTheme,dataTestId:dataTestId?"".concat(dataTestId,".").concat(_testIds.ID_CONSTANTS.ICON):void 0,name:Icon,shade:iconTheme.shade,size:iconSize},iconProps)):!!Icon&&_react.default.createElement(Icon,_extends({},iconProps,{"data-testId":dataTestId?"".concat(dataTestId,".").concat(_testIds.ID_CONSTANTS.ICON):void 0})),_react.default.createElement("div",{className:classes.textContainer},!!category&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.uppercase,colorTheme:secondaryLabelColorTheme,dataTestId:dataTestId?"".concat(dataTestId,".category.").concat(_testIds.ID_CONSTANTS.LABEL):void 0,variant:"xsmall",weight:"medium"},category),!!title&&_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):void 0}),title),!!description&&_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):void 0}),description),!!helpText&&_react.default.createElement(_UTLabel.default,{colorTheme:secondaryLabelColorTheme,dataTestId:dataTestId?"".concat(dataTestId,".").concat(_testIds.ID_CONSTANTS.HELP_TEXT,".").concat(_testIds.ID_CONSTANTS.LABEL):void 0,variant:"small"},helpText))),!(!button&&!secondaryButton)&&_react.default.createElement("div",{className:classes.buttonsContainer},!!button&&_react.default.createElement(_UTButton.default,_extends({colorTheme:buttonColorTheme.button},button,{dataTestId:dataTestId?"".concat(dataTestId,".button.").concat(_testIds.ID_CONSTANTS.SECONDARY_ACTION):void 0}),button.title),!!secondaryButton&&_react.default.createElement(_UTButton.default,_extends({colorTheme:buttonColorTheme.secondaryButton,variant:"text"},secondaryButton,{dataTestId:dataTestId?"".concat(dataTestId,".secondaryButton.").concat(_testIds.ID_CONSTANTS.TERTIARY_ACTION):void 0}),secondaryButton.title))),!!onClose&&_react.default.createElement(_UTButton.default,{colorTheme:buttonColorTheme.onClose,dataTestId:dataTestId?"".concat(dataTestId,".close"):void 0,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;

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=(colorTheme,variant)=>{var _COLOR_THEMES$ERROR$C;return variant===_constants.VARIANTS.DARK?colorTheme===_constants.COLOR_THEMES.NEGATIVE?{colorTheme:"dark",shade:"05"}:{colorTheme:"light",shade:"01"}:null!==(_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])&&void 0!==_COLOR_THEMES$ERROR$C?_COLOR_THEMES$ERROR$C:{colorTheme:"accent",shade:"04"}};exports.getDefaultIconTheme=getDefaultIconTheme;const getDefaultIconSize=size=>size===_constants.SIZES.LARGE?24:20;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"}};exports.getDefaultButtonColorTheme=getDefaultButtonColorTheme;const getLabelStyles=size=>{var _SIZES$LARGE$SIZES$ME;return null!==(_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])&&void 0!==_SIZES$LARGE$SIZES$ME?_SIZES$LARGE$SIZES$ME:{titleVariant:"small",descriptionVariant:"small"}};exports.getLabelStyles=getLabelStyles;const getLabelColorTheme=(colorTheme,variant)=>colorTheme===_constants.COLOR_THEMES.NEGATIVE?variant===_constants.VARIANTS.LIGHT?"light":"dark":variant===_constants.VARIANTS.LIGHT?"dark":"light";exports.getLabelColorTheme=getLabelColorTheme;const getSecondaryLabelColorTheme=(colorTheme,variant)=>colorTheme===_constants.COLOR_THEMES.NEGATIVE?variant===_constants.VARIANTS.LIGHT?"light":"gray":variant===_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(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:action={},dataTestId:dataTestId,disabled:disabled,classNames:classNames}=_ref;return action?_react.default.createElement(_UTTooltip.default,{arrow:!1,tippyProps:{appendTo:()=>document.body,interactive:!1},content:action.tooltip},_react.default.createElement("div",null,_react.default.createElement(_UTButton.default,_extends({classNames:classNames,dataTestId:dataTestId,disabled:disabled,size:"small",variant:"text"},action),action.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=_ref=>{let{text:text,colorTheme:colorTheme}=_ref;return _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;

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(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:changeIconOnError=!0,changeOnError:changeOnError,changeOnFocus:changeOnFocus,colorTheme:colorTheme,error:error,focused:focused,Icon:Icon,inputStyle:inputStyle,shade:shade,showOnlyOnError:showOnlyOnError}=_ref;const effectiveChangeOnError=showOnlyOnError||changeOnError;if(showOnlyOnError&&!error)return null;const IconToRender=error&&changeIconOnError?_constants.ERROR_ICON:Icon;return IconToRender?(0,_componentUtils.isUTIcon)(IconToRender)?_react.default.createElement(_UTIcon.default,_extends({name:IconToRender,size:_constants.ICON_SIZE},(0,_utils.getIconColorProps)(effectiveChangeOnError,changeOnFocus,colorTheme,error,focused,shade))):_react.default.createElement(Icon,{size:_constants.ICON_SIZE,fill:null==inputStyle||null===(_inputStyle$root=inputStyle.root)||void 0===_inputStyle$root?void 0:_inputStyle$root.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=(changeOnError,changeOnFocus,colorTheme,error,focused,shade)=>changeOnError&&error?{colorTheme:"error",shade:"04"}:changeOnFocus&&focused?{colorTheme:"accent",shade:"04"}:{colorTheme:colorTheme||"gray",shade:shade};exports.getIconColorProps=getIconColorProps;

package/dist/components/UTBaseInputField/components/PrefixAdornment/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 _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PrefixAdornment = _ref => {
-  let {
-    text
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    variant: "small",
-    weight: "medium"
-  }, text);
-};
-PrefixAdornment.propTypes = {
-  text: _propTypes.string
-};
-var _default = exports.default = PrefixAdornment;
+"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"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const PrefixAdornment=_ref=>{let{text:text}=_ref;return _react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",weight:"medium"},text)};PrefixAdornment.propTypes={text:_propTypes.string};var _default=exports.default=PrefixAdornment;

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

@@ -1,22 +1 @@
-"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"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SuffixAdornment = _ref => {
-  let {
-    text
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray"
-  }, text);
-};
-SuffixAdornment.propTypes = {
-  text: _propTypes.string
-};
-var _default = exports.default = SuffixAdornment;
+"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"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const SuffixAdornment=_ref=>{let{text:text}=_ref;return _react.default.createElement(_UTLabel.default,{colorTheme:"gray"},text)};SuffixAdornment.propTypes={text:_propTypes.string};var _default=exports.default=SuffixAdornment;

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

@@ -1,35 +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 _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TooltipAdornment = _ref => {
-  let {
-    contentDataTestId,
-    dataTestId,
-    tooltip
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-    content: tooltip,
-    dataTestId: contentDataTestId
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.tooltip,
-    "data-testid": dataTestId
-  }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
-    name: "IconInfoCircle",
-    colorTheme: "gray"
-  })));
-};
-TooltipAdornment.propTypes = {
-  contentDataTestId: _propTypes.string,
-  dataTestId: _propTypes.string,
-  tooltip: _propTypes.string
-};
-var _default = exports.default = TooltipAdornment;
+"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")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const TooltipAdornment=_ref=>{let{contentDataTestId:contentDataTestId,dataTestId:dataTestId,tooltip:tooltip}=_ref;return _react.default.createElement(_UTTooltip.default,{content:tooltip,dataTestId:contentDataTestId},_react.default.createElement("div",{className:_stylesModule.default.tooltip,"data-testid":dataTestId},_react.default.createElement(_UTIcon.default,{name:"IconInfoCircle",colorTheme:"gray"})))};TooltipAdornment.propTypes={contentDataTestId:_propTypes.string,dataTestId:_propTypes.string,tooltip:_propTypes.string};var _default=exports.default=TooltipAdornment;