@telus-uds/components-base 0.0.2-prerelease.7 → 0.0.2-prerelease.8

package/lib/Icon/Icon.js

@@ -1,72 +1,74 @@
-import React from 'react';
-import { Platform, View } from 'react-native';
-import PropTypes from 'prop-types';
-import { useThemeTokens } from '../ThemeProvider';
-import { getTokensPropType, scaleWithText, variantProp } from '../utils';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.iconComponentPropTypes = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
+
+var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ThemeProvider = require("../ThemeProvider");
+
+var _utils = require("../utils");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const Icon = ({
-  IconSvg,
+  icon: IconComponent,
+  accessibilityLabel,
   variant,
-  label,
-  titleId,
   tokens,
   scalesWithText = false
 }) => {
-  const themeTokens = useThemeTokens('Icon', tokens, variant);
-  const size = scalesWithText ? scaleWithText(themeTokens.size) : themeTokens.size;
-  const iconContent = /*#__PURE__*/React.createElement(IconSvg, {
-    title: label,
-    titleId: titleId,
+  const themeTokens = (0, _ThemeProvider.useThemeTokens)('Icon', tokens, variant);
+  const size = scalesWithText ? (0, _utils.scaleWithText)(themeTokens.size) : themeTokens.size;
+  const iconContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+    title: accessibilityLabel,
     size: size,
     color: themeTokens.color
   });
-  return Platform.OS === 'web' ? /*#__PURE__*/React.createElement(View // eslint-disable-next-line react-native/no-inline-styles
+  return _Platform.default.OS === 'web' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default // eslint-disable-next-line react-native/no-inline-styles
   , {
     style: {
       // TODO: systematise animations.
       // https://github.com/telus/universal-design-system/issues/487
       transition: 'transform 200ms, color 200ms',
-      transform: [themeTokens.scale ? `scale(${themeTokens.scale})` : '', themeTokens.translateX ? `translateX(${themeTokens.translateX}px)` : '', themeTokens.translateY ? `translateY(${themeTokens.translateY}px)` : ''].filter(exists => exists).join(' ')
-    }
-  }, iconContent) : iconContent;
-}; // Auto-generated SVG icon components wrap Icon and pass through these props:
-
+      transform: [themeTokens.scale ? "scale(".concat(themeTokens.scale, ")") : '', themeTokens.translateX ? "translateX(".concat(themeTokens.translateX, "px)") : '', themeTokens.translateY ? "translateY(".concat(themeTokens.translateY, "px)") : ''].filter(exists => exists).join(' ')
+    },
+    children: iconContent
+  }) : iconContent;
+};
 
-export const iconComponentPropTypes = {
-  variant: variantProp.propType,
-  tokens: getTokensPropType('Icon'),
+const iconComponentPropTypes = {
+  variant: _utils.variantProp.propType,
+  tokens: (0, _utils.getTokensPropType)('Icon'),
 
   /**
    * Descriptive label used in web SVG title tag for accessibility
    */
-  label: PropTypes.string,
-
-  /**
-   * On web, this unique id is applied to <SVG> title and aria-labelledby attr
-   */
-  titleId: PropTypes.string
-}; // Auto-generated SVG icon components contain an inner SVG component taking these props:
-
-export const iconSvgPropTypes = {
-  title: iconComponentPropTypes.label,
-  titleId: iconComponentPropTypes.titleId,
-
-  /**
-   * The size of the SVG icon after resolving tokens
-   */
-  size: PropTypes.number,
+  accessibilityLabel: _propTypes.default.string,
 
   /**
-   * The color of the SVG icon after resolving tokens
+   * controls whether the icon size should be proportionate to any accessibility-related font scaling.
    */
-  color: PropTypes.string
+  scalesWithText: _propTypes.default.bool
 };
+exports.iconComponentPropTypes = iconComponentPropTypes;
 Icon.propTypes = { ...iconComponentPropTypes,
 
   /**
-   * Function component containing this icon's SVG or native equivalent.
-   * UDS's SVGR config turns static SVG files into components that pass this to <Icon>.
+   * A valid UDS icon component imported from a UDS palette
+   * (e.g.) `import { MyIcon } from @telus-uds/palette-<brand>/build/web/icons`
    */
-  IconSvg: PropTypes.func.isRequired
+  icon: _propTypes.default.elementType.isRequired
 };
-export default Icon;
+var _default = Icon;
+exports.default = _default;

package/lib/Icon/IconText.js

@@ -1,9 +1,32 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Platform, View } from 'react-native';
-import { iconComponentPropTypes } from './Icon';
-import { getStackedContent } from '../StackView';
-import { spacingProps } from '../utils';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
+
+var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
+
+var _Icon = _interopRequireWildcard(require("./Icon"));
+
+var _StackView = require("../StackView");
+
+var _utils = require("../utils");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  * Returns an icon and some text with a sized gap between them. This is a utility component
  * intended for use when creating components, not intended for use in applications on its own.
