@orfium/ictinus 4.21.2 → 4.24.0

package/dist/theme/states/hover.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getHover = void 0;
+
+var _statesConfig = require("./statesConfig");
+
+var _utils = require("./utils");
+
+var backgroundColorStep = _statesConfig.statesConfig.hover.backgroundColor.step;
+/**
+ * On hover background is darken by one step in shade.
+ * If we exceed the maximum value then we lighten it.
+ * This will be reviewed when dark theme is implemented. **/
+
+var getHover = function getHover(_ref) {
+  var theme = _ref.theme,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'lightGrey' : _ref$color,
+      _ref$shade = _ref.shade,
+      shade = _ref$shade === void 0 ? 0 : _ref$shade;
+  var calculatedShade = (0, _utils.getShadeWithStep)({
+    shade: shade,
+    step: backgroundColorStep
+  });
+  return {
+    backgroundColor: theme.utils.getColor(color, calculatedShade)
+  };
+};
+
+exports.getHover = getHover;

package/dist/theme/states/index.d.ts

@@ -0,0 +1,5 @@
+import { getDisabled } from './disabled';
+import { getFocus } from './focus';
+import { getHover } from './hover';
+import { getPressed } from './pressed';
+export { getHover, getFocus, getPressed, getDisabled };

package/dist/theme/states/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+
+var _disabled = require("./disabled");
+
+exports.getDisabled = _disabled.getDisabled;
+
+var _focus = require("./focus");
+
+exports.getFocus = _focus.getFocus;
+
+var _hover = require("./hover");
+
+exports.getHover = _hover.getHover;
+
+var _pressed = require("./pressed");
+
+exports.getPressed = _pressed.getPressed;

package/dist/theme/states/pressed.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from '../index';
+import { colorShades, flatColors } from '../palette';
+export declare type Props = {
+    theme: Theme;
+    color?: typeof flatColors[number];
+    shade?: typeof colorShades[number] | 0;
+};
+export declare type GetPressed = {
+    backgroundColor: string;
+};
+/**
+ * On pressed background is darken by two steps in shade.
+ * If we exceed the maximum value then we lighten it by two steps.
+ * This will be reviewed when dark theme is implemented. **/
+export declare const getPressed: ({ theme, color, shade }: Props) => GetPressed;

package/dist/theme/states/pressed.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getPressed = void 0;
+
+var _statesConfig = require("./statesConfig");
+
+var _utils = require("./utils");
+
+var backgroundColorStep = _statesConfig.statesConfig.pressed.backgroundColor.step;
+/**
+ * On pressed background is darken by two steps in shade.
+ * If we exceed the maximum value then we lighten it by two steps.
+ * This will be reviewed when dark theme is implemented. **/
+
+var getPressed = function getPressed(_ref) {
+  var theme = _ref.theme,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'lightGrey' : _ref$color,
+      _ref$shade = _ref.shade,
+      shade = _ref$shade === void 0 ? 0 : _ref$shade;
+  var calculatedShade = (0, _utils.getShadeWithStep)({
+    shade: shade,
+    step: backgroundColorStep
+  });
+  return {
+    backgroundColor: theme.utils.getColor(color, calculatedShade)
+  };
+};
+
+exports.getPressed = getPressed;

package/dist/theme/states/statesConfig.d.ts

@@ -0,0 +1,34 @@
+import { colorShades, flatColors } from '../palette';
+declare type StatesConfig = {
+    hover: {
+        backgroundColor: {
+            step: number;
+        };
+    };
+    focus: {
+        border: {
+            width: {
+                step: number;
+            };
+            color: {
+                name: typeof flatColors[number];
+                shade: typeof colorShades[number];
+            };
+        };
+    };
+    pressed: {
+        backgroundColor: {
+            step: number;
+        };
+    };
+    disabled: {
+        opacity: {
+            amount: number;
+        };
+        cursor: {
+            name: string;
+        };
+    };
+};
+export declare const statesConfig: StatesConfig;
+export {};

