@telus-uds/components-base 1.96.0 → 1.97.1

package/lib/ExpandCollapse/dictionary.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
+export default {
   en: {
     panel: 'Panel',
     subPanel: 'SubPanel'
@@ -13,5 +7,4 @@ var _default = {
     panel: 'Panneau',
     subPanel: 'Sous-Panneau'
   }
-};
-exports.default = _default;
+};

package/lib/ExpandCollapse/index.js

@@ -1,20 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function () {
-    return _Accordion.default;
-  }
-});
-exports.default = void 0;
-var _ExpandCollapse = _interopRequireDefault(require("./ExpandCollapse"));
-var _Accordion = _interopRequireDefault(require("./Accordion"));
-var _Panel = _interopRequireDefault(require("./Panel"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-_ExpandCollapse.default.Panel = _Panel.default;
-_Accordion.default.Panel = _Panel.default;
-var _default = _ExpandCollapse.default;
-exports.default = _default;
+import ExpandCollapse from './ExpandCollapse';
+import Accordion from './Accordion';
+import Panel from './Panel';
+ExpandCollapse.Panel = Panel;
+Accordion.Panel = Panel;
+export default ExpandCollapse;
+export { Accordion };

package/lib/Feedback/Feedback.js

@@ -1,28 +1,21 @@
-"use strict";
-
-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 _StackView = _interopRequireDefault(require("../StackView"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-const selectStyles = tokens => (0, _utils.selectTokens)('Feedback', tokens);
+import React from 'react';
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import Text from "react-native-web/dist/exports/Text";
+import View from "react-native-web/dist/exports/View";
+import PropTypes from 'prop-types';
+import { applyTextStyles, useTheme, useThemeTokens } from '../ThemeProvider';
+import { a11yProps, getTokensPropType, selectSystemProps, selectTokens, variantProp, viewProps } from '../utils';
+import StackView from '../StackView';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
+const selectStyles = tokens => selectTokens('Feedback', tokens);
 const selectTitleTextStyles = (_ref, themeOptions) => {
   let {
     titleFontSize,
     ...tokens
   } = _ref;
-  return (0, _ThemeProvider.applyTextStyles)({
-    ...(0, _utils.selectTokens)('Typography', {
+  return applyTextStyles({
+    ...selectTokens('Typography', {
       ...tokens,
       fontSize: titleFontSize,
       themeOptions
@@ -35,8 +28,8 @@ const selectContentTextStyles = (_ref2, themeOptions) => {
     contentFontSize,
     ...tokens
   } = _ref2;
-  return (0, _ThemeProvider.applyTextStyles)({
-    ...(0, _utils.selectTokens)('Typography', {
+  return applyTextStyles({
+    ...selectTokens('Typography', {
       ...tokens,
       fontSize: contentFontSize
     }),
@@ -80,7 +73,7 @@ const selectIconContainerStyles = _ref4 => {
  * ### Accessibility
  * All accessibility props set on this component will be applied to the outer container.
  */
-const Feedback = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
+const Feedback = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
   let {
     title,
     children,
@@ -90,7 +83,7 @@ const Feedback = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
     variant,
     ...rest
   } = _ref5;
-  const themeTokens = (0, _ThemeProvider.useThemeTokens)('Feedback', tokens, {
+  const themeTokens = useThemeTokens('Feedback', tokens, {
     ...variant,
     validation
   });
@@ -102,10 +95,10 @@ const Feedback = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
   } = themeTokens;
   const {
     themeOptions
-  } = (0, _ThemeProvider.useTheme)();
+  } = useTheme();
   const titleTextStyles = selectTitleTextStyles(themeTokens, themeOptions);
   const contentTextStyles = selectContentTextStyles(themeTokens, themeOptions);
-  const content = typeof children === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+  const content = typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
     style: contentTextStyles,
     children: children
   }) : children;
@@ -113,21 +106,21 @@ const Feedback = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
     accessibilityRole: validation === 'error' ? 'alert' : undefined,
     ...rest
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+  return /*#__PURE__*/_jsx(View, {
     ref: ref,
     style: selectStyles(themeTokens),
     nativeID: id,
     ...selectedProps,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StackView.default, {
+    children: /*#__PURE__*/_jsxs(StackView, {
       space: space,
-      children: [title !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+      children: [title !== undefined && /*#__PURE__*/_jsxs(View, {
         style: staticStyles.title,
-        children: [IconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+        children: [IconComponent && /*#__PURE__*/_jsx(View, {
           style: selectIconContainerStyles(themeTokens),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+          children: /*#__PURE__*/_jsx(IconComponent, {
             ...selectIconTokens(themeTokens)
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: titleTextStyles,
           children: title
         })]
@@ -144,23 +137,22 @@ Feedback.propTypes = {
   /**
    * Emphasized summary of the feedback. If an icon is set, it is rendered next to the title.
    */
-  title: _propTypes.default.string,
+  title: PropTypes.string,
   /**
    * Feedback content rendered below the title. A render function `({textStyles, variant}) => {}` is supported.
    */
-  children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.func]),
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
   /**
    * Use to visually mark the Feedback as valid or invalid.
    */
-  validation: _propTypes.default.oneOf(['error', 'success']),
+  validation: PropTypes.oneOf(['error', 'success']),
   /** @ignore */
-  id: _propTypes.default.string,
-  tokens: (0, _utils.getTokensPropType)('Feedback'),
-  variant: _utils.variantProp.propType
+  id: PropTypes.string,
+  tokens: getTokensPropType('Feedback'),
+  variant: variantProp.propType
 };
-var _default = Feedback;
-exports.default = _default;
-const staticStyles = _StyleSheet.default.create({
+export default Feedback;
+const staticStyles = StyleSheet.create({
   title: {
     display: 'flex',
     flexDirection: 'row'

package/lib/Feedback/index.js

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

package/lib/Fieldset/Fieldset.js

@@ -1,26 +1,21 @@
-"use strict";
+import React from 'react';
+import PropTypes from 'prop-types';
+import Feedback from '../Feedback';
+import { getTokensPropType, spacingProps, variantProp } from '../utils';
+import { useThemeTokens } from '../ThemeProvider';
+import FieldsetContainer from './FieldsetContainer';
+import { getStackedContent } from '../StackView';
+import InputLabel from '../InputLabel';
+import useInputSupports from '../InputSupports/useInputSupports';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Feedback = _interopRequireDefault(require("../Feedback"));
-var _utils = require("../utils");
-var _ThemeProvider = require("../ThemeProvider");
-var _FieldsetContainer = _interopRequireDefault(require("./FieldsetContainer"));
-var _StackView = require("../StackView");
-var _InputLabel = _interopRequireDefault(require("../InputLabel"));
-var _useInputSupports = _interopRequireDefault(require("../InputSupports/useInputSupports"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * An alternative to InputSupports for groups of input elements that, on web, are to be
  * wrapped in a `<fieldset>` tag, with label content displated in a `<legend>` tag.
  *
  * Follows the same theming and most of the same props as InputSupports.
- */const Fieldset = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+ */
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const Fieldset = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     copy = 'en',
     space,
@@ -44,7 +39,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   /* Fieldset tokenization:
   - error variant can only be activated by passing showErrorBorder and also having validaton as 'error'
    */
-  const themeTokens = (0, _ThemeProvider.useThemeTokens)('Fieldset', tokens, {
+  const themeTokens = useThemeTokens('Fieldset', tokens, {
     error: validation === 'error' && showErrorBorder,
     ...variant
   });
@@ -53,13 +48,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     hintId,
     feedbackId,
     a11yProps
-  } = (0, _useInputSupports.default)({
+  } = useInputSupports({
     feedback,
     hint,
     label: legend,
     validation
   });
-  const legendContent = legend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, {
+  const legendContent = legend && /*#__PURE__*/_jsx(InputLabel, {
     copy: copy,
     label: legend,
     hint: hint,
@@ -67,7 +62,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     hintId: hintId,
     tooltip: tooltip
   });
-  const feedbackContent = feedback && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Feedback.default, {
+  const feedbackContent = feedback && /*#__PURE__*/_jsx(Feedback, {
     id: feedbackId,
     title: feedback,
     validation: validation,
@@ -110,15 +105,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   // and on MacOS voiceover, radiogroup -> radio. To allow elements to be direct children of the
   // fieldset as much as possible, but also allow different spacing within content and between
   // fieldset / feedback / etc, wrap resolved children in a fragment, and stack with `preserveFragments`.
-  const childContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  const childContent = /*#__PURE__*/_jsx(_Fragment, {
     children: typeof children === 'function' ? children(a11yProps) : children
   });
   const orderedContent = feedbackPosition === 'bottom' ? [legendContent, feedbackContent, childContent] : [legendContent, childContent, feedbackContent];
-  const stackedContent = (0, _StackView.getStackedContent)(orderedContent, {
+  const stackedContent = getStackedContent(orderedContent, {
     space,
     preserveFragments: true
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldsetContainer.default, {
+  return /*#__PURE__*/_jsx(FieldsetContainer, {
     ref: ref,
     inactive: inactive,
     accessibilityRole: accessibilityRole,
@@ -131,69 +126,68 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 });
 Fieldset.displayName = 'Fieldset';
 Fieldset.propTypes = {
-  variant: _utils.variantProp.propType,
-  tokens: (0, _utils.getTokensPropType)('Fieldset'),
-  children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
+  variant: variantProp.propType,
+  tokens: getTokensPropType('Fieldset'),
+  children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
   /**
    * Whether the English or French copy will be used (e.g. for accessibility labels).
    */
-  copy: _propTypes.default.oneOf(['en', 'fr']),
+  copy: PropTypes.oneOf(['en', 'fr']),
   /**
    * The accessibility role of the `<fieldset>` element itself. Other React Native accessibility
    * props are not supported because there is not an appropriate counterpart for Fieldsets.
    */
-  accessibilityRole: _propTypes.default.string,
+  accessibilityRole: PropTypes.string,
   /**
    * The amout of space between legend, feedback and content; according  to the theme's spacing scale.
    * Either a number corresponding to a position on the theme's spacing scale (1 is smallest, 2 is second smallest, etc),
    * or, a SpacingObject with viewport keys and options (see `useSpacingScale` for details).
    */
-  space: _utils.spacingProps.types.spacingValue,
+  space: spacingProps.types.spacingValue,
   /**
    * The text for the fieldset's legend, describing the fieldset content.
    */
-  legend: _propTypes.default.string,
+  legend: PropTypes.string,
   /**
    * A short description of the expected input.
    */
-  hint: _propTypes.default.string,
+  hint: PropTypes.string,
   /**
    * Position of the hint relative to label.
    */
-  hintPosition: _propTypes.default.oneOf(['inline', 'below']),
+  hintPosition: PropTypes.oneOf(['inline', 'below']),
   /**
    * A detailed description of validation error/success or additional instructions.
    * Visual variant is determined based on the `validation` prop.
    */
-  feedback: _propTypes.default.string,
+  feedback: PropTypes.string,
   /**
    * Position of the feedback block relative to the fieldset's content.
    */
-  feedbackPosition: _propTypes.default.oneOf(['above', 'below']),
+  feedbackPosition: PropTypes.oneOf(['above', 'below']),
   /**
    * If true, the fieldset is treated as inactive (setting `disabled` attribute on web).
    */
-  inactive: _propTypes.default.bool,
+  inactive: PropTypes.bool,
   /**
    * Content of an optional `Tooltip`. If set, a tooltip button will be shown next to the label.
    */
-  tooltip: _propTypes.default.string,
+  tooltip: PropTypes.string,
   /**
    * On web, this is passed to the `<fieldset>`'s `name` attribute.
    */
-  name: _propTypes.default.string,
+  name: PropTypes.string,
   /**
    * Use to visually mark an input as valid or invalid.
    */
-  validation: _propTypes.default.oneOf(['error', 'success']),
+  validation: PropTypes.oneOf(['error', 'success']),
   /**
    * Use to show error or success icon in the feedback
    */
-  showIcon: _propTypes.default.bool,
+  showIcon: PropTypes.bool,
   /**
    * Use to show border in case of error for a group of components
    */
-  showErrorBorder: _propTypes.default.bool
+  showErrorBorder: PropTypes.bool
 };
-var _default = Fieldset;
-exports.default = _default;
+export default Fieldset;

package/lib/Fieldset/FieldsetContainer.js

@@ -1,21 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _cssReset = _interopRequireDefault(require("./cssReset"));
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.htmlAttrs]);
+import React from 'react';
+import PropTypes from 'prop-types';
+import cssReset from './cssReset';
+import { selectSystemProps, a11yProps, htmlAttrs } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, htmlAttrs]);
 
 /**
  * On Web, wraps children with a HTML `<fieldset>` and sets its attributes as necessary.
  */
-const FieldsetContainer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const FieldsetContainer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     inactive,
@@ -27,8 +20,8 @@ const FieldsetContainer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =>
     ...rest
   } = _ref;
   // If needs border for error design or reset the component style
-  const styleContainer = showBorderStyle && borderStyle ? borderStyle : _cssReset.default;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("fieldset", {
+  const styleContainer = showBorderStyle && borderStyle ? borderStyle : cssReset;
+  return /*#__PURE__*/_jsx("fieldset", {
     ref: ref,
     disabled: inactive,
     style: {
@@ -44,13 +37,12 @@ const FieldsetContainer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =>
 FieldsetContainer.displayName = 'FieldsetContainer';
 FieldsetContainer.propTypes = {
   ...selectedSystemPropTypes,
-  accessibilityRole: _propTypes.default.string,
-  children: _propTypes.default.node,
-  inactive: _propTypes.default.bool,
-  name: _propTypes.default.string,
-  showBorderStyle: _propTypes.default.bool,
-  borderStyle: _propTypes.default.object,
-  style: _propTypes.default.object
+  accessibilityRole: PropTypes.string,
+  children: PropTypes.node,
+  inactive: PropTypes.bool,
+  name: PropTypes.string,
+  showBorderStyle: PropTypes.bool,
+  borderStyle: PropTypes.object,
+  style: PropTypes.object
 };
-var _default = FieldsetContainer;
-exports.default = _default;
+export default FieldsetContainer;

package/lib/Fieldset/FieldsetContainer.native.js

@@ -1,27 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
+import React from 'react';
+import PropTypes from 'prop-types';
+import View from "react-native-web/dist/exports/View";
+import { selectSystemProps, a11yProps, viewProps } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
 
 // No equivalent of `<fieldset>` on native, so just apply accessibility role to container.
 // If a11y testing finds any additional handling is needed at the container level, add it here.
-const FieldsetContainer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const FieldsetContainer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     accessibilityRole,
     style,
     ...rest
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+  return /*#__PURE__*/_jsx(View, {
     ref: ref,
     accessibilityRole: accessibilityRole,
     ...selectProps(rest),
@@ -32,9 +25,8 @@ const FieldsetContainer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =>
 FieldsetContainer.displayName = 'FieldsetContainer';
 FieldsetContainer.propTypes = {
   ...selectedSystemPropTypes,
-  children: _propTypes.default.node,
-  accessibilityRole: _propTypes.default.string,
-  style: _propTypes.default.object
+  children: PropTypes.node,
+  accessibilityRole: PropTypes.string,
+  style: PropTypes.object
 };
-var _default = FieldsetContainer;
-exports.default = _default;
+export default FieldsetContainer;

package/lib/Fieldset/Legend.js

@@ -1,30 +1,24 @@
-"use strict";
+import React from 'react';
+import PropTypes from 'prop-types';
+import cssReset from './cssReset';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _cssReset = _interopRequireDefault(require("./cssReset"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * On Web, wraps children in HTML `<legend>` tag.
  * On Native, `<legend>` does not exist, wraps in a width 100% block to follow <legend>'s behaviour in a flex.
- */const Legend = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const Legend = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("legend", {
+  return /*#__PURE__*/_jsx("legend", {
     ref: ref,
-    style: _cssReset.default,
+    style: cssReset,
     children: children
   });
 });
 Legend.displayName = 'Legend';
 Legend.propTypes = {
-  children: _propTypes.default.node
+  children: PropTypes.node
 };
-var _default = Legend;
-exports.default = _default;
+export default Legend;

package/lib/Fieldset/Legend.native.js

@@ -1,23 +1,18 @@
-"use strict";
+import React from 'react';
+import View from "react-native-web/dist/exports/View";
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import PropTypes from 'prop-types';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * On Web, wraps children in HTML `<legend>` tag.
  * On Native, `<legend>` does not exist, wraps in a width 100% block to follow <legend>'s behaviour in a flex.
- */const Legend = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const Legend = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+  return /*#__PURE__*/_jsx(View, {
     ref: ref,
     style: staticStyles.stretch,
     children: children
@@ -25,13 +20,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 });
 Legend.displayName = 'Legend';
 Legend.propTypes = {
-  children: _propTypes.default.node
+  children: PropTypes.node
 };
-const staticStyles = _StyleSheet.default.create({
+const staticStyles = StyleSheet.create({
   stretch: {
     width: '100%',
     flexGrow: 1
   }
 });
-var _default = Legend;
-exports.default = _default;
+export default Legend;

package/lib/Fieldset/cssReset.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 // React Native Web has no built-in `fieldset` or `legend` support.
 // This reset makes them consistent with other RNW views.
 // Can't use RN stylesheets because it's not an RN element (RNW's createElement tooling is unstable).
 // Using CSS `all` doesn't work well as an inline style.
 // https://github.com/necolas/react-native-web/issues/1385
-var _default = {
+export default {
   margin: 'unset',
   padding: 'unset',
   float: 'unset',
@@ -17,5 +11,4 @@ var _default = {
   width: 'unset',
   display: 'flex',
   flexDirection: 'column'
-};
-exports.default = _default;
+};

package/lib/Fieldset/index.js

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