@dfds-ui/react-components 0.9.7-alpha.fef7a36f → 0.9.8-alpha.b6efb903

package/stepper/Step.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ListItemProps } from './../lists/ListItem';
-declare type StepProps = {
-    label: ReactNode;
-    children: ReactNode;
-    listItemProps?: ListItemProps;
-};
-declare const _default: React.NamedExoticComponent<StepProps>;
-export default _default;

package/stepper/Step.js

@@ -1,76 +0,0 @@
-var _excluded = ["children", "label", "listItemProps"];
-
-function _extends() { _extends = Object.assign || 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-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 _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)."; }
-
-import React, { useEffect, useState, memo } from 'react';
-import { css } from '@emotion/react';
-import { Step as StepWrapper, StepContent } from '@material-ui/core';
-import { useStepperContext } from './Stepper';
-import ListItem from './../lists/ListItem';
-import uuid from 'uuid/v4';
-import { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-
-var listItemStyles = function listItemStyles(_ref) {
-  var isActive = _ref.isActive;
-  return /*#__PURE__*/css("background-color:", isActive ? theme.colors.secondary.light : theme.colors.surface.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdtRSIsImZpbGUiOiIuLi8uLi9zcmMvc3RlcHBlci9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZ1bmN0aW9uQ29tcG9uZW50LCB1c2VFZmZlY3QsIHVzZVN0YXRlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN0ZXAgYXMgU3RlcFdyYXBwZXIsIFN0ZXBDb250ZW50IH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnXG5pbXBvcnQgeyB1c2VTdGVwcGVyQ29udGV4dCB9IGZyb20gJy4vU3RlcHBlcidcbmltcG9ydCBMaXN0SXRlbSwgeyBMaXN0SXRlbVByb3BzIH0gZnJvbSAnLi8uLi9saXN0cy9MaXN0SXRlbSdcbmltcG9ydCB1dWlkIGZyb20gJ3V1aWQvdjQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFN0ZXBQcm9wcyA9IHsgbGFiZWw6IFJlYWN0Tm9kZTsgY2hpbGRyZW46IFJlYWN0Tm9kZTsgbGlzdEl0ZW1Qcm9wcz86IExpc3RJdGVtUHJvcHMgfVxudHlwZSBTdGVwQ29tcG9uZW50ID0gRnVuY3Rpb25Db21wb25lbnQ8U3RlcFByb3BzPlxuXG5jb25zdCBsaXN0SXRlbVN0eWxlcyA9ICh7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSkgPT4gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2lzQWN0aXZlID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodCA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG5gXG5cbmNvbnN0IHN0ZXBDb250ZW50U3R5bGVzID0gY3NzYFxuICAuTXVpU3RlcENvbnRlbnQtcm9vdCB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG1hcmdpbjogMHB4O1xuICAgIHBhZGRpbmc6IDBweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwOiBTdGVwQ29tcG9uZW50ID0gKHsgY2hpbGRyZW4sIGxhYmVsLCBsaXN0SXRlbVByb3BzLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IFtzdGVwSWRdID0gdXNlU3RhdGUodXVpZCgpKVxuICBjb25zdCB7IHNldFN0ZXAsIGFjdGl2ZVN0ZXAgfSA9IHVzZVN0ZXBwZXJDb250ZXh0KClcbiAgY29uc3QgaXNBY3RpdmUgPSBzdGVwSWQgPT09IGFjdGl2ZVN0ZXBcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB1c2VFZmZlY3QoKCkgPT4gc2V0U3RlcChzdGVwSWQpLCBbXSlcbiAgcmV0dXJuIChcbiAgICA8U3RlcFdyYXBwZXIgey4uLnByb3BzfSBjc3M9e3N0ZXBDb250ZW50U3R5bGVzfT5cbiAgICAgIDxMaXN0SXRlbSBhcz1cImRpdlwiIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBpc0FjdGl2ZSB9KX0gey4uLmxpc3RJdGVtUHJvcHN9PlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xpc3RJdGVtPlxuICAgICAgPFN0ZXBDb250ZW50PntjaGlsZHJlbn08L1N0ZXBDb250ZW50PlxuICAgIDwvU3RlcFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgbWVtbyhTdGVwKVxuIl19 */");
-};
-
-var stepContentStyles = process.env.NODE_ENV === "production" ? {
-  name: "1nyoacf",
-  styles: ".MuiStepContent-root{border:none;margin:0px;padding:0px;}"
-} : {
-  name: "ndmke3-stepContentStyles",
-  styles: ".MuiStepContent-root{border:none;margin:0px;padding:0px;};label:stepContentStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU2QiIsImZpbGUiOiIuLi8uLi9zcmMvc3RlcHBlci9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZ1bmN0aW9uQ29tcG9uZW50LCB1c2VFZmZlY3QsIHVzZVN0YXRlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN0ZXAgYXMgU3RlcFdyYXBwZXIsIFN0ZXBDb250ZW50IH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnXG5pbXBvcnQgeyB1c2VTdGVwcGVyQ29udGV4dCB9IGZyb20gJy4vU3RlcHBlcidcbmltcG9ydCBMaXN0SXRlbSwgeyBMaXN0SXRlbVByb3BzIH0gZnJvbSAnLi8uLi9saXN0cy9MaXN0SXRlbSdcbmltcG9ydCB1dWlkIGZyb20gJ3V1aWQvdjQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFN0ZXBQcm9wcyA9IHsgbGFiZWw6IFJlYWN0Tm9kZTsgY2hpbGRyZW46IFJlYWN0Tm9kZTsgbGlzdEl0ZW1Qcm9wcz86IExpc3RJdGVtUHJvcHMgfVxudHlwZSBTdGVwQ29tcG9uZW50ID0gRnVuY3Rpb25Db21wb25lbnQ8U3RlcFByb3BzPlxuXG5jb25zdCBsaXN0SXRlbVN0eWxlcyA9ICh7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSkgPT4gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2lzQWN0aXZlID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodCA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG5gXG5cbmNvbnN0IHN0ZXBDb250ZW50U3R5bGVzID0gY3NzYFxuICAuTXVpU3RlcENvbnRlbnQtcm9vdCB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG1hcmdpbjogMHB4O1xuICAgIHBhZGRpbmc6IDBweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwOiBTdGVwQ29tcG9uZW50ID0gKHsgY2hpbGRyZW4sIGxhYmVsLCBsaXN0SXRlbVByb3BzLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IFtzdGVwSWRdID0gdXNlU3RhdGUodXVpZCgpKVxuICBjb25zdCB7IHNldFN0ZXAsIGFjdGl2ZVN0ZXAgfSA9IHVzZVN0ZXBwZXJDb250ZXh0KClcbiAgY29uc3QgaXNBY3RpdmUgPSBzdGVwSWQgPT09IGFjdGl2ZVN0ZXBcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB1c2VFZmZlY3QoKCkgPT4gc2V0U3RlcChzdGVwSWQpLCBbXSlcbiAgcmV0dXJuIChcbiAgICA8U3RlcFdyYXBwZXIgey4uLnByb3BzfSBjc3M9e3N0ZXBDb250ZW50U3R5bGVzfT5cbiAgICAgIDxMaXN0SXRlbSBhcz1cImRpdlwiIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBpc0FjdGl2ZSB9KX0gey4uLmxpc3RJdGVtUHJvcHN9PlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xpc3RJdGVtPlxuICAgICAgPFN0ZXBDb250ZW50PntjaGlsZHJlbn08L1N0ZXBDb250ZW50PlxuICAgIDwvU3RlcFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgbWVtbyhTdGVwKVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var Step = function Step(_ref2) {
-  var children = _ref2.children,
-      label = _ref2.label,
-      listItemProps = _ref2.listItemProps,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
-  var _useState = useState(uuid()),
-      _useState2 = _slicedToArray(_useState, 1),
-      stepId = _useState2[0];
-
-  var _useStepperContext = useStepperContext(),
-      setStep = _useStepperContext.setStep,
-      activeStep = _useStepperContext.activeStep;
-
-  var isActive = stepId === activeStep; // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  useEffect(function () {
-    return setStep(stepId);
-  }, []);
-  return ___EmotionJSX(StepWrapper, _extends({}, props, {
-    css: stepContentStyles
-  }), ___EmotionJSX(ListItem, _extends({
-    as: "div",
-    css: listItemStyles({
-      isActive: isActive
-    })
-  }, listItemProps), label), ___EmotionJSX(StepContent, null, children));
-};
-
-export default /*#__PURE__*/memo(Step);

