@atlaskit/form 8.3.1 → 8.4.3

package/dist/esm/FormFooter.js

@@ -1,45 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
-import React, { Component } from 'react';
-import { FormFooterWrapper } from './styled/FormFooter';
-
-var FormFooter = /*#__PURE__*/function (_Component) {
-  _inherits(FormFooter, _Component);
-
-  var _super = _createSuper(FormFooter);
-
-  function FormFooter() {
-    _classCallCheck(this, FormFooter);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(FormFooter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          align = _this$props.align,
-          children = _this$props.children;
-      return /*#__PURE__*/React.createElement(FormFooterWrapper, {
-        align: align
-      }, children);
-    }
-  }]);
-
-  return FormFooter;
-}(Component);
-
-_defineProperty(FormFooter, "defaultProps", {
-  align: 'end'
-});
-
-export { FormFooter as default };

package/dist/esm/FormHeader.js

@@ -1,39 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
-import React, { Component } from 'react';
-import FormHeaderWrapper, { FormHeaderContent, FormHeaderDescription, FormHeaderTitle } from './styled/FormHeader';
-
-var FormHeader = /*#__PURE__*/function (_Component) {
-  _inherits(FormHeader, _Component);
-
-  var _super = _createSuper(FormHeader);
-
-  function FormHeader() {
-    _classCallCheck(this, FormHeader);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(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.createElement(FormHeaderWrapper, null, title && /*#__PURE__*/React.createElement(FormHeaderTitle, null, title), description && /*#__PURE__*/React.createElement(FormHeaderDescription, null, description), /*#__PURE__*/React.createElement(FormHeaderContent, null, children));
-    }
-  }]);
-
-  return FormHeader;
-}(Component);
-
-export { FormHeader as default };

package/dist/esm/FormSection.js

@@ -1,39 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
-import React, { Component } from 'react';
-import FormSectionWrapper, { FormSectionDescription, FormSectionTitle } from './styled/FormSection';
-
-var FormSection = /*#__PURE__*/function (_Component) {
-  _inherits(FormSection, _Component);
-
-  var _super = _createSuper(FormSection);
-
-  function FormSection() {
-    _classCallCheck(this, FormSection);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(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.createElement(FormSectionWrapper, null, title && /*#__PURE__*/React.createElement(FormSectionTitle, null, title), description && /*#__PURE__*/React.createElement(FormSectionDescription, null, description), children);
-    }
-  }]);
-
-  return FormSection;
-}(Component);
-
-export { FormSection as default };

package/dist/esm/Messages.js

@@ -1,63 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-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';
-var Message = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  font-weight: normal;\n  font-family: ", ";\n  color: ", ";\n  margin-top: ", "px;\n  display: flex;\n  justify-content: baseline;\n"])), h200, fontFamily(), function (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);
-}, gridSize() * 0.5);
-var IconWrapper = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-export var HelperMessage = function HelperMessage(_ref) {
-  var children = _ref.children,
-      testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(FieldId.Consumer, null, function (fieldId) {
-    return /*#__PURE__*/React.createElement(Message, {
-      id: fieldId ? "".concat(fieldId, "-helper") : undefined,
-      "data-testid": testId
-    }, children);
-  });
-};
-export var ErrorMessage = function ErrorMessage(_ref2) {
-  var children = _ref2.children,
-      testId = _ref2.testId;
-  return /*#__PURE__*/React.createElement(FieldId.Consumer, null, function (fieldId) {
-    return /*#__PURE__*/React.createElement(Message, {
-      error: true,
-      id: fieldId ? "".concat(fieldId, "-error") : undefined,
-      "data-testid": testId
-    }, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(ErrorIcon, {
-      size: "small",
-      label: "error"
-    })), children);
-  });
-};
-export var ValidMessage = function ValidMessage(_ref3) {
-  var children = _ref3.children,
-      testId = _ref3.testId;
-  return /*#__PURE__*/React.createElement(FieldId.Consumer, null, function (fieldId) {
-    return /*#__PURE__*/React.createElement(Message, {
-      valid: true,
-      id: fieldId ? "".concat(fieldId, "-valid") : undefined,
-      "data-testid": testId
-    }, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(SuccessIcon, {
-      size: "small",
-      label: "success"
-    })), children);
-  });
-};

package/dist/esm/styled/Field.js

@@ -1,21 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3;
-
-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
- */
-
-var FieldWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n"])), gridSize);
-/**
- * Provide a styled Label for field components
- */
-
-export var Label = styled.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  display: inline-block;\n  font-family: ", ";\n  margin-bottom: ", "px;\n  margin-top: 0;\n"])), h200(), fontFamily(), gridSize() * 0.5);
-export var RequiredIndicator = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: ", ";\n  padding-left: ", "px;\n"])), token('color.text.danger', R400), fontFamily(), gridSize() * 0.25);
-export default FieldWrapper;

