@activecollab/components/dist/esm/presentation/whiteboard/glyphs.js

ActiveCollab Components

import _extends from "@babel/runtime/helpers/esm/extends";
import React from "react";

/* ------------------------------------------------------------------ */
/* Local line glyphs (no DS equivalent), drawn with currentColor 24x24 */
/* ------------------------------------------------------------------ */

export const svgBase = {
  width: 24,
  height: 24,
  viewBox: "0 0 24 24",
  fill: "none",
  /* inline style beats the Button CSS "svg { fill: currentColor }", which
     would otherwise fill the closed shapes */
  style: {
    fill: "none"
  },
  stroke: "currentColor",
  strokeWidth: 1.6,
  strokeLinecap: "round",
  strokeLinejoin: "round"
};

/* 16px stroke glyphs for the formatting toolbars (the app uses lucide-react
   here, which the DS icon set doesn't cover) */
export const glyph16 = _extends({}, svgBase, {
  width: 16,
  height: 16,
  strokeWidth: 2
});

/* lucide Square = the plain "Rectangle" shape type */
export const SquareGlyph = props => /*#__PURE__*/React.createElement("svg", _extends({}, glyph16, props), /*#__PURE__*/React.createElement("rect", {
  x: "3",
  y: "3",
  width: "18",
  height: "18",
  rx: "2"
}));

/* lucide Minus / Plus (stepper) */
export const MinusGlyph = props => /*#__PURE__*/React.createElement("svg", _extends({}, glyph16, props), /*#__PURE__*/React.createElement("path", {
  d: "M5 12h14"
}));
export const PlusGlyph = props => /*#__PURE__*/React.createElement("svg", _extends({}, glyph16, props), /*#__PURE__*/React.createElement("path", {
  d: "M12 5v14"
}), /*#__PURE__*/React.createElement("path", {
  d: "M5 12h14"
}));
//# sourceMappingURL=glyphs.js.map