@entur/grid 0.3.58 → 0.3.60-RC.0

package/dist/BaseGrid.d.ts

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

package/dist/GridContainer.d.ts

@@ -19,5 +19,5 @@ export type 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 declare const GridContainer: <E extends React.ElementType = "div">({ children, className, spacing, rowSpacing, as, ...rest }: GridContainerProps<E>) => JSX.Element;
 export {};

package/dist/GridItem.d.ts

@@ -19,5 +19,5 @@ export type 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 declare const GridItem: <E extends React.ElementType = "div">({ children, className, small, medium, large, as, ...rest }: GridItemProps<E>) => JSX.Element;
 export {};

package/dist/grid.cjs.development.js

@@ -7,30 +7,22 @@ var React = require('react');
 var classnames = require('classnames');
 
 function _extends() {
-  _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 _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, 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];
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
   }
-  return target;
+  return t;
 }
 
 var _excluded$2 = ["item", "container", "children", "className", "spacing", "rowSpacing", "small", "medium", "large", "as"];

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","_excluded","Element","classList","classnames","React","createElement","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":"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"}
+{"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","_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","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(){return i=Object.assign?Object.assign.bind():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},i.apply(this,arguments)}function s(e,r){if(null==e)return{};var a,i,s={},n=Object.keys(e);for(i=0;i<n.length;i++)r.indexOf(a=n[i])>=0||(s[a]=e[a]);return s}var n=["item","container","children","className","spacing","rowSpacing","small","medium","large","as"],t=function(e){var t,c,l,d,m,g=e.item,o=e.container,u=e.children,p=e.className,v=e.spacing,f=e.rowSpacing,h=e.small,N=void 0===h?1:h,w=e.medium,b=e.large,O=e.as,y=s(e,n),S=O||"code",_=a(["eds-grid",p,{"eds-grid__item":g},{"eds-grid__container":o},(t={},t["eds-grid--spacing-"+v]=v&&o,t),(c={},c["eds-grid--spacing-row-"+f]=v!==f,c),(l={},l["eds-grid--small-"+N]=N&&g,l),(d={},d["eds-grid--medium-"+w]=w&&g,d),(m={},m["eds-grid--large-"+b]=b&&g,m)]);return r.createElement(S,i({className:_},y),u)},c=["children","className","small","medium","large","as"],l=["children","className","spacing","rowSpacing","as"];e.warnAboutMissingStyles("grid"),exports.GridContainer=function(e){var a=e.children,n=e.className,c=e.spacing,d=e.rowSpacing,m=e.as,g=s(e,l);return r.createElement(t,i({container:!0,as:m||"div",className:n,spacing:c,rowSpacing:d},g),a)},exports.GridItem=function(e){var a=e.children,n=e.className,l=e.small,d=e.medium,m=e.large,g=e.as,o=s(e,c);return r.createElement(t,i({as:g||"div",item:!0,className:n,small:l,medium:d,large:m},o),a)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),r=require("react"),a=require("classnames");function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var i in a)({}).hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},i.apply(null,arguments)}function n(e,r){if(null==e)return{};var a={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(r.includes(i))continue;a[i]=e[i]}return a}var s=["item","container","children","className","spacing","rowSpacing","small","medium","large","as"],l=function(e){var l,c,t,d,m,u=e.item,g=e.container,o=e.children,p=e.className,v=e.spacing,f=e.rowSpacing,h=e.small,w=void 0===h?1:h,N=e.medium,S=e.large,_=e.as,b=n(e,s),y=_||"code",O=a(["eds-grid",p,{"eds-grid__item":u},{"eds-grid__container":g},(l={},l["eds-grid--spacing-"+v]=v&&g,l),(c={},c["eds-grid--spacing-row-"+f]=v!==f,c),(t={},t["eds-grid--small-"+w]=w&&u,t),(d={},d["eds-grid--medium-"+N]=N&&u,d),(m={},m["eds-grid--large-"+S]=S&&u,m)]);return r.createElement(y,i({className:O},b),o)},c=["children","className","small","medium","large","as"],t=["children","className","spacing","rowSpacing","as"];e.warnAboutMissingStyles("grid"),exports.GridContainer=function(e){var a=e.children,s=e.className,c=e.spacing,d=e.rowSpacing,m=e.as,u=n(e,t);return r.createElement(l,i({container:!0,as:m||"div",className:s,spacing:c,rowSpacing:d},u),a)},exports.GridItem=function(e){var a=e.children,s=e.className,t=e.small,d=e.medium,m=e.large,u=e.as,g=n(e,c);return r.createElement(l,i({as:u||"div",item:!0,className:s,small:t,medium:d,large:m},g),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","_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":"4lBA0DaA,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,EAAW,CAC3B,WACAb,EACA,CAAE,iBAAkBH,GACpB,CAAE,sBAAuBC,IACDG,EAAAA,GAAAA,EAAAA,qBAAAA,GAAYA,GAAWH,EACnBI,IAAAA,EAAAA,CAAAA,EAAAA,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,EAAAC,cAACJ,EAAOK,EAAA,CAAChB,UAAWY,GAAeJ,GAChCT,EAGP,kHCrFAkB,EAAsBA,uBAAC,8BCuCM,SASY1B,GAAA,IANvCQ,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,WACAK,IAAAA,GACGC,EAAIC,EAAAlB,EAAAmB,GAGP,OACEI,EAACC,cAAAzB,EAAQ0B,EAAA,CACPlB,WACA,EAAAS,GAJ+BA,GAZd,MAiBjBP,UAAWA,EACXC,QAASA,EACTC,WAAYA,GACRM,GAEHT,EAGP,mBCtCwB,SAQYR,GAAA,IAPlCQ,IAAAA,SACAC,IAAAA,UACAI,IAAAA,MACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,GACGC,EAAIC,EAAAlB,EAAAmB,GAGP,OACEI,EAAAC,cAACzB,EAAQ0B,EAAA,CACPT,GAH+BA,GAXd,MAejBV,MAAI,EACJG,UAAWA,EACXI,MAAOA,EACPC,OAAQA,EACRC,MAAOA,GACHE,GAEHT,EAGP"}
+{"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":"qlBA0DaA,EAAW,SAAHC,GAYe,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAXlCC,EAAIN,EAAJM,KACAC,EAASP,EAATO,UACAC,EAAQR,EAARQ,SACAC,EAAST,EAATS,UACAC,EAAOV,EAAPU,QACAC,EAAUX,EAAVW,WAAUC,EAAAZ,EACVa,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EACTE,EAAMd,EAANc,OACAC,EAAKf,EAALe,MACAC,EAAEhB,EAAFgB,GACGC,EAAIC,EAAAlB,EAAAmB,GAEDC,EAA6BJ,GAlBd,OAmBfK,EAAYC,EAAW,CAC3B,WACAb,EACA,CAAE,iBAAkBH,GACpB,CAAE,sBAAuBC,IAAWN,EAAAA,GAAAA,EACZS,qBAAAA,GAAYA,GAAWH,EAASN,IAAAC,EAAAA,CAAAA,EAAAA,EAC5BS,yBAAAA,GAAeD,IAAYC,EAAUT,IAAAC,EAAAA,GAAAA,EAC3CU,mBAAAA,GAAUA,GAASP,EAAIH,IAAAC,EAAAA,GAAAA,EACtBU,oBAAAA,GAAWA,GAAUR,EAAIF,IAAAC,EAAAA,GAAAA,EAC1BU,mBAAAA,GAAUA,GAAST,EAAID,KAE/C,OACEkB,EAAAC,cAACJ,EAAOK,EAAA,CAAChB,UAAWY,GAAeJ,GAChCT,EAGP,kHCrFAkB,EAAsBA,uBAAC,8BCuCM,SAAH1B,GASe,IANvCQ,EAAQR,EAARQ,SACAC,EAAST,EAATS,UACAC,EAAOV,EAAPU,QACAC,EAAUX,EAAVW,WACAK,EAAEhB,EAAFgB,GACGC,EAAIC,EAAAlB,EAAAmB,GAGP,OACEI,EAACC,cAAAzB,EAAQ0B,EAAA,CACPlB,WACA,EAAAS,GAJ+BA,GAZd,MAiBjBP,UAAWA,EACXC,QAASA,EACTC,WAAYA,GACRM,GAEHT,EAGP,mBCtCwB,SAAHR,GAQe,IAPlCQ,EAAQR,EAARQ,SACAC,EAAST,EAATS,UACAI,EAAKb,EAALa,MACAC,EAAMd,EAANc,OACAC,EAAKf,EAALe,MACAC,EAAEhB,EAAFgB,GACGC,EAAIC,EAAAlB,EAAAmB,GAGP,OACEI,EAAAC,cAACzB,EAAQ0B,EAAA,CACPT,GAH+BA,GAXd,MAejBV,MAAI,EACJG,UAAWA,EACXI,MAAOA,EACPC,OAAQA,EACRC,MAAOA,GACHE,GAEHT,EAGP"}

