@assembly-js/design-system 3.1.3 → 3.1.5

package/dist/esm/components/IconPicker/IconGrid.js

@@ -125,23 +125,6 @@ export var IconGrid = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setFocusedIndex(nextIndex);
   }, [focusedIndex, icons, onSelect, onEscapeFromGrid]);
 
-  // Find the boundary between DS and FA icons (for the divider)
-  var dividerIndex = useMemo(function () {
-    var firstFaIdx = icons.findIndex(function (icon) {
-      return icon.source === 'fa';
-    });
-    // Show divider only when both DS and FA icons are present
-    if (firstFaIdx > 0 && icons.some(function (icon) {
-      return icon.source === 'ds';
-    })) {
-      return firstFaIdx;
-    }
-    return -1;
-  }, [icons]);
-
-  // Row index where the divider appears (between DS and FA sections)
-  var dividerRowIndex = dividerIndex > 0 ? Math.ceil(dividerIndex / COLUMNS) : -1;
-
   // Chunk icons into rows for proper ARIA grid hierarchy
   var rows = useMemo(function () {
     var result = [];
@@ -165,10 +148,7 @@ export var IconGrid = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, rows.map(function (row, rowIndex) {
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: rowIndex
-    }, rowIndex === dividerRowIndex && /*#__PURE__*/React.createElement("div", {
-      role: "separator",
-      className: "cop-my-2 cop-h-px cop-bg-[#eff1f4]"
-    }), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       role: "row",
       className: "cop-grid cop-grid-cols-[repeat(8,1fr)] cop-gap-x-[6px] cop-gap-y-[8px]"
     }, row.map(function (icon, colIndex) {

package/dist/esm/components/IconPicker/IconPicker.js

@@ -195,7 +195,7 @@ var IconPicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     "aria-label": selectedIcon !== null && selectedIcon !== void 0 ? selectedIcon : placeholder,
     "aria-haspopup": "dialog",
     "aria-expanded": open,
-    className: cn('cop-p-[7px]', className)
+    className: cn('cop-border cop-border-solid cop-border-secondary cop-p-2', className)
   }, selectedIconData ? selectedIconData.source === 'ds' ? /*#__PURE__*/React.createElement(selectedIconData.Component, {
     className: "cop-h-4 cop-w-4",
     "aria-hidden": "true"

package/dist/esm/icons/AssemblyLogo.js

@@ -8,6 +8,6 @@ export var AssemblyLogo = function AssemblyLogo(props) {
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M19.998 14.435v3.375c0 1.193-.97 2.161-2.167 2.161H.597a.594.594 0 0 1-.421-1.014l4.04-4.029a1.7 1.7 0 0 1 1.194-.493zM19.998 6.813v3.374c0 1.193-.97 2.161-2.167 2.161H6.803l5.056-5.042a1.7 1.7 0 0 1 1.194-.494zM20 .624v1.941c0 1.193-.97 2.161-2.167 2.161h-3.385L18.983.204A.596.596 0 0 1 20 .624"
+    d: "M19.998 14.435v3.375c0 1.193-.97 2.161-2.167 2.161H.597a.594.594 0 0 1-.421-1.014l4.04-4.029a1.7 1.7 0 0 1 1.194-.493zM19.998 6.813v3.374c0 1.193-.97 2.161-2.167 2.161H6.803l5.056-5.042a1.7 1.7 0 0 1 1.194-.494zM20 .624v1.941c0 1.193-.97 2.161-2.166 2.161h-3.385L18.984.204A.596.596 0 0 1 20 .624"
   }));
 };

package/dist/esm/icons/BoltSlash.js

@@ -8,6 +8,6 @@ export var BoltSlash = function BoltSlash(props) {
     viewBox: "0 0 21 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M1.673.242a.84.84 0 0 0-1.18 0 .837.837 0 0 0 0 1.18l18.332 18.333a.833.833 0 0 0 1.177-1.177l-5.704-5.704L17.62 9.9a1.218 1.218 0 0 0-.812-2.125h-4.201l2.041-6.124a.835.835 0 0 0-1.344-.889L7.44 6.009zM8.621 7.19l3.458-3.094-1.417 4.247a.836.836 0 0 0 .792 1.097h4.18l-2.514 2.25zm-.198 8.7L9.47 12.75 7.273 10.55H4.871l1.267-1.136-1.18-1.18-2.077 1.857a1.218 1.218 0 0 0 .812 2.125h4.202l-2.042 6.125a.832.832 0 0 0 1.348.882l4.617-4.132-1.18-1.18-2.212 1.979z"
+    d: "M1.672.242a.84.84 0 0 0-1.18 0 .837.837 0 0 0 0 1.18l18.332 18.333a.833.833 0 0 0 1.177-1.177l-5.705-5.704L17.62 9.9a1.218 1.218 0 0 0-.812-2.125h-4.201l2.041-6.124a.835.835 0 0 0-1.344-.889L7.44 6.009zM8.62 7.19l3.458-3.094-1.417 4.247a.837.837 0 0 0 .792 1.097h4.18l-2.513 2.25zm-.198 8.7L9.47 12.75 7.272 10.55H4.87l1.267-1.136-1.18-1.18-2.077 1.857a1.218 1.218 0 0 0 .812 2.125h4.202l-2.042 6.125a.832.832 0 0 0 1.348.882l4.617-4.132-1.18-1.18-2.212 1.979z"
   }));
 };

