@equinor/eds-core-react 0.15.0-dev.20211116v2 → 0.16.1-dev.12072021

package/dist/esm/node_modules/.pnpm/ramda@0.27.1/node_modules/ramda/src/internal/_isPlaceholder.js

@@ -0,0 +1,7 @@
+function _isPlaceholder(a) {
+  return a != null && typeof a === 'object' && a['@@functional/placeholder'] === true;
+}
+
+var _isPlaceholder_1 = _isPlaceholder;
+
+export default _isPlaceholder_1;

package/dist/esm/node_modules/.pnpm/ramda@0.27.1/node_modules/ramda/src/mergeDeepRight.js

@@ -0,0 +1,36 @@
+import _curry2_1 from './internal/_curry2.js';
+import mergeDeepWithKey_1 from './mergeDeepWithKey.js';
+
+var _curry2 = _curry2_1;
+var mergeDeepWithKey = mergeDeepWithKey_1;
+/**
+ * Creates a new object with the own properties of the first object merged with
+ * the own properties of the second object. If a key exists in both objects:
+ * - and both values are objects, the two values will be recursively merged
+ * - otherwise the value from the second object will be used.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.24.0
+ * @category Object
+ * @sig {a} -> {a} -> {a}
+ * @param {Object} lObj
+ * @param {Object} rObj
+ * @return {Object}
+ * @see R.merge, R.mergeDeepLeft, R.mergeDeepWith, R.mergeDeepWithKey
+ * @example
+ *
+ *      R.mergeDeepRight({ name: 'fred', age: 10, contact: { email: 'moo@example.com' }},
+ *                       { age: 40, contact: { email: 'baa@example.com' }});
+ *      //=> { name: 'fred', age: 40, contact: { email: 'baa@example.com' }}
+ */
+
+var mergeDeepRight = /*#__PURE__*/_curry2(function mergeDeepRight(lObj, rObj) {
+  return mergeDeepWithKey(function (k, lVal, rVal) {
+    return rVal;
+  }, lObj, rObj);
+});
+
+var mergeDeepRight_1 = mergeDeepRight;
+
+export default mergeDeepRight_1;

package/dist/esm/node_modules/.pnpm/ramda@0.27.1/node_modules/ramda/src/mergeDeepWithKey.js

@@ -0,0 +1,49 @@
+import _curry3_1 from './internal/_curry3.js';
+import _isObject_1 from './internal/_isObject.js';
+import mergeWithKey_1 from './mergeWithKey.js';
+
+var _curry3 = _curry3_1;
+var _isObject = _isObject_1;
+var mergeWithKey = mergeWithKey_1;
+/**
+ * Creates a new object with the own properties of the two provided objects.
+ * If a key exists in both objects:
+ * - and both associated values are also objects then the values will be
+ *   recursively merged.
+ * - otherwise the provided function is applied to the key and associated values
+ *   using the resulting value as the new value associated with the key.
+ * If a key only exists in one object, the value will be associated with the key
+ * of the resulting object.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.24.0
+ * @category Object
+ * @sig ((String, a, a) -> a) -> {a} -> {a} -> {a}
+ * @param {Function} fn
+ * @param {Object} lObj
+ * @param {Object} rObj
+ * @return {Object}
+ * @see R.mergeWithKey, R.mergeDeepWith
+ * @example
+ *
+ *      let concatValues = (k, l, r) => k == 'values' ? R.concat(l, r) : r
+ *      R.mergeDeepWithKey(concatValues,
+ *                         { a: true, c: { thing: 'foo', values: [10, 20] }},
+ *                         { b: true, c: { thing: 'bar', values: [15, 35] }});
+ *      //=> { a: true, b: true, c: { thing: 'bar', values: [10, 20, 15, 35] }}
+ */
+
+var mergeDeepWithKey = /*#__PURE__*/_curry3(function mergeDeepWithKey(fn, lObj, rObj) {
+  return mergeWithKey(function (k, lVal, rVal) {
+    if (_isObject(lVal) && _isObject(rVal)) {
+      return mergeDeepWithKey(fn, lVal, rVal);
+    } else {
+      return fn(k, lVal, rVal);
+    }
+  }, lObj, rObj);
+});
+
+var mergeDeepWithKey_1 = mergeDeepWithKey;
+
+export default mergeDeepWithKey_1;