package/stepper/Stepper.d.ts

@@ -1,15 +0,0 @@
-import React, { SetStateAction, Dispatch, ReactNode } from 'react';
-declare type StepperProps = {
-    children: ReactNode;
-    initialStep?: number;
-};
-export declare const useStepperContext: () => {
-    activeStep: string;
-    setStep: (id: string) => void;
-    setNext: () => Dispatch<SetStateAction<number>> | void;
-    setBack: () => Dispatch<SetStateAction<number>> | void;
-    setReset: () => Dispatch<SetStateAction<number>> | void;
-    setActiveIndex: Dispatch<SetStateAction<number>>;
-};
-declare const _default: React.NamedExoticComponent<StepperProps>;
-export default _default;

package/stepper/Stepper.js

@@ -1,97 +0,0 @@
-var _excluded = ["children", "initialStep"];
-
-function _extends() { _extends = Object.assign || 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-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 _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; }
-
-import React, { useState, useContext, createContext, useCallback, memo } from 'react';
-import { Stepper } from '@material-ui/core';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var StepperContext = /*#__PURE__*/createContext(undefined);
-export var useStepperContext = function useStepperContext() {
-  var context = useContext(StepperContext);
-
-  if (context === undefined) {
-    throw new Error('useStepperContext must be used within a StepperProvider');
-  }
-
-  return context;
-};
-
-var StepperProvider = function StepperProvider(_ref) {
-  var children = _ref.children,
-      initialStep = _ref.initialStep,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      steps = _useState2[0],
-      setSteps = _useState2[1];
-
-  var _useState3 = useState(initialStep || 0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      activeIndex = _useState4[0],
-      setActiveIndex = _useState4[1];
-
-  var activeStep = steps[activeIndex];
-  var setStep = useCallback(function (newStep) {
-    return setSteps(function (prevSteps) {
-      return [].concat(_toConsumableArray(prevSteps), [newStep]);
-    });
-  }, []);
-  var setNext = useCallback(function () {
-    return setActiveIndex(function (prevIndex) {
-      return prevIndex + 1;
-    });
-  }, []);
-  var setBack = useCallback(function () {
-    return setActiveIndex(function (prevIndex) {
-      return prevIndex - 1;
-    });
-  }, []);
-  var setReset = useCallback(function () {
-    return setActiveIndex(0);
-  }, []);
-  return ___EmotionJSX(StepperContext.Provider, {
-    value: {
-      setStep: setStep,
-      activeStep: activeStep,
-      setNext: setNext,
-      setBack: setBack,
-      setReset: setReset,
-      setActiveIndex: setActiveIndex
-    }
-  }, ___EmotionJSX(Stepper, _extends({
-    style: {
-      padding: 0
-    }
-  }, props, {
-    connector: ___EmotionJSX(React.Fragment, null),
-    orientation: "vertical",
-    activeStep: activeIndex
-  }), children));
-};
-
-export default /*#__PURE__*/memo(StepperProvider);

package/stepper/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Step } from './Step';
-export { default as Stepper, useStepperContext } from './Stepper';

