@telus-uds/components-base 1.65.0 → 1.67.0

package/lib/QuickLinks/QuickLinksItem.js

@@ -4,35 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var _ViewportProvider = require("../ViewportProvider");
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _PressableListItemBase = _interopRequireDefault(require("../List/PressableListItemBase"));
-
 var _ButtonBase = _interopRequireDefault(require("../Button/ButtonBase"));
-
 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; }
-
 /**
  * Public component exported as QuickLinks.Item, for use as children of QuickLinks.
  *
  * Receives props injected by QuickLinks and renders the appropriate child component.
- */
-const QuickLinksItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+ */const QuickLinksItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     tokens,
     variant,
@@ -60,14 +47,13 @@ const QuickLinksItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 QuickLinksItem.displayName = 'QuickLinksItem';
-QuickLinksItem.propTypes = { ..._utils.withLinkRouter.propTypes,
+QuickLinksItem.propTypes = {
+  ..._utils.withLinkRouter.propTypes,
   ..._PressableListItemBase.default.propTypes,
   ..._ButtonBase.default.propTypes,
   tokens: (0, _utils.getTokensPropType)('QuickLinksList', 'QuickLinksButton'),
   variant: _utils.variantProp.propType,
   children: _propTypes.default.node
 };
-
 var _default = (0, _utils.withLinkRouter)(QuickLinksItem);
-
 exports.default = _default;

package/lib/QuickLinks/index.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _QuickLinks = _interopRequireDefault(require("./QuickLinks"));
-
 var _QuickLinksItem = _interopRequireDefault(require("./QuickLinksItem"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 _QuickLinks.default.Item = _QuickLinksItem.default;
 var _default = _QuickLinks.default;
 exports.default = _default;

package/lib/QuickLinksFeature/QuickLinksFeature.js

@@ -4,40 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _StackView = require("../StackView");
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 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; }
-
 // pass through and type relevant system props - add more sets for interactive components
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-
 const isQuickListItem = element => {
   var _element$type, _element$type2;
-
   const elementName = (element === null || element === void 0 ? void 0 : (_element$type = element.type) === null || _element$type === void 0 ? void 0 : _element$type.displayName) || (element === null || element === void 0 ? void 0 : (_element$type2 = element.type) === null || _element$type2 === void 0 ? void 0 : _element$type2.name);
   return Boolean(elementName.match(/QuickLinksFeatureItem/));
 };
+
 /**
  * QuickLinksFeature renders a list of interactive items.
  *  - This is the base component that is used as a wrapper and accepts a List of `QuickLinksFeature.Item`
  */
-
-
 const QuickLinksFeature = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     tokens,
@@ -51,15 +38,12 @@ const QuickLinksFeature = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     stackJustify,
     stackSpace
   } = (0, _ThemeProvider.useThemeTokens)('QuickLinksFeature', tokens, variant);
-
   const items = _react.Children.map(children, child => {
     if (isQuickListItem(child)) {
       return /*#__PURE__*/(0, _react.cloneElement)(child, child.props);
     }
-
     return null;
   });
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StackView.StackWrap, {
     space: stackSpace,
     gap: stackGap,
@@ -73,15 +57,14 @@ const QuickLinksFeature = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 QuickLinksFeature.displayName = 'QuickLinksFeature';
-QuickLinksFeature.propTypes = { ...selectedSystemPropTypes,
+QuickLinksFeature.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _utils.getTokensPropType)('QuickLinksFeature'),
   variant: _utils.variantProp.propType,
-
   /**
    * Default wrapper tag, by default it's "ul"
    */
   tag: _propTypes.default.string,
-
   /**
    * QuickLinksFeature.Item component
    */

package/lib/QuickLinksFeature/QuickLinksFeatureItem.js

@@ -4,40 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Image = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Image"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _utils = require("../utils");
-
 var _ViewportProvider = require("../ViewportProvider");
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _Link = require("../Link");
-
 var _StackView = require("../StackView");
-
 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; }
-
 // pass through and type relevant system props - add more sets for interactive components
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.linkProps]);
-
 const selectImageStyle = imageDimension => ({
   width: imageDimension,
   height: imageDimension,
@@ -48,7 +31,6 @@ const selectImageStyle = imageDimension => ({
     }
   })
 });
