@entur/grid 0.3.20 → 0.3.21

package/dist/BaseGrid.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 import './Grid.scss';
-declare type BaseGridOwnProps = {
+type BaseGridOwnProps = {
     /** Om det er en GridContainer
      * @default false
      */
@@ -36,6 +36,6 @@ declare type BaseGridOwnProps = {
     children?: React.ReactNode;
 };
 declare const defaultElement = "code";
-export declare type BaseGridProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, BaseGridOwnProps>;
+export type BaseGridProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, BaseGridOwnProps>;
 export declare const BaseGrid: <E extends React.ElementType<any> = "code">({ item, container, children, className, spacing, rowSpacing, small, medium, large, as, ...rest }: BaseGridProps<E>) => JSX.Element;
 export {};

package/dist/GridContainer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 import './Grid.scss';
-export declare type GridContainerOwnProps = {
+export type GridContainerOwnProps = {
     /** Mellomromet mellom hver GridItem, basert på spacing-tokens
      * @default none
      */
@@ -17,7 +17,7 @@ export declare type GridContainerOwnProps = {
     /** Ekstra klassenavn */
     className?: string;
 };
-export declare type GridContainerProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, GridContainerOwnProps>;
+export type GridContainerProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, GridContainerOwnProps>;
 declare const defaultElement = "div";
 export declare const GridContainer: <E extends React.ElementType<any> = "div">({ children, className, spacing, rowSpacing, as, ...rest }: GridContainerProps<E>) => JSX.Element;
 export {};

package/dist/GridItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
 import './Grid.scss';
-export declare type GridItemOwnProps = {
+export type GridItemOwnProps = {
     /** Antall kolonner en Item bruker på små flater (og oppover)
      * @default 1
      */
@@ -17,7 +17,7 @@ export declare type GridItemOwnProps = {
     /** Ekstra klassenavn */
     className?: string;
 };
-export declare type GridItemProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, GridItemOwnProps>;
+export type GridItemProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, GridItemOwnProps>;
 declare const defaultElement = "div";
 export declare const GridItem: <E extends React.ElementType<any> = "div">({ children, className, small, medium, large, as, ...rest }: GridItemProps<E>) => JSX.Element;
 export {};

package/dist/grid.cjs.development.js

@@ -12,35 +12,29 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
@@ -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 { PolymorphicComponentProps } 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  PolymorphicComponentProps<T, BaseGridOwnProps>;\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 { PolymorphicComponentProps } 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<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\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 { PolymorphicComponentProps } 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  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\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 { PolymorphicComponentProps } 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  PolymorphicComponentProps<T, BaseGridOwnProps>;\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 { PolymorphicComponentProps } 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<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\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 { PolymorphicComponentProps } 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  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\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","_excluded","Element","classList","classnames","React","createElement","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),r=require("react"),a=require("classnames");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r),s=i(a);function t(){return t=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var i in a)Object.prototype.hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},t.apply(this,arguments)}function l(e,r){if(null==e)return{};var a,i,n={},s=Object.keys(e);for(i=0;i<s.length;i++)r.indexOf(a=s[i])>=0||(n[a]=e[a]);return n}var c=["item","container","children","className","spacing","rowSpacing","small","medium","large","as"],d=function(e){var r,a,i,d,u,m=e.item,o=e.container,g=e.children,p=e.className,f=e.spacing,v=e.rowSpacing,h=e.small,N=void 0===h?1:h,w=e.medium,y=e.large,b=e.as,O=l(e,c),S=b||"code",_=s.default(["eds-grid",p,{"eds-grid__item":m},{"eds-grid__container":o},(r={},r["eds-grid--spacing-"+f]=f&&o,r),(a={},a["eds-grid--spacing-row-"+v]=f!==v,a),(i={},i["eds-grid--small-"+N]=N&&m,i),(d={},d["eds-grid--medium-"+w]=w&&m,d),(u={},u["eds-grid--large-"+y]=y&&m,u)]);return n.default.createElement(S,t({className:_},O),g)},u=["children","className","small","medium","large","as"],m=["children","className","spacing","rowSpacing","as"];e.warnAboutMissingStyles("grid"),exports.GridContainer=function(e){var r=e.children,a=e.className,i=e.spacing,s=e.rowSpacing,c=e.as,u=l(e,m);return n.default.createElement(d,t({container:!0,as:c||"div",className:a,spacing:i,rowSpacing:s},u),r)},exports.GridItem=function(e){var r=e.children,a=e.className,i=e.small,s=e.medium,c=e.large,m=e.as,o=l(e,u);return n.default.createElement(d,t({as:m||"div",item:!0,className:a,small:i,medium:s,large:c},o),r)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),r=require("classnames");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(a),s=i(r);function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},t.apply(this,arguments)}function l(e,a){if(null==e)return{};var r,i,n={},s=Object.keys(e);for(i=0;i<s.length;i++)a.indexOf(r=s[i])>=0||(n[r]=e[r]);return n}var c=["item","container","children","className","spacing","rowSpacing","small","medium","large","as"],d=function(e){var a,r,i,d,u,m=e.item,o=e.container,g=e.children,p=e.className,f=e.spacing,v=e.rowSpacing,h=e.small,N=void 0===h?1:h,b=e.medium,w=e.large,y=e.as,O=l(e,c),j=y||"code",S=s.default(["eds-grid",p,{"eds-grid__item":m},{"eds-grid__container":o},(a={},a["eds-grid--spacing-"+f]=f&&o,a),(r={},r["eds-grid--spacing-row-"+v]=f!==v,r),(i={},i["eds-grid--small-"+N]=N&&m,i),(d={},d["eds-grid--medium-"+b]=b&&m,d),(u={},u["eds-grid--large-"+w]=w&&m,u)]);return n.default.createElement(j,t({className:S},O),g)},u=["children","className","small","medium","large","as"],m=["children","className","spacing","rowSpacing","as"];e.warnAboutMissingStyles("grid"),exports.GridContainer=function(e){var a=e.children,r=e.className,i=e.spacing,s=e.rowSpacing,c=e.as,u=l(e,m);return n.default.createElement(d,t({container:!0,as:c||"div",className:r,spacing:i,rowSpacing:s},u),a)},exports.GridItem=function(e){var a=e.children,r=e.className,i=e.small,s=e.medium,c=e.large,m=e.as,o=l(e,u);return n.default.createElement(d,t({as:m||"div",item:!0,className:r,small:i,medium:s,large:c},o),a)};
 //# sourceMappingURL=grid.cjs.production.min.js.map

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 { PolymorphicComponentProps } 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  PolymorphicComponentProps<T, BaseGridOwnProps>;\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 { PolymorphicComponentProps } 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  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\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 { PolymorphicComponentProps } 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<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\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 { PolymorphicComponentProps } 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  PolymorphicComponentProps<T, BaseGridOwnProps>;\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 { PolymorphicComponentProps } 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  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\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 { PolymorphicComponentProps } 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<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\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","_ref","_ref2","_ref3","_ref4","_ref5","_ref6","item","container","children","className","spacing","rowSpacing","_ref$small","small","medium","large","as","rest","_objectWithoutPropertiesLoose","_excluded","Element","classList","classnames","React","createElement","_extends","warnAboutMissingStyles"],"mappings":"srBA0DaA,EAAW,SAYYC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAXlCC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,WAAUC,EAAAZ,EACVa,MAAAA,aAAQ,EAACD,EACTE,IAAAA,OACAC,IAAAA,MACAC,IAAAA,GACGC,EAAIC,EAAAlB,EAAAmB,GAEDC,EAA6BJ,GAlBd,OAmBfK,EAAYC,EAAAA,QAAW,CAC3B,WACAb,EACA,CAAE,iBAAkBH,GACpB,CAAE,sBAAuBC,IACDG,EAAAA,GAAAA,EAAAA,qBAAAA,GAAYA,GAAWH,EACnBI,IAAAA,EAAAA,GAAAA,EAAAA,yBAAAA,GAAeD,IAAYC,gCACjCE,GAAUA,GAASP,EAAIH,IAAAC,EAAA,GAAAA,EAAA,oBACtBU,GAAWA,GAAUR,EACtBS,IAAAA,EAAAA,GAAAA,EAAAA,mBAAAA,GAAUA,GAAST,OAE3C,OACEiB,UAAAC,cAACJ,EAAOK,EAAA,CAAChB,UAAWY,GAAeJ,GAChCT,oHClFPkB,EAAsBA,uBAAC,8BCuCM,SASY1B,GAAA,IANvCQ,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,WACAK,IAAAA,GACGC,EAAIC,EAAAlB,EAAAmB,GAGP,OACEI,UAACC,cAAAzB,EAAQ0B,EAAA,CACPlB,WACA,EAAAS,GAJ+BA,GAZd,MAiBjBP,UAAWA,EACXC,QAASA,EACTC,WAAYA,GACRM,GAEHT,qBCnCiB,SAQYR,GAAA,IAPlCQ,IAAAA,SACAC,IAAAA,UACAI,IAAAA,MACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,GACGC,EAAIC,EAAAlB,EAAAmB,GAGP,OACEI,UAAAC,cAACzB,EAAQ0B,EAAA,CACPT,GAH+BA,GAXd,MAejBV,MAAI,EACJG,UAAWA,EACXI,MAAOA,EACPC,OAAQA,EACRC,MAAOA,GACHE,GAEHT"}

