@spaced-out/ui-design-system 0.5.7-beta.0 → 0.5.7-beta.2

package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.SkipElementFromNavigation = exports.FocusManagerWithArrowKeyNavigation = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@floating-ui/react");
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _FocusManagerWithArrowKeyNavigationModule = _interopRequireDefault(require("./FocusManagerWithArrowKeyNavigation.module.css"));
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _FocusManagerWithArrowKeyNavigationModule = _interopRequireDefault(require("src/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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); }
@@ -25,6 +25,11 @@ const SkipElementFromNavigation = exports.SkipElementFromNavigation = /*#__PURE_
   }), children);
 });
 SkipElementFromNavigation.displayName = SKIP_ELEMENT_DISPLAY_NAME;
+
+// Type for React elements with onClick handler
+
+// Type for React elements that might be SkipElementFromNavigation
+
 const FocusManagerWithArrowKeyNavigation = props => {
   const {
     classNames,
@@ -50,12 +55,11 @@ const FocusManagerWithArrowKeyNavigation = props => {
 
   // Note(Nishant): This is to correctly call the onClick handler which could have been on child
   // we also need to set the active index correctly on click for list navigation to work
-  // @ts-ignore - TS7019 - Rest parameter 'args' implicitly has an 'any[]' type.
   const childOnClickPassthrough = function (childOnClickHandler, index) {
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
     if (childOnClickHandler) {
-      for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-        args[_key - 2] = arguments[_key];
-      }
       childOnClickHandler(...args);
     }
     setActiveIndex(index);
@@ -78,32 +82,32 @@ const FocusManagerWithArrowKeyNavigation = props => {
 
   let skippedChildrenCount = 0;
   const clonedChildren = listReference ? children : childrenArray.map((child, index) => {
-    // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
+    // Type guard to ensure child is a ReactElement
+    if (! /*#__PURE__*/React.isValidElement(child)) {
+      return child;
+    }
+
+    // Type assertion for React element with onClick
+    const elementWithOnClick = child;
     const {
       onClick: childClickHandler
-    } = child.props;
+    } = elementWithOnClick.props;
     let adjustedIndex = index - skippedChildrenCount;
 