package/dist/esm/icons/IceCream.js

@@ -8,6 +8,6 @@ export var IceCream = function IceCream(props) {
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M5.633 5.882A4.116 4.116 0 0 1 9.75 1.765a4.116 4.116 0 0 1 4.106 4.419c-.03.426.25.816.666.919a1.471 1.471 0 0 1-.36 2.897H5.338a1.47 1.47 0 0 1-.36-2.897.88.88 0 0 0 .665-.92 4 4 0 0 1-.011-.3M9.75 0a5.884 5.884 0 0 0-5.88 5.643A3.24 3.24 0 0 0 2.105 8.53a3.234 3.234 0 0 0 2.933 3.221l3.86 7.724a.95.95 0 0 0 .854.526.95.95 0 0 0 .853-.526l3.86-7.724a3.234 3.234 0 0 0 2.934-3.22 3.24 3.24 0 0 0-1.769-2.887A5.884 5.884 0 0 0 9.751 0"
+    d: "M5.632 5.882A4.116 4.116 0 0 1 9.75 1.765a4.116 4.116 0 0 1 4.106 4.419c-.03.426.25.816.666.919a1.471 1.471 0 0 1-.36 2.897H5.337a1.47 1.47 0 0 1-.36-2.897.88.88 0 0 0 .665-.92 4 4 0 0 1-.011-.3M9.75 0a5.884 5.884 0 0 0-5.88 5.643A3.24 3.24 0 0 0 2.104 8.53a3.234 3.234 0 0 0 2.933 3.221l3.86 7.724A.95.95 0 0 0 9.75 20a.95.95 0 0 0 .852-.526l3.86-7.724a3.234 3.234 0 0 0 2.935-3.22 3.24 3.24 0 0 0-1.769-2.887A5.884 5.884 0 0 0 9.75 0"
   }));
 };

package/dist/esm/icons/MartiniGlassEmpty.js

@@ -5,9 +5,9 @@ export var MartiniGlassEmpty = function MartiniGlassEmpty(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 21 21"
+    viewBox: "0 0 20 21"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M.984 1.312a.983.983 0 0 0-.697 1.682l9.227 9.226v6.812h-3.28a.98.98 0 0 0-.985.984c0 .545.44.984.984.984h8.53a.98.98 0 0 0 .984-.984.98.98 0 0 0-.984-.984h-3.28V12.22l9.226-9.226a.986.986 0 0 0-.697-1.682zm9.514 9.108-7.14-7.14h14.28z"
+    d: "M.938 1.25A.936.936 0 0 0 .274 2.85l8.788 8.79v6.487H5.938a.935.935 0 0 0-.938.938c0 .519.418.937.938.937h8.124c.52 0 .938-.418.938-.937a.935.935 0 0 0-.938-.938h-3.125V11.64l8.789-8.789a.939.939 0 0 0-.664-1.601zM10 9.925l-6.8-6.8h13.6z"
   }));
 };

