@orfium/ictinus 3.12.0 → 3.14.1

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

@@ -9,6 +9,9 @@ export declare const buttonSpanStyle: () => () => {
 };
 export declare const iconStyle: () => () => {
     display: string;
+    '& > span': {
+        padding: number;
+    };
 };
 export declare const childrenWrapperStyle: ({ iconLeft, iconRight, hasChildren, }: RequiredProperties<Omit<Props, "onClick" | "dataTestId" | "block" | "buttonType" | "isIconButton"> & {
     hasChildren: boolean;

package/dist/components/Button/Button.style.js

@@ -24,7 +24,14 @@ exports.buttonSpanStyle = buttonSpanStyle;
 var iconStyle = function iconStyle() {
   return function () {
     return {
-      display: 'inline-flex'
+      display: 'inline-flex',
+      // This fixes the issue in DS3, where the alignment of the button was wrong because
+      // of the icon's extra height. It can and should be removed in DS4, in case this
+      // somehow makes it there. We could remove the padding in icon ( which is a better solution )
+      // but it would affect the alignment in all the icons.
+      '& > span': {
+        padding: 0
+      }
     };
   };
 };
@@ -52,7 +59,7 @@ var centralizedLoader = function centralizedLoader(clientWidth) {
     /*#__PURE__*/
 
     /*#__PURE__*/
-    (0, _react.css)("width:", clientWidth ? (0, _utils.rem)(clientWidth) : 'auto', ";", _functions.flex, ";justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0MrRiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcbmltcG9ydCB7IFJlcXVpcmVkUHJvcGVydGllcyB9IGZyb20gJ3V0aWxzL2NvbW1vbic7XG5cbmltcG9ydCB7IFByb3BzIH0gZnJvbSAnLi9CdXR0b24nO1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgaWNvblN0eWxlID0gKCkgPT4gKCkgPT4gKHtcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4Jyxcbn0pO1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoe1xuICBpY29uTGVmdCxcbiAgaWNvblJpZ2h0LFxuICBoYXNDaGlsZHJlbixcbn06IFJlcXVpcmVkUHJvcGVydGllczxcbiAgT21pdDxQcm9wcywgJ2Jsb2NrJyB8ICdpc0ljb25CdXR0b24nIHwgJ2J1dHRvblR5cGUnIHwgJ2RhdGFUZXN0SWQnIHwgJ29uQ2xpY2snPiAmIHtcbiAgICBoYXNDaGlsZHJlbjogYm9vbGVhbjtcbiAgfVxuPikgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCByaWdodEljb25FeGlzdHMgPSBoYXNDaGlsZHJlbiAmJiBpY29uUmlnaHQ7XG4gIGNvbnN0IGxlZnRJY29uRXhpc3RzID0gaGFzQ2hpbGRyZW4gJiYgaWNvbkxlZnQ7XG5cbiAgcmV0dXJuIHtcbiAgICBtYXJnaW5MZWZ0OiBsZWZ0SWNvbkV4aXN0cyA/IHRoZW1lLnNwYWNpbmcuc20gOiAwLFxuICAgIG1hcmdpblJpZ2h0OiByaWdodEljb25FeGlzdHMgPyB0aGVtZS5zcGFjaW5nLnNtIDogMCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBjZW50cmFsaXplZExvYWRlcjogKGNsaWVudFdpZHRoPzogbnVtYmVyKSA9PiBTZXJpYWxpemVkU3R5bGVzID0gY2xpZW50V2lkdGggPT4gY3NzYFxuICB3aWR0aDogJHtjbGllbnRXaWR0aCA/IHJlbShjbGllbnRXaWR0aCkgOiAnYXV0byd9O1xuICAke2ZsZXh9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;")
+    (0, _react.css)("width:", clientWidth ? (0, _utils.rem)(clientWidth) : 'auto', ";", _functions.flex, ";justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEMrRiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcbmltcG9ydCB7IFJlcXVpcmVkUHJvcGVydGllcyB9IGZyb20gJ3V0aWxzL2NvbW1vbic7XG5cbmltcG9ydCB7IFByb3BzIH0gZnJvbSAnLi9CdXR0b24nO1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgaWNvblN0eWxlID0gKCkgPT4gKCkgPT4gKHtcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcblxuICAvLyBUaGlzIGZpeGVzIHRoZSBpc3N1ZSBpbiBEUzMsIHdoZXJlIHRoZSBhbGlnbm1lbnQgb2YgdGhlIGJ1dHRvbiB3YXMgd3JvbmcgYmVjYXVzZVxuICAvLyBvZiB0aGUgaWNvbidzIGV4dHJhIGhlaWdodC4gSXQgY2FuIGFuZCBzaG91bGQgYmUgcmVtb3ZlZCBpbiBEUzQsIGluIGNhc2UgdGhpc1xuICAvLyBzb21laG93IG1ha2VzIGl0IHRoZXJlLiBXZSBjb3VsZCByZW1vdmUgdGhlIHBhZGRpbmcgaW4gaWNvbiAoIHdoaWNoIGlzIGEgYmV0dGVyIHNvbHV0aW9uIClcbiAgLy8gYnV0IGl0IHdvdWxkIGFmZmVjdCB0aGUgYWxpZ25tZW50IGluIGFsbCB0aGUgaWNvbnMuXG4gICcmID4gc3Bhbic6IHtcbiAgICBwYWRkaW5nOiAwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBjaGlsZHJlbldyYXBwZXJTdHlsZSA9ICh7XG4gIGljb25MZWZ0LFxuICBpY29uUmlnaHQsXG4gIGhhc0NoaWxkcmVuLFxufTogUmVxdWlyZWRQcm9wZXJ0aWVzPFxuICBPbWl0PFByb3BzLCAnYmxvY2snIHwgJ2lzSWNvbkJ1dHRvbicgfCAnYnV0dG9uVHlwZScgfCAnZGF0YVRlc3RJZCcgfCAnb25DbGljayc+ICYge1xuICAgIGhhc0NoaWxkcmVuOiBib29sZWFuO1xuICB9XG4+KSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHJpZ2h0SWNvbkV4aXN0cyA9IGhhc0NoaWxkcmVuICYmIGljb25SaWdodDtcbiAgY29uc3QgbGVmdEljb25FeGlzdHMgPSBoYXNDaGlsZHJlbiAmJiBpY29uTGVmdDtcblxuICByZXR1cm4ge1xuICAgIG1hcmdpbkxlZnQ6IGxlZnRJY29uRXhpc3RzID8gdGhlbWUuc3BhY2luZy5zbSA6IDAsXG4gICAgbWFyZ2luUmlnaHQ6IHJpZ2h0SWNvbkV4aXN0cyA/IHRoZW1lLnNwYWNpbmcuc20gOiAwLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGNlbnRyYWxpemVkTG9hZGVyOiAoY2xpZW50V2lkdGg/OiBudW1iZXIpID0+IFNlcmlhbGl6ZWRTdHlsZXMgPSBjbGllbnRXaWR0aCA9PiBjc3NgXG4gIHdpZHRoOiAke2NsaWVudFdpZHRoID8gcmVtKGNsaWVudFdpZHRoKSA6ICdhdXRvJ307XG4gICR7ZmxleH07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;")
   );
 };
 

package/dist/components/List/ListItem/ListItem.js

@@ -42,6 +42,9 @@ var ListItem = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     }),
     ref: selected ? ref : null,
     onClick: handleListItemSelect,