package/dist/esm/node_modules/.pnpm/ramda@0.27.1/node_modules/ramda/src/mergeWithKey.js

@@ -0,0 +1,53 @@
+import _curry3_1 from './internal/_curry3.js';
+import _has_1 from './internal/_has.js';
+
+var _curry3 = _curry3_1;
+var _has = _has_1;
+/**
+ * Creates a new object with the own properties of the two provided objects. If
+ * a key exists in both objects, the provided function is applied to the key
+ * and the values associated with the key in each object, with the result being
+ * used as the value associated with the key in the returned object.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.19.0
+ * @category Object
+ * @sig ((String, a, a) -> a) -> {a} -> {a} -> {a}
+ * @param {Function} fn
+ * @param {Object} l
+ * @param {Object} r
+ * @return {Object}
+ * @see R.mergeDeepWithKey, R.merge, R.mergeWith
+ * @example
+ *
+ *      let concatValues = (k, l, r) => k == 'values' ? R.concat(l, r) : r
+ *      R.mergeWithKey(concatValues,
+ *                     { a: true, thing: 'foo', values: [10, 20] },
+ *                     { b: true, thing: 'bar', values: [15, 35] });
+ *      //=> { a: true, b: true, thing: 'bar', values: [10, 20, 15, 35] }
+ * @symb R.mergeWithKey(f, { x: 1, y: 2 }, { y: 5, z: 3 }) = { x: 1, y: f('y', 2, 5), z: 3 }
+ */
+
+var mergeWithKey = /*#__PURE__*/_curry3(function mergeWithKey(fn, l, r) {
+  var result = {};
+  var k;
+
+  for (k in l) {
+    if (_has(k, l)) {
+      result[k] = _has(k, r) ? fn(k, l[k], r[k]) : l[k];
+    }
+  }
+
+  for (k in r) {
+    if (_has(k, r) && !_has(k, result)) {
+      result[k] = r[k];
+    }
+  }
+
+  return result;
+});
+
+var mergeWithKey_1 = mergeWithKey;
+
+export default mergeWithKey_1;

package/dist/esm/utils/templates/common.js

@@ -13,7 +13,7 @@ const shorthand = token => {
     return null;
   }
 
-  return `${width} ${style} ${color}`;
+  return "".concat(width, " ").concat(style, " ").concat(color);
 };
 
 export { shorthand };

package/dist/esm/utils/templates/index.js

@@ -5,41 +5,34 @@ const typographyTemplate = (typography, link) => {
     return '';
   }
 
-  let base = `
-  margin: 0;
-  color: ${typography.color};
-  font-family: ${typography.fontFamily};
-  font-size: ${typography.fontSize};
-  font-weight: ${typography.fontWeight};
-  line-height: ${typography.lineHeight};
-  `;
+  let base = "\n  margin: 0;\n  color: ".concat(typography.color, ";\n  font-family: ").concat(typography.fontFamily, ";\n  font-size: ").concat(typography.fontSize, ";\n  font-weight: ").concat(typography.fontWeight, ";\n  line-height: ").concat(typography.lineHeight, ";\n  ");
 
   if (typography.fontStyle) {
-    base += `\nfont-style: ${typography.fontStyle};`;
+    base += "\nfont-style: ".concat(typography.fontStyle, ";");
   }
 
   if (typography.letterSpacing) {
-    base += `\nletter-spacing: ${typography.letterSpacing};`;
+    base += "\nletter-spacing: ".concat(typography.letterSpacing, ";");
   }
 
   if (typography.textTransform) {
-    base += `\ntext-transform: ${typography.textTransform};`;
+    base += "\ntext-transform: ".concat(typography.textTransform, ";");
   }
 
   if (typography.textDecoration) {
-    base += `\ntext-decoration: ${typography.textDecoration};`;
+    base += "\ntext-decoration: ".concat(typography.textDecoration, ";");
   }
 
   if (typography.textAlign) {
-    base += `\ntext-align: ${typography.textAlign};`;
+    base += "\ntext-align: ".concat(typography.textAlign, ";");
   }
 
   if (typography.fontFeature) {
-    base += `\nfont-feature-settings: ${typography.fontFeature};`;
+    base += "\nfont-feature-settings: ".concat(typography.fontFeature, ";");
   }
 
   if (link) {
-    base += `\ncursor: pointer;`;
+    base += "\ncursor: pointer;";
   }
 
   return base;

