@entur/tab 0.4.29 → 0.4.32

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.4.32](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.31...@entur/tab@0.4.32) (2022-08-31)
+
+**Note:** Version bump only for package @entur/tab
+
+## [0.4.31](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.30...@entur/tab@0.4.31) (2022-08-24)
+
+### Bug Fixes
+
+- **tab panel:** remove unwanted tabindex=0 from tab panel ([21dc2ff](https://bitbucket.org/enturas/design-system/commits/21dc2ffa96e1e8569fa36e6635e31db033089b58))
+
+## [0.4.30](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.29...@entur/tab@0.4.30) (2022-08-09)
+
+**Note:** Version bump only for package @entur/tab
+
 ## [0.4.29](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.28...@entur/tab@0.4.29) (2022-04-27)
 
 **Note:** Version bump only for package @entur/tab

package/dist/tab.cjs.development.js

@@ -76,7 +76,9 @@ var TabPanel = function TabPanel(_ref) {
 
   return React__default["default"].createElement(tabs.TabPanel, _extends({
     className: classNames__default["default"]('eds-tab-panel', className)
-  }, rest));
+  }, rest, {
+    tabIndex: undefined
+  }));
 };
 
 var _excluded$1 = ["className"];

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    />\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","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,EADF;AAMD;;;ICPYQ,SAAS,GAA6B,SAAtCA,SAAsC;MAAGV,iBAAAA;MAAcE;;AAClE,SACEC,uCAAA,CAACQ,cAAD;AACEX,IAAAA,SAAS,EAAEK,8BAAU,CAAC,gBAAD,EAAmBL,SAAnB;AADvB,KAEME,IAFN,EADF;AAMD;;;ICNYU,OAAO,GAA2B,SAAlCA,OAAkC;MAC7CZ,iBAAAA;MACAa,aAAAA;MACGX;;AAEH,SACEC,uCAAA,CAACW,YAAD;AACEd,IAAAA,SAAS,EAAEK,8BAAU,CAAC,cAAD,EAAiBL,SAAjB,EAA4B;AAC/C,mCAA6Ba,KAAK,KAAK;AADQ,KAA5B;AADvB,KAIMX,IAJN,EADF;AAQD;;ACvBDa,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","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;;;;;;;;"}

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 l=r(a),n=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={},l=Object.keys(e);for(s=0;s<l.length;s++)a.indexOf(t=l[s])>=0||(r[t]=e[t]);return r}var i=["className","removeActiveLine"],f=["className"],o=["className"],d=["className"],b=["className","width"];e.warnAboutMissingStyles("tab"),exports.Tab=function(e){var a=e.className,s=e.removeActiveLine,r=void 0!==s&&s,f=c(e,i);return l.default.createElement(t.Tab,u({className:n.default("eds-tab",{"eds-tab--remove-active-line":r},a)},f))},exports.TabList=function(e){var a=e.className,s=e.width,r=c(e,b);return l.default.createElement(t.TabList,u({className:n.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 l.default.createElement(t.TabPanel,u({className:n.default("eds-tab-panel",a)},s))},exports.TabPanels=function(e){var a=e.className,s=c(e,d);return l.default.createElement(t.TabPanels,u({className:n.default("eds-tab-panels",a)},s))},exports.Tabs=function(e){var a=e.className,s=c(e,f);return l.default.createElement(t.Tabs,u({className:n.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||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))};
 //# 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    />\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","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,uBCJyC,gBAAGF,IAAAA,UAAcE,gBAEhEC,wBAACM,eACCT,UAAWK,UAAW,iBAAkBL,IACpCE,kBCG+B,gBAAGF,IAAAA,UAAcE,gBACjDC,wBAACO,UAAUV,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","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"}

package/dist/tab.esm.js

@@ -67,7 +67,9 @@ var TabPanel = function TabPanel(_ref) {
 
   return React.createElement(TabPanel$1, _extends({
     className: classNames('eds-tab-panel', className)
-  }, rest));
+  }, rest, {
+    tabIndex: undefined
+  }));
 };
 
 var _excluded$1 = ["className"];

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    />\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","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,EADF;AAMD;;;ICPYQ,SAAS,GAA6B,SAAtCA,SAAsC;MAAGV,iBAAAA;MAAcE;;AAClE,SACEC,mBAAA,CAACQ,WAAD;AACEX,IAAAA,SAAS,EAAEK,UAAU,CAAC,gBAAD,EAAmBL,SAAnB;AADvB,KAEME,IAFN,EADF;AAMD;;;ICNYU,OAAO,GAA2B,SAAlCA,OAAkC;MAC7CZ,iBAAAA;MACAa,aAAAA;MACGX;;AAEH,SACEC,mBAAA,CAACW,SAAD;AACEd,IAAAA,SAAS,EAAEK,UAAU,CAAC,cAAD,EAAiBL,SAAjB,EAA4B;AAC/C,mCAA6Ba,KAAK,KAAK;AADQ,KAA5B;AADvB,KAIMX,IAJN,EADF;AAQD;;ACvBDa,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","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;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/tab",
-  "version": "0.4.29",
+  "version": "0.4.32",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/tab.esm.js",
@@ -26,10 +26,10 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/tokens": "^3.3.2",
-    "@entur/utils": "^0.4.3",
+    "@entur/tokens": "^3.4.1",
+    "@entur/utils": "^0.4.5",
     "@reach/tabs": "^0.15.0",
     "classnames": "^2.3.1"
   },
-  "gitHead": "7b557782d62c07bdce744f9b084d57177e2202e9"
+  "gitHead": "8aec781ef750306fdf0c4042edabfad5b33cbdb8"
 }