package/dist/theme/states/statesConfig.js

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports.statesConfig = void 0;
+var statesConfig = {
+  hover: {
+    backgroundColor: {
+      step: 50
+    }
+  },
+  focus: {
+    border: {
+      width: {
+        step: 1
+      },
+      color: {
+        name: 'magenta',
+        shade: 500
+      }
+    }
+  },
+  pressed: {
+    backgroundColor: {
+      step: 100
+    }
+  },
+  disabled: {
+    opacity: {
+      amount: 0.5
+    },
+    cursor: {
+      name: 'not-allowed'
+    }
+  }
+};
+exports.statesConfig = statesConfig;

package/dist/theme/states/utils.d.ts

@@ -0,0 +1,7 @@
+import { colorShades } from '../palette';
+declare type Props = {
+    shade: typeof colorShades[number] | 0;
+    step: number;
+};
+export declare const getShadeWithStep: ({ shade, step }: Props) => typeof colorShades[number];
+export {};

package/dist/theme/states/utils.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getShadeWithStep = void 0;
+
+var _palette = require("../palette");
+
+var getShadeWithStep = function getShadeWithStep(_ref) {
+  var _ref$shade = _ref.shade,
+      shade = _ref$shade === void 0 ? 0 : _ref$shade,
+      _ref$step = _ref.step,
+      step = _ref$step === void 0 ? 50 : _ref$step;
+  var calculatedShade = shade;
+
+  if (shade + step > _palette.MAX_SHADE) {
+    calculatedShade -= step;
+  } else {
+    calculatedShade += step;
+  }
+
+  return calculatedShade;
+};
+
+exports.getShadeWithStep = getShadeWithStep;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.21.2",
+  "version": "4.24.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",

package/dist/components/AssetMatching/AssetMatching.style.d.ts

@@ -1,11 +0,0 @@
-import { SerializedStyles } from '@emotion/react';
-import { Theme } from 'theme';
-import { formFieldStyles } from 'theme/palette';
-export declare const inner: SerializedStyles;
-export declare const assets: (theme: Theme) => SerializedStyles;
-declare const _default: {
-    section: (styleType: formFieldStyles) => (theme: Theme) => SerializedStyles;
-    inner: SerializedStyles;
-    assets: (theme: Theme) => SerializedStyles;
-};
-export default _default;

package/dist/components/AssetMatching/AssetMatching.style.js