package/dist/esm/icons/PersonDress.js

@@ -8,6 +8,6 @@ export var PersonDress = function PersonDress(props) {
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M10.087 3.889a1.945 1.945 0 1 0 0-3.89 1.945 1.945 0 0 0 0 3.89m-2.215 8.889 1.68-5.712a.564.564 0 0 1 1.077 0l1.68 5.712H7.872m-.007 1.666v4.723c0 .461.371.833.833.833a.83.83 0 0 0 .834-.833v-4.723h1.11v4.723c0 .461.372.833.834.833a.83.83 0 0 0 .833-.833v-4.723h1.48a.557.557 0 0 0 .534-.711L12.81 8.587l2.157 3.01a.833.833 0 1 0 1.354-.972L13.535 6.74A4.17 4.17 0 0 0 10.15 5h-.122c-1.344 0-2.604.65-3.385 1.74l-2.788 3.885a.836.836 0 0 0 .19 1.163.837.837 0 0 0 1.164-.19l2.156-3.011-1.514 5.146a.557.557 0 0 0 .535.711z"
+    d: "M10.088 3.889a1.945 1.945 0 1 0 0-3.89 1.945 1.945 0 0 0 0 3.89m-2.215 8.889 1.68-5.712a.564.564 0 0 1 1.077 0l1.68 5.712H7.873m-.007 1.666v4.723c0 .461.371.833.833.833a.83.83 0 0 0 .834-.833v-4.723h1.11v4.723c0 .461.372.833.834.833a.83.83 0 0 0 .833-.833v-4.723h1.48a.557.557 0 0 0 .534-.711L12.81 8.587l2.157 3.01a.833.833 0 1 0 1.354-.972L13.536 6.74A4.17 4.17 0 0 0 10.151 5h-.122c-1.344 0-2.604.65-3.385 1.74l-2.788 3.885a.836.836 0 0 0 .19 1.163.837.837 0 0 0 1.164-.19l2.156-3.011-1.514 5.146a.557.557 0 0 0 .535.711z"
   }));
 };

package/dist/esm/icons/SettingsSolid.js

@@ -0,0 +1,20 @@
+// This file is generated by a script. Do not edit this file directly.
+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); }
+import * as React from 'react';
+export var SettingsSolid = function SettingsSolid(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#settingssolid-a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M11.93.852a.88.88 0 0 0-.762-.782A11 11 0 0 0 10 .004q-.652 0-1.281.082a.884.884 0 0 0-.754.781l-.113.903a.66.66 0 0 1-.45.535 8 8 0 0 0-1.09.457.66.66 0 0 1-.703-.059l-.703-.547a.886.886 0 0 0-1.09-.015 10 10 0 0 0-1.734 1.746.886.886 0 0 0 .02 1.086l.554.715a.65.65 0 0 1 .059.695q-.259.515-.442 1.07a.65.65 0 0 1-.535.453l-.89.114a.89.89 0 0 0-.782.757c-.05.403-.074.817-.074 1.23q0 .623.074 1.227c.051.403.38.707.782.758l.89.113c.25.032.457.211.535.454q.183.556.442 1.074a.66.66 0 0 1-.059.695l-.547.703a.886.886 0 0 0-.02 1.086 10 10 0 0 0 1.735 1.746c.32.25.77.235 1.09-.015l.703-.547a.66.66 0 0 1 .703-.059q.528.27 1.09.457a.66.66 0 0 1 .45.535l.113.903c.05.402.351.73.754.781q.629.082 1.28.082.593 0 1.169-.066a.884.884 0 0 0 .761-.782l.11-.879a.66.66 0 0 1 .457-.539 8 8 0 0 0 1.133-.46.66.66 0 0 1 .695.058l.707.555c.32.25.766.265 1.086.02q.164-.13.32-.262l1.2-1.2.21-.258a.88.88 0 0 0-.015-1.09l-.547-.699a.66.66 0 0 1-.059-.703c.188-.367.352-.754.48-1.152a.65.65 0 0 1 .536-.453l.89-.11c.403-.05.735-.355.782-.757l.023-.203V8.992l-.023-.203a.89.89 0 0 0-.781-.758l-.891-.11a.65.65 0 0 1-.535-.452 8 8 0 0 0-.48-1.153.66.66 0 0 1 .058-.703l.547-.699c.25-.32.265-.77.015-1.09l-.21-.258-1.2-1.21q-.156-.134-.32-.262a.88.88 0 0 0-1.086.02l-.715.554a.65.65 0 0 1-.695.059 8 8 0 0 0-1.133-.461.66.66 0 0 1-.457-.536zM10 6.875a3.125 3.125 0 1 1 0 6.25 3.125 3.125 0 0 1 0-6.25"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "settingssolid-a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M0 0h20v20H0z"
+  }))));
+};

