@atlaskit/editor-common
Version:
A package that contains common classes and components for editor and renderer
129 lines (127 loc) • 3.88 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = IconDate;
var _react = _interopRequireDefault(require("react"));
var _useIconThemed2 = require("../use-icon-themed");
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
function IconDate() {
var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
iconThemed = _useIconThemed.iconThemed;
return /*#__PURE__*/_react.default.createElement("svg", {
focusable: "false",
"aria-hidden": true,
width: 40,
height: 40
}, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
x1: "100.699%",
y1: "50%",
x2: "-14.52%",
y2: "50%",
id: "date-a"
}, /*#__PURE__*/_react.default.createElement("stop", {
stopColor: "#FAFBFC",
offset: "0%"
}), /*#__PURE__*/_react.default.createElement("stop", {
stopColor: "#F4F6F8",
stopOpacity: 0.859,
offset: "12.52%"
}), /*#__PURE__*/_react.default.createElement("stop", {
stopColor: "#E3E6EA",
stopOpacity: 0.402,
offset: "54.65%"
}), /*#__PURE__*/_react.default.createElement("stop", {
stopColor: "#D7DCE1",
stopOpacity: 0.113,
offset: "83.66%"
}), /*#__PURE__*/_react.default.createElement("stop", {
stopColor: "#D3D8DE",
stopOpacity: 0,
offset: "97.03%"
})), /*#__PURE__*/_react.default.createElement("linearGradient", {
x1: "50%",
y1: "4.543%",
x2: "50%",
y2: "100%",
id: "date-b"
}, /*#__PURE__*/_react.default.createElement("stop", {
stopColor: "#FF7043",
offset: "0%"
}), /*#__PURE__*/_react.default.createElement("stop", {
stopColor: "#FF5630",
offset: "100%"
})), /*#__PURE__*/_react.default.createElement("linearGradient", {
x1: "100.699%",
y1: "50%",
x2: "-14.52%",
y2: "50%",
id: "date-c"
}, /*#__PURE__*/_react.default.createElement("stop", {
stopColor: "#738496",
stopOpacity: "37%"
}), /*#__PURE__*/_react.default.createElement("stop", {
offset: "0.97",
stopColor: "#2C333A",
stopOpacity: "0"
}))), /*#__PURE__*/_react.default.createElement("g", {
fill: "none",
fillRule: "evenodd"
}, /*#__PURE__*/_react.default.createElement("path", {
fill: iconThemed({
light: '#fff',
dark: '#161A1D'
}),
d: "M0 0h40v40H0z"
}), /*#__PURE__*/_react.default.createElement("g", {
transform: "translate(8 7)"
}, /*#__PURE__*/_react.default.createElement("path", {
d: "M0 8h24v14a2 2 0 01-2 2H2a2 2 0 01-2-2V8z",
fill: iconThemed({
light: '#EBECF0',
dark: '#5A6977'
})
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M18.109 17.42c-2.877-1.466-5.608-.66-9.359-1.604C6.18 15.17 2.987 13.661 0 10v13.913h22.294c-.353-2.421-1.384-5.065-4.185-6.493z",
fill: iconThemed({
light: 'url(#date-a)',
dark: 'url(#date-c)'
}),
fillRule: "nonzero",
opacity: 0.37,
style: {
mixBlendMode: 'screen'
}
}), /*#__PURE__*/_react.default.createElement("path", {
d: "M1 2h22a1 1 0 011 1v7H0V3a1 1 0 011-1z",
fill: iconThemed({
light: 'url(#date-b)',
dark: '#B22515'
})
}), /*#__PURE__*/_react.default.createElement("rect", {
fill: iconThemed({
light: '#0065FF',
dark: '#0055CC'
}),
x: 5,
width: 2,
height: 6,
rx: 1
}), /*#__PURE__*/_react.default.createElement("rect", {
fill: iconThemed({
light: '#0065FF',
dark: '#0055CC'
}),
x: 17,
width: 2,
height: 6,
rx: 1
}), /*#__PURE__*/_react.default.createElement("path", {
fill: iconThemed({
light: '#C1C7D0',
dark: '#8696A7'
}),
d: "M4 13h4v3H4zm0 5h4v3H4zm6 0h4v3h-4zm0-5h4v3h-4zm6 5h4v3h-4zm0-5h4v3h-4z"
}))));
}