@@ -12,7 +35,6 @@ import { spacingProps } from '../utils';
  *  - inline within a <Text> element
  *  - within a container with `flexDirection: 'row'`
  */
-
 const IconText = ({
   space,
   iconPosition = 'left',
@@ -20,20 +42,25 @@ const IconText = ({
   iconProps,
   children
 }) => {
-  const iconContent = IconComponent && /*#__PURE__*/React.createElement(IconComponent, Object.assign({
-    scalesWithText: true
-  }, iconProps)); // Inline images on Android are always baseline-aligned which makes them look misaligned - offset it.
+  var _iconProps$tokens;
+
+  const iconContent = IconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+    icon: IconComponent,
+    scalesWithText: true,
+    ...iconProps
+  }); // Inline images on Android are always baseline-aligned which makes them look misaligned - offset it.
   // See abandoned issue https://github.com/facebook/react-native/issues/6529
 
-  const size = iconProps?.tokens?.size;
-  const iconAdjusted = Platform.OS === 'android' && iconContent && size ? /*#__PURE__*/React.createElement(View, {
+  const size = iconProps === null || iconProps === void 0 ? void 0 : (_iconProps$tokens = iconProps.tokens) === null || _iconProps$tokens === void 0 ? void 0 : _iconProps$tokens.size;
+  const iconAdjusted = _Platform.default.OS === 'android' && iconContent && size ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
     style: {
       transform: [{
         translateY: size * 0.2
       }]
-    }
-  }, iconContent) : iconContent;
-  return getStackedContent(iconPosition === 'left' ? [iconAdjusted, children] : [children, iconAdjusted], {
+    },
+    children: iconContent
+  }) : iconContent;
+  return (0, _StackView.getStackedContent)(iconPosition === 'left' ? [iconAdjusted, children] : [children, iconAdjusted], {
     space,
     direction: 'row'
   });
@@ -44,29 +71,30 @@ IconText.propTypes = {
    * Amount of space to separate the text content and icon. Uses the themes's spacing scale
    * (see useSpacingScale for more info).
    */
-  space: spacingProps.types.spacingValue,
+  space: _utils.spacingProps.types.spacingValue,
 
   /**
    * Whether the icon should be to the left of the content or the right of the content.
    */
-  iconPosition: PropTypes.oneOf(['left', 'right']),
+  iconPosition: _propTypes.default.oneOf(['left', 'right']),
 
   /**
    * A valid UDS icon component imported from a UDS palette.
    */
-  icon: PropTypes.func,
+  icon: _propTypes.default.func,
 
   /**
    * Props that will be passed to the icon component. By default the icon's `scalesWithText`
    * prop will be set as "true" so that the icon continues to match the size of the text
    * if users use accessibility settings to increase text size.
    */
-  iconProps: PropTypes.exact(iconComponentPropTypes),
+  iconProps: _propTypes.default.exact(_Icon.iconComponentPropTypes),
 
   /**
    * Content to be rendered alongside the Icon component. Usually this should be a
    * `<Typography>` component, or a component that renders `<Text>`.
    */
-  children: PropTypes.node
+  children: _propTypes.default.node
 };
-export default IconText;
+var _default = IconText;
+exports.default = _default;

package/lib/Icon/index.js