+    onMouseDown: function onMouseDown(event) {
+      event.preventDefault();
+    },
     "data-testid": dataTestId != null ? dataTestId : 'ictinus_list' + ('_item_' + index)
   }, (0, _react2.jsx)("div", {
     css: (0, _ListItem.contentStyle)()

package/dist/components/Tooltip/Tooltip.d.ts

@@ -9,7 +9,7 @@ declare type Props = {
     placement?: TooltipPlacement;
     /** Whether the tooltip is transparent or not - for cases
      * where the content is a custom component
-      */
+     */
     /** @default false */
     isTransparent?: boolean;
     /** The unique id in order to link content and tooltip */
@@ -18,6 +18,14 @@ declare type Props = {
     /** The size of the tooltip to define different style */
     /** @default medium */
     size?: TooltipSize;
+    /** Determines if the tooltip is interactive, i.e. it can be
+     * hovered over or clicked without hiding */
+    /** @default false */
+    interactive?: boolean;
+    /** Number in ms to debounce the internal onMouseMove handler
+     * which determines when an interactive tooltip should hide. */
+    /** @default 100 */
+    delay?: number;
     children: React.ReactElement;
 };
 declare const Tooltip: React.FC<Props>;

package/dist/components/Tooltip/Tooltip.js

@@ -22,7 +22,11 @@ var Tooltip = function Tooltip(_ref) {
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? 'top' : _ref$placement,
       _ref$isTransparent = _ref.isTransparent,
-      isTransparent = _ref$isTransparent === void 0 ? false : _ref$isTransparent;
+      isTransparent = _ref$isTransparent === void 0 ? false : _ref$isTransparent,
+      _ref$interactive = _ref.interactive,
+      interactive = _ref$interactive === void 0 ? false : _ref$interactive,
+      _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? 100 : _ref$delay;
   return (0, _react3.jsx)(_react["default"], {
     "data-testid": id,
     css: (0, _Tooltip.tooltipStyle)({
@@ -30,7 +34,9 @@ var Tooltip = function Tooltip(_ref) {
       isTransparent: isTransparent
     }),
     content: content,
-    placement: placement
+    placement: placement,
+    interactive: interactive,
+    interactiveDebounce: delay
   }, children);
 };
 

package/dist/utils/common.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
 import { ButtonHTMLAttributes } from 'react';
+/** URL currently used for figma */
+export declare const FIGMA_URL = "https://www.figma.com/file/8kMPBNYHHXz2AtkzeeDmk5/Design-System-V4---%E2%9A%A0%EF%B8%8F-Working-File-(do-not-update-libraries)";
 /** A type to turn any type optional properties to required */
 export declare type RequiredProperties<T> = {
     [K in keyof T]-?: T[K];

package/dist/utils/common.js

@@ -1,3 +1,10 @@
 "use strict";
 
-exports.__esModule = true;
+exports.__esModule = true;
+exports.FIGMA_URL = void 0;
+
+/** URL currently used for figma */
+var FIGMA_URL = 'https://www.figma.com/file/8kMPBNYHHXz2AtkzeeDmk5/Design-System-V4---%E2%9A%A0%EF%B8%8F-Working-File-(do-not-update-libraries)';
+/** A type to turn any type optional properties to required */
+
+exports.FIGMA_URL = FIGMA_URL;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "3.12.0",
+  "version": "3.14.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -75,6 +75,7 @@
     "react-router-dom": "^5.2.0",
     "react-test-renderer": "^16.13.1",
     "rimraf": "^3.0.2",
+    "storybook-addon-designs": "^6.1.0",
     "styled-components": "^5.2.0",
     "ts-jest": "^26.5.6",
     "ts-loader": "^9.1.2",