@entur/grid 0.3.8 → 0.3.11

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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

package/dist/BaseGrid.d.ts

@@ -37,7 +37,5 @@ declare type BaseGridOwnProps = {
 };
 declare const defaultElement = "code";
 export declare type BaseGridProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<BaseGridOwnProps, T>;
-export declare const BaseGrid: <E extends React.ElementType<any> = "code">({ item, container, children, className, spacing, rowSpacing, small, medium, large, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "small" | "medium" | "large" | "as" | "container" | "item" | "spacing" | "rowSpacing" | "className" | "children">> & BaseGridOwnProps & {
-    as?: E | undefined;
-}) => JSX.Element;
+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

@@ -19,7 +19,5 @@ export declare type GridContainerOwnProps = {
 };
 export declare type GridContainerProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<GridContainerOwnProps, E>;
 declare const defaultElement = "div";
-export declare const GridContainer: <E extends React.ElementType<any> = "div">({ children, className, spacing, rowSpacing, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "spacing" | "rowSpacing" | "children" | "className">> & GridContainerOwnProps & {
-    as?: E | undefined;
-}) => JSX.Element;
+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

@@ -19,7 +19,5 @@ export declare type GridItemOwnProps = {
 };
 export declare type GridItemProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<GridItemOwnProps, E>;
 declare const defaultElement = "div";
-export declare const GridItem: <E extends React.ElementType<any> = "div">({ children, className, small, medium, large, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "small" | "as" | "medium" | "large" | "children" | "className">> & GridItemOwnProps & {
-    as?: E | undefined;
-}) => JSX.Element;
+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

@@ -2,11 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var utils = require('@entur/utils');
-var React = _interopDefault(require('react'));
-var classnames = _interopDefault(require('classnames'));
+var React = require('react');
+var classnames = require('classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+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 {};
@@ -23,7 +44,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var defaultElement = 'code';
+var _excluded$2 = ["item", "container", "children", "className", "spacing", "rowSpacing", "small", "medium", "large", "as"];
+var defaultElement$2 = 'code';
 var BaseGrid = function BaseGrid(_ref) {
   var _ref2, _ref3, _ref4, _ref5, _ref6;
 
@@ -38,19 +60,20 @@ var BaseGrid = function BaseGrid(_ref) {
       medium = _ref.medium,
       large = _ref.large,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["item", "container", "children", "className", "spacing", "rowSpacing", "small", "medium", "large", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-  var Element = as || defaultElement;
-  var classList = classnames(['eds-grid', className, {
+  var Element = as || defaultElement$2;
+  var classList = classnames__default["default"](['eds-grid', className, {
     'eds-grid__item': item
   }, {
     'eds-grid__container': container
   }, (_ref2 = {}, _ref2["eds-grid--spacing-" + spacing] = spacing && container, _ref2), (_ref3 = {}, _ref3["eds-grid--spacing-row-" + rowSpacing] = spacing !== rowSpacing, _ref3), (_ref4 = {}, _ref4["eds-grid--small-" + small] = small && item, _ref4), (_ref5 = {}, _ref5["eds-grid--medium-" + medium] = medium && item, _ref5), (_ref6 = {}, _ref6["eds-grid--large-" + large] = large && item, _ref6)]);
-  return React.createElement(Element, Object.assign({
+  return React__default["default"].createElement(Element, _extends({
     className: classList
   }, rest), children);
 };
 
+var _excluded$1 = ["children", "className", "small", "medium", "large", "as"];
 var defaultElement$1 = 'div';
 var GridItem = function GridItem(_ref) {
   var children = _ref.children,
@@ -59,10 +82,10 @@ var GridItem = function GridItem(_ref) {
       medium = _ref.medium,
       large = _ref.large,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "small", "medium", "large", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   var Element = as || defaultElement$1;
-  return React.createElement(BaseGrid, Object.assign({
+  return React__default["default"].createElement(BaseGrid, _extends({
     as: Element,
     item: true,
     className: className,
@@ -72,17 +95,18 @@ var GridItem = function GridItem(_ref) {
   }, rest), children);
 };
 
-var defaultElement$2 = 'div';
+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, ["children", "className", "spacing", "rowSpacing", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var Element = as || defaultElement$2;
-  return React.createElement(BaseGrid, Object.assign({
+  var Element = as || defaultElement;
+  return React__default["default"].createElement(BaseGrid, _extends({
     container: true,
     as: Element,
     className: className,

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,cAAc,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,cAAzC;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;KAAeF,KAAnC,EACGR,QADH,CADF;AAKD,CA9BM;;ACjCP,IAAMJ,gBAAc,GAAG,KAAvB;AAEA,IAAaiB,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;AACJX,IAAAA,IAAI;AACJG,IAAAA,SAAS,EAAEA;AACXG,IAAAA,KAAK,EAAEA;AACPC,IAAAA,MAAM,EAAEA;AACRC,IAAAA,KAAK,EAAEA;KACHE,KAPN,EASGR,QATH,CADF;AAaD,CAvBM;;ACaP,IAAMJ,gBAAc,GAAG,KAAvB;AAEA,IAAakB,aAAa,GAAG,SAAhBA,aAAgB;MAG3Bd,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAI,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAzC;AACA,SACEgB,mBAAA,CAACf,QAAD;AACEE,IAAAA,SAAS;AACTQ,IAAAA,EAAE,EAAEE;AACJR,IAAAA,SAAS,EAAEA;AACXC,IAAAA,OAAO,EAAEA;AACTC,IAAAA,UAAU,EAAEA;KACRK,KANN,EAQGR,QARH,CADF;AAYD,CAvBM;;ACvCPe,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,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;;;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@entur/utils"),r=e(require("react")),s=e(require("classnames"));function i(e,a){if(null==e)return{};var r,s,i={},n=Object.keys(e);for(s=0;s<n.length;s++)a.indexOf(r=n[s])>=0||(i[r]=e[r]);return i}var n=function(e){var a,n,c,t,l,d=e.item,m=e.container,g=e.children,u=e.className,o=e.spacing,p=e.rowSpacing,f=e.small,v=void 0===f?1:f,N=e.medium,b=e.large,h=e.as,w=i(e,["item","container","children","className","spacing","rowSpacing","small","medium","large","as"]),j=h||"code",O=s(["eds-grid",u,{"eds-grid__item":d},{"eds-grid__container":m},(a={},a["eds-grid--spacing-"+o]=o&&m,a),(n={},n["eds-grid--spacing-row-"+p]=o!==p,n),(c={},c["eds-grid--small-"+v]=v&&d,c),(t={},t["eds-grid--medium-"+N]=N&&d,t),(l={},l["eds-grid--large-"+b]=b&&d,l)]);return r.createElement(j,Object.assign({className:O},w),g)};a.warnAboutMissingStyles("grid"),exports.GridContainer=function(e){var a=e.children,s=e.className,c=e.spacing,t=e.rowSpacing,l=e.as,d=i(e,["children","className","spacing","rowSpacing","as"]);return r.createElement(n,Object.assign({container:!0,as:l||"div",className:s,spacing:c,rowSpacing:t},d),a)},exports.GridItem=function(e){var a=e.children,s=e.className,c=e.small,t=e.medium,l=e.large,d=e.as,m=i(e,["children","className","small","medium","large","as"]);return r.createElement(n,Object.assign({as:d||"div",item:!0,className:s,small:c,medium:t,large:l},m),a)};
+"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)};
 //# 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 { 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":"6VAqDA,IAKaA,EAAW,0BACtBC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,eACAC,MAAAA,aAAQ,IACRC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,GACGC,wGAEGC,EAA6BF,GAlBd,OAmBfG,EAAYC,EAAW,CAC3B,WACAV,EACA,kBAAoBH,GACpB,uBAAyBC,gCACDG,GAAYA,GAAWH,sCACnBI,GAAeD,IAAYC,gCACjCC,GAAUA,GAASN,iCAClBO,GAAWA,GAAUP,gCACtBQ,GAAUA,GAASR,cAGzCc,gBAACH,iBAAQR,UAAWS,GAAeF,GAChCR,IClFPa,yBAAuB,8BCuCM,gBAG3Bb,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,WACAI,IAAAA,GACGC,mEAIDI,gBAACf,iBACCE,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,qEAIDI,gBAACf,iBACCU,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","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"}

package/dist/grid.esm.js

@@ -2,6 +2,24 @@ import { warnAboutMissingStyles } from '@entur/utils';
 import React from 'react';
 import classnames from 'classnames';
 
+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 = {};
@@ -17,7 +35,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var defaultElement = 'code';
+var _excluded$2 = ["item", "container", "children", "className", "spacing", "rowSpacing", "small", "medium", "large", "as"];
+var defaultElement$2 = 'code';
 var BaseGrid = function BaseGrid(_ref) {
   var _ref2, _ref3, _ref4, _ref5, _ref6;
 
@@ -32,19 +51,20 @@ var BaseGrid = function BaseGrid(_ref) {
       medium = _ref.medium,
       large = _ref.large,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["item", "container", "children", "className", "spacing", "rowSpacing", "small", "medium", "large", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-  var Element = as || defaultElement;
+  var Element = as || defaultElement$2;
   var classList = classnames(['eds-grid', className, {
     'eds-grid__item': item
   }, {
     'eds-grid__container': container
   }, (_ref2 = {}, _ref2["eds-grid--spacing-" + spacing] = spacing && container, _ref2), (_ref3 = {}, _ref3["eds-grid--spacing-row-" + rowSpacing] = spacing !== rowSpacing, _ref3), (_ref4 = {}, _ref4["eds-grid--small-" + small] = small && item, _ref4), (_ref5 = {}, _ref5["eds-grid--medium-" + medium] = medium && item, _ref5), (_ref6 = {}, _ref6["eds-grid--large-" + large] = large && item, _ref6)]);
-  return React.createElement(Element, Object.assign({
+  return React.createElement(Element, _extends({
     className: classList
   }, rest), children);
 };
 
+var _excluded$1 = ["children", "className", "small", "medium", "large", "as"];
 var defaultElement$1 = 'div';
 var GridItem = function GridItem(_ref) {
   var children = _ref.children,
@@ -53,10 +73,10 @@ var GridItem = function GridItem(_ref) {
       medium = _ref.medium,
       large = _ref.large,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "small", "medium", "large", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   var Element = as || defaultElement$1;
-  return React.createElement(BaseGrid, Object.assign({
+  return React.createElement(BaseGrid, _extends({
     as: Element,
     item: true,
     className: className,
@@ -66,17 +86,18 @@ var GridItem = function GridItem(_ref) {
   }, rest), children);
 };
 
-var defaultElement$2 = 'div';
+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, ["children", "className", "spacing", "rowSpacing", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var Element = as || defaultElement$2;
-  return React.createElement(BaseGrid, Object.assign({
+  var Element = as || defaultElement;
+  return React.createElement(BaseGrid, _extends({
     container: true,
     as: Element,
     className: className,

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,cAAc,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,cAAzC;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;KAAeF,KAAnC,EACGR,QADH,CADF;AAKD,CA9BM;;ACjCP,IAAMJ,gBAAc,GAAG,KAAvB;AAEA,IAAaiB,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;AACJX,IAAAA,IAAI;AACJG,IAAAA,SAAS,EAAEA;AACXG,IAAAA,KAAK,EAAEA;AACPC,IAAAA,MAAM,EAAEA;AACRC,IAAAA,KAAK,EAAEA;KACHE,KAPN,EASGR,QATH,CADF;AAaD,CAvBM;;ACaP,IAAMJ,gBAAc,GAAG,KAAvB;AAEA,IAAakB,aAAa,GAAG,SAAhBA,aAAgB;MAG3Bd,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAI,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAzC;AACA,SACEgB,mBAAA,CAACf,QAAD;AACEE,IAAAA,SAAS;AACTQ,IAAAA,EAAE,EAAEE;AACJR,IAAAA,SAAS,EAAEA;AACXC,IAAAA,OAAO,EAAEA;AACTC,IAAAA,UAAU,EAAEA;KACRK,KANN,EAQGR,QARH,CADF;AAYD,CAvBM;;ACvCPe,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,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;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/grid",
-  "version": "0.3.8",
+  "version": "0.3.11",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/grid.esm.js",
@@ -17,19 +17,19 @@
     "access": "public"
   },
   "scripts": {
-    "start": "tsdx watch --noClean",
-    "build": "tsdx build",
-    "test": "tsdx test --env=jsdom",
-    "lint": "tsdx lint"
+    "start": "dts watch --noClean",
+    "build": "dts build",
+    "test": "dts test --env=jsdom",
+    "lint": "dts lint"
   },
   "dependencies": {
-    "@entur/tokens": "^3.2.1",
-    "@entur/utils": "^0.4.2",
+    "@entur/tokens": "^3.3.2",
+    "@entur/utils": "^0.4.3",
     "classnames": "^2.3.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "d3611d9b3374c6aafc0b95b9ebac011f7b1a7785"
+  "gitHead": "7b557782d62c07bdce744f9b084d57177e2202e9"
 }