@telus-uds/components-base 2.0.0 → 2.0.2

package/lib/Fieldset/Fieldset.js

@@ -1,35 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
-var _Feedback = _interopRequireDefault(require("../Feedback"));
-
-var _utils = require("../utils");
-
-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 }; }
-
-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; }
+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';
 
 /**
  * An alternative to InputSupports for groups of input elements that, on web, are to be
@@ -37,7 +14,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *
  * Follows the same theming and most of the same props as InputSupports.
  */
-const Fieldset = /*#__PURE__*/(0, _react.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,
@@ -53,20 +31,30 @@ const Fieldset = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     inactive,
     accessibilityRole,
     name: fieldsetName,
-    children
+    children,
+    variant = {},
+    tokens = {},
+    ...rest
   } = _ref;
+  /* Fieldset tokenization:
+  - error variant can only be activated by passing showErrorBorder and also having validaton as 'error'
+   */
+  const themeTokens = useThemeTokens('Fieldset', tokens, {
+    error: validation === 'error' && showErrorBorder,
+    ...variant
+  });
   // Skips `inputId` because a fieldset' legend describes multiple inputs
   const {
     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,
@@ -74,129 +62,132 @@ const Fieldset = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     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,
     variant: {
       icon: showIcon
     }
-  }); // Some accessibility patterns depend on elements being direct children, e.g. fieldset -> legend,
+  });
+  const borderStyles = _ref2 => {
+    let {
+      outlineWidth,
+      outlineColor,
+      borderTopLeftRadius,
+      borderTopRightRadius,
+      borderBottomLeftRadius,
+      borderBottomRightRadius,
+      paddingBottom,
+      paddingRight,
+      paddingTop,
+      paddingLeft,
+      outlineOffset
+    } = _ref2;
+    return {
+      outlineWidth,
+      outlineColor,
+      borderTopLeftRadius: borderTopLeftRadius * 0.1,
+      borderTopRightRadius: borderTopRightRadius * 0.1,
+      borderBottomLeftRadius: borderBottomLeftRadius * 0.1,
+      borderBottomRightRadius: borderBottomRightRadius * 0.1,
+      paddingBottom,
+      paddingRight,
+      paddingTop,
+      paddingLeft,
+      outlineOffset,
+      borderWidth: 0,
+      outlineStyle: validation === 'error' && showErrorBorder ? 'solid' : 'none'
+    };
+  };
+
+  // Some accessibility patterns depend on elements being direct children, e.g. fieldset -> legend,
   // 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
   });
-  const borderStyle = validation === 'error' && showErrorBorder && staticStyles.errorBorder || staticStyles.noBorder;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldsetContainer.default, {
+  return /*#__PURE__*/_jsx(FieldsetContainer, {
     ref: ref,
     inactive: inactive,
     accessibilityRole: accessibilityRole,
     name: fieldsetName,
-    borderStyle: borderStyle,
+    borderStyle: borderStyles(themeTokens),
     showBorderStyle: showErrorBorder,
+    ...rest,
     children: stackedContent
   });
 });
-
-const staticStyles = _StyleSheet.default.create({
-  errorBorder: {
-    border: true,
-    borderWidth: 1,
-    borderColor: 'red',
-    borderRadius: 10,
-    padding: 8
-  },
-  noBorder: {
-    padding: 9,
-    border: 'unset'
-  }
-});
-
 Fieldset.displayName = 'Fieldset';
 Fieldset.propTypes = {
-  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,55 +1,48 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(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 }; }
-
-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; }
+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__*/(0, _react.forwardRef)((_ref, ref) => {
+const FieldsetContainer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     inactive,
     accessibilityRole,
     name: fieldsetName,
     showBorderStyle = false,
-    borderStyle
+    borderStyle,
+    style,
+    ...rest
   } = _ref;
   // If needs border for error design or reset the component style
-  const styleContainer = showBorderStyle ? borderStyle : _cssReset.default;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("fieldset", {
+  const styleContainer = showBorderStyle && borderStyle ? borderStyle : cssReset;
+  return /*#__PURE__*/_jsx("fieldset", {
     ref: ref,
     disabled: inactive,
-    style: styleContainer,
+    style: {
+      ...styleContainer,
+      ...style
+    },
     role: accessibilityRole,
     name: fieldsetName,
+    ...selectProps(rest),
     children: children
   });
 });
 FieldsetContainer.displayName = 'FieldsetContainer';
 FieldsetContainer.propTypes = {
-  accessibilityRole: _propTypes.default.string,
-  children: _propTypes.default.node,
-  inactive: _propTypes.default.bool,
-  name: _propTypes.default.string,
-  showBorderStyle: _propTypes.default.bool,
-  borderStyle: _propTypes.default.object
+  ...selectedSystemPropTypes,
+  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,41 +1,32 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-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; }
+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__*/(0, _react.forwardRef)((_ref, ref) => {
+const FieldsetContainer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
-    accessibilityRole
+    accessibilityRole,
+    style,
+    ...rest
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+  return /*#__PURE__*/_jsx(View, {
     ref: ref,
     accessibilityRole: accessibilityRole,
+    ...selectProps(rest),
+    style: style,
     children: children
   });
 });
 FieldsetContainer.displayName = 'FieldsetContainer';
 FieldsetContainer.propTypes = {
-  children: _propTypes.default.node,
-  accessibilityRole: _propTypes.default.string
+  ...selectedSystemPropTypes,
+  children: PropTypes.node,
+  accessibilityRole: PropTypes.string,
+  style: PropTypes.object
 };
-var _default = FieldsetContainer;
-exports.default = _default;
+export default FieldsetContainer;

package/lib/Fieldset/Legend.js

@@ -1,41 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(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 }; }
-
-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; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import cssReset from './cssReset';
 
 /**
  * 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__*/(0, _react.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,35 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(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 }; }
-
-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; }
+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';
 
 /**
  * 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__*/(0, _react.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
@@ -37,15 +20,12 @@ const Legend = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
 });
 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,13 +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;