New source found from dndbeyond.com
This commit is contained in:
+10
-4
@@ -2,15 +2,21 @@ import React from "react";
|
||||
|
||||
import { BaseSvgProps } from "../../BaseSvg";
|
||||
|
||||
export default class AnimatedLoadingRingSvg extends React.PureComponent<BaseSvgProps> {
|
||||
interface AnimatedLoadingRingSvgProps extends BaseSvgProps {
|
||||
backgroundColor?: string;
|
||||
}
|
||||
|
||||
export default class AnimatedLoadingRingSvg extends React.PureComponent<AnimatedLoadingRingSvgProps> {
|
||||
static defaultProps = {
|
||||
fillColor: "#EC2127",
|
||||
secondaryFillColor: "#131315",
|
||||
backgroundColor: "transparent",
|
||||
className: "",
|
||||
};
|
||||
|
||||
render() {
|
||||
const { fillColor, secondaryFillColor, className } = this.props;
|
||||
const { fillColor, secondaryFillColor, backgroundColor, className } =
|
||||
this.props;
|
||||
|
||||
let classNames: Array<string> = ["ddbc-animated-loading-ring-svg"];
|
||||
|
||||
@@ -18,7 +24,7 @@ export default class AnimatedLoadingRingSvg extends React.PureComponent<BaseSvgP
|
||||
classNames.push(className);
|
||||
}
|
||||
|
||||
const htmlContent: string = `<html><head><style>* {margin:0}</style></head><body style="background-color: transparent;">
|
||||
const htmlContent: string = `<html><head><style>* {margin:0}</style></head><body style="background-color: ${backgroundColor};">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-ring-alt">
|
||||
<rect x="0" y="0" width="100" height="100" fill="none" class="bk"/>
|
||||
<circle cx="50" cy="50" r="40" stroke="${secondaryFillColor}" fill="none" stroke-width="10" stroke-linecap="round"/>
|
||||
@@ -33,7 +39,7 @@ export default class AnimatedLoadingRingSvg extends React.PureComponent<BaseSvgP
|
||||
className={classNames.join(" ")}
|
||||
frameBorder="0"
|
||||
title="loading"
|
||||
style={{ backgroundColor: "transparent" }}
|
||||
style={{ backgroundColor: backgroundColor }}
|
||||
src={`data:text/html;base64,${btoa(htmlContent)}`}
|
||||
></iframe>
|
||||
);
|
||||
|
||||
@@ -1,25 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
import BaseSvg from "../../BaseSvg";
|
||||
import { InjectedSvgProps } from "../../hocs";
|
||||
|
||||
export default class ChatBubbleSvg extends React.PureComponent<InjectedSvgProps> {
|
||||
render() {
|
||||
const { fillColor, className } = this.props;
|
||||
|
||||
let classNames: Array<string> = ["ddbc-chat-bubble-svg"];
|
||||
|
||||
if (className) {
|
||||
classNames.push(className);
|
||||
}
|
||||
|
||||
return (
|
||||
<BaseSvg className={classNames.join(" ")} viewBox="0 0 21 21">
|
||||
<path
|
||||
fill={fillColor}
|
||||
d="M17.5 11.6666C17.5 12.3095 16.9761 12.8333 16.3333 12.8333H10.5C10.1908 12.8333 9.89329 12.9558 9.67513 13.1751L6.99996 15.8503V14C6.99996 13.3548 6.47729 12.8333 5.83329 12.8333H4.66663C4.02379 12.8333 3.49996 12.3095 3.49996 11.6666V4.66663C3.49996 4.02379 4.02379 3.49996 4.66663 3.49996H16.3333C16.9761 3.49996 17.5 4.02379 17.5 4.66663V11.6666ZM16.3333 1.16663H4.66663C2.73696 1.16663 1.16663 2.73696 1.16663 4.66663V11.6666C1.16663 13.5963 2.73696 15.1666 4.66663 15.1666V18.6666C4.66663 19.138 4.95129 19.565 5.38646 19.7446C5.53113 19.8041 5.68279 19.8333 5.83329 19.8333C6.13663 19.8333 6.43529 19.7143 6.65813 19.4915L10.983 15.1666H16.3333C18.263 15.1666 19.8333 13.5963 19.8333 11.6666V4.66663C19.8333 2.73696 18.263 1.16663 16.3333 1.16663ZM14 6.99996H6.99996C6.35596 6.99996 5.83329 7.52146 5.83329 8.16663C5.83329 8.81179 6.35596 9.33329 6.99996 9.33329H14C14.644 9.33329 15.1666 8.81179 15.1666 8.16663C15.1666 7.52146 14.644 6.99996 14 6.99996Z"
|
||||
/>
|
||||
</BaseSvg>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
import { asDarkSvg, asLightSvg, asPositiveSvg, asThemedSvg } from "../../hocs";
|
||||
import ChatBubbleSvg from "./ChatBubbleSvg";
|
||||
|
||||
const LightChatBubbleSvg = asLightSvg(ChatBubbleSvg);
|
||||
const DarkChatBubbleSvg = asDarkSvg(ChatBubbleSvg);
|
||||
const ThemedChatBubbleSvg = asThemedSvg(ChatBubbleSvg);
|
||||
const PositiveChatBubbleSvg = asPositiveSvg(ChatBubbleSvg);
|
||||
|
||||
export default ChatBubbleSvg;
|
||||
export {
|
||||
ChatBubbleSvg,
|
||||
LightChatBubbleSvg,
|
||||
ThemedChatBubbleSvg,
|
||||
DarkChatBubbleSvg,
|
||||
PositiveChatBubbleSvg,
|
||||
};
|
||||
@@ -1,25 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
import BaseSvg from "../../BaseSvg";
|
||||
import { InjectedSvgProps } from "../../hocs";
|
||||
|
||||
export default class ExportSvg extends React.PureComponent<InjectedSvgProps> {
|
||||
render() {
|
||||
const { fillColor, className } = this.props;
|
||||
|
||||
let classNames: Array<string> = ["ddbc-export-svg"];
|
||||
|
||||
if (className) {
|
||||
classNames.push(className);
|
||||
}
|
||||
|
||||
return (
|
||||
<BaseSvg className={classNames.join(" ")} viewBox="0 0 13 16">
|
||||
<path
|
||||
d="M9 0H0V16H13V4L9 0ZM8.7 1.8L10.7 3.8H8.7V1.8ZM1.5 14.5V12.4H9.1V10.9H1.5V8.7H9.1V7.2H1.5V5H4.3V3.5H1.5V1.5H7.2V5.3H11.5V14.5H1.5Z"
|
||||
fill={fillColor}
|
||||
/>
|
||||
</BaseSvg>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
import { asDarkSvg, asLightSvg, asThemedSvg, asDisabledSvg } from "../../hocs";
|
||||
import ExportSvg from "./ExportSvg";
|
||||
|
||||
const LightExportSvg = asLightSvg(ExportSvg);
|
||||
const DarkExportSvg = asDarkSvg(ExportSvg);
|
||||
const ThemedExportSvg = asThemedSvg(ExportSvg);
|
||||
const DisabledExportSvg = asDisabledSvg(ExportSvg);
|
||||
|
||||
export default ExportSvg;
|
||||
export {
|
||||
ExportSvg,
|
||||
DarkExportSvg,
|
||||
LightExportSvg,
|
||||
ThemedExportSvg,
|
||||
DisabledExportSvg,
|
||||
};
|
||||
@@ -1,30 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
import BaseSvg from "../../BaseSvg";
|
||||
import { InjectedSvgProps } from "../../hocs";
|
||||
|
||||
export default class LinkOutSvg extends React.PureComponent<InjectedSvgProps> {
|
||||
render() {
|
||||
const { fillColor, className } = this.props;
|
||||
|
||||
let classNames: Array<string> = ["ddbc-link-out-svg"];
|
||||
|
||||
if (className) {
|
||||
classNames.push(className);
|
||||
}
|
||||
|
||||
return (
|
||||
<BaseSvg className={classNames.join(" ")} viewBox="0 0 18 18">
|
||||
<path
|
||||
d="M16.7068 1.293C16.8028 1.389 16.8758 1.5 16.9248 1.619C16.9728 1.735 16.9998 1.863 16.9998 1.997V2V7C16.9998 7.553 16.5518 8 15.9998
|
||||
8C15.4478 8 14.9998 7.553 14.9998 7V4.414L8.7068 10.707C8.5118 10.902 8.2558 11 7.9998 11C7.7438 11 7.4878 10.902 7.2928 10.707C6.9028 10.316
|
||||
6.9028 9.683 7.2928 9.293L13.5858 3H10.9998C10.4478 3 9.9998 2.553 9.9998 2C9.9998 1.447 10.4478 1 10.9998 1H15.9998H16.0028C16.1368 1 16.2648
|
||||
1.027 16.3808 1.075C16.4998 1.124 16.6108 1.197 16.7068 1.293ZM12 10.9999C12 10.4469 12.448 9.9999 13 9.9999C13.552 9.9999 14 10.4469 14
|
||||
10.9999V15.9999C14 16.5529 13.552 16.9999 13 16.9999H2C1.448 16.9999 1 16.5529 1 15.9999V4.9999C1 4.4469 1.448 3.9999 2 3.9999H7C7.552
|
||||
3.9999 8 4.4469 8 4.9999C8 5.5529 7.552 5.9999 7 5.9999H3V14.9999H12V10.9999Z"
|
||||
fill={fillColor}
|
||||
/>
|
||||
</BaseSvg>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,8 +0,0 @@
|
||||
import { asLightSvg, asThemedSvg } from "../../hocs";
|
||||
import LinkOutSvg from "./LinkOutSvg";
|
||||
|
||||
const LightLinkOutSvg = asLightSvg(LinkOutSvg);
|
||||
const ThemedLinkOutSvg = asThemedSvg(LinkOutSvg);
|
||||
|
||||
export default LinkOutSvg;
|
||||
export { LinkOutSvg, LightLinkOutSvg, ThemedLinkOutSvg };
|
||||
Reference in New Issue
Block a user