package/dist/esm/icons/Warning.js

@@ -8,6 +8,6 @@ export var Warning = function Warning(props) {
     viewBox: "0 0 21 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M10.02 0c.574 0 1.1.316 1.374.82l8.438 15.625c.262.485.25 1.07-.031 1.543a1.56 1.56 0 0 1-1.344.762H1.582c-.55 0-1.059-.29-1.34-.762a1.56 1.56 0 0 1-.031-1.543L8.648.82C8.922.316 9.45 0 10.023 0zM2.104 16.875h15.828L10.02 2.219zm7.914-1.562a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m0-8.126c.727 0 1.29.63 1.211 1.352l-.277 2.504a.94.94 0 0 1-.934.832.935.935 0 0 1-.93-.832l-.277-2.504a1.22 1.22 0 0 1 1.211-1.351z"
+    d: "M10.02 0c.575 0 1.102.316 1.375.82l8.438 15.625c.262.485.25 1.07-.031 1.543a1.56 1.56 0 0 1-1.344.762H1.583c-.55 0-1.059-.29-1.34-.762a1.56 1.56 0 0 1-.031-1.543L8.649.82C8.923.316 9.45 0 10.024 0zM2.106 16.875h15.828L10.02 2.219zm7.914-1.562a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m0-8.126c.727 0 1.29.63 1.211 1.352l-.277 2.504a.94.94 0 0 1-.934.832.935.935 0 0 1-.93-.832l-.277-2.504a1.22 1.22 0 0 1 1.211-1.351z"
   }));
 };

package/dist/esm/icons/iconToFaMap.js

@@ -298,8 +298,10 @@ export var iconToFaMap = {
   contracts: 'signature',
   dashboard: 'gauge',
   forms: 'clipboard',
+  files: 'folder',
   knowledge: 'book-open',
   payments: 'credit-card',
+  messages: 'message',
   // sidebar nav icons map
   NotificationIcon: 'bell',
   BuildingIcon: 'building',

package/dist/esm/icons/index.js

@@ -32,6 +32,7 @@ export * from "./EditSolid";
 export * from "./Archive";
 export * from "./Unarchive";
 export * from "./Settings";
+export * from "./SettingsSolid";
 export * from "./Link";
 export * from "./Attachment";
 export * from "./Close";

package/dist/esm/types/icons/SettingsSolid.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+export declare const SettingsSolid: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/dist/esm/types/icons/index.d.ts

@@ -31,6 +31,7 @@ export * from './EditSolid';
 export * from './Archive';
 export * from './Unarchive';
 export * from './Settings';
+export * from './SettingsSolid';
 export * from './Link';
 export * from './Attachment';
 export * from './Close';