-
 const selectContainerStyle = _ref => {
   let {
     contentMaxDimension,
@@ -61,14 +43,12 @@ const selectContainerStyle = _ref => {
     overflow: 'hidden'
   };
 };
-
 const selectImageContainerStyle = contentMaxDimension => ({
   width: contentMaxDimension,
   height: contentMaxDimension,
   justifyContent: 'center',
   alignItems: 'center'
 });
-
 const selectLinkToken = _ref2 => {
   let {
     outerBorderColor
@@ -77,13 +57,12 @@ const selectLinkToken = _ref2 => {
     outerBorderColor
   };
 };
+
 /**
  * Component export along with QuickLinksFeature to be used as children
  *
  * It will receive a image source and a accessibility label and will render a link accordingly with the theme tokens
  */
-
-
 const QuickLinksFeatureItem = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
     tokens,
@@ -120,11 +99,13 @@ const QuickLinksFeatureItem = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) =
         pressed,
         focus
       });
-      const textStyle = { ...(0, _ThemeProvider.applyTextStyles)(themeTokens),
+      const textStyle = {
+        ...(0, _ThemeProvider.applyTextStyles)(themeTokens),
         textDecorationLine: textLine
       };
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
-        style: selectContainerStyle({ ...themeTokens,
+        style: selectContainerStyle({
+          ...themeTokens,
           contentMaxDimension
         }),
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StackView.StackWrap, {
@@ -152,27 +133,23 @@ const QuickLinksFeatureItem = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) =
   });
 });
 QuickLinksFeatureItem.displayName = 'QuickLinksFeatureItem';
-QuickLinksFeatureItem.propTypes = { ..._utils.withLinkRouter.propTypes,
+QuickLinksFeatureItem.propTypes = {
+  ..._utils.withLinkRouter.propTypes,
   ...selectedSystemPropTypes,
   tokens: (0, _utils.getTokensPropType)('QuickLinksFeatureItem'),
   variant: _utils.variantProp.propType,
-
   /**
    * Text which will be rendered within the Link
    */
   children: _propTypes.default.node.isRequired,
-
   /**
    * Image accessibility label
    */
   imageAccessibilityLabel: _propTypes.default.string.isRequired,
-
   /**
    * Image node or Image url
    */
   imageSource: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired
 };
-
 var _default = (0, _utils.withLinkRouter)(QuickLinksFeatureItem);
-
 exports.default = _default;

package/lib/QuickLinksFeature/index.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _QuickLinksFeature = _interopRequireDefault(require("./QuickLinksFeature"));
-
 var _QuickLinksFeatureItem = _interopRequireDefault(require("./QuickLinksFeatureItem"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 _QuickLinksFeature.default.Item = _QuickLinksFeatureItem.default;
 var _default = _QuickLinksFeature.default;
 exports.default = _default;

package/lib/Radio/Radio.js

@@ -4,39 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Pressable = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Pressable"));
-
 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 _LabelContent = _interopRequireDefault(require("../InputLabel/LabelContent"));
-
 var _RadioButton = _interopRequireWildcard(require("./RadioButton"));
-
 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 }; }
-
 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; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.focusHandlerProps, _utils.viewProps]);
-
 const selectContainerStyles = _ref => {
   let {
     containerBackgroundColor,
@@ -59,7 +42,6 @@ const selectContainerStyles = _ref => {
     ...(0, _ThemeProvider.applyShadowToken)(containerShadow)
   };
 };
-
 const selectDescriptionStyles = _ref2 => {
   let {
     containerPaddingLeft = 0,
@@ -83,7 +65,6 @@ const selectDescriptionStyles = _ref2 => {
     })
   };
 };
-
 const selectLabelStyles = _ref3 => {
   let {
     labelColor,
@@ -102,6 +83,7 @@ const selectLabelStyles = _ref3 => {
     marginLeft: labelMarginLeft
   });
 };
+
 /**
  * Basic Radio component.
  *
@@ -134,8 +116,6 @@ const selectLabelStyles = _ref3 => {
  * or the internal state in case of uncontrolled radio button.
  *
  */
-
-
 const Radio = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
   let {
     checked,
@@ -167,18 +147,15 @@ const Radio = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
     error,
     ...variant
   });
-
   const handleChange = event => {
     if (!inactive && !isChecked) {
       setIsChecked(true, event);
     }
   };
-
   const handleKeyDown = event => {
     // The expected keyboard shortcut for activating a radio is the Space key
     if ((event === null || event === void 0 ? void 0 : event.key) === ' ') handleChange(event);
   };
-
   const uniqueId = (0, _utils.useUniqueId)('radio');
   const inputId = id ?? uniqueId;
   const selectedProps = selectProps({
@@ -235,7 +212,8 @@ const Radio = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
             })
           })]
         }), Boolean(description) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-          style: selectDescriptionStyles({ ...getTokens(),
+          style: selectDescriptionStyles({
+            ...getTokens(),
             fontColor: labelStyles.color
           }),
           children: description
@@ -245,63 +223,52 @@ const Radio = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
   });
 });
 Radio.displayName = 'Radio';