-    // @ts-ignore - TS2339 - Property 'type' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
-    if (child?.type?.displayName === SKIP_ELEMENT_DISPLAY_NAME) {
+    // Check if this is a SkipElementFromNavigation by checking displayName
+    const elementWithDisplayName = child;
+    if (elementWithDisplayName?.type?.displayName === SKIP_ELEMENT_DISPLAY_NAME) {
       skippedChildrenCount++;
-      // @ts-ignore - TS2322 - Type 'null' is not assignable to type 'number'.
       adjustedIndex = null;
     }
-
-    // @ts-ignore - TS2769 - No overload matches this call.
-    return /*#__PURE__*/React.cloneElement(child, {
-      // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
-      ...child.props,
+    return /*#__PURE__*/React.cloneElement(elementWithOnClick, {
+      ...elementWithOnClick.props,
       tabIndex: activeIndex === index ? 0 : -1,
-      // @ts-ignore - TS7006 - Parameter 'node' implicitly has an 'any' type.
       ref: node => {
         if (adjustedIndex !== null) {
-          // @ts-ignore - TS2322 - Type 'any' is not assignable to type 'never'.
           listRef.current[adjustedIndex] = node;
         }
       },
-      // @ts-ignore - TS7019 - Rest parameter 'args' implicitly has an 'any[]' type.
       onClick: function () {
         for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
           args[_key3] = arguments[_key3];

package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.stories.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { FocusManagerWithArrowKeyNavigationProps } from './';
+import type { FocusManagerWithArrowKeyNavigationProps } from 'src/components/FocusManagerWithArrowKeyNavigation';
 declare const _default: {
     tags: string[];
     title: string;

package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusManagerWithArrowKeyNavigation.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,uCAAuC,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAShE,wBAuIE;AAEF,eAAO,MAAM,+BAA+B;WACpC,uCAAuC;;;;;CA2F9C,CAAC;AAOF,eAAO,MAAM,kDAAkD,yBAkG9D,CAAC;AAEF,eAAO,MAAM,+BAA+B,yBAyB3C,CAAC;AAEF,eAAO,MAAM,iDAAiD;WACtD,uCAAuC;;;;;;;CAgK9C,CAAC"}
+{"version":3,"file":"FocusManagerWithArrowKeyNavigation.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,uCAAuC,EAAC,MAAM,mDAAmD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAU/G,wBAuIE;AAEF,eAAO,MAAM,+BAA+B;WACpC,uCAAuC;;;;;CA2F9C,CAAC;AAOF,eAAO,MAAM,kDAAkD,yBA6F9D,CAAC;AAEF,eAAO,MAAM,+BAA+B,yBAyB3C,CAAC;AAEF,eAAO,MAAM,iDAAiD;WACtD,uCAAuC;;;;;;;CAmJ9C,CAAC"}

package/lib/components/FocusManagerWithArrowKeyNavigation/index.d.ts

@@ -1,2 +1,2 @@
-export * from './FocusManagerWithArrowKeyNavigation';
+export * from 'src/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/FocusManagerWithArrowKeyNavigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManagerWithArrowKeyNavigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManagerWithArrowKeyNavigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,sFAAsF,CAAC"}

package/lib/components/FocusManagerWithArrowKeyNavigation/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _FocusManagerWithArrowKeyNavigation = require("./FocusManagerWithArrowKeyNavigation");
+var _FocusManagerWithArrowKeyNavigation = require("src/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation");
 Object.keys(_FocusManagerWithArrowKeyNavigation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _FocusManagerWithArrowKeyNavigation[key]) return;

package/lib/components/FormTitleWrapper/FormTitleWrapper.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { ColorTypes } from '../../types/typography';
-import type { IconSize, IconType } from '../Icon';
+import type { ColorTypes } from 'src/types/typography';
+import type { IconSize, IconType } from 'src/components/Icon';
 type ClassNames = Readonly<{
     wrapper?: string;
     title?: string;
     rightSlot?: string;
 }>;
-export type FormTitleWrapperProps = {
+export interface FormTitleWrapperProps {
     classNames?: ClassNames;
     iconType?: IconType;
     iconName?: string;
@@ -15,7 +15,7 @@ export type FormTitleWrapperProps = {
     iconColor?: ColorTypes;
     title: React.ReactNode;
     rightSlot?: React.ReactNode;
-};
+}
 export declare const FormTitleWrapper: Flow.AbstractComponent<FormTitleWrapperProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=FormTitleWrapper.d.ts.map

package/lib/components/FormTitleWrapper/FormTitleWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormTitleWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/FormTitleWrapper/FormTitleWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAEvD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAMhD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,CACnD,qBAAqB,EACrB,cAAc,CAqCf,CAAC"}
+{"version":3,"file":"FormTitleWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/FormTitleWrapper/FormTitleWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAGrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAM5D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,CACnD,qBAAqB,EACrB,cAAc,CAqCf,CAAC"}

package/lib/components/FormTitleWrapper/FormTitleWrapper.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FormTitleWrapper = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _Icon = require("../Icon");
-var _FormTitleWrapperModule = _interopRequireDefault(require("./FormTitleWrapper.module.css"));
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _Icon = require("src/components/Icon");
+var _FormTitleWrapperModule = _interopRequireDefault(require("src/components/FormTitleWrapper/FormTitleWrapper.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const FormTitleWrapper = exports.FormTitleWrapper = /*#__PURE__*/React.forwardRef((_ref, ref) => {

package/lib/components/FormTitleWrapper/FormTitleWrapper.stories.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { FormTitleWrapperProps } from './';
+import type { FormTitleWrapperProps } from 'src/components/FormTitleWrapper';
 declare const _default: {
     tags: string[];
     title: string;

package/lib/components/FormTitleWrapper/FormTitleWrapper.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormTitleWrapper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FormTitleWrapper/FormTitleWrapper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM9C,wBAoHE;AAEF,eAAO,MAAM,UAAU;WAAU,qBAAqB;;;;;;;;CAWrD,CAAC;AAQF,eAAO,MAAM,sBAAsB;WAAU,qBAAqB;;;;;;;;CAqBjE,CAAC"}
+{"version":3,"file":"FormTitleWrapper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FormTitleWrapper/FormTitleWrapper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,iCAAiC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAS3E,wBAoHE;AAEF,eAAO,MAAM,UAAU;WAAU,qBAAqB;;;;;;;;CAWrD,CAAC;AAQF,eAAO,MAAM,sBAAsB;WAAU,qBAAqB;;;;;;;;CAqBjE,CAAC"}

package/lib/components/FormTitleWrapper/index.d.ts

@@ -1,2 +1,2 @@
-export * from './FormTitleWrapper';
+export * from 'src/components/FormTitleWrapper/FormTitleWrapper';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/FormTitleWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormTitleWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormTitleWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,kDAAkD,CAAC"}

package/lib/components/FormTitleWrapper/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _FormTitleWrapper = require("./FormTitleWrapper");
+var _FormTitleWrapper = require("src/components/FormTitleWrapper/FormTitleWrapper");
 Object.keys(_FormTitleWrapper).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _FormTitleWrapper[key]) return;

package/lib/components/Grid/Col.stories.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import type { ColProps } from './Grid';
+import type { ColProps } from 'src/components/Grid/Grid';
 declare const _default: {
     tags: string[];
     title: string;
-    component: ((({ className, children, span, gridType, repeatTracks, }: import("./Grid").RowProps) => React.JSX.Element) | (({ className, children, gridColumnStart, gridColumnEnd, }: ColProps) => React.JSX.Element))[];
+    component: ((({ className, children, gridType, repeatTracks, }: import("src/components/Grid/Grid").RowProps) => React.JSX.Element) | (({ className, children, gridColumnStart, gridColumnEnd, }: ColProps) => React.JSX.Element))[];
     argTypes: {
         className: {
             description: string;

package/lib/components/Grid/Col.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Col.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Col.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMrC,wBAwDE;AAEF,eAAO,MAAM,IAAI;WAAU,QAAQ;;;;;CA0ClC,CAAC"}
+{"version":3,"file":"Col.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Col.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvD,wBAwDE;AAEF,eAAO,MAAM,IAAI;WAAU,QAAQ;;;;;CA0ClC,CAAC"}

package/lib/components/Grid/Grid.d.ts

@@ -1,20 +1,20 @@
 import * as React from 'react';
-export type RowProps = {
+export interface RowProps {
     className?: string;
     children?: React.ReactNode;
     span?: number;
     offset?: number;
     gridType?: 'small' | 'medium' | 'large' | 'autoFill' | 'autoFit';
     repeatTracks?: string;
-};
-export declare const Row: ({ className, children, span, gridType, repeatTracks, }: RowProps) => React.JSX.Element;
-export type ColProps = {
+}
+export declare const Row: ({ className, children, gridType, repeatTracks, }: RowProps) => React.JSX.Element;
+export interface ColProps {
     className?: string;
     children?: React.ReactNode;
     span?: number;
     offset?: number;
-    gridColumnStart?: number;
-    gridColumnEnd?: number;
-};
+    gridColumnStart?: number | string;
+    gridColumnEnd?: number | string;
+}
 export declare const Col: ({ className, children, gridColumnStart, gridColumnEnd, }: ColProps) => React.JSX.Element;
 //# sourceMappingURL=Grid.d.ts.map

package/lib/components/Grid/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAUF,eAAO,MAAM,GAAG,GAAI,wDAOjB,QAAQ,sBAyDV,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,0DAKjB,QAAQ,sBAYV,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,QAAQ;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAUD,eAAO,MAAM,GAAG,GAAI,kDAKjB,QAAQ,sBA0DV,CAAC;AAEF,MAAM,WAAW,QAAQ;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,GAAG,GAAI,0DAKjB,QAAQ,sBAUV,CAAC"}

package/lib/components/Grid/Grid.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Row = exports.Col = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("../../utils/classify");
-var _GridModule = _interopRequireDefault(require("./Grid.module.css"));
+var _classify = require("src/utils/classify");
+var _GridModule = _interopRequireDefault(require("src/components/Grid/Grid.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const GRID_SYSTEM_MAP = {
@@ -20,8 +20,6 @@ const Row = _ref => {
   let {
     className,
     children,
-    // @ts-ignore - TS6133 - 'span' is declared but its value is never read.
-    span = 1,
     gridType = 'medium',
     repeatTracks = '1fr'
   } = _ref;
@@ -30,7 +28,6 @@ const Row = _ref => {
   let lastChildColCount = 0;
   const childrenWithProps = React.Children.map(children, child => {
     if (/*#__PURE__*/React.isValidElement(child)) {
-      // @ts-ignore - TS2339 - Property 'span' does not exist on type 'unknown'. | TS2339 - Property 'offset' does not exist on type 'unknown'.
       const {
         span = 1,
         offset = 0
@@ -45,21 +42,18 @@ const Row = _ref => {
       }
       lastChildColCount = columnSpanCount;
       columnSpanCount = lastChildColCount + offset + span;
-      let gridColumnStart = 0,
-        // @ts-ignore - TS6133 - 'gridColumnEnd' is declared but its value is never read.
-        gridColumnEnd = 0;
+      let gridColumnStart = 0;
+      // const gridColumnEnd: number | string = 0;
+
       if (gridType === 'autoFill' || gridType === 'autoFit') {
-        // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'number'.
         gridColumnStart = 'auto';
         return /*#__PURE__*/React.cloneElement(child, {
-          // @ts-ignore - TS2769 - No overload matches this call.
           gridColumnStart,
           gridColumnEnd: `span ${span}`
         });
       } else if (typeof gridRepeatCount === 'number' && columnSpanCount <= gridRepeatCount) {
         gridColumnStart = lastChildColCount + offset + 1;
         return /*#__PURE__*/React.cloneElement(child, {
-          // @ts-ignore - TS2769 - No overload matches this call.
           gridColumnStart,
           gridColumnEnd: `span ${span}`
         });
@@ -67,6 +61,7 @@ const Row = _ref => {
         console.error(`number of column exceed ${gridRepeatCount}`);
       }
     }
+    return child;
   });
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "Grid",
@@ -88,10 +83,8 @@ const Col = _ref2 => {
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classify.classify)(_GridModule.default.gridColumn, className),
     style: {
-      // @ts-ignore - TS2322 - Type 'number | undefined' is not assignable to type 'string | number'.
-      '--grid-column-start': gridColumnStart,
-      // @ts-ignore - TS2322 - Type 'number | undefined' is not assignable to type 'string | number'.
-      '--grid-column-end': gridColumnEnd
+      '--grid-column-start': gridColumnStart || 0,
+      '--grid-column-end': gridColumnEnd || 0
     }
   }, children);
 };

package/lib/components/Grid/GridPatterns.stories.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 declare const _default: {
     tags: string[];
     title: string;
-    component: ((({ className, children, span, gridType, repeatTracks, }: import("./Grid").RowProps) => React.JSX.Element) | (({ className, children, gridColumnStart, gridColumnEnd, }: import("./Grid").ColProps) => React.JSX.Element))[];
+    component: ((({ className, children, gridType, repeatTracks, }: import("src/components/Grid/Grid").RowProps) => React.JSX.Element) | (({ className, children, gridColumnStart, gridColumnEnd, }: import("src/components/Grid/Grid").ColProps) => React.JSX.Element))[];
     parameters: {
         docs: {
             subtitle: string;

package/lib/components/Grid/GridPatterns.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridPatterns.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/GridPatterns.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;AAa/B,wBA2LE;AAuFF,eAAO,MAAM,SAAS,yBAErB,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAgF7B,CAAC"}
+{"version":3,"file":"GridPatterns.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/GridPatterns.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;AAkC/B,wBA2LE;AAuFF,eAAO,MAAM,SAAS,yBAErB,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBA+E7B,CAAC"}

package/lib/components/Grid/Row.stories.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import type { RowProps } from './Grid';
+import type { RowProps } from 'src/components/Grid/Grid';
 declare const _default: {
     tags: string[];
     title: string;
-    component: (({ className, children, span, gridType, repeatTracks, }: RowProps) => React.JSX.Element)[];
+    component: (({ className, children, gridType, repeatTracks, }: RowProps) => React.JSX.Element)[];
     argTypes: {
         className: {
             description: string;

package/lib/components/Grid/Row.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMrC,wBAkCE;AAEF,eAAO,MAAM,IAAI,GAAI,MAAM,QAAQ,sBA0ClC,CAAC;AAEF,eAAO,MAAM,cAAc;WAAU,QAAQ;;;;;CA0C5C,CAAC"}
+{"version":3,"file":"Row.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvD,wBAkCE;AAEF,eAAO,MAAM,IAAI,GAAI,MAAM,QAAQ,sBA0ClC,CAAC;AAEF,eAAO,MAAM,cAAc;WAAU,QAAQ;;;;;CA0C5C,CAAC"}

package/lib/components/Grid/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Grid';
+export * from 'src/components/Grid/Grid';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/lib/components/Grid/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Grid = require("./Grid");
+var _Grid = require("src/components/Grid/Grid");
 Object.keys(_Grid).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Grid[key]) return;

package/lib/components/Icon/ClickableIcon.d.ts

@@ -1,27 +1,27 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { ColorTypes } from '../../types/typography';
-import type { Over } from '../../types/utils';
-import type { IconProps, IconSize, IconType } from './';
+import type { ColorTypes } from 'src/types/typography';
+import type { IconProps, IconSize, IconType } from 'src/components/Icon';
 type ClassNames = Readonly<{
     icon?: string;
     button?: string;
 }>;
-export type ClickableIconProps = Over<IconProps, {
+export interface ClickableIconProps extends Omit<IconProps, 'disabled' | 'classNames' | 'onClick'> {
     disabled?: boolean;
     classNames?: ClassNames;
-}>;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
 export declare const ClickableIcon: Flow.AbstractComponent<ClickableIconProps, HTMLButtonElement>;
-export type CloseIconProps = {
+export interface CloseIconProps {
     size?: IconSize;
     type?: IconType;
     color?: ColorTypes;
-    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     className?: string;
     ariaLabel?: string;
     disabled?: boolean;
     classNames?: ClassNames;
-};
+}
 export declare const CloseIcon: Flow.AbstractComponent<CloseIconProps, HTMLButtonElement>;
 export {};
 //# sourceMappingURL=ClickableIcon.d.ts.map

package/lib/components/Icon/ClickableIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClickableIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/ClickableIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAK5C,OAAO,KAAK,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC,MAAM,IAAI,CAAC;AAMtD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,SAAS,EACT;IACE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CACF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,iBAAiB,CAmDlB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,cAAc,EACd,iBAAiB,CAoBlB,CAAC"}
+{"version":3,"file":"ClickableIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/ClickableIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAIrD,OAAO,KAAK,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAOvE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,iBAAiB,CAmDlB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,cAAc,EACd,iBAAiB,CAoBlB,CAAC"}

package/lib/components/Icon/ClickableIcon.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CloseIcon = exports.ClickableIcon = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _Button = require("../Button");
-var _Text = require("../Text");
-var _ = require("./");
-var _ClickableIconModule = _interopRequireDefault(require("./ClickableIcon.module.css"));
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _Button = require("src/components/Button");
+var _Icon = require("src/components/Icon");
+var _Text = require("src/components/Text");
+var _ClickableIconModule = _interopRequireDefault(require("src/components/Icon/ClickableIcon.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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); }
@@ -27,7 +27,7 @@ const ClickableIcon = exports.ClickableIcon = /*#__PURE__*/React.forwardRef((_re
   const onKeyDownHandler = e => {
     if (e.key === 'Enter') {
       e.preventDefault();
-      onClick && onClick(e);
+      onClick?.(e);
     }
   };
   return /*#__PURE__*/React.createElement(_Button.UnstyledButton, _extends({}, props, {
@@ -42,7 +42,7 @@ const ClickableIcon = exports.ClickableIcon = /*#__PURE__*/React.forwardRef((_re
       [_ClickableIconModule.default.large]: size === 'large'
     }, classNames?.button),
     ref: ref
-  }), /*#__PURE__*/React.createElement(_.Icon, _extends({}, props, {
+  }), /*#__PURE__*/React.createElement(_Icon.Icon, _extends({}, props, {
     size: size,
     color: disabled ? _Text.TEXT_COLORS.disabled : props.color,
     className: classNames?.icon || className

package/lib/components/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { ColorTypes } from '../../types/typography';
+import type { ColorTypes } from 'src/types/typography';
 export declare const ICON_TYPE: Readonly<{
     regular: "regular";
     solid: "solid";
@@ -14,18 +14,18 @@ export declare const ICON_SIZE: Readonly<{
 }>;
 export type IconSize = keyof typeof ICON_SIZE;
 export type IconType = keyof typeof ICON_TYPE;
-export type IconProps = {
+export interface IconProps {
     type?: IconType;
     name: string;
     size?: IconSize;
     color?: ColorTypes;
     className?: string;
-    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
     ariaLabel?: string;
     swapOpacity?: boolean;
     style?: {
         [key: string]: string;
     };
-};
+}
 export declare const Icon: Flow.AbstractComponent<IconProps, HTMLDivElement>;
 //# sourceMappingURL=Icon.d.ts.map

package/lib/components/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAOvD,eAAO,MAAM,SAAS;;;;;EAKpB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;EAIpB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAsChE,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAOrD,eAAO,MAAM,SAAS;;;;;EAKpB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;EAIpB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAE9C,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACH;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAqChE,CAAC"}

package/lib/components/Icon/Icon.docs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ICON_DOCS = void 0;
-var _typography = require("../../types/typography");
-var _Icon = require("./Icon");
+var _typography = require("src/types/typography");
+var _Icon = require("src/components/Icon/Icon");
 const colorOptions = [...Object.values(_typography.TEXT_COLORS)];
 const iconSize = [...Object.values(_Icon.ICON_SIZE)];
 const ICON_DOCS = exports.ICON_DOCS = {

package/lib/components/Icon/Icon.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Icon = exports.ICON_TYPE = exports.ICON_SIZE = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _typography = require("../../types/typography");
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
+var _typography = require("src/types/typography");
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _typographyModule = _interopRequireDefault(require("src/styles/typography.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ICON_TYPE = exports.ICON_TYPE = Object.freeze({
@@ -33,9 +33,7 @@ const Icon = exports.Icon = /*#__PURE__*/React.forwardRef((_ref, forwardRef) =>
     swapOpacity
   } = _ref;
   return /*#__PURE__*/React.createElement(React.Fragment, null, !!name && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_typographyModule.default.centerAlignFlex, _typographyModule.default[`${size}Icon`], _typographyModule.default[color], className)
-    // @ts-ignore - TS2322 - Type '((arg1: SyntheticEvent<HTMLElement, Event>) => unknown) | null | undefined' is not assignable to type 'MouseEventHandler<HTMLDivElement> | undefined'.
-    ,
+    className: (0, _classify.default)(_typographyModule.default.centerAlignFlex, _typographyModule.default[`${size}Icon`], _typographyModule.default[color], className),
     onClick: onClick,
     ref: forwardRef
   }, /*#__PURE__*/React.createElement("i", {

package/lib/components/Icon/Icon.stories.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CloseIconProps, IconProps } from './';
+import type { ClickableIconProps, CloseIconProps, IconProps } from 'src/components/Icon';
 declare const _default: {
     argTypes: {
         readonly type: {
@@ -156,7 +156,7 @@ export declare const _IconWithTooltip: {
     };
 };
 export declare const _ClickableIcon: {
-    (args: IconProps): React.JSX.Element;
+    (args: ClickableIconProps): React.JSX.Element;
     args: {
         type: string;
         name: string;

package/lib/components/Icon/Icon.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOlD,wBAKE;AAEF,eAAO,MAAM,KAAK;WAAU,SAAS;;;;;;;CAAuB,CAAC;AAS7D,eAAO,MAAM,gBAAgB;WAAU,SAAS;;;;;;;CAM/C,CAAC;AASF,eAAO,MAAM,cAAc;WAAU,SAAS;;;;;;;;CAE7C,CAAC;AAUF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;;;;CAE9C,CAAC;AASF,eAAO,MAAM,YAAY;WAAU,SAAS;;;;;;;;;;;;;;CAAuB,CAAC"}
+{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EACV,kBAAkB,EAClB,cAAc,EACd,SAAS,EACV,MAAM,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ7B,wBAKE;AAEF,eAAO,MAAM,KAAK;WAAU,SAAS;;;;;;;CAAuB,CAAC;AAS7D,eAAO,MAAM,gBAAgB;WAAU,SAAS;;;;;;;CAM/C,CAAC;AASF,eAAO,MAAM,cAAc;WAAU,kBAAkB;;;;;;;;CAEtD,CAAC;AAUF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;;;;CAE9C,CAAC;AASF,eAAO,MAAM,YAAY;WAAU,SAAS;;;;;;;;;;;;;;CAAuB,CAAC"}

package/lib/components/Icon/SemanticIcon.d.ts

@@ -1,16 +1,15 @@
 import * as React from 'react';
-import type { AlertSemanticType } from '../../types/common';
-import type { Over } from '../../types/utils';
-import type { IconProps } from './Icon';
+import type { AlertSemanticType } from 'src/types/common';
+import type { IconProps } from 'src/components/Icon/Icon';
 type ClassNames = Readonly<{
     wrapper?: string;
     icon?: string;
 }>;
-export type SemanticIconProps = Over<IconProps, {
+export interface SemanticIconProps extends Omit<IconProps, 'classNames' | 'semantic' | 'disabled'> {
     classNames?: ClassNames;
     semantic?: AlertSemanticType;
     disabled?: boolean;
-}>;
+}
 export declare const SemanticIcon: ({ semantic, classNames, size, ...iconProps }: SemanticIconProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=SemanticIcon.d.ts.map

package/lib/components/Icon/SemanticIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SemanticIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/SemanticIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAG5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AAMtC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,SAAS,EACT;IACE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACF,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,8CAK1B,iBAAiB,sBAuBnB,CAAC"}
+{"version":3,"file":"SemanticIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/SemanticIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAIxD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAC;AAMxD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;IAC/D,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,8CAK1B,iBAAiB,sBAuBnB,CAAC"}