@dfds-ui/react-components 2.0.23-alpha.da370b8f → 2.0.23-alpha.df859452

package/cjs/card/Card.js

@@ -23,7 +23,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable @typescript-eslint/no-unsafe-call */ /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 const CardContext = /*#__PURE__*/_react.default.createContext({});
 exports.CardContext = CardContext;
 const CardContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {

package/cjs/common/arrow.js

@@ -11,6 +11,10 @@ function px(size) {
 }
 
 // currently limited positions
+/**
+ * Create css for an arrow
+ * A <div> tag must surround {children} to work
+ */
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "abcix4",
   styles: "top:0"
@@ -29,10 +33,6 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tbW9uL2Fycm93LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmZ1bmN0aW9uIHB4KHNpemU6IG51bWJlcikge1xuICByZXR1cm4gYCR7c2l6ZX1weGBcbn1cblxuLy8gY3VycmVudGx5IGxpbWl0ZWQgcG9zaXRpb25zXG5leHBvcnQgdHlwZSBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1sZWZ0JyB8ICd0b3AtcmlnaHQnIHwgJ2JvdHRvbS1sZWZ0JyB8ICdib3R0b20tcmlnaHQnXG5cbi8qKlxuICogQ3JlYXRlIGNzcyBmb3IgYW4gYXJyb3dcbiAqIEEgPGRpdj4gdGFnIG11c3Qgc3Vycm91bmQge2NoaWxkcmVufSB0byB3b3JrXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGFycm93KFxuICBzaXplOiBudW1iZXIsXG4gIGNvbG9yOiBzdHJpbmcsXG5cbiAgb2Zmc2V0ID0gMjAsXG4gIHBvc2l0aW9uOiBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1yaWdodCdcbikge1xuICBjb25zdCBkZWdUb1JhZCA9ICh4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gKHggLyAxODApICogTWF0aC5QSVxuICB9XG4gIGNvbnN0IGNhbGN1bGF0ZWRTaXplID0gTWF0aC5zaW4oZGVnVG9SYWQoNDUpKSAqIHNpemVcblxuICBjb25zdCBzaGFkb3cgPSA4XG5cbiAgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAwO1xuICAgIGhlaWdodDogMDtcbiAgYFxuXG4gIHJldHVybiBjc3NgXG4gICAgOjpiZWZvcmUge1xuICAgICAgJHtiYXNlfVxuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICR7cG9zaXRpb24uaW5jbHVkZXMoJ2xlZnQnKSA/ICdsZWZ0JyA6ICdyaWdodCd9OiAke3B4KG9mZnNldCl9O1xuICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAke3B4KHNoYWRvdyl9IDAgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cblxuICAgID4gZGl2IHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHBhZGRpbmc6IDVweCAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgICR7YmFzZX1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnYm90dG9tJykgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgYH1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICAgIGJvcmRlcjogJHtweChjYWxjdWxhdGVkU2l6ZSl9IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-/**
- * Create css for an arrow
- * A <div> tag must surround {children} to work
- */
 function arrow(size, color, offset = 20, position = 'top-right') {
   const degToRad = x => {
     return x / 180 * Math.PI;

package/cjs/common/polymorphic.js

@@ -8,7 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + 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 _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); } // TODO: Move this to future core package
+// TODO: Consider changing to this pattern:
+// https://blog.andrewbran.ch/polymorphic-react-components/
+// https://github.com/kripod/react-polymorphic-box
 /**
  * Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
  * polymorphic prop will point to the provided `RenderComponent`.

package/cjs/data-table/DataTable.js

@@ -9,6 +9,7 @@ var _react2 = require("@emotion/react");
 var _checkbox = require("../forms/checkbox");
 var _theme = require("@dfds-ui/theme");
 const _excluded = ["children", "onChange", "columns", "data", "hasHeader"];
+/* eslint-disable @typescript-eslint/ban-types */
 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 _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); }

package/cjs/date-range-picker/DateRangePicker.js

@@ -26,7 +26,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable deprecation/deprecation */ /* eslint-disable @typescript-eslint/restrict-plus-operands */ /* eslint-disable @typescript-eslint/no-non-null-assertion */ // eslint-disable-next-line import/no-extraneous-dependencies
 // Do a wrapper to support styled components: https://github.com/airbnb/react-dates/issues/1030#issuecomment-388227454
 const DateRangePicker = props => {
   const _useState = (0, _react.useState)(toMoment(props.startDates.initial)),

package/cjs/elevation/index.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("@emotion/react");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+// The values are from material-ui
+// https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/shadows.js
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "a7m0og",
   styles: "box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)"

package/cjs/forms/email-field/EmailField.js

@@ -9,8 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _TextField = _interopRequireDefault(require("../text-field/TextField"));
 var _react2 = require("@emotion/react");
 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); }