package/dist/grid.esm.js

@@ -3,35 +3,29 @@ import React from 'react';
 import classnames from 'classnames';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
@@ -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 { PolymorphicComponentProps } 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  PolymorphicComponentProps<T, BaseGridOwnProps>;\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 { PolymorphicComponentProps } 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<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\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 { PolymorphicComponentProps } 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  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\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 { PolymorphicComponentProps } 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  PolymorphicComponentProps<T, BaseGridOwnProps>;\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 { PolymorphicComponentProps } 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<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\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 { PolymorphicComponentProps } 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  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\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","_excluded","Element","classList","classnames","React","createElement","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/grid",
-  "version": "0.3.20",
+  "version": "0.3.21",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/grid.esm.js",
@@ -23,13 +23,13 @@
     "lint": "dts lint src"
   },
   "dependencies": {
-    "@entur/tokens": "^3.4.5",
-    "@entur/utils": "^0.5.1",
+    "@entur/tokens": "^3.5.0",
+    "@entur/utils": "^0.5.2",
     "classnames": "^2.3.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "224040bb9f98c2c8975ce76f0786265c9e3459e2"
+  "gitHead": "30b38034aaafba9fb308fb3d8c8bfaab9608d720"
 }

package/CHANGELOG.md

@@ -1,152 +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.20](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.19...@entur/grid@0.3.20) (2023-02-02)
-
-**Note:** Version bump only for package @entur/grid
-
-
-
-
-
-## [0.3.18](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.17...@entur/grid@0.3.18) (2023-01-19)
-
-### Performance Improvements
-
-- **packages:** remove all referenves to react-polymorphic-types npm-package ([e47a304](https://bitbucket.org/enturas/design-system/commits/e47a304d87eb77adae5dd002e89f03026c7eadce))
-
-## [0.3.17](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.14...@entur/grid@0.3.17) (2022-12-09)
-
-**Note:** Version bump only for package @entur/grid
-
-## [0.3.16](https://bitbucket.org/enturas/design-system/compare/@entur/grid@0.3.15...@entur/grid@0.3.16) (2022-11-24)
-
-**Note:** Version bump only for package @entur/grid
-
-## [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))