@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.11

package/components/avatar/avatar.js

@@ -1,34 +1,18 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, i as _slicedToArray, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { isDataURI, parseQueryString, encodeURL } from '../global/url.js';
 import { getPixelRatio } from '../global/dom.js';
 import FallbackAvatar from './fallback-avatar.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.match.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.array.from.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.array.slice.js';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 
 var modules_61ca8c75 = {"light":"light_rui_2ac4","avatar":"avatar_rui_006c","subavatar":"subavatar_rui_006c","empty":"empty_rui_006c"};
 
-var _excluded = ["size", "url", "dpr", "style", "round", "subavatar", "subavatarSize", "username", "skipParams"];
+const _excluded = ["size", "url", "dpr", "style", "round", "subavatar", "subavatarSize", "username", "skipParams"];
 var Size;
 (function (Size) {
   Size[Size["Size18"] = 18] = "Size18";
@@ -40,138 +24,112 @@ var Size;
   Size[Size["Size48"] = 48] = "Size48";
   Size[Size["Size56"] = 56] = "Size56";
 })(Size || (Size = {}));
-var Avatar = /*#__PURE__*/function (_PureComponent) {
-  function Avatar() {
-    var _this;
-    _classCallCheck(this, Avatar);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Avatar, [].concat(args));
-    _defineProperty(_this, "state", {
+class Avatar extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       errorUrl: ''
     });
-    _defineProperty(_this, "handleError", function () {
-      _this.setState({
-        errorUrl: _this.props.url
+    _defineProperty(this, "handleError", () => {
+      this.setState({
+        errorUrl: this.props.url
       });
     });
-    _defineProperty(_this, "handleSuccess", function () {
-      _this.setState({
+    _defineProperty(this, "handleSuccess", () => {
+      this.setState({
         errorUrl: ''
       });
     });
-    return _this;
   }
-  _inherits(Avatar, _PureComponent);
-  return _createClass(Avatar, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        size = _this$props.size,
-        url = _this$props.url,
-        dpr = _this$props.dpr,
-        style = _this$props.style,
-        round = _this$props.round,
-        subavatar = _this$props.subavatar,
-        subavatarSize = _this$props.subavatarSize,
-        username = _this$props.username,
-        skipParams = _this$props.skipParams,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var sizeString = "".concat(size, "px");
-      var subavatarSizeString = "".concat(subavatarSize, "px");
-      var borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';
-      var styleObj = _objectSpread2({
-        borderRadius: round ? '50%' : borderRadius,
-        height: sizeString,
-        width: sizeString
-      }, style);
-      var styleObjGroup = _objectSpread2({
-        borderRadius: '2px',
-        height: subavatarSizeString,
-        width: subavatarSizeString
-      }, style);
-      if (!url || this.state.errorUrl === url) {
-        return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, restProps), {}, {
-          "data-test": "avatar",
-          className: classNames(modules_61ca8c75.avatar, this.props.className, {
-            [modules_61ca8c75.empty]: username == null
-          }),
-          style: styleObj,
-          children: username != null && /*#__PURE__*/jsx(FallbackAvatar, {
-            size: size,
-            round: round,
-            username: username
-          })
-        }));
-      }
-      var src = url;
-      if (!skipParams && !isDataURI(url)) {
-        var _url$split = url.split('?'),
-          _url$split2 = _slicedToArray(_url$split, 2),
-          urlStart = _url$split2[0],
-          query = _url$split2[1];
-        var queryParams = _objectSpread2(_objectSpread2({}, parseQueryString(query)), {}, {
-          dpr,
-          size
-        });
-        src = encodeURL(urlStart, queryParams);
-      }
-      var subavatarSrc = null;
-      if (subavatar && !isDataURI(subavatar)) {
-        var _subavatar$split = subavatar.split('?'),
-          _subavatar$split2 = _slicedToArray(_subavatar$split, 2),
-          _urlStart = _subavatar$split2[0],
-          _query = _subavatar$split2[1];
-        var _queryParams = _objectSpread2(_objectSpread2({}, parseQueryString(_query)), {}, {
-          dpr,
-          subavatarSizeString
-        });
-        subavatarSrc = skipParams ? subavatar : encodeURL(_urlStart, _queryParams);
-        return /*#__PURE__*/jsxs("div", {
-          children: [/*#__PURE__*/jsx("img", _objectSpread2(_objectSpread2({}, restProps), {}, {
-            onError: this.handleError,
-            onLoad: this.handleSuccess,
-            className: classNames(modules_61ca8c75.avatar, this.props.className),
-            style: styleObj,
-            src: src,
-            alt: "User avatar"
-          })), /*#__PURE__*/jsx("img", _objectSpread2(_objectSpread2({}, restProps), {}, {
-            "data-test": "avatar",
-            onError: this.handleError,
-            onLoad: this.handleSuccess,
-            className: classNames(modules_61ca8c75.subavatar),
-            style: styleObjGroup,
-            src: subavatarSrc,
-            alt: "Subavatar"
-          }))]
-        });
-      } else {
-        return /*#__PURE__*/jsx("img", _objectSpread2(_objectSpread2({}, restProps), {}, {
-          "data-test": "avatar",
+  render() {
+    const _this$props = this.props,
+      {
+        size,
+        url,
+        dpr,
+        style,
+        round,
+        subavatar,
+        subavatarSize,
+        username,
+        skipParams
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const sizeString = "".concat(size, "px");
+    const subavatarSizeString = "".concat(subavatarSize, "px");
+    const borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';
+    const styleObj = _objectSpread2({
+      borderRadius: round ? '50%' : borderRadius,
+      height: sizeString,
+      width: sizeString
+    }, style);
+    const styleObjGroup = _objectSpread2({
+      borderRadius: '2px',
+      height: subavatarSizeString,
+      width: subavatarSizeString
+    }, style);
+    if (!url || this.state.errorUrl === url) {
+      return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, restProps), {}, {
+        "data-test": "avatar",
+        className: classNames(modules_61ca8c75.avatar, this.props.className, {
+          [modules_61ca8c75.empty]: username == null
+        }),
+        style: styleObj,
+        children: username != null && /*#__PURE__*/jsx(FallbackAvatar, {
+          size: size,
+          round: round,
+          username: username
+        })
+      }));
+    }
+    let src = url;
+    if (!skipParams && !isDataURI(url)) {
+      const [urlStart, query] = url.split('?');
+      const queryParams = _objectSpread2(_objectSpread2({}, parseQueryString(query)), {}, {
+        dpr,
+        size
+      });
+      src = encodeURL(urlStart, queryParams);
+    }
+    let subavatarSrc = null;
+    if (subavatar && !isDataURI(subavatar)) {
+      const [urlStart, query] = subavatar.split('?');
+      const queryParams = _objectSpread2(_objectSpread2({}, parseQueryString(query)), {}, {
+        dpr,
+        subavatarSizeString
+      });
+      subavatarSrc = skipParams ? subavatar : encodeURL(urlStart, queryParams);
+      return /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx("img", _objectSpread2(_objectSpread2({}, restProps), {}, {
           onError: this.handleError,
           onLoad: this.handleSuccess,
           className: classNames(modules_61ca8c75.avatar, this.props.className),
           style: styleObj,
           src: src,
           alt: "User avatar"
-        }));
-      }
+        })), /*#__PURE__*/jsx("img", _objectSpread2(_objectSpread2({}, restProps), {}, {
+          "data-test": "avatar",
+          onError: this.handleError,
+          onLoad: this.handleSuccess,
+          className: classNames(modules_61ca8c75.subavatar),
+          style: styleObjGroup,
+          src: subavatarSrc,
+          alt: "Subavatar"
+        }))]
+      });
+    } else {
+      return /*#__PURE__*/jsx("img", _objectSpread2(_objectSpread2({}, restProps), {}, {
+        "data-test": "avatar",
+        onError: this.handleError,
+        onLoad: this.handleSuccess,
+        className: classNames(modules_61ca8c75.avatar, this.props.className),
+        style: styleObj,
+        src: src,
+        alt: "User avatar"
+      }));
     }
-  }]);
-}(PureComponent);
-_defineProperty(Avatar, "propTypes", {
-  dpr: PropTypes.number,
-  className: PropTypes.string,
-  size: PropTypes.number,
-  style: PropTypes.object,
-  url: PropTypes.string,
-  round: PropTypes.bool,
-  subavatar: PropTypes.string,
-  subavatarSize: PropTypes.number,
-  username: PropTypes.string,
-  skipParams: PropTypes.bool
-});
+  }
+}
 _defineProperty(Avatar, "defaultProps", {
   dpr: getPixelRatio(),
   size: Size.Size20,

package/components/avatar/fallback-avatar.d.ts

@@ -1,16 +1,7 @@
-import PropTypes from 'prop-types';
 import { Size } from './avatar';
 export interface FallbackAvatarProps {
     username: string;
     size: Size;
     round: boolean | null | undefined;
 }
-declare function FallbackAvatar({ username, size, round }: FallbackAvatarProps): import("react").JSX.Element;
-declare namespace FallbackAvatar {
-    var propTypes: {
-        username: PropTypes.Validator<string>;
-        size: PropTypes.Validator<number>;
-        round: PropTypes.Requireable<boolean>;
-    };
-}
-export default FallbackAvatar;
+export default function FallbackAvatar({ username, size, round }: FallbackAvatarProps): import("react").JSX.Element;

package/components/avatar/fallback-avatar.js

@@ -1,20 +1,11 @@
-import { i as _slicedToArray, j as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.from.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useMemo } from 'react';
-import PropTypes from 'prop-types';
 import getUID from '../global/get-uid.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.regexp.to-string.js';
 
-var colorPairs = [['#60A800', '#D5CA00'], ['#21D370', '#03E9E1'], ['#3BA1FF', '#36E97D'], ['#00C243', '#00FFFF'], ['#4BE098', '#627FFF'], ['#168BFA', '#26F7C7'], ['#9D4CFF', '#39D3C3'], ['#0A81F6', '#0ACFF6'], ['#765AF8', '#5A91F8'], ['#9E54FF', '#0ACFF6'], ['#B345F1', '#669DFF'], ['#765AF8', '#C059EE'], ['#9039D0', '#C239D0'], ['#9F2AFF', '#FD56FD'], ['#AB3AF2', '#E40568'], ['#9F2AFF', '#E9A80B'], ['#D50F6B', '#E73AE8'], ['#ED5502', '#E73AE8'], ['#ED358C', '#DBED18'], ['#ED358C', '#F9902E'], ['#FF7500', '#FFCA00']];
-var Sizes = {
+const colorPairs = [['#60A800', '#D5CA00'], ['#21D370', '#03E9E1'], ['#3BA1FF', '#36E97D'], ['#00C243', '#00FFFF'], ['#4BE098', '#627FFF'], ['#168BFA', '#26F7C7'], ['#9D4CFF', '#39D3C3'], ['#0A81F6', '#0ACFF6'], ['#765AF8', '#5A91F8'], ['#9E54FF', '#0ACFF6'], ['#B345F1', '#669DFF'], ['#765AF8', '#C059EE'], ['#9039D0', '#C239D0'], ['#9F2AFF', '#FD56FD'], ['#AB3AF2', '#E40568'], ['#9F2AFF', '#E9A80B'], ['#D50F6B', '#E73AE8'], ['#ED5502', '#E73AE8'], ['#ED358C', '#DBED18'], ['#ED358C', '#F9902E'], ['#FF7500', '#FFCA00']];
+const Sizes = {
   18: {
     radius: 2,
     text: {
@@ -63,11 +54,9 @@ var Sizes = {
     }
   }
 };
-var sizeKeys = Object.keys(Sizes).map(Number);
+const sizeKeys = Object.keys(Sizes).map(Number);
 function extractLetters(name) {
-  var names = name.split(/[\s._]+/).filter(Boolean).map(function (word) {
-    return Array.from(word);
-  });
+  const names = name.split(/[\s._]+/).filter(Boolean).map(word => Array.from(word));
   if (names.length >= 2) {
     return names[0][0].toUpperCase() + names[1][0].toUpperCase();
   } else if (names.length === 1) {
@@ -81,31 +70,27 @@ function extractLetters(name) {
   }
 }
 // https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0#gistcomment-2775538
-var BASE = 32;
+const BASE = 32;
 function hashCode(s) {
-  var h = 0;
-  for (var i = 0; i < s.length; i++) {
+  let h = 0;
+  for (let i = 0; i < s.length; i++) {
     h = Math.imul(BASE - 1, h) + s.charCodeAt(i) | 0;
   }
   return h;
 }
 function FallbackAvatar(_ref) {
-  var username = _ref.username,
-    size = _ref.size,
-    round = _ref.round;
-  var hash = Math.abs(hashCode(username.toLowerCase()));
-  var _colorPairs = _slicedToArray(colorPairs[hash % colorPairs.length], 2),
-    fromColor = _colorPairs[0],
-    toColor = _colorPairs[1];
-  var possibleSizeKeys = sizeKeys.filter(function (key) {
-    return key >= size;
-  });
-  var sizeKey = possibleSizeKeys.length > 0 ? Math.min.apply(Math, _toConsumableArray(possibleSizeKeys)) : Math.max.apply(Math, _toConsumableArray(sizeKeys));
-  var sizes = Sizes[sizeKey];
-  var radius = round ? '50%' : sizes.radius;
-  var gradientId = useMemo(function () {
-    return getUID('gradient-');
-  }, []);
+  let {
+    username,
+    size,
+    round
+  } = _ref;
+  const hash = Math.abs(hashCode(username.toLowerCase()));
+  const [fromColor, toColor] = colorPairs[hash % colorPairs.length];
+  const possibleSizeKeys = sizeKeys.filter(key => key >= size);
+  const sizeKey = possibleSizeKeys.length > 0 ? Math.min(...possibleSizeKeys) : Math.max(...sizeKeys);
+  const sizes = Sizes[sizeKey];
+  const radius = round ? '50%' : sizes.radius;
+  const gradientId = useMemo(() => getUID('gradient-'), []);
   return /*#__PURE__*/jsxs("svg", {
     viewBox: "0 0 ".concat(sizeKey, " ").concat(sizeKey),
     xmlns: "http://www.w3.org/2000/svg",
@@ -155,10 +140,5 @@ function FallbackAvatar(_ref) {
     })]
   });
 }
-FallbackAvatar.propTypes = {
-  username: PropTypes.string.isRequired,
-  size: PropTypes.number.isRequired,
-  round: PropTypes.bool
-};
 
 export { FallbackAvatar as default };

package/components/badge/badge.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 export interface BadgeProps extends HTMLAttributes<HTMLElement> {
     gray?: boolean | null | undefined;
     valid?: boolean | null | undefined;
@@ -11,14 +10,5 @@ export interface BadgeProps extends HTMLAttributes<HTMLElement> {
  * @name Badge
  */
 export default class Badge extends PureComponent<BadgeProps> {
-    static propTypes: {
-        gray: PropTypes.Requireable<boolean>;
-        valid: PropTypes.Requireable<boolean>;
-        invalid: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        'data-test': PropTypes.Requireable<string>;
-    };
     render(): import("react").JSX.Element;
 }

package/components/badge/badge.js

@@ -1,63 +1,47 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_6c9187df } from '../_helpers/badge.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var _excluded = ["gray", "valid", "invalid", "disabled", "className", "children", "data-test"];
-var warn = deprecate(function () {}, 'Badge is deprecated and will be removed in RingUI 7.0. Use Tag instead.');
+const _excluded = ["gray", "valid", "invalid", "disabled", "className", "children", "data-test"];
+const warn = deprecate(() => {}, 'Badge is deprecated and will be removed in RingUI 7.0. Use Tag instead.');
 /**
  * @name Badge
  */
 // TODO remove in 7.0
-var Badge = /*#__PURE__*/function (_PureComponent) {
-  function Badge() {
-    _classCallCheck(this, Badge);
-    return _callSuper(this, Badge, arguments);
+class Badge extends PureComponent {
+  render() {
+    warn();
+    const _this$props = this.props,
+      {
+        // Modifiers
+        gray,
+        valid,
+        invalid,
+        disabled,
+        // Props
+        className,
+        children,
+        'data-test': dataTest
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_6c9187df.badge, className, {
+      [modules_6c9187df.gray]: gray,
+      [modules_6c9187df.valid]: valid,
+      [modules_6c9187df.invalid]: invalid,
+      [modules_6c9187df.disabled]: disabled
+    });
+    return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, props), {}, {
+      "data-test": joinDataTestAttributes('ring-badge', dataTest),
+      className: classes,
+      children: children
+    }));
   }
-  _inherits(Badge, _PureComponent);
-  return _createClass(Badge, [{
-    key: "render",
-    value: function render() {
-      warn();
-      var _this$props = this.props,
-        gray = _this$props.gray,
-        valid = _this$props.valid,
-        invalid = _this$props.invalid,
-        disabled = _this$props.disabled,
-        className = _this$props.className,
-        children = _this$props.children,
-        dataTest = _this$props['data-test'],
-        props = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_6c9187df.badge, className, {
-        [modules_6c9187df.gray]: gray,
-        [modules_6c9187df.valid]: valid,
-        [modules_6c9187df.invalid]: invalid,
-        [modules_6c9187df.disabled]: disabled
-      });
-      return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, props), {}, {
-        "data-test": joinDataTestAttributes('ring-badge', dataTest),
-        className: classes,
-        children: children
-      }));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Badge, "propTypes", {
-  gray: PropTypes.bool,
-  valid: PropTypes.bool,
-  invalid: PropTypes.bool,
-  disabled: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  'data-test': PropTypes.string
-});
+}
 
 export { Badge as default };

package/components/breadcrumbs/breadcrumbs.js

@@ -1,6 +1,3 @@
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
 import classNames from 'classnames';
 import { Children, Fragment } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -8,20 +5,19 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 var modules_18e4daa4 = {"separator":"separator_rui_09b2"};
 
 function Breadcrumbs(_ref) {
-  var separatorClassName = _ref.separatorClassName,
-    children = _ref.children;
-  return Children.toArray(children).map(function (child, index) {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/no-array-index-key
-      jsxs(Fragment, {
-        children: [index > 0 && /*#__PURE__*/jsx("span", {
-          className: classNames(modules_18e4daa4.separator, separatorClassName),
-          children: '/'
-        }), child]
-      }, index)
-    );
-  });
+  let {
+    separatorClassName,
+    children
+  } = _ref;
+  return Children.toArray(children).map((child, index) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
+  jsxs(Fragment, {
+    children: [index > 0 && /*#__PURE__*/jsx("span", {
+      className: classNames(modules_18e4daa4.separator, separatorClassName),
+      children: '/'
+    }), child]
+  }, index));
 }
 
 export { Breadcrumbs as default };

package/components/button/button.d.ts

@@ -1,6 +1,5 @@
 import { PureComponent, ButtonHTMLAttributes } from 'react';
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { IconProps, IconType, Size } from '../icon/icon';
 import { ClickableLinkProps } from '../link/clickableLink';
 import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
@@ -36,26 +35,6 @@ export type ButtonProps = ButtonButtonProps | ButtonLinkProps;
  * A component for displaying variously styled buttons.
  */
 export declare class Button extends PureComponent<ButtonProps> {
-    static propTypes: {
-        active: PropTypes.Requireable<boolean>;
-        danger: PropTypes.Requireable<boolean>;
-        delayed: PropTypes.Requireable<boolean>;
-        loader: PropTypes.Requireable<boolean>;
-        primary: PropTypes.Requireable<boolean>;
-        short: PropTypes.Requireable<boolean>;
-        text: PropTypes.Requireable<boolean>;
-        inline: PropTypes.Requireable<boolean>;
-        dropdown: PropTypes.Requireable<boolean>;
-        href: PropTypes.Requireable<string>;
-        target: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
-        iconSize: PropTypes.Requireable<number>;
-        iconClassName: PropTypes.Requireable<string>;
-        iconSuppressSizeWarning: PropTypes.Requireable<boolean>;
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static IconSize: typeof Size;
     static contextType: React.Context<ControlsHeight>;
     context: React.ContextType<typeof ControlsHeightContext>;