parent
ad09744371
commit
e425de2c67
@ -468,160 +468,6 @@ Array [
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`renders <Checkcircle /> without throwing 1`] = `
|
||||
Array [
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
|
||||
fill="#FFF"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
|
||||
fill="#464646"
|
||||
/>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
light={true}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
|
||||
fill="#FFF"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
|
||||
fill="#464646"
|
||||
/>
|
||||
</svg>,
|
||||
<svg
|
||||
disabled={true}
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
|
||||
fill="#FFF"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
|
||||
fill="#464646"
|
||||
/>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
|
||||
fill="#FFF"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
|
||||
fill="#464646"
|
||||
/>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
|
||||
fill="#FFF"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
|
||||
fill="#464646"
|
||||
/>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(-90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
|
||||
fill="#FFF"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
|
||||
fill="#464646"
|
||||
/>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
|
||||
fill="#FFF"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
|
||||
fill="#464646"
|
||||
/>
|
||||
</svg>,
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`renders <Clipboard /> without throwing 1`] = `
|
||||
Array [
|
||||
<svg
|
||||
@ -2113,195 +1959,6 @@ Array [
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`renders <Health /> without throwing 1`] = `
|
||||
Array [
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g
|
||||
fill-rule="evenodd"
|
||||
>
|
||||
<circle
|
||||
cx="9"
|
||||
cy="9"
|
||||
fill="#009858"
|
||||
r="9"
|
||||
/>
|
||||
<path
|
||||
d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
|
||||
fill="#FFF"
|
||||
/>
|
||||
</g>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
light={true}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g
|
||||
fill-rule="evenodd"
|
||||
>
|
||||
<circle
|
||||
cx="9"
|
||||
cy="9"
|
||||
fill="#009858"
|
||||
r="9"
|
||||
/>
|
||||
<path
|
||||
d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
|
||||
fill="#FFF"
|
||||
/>
|
||||
</g>
|
||||
</svg>,
|
||||
<svg
|
||||
disabled={true}
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g
|
||||
fill-rule="evenodd"
|
||||
>
|
||||
<circle
|
||||
cx="9"
|
||||
cy="9"
|
||||
fill="#009858"
|
||||
r="9"
|
||||
/>
|
||||
<path
|
||||
d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
|
||||
fill="#FFF"
|
||||
/>
|
||||
</g>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g
|
||||
fill-rule="evenodd"
|
||||
>
|
||||
<circle
|
||||
cx="9"
|
||||
cy="9"
|
||||
fill="#009858"
|
||||
r="9"
|
||||
/>
|
||||
<path
|
||||
d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
|
||||
fill="#FFF"
|
||||
/>
|
||||
</g>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g
|
||||
fill-rule="evenodd"
|
||||
>
|
||||
<circle
|
||||
cx="9"
|
||||
cy="9"
|
||||
fill="#009858"
|
||||
r="9"
|
||||
/>
|
||||
<path
|
||||
d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
|
||||
fill="#FFF"
|
||||
/>
|
||||
</g>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(-90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g
|
||||
fill-rule="evenodd"
|
||||
>
|
||||
<circle
|
||||
cx="9"
|
||||
cy="9"
|
||||
fill="#009858"
|
||||
r="9"
|
||||
/>
|
||||
<path
|
||||
d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
|
||||
fill="#FFF"
|
||||
/>
|
||||
</g>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g
|
||||
fill-rule="evenodd"
|
||||
>
|
||||
<circle
|
||||
cx="9"
|
||||
cy="9"
|
||||
fill="#009858"
|
||||
r="9"
|
||||
/>
|
||||
<path
|
||||
d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
|
||||
fill="#FFF"
|
||||
/>
|
||||
</g>
|
||||
</svg>,
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`renders <Id /> without throwing 1`] = `
|
||||
Array [
|
||||
<svg
|
||||
@ -2419,123 +2076,6 @@ Array [
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`renders <Import /> without throwing 1`] = `
|
||||
Array [
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 15 18"
|
||||
width="15"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
|
||||
fill="#464646"
|
||||
/>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 15 18"
|
||||
width="15"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
|
||||
fill="#FFF"
|
||||
/>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 15 18"
|
||||
width="15"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
|
||||
fill={undefined}
|
||||
/>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 15 18"
|
||||
width="15"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
|
||||
fill="#464646"
|
||||
/>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 15 18"
|
||||
width="15"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
|
||||
fill="#464646"
|
||||
/>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(-90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 15 18"
|
||||
width="15"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
|
||||
fill="#464646"
|
||||
/>
|
||||
</svg>,
|
||||
<svg
|
||||
height="18"
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 15 18"
|
||||
width="15"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
|
||||
fill="#464646"
|
||||
/>
|
||||
</svg>,
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`renders <InstanceCount /> without throwing 1`] = `
|
||||
Array [
|
||||
<svg
|
||||
|
@ -7,7 +7,6 @@ import {
|
||||
Affinity,
|
||||
Arrow,
|
||||
Bin,
|
||||
Checkcircle,
|
||||
Clipboard,
|
||||
Close,
|
||||
Cns,
|
||||
@ -21,9 +20,7 @@ import {
|
||||
Fabric,
|
||||
Firewall,
|
||||
General,
|
||||
Health,
|
||||
Id,
|
||||
Import,
|
||||
InstanceCount,
|
||||
InstanceType,
|
||||
Instances,
|
||||
@ -130,24 +127,6 @@ it('renders <Bin /> without throwing', () => {
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders <Checkcircle /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
.create(
|
||||
<Fragment>
|
||||
<Checkcircle colors={colors} />
|
||||
<Checkcircle colors={colors} light />
|
||||
<Checkcircle colors={colors} disabled />
|
||||
<Checkcircle colors={colors} direction="right" />
|
||||
<Checkcircle colors={colors} direction="up" />
|
||||
<Checkcircle colors={colors} direction="left" />
|
||||
<Checkcircle colors={colors} direction="down" />
|
||||
</Fragment>
|
||||
)
|
||||
.toJSON()
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders <Clipboard /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
@ -382,24 +361,6 @@ it('renders <General /> without throwing', () => {
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders <Health /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
.create(
|
||||
<Fragment>
|
||||
<Health colors={colors} />
|
||||
<Health colors={colors} light />
|
||||
<Health colors={colors} disabled />
|
||||
<Health colors={colors} direction="right" />
|
||||
<Health colors={colors} direction="up" />
|
||||
<Health colors={colors} direction="left" />
|
||||
<Health colors={colors} direction="down" />
|
||||
</Fragment>
|
||||
)
|
||||
.toJSON()
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders <Id /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
@ -418,24 +379,6 @@ it('renders <Id /> without throwing', () => {
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders <Import /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
.create(
|
||||
<Fragment>
|
||||
<Import colors={colors} />
|
||||
<Import colors={colors} light />
|
||||
<Import colors={colors} disabled />
|
||||
<Import colors={colors} direction="right" />
|
||||
<Import colors={colors} direction="up" />
|
||||
<Import colors={colors} direction="left" />
|
||||
<Import colors={colors} direction="down" />
|
||||
</Fragment>
|
||||
)
|
||||
.toJSON()
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders <InstanceCount /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
|
@ -1,114 +0,0 @@
|
||||
import React from 'react';
|
||||
import remcalc from 'remcalc';
|
||||
|
||||
import Rotate from './rotate';
|
||||
|
||||
export const Tick = props => (
|
||||
<svg
|
||||
width="9"
|
||||
height="9"
|
||||
viewBox="0 0 9 9"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
d="M7.316 0L3.254 5.477l-1.55-2.165L0 4.495 3.223 9 9 1.21z"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export const Completed = ({ colors = {}, ...props }) => (
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
viewBox="0 0 18 18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
fill={colors.greenDark}
|
||||
fill-rule="evenodd"
|
||||
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
|
||||
/>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
fill={colors.white}
|
||||
d="M12.017 5l-3.896 5.336-1.487-2.109L5 9.379l3.091 4.389 5.541-7.589L12.017 5z"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export const PartCompleted = ({ colors = {}, ...props }) => (
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
viewBox="0 0 18 18"
|
||||
style={{ padding: '1px' }}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
fill={colors.white}
|
||||
fillRule="evenodd"
|
||||
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
|
||||
/>
|
||||
<path
|
||||
fill={colors.greenDark}
|
||||
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
|
||||
/>
|
||||
<path
|
||||
fill={colors.text}
|
||||
fillRule="evenodd"
|
||||
d="M12.316 5l-4.062 5.477-1.55-2.165L5 9.495 8.223 14 14 6.21 12.316 5z"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export const Incomplete = ({ colors = {}, ...props }) => (
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
viewBox="0 0 18 18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
style={{ padding: remcalc(1) }}
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
fill={colors.white}
|
||||
fillRule="evenodd"
|
||||
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
|
||||
/>
|
||||
<path
|
||||
fill={colors.text}
|
||||
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default ({
|
||||
fill,
|
||||
checked,
|
||||
border,
|
||||
direction = 'down',
|
||||
style = {},
|
||||
...rest
|
||||
}) => (
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => {
|
||||
if (fill && checked) {
|
||||
return <Completed style={{ ...style, ...rotateStyle }} {...rest} />;
|
||||
}
|
||||
|
||||
if (checked && border) {
|
||||
return <PartCompleted style={{ ...style, ...rotateStyle }} {...rest} />;
|
||||
}
|
||||
|
||||
if (checked) {
|
||||
return <Tick style={{ ...style, ...rotateStyle }} {...rest} />;
|
||||
}
|
||||
|
||||
return <Incomplete style={{ ...style, ...rotateStyle }} {...rest} />;
|
||||
}}
|
||||
</Rotate>
|
||||
);
|
@ -1,37 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
import Rotate from './rotate';
|
||||
|
||||
export default ({
|
||||
healthy = true,
|
||||
direction = 'down',
|
||||
colors = {},
|
||||
style = {},
|
||||
...rest
|
||||
}) => (
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
viewBox="0 0 18 18"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g fill-rule="evenodd">
|
||||
<circle
|
||||
fill={healthy ? colors.green : colors.orange}
|
||||
cx="9"
|
||||
cy="9"
|
||||
r="9"
|
||||
/>
|
||||
<path
|
||||
fill="#FFF"
|
||||
d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
);
|
@ -1,32 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
disabled = false,
|
||||
direction = 'down',
|
||||
colors = {},
|
||||
style = {},
|
||||
...rest
|
||||
}) => (
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="15"
|
||||
height="18"
|
||||
viewBox="0 0 15 18"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M0,11H2v5H13V11h2v7H0Zm7.7,2.8.4-.5L12,8.76l-.6-.7L8,12V0H7V12L3.6,8.06l-.6.7L7.5,14Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
);
|
@ -2,7 +2,6 @@ export { default as Actions } from './actions';
|
||||
export { default as Affinity } from './affinity';
|
||||
export { default as Arrow } from './arrow';
|
||||
export { default as Bin } from './bin';
|
||||
export { default as Checkcircle } from './checkcircle';
|
||||
export { default as Clipboard } from './clipboard';
|
||||
export { default as Close } from './close';
|
||||
export { default as Cns } from './cns';
|
||||
@ -17,9 +16,7 @@ export { default as Fabric } from './fabric';
|
||||
// export { default as Filter } from './filter';
|
||||
export { default as Firewall } from './firewall';
|
||||
export { default as General } from './general';
|
||||
export { default as Health } from './health';
|
||||
export { default as Id } from './id';
|
||||
export { default as Import } from './import';
|
||||
export { default as InstanceCount } from './instance-count';
|
||||
export { default as InstanceType } from './instance-type';
|
||||
export { default as Instances } from './instances';
|
||||
|
@ -11,7 +11,6 @@ const {
|
||||
Affinity,
|
||||
Arrow,
|
||||
Bin,
|
||||
Checkcircle,
|
||||
Clipboard,
|
||||
Close,
|
||||
Cns,
|
||||
@ -22,9 +21,7 @@ const {
|
||||
Duplicate,
|
||||
Edit,
|
||||
Firewall,
|
||||
Health,
|
||||
Id,
|
||||
Import,
|
||||
InstanceCount,
|
||||
InstanceType,
|
||||
Instances,
|
||||
@ -83,30 +80,6 @@ const {
|
||||
</Icon>
|
||||
<Label>Bin</Label>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<Icon>
|
||||
<Checkcircle checked />
|
||||
</Icon>
|
||||
<Label>Tick</Label>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<Icon>
|
||||
<Checkcircle checked fill />
|
||||
</Icon>
|
||||
<Label>Completed</Label>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<Icon>
|
||||
<Checkcircle checked border />
|
||||
</Icon>
|
||||
<Label>Part Completed</Label>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<Icon>
|
||||
<Checkcircle border />
|
||||
</Icon>
|
||||
<Label>Incomplete</Label>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<Icon>
|
||||
<Close />
|
||||
@ -167,30 +140,12 @@ const {
|
||||
</Icon>
|
||||
<Label>Fabric</Label>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<Icon>
|
||||
<Health />
|
||||
</Icon>
|
||||
<Label>Health > Healthy</Label>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<Icon>
|
||||
<Health healthy={false} />
|
||||
</Icon>
|
||||
<Label>Health > Unhealthy</Label>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<Icon>
|
||||
<Id />
|
||||
</Icon>
|
||||
<Label>ID</Label>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<Icon>
|
||||
<Import />
|
||||
</Icon>
|
||||
<Label>Import</Label>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<Icon>
|
||||
<Instances />
|
||||
|
@ -8,7 +8,6 @@ import {
|
||||
Affinity as BaseAffinity,
|
||||
Arrow as BaseArrow,
|
||||
Bin as BaseBin,
|
||||
Checkcircle as BaseCheckcircle,
|
||||
Clipboard as BaseClipboard,
|
||||
Close as BaseClose,
|
||||
Cns as BaseCns,
|
||||
@ -22,9 +21,7 @@ import {
|
||||
Fabric as BaseFabric,
|
||||
Firewall as BaseFirewall,
|
||||
General as BaseGeneral,
|
||||
Health as BaseHealth,
|
||||
Id as BaseId,
|
||||
Import as BaseImport,
|
||||
InstanceCount as BaseInstanceCount,
|
||||
InstanceType as BaseInstanceType,
|
||||
Instances as BaseInstances,
|
||||
@ -61,7 +58,6 @@ export const Actions = Baseline(Colors(BaseActions));
|
||||
export const Affinity = Baseline(Colors(BaseAffinity));
|
||||
export const Arrow = Baseline(Colors(BaseArrow));
|
||||
export const Bin = Baseline(Colors(BaseBin));
|
||||
export const Checkcircle = Baseline(Colors(BaseCheckcircle));
|
||||
export const Clipboard = Baseline(Colors(BaseClipboard));
|
||||
export const Close = Baseline(Colors(BaseClose));
|
||||
export const Cns = Baseline(Colors(BaseCns));
|
||||
@ -75,9 +71,7 @@ export const Edit = Baseline(Colors(BaseEdit));
|
||||
export const Fabric = Baseline(Colors(BaseFabric));
|
||||
export const Firewall = Baseline(Colors(BaseFirewall));
|
||||
export const General = Baseline(Colors(BaseGeneral));
|
||||
export const Health = Baseline(Colors(BaseHealth));
|
||||
export const Id = Baseline(Colors(BaseId));
|
||||
export const Import = Baseline(Colors(BaseImport));
|
||||
export const InstanceCount = Baseline(Colors(BaseInstanceCount));
|
||||
export const InstanceType = Baseline(Colors(BaseInstanceType));
|
||||
export const Instances = Baseline(Colors(BaseInstances));
|
||||
|
@ -11,7 +11,6 @@ const {
|
||||
Affinity,
|
||||
Arrow,
|
||||
Bin,
|
||||
Checkcircle,
|
||||
Clipboard,
|
||||
Close,
|
||||
Cns,
|
||||
@ -22,7 +21,6 @@ const {
|
||||
Duplicate,
|
||||
Edit,
|
||||
Firewall,
|
||||
Health,
|
||||
Id,
|
||||
Import,
|
||||
InstanceCount,
|
||||
|
@ -64,7 +64,6 @@ export {
|
||||
Affinity as AffinityIcon,
|
||||
Arrow as ArrowIcon,
|
||||
Bin as BinIcon,
|
||||
Checkcircle as CheckcircleIcon,
|
||||
Clipboard as ClipboardIcon,
|
||||
Close as CloseIcon,
|
||||
Cns as CnsIcon,
|
||||
@ -78,7 +77,6 @@ export {
|
||||
Fabric as FabricIcon,
|
||||
Firewall as FirewallIcon,
|
||||
General as GeneralIcon,
|
||||
Health as HealthIcon,
|
||||
Id as IdIcon,
|
||||
Import as ImportIcon,
|
||||
InstanceCount as InstanceCountIcon,
|
||||
|
Loading…
Reference in New Issue
Block a user