package/stepper/index.js

@@ -1,2 +0,0 @@
-export { default as Step } from './Step';
-export { default as Stepper, useStepperContext } from './Stepper';

package/styles/index.d.ts

@@ -1,3 +0,0 @@
-export { default as legacyMedia, legacyGenerateMedia } from './media';
-export { default as theme } from './theme';
-export { visuallyHidden } from './style-helpers';

package/styles/index.js

@@ -1,3 +0,0 @@
-export { default as legacyMedia, legacyGenerateMedia } from './media';
-export { default as theme } from './theme';
-export { visuallyHidden } from './style-helpers';

package/styles/media.d.ts

@@ -1,21 +0,0 @@
-declare const defaultBreakPoints: {
-    xl: number;
-    lg: number;
-    md: number;
-    sm: number;
-    xs: number;
-};
-declare type BreakPoint = keyof typeof defaultBreakPoints | number;
-export declare function legacyGenerateMedia(breakPoints: typeof defaultBreakPoints): {
-    lt: (breakPoint: BreakPoint) => string;
-    gt: (breakPoint: BreakPoint) => string;
-    bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
-    tablet: () => string;
-};
-export declare const legacyMedia: {
-    lt: (breakPoint: BreakPoint) => string;
-    gt: (breakPoint: BreakPoint) => string;
-    bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
-    tablet: () => string;
-};
-export default legacyMedia;