@@ -1,4 +1,31 @@
-import Icon, { iconComponentPropTypes, iconSvgPropTypes } from './Icon';
-import IconText from './IconText';
-export default Icon;
-export { iconComponentPropTypes, iconSvgPropTypes, IconText };
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "iconComponentPropTypes", {
+  enumerable: true,
+  get: function () {
+    return _Icon.iconComponentPropTypes;
+  }
+});
+Object.defineProperty(exports, "IconText", {
+  enumerable: true,
+  get: function () {
+    return _IconText.default;
+  }
+});
+exports.default = void 0;
+
+var _Icon = _interopRequireWildcard(require("./Icon"));
+
+var _IconText = _interopRequireDefault(require("./IconText"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = _Icon.default;
+exports.default = _default;

package/lib/InputLabel/InputLabel.js

@@ -1,12 +1,33 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import PropTypes from 'prop-types';
-import { applyTextStyles, useThemeTokens } from '../ThemeProvider';
-import { getTokensPropType, selectTokens, variantProp } from '../utils';
-import LabelContent from './LabelContent';
-import Tooltip from '../Tooltip';
+"use strict";
 
-const selectLabelStyles = tokens => applyTextStyles(selectTokens('Typography', tokens));
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
+
+var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
+
+var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ThemeProvider = require("../ThemeProvider");
+
+var _utils = require("../utils");
+
+var _LabelContent = _interopRequireDefault(require("./LabelContent"));
+
+var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const selectLabelStyles = tokens => (0, _ThemeProvider.applyTextStyles)((0, _utils.selectTokens)('Typography', tokens));
 
 const selectHintStyles = ({
   hintColor,
@@ -14,7 +35,7 @@ const selectHintStyles = ({
   hintFontSize,
   hintFontWeight,
   hintLineHeight
-}) => applyTextStyles({
+}) => (0, _ThemeProvider.applyTextStyles)({
   color: hintColor,
   fontName: hintFontName,
   fontSize: hintFontSize,
@@ -38,42 +59,52 @@ function InputLabel({
   tokens,
   variant
 }) {
-  const themeTokens = useThemeTokens('InputLabel', tokens, variant);
+  const themeTokens = (0, _ThemeProvider.useThemeTokens)('InputLabel', tokens, variant);
   const hasTooltip = tooltip !== undefined;
   const isHintInline = hintPosition === 'inline';
-  return /*#__PURE__*/React.createElement(View, {
-    style: [staticStyles.container, !isHintInline && staticStyles.containerWithHintBelow]
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [selectLabelStyles(themeTokens), selectGapStyles(themeTokens), staticStyles.label]
-  }, /*#__PURE__*/React.createElement(LabelContent, {
-    forId: forId
-  }, label)), hint && isHintInline && /*#__PURE__*/React.createElement(Text, {
-    style: [selectHintStyles(themeTokens), hasTooltip && selectGapStyles(themeTokens)],
-    nativeID: hintId
-  }, hint), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, {
-    content: tooltip
-  }), hint && !isHintInline && /*#__PURE__*/React.createElement(Text, {
-    style: [selectHintStyles(themeTokens), staticStyles.hintBelow],
-    nativeID: hintId
-  }, hint));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+    style: [staticStyles.container, !isHintInline && staticStyles.containerWithHintBelow],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      style: [selectLabelStyles(themeTokens), selectGapStyles(themeTokens), staticStyles.label],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LabelContent.default, {
+        forId: forId,
+        children: label
+      })
+    }), hint && isHintInline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      style: [selectHintStyles(themeTokens), hasTooltip && selectGapStyles(themeTokens)],
+      nativeID: hintId,
+      children: hint
+    }), hasTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+      style: staticStyles.tooltipAlign,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        content: tooltip
+      })
+    }), hint && !isHintInline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      style: [selectHintStyles(themeTokens), staticStyles.hintBelow],
+      nativeID: hintId,
+      children: hint
+    })]
+  });
 }
 
 InputLabel.propTypes = {
-  label: PropTypes.string.isRequired,
-  forId: PropTypes.string,
-  hint: PropTypes.string,
-  hintPosition: PropTypes.oneOf(['inline', 'below']),
-  hintId: PropTypes.string,
-  tooltip: PropTypes.string,
-  tokens: getTokensPropType('InputLabel'),
-  variant: variantProp.propType
+  label: _propTypes.default.string.isRequired,
+  forId: _propTypes.default.string,
+  hint: _propTypes.default.string,
+  hintPosition: _propTypes.default.oneOf(['inline', 'below']),
+  hintId: _propTypes.default.string,
+  tooltip: _propTypes.default.string,
+  tokens: (0, _utils.getTokensPropType)('InputLabel'),
+  variant: _utils.variantProp.propType
 };
