@automattic/vip-design-system 1.2.0 → 1.2.2

package/build/system/NewDialog/index.d.ts

@@ -0,0 +1,31 @@
+export default NewDialog;
+import { NewDialog } from './NewDialog';
+export const Root: {
+    ({ trigger, description, title, content, showHeading, disabled, style: extraStyles, contentProps, portalProps, className, ...props }: {
+        [x: string]: any;
+        trigger?: null | undefined;
+        description: any;
+        title: any;
+        content?: null | undefined;
+        showHeading?: boolean | undefined;
+        disabled?: boolean | undefined;
+        style: any;
+        contentProps?: {} | undefined;
+        portalProps?: {} | undefined;
+        className?: null | undefined;
+    }): import("react").JSX.Element | undefined;
+    propTypes: {
+        trigger: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;
+        title: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;
+        description: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;
+        content: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike | ((...args: any[]) => any)>>;
+        showHeading: import("prop-types").Requireable<boolean>;
+        disabled: import("prop-types").Requireable<boolean>;
+        style: import("prop-types").Requireable<object>;
+        className: import("prop-types").Requireable<any>;
+        contentProps: import("prop-types").Requireable<any>;
+        portalProps: import("prop-types").Requireable<any>;
+    };
+};
+export const Close: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+export { NewDialog };

package/build/system/NewDialog/index.js

@@ -1,17 +1,13 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = exports.Root = exports.Close = void 0;
-var _DialogClose = require("./DialogClose");
-var _NewDialog = require("./NewDialog");
-exports.NewDialog = _NewDialog.NewDialog;
 /**
  * Internal dependencies
  */
 
-var Root = _NewDialog.NewDialog;
-exports.Root = Root;
-var Close = _DialogClose.DialogClose;
-exports.Close = Close;
-var _default = _NewDialog.NewDialog;
-exports["default"] = _default;
+import { DialogClose } from './DialogClose';
+import { NewDialog } from './NewDialog';
+
+const Root = NewDialog;
+const Close = DialogClose;
+
+export { NewDialog, Root, Close };
+
+export default NewDialog;

package/build/system/NewForm/Fieldset.d.ts

@@ -0,0 +1,2 @@
+export const Fieldset: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/build/system/NewForm/Fieldset.js

@@ -1,52 +1,47 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Fieldset = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Input = require("../Form/Input.styles");
-var _jsxRuntime = require("theme-ui/jsx-runtime");
-var _excluded = ["children", "className", "sx"];
 /** @jsxImportSource theme-ui */
+
 /**
  * External dependencies
  */
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
 /**
  * Internal dependencies
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Fieldset = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardRef) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$sx = _ref.sx,
-    sx = _ref$sx === void 0 ? {} : _ref$sx,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return (0, _jsxRuntime.jsx)("fieldset", _extends({
-    ref: forwardRef,
-    className: (0, _classnames["default"])('vip-form-fieldset-component', className),
-    sx: _extends({
-      all: 'unset'
-    }, _Input.baseControlBorderStyle, {
-      backgroundColor: _Input.inputBaseBackground,
-      color: _Input.inputBaseText,
-      borderRadius: 1,
-      display: 'block',
-      pt: 1,
-      pb: 2,
-      px: 3,
-      mb: 3
-    }, sx)
-  }, props, {
-    children: children
-  }));
-});
-exports.Fieldset = Fieldset;
+
+import { baseControlBorderStyle, inputBaseBackground, inputBaseText } from '../Form/Input.styles';
+
+const Fieldset = React.forwardRef( ( { children, className, sx = {}, ...props }, forwardRef ) => (
+	<fieldset
+		ref={ forwardRef }
+		className={ classNames( 'vip-form-fieldset-component', className ) }
+		sx={ {
+			all: 'unset',
+			...baseControlBorderStyle,
+			backgroundColor: inputBaseBackground,
+			color: inputBaseText,
+			borderRadius: 1,
+			display: 'block',
+			pt: 1,
+			pb: 2,
+			px: 3,
+			mb: 3,
+			...sx,
+		} }
+		{ ...props }
+	>
+		{ children }
+	</fieldset>
+) );
+
 Fieldset.propTypes = {
-  children: _propTypes["default"].any,
-  sx: _propTypes["default"].any,
-  className: _propTypes["default"].any
+	children: PropTypes.any,
+	sx: PropTypes.any,
+	className: PropTypes.any,
 };
-Fieldset.displayName = 'Fieldset';
+
+Fieldset.displayName = 'Fieldset';
+
+export { Fieldset };

package/build/system/NewForm/Form.d.ts

@@ -0,0 +1,2 @@
+export const Form: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/build/system/NewForm/Form.js

@@ -1,33 +1,26 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Form = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("theme-ui/jsx-runtime");
-var _excluded = ["children", "className"];
 /**
  * External dependencies
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Form = /*#__PURE__*/_react["default"].forwardRef(function (_ref, forwardRef) {
-  var children = _ref.children,
-    className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return (0, _jsxRuntime.jsx)("form", _extends({
-    ref: forwardRef,
-    className: (0, _classnames["default"])('vip-form-component', className),
-    noValidate: true
-  }, props, {
-    children: children
-  }));
-});
-exports.Form = Form;
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+const Form = React.forwardRef( ( { children, className, ...props }, forwardRef ) => (
+	<form
+		ref={ forwardRef }
+		className={ classNames( 'vip-form-component', className ) }
+		noValidate
+		{ ...props }
+	>
+		{ children }
+	</form>
+) );
+
 Form.propTypes = {
-  children: _propTypes["default"].any,
-  className: _propTypes["default"].any
+	children: PropTypes.any,
+	className: PropTypes.any,
 };
-Form.displayName = 'Form';
+
+Form.displayName = 'Form';
+
+export { Form };

package/build/system/NewForm/FormAutocomplete.d.ts

@@ -0,0 +1,2 @@
+export const FormAutocomplete: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';