@dfds-ui/react-components 2.2.0-alpha.9edc847c → 2.2.0-alpha.a78c2264

package/stepper/Stepper.js

@@ -0,0 +1,68 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "activeStep", "sequential", "orientation", "stepFeedbackMessage"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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, { memo } from 'react';
+import { css } from '@emotion/react';
+import StepperContext from './StepperContext';
+import { StepperFeedbackMessage } from '../stepper-feedback-message';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var stepperWrapperHorizontalStyles = process.env.NODE_ENV === "production" ? {
+  name: "1eoy87d",
+  styles: "display:flex;justify-content:space-between"
+} : {
+  name: "1i6tvq8-stepperWrapperHorizontalStyles",
+  styles: "display:flex;justify-content:space-between;label:stepperWrapperHorizontalStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCMEMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBTdGVwcGVyQ29udGV4dCBmcm9tICcuL1N0ZXBwZXJDb250ZXh0J1xuaW1wb3J0IHsgU3RlcHBlckZlZWRiYWNrTWVzc2FnZSB9IGZyb20gJy4uL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZSdcbmV4cG9ydCB0eXBlIFN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0ZXBwZXIgbGF5b3V0IG9yaWVudGF0aW9uIGAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnYFxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnXG4gIC8qKlxuICAgKiBNdWx0aXBsZSBgPFN0ZXAvPmAgY29tcG9uZW50c1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogIFRoZSBpbml0aWFsIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqICBJZiBzZXQgdGhlIGNvbXBvbmVudCB3aWxsIG5vdCBhc3Npc3QgaW4gY29udHJvbGxpbmcgc3RlcHMgZm9yIHNlcXVlbnRpYWwgZmxvd1xuICAgKi9cbiAgc2VxdWVudGlhbD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEEgZmVlZGJhY2sgbWVzc2FnZSBjYW4gYmUgcGFzc2VkIHRvIGRpc3BsYXkgYSB0cmFuc2l0b3J5IGZlZWRiYWNrIG1lc3NhZ2UgYXMgdGhlIHN0ZXAgbGFiZWxcbiAgICovXG4gIHN0ZXBGZWVkYmFja01lc3NhZ2U/OiBzdHJpbmdcbn1cblxuY29uc3Qgc3RlcHBlcldyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgc2VxdWVudGlhbCA9IHRydWUsXG4gIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuICBzdGVwRmVlZGJhY2tNZXNzYWdlLFxuICAuLi5vdGhlclxufTogU3RlcHBlclByb3BzKSA9PiB7XG4gIHR5cGUgQ2xvbmVQcm9wID0ge1xuICAgIGluZGV4OiBudW1iZXJcbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBSZWFjdC5DaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKS5maWx0ZXIoQm9vbGVhbilcbiAgY29uc3Qgc3RlcHMgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8Q2xvbmVQcm9wPiwge1xuICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgLi4uKGNoaWxkIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KS5wcm9wcyxcbiAgICB9KVxuICB9KVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gKHsgYWN0aXZlU3RlcCwgc2VxdWVudGlhbCwgb3JpZW50YXRpb24sIHN0ZXBGZWVkYmFja01lc3NhZ2UgfSksXG4gICAgW2FjdGl2ZVN0ZXAsIHNlcXVlbnRpYWwsIG9yaWVudGF0aW9uLCBzdGVwRmVlZGJhY2tNZXNzYWdlXVxuICApXG5cbiAgY29uc3QgZGlzcGxheUZlZWRiYWNrQ29uZGl0aW9uID0gc3RlcEZlZWRiYWNrTWVzc2FnZSAmJiBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gIHJldHVybiAoXG4gICAgPFN0ZXBwZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBzdGVwcGVyV3JhcHBlckhvcml6b250YWxTdHlsZXMgOiBTdGVwcGVyV3JhcHBlclZlcnRpY2FsU3R5bGVzfVxuICAgICAgICB7Li4ub3RoZXJ9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5RmVlZGJhY2tDb25kaXRpb24gPyA8U3RlcHBlckZlZWRiYWNrTWVzc2FnZSBtZXNzYWdlPXtzdGVwRmVlZGJhY2tNZXNzYWdlfSAvPiA6IHN0ZXBzfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGVwcGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKFN0ZXBwZXJQcm92aWRlcilcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var StepperWrapperVerticalStyles = process.env.NODE_ENV === "production" ? {
+  name: "1fttcpj",
+  styles: "display:flex;flex-direction:column"
+} : {
+  name: "1wyixsr-StepperWrapperVerticalStyles",
+  styles: "display:flex;flex-direction:column;label:StepperWrapperVerticalStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDd0MiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBTdGVwcGVyQ29udGV4dCBmcm9tICcuL1N0ZXBwZXJDb250ZXh0J1xuaW1wb3J0IHsgU3RlcHBlckZlZWRiYWNrTWVzc2FnZSB9IGZyb20gJy4uL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZSdcbmV4cG9ydCB0eXBlIFN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0ZXBwZXIgbGF5b3V0IG9yaWVudGF0aW9uIGAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnYFxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnXG4gIC8qKlxuICAgKiBNdWx0aXBsZSBgPFN0ZXAvPmAgY29tcG9uZW50c1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogIFRoZSBpbml0aWFsIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqICBJZiBzZXQgdGhlIGNvbXBvbmVudCB3aWxsIG5vdCBhc3Npc3QgaW4gY29udHJvbGxpbmcgc3RlcHMgZm9yIHNlcXVlbnRpYWwgZmxvd1xuICAgKi9cbiAgc2VxdWVudGlhbD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEEgZmVlZGJhY2sgbWVzc2FnZSBjYW4gYmUgcGFzc2VkIHRvIGRpc3BsYXkgYSB0cmFuc2l0b3J5IGZlZWRiYWNrIG1lc3NhZ2UgYXMgdGhlIHN0ZXAgbGFiZWxcbiAgICovXG4gIHN0ZXBGZWVkYmFja01lc3NhZ2U/OiBzdHJpbmdcbn1cblxuY29uc3Qgc3RlcHBlcldyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgc2VxdWVudGlhbCA9IHRydWUsXG4gIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuICBzdGVwRmVlZGJhY2tNZXNzYWdlLFxuICAuLi5vdGhlclxufTogU3RlcHBlclByb3BzKSA9PiB7XG4gIHR5cGUgQ2xvbmVQcm9wID0ge1xuICAgIGluZGV4OiBudW1iZXJcbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBSZWFjdC5DaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKS5maWx0ZXIoQm9vbGVhbilcbiAgY29uc3Qgc3RlcHMgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8Q2xvbmVQcm9wPiwge1xuICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgLi4uKGNoaWxkIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KS5wcm9wcyxcbiAgICB9KVxuICB9KVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gKHsgYWN0aXZlU3RlcCwgc2VxdWVudGlhbCwgb3JpZW50YXRpb24sIHN0ZXBGZWVkYmFja01lc3NhZ2UgfSksXG4gICAgW2FjdGl2ZVN0ZXAsIHNlcXVlbnRpYWwsIG9yaWVudGF0aW9uLCBzdGVwRmVlZGJhY2tNZXNzYWdlXVxuICApXG5cbiAgY29uc3QgZGlzcGxheUZlZWRiYWNrQ29uZGl0aW9uID0gc3RlcEZlZWRiYWNrTWVzc2FnZSAmJiBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gIHJldHVybiAoXG4gICAgPFN0ZXBwZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBzdGVwcGVyV3JhcHBlckhvcml6b250YWxTdHlsZXMgOiBTdGVwcGVyV3JhcHBlclZlcnRpY2FsU3R5bGVzfVxuICAgICAgICB7Li4ub3RoZXJ9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5RmVlZGJhY2tDb25kaXRpb24gPyA8U3RlcHBlckZlZWRiYWNrTWVzc2FnZSBtZXNzYWdlPXtzdGVwRmVlZGJhY2tNZXNzYWdlfSAvPiA6IHN0ZXBzfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGVwcGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKFN0ZXBwZXJQcm92aWRlcilcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var StepperProvider = function StepperProvider(_ref) {
+  var children = _ref.children,
+    _ref$activeStep = _ref.activeStep,
+    activeStep = _ref$activeStep === void 0 ? 0 : _ref$activeStep,
+    _ref$sequential = _ref.sequential,
+    sequential = _ref$sequential === void 0 ? true : _ref$sequential,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
+    stepFeedbackMessage = _ref.stepFeedbackMessage,
+    other = _objectWithoutProperties(_ref, _excluded);
+  var childrenArray = React.Children.toArray(children).filter(Boolean);
+  var steps = childrenArray.map(function (child, index) {
+    return /*#__PURE__*/React.cloneElement(child, _objectSpread({
+      index: index
+    }, child.props));
+  });
+  var contextValue = React.useMemo(function () {
+    return {
+      activeStep: activeStep,
+      sequential: sequential,
+      orientation: orientation,
+      stepFeedbackMessage: stepFeedbackMessage
+    };
+  }, [activeStep, sequential, orientation, stepFeedbackMessage]);
+  var displayFeedbackCondition = stepFeedbackMessage && orientation === 'horizontal';
+  return _jsx(StepperContext.Provider, {
+    value: contextValue,
+    children: _jsx("div", _objectSpread(_objectSpread({
+      css: orientation === 'horizontal' ? stepperWrapperHorizontalStyles : StepperWrapperVerticalStyles
+    }, other), {}, {
+      children: displayFeedbackCondition ? _jsx(StepperFeedbackMessage, {
+        message: stepFeedbackMessage
+      }) : steps
+    }))
+  });
+};
+export default /*#__PURE__*/memo(StepperProvider);

