@entur/tab 0.4.33-RC.1 → 0.4.33-RC.2

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.4.33-RC.2](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.33-RC.1...@entur/tab@0.4.33-RC.2) (2022-11-22)
+
+**Note:** Version bump only for package @entur/tab
+
 ## [0.4.33-RC.1](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.33-RC.0...@entur/tab@0.4.33-RC.1) (2022-11-21)
 
 **Note:** Version bump only for package @entur/tab

package/dist/Tab.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TabProps = {
+export type TabProps = {
     /** Overskriften til taben */
     children: React.ReactNode;
     /** Om taben er disabled eller ikke */

package/dist/TabList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TabListProps = {
+export type TabListProps = {
     /** Tab-komponenter */
     children: React.ReactNode;
     /** HTML-elementet eller React-komponenten som lager komponenten */

package/dist/TabPanel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TabPanelProps = {
+export type TabPanelProps = {
     /** Overskriften til taben */
     children: React.ReactNode;
     /** HTML-elementet eller React-komponenten som lager komponenten */

package/dist/TabPanels.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TabPanelsProps = {
+export type TabPanelsProps = {
     /** Tab-panelene */
     children: React.ReactNode;
     /** HTML-elementet eller React-komponenten som lager komponenten */

package/dist/Tabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TabsProps = {
+export type TabsProps = {
     /** Overskriften til taben */
     children: React.ReactNode;
     /** Kalles når taben endres */

package/dist/tab.cjs.development.js

@@ -13,45 +13,38 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
 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);
-
+    _ref$removeActiveLine = _ref.removeActiveLine,
+    removeActiveLine = _ref$removeActiveLine === void 0 ? false : _ref$removeActiveLine,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   return React__default["default"].createElement(tabs.Tab, _extends({
     className: classNames__default["default"]('eds-tab', {
       'eds-tab--remove-active-line': removeActiveLine
@@ -62,8 +55,7 @@ var Tab = function Tab(_ref) {
 var _excluded$3 = ["className"];
 var Tabs = function Tabs(_ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   return React__default["default"].createElement(tabs.Tabs, _extends({
     className: classNames__default["default"]('eds-tabs', className)
   }, rest));
@@ -72,8 +64,7 @@ var Tabs = function Tabs(_ref) {
 var _excluded$2 = ["className"];
 var TabPanel = function TabPanel(_ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   return React__default["default"].createElement(tabs.TabPanel, _extends({
     className: classNames__default["default"]('eds-tab-panel', className)
   }, rest, {
@@ -84,8 +75,7 @@ var TabPanel = function TabPanel(_ref) {
 var _excluded$1 = ["className"];
 var TabPanels = function TabPanels(_ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return React__default["default"].createElement(tabs.TabPanels, _extends({
     className: classNames__default["default"]('eds-tab-panels', className)
   }, rest));
@@ -94,9 +84,8 @@ var TabPanels = function TabPanels(_ref) {
 var _excluded = ["className", "width"];
 var TabList = function TabList(_ref) {
   var className = _ref.className,
-      width = _ref.width,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    width = _ref.width,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return React__default["default"].createElement(tabs.TabList, _extends({
     className: classNames__default["default"]('eds-tab-list', className, {
       'eds-tab-list--width-fluid': width === 'fluid'

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","React","ReachTab","classNames","Tabs","ReachTabs","TabPanel","ReachTabPanel","tabIndex","undefined","TabPanels","ReachTabPanels","TabList","width","ReachTabList","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAeaA,GAAG,GAAuB,SAA1BA,GAA0B;MACrCC,iBAAAA;mCACAC;MAAAA,sDAAmB;MAChBC;;AAEH,SACEC,uCAAA,CAACC,QAAD;AACEJ,IAAAA,SAAS,EAAEK,8BAAU,CACnB,SADmB,EAEnB;AAAE,qCAA+BJ;AAAjC,KAFmB,EAGnBD,SAHmB;AADvB,KAMME,IANN,EADF;AAUD;;;ICXYI,IAAI,GAAwB,SAA5BA,IAA4B;MAAGN,iBAAAA;MAAcE;;AACxD,SAAOC,uCAAA,CAACI,SAAD;AAAWP,IAAAA,SAAS,EAAEK,8BAAU,CAAC,UAAD,EAAaL,SAAb;AAAhC,KAA6DE,IAA7D,EAAP;AACD;;;ICTYM,QAAQ,GAA4B,SAApCA,QAAoC;MAAGR,iBAAAA;MAAcE;;AAChE,SACEC,uCAAA,CAACM,aAAD;AACET,IAAAA,SAAS,EAAEK,8BAAU,CAAC,eAAD,EAAkBL,SAAlB;AADvB,KAEME,IAFN;AAGEQ,IAAAA,QAAQ,EAAEC;AAHZ,KADF;AAOD;;;ICRYC,SAAS,GAA6B,SAAtCA,SAAsC;MAAGZ,iBAAAA;MAAcE;;AAClE,SACEC,uCAAA,CAACU,cAAD;AACEb,IAAAA,SAAS,EAAEK,8BAAU,CAAC,gBAAD,EAAmBL,SAAnB;AADvB,KAEME,IAFN,EADF;AAMD;;;ICNYY,OAAO,GAA2B,SAAlCA,OAAkC;MAC7Cd,iBAAAA;MACAe,aAAAA;MACGb;;AAEH,SACEC,uCAAA,CAACa,YAAD;AACEhB,IAAAA,SAAS,EAAEK,8BAAU,CAAC,cAAD,EAAiBL,SAAjB,EAA4B;AAC/C,mCAA6Be,KAAK,KAAK;AADQ,KAA5B;AADvB,KAIMb,IAJN,EADF;AAQD;;ACvBDe,4BAAsB,CAAC,KAAD,CAAtB;;;;;;;;"}
+{"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,wCAACC,QAAQ,EAAA,QAAA,CAAA;AACPL,IAAAA,SAAS,EAAEM,8BAAU,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,yBAAC,CAAAI,aAAA,CAAAC,SAAS,EAAA,QAAA,CAAA;AAACT,IAAAA,SAAS,EAAEM,8BAAU,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,wCAACO,aAAa,EAAA,QAAA,CAAA;AACZX,IAAAA,SAAS,EAAEM,8BAAU,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,yBAAC,CAAAI,aAAA,CAAAO,cAAc,EAAA,QAAA,CAAA;AACbf,IAAAA,SAAS,EAAEM,8BAAU,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,yBAAC,CAAAI,aAAA,CAAAU,YAAY,EAAA,QAAA,CAAA;AACXlB,IAAAA,SAAS,EAAEM,8BAAU,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;;;;;;;;"}

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(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(a),l=r(s);function u(){return u=Object.assign||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},u.apply(this,arguments)}function c(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 i=["className","removeActiveLine"],o=["className"],d=["className"],f=["className"],b=["className","width"];e.warnAboutMissingStyles("tab"),exports.Tab=function(e){var a=e.className,s=e.removeActiveLine,r=void 0!==s&&s,o=c(e,i);return n.default.createElement(t.Tab,u({className:l.default("eds-tab",{"eds-tab--remove-active-line":r},a)},o))},exports.TabList=function(e){var a=e.className,s=e.width,r=c(e,b);return n.default.createElement(t.TabList,u({className:l.default("eds-tab-list",a,{"eds-tab-list--width-fluid":"fluid"===s})},r))},exports.TabPanel=function(e){var a=e.className,s=c(e,d);return n.default.createElement(t.TabPanel,u({className:l.default("eds-tab-panel",a)},s,{tabIndex:void 0}))},exports.TabPanels=function(e){var a=e.className,s=c(e,f);return n.default.createElement(t.TabPanels,u({className:l.default("eds-tab-panels",a)},s))},exports.Tabs=function(e){var a=e.className,s=c(e,o);return n.default.createElement(t.Tabs,u({className:l.default("eds-tabs",a)},s))};
+"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(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(a),l=r(s);function u(){return u=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},u.apply(this,arguments)}function c(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 i=["className","removeActiveLine"],d=["className"],o=["className"],f=["className"],b=["className","width"];e.warnAboutMissingStyles("tab"),exports.Tab=function(e){var a=e.className,s=e.removeActiveLine,r=void 0!==s&&s,d=c(e,i);return n.default.createElement(t.Tab,u({className:l.default("eds-tab",{"eds-tab--remove-active-line":r},a)},d))},exports.TabList=function(e){var a=e.className,s=e.width,r=c(e,b);return n.default.createElement(t.TabList,u({className:l.default("eds-tab-list",a,{"eds-tab-list--width-fluid":"fluid"===s})},r))},exports.TabPanel=function(e){var a=e.className,s=c(e,o);return n.default.createElement(t.TabPanel,u({className:l.default("eds-tab-panel",a)},s,{tabIndex:void 0}))},exports.TabPanels=function(e){var a=e.className,s=c(e,f);return n.default.createElement(t.TabPanels,u({className:l.default("eds-tab-panels",a)},s))},exports.Tabs=function(e){var a=e.className,s=c(e,d);return n.default.createElement(t.Tabs,u({className:l.default("eds-tabs",a)},s))};
 //# 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","className","removeActiveLine","rest","React","ReachTab","classNames","width","ReachTabList","ReachTabPanel","tabIndex","undefined","ReachTabPanels","ReachTabs"],"mappings":"msBAGAA,yBAAuB,mBCYgB,gBACrCC,IAAAA,cACAC,iBAAAA,gBACGC,gBAGDC,wBAACC,SACCJ,UAAWK,UACT,UACA,+BAAiCJ,GACjCD,IAEEE,qBCdqC,gBAC7CF,IAAAA,UACAM,IAAAA,MACGJ,gBAGDC,wBAACI,aACCP,UAAWK,UAAW,eAAgBL,EAAW,6BACR,UAAVM,KAE3BJ,sBCXuC,gBAAGF,IAAAA,UAAcE,gBAE9DC,wBAACK,cACCR,UAAWK,UAAW,gBAAiBL,IACnCE,GACJO,cAAUC,wBCLmC,gBAAGV,IAAAA,UAAcE,gBAEhEC,wBAACQ,eACCX,UAAWK,UAAW,iBAAkBL,IACpCE,kBCG+B,gBAAGF,IAAAA,UAAcE,gBACjDC,wBAACS,UAAUZ,UAAWK,UAAW,WAAYL,IAAgBE"}
+{"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":"utBAGAA,EAAsBA,uBAAC,mBCYgB,SAIlCC,GAAA,IAHHC,IAAAA,UAASC,EAAAF,EACTG,iBAAAA,cAAwBD,EACrBE,EAAIC,EAAAL,EAAAM,GAEP,OACEC,wBAACC,EAAQC,IAAAC,EAAA,CACPT,UAAWU,EAAU,QACnB,UACA,CAAE,8BAA+BR,GACjCF,IAEEG,GAGV,kBCjB+C,SAI1CJ,GAAA,IAHHC,IAAAA,UACAW,IAAAA,MACGR,EAAIC,EAAAL,EAAAM,GAEP,OACEC,UAACM,cAAAC,EAAYC,QAAAL,EAAA,CACXT,UAAWU,EAAAA,QAAW,eAAgBV,EAAW,CAC/C,4BAAuC,UAAVW,KAE3BR,GAGV,mBCdiD,SAA2BJ,GAAA,IAAxBC,IAAAA,UAAcG,EAAIC,EAAAL,EAAAM,GACpE,OACEC,wBAACS,EAAaC,SAAAP,EAAA,CACZT,UAAWU,EAAAA,QAAW,gBAAiBV,IACnCG,EAAI,CACRc,cAAUC,IAGhB,oBCRmD,SAA2BnB,GAAA,IAAxBC,IAAAA,UAAcG,EAAIC,EAAAL,EAAAM,GACtE,OACEC,UAACM,cAAAO,EAAcC,UAAAX,EAAA,CACbT,UAAWU,EAAAA,QAAW,iBAAkBV,IACpCG,GAGV,eCAyC,SAA2BJ,GAAA,IAAxBC,IAAAA,UAAcG,EAAIC,EAAAL,EAAAM,GAC5D,OAAOC,UAACM,cAAAS,EAASC,KAAAb,EAAA,CAACT,UAAWU,EAAAA,QAAW,WAAYV,IAAgBG,GACtE"}

package/dist/tab.esm.js

@@ -4,45 +4,38 @@ 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 || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
 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);
-
+    _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
@@ -53,8 +46,7 @@ var Tab = function Tab(_ref) {
 var _excluded$3 = ["className"];
 var Tabs = function Tabs(_ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   return React.createElement(Tabs$1, _extends({
     className: classNames('eds-tabs', className)
   }, rest));
@@ -63,8 +55,7 @@ var Tabs = function Tabs(_ref) {
 var _excluded$2 = ["className"];
 var TabPanel = function TabPanel(_ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   return React.createElement(TabPanel$1, _extends({
     className: classNames('eds-tab-panel', className)
   }, rest, {
@@ -75,8 +66,7 @@ var TabPanel = function TabPanel(_ref) {
 var _excluded$1 = ["className"];
 var TabPanels = function TabPanels(_ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return React.createElement(TabPanels$1, _extends({
     className: classNames('eds-tab-panels', className)
   }, rest));
@@ -85,9 +75,8 @@ var TabPanels = function TabPanels(_ref) {
 var _excluded = ["className", "width"];
 var TabList = function TabList(_ref) {
   var className = _ref.className,
-      width = _ref.width,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    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'

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","React","ReachTab","classNames","Tabs","ReachTabs","TabPanel","ReachTabPanel","tabIndex","undefined","TabPanels","ReachTabPanels","TabList","width","ReachTabList","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAeaA,GAAG,GAAuB,SAA1BA,GAA0B;MACrCC,iBAAAA;mCACAC;MAAAA,sDAAmB;MAChBC;;AAEH,SACEC,mBAAA,CAACC,KAAD;AACEJ,IAAAA,SAAS,EAAEK,UAAU,CACnB,SADmB,EAEnB;AAAE,qCAA+BJ;AAAjC,KAFmB,EAGnBD,SAHmB;AADvB,KAMME,IANN,EADF;AAUD;;;ICXYI,IAAI,GAAwB,SAA5BA,IAA4B;MAAGN,iBAAAA;MAAcE;;AACxD,SAAOC,mBAAA,CAACI,MAAD;AAAWP,IAAAA,SAAS,EAAEK,UAAU,CAAC,UAAD,EAAaL,SAAb;AAAhC,KAA6DE,IAA7D,EAAP;AACD;;;ICTYM,QAAQ,GAA4B,SAApCA,QAAoC;MAAGR,iBAAAA;MAAcE;;AAChE,SACEC,mBAAA,CAACM,UAAD;AACET,IAAAA,SAAS,EAAEK,UAAU,CAAC,eAAD,EAAkBL,SAAlB;AADvB,KAEME,IAFN;AAGEQ,IAAAA,QAAQ,EAAEC;AAHZ,KADF;AAOD;;;ICRYC,SAAS,GAA6B,SAAtCA,SAAsC;MAAGZ,iBAAAA;MAAcE;;AAClE,SACEC,mBAAA,CAACU,WAAD;AACEb,IAAAA,SAAS,EAAEK,UAAU,CAAC,gBAAD,EAAmBL,SAAnB;AADvB,KAEME,IAFN,EADF;AAMD;;;ICNYY,OAAO,GAA2B,SAAlCA,OAAkC;MAC7Cd,iBAAAA;MACAe,aAAAA;MACGb;;AAEH,SACEC,mBAAA,CAACa,SAAD;AACEhB,IAAAA,SAAS,EAAEK,UAAU,CAAC,cAAD,EAAiBL,SAAjB,EAA4B;AAC/C,mCAA6Be,KAAK,KAAK;AADQ,KAA5B;AADvB,KAIMb,IAJN,EADF;AAQD;;ACvBDe,sBAAsB,CAAC,KAAD,CAAtB;;;;"}
+{"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;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/tab",
-  "version": "0.4.33-RC.1",
+  "version": "0.4.33-RC.2",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/tab.esm.js",
@@ -27,9 +27,9 @@
   },
   "dependencies": {
     "@entur/tokens": "^3.4.1",
-    "@entur/utils": "^0.5.0-RC.1",
+    "@entur/utils": "^0.5.0-RC.2",
     "@reach/tabs": "^0.15.0",
     "classnames": "^2.3.1"
   },
-  "gitHead": "f961e0f1cc0c331a09e7e561c14c0870871bf875"
+  "gitHead": "c994dd720e55fc4652ef5f05d7235d61b6bbfbf9"
 }