package/dist/esm/styled/FormFooter.js

@@ -1,13 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
-import styled from 'styled-components';
-import { gridSize } from '@atlaskit/theme/constants';
-
-/**
- * Provide a styled container for form headers.
- */
-export var FormFooterWrapper = styled.footer(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n  display: flex;\n  justify-content: ", ";\n"])), gridSize() * 3, function (props) {
-  return props.align === 'start' ? 'flex-start' : 'flex-end';
-});

package/dist/esm/styled/FormHeader.js

@@ -1,29 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-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.
- */
-
-var FormHeaderWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: ", ";\n"])), fontFamily());
-/**
- * Provide a styled container for form header title.
- */
-
-var FormHeaderTitle = styled.h2(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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"])), h700, gridSize() * 4, gridSize() * 4);
-/**
- * Provide a styled container for form header title.
- */
-
-var FormHeaderDescription = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n"])), gridSize());
-/**
- * Provide a styled container for form header content.
- */
-
-var FormHeaderContent = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  min-width: 100%;\n  margin-top: ", "px;\n"])), gridSize());
-export default FormHeaderWrapper;
-export { FormHeaderTitle, FormHeaderDescription, FormHeaderContent };

package/dist/esm/styled/FormSection.js

@@ -1,24 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3;
-
-import styled from 'styled-components';
-import { gridSize } from '@atlaskit/theme/constants';
-import { h600 } from '@atlaskit/theme/typography';
-/**
- * Provide a styled container for form sections.
- */
-
-var FormSectionWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n"])), gridSize() * 3);
-/**
- * Provide a styled container for form section title
- */
-
-var FormSectionTitle = styled.h3(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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"])), h600, gridSize() * 4, gridSize() * 4);
-/**
- * Provide a styled container for form section content.
- */
-
-var FormSectionDescription = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n"])), gridSize());
-export default FormSectionWrapper;
-export { FormSectionTitle, FormSectionDescription };

package/dist/types/CheckboxField.d.ts

@@ -1,21 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { FieldProps, Meta } from './Field';
-export interface CheckboxFieldProps extends FieldProps<string | undefined> {
-    isChecked: boolean;
-}
-export interface CheckboxProps {
-    children: (args: {
-        fieldProps: CheckboxFieldProps;
-        error?: string;
-        valid: boolean;
-        meta: Meta;
-    }) => ReactNode;
-    defaultIsChecked?: boolean;
-    isRequired?: boolean;
-    isDisabled?: boolean;
-    label?: ReactNode;
-    name: string;
-    value?: string;
-}
-declare const CheckboxField: FC<CheckboxProps>;
-export default CheckboxField;

package/dist/types/Field.d.ts

@@ -1,45 +0,0 @@
-import React, { FormEvent, ReactNode } from 'react';
-declare type SupportedElements = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
-export interface FieldProps<FieldValue, Element extends SupportedElements = HTMLInputElement> {
-    id: string;
-    isRequired: boolean;
-    isDisabled: boolean;
-    isInvalid: boolean;
-    onChange: (value: FormEvent<Element> | FieldValue) => void;
-    onBlur: () => void;
-    onFocus: () => void;
-    value: FieldValue;
-    name: string;
-    'aria-invalid': 'true' | 'false';
-    'aria-labelledby': string;
-}
-export interface Meta {
-    dirty: boolean;
-    dirtySinceLastSubmit: boolean;
-    submitFailed: boolean;
-    submitting: boolean;
-    touched: boolean;
-    valid: boolean;
-    error?: string;
-    submitError?: boolean;
-    validating?: boolean;
-}
-interface Props<FieldValue, Element extends SupportedElements> {
-    children: (args: {
-        fieldProps: FieldProps<FieldValue, Element>;
-        error?: string;
-        valid: boolean;
-        meta: Meta;
-    }) => React.ReactNode;
-    defaultValue?: FieldValue | ((currentDefaultValue?: FieldValue) => FieldValue);
-    id?: string;
-    isRequired?: boolean;
-    isDisabled?: boolean;
-    label?: ReactNode;
-    name: string;
-    transform?: (event: FormEvent<Element> | FieldValue, current: FieldValue) => FieldValue;
-    validate?: (value: FieldValue | undefined, formState: Object, fieldState: Meta) => string | void | Promise<string | void>;
-}
-export declare const FieldId: React.Context<string | undefined>;
-export default function Field<FieldValue = string, Element extends SupportedElements = HTMLInputElement>(props: Props<FieldValue, Element>): JSX.Element;
-export {};

package/dist/types/Fieldset.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-interface Props {
-    children: ReactNode;
-    legend?: ReactNode;
-}
-declare const _default: ({ children, legend }: Props) => JSX.Element;
-export default _default;

package/dist/types/FormFooter.d.ts

@@ -1,15 +0,0 @@
-import { Component, ReactNode } from 'react';
-import { Align } from './types';
-interface Props {
-    /** Children to be rendered in the footer. */
-    children?: ReactNode;
-    /** Footer contents should be left-aligned in single-page forms, flags, cards and section messages with the primary button on the left. */
-    align?: Align;
-}
-export default class FormFooter extends Component<Props> {
-    static defaultProps: {
-        align: string;
-    };
-    render(): JSX.Element;
-}
-export {};

package/dist/types/FormHeader.d.ts

@@ -1,13 +0,0 @@
-import { Component, ReactNode } from 'react';
-interface Props {
-    /** Header Title */
-    title?: ReactNode;
-    /** Header sub title or description */
-    description?: ReactNode;
-    /** Child contents will be rendered below the description */
-    children?: ReactNode;
-}
-export default class FormHeader extends Component<Props> {
-    render(): JSX.Element;
-}
-export {};

package/dist/types/FormSection.d.ts

@@ -1,13 +0,0 @@
-import { Component, ReactNode } from 'react';
-interface Props {
-    /** Section Title */
-    title?: ReactNode;
-    /** Content or child components to be rendered after description */
-    children?: ReactNode;
-    /** Sub title or description of this section */
-    description?: ReactNode;
-}
-export default class FormSection extends Component<Props> {
-    render(): JSX.Element;
-}
-export {};

package/dist/types/Messages.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-interface Props {
-    /** The content of the message */
-    children: ReactNode;
-    /** A testId prop is provided for specified elements, which is a unique string
-     *  that appears as a data attribute data-testid in the rendered code,
-     *  serving as a hook for automated tests
-     */
-    testId?: string;
-}
-export declare const HelperMessage: ({ children, testId }: Props) => JSX.Element;
-export declare const ErrorMessage: ({ children, testId }: Props) => JSX.Element;
-export declare const ValidMessage: ({ children, testId }: Props) => JSX.Element;
-export {};

package/dist/types/RangeField.d.ts

@@ -1,17 +0,0 @@
-import React, { FC, ReactNode } from 'react';
-import { FieldProps, Meta } from './Field';
-declare type RangeProps = Omit<FieldProps<number>, 'isInvalid' | 'isRequired'>;
-export interface RangeFieldProps {
-    children: (args: {
-        fieldProps: RangeProps;
-        error?: string;
-        meta: Meta;
-    }) => React.ReactNode;
-    name: string;
-    defaultValue: number | ((currentDefaultValue?: number) => number);
-    id?: string;
-    isDisabled?: boolean;
-    label?: ReactNode;
-}
-declare const RangeField: FC<RangeFieldProps>;
-export default RangeField;

package/dist/types/styled/Field.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-/**
- * Provide a styled container for field components
- */
-declare const FieldWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-/**
- * Provide a styled Label for field components
- */
-export declare const Label: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, any, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
-export declare const RequiredIndicator: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
-export default FieldWrapper;

package/dist/types/styled/FormFooter.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-/**
- * Provide a styled container for form headers.
- */
-export declare const FormFooterWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
-    align?: "start" | "end" | undefined;
-}, any, import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
-    align?: "start" | "end" | undefined;
-}>;