package/styles/media.js

@@ -1,41 +0,0 @@
-// ***
-// DEPRECATED use media from ./media
-// ***
-// breakpoint used in DFDS-DIRECT
-var defaultBreakPoints = {
-  xl: 1260,
-  lg: 992,
-  md: 768,
-  sm: 576,
-  xs: 575
-};
-export function legacyGenerateMedia(breakPoints) {
-  var toInt = function toInt(breakPoint) {
-    return typeof breakPoint === 'number' ? breakPoint : breakPoints[breakPoint];
-  };
-
-  var lessThan = function lessThan(breakPoint) {
-    return "\n    @media (max-width: ".concat(toInt(breakPoint) - 1, "px)");
-  };
-
-  var greaterThan = function greaterThan(breakPoint) {
-    return "\n    @media (min-width: ".concat(toInt(breakPoint) + 1, "px)");
-  };
-
-  var between = function between(firstBreakpoint, secondBreakpoint) {
-    return "\n    @media (min-width: ".concat(toInt(firstBreakpoint), "px) and (max-width: ").concat(toInt(secondBreakpoint), "px)");
-  };
-
-  var tablet = function tablet() {
-    return "\n   @media (min-width: ".concat(breakPoints.sm + 1, "px) and (max-width: ").concat(breakPoints.md, "px)");
-  };
-
-  return {
-    lt: lessThan,
-    gt: greaterThan,
-    bt: between,
-    tablet: tablet
-  };
-}
-export var legacyMedia = legacyGenerateMedia(defaultBreakPoints);
-export default legacyMedia;

package/styles/rem.d.ts

@@ -1 +0,0 @@
-export declare const rem: (targetPixelValue: number, base?: number) => string;

package/styles/rem.js

@@ -1,5 +0,0 @@
-// replacement for the rem function from polished
-export var rem = function rem(targetPixelValue) {
-  var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
-  return "".concat(targetPixelValue / base, "rem");
-};

package/styles/style-helpers.d.ts

@@ -1 +0,0 @@
-export declare const visuallyHidden: () => import("@emotion/react").SerializedStyles;

package/styles/style-helpers.js

@@ -1,17 +0,0 @@
-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)."; }
-
-import { css } from '@emotion/react'; // 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"
-} : {
-  name: "1nihf9n-visuallyHidden",
-  styles: "border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;label:visuallyHidden;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvc3R5bGUtaGVscGVycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0eWxlcy9zdHlsZS1oZWxwZXJzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIGh0dHBzOi8vemVsbHdrLmNvbS9ibG9nL2hpZGUtY29udGVudC1hY2Nlc3NpYmx5L1xuZXhwb3J0IGNvbnN0IHZpc3VhbGx5SGlkZGVuID0gKCkgPT4gY3NzYFxuICBib3JkZXI6IDA7XG4gIGNsaXA6IHJlY3QoMCAwIDAgMCk7XG4gIGhlaWdodDogYXV0bztcbiAgbWFyZ2luOiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gXG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-export var visuallyHidden = function visuallyHidden() {
-  return _ref;
-};

package/styles/theme.d.ts

@@ -1,39 +0,0 @@
-export declare const theme: {
-    colors: {
-        yesGreen: string;
-        cautionAmber: string;
-        noRed: string;
-        linkBlue: string;
-        linkHover: string;
-        actionBlue: string;
-        actionHover: string;
-        actionMedium: string;
-        actionLight: string;
-        primaryOrange: string;
-        primaryHover: string;
-        uiEnabled: string;
-        uiDisabled: string;
-        textGrey: string;
-        textMedium: string;
-        textLight: string;
-        groupBlue: string;
-        groupMedium: string;
-        groupLight: string;
-        backgroundGrey: string;
-        white: string;
-        whiteHover: string;
-    };
-    fontFamily: string;
-    spacing: {
-        xxs: string;
-        xs: string;
-        s: string;
-        m: string;
-        l: string;
-        xl: string;
-        xxl: string;
-    };
-    uiRoundness: string;
-};
-export declare type ThemeInterface = typeof theme;
-export default theme;

