@entur/grid 0.3.65 → 0.3.66-beta.0

package/dist/grid.cjs.js

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@entur/utils");
+const jsxRuntime = require("react/jsx-runtime");
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+var classnames$1 = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var hasRequiredClassnames;
+function requireClassnames() {
+  if (hasRequiredClassnames) return classnames$1.exports;
+  hasRequiredClassnames = 1;
+  (function(module2) {
+    (function() {
+      var hasOwn = {}.hasOwnProperty;
+      function classNames() {
+        var classes = "";
+        for (var i = 0; i < arguments.length; i++) {
+          var arg = arguments[i];
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      function parseValue(arg) {
+        if (typeof arg === "string" || typeof arg === "number") {
+          return arg;
+        }
+        if (typeof arg !== "object") {
+          return "";
+        }
+        if (Array.isArray(arg)) {
+          return classNames.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+          return arg.toString();
+        }
+        var classes = "";
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
+          }
+        }
+        return classes;
+      }
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + " " + newClass;
+        }
+        return value + newClass;
+      }
+      if (module2.exports) {
+        classNames.default = classNames;
+        module2.exports = classNames;
+      } else {
+        window.classNames = classNames;
+      }
+    })();
+  })(classnames$1);
+  return classnames$1.exports;
+}
+var classnamesExports = requireClassnames();
+const classnames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+const defaultElement$2 = "code";
+const BaseGrid = ({
+  item,
+  container,
+  children,
+  className,
+  spacing,
+  rowSpacing,
+  small = 1,
+  medium,
+  large,
+  as,
+  ...rest
+}) => {
+  const Element = as || defaultElement$2;
+  const classList = classnames([
+    "eds-grid",
+    className,
+    { "eds-grid__item": item },
+    { "eds-grid__container": container },
+    { [`eds-grid--spacing-${spacing}`]: spacing && container },
+    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },
+    { [`eds-grid--small-${small}`]: small && item },
+    { [`eds-grid--medium-${medium}`]: medium && item },
+    { [`eds-grid--large-${large}`]: large && item }
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Element, { className: classList, ...rest, children });
+};
+const defaultElement$1 = "div";
+const GridItem = ({
+  children,
+  className,
+  small,
+  medium,
+  large,
+  as,
+  ...rest
+}) => {
+  const Element = as || defaultElement$1;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseGrid,
+    {
+      as: Element,
+      item: true,
+      className,
+      small,
+      medium,
+      large,
+      ...rest,
+      children
+    }
+  );
+};
+const defaultElement = "div";
+const GridContainer = ({
+  children,
+  className,
+  spacing,
+  rowSpacing,
+  as,
+  ...rest
+}) => {
+  const Element = as || defaultElement;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseGrid,
+    {
+      container: true,
+      as: Element,
+      className,
+      spacing,
+      rowSpacing,
+      ...rest,
+      children
+    }
+  );
+};
+utils.warnAboutMissingStyles("grid");
+exports.GridContainer = GridContainer;
+exports.GridItem = GridItem;
+//# sourceMappingURL=grid.cjs.js.map

package/dist/grid.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.cjs.js","sources":["../../../node_modules/classnames/index.js","../src/BaseGrid.tsx","../src/GridItem.tsx","../src/GridContainer.tsx","../src/index.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","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":["module","defaultElement","jsx","warnAboutMissingStyles"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/grid.esm.js

@@ -1,94 +1,152 @@
-import { warnAboutMissingStyles } from '@entur/utils';
-import React from 'react';
-import classnames from 'classnames';
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
+import { warnAboutMissingStyles } from "@entur/utils";
+import { jsx } from "react/jsx-runtime";
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
+var classnames$1 = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var hasRequiredClassnames;
+function requireClassnames() {
+  if (hasRequiredClassnames) return classnames$1.exports;
+  hasRequiredClassnames = 1;
+  (function(module) {
+    (function() {
+      var hasOwn = {}.hasOwnProperty;
+      function classNames() {
+        var classes = "";
+        for (var i = 0; i < arguments.length; i++) {
+          var arg = arguments[i];
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      function parseValue(arg) {
+        if (typeof arg === "string" || typeof arg === "number") {
+          return arg;
+        }
+        if (typeof arg !== "object") {
+          return "";
+        }
+        if (Array.isArray(arg)) {
+          return classNames.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+          return arg.toString();
+        }
+        var classes = "";
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
+          }
+        }
+        return classes;
+      }
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + " " + newClass;
+        }
+        return value + newClass;
+      }
+      if (module.exports) {
+        classNames.default = classNames;
+        module.exports = classNames;
+      } else {
+        window.classNames = classNames;
+      }
+    })();
+  })(classnames$1);
+  return classnames$1.exports;
 }
