@entur/tab 0.5.4 → 0.5.5-beta.1

package/dist/index.d.ts

@@ -1,6 +1,63 @@
-import './index.scss';
-export * from './Tab';
-export * from './Tabs';
-export * from './TabPanel';
-export * from './TabPanels';
-export * from './TabList';
+import { default as default_2 } from 'react';
+
+export declare const Tab: default_2.FC<TabProps>;
+
+export declare const TabList: default_2.FC<TabListProps>;
+
+export declare type TabListProps = {
+    /** Tab-komponenter */
+    children: default_2.ReactNode;
+    /** HTML-elementet eller React-komponenten som lager komponenten */
+    as?: keyof JSX.IntrinsicElements | any;
+    width?: 'fluid';
+    [key: string]: any;
+};
+
+export declare const TabPanel: default_2.FC<TabPanelProps>;
+
+export declare type TabPanelProps = {
+    /** Overskriften til taben */
+    children: default_2.ReactNode;
+    /** HTML-elementet eller React-komponenten som lager komponenten */
+    as?: keyof JSX.IntrinsicElements | any;
+    [key: string]: any;
+};
+
+export declare const TabPanels: default_2.FC<TabPanelsProps>;
+
+export declare type TabPanelsProps = {
+    /** Tab-panelene */
+    children: default_2.ReactNode;
+    /** HTML-elementet eller React-komponenten som lager komponenten */
+    as?: keyof JSX.IntrinsicElements | any;
+    [key: string]: any;
+};
+
+export declare type TabProps = {
+    /** Overskriften til taben */
+    children: default_2.ReactNode;
+    /** Om taben er disabled eller ikke */
+    disabled?: boolean;
+    /** HTML-elementet eller React-komponenten som lager komponenten */
+    as?: keyof JSX.IntrinsicElements | any;
+    removeActiveLine?: boolean;
+    [key: string]: any;
+};
+
+export declare const Tabs: default_2.FC<TabsProps>;
+
+export declare type TabsProps = {
+    /** Overskriften til taben */
+    children: default_2.ReactNode;
+    /** Kalles når taben endres */
+    onChange?: (index: number) => void;
+    /** Hvilken tab som skal være åpen by default */
+    defaultIndex?: number;
+    /** Den åpne indexen */
+    index?: number;
+    /** HTML-elementet eller React-komponenten som lager komponenten */
+    as?: keyof JSX.IntrinsicElements | any;
+    [key: string]: any;
+};
+
+export { }

package/dist/styles.css

@@ -211,7 +211,6 @@
   bottom: 0;
   left: 0;
   right: 0;
-  background-color: #e3e6e8;
   background-color: var(--components-tab-standard-border);
   display: block;
   height: 0.125rem;
@@ -219,7 +218,6 @@
   z-index: -1;
 }
 .eds-contrast .eds-tab-list::after {
-  background-color: #aeb7e2;
   background-color: var(--components-tab-contrast-border);
 }
 .eds-tab-list::-webkit-scrollbar {
@@ -227,14 +225,10 @@
 }
 
 .eds-tab {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background: #edf0f2;
+  appearance: none;
   background: var(--components-tab-standard-fill-unselected);
   border: 0.125rem solid transparent;
   border-radius: 0.25rem 0.25rem 0 0;
-  color: #181c56;
   color: var(--components-tab-standard-text);
   cursor: pointer;
   font-family: inherit;
@@ -251,20 +245,15 @@
   min-width: 0;
 }
 .eds-contrast .eds-tab {
-  background-color: #393d79;
   background-color: var(--components-tab-contrast-fill-unselected);
-  color: #ffffff;
   color: var(--components-tab-contrast-text);
 }
 .eds-tab:hover {
-  background-color: #e3e6e8;
   background-color: var(--components-tab-standard-fill-hover);
   color: var(--components-menu-tableofcontent-standard-text-selected);
 }
 .eds-contrast .eds-tab:hover {
-  background-color: #626493;
   background-color: var(--components-tab-contrast-fill-hover);
-  color: #ffffff;
   color: var(--components-tab-contrast-text);
 }
 .eds-tab + .eds-tab {
@@ -276,40 +265,30 @@
   bottom: -0.125rem;
   left: -0.125rem;
   right: -0.125rem;
-  background-color: #e3e6e8;
   background-color: var(--components-tab-standard-border);
   display: block;
   height: 0.125rem;
 }
 .eds-contrast .eds-tab::after {
-  background-color: #aeb7e2;
   background-color: var(--components-tab-contrast-border);
 }
 .eds-tab[aria-selected=true] {
-  background-color: #ffffff;
   background-color: var(--components-tab-standard-fill-selected);
-  border-color: #e3e6e8;
   border-color: var(--components-tab-standard-border);
-  color: #181c56;
   color: var(--components-tab-standard-text);
   font-weight: 600;
 }
 .eds-contrast .eds-tab[aria-selected=true] {
-  background-color: #181c56;
   background-color: var(--components-tab-contrast-fill-selected);
-  color: #ffffff;
   color: var(--components-tab-contrast-text);
-  border-color: #aeb7e2;
   border-color: var(--components-tab-contrast-border);
 }
 .eds-tab[aria-selected=true]::after {
-  background-color: #ffffff;
   background-color: var(--components-tab-standard-fill-selected);
   left: 0;
   right: 0;
 }
 .eds-contrast .eds-tab[aria-selected=true]::after {
-  background-color: #181c56;
   background-color: var(--components-tab-contrast-fill-selected);
 }
 .eds-tab[aria-selected=true]::before {
@@ -318,7 +297,6 @@
   margin: 0 auto;
   width: 2rem;
   height: 3px;
-  background: #ff5959;
   background: var(--components-tab-standard-underline-selected);
   position: absolute;
   bottom: 0.25rem;
@@ -329,28 +307,22 @@
   background: transparent;
 }
 .eds-tab[disabled] {
-  background: #cfd2d4;
   background: var(--components-tab-standard-fill-disabled);
   border-color: none;
-  color: #515254;
   color: var(--components-tab-standard-text-disabled);
   cursor: not-allowed;
 }
 .eds-contrast .eds-tab[disabled] {
-  background: rgba(84, 86, 140, 0.4);
   background: var(--components-tab-contrast-fill-disabled);
   border-color: none;
-  color: #b6b8ba;
   color: var(--components-tab-contrast-text-disabled);
 }
 .eds-tab:focus-visible {
   outline: 2px solid #181c56;
-  outline-color: #181c56;
   outline-color: var(--basecolors-stroke-focus-standard);
   outline-offset: 0.125rem;
 }
 .eds-contrast .eds-tab:focus-visible {
-  outline-color: #aeb7e2;
   outline-color: var(--basecolors-stroke-focus-contrast);
 }
 