-export default InputLabel;
-const staticStyles = StyleSheet.create({
+var _default = InputLabel;
+exports.default = _default;
+
+const staticStyles = _StyleSheet.default.create({
   container: {
     display: 'flex',
     flexDirection: 'row',
-    alignItems: 'center'
+    alignItems: 'baseline'
   },
   containerWithHintBelow: {
     flexWrap: 'wrap'
@@ -84,5 +115,8 @@ const staticStyles = StyleSheet.create({
   hintBelow: {
     flexBasis: '100%',
     flexShrink: 0
+  },
+  tooltipAlign: {
+    alignSelf: 'center'
   }
 });

package/lib/InputLabel/LabelContent.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function LabelContent({
+  children,
+  forId
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+    htmlFor: forId,
+    children: children
+  });
+}
+
+var _default = LabelContent;
+exports.default = _default;
+LabelContent.propTypes = {
+  children: _propTypes.default.string,
+  forId: _propTypes.default.string
+};

package/lib/InputLabel/LabelContent.native.js

@@ -1,3 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
 // Since there's no equivalent for web's <label> element we're simply rendering whatever is passed to this component.
 function LabelContent({
   children
@@ -5,4 +12,5 @@ function LabelContent({
   return children;
 }
 
-export default LabelContent;
+var _default = LabelContent;
+exports.default = _default;

package/lib/InputLabel/index.js

@@ -1,2 +1,13 @@
-import InputLabel from './InputLabel';
-export default InputLabel;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _InputLabel = _interopRequireDefault(require("./InputLabel"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _InputLabel.default;
+exports.default = _default;

package/lib/InputSupports/InputSupports.js

@@ -1,12 +1,27 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import InputLabel from '../InputLabel';
-import Feedback from '../Feedback';
-import StackView from '../StackView';
-import { useThemeTokens } from '../ThemeProvider';
-import useUniqueId from '../utils/useUniqueId';
+"use strict";
 
-const joinDefined = array => array.filter(item => item !== undefined).join(' ');
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _InputLabel = _interopRequireDefault(require("../InputLabel"));
+
+var _Feedback = _interopRequireDefault(require("../Feedback"));
+
+var _StackView = _interopRequireDefault(require("../StackView"));
+
+var _ThemeProvider = require("../ThemeProvider");
+
+var _useInputSupports = _interopRequireDefault(require("./useInputSupports"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function InputSupports({
   children,
@@ -19,72 +34,71 @@ function InputSupports({
 }) {
   const {
     space
-  } = useThemeTokens('InputSupports');
-  const hasValidationError = validation === 'error';
-  const inputId = useUniqueId('input');
-  const hintId = useUniqueId('input-hint');
-  const feedbackId = useUniqueId('input-feedback');
-  const a11yProps = {
-    accessibilityLabel: label,
-    accessibilityHint: joinDefined([!hasValidationError && feedback, hint]),
-    // native only -> replaced with describedBy on web
-    accessibilityDescribedBy: joinDefined([!hasValidationError && feedback && feedbackId, // feedback receives a11yRole=alert on error, so there's no need to include it here
-    hint && hintId]),
-    // introduced in RNW 0.15.0
-    accessibilityInvalid: hasValidationError // introduced in RNW 0.15.0
-
-  };
-  return /*#__PURE__*/React.createElement(StackView, {
-    space: space
-  }, label && /*#__PURE__*/React.createElement(InputLabel, {
-    label: label,
-    hint: hint,
-    hintPosition: hintPosition,
-    hintId: hintId,
-    tooltip: tooltip,
-    forId: inputId
-  }), typeof children === 'function' ? children({
-    a11yProps,
-    inputId
-  }) : children, feedback && /*#__PURE__*/React.createElement(Feedback, {
-    id: feedbackId,
-    title: feedback,
-    validation: validation
-  }));
+  } = (0, _ThemeProvider.useThemeTokens)('InputSupports');
+  const {
+    inputId,
+    hintId,
+    feedbackId,
+    a11yProps
+  } = (0, _useInputSupports.default)({
+    feedback,
+    hint,
+    label,
+    validation
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StackView.default, {
+    space: space,
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, {
+      label: label,
+      hint: hint,
+      hintPosition: hintPosition,
+      hintId: hintId,
+      tooltip: tooltip,
+      forId: inputId
+    }), typeof children === 'function' ? children({
+      a11yProps,
+      inputId
+    }) : children, feedback && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Feedback.default, {
+      id: feedbackId,
+      title: feedback,
+      validation: validation
+    })]
+  });
 }
 
 InputSupports.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+  children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
 
   /**
    * The input label.
    */
-  label: PropTypes.string,
+  label: _propTypes.default.string,
 
   /**
    * A short description of the expected input.
    */
-  hint: PropTypes.string,
+  hint: _propTypes.default.string,
 
   /**
    * Position of the hint relative to label.
    */
-  hintPosition: PropTypes.oneOf(['inline', 'below']),
+  hintPosition: _propTypes.default.oneOf(['inline', 'below']),
 
   /**
    * A detailed description of validation error/success or additional instructions.
    * Visual variant is determined based on the `validation` prop.
    */
-  feedback: PropTypes.string,
+  feedback: _propTypes.default.string,
 
   /**
    * Content of an optional `Tooltip`. If set, a tooltip button will be shown next to the label.
    */
-  tooltip: PropTypes.string,
+  tooltip: _propTypes.default.string,
 
   /**
    * Use to visually mark an input as valid or invalid.
    */
-  validation: PropTypes.oneOf(['error', 'success'])
+  validation: _propTypes.default.oneOf(['error', 'success'])
 };
-export default InputSupports;
+var _default = InputSupports;
+exports.default = _default;

package/lib/InputSupports/index.js

@@ -1,2 +1,13 @@
-import InputSupports from './InputSupports';
-export default InputSupports;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _InputSupports = _interopRequireDefault(require("./InputSupports"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _InputSupports.default;
+exports.default = _default;