@entur/tab 0.4.37 → 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/LICENSE.md CHANGED
@@ -208,74 +208,3 @@ The European Commission may update this Appendix to later versions of the above
208
208
  a new version of the EUPL, as long as they provide the rights granted in Article 2 of this Licence and protect the
209
209
  covered Source Code from exclusive appropriation.
210
210
  All other changes or additions to this Appendix require the production of a new EUPL version.
211
-
212
- # Standard Nucleo License
213
-
214
- - Last updated: July 2, 2018
215
- - [Github repo](https://github.com/NucleoApp/license-standard)
216
-
217
- By purchasing the Nucleo icons, you have the right to:
218
-
219
- - Use the Nucleo icons in unlimited personal and commercial projects, for yourself or a client, with no limitation to the number of impressions for your end product.
220
- - Use the Nucleo icons in applications, software, UI/UX design, print, and logo design.
221
- - Modify the Nucleo icons to create your icon variations.
222
-
223
- You don't have the right to:
224
-
225
- - Sublicense, resell, share, transfer, or otherwise redistribute the Nucleo icons (even for free or within a more complex downloadable file).
226
- - Use the Nucleo icons in a product that is directly competitive with Nucleo.
227
-
228
- ## Limitations & Extended license
229
-
230
- - **For each project, you can use a maximum of 250 Nucleo icons** (intended per unique style: for example, if you're using the same icon in both the outline and glyph styles, or in 2 different sizes, you're using 2 icons). You can lift this limit by purchasing an Extended License.
231
- - If you're using Nucleo icons in templates, themes or plugins offered for sale, you can use a maximum of 100 Nucleo icons. You can lift this limit by purchasing an Extended License.
232
- - If you're using the Nucleo icons in open source projects, you can use a maximum of 100 Nucleo icons.
233
- - If you're interested in using the Nucleo icons in items offered for sale (or for free) where the Nucleo icons contribute to the core value of the product being sold/shared, you will need an Extended License (e.g., a CMS where users can browse the Nucleo icons and pick the ones to include in their design).
234
-
235
- [Learn more about the Extended License](https://nucleoapp.com/extended-license)
236
-
237
- ## Freelance Projects & Contracted work
238
-
239
- If you're working on a project for a client, you can share with your client a maximum of 250 Nucleo icons per project. You can't share the Nucleo source files unless the client purchases a license.
240
-
241
- If the Nucleo icons contribute to the core value of the product being sold/shared, or if you (or your client) wish to include more than 250 icons in the project, the [Extended License](https://nucleoapp.com/extended-license) is required.
242
-
243
- ## Templates, Themes, UI Kits & Plugins
244
-
245
- If you're using Nucleo icons in templates, themes or plugins offered for sale (e.g., UI kits, Wordpress Themes, HTML/CSS Templates), **you can include up to 100 icons in the downloadable source files**. This limitation applies to the icon fonts as well.
246
-
247
- The downloadable source file has to include the [Nucleo Copyright Notice](https://nucleoapp.com/copyright-notice).
248
-
249
- If the Nucleo icons contribute to the core value of the template, theme or plugin sold (e.g., a theme builder where users can browse Nucleo icons and pick the ones to include in their design), or if you wish to use more than 100 Nucleo icons, you will need an [Extended License](https://nucleoapp.com/extended-license).
250
-
251
- It's not possible to purchase an Extended License if the template, theme or plugin is distributed for free.
252
-
253
- If you're offering a free and pro version of your product, the free version cannot include more than 100 icons even if you purchased an Extended License to lift the limit. The Extended License applies only to the pro version of your product.
254
-
255
- ## Open source projects
256
-
257
- If you're using the Nucleo icons in open source projects, **you can include up to 100 icons in the downloadable source files**. This limitation applies to the icon fonts as well.
258
-
259
- The downloadable source file has to include the [Nucleo Copyright Notice](https://nucleoapp.com/copyright-notice).
260
-
261
- It's not possible to purchase an Extended License for open source projects.
262
-
263
- ## Sharing Nucleo icons with team members
264
-
265
- If you're the sole owner of a Nucleo license, you can share with your team members only the icons used in your work, with a maximum of 250 icons (e.g., if you're a designer, you can share with the developers of your team only the Nucleo icons used in your design files).
266
-
267
- Your team members cannot reuse the Nucleo icons in other projects unless they purchase a license.
268
-
269
- If more than one team member needs access to the Nucleo icons, you can consider purchasing a [team license](https://nucleoapp.com/pricing).
270
-
271
- ## Design systems
272
-
273
- If you wish to include the Nucleo icons in a design system available on a public server, you can use a maximum of 250 Nucleo icons, even if your team purchased a Nucleo team license.
274
-
275
- If the design system is accessible only by the members of your organization (e.g., is hosted on a password protected server), but you're the sole owner of a Nucleo license, you can share with your colleagues a maximum of 250 Nucleo icons.
276
-
277
- If the design system is on a public server, you can lift the 250 icons limit by buying an [Extended License](https://nucleoapp.com/extended-license). However, please keep in mind you can't provide a link/button to download all the icons.
278
-
279
- If your team purchased a Nucleo team license that covers all the users with access to the design system, and the design system is not public (e.g., is hosted on a password protected server), then there's no limitation to the number of icons that can be included.
280
-
281
- If you're still unclear about what is or isn't allowed under this license, please contact us at info@nucleoapp.com.
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.37",
3
+ "version": "0.4.39",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/tab.esm.js",
@@ -19,17 +19,17 @@
19
19
  "scripts": {
20
20
  "start": "dts watch --noClean",
21
21
  "build": "dts build",
22
- "lint": "dts lint"
22
+ "lint": "dts lint src"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "react": ">=16.8.0",
26
26
  "react-dom": ">=16.8.0"
27
27
  },
28
28
  "dependencies": {
29
- "@entur/tokens": "^3.4.4",
30
- "@entur/utils": "^0.5.0",
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": "36772ae4f2d8375622acff19736c07d15435cb95"
34
+ "gitHead": "30b38034aaafba9fb308fb3d8c8bfaab9608d720"
35
35
  }
package/CHANGELOG.md DELETED
@@ -1,245 +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.36](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.35...@entur/tab@0.4.36) (2023-01-19)
7
-
8
- **Note:** Version bump only for package @entur/tab
9
-
10
- ## [0.4.35](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.32...@entur/tab@0.4.35) (2022-12-09)
11
-
12
- **Note:** Version bump only for package @entur/tab
13
-
14
- ## [0.4.34](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.33...@entur/tab@0.4.34) (2022-11-24)
15
-
16
- **Note:** Version bump only for package @entur/tab
17
-
18
- ## [0.4.33](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.32...@entur/tab@0.4.33) (2022-10-31)
19
-
20
- **Note:** Version bump only for package @entur/tab
21
-
22
- ## [0.4.32](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.31...@entur/tab@0.4.32) (2022-08-31)
23
-
24
- **Note:** Version bump only for package @entur/tab
25
-
26
- ## [0.4.31](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.30...@entur/tab@0.4.31) (2022-08-24)
27
-
28
- ### Bug Fixes
29
-
30
- - **tab panel:** remove unwanted tabindex=0 from tab panel ([21dc2ff](https://bitbucket.org/enturas/design-system/commits/21dc2ffa96e1e8569fa36e6635e31db033089b58))
31
-
32
- ## [0.4.30](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.29...@entur/tab@0.4.30) (2022-08-09)
33
-
34
- **Note:** Version bump only for package @entur/tab
35
-
36
- ## [0.4.29](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.28...@entur/tab@0.4.29) (2022-04-27)
37
-
38
- **Note:** Version bump only for package @entur/tab
39
-
40
- ## [0.4.28](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.27...@entur/tab@0.4.28) (2022-02-09)
41
-
42
- **Note:** Version bump only for package @entur/tab
43
-
44
- ## [0.4.27](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.26...@entur/tab@0.4.27) (2021-11-17)
45
-
46
- **Note:** Version bump only for package @entur/tab
47
-
48
- ## [0.4.26](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.25...@entur/tab@0.4.26) (2021-09-23)
49
-
50
- ### Bug Fixes
51
-
52
- - **tab:** fix focus styling for tab ([463bf3f](https://bitbucket.org/enturas/design-system/commits/463bf3f2fb5ff36b7ba7cae76eac6bc926b10d3b))
53
-
54
- ## [0.4.25](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.24...@entur/tab@0.4.25) (2021-09-07)
55
-
56
- ### Bug Fixes
57
-
58
- - utilize reworked focus token ([586758f](https://bitbucket.org/enturas/design-system/commits/586758fc86eb5aa52116c63c14ef033eb2e8b12f))
59
-
60
- ## [0.4.24](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.23...@entur/tab@0.4.24) (2021-06-25)
61
-
62
- ### Bug Fixes
63
-
64
- - update dependencies ([39a9664](https://bitbucket.org/enturas/design-system/commits/39a9664e0fa8f91bf15b35065af6550cd899950d))
65
-
66
- ## [0.4.23](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.22...@entur/tab@0.4.23) (2021-06-04)
67
-
68
- ### Bug Fixes
69
-
70
- - **tab:** fix tab panel focus styling in contrast ([001db19](https://bitbucket.org/enturas/design-system/commits/001db19c15d641a42cd5995b17005399acda513b))
71
-
72
- ## [0.4.22](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.21...@entur/tab@0.4.22) (2021-04-23)
73
-
74
- ### Bug Fixes
75
-
76
- - utilize new focus tokens ([17113ef](https://bitbucket.org/enturas/design-system/commits/17113ef3f791c86fa6e19e71680fd5acdbae4990))
77
-
78
- ## [0.4.21](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.20...@entur/tab@0.4.21) (2021-02-17)
79
-
80
- **Note:** Version bump only for package @entur/tab
81
-
82
- ## [0.4.20](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.19...@entur/tab@0.4.20) (2021-01-20)
83
-
84
- **Note:** Version bump only for package @entur/tab
85
-
86
- ## [0.4.19](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.18...@entur/tab@0.4.19) (2021-01-13)
87
-
88
- ### Bug Fixes
89
-
90
- - transpose grey colors for updated color tokens ([d6a444c](https://bitbucket.org/enturas/design-system/commits/d6a444c2c37339b9bac0702738ed52693367d344))
91
- - update dependencies ([89d385f](https://bitbucket.org/enturas/design-system/commits/89d385f0900fd8dee36f46098620dc03d4ef998c))
92
-
93
- ## [0.4.18](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.17...@entur/tab@0.4.18) (2020-12-04)
94
-
95
- **Note:** Version bump only for package @entur/tab
96
-
97
- ## [0.4.17](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.16...@entur/tab@0.4.17) (2020-11-26)
98
-
99
- ### Bug Fixes
100
-
101
- - **tabs:** export typings for tab-components ([e245963](https://bitbucket.org/enturas/design-system/commits/e2459634af621c3d2af90c0ecabdeb6d4b9eecb5))
102
-
103
- ## [0.4.16](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.15...@entur/tab@0.4.16) (2020-10-16)
104
-
105
- ### Bug Fixes
106
-
107
- - **tabs:** adjust height of tab buttons ([bc744f1](https://bitbucket.org/enturas/design-system/commits/bc744f14d259ebf0bbd4a063f3350d90d7e6730b))
108
-
109
- ## [0.4.15](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.14...@entur/tab@0.4.15) (2020-10-09)
110
-
111
- **Note:** Version bump only for package @entur/tab
112
-
113
- ## [0.4.14](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.13...@entur/tab@0.4.14) (2020-09-02)
114
-
115
- **Note:** Version bump only for package @entur/tab
116
-
117
- ## [0.4.13](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.12...@entur/tab@0.4.13) (2020-08-11)
118
-
119
- **Note:** Version bump only for package @entur/tab
120
-
121
- ## [0.4.12](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.11...@entur/tab@0.4.12) (2020-07-03)
122
-
123
- **Note:** Version bump only for package @entur/tab
124
-
125
- ## [0.4.11](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.10...@entur/tab@0.4.11) (2020-06-17)
126
-
127
- **Note:** Version bump only for package @entur/tab
128
-
129
- ## [0.4.10](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.9...@entur/tab@0.4.10) (2020-05-27)
130
-
131
- **Note:** Version bump only for package @entur/tab
132
-
133
- ## [0.4.9](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.8...@entur/tab@0.4.9) (2020-05-26)
134
-
135
- ### Bug Fixes
136
-
137
- - fix insufficient prop in Tabs ([53fbecd](https://bitbucket.org/enturas/design-system/commits/53fbecd33569294b09c4f57a0254a59e171a59f0))
138
-
139
- ## [0.4.8](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.7...@entur/tab@0.4.8) (2020-05-20)
140
-
141
- ### Bug Fixes
142
-
143
- - prop to remove active line, and min width adjustments for tab ([45e4e1b](https://bitbucket.org/enturas/design-system/commits/45e4e1b4c60e0e94828c0144b9c16473e315eb54))
144
-
145
- ## [0.4.7](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.6...@entur/tab@0.4.7) (2020-04-27)
146
-
147
- **Note:** Version bump only for package @entur/tab
148
-
149
- ## [0.4.6](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.5...@entur/tab@0.4.6) (2020-04-23)
150
-
151
- ### Bug Fixes
152
-
153
- - updated to use new focus styling where applicable ([d0a52c0](https://bitbucket.org/enturas/design-system/commits/d0a52c096b673c6647070a90dd79bef9003ee0ad))
154
-
155
- ## [0.4.5](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.4...@entur/tab@0.4.5) (2020-03-20)
156
-
157
- **Note:** Version bump only for package @entur/tab
158
-
159
- ## [0.4.4](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.3...@entur/tab@0.4.4) (2020-03-18)
160
-
161
- **Note:** Version bump only for package @entur/tab
162
-
163
- ## [0.4.3](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.2...@entur/tab@0.4.3) (2020-03-05)
164
-
165
- ### Bug Fixes
166
-
167
- - fix focus bug inside tabpanel ([f09a866](https://bitbucket.org/enturas/design-system/commits/f09a866393d3a60aadfd793f4a0f22d186bbeb30))
168
-
169
- ## [0.4.2](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.1...@entur/tab@0.4.2) (2020-02-20)
170
-
171
- **Note:** Version bump only for package @entur/tab
172
-
173
- ## [0.4.1](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.0...@entur/tab@0.4.1) (2020-02-14)
174
-
175
- ### Bug Fixes
176
-
177
- - decrease padding in tabpanels ([dbcdbfc](https://bitbucket.org/enturas/design-system/commits/dbcdbfc04e22222a0a6cd3661f057928641ec586))
178
- - remove focus styling on tabpanel click ([a87b2b5](https://bitbucket.org/enturas/design-system/commits/a87b2b57f5718eeffe74ed53fff9a4d859818b21))
179
-
180
- # [0.4.0](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.3.2...@entur/tab@0.4.0) (2020-02-12)
181
-
182
- ### Bug Fixes
183
-
184
- - increase visibility of tabs in contrast ([c440679](https://bitbucket.org/enturas/design-system/commits/c440679644d539d9cb06f1fb841635bfb792cc7d))
185
-
186
- ### Features
187
-
188
- - fluid width spreading for tabslist ([1ebd20c](https://bitbucket.org/enturas/design-system/commits/1ebd20cbbf63d166877cf993247a5fba51a2db10))
189
-
190
- ## [0.3.2](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.3.1...@entur/tab@0.3.2) (2020-02-05)
191
-
192
- ### Bug Fixes
193
-
194
- - remove test-files from build process ([e0b24af](https://bitbucket.org/enturas/design-system/commits/e0b24af05d5c2ad8de4ae587d83c389495235890))
195
-
196
- ## [0.3.1](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.3.0...@entur/tab@0.3.1) (2020-01-28)
197
-
198
- **Note:** Version bump only for package @entur/tab
199
-
200
- # [0.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.2.5...@entur/tab@0.3.0) (2020-01-27)
201
-
202
- ### Bug Fixes
203
-
204
- - **types:** place types in the correct place ([acace09](https://bitbucket.org/enturas/design-system/commits/acace09ec0e258c5cff3a65e13ab29d6603780d9))
205
-
206
- ### Features
207
-
208
- - new and improved styling, with added support for contrast ([9597fe2](https://bitbucket.org/enturas/design-system/commits/9597fe2ae5cc1c6be4e30e7850e8cad6e6caf0c8))
209
-
210
- ## [0.2.5](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.2.4...@entur/tab@0.2.5) (2020-01-14)
211
-
212
- **Note:** Version bump only for package @entur/tab
213
-
214
- ## [0.2.4](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.2.3...@entur/tab@0.2.4) (2020-01-08)
215
-
216
- ### Bug Fixes
217
-
218
- - warn in development if the developer have forgotten the CSS ([e5c30fc](https://bitbucket.org/enturas/design-system/commits/e5c30fc08624ef22c02773892778abd92205c6b0))
219
-
220
- ## [0.2.3](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.2.2...@entur/tab@0.2.3) (2020-01-06)
221
-
222
- **Note:** Version bump only for package @entur/tab
223
-
224
- ## [0.2.2](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.2.1...@entur/tab@0.2.2) (2019-11-29)
225
-
226
- ### Bug Fixes
227
-
228
- - **TabPanels:** add slightly more horizontal padding to TabPanels ([e14b7ca](https://bitbucket.org/enturas/design-system/commits/e14b7caafc92d119e80585aaaf92a83910a6d687))
229
- - using new box shadow tokens ([9ff30bd](https://bitbucket.org/enturas/design-system/commits/9ff30bd52ad2b6e6d770565684a05e15f0b0ba9a))
230
-
231
- ## [0.2.1](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.2.0...@entur/tab@0.2.1) (2019-11-28)
232
-
233
- ### Bug Fixes
234
-
235
- - **Tab:** tweak design of selected tabs ([4420310](https://bitbucket.org/enturas/design-system/commits/4420310e8710508a5615e481a88216fbca2239fa))
236
-
237
- # 0.2.0 (2019-11-27)
238
-
239
- ### Bug Fixes
240
-
241
- - **Tab:** fix issue with implicit margin in Safari ([da949cd](https://bitbucket.org/enturas/design-system/commits/da949cd49904eadabc7c0241231fefe4cba148ee))
242
-
243
- ### Features
244
-
245
- - **Tab:** new package - @entur/tab ([e2b0c87](https://bitbucket.org/enturas/design-system/commits/e2b0c87893842daaf2e5a8979e65930384bf26ae))