@atlaskit/form 8.3.1 → 8.4.3

package/dist/cjs/FormHeader.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _FormHeader = _interopRequireWildcard(require("./styled/FormHeader"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var FormHeader = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(FormHeader, _Component);
-
-  var _super = _createSuper(FormHeader);
-
-  function FormHeader() {
-    (0, _classCallCheck2.default)(this, FormHeader);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(FormHeader, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          title = _this$props.title,
-          description = _this$props.description,
-          children = _this$props.children;
-      return /*#__PURE__*/_react.default.createElement(_FormHeader.default, null, title && /*#__PURE__*/_react.default.createElement(_FormHeader.FormHeaderTitle, null, title), description && /*#__PURE__*/_react.default.createElement(_FormHeader.FormHeaderDescription, null, description), /*#__PURE__*/_react.default.createElement(_FormHeader.FormHeaderContent, null, children));
-    }
-  }]);
-  return FormHeader;
-}(_react.Component);
-
-exports.default = FormHeader;

package/dist/cjs/FormSection.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _FormSection = _interopRequireWildcard(require("./styled/FormSection"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var FormSection = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(FormSection, _Component);
-
-  var _super = _createSuper(FormSection);
-
-  function FormSection() {
-    (0, _classCallCheck2.default)(this, FormSection);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(FormSection, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          title = _this$props.title,
-          description = _this$props.description,
-          children = _this$props.children;
-      return /*#__PURE__*/_react.default.createElement(_FormSection.default, null, title && /*#__PURE__*/_react.default.createElement(_FormSection.FormSectionTitle, null, title), description && /*#__PURE__*/_react.default.createElement(_FormSection.FormSectionDescription, null, description), children);
-    }
-  }]);
-  return FormSection;
-}(_react.Component);
-
-exports.default = FormSection;

package/dist/cjs/Messages.js

@@ -1,91 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ValidMessage = exports.ErrorMessage = exports.HelperMessage = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _success = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/success"));
-
-var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _typography = require("@atlaskit/theme/typography");
-
-var _tokens = require("@atlaskit/tokens");
-
-var _Field = require("./Field");
-
-var _templateObject, _templateObject2;
-
-var Message = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  font-weight: normal;\n  font-family: ", ";\n  color: ", ";\n  margin-top: ", "px;\n  display: flex;\n  justify-content: baseline;\n"])), _typography.h200, (0, _constants.fontFamily)(), function (props) {
-  if (props.error) {
-    return (0, _tokens.token)('color.text.danger', _colors.R400);
-  }
-
-  if (props.valid) {
-    return (0, _tokens.token)('color.text.success', _colors.G400);
-  }
-
-  return (0, _tokens.token)('color.text.lowEmphasis', _colors.N200);
-}, (0, _constants.gridSize)() * 0.5);
-
-var IconWrapper = _styledComponents.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
-
-var HelperMessage = function HelperMessage(_ref) {
-  var children = _ref.children,
-      testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_Field.FieldId.Consumer, null, function (fieldId) {
-    return /*#__PURE__*/_react.default.createElement(Message, {
-      id: fieldId ? "".concat(fieldId, "-helper") : undefined,
-      "data-testid": testId
-    }, children);
-  });
-};
-
-exports.HelperMessage = HelperMessage;
-
-var ErrorMessage = function ErrorMessage(_ref2) {
-  var children = _ref2.children,
-      testId = _ref2.testId;
-  return /*#__PURE__*/_react.default.createElement(_Field.FieldId.Consumer, null, function (fieldId) {
-    return /*#__PURE__*/_react.default.createElement(Message, {
-      error: true,
-      id: fieldId ? "".concat(fieldId, "-error") : undefined,
-      "data-testid": testId
-    }, /*#__PURE__*/_react.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.createElement(_error.default, {
-      size: "small",
-      label: "error"
-    })), children);
-  });
-};
-
-exports.ErrorMessage = ErrorMessage;
-
-var ValidMessage = function ValidMessage(_ref3) {
-  var children = _ref3.children,
-      testId = _ref3.testId;
-  return /*#__PURE__*/_react.default.createElement(_Field.FieldId.Consumer, null, function (fieldId) {
-    return /*#__PURE__*/_react.default.createElement(Message, {
-      valid: true,
-      id: fieldId ? "".concat(fieldId, "-valid") : undefined,
-      "data-testid": testId
-    }, /*#__PURE__*/_react.default.createElement(IconWrapper, null, /*#__PURE__*/_react.default.createElement(_success.default, {
-      size: "small",
-      label: "success"
-    })), children);
-  });
-};
-
-exports.ValidMessage = ValidMessage;

