@airtable/blocks 1.18.1 → 1.19.0

package/dist/cjs/ui/color_palette_synced.js

@@ -1,44 +1,45 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _error_utils = require("../error_utils");
-
 var _color_palette = _interopRequireWildcard(require("./color_palette"));
-
 var _synced = _interopRequireDefault(require("./synced"));
-
 var _global_config_synced_component_helpers = _interopRequireDefault(require("./global_config_synced_component_helpers"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+var _excluded = ["globalConfigKey", "disabled", "onChange"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @module @airtable/blocks/ui: ColorPalette */ /** */
+/**
+ * Props for the {@link ColorPaletteSynced} component. Also accepts:
+ * * {@link ColorPaletteStyleProps}
+ *
+ * @docsPath UI/components/ColorPaletteSynced
+ * @groupPath UI/components/ColorPalette
+ */
 /**
  * A wrapper around the {@link ColorPalette} component that syncs with {@link GlobalConfig}.
  *
@@ -48,47 +49,37 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * @docsPath UI/components/ColorPaletteSynced
  * @groupPath UI/components/ColorPalette
  */
-var ColorPaletteSynced =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2.default)(ColorPaletteSynced, _React$Component);
-
+var ColorPaletteSynced = /*#__PURE__*/function (_React$Component) {
   function ColorPaletteSynced() {
     (0, _classCallCheck2.default)(this, ColorPaletteSynced);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(ColorPaletteSynced).apply(this, arguments));
+    return _callSuper(this, ColorPaletteSynced, arguments);
   }
-
-  (0, _createClass2.default)(ColorPaletteSynced, [{
+  (0, _inherits2.default)(ColorPaletteSynced, _React$Component);
+  return (0, _createClass2.default)(ColorPaletteSynced, [{
     key: "render",
-
-    /** @hidden */
-
-    /** @hidden */
-    value: function render() {
+    value: /** @hidden */
+    function render() {
       var _this$props = this.props,
-          globalConfigKey = _this$props.globalConfigKey,
-          disabled = _this$props.disabled,
-          _onChange = _this$props.onChange,
-          restOfProps = (0, _objectWithoutProperties2.default)(_this$props, ["globalConfigKey", "disabled", "onChange"]);
-      return React.createElement(_synced.default, {
+        globalConfigKey = _this$props.globalConfigKey,
+        disabled = _this$props.disabled,
+        _onChange = _this$props.onChange,
+        restOfProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(_synced.default, {
         globalConfigKey: globalConfigKey,
-        render: (_ref) => {
+        render: _ref => {
           var value = _ref.value,
-              canSetValue = _ref.canSetValue,
-              setValue = _ref.setValue;
+            canSetValue = _ref.canSetValue,
+            setValue = _ref.setValue;
           var currentColor;
-
           if (typeof value === 'string' || value === null || value === undefined) {
             currentColor = value;
           } else {
             (0, _error_utils.spawnError)('ColorPaletteSynced only works with a global config value that is a string, null, or undefined');
           }
-
-          return React.createElement(_color_palette.default, (0, _extends2.default)({}, restOfProps, {
+          return /*#__PURE__*/React.createElement(_color_palette.default, (0, _extends2.default)({}, restOfProps, {
             color: currentColor,
             onChange: newValue => {
               setValue(newValue);
-
               if (_onChange) {
                 _onChange(newValue);
               }
@@ -99,11 +90,9 @@ function (_React$Component) {
       });
     }
   }]);
-  return ColorPaletteSynced;
 }(React.Component);
-
-(0, _defineProperty2.default)(ColorPaletteSynced, "propTypes", _objectSpread({
+/** @hidden */
+(0, _defineProperty2.default)(ColorPaletteSynced, "propTypes", _objectSpread(_objectSpread({
   globalConfigKey: _global_config_synced_component_helpers.default.globalConfigKeyPropType
-}, _color_palette.colorPaletteStylePropTypes, {}, _color_palette.sharedColorPalettePropTypes));
-var _default = ColorPaletteSynced;
-exports.default = _default;
+}, _color_palette.colorPaletteStylePropTypes), _color_palette.sharedColorPalettePropTypes));
+var _default = exports.default = ColorPaletteSynced;

package/dist/cjs/ui/confirmation_dialog.js

@@ -1,54 +1,47 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.array.iterator");
-
-require("core-js/modules/web.dom-collections.iterator");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _dialog = _interopRequireWildcard(require("./dialog"));
-
 var _heading = _interopRequireDefault(require("./heading"));
-
 var _text = _interopRequireDefault(require("./text"));
-
 var _button = _interopRequireDefault(require("./button"));
-
 var _box = _interopRequireDefault(require("./box"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+var _excluded = ["title", "body", "cancelButtonText", "confirmButtonText", "isConfirmActionDangerous", "className", "style", "backgroundClassName", "backgroundStyle", "onCancel", "onConfirm", "isCancelButtonDisabled", "isConfirmButtonDisabled"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @module @airtable/blocks/ui: Dialog */ /** */
+/**
+ * Props for the {@link ConfirmationDialog} component. Also accepts:
+ * * {@link DialogStyleProps}
+ *
+ * @noInheritDoc
+ * @docsPath UI/components/ConfirmationDialog
+ */
 /**
  * A styled modal dialog component that prompts the user to confirm or cancel an action.
  *
@@ -60,77 +53,69 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * @component
  * @docsPath UI/components/ConfirmationDialog
  */
-var ConfirmationDialog =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2.default)(ConfirmationDialog, _React$Component);
-
+var ConfirmationDialog = /*#__PURE__*/function (_React$Component) {
   function ConfirmationDialog() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ConfirmationDialog);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(ConfirmationDialog).call(this, ...args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_confirmButtonRef", React.createRef());
+    _this = _callSuper(this, ConfirmationDialog, [...args]);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_confirmButtonRef", /*#__PURE__*/React.createRef());
     return _this;
   }
-
-  (0, _createClass2.default)(ConfirmationDialog, [{
+  (0, _inherits2.default)(ConfirmationDialog, _React$Component);
+  return (0, _createClass2.default)(ConfirmationDialog, [{
     key: "componentDidMount",
-
-    /** @hidden */
-    value: function componentDidMount() {
+    value: /** @hidden */
+    function componentDidMount() {
       if (this._confirmButtonRef.current !== null) {
         this._confirmButtonRef.current.focus();
       }
     }
     /** @hidden */
-
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          title = _this$props.title,
-          body = _this$props.body,
-          cancelButtonText = _this$props.cancelButtonText,
-          confirmButtonText = _this$props.confirmButtonText,
-          isConfirmActionDangerous = _this$props.isConfirmActionDangerous,
-          className = _this$props.className,
-          style = _this$props.style,
-          backgroundClassName = _this$props.backgroundClassName,
-          backgroundStyle = _this$props.backgroundStyle,
-          onCancel = _this$props.onCancel,
-          onConfirm = _this$props.onConfirm,
-          isCancelButtonDisabled = _this$props.isCancelButtonDisabled,
-          isConfirmButtonDisabled = _this$props.isConfirmButtonDisabled,
-          restOfProps = (0, _objectWithoutProperties2.default)(_this$props, ["title", "body", "cancelButtonText", "confirmButtonText", "isConfirmActionDangerous", "className", "style", "backgroundClassName", "backgroundStyle", "onCancel", "onConfirm", "isCancelButtonDisabled", "isConfirmButtonDisabled"]);
-      return React.createElement(_dialog.default, (0, _extends2.default)({
+        title = _this$props.title,
+        body = _this$props.body,
+        cancelButtonText = _this$props.cancelButtonText,
+        confirmButtonText = _this$props.confirmButtonText,
+        isConfirmActionDangerous = _this$props.isConfirmActionDangerous,
+        className = _this$props.className,
+        style = _this$props.style,
+        backgroundClassName = _this$props.backgroundClassName,
+        backgroundStyle = _this$props.backgroundStyle,
+        onCancel = _this$props.onCancel,
+        onConfirm = _this$props.onConfirm,
+        isCancelButtonDisabled = _this$props.isCancelButtonDisabled,
+        isConfirmButtonDisabled = _this$props.isConfirmButtonDisabled,
+        restOfProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(_dialog.default, (0, _extends2.default)({
         onClose: onCancel,
         className: className,
         style: style,
         backgroundClassName: backgroundClassName,
         backgroundStyle: backgroundStyle
-      }, restOfProps), React.createElement(_dialog.default.CloseButton, null), React.createElement(_heading.default, {
+      }, restOfProps), /*#__PURE__*/React.createElement(_dialog.default.CloseButton, null), /*#__PURE__*/React.createElement(_heading.default, {
         size: "small"
-      }, title), typeof body === 'string' ? React.createElement(_text.default, {
+      }, title), typeof body === 'string' ? /*#__PURE__*/React.createElement(_text.default, {
         variant: "paragraph"
-      }, body) : body, React.createElement(_box.default, {
+      }, body) : body, /*#__PURE__*/React.createElement(_box.default, {
         display: "flex",
         flexDirection: "row-reverse",
         alignItems: "center",
         justifyContent: "start",
         width: "100%",
         marginTop: 3
-      }, React.createElement(_button.default, {
+      }, /*#__PURE__*/React.createElement(_button.default, {
         ref: this._confirmButtonRef,
         onClick: onConfirm,
         variant: isConfirmActionDangerous ? 'danger' : 'primary',
         disabled: isConfirmButtonDisabled
-      }, confirmButtonText), React.createElement(_button.default, {
+      }, confirmButtonText), /*#__PURE__*/React.createElement(_button.default, {
         onClick: onCancel,
         variant: "secondary",
         alignSelf: "end",
@@ -139,9 +124,8 @@ function (_React$Component) {
       }, cancelButtonText)));
     }
   }]);
-  return ConfirmationDialog;
 }(React.Component);
-
+/** @hidden */
 (0, _defineProperty2.default)(ConfirmationDialog, "propTypes", _objectSpread({
   title: _propTypes.default.string.isRequired,
   body: _propTypes.default.node,
@@ -157,6 +141,7 @@ function (_React$Component) {
   isCancelButtonDisabled: _propTypes.default.bool,
   isConfirmButtonDisabled: _propTypes.default.bool
 }, _dialog.dialogStylePropTypes));
+/** @hidden */
 (0, _defineProperty2.default)(ConfirmationDialog, "defaultProps", {
   cancelButtonText: 'Cancel',
   confirmButtonText: 'Confirm',
@@ -165,5 +150,4 @@ function (_React$Component) {
   isConfirmButtonDisabled: false,
   width: '400px'
 });
-var _default = ConfirmationDialog;
-exports.default = _default;
+var _default = exports.default = ConfirmationDialog;

package/dist/cjs/ui/control_sizes.js

@@ -1,126 +1,101 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.controlSizePropType = exports.ControlSize = void 0;
 exports.useButtonSize = useButtonSize;
-exports.useSelectSize = useSelectSize;
 exports.useInputSize = useInputSize;
 exports.useSelectButtonsSize = useSelectButtonsSize;
+exports.useSelectSize = useSelectSize;
 exports.useSwitchSize = useSwitchSize;
-exports.controlSizePropType = exports.ControlSize = void 0;
-
 var _core = require("@styled-system/core");
-
 var _private_utils = require("../private_utils");
-
 var _use_theme = _interopRequireDefault(require("./theme/use_theme"));
-
 var _get_style_props_for_responsive_prop = _interopRequireDefault(require("./system/utils/get_style_props_for_responsive_prop"));
-
 var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-
 var _system = require("./system/");
+/** @module @airtable/blocks/ui/system: Control sizes */ /** */
 
-/** @module @airtable/blocks/ui/system: Control sizes */
+/**
+ * Sizes for the {@link Button}, {@link Input}, {@link Select}, {@link SelectButtons}, and {@link Switch} components.
+ */
+
+var ControlSize = exports.ControlSize = (0, _private_utils.createEnum)('small', 'default', 'large');
 
-/** */
-var ControlSize = (0, _private_utils.createEnum)('small', 'default', 'large');
 /**
  * Size prop for the {@link Button}, {@link Input}, {@link Select}, {@link SelectButtons}, and {@link Switch} components.
  */
 
-exports.ControlSize = ControlSize;
-var controlSizePropType = (0, _private_utils.createResponsivePropTypeFromEnum)(ControlSize);
-/** @internal */
-
-exports.controlSizePropType = controlSizePropType;
+var controlSizePropType = exports.controlSizePropType = (0, _private_utils.createResponsivePropTypeFromEnum)(ControlSize);
 
+/** @internal */
 function useButtonSize(controlSizeProp) {
   var _useTheme = (0, _use_theme.default)(),
-      buttonSizes = _useTheme.buttonSizes;
-
+    buttonSizes = _useTheme.buttonSizes;
   var styleProps;
-
   if (typeof controlSizeProp === 'string') {
     styleProps = buttonSizes[controlSizeProp];
   } else {
     styleProps = (0, _get_style_props_for_responsive_prop.default)(controlSizeProp, buttonSizes);
   }
-
   return (0, _use_styled_system.default)(styleProps);
-} // For selects we create a custom style parser that includes `backgroundPosition`.
-
+}
 
+// For selects we create a custom style parser that includes `backgroundPosition`.
 var selectSizeStyleParser = (0, _core.compose)(_system.allStylesParser, (0, _core.system)({
   backgroundPosition: true
 }));
-/** @internal */
 
+/** @internal */
 function useSelectSize(controlSizeProp) {
   var _useTheme2 = (0, _use_theme.default)(),
-      selectSizes = _useTheme2.selectSizes;
-
+    selectSizes = _useTheme2.selectSizes;
   var styleProps;
-
   if (typeof controlSizeProp === 'string') {
     styleProps = selectSizes[controlSizeProp];
   } else {
     styleProps = (0, _get_style_props_for_responsive_prop.default)(controlSizeProp, selectSizes);
   }
-
   return (0, _use_styled_system.default)(styleProps, selectSizeStyleParser);
 }
-/** @internal */
-
 
+/** @internal */
 function useInputSize(controlSizeProp) {
   var _useTheme3 = (0, _use_theme.default)(),
-      inputSizes = _useTheme3.inputSizes;
-
+    inputSizes = _useTheme3.inputSizes;
   var styleProps;
-
   if (typeof controlSizeProp === 'string') {
     styleProps = inputSizes[controlSizeProp];
   } else {
     styleProps = (0, _get_style_props_for_responsive_prop.default)(controlSizeProp, inputSizes);
   }
-
   return (0, _use_styled_system.default)(styleProps);
 }
-/** @internal */
-
 
+/** @internal */
 function useSelectButtonsSize(controlSizeProp) {
   var _useTheme4 = (0, _use_theme.default)(),
-      selectButtonsSizes = _useTheme4.selectButtonsSizes;
-
+    selectButtonsSizes = _useTheme4.selectButtonsSizes;
   var styleProps;
-
   if (typeof controlSizeProp === 'string') {
     styleProps = selectButtonsSizes[controlSizeProp];
   } else {
     styleProps = (0, _get_style_props_for_responsive_prop.default)(controlSizeProp, selectButtonsSizes);
   }
-
   return (0, _use_styled_system.default)(styleProps);
 }
-/** @internal */
-
 
+/** @internal */
 function useSwitchSize(controlSizeProp) {
   var _useTheme5 = (0, _use_theme.default)(),
-      switchSizes = _useTheme5.switchSizes;
-
+    switchSizes = _useTheme5.switchSizes;
   var styleProps;
-
   if (typeof controlSizeProp === 'string') {
     styleProps = switchSizes[controlSizeProp];
   } else {
     styleProps = (0, _get_style_props_for_responsive_prop.default)(controlSizeProp, switchSizes);
   }
-
   return (0, _use_styled_system.default)(styleProps);
 }