package/styles/theme.js

@@ -1,9 +0,0 @@
-import { colors } from '@dfds-ui/colors';
-import { spacing } from '@dfds-ui/spacing';
-export var theme = {
-  colors: colors,
-  fontFamily: 'DFDS, Verdana, system-ui, Arial, "Helvetica Neue", Helvetica, sans-serif',
-  spacing: spacing,
-  uiRoundness: '2px'
-};
-export default theme;

package/surface/Surface.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { theme } from '@dfds-ui/theme';
-export declare type SurfaceType = keyof typeof theme.colors.surface;
-export declare type SurfaceContextType = {
-    surface: SurfaceType;
-    backgroundColor: string;
-    textColors: {
-        primary: string;
-        secondary: string;
-        disabled: string;
-    };
-};
-export declare function getTextColors(surface: SurfaceType): {
-    primary: string;
-    secondary: string;
-    disabled: string;
-};
-export declare function getBackgroundColor(surface: SurfaceType): string;
-export declare const SurfaceContext: React.Context<SurfaceContextType | undefined>;
-export declare const SurfaceProvider: React.FC<{
-    surface: SurfaceType;
-}>;
-export declare function MaybeSurfaceProvider({ surface, ...rest }: React.PropsWithChildren<{
-    surface?: SurfaceType;
-}>): JSX.Element;
-export declare const useSurfaceContext: (surface?: "main" | "dark" | "primary" | "secondary" | "inverted" | "tertiary" | undefined) => SurfaceContextType;
-export declare const Surface: React.FC<{
-    surface: SurfaceType;
-    className?: string;
-}>;

package/surface/Surface.js