package/dist/cjs/styled/Field.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RequiredIndicator = exports.Label = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _typography = require("@atlaskit/theme/typography");
-
-var _tokens = require("@atlaskit/tokens");
-
-var _templateObject, _templateObject2, _templateObject3;
-
-/**
- * Provide a styled container for field components
- */
-var FieldWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n"])), _constants.gridSize);
-/**
- * Provide a styled Label for field components
- */
-
-
-var Label = _styledComponents.default.label(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  display: inline-block;\n  font-family: ", ";\n  margin-bottom: ", "px;\n  margin-top: 0;\n"])), (0, _typography.h200)(), (0, _constants.fontFamily)(), (0, _constants.gridSize)() * 0.5);
-
-exports.Label = Label;
-
-var RequiredIndicator = _styledComponents.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-family: ", ";\n  padding-left: ", "px;\n"])), (0, _tokens.token)('color.text.danger', _colors.R400), (0, _constants.fontFamily)(), (0, _constants.gridSize)() * 0.25);
-
-exports.RequiredIndicator = RequiredIndicator;
-var _default = FieldWrapper;
-exports.default = _default;

package/dist/cjs/styled/FormFooter.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormFooterWrapper = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _templateObject;
-
-/**
- * Provide a styled container for form headers.
- */
-var FormFooterWrapper = _styledComponents.default.footer(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n  display: flex;\n  justify-content: ", ";\n"])), (0, _constants.gridSize)() * 3, function (props) {
-  return props.align === 'start' ? 'flex-start' : 'flex-end';
-});
-
-exports.FormFooterWrapper = FormFooterWrapper;

package/dist/cjs/styled/FormHeader.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormHeaderContent = exports.FormHeaderDescription = exports.FormHeaderTitle = exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _typography = require("@atlaskit/theme/typography");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-/**
- * Provide a styled container for form headers.
- */
-var FormHeaderWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-family: ", ";\n"])), (0, _constants.fontFamily)());
-/**
- * Provide a styled container for form header title.
- */
-
-
-var FormHeaderTitle = _styledComponents.default.h2(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  line-height: ", "px;\n  margin-right: ", "px;\n  margin-top: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])), _typography.h700, (0, _constants.gridSize)() * 4, (0, _constants.gridSize)() * 4);
-/**
- * Provide a styled container for form header title.
- */
-
-
-exports.FormHeaderTitle = FormHeaderTitle;
-
-var FormHeaderDescription = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n"])), (0, _constants.gridSize)());
-/**
- * Provide a styled container for form header content.
- */
-
-
-exports.FormHeaderDescription = FormHeaderDescription;
-
-var FormHeaderContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: 100%;\n  margin-top: ", "px;\n"])), (0, _constants.gridSize)());
-
-exports.FormHeaderContent = FormHeaderContent;
-var _default = FormHeaderWrapper;
-exports.default = _default;

package/dist/cjs/styled/FormSection.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormSectionDescription = exports.FormSectionTitle = exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _typography = require("@atlaskit/theme/typography");
-
-var _templateObject, _templateObject2, _templateObject3;
-
-/**
- * Provide a styled container for form sections.
- */
-var FormSectionWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n"])), (0, _constants.gridSize)() * 3);
-/**
- * Provide a styled container for form section title
- */
-
-
-var FormSectionTitle = _styledComponents.default.h3(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  line-height: ", "px;\n  margin-right: ", "px;\n  margin-top: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])), _typography.h600, (0, _constants.gridSize)() * 4, (0, _constants.gridSize)() * 4);
-/**
- * Provide a styled container for form section content.
- */
-
-
-exports.FormSectionTitle = FormSectionTitle;
-
-var FormSectionDescription = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n"])), (0, _constants.gridSize)());
-
-exports.FormSectionDescription = FormSectionDescription;
-var _default = FormSectionWrapper;
-exports.default = _default;

