@streetscape.gl/monochrome
Version:
A toolkit of React components for streetscape.gl
47 lines (42 loc) • 2.24 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.PlayIcon = exports.PauseIcon = exports.InfoIcon = exports.IndeterminateIcon = exports.ExpandedIcon = exports.DropdownIcon = exports.DescendingIcon = exports.CollapsedIcon = exports.ClearIcon = exports.CheckIcon = exports.CheckAltIcon = exports.AscendingIcon = void 0;
var _react = _interopRequireDefault(require("react"));
function makeIcon(path) {
return function IconComponent() {
return _react["default"].createElement("svg", {
width: "100%",
viewBox: "0 0 24 24"
}, _react["default"].createElement("path", {
d: path
}));
};
}
var CollapsedIcon = makeIcon('M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z');
exports.CollapsedIcon = CollapsedIcon;
var ExpandedIcon = makeIcon('M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z');
exports.ExpandedIcon = ExpandedIcon;
var PlayIcon = makeIcon('M8 5v14l11-7z');
exports.PlayIcon = PlayIcon;
var PauseIcon = makeIcon('M6 19h4V5H6v14zm8-14v14h4V5h-4z');
exports.PauseIcon = PauseIcon;
var CheckIcon = makeIcon('M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z');
exports.CheckIcon = CheckIcon;
var CheckAltIcon = makeIcon('M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z');
exports.CheckAltIcon = CheckAltIcon;
var IndeterminateIcon = makeIcon('M19 13H5v-2h14v2z');
exports.IndeterminateIcon = IndeterminateIcon;
var AscendingIcon = makeIcon('M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z');
exports.AscendingIcon = AscendingIcon;
var DescendingIcon = makeIcon('M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z');
exports.DescendingIcon = DescendingIcon;
var DropdownIcon = makeIcon('M7 10l5 5 5-5z');
exports.DropdownIcon = DropdownIcon;
var ClearIcon = makeIcon('M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z');
exports.ClearIcon = ClearIcon;
var InfoIcon = makeIcon('M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z');
exports.InfoIcon = InfoIcon;
//# sourceMappingURL=index.js.map