@@ -1,84 +0,0 @@
-var _excluded = ["surface"],
-    _excluded2 = ["surface", "children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 || 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; }
-
-import React, { Fragment } from 'react';
-import { theme } from '@dfds-ui/theme';
-import { css } from '@emotion/react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-
-function createSurfaceContextValue(surface) {
-  return {
-    surface: surface,
-    backgroundColor: getBackgroundColor(surface),
-    textColors: getTextColors(surface)
-  };
-}
-
-export function getTextColors(surface) {
-  if (surface === 'inverted') {
-    return theme.colors.text.light;
-  }
-
-  return theme.colors.text.dark;
-}
-export function getBackgroundColor(surface) {
-  return theme.colors.surface[surface];
-}
-export var SurfaceContext = /*#__PURE__*/React.createContext(undefined);
-export var SurfaceProvider = function SurfaceProvider(_ref) {
-  var children = _ref.children,
-      surface = _ref.surface;
-  return ___EmotionJSX(SurfaceContext.Provider, {
-    value: {
-      surface: surface,
-      backgroundColor: getBackgroundColor(surface),
-      textColors: getTextColors(surface)
-    }
-  }, children);
-};
-export function MaybeSurfaceProvider(_ref2) {
-  var surface = _ref2.surface,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
-  return surface ? ___EmotionJSX(SurfaceProvider, _extends({
-    surface: surface
-  }, rest)) : ___EmotionJSX(Fragment, rest);
-}
-export var useSurfaceContext = function useSurfaceContext(surface) {
-  var context = React.useContext(SurfaceContext); // if the consumer of the hook provides it's own surface we return that
-
-  if (surface !== undefined) {
-    return createSurfaceContextValue(surface);
-  }
-
-  if (context === undefined) {
-    return _objectSpread(_objectSpread({}, createSurfaceContextValue('main')), {}, {
-      backgroundColor: 'transparent'
-    });
-  }
-
-  return context;
-};
-export var Surface = function Surface(_ref3) {
-  var surface = _ref3.surface,
-      children = _ref3.children,
-      rest = _objectWithoutProperties(_ref3, _excluded2);
-
-  return ___EmotionJSX(SurfaceProvider, {
-    surface: surface
-  }, ___EmotionJSX("div", _extends({
-    css: /*#__PURE__*/css("background-color:", getBackgroundColor(surface), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdXJmYWNlL1N1cmZhY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL3N1cmZhY2UvU3VyZmFjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3VyZmFjZVR5cGUgPSBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnN1cmZhY2VcblxuZXhwb3J0IHR5cGUgU3VyZmFjZUNvbnRleHRUeXBlID0ge1xuICBzdXJmYWNlOiBTdXJmYWNlVHlwZVxuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZ1xuICB0ZXh0Q29sb3JzOiB7XG4gICAgcHJpbWFyeTogc3RyaW5nXG4gICAgc2Vjb25kYXJ5OiBzdHJpbmdcbiAgICBkaXNhYmxlZDogc3RyaW5nXG4gIH1cbn1cblxuZnVuY3Rpb24gY3JlYXRlU3VyZmFjZUNvbnRleHRWYWx1ZShzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICByZXR1cm4ge1xuICAgIHN1cmZhY2UsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSksXG4gICAgdGV4dENvbG9yczogZ2V0VGV4dENvbG9ycyhzdXJmYWNlKSxcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VGV4dENvbG9ycyhzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICBpZiAoc3VyZmFjZSA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5saWdodFxuICB9XG4gIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZTogU3VyZmFjZVR5cGUpIHtcbiAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlW3N1cmZhY2VdXG59XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8U3VyZmFjZUNvbnRleHRUeXBlIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpXG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlUHJvdmlkZXI6IFJlYWN0LkZDPHsgc3VyZmFjZTogU3VyZmFjZVR5cGUgfT4gPSAoeyBjaGlsZHJlbiwgc3VyZmFjZSB9KSA9PiAoXG4gIDxTdXJmYWNlQ29udGV4dC5Qcm92aWRlclxuICAgIHZhbHVlPXt7IHN1cmZhY2UsIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpLCB0ZXh0Q29sb3JzOiBnZXRUZXh0Q29sb3JzKHN1cmZhY2UpIH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3VyZmFjZUNvbnRleHQuUHJvdmlkZXI+XG4pXG5cbmV4cG9ydCBmdW5jdGlvbiBNYXliZVN1cmZhY2VQcm92aWRlcih7IHN1cmZhY2UsIC4uLnJlc3QgfTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBzdXJmYWNlPzogU3VyZmFjZVR5cGUgfT4pIHtcbiAgcmV0dXJuIHN1cmZhY2UgPyA8U3VyZmFjZVByb3ZpZGVyIHN1cmZhY2U9e3N1cmZhY2V9IHsuLi5yZXN0fSAvPiA6IDxGcmFnbWVudCB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGNvbnN0IHVzZVN1cmZhY2VDb250ZXh0ID0gKHN1cmZhY2U/OiBTdXJmYWNlVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChTdXJmYWNlQ29udGV4dClcbiAgLy8gaWYgdGhlIGNvbnN1bWVyIG9mIHRoZSBob29rIHByb3ZpZGVzIGl0J3Mgb3duIHN1cmZhY2Ugd2UgcmV0dXJuIHRoYXRcbiAgaWYgKHN1cmZhY2UgIT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiBjcmVhdGVTdXJmYWNlQ29udGV4dFZhbHVlKHN1cmZhY2UpXG4gIH1cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiB7IC4uLmNyZWF0ZVN1cmZhY2VDb250ZXh0VmFsdWUoJ21haW4nKSwgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnIH1cbiAgfVxuICByZXR1cm4gY29udGV4dFxufVxuXG5leHBvcnQgY29uc3QgU3VyZmFjZTogUmVhY3QuRkM8eyBzdXJmYWNlOiBTdXJmYWNlVHlwZTsgY2xhc3NOYW1lPzogc3RyaW5nIH0+ID0gKHsgc3VyZmFjZSwgY2hpbGRyZW4sIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdXJmYWNlUHJvdmlkZXIgc3VyZmFjZT17c3VyZmFjZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvU3VyZmFjZVByb3ZpZGVyPlxuICApXG59XG4iXX0= */")
-  }, rest), children));
-};

package/surface/index.d.ts

@@ -1 +0,0 @@
-export * from './Surface';

package/surface/index.js

@@ -1 +0,0 @@
-export * from './Surface';

package/tab/Tab.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare type Index = number | string;
-export declare type TabProps = {
-    active?: boolean;
-    disabled?: boolean;
-    transparent?: boolean;
-    index: Index;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-};
-declare const Tab: React.FC<TabProps>;
-export default Tab;