@skyscanner/backpack-web 6.0.0-alpha.2 → 7.0.0-alpha.1

package/bpk-component-fieldset/index.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-Object.defineProperty(exports, "defaultProps", {
-  enumerable: true,
-  get: function () {
-    return _BpkFieldset.defaultProps;
-  }
-});
-Object.defineProperty(exports, "propTypes", {
-  enumerable: true,
-  get: function () {
-    return _BpkFieldset.propTypes;
-  }
-});
-Object.defineProperty(exports, "themeAttributes", {
-  enumerable: true,
-  get: function () {
-    return _themeAttributes.default;
-  }
-});
-
-var _BpkFieldset = _interopRequireWildcard(require("./src/BpkFieldset"));
-
-var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var _default = _BpkFieldset.default;
-exports.default = _default;

package/bpk-component-fieldset/src/BpkFieldset-test.js

@@ -1,313 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _bpkComponentSelect = _interopRequireDefault(require("../../bpk-component-select"));
-
-var _bpkComponentCheckbox = _interopRequireDefault(require("../../bpk-component-checkbox"));
-
-var _bpkComponentInput = _interopRequireWildcard(require("../../bpk-component-input"));
-
-var _BpkFieldset = _interopRequireWildcard(require("./BpkFieldset"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-describe('BpkFieldset', () => {
-  it('should render correctly with input component', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      label: "Name",
-      validationMessage: "Please enter a name"
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentInput.default, {
-      id: "name_input",
-      name: "name",
-      type: _bpkComponentInput.INPUT_TYPES.text,
-      placeholder: "e.g. Joe Bloggs",
-      value: ""
-    })));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render correctly with input component and "required" attribute', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      label: "Name",
-      validationMessage: "Please enter a name",
-      required: true
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentInput.default, {
-      id: "name_input",
-      name: "name",
-      type: _bpkComponentInput.INPUT_TYPES.text,
-      placeholder: "e.g. Joe Bloggs",
-      value: "",
-      valid: true
-    })));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render correctly with input component and "valid" attribute', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      label: "Name",
-      validationMessage: "Please enter a name"
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentInput.default, {
-      id: "name_input",
-      name: "name",
-      type: _bpkComponentInput.INPUT_TYPES.text,
-      placeholder: "e.g. Joe Bloggs",
-      value: "",
-      valid: true
-    })));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render correctly with input component and "valid" attribute equal to false', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      label: "Name",
-      validationMessage: "Please enter a name"
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentInput.default, {
-      id: "name_input",
-      name: "name",
-      type: _bpkComponentInput.INPUT_TYPES.text,
-      placeholder: "e.g. Joe Bloggs",
-      value: "",
-      valid: false
-    })));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render correctly when disabled with input component and "valid" attribute', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      disabled: true,
-      label: "Name",
-      validationMessage: "Please enter a name"
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentInput.default, {
-      id: "name_input",
-      name: "name",
-      type: _bpkComponentInput.INPUT_TYPES.text,
-      placeholder: "e.g. Joe Bloggs",
-      value: "",
-      valid: true,
-      disabled: true
-    })));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render correctly when disabled with input component and "valid" attribute equal to false', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      disabled: true,
-      label: "Name",
-      validationMessage: "Please enter a name"
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentInput.default, {
-      id: "name_input",
-      name: "name",
-      type: _bpkComponentInput.INPUT_TYPES.text,
-      placeholder: "e.g. Joe Bloggs",
-      value: "",
-      valid: false,
-      disabled: true
-    })));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render correctly with input component and "disabled" attribute', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      label: "Name",
-      validationMessage: "Please enter a name"
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentInput.default, {
-      id: "name_input",
-      name: "name",
-      type: _bpkComponentInput.INPUT_TYPES.text,
-      placeholder: "e.g. Joe Bloggs",
-      value: "",
-      disabled: true
-    })));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render as disabled when input component is disabled and required', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      label: "Name",
-      validationMessage: "Please enter a name",
-      disabled: true,
-      required: true
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentInput.default, {
-      id: "name_input",
-      name: "name",
-      type: _bpkComponentInput.INPUT_TYPES.text,
-      placeholder: "e.g. Joe Bloggs",
-      value: ""
-    })));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render correctly with input component and "description" attribute', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      label: "Name",
-      validationMessage: "Please enter a name",
-      description: "Your full name exactly as stated in your passport."
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentInput.default, {
-      id: "name_input",
-      name: "name",
-      type: _bpkComponentInput.INPUT_TYPES.text,
-      placeholder: "e.g. Joe Bloggs",
-      value: ""
-    })));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render correctly with select component', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      label: "Fruits",
-      validationMessage: "Please select a fruit"
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentSelect.default, {
-      id: "fruits_select",
-      name: "fruits",
-      value: ""
-    }, /*#__PURE__*/_react.default.createElement("option", {
-      value: ""
-    }, "Please select..."), /*#__PURE__*/_react.default.createElement("option", {
-      value: "apples"
-    }, "Apples"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "oranges"
-    }, "Oranges"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "pears"
-    }, "Pears"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "tomato",
-      disabled: true
-    }, "Tomato"))));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render correctly with select component and "required" attribute', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      label: "Fruits",
-      validationMessage: "Please select a fruit",
-      required: true
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentSelect.default, {
-      id: "fruits_select",
-      name: "fruits",
-      value: ""
-    }, /*#__PURE__*/_react.default.createElement("option", {
-      value: ""
-    }, "Please select..."), /*#__PURE__*/_react.default.createElement("option", {
-      value: "apples"
-    }, "Apples"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "oranges"
-    }, "Oranges"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "pears"
-    }, "Pears"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "tomato",
-      disabled: true
-    }, "Tomato"))));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render as disabled when select component is disabled and required', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      label: "Fruits",
-      validationMessage: "Please select a fruit",
-      disabled: true,
-      required: true
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentSelect.default, {
-      id: "fruits_select",
-      name: "fruits",
-      value: ""
-    }, /*#__PURE__*/_react.default.createElement("option", {
-      value: ""
-    }, "Please select..."), /*#__PURE__*/_react.default.createElement("option", {
-      value: "apples"
-    }, "Apples"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "oranges"
-    }, "Oranges"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "pears"
-    }, "Pears"), /*#__PURE__*/_react.default.createElement("option", {
-      value: "tomato",
-      disabled: true
-    }, "Tomato"))));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render correctly with checkbox component', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      isCheckbox: true,
-      validationMessage: "You must accept the terms and conditions to continue"
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentCheckbox.default, {
-      id: "terms_and_conditions_checkbox",
-      name: "terms_and_conditions",
-      label: "I accept the terms and conditions"
-    })));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render correctly with checkbox component and "required" attribute', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      isCheckbox: true,
-      validationMessage: "You must accept the terms and conditions to continue",
-      required: true
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentCheckbox.default, {
-      id: "terms_and_conditions_checkbox",
-      name: "terms_and_conditions",
-      label: "I accept the terms and conditions"
-    })));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render as disabled when checkbox component is disabled and required', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      isCheckbox: true,
-      validationMessage: "You must accept the terms and conditions to continue",
-      disabled: true,
-      required: true
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentCheckbox.default, {
-      id: "terms_and_conditions_checkbox",
-      name: "terms_and_conditions",
-      label: "I accept the terms and conditions"
-    })));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should reject label property when label is omitted', () => {
-    expect(_BpkFieldset.propTypes.label({}, 'label').toString()).toEqual('Error: `label` is required when `isCheckbox` is false.');
-  });
-  it('should accept no label property when label is omitted but isCheckbox is included', () => {
-    expect(_BpkFieldset.propTypes.label({
-      isCheckbox: true
-    }, 'label').toString()).toEqual('false');
-  });
-});