package/stepper/StepperContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type StepperContextType = {
+    activeStep: number;
+    orientation: 'horizontal' | 'vertical';
+    sequential: boolean;
+    stepFeedbackMessage?: string;
+};
+declare const StepperContext: React.Context<StepperContextType>;
+export default StepperContext;

package/stepper/StepperContext.js

@@ -0,0 +1,7 @@
+import React from 'react';
+var StepperContext = /*#__PURE__*/React.createContext({
+  activeStep: 1,
+  orientation: 'horizontal',
+  sequential: true
+});
+export default StepperContext;

package/stepper/index.d.ts

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

package/stepper/index.js

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

package/stepper-feedback-message/StepperFeedbackMessage.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const StepperFeedbackMessage: ({ message }: {
+    message: string;
+}) => React.JSX.Element;
+export default StepperFeedbackMessage;

package/stepper-feedback-message/StepperFeedbackMessage.js

@@ -0,0 +1,26 @@
+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';
+import React from 'react';
+import Spinner from '../spinner/Spinner';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1yydxi7",
+  styles: "display:flex;align-items:center;gap:8px"
+} : {
+  name: "zioacq-StepperFeedbackMessage",
+  styles: "display:flex;align-items:center;gap:8px;label:StepperFeedbackMessage;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyLWZlZWRiYWNrLW1lc3NhZ2UvU3RlcHBlckZlZWRiYWNrTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZS9TdGVwcGVyRmVlZGJhY2tNZXNzYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IFNwaW5uZXIgZnJvbSAnLi4vc3Bpbm5lci9TcGlubmVyJ1xuXG5jb25zdCBTdGVwcGVyRmVlZGJhY2tNZXNzYWdlID0gKHsgbWVzc2FnZSB9OiB7IG1lc3NhZ2U6IHN0cmluZyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwcGVyLWZlZWRiYWNrLW1lc3NhZ2VcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGdhcDogOHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8U3Bpbm5lciBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICA8c3Bhbj57bWVzc2FnZX08L3NwYW4+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcHBlckZlZWRiYWNrTWVzc2FnZVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var StepperFeedbackMessage = function StepperFeedbackMessage(_ref2) {
+  var message = _ref2.message;
+  return _jsxs("div", {
+    "data-testid": "stepper-feedback-message",
+    css: _ref,
+    children: [_jsx(Spinner, {
+      color: "secondary"
+    }), _jsx("span", {
+      children: message
+    })]
+  });
+};
+export default StepperFeedbackMessage;