package/dist/types/styled/FormHeader.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-/**
- * Provide a styled container for form headers.
- */
-declare const FormHeaderWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-/**
- * Provide a styled container for form header title.
- */
-declare const FormHeaderTitle: import("styled-components").StyledComponentClass<(import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").CustomThemeProps) | (import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").NoThemeProps), any, (import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").CustomThemeProps) | (import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").NoThemeProps)>;
-/**
- * Provide a styled container for form header title.
- */
-declare const FormHeaderDescription: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-/**
- * Provide a styled container for form header content.
- */
-declare const FormHeaderContent: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export default FormHeaderWrapper;
-export { FormHeaderTitle, FormHeaderDescription, FormHeaderContent };

package/dist/types/styled/FormSection.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-/**
- * Provide a styled container for form sections.
- */
-declare const FormSectionWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-/**
- * Provide a styled container for form section title
- */
-declare const FormSectionTitle: import("styled-components").StyledComponentClass<(import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").CustomThemeProps) | (import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").NoThemeProps), any, (import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").CustomThemeProps) | (import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@atlaskit/theme").NoThemeProps)>;
-/**
- * Provide a styled container for form section content.
- */
-declare const FormSectionDescription: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export default FormSectionWrapper;
-export { FormSectionTitle, FormSectionDescription };

package/types/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@atlaskit/form/types",
-  "main": "../dist/cjs/types.js",
-  "module": "../dist/esm/types.js",
-  "module:es2019": "../dist/es2019/types.js",
-  "types": "../dist/types/types.d.ts"
-}