package/bpk-component-fieldset/src/BpkFieldset.css

@@ -1,18 +0,0 @@
-/*
- * Backpack - Skyscanner's Design System
- * 
- * Copyright 2016 Skyscanner Ltd
- * 
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
-*/
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-fieldset{margin:0;padding:0;border:0}.bpk-fieldset__description{display:block;margin-top:0.5rem;color:#68697f;font-size:.75rem;line-height:1rem;font-weight:400}.bpk-fieldset__label{margin-bottom:0.5rem}

package/bpk-component-fieldset/src/BpkFieldset.js

@@ -1,167 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _bpkComponentLabel = _interopRequireDefault(require("../../bpk-component-label"));
-
-var _bpkComponentFormValidation = _interopRequireDefault(require("../../bpk-component-form-validation"));
-
-var _bpkReactUtils = require("../../bpk-react-utils");
-
-var _BpkFieldsetModule = _interopRequireDefault(require("./BpkFieldset.css"));
-
-const _excluded = ["children", "className", "description", "disabled", "isCheckbox", "label", "required", "valid", "validationMessage", "validationProps"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-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; }
-
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkFieldsetModule.default);
-
-const BpkFieldset = props => {
-  const {
-    children,
-    className,
-    description,
-    disabled,
-    isCheckbox,
-    label,
-    required,
-    valid,
-    validationMessage,
-    validationProps
-  } = props,
-        rest = _objectWithoutProperties(props, _excluded);
-
-  if (!children) {
-    return null;
-  } // $FlowIgnore[prop-missing] - As children could be any element and might not have a value which is safe
-
-
-  let childId = children.props.id;
-
-  if ( // Flow is being dumb here and doesn't let us do this check, even though it's perfectly safe!
-  // $FlowIgnore[prop-missing]
-  // $FlowIgnore[sketchy-null-mixed]
-  children.props.inputProps && // $FlowIgnore[sketchy-null-mixed]
-  children.props.inputProps.id && typeof children.props.inputProps.id === 'string') {
-    childId = children.props.inputProps.id;
-  }
-
-  const classNames = [getClassName('bpk-fieldset')];
-  const validationMessageId = `${childId}_validation_message`;
-  const descriptionId = `${childId}_description`;
-  const isValid = isCheckbox ? valid : children.props.valid; // Explicit check for false primitive value as undefined is
-  // treated as neither valid nor invalid
-
-  const isInvalid = isValid === false;
-  const childrenProps = {
-    disabled
-  };
-
-  if (isCheckbox) {
-    childrenProps.required = required;
-  } else {
-    childrenProps['aria-required'] = required;
-  }
-
-  if (validationMessage && isInvalid) {
-    childrenProps['aria-describedby'] = validationMessageId;
-  } else if (description) {
-    childrenProps['aria-describedby'] = descriptionId;
-  }
-
-  const clonedChildren = /*#__PURE__*/(0, _react.cloneElement)(children, childrenProps);
-
-  if (className) {
-    classNames.push(className);
-  }
-
-  return (
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _react.default.createElement("fieldset", _extends({
-      className: classNames.join(' ')
-    }, rest), !isCheckbox && /*#__PURE__*/_react.default.createElement(_bpkComponentLabel.default, {
-      className: getClassName('bpk-fieldset__label'),
-      htmlFor: childId,
-      required: required,
-      disabled: disabled,
-      valid: isValid
-    }, label), clonedChildren, description && /*#__PURE__*/_react.default.createElement("span", {
-      className: getClassName('bpk-fieldset__description'),
-      id: descriptionId
-    }, description), !disabled && validationMessage &&
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _react.default.createElement(_bpkComponentFormValidation.default, _extends({
-      id: validationMessageId,
-      expanded: isInvalid,
-      isCheckbox: isCheckbox
-    }, validationProps), validationMessage))
-  );
-};
-
-const labelPropType = (props, propName) => {
-  const {
-    isCheckbox,
-    label
-  } = props;
-
-  if (!label && !isCheckbox) {
-    return new Error(`\`${propName}\` is required when \`isCheckbox\` is false.`);
-  }
-
-  return false;
-};
-
-const propTypes = {
-  children: _propTypes.default.element.isRequired,
-  label: labelPropType,
-  disabled: _propTypes.default.bool,
-  valid: _propTypes.default.bool,
-  required: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  validationMessage: _propTypes.default.string,
-  isCheckbox: _propTypes.default.bool,
-  validationProps: _propTypes.default.object,
-  description: _propTypes.default.string
-};
-exports.propTypes = propTypes;
-const defaultProps = {
-  label: null,
-  disabled: false,
-  valid: null,
-  required: false,
-  className: null,
-  validationMessage: null,
-  isCheckbox: false,
-  validationProps: {},
-  description: null
-};
-exports.defaultProps = defaultProps;
-BpkFieldset.propTypes = _objectSpread({}, propTypes);
-BpkFieldset.defaultProps = _objectSpread({}, defaultProps);
-var _default = BpkFieldset;
-exports.default = _default;

package/bpk-component-fieldset/src/accessibility-test.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _bpkComponentInput = _interopRequireWildcard(require("../../bpk-component-input"));
-
-var _jestAxe = require("jest-axe");
-
-var _BpkFieldset = _interopRequireDefault(require("./BpkFieldset"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-describe('BpkFieldset accessibility tests', () => {
-  it('should not have programmatically-detectable accessibility issues', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkFieldset.default, {
-      label: "Name",
-      validationMessage: "Please enter a name"
-    }, /*#__PURE__*/_react.default.createElement(_bpkComponentInput.default, {
-      id: "name_input",
-      name: "name",
-      type: _bpkComponentInput.INPUT_TYPES.text,
-      placeholder: "e.g. Joe Bloggs",
-      value: ""
-    })));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-  });
-});

package/bpk-component-fieldset/src/themeAttributes.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var _default = ['fieldsetLabelTextColor'];
-exports.default = _default;