@assembly-js/design-system 3.1.5 → 3.1.7

package/dist/esm/common/utils.js

@@ -1,8 +1,31 @@
 // This file is generated by a script. Do not edit this file directly.
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
+var COP_PREFIX = 'cop-';
+function stripCopPrefix(_ref) {
+  var className = _ref.className,
+    parseClassName = _ref.parseClassName;
+  var parsed = parseClassName(className);
+  if (parsed.baseClassName.startsWith(COP_PREFIX)) {
+    return _objectSpread(_objectSpread({}, parsed), {}, {
+      baseClassName: parsed.baseClassName.slice(COP_PREFIX.length)
+    });
+  }
+  return parsed;
+}
+
+// `prefix: 'cop-'` was replaced with a custom parser because the built-in
+// prefix option failed to merge mixed prefixed/non-prefixed classes correctly.
+// `experimentalParseClassName` is experimental — revisit this if upgrading
+// tailwind-merge to a new major version.
 var twMerge = extendTailwindMerge({
-  prefix: 'cop-'
+  experimentalParseClassName: stripCopPrefix
 });
 export function cn() {
   for (var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++) {

package/dist/esm/components/Checkbox/Checkbox.js

@@ -20,7 +20,7 @@ export var CheckboxSize = /*#__PURE__*/function (CheckboxSize) {
   return CheckboxSize;
 }({});
 var checkboxContainerStyles = cva({
-  base: 'cop-box-border cop-flex cop-cursor-pointer cop-rounded-[3px] cop-border cop-border-solid cop-p-0 cop-outline-none  peer-focus-visible:cop-outline-2 peer-focus-visible:cop-outline-[#0071E3] flex cop-justify-center cop-items-center',
+  base: 'cop-box-border cop-flex cop-cursor-pointer cop-rounded-[3px] cop-border cop-border-solid cop-p-0 cop-outline-none peer-focus-visible:cop-outline-2 peer-focus-visible:cop-outline-[#0071E3] cop-justify-center cop-items-center',
   variants: {
     size: _defineProperty(_defineProperty({}, CheckboxSize.DEFAULT, 'cop-h-4 cop-w-4'), CheckboxSize.LARGE, 'cop-h-[18px] cop-w-[18px]'),
     checked: {

package/dist/esm/components/Icon.js

@@ -6,7 +6,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React from "react";
 import * as icons from "../icons";
 import { icons as faIcons } from "./IconPicker/icons.generated";
-import { iconToFaMap } from "../icons/iconToFaMap";
+import { iconToFaMap } from "../constants/iconToFaMap";
 var faIconMap;
 function getFAIconMap() {
   if (!faIconMap) {

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

@@ -15,7 +15,7 @@ import { Input } from "../Input";
 import { IconGrid } from "./IconGrid";
 import { searchIcons } from "./searchIcons";
 import { pickerIcons } from "./pickerIcons";
-import { iconToFaMap } from "../../icons/iconToFaMap";
+import { iconToFaMap } from "../../constants/iconToFaMap";
 var IconPicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var value = _ref.value,
     onChange = _ref.onChange,

package/dist/esm/components/TextLink/TextLink.js

@@ -6,7 +6,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React from 'react';
 import { cva } from 'cva';
 var textLinkClasses = cva({
-  base: 'cop-flex cop-items-center cop-gap-1.5 outline-none cop-outline-solid cop-outline-link cop-outline-offset-[3px] cop-w-fit cop-underline-offset-[3px] cursor-pointer',
+  base: 'cop-flex cop-items-center cop-gap-1.5 cop-outline-none cop-outline-solid cop-outline-link cop-outline-offset-[3px] cop-w-fit cop-underline-offset-[3px] cop-cursor-pointer',
   variants: {
     variant: {
       "default": 'cop-text-link cop-no-underline hover:cop-text-link-hover active:cop-text-link-active',

package/dist/esm/{icons → constants}/iconToFaMap.js

@@ -298,7 +298,7 @@ export var iconToFaMap = {
   contracts: 'signature',
   dashboard: 'gauge',
   forms: 'clipboard',
-  files: 'folder',
+  files: 'file',
   knowledge: 'book-open',
   payments: 'credit-card',
   messages: 'message',
@@ -307,5 +307,14 @@ export var iconToFaMap = {
   BuildingIcon: 'building',
   CustomizationIcon: 'palette',
   PortalModulesIcon: 'list-ul',
-  MainSettingsIcon: 'gear'
+  MainSettingsIcon: 'gear',
+  backlinks: 'arrows-repeat',
+  cube: 'cube',
+  extension: 'link',
+  keywords: 'book',
+  linegraph: 'chart-line',
+  piechart: 'chart-pie',
+  shapes: 'shapes',
+  venn: 'circles-overlap-3',
+  visible: 'eye'
 };

package/dist/esm/icons/Details.js

@@ -6,15 +6,8 @@ export var Details = function Details(props) {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#details-a)"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M5 1.875a.627.627 0 0 0-.625.625v15c0 .344.281.625.625.625h10a.627.627 0 0 0 .625-.625v-15A.627.627 0 0 0 15 1.875zM2.5 2.5C2.5 1.121 3.621 0 5 0h10c1.379 0 2.5 1.121 2.5 2.5v15c0 1.379-1.121 2.5-2.5 2.5H5a2.5 2.5 0 0 1-2.5-2.5zM7.188 5h5.625c.519 0 .937.418.937.938 0 .519-.418.937-.937.937H7.187a.935.935 0 0 1-.937-.937c0-.52.418-.938.938-.938m0 3.75h5.625c.519 0 .937.418.937.938 0 .519-.418.937-.937.937H7.187a.935.935 0 0 1-.937-.937c0-.52.418-.938.938-.938m0 3.75h1.875c.519 0 .937.418.937.938 0 .519-.418.937-.937.937H7.187a.935.935 0 0 1-.937-.937c0-.52.418-.938.938-.938"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "details-a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M0 0h20v20H0z"
-  }))));
+  }));
 };

package/dist/esm/icons/Download.js

@@ -6,15 +6,8 @@ export var Download = function Download(props) {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#download-a)"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M16.063 20c.519 0 .937-.418.937-.937a.935.935 0 0 0-.937-.938H2.938a.935.935 0 0 0-.938.938c0 .519.418.937.938.937zm-7.227-5.273a.934.934 0 0 0 1.324 0l5.317-5.313a.937.937 0 0 0-1.324-1.324L10.44 11.8V.939A.935.935 0 0 0 9.504 0a.935.935 0 0 0-.938.938V11.8L4.856 8.09a.937.937 0 0 0-1.324 1.324z"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "download-a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M0 0h20v20H0z"
-  }))));
+  }));
 };

