@trackunit/react-components 0.1.153-alpha-48d16c736e.0 → 0.1.153-alpha-44ea484736.0

package/index.cjs.js

@@ -7,6 +7,8 @@ var React = require('react');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
 var uiDesignTokens = require('@trackunit/ui-design-tokens');
 var uiIcons = require('@trackunit/ui-icons');
+var IconSpriteOutline = require('@trackunit/ui-icons/icons-sprite-outline.svg');
+var IconSpriteSolid = require('@trackunit/ui-icons/icons-sprite-solid.svg');
 var ReactDOM = require('react-dom');
 var reactRouterDom = require('react-router-dom');
 
@@ -32,6 +34,8 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var IconSpriteOutline__default = /*#__PURE__*/_interopDefaultLegacy(IconSpriteOutline);
+var IconSpriteSolid__default = /*#__PURE__*/_interopDefaultLegacy(IconSpriteSolid);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
@@ -450,7 +454,7 @@ cssClassVarianceUtilities.cvaMerge([
 ]);
 
 const iconPalette = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, uiDesignTokens.intentPalette), uiDesignTokens.generalPalette), uiDesignTokens.criticalityPalette), uiDesignTokens.activityPalette), uiDesignTokens.utilizationPalette), uiDesignTokens.sitesPalette), uiDesignTokens.rentalStatusPalette);
-const iconColorNames = Object.keys(iconPalette).map(key => key.toLowerCase()); // This is uses the object in the Object.keys() to infer the type of the keys.
+const iconColorNames = Object.keys(iconPalette).map(key => key.toLowerCase()); // This users the object in the Object.keys() to infer the type of the keys.
 /**
  * - The Icon component is used to display an Icon.
  * - Icons are semantic vector graphics that adds character and improves the visual appeal of elements when combined with.
@@ -466,8 +470,8 @@ const Icon = ({ name, size = "large", className, dataTestId, color, onClick, fil
         return null;
     }
     const href = {
-        solid: `${uiIcons.IconSpriteSolid}#${iconName}`,
-        outline: `${uiIcons.IconSpriteOutline}#${iconName}`,
+        solid: `${IconSpriteSolid__default["default"]}#${iconName}`,
+        outline: `${IconSpriteOutline__default["default"]}#${iconName}`,
     };
     return (jsxRuntime.jsx("span", { className: cvaIcon({ color, size, className }), onClick: onClick, "data-testid": dataTestId, ref: forwardedRef, children: jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", "data-testid": dataTestId ? `${dataTestId}-${iconName}` : iconName, style: fillColor ? Object.assign(Object.assign({}, style), { fill: fillColor }) : Object.assign({}, style), children: jsxRuntime.jsx("use", { href: href[correctIconType] }) }) }));
 };

package/index.esm.js

@@ -3,7 +3,9 @@ import * as React from 'react';
 import React__default, { useRef, useCallback, useEffect, useState, useLayoutEffect, useMemo, createContext, forwardRef, useContext, isValidElement, cloneElement, memo, Children, useReducer, Component } from 'react';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { rentalStatusPalette, intentPalette, generalPalette, criticalityPalette, activityPalette, utilizationPalette, sitesPalette, color } from '@trackunit/ui-design-tokens';
-import { iconNames, IconSpriteSolid, IconSpriteOutline } from '@trackunit/ui-icons';
+import { iconNames } from '@trackunit/ui-icons';
+import IconSpriteOutline from '@trackunit/ui-icons/icons-sprite-outline.svg';
+import IconSpriteSolid from '@trackunit/ui-icons/icons-sprite-solid.svg';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { createPortal } from 'react-dom';
 import { UNSAFE_NavigationContext } from 'react-router-dom';
@@ -423,7 +425,7 @@ cvaMerge([
 ]);
 
 const iconPalette = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, intentPalette), generalPalette), criticalityPalette), activityPalette), utilizationPalette), sitesPalette), rentalStatusPalette);
-const iconColorNames = Object.keys(iconPalette).map(key => key.toLowerCase()); // This is uses the object in the Object.keys() to infer the type of the keys.
+const iconColorNames = Object.keys(iconPalette).map(key => key.toLowerCase()); // This users the object in the Object.keys() to infer the type of the keys.
 /**
  * - The Icon component is used to display an Icon.
  * - Icons are semantic vector graphics that adds character and improves the visual appeal of elements when combined with.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.153-alpha-48d16c736e.0",
+  "version": "0.1.153-alpha-44ea484736.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,10 +8,10 @@
   },
   "dependencies": {
     "@floating-ui/react": "0.22.2",
-    "@trackunit/css-class-variance-utilities": "0.0.13-alpha-48d16c736e.0",
-    "@trackunit/css-core": "0.0.94-alpha-48d16c736e.0",
-    "@trackunit/ui-design-tokens": "0.0.76-alpha-48d16c736e.0",
-    "@trackunit/ui-icons": "0.0.74-alpha-48d16c736e.0",
+    "@trackunit/css-class-variance-utilities": "0.0.13-alpha-44ea484736.0",
+    "@trackunit/css-core": "0.0.94-alpha-44ea484736.0",
+    "@trackunit/ui-design-tokens": "0.0.76-alpha-44ea484736.0",
+    "@trackunit/ui-icons": "0.0.74-alpha-44ea484736.0",
     "date-fns": "2.29.3",
     "lodash": "4.17.21",
     "react": "18.2.0",