-
-var _excluded$2 = ["item", "container", "children", "className", "spacing", "rowSpacing", "small", "medium", "large", "as"];
-var defaultElement$2 = 'code';
-var BaseGrid = function BaseGrid(_ref) {
-  var _ref2, _ref3, _ref4, _ref5, _ref6;
-  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);
-  var Element = as || defaultElement$2;
-  var classList = classnames(['eds-grid', className, {
-    'eds-grid__item': item
-  }, {
-    'eds-grid__container': container
-  }, (_ref2 = {}, _ref2["eds-grid--spacing-" + spacing] = spacing && container, _ref2), (_ref3 = {}, _ref3["eds-grid--spacing-row-" + rowSpacing] = spacing !== rowSpacing, _ref3), (_ref4 = {}, _ref4["eds-grid--small-" + small] = small && item, _ref4), (_ref5 = {}, _ref5["eds-grid--medium-" + medium] = medium && item, _ref5), (_ref6 = {}, _ref6["eds-grid--large-" + large] = large && item, _ref6)]);
-  return React.createElement(Element, _extends({
-    className: classList
-  }, rest), children);
+var classnamesExports = requireClassnames();
+const classnames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+const defaultElement$2 = "code";
+const BaseGrid = ({
+  item,
+  container,
+  children,
+  className,
+  spacing,
+  rowSpacing,
+  small = 1,
+  medium,
+  large,
+  as,
+  ...rest
+}) => {
+  const Element = as || defaultElement$2;
+  const classList = classnames([
+    "eds-grid",
+    className,
+    { "eds-grid__item": item },
+    { "eds-grid__container": container },
+    { [`eds-grid--spacing-${spacing}`]: spacing && container },
+    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },
+    { [`eds-grid--small-${small}`]: small && item },
+    { [`eds-grid--medium-${medium}`]: medium && item },
+    { [`eds-grid--large-${large}`]: large && item }
+  ]);
+  return /* @__PURE__ */ jsx(Element, { className: classList, ...rest, children });
+};
+const defaultElement$1 = "div";
+const GridItem = ({
+  children,
+  className,
+  small,
+  medium,
+  large,
+  as,
+  ...rest
+}) => {
+  const Element = as || defaultElement$1;
+  return /* @__PURE__ */ jsx(
+    BaseGrid,
+    {
+      as: Element,
+      item: true,
+      className,
+      small,
+      medium,
+      large,
+      ...rest,
+      children
+    }
+  );
 };
-
-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);
-  var Element = as || defaultElement$1;
-  return React.createElement(BaseGrid, _extends({
-    as: Element,
-    item: true,
-    className: className,
-    small: small,
-    medium: medium,
-    large: large
-  }, rest), children);
+const defaultElement = "div";
+const GridContainer = ({
+  children,
+  className,
+  spacing,
+  rowSpacing,
+  as,
+  ...rest
+}) => {
+  const Element = as || defaultElement;
+  return /* @__PURE__ */ jsx(
+    BaseGrid,
+    {
+      container: true,
+      as: Element,
+      className,
+      spacing,
+      rowSpacing,
+      ...rest,
+      children
+    }
+  );
 };
-
-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);
-  var Element = as || defaultElement;
-  return React.createElement(BaseGrid, _extends({
-    container: true,
-    as: Element,
-    className: className,
-    spacing: spacing,
-    rowSpacing: rowSpacing
-  }, rest), children);
+warnAboutMissingStyles("grid");
+export {
+  GridContainer,
+  GridItem
 };