-// EmailField is a composite component used to encapsulate a complete field with label, input and error/hint
+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); } // EmailField is a composite component used to encapsulate a complete field with label, input and error/hint
 const EmailField = (props, ref) => {
   return (0, _react2.jsx)(_TextField.default, _extends({}, props, {
     ref: ref,

package/cjs/forms/input/InputComposition.js

@@ -19,7 +19,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } // Example
+/*
+<InputComposition>
+  <InputAddon />
+  <InputControl />
+  <InputIcon />
+</InputComposition>
+*/
 const iconSizes = {
   small: '24px',
   medium: '24px'

package/cjs/forms/password-field/PasswordField.js

@@ -19,7 +19,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /* eslint-disable deprecation/deprecation */
 const IconWrapper = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
   target: "e82rmjd0"
 } : {

package/cjs/forms/reactselect/ReactSelect.js

@@ -23,7 +23,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 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; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /* eslint-disable deprecation/deprecation */ /* eslint-disable @typescript-eslint/no-unsafe-assignment */ /* eslint-disable @typescript-eslint/no-unsafe-call */ /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 const ReactSelectWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "emyde7z1"
 } : {

package/cjs/forms/searchable-select/AsyncSearchableSelect.js

@@ -14,6 +14,7 @@ var _theme = require("@dfds-ui/theme");
 var _react2 = require("@emotion/react");
 const _excluded = ["name", "error", "selectClassName", "className", "icon", "disabled", "size", "arrow", "htmlSize", "handleInputChange", "loadOptions", "onBlur", "onFocus", "onChange", "assistiveText", "autoFocus"],
   _excluded2 = ["ref"];
+/* eslint-disable deprecation/deprecation */
 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 _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; }

package/cjs/forms/select/Select.js

@@ -14,7 +14,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /* eslint-disable deprecation/deprecation */
 const Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "em3vnrq2"
 } : {

package/cjs/forms/tel-field/TelField.js

@@ -9,9 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _TextField = _interopRequireDefault(require("../text-field/TextField"));
 var _react2 = require("@emotion/react");
 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); }
-// TelField is a composite component used to encapsulate a complete field with label, input and error/hint
-
+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); } // TelField is a composite component used to encapsulate a complete field with label, input and error/hint
 const TelField = (props, ref) => {
   return (0, _react2.jsx)(_TextField.default, _extends({}, props, {
     ref: ref,

package/cjs/forms/text-field/TextField.js

@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } // TODO: extend on JSX.IntrinsicElements['input'] will give us some of the other props
 const margins = process.env.NODE_ENV === "production" ? {
   name: "7yx9dh",
   styles: "margin-bottom:4px;display:block"

package/cjs/global-styles/ResetStyles.js

@@ -7,7 +7,13 @@ exports.ResetStyles = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
+                                                                                                                                                                                                                                                                                           * Minimal/modern CSS reset.
+                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                           * Taken from: https://www.joshwcomeau.com/css/custom-css-reset/
+                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                           * TODO: Include this in the GlobalStyles component when adapted and tested in solutions.
+                                                                                                                                                                                                                                                                                           */
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "6jhwm5",
   styles: "*,*::before,*::after{box-sizing:border-box;}*{margin:0;}html,body{height:100%;}body{-webkit-font-smoothing:antialiased;}img,picture,video,canvas,svg{display:block;max-width:100%;}input,button,textarea,select{font:inherit;}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;}"
@@ -17,13 +23,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL1Jlc2V0U3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2dsb2JhbC1zdHlsZXMvUmVzZXRTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG4vKipcbiAqIE1pbmltYWwvbW9kZXJuIENTUyByZXNldC5cbiAqXG4gKiBUYWtlbiBmcm9tOiBodHRwczovL3d3dy5qb3Nod2NvbWVhdS5jb20vY3NzL2N1c3RvbS1jc3MtcmVzZXQvXG4gKlxuICogVE9ETzogSW5jbHVkZSB0aGlzIGluIHRoZSBHbG9iYWxTdHlsZXMgY29tcG9uZW50IHdoZW4gYWRhcHRlZCBhbmQgdGVzdGVkIGluIHNvbHV0aW9ucy5cbiAqL1xuZXhwb3J0IGNvbnN0IFJlc2V0U3R5bGVzID0gKCkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHbG9iYWxcbiAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAvKlxuICAgICAgICAgIDEuIFVzZSBhIG1vcmUtaW50dWl0aXZlIGJveC1zaXppbmcgbW9kZWwuXG4gICAgICAgICovXG4gICAgICAgICosXG4gICAgICAgICo6OmJlZm9yZSxcbiAgICAgICAgKjo6YWZ0ZXIge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgLypcbiAgICAgICAgICAyLiBSZW1vdmUgZGVmYXVsdCBtYXJnaW5cbiAgICAgICAgKi9cbiAgICAgICAgKiB7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgIC8qXG4gICAgICAgICAgMy4gQWxsb3cgcGVyY2VudGFnZS1iYXNlZCBoZWlnaHRzIGluIHRoZSBhcHBsaWNhdGlvblxuICAgICAgICAqL1xuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIH1cbiAgICAgICAgLypcbiAgICAgICAgICBUeXBvZ3JhcGhpYyB0d2Vha3MhXG4gICAgICAgICAgNC4gQWRkIGFjY2Vzc2libGUgbGluZS1oZWlnaHRcbiAgICAgICAgICA1LiBJbXByb3ZlIHRleHQgcmVuZGVyaW5nXG4gICAgICAgICovXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIC8qIFRPRE86IEV2YWx1YXRlIGltcGxpY2F0aW9ucyBvZiBlbmFibGluZyB0aGlzIGxpbmUtaGVpZ2h0IGNoYW5nZSAqL1xuICAgICAgICAgIC8qIGxpbmUtaGVpZ2h0OiAxLjU7ICovXG4gICAgICAgICAgLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XG4gICAgICAgIH1cbiAgICAgICAgLypcbiAgICAgICAgICA2LiBJbXByb3ZlIG1lZGlhIGRlZmF1bHRzXG4gICAgICAgICovXG4gICAgICAgIGltZyxcbiAgICAgICAgcGljdHVyZSxcbiAgICAgICAgdmlkZW8sXG4gICAgICAgIGNhbnZhcyxcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cbiAgICAgICAgLypcbiAgICAgICAgICA3LiBSZW1vdmUgYnVpbHQtaW4gZm9ybSB0eXBvZ3JhcGh5IHN0eWxlc1xuICAgICAgICAqL1xuICAgICAgICBpbnB1dCxcbiAgICAgICAgYnV0dG9uLFxuICAgICAgICB0ZXh0YXJlYSxcbiAgICAgICAgc2VsZWN0IHtcbiAgICAgICAgICBmb250OiBpbmhlcml0O1xuICAgICAgICB9XG4gICAgICAgIC8qXG4gICAgICAgICAgOC4gQXZvaWQgdGV4dCBvdmVyZmxvd3NcbiAgICAgICAgKi9cbiAgICAgICAgcCxcbiAgICAgICAgaDEsXG4gICAgICAgIGgyLFxuICAgICAgICBoMyxcbiAgICAgICAgaDQsXG4gICAgICAgIGg1LFxuICAgICAgICBoNiB7XG4gICAgICAgICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAvPlxuICApXG59XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-/**
- * Minimal/modern CSS reset.
- *
- * Taken from: https://www.joshwcomeau.com/css/custom-css-reset/
- *
- * TODO: Include this in the GlobalStyles component when adapted and tested in solutions.
- */
 const ResetStyles = () => {
   return (0, _react2.jsx)(_react2.Global, {
     styles: _ref

package/cjs/styles/style-helpers.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.visuallyHidden = void 0;
 var _react = require("@emotion/react");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+// https://zellwk.com/blog/hide-content-accessibly/
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "2jmk7x",
   styles: "border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap"
@@ -15,6 +16,5 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdHlsZXMvc3R5bGUtaGVscGVycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0eWxlcy9zdHlsZS1oZWxwZXJzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIGh0dHBzOi8vemVsbHdrLmNvbS9ibG9nL2hpZGUtY29udGVudC1hY2Nlc3NpYmx5L1xuZXhwb3J0IGNvbnN0IHZpc3VhbGx5SGlkZGVuID0gKCkgPT4gY3NzYFxuICBib3JkZXI6IDA7XG4gIGNsaXA6IHJlY3QoMCAwIDAgMCk7XG4gIGhlaWdodDogYXV0bztcbiAgbWFyZ2luOiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-// https://zellwk.com/blog/hide-content-accessibly/
 const visuallyHidden = () => _ref;
 exports.visuallyHidden = visuallyHidden;

package/common/arrow.js

@@ -5,6 +5,10 @@ function px(size) {
 }
 
 // currently limited positions
+/**
+ * Create css for an arrow
+ * A <div> tag must surround {children} to work
+ */
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "abcix4",
   styles: "top:0"
@@ -23,10 +27,6 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJrQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tbW9uL2Fycm93LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmZ1bmN0aW9uIHB4KHNpemU6IG51bWJlcikge1xuICByZXR1cm4gYCR7c2l6ZX1weGBcbn1cblxuLy8gY3VycmVudGx5IGxpbWl0ZWQgcG9zaXRpb25zXG5leHBvcnQgdHlwZSBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1sZWZ0JyB8ICd0b3AtcmlnaHQnIHwgJ2JvdHRvbS1sZWZ0JyB8ICdib3R0b20tcmlnaHQnXG5cbi8qKlxuICogQ3JlYXRlIGNzcyBmb3IgYW4gYXJyb3dcbiAqIEEgPGRpdj4gdGFnIG11c3Qgc3Vycm91bmQge2NoaWxkcmVufSB0byB3b3JrXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGFycm93KFxuICBzaXplOiBudW1iZXIsXG4gIGNvbG9yOiBzdHJpbmcsXG5cbiAgb2Zmc2V0ID0gMjAsXG4gIHBvc2l0aW9uOiBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1yaWdodCdcbikge1xuICBjb25zdCBkZWdUb1JhZCA9ICh4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gKHggLyAxODApICogTWF0aC5QSVxuICB9XG4gIGNvbnN0IGNhbGN1bGF0ZWRTaXplID0gTWF0aC5zaW4oZGVnVG9SYWQoNDUpKSAqIHNpemVcblxuICBjb25zdCBzaGFkb3cgPSA4XG5cbiAgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAwO1xuICAgIGhlaWdodDogMDtcbiAgYFxuXG4gIHJldHVybiBjc3NgXG4gICAgOjpiZWZvcmUge1xuICAgICAgJHtiYXNlfVxuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICR7cG9zaXRpb24uaW5jbHVkZXMoJ2xlZnQnKSA/ICdsZWZ0JyA6ICdyaWdodCd9OiAke3B4KG9mZnNldCl9O1xuICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAke3B4KHNoYWRvdyl9IDAgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cblxuICAgID4gZGl2IHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHBhZGRpbmc6IDVweCAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgICR7YmFzZX1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnYm90dG9tJykgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgYH1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICAgIGJvcmRlcjogJHtweChjYWxjdWxhdGVkU2l6ZSl9IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-/**
- * Create css for an arrow
- * A <div> tag must surround {children} to work
- */
 export default function arrow(size, color) {
   var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 20;
   var position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'top-right';

package/common/polymorphic.js

@@ -6,6 +6,8 @@ import React from 'react';
 
 // TODO: Consider changing to this pattern:
 // https://blog.andrewbran.ch/polymorphic-react-components/
+
+// https://github.com/kripod/react-polymorphic-box
 import { jsx as ___EmotionJSX } from "@emotion/react";
 /**
  * Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the

package/forms/text-field/TextField.js

@@ -11,6 +11,8 @@ import Input from '../input/Input';
 import AssistiveText from '../assistive-text/AssistiveText';
 import ErrorText from '../error-text/ErrorText';
 import { v4 as uuidv4 } from 'uuid';
+
+// TODO: extend on JSX.IntrinsicElements['input'] will give us some of the other props
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var margins = process.env.NODE_ENV === "production" ? {
   name: "7yx9dh",

package/package.json

@@ -3,7 +3,7 @@
   "description": "Shared react components within DFDS",
   "license": "MIT",
   "private": false,
-  "version": "2.0.23-alpha.da370b8f",
+  "version": "2.0.23-alpha.df859452",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -18,13 +18,13 @@
     "react-select": "^4.0.0"
   },
   "dependencies": {
-    "@dfds-ui/colors": "2.0.23-alpha.da370b8f",
-    "@dfds-ui/fonts": "2.0.23-alpha.da370b8f",
-    "@dfds-ui/hooks": "2.0.23-alpha.da370b8f",
-    "@dfds-ui/icons": "2.0.23-alpha.da370b8f",
-    "@dfds-ui/spacing": "2.0.23-alpha.da370b8f",
-    "@dfds-ui/theme": "2.0.23-alpha.da370b8f",
-    "@dfds-ui/typography": "2.0.23-alpha.da370b8f",
+    "@dfds-ui/colors": "2.0.23-alpha.df859452",
+    "@dfds-ui/fonts": "2.0.23-alpha.df859452",
+    "@dfds-ui/hooks": "2.0.23-alpha.df859452",
+    "@dfds-ui/icons": "2.0.23-alpha.df859452",
+    "@dfds-ui/spacing": "2.0.23-alpha.df859452",
+    "@dfds-ui/theme": "2.0.23-alpha.df859452",
+    "@dfds-ui/typography": "2.0.23-alpha.df859452",
     "@kunukn/react-collapse": "^2.2.9",
     "@mui/base": "^5.0.0-alpha.102",
     "@mui/material": "^5.10.10",
@@ -36,7 +36,7 @@
     "react-hook-intersection-observer": "^0.1.0",
     "uuid": "^9.0.0"
   },
-  "gitHead": "da370b8fe866cca4e716589136faf90bf3b9e808",
+  "gitHead": "df8594524df3bf0dfdd262ae7f6c7c13904052f6",
   "publishConfig": {
     "access": "public"
   }