package/dist/types/components/Card/CardContent.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export declare type CardContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const CardContent: import("react").ForwardRefExoticComponent<CardContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/index.d.ts

@@ -1,14 +1,16 @@
 import { Card as CardWrapper, CardProps } from './Card';
 import { CardActions, CardActionsProps } from './CardActions';
+import { CardContent, CardContentProps } from './CardContent';
 import { CardMedia, CardMediaProps } from './CardMedia';
 import { CardHeader, CardHeaderProps } from './CardHeader';
 import { CardHeaderTitle, CardHeaderTitleProps } from './CardHeaderTitle';
 declare type CardCompoundProps = typeof CardWrapper & {
     Actions: typeof CardActions;
+    Content: typeof CardContent;
     Header: typeof CardHeader;
     Media: typeof CardMedia;
     HeaderTitle: typeof CardHeaderTitle;
 };
 declare const Card: CardCompoundProps;
 export { Card };
-export type { CardProps, CardActionsProps, CardMediaProps, CardHeaderProps, CardHeaderTitleProps, };
+export type { CardProps, CardActionsProps, CardContentProps, CardMediaProps, CardHeaderProps, CardHeaderTitleProps, };

package/dist/types/components/Menu/Menu.d.ts

@@ -12,7 +12,7 @@ export declare type MenuProps = {
     onClose?: () => void;
     /** Menu placement relative to anchorEl */
     placement?: Placement;
-} & HTMLAttributes<HTMLUListElement>;
+} & HTMLAttributes<HTMLDivElement>;
 export declare const Menu: import("react").ForwardRefExoticComponent<{
     /** Anchor element for Menu */
     anchorEl?: HTMLElement | null;
@@ -24,4 +24,4 @@ export declare const Menu: import("react").ForwardRefExoticComponent<{
     onClose?: () => void;
     /** Menu placement relative to anchorEl */
     placement?: Placement;
-} & HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Menu/MenuItem.d.ts

@@ -8,7 +8,7 @@ export declare type MenuItemProps = {
     disabled?: boolean;
     /** onClick handler */
     onClick?: (e: React.MouseEvent) => void;
-} & React.HTMLAttributes<HTMLLIElement>;
+} & React.HTMLAttributes<HTMLButtonElement>;
 export declare const MenuItem: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
     /** @ignore */
     index?: number;
@@ -18,4 +18,4 @@ export declare const MenuItem: import("react").MemoExoticComponent<import("react
     disabled?: boolean;
     /** onClick handler */
     onClick?: (e: React.MouseEvent) => void;
-} & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>>;
+} & import("react").HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>>;

package/dist/types/components/Menu/MenuList.d.ts

@@ -4,5 +4,5 @@ declare type MenuListProps = {
     focus?: FocusTarget;
     children: ReactNode;
 };
-export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLUListElement>>;
+export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/components/Table/Cell.d.ts

