@entur/grid 0.3.15 → 0.3.16

package/dist/grid.cjs.development.js

@@ -15,32 +15,26 @@ function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
@@ -48,20 +42,18 @@ var _excluded$2 = ["item", "container", "children", "className", "spacing", "row
 var defaultElement$2 = 'code';
 var BaseGrid = function BaseGrid(_ref) {
   var _ref2, _ref3, _ref4, _ref5, _ref6;
-
   var item = _ref.item,
-      container = _ref.container,
-      children = _ref.children,
-      className = _ref.className,
-      spacing = _ref.spacing,
-      rowSpacing = _ref.rowSpacing,
-      _ref$small = _ref.small,
-      small = _ref$small === void 0 ? 1 : _ref$small,
-      medium = _ref.medium,
-      large = _ref.large,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    container = _ref.container,
+    children = _ref.children,
+    className = _ref.className,
+    spacing = _ref.spacing,
+    rowSpacing = _ref.rowSpacing,
+    _ref$small = _ref.small,
+    small = _ref$small === void 0 ? 1 : _ref$small,
+    medium = _ref.medium,
+    large = _ref.large,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var Element = as || defaultElement$2;
   var classList = classnames__default["default"](['eds-grid', className, {
     'eds-grid__item': item
@@ -77,13 +69,12 @@ var _excluded$1 = ["children", "className", "small", "medium", "large", "as"];
 var defaultElement$1 = 'div';
 var GridItem = function GridItem(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      small = _ref.small,
-      medium = _ref.medium,
-      large = _ref.large,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    className = _ref.className,
+    small = _ref.small,
+    medium = _ref.medium,
+    large = _ref.large,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var Element = as || defaultElement$1;
   return React__default["default"].createElement(BaseGrid, _extends({
     as: Element,
@@ -99,12 +90,11 @@ var _excluded = ["children", "className", "spacing", "rowSpacing", "as"];
 var defaultElement = 'div';
 var GridContainer = function GridContainer(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      spacing = _ref.spacing,
-      rowSpacing = _ref.rowSpacing,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    className = _ref.className,
+    spacing = _ref.spacing,
+    rowSpacing = _ref.rowSpacing,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var Element = as || defaultElement;
   return React__default["default"].createElement(BaseGrid, _extends({
     container: true,

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

@@ -1 +1 @@
-{"version":3,"file":"grid.cjs.development.js","sources":["../src/BaseGrid.tsx","../src/GridItem.tsx","../src/GridContainer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<BaseGridOwnProps, T>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<GridItemOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<GridContainerOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n"],"names":["defaultElement","BaseGrid","item","container","children","className","spacing","rowSpacing","small","medium","large","as","rest","Element","classList","classnames","React","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAMA,gBAAc,GAAG,MAAvB;AAKO,IAAMC,QAAQ,GAAG,SAAXA,QAAW;;;MACtBC,YAAAA;MACAC,iBAAAA;MACAC,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;wBACAC;MAAAA,gCAAQ;MACRC,cAAAA;MACAC,aAAAA;MACAC,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAzC;AACA,MAAMc,SAAS,GAAGC,8BAAU,CAAC,CAC3B,UAD2B,EAE3BV,SAF2B,EAG3B;AAAE,sBAAkBH;AAApB,GAH2B,EAI3B;AAAE,2BAAuBC;AAAzB,GAJ2B,4CAKHG,OALG,IAKSA,OAAO,IAAIH,SALpB,wDAMCI,UAND,IAMgBD,OAAO,KAAKC,UAN5B,kDAOLC,KAPK,IAOKA,KAAK,IAAIN,IAPd,mDAQJO,MARI,IAQOA,MAAM,IAAIP,IARjB,kDASLQ,KATK,IASKA,KAAK,IAAIR,IATd,SAAD,CAA5B;AAWA,SACEc,uCAAA,CAACH,OAAD;AAASR,IAAAA,SAAS,EAAES;AAApB,KAAmCF,IAAnC,GACGR,QADH,CADF;AAKD,CA9BM;;;ACjCP,IAAMJ,gBAAc,GAAG,KAAvB;IAEaiB,QAAQ,GAAG,SAAXA,QAAW;MACtBb,gBAAAA;MACAC,iBAAAA;MACAG,aAAAA;MACAC,cAAAA;MACAC,aAAAA;MACAC,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAzC;AACA,SACEgB,uCAAA,CAACf,QAAD;AACEU,IAAAA,EAAE,EAAEE,OADN;AAEEX,IAAAA,IAAI,MAFN;AAGEG,IAAAA,SAAS,EAAEA,SAHb;AAIEG,IAAAA,KAAK,EAAEA,KAJT;AAKEC,IAAAA,MAAM,EAAEA,MALV;AAMEC,IAAAA,KAAK,EAAEA;AANT,KAOME,IAPN,GASGR,QATH,CADF;AAaD;;;ACVD,IAAMJ,cAAc,GAAG,KAAvB;IAEakB,aAAa,GAAG,SAAhBA,aAAgB;MAG3Bd,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAI,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,cAAzC;AACA,SACEgB,uCAAA,CAACf,QAAD;AACEE,IAAAA,SAAS,MADX;AAEEQ,IAAAA,EAAE,EAAEE,OAFN;AAGER,IAAAA,SAAS,EAAEA,SAHb;AAIEC,IAAAA,OAAO,EAAEA,OAJX;AAKEC,IAAAA,UAAU,EAAEA;AALd,KAMMK,IANN,GAQGR,QARH,CADF;AAYD;;AC9DDe,4BAAsB,CAAC,MAAD,CAAtB;;;;;"}
+{"version":3,"file":"grid.cjs.development.js","sources":["../src/BaseGrid.tsx","../src/GridItem.tsx","../src/GridContainer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<BaseGridOwnProps, T>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<GridItemOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<GridContainerOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n"],"names":["defaultElement","BaseGrid","item","container","children","className","spacing","rowSpacing","small","medium","large","as","rest","Element","classList","classnames","React","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAMA,gBAAc,GAAG,MAAM;AAKtB,IAAMC,QAAQ,GAAG,SAAXA,QAAQ;;MACnBC,IAAI,QAAJA,IAAI;IACJC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,OAAO,QAAPA,OAAO;IACPC,UAAU,QAAVA,UAAU;IAAA,kBACVC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,EAAE,QAAFA,EAAE;IACCC,IAAI;EAEP,IAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAc;EACvD,IAAMc,SAAS,GAAGC,8BAAU,CAAC,CAC3B,UAAU,EACVV,SAAS,EACT;IAAE,gBAAgB,EAAEH;GAAM,EAC1B;IAAE,qBAAqB,EAAEC;GAAW,4CACZG,OAAO,IAAKA,OAAO,IAAIH,SAAS,wDAC5BI,UAAU,IAAKD,OAAO,KAAKC,UAAU,kDAC3CC,KAAK,IAAKA,KAAK,IAAIN,IAAI,mDACtBO,MAAM,IAAKA,MAAM,IAAIP,IAAI,kDAC1BQ,KAAK,IAAKA,KAAK,IAAIR,IAAI,SAC9C,CAAC;EACF,OACEc,wCAACH,OAAO;IAACR,SAAS,EAAES;KAAeF,IAAI,GACpCR,QAAQ,CACD;AAEd,CAAC;;;AC/DD,IAAMJ,gBAAc,GAAG,KAAK;IAEfiB,QAAQ,GAAG,SAAXA,QAAQ;MACnBb,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTG,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,EAAE,QAAFA,EAAE;IACCC,IAAI;EAEP,IAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAc;EACvD,OACEgB,wCAACf,QAAQ;IACPU,EAAE,EAAEE,OAAO;IACXX,IAAI;IACJG,SAAS,EAAEA,SAAS;IACpBG,KAAK,EAAEA,KAAK;IACZC,MAAM,EAAEA,MAAM;IACdC,KAAK,EAAEA;KACHE,IAAI,GAEPR,QAAQ,CACA;AAEf;;;ACVA,IAAMJ,cAAc,GAAG,KAAK;IAEfkB,aAAa,GAAG,SAAhBA,aAAa;MAGxBd,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,OAAO,QAAPA,OAAO;IACPC,UAAU,QAAVA,UAAU;IACVI,EAAE,QAAFA,EAAE;IACCC,IAAI;EAEP,IAAMC,OAAO,GAAsBF,EAAE,IAAIX,cAAc;EACvD,OACEgB,wCAACf,QAAQ;IACPE,SAAS;IACTQ,EAAE,EAAEE,OAAO;IACXR,SAAS,EAAEA,SAAS;IACpBC,OAAO,EAAEA,OAAO;IAChBC,UAAU,EAAEA;KACRK,IAAI,GAEPR,QAAQ,CACA;AAEf;;AC9DAe,4BAAsB,CAAC,MAAM,CAAC;;;;;"}

package/dist/grid.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.cjs.production.min.js","sources":["../src/BaseGrid.tsx","../src/index.tsx","../src/GridContainer.tsx","../src/GridItem.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<BaseGridOwnProps, T>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<GridContainerOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<GridItemOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n"],"names":["BaseGrid","item","container","children","className","spacing","rowSpacing","small","medium","large","as","rest","Element","classList","classnames","React","warnAboutMissingStyles"],"mappings":"kqBA0DaA,EAAW,0BACtBC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,eACAC,MAAAA,aAAQ,IACRC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,GACGC,SAEGC,EAA6BF,GAlBd,OAmBfG,EAAYC,UAAW,CAC3B,WACAV,EACA,kBAAoBH,GACpB,uBAAyBC,gCACDG,GAAYA,GAAWH,sCACnBI,GAAeD,IAAYC,gCACjCC,GAAUA,GAASN,iCAClBO,GAAWA,GAAUP,gCACtBQ,GAAUA,GAASR,cAGzCc,wBAACH,KAAQR,UAAWS,GAAeF,GAChCR,oHClFPa,yBAAuB,8BCuCM,gBAG3Bb,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,WACAI,IAAAA,GACGC,gBAIDI,wBAACf,KACCE,aACAQ,GAJ+BA,GAZd,MAiBjBN,UAAWA,EACXC,QAASA,EACTC,WAAYA,GACRK,GAEHR,qBCnCiB,gBACtBA,IAAAA,SACAC,IAAAA,UACAG,IAAAA,MACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,GACGC,gBAIDI,wBAACf,KACCU,GAH+BA,GAXd,MAejBT,QACAG,UAAWA,EACXG,MAAOA,EACPC,OAAQA,EACRC,MAAOA,GACHE,GAEHR"}
+{"version":3,"file":"grid.cjs.production.min.js","sources":["../src/BaseGrid.tsx","../src/index.tsx","../src/GridContainer.tsx","../src/GridItem.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<BaseGridOwnProps, T>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<GridContainerOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<GridItemOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n"],"names":["BaseGrid","item","container","children","className","spacing","rowSpacing","_ref$small","small","medium","large","as","rest","Element","classList","classnames","React","warnAboutMissingStyles"],"mappings":"kqBA0DaA,EAAW,0BACtBC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,WAAUC,IACVC,MAAAA,aAAQ,IACRC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,GACGC,SAEGC,EAA6BF,GAlBd,OAmBfG,EAAYC,UAAW,CAC3B,WACAX,EACA,CAAE,iBAAkBH,GACpB,CAAE,sBAAuBC,gCACDG,GAAYA,GAAWH,sCACnBI,GAAeD,IAAYC,gCACjCE,GAAUA,GAASP,iCAClBQ,GAAWA,GAAUR,gCACtBS,GAAUA,GAAST,OAE3C,OACEe,wBAACH,KAAQT,UAAWU,GAAeF,GAChCT,oHClFPc,yBAAuB,8BCuCM,gBAG3Bd,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,WACAK,IAAAA,GACGC,SAGH,OACEI,wBAAChB,KACCE,aACAS,GAJ+BA,GAZd,MAiBjBP,UAAWA,EACXC,QAASA,EACTC,WAAYA,GACRM,GAEHT,qBCnCiB,gBACtBA,IAAAA,SACAC,IAAAA,UACAI,IAAAA,MACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,GACGC,SAGH,OACEI,wBAAChB,KACCW,GAH+BA,GAXd,MAejBV,QACAG,UAAWA,EACXI,MAAOA,EACPC,OAAQA,EACRC,MAAOA,GACHE,GAEHT"}

package/dist/grid.esm.js

@@ -6,32 +6,26 @@ function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
@@ -39,20 +33,18 @@ var _excluded$2 = ["item", "container", "children", "className", "spacing", "row
 var defaultElement$2 = 'code';
 var BaseGrid = function BaseGrid(_ref) {
   var _ref2, _ref3, _ref4, _ref5, _ref6;
-
   var item = _ref.item,
-      container = _ref.container,
-      children = _ref.children,
-      className = _ref.className,
-      spacing = _ref.spacing,
-      rowSpacing = _ref.rowSpacing,
-      _ref$small = _ref.small,
-      small = _ref$small === void 0 ? 1 : _ref$small,
-      medium = _ref.medium,
-      large = _ref.large,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    container = _ref.container,
+    children = _ref.children,
+    className = _ref.className,
+    spacing = _ref.spacing,
+    rowSpacing = _ref.rowSpacing,
+    _ref$small = _ref.small,
+    small = _ref$small === void 0 ? 1 : _ref$small,
+    medium = _ref.medium,
+    large = _ref.large,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var Element = as || defaultElement$2;
   var classList = classnames(['eds-grid', className, {
     'eds-grid__item': item
@@ -68,13 +60,12 @@ var _excluded$1 = ["children", "className", "small", "medium", "large", "as"];
 var defaultElement$1 = 'div';
 var GridItem = function GridItem(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      small = _ref.small,
-      medium = _ref.medium,
-      large = _ref.large,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    className = _ref.className,
+    small = _ref.small,
+    medium = _ref.medium,
+    large = _ref.large,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var Element = as || defaultElement$1;
   return React.createElement(BaseGrid, _extends({
     as: Element,
@@ -90,12 +81,11 @@ var _excluded = ["children", "className", "spacing", "rowSpacing", "as"];
 var defaultElement = 'div';
 var GridContainer = function GridContainer(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      spacing = _ref.spacing,
-      rowSpacing = _ref.rowSpacing,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    className = _ref.className,
+    spacing = _ref.spacing,
+    rowSpacing = _ref.rowSpacing,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var Element = as || defaultElement;
   return React.createElement(BaseGrid, _extends({
     container: true,

package/dist/grid.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.esm.js","sources":["../src/BaseGrid.tsx","../src/GridItem.tsx","../src/GridContainer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<BaseGridOwnProps, T>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<GridItemOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<GridContainerOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n"],"names":["defaultElement","BaseGrid","item","container","children","className","spacing","rowSpacing","small","medium","large","as","rest","Element","classList","classnames","React","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAMA,gBAAc,GAAG,MAAvB;AAKO,IAAMC,QAAQ,GAAG,SAAXA,QAAW;;;MACtBC,YAAAA;MACAC,iBAAAA;MACAC,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;wBACAC;MAAAA,gCAAQ;MACRC,cAAAA;MACAC,aAAAA;MACAC,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAzC;AACA,MAAMc,SAAS,GAAGC,UAAU,CAAC,CAC3B,UAD2B,EAE3BV,SAF2B,EAG3B;AAAE,sBAAkBH;AAApB,GAH2B,EAI3B;AAAE,2BAAuBC;AAAzB,GAJ2B,4CAKHG,OALG,IAKSA,OAAO,IAAIH,SALpB,wDAMCI,UAND,IAMgBD,OAAO,KAAKC,UAN5B,kDAOLC,KAPK,IAOKA,KAAK,IAAIN,IAPd,mDAQJO,MARI,IAQOA,MAAM,IAAIP,IARjB,kDASLQ,KATK,IASKA,KAAK,IAAIR,IATd,SAAD,CAA5B;AAWA,SACEc,mBAAA,CAACH,OAAD;AAASR,IAAAA,SAAS,EAAES;AAApB,KAAmCF,IAAnC,GACGR,QADH,CADF;AAKD,CA9BM;;;ACjCP,IAAMJ,gBAAc,GAAG,KAAvB;IAEaiB,QAAQ,GAAG,SAAXA,QAAW;MACtBb,gBAAAA;MACAC,iBAAAA;MACAG,aAAAA;MACAC,cAAAA;MACAC,aAAAA;MACAC,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAzC;AACA,SACEgB,mBAAA,CAACf,QAAD;AACEU,IAAAA,EAAE,EAAEE,OADN;AAEEX,IAAAA,IAAI,MAFN;AAGEG,IAAAA,SAAS,EAAEA,SAHb;AAIEG,IAAAA,KAAK,EAAEA,KAJT;AAKEC,IAAAA,MAAM,EAAEA,MALV;AAMEC,IAAAA,KAAK,EAAEA;AANT,KAOME,IAPN,GASGR,QATH,CADF;AAaD;;;ACVD,IAAMJ,cAAc,GAAG,KAAvB;IAEakB,aAAa,GAAG,SAAhBA,aAAgB;MAG3Bd,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAI,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,cAAzC;AACA,SACEgB,mBAAA,CAACf,QAAD;AACEE,IAAAA,SAAS,MADX;AAEEQ,IAAAA,EAAE,EAAEE,OAFN;AAGER,IAAAA,SAAS,EAAEA,SAHb;AAIEC,IAAAA,OAAO,EAAEA,OAJX;AAKEC,IAAAA,UAAU,EAAEA;AALd,KAMMK,IANN,GAQGR,QARH,CADF;AAYD;;AC9DDe,sBAAsB,CAAC,MAAD,CAAtB;;;;"}
+{"version":3,"file":"grid.esm.js","sources":["../src/BaseGrid.tsx","../src/GridItem.tsx","../src/GridContainer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<BaseGridOwnProps, T>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<GridItemOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<GridContainerOwnProps, E>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n"],"names":["defaultElement","BaseGrid","item","container","children","className","spacing","rowSpacing","small","medium","large","as","rest","Element","classList","classnames","React","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAMA,gBAAc,GAAG,MAAM;AAKtB,IAAMC,QAAQ,GAAG,SAAXA,QAAQ;;MACnBC,IAAI,QAAJA,IAAI;IACJC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,OAAO,QAAPA,OAAO;IACPC,UAAU,QAAVA,UAAU;IAAA,kBACVC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,EAAE,QAAFA,EAAE;IACCC,IAAI;EAEP,IAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAc;EACvD,IAAMc,SAAS,GAAGC,UAAU,CAAC,CAC3B,UAAU,EACVV,SAAS,EACT;IAAE,gBAAgB,EAAEH;GAAM,EAC1B;IAAE,qBAAqB,EAAEC;GAAW,4CACZG,OAAO,IAAKA,OAAO,IAAIH,SAAS,wDAC5BI,UAAU,IAAKD,OAAO,KAAKC,UAAU,kDAC3CC,KAAK,IAAKA,KAAK,IAAIN,IAAI,mDACtBO,MAAM,IAAKA,MAAM,IAAIP,IAAI,kDAC1BQ,KAAK,IAAKA,KAAK,IAAIR,IAAI,SAC9C,CAAC;EACF,OACEc,oBAACH,OAAO;IAACR,SAAS,EAAES;KAAeF,IAAI,GACpCR,QAAQ,CACD;AAEd,CAAC;;;AC/DD,IAAMJ,gBAAc,GAAG,KAAK;IAEfiB,QAAQ,GAAG,SAAXA,QAAQ;MACnBb,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTG,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,EAAE,QAAFA,EAAE;IACCC,IAAI;EAEP,IAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAc;EACvD,OACEgB,oBAACf,QAAQ;IACPU,EAAE,EAAEE,OAAO;IACXX,IAAI;IACJG,SAAS,EAAEA,SAAS;IACpBG,KAAK,EAAEA,KAAK;IACZC,MAAM,EAAEA,MAAM;IACdC,KAAK,EAAEA;KACHE,IAAI,GAEPR,QAAQ,CACA;AAEf;;;ACVA,IAAMJ,cAAc,GAAG,KAAK;IAEfkB,aAAa,GAAG,SAAhBA,aAAa;MAGxBd,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,OAAO,QAAPA,OAAO;IACPC,UAAU,QAAVA,UAAU;IACVI,EAAE,QAAFA,EAAE;IACCC,IAAI;EAEP,IAAMC,OAAO,GAAsBF,EAAE,IAAIX,cAAc;EACvD,OACEgB,oBAACf,QAAQ;IACPE,SAAS;IACTQ,EAAE,EAAEE,OAAO;IACXR,SAAS,EAAEA,SAAS;IACpBC,OAAO,EAAEA,OAAO;IAChBC,UAAU,EAAEA;KACRK,IAAI,GAEPR,QAAQ,CACA;AAEf;;AC9DAe,sBAAsB,CAAC,MAAM,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/grid",
-  "version": "0.3.15",
+  "version": "0.3.16",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/grid.esm.js",
@@ -17,19 +17,26 @@
     "access": "public"
   },
   "scripts": {
-    "start": "dts watch --noClean",
-    "build": "dts build",
-    "test": "dts test --env=jsdom",
-    "lint": "dts lint"
+    "start": "yarn run dts watch --noClean",
+    "build": "yarn run dts build",
+    "test": "yarn run dts test --env=jsdom",
+    "lint": "yarn run dts lint"
   },
   "dependencies": {
-    "@entur/tokens": "^3.4.1",
-    "@entur/utils": "^0.4.6",
+    "@entur/tokens": "^3.4.2",
+    "@entur/utils": "^0.4.7",
     "classnames": "^2.3.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "11fde5ffbfd805773572c3a7d999d63f2733e0c7"
+  "devDependencies": {
+    "dts-cli": "^1.1.6",
+    "jest": "^27.0.0",
+    "jest-watch-typeahead": "^2.2.0",
+    "ts-jest": "^27.0.0",
+    "typescript": "^4.8.0"
+  },
+  "gitHead": "8915b1630bd936740ba9a4a88883f3432948a80e"
 }

package/CHANGELOG.md

@@ -1,130 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [0.3.15](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.14...@entur/grid@0.3.15) (2022-10-31)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.3.14](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.13...@entur/grid@0.3.14) (2022-08-31)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.3.13](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.12...@entur/grid@0.3.13) (2022-08-24)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.3.12](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.11...@entur/grid@0.3.12) (2022-08-09)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.3.11](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.10...@entur/grid@0.3.11) (2022-04-27)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.3.10](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.9...@entur/grid@0.3.10) (2022-02-09)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.3.9](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.8...@entur/grid@0.3.9) (2021-11-17)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.3.8](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.7...@entur/grid@0.3.8) (2021-09-23)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.3.7](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.6...@entur/grid@0.3.7) (2021-09-07)
-
-### Bug Fixes
-
-- fix lint warnings ([6007bac](https://bitbucket.org/enturas/design-system/commits/6007bac502253a1a81f803f511d7e87097822528))
-
-## [0.3.6](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.5...@entur/grid@0.3.6) (2021-06-25)
-
-### Bug Fixes
-
-- update dependencies ([a49ee42](https://bitbucket.org/enturas/design-system/commits/a49ee4289a6ad56a9b799e1c766ea461667ddced))
-
-## [0.3.5](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.4...@entur/grid@0.3.5) (2021-05-05)
-
-### Bug Fixes
-
-- **griditem:** fix large prop not following grid ([fc09ab9](https://bitbucket.org/enturas/design-system/commits/fc09ab9555f7496601bd084cbcd39117dc51d717))
-
-## [0.3.4](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.3...@entur/grid@0.3.4) (2021-04-23)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.3.3](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.2...@entur/grid@0.3.3) (2021-02-17)
-
-### Bug Fixes
-
-- **polymorphism:** update polymorphism dependency ([dc4c31d](https://bitbucket.org/enturas/design-system/commits/dc4c31d8e891a46c1f0c1fbd0a6a026c1638accc))
-- update grid components to new polymorphism dependency ([011b8a5](https://bitbucket.org/enturas/design-system/commits/011b8a5be61f27f8d4f6bcee65fcd42352d7a68e))
-
-## [0.3.2](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.1...@entur/grid@0.3.2) (2021-01-20)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.3.1](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.0...@entur/grid@0.3.1) (2021-01-13)
-
-**Note:** Version bump only for package @entur/grid
-
-# [0.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.2.11...@entur/grid@0.3.0) (2020-12-04)
-
-### Features
-
-- **grid:** add support for polymorphic component typings ([627406f](https://bitbucket.org/enturas/design-system/commits/627406f1390338c82cd5bdfa9cfd15f023f51221))
-
-## [0.2.11](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.2.10...@entur/grid@0.2.11) (2020-10-09)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.2.10](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.2.9...@entur/grid@0.2.10) (2020-09-02)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.2.9](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.2.8...@entur/grid@0.2.9) (2020-08-11)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.2.8](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.2.7...@entur/grid@0.2.8) (2020-07-03)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.2.7](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.2.6...@entur/grid@0.2.7) (2020-06-17)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.2.6](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.2.5...@entur/grid@0.2.6) (2020-05-27)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.2.5](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.2.4...@entur/grid@0.2.5) (2020-05-26)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.2.4](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.2.3...@entur/grid@0.2.4) (2020-05-20)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.2.3](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.2.2...@entur/grid@0.2.3) (2020-04-27)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.2.2](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.2.1...@entur/grid@0.2.2) (2020-04-23)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.2.1](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.2.0...@entur/grid@0.2.1) (2020-03-20)
-
-**Note:** Version bump only for package @entur/grid
-
-# 0.2.0 (2020-03-18)
-
-### Features
-
-- add gridcontainer and griditem components ([3bee945](https://bitbucket.org/enturas/design-system/commits/3bee945397b57fe26f8e1d9a629aa5a404eca3e1))
-- adding the grid component ([74d89d4](https://bitbucket.org/enturas/design-system/commits/74d89d4bb9ef515ca741855dc7737d60d221f29b))