package/dist/esm/icons/LockFilled.js

@@ -8,9 +8,6 @@ export var LockFilled = function LockFilled(props) {
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M7.118 4.706v2.353H13V4.706a2.94 2.94 0 1 0-5.882 0M5.353 7.059V4.706a4.706 4.706 0 1 1 9.412 0v2.353a2.355 2.355 0 0 1 2.353 2.353v8.235A2.355 2.355 0 0 1 14.765 20H5.353A2.355 2.355 0 0 1 3 17.647V9.412a2.355 2.355 0 0 1 2.353-2.353m0 1.765a.59.59 0 0 0-.588.588v8.235a.59.59 0 0 0 .588.588h9.412a.59.59 0 0 0 .588-.588V9.412a.59.59 0 0 0-.588-.588z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M4 8h12v11H4z"
+    d: "M7.118 4.706v2.353H13V4.706a2.94 2.94 0 1 0-5.882 0M5.353 7.059V4.706a4.706 4.706 0 1 1 9.412 0v2.353a2.355 2.355 0 0 1 2.353 2.353v8.235A2.355 2.355 0 0 1 14.765 20H5.353A2.355 2.355 0 0 1 3 17.647V9.412a2.355 2.355 0 0 1 2.353-2.353"
   }));
 };

package/dist/esm/icons/SettingsSolid.js

@@ -5,16 +5,9 @@ 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", {
+    viewBox: "0 0 21 20"
+  }, props), /*#__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"
-  }))));
+    d: "M11.938.852a.88.88 0 0 0-.762-.782 11 11 0 0 0-1.168-.066q-.652 0-1.281.082a.884.884 0 0 0-.754.781l-.114.903a.66.66 0 0 1-.449.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-.015A10 10 0 0 0 2.09 3.887a.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.024 9.18 0 9.594 0 10.007q-.001.623.074 1.227c.051.403.38.707.781.758l.891.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.112.903c.051.402.352.73.754.781.418.055.848.082 1.282.082q.592 0 1.168-.066a.884.884 0 0 0 .761-.782l.11-.879a.66.66 0 0 1 .457-.539q.587-.189 1.133-.46a.66.66 0 0 1 .695.058l.707.555c.32.25.765.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-.782-.758l-.89-.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.21a10 10 0 0 0-.32-.262.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-.536zm-1.93 6.023a3.125 3.125 0 1 1 0 6.25 3.125 3.125 0 0 1 0-6.25"
+  }));
 };

package/dist/esm/icons/Upload.js

@@ -5,16 +5,9 @@ export var Upload = function Upload(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(#upload-a)"
-  }, /*#__PURE__*/React.createElement("path", {
+    viewBox: "0 0 20 21"
+  }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M10.164.273a.934.934 0 0 0-1.324 0L3.523 5.586A.937.937 0 0 0 4.847 6.91L8.56 3.2v10.862c0 .52.418.938.937.938s.938-.418.938-.937V3.198l3.71 3.711a.937.937 0 0 0 1.324-1.324zM2.938 18.125a.935.935 0 0 0-.938.938c0 .519.418.937.938.937h13.125c.519 0 .937-.418.937-.937a.935.935 0 0 0-.937-.938z"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "upload-a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M0 0h20v20H0z"
-  }))));
+    d: "M10.164.275a.934.934 0 0 0-1.324 0L3.523 5.588a.937.937 0 0 0 1.324 1.324l3.712-3.71v10.863c0 .519.418.937.937.937s.938-.418.938-.937V3.2l3.71 3.711a.937.937 0 0 0 1.324-1.324zM2.938 18.127a.935.935 0 0 0-.938.938c0 .519.418.937.938.937h13.125c.519 0 .937-.418.937-.937a.935.935 0 0 0-.937-.938z"
+  }));
 };

package/dist/esm/types/components/Avatar/Avatar.d.ts

@@ -20,8 +20,8 @@ declare const Avatar: React.ForwardRefExoticComponent<({
     content?: string | undefined;
     translate?: "yes" | "no" | undefined;
     prefix?: string | undefined;
-    children?: React.ReactNode;
     className?: string | undefined;
+    children?: React.ReactNode;
     slot?: string | undefined;
     style?: React.CSSProperties | undefined;
     title?: string | undefined;
@@ -299,8 +299,8 @@ declare const Avatar: React.ForwardRefExoticComponent<({
     content?: string | undefined;
     translate?: "yes" | "no" | undefined;
     prefix?: string | undefined;
-    children?: React.ReactNode;
     className?: string | undefined;
+    children?: React.ReactNode;
     slot?: string | undefined;
     style?: React.CSSProperties | undefined;
     title?: string | undefined;