@entur/grid 0.3.34 → 0.3.36

package/dist/BaseGrid.d.ts

@@ -1,41 +1,41 @@
-import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
-import './Grid.scss';
-type BaseGridOwnProps = {
-    /** Om det er en GridContainer
-     * @default false
-     */
-    container?: boolean;
-    /** Om det er et GridItem
-     * @default false
-     */
-    item?: boolean;
-    /** Mellomromet mellom hver GridItem, basert på spacing-tokens
-     * @default none
-     */
-    spacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
-    /** Vertikalt mellomrom for hver GridItem
-     * @default Verdien til spacing
-     */
-    rowSpacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
-    /** Antall kolonner en Item bruker på små flater (og oppover)
-     * @default 1
-     */
-    small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    /** Antall kolonner en Item bruker på medium flater (og oppover) */
-    medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    /** Antall kolonner en Item bruker på store flater. */
-    large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    /** HTML-elementet eller React-komponenten som lager Grid-elementet
-     * @default "div"
-     */
-    as?: string | React.ElementType;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Innholdet til Grid containeren/item */
-    children?: React.ReactNode;
-};
-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 {};
+import React from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+import './Grid.scss';
+type BaseGridOwnProps = {
+    /** Om det er en GridContainer
+     * @default false
+     */
+    container?: boolean;
+    /** Om det er et GridItem
+     * @default false
+     */
+    item?: boolean;
+    /** Mellomromet mellom hver GridItem, basert på spacing-tokens
+     * @default none
+     */
+    spacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+    /** Vertikalt mellomrom for hver GridItem
+     * @default Verdien til spacing
+     */
+    rowSpacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+    /** Antall kolonner en Item bruker på små flater (og oppover)
+     * @default 1
+     */
+    small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    /** Antall kolonner en Item bruker på medium flater (og oppover) */
+    medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    /** Antall kolonner en Item bruker på store flater. */
+    large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    /** HTML-elementet eller React-komponenten som lager Grid-elementet
+     * @default "div"
+     */
+    as?: string | React.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet til Grid containeren/item */
+    children?: React.ReactNode;
+};
+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 {};

package/dist/GridContainer.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
-import './Grid.scss';
-export type GridContainerOwnProps = {
-    /** Mellomromet mellom hver GridItem, basert på spacing-tokens
-     * @default none
-     */
-    spacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
-    /** Mellomrom mellom hver rad
-     * @default Verdien til spacing
-     */
-    rowSpacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
-    /** HTML-elementet eller React-komponenten som lager Grid-elementet*/
-    as?: 'div' | React.ElementType;
-    /** Innholdet til Grid-containeren */
-    children?: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-};
-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 {};
+import React from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+import './Grid.scss';
+export type GridContainerOwnProps = {
+    /** Mellomromet mellom hver GridItem, basert på spacing-tokens
+     * @default none
+     */
+    spacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+    /** Mellomrom mellom hver rad
+     * @default Verdien til spacing
+     */
+    rowSpacing?: 'none' | 'extraSmall2' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+    /** HTML-elementet eller React-komponenten som lager Grid-elementet*/
+    as?: 'div' | React.ElementType;
+    /** Innholdet til Grid-containeren */
+    children?: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+};
+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,23 +1,23 @@
-import React from 'react';
-import { PolymorphicComponentProps } from '@entur/utils';
-import './Grid.scss';
-export type GridItemOwnProps = {
-    /** Antall kolonner en Item bruker på små flater (og oppover)
-     * @default 1
-     */
-    small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    /** Antall kolonner en Item bruker på medium flater (og oppover) */
-    medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    /** Antall kolonner en Item bruker på store flater. */
-    large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    /** HTML-elementet eller React-komponenten som lager Grid-elementet*/
-    as?: 'div' | React.ElementType;
-    /** Innholdet til Grid containeren/item */
-    children?: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-};
-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 {};
+import React from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+import './Grid.scss';
+export type GridItemOwnProps = {
+    /** Antall kolonner en Item bruker på små flater (og oppover)
+     * @default 1
+     */
+    small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    /** Antall kolonner en Item bruker på medium flater (og oppover) */
+    medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    /** Antall kolonner en Item bruker på store flater. */
+    large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    /** HTML-elementet eller React-komponenten som lager Grid-elementet*/
+    as?: 'div' | React.ElementType;
+    /** Innholdet til Grid containeren/item */
+    children?: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+};
+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

@@ -6,11 +6,6 @@ var utils = require('@entur/utils');
 var React = require('react');
 var classnames = require('classnames');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -55,12 +50,12 @@ var BaseGrid = function BaseGrid(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var Element = as || defaultElement$2;
-  var classList = classnames__default["default"](['eds-grid', className, {
+  var classList = classnames(['eds-grid', className, {
     'eds-grid__item': item
   }, {
     'eds-grid__container': container
   }, (_ref2 = {}, _ref2["eds-grid--spacing-" + spacing] = spacing && container, _ref2), (_ref3 = {}, _ref3["eds-grid--spacing-row-" + rowSpacing] = spacing !== rowSpacing, _ref3), (_ref4 = {}, _ref4["eds-grid--small-" + small] = small && item, _ref4), (_ref5 = {}, _ref5["eds-grid--medium-" + medium] = medium && item, _ref5), (_ref6 = {}, _ref6["eds-grid--large-" + large] = large && item, _ref6)]);
-  return React__default["default"].createElement(Element, _extends({
+  return React.createElement(Element, _extends({
     className: classList
   }, rest), children);
 };
@@ -76,7 +71,7 @@ var GridItem = function GridItem(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var Element = as || defaultElement$1;
-  return React__default["default"].createElement(BaseGrid, _extends({
+  return React.createElement(BaseGrid, _extends({
     as: Element,
     item: true,
     className: className,
@@ -96,7 +91,7 @@ var GridContainer = function GridContainer(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var Element = as || defaultElement;
-  return React__default["default"].createElement(BaseGrid, _extends({
+  return React.createElement(BaseGrid, _extends({
     container: true,
     as: Element,
     className: className,

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

@@ -1 +1 @@
-{"version":3,"file":"grid.cjs.development.js","sources":["../src/BaseGrid.tsx","../src/GridItem.tsx","../src/GridContainer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { 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","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"),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)};
+"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)};
 //# 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":"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"}
+{"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"}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-import './index.scss';
-export * from './GridItem';
-export * from './GridContainer';
+import './index.scss';
+export * from './GridItem';
+export * from './GridContainer';

package/dist/styles.css

@@ -1,8 +1,3 @@
-:root {
-  --eds-grid: 1;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-grid__container {
@@ -186,3 +181,6 @@
     grid-column: span 12;
   }
 }
+:root {
+  --eds-grid: 1;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/grid",
-  "version": "0.3.34",
+  "version": "0.3.36",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/grid.esm.js",
@@ -24,12 +24,12 @@
   },
   "dependencies": {
     "@entur/tokens": "^3.10.0",
-    "@entur/utils": "^0.9.3",
+    "@entur/utils": "^0.9.5",
     "classnames": "^2.3.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "9bf0838160519db9fb072af36dc19731dfb5e2dd"
+  "gitHead": "9b8d4e5d2e6f7a74256371e30ebef43e046c9338"
 }