package/dist/es2019/Fieldset.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { gridSize } from '@atlaskit/theme/constants';
-import { Label } from './styled/Field';
-const FieldsetLabel = styled(Label)`
-  margin-bottom: 0;
-`;
-const Fieldset = styled.fieldset`
-  margin-top: ${gridSize()}px;
-`;
-export default (({
-  children,
-  legend
-}) => /*#__PURE__*/React.createElement(Fieldset, null, legend && /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(FieldsetLabel, null, legend)), children));

package/dist/es2019/FormFooter.js

@@ -1,19 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Component } from 'react';
-import { FormFooterWrapper } from './styled/FormFooter';
-export default class FormFooter extends Component {
-  render() {
-    const {
-      align,
-      children
-    } = this.props;
-    return /*#__PURE__*/React.createElement(FormFooterWrapper, {
-      align: align
-    }, children);
-  }
-
-}
-
-_defineProperty(FormFooter, "defaultProps", {
-  align: 'end'
-});

package/dist/es2019/FormHeader.js

@@ -1,13 +0,0 @@
-import React, { Component } from 'react';
-import FormHeaderWrapper, { FormHeaderContent, FormHeaderDescription, FormHeaderTitle } from './styled/FormHeader';
-export default class FormHeader extends Component {
-  render() {
-    const {
-      title,
-      description,
-      children
-    } = this.props;
-    return /*#__PURE__*/React.createElement(FormHeaderWrapper, null, title && /*#__PURE__*/React.createElement(FormHeaderTitle, null, title), description && /*#__PURE__*/React.createElement(FormHeaderDescription, null, description), /*#__PURE__*/React.createElement(FormHeaderContent, null, children));
-  }
-
-}

package/dist/es2019/FormSection.js

@@ -1,13 +0,0 @@
-import React, { Component } from 'react';
-import FormSectionWrapper, { FormSectionDescription, FormSectionTitle } from './styled/FormSection';
-export default class FormSection extends Component {
-  render() {
-    const {
-      title,
-      description,
-      children
-    } = this.props;
-    return /*#__PURE__*/React.createElement(FormSectionWrapper, null, title && /*#__PURE__*/React.createElement(FormSectionTitle, null, title), description && /*#__PURE__*/React.createElement(FormSectionDescription, null, description), children);
-  }
-
-}

package/dist/es2019/Messages.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
-import ErrorIcon from '@atlaskit/icon/glyph/error';
-import { G400, N200, R400 } from '@atlaskit/theme/colors';
-import { fontFamily, gridSize } from '@atlaskit/theme/constants';
-import { h200 } from '@atlaskit/theme/typography';
-import { token } from '@atlaskit/tokens';
-import { FieldId } from './Field';
-const Message = styled.div`
-  ${h200}
-  font-weight: normal;
-  font-family: ${fontFamily()};
-  color: ${props => {
-  if (props.error) {
-    return token('color.text.danger', R400);
-  }
-
-  if (props.valid) {
-    return token('color.text.success', G400);
-  }
-
-  return token('color.text.lowEmphasis', N200);
-}};
-  margin-top: ${gridSize() * 0.5}px;
-  display: flex;
-  justify-content: baseline;
-`;
-const IconWrapper = styled.span`
-  display: flex;
-`;
-export const HelperMessage = ({
-  children,
-  testId
-}) => /*#__PURE__*/React.createElement(FieldId.Consumer, null, fieldId => /*#__PURE__*/React.createElement(Message, {
-  id: fieldId ? `${fieldId}-helper` : undefined,
-  "data-testid": testId
-}, children));
-export const ErrorMessage = ({
-  children,
-  testId
-}) => /*#__PURE__*/React.createElement(FieldId.Consumer, null, fieldId => /*#__PURE__*/React.createElement(Message, {
-  error: true,
-  id: fieldId ? `${fieldId}-error` : undefined,
-  "data-testid": testId
-}, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(ErrorIcon, {
-  size: "small",
-  label: "error"
-})), children));
-export const ValidMessage = ({
-  children,
-  testId
-}) => /*#__PURE__*/React.createElement(FieldId.Consumer, null, fieldId => /*#__PURE__*/React.createElement(Message, {
-  valid: true,
-  id: fieldId ? `${fieldId}-valid` : undefined,
-  "data-testid": testId
-}, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(SuccessIcon, {
-  size: "small",
-  label: "success"
-})), children));

