@activecollab/components/dist/cjs/components/StackedCard/Glyphs.js

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StackedCardResizeHandleGlyph = exports.StackedCardRemoveCoverGlyph = exports.StackedCardExpandGlyph = exports.StackedCardCollapseGlyph = void 0;
var _react = _interopRequireDefault(require("react"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/**
 * StackedCard chrome glyphs.
 *
 * These are part of the card's own chrome — they act on the CARD (collapse the
 * cover, remove the cover, resize the card), never on the entity a card
 * represents. They ship with the component rather than coming from the icon
 * collection so a facade never has to re-pick them and every stacked card
 * reads the same.
 */

/** Collapse the cover down to its thin strip. */
var StackedCardCollapseGlyph = exports.StackedCardCollapseGlyph = function StackedCardCollapseGlyph() {
  return /*#__PURE__*/_react.default.createElement("svg", {
    viewBox: "0 0 16 16",
    fill: "none",
    "aria-hidden": "true"
  }, /*#__PURE__*/_react.default.createElement("path", {
    d: "M6.5 2.5v4h-4M9.5 13.5v-4h4",
    stroke: "currentColor",
    strokeWidth: "1.5",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }));
};

/** Expand a collapsed cover — the inverse of collapse, shown on the strip. */
var StackedCardExpandGlyph = exports.StackedCardExpandGlyph = function StackedCardExpandGlyph() {
  return /*#__PURE__*/_react.default.createElement("svg", {
    viewBox: "0 0 16 16",
    fill: "none",
    "aria-hidden": "true"
  }, /*#__PURE__*/_react.default.createElement("path", {
    d: "M2.5 6.5v-4h4M13.5 9.5v4h-4",
    stroke: "currentColor",
    strokeWidth: "1.5",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }));
};

/** Drop the cover entirely. */
var StackedCardRemoveCoverGlyph = exports.StackedCardRemoveCoverGlyph = function StackedCardRemoveCoverGlyph() {
  return /*#__PURE__*/_react.default.createElement("svg", {
    viewBox: "0 0 16 16",
    fill: "none",
    "aria-hidden": "true"
  }, /*#__PURE__*/_react.default.createElement("rect", {
    x: "2.25",
    y: "3.75",
    width: "11.5",
    height: "8.5",
    rx: "1.5",
    stroke: "currentColor",
    strokeWidth: "1.5"
  }), /*#__PURE__*/_react.default.createElement("path", {
    d: "M6 9.5L10 6M10 9.5L6 6",
    stroke: "currentColor",
    strokeWidth: "1.5",
    strokeLinecap: "round"
  }));
};

/** The bottom-right resize grip. */
var StackedCardResizeHandleGlyph = exports.StackedCardResizeHandleGlyph = function StackedCardResizeHandleGlyph() {
  return /*#__PURE__*/_react.default.createElement("svg", {
    width: "14",
    height: "14",
    viewBox: "0 0 14 14",
    fill: "none",
    "aria-hidden": "true"
  }, /*#__PURE__*/_react.default.createElement("path", {
    d: "M12 6v6H6M12 9.5L9.5 12",
    stroke: "currentColor",
    strokeWidth: "1.5",
    strokeLinecap: "round"
  }));
};
//# sourceMappingURL=Glyphs.js.map