-
-warnAboutMissingStyles('grid');
-
-export { GridContainer, GridItem };
 //# sourceMappingURL=grid.esm.js.map

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","_ref","_ref2","_ref3","_ref4","_ref5","_ref6","item","container","children","className","spacing","rowSpacing","_ref$small","small","medium","large","as","rest","_objectWithoutPropertiesLoose","_excluded","Element","classList","classnames","React","createElement","_extends","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"grid.esm.js","sources":["../../../node_modules/classnames/index.js","../src/BaseGrid.tsx","../src/GridItem.tsx","../src/GridContainer.tsx","../src/index.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","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"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.d.ts

@@ -1,3 +1,79 @@
-import './index.scss';
-export * from './GridItem';
-export * from './GridContainer';
+import { default as default_2 } from 'react';
+
+declare type AsProp<C extends default_2.ElementType> = {
+    /**
+     * An override of the default HTML tag.
+     * Can also be another React component.
+     */
+    as?: C;
+};
+
+declare const defaultElement = "div";
+
+declare const defaultElement_2 = "div";
+
+/**
+ * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
+ * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
+ * set of props.
+ */
+declare type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+
+export declare const GridContainer: <E extends default_2.ElementType = "div">({ children, className, spacing, rowSpacing, as, ...rest }: GridContainerProps<E>) => JSX.Element;
+
+export declare 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' | default_2.ElementType;
+    /** Innholdet til Grid-containeren */
+    children?: default_2.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+};
+
+export declare type GridContainerProps<T extends default_2.ElementType = typeof defaultElement_2> = PolymorphicComponentProps<T, GridContainerOwnProps>;
+
+export declare const GridItem: <E extends default_2.ElementType = "div">({ children, className, small, medium, large, as, ...rest }: GridItemProps<E>) => JSX.Element;
+
+export declare 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' | default_2.ElementType;
+    /** Innholdet til Grid containeren/item */
+    children?: default_2.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+};
+
+export declare type GridItemProps<T extends default_2.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, GridItemOwnProps>;
+
+/**
+ * Allows for inheriting the props from the specified element type so that
+ * props like children, className & style work, as well as element-specific
+ * attributes like aria roles. The component (`C`) must be passed in.
+ */
+declare type InheritableElementProps<C extends default_2.ElementType, Props = Record<string, unknown>> = ExtendableProps<PropsOf<C>, Props>;
+
+/**
+ * A more sophisticated version of `InheritableElementProps` where
+ * the passed in `as` prop will determine which props can be included
+ */
+declare type PolymorphicComponentProps<C extends default_2.ElementType, Props = Record<string, unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
+
+declare type PropsOf<C extends keyof JSX.IntrinsicElements | default_2.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, default_2.ComponentPropsWithoutRef<C>>;
+
+export { }

package/dist/styles.css

@@ -1,4 +1,6 @@
-/* DO NOT CHANGE!*/
+:root {
+  --eds-grid: 1;
+}/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-grid__container {
   box-sizing: border-box;
@@ -180,7 +182,4 @@
   .eds-grid--large-12 {
     grid-column: span 12;
   }
-}
-:root {
-  --eds-grid: 1;
-}
+}

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "@entur/grid",
-  "version": "0.3.65",
+  "version": "0.3.66-beta.0",
   "license": "EUPL-1.2",
-  "main": "dist/index.js",
+  "main": "dist/grid.cjs.js",
   "module": "dist/grid.esm.js",
-  "typings": "dist/index.d.ts",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/grid.esm.js",
+      "require": "./dist/grid.cjs.js"
+    },
+    "./dist/*": "./dist/*"
+  },
   "files": [
     "dist"
   ],
@@ -17,22 +25,32 @@
     "access": "public"
   },
   "scripts": {
-    "start": "dts watch --noClean",
-    "build": "dts build",
-    "test": "dts test",
-    "lint": "dts lint src"
+    "start": "vite build --watch",
+    "build": "vite build",
+    "test": "jest",
+    "lint": "eslint src"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/tokens": "^3.19.1",
-    "@entur/utils": "^0.12.3",
-    "classnames": "^2.3.1"
+    "@entur/tokens": "^3.19.2-beta.0",
+    "@entur/utils": "^0.12.4-beta.0",
+    "classnames": "^2.5.1"
   },
   "devDependencies": {
-    "dts-cli": "2.0.5"
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^10.4.9",
+    "@testing-library/user-event": "14.6.1",
+    "@vitejs/plugin-react": "^5.0.1",
+    "eslint": "^7.32.0",
+    "jest": "^29.0.0",
+    "jest-environment-jsdom": "^29.0.0",
+    "ts-jest": "^29.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.3",
+    "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "db5f805386b0e22e938d3d0fbc6d283088502658"
+  "gitHead": "414181fa2084722438238256a9aa32e304896b9d"
 }

package/dist/BaseGrid.d.ts

@@ -1,41 +0,0 @@
-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 = "code">({ item, container, children, className, spacing, rowSpacing, small, medium, large, as, ...rest }: BaseGridProps<E>) => JSX.Element;
-export {};

package/dist/GridContainer.d.ts

@@ -1,23 +0,0 @@
-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 = "div">({ children, className, spacing, rowSpacing, as, ...rest }: GridContainerProps<E>) => JSX.Element;
-export {};

package/dist/GridItem.d.ts