package/dist/es2019/styled/Field.js

@@ -1,29 +0,0 @@
-import styled from 'styled-components';
-import { R400 } from '@atlaskit/theme/colors';
-import { fontFamily, gridSize } from '@atlaskit/theme/constants';
-import { h200 } from '@atlaskit/theme/typography';
-import { token } from '@atlaskit/tokens';
-/**
- * Provide a styled container for field components
- */
-
-const FieldWrapper = styled.div`
-  margin-top: ${gridSize}px;
-`;
-/**
- * Provide a styled Label for field components
- */
-
-export const Label = styled.label`
-  ${h200()}
-  display: inline-block;
-  font-family: ${fontFamily()};
-  margin-bottom: ${gridSize() * 0.5}px;
-  margin-top: 0;
-`;
-export const RequiredIndicator = styled.span`
-  color: ${token('color.text.danger', R400)};
-  font-family: ${fontFamily()};
-  padding-left: ${gridSize() * 0.25}px;
-`;
-export default FieldWrapper;

package/dist/es2019/styled/FormFooter.js

@@ -1,11 +0,0 @@
-import styled from 'styled-components';
-import { gridSize } from '@atlaskit/theme/constants';
-
-/**
- * Provide a styled container for form headers.
- */
-export const FormFooterWrapper = styled.footer`
-  margin-top: ${gridSize() * 3}px;
-  display: flex;
-  justify-content: ${props => props.align === 'start' ? 'flex-start' : 'flex-end'};
-`;

package/dist/es2019/styled/FormHeader.js

@@ -1,40 +0,0 @@
-import styled from 'styled-components';
-import { fontFamily, gridSize } from '@atlaskit/theme/constants';
-import { h700 } from '@atlaskit/theme/typography';
-/**
- * Provide a styled container for form headers.
- */
-
-const FormHeaderWrapper = styled.div`
-  font-family: ${fontFamily()};
-`;
-/**
- * Provide a styled container for form header title.
- */
-
-const FormHeaderTitle = styled.h2`
-  ${h700};
-  line-height: ${gridSize() * 4}px;
-  margin-right: ${gridSize() * 4}px;
-  margin-top: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-/**
- * Provide a styled container for form header title.
- */
-
-const FormHeaderDescription = styled.div`
-  margin-top: ${gridSize()}px;
-`;
-/**
- * Provide a styled container for form header content.
- */
-
-const FormHeaderContent = styled.div`
-  min-width: 100%;
-  margin-top: ${gridSize()}px;
-`;
-export default FormHeaderWrapper;
-export { FormHeaderTitle, FormHeaderDescription, FormHeaderContent };

package/dist/es2019/styled/FormSection.js

@@ -1,32 +0,0 @@
-import styled from 'styled-components';
-import { gridSize } from '@atlaskit/theme/constants';
-import { h600 } from '@atlaskit/theme/typography';
-/**
- * Provide a styled container for form sections.
- */
-
-const FormSectionWrapper = styled.div`
-  margin-top: ${gridSize() * 3}px;
-`;
-/**
- * Provide a styled container for form section title
- */
-
-const FormSectionTitle = styled.h3`
-  ${h600};
-  line-height: ${gridSize() * 4}px;
-  margin-right: ${gridSize() * 4}px;
-  margin-top: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-/**
- * Provide a styled container for form section content.
- */
-
-const FormSectionDescription = styled.div`
-  margin-top: ${gridSize()}px;
-`;
-export default FormSectionWrapper;
-export { FormSectionTitle, FormSectionDescription };

package/dist/esm/Fieldset.js

@@ -1,15 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-import React from 'react';
-import styled from 'styled-components';
-import { gridSize } from '@atlaskit/theme/constants';
-import { Label } from './styled/Field';
-var FieldsetLabel = styled(Label)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-bottom: 0;\n"])));
-var Fieldset = styled.fieldset(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n"])), gridSize());
-export default (function (_ref) {
-  var children = _ref.children,
-      legend = _ref.legend;
-  return /*#__PURE__*/React.createElement(Fieldset, null, legend && /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(FieldsetLabel, null, legend)), children);
-});