-Radio.propTypes = { ...selectedSystemPropTypes,
-
+Radio.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * Use `checked` for controlled Radio. For uncontrolled Radio, use the `defaultChecked` prop.
    */
   checked: _propTypes.default.bool,
-
   /**
    * Use `defaultChecked` to provide the initial value for an uncontrolled Radio.
    */
   defaultChecked: _propTypes.default.bool,
-
   /**
    * An optional radio button description.
    */
   description: _propTypes.default.string,
-
   /**
    * Radio button ID.
    */
   id: _propTypes.default.string,
-
   /**
    * Whether the corresponding input is disabled or active.
    */
   inactive: _propTypes.default.bool,
-
   /**
    * The label.
    */
   label: _propTypes.default.string,
-
   /**
    * Associate this radio button with a group (set as the name attribute).
    */
   name: _propTypes.default.string,
-
   /**
    * Whether the underlying input triggered a validation error or not.
    */
   error: _propTypes.default.bool,
-
   /**
    * The value. Must be unique within the group.
    */
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool]),
-
   /**
    * Callback called when a controlled radio button gets interacted with.
    */
   onChange: _propTypes.default.func,
-
   /**
    * Radio tokens.
    */
   tokens: (0, _utils.getTokensPropType)('Radio'),
-
   /**
    * Radio variant.
    */
@@ -309,7 +276,6 @@ Radio.propTypes = { ...selectedSystemPropTypes,
 };
 var _default = Radio;
 exports.default = _default;
-
 const staticStyles = _StyleSheet.default.create({
   container: {
     flexDirection: 'row',

package/lib/Radio/RadioButton.js

@@ -4,42 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectRadioButtonTokens = exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _RadioInput = _interopRequireDefault(require("./RadioInput"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _utils = require("../utils");
-
 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; }
+const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
 
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]); // TODO: roll out a standard approach to token sets
+// TODO: roll out a standard approach to token sets
 // https://github.com/telus/universal-design-system/issues/782
-
 const tokenKeys = ['checkedBackgroundColor', 'checkedSize', 'inputBackgroundColor', 'inputBorderColor', 'inputBorderWidth', 'inputOutlineColor', 'inputOutlineWidth', 'inputSize', 'outerBorderColor', 'outerBorderWidth', 'outerBorderGap', 'inputSize'];
-
 const selectRadioButtonTokens = (themeTokens, prefix) => (0, _utils.selectTokens)(tokenKeys, themeTokens, prefix);
-
 exports.selectRadioButtonTokens = selectRadioButtonTokens;
-
 const getBorderRadius = inputSize => inputSize / 2;
-
 const selectCheckedStyles = _ref => {
   let {
     checkedBackgroundColor,
@@ -52,7 +36,6 @@ const selectCheckedStyles = _ref => {
     width: checkedSize
   };
 };
-
 const selectInputStyles = _ref2 => {
   let {
     inputBackgroundColor,
@@ -78,7 +61,6 @@ const selectInputStyles = _ref2 => {
     })
   };
 };
-
 const selectOuterBorderStyles = _ref3 => {
   let {
     outerBorderColor,
@@ -86,7 +68,8 @@ const selectOuterBorderStyles = _ref3 => {
     outerBorderGap,
     inputSize
   } = _ref3;
-  return { ...(0, _ThemeProvider.applyOuterBorder)({
+  return {
+    ...(0, _ThemeProvider.applyOuterBorder)({
       outerBorderColor,
       outerBorderWidth,
       outerBorderGap,
@@ -94,12 +77,11 @@ const selectOuterBorderStyles = _ref3 => {
     })
   };
 };
+
 /**
  * The visual toggle of a radio input. Is not interactive on its own, should be used inside
  * an interactive parent that passes down props when interacted with.
  */
-
-
 const RadioButton = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
   let {
     isChecked,
@@ -140,7 +122,8 @@ const RadioButton = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
   });
 });
 RadioButton.displayName = 'RadioButton';
-RadioButton.propTypes = { ...selectedSystemPropTypes,
+RadioButton.propTypes = {
+  ...selectedSystemPropTypes,
   isChecked: _propTypes.default.bool,
   tokens: (0, _utils.getTokensSetPropType)(tokenKeys, {
     allowFunction: true
@@ -153,13 +136,11 @@ RadioButton.propTypes = { ...selectedSystemPropTypes,
   name: _propTypes.default.string,
   value: _propTypes.default.bool
 };
-
 const staticStyles = _StyleSheet.default.create({
   defaultInputStyles: {
     alignItems: 'center',
     justifyContent: 'center'
   }
 });
-
 var _default = RadioButton;
 exports.default = _default;