package/dist/grid.esm.js

@@ -3,30 +3,22 @@ import React from 'react';
 import classnames from 'classnames';
 
 function _extends() {
-  _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 _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, 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];
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
   }
-  return target;
+  return t;
 }
 
 var _excluded$2 = ["item", "container", "children", "className", "spacing", "rowSpacing", "small", "medium", "large", "as"];

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","_excluded","Element","classList","classnames","React","createElement","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":"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"}
+{"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","_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","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/grid",
-  "version": "0.3.58",
+  "version": "0.3.60-RC.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/grid.esm.js",
@@ -10,7 +10,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://bitbucket.org/enturas/design-system.git",
+    "url": "https://github.com/entur/design-system.git",
     "directory": "packages/grid"
   },
   "publishConfig": {
@@ -22,14 +22,17 @@
     "test": "dts test",
     "lint": "dts lint src"
   },
-  "dependencies": {
-    "@entur/tokens": "^3.17.2",
-    "@entur/utils": "^0.12.0",
-    "classnames": "^2.3.1"
-  },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "36055df834c5a9dd170f1846c1e0469481575e1a"
+  "dependencies": {
+    "@entur/tokens": "^3.17.4-RC.0",
+    "@entur/utils": "^0.12.2-RC.0",
+    "classnames": "^2.3.1"
+  },
+  "devDependencies": {
+    "dts-cli": "2.0.5"
+  },
+  "gitHead": "d7913682a41ade219cbd4dfc6e45060152c7fa0a"
 }