@entur/tab 0.4.77-alpha.0 → 0.4.77

package/README.md

@@ -2,7 +2,7 @@
 
 This package contains the different Tab components.
 
-> 💡 Looking for the [documentation](https://design.entur.no/komponenter/layout-and-surfaces/tabs)?
+> 💡 Looking for the [documentation](https://design.entur.no/komponenter/layout-og-flater/tab)?
 
 ## Installation
 
@@ -14,4 +14,4 @@ yarn add @entur/tab
 
 ## Usage
 
-Please refer to the [documentation](https://design.entur.no/komponenter/layout-and-surfaces/tabs) for usage information.
+Please refer to the [documentation](https://design.entur.no/komponenter/layout-og-flater/tab) for usage information.

package/dist/styles.css

@@ -209,6 +209,7 @@
   bottom: 0;
   left: 0;
   right: 0;
+  background-color: #e3e6e8;
   background-color: var(--components-tab-standard-border);
   display: block;
   height: 0.125rem;
@@ -216,6 +217,7 @@
   z-index: -1;
 }
 .eds-contrast .eds-tab-list::after {
+  background-color: #aeb7e2;
   background-color: var(--components-tab-contrast-border);
 }
 .eds-tab-list::-webkit-scrollbar {
@@ -226,9 +228,11 @@
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
+  background: #edf0f2;
   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;
@@ -245,15 +249,20 @@
   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 {
@@ -265,30 +274,40 @@
   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 {
@@ -297,6 +316,7 @@
   margin: 0 auto;
   width: 2rem;
   height: 3px;
+  background: #ff5959;
   background: var(--components-tab-standard-underline-selected);
   position: absolute;
   bottom: 0.25rem;
@@ -307,22 +327,28 @@
   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 {
   outline: 2px solid #181c56;
+  outline-color: #181c56;
   outline-color: var(--basecolors-stroke-focus-standard);
   outline-offset: 0.125rem;
 }
 .eds-contrast .eds-tab:focus {
+  outline-color: #aeb7e2;
   outline-color: var(--basecolors-stroke-focus-contrast);
 }
 
@@ -332,9 +358,11 @@
 
 .eds-tab-panel:focus {
   outline: 2px solid #181c56;
+  outline-color: #181c56;
   outline-color: var(--basecolors-stroke-focus-standard);
   outline-offset: 0.125rem;
 }
 .eds-contrast .eds-tab-panel:focus {
+  outline-color: #aeb7e2;
   outline-color: var(--basecolors-stroke-focus-contrast);
 }

package/dist/tab.cjs.development.js

@@ -8,30 +8,22 @@ var tabs = require('@reach/tabs');
 var classNames = require('classnames');
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _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 target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+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 target;
+  return t;
 }
 
 var _excluded$4 = ["className", "removeActiveLine"];

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

@@ -1 +1 @@
-{"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","className","removeActiveLine","rest","_excluded","React","ReachTab","classNames","Tabs","createElement","ReachTabs","TabPanel","ReachTabPanel","tabIndex","undefined","TabPanels","ReachTabPanels","TabList","width","ReachTabList","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeaA,IAAAA,GAAG,GAAuB,SAA1BA,GAAG,CAIX,IAAA,EAAA;EAAA,IAHHC,SAAS,QAATA,SAAS;AAAA,IAAA,qBAAA,GAAA,IAAA,CACTC,gBAAgB;AAAhBA,IAAAA,gBAAgB,sCAAG,KAAK,GAAA,qBAAA;IACrBC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAEP,EAAA,OACEC,oBAACC,QAAQ,EAAA,QAAA,CAAA;AACPL,IAAAA,SAAS,EAAEM,UAAU,CACnB,SAAS,EACT;AAAE,MAAA,6BAA6B,EAAEL,gBAAAA;KAAkB,EACnDD,SAAS,CAAA;AACV,GAAA,EACGE,IAAI,CACR,CAAA,CAAA;AAEN;;;ACXaK,IAAAA,IAAI,GAAwB,SAA5BA,IAAI,CAAmD,IAAA,EAAA;EAAA,IAAxBP,SAAS,QAATA,SAAS;IAAKE,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAC5D,EAAA,OAAOC,KAAC,CAAAI,aAAA,CAAAC,SAAS,EAAA,QAAA,CAAA;AAACT,IAAAA,SAAS,EAAEM,UAAU,CAAC,UAAU,EAAEN,SAAS,CAAA;AAAC,GAAA,EAAME,IAAI,CAAI,CAAA,CAAA;AAC9E;;;ACTaQ,IAAAA,QAAQ,GAA4B,SAApCA,QAAQ,CAAuD,IAAA,EAAA;EAAA,IAAxBV,SAAS,QAATA,SAAS;IAAKE,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AACpE,EAAA,OACEC,oBAACO,aAAa,EAAA,QAAA,CAAA;AACZX,IAAAA,SAAS,EAAEM,UAAU,CAAC,eAAe,EAAEN,SAAS,CAAA;AAAC,GAAA,EAC7CE,IAAI,EAAA;AACRU,IAAAA,QAAQ,EAAEC,SAAAA;GACV,CAAA,CAAA,CAAA;AAEN;;;ACRaC,IAAAA,SAAS,GAA6B,SAAtCA,SAAS,CAAwD,IAAA,EAAA;EAAA,IAAxBd,SAAS,QAATA,SAAS;IAAKE,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AACtE,EAAA,OACEC,KAAC,CAAAI,aAAA,CAAAO,cAAc,EAAA,QAAA,CAAA;AACbf,IAAAA,SAAS,EAAEM,UAAU,CAAC,gBAAgB,EAAEN,SAAS,CAAA;AAAC,GAAA,EAC9CE,IAAI,CACR,CAAA,CAAA;AAEN;;;ACNac,IAAAA,OAAO,GAA2B,SAAlCA,OAAO,CAIf,IAAA,EAAA;EAAA,IAHHhB,SAAS,QAATA,SAAS;AACTiB,IAAAA,KAAK,QAALA,KAAK;IACFf,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAEP,EAAA,OACEE,KAAC,CAAAI,aAAA,CAAAU,YAAY,EAAA,QAAA,CAAA;AACXlB,IAAAA,SAAS,EAAEM,UAAU,CAAC,cAAc,EAAEN,SAAS,EAAE;MAC/C,2BAA2B,EAAEiB,KAAK,KAAK,OAAA;KACxC,CAAA;AAAC,GAAA,EACEf,IAAI,CACR,CAAA,CAAA;AAEN;;ACvBAiB,4BAAsB,CAAC,KAAK,CAAC;;;;;;;;"}
+{"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 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("@reach/tabs"),s=require("classnames");function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},r.apply(this,arguments)}function n(e,a){if(null==e)return{};var t,s,r={},n=Object.keys(e);for(s=0;s<n.length;s++)a.indexOf(t=n[s])>=0||(r[t]=e[t]);return r}var l=["className","removeActiveLine"],c=["className"],i=["className"],u=["className"],o=["className","width"];e.warnAboutMissingStyles("tab"),exports.Tab=function(e){var c=e.className,i=e.removeActiveLine,u=void 0!==i&&i,o=n(e,l);return a.createElement(t.Tab,r({className:s("eds-tab",{"eds-tab--remove-active-line":u},c)},o))},exports.TabList=function(e){var l=e.className,c=e.width,i=n(e,o);return a.createElement(t.TabList,r({className:s("eds-tab-list",l,{"eds-tab-list--width-fluid":"fluid"===c})},i))},exports.TabPanel=function(e){var l=e.className,c=n(e,i);return a.createElement(t.TabPanel,r({className:s("eds-tab-panel",l)},c,{tabIndex:void 0}))},exports.TabPanels=function(e){var l=e.className,c=n(e,u);return a.createElement(t.TabPanels,r({className:s("eds-tab-panels",l)},c))},exports.Tabs=function(e){var l=e.className,i=n(e,c);return a.createElement(t.Tabs,r({className:s("eds-tabs",l)},i))};
+"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 +1 @@
-{"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":"6nBAGAA,EAAsBA,uBAAC,mBCYgB,SAIlCC,GAAA,IAHHC,IAAAA,UAASC,EAAAF,EACTG,iBAAAA,cAAwBD,EACrBE,EAAIC,EAAAL,EAAAM,GAEP,OACEC,gBAACC,EAAQC,IAAAC,EAAA,CACPT,UAAWU,EACT,UACA,CAAE,8BAA+BR,GACjCF,IAEEG,GAGV,kBCjB+C,SAI1CJ,GAAA,IAHHC,IAAAA,UACAW,IAAAA,MACGR,EAAIC,EAAAL,EAAAM,GAEP,OACEC,EAACM,cAAAC,EAAYC,QAAAL,EAAA,CACXT,UAAWU,EAAW,eAAgBV,EAAW,CAC/C,4BAAuC,UAAVW,KAE3BR,GAGV,mBCdiD,SAA2BJ,GAAA,IAAxBC,IAAAA,UAAcG,EAAIC,EAAAL,EAAAM,GACpE,OACEC,gBAACS,EAAaC,SAAAP,EAAA,CACZT,UAAWU,EAAW,gBAAiBV,IACnCG,EAAI,CACRc,cAAUC,IAGhB,oBCRmD,SAA2BnB,GAAA,IAAxBC,IAAAA,UAAcG,EAAIC,EAAAL,EAAAM,GACtE,OACEC,EAACM,cAAAO,EAAcC,UAAAX,EAAA,CACbT,UAAWU,EAAW,iBAAkBV,IACpCG,GAGV,eCAyC,SAA2BJ,GAAA,IAAxBC,IAAAA,UAAcG,EAAIC,EAAAL,EAAAM,GAC5D,OAAOC,EAACM,cAAAS,EAASC,KAAAb,EAAA,CAACT,UAAWU,EAAW,WAAYV,IAAgBG,GACtE"}
+{"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"}

package/dist/tab.esm.js

@@ -4,30 +4,22 @@ import { Tab as Tab$1, Tabs as Tabs$1, TabPanel as TabPanel$1, TabPanels as TabP
 import classNames from 'classnames';
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _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 target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+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 target;
+  return t;
 }
 
 var _excluded$4 = ["className", "removeActiveLine"];

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","className","removeActiveLine","rest","_excluded","React","ReachTab","classNames","Tabs","createElement","ReachTabs","TabPanel","ReachTabPanel","tabIndex","undefined","TabPanels","ReachTabPanels","TabList","width","ReachTabList","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeaA,IAAAA,GAAG,GAAuB,SAA1BA,GAAG,CAIX,IAAA,EAAA;EAAA,IAHHC,SAAS,QAATA,SAAS;AAAA,IAAA,qBAAA,GAAA,IAAA,CACTC,gBAAgB;AAAhBA,IAAAA,gBAAgB,sCAAG,KAAK,GAAA,qBAAA;IACrBC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAEP,EAAA,OACEC,oBAACC,KAAQ,EAAA,QAAA,CAAA;AACPL,IAAAA,SAAS,EAAEM,UAAU,CACnB,SAAS,EACT;AAAE,MAAA,6BAA6B,EAAEL,gBAAAA;KAAkB,EACnDD,SAAS,CAAA;AACV,GAAA,EACGE,IAAI,CACR,CAAA,CAAA;AAEN;;;ACXaK,IAAAA,IAAI,GAAwB,SAA5BA,IAAI,CAAmD,IAAA,EAAA;EAAA,IAAxBP,SAAS,QAATA,SAAS;IAAKE,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAC5D,EAAA,OAAOC,KAAC,CAAAI,aAAA,CAAAC,MAAS,EAAA,QAAA,CAAA;AAACT,IAAAA,SAAS,EAAEM,UAAU,CAAC,UAAU,EAAEN,SAAS,CAAA;AAAC,GAAA,EAAME,IAAI,CAAI,CAAA,CAAA;AAC9E;;;ACTaQ,IAAAA,QAAQ,GAA4B,SAApCA,QAAQ,CAAuD,IAAA,EAAA;EAAA,IAAxBV,SAAS,QAATA,SAAS;IAAKE,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AACpE,EAAA,OACEC,oBAACO,UAAa,EAAA,QAAA,CAAA;AACZX,IAAAA,SAAS,EAAEM,UAAU,CAAC,eAAe,EAAEN,SAAS,CAAA;AAAC,GAAA,EAC7CE,IAAI,EAAA;AACRU,IAAAA,QAAQ,EAAEC,SAAAA;GACV,CAAA,CAAA,CAAA;AAEN;;;ACRaC,IAAAA,SAAS,GAA6B,SAAtCA,SAAS,CAAwD,IAAA,EAAA;EAAA,IAAxBd,SAAS,QAATA,SAAS;IAAKE,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AACtE,EAAA,OACEC,KAAC,CAAAI,aAAA,CAAAO,WAAc,EAAA,QAAA,CAAA;AACbf,IAAAA,SAAS,EAAEM,UAAU,CAAC,gBAAgB,EAAEN,SAAS,CAAA;AAAC,GAAA,EAC9CE,IAAI,CACR,CAAA,CAAA;AAEN;;;ACNac,IAAAA,OAAO,GAA2B,SAAlCA,OAAO,CAIf,IAAA,EAAA;EAAA,IAHHhB,SAAS,QAATA,SAAS;AACTiB,IAAAA,KAAK,QAALA,KAAK;IACFf,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAEP,EAAA,OACEE,KAAC,CAAAI,aAAA,CAAAU,SAAY,EAAA,QAAA,CAAA;AACXlB,IAAAA,SAAS,EAAEM,UAAU,CAAC,cAAc,EAAEN,SAAS,EAAE;MAC/C,2BAA2B,EAAEiB,KAAK,KAAK,OAAA;KACxC,CAAA;AAAC,GAAA,EACEf,IAAI,CACR,CAAA,CAAA;AAEN;;ACvBAiB,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":["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;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/tab",
-  "version": "0.4.77-alpha.0",
+  "version": "0.4.77",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/tab.esm.js",
@@ -26,10 +26,13 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/tokens": "^3.17.3",
-    "@entur/utils": "^1.0.0-alpha.0",
+    "@entur/tokens": "^3.17.4",
+    "@entur/utils": "^0.12.2",
     "@reach/tabs": "^0.15.0",
     "classnames": "^2.3.1"
   },
-  "gitHead": "b653c119e54372ec210ed20aa99ded642f114c69"
+  "devDependencies": {
+    "dts-cli": "2.0.5"
+  },
+  "gitHead": "835e1335b390f48b80379ae6c473ac89041a392a"
 }