@@ -360,11 +332,9 @@
 
 .eds-tab-panel:focus-visible {
   outline: 2px solid #181c56;
-  outline-color: #181c56;
   outline-color: var(--basecolors-stroke-focus-standard);
   outline-offset: 0.125rem;
 }
 .eds-contrast .eds-tab-panel:focus-visible {
-  outline-color: #aeb7e2;
   outline-color: var(--basecolors-stroke-focus-contrast);
-}
+}

package/dist/tab.cjs.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@entur/utils");
+const jsxRuntime = require("react/jsx-runtime");
+const tabs = require("@reach/tabs");
+const classNames = require("classnames");
+const Tab = ({
+  className,
+  removeActiveLine = false,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    tabs.Tab,
+    {
+      className: classNames(
+        "eds-tab",
+        { "eds-tab--remove-active-line": removeActiveLine },
+        className
+      ),
+      ...rest
+    }
+  );
+};
+const Tabs = ({ className, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(tabs.Tabs, { className: classNames("eds-tabs", className), ...rest });
+};
+const TabPanel = ({ className, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    tabs.TabPanel,
+    {
+      className: classNames("eds-tab-panel", className),
+      ...rest,
+      tabIndex: void 0
+    }
+  );
+};
+const TabPanels = ({ className, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    tabs.TabPanels,
+    {
+      className: classNames("eds-tab-panels", className),
+      ...rest
+    }
+  );
+};
+const TabList = ({
+  className,
+  width,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    tabs.TabList,
+    {
+      className: classNames("eds-tab-list", className, {
+        "eds-tab-list--width-fluid": width === "fluid"
+      }),
+      ...rest
+    }
+  );
+};
+utils.warnAboutMissingStyles("tab");
+exports.Tab = Tab;
+exports.TabList = TabList;
+exports.TabPanel = TabPanel;
+exports.TabPanels = TabPanels;
+exports.Tabs = Tabs;
+//# sourceMappingURL=tab.cjs.js.map

package/dist/tab.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.cjs.js","sources":["../src/Tab.tsx","../src/Tabs.tsx","../src/TabPanel.tsx","../src/TabPanels.tsx","../src/TabList.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Tab as ReachTab } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** Om taben er disabled eller ikke */\n  disabled?: boolean;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  removeActiveLine?: boolean;\n  [key: string]: any;\n};\n\nexport const Tab: React.FC<TabProps> = ({\n  className,\n  removeActiveLine = false,\n  ...rest\n}) => {\n  return (\n    <ReachTab\n      className={classNames(\n        'eds-tab',\n        { 'eds-tab--remove-active-line': removeActiveLine },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { Tabs as ReachTabs } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabsProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** Kalles når taben endres */\n  onChange?: (index: number) => void;\n  /** Hvilken tab som skal være åpen by default */\n  defaultIndex?: number;\n  /** Den åpne indexen */\n  index?: number;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n\n  [key: string]: any;\n};\n\nexport const Tabs: React.FC<TabsProps> = ({ className, ...rest }) => {\n  return <ReachTabs className={classNames('eds-tabs', className)} {...rest} />;\n};\n","import React from 'react';\nimport { TabPanel as ReachTabPanel } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  [key: string]: any;\n};\n\nexport const TabPanel: React.FC<TabPanelProps> = ({ className, ...rest }) => {\n  return (\n    <ReachTabPanel\n      className={classNames('eds-tab-panel', className)}\n      {...rest}\n      tabIndex={undefined}\n    />\n  );\n};\n","import React from 'react';\nimport { TabPanels as ReachTabPanels } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelsProps = {\n  /** Tab-panelene */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  [key: string]: any;\n};\n\nexport const TabPanels: React.FC<TabPanelsProps> = ({ className, ...rest }) => {\n  return (\n    <ReachTabPanels\n      className={classNames('eds-tab-panels', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { TabList as ReachTabList } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabListProps = {\n  /** Tab-komponenter */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  width?: 'fluid';\n  [key: string]: any;\n};\n\nexport const TabList: React.FC<TabListProps> = ({\n  className,\n  width,\n  ...rest\n}) => {\n  return (\n    <ReachTabList\n      className={classNames('eds-tab-list', className, {\n        'eds-tab-list--width-fluid': width === 'fluid',\n      })}\n      {...rest}\n    />\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tab');\n\nexport * from './Tab';\nexport * from './Tabs';\nexport * from './TabPanel';\nexport * from './TabPanels';\nexport * from './TabList';\n"],"names":["jsx","ReachTab","ReachTabs","ReachTabPanel","ReachTabPanels","ReachTabList","warnAboutMissingStyles"],"mappings":";;;;;;AAeO,MAAM,MAA0B,CAAC;AAAA,EACtC;AAAA,EACA,mBAAmB;AAAA,EACnB,GAAG;AACL,MAAM;AACJ,SACEA,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,EAAE,+BAA+B,iBAAA;AAAA,QACjC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACXO,MAAM,OAA4B,CAAC,EAAE,WAAW,GAAG,WAAW;AACnE,SAAOD,2BAAAA,IAACE,aAAU,WAAW,WAAW,YAAY,SAAS,GAAI,GAAG,MAAM;AAC5E;ACTO,MAAM,WAAoC,CAAC,EAAE,WAAW,GAAG,WAAW;AAC3E,SACEF,2BAAAA;AAAAA,IAACG,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAW,WAAW,iBAAiB,SAAS;AAAA,MAC/C,GAAG;AAAA,MACJ,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;ACRO,MAAM,YAAsC,CAAC,EAAE,WAAW,GAAG,WAAW;AAC7E,SACEH,2BAAAA;AAAAA,IAACI,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAW,WAAW,kBAAkB,SAAS;AAAA,MAChD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACNO,MAAM,UAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACEJ,2BAAAA;AAAAA,IAACK,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAW,WAAW,gBAAgB,WAAW;AAAA,QAC/C,6BAA6B,UAAU;AAAA,MAAA,CACxC;AAAA,MACA,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACvBAC,MAAAA,uBAAuB,KAAK;;;;;;"}

package/dist/tab.esm.js

@@ -1,82 +1,67 @@
-import { warnAboutMissingStyles } from '@entur/utils';
-import React from 'react';
-import { Tab as Tab$1, Tabs as Tabs$1, TabPanel as TabPanel$1, TabPanels as TabPanels$1, TabList as TabList$1 } from '@reach/tabs';
-import classNames from 'classnames';
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+import { warnAboutMissingStyles } from "@entur/utils";
+import { jsx } from "react/jsx-runtime";
+import { Tab as Tab$1, Tabs as Tabs$1, TabPanel as TabPanel$1, TabPanels as TabPanels$1, TabList as TabList$1 } from "@reach/tabs";
+import classNames from "classnames";
+const Tab = ({
+  className,
+  removeActiveLine = false,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(
+    Tab$1,
+    {
+      className: classNames(
+        "eds-tab",
+        { "eds-tab--remove-active-line": removeActiveLine },
+        className
+      ),
+      ...rest
     }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
-var _excluded$4 = ["className", "removeActiveLine"];
-var Tab = function Tab(_ref) {
-  var className = _ref.className,
-    _ref$removeActiveLine = _ref.removeActiveLine,
-    removeActiveLine = _ref$removeActiveLine === void 0 ? false : _ref$removeActiveLine,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  return React.createElement(Tab$1, _extends({
-    className: classNames('eds-tab', {
-      'eds-tab--remove-active-line': removeActiveLine
-    }, className)
-  }, rest));
+  );
 };
-
-var _excluded$3 = ["className"];
-var Tabs = function Tabs(_ref) {
-  var className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  return React.createElement(Tabs$1, _extends({
-    className: classNames('eds-tabs', className)
-  }, rest));
+const Tabs = ({ className, ...rest }) => {
+  return /* @__PURE__ */ jsx(Tabs$1, { className: classNames("eds-tabs", className), ...rest });
 };
-
-var _excluded$2 = ["className"];
-var TabPanel = function TabPanel(_ref) {
-  var className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  return React.createElement(TabPanel$1, _extends({
-    className: classNames('eds-tab-panel', className)
-  }, rest, {
-    tabIndex: undefined
-  }));
+const TabPanel = ({ className, ...rest }) => {
+  return /* @__PURE__ */ jsx(
+    TabPanel$1,
+    {
+      className: classNames("eds-tab-panel", className),
+      ...rest,
+      tabIndex: void 0
+    }
+  );
+};
+const TabPanels = ({ className, ...rest }) => {
+  return /* @__PURE__ */ jsx(
+    TabPanels$1,
+    {
+      className: classNames("eds-tab-panels", className),
+      ...rest
+    }
+  );
 };
-
-var _excluded$1 = ["className"];
-var TabPanels = function TabPanels(_ref) {
-  var className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return React.createElement(TabPanels$1, _extends({
-    className: classNames('eds-tab-panels', className)
-  }, rest));
+const TabList = ({
+  className,
+  width,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(
+    TabList$1,
+    {
+      className: classNames("eds-tab-list", className, {
+        "eds-tab-list--width-fluid": width === "fluid"
+      }),
+      ...rest
+    }
+  );
 };
-
-var _excluded = ["className", "width"];
-var TabList = function TabList(_ref) {
-  var className = _ref.className,
-    width = _ref.width,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return React.createElement(TabList$1, _extends({
-    className: classNames('eds-tab-list', className, {
-      'eds-tab-list--width-fluid': width === 'fluid'
-    })
-  }, rest));
+warnAboutMissingStyles("tab");
+export {
+  Tab,
+  TabList,
+  TabPanel,
+  TabPanels,
+  Tabs
 };
-
-warnAboutMissingStyles('tab');
-
-export { Tab, TabList, TabPanel, TabPanels, Tabs };
 //# sourceMappingURL=tab.esm.js.map

package/dist/tab.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.esm.js","sources":["../src/Tab.tsx","../src/Tabs.tsx","../src/TabPanel.tsx","../src/TabPanels.tsx","../src/TabList.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Tab as ReachTab } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** Om taben er disabled eller ikke */\n  disabled?: boolean;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  removeActiveLine?: boolean;\n  [key: string]: any;\n};\n\nexport const Tab: React.FC<TabProps> = ({\n  className,\n  removeActiveLine = false,\n  ...rest\n}) => {\n  return (\n    <ReachTab\n      className={classNames(\n        'eds-tab',\n        { 'eds-tab--remove-active-line': removeActiveLine },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { Tabs as ReachTabs } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabsProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** Kalles når taben endres */\n  onChange?: (index: number) => void;\n  /** Hvilken tab som skal være åpen by default */\n  defaultIndex?: number;\n  /** Den åpne indexen */\n  index?: number;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n\n  [key: string]: any;\n};\n\nexport const Tabs: React.FC<TabsProps> = ({ className, ...rest }) => {\n  return <ReachTabs className={classNames('eds-tabs', className)} {...rest} />;\n};\n","import React from 'react';\nimport { TabPanel as ReachTabPanel } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  [key: string]: any;\n};\n\nexport const TabPanel: React.FC<TabPanelProps> = ({ className, ...rest }) => {\n  return (\n    <ReachTabPanel\n      className={classNames('eds-tab-panel', className)}\n      {...rest}\n      tabIndex={undefined}\n    />\n  );\n};\n","import React from 'react';\nimport { TabPanels as ReachTabPanels } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelsProps = {\n  /** Tab-panelene */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  [key: string]: any;\n};\n\nexport const TabPanels: React.FC<TabPanelsProps> = ({ className, ...rest }) => {\n  return (\n    <ReachTabPanels\n      className={classNames('eds-tab-panels', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { TabList as ReachTabList } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabListProps = {\n  /** Tab-komponenter */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  width?: 'fluid';\n  [key: string]: any;\n};\n\nexport const TabList: React.FC<TabListProps> = ({\n  className,\n  width,\n  ...rest\n}) => {\n  return (\n    <ReachTabList\n      className={classNames('eds-tab-list', className, {\n        'eds-tab-list--width-fluid': width === 'fluid',\n      })}\n      {...rest}\n    />\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tab');\n\nexport * from './Tab';\nexport * from './Tabs';\nexport * from './TabPanel';\nexport * from './TabPanels';\nexport * from './TabList';\n"],"names":["Tab","_ref","className","_ref$removeActiveLine","removeActiveLine","rest","_objectWithoutPropertiesLoose","_excluded","React","ReachTab","_extends","classNames","Tabs","createElement","ReachTabs","TabPanel","ReachTabPanel","tabIndex","undefined","TabPanels","ReachTabPanels","TabList","width","ReachTabList","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAeaA,GAAG,GAAuB,SAA1BA,GAAGA,CAAAC,IAAA,EAIX;AAAA,EAAA,IAHHC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAAC,qBAAA,GAAAF,IAAA,CACTG,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AACrBE,IAAAA,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AAEP,EAAA,OACEC,oBAACC,KAAQ,EAAAC,QAAA,CAAA;AACPR,IAAAA,SAAS,EAAES,UAAU,CACnB,SAAS,EACT;AAAE,MAAA,6BAA6B,EAAEP,gBAAAA;KAAkB,EACnDF,SAAS,CAAA;GAEPG,EAAAA,IAAI,CACR,CAAA,CAAA;AAEN;;;ICXaO,IAAI,GAAwB,SAA5BA,IAAIA,CAAAX,IAAA,EAAmD;AAAA,EAAA,IAAxBC,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAKG,IAAAA,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AAC5D,EAAA,OAAOC,KAAC,CAAAK,aAAA,CAAAC,MAAS,EAAAJ,QAAA,CAAA;AAACR,IAAAA,SAAS,EAAES,UAAU,CAAC,UAAU,EAAET,SAAS,CAAA;GAAOG,EAAAA,IAAI,EAAI,CAAA;AAC9E;;;ICTaU,QAAQ,GAA4B,SAApCA,QAAQA,CAAAd,IAAA,EAAuD;AAAA,EAAA,IAAxBC,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAKG,IAAAA,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AACpE,EAAA,OACEC,oBAACQ,UAAa,EAAAN,QAAA,CAAA;AACZR,IAAAA,SAAS,EAAES,UAAU,CAAC,eAAe,EAAET,SAAS,CAAA;AAAC,GAAA,EAC7CG,IAAI,EAAA;AACRY,IAAAA,QAAQ,EAAEC,SAAAA;AAAS,GAAA,CAAA,CACnB,CAAA;AAEN;;;ICRaC,SAAS,GAA6B,SAAtCA,SAASA,CAAAlB,IAAA,EAAwD;AAAA,EAAA,IAAxBC,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAKG,IAAAA,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AACtE,EAAA,OACEC,KAAC,CAAAK,aAAA,CAAAO,WAAc,EAAAV,QAAA,CAAA;AACbR,IAAAA,SAAS,EAAES,UAAU,CAAC,gBAAgB,EAAET,SAAS,CAAA;GAC7CG,EAAAA,IAAI,CAAA,CACR,CAAA;AAEN;;;ICNagB,OAAO,GAA2B,SAAlCA,OAAOA,CAAApB,IAAA,EAIf;AAAA,EAAA,IAHHC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACToB,KAAK,GAAArB,IAAA,CAALqB,KAAK;AACFjB,IAAAA,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAEP,EAAA,OACEC,KAAC,CAAAK,aAAA,CAAAU,SAAY,EAAAb,QAAA,CAAA;AACXR,IAAAA,SAAS,EAAES,UAAU,CAAC,cAAc,EAAET,SAAS,EAAE;MAC/C,2BAA2B,EAAEoB,KAAK,KAAK,OAAA;KACxC,CAAA;GACGjB,EAAAA,IAAI,CACR,CAAA,CAAA;AAEN;;ACvBAmB,sBAAsB,CAAC,KAAK,CAAC;;;;"}
+{"version":3,"file":"tab.esm.js","sources":["../src/Tab.tsx","../src/Tabs.tsx","../src/TabPanel.tsx","../src/TabPanels.tsx","../src/TabList.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Tab as ReachTab } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** Om taben er disabled eller ikke */\n  disabled?: boolean;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  removeActiveLine?: boolean;\n  [key: string]: any;\n};\n\nexport const Tab: React.FC<TabProps> = ({\n  className,\n  removeActiveLine = false,\n  ...rest\n}) => {\n  return (\n    <ReachTab\n      className={classNames(\n        'eds-tab',\n        { 'eds-tab--remove-active-line': removeActiveLine },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { Tabs as ReachTabs } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabsProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** Kalles når taben endres */\n  onChange?: (index: number) => void;\n  /** Hvilken tab som skal være åpen by default */\n  defaultIndex?: number;\n  /** Den åpne indexen */\n  index?: number;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n\n  [key: string]: any;\n};\n\nexport const Tabs: React.FC<TabsProps> = ({ className, ...rest }) => {\n  return <ReachTabs className={classNames('eds-tabs', className)} {...rest} />;\n};\n","import React from 'react';\nimport { TabPanel as ReachTabPanel } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  [key: string]: any;\n};\n\nexport const TabPanel: React.FC<TabPanelProps> = ({ className, ...rest }) => {\n  return (\n    <ReachTabPanel\n      className={classNames('eds-tab-panel', className)}\n      {...rest}\n      tabIndex={undefined}\n    />\n  );\n};\n","import React from 'react';\nimport { TabPanels as ReachTabPanels } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelsProps = {\n  /** Tab-panelene */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  [key: string]: any;\n};\n\nexport const TabPanels: React.FC<TabPanelsProps> = ({ className, ...rest }) => {\n  return (\n    <ReachTabPanels\n      className={classNames('eds-tab-panels', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { TabList as ReachTabList } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabListProps = {\n  /** Tab-komponenter */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  width?: 'fluid';\n  [key: string]: any;\n};\n\nexport const TabList: React.FC<TabListProps> = ({\n  className,\n  width,\n  ...rest\n}) => {\n  return (\n    <ReachTabList\n      className={classNames('eds-tab-list', className, {\n        'eds-tab-list--width-fluid': width === 'fluid',\n      })}\n      {...rest}\n    />\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tab');\n\nexport * from './Tab';\nexport * from './Tabs';\nexport * from './TabPanel';\nexport * from './TabPanels';\nexport * from './TabList';\n"],"names":["ReachTab","ReachTabs","ReachTabPanel","ReachTabPanels","ReachTabList"],"mappings":";;;;AAeO,MAAM,MAA0B,CAAC;AAAA,EACtC;AAAA,EACA,mBAAmB;AAAA,EACnB,GAAG;AACL,MAAM;AACJ,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,EAAE,+BAA+B,iBAAA;AAAA,QACjC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACXO,MAAM,OAA4B,CAAC,EAAE,WAAW,GAAG,WAAW;AACnE,SAAO,oBAACC,UAAU,WAAW,WAAW,YAAY,SAAS,GAAI,GAAG,MAAM;AAC5E;ACTO,MAAM,WAAoC,CAAC,EAAE,WAAW,GAAG,WAAW;AAC3E,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAW,WAAW,iBAAiB,SAAS;AAAA,MAC/C,GAAG;AAAA,MACJ,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;ACRO,MAAM,YAAsC,CAAC,EAAE,WAAW,GAAG,WAAW;AAC7E,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAW,WAAW,kBAAkB,SAAS;AAAA,MAChD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACNO,MAAM,UAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAW,WAAW,gBAAgB,WAAW;AAAA,QAC/C,6BAA6B,UAAU;AAAA,MAAA,CACxC;AAAA,MACA,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACvBA,uBAAuB,KAAK;"}

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "@entur/tab",
-  "version": "0.5.4",
+  "version": "0.5.5-beta.1",
   "license": "EUPL-1.2",
-  "main": "dist/index.js",
+  "main": "dist/tab.cjs.js",
   "module": "dist/tab.esm.js",
-  "typings": "dist/index.d.ts",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/tab.esm.js",
+      "require": "./dist/tab.cjs.js"
+    },
+    "./dist/*": "./dist/*"
+  },
   "files": [
     "dist"
   ],
@@ -17,22 +25,33 @@
     "access": "public"
   },
   "scripts": {
-    "start": "dts watch --noClean",
-    "build": "dts build",
-    "lint": "dts lint src"
+    "start": "vite build --watch",
+    "build": "vite build",
+    "lint": "eslint src",
+    "test": "jest"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/tokens": "^3.19.1",
-    "@entur/utils": "^0.12.3",
-    "@reach/tabs": "^0.15.0",
-    "classnames": "^2.3.1"
+    "@entur/tokens": "^3.19.2-beta.1",
+    "@entur/utils": "^0.12.4-beta.1",
+    "@reach/tabs": "^0.15.3",
+    "classnames": "^2.5.1"
   },
   "devDependencies": {
-    "dts-cli": "2.0.5"
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^10.4.9",
+    "@testing-library/user-event": "14.6.1",
+    "@vitejs/plugin-react": "^5.0.1",
+    "eslint": "^7.32.0",
+    "jest": "^29.0.0",
+    "jest-environment-jsdom": "^29.0.0",
+    "ts-jest": "^29.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.3",
+    "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "db5f805386b0e22e938d3d0fbc6d283088502658"
+  "gitHead": "1654c868b8fe67eb6b1eac6087a67fc41134ddb0"
 }

package/dist/Tab.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export type TabProps = {
-    /** Overskriften til taben */
-    children: React.ReactNode;
-    /** Om taben er disabled eller ikke */
-    disabled?: boolean;
-    /** HTML-elementet eller React-komponenten som lager komponenten */
-    as?: keyof JSX.IntrinsicElements | any;
-    removeActiveLine?: boolean;
-    [key: string]: any;
-};
-export declare const Tab: React.FC<TabProps>;

package/dist/TabList.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export type TabListProps = {
-    /** Tab-komponenter */
-    children: React.ReactNode;
-    /** HTML-elementet eller React-komponenten som lager komponenten */
-    as?: keyof JSX.IntrinsicElements | any;
-    width?: 'fluid';
-    [key: string]: any;
-};
-export declare const TabList: React.FC<TabListProps>;

package/dist/TabPanel.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export type TabPanelProps = {
-    /** Overskriften til taben */
-    children: React.ReactNode;
-    /** HTML-elementet eller React-komponenten som lager komponenten */
-    as?: keyof JSX.IntrinsicElements | any;
-    [key: string]: any;
-};
-export declare const TabPanel: React.FC<TabPanelProps>;

package/dist/TabPanels.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export type TabPanelsProps = {
-    /** Tab-panelene */
-    children: React.ReactNode;
-    /** HTML-elementet eller React-komponenten som lager komponenten */
-    as?: keyof JSX.IntrinsicElements | any;
-    [key: string]: any;
-};
-export declare const TabPanels: React.FC<TabPanelsProps>;

package/dist/Tabs.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export type TabsProps = {
-    /** Overskriften til taben */
-    children: React.ReactNode;
-    /** Kalles når taben endres */
-    onChange?: (index: number) => void;
-    /** Hvilken tab som skal være åpen by default */
-    defaultIndex?: number;
-    /** Den åpne indexen */
-    index?: number;
-    /** HTML-elementet eller React-komponenten som lager komponenten */
-    as?: keyof JSX.IntrinsicElements | any;
-    [key: string]: any;
-};
-export declare const Tabs: React.FC<TabsProps>;

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./tab.cjs.production.min.js')
-} else {
-  module.exports = require('./tab.cjs.development.js')
-}

package/dist/tab.cjs.development.js

@@ -1,90 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('@entur/utils');
-var React = require('react');
-var tabs = require('@reach/tabs');
-var classNames = require('classnames');
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
-var _excluded$4 = ["className", "removeActiveLine"];
-var Tab = function Tab(_ref) {
-  var className = _ref.className,
-    _ref$removeActiveLine = _ref.removeActiveLine,
-    removeActiveLine = _ref$removeActiveLine === void 0 ? false : _ref$removeActiveLine,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  return React.createElement(tabs.Tab, _extends({
-    className: classNames('eds-tab', {
-      'eds-tab--remove-active-line': removeActiveLine
-    }, className)
-  }, rest));
-};
-
-var _excluded$3 = ["className"];
-var Tabs = function Tabs(_ref) {
-  var className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  return React.createElement(tabs.Tabs, _extends({
-    className: classNames('eds-tabs', className)
-  }, rest));
-};
-
-var _excluded$2 = ["className"];
-var TabPanel = function TabPanel(_ref) {
-  var className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  return React.createElement(tabs.TabPanel, _extends({
-    className: classNames('eds-tab-panel', className)
-  }, rest, {
-    tabIndex: undefined
-  }));
-};
-
-var _excluded$1 = ["className"];
-var TabPanels = function TabPanels(_ref) {
-  var className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return React.createElement(tabs.TabPanels, _extends({
-    className: classNames('eds-tab-panels', className)
-  }, rest));
-};
-
-var _excluded = ["className", "width"];
-var TabList = function TabList(_ref) {
-  var className = _ref.className,
-    width = _ref.width,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return React.createElement(tabs.TabList, _extends({
-    className: classNames('eds-tab-list', className, {
-      'eds-tab-list--width-fluid': width === 'fluid'
-    })
-  }, rest));
-};
-
-utils.warnAboutMissingStyles('tab');
-
-exports.Tab = Tab;
-exports.TabList = TabList;
-exports.TabPanel = TabPanel;
-exports.TabPanels = TabPanels;
-exports.Tabs = Tabs;
-//# sourceMappingURL=tab.cjs.development.js.map

package/dist/tab.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab.cjs.development.js","sources":["../src/Tab.tsx","../src/Tabs.tsx","../src/TabPanel.tsx","../src/TabPanels.tsx","../src/TabList.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Tab as ReachTab } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** Om taben er disabled eller ikke */\n  disabled?: boolean;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  removeActiveLine?: boolean;\n  [key: string]: any;\n};\n\nexport const Tab: React.FC<TabProps> = ({\n  className,\n  removeActiveLine = false,\n  ...rest\n}) => {\n  return (\n    <ReachTab\n      className={classNames(\n        'eds-tab',\n        { 'eds-tab--remove-active-line': removeActiveLine },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { Tabs as ReachTabs } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabsProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** Kalles når taben endres */\n  onChange?: (index: number) => void;\n  /** Hvilken tab som skal være åpen by default */\n  defaultIndex?: number;\n  /** Den åpne indexen */\n  index?: number;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n\n  [key: string]: any;\n};\n\nexport const Tabs: React.FC<TabsProps> = ({ className, ...rest }) => {\n  return <ReachTabs className={classNames('eds-tabs', className)} {...rest} />;\n};\n","import React from 'react';\nimport { TabPanel as ReachTabPanel } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  [key: string]: any;\n};\n\nexport const TabPanel: React.FC<TabPanelProps> = ({ className, ...rest }) => {\n  return (\n    <ReachTabPanel\n      className={classNames('eds-tab-panel', className)}\n      {...rest}\n      tabIndex={undefined}\n    />\n  );\n};\n","import React from 'react';\nimport { TabPanels as ReachTabPanels } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelsProps = {\n  /** Tab-panelene */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  [key: string]: any;\n};\n\nexport const TabPanels: React.FC<TabPanelsProps> = ({ className, ...rest }) => {\n  return (\n    <ReachTabPanels\n      className={classNames('eds-tab-panels', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { TabList as ReachTabList } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabListProps = {\n  /** Tab-komponenter */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  width?: 'fluid';\n  [key: string]: any;\n};\n\nexport const TabList: React.FC<TabListProps> = ({\n  className,\n  width,\n  ...rest\n}) => {\n  return (\n    <ReachTabList\n      className={classNames('eds-tab-list', className, {\n        'eds-tab-list--width-fluid': width === 'fluid',\n      })}\n      {...rest}\n    />\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tab');\n\nexport * from './Tab';\nexport * from './Tabs';\nexport * from './TabPanel';\nexport * from './TabPanels';\nexport * from './TabList';\n"],"names":["Tab","_ref","className","_ref$removeActiveLine","removeActiveLine","rest","_objectWithoutPropertiesLoose","_excluded","React","ReachTab","_extends","classNames","Tabs","createElement","ReachTabs","TabPanel","ReachTabPanel","tabIndex","undefined","TabPanels","ReachTabPanels","TabList","width","ReachTabList","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAeaA,GAAG,GAAuB,SAA1BA,GAAGA,CAAAC,IAAA,EAIX;AAAA,EAAA,IAHHC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAAC,qBAAA,GAAAF,IAAA,CACTG,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AACrBE,IAAAA,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AAEP,EAAA,OACEC,oBAACC,QAAQ,EAAAC,QAAA,CAAA;AACPR,IAAAA,SAAS,EAAES,UAAU,CACnB,SAAS,EACT;AAAE,MAAA,6BAA6B,EAAEP,gBAAAA;KAAkB,EACnDF,SAAS,CAAA;GAEPG,EAAAA,IAAI,CACR,CAAA,CAAA;AAEN;;;ICXaO,IAAI,GAAwB,SAA5BA,IAAIA,CAAAX,IAAA,EAAmD;AAAA,EAAA,IAAxBC,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAKG,IAAAA,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AAC5D,EAAA,OAAOC,KAAC,CAAAK,aAAA,CAAAC,SAAS,EAAAJ,QAAA,CAAA;AAACR,IAAAA,SAAS,EAAES,UAAU,CAAC,UAAU,EAAET,SAAS,CAAA;GAAOG,EAAAA,IAAI,EAAI,CAAA;AAC9E;;;ICTaU,QAAQ,GAA4B,SAApCA,QAAQA,CAAAd,IAAA,EAAuD;AAAA,EAAA,IAAxBC,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAKG,IAAAA,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AACpE,EAAA,OACEC,oBAACQ,aAAa,EAAAN,QAAA,CAAA;AACZR,IAAAA,SAAS,EAAES,UAAU,CAAC,eAAe,EAAET,SAAS,CAAA;AAAC,GAAA,EAC7CG,IAAI,EAAA;AACRY,IAAAA,QAAQ,EAAEC,SAAAA;AAAS,GAAA,CAAA,CACnB,CAAA;AAEN;;;ICRaC,SAAS,GAA6B,SAAtCA,SAASA,CAAAlB,IAAA,EAAwD;AAAA,EAAA,IAAxBC,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAKG,IAAAA,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,WAAA,CAAA,CAAA;AACtE,EAAA,OACEC,KAAC,CAAAK,aAAA,CAAAO,cAAc,EAAAV,QAAA,CAAA;AACbR,IAAAA,SAAS,EAAES,UAAU,CAAC,gBAAgB,EAAET,SAAS,CAAA;GAC7CG,EAAAA,IAAI,CAAA,CACR,CAAA;AAEN;;;ICNagB,OAAO,GAA2B,SAAlCA,OAAOA,CAAApB,IAAA,EAIf;AAAA,EAAA,IAHHC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACToB,KAAK,GAAArB,IAAA,CAALqB,KAAK;AACFjB,IAAAA,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAEP,EAAA,OACEC,KAAC,CAAAK,aAAA,CAAAU,YAAY,EAAAb,QAAA,CAAA;AACXR,IAAAA,SAAS,EAAES,UAAU,CAAC,cAAc,EAAET,SAAS,EAAE;MAC/C,2BAA2B,EAAEoB,KAAK,KAAK,OAAA;KACxC,CAAA;GACGjB,EAAAA,IAAI,CACR,CAAA,CAAA;AAEN;;ACvBAmB,4BAAsB,CAAC,KAAK,CAAC;;;;;;;;"}

package/dist/tab.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),s=require("@reach/tabs"),t=require("classnames");function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var s=arguments[a];for(var t in s)({}).hasOwnProperty.call(s,t)&&(e[t]=s[t])}return e},r.apply(null,arguments)}function n(e,a){if(null==e)return{};var s={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(a.includes(t))continue;s[t]=e[t]}return s}var l=["className","removeActiveLine"],i=["className"],c=["className"],u=["className"],o=["className","width"];e.warnAboutMissingStyles("tab"),exports.Tab=function(e){var i=e.className,c=e.removeActiveLine,u=void 0!==c&&c,o=n(e,l);return a.createElement(s.Tab,r({className:t("eds-tab",{"eds-tab--remove-active-line":u},i)},o))},exports.TabList=function(e){var l=e.className,i=e.width,c=n(e,o);return a.createElement(s.TabList,r({className:t("eds-tab-list",l,{"eds-tab-list--width-fluid":"fluid"===i})},c))},exports.TabPanel=function(e){var l=e.className,i=n(e,c);return a.createElement(s.TabPanel,r({className:t("eds-tab-panel",l)},i,{tabIndex:void 0}))},exports.TabPanels=function(e){var l=e.className,i=n(e,u);return a.createElement(s.TabPanels,r({className:t("eds-tab-panels",l)},i))},exports.Tabs=function(e){var l=e.className,c=n(e,i);return a.createElement(s.Tabs,r({className:t("eds-tabs",l)},c))};
-//# sourceMappingURL=tab.cjs.production.min.js.map

package/dist/tab.cjs.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab.cjs.production.min.js","sources":["../src/index.tsx","../src/Tab.tsx","../src/TabList.tsx","../src/TabPanel.tsx","../src/TabPanels.tsx","../src/Tabs.tsx"],"sourcesContent":["import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tab');\n\nexport * from './Tab';\nexport * from './Tabs';\nexport * from './TabPanel';\nexport * from './TabPanels';\nexport * from './TabList';\n","import React from 'react';\nimport { Tab as ReachTab } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** Om taben er disabled eller ikke */\n  disabled?: boolean;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  removeActiveLine?: boolean;\n  [key: string]: any;\n};\n\nexport const Tab: React.FC<TabProps> = ({\n  className,\n  removeActiveLine = false,\n  ...rest\n}) => {\n  return (\n    <ReachTab\n      className={classNames(\n        'eds-tab',\n        { 'eds-tab--remove-active-line': removeActiveLine },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { TabList as ReachTabList } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabListProps = {\n  /** Tab-komponenter */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  width?: 'fluid';\n  [key: string]: any;\n};\n\nexport const TabList: React.FC<TabListProps> = ({\n  className,\n  width,\n  ...rest\n}) => {\n  return (\n    <ReachTabList\n      className={classNames('eds-tab-list', className, {\n        'eds-tab-list--width-fluid': width === 'fluid',\n      })}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { TabPanel as ReachTabPanel } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  [key: string]: any;\n};\n\nexport const TabPanel: React.FC<TabPanelProps> = ({ className, ...rest }) => {\n  return (\n    <ReachTabPanel\n      className={classNames('eds-tab-panel', className)}\n      {...rest}\n      tabIndex={undefined}\n    />\n  );\n};\n","import React from 'react';\nimport { TabPanels as ReachTabPanels } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelsProps = {\n  /** Tab-panelene */\n  children: React.ReactNode;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n  [key: string]: any;\n};\n\nexport const TabPanels: React.FC<TabPanelsProps> = ({ className, ...rest }) => {\n  return (\n    <ReachTabPanels\n      className={classNames('eds-tab-panels', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { Tabs as ReachTabs } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabsProps = {\n  /** Overskriften til taben */\n  children: React.ReactNode;\n  /** Kalles når taben endres */\n  onChange?: (index: number) => void;\n  /** Hvilken tab som skal være åpen by default */\n  defaultIndex?: number;\n  /** Den åpne indexen */\n  index?: number;\n  /** HTML-elementet eller React-komponenten som lager komponenten */\n  as?: keyof JSX.IntrinsicElements | any;\n\n  [key: string]: any;\n};\n\nexport const Tabs: React.FC<TabsProps> = ({ className, ...rest }) => {\n  return <ReachTabs className={classNames('eds-tabs', className)} {...rest} />;\n};\n"],"names":["warnAboutMissingStyles","_ref","className","_ref$removeActiveLine","removeActiveLine","rest","_objectWithoutPropertiesLoose","_excluded","React","ReachTab","Tab","_extends","classNames","width","createElement","ReachTabList","TabList","ReachTabPanel","TabPanel","tabIndex","undefined","ReachTabPanels","TabPanels","ReachTabs","Tabs"],"mappings":"snBAGAA,EAAsBA,uBAAC,mBCYgB,SAAvBC,GAIX,IAHHC,EAASD,EAATC,UAASC,EAAAF,EACTG,iBAAAA,OAAmB,IAAHD,GAAQA,EACrBE,EAAIC,EAAAL,EAAAM,GAEP,OACEC,gBAACC,EAAQC,IAAAC,EAAA,CACPT,UAAWU,EACT,UACA,CAAE,8BAA+BR,GACjCF,IAEEG,GAGV,kBCjB+C,SAA3BJ,GAIf,IAHHC,EAASD,EAATC,UACAW,EAAKZ,EAALY,MACGR,EAAIC,EAAAL,EAAAM,GAEP,OACEC,EAACM,cAAAC,EAAYC,QAAAL,EAAA,CACXT,UAAWU,EAAW,eAAgBV,EAAW,CAC/C,4BAAuC,UAAVW,KAE3BR,GAGV,mBCdiD,SAA5BJ,GAAuD,IAAxBC,EAASD,EAATC,UAAcG,EAAIC,EAAAL,EAAAM,GACpE,OACEC,gBAACS,EAAaC,SAAAP,EAAA,CACZT,UAAWU,EAAW,gBAAiBV,IACnCG,EAAI,CACRc,cAAUC,IAGhB,oBCRmD,SAA7BnB,GAAwD,IAAxBC,EAASD,EAATC,UAAcG,EAAIC,EAAAL,EAAAM,GACtE,OACEC,EAACM,cAAAO,EAAcC,UAAAX,EAAA,CACbT,UAAWU,EAAW,iBAAkBV,IACpCG,GAGV,eCAyC,SAAxBJ,GAAmD,IAAxBC,EAASD,EAATC,UAAcG,EAAIC,EAAAL,EAAAM,GAC5D,OAAOC,EAACM,cAAAS,EAASC,KAAAb,EAAA,CAACT,UAAWU,EAAW,WAAYV,IAAgBG,GACtE"}