package/stepper-feedback-message/index.d.ts

@@ -0,0 +1 @@
+export { default as StepperFeedbackMessage } from './StepperFeedbackMessage';

package/stepper-feedback-message/index.js

@@ -0,0 +1 @@
+export { default as StepperFeedbackMessage } from './StepperFeedbackMessage';

package/styles/index.d.ts

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

package/styles/index.js

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

package/styles/media.d.ts

@@ -0,0 +1,21 @@
+declare const defaultBreakPoints: {
+    xl: number;
+    lg: number;
+    md: number;
+    sm: number;
+    xs: number;
+};
+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

@@ -0,0 +1,37 @@
+// ***
+// 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

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

package/styles/rem.js

@@ -0,0 +1,5 @@
+// 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

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

package/styles/style-helpers.js

@@ -0,0 +1,15 @@
+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;/*# 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

@@ -0,0 +1,39 @@
+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 type ThemeInterface = typeof theme;
+export default theme;

package/styles/theme.js

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,32 @@
+import React from 'react';
+import { theme } from '@dfds-ui/theme';
+export type SurfaceType = keyof typeof theme.colors.surface;
+export 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: ({ children, surface }: {
+    surface: SurfaceType;
+    children?: React.ReactNode;
+}) => React.JSX.Element;
+export declare function MaybeSurfaceProvider({ surface, ...rest }: React.PropsWithChildren<{
+    surface?: SurfaceType;
+}>): React.JSX.Element;
+export declare const useSurfaceContext: (surface?: SurfaceType) => SurfaceContextType;
+export declare const Surface: ({ surface, children, ...rest }: {
+    surface: SurfaceType;
+    className?: string;
+    children?: React.ReactNode;
+}) => React.JSX.Element;

package/surface/Surface.js

@@ -0,0 +1,76 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["surface"],
+  _excluded2 = ["surface", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { Fragment } from 'react';
+import { theme } from '@dfds-ui/theme';
+import { css } from '@emotion/react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+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 _jsx(SurfaceContext.Provider, {
+    value: {
+      surface: surface,
+      backgroundColor: getBackgroundColor(surface),
+      textColors: getTextColors(surface)
+    },
+    children: children
+  });
+};
+export function MaybeSurfaceProvider(_ref2) {
+  var surface = _ref2.surface,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  return surface ? _jsx(SurfaceProvider, _objectSpread({
+    surface: surface
+  }, rest)) : _jsx(Fragment, _objectSpread({}, 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 _jsx(SurfaceProvider, {
+    surface: surface,
+    children: _jsx("div", _objectSpread(_objectSpread({
+      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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdXJmYWNlL1N1cmZhY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL3N1cmZhY2UvU3VyZmFjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3VyZmFjZVR5cGUgPSBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnN1cmZhY2VcblxuZXhwb3J0IHR5cGUgU3VyZmFjZUNvbnRleHRUeXBlID0ge1xuICBzdXJmYWNlOiBTdXJmYWNlVHlwZVxuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZ1xuICB0ZXh0Q29sb3JzOiB7XG4gICAgcHJpbWFyeTogc3RyaW5nXG4gICAgc2Vjb25kYXJ5OiBzdHJpbmdcbiAgICBkaXNhYmxlZDogc3RyaW5nXG4gIH1cbn1cblxuZnVuY3Rpb24gY3JlYXRlU3VyZmFjZUNvbnRleHRWYWx1ZShzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICByZXR1cm4ge1xuICAgIHN1cmZhY2UsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSksXG4gICAgdGV4dENvbG9yczogZ2V0VGV4dENvbG9ycyhzdXJmYWNlKSxcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VGV4dENvbG9ycyhzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICBpZiAoc3VyZmFjZSA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5saWdodFxuICB9XG4gIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZTogU3VyZmFjZVR5cGUpIHtcbiAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlW3N1cmZhY2VdXG59XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8U3VyZmFjZUNvbnRleHRUeXBlIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpXG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiwgc3VyZmFjZSB9OiB7IHN1cmZhY2U6IFN1cmZhY2VUeXBlOyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdXJmYWNlQ29udGV4dC5Qcm92aWRlclxuICAgIHZhbHVlPXt7IHN1cmZhY2UsIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpLCB0ZXh0Q29sb3JzOiBnZXRUZXh0Q29sb3JzKHN1cmZhY2UpIH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3VyZmFjZUNvbnRleHQuUHJvdmlkZXI+XG4pXG5cbmV4cG9ydCBmdW5jdGlvbiBNYXliZVN1cmZhY2VQcm92aWRlcih7IHN1cmZhY2UsIC4uLnJlc3QgfTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBzdXJmYWNlPzogU3VyZmFjZVR5cGUgfT4pIHtcbiAgcmV0dXJuIHN1cmZhY2UgPyA8U3VyZmFjZVByb3ZpZGVyIHN1cmZhY2U9e3N1cmZhY2V9IHsuLi5yZXN0fSAvPiA6IDxGcmFnbWVudCB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGNvbnN0IHVzZVN1cmZhY2VDb250ZXh0ID0gKHN1cmZhY2U/OiBTdXJmYWNlVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChTdXJmYWNlQ29udGV4dClcbiAgLy8gaWYgdGhlIGNvbnN1bWVyIG9mIHRoZSBob29rIHByb3ZpZGVzIGl0J3Mgb3duIHN1cmZhY2Ugd2UgcmV0dXJuIHRoYXRcbiAgaWYgKHN1cmZhY2UgIT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiBjcmVhdGVTdXJmYWNlQ29udGV4dFZhbHVlKHN1cmZhY2UpXG4gIH1cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiB7IC4uLmNyZWF0ZVN1cmZhY2VDb250ZXh0VmFsdWUoJ21haW4nKSwgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnIH1cbiAgfVxuICByZXR1cm4gY29udGV4dFxufVxuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9ICh7XG4gIHN1cmZhY2UsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59OiB7XG4gIHN1cmZhY2U6IFN1cmZhY2VUeXBlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdXJmYWNlUHJvdmlkZXIgc3VyZmFjZT17c3VyZmFjZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvU3VyZmFjZVByb3ZpZGVyPlxuICApXG59XG4iXX0= */")
+    }, rest), {}, {
+      children: children
+    }))
+  });
+};