@@ -1,23 +0,0 @@
-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 = "div">({ children, className, small, medium, large, as, ...rest }: GridItemProps<E>) => JSX.Element;
-export {};

package/dist/grid.cjs.development.js

@@ -1,99 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('@entur/utils');
-var React = require('react');
-var classnames = require('classnames');
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
-var _excluded$2 = ["item", "container", "children", "className", "spacing", "rowSpacing", "small", "medium", "large", "as"];
-var defaultElement$2 = 'code';
-var BaseGrid = function BaseGrid(_ref) {
-  var _ref2, _ref3, _ref4, _ref5, _ref6;
-  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);
-  var Element = as || defaultElement$2;
-  var classList = classnames(['eds-grid', className, {
-    'eds-grid__item': item
-  }, {
-    'eds-grid__container': container
-  }, (_ref2 = {}, _ref2["eds-grid--spacing-" + spacing] = spacing && container, _ref2), (_ref3 = {}, _ref3["eds-grid--spacing-row-" + rowSpacing] = spacing !== rowSpacing, _ref3), (_ref4 = {}, _ref4["eds-grid--small-" + small] = small && item, _ref4), (_ref5 = {}, _ref5["eds-grid--medium-" + medium] = medium && item, _ref5), (_ref6 = {}, _ref6["eds-grid--large-" + large] = large && item, _ref6)]);
-  return React.createElement(Element, _extends({
-    className: classList
-  }, rest), children);
-};
-
-var _excluded$1 = ["children", "className", "small", "medium", "large", "as"];
-var defaultElement$1 = 'div';
-var GridItem = function GridItem(_ref) {
-  var children = _ref.children,
-    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,
-    item: true,
-    className: className,
-    small: small,
-    medium: medium,
-    large: large
-  }, rest), children);
-};
-
-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);
-  var Element = as || defaultElement;
-  return React.createElement(BaseGrid, _extends({
-    container: true,
-    as: Element,
-    className: className,
-    spacing: spacing,
-    rowSpacing: rowSpacing
-  }, rest), children);
-};
-
-utils.warnAboutMissingStyles('grid');
-
-exports.GridContainer = GridContainer;
-exports.GridItem = GridItem;
-//# sourceMappingURL=grid.cjs.development.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid.cjs.development.js","sources":["../src/BaseGrid.tsx","../src/GridItem.tsx","../src/GridContainer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseGridOwnProps>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n"],"names":["defaultElement","BaseGrid","_ref","_ref2","_ref3","_ref4","_ref5","_ref6","item","container","children","className","spacing","rowSpacing","_ref$small","small","medium","large","as","rest","_objectWithoutPropertiesLoose","_excluded","Element","classList","classnames","React","createElement","_extends","GridItem","GridContainer","warnAboutMissingStyles"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid.cjs.production.min.js","sources":["../src/BaseGrid.tsx","../src/index.tsx","../src/GridContainer.tsx","../src/GridItem.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\ntype BaseGridOwnProps = {\n  /** Om det er en GridContainer\n   * @default false\n   */\n  container?: boolean;\n  /** Om det er et GridItem\n   * @default false\n   */\n  item?: boolean;\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Vertikalt mellomrom for hver GridItem\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n};\nconst defaultElement = 'code';\n\nexport type BaseGridProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseGridOwnProps>;\n\nexport const BaseGrid = <E extends React.ElementType = typeof defaultElement>({\n  item,\n  container,\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  small = 1,\n  medium,\n  large,\n  as,\n  ...rest\n}: BaseGridProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classnames([\n    'eds-grid',\n    className,\n    { 'eds-grid__item': item },\n    { 'eds-grid__container': container },\n    { [`eds-grid--spacing-${spacing}`]: spacing && container },\n    { [`eds-grid--spacing-row-${rowSpacing}`]: spacing !== rowSpacing },\n    { [`eds-grid--small-${small}`]: small && item },\n    { [`eds-grid--medium-${medium}`]: medium && item },\n    { [`eds-grid--large-${large}`]: large && item },\n  ]);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('grid');\n\nexport * from './GridItem';\nexport * from './GridContainer';\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridContainerOwnProps = {\n  /** Mellomromet mellom hver GridItem, basert på spacing-tokens\n   * @default none\n   */\n  spacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** Mellomrom mellom hver rad\n   * @default Verdien til spacing\n   */\n  rowSpacing?:\n    | 'none'\n    | 'extraSmall2'\n    | 'extraSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'extraLarge';\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid-containeren */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridContainerProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, GridContainerOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridContainer = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  children,\n  className,\n  spacing,\n  rowSpacing,\n  as,\n  ...rest\n}: GridContainerProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      container\n      as={Element}\n      className={className}\n      spacing={spacing}\n      rowSpacing={rowSpacing}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n","import React from 'react';\nimport { BaseGrid } from './BaseGrid';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './Grid.scss';\n\nexport type GridItemOwnProps = {\n  /** Antall kolonner en Item bruker på små flater (og oppover)\n   * @default 1\n   */\n  small?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på medium flater (og oppover) */\n  medium?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Antall kolonner en Item bruker på store flater. */\n  large?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** HTML-elementet eller React-komponenten som lager Grid-elementet*/\n  as?: 'div' | React.ElementType;\n  /** Innholdet til Grid containeren/item */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type GridItemProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, GridItemOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const GridItem = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  small,\n  medium,\n  large,\n  as,\n  ...rest\n}: GridItemProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseGrid\n      as={Element}\n      item\n      className={className}\n      small={small}\n      medium={medium}\n      large={large}\n      {...rest}\n    >\n      {children}\n    </BaseGrid>\n  );\n};\n"],"names":["BaseGrid","_ref","_ref2","_ref3","_ref4","_ref5","_ref6","item","container","children","className","spacing","rowSpacing","_ref$small","small","medium","large","as","rest","_objectWithoutPropertiesLoose","_excluded","Element","classList","classnames","React","createElement","_extends","warnAboutMissingStyles"],"mappings":"qlBA0DaA,EAAW,SAAHC,GAYe,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAXlCC,EAAIN,EAAJM,KACAC,EAASP,EAATO,UACAC,EAAQR,EAARQ,SACAC,EAAST,EAATS,UACAC,EAAOV,EAAPU,QACAC,EAAUX,EAAVW,WAAUC,EAAAZ,EACVa,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EACTE,EAAMd,EAANc,OACAC,EAAKf,EAALe,MACAC,EAAEhB,EAAFgB,GACGC,EAAIC,EAAAlB,EAAAmB,GAEDC,EAA6BJ,GAlBd,OAmBfK,EAAYC,EAAW,CAC3B,WACAb,EACA,CAAE,iBAAkBH,GACpB,CAAE,sBAAuBC,IAAWN,EAAAA,GAAAA,EACZS,qBAAAA,GAAYA,GAAWH,EAASN,IAAAC,EAAAA,CAAAA,EAAAA,EAC5BS,yBAAAA,GAAeD,IAAYC,EAAUT,IAAAC,EAAAA,GAAAA,EAC3CU,mBAAAA,GAAUA,GAASP,EAAIH,IAAAC,EAAAA,GAAAA,EACtBU,oBAAAA,GAAWA,GAAUR,EAAIF,IAAAC,EAAAA,GAAAA,EAC1BU,mBAAAA,GAAUA,GAAST,EAAID,KAE/C,OACEkB,EAAAC,cAACJ,EAAOK,EAAA,CAAChB,UAAWY,GAAeJ,GAChCT,EAGP,kHCrFAkB,EAAsBA,uBAAC,8BCuCM,SAAH1B,GASe,IANvCQ,EAAQR,EAARQ,SACAC,EAAST,EAATS,UACAC,EAAOV,EAAPU,QACAC,EAAUX,EAAVW,WACAK,EAAEhB,EAAFgB,GACGC,EAAIC,EAAAlB,EAAAmB,GAGP,OACEI,EAACC,cAAAzB,EAAQ0B,EAAA,CACPlB,WACA,EAAAS,GAJ+BA,GAZd,MAiBjBP,UAAWA,EACXC,QAASA,EACTC,WAAYA,GACRM,GAEHT,EAGP,mBCtCwB,SAAHR,GAQe,IAPlCQ,EAAQR,EAARQ,SACAC,EAAST,EAATS,UACAI,EAAKb,EAALa,MACAC,EAAMd,EAANc,OACAC,EAAKf,EAALe,MACAC,EAAEhB,EAAFgB,GACGC,EAAIC,EAAAlB,EAAAmB,GAGP,OACEI,EAAAC,cAACzB,EAAQ0B,EAAA,CACPT,GAH+BA,GAXd,MAejBV,MAAI,EACJG,UAAWA,EACXI,MAAOA,EACPC,OAAQA,EACRC,MAAOA,GACHE,GAEHT,EAGP"}

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./grid.cjs.production.min.js')
-} else {
-  module.exports = require('./grid.cjs.development.js')
-}