@entur/tab 0.4.38 → 0.4.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/Tab.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- export declare type TabProps = {
2
+ export type TabProps = {
3
3
  /** Overskriften til taben */
4
4
  children: React.ReactNode;
5
5
  /** Om taben er disabled eller ikke */
package/dist/TabList.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- export declare type TabListProps = {
2
+ export type TabListProps = {
3
3
  /** Tab-komponenter */
4
4
  children: React.ReactNode;
5
5
  /** HTML-elementet eller React-komponenten som lager komponenten */
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- export declare type TabPanelProps = {
2
+ export type TabPanelProps = {
3
3
  /** Overskriften til taben */
4
4
  children: React.ReactNode;
5
5
  /** HTML-elementet eller React-komponenten som lager komponenten */
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- export declare type TabPanelsProps = {
2
+ export type TabPanelsProps = {
3
3
  /** Tab-panelene */
4
4
  children: React.ReactNode;
5
5
  /** HTML-elementet eller React-komponenten som lager komponenten */
package/dist/Tabs.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- export declare type TabsProps = {
2
+ export type TabsProps = {
3
3
  /** Overskriften til taben */
4
4
  children: React.ReactNode;
5
5
  /** Kalles når taben endres */
@@ -13,45 +13,38 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
14
14
 
15
15
  function _extends() {
16
- _extends = Object.assign || function (target) {
16
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
17
17
  for (var i = 1; i < arguments.length; i++) {
18
18
  var source = arguments[i];
19
-
20
19
  for (var key in source) {
21
20
  if (Object.prototype.hasOwnProperty.call(source, key)) {
22
21
  target[key] = source[key];
23
22
  }
24
23
  }
25
24
  }
26
-
27
25
  return target;
28
26
  };
29
-
30
27
  return _extends.apply(this, arguments);
31
28
  }
32
-
33
29
  function _objectWithoutPropertiesLoose(source, excluded) {
34
30
  if (source == null) return {};
35
31
  var target = {};
36
32
  var sourceKeys = Object.keys(source);
37
33
  var key, i;
38
-
39
34
  for (i = 0; i < sourceKeys.length; i++) {
40
35
  key = sourceKeys[i];
41
36
  if (excluded.indexOf(key) >= 0) continue;
42
37
  target[key] = source[key];
43
38
  }
44
-
45
39
  return target;
46
40
  }
47
41
 
48
42
  var _excluded$4 = ["className", "removeActiveLine"];
49
43
  var Tab = function Tab(_ref) {
50
44
  var className = _ref.className,
51
- _ref$removeActiveLine = _ref.removeActiveLine,
52
- removeActiveLine = _ref$removeActiveLine === void 0 ? false : _ref$removeActiveLine,
53
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
54
-
45
+ _ref$removeActiveLine = _ref.removeActiveLine,
46
+ removeActiveLine = _ref$removeActiveLine === void 0 ? false : _ref$removeActiveLine,
47
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
55
48
  return React__default["default"].createElement(tabs.Tab, _extends({
56
49
  className: classNames__default["default"]('eds-tab', {
57
50
  'eds-tab--remove-active-line': removeActiveLine
@@ -62,8 +55,7 @@ var Tab = function Tab(_ref) {
62
55
  var _excluded$3 = ["className"];
63
56
  var Tabs = function Tabs(_ref) {
64
57
  var className = _ref.className,
65
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
66
-
58
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
67
59
  return React__default["default"].createElement(tabs.Tabs, _extends({
68
60
  className: classNames__default["default"]('eds-tabs', className)
69
61
  }, rest));
@@ -72,8 +64,7 @@ var Tabs = function Tabs(_ref) {
72
64
  var _excluded$2 = ["className"];
73
65
  var TabPanel = function TabPanel(_ref) {
74
66
  var className = _ref.className,
75
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
76
-
67
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
77
68
  return React__default["default"].createElement(tabs.TabPanel, _extends({
78
69
  className: classNames__default["default"]('eds-tab-panel', className)
79
70
  }, rest, {
@@ -84,8 +75,7 @@ var TabPanel = function TabPanel(_ref) {
84
75
  var _excluded$1 = ["className"];
85
76
  var TabPanels = function TabPanels(_ref) {
86
77
  var className = _ref.className,
87
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
88
-
78
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
89
79
  return React__default["default"].createElement(tabs.TabPanels, _extends({
90
80
  className: classNames__default["default"]('eds-tab-panels', className)
91
81
  }, rest));
@@ -94,9 +84,8 @@ var TabPanels = function TabPanels(_ref) {
94
84
  var _excluded = ["className", "width"];
95
85
  var TabList = function TabList(_ref) {
96
86
  var className = _ref.className,
97
- width = _ref.width,
98
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
99
-
87
+ width = _ref.width,
88
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
100
89
  return React__default["default"].createElement(tabs.TabList, _extends({
101
90
  className: classNames__default["default"]('eds-tab-list', className, {
102
91
  'eds-tab-list--width-fluid': width === 'fluid'
@@ -1 +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;;;;;;;;"}
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,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;;;;;;;;"}
@@ -1,2 +1,2 @@
1
- "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))};
1
+ "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))};
2
2
  //# sourceMappingURL=tab.cjs.production.min.js.map
@@ -1 +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"}
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":"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,qBCdqC,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,sBCXuC,SAA2BJ,GAAA,IAAxBC,IAAAA,UAAcG,EAAIC,EAAAL,EAAAM,GACpE,OACEC,wBAACS,EAAaC,SAAAP,EAAA,CACZT,UAAWU,EAAAA,QAAW,gBAAiBV,IACnCG,EAAI,CACRc,cAAUC,wBCLmC,SAA2BnB,GAAA,IAAxBC,IAAAA,UAAcG,EAAIC,EAAAL,EAAAM,GACtE,OACEC,UAACM,cAAAO,EAAcC,UAAAX,EAAA,CACbT,UAAWU,EAAAA,QAAW,iBAAkBV,IACpCG,kBCG+B,SAA2BJ,GAAA,IAAxBC,IAAAA,UAAcG,EAAIC,EAAAL,EAAAM,GAC5D,OAAOC,UAACM,cAAAS,EAASC,KAAAb,EAAA,CAACT,UAAWU,EAAAA,QAAW,WAAYV,IAAgBG"}
package/dist/tab.esm.js CHANGED
@@ -4,45 +4,38 @@ import { Tab as Tab$1, Tabs as Tabs$1, TabPanel as TabPanel$1, TabPanels as TabP
4
4
  import classNames from 'classnames';
5
5
 
6
6
  function _extends() {
7
- _extends = Object.assign || function (target) {
7
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
8
8
  for (var i = 1; i < arguments.length; i++) {
9
9
  var source = arguments[i];
10
-
11
10
  for (var key in source) {
12
11
  if (Object.prototype.hasOwnProperty.call(source, key)) {
13
12
  target[key] = source[key];
14
13
  }
15
14
  }
16
15
  }
17
-
18
16
  return target;
19
17
  };
20
-
21
18
  return _extends.apply(this, arguments);
22
19
  }
23
-
24
20
  function _objectWithoutPropertiesLoose(source, excluded) {
25
21
  if (source == null) return {};
26
22
  var target = {};
27
23
  var sourceKeys = Object.keys(source);
28
24
  var key, i;
29
-
30
25
  for (i = 0; i < sourceKeys.length; i++) {
31
26
  key = sourceKeys[i];
32
27
  if (excluded.indexOf(key) >= 0) continue;
33
28
  target[key] = source[key];
34
29
  }
35
-
36
30
  return target;
37
31
  }
38
32
 
39
33
  var _excluded$4 = ["className", "removeActiveLine"];
40
34
  var Tab = function Tab(_ref) {
41
35
  var className = _ref.className,
42
- _ref$removeActiveLine = _ref.removeActiveLine,
43
- removeActiveLine = _ref$removeActiveLine === void 0 ? false : _ref$removeActiveLine,
44
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
45
-
36
+ _ref$removeActiveLine = _ref.removeActiveLine,
37
+ removeActiveLine = _ref$removeActiveLine === void 0 ? false : _ref$removeActiveLine,
38
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
46
39
  return React.createElement(Tab$1, _extends({
47
40
  className: classNames('eds-tab', {
48
41
  'eds-tab--remove-active-line': removeActiveLine
@@ -53,8 +46,7 @@ var Tab = function Tab(_ref) {
53
46
  var _excluded$3 = ["className"];
54
47
  var Tabs = function Tabs(_ref) {
55
48
  var className = _ref.className,
56
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
57
-
49
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
58
50
  return React.createElement(Tabs$1, _extends({
59
51
  className: classNames('eds-tabs', className)
60
52
  }, rest));
@@ -63,8 +55,7 @@ var Tabs = function Tabs(_ref) {
63
55
  var _excluded$2 = ["className"];
64
56
  var TabPanel = function TabPanel(_ref) {
65
57
  var className = _ref.className,
66
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
67
-
58
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
68
59
  return React.createElement(TabPanel$1, _extends({
69
60
  className: classNames('eds-tab-panel', className)
70
61
  }, rest, {
@@ -75,8 +66,7 @@ var TabPanel = function TabPanel(_ref) {
75
66
  var _excluded$1 = ["className"];
76
67
  var TabPanels = function TabPanels(_ref) {
77
68
  var className = _ref.className,
78
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
79
-
69
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
80
70
  return React.createElement(TabPanels$1, _extends({
81
71
  className: classNames('eds-tab-panels', className)
82
72
  }, rest));
@@ -85,9 +75,8 @@ var TabPanels = function TabPanels(_ref) {
85
75
  var _excluded = ["className", "width"];
86
76
  var TabList = function TabList(_ref) {
87
77
  var className = _ref.className,
88
- width = _ref.width,
89
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
90
-
78
+ width = _ref.width,
79
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
91
80
  return React.createElement(TabList$1, _extends({
92
81
  className: classNames('eds-tab-list', className, {
93
82
  'eds-tab-list--width-fluid': width === 'fluid'
@@ -1 +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;;;;"}
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;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/tab",
3
- "version": "0.4.38",
3
+ "version": "0.4.39",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/tab.esm.js",
@@ -26,10 +26,10 @@
26
26
  "react-dom": ">=16.8.0"
27
27
  },
28
28
  "dependencies": {
29
- "@entur/tokens": "^3.4.5",
30
- "@entur/utils": "^0.5.1",
29
+ "@entur/tokens": "^3.5.0",
30
+ "@entur/utils": "^0.5.2",
31
31
  "@reach/tabs": "^0.15.0",
32
32
  "classnames": "^2.3.1"
33
33
  },
34
- "gitHead": "224040bb9f98c2c8975ce76f0786265c9e3459e2"
34
+ "gitHead": "30b38034aaafba9fb308fb3d8c8bfaab9608d720"
35
35
  }
package/CHANGELOG.md DELETED
@@ -1,253 +0,0 @@
1
- # Change Log
2
-
3
- All notable changes to this project will be documented in this file.
4
- See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
-
6
- ## [0.4.38](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.37...@entur/tab@0.4.38) (2023-02-02)
7
-
8
- **Note:** Version bump only for package @entur/tab
9
-
10
-
11
-
12
-
13
-
14
- ## [0.4.36](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.35...@entur/tab@0.4.36) (2023-01-19)
15
-
16
- **Note:** Version bump only for package @entur/tab
17
-
18
- ## [0.4.35](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.32...@entur/tab@0.4.35) (2022-12-09)
19
-
20
- **Note:** Version bump only for package @entur/tab
21
-
22
- ## [0.4.34](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.33...@entur/tab@0.4.34) (2022-11-24)
23
-
24
- **Note:** Version bump only for package @entur/tab
25
-
26
- ## [0.4.33](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.32...@entur/tab@0.4.33) (2022-10-31)
27
-
28
- **Note:** Version bump only for package @entur/tab
29
-
30
- ## [0.4.32](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.31...@entur/tab@0.4.32) (2022-08-31)
31
-
32
- **Note:** Version bump only for package @entur/tab
33
-
34
- ## [0.4.31](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.30...@entur/tab@0.4.31) (2022-08-24)
35
-
36
- ### Bug Fixes
37
-
38
- - **tab panel:** remove unwanted tabindex=0 from tab panel ([21dc2ff](https://bitbucket.org/enturas/design-system/commits/21dc2ffa96e1e8569fa36e6635e31db033089b58))
39
-
40
- ## [0.4.30](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.29...@entur/tab@0.4.30) (2022-08-09)
41
-
42
- **Note:** Version bump only for package @entur/tab
43
-
44
- ## [0.4.29](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.28...@entur/tab@0.4.29) (2022-04-27)
45
-
46
- **Note:** Version bump only for package @entur/tab
47
-
48
- ## [0.4.28](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.27...@entur/tab@0.4.28) (2022-02-09)
49
-
50
- **Note:** Version bump only for package @entur/tab
51
-
52
- ## [0.4.27](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.26...@entur/tab@0.4.27) (2021-11-17)
53
-
54
- **Note:** Version bump only for package @entur/tab
55
-
56
- ## [0.4.26](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.25...@entur/tab@0.4.26) (2021-09-23)
57
-
58
- ### Bug Fixes
59
-
60
- - **tab:** fix focus styling for tab ([463bf3f](https://bitbucket.org/enturas/design-system/commits/463bf3f2fb5ff36b7ba7cae76eac6bc926b10d3b))
61
-
62
- ## [0.4.25](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.24...@entur/tab@0.4.25) (2021-09-07)
63
-
64
- ### Bug Fixes
65
-
66
- - utilize reworked focus token ([586758f](https://bitbucket.org/enturas/design-system/commits/586758fc86eb5aa52116c63c14ef033eb2e8b12f))
67
-
68
- ## [0.4.24](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.23...@entur/tab@0.4.24) (2021-06-25)
69
-
70
- ### Bug Fixes
71
-
72
- - update dependencies ([39a9664](https://bitbucket.org/enturas/design-system/commits/39a9664e0fa8f91bf15b35065af6550cd899950d))
73
-
74
- ## [0.4.23](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.22...@entur/tab@0.4.23) (2021-06-04)
75
-
76
- ### Bug Fixes
77
-
78
- - **tab:** fix tab panel focus styling in contrast ([001db19](https://bitbucket.org/enturas/design-system/commits/001db19c15d641a42cd5995b17005399acda513b))
79
-
80
- ## [0.4.22](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.21...@entur/tab@0.4.22) (2021-04-23)
81
-
82
- ### Bug Fixes
83
-
84
- - utilize new focus tokens ([17113ef](https://bitbucket.org/enturas/design-system/commits/17113ef3f791c86fa6e19e71680fd5acdbae4990))
85
-
86
- ## [0.4.21](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.20...@entur/tab@0.4.21) (2021-02-17)
87
-
88
- **Note:** Version bump only for package @entur/tab
89
-
90
- ## [0.4.20](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.19...@entur/tab@0.4.20) (2021-01-20)
91
-
92
- **Note:** Version bump only for package @entur/tab
93
-
94
- ## [0.4.19](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.18...@entur/tab@0.4.19) (2021-01-13)
95
-
96
- ### Bug Fixes
97
-
98
- - transpose grey colors for updated color tokens ([d6a444c](https://bitbucket.org/enturas/design-system/commits/d6a444c2c37339b9bac0702738ed52693367d344))
99
- - update dependencies ([89d385f](https://bitbucket.org/enturas/design-system/commits/89d385f0900fd8dee36f46098620dc03d4ef998c))
100
-
101
- ## [0.4.18](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.17...@entur/tab@0.4.18) (2020-12-04)
102
-
103
- **Note:** Version bump only for package @entur/tab
104
-
105
- ## [0.4.17](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.16...@entur/tab@0.4.17) (2020-11-26)
106
-
107
- ### Bug Fixes
108
-
109
- - **tabs:** export typings for tab-components ([e245963](https://bitbucket.org/enturas/design-system/commits/e2459634af621c3d2af90c0ecabdeb6d4b9eecb5))
110
-
111
- ## [0.4.16](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.15...@entur/tab@0.4.16) (2020-10-16)
112
-
113
- ### Bug Fixes
114
-
115
- - **tabs:** adjust height of tab buttons ([bc744f1](https://bitbucket.org/enturas/design-system/commits/bc744f14d259ebf0bbd4a063f3350d90d7e6730b))
116
-
117
- ## [0.4.15](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.14...@entur/tab@0.4.15) (2020-10-09)
118
-
119
- **Note:** Version bump only for package @entur/tab
120
-
121
- ## [0.4.14](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.13...@entur/tab@0.4.14) (2020-09-02)
122
-
123
- **Note:** Version bump only for package @entur/tab
124
-
125
- ## [0.4.13](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.12...@entur/tab@0.4.13) (2020-08-11)
126
-
127
- **Note:** Version bump only for package @entur/tab
128
-
129
- ## [0.4.12](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.11...@entur/tab@0.4.12) (2020-07-03)
130
-
131
- **Note:** Version bump only for package @entur/tab
132
-
133
- ## [0.4.11](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.10...@entur/tab@0.4.11) (2020-06-17)
134
-
135
- **Note:** Version bump only for package @entur/tab
136
-
137
- ## [0.4.10](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.9...@entur/tab@0.4.10) (2020-05-27)
138
-
139
- **Note:** Version bump only for package @entur/tab
140
-
141
- ## [0.4.9](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.8...@entur/tab@0.4.9) (2020-05-26)
142
-
143
- ### Bug Fixes
144
-
145
- - fix insufficient prop in Tabs ([53fbecd](https://bitbucket.org/enturas/design-system/commits/53fbecd33569294b09c4f57a0254a59e171a59f0))
146
-
147
- ## [0.4.8](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.7...@entur/tab@0.4.8) (2020-05-20)
148
-
149
- ### Bug Fixes
150
-
151
- - prop to remove active line, and min width adjustments for tab ([45e4e1b](https://bitbucket.org/enturas/design-system/commits/45e4e1b4c60e0e94828c0144b9c16473e315eb54))
152
-
153
- ## [0.4.7](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.6...@entur/tab@0.4.7) (2020-04-27)
154
-
155
- **Note:** Version bump only for package @entur/tab
156
-
157
- ## [0.4.6](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.5...@entur/tab@0.4.6) (2020-04-23)
158
-
159
- ### Bug Fixes
160
-
161
- - updated to use new focus styling where applicable ([d0a52c0](https://bitbucket.org/enturas/design-system/commits/d0a52c096b673c6647070a90dd79bef9003ee0ad))
162
-
163
- ## [0.4.5](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.4...@entur/tab@0.4.5) (2020-03-20)
164
-
165
- **Note:** Version bump only for package @entur/tab
166
-
167
- ## [0.4.4](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.3...@entur/tab@0.4.4) (2020-03-18)
168
-
169
- **Note:** Version bump only for package @entur/tab
170
-
171
- ## [0.4.3](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.2...@entur/tab@0.4.3) (2020-03-05)
172
-
173
- ### Bug Fixes
174
-
175
- - fix focus bug inside tabpanel ([f09a866](https://bitbucket.org/enturas/design-system/commits/f09a866393d3a60aadfd793f4a0f22d186bbeb30))
176
-
177
- ## [0.4.2](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.1...@entur/tab@0.4.2) (2020-02-20)
178
-
179
- **Note:** Version bump only for package @entur/tab
180
-
181
- ## [0.4.1](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.0...@entur/tab@0.4.1) (2020-02-14)
182
-
183
- ### Bug Fixes
184
-
185
- - decrease padding in tabpanels ([dbcdbfc](https://bitbucket.org/enturas/design-system/commits/dbcdbfc04e22222a0a6cd3661f057928641ec586))
186
- - remove focus styling on tabpanel click ([a87b2b5](https://bitbucket.org/enturas/design-system/commits/a87b2b57f5718eeffe74ed53fff9a4d859818b21))
187
-
188
- # [0.4.0](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.3.2...@entur/tab@0.4.0) (2020-02-12)
189
-
190
- ### Bug Fixes
191
-
192
- - increase visibility of tabs in contrast ([c440679](https://bitbucket.org/enturas/design-system/commits/c440679644d539d9cb06f1fb841635bfb792cc7d))
193
-
194
- ### Features
195
-
196
- - fluid width spreading for tabslist ([1ebd20c](https://bitbucket.org/enturas/design-system/commits/1ebd20cbbf63d166877cf993247a5fba51a2db10))
197
-
198
- ## [0.3.2](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.3.1...@entur/tab@0.3.2) (2020-02-05)
199
-
200
- ### Bug Fixes
201
-
202
- - remove test-files from build process ([e0b24af](https://bitbucket.org/enturas/design-system/commits/e0b24af05d5c2ad8de4ae587d83c389495235890))
203
-
204
- ## [0.3.1](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.3.0...@entur/tab@0.3.1) (2020-01-28)
205
-
206
- **Note:** Version bump only for package @entur/tab
207
-
208
- # [0.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.2.5...@entur/tab@0.3.0) (2020-01-27)
209
-
210
- ### Bug Fixes
211
-
212
- - **types:** place types in the correct place ([acace09](https://bitbucket.org/enturas/design-system/commits/acace09ec0e258c5cff3a65e13ab29d6603780d9))
213
-
214
- ### Features
215
-
216
- - new and improved styling, with added support for contrast ([9597fe2](https://bitbucket.org/enturas/design-system/commits/9597fe2ae5cc1c6be4e30e7850e8cad6e6caf0c8))
217
-
218
- ## [0.2.5](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.2.4...@entur/tab@0.2.5) (2020-01-14)
219
-
220
- **Note:** Version bump only for package @entur/tab
221
-
222
- ## [0.2.4](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.2.3...@entur/tab@0.2.4) (2020-01-08)
223
-
224
- ### Bug Fixes
225
-
226
- - warn in development if the developer have forgotten the CSS ([e5c30fc](https://bitbucket.org/enturas/design-system/commits/e5c30fc08624ef22c02773892778abd92205c6b0))
227
-
228
- ## [0.2.3](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.2.2...@entur/tab@0.2.3) (2020-01-06)
229
-
230
- **Note:** Version bump only for package @entur/tab
231
-
232
- ## [0.2.2](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.2.1...@entur/tab@0.2.2) (2019-11-29)
233
-
234
- ### Bug Fixes
235
-
236
- - **TabPanels:** add slightly more horizontal padding to TabPanels ([e14b7ca](https://bitbucket.org/enturas/design-system/commits/e14b7caafc92d119e80585aaaf92a83910a6d687))
237
- - using new box shadow tokens ([9ff30bd](https://bitbucket.org/enturas/design-system/commits/9ff30bd52ad2b6e6d770565684a05e15f0b0ba9a))
238
-
239
- ## [0.2.1](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.2.0...@entur/tab@0.2.1) (2019-11-28)
240
-
241
- ### Bug Fixes
242
-
243
- - **Tab:** tweak design of selected tabs ([4420310](https://bitbucket.org/enturas/design-system/commits/4420310e8710508a5615e481a88216fbca2239fa))
244
-
245
- # 0.2.0 (2019-11-27)
246
-
247
- ### Bug Fixes
248
-
249
- - **Tab:** fix issue with implicit margin in Safari ([da949cd](https://bitbucket.org/enturas/design-system/commits/da949cd49904eadabc7c0241231fefe4cba148ee))
250
-
251
- ### Features
252
-
253
- - **Tab:** new package - @entur/tab ([e2b0c87](https://bitbucket.org/enturas/design-system/commits/e2b0c87893842daaf2e5a8979e65930384bf26ae))