package/surface/index.d.ts

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

package/surface/index.js

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

package/tab/Tab.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type Index = number | string;
+export type TabProps = {
+    active?: boolean;
+    disabled?: boolean;
+    transparent?: boolean;
+    index: Index;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    children?: React.ReactNode;
+};
+declare const Tab: ({ children, index, onClick, ...rest }: TabProps) => React.JSX.Element;
+export default Tab;

package/tab/Tab.js

@@ -0,0 +1,65 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import _styled from "@emotion/styled/base";
+var _excluded = ["children", "index", "onClick"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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 from 'react';
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+import { typography } from '@dfds-ui/typography';
+import useTabsContext from './TabsContext';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "a8s05l",
+  styles: "height:2.75rem;white-space:nowrap"
+} : {
+  name: "zqwuds-StyledTab",
+  styles: "height:2.75rem;white-space:nowrap;label:StyledTab;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWIvVGFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RU8iLCJmaWxlIjoiLi4vLi4vc3JjL3RhYi9UYWIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB1c2VUYWJzQ29udGV4dCBmcm9tICcuL1RhYnNDb250ZXh0J1xuXG50eXBlIFNpemUgPSAncycgfCAnbSdcbmV4cG9ydCB0eXBlIEluZGV4ID0gbnVtYmVyIHwgc3RyaW5nXG5cbmV4cG9ydCB0eXBlIFRhYlByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICB0cmFuc3BhcmVudD86IGJvb2xlYW5cbiAgaW5kZXg6IEluZGV4XG4gIG9uQ2xpY2s/OiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IHNpemU/OiBTaXplOyBhY3RpdmU/OiBib29sZWFuOyBkaXNhYmxlZD86IGJvb2xlYW47IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9PmBcbiAgbWluLXdpZHRoOiA2LjVyZW07XG4gIG1heC13aWR0aDogOXJlbTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC50cmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGhlaWdodDogMy4yNXJlbTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBib3JkZXItcmFkaXVzOiAwICR7dGhlbWUucmFkaWkubX0gMCAwO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59IHNvbGlkICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX07XG4gICAgYm94LXNoYWRvdzogMCAwIDRweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgei1pbmRleDogMTtcblxuICAgIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgICAgb3V0bGluZTogMDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJHsocCkgPT5cbiAgICBwLnNpemUgPT09ICdzJyAmJlxuICAgIGNzc2BcbiAgICAgIGhlaWdodDogMi43NXJlbTtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgYH07XG5cbiAgJHsocCkgPT5cbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7KHApID0+XG4gICAgcC5kaXNhYmxlZCAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLnN9IHNvbGlkICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICB9XG4gICAgYH1cblxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZWQgJiZcbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuICAgICAgfVxuICAgIGB9XG5gXG5cbmNvbnN0IFRhYiA9ICh7IGNoaWxkcmVuLCBpbmRleCwgb25DbGljaywgLi4ucmVzdCB9OiBUYWJQcm9wcykgPT4ge1xuICBjb25zdCB7IHRyYW5zcGFyZW50LCBhY3RpdmVUYWIsIG9uQ2hhbmdlLCBzaXplIH0gPSB1c2VUYWJzQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGFiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIG9uQ2xpY2s9eyhldmVudCkgPT4ge1xuICAgICAgICAhIW9uQ2hhbmdlICYmIG9uQ2hhbmdlKGluZGV4KVxuICAgICAgICAhIW9uQ2xpY2sgJiYgb25DbGljayhldmVudClcbiAgICAgIH19XG4gICAgICBhY3RpdmU9e2luZGV4ID09PSBhY3RpdmVUYWJ9XG4gICAgICB0cmFuc3BhcmVudD17dHJhbnNwYXJlbnR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVGFiPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYlxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var StyledTab = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "ez8zs0l0"
+} : {
+  target: "ez8zs0l0",
+  label: "StyledTab"
+})("min-width:6.5rem;max-width:9rem;overflow:hidden;text-overflow:ellipsis;outline:none;border:none;", typography.action, ";line-height:1.25rem;padding:0 ", theme.spacing.xs, ";box-sizing:border-box;position:relative;color:", theme.colors.text.primary.secondary, ";background:", function (p) {
+  return p.transparent ? 'transparent' : theme.colors.surface.primary;
+}, ";flex-shrink:0;text-align:center;height:3.25rem;cursor:pointer;&:first-of-type{border-radius:", theme.radii.m, " 0 0 0;}&:last-of-type{border-radius:0 ", theme.radii.m, " 0 0;}&:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid ", theme.colors.text.primary.disabled, ";}&:hover{color:", theme.colors.secondary.main, ";}&:active{color:", theme.colors.secondary.dark, ";}&:focus{outline:", theme.colors.secondary.main, " solid ", theme.borders.widths.m, ";box-shadow:0 0 4px ", theme.colors.secondary.main, ";z-index:1;.js-focus-visible & :focus:not([data-focus-visible-added]){outline:0;box-shadow:none;}}", function (p) {
+  return p.size === 's' && _ref;
+}, ";", function (p) {
+  return p.active && /*#__PURE__*/css("color:", theme.colors.secondary.main, ";&:after{border-bottom:", theme.borders.widths.m, " solid ", theme.colors.secondary.main, ";}&:hover{color:", theme.colors.secondary.main, ";}&:active{color:", theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledTab;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWIvVGFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRk8iLCJmaWxlIjoiLi4vLi4vc3JjL3RhYi9UYWIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB1c2VUYWJzQ29udGV4dCBmcm9tICcuL1RhYnNDb250ZXh0J1xuXG50eXBlIFNpemUgPSAncycgfCAnbSdcbmV4cG9ydCB0eXBlIEluZGV4ID0gbnVtYmVyIHwgc3RyaW5nXG5cbmV4cG9ydCB0eXBlIFRhYlByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICB0cmFuc3BhcmVudD86IGJvb2xlYW5cbiAgaW5kZXg6IEluZGV4XG4gIG9uQ2xpY2s/OiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IHNpemU/OiBTaXplOyBhY3RpdmU/OiBib29sZWFuOyBkaXNhYmxlZD86IGJvb2xlYW47IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9PmBcbiAgbWluLXdpZHRoOiA2LjVyZW07XG4gIG1heC13aWR0aDogOXJlbTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC50cmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGhlaWdodDogMy4yNXJlbTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBib3JkZXItcmFkaXVzOiAwICR7dGhlbWUucmFkaWkubX0gMCAwO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59IHNvbGlkICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX07XG4gICAgYm94LXNoYWRvdzogMCAwIDRweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgei1pbmRleDogMTtcblxuICAgIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgICAgb3V0bGluZTogMDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJHsocCkgPT5cbiAgICBwLnNpemUgPT09ICdzJyAmJlxuICAgIGNzc2BcbiAgICAgIGhlaWdodDogMi43NXJlbTtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgYH07XG5cbiAgJHsocCkgPT5cbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7KHApID0+XG4gICAgcC5kaXNhYmxlZCAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLnN9IHNvbGlkICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICB9XG4gICAgYH1cblxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZWQgJiZcbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuICAgICAgfVxuICAgIGB9XG5gXG5cbmNvbnN0IFRhYiA9ICh7IGNoaWxkcmVuLCBpbmRleCwgb25DbGljaywgLi4ucmVzdCB9OiBUYWJQcm9wcykgPT4ge1xuICBjb25zdCB7IHRyYW5zcGFyZW50LCBhY3RpdmVUYWIsIG9uQ2hhbmdlLCBzaXplIH0gPSB1c2VUYWJzQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGFiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIG9uQ2xpY2s9eyhldmVudCkgPT4ge1xuICAgICAgICAhIW9uQ2hhbmdlICYmIG9uQ2hhbmdlKGluZGV4KVxuICAgICAgICAhIW9uQ2xpY2sgJiYgb25DbGljayhldmVudClcbiAgICAgIH19XG4gICAgICBhY3RpdmU9e2luZGV4ID09PSBhY3RpdmVUYWJ9XG4gICAgICB0cmFuc3BhcmVudD17dHJhbnNwYXJlbnR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVGFiPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYlxuIl19 */");
+}, " ", function (p) {
+  return p.disabled && /*#__PURE__*/css("color:", theme.colors.text.primary.disabled, ";&:hover{color:", theme.colors.text.primary.disabled, ";cursor:not-allowed;}&:after{border-bottom:", theme.borders.widths.s, " solid ", theme.colors.text.primary.disabled, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledTab;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWIvVGFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzR08iLCJmaWxlIjoiLi4vLi4vc3JjL3RhYi9UYWIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB1c2VUYWJzQ29udGV4dCBmcm9tICcuL1RhYnNDb250ZXh0J1xuXG50eXBlIFNpemUgPSAncycgfCAnbSdcbmV4cG9ydCB0eXBlIEluZGV4ID0gbnVtYmVyIHwgc3RyaW5nXG5cbmV4cG9ydCB0eXBlIFRhYlByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICB0cmFuc3BhcmVudD86IGJvb2xlYW5cbiAgaW5kZXg6IEluZGV4XG4gIG9uQ2xpY2s/OiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IHNpemU/OiBTaXplOyBhY3RpdmU/OiBib29sZWFuOyBkaXNhYmxlZD86IGJvb2xlYW47IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9PmBcbiAgbWluLXdpZHRoOiA2LjVyZW07XG4gIG1heC13aWR0aDogOXJlbTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC50cmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGhlaWdodDogMy4yNXJlbTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBib3JkZXItcmFkaXVzOiAwICR7dGhlbWUucmFkaWkubX0gMCAwO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59IHNvbGlkICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX07XG4gICAgYm94LXNoYWRvdzogMCAwIDRweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgei1pbmRleDogMTtcblxuICAgIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgICAgb3V0bGluZTogMDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJHsocCkgPT5cbiAgICBwLnNpemUgPT09ICdzJyAmJlxuICAgIGNzc2BcbiAgICAgIGhlaWdodDogMi43NXJlbTtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgYH07XG5cbiAgJHsocCkgPT5cbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7KHApID0+XG4gICAgcC5kaXNhYmxlZCAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLnN9IHNvbGlkICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICB9XG4gICAgYH1cblxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZWQgJiZcbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuICAgICAgfVxuICAgIGB9XG5gXG5cbmNvbnN0IFRhYiA9ICh7IGNoaWxkcmVuLCBpbmRleCwgb25DbGljaywgLi4ucmVzdCB9OiBUYWJQcm9wcykgPT4ge1xuICBjb25zdCB7IHRyYW5zcGFyZW50LCBhY3RpdmVUYWIsIG9uQ2hhbmdlLCBzaXplIH0gPSB1c2VUYWJzQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGFiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIG9uQ2xpY2s9eyhldmVudCkgPT4ge1xuICAgICAgICAhIW9uQ2hhbmdlICYmIG9uQ2hhbmdlKGluZGV4KVxuICAgICAgICAhIW9uQ2xpY2sgJiYgb25DbGljayhldmVudClcbiAgICAgIH19XG4gICAgICBhY3RpdmU9e2luZGV4ID09PSBhY3RpdmVUYWJ9XG4gICAgICB0cmFuc3BhcmVudD17dHJhbnNwYXJlbnR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVGFiPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYlxuIl19 */");
+}, " ", function (p) {
+  return p.disabled && p.active && /*#__PURE__*/css("color:", theme.colors.text.secondary.secondary, ";&:after{border-bottom:", theme.borders.widths.m, " solid ", theme.colors.text.secondary.secondary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledTab;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWIvVGFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzSE8iLCJmaWxlIjoiLi4vLi4vc3JjL3RhYi9UYWIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB1c2VUYWJzQ29udGV4dCBmcm9tICcuL1RhYnNDb250ZXh0J1xuXG50eXBlIFNpemUgPSAncycgfCAnbSdcbmV4cG9ydCB0eXBlIEluZGV4ID0gbnVtYmVyIHwgc3RyaW5nXG5cbmV4cG9ydCB0eXBlIFRhYlByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICB0cmFuc3BhcmVudD86IGJvb2xlYW5cbiAgaW5kZXg6IEluZGV4XG4gIG9uQ2xpY2s/OiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IHNpemU/OiBTaXplOyBhY3RpdmU/OiBib29sZWFuOyBkaXNhYmxlZD86IGJvb2xlYW47IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9PmBcbiAgbWluLXdpZHRoOiA2LjVyZW07XG4gIG1heC13aWR0aDogOXJlbTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC50cmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGhlaWdodDogMy4yNXJlbTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfSAwIDAgMDtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBib3JkZXItcmFkaXVzOiAwICR7dGhlbWUucmFkaWkubX0gMCAwO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59IHNvbGlkICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX07XG4gICAgYm94LXNoYWRvdzogMCAwIDRweCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgei1pbmRleDogMTtcblxuICAgIC5qcy1mb2N1cy12aXNpYmxlICYgOmZvY3VzOm5vdChbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSkge1xuICAgICAgb3V0bGluZTogMDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJHsocCkgPT5cbiAgICBwLnNpemUgPT09ICdzJyAmJlxuICAgIGNzc2BcbiAgICAgIGhlaWdodDogMi43NXJlbTtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgYH07XG5cbiAgJHsocCkgPT5cbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7KHApID0+XG4gICAgcC5kaXNhYmxlZCAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBib3JkZXItYm90dG9tOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLnN9IHNvbGlkICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICB9XG4gICAgYH1cblxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZWQgJiZcbiAgICBwLmFjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5zZWNvbmRhcnl9O1xuICAgICAgfVxuICAgIGB9XG5gXG5cbmNvbnN0IFRhYiA9ICh7IGNoaWxkcmVuLCBpbmRleCwgb25DbGljaywgLi4ucmVzdCB9OiBUYWJQcm9wcykgPT4ge1xuICBjb25zdCB7IHRyYW5zcGFyZW50LCBhY3RpdmVUYWIsIG9uQ2hhbmdlLCBzaXplIH0gPSB1c2VUYWJzQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGFiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIG9uQ2xpY2s9eyhldmVudCkgPT4ge1xuICAgICAgICAhIW9uQ2hhbmdlICYmIG9uQ2hhbmdlKGluZGV4KVxuICAgICAgICAhIW9uQ2xpY2sgJiYgb25DbGljayhldmVudClcbiAgICAgIH19XG4gICAgICBhY3RpdmU9e2luZGV4ID09PSBhY3RpdmVUYWJ9XG4gICAgICB0cmFuc3BhcmVudD17dHJhbnNwYXJlbnR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVGFiPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYlxuIl19 */");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWIvVGFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjZHIiwiZmlsZSI6Ii4uLy4uL3NyYy90YWIvVGFiLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgdXNlVGFic0NvbnRleHQgZnJvbSAnLi9UYWJzQ29udGV4dCdcblxudHlwZSBTaXplID0gJ3MnIHwgJ20nXG5leHBvcnQgdHlwZSBJbmRleCA9IG51bWJlciB8IHN0cmluZ1xuXG5leHBvcnQgdHlwZSBUYWJQcm9wcyA9IHtcbiAgYWN0aXZlPzogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgdHJhbnNwYXJlbnQ/OiBib29sZWFuXG4gIGluZGV4OiBJbmRleFxuICBvbkNsaWNrPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IFN0eWxlZFRhYiA9IHN0eWxlZC5idXR0b248eyBzaXplPzogU2l6ZTsgYWN0aXZlPzogYm9vbGVhbjsgZGlzYWJsZWQ/OiBib29sZWFuOyB0cmFuc3BhcmVudD86IGJvb2xlYW4gfT5gXG4gIG1pbi13aWR0aDogNi41cmVtO1xuICBtYXgtd2lkdGg6IDlyZW07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gICR7dHlwb2dyYXBoeS5hY3Rpb259O1xuICBsaW5lLWhlaWdodDogMS4yNXJlbTtcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuc2Vjb25kYXJ5fTtcbiAgYmFja2dyb3VuZDogJHsocCkgPT4gKHAudHJhbnNwYXJlbnQgPyAndHJhbnNwYXJlbnQnIDogdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeSl9O1xuICBmbGV4LXNocmluazogMDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBoZWlnaHQ6IDMuMjVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX0gMCAwIDA7XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgYm9yZGVyLXJhZGl1czogMCAke3RoZW1lLnJhZGlpLm19IDAgMDtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufSBzb2xpZCAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19O1xuICAgIGJveC1zaGFkb3c6IDAgMCA0cHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICAuanMtZm9jdXMtdmlzaWJsZSAmIDpmb2N1czpub3QoW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0pIHtcbiAgICAgIG91dGxpbmU6IDA7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cbiAgfVxuXG4gICR7KHApID0+XG4gICAgcC5zaXplID09PSAncycgJiZcbiAgICBjc3NgXG4gICAgICBoZWlnaHQ6IDIuNzVyZW07XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGB9O1xuXG4gICR7KHApID0+XG4gICAgcC5hY3RpdmUgJiZcbiAgICBjc3NgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgfVxuXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICB9XG4gICAgYH1cblxuICAkeyhwKSA9PlxuICAgIHAuZGlzYWJsZWQgJiZcbiAgICBjc3NgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgfVxuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5zfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICAgICAgfVxuICAgIGB9XG5cbiAgJHsocCkgPT5cbiAgICBwLmRpc2FibGVkICYmXG4gICAgcC5hY3RpdmUgJiZcbiAgICBjc3NgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuc2Vjb25kYXJ5fTtcblxuICAgICAgJjphZnRlciB7XG4gICAgICAgIGJvcmRlci1ib3R0b206ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuc2Vjb25kYXJ5fTtcbiAgICAgIH1cbiAgICBgfVxuYFxuXG5jb25zdCBUYWIgPSAoeyBjaGlsZHJlbiwgaW5kZXgsIG9uQ2xpY2ssIC4uLnJlc3QgfTogVGFiUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0cmFuc3BhcmVudCwgYWN0aXZlVGFiLCBvbkNoYW5nZSwgc2l6ZSB9ID0gdXNlVGFic0NvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRhYlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHtcbiAgICAgICAgISFvbkNoYW5nZSAmJiBvbkNoYW5nZShpbmRleClcbiAgICAgICAgISFvbkNsaWNrICYmIG9uQ2xpY2soZXZlbnQpXG4gICAgICB9fVxuICAgICAgYWN0aXZlPXtpbmRleCA9PT0gYWN0aXZlVGFifVxuICAgICAgdHJhbnNwYXJlbnQ9e3RyYW5zcGFyZW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFRhYj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJcbiJdfQ== */"));
+var Tab = function Tab(_ref2) {
+  var children = _ref2.children,
+    index = _ref2.index,
+    _onClick = _ref2.onClick,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var _useTabsContext = useTabsContext(),
+    transparent = _useTabsContext.transparent,
+    activeTab = _useTabsContext.activeTab,
+    onChange = _useTabsContext.onChange,
+    size = _useTabsContext.size;
+  return _jsx(StyledTab, _objectSpread(_objectSpread({
+    type: "button",
+    onClick: function onClick(event) {
+      !!onChange && onChange(index);
+      !!_onClick && _onClick(event);
+    },
+    active: index === activeTab,
+    transparent: transparent,
+    size: size
+  }, rest), {}, {
+    children: children
+  }));
+};
+export default Tab;

package/tab/TabPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type TabPanelProps = {
+    index: number | string;
+    children: React.ReactNode;
+};
+declare const TabPanel: ({ index, children }: TabPanelProps) => React.JSX.Element;
+export default TabPanel;

package/tab/TabPanel.js

@@ -0,0 +1,23 @@
+import _styled from "@emotion/styled/base";
+import React from 'react';
+import useTabsContext from './TabsContext';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var StyledTabPanel = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eqh3xez0"
+} : {
+  target: "eqh3xez0",
+  label: "StyledTabPanel"
+})("display:", function (p) {
+  return p.active ? 'block' : 'none';
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWIvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNzRCIsImZpbGUiOiIuLi8uLi9zcmMvdGFiL1RhYlBhbmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHVzZVRhYnNDb250ZXh0IGZyb20gJy4vVGFic0NvbnRleHQnXG5cbnR5cGUgVGFiUGFuZWxQcm9wcyA9IHtcbiAgaW5kZXg6IG51bWJlciB8IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IFN0eWxlZFRhYlBhbmVsID0gc3R5bGVkLmRpdjx7IGFjdGl2ZTogYm9vbGVhbiB9PmBcbiAgZGlzcGxheTogJHsocCkgPT4gKHAuYWN0aXZlID8gJ2Jsb2NrJyA6ICdub25lJyl9O1xuYFxuXG5jb25zdCBUYWJQYW5lbCA9ICh7IGluZGV4LCBjaGlsZHJlbiB9OiBUYWJQYW5lbFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYWN0aXZlVGFiIH0gPSB1c2VUYWJzQ29udGV4dCgpXG5cbiAgcmV0dXJuIDxTdHlsZWRUYWJQYW5lbCBhY3RpdmU9e2luZGV4ID09PSBhY3RpdmVUYWJ9PntjaGlsZHJlbn08L1N0eWxlZFRhYlBhbmVsPlxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJQYW5lbFxuIl19 */"));
+var TabPanel = function TabPanel(_ref) {
+  var index = _ref.index,
+    children = _ref.children;
+  var _useTabsContext = useTabsContext(),
+    activeTab = _useTabsContext.activeTab;
+  return _jsx(StyledTabPanel, {
+    active: index === activeTab,
+    children: children
+  });
+};
+export default TabPanel;

package/tab/Tabs.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type TabsLabels = {
+    scrollLeft: string;
+    scrollRight: string;
+};
+type TabsProps = {
+    tabsLabels?: TabsLabels;
+    children?: any;
+};
+declare const Tabs: ({ children, tabsLabels, ...rest }: TabsProps) => React.JSX.Element;
+export default Tabs;