New source found from dndbeyond.com
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
import * as React from "react";
|
||||
import { PureComponent, PropsWithChildren } from "react";
|
||||
|
||||
interface Props {
|
||||
interface Props extends PropsWithChildren {
|
||||
className: string;
|
||||
viewBox: string;
|
||||
preserveAspectRatio?: string;
|
||||
}
|
||||
|
||||
export default class BaseSvg extends React.PureComponent<Props> {
|
||||
export default class BaseSvg extends PureComponent<Props> {
|
||||
static defaultProps = {
|
||||
className: "",
|
||||
viewBox: "0 0 100 100",
|
||||
|
||||
+3
-4
@@ -2,11 +2,10 @@ import React from "react";
|
||||
|
||||
import BaseSvg from "../../BaseSvg";
|
||||
import { InjectedSvgProps } from "../../hocs";
|
||||
import SavingThrowRowBoxSvg from "../SavingThrowRowBoxSvg";
|
||||
|
||||
export default class SavingThrowSelectionBoxSvg extends React.PureComponent<InjectedSvgProps> {
|
||||
render() {
|
||||
const { fillColor, className } = this.props;
|
||||
const { className } = this.props;
|
||||
|
||||
let classNames: Array<string> = ["ddbc-saving-throw-selection-box-svg"];
|
||||
|
||||
@@ -15,7 +14,7 @@ export default class SavingThrowSelectionBoxSvg extends React.PureComponent<Inje
|
||||
}
|
||||
|
||||
return (
|
||||
<React.Fragment>
|
||||
<>
|
||||
<BaseSvg className={classNames.join(" ")} viewBox="0 0 41 36">
|
||||
<path
|
||||
d="M10.8724 1H30.3426C30.9246 1 31.4467 1.15738 31.8408 1.45807C35.0159 3.88086 40 9.69489 40 18C40 26.3051 35.0159 32.1191 31.8408 34.5419C31.4467 34.8426 30.9246 35 30.3426 35H10.8724C10.1907 35 9.57613 34.7818 9.1371 34.3765C6.08124 31.555 1.5 25.4781 1.5 18C1.5 10.5219 6.08124 4.44504 9.1371 1.62354C9.57613 1.21818 10.1907 1 10.8724 1Z"
|
||||
@@ -23,7 +22,7 @@ export default class SavingThrowSelectionBoxSvg extends React.PureComponent<Inje
|
||||
strokeWidth="1"
|
||||
/>
|
||||
</BaseSvg>
|
||||
</React.Fragment>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
+32
@@ -0,0 +1,32 @@
|
||||
import React from "react";
|
||||
|
||||
import BaseSvg from "../../../BaseSvg";
|
||||
import { InjectedSvgProps } from "../../../hocs";
|
||||
|
||||
export default class SenseRowBoxSvg extends React.PureComponent<InjectedSvgProps> {
|
||||
render() {
|
||||
const { fillColor, className } = this.props;
|
||||
|
||||
let classNames: Array<string> = ["ddbc-sense-row-box-svg"];
|
||||
|
||||
if (className) {
|
||||
classNames.push(className);
|
||||
}
|
||||
|
||||
return (
|
||||
<BaseSvg className={classNames.join(" ")} viewBox="0 0 43 33">
|
||||
<g clip-path="url(#clip0_10400_116)">
|
||||
<path
|
||||
d="M33.3884 32.8019C36.1648 30.7836 38.2245 28.8596 40.0014 26.3792C40.2336 26.002 40.4557 25.6247 40.6678 25.238C40.6678 25.238 40.6678 25.2192 40.6779 25.2192C40.8091 24.9834 40.9202 24.7476 41.0312 24.5118C42.2125 22.0125 42.9798 19.0983 42.9798 15.8917C42.9798 15.3541 42.9495 14.8353 42.9091 14.3261C42.9091 14.2978 42.9091 14.2695 42.9091 14.2506C42.8788 13.9394 42.8284 13.6376 42.7779 13.3358C42.5053 11.723 42.0308 10.1669 41.3543 8.67673C39.4562 5.1966 36.811 2.48982 33.3783 0.207456L33.0653 0.00939941H9.87415L9.56117 0.103712C3.57408 3.80077 0 9.82735 0 16.4481C0 23.0688 3.57408 29.1049 9.55107 32.8019L9.86405 33H33.0653L33.3783 32.8019H33.3884ZM32.3383 2.33892C33.4893 3.12172 34.5393 3.98939 35.4884 4.8665C32.9643 4.37608 30.1374 3.60271 26.7753 2.33892H32.3383ZM10.6011 30.5667C5.66401 27.3506 2.62503 22.0974 2.62503 16.4481C2.62503 10.7988 5.6741 5.54555 10.6011 2.33892H21.4142C26.3513 4.38551 33.0653 5.45124 36.4273 6.03598C38.8403 8.95967 40.3144 12.6567 40.3144 16.4481C40.3144 20.2395 38.9514 23.946 36.4273 26.8602C33.1763 27.445 26.4522 28.5107 21.4142 30.5573H10.6011V30.5667ZM26.7753 30.5667C30.1374 29.3029 33.0754 28.5201 35.4884 28.0391C34.5393 28.9162 33.4893 29.7933 32.3383 30.5667H26.7753Z"
|
||||
fill={fillColor}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_10400_116">
|
||||
<rect width="43" height="33" fill={fillColor} />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</BaseSvg>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
import SenseRowMinimalSvg from "./SenseRowMinimalSvg";
|
||||
|
||||
export default SenseRowMinimalSvg;
|
||||
@@ -1,11 +1,14 @@
|
||||
import { asEmptySvg, asThemedSvg } from "../../hocs";
|
||||
import SenseRowBoxSvg from "./SenseRowBoxSvg";
|
||||
import SenseRowMinimalSvg from "./SenseRowMinimalSvg";
|
||||
import SenseRowSmallBoxSvg from "./SenseRowSmallBoxSvg";
|
||||
|
||||
const EmptySenseRowBoxSvg = asEmptySvg(SenseRowBoxSvg);
|
||||
const ThemedSenseRowBoxSvg = asThemedSvg(SenseRowBoxSvg);
|
||||
const EmptySenseRowSmallBoxSvg = asEmptySvg(SenseRowSmallBoxSvg);
|
||||
const ThemedSenseRowSmallBoxSvg = asThemedSvg(SenseRowSmallBoxSvg);
|
||||
const EmptySenseRowMinimalSvg = asEmptySvg(SenseRowMinimalSvg);
|
||||
const ThemedSenseRowMinimalSvg = asThemedSvg(SenseRowMinimalSvg);
|
||||
|
||||
export default SenseRowBoxSvg;
|
||||
export {
|
||||
@@ -15,4 +18,7 @@ export {
|
||||
ThemedSenseRowBoxSvg,
|
||||
EmptySenseRowSmallBoxSvg,
|
||||
ThemedSenseRowSmallBoxSvg,
|
||||
SenseRowMinimalSvg,
|
||||
EmptySenseRowMinimalSvg,
|
||||
ThemedSenseRowMinimalSvg,
|
||||
};
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import SilverCoinSvg from "./SilverCoinSvg";
|
||||
|
||||
export default SilverCoinSvg;
|
||||
|
||||
export { SilverCoinSvg };
|
||||
@@ -1,14 +1,14 @@
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, JSX, PureComponent } from "react";
|
||||
|
||||
import { SvgConstantBuilderTheme } from "../SvgConstants";
|
||||
import { InjectedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asBuilderSvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
C extends ComponentType<ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsBuilderSvg extends React.PureComponent<
|
||||
return class AsBuilderSvg extends PureComponent<
|
||||
ResolvedProps & InjectedSvgProps
|
||||
> {
|
||||
static displayName = `asBuilderSvg(${getDisplayName(WrappedComponent)})`;
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, JSX, PureComponent } from "react";
|
||||
|
||||
import { SvgConstantDarkModeNegativeTheme } from "../SvgConstants";
|
||||
import { InjectedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asDarkModeNegativeSvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
C extends ComponentType<ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsDarkModeNegativeSvg extends React.PureComponent<
|
||||
return class AsDarkModeNegativeSvg extends PureComponent<
|
||||
ResolvedProps & InjectedSvgProps
|
||||
> {
|
||||
static displayName = `asDarkModeNegativeSvg(${getDisplayName(
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, JSX, PureComponent } from "react";
|
||||
|
||||
import { SvgConstantDarkModePositiveTheme } from "../SvgConstants";
|
||||
import { InjectedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asDarkModePositiveSvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
C extends ComponentType<ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsDarkModePositiveSvg extends React.PureComponent<
|
||||
return class AsDarkModePositiveSvg extends PureComponent<
|
||||
ResolvedProps & InjectedSvgProps
|
||||
> {
|
||||
static displayName = `asDarkModePositiveSvg(${getDisplayName(
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, JSX, PureComponent } from "react";
|
||||
|
||||
import { SvgConstantDarkTheme } from "../SvgConstants";
|
||||
import { InjectedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asDarkSvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
C extends ComponentType<ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsDarkSvg extends React.PureComponent<
|
||||
return class AsDarkSvg extends PureComponent<
|
||||
ResolvedProps & InjectedSvgProps
|
||||
> {
|
||||
static displayName = `asDarkSvg(${getDisplayName(WrappedComponent)})`;
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, JSX, PureComponent } from "react";
|
||||
|
||||
import { SvgConstantDisabledTheme } from "../SvgConstants";
|
||||
import { InjectedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asDisabledSvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
C extends ComponentType<ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsDisabledSvg extends React.PureComponent<
|
||||
return class AsDisabledSvg extends PureComponent<
|
||||
ResolvedProps & InjectedSvgProps
|
||||
> {
|
||||
static displayName = `asDisabledSvg(${getDisplayName(WrappedComponent)})`;
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, JSX, PureComponent } from "react";
|
||||
|
||||
import { SvgConstantEmptyTheme } from "../SvgConstants";
|
||||
import { InjectedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asEmptySvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
C extends ComponentType<ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsEmptySvg extends React.PureComponent<
|
||||
return class AsEmptySvg extends PureComponent<
|
||||
ResolvedProps & InjectedSvgProps
|
||||
> {
|
||||
static displayName = `asEmptySvg(${getDisplayName(WrappedComponent)})`;
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, JSX, PureComponent } from "react";
|
||||
|
||||
import { SvgConstantGrayTheme } from "../SvgConstants";
|
||||
import { InjectedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asGraySvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
C extends ComponentType<ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsGraySvg extends React.PureComponent<
|
||||
return class AsGraySvg extends PureComponent<
|
||||
ResolvedProps & InjectedSvgProps
|
||||
> {
|
||||
static displayName = `asGraySvg(${getDisplayName(WrappedComponent)})`;
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, JSX, PureComponent } from "react";
|
||||
|
||||
import { SvgConstantLightTheme } from "../SvgConstants";
|
||||
import { InjectedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asLightSvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
C extends ComponentType<ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsLightSvg extends React.PureComponent<
|
||||
return class AsLightSvg extends PureComponent<
|
||||
ResolvedProps & InjectedSvgProps
|
||||
> {
|
||||
static displayName = `asLightSvg(${getDisplayName(WrappedComponent)})`;
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, JSX, PureComponent } from "react";
|
||||
|
||||
import { SvgConstantModifiedTheme } from "../SvgConstants";
|
||||
import { InjectedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asModifiedSvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
C extends ComponentType<ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsModifiedSvg extends React.PureComponent<
|
||||
return class AsModifiedSvg extends PureComponent<
|
||||
ResolvedProps & InjectedSvgProps
|
||||
> {
|
||||
static displayName = `asModifiedSvg(${getDisplayName(WrappedComponent)})`;
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, JSX, PureComponent } from "react";
|
||||
|
||||
import { SvgConstantNegativeTheme } from "../SvgConstants";
|
||||
import { InjectedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asNegativeSvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
C extends ComponentType<ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsNegativeSvg extends React.PureComponent<
|
||||
return class AsNegativeSvg extends PureComponent<
|
||||
ResolvedProps & InjectedSvgProps
|
||||
> {
|
||||
static displayName = `asNegativeSvg(${getDisplayName(WrappedComponent)})`;
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, JSX, PureComponent } from "react";
|
||||
|
||||
import { SvgConstantPositiveTheme } from "../SvgConstants";
|
||||
import { InjectedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asPositiveSvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
C extends ComponentType<ComponentProps<C> & InjectedSvgProps>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsPositiveSvg extends React.PureComponent<
|
||||
return class AsPositiveSvg extends PureComponent<
|
||||
ResolvedProps & InjectedSvgProps
|
||||
> {
|
||||
static displayName = `asPositiveSvg(${getDisplayName(WrappedComponent)})`;
|
||||
|
||||
@@ -1,13 +1,12 @@
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, PureComponent } from "react";
|
||||
|
||||
import { ThemedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asThemedSvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C>>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsThemedSvg extends React.PureComponent<ThemedSvgProps> {
|
||||
export function asThemedSvg<C extends ComponentType<ComponentProps<C>>>(
|
||||
WrappedComponent: C
|
||||
) {
|
||||
return class AsThemedSvg extends PureComponent<ThemedSvgProps> {
|
||||
static displayName = `asThemedSvg(${getDisplayName(WrappedComponent)})`;
|
||||
|
||||
static defaultProps = {
|
||||
|
||||
@@ -1,14 +1,13 @@
|
||||
import Color from "color";
|
||||
import * as React from "react";
|
||||
import { ComponentProps, ComponentType, PureComponent } from "react";
|
||||
|
||||
import { ThemedSvgProps } from "./hocTypings";
|
||||
import { getDisplayName } from "./utils";
|
||||
|
||||
export function asThemedWithOpacitySvg<
|
||||
C extends React.ComponentType<React.ComponentProps<C>>,
|
||||
ResolvedProps = JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
|
||||
C extends ComponentType<ComponentProps<C>>
|
||||
>(WrappedComponent: C) {
|
||||
return class AsThemedWithOpacitSvg extends React.PureComponent<ThemedSvgProps> {
|
||||
return class AsThemedWithOpacitSvg extends PureComponent<ThemedSvgProps> {
|
||||
static displayName = `asThemedWithOpacitySvg(${getDisplayName(
|
||||
WrappedComponent
|
||||
)})`;
|
||||
|
||||
+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