npm - @activecollab/components - Versions diffs - 2.0.237 → 2.0.238 - Mend

@activecollab/components 2.0.237 → 2.0.238

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/cjs/components/Icons/collection/ReminderIcon.js ADDED Viewed

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _GradientDefs = require("../../GradientDefs");
+var _excluded = ["gradient"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * @component ReminderIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <ReminderIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <ReminderIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var ReminderIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, svgRef) {
+  var gradient = _ref.gradient,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    width: 18,
+    height: 18,
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "ReminderIcon",
+    fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: svgRef
+  }, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M13.95 13.95h-3v-1.125h1.875V10.95h1.125v3z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.2 8.7a4.5 4.5 0 110 9 4.5 4.5 0 010-9zm0 1.125a3.376 3.376 0 100 6.75 3.376 3.376 0 000-6.75z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M6 3h6V1.5h1.5V3H15a1.5 1.5 0 011.5 1.5v3H15V6H3v9h4.5v1.5H3A1.5 1.5 0 011.5 15V4.5A1.5 1.5 0 013 3h1.5V1.5H6V3z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M6.75 9.75H4.5V7.5h2.25v2.25z"
+  }));
+});
+ReminderIcon.displayName = "ReminderIcon";
+var _default = exports.default = ReminderIcon;
+//# sourceMappingURL=ReminderIcon.js.map

package/dist/cjs/components/Icons/collection/ReminderIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ReminderIcon.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ReminderIcon","React","forwardRef","_ref","svgRef","gradient","props","createElement","width","height","xmlns","fill","focusable","ref","GradientDefs","d","fillRule","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ReminderIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ReminderIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <ReminderIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <ReminderIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ReminderIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n svgRef?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n width={18}\n height={18}\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"ReminderIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path d=\"M13.95 13.95h-3v-1.125h1.875V10.95h1.125v3z\" />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.2 8.7a4.5 4.5 0 110 9 4.5 4.5 0 010-9zm0 1.125a3.376 3.376 0 100 6.75 3.376 3.376 0 000-6.75z\"\n />\n <path d=\"M6 3h6V1.5h1.5V3H15a1.5 1.5 0 011.5 1.5v3H15V6H3v9h4.5v1.5H3A1.5 1.5 0 011.5 15V4.5A1.5 1.5 0 013 3h1.5V1.5H6V3z\" />\n <path d=\"M6.75 9.75H4.5V7.5h2.25v2.25z\" />\n </svg>\n )\n);\nReminderIcon.displayName = \"ReminderIcon\";\nexport default ReminderIcon;\n"],"mappings":"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"}

package/dist/esm/components/Icons/collection/ReminderIcon.d.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * @component ReminderIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <ReminderIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <ReminderIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+declare const ReminderIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string | undefined;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ReminderIcon;
+//# sourceMappingURL=ReminderIcon.d.ts.map

package/dist/esm/components/Icons/collection/ReminderIcon.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ReminderIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/ReminderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,YAAY;;+CAqCjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/components/Icons/collection/ReminderIcon.js ADDED Viewed

@@ -0,0 +1,60 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+/**
+ * @component ReminderIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <ReminderIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <ReminderIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+const ReminderIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    gradient,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 18,
+    height: 18,
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "ReminderIcon",
+    fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.95 13.95h-3v-1.125h1.875V10.95h1.125v3z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.2 8.7a4.5 4.5 0 110 9 4.5 4.5 0 010-9zm0 1.125a3.376 3.376 0 100 6.75 3.376 3.376 0 000-6.75z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6 3h6V1.5h1.5V3H15a1.5 1.5 0 011.5 1.5v3H15V6H3v9h4.5v1.5H3A1.5 1.5 0 011.5 15V4.5A1.5 1.5 0 013 3h1.5V1.5H6V3z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6.75 9.75H4.5V7.5h2.25v2.25z"
+  }));
+});
+ReminderIcon.displayName = "ReminderIcon";
+export default ReminderIcon;
+//# sourceMappingURL=ReminderIcon.js.map

package/dist/esm/components/Icons/collection/ReminderIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ReminderIcon.js","names":["React","GradientDefs","ReminderIcon","forwardRef","_ref","svgRef","gradient","props","createElement","_extends","width","height","xmlns","fill","focusable","ref","d","fillRule","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/ReminderIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ReminderIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <ReminderIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <ReminderIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ReminderIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n svgRef?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n width={18}\n height={18}\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"ReminderIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path d=\"M13.95 13.95h-3v-1.125h1.875V10.95h1.125v3z\" />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.2 8.7a4.5 4.5 0 110 9 4.5 4.5 0 010-9zm0 1.125a3.376 3.376 0 100 6.75 3.376 3.376 0 000-6.75z\"\n />\n <path d=\"M6 3h6V1.5h1.5V3H15a1.5 1.5 0 011.5 1.5v3H15V6H3v9h4.5v1.5H3A1.5 1.5 0 011.5 15V4.5A1.5 1.5 0 013 3h1.5V1.5H6V3z\" />\n <path d=\"M6.75 9.75H4.5V7.5h2.25v2.25z\" />\n </svg>\n )\n);\nReminderIcon.displayName = \"ReminderIcon\";\nexport default ReminderIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;IACEC,QAAQ;IACR,GAAGC;EAGL,CAAC,GAAAH,IAAA;EAAA,oBAGDJ,KAAA,CAAAQ,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,KAAK,EAAC,4BAA4B;IAClC,eAAY,cAAc;IAC1BC,IAAI,EACFP,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEM,IAAI,GACXN,KAAK,CAACM,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEV;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAQ,aAAA,CAACP,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAQ,aAAA;IAAMQ,CAAC,EAAC;EAA6C,CAAE,CAAC,eACxDhB,KAAA,CAAAQ,aAAA;IACES,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBF,CAAC,EAAC;EAAmG,CACtG,CAAC,eACFhB,KAAA,CAAAQ,aAAA;IAAMQ,CAAC,EAAC;EAAkH,CAAE,CAAC,eAC7HhB,KAAA,CAAAQ,aAAA;IAAMQ,CAAC,EAAC;EAA+B,CAAE,CACtC,CAAC;AAAA,CAEV,CAAC;AACDd,YAAY,CAACiB,WAAW,GAAG,cAAc;AACzC,eAAejB,YAAY"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@activecollab/components",
-  "version": "2.0.237",
+  "version": "2.0.238",
   "description": "ActiveCollab Components",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",