@@ -7,5 +7,5 @@ export declare type CellProps = {
     color?: Colors;
     /** Specifies cell sort direction */
     sort?: React.AriaAttributes['aria-sort'];
-} & (TdHTMLAttributes<HTMLTableDataCellElement> | ThHTMLAttributes<HTMLTableHeaderCellElement>);
-export declare const Cell: import("react").ForwardRefExoticComponent<CellProps & import("react").RefAttributes<HTMLTableDataCellElement | HTMLTableHeaderCellElement>>;
+} & (TdHTMLAttributes<HTMLTableCellElement> | ThHTMLAttributes<HTMLTableCellElement>);
+export declare const Cell: import("react").ForwardRefExoticComponent<CellProps & import("react").RefAttributes<HTMLTableCellElement>>;

package/dist/types/components/Table/DataCell/DataCell.d.ts

@@ -5,4 +5,4 @@ export declare const TableDataCell: import("react").ForwardRefExoticComponent<{
     variant?: Variants;
     /** Specifies cell background color */
     color?: Colors;
-} & TdHTMLAttributes<HTMLTableDataCellElement> & import("react").RefAttributes<HTMLTableDataCellElement>>;
+} & TdHTMLAttributes<HTMLTableCellElement> & import("react").RefAttributes<HTMLTableCellElement>>;

package/dist/types/components/Table/HeaderCell/HeaderCell.d.ts

@@ -2,4 +2,4 @@ import { ThHTMLAttributes } from 'react';
 export declare const TableHeaderCell: import("react").ForwardRefExoticComponent<{
     sort?: React.AriaAttributes['aria-sort'];
     sticky?: boolean;
-} & ThHTMLAttributes<HTMLTableHeaderCellElement> & import("react").RefAttributes<HTMLTableHeaderCellElement>>;
+} & ThHTMLAttributes<HTMLTableCellElement> & import("react").RefAttributes<HTMLTableCellElement>>;

package/dist/types/components/Typography/Typography.tokens.d.ts

@@ -450,4 +450,5 @@ declare type TypographyVariants = keyof TypographyTokens['heading'] | keyof Typo
 declare type ColorVariants = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'disabled';
 declare type TypographyGroups = keyof typeof typography;
 declare const link: ComponentToken;
-export { typography, colors, quickVariants, TypographyVariants, ColorVariants, TypographyGroups, link, };
+export { typography, colors, quickVariants, link };
+export type { TypographyVariants, ColorVariants, TypographyGroups };

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
-import 'focus-visible';
 export * from './components/Button';
 export * from './components/Typography';
 export * from './components/Table';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.15.0-dev.20211116v2",
+  "version": "0.16.1-dev.12072021",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": false,
   "main": "dist/core-react.cjs.js",
@@ -62,13 +62,14 @@
     "jest": "^27.0.6",
     "jest-styled-components": "^7.0.5",
     "js-file-download": "^0.4.12",
-    "prettier": "^2.3.2",
+    "ramda": "^0.27.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-hook-form": "^7.11.1",
     "rollup": "^2.53.3",
     "rollup-plugin-delete": "^2.0.0",
     "styled-components": "5.3.0",
+    "tsc-watch": "^4.5.0",
     "typescript": "^4.3.5"
   },
   "peerDependencies": {
@@ -82,8 +83,6 @@
     "@equinor/eds-tokens": "0.7.0",
     "@popperjs/core": "2.9.2",
     "downshift": "^6.1.7",
-    "focus-visible": "^5.2.0",
-    "ramda": "^0.27.1",
     "react-fast-compare": "3.2.0",
     "react-popper": "2.2.5"
   },
@@ -91,10 +90,11 @@
     "pnpm": ">=4",
     "node": ">=10.0.0"
   },
+  "browserslist": "defaults, not IE 11",
   "scripts": {
     "build": "rollup -c && tsc -p tsconfig.json",
-    "test": "tsc -p tsconfig.json && jest",
-    "test:watch": "jest --watch",
+    "test": "tsc -p tsconfig.test.json && jest",
+    "test:watch": "tsc-watch -p tsconfig.test.json --onFirstSuccess  \"jest --watch\"",
     "test:update-snapshots": "jest --updateSnapshot",
     "storybook": "start-storybook -p 9000 --ci",
     "build:storybook": "build-storybook -o storybook-build"