@@ -1,53 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = exports.assets = exports.inner = void 0;
-
-var _react = require("@emotion/react");
-
-var _functions = require("../../theme/functions");
-
-var _utils = require("../../theme/utils");
-
-var wrapperStyleSwitch = function wrapperStyleSwitch(theme) {
-  return {
-    outlined: "border: " + (0, _utils.rem)(1) + " solid " + theme.utils.getColor('lightGrey', 200),
-    elevated: "box-shadow: " + theme.elevation['01'] + ";",
-    filled: ""
-  };
-};
-
-var section = function section(styleType) {
-  return function (theme) {
-    return (
-      /*#__PURE__*/
-
-      /*#__PURE__*/
-      (0, _react.css)(">div{", _functions.flex, ";width:100%;border-radius:", theme.spacing.sm, ";", wrapperStyleSwitch(theme)[styleType], ";}.selected{background:", theme.utils.getColor('primary', 100, 'normal'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:section;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Fzc2V0TWF0Y2hpbmcvQXNzZXRNYXRjaGluZy5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZdUYiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXNzZXRNYXRjaGluZy9Bc3NldE1hdGNoaW5nLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IGZvcm1GaWVsZFN0eWxlcyB9IGZyb20gJ3RoZW1lL3BhbGV0dGUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5jb25zdCB3cmFwcGVyU3R5bGVTd2l0Y2ggPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBvdXRsaW5lZDogYGJvcmRlcjogJHtyZW0oMSl9IHNvbGlkICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDIwMCl9YCxcbiAgZWxldmF0ZWQ6IGBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDEnXX07YCxcbiAgZmlsbGVkOiBgYCxcbn0pO1xuXG5jb25zdCBzZWN0aW9uID0gKHN0eWxlVHlwZTogZm9ybUZpZWxkU3R5bGVzKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gID4gZGl2IHtcbiAgICAke2ZsZXh9O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgJHt3cmFwcGVyU3R5bGVTd2l0Y2godGhlbWUpW3N0eWxlVHlwZV19XG4gIH1cbiAgLnNlbGVjdGVkIHtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdwcmltYXJ5JywgMTAwLCAnbm9ybWFsJyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgaW5uZXIgPSBjc3NgXG4gICR7ZmxleH07XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGFzc2V0cyA9ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtZXZlbmx5O1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgeyBzZWN0aW9uLCBpbm5lciwgYXNzZXRzIH07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:section;")
-    );
-  };
-};
-
-var inner =
-/*#__PURE__*/
-
-/*#__PURE__*/
-(0, _react.css)(_functions.flex, ";flex-direction:column;width:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:inner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Fzc2V0TWF0Y2hpbmcvQXNzZXRNYXRjaGluZy5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QndCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Fzc2V0TWF0Y2hpbmcvQXNzZXRNYXRjaGluZy5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZmxleCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyBmb3JtRmllbGRTdHlsZXMgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuY29uc3Qgd3JhcHBlclN0eWxlU3dpdGNoID0gKHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgb3V0bGluZWQ6IGBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyMDApfWAsXG4gIGVsZXZhdGVkOiBgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzAxJ119O2AsXG4gIGZpbGxlZDogYGAsXG59KTtcblxuY29uc3Qgc2VjdGlvbiA9IChzdHlsZVR5cGU6IGZvcm1GaWVsZFN0eWxlcykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICA+IGRpdiB7XG4gICAgJHtmbGV4fTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICAgICR7d3JhcHBlclN0eWxlU3dpdGNoKHRoZW1lKVtzdHlsZVR5cGVdfVxuICB9XG4gIC5zZWxlY3RlZCB7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIDEwMCwgJ25vcm1hbCcpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlubmVyID0gY3NzYFxuICAke2ZsZXh9O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhc3NldHMgPSAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleH07XG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWV2ZW5seTtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBkZWZhdWx0IHsgc2VjdGlvbiwgaW5uZXIsIGFzc2V0cyB9O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:inner;");
-exports.inner = inner;
-
-var assets = function assets(theme) {
-  return (
-    /*#__PURE__*/
-
-    /*#__PURE__*/
-    (0, _react.css)(_functions.flex, ";flex-wrap:nowrap;justify-content:space-evenly;padding:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:assets;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Fzc2V0TWF0Y2hpbmcvQXNzZXRNYXRjaGluZy5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjZEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Fzc2V0TWF0Y2hpbmcvQXNzZXRNYXRjaGluZy5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZmxleCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyBmb3JtRmllbGRTdHlsZXMgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuY29uc3Qgd3JhcHBlclN0eWxlU3dpdGNoID0gKHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgb3V0bGluZWQ6IGBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyMDApfWAsXG4gIGVsZXZhdGVkOiBgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzAxJ119O2AsXG4gIGZpbGxlZDogYGAsXG59KTtcblxuY29uc3Qgc2VjdGlvbiA9IChzdHlsZVR5cGU6IGZvcm1GaWVsZFN0eWxlcykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICA+IGRpdiB7XG4gICAgJHtmbGV4fTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICAgICR7d3JhcHBlclN0eWxlU3dpdGNoKHRoZW1lKVtzdHlsZVR5cGVdfVxuICB9XG4gIC5zZWxlY3RlZCB7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIDEwMCwgJ25vcm1hbCcpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlubmVyID0gY3NzYFxuICAke2ZsZXh9O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhc3NldHMgPSAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleH07XG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWV2ZW5seTtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBkZWZhdWx0IHsgc2VjdGlvbiwgaW5uZXIsIGFzc2V0cyB9O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:assets;")
-  );
-};
-
-exports.assets = assets;
-var _default = {
-  section: section,
-  inner: inner,
-  assets: assets
-};
-exports["default"] = _default;

package/dist/components/AssetMatching/Assetmatching.d.ts

@@ -1,35 +0,0 @@
-import { FC } from 'react';
-import { formFieldStyles } from 'theme/palette';
-import { OnCheckHandler } from '../../hooks/useCheck';
-import { AssetProps } from './components/Asset';
-import { MatchingAction } from './types';
-interface Props {
-    /** The score of the matched metadata */
-    score?: number | string;
-    /** The actions that can be performed for the asset matching section */
-    matchingActions: MatchingAction[];
-    /** The custom left side of the matching section */
-    leftCustomAsset?: JSX.Element;
-    /** The custom right side of the matching section */
-    rightCustomAsset?: JSX.Element;
-    /** The props needed for constructing the default left side of the matching section */
-    leftAssetProps?: AssetProps;
-    /** The props needed for constructing the default right side of the matching section */
-    rightAssetProps?: AssetProps;
-    /** The matched items per category for each asset */
-    matchedCategoryItems?: string[];
-    /** The style type of the matching section */
-    styleType?: formFieldStyles;
-    /** The provided handler for the selected status of the asset matching */
-    onCheck?: OnCheckHandler;
-    /** The check status of the asset matching checkbox */
-    isChecked?: boolean;
-    /** The custom element to pass custom elements to actions toolbox */
-    customActionsContent?: JSX.Element | null;
-    /** The prop needed for explicitly enabling or disabling checkbox */
-    isCheckboxEnabled?: boolean;
-    /** The custom element to pass custom content next to section header's checkbox */
-    customCheckboxContent?: JSX.Element | null;
-}
-declare const AssetMatching: FC<Props>;
-export default AssetMatching;

package/dist/components/AssetMatching/Assetmatching.js

@@ -1,66 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _AssetMatching = _interopRequireDefault(require("./AssetMatching.style"));
-
-var _Asset = require("./components/Asset");
-
-var _SectionHeader = _interopRequireDefault(require("./components/SectionHeader/SectionHeader"));
-
-var _SelectedItemContext = require("./components/SelectedItemContext");
-
-var _react2 = require("@emotion/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var AssetMatching = function AssetMatching(_ref) {
-  var score = _ref.score,
-      rightCustomAsset = _ref.rightCustomAsset,
-      leftCustomAsset = _ref.leftCustomAsset,
-      rightAssetProps = _ref.rightAssetProps,
-      leftAssetProps = _ref.leftAssetProps,
-      matchingActions = _ref.matchingActions,
-      matchedCategoryItems = _ref.matchedCategoryItems,
-      _ref$styleType = _ref.styleType,
-      styleType = _ref$styleType === void 0 ? 'outlined' : _ref$styleType,
-      onCheck = _ref.onCheck,
-      _ref$isChecked = _ref.isChecked,
-      isChecked = _ref$isChecked === void 0 ? false : _ref$isChecked,
-      customActionsContent = _ref.customActionsContent,
-      _ref$isCheckboxEnable = _ref.isCheckboxEnabled,
-      isCheckboxEnabled = _ref$isCheckboxEnable === void 0 ? true : _ref$isCheckboxEnable,
-      _ref$customCheckboxCo = _ref.customCheckboxContent,
-      customCheckboxContent = _ref$customCheckboxCo === void 0 ? null : _ref$customCheckboxCo;
-  var defaultLeft = leftAssetProps && (0, _react2.jsx)(_Asset.Asset, _extends({}, leftAssetProps, {
-    matchedCategoryItems: matchedCategoryItems
-  }));
-  var defaultRight = rightAssetProps && (0, _react2.jsx)(_Asset.Asset, _extends({}, rightAssetProps, {
-    isHighlighted: true,
-    matchedCategoryItems: matchedCategoryItems
-  }));
-  return (0, _react2.jsx)(_SelectedItemContext.SelectedItemProvider, null, (0, _react2.jsx)("section", {
-    css: _AssetMatching["default"].section(styleType)
-  }, (0, _react2.jsx)("div", {
-    css: _AssetMatching["default"].inner
-  }, (0, _react2.jsx)(_SectionHeader["default"], {
-    customCheckboxContent: customCheckboxContent,
-    isCheckboxEnabled: isCheckboxEnabled,
-    customActionsContent: customActionsContent,
-    isChecked: isChecked,
-    onCheck: onCheck,
-    styleType: styleType,
-    score: score,
-    matchingActions: matchingActions
-  }), (0, _react2.jsx)("div", {
-    css: _AssetMatching["default"].assets
-  }, leftCustomAsset ? leftCustomAsset : defaultLeft, rightCustomAsset ? rightCustomAsset : defaultRight))));
-};
-
-var _default = AssetMatching;
-exports["default"] = _default;

package/dist/components/AssetMatching/components/ActionsToolbox/ActionsToolbox.d.ts

@@ -1,14 +0,0 @@
-import { FC } from 'react';
-import { MatchingAction } from '../../types';
-interface Props {
-    matchingActions?: MatchingAction[];
-    buttonStyles?: {
-        secondaryButtonColor?: string;
-        primaryButtonColor?: string;
-        isButtonFilled?: boolean;
-        isButtonTransparent?: boolean;
-    };
-    customActionsContent?: JSX.Element | null;
-}
-declare const ActionsToolbox: FC<Props>;
-export default ActionsToolbox;

package/dist/components/AssetMatching/components/ActionsToolbox/ActionsToolbox.js

@@ -1,51 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ActionsToolboxWrapper = _interopRequireDefault(require("./ActionsToolboxWrapper"));
-
-var _PrimaryActions = _interopRequireDefault(require("./PrimaryActions"));
-
-var _SecondaryActions = _interopRequireDefault(require("./SecondaryActions"));
-
-var _react2 = require("@emotion/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var ActionsToolbox = function ActionsToolbox(_ref) {
-  var customActionsContent = _ref.customActionsContent,
-      _ref$matchingActions = _ref.matchingActions,
-      matchingActions = _ref$matchingActions === void 0 ? [] : _ref$matchingActions,
-      buttonStyles = _ref.buttonStyles;
-  var shouldDisplayOnlyPrimaryActions = (matchingActions == null ? void 0 : matchingActions.length) > 0 && (matchingActions == null ? void 0 : matchingActions.length) <= 3;
-
-  if (shouldDisplayOnlyPrimaryActions) {
-    return (0, _react2.jsx)(_ActionsToolboxWrapper["default"], {
-      customActionsContent: customActionsContent
-    }, (0, _react2.jsx)(_PrimaryActions["default"], _extends({}, buttonStyles || {}, {
-      primaryActions: matchingActions
-    })));
-  }
-
-  var primaryActions = matchingActions.slice(0, 2);
-  var secondaryActions = matchingActions.slice(2, matchingActions.length);
-  return (0, _react2.jsx)(_ActionsToolboxWrapper["default"], {
-    customActionsContent: customActionsContent
-  }, hasActions(primaryActions) && (0, _react2.jsx)(_PrimaryActions["default"], _extends({}, buttonStyles || {}, {
-    primaryActions: primaryActions
-  })), hasActions(secondaryActions) && (0, _react2.jsx)(_SecondaryActions["default"], _extends({}, buttonStyles || {}, {
-    secondaryActions: secondaryActions
-  })));
-};
-
-function hasActions(actions) {
-  return actions.length > 0;
-}
-
-var _default = ActionsToolbox;
-exports["default"] = _default;

package/dist/components/AssetMatching/components/ActionsToolbox/ActionsToolbox.style.d.ts

@@ -1,8 +0,0 @@
-import { SerializedStyles } from '@emotion/react';
-import { Theme } from 'theme';
-declare const _default: {
-    buttonWrapper: (theme: Theme) => SerializedStyles;
-    list: (theme: Theme) => SerializedStyles;
-    secondaryActionsWrapper: SerializedStyles;
-};
-export default _default;

package/dist/components/AssetMatching/components/ActionsToolbox/ActionsToolbox.style.js

@@ -1,42 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = require("@emotion/react");
-
-var _functions = require("../../../../theme/functions");
-
-var _utils = require("../../../../theme/utils");
-
-var _Card = require("../../../Card/Card.style");
-
-var list = function list(theme) {
-  return (
-    /*#__PURE__*/
-
-    /*#__PURE__*/
-    (0, _react.css)("flex-direction:column;z-index:9;position:absolute;background:white;top:", (0, _utils.rem)(55), ";right:0;margin:0;padding:0;", (0, _Card.cardElevation)(theme, '02'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:list;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Fzc2V0TWF0Y2hpbmcvY29tcG9uZW50cy9BY3Rpb25zVG9vbGJveC9BY3Rpb25zVG9vbGJveC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXNzZXRNYXRjaGluZy9jb21wb25lbnRzL0FjdGlvbnNUb29sYm94L0FjdGlvbnNUb29sYm94LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgY2FyZEVsZXZhdGlvbiB9IGZyb20gJ2NvbXBvbmVudHMvQ2FyZC9DYXJkLnN0eWxlJztcblxuY29uc3QgbGlzdCA9ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgei1pbmRleDogOTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgdG9wOiAke3JlbSg1NSl9O1xuICByaWdodDogMDtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICAke2NhcmRFbGV2YXRpb24odGhlbWUsICcwMicpfTtcbmA7XG5cbmNvbnN0IGJ1dHRvbldyYXBwZXIgPSAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmNvbnN0IHNlY29uZGFyeUFjdGlvbnNXcmFwcGVyID0gY3NzYFxuICAke2ZsZXh9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCB7XG4gIGJ1dHRvbldyYXBwZXIsXG4gIGxpc3QsXG4gIHNlY29uZGFyeUFjdGlvbnNXcmFwcGVyLFxufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:list;")
-  );
-};
-
-var buttonWrapper = function buttonWrapper(theme) {
-  return (
-    /*#__PURE__*/
-
-    /*#__PURE__*/
-    (0, _react.css)("margin-right:", theme.spacing.sm, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Fzc2V0TWF0Y2hpbmcvY29tcG9uZW50cy9BY3Rpb25zVG9vbGJveC9BY3Rpb25zVG9vbGJveC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjZEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Fzc2V0TWF0Y2hpbmcvY29tcG9uZW50cy9BY3Rpb25zVG9vbGJveC9BY3Rpb25zVG9vbGJveC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZmxleCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IGNhcmRFbGV2YXRpb24gfSBmcm9tICdjb21wb25lbnRzL0NhcmQvQ2FyZC5zdHlsZSc7XG5cbmNvbnN0IGxpc3QgPSAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHotaW5kZXg6IDk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHRvcDogJHtyZW0oNTUpfTtcbiAgcmlnaHQ6IDA7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgJHtjYXJkRWxldmF0aW9uKHRoZW1lLCAnMDInKX07XG5gO1xuXG5jb25zdCBidXR0b25XcmFwcGVyID0gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5jb25zdCBzZWNvbmRhcnlBY3Rpb25zV3JhcHBlciA9IGNzc2BcbiAgJHtmbGV4fTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGRlZmF1bHQge1xuICBidXR0b25XcmFwcGVyLFxuICBsaXN0LFxuICBzZWNvbmRhcnlBY3Rpb25zV3JhcHBlcixcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:buttonWrapper;")
-  );
-};
-
-var secondaryActionsWrapper =
-/*#__PURE__*/
-
-/*#__PURE__*/
-(0, _react.css)(_functions.flex, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:secondaryActionsWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Fzc2V0TWF0Y2hpbmcvY29tcG9uZW50cy9BY3Rpb25zVG9vbGJveC9BY3Rpb25zVG9vbGJveC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Qm1DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Fzc2V0TWF0Y2hpbmcvY29tcG9uZW50cy9BY3Rpb25zVG9vbGJveC9BY3Rpb25zVG9vbGJveC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZmxleCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IGNhcmRFbGV2YXRpb24gfSBmcm9tICdjb21wb25lbnRzL0NhcmQvQ2FyZC5zdHlsZSc7XG5cbmNvbnN0IGxpc3QgPSAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHotaW5kZXg6IDk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHRvcDogJHtyZW0oNTUpfTtcbiAgcmlnaHQ6IDA7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgJHtjYXJkRWxldmF0aW9uKHRoZW1lLCAnMDInKX07XG5gO1xuXG5jb25zdCBidXR0b25XcmFwcGVyID0gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5jb25zdCBzZWNvbmRhcnlBY3Rpb25zV3JhcHBlciA9IGNzc2BcbiAgJHtmbGV4fTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGRlZmF1bHQge1xuICBidXR0b25XcmFwcGVyLFxuICBsaXN0LFxuICBzZWNvbmRhcnlBY3Rpb25zV3JhcHBlcixcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:secondaryActionsWrapper;");
-var _default = {
-  buttonWrapper: buttonWrapper,
-  list: list,
-  secondaryActionsWrapper: secondaryActionsWrapper
-};
-exports["default"] = _default;

package/dist/components/AssetMatching/components/ActionsToolbox/ActionsToolboxWrapper.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-declare const ActionsToolboxWrapper: FC<{
-    customActionsContent?: JSX.Element | null;
-}>;
-export default ActionsToolboxWrapper;

package/dist/components/AssetMatching/components/ActionsToolbox/ActionsToolboxWrapper.js

@@ -1,23 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _functions = require("../../../../theme/functions");
-
-var _react2 = require("@emotion/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var ActionsToolboxWrapper = function ActionsToolboxWrapper(_ref) {
-  var children = _ref.children,
-      customActionsContent = _ref.customActionsContent;
-  return (0, _react2.jsx)("div", {
-    css: _functions.flex
-  }, children, customActionsContent && customActionsContent);
-};
-
-var _default = ActionsToolboxWrapper;
-exports["default"] = _default;

package/dist/components/AssetMatching/components/ActionsToolbox/PrimaryActions.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { MatchingAction } from '../../types';
-interface Props {
-    primaryActions: MatchingAction[];
-    isButtonFilled?: boolean;
-    isButtonTransparent?: boolean;
-    primaryButtonColor?: string;
-}
-declare const PrimaryActions: FC<Props>;
-export default PrimaryActions;

package/dist/components/AssetMatching/components/ActionsToolbox/PrimaryActions.js

@@ -1,42 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _functions = require("../../../../theme/functions");
-
-var _helpers = require("../../../../utils/helpers");
-
-var _utils = require("../utils");
-
-var _ActionsToolbox = _interopRequireDefault(require("./ActionsToolbox.style"));
-
-var _react2 = require("@emotion/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var PrimaryActions = function PrimaryActions(_ref) {
-  var primaryActions = _ref.primaryActions,
-      _ref$isButtonFilled = _ref.isButtonFilled,
-      isButtonFilled = _ref$isButtonFilled === void 0 ? false : _ref$isButtonFilled,
-      isButtonTransparent = _ref.isButtonTransparent,
-      primaryButtonColor = _ref.primaryButtonColor;
-
-  var _useMatchingActions = (0, _utils.useMatchingActions)(primaryActions, function (actionButton, index) {
-    return (0, _react2.jsx)("div", {
-      "data-testid": 'primary_action',
-      key: (0, _helpers.generateUniqueID)('primary_action') + "_" + index,
-      css: _ActionsToolbox["default"].buttonWrapper
-    }, actionButton);
-  }, isButtonFilled, primaryButtonColor, isButtonTransparent),
-      actionItems = _useMatchingActions.actionItems;
-
-  return (0, _react2.jsx)("div", {
-    css: _functions.flex
-  }, actionItems);
-};
-
-var _default = PrimaryActions;
-exports["default"] = _default;

package/dist/components/AssetMatching/components/ActionsToolbox/SecondaryActions.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { MatchingAction } from '../../types';
-interface Props {
-    secondaryActions: MatchingAction[];
-    isButtonFilled?: boolean;
-    isButtonTransparent?: boolean;
-    secondaryButtonColor?: string;
-}
-declare const SecondaryActions: FC<Props>;
-export default SecondaryActions;