@entur/grid 0.3.19 → 0.3.21

package/LICENSE.md

@@ -208,74 +208,3 @@ The European Commission may update this Appendix to later versions of the above
 a new version of the EUPL, as long as they provide the rights granted in Article 2 of this Licence and protect the
 covered Source Code from exclusive appropriation.
 All other changes or additions to this Appendix require the production of a new EUPL version.
-
-# Standard Nucleo License
-
-- Last updated: July 2, 2018
-- [Github repo](https://github.com/NucleoApp/license-standard)
-
-By purchasing the Nucleo icons, you have the right to:
-
-- Use the Nucleo icons in unlimited personal and commercial projects, for yourself or a client, with no limitation to the number of impressions for your end product.
-- Use the Nucleo icons in applications, software, UI/UX design, print, and logo design.
-- Modify the Nucleo icons to create your icon variations.
-
-You don't have the right to:
-
-- Sublicense, resell, share, transfer, or otherwise redistribute the Nucleo icons (even for free or within a more complex downloadable file).
-- Use the Nucleo icons in a product that is directly competitive with Nucleo.
-
-## Limitations & Extended license
-
-- **For each project, you can use a maximum of 250 Nucleo icons** (intended per unique style: for example, if you're using the same icon in both the outline and glyph styles, or in 2 different sizes, you're using 2 icons). You can lift this limit by purchasing an Extended License.
-- If you're using Nucleo icons in templates, themes or plugins offered for sale, you can use a maximum of 100 Nucleo icons. You can lift this limit by purchasing an Extended License.
-- If you're using the Nucleo icons in open source projects, you can use a maximum of 100 Nucleo icons.
-- If you're interested in using the Nucleo icons in items offered for sale (or for free) where the Nucleo icons contribute to the core value of the product being sold/shared, you will need an Extended License (e.g., a CMS where users can browse the Nucleo icons and pick the ones to include in their design).
-
-[Learn more about the Extended License](https://nucleoapp.com/extended-license)
-
-## Freelance Projects & Contracted work
-
-If you're working on a project for a client, you can share with your client a maximum of 250 Nucleo icons per project. You can't share the Nucleo source files unless the client purchases a license.
-
-If the Nucleo icons contribute to the core value of the product being sold/shared, or if you (or your client) wish to include more than 250 icons in the project, the [Extended License](https://nucleoapp.com/extended-license) is required.
-
-## Templates, Themes, UI Kits & Plugins
-
-If you're using Nucleo icons in templates, themes or plugins offered for sale (e.g., UI kits, Wordpress Themes, HTML/CSS Templates), **you can include up to 100 icons in the downloadable source files**. This limitation applies to the icon fonts as well.
-
-The downloadable source file has to include the [Nucleo Copyright Notice](https://nucleoapp.com/copyright-notice).
-
-If the Nucleo icons contribute to the core value of the template, theme or plugin sold (e.g., a theme builder where users can browse Nucleo icons and pick the ones to include in their design), or if you wish to use more than 100 Nucleo icons, you will need an [Extended License](https://nucleoapp.com/extended-license).
-
-It's not possible to purchase an Extended License if the template, theme or plugin is distributed for free.
-
-If you're offering a free and pro version of your product, the free version cannot include more than 100 icons even if you purchased an Extended License to lift the limit. The Extended License applies only to the pro version of your product.
-
-## Open source projects
-
-If you're using the Nucleo icons in open source projects, **you can include up to 100 icons in the downloadable source files**. This limitation applies to the icon fonts as well.
-
-The downloadable source file has to include the [Nucleo Copyright Notice](https://nucleoapp.com/copyright-notice).
-
-It's not possible to purchase an Extended License for open source projects.
-
-## Sharing Nucleo icons with team members
-
-If you're the sole owner of a Nucleo license, you can share with your team members only the icons used in your work, with a maximum of 250 icons (e.g., if you're a designer, you can share with the developers of your team only the Nucleo icons used in your design files).
-
-Your team members cannot reuse the Nucleo icons in other projects unless they purchase a license.
-
-If more than one team member needs access to the Nucleo icons, you can consider purchasing a [team license](https://nucleoapp.com/pricing).
-
-## Design systems
-
-If you wish to include the Nucleo icons in a design system available on a public server, you can use a maximum of 250 Nucleo icons, even if your team purchased a Nucleo team license.
-
-If the design system is accessible only by the members of your organization (e.g., is hosted on a password protected server), but you're the sole owner of a Nucleo license, you can share with your colleagues a maximum of 250 Nucleo icons.
-
-If the design system is on a public server, you can lift the 250 icons limit by buying an [Extended License](https://nucleoapp.com/extended-license). However, please keep in mind you can't provide a link/button to download all the icons.
-
-If your team purchased a Nucleo team license that covers all the users with access to the design system, and the design system is not public (e.g., is hosted on a password protected server), then there's no limitation to the number of icons that can be included.
-
-If you're still unclear about what is or isn't allowed under this license, please contact us at info@nucleoapp.com.

package/dist/BaseGrid.d.ts

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

package/dist/GridContainer.d.ts

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

package/dist/GridItem.d.ts

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

package/dist/grid.cjs.development.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"grid.cjs.development.js","sources":["../src/BaseGrid.tsx","../src/GridItem.tsx","../src/GridContainer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseGridOwnProps>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n"],"names":["defaultElement","BaseGrid","item","container","children","className","spacing","rowSpacing","small","medium","large","as","rest","Element","classList","classnames","React","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAMA,gBAAc,GAAG,MAAvB;AAKO,IAAMC,QAAQ,GAAG,SAAXA,QAAW;;;MACtBC,YAAAA;MACAC,iBAAAA;MACAC,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;wBACAC;MAAAA,gCAAQ;MACRC,cAAAA;MACAC,aAAAA;MACAC,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAzC;AACA,MAAMc,SAAS,GAAGC,8BAAU,CAAC,CAC3B,UAD2B,EAE3BV,SAF2B,EAG3B;AAAE,sBAAkBH;AAApB,GAH2B,EAI3B;AAAE,2BAAuBC;AAAzB,GAJ2B,4CAKHG,OALG,IAKSA,OAAO,IAAIH,SALpB,wDAMCI,UAND,IAMgBD,OAAO,KAAKC,UAN5B,kDAOLC,KAPK,IAOKA,KAAK,IAAIN,IAPd,mDAQJO,MARI,IAQOA,MAAM,IAAIP,IARjB,kDASLQ,KATK,IASKA,KAAK,IAAIR,IATd,SAAD,CAA5B;AAWA,SACEc,uCAAA,CAACH,OAAD;AAASR,IAAAA,SAAS,EAAES;AAApB,KAAmCF,IAAnC,GACGR,QADH,CADF;AAKD,CA9BM;;;ACjCP,IAAMJ,gBAAc,GAAG,KAAvB;IAEaiB,QAAQ,GAAG,SAAXA,QAAW;MACtBb,gBAAAA;MACAC,iBAAAA;MACAG,aAAAA;MACAC,cAAAA;MACAC,aAAAA;MACAC,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAzC;AACA,SACEgB,uCAAA,CAACf,QAAD;AACEU,IAAAA,EAAE,EAAEE,OADN;AAEEX,IAAAA,IAAI,MAFN;AAGEG,IAAAA,SAAS,EAAEA,SAHb;AAIEG,IAAAA,KAAK,EAAEA,KAJT;AAKEC,IAAAA,MAAM,EAAEA,MALV;AAMEC,IAAAA,KAAK,EAAEA;AANT,KAOME,IAPN,GASGR,QATH,CADF;AAaD;;;ACVD,IAAMJ,cAAc,GAAG,KAAvB;IAEakB,aAAa,GAAG,SAAhBA,aAAgB;MAG3Bd,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAI,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,cAAzC;AACA,SACEgB,uCAAA,CAACf,QAAD;AACEE,IAAAA,SAAS,MADX;AAEEQ,IAAAA,EAAE,EAAEE,OAFN;AAGER,IAAAA,SAAS,EAAEA,SAHb;AAIEC,IAAAA,OAAO,EAAEA,OAJX;AAKEC,IAAAA,UAAU,EAAEA;AALd,KAMMK,IANN,GAQGR,QARH,CADF;AAYD;;AC9DDe,4BAAsB,CAAC,MAAD,CAAtB;;;;;"}
+{"version":3,"file":"grid.cjs.development.js","sources":["../src/BaseGrid.tsx","../src/GridItem.tsx","../src/GridContainer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseGridOwnProps>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n"],"names":["defaultElement","BaseGrid","item","container","children","className","spacing","rowSpacing","small","medium","large","as","rest","_excluded","Element","classList","classnames","React","createElement","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"grid.cjs.production.min.js","sources":["../src/BaseGrid.tsx","../src/index.tsx","../src/GridContainer.tsx","../src/GridItem.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseGridOwnProps>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n"],"names":["BaseGrid","item","container","children","className","spacing","rowSpacing","small","medium","large","as","rest","Element","classList","classnames","React","warnAboutMissingStyles"],"mappings":"kqBA0DaA,EAAW,0BACtBC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,eACAC,MAAAA,aAAQ,IACRC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,GACGC,SAEGC,EAA6BF,GAlBd,OAmBfG,EAAYC,UAAW,CAC3B,WACAV,EACA,kBAAoBH,GACpB,uBAAyBC,gCACDG,GAAYA,GAAWH,sCACnBI,GAAeD,IAAYC,gCACjCC,GAAUA,GAASN,iCAClBO,GAAWA,GAAUP,gCACtBQ,GAAUA,GAASR,cAGzCc,wBAACH,KAAQR,UAAWS,GAAeF,GAChCR,oHClFPa,yBAAuB,8BCuCM,gBAG3Bb,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,WACAI,IAAAA,GACGC,gBAIDI,wBAACf,KACCE,aACAQ,GAJ+BA,GAZd,MAiBjBN,UAAWA,EACXC,QAASA,EACTC,WAAYA,GACRK,GAEHR,qBCnCiB,gBACtBA,IAAAA,SACAC,IAAAA,UACAG,IAAAA,MACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,GACGC,gBAIDI,wBAACf,KACCU,GAH+BA,GAXd,MAejBT,QACAG,UAAWA,EACXG,MAAOA,EACPC,OAAQA,EACRC,MAAOA,GACHE,GAEHR"}
+{"version":3,"file":"grid.cjs.production.min.js","sources":["../src/BaseGrid.tsx","../src/index.tsx","../src/GridContainer.tsx","../src/GridItem.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseGridOwnProps>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n"],"names":["BaseGrid","_ref","_ref2","_ref3","_ref4","_ref5","_ref6","item","container","children","className","spacing","rowSpacing","_ref$small","small","medium","large","as","rest","_objectWithoutPropertiesLoose","_excluded","Element","classList","classnames","React","createElement","_extends","warnAboutMissingStyles"],"mappings":"srBA0DaA,EAAW,SAYYC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAXlCC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,WAAUC,EAAAZ,EACVa,MAAAA,aAAQ,EAACD,EACTE,IAAAA,OACAC,IAAAA,MACAC,IAAAA,GACGC,EAAIC,EAAAlB,EAAAmB,GAEDC,EAA6BJ,GAlBd,OAmBfK,EAAYC,EAAAA,QAAW,CAC3B,WACAb,EACA,CAAE,iBAAkBH,GACpB,CAAE,sBAAuBC,IACDG,EAAAA,GAAAA,EAAAA,qBAAAA,GAAYA,GAAWH,EACnBI,IAAAA,EAAAA,GAAAA,EAAAA,yBAAAA,GAAeD,IAAYC,gCACjCE,GAAUA,GAASP,EAAIH,IAAAC,EAAA,GAAAA,EAAA,oBACtBU,GAAWA,GAAUR,EACtBS,IAAAA,EAAAA,GAAAA,EAAAA,mBAAAA,GAAUA,GAAST,OAE3C,OACEiB,UAAAC,cAACJ,EAAOK,EAAA,CAAChB,UAAWY,GAAeJ,GAChCT,oHClFPkB,EAAsBA,uBAAC,8BCuCM,SASY1B,GAAA,IANvCQ,IAAAA,SACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,WACAK,IAAAA,GACGC,EAAIC,EAAAlB,EAAAmB,GAGP,OACEI,UAACC,cAAAzB,EAAQ0B,EAAA,CACPlB,WACA,EAAAS,GAJ+BA,GAZd,MAiBjBP,UAAWA,EACXC,QAASA,EACTC,WAAYA,GACRM,GAEHT,qBCnCiB,SAQYR,GAAA,IAPlCQ,IAAAA,SACAC,IAAAA,UACAI,IAAAA,MACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,GACGC,EAAIC,EAAAlB,EAAAmB,GAGP,OACEI,UAAAC,cAACzB,EAAQ0B,EAAA,CACPT,GAH+BA,GAXd,MAejBV,MAAI,EACJG,UAAWA,EACXI,MAAOA,EACPC,OAAQA,EACRC,MAAOA,GACHE,GAEHT"}

package/dist/grid.esm.js

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

package/dist/grid.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.esm.js","sources":["../src/BaseGrid.tsx","../src/GridItem.tsx","../src/GridContainer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseGridOwnProps>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n"],"names":["defaultElement","BaseGrid","item","container","children","className","spacing","rowSpacing","small","medium","large","as","rest","Element","classList","classnames","React","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAMA,gBAAc,GAAG,MAAvB;AAKO,IAAMC,QAAQ,GAAG,SAAXA,QAAW;;;MACtBC,YAAAA;MACAC,iBAAAA;MACAC,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;wBACAC;MAAAA,gCAAQ;MACRC,cAAAA;MACAC,aAAAA;MACAC,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAzC;AACA,MAAMc,SAAS,GAAGC,UAAU,CAAC,CAC3B,UAD2B,EAE3BV,SAF2B,EAG3B;AAAE,sBAAkBH;AAApB,GAH2B,EAI3B;AAAE,2BAAuBC;AAAzB,GAJ2B,4CAKHG,OALG,IAKSA,OAAO,IAAIH,SALpB,wDAMCI,UAND,IAMgBD,OAAO,KAAKC,UAN5B,kDAOLC,KAPK,IAOKA,KAAK,IAAIN,IAPd,mDAQJO,MARI,IAQOA,MAAM,IAAIP,IARjB,kDASLQ,KATK,IASKA,KAAK,IAAIR,IATd,SAAD,CAA5B;AAWA,SACEc,mBAAA,CAACH,OAAD;AAASR,IAAAA,SAAS,EAAES;AAApB,KAAmCF,IAAnC,GACGR,QADH,CADF;AAKD,CA9BM;;;ACjCP,IAAMJ,gBAAc,GAAG,KAAvB;IAEaiB,QAAQ,GAAG,SAAXA,QAAW;MACtBb,gBAAAA;MACAC,iBAAAA;MACAG,aAAAA;MACAC,cAAAA;MACAC,aAAAA;MACAC,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,gBAAzC;AACA,SACEgB,mBAAA,CAACf,QAAD;AACEU,IAAAA,EAAE,EAAEE,OADN;AAEEX,IAAAA,IAAI,MAFN;AAGEG,IAAAA,SAAS,EAAEA,SAHb;AAIEG,IAAAA,KAAK,EAAEA,KAJT;AAKEC,IAAAA,MAAM,EAAEA,MALV;AAMEC,IAAAA,KAAK,EAAEA;AANT,KAOME,IAPN,GASGR,QATH,CADF;AAaD;;;ACVD,IAAMJ,cAAc,GAAG,KAAvB;IAEakB,aAAa,GAAG,SAAhBA,aAAgB;MAG3Bd,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAI,UAAAA;MACGC;;AAEH,MAAMC,OAAO,GAAsBF,EAAE,IAAIX,cAAzC;AACA,SACEgB,mBAAA,CAACf,QAAD;AACEE,IAAAA,SAAS,MADX;AAEEQ,IAAAA,EAAE,EAAEE,OAFN;AAGER,IAAAA,SAAS,EAAEA,SAHb;AAIEC,IAAAA,OAAO,EAAEA,OAJX;AAKEC,IAAAA,UAAU,EAAEA;AALd,KAMMK,IANN,GAQGR,QARH,CADF;AAYD;;AC9DDe,sBAAsB,CAAC,MAAD,CAAtB;;;;"}
+{"version":3,"file":"grid.esm.js","sources":["../src/BaseGrid.tsx","../src/GridItem.tsx","../src/GridContainer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseGridOwnProps>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n"],"names":["defaultElement","BaseGrid","item","container","children","className","spacing","rowSpacing","small","medium","large","as","rest","_excluded","Element","classList","classnames","React","createElement","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/grid",
-  "version": "0.3.19",
+  "version": "0.3.21",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/grid.esm.js",
@@ -20,16 +20,16 @@
     "start": "dts watch --noClean",
     "build": "dts build",
     "test": "dts test",
-    "lint": "dts lint"
+    "lint": "dts lint src"
   },
   "dependencies": {
-    "@entur/tokens": "^3.4.4",
-    "@entur/utils": "^0.5.0",
+    "@entur/tokens": "^3.5.0",
+    "@entur/utils": "^0.5.2",
     "classnames": "^2.3.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "36772ae4f2d8375622acff19736c07d15435cb95"
+  "gitHead": "30b38034aaafba9fb308fb3d8c8bfaab9608d720"
 }

package/CHANGELOG.md

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