parent
e650a070a4
commit
0d207f01e8
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "joyent-icons",
|
||||
"version": "3.0.0",
|
||||
"version": "4.0.0",
|
||||
"license": "MPL-2.0",
|
||||
"repository": "github:yldio/joyent-portal",
|
||||
"main": "dist/umd/index.js",
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -1,5 +1,4 @@
|
||||
import React, { Fragment } from 'react';
|
||||
import { ThemeProvider } from 'styled-components';
|
||||
import renderer from 'react-test-renderer';
|
||||
import 'jest-styled-components';
|
||||
|
||||
|
@ -1,5 +1,4 @@
|
||||
import React from 'react';
|
||||
import remcalc from 'remcalc';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
@ -16,29 +15,16 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="4"
|
||||
height="16"
|
||||
viewBox="0 0 4 16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
fill-rule="evenodd"
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
/>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
style={{ transform: `translateY(${remcalc(6)})` }}
|
||||
fill-rule="evenodd"
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
/>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
style={{ transform: `translateY(${remcalc(12)})` }}
|
||||
fill-rule="evenodd"
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId(), rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -17,34 +14,12 @@ export default ({
|
||||
}) => (
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="18"
|
||||
height="12"
|
||||
viewBox="0 0 18 12"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(-1104 1236)">
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(1104 -1236)"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[0]}
|
||||
d="M 12 0C 10.9 0 9.9 0.300003 9 0.800003C 8.1 0.300003 7.1 0 6 0C 2.7 0 0 2.7 0 6C 0 9.3 2.7 12 6 12C 7.1 12 8.1 11.7 9 11.2C 9.9 11.7 10.9 12 12 12C 15.3 12 18 9.3 18 6C 18 2.7 15.3 0 12 0ZM 6 11C 3.2 11 1 8.8 1 6C 1 3.2 3.2 1 6 1C 6.7 1 7.4 1.2 8.1 1.5C 6.8 2.6 6 4.2 6 6C 6 7.8 6.8 9.4 8.1 10.5C 7.4 10.8 6.7 11 6 11ZM 11 6C 11 7.6 10.2 9.1 9 10C 7.8 9.1 7 7.7 7 6C 7 4.3 7.8 2.9 9 2C 10.2 2.9 11 4.4 11 6ZM 12 11C 11.3 11 10.6 10.8 9.9 10.5C 11.2 9.4 12 7.8 12 6C 12 4.2 11.2 2.6 9.9 1.5C 10.5 1.2 11.2 1 12 1C 14.8 1 17 3.2 17 6C 17 8.8 14.8 11 12 11Z"
|
||||
/>
|
||||
</defs>
|
||||
<svg width="20.25" height="14" viewBox="0 0 24 16" style={{ ...style, ...rotateStyle }} {...rest}>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M13.25 0a7 7 0 0 0-3.13.74A7 7 0 1 0 7 14a7 7 0 0 0 3.12-.74A7 7 0 1 0 13.25 0zM12 7a5 5 0 0 1-1.88 3.87 4.94 4.94 0 0 1 0-7.74A5 5 0 0 1 12 7zM2 7a5 5 0 0 1 5-5 5.26 5.26 0 0 1 1.2.16 7 7 0 0 0 0 9.68A5.26 5.26 0 0 1 7 12a5 5 0 0 1-5-5zm11.25 5a5.26 5.26 0 0 1-1.2-.16 7 7 0 0 0 0-9.68 5.26 5.26 0 0 1 1.2-.16 5 5 0 0 1 0 10z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
);
|
||||
);
|
@ -15,17 +15,16 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="9"
|
||||
height="6"
|
||||
viewBox="0 0 9 6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="9.6"
|
||||
height="6"
|
||||
viewBox="0 0 9.6 6"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
fillRule="evenodd"
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,32 +15,17 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="13"
|
||||
height="16"
|
||||
version="1.1"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="15"
|
||||
height="19"
|
||||
viewBox="0 0 15 19"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(-2367 443)">
|
||||
<use
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(2370 -437)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(2367 -443)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<path id={ids[0]} d="M6 3L4 5V0H3v5L1 3 0 4l3.5 3L7 4 6 3z" />
|
||||
<path
|
||||
id={ids[1]}
|
||||
d="M12 1h-2V0H3v1H1c-.6 0-1 .4-1 1v13c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zM4 1h5v2H4V1zm8 14H1V2h2v2h7V2h2v13z"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -15,17 +15,16 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 12 12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="11.31"
|
||||
height="11.31"
|
||||
viewBox="0 0 11.31 11.31"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
|
||||
fillRule="evenodd"
|
||||
d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId(), rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,51 +15,20 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="16"
|
||||
height="13"
|
||||
viewBox="0 0 16 13"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="18"
|
||||
height="14"
|
||||
viewBox="0 0 18 14"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(-1106 442)">
|
||||
<use
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(1106 -442)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(1106.6 -434)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[2]}`}
|
||||
transform="translate(1112.1 -434)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(1117.6 -434)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[0]}
|
||||
d="M15 1v4H1V1h14zm0-1H1C.4 0 0 .4 0 1v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1z"
|
||||
/>
|
||||
<path
|
||||
id={ids[1]}
|
||||
d="M3 2.4l-.6.7V0h-1v3.1l-.7-.7-.7.7L1.9 5l1.8-1.9-.7-.7z"
|
||||
/>
|
||||
<path
|
||||
id={ids[2]}
|
||||
d="M3 2.4l-.6.7V0h-1v3.1l-.6-.7-.8.7L1.9 5l1.9-1.9-.8-.7z"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M16,2V5H2V2H16m1-2H1A1,1,0,0,0,0,1V6A1,1,0,0,0,1,7H17a1,1,0,0,0,1-1V1a1,1,0,0,0-1-1Z"
|
||||
/>
|
||||
<polygon points="4.74 11.44 4.11 12.07 4.11 9 3.11 9 3.11 12.1 2.45 11.44 1.74 12.15 3.6 14 5.45 12.15 4.74 11.44" />
|
||||
<polygon points="10.26 11.44 9.63 12.07 9.63 9 8.63 9 8.63 12.1 7.96 11.44 7.26 12.15 9.11 14 10.96 12.15 10.26 11.44" />
|
||||
<polygon points="15.74 11.44 15.11 12.07 15.11 9 14.11 9 14.11 12.1 13.45 11.44 12.74 12.14 14.6 14 16.45 12.14 15.74 11.44" />
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -15,12 +15,10 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
|
@ -15,17 +15,14 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="9"
|
||||
height="13"
|
||||
viewBox="0 0 9 13"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
fillRule="evenodd"
|
||||
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
|
||||
d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,31 +15,17 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="9"
|
||||
height="12"
|
||||
viewBox="0 0 9 12"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="12"
|
||||
height="16"
|
||||
viewBox="0 0 12 16"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(17403 -18583)">
|
||||
<g>
|
||||
<use
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(-17403 18583)"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[0]}
|
||||
fillRule="evenodd"
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,35 +15,15 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="17"
|
||||
height="17"
|
||||
version="1.1"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="17.07"
|
||||
height="17.07"
|
||||
viewBox="0 0 17.07 17.07"
|
||||
>
|
||||
<g transform="translate(-1886 444)">
|
||||
<use
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(1886 -441.9)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(1889.4 -444)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[0]}
|
||||
d="M13 7v5c0 .5-.4 1-1 1H2c-.5 0-1-.4-1-1V2c0-.5.4-1 1-1h5V0H2C.9 0 0 .9 0 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7h-1z"
|
||||
/>
|
||||
<path
|
||||
id={ids[1]}
|
||||
d="M9.8 0L1.4 8.5 0 12.7l4.2-1.4 8.5-8.5L9.8 0zm-7 8.5l7.1-7.1 1.4 1.4-7.1 7.1-1.4-1.4z"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -15,18 +15,14 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
viewBox="0 0 16.2 16.2"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="17"
|
||||
height="17"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
width="16.2"
|
||||
height="16.2"
|
||||
viewBox="0 0 16.2 16.2"
|
||||
>
|
||||
<path
|
||||
d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
|
32
packages/icons/src/filter.js
Normal file
32
packages/icons/src/filter.js
Normal file
@ -0,0 +1,32 @@
|
||||
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="18"
|
||||
height="15.71"
|
||||
viewBox="0 0 18 15.71"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M15.28,2a.81.81,0,0,1,.72.86.91.91,0,0,1-.25.65l0,0,0,0L11.54,8.35A4.11,4.11,0,0,0,10,12.17v.88c0,.43,0,.66-1,.66s-1-.23-1-.66v-.88A4.11,4.11,0,0,0,6.46,8.35L2.3,3.58l0,0,0,0A.91.91,0,0,1,2,2.86.81.81,0,0,1,2.72,2H15.28m0-2H2.72A2.8,2.8,0,0,0,0,2.86a2.9,2.9,0,0,0,.8,2L5,9.71c1,1,1,1,1,2.46v.88c0,1.66,1,2.66,3,2.66s3-1,3-2.66v-.88c0-1.46,0-1.46,1-2.46l4.2-4.82a2.9,2.9,0,0,0,.8-2A2.8,2.8,0,0,0,15.28,0Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
);
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,47 +15,17 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="15"
|
||||
height="17"
|
||||
viewBox="0 0 15 17"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="17"
|
||||
height="18.56"
|
||||
viewBox="0 0 17 18.56"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(-1886 1522)">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(1886 -1522)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(1889 -1519)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[0]}
|
||||
d="M 7.5 1.60001C 8.6 2.60001 10.5 3.20001 12.9 3.20001C 13.3 3.20001 13.6 3.20001 14 3.20001L 14 5C 14 10 11.7 13.9 7.5 15.9C 3.5 13.9 1 9.3 1 4L 1 3.20001C 1.3 3.20001 1.7 3.20001 2.1 3.20001C 4.5 3.20001 6.4 2.70001 7.5 1.60001ZM 7.5 0C 6.6 1.8 3.9 2.20001 2.1 2.20001C 0.899998 2.20001 0 2.10001 0 2.10001L 0 4C 0 9.9 3 15 7.5 17C 12 15 15 10.9 15 5L 15 2.10001C 15 2.10001 14.1 2.20001 12.9 2.20001C 11.1 2.20001 8.4 1.8 7.5 0Z"
|
||||
/>
|
||||
<path
|
||||
id={ids[1]}
|
||||
d="M 4 2.05496L 4 9.06593C 2.1 7.73626 1 5.3187 1 2.65936L 1 2.41758C 2.2 2.41758 3.2 2.29672 4 2.05496ZM 5 0C 4.2 1.08791 2.3 1.20879 1 1.20879C 0.4 1.20879 0 1.20879 0 1.20879L 0 2.65936C 0 6.40661 2 9.67034 5 11L 5 0Z"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M15.88,1.75h-.07c-.34,0-.72,0-1.14,0-1.73,0-4-.27-5.39-1.49A1.16,1.16,0,0,0,7.72.3C6.35,1.52,4.06,1.79,2.33,1.79c-.42,0-.8,0-1.14,0H1.12A1.12,1.12,0,0,0,0,2.88v.94C0,10.5,3.4,16.29,8.5,18.56h0C13.6,16.29,17,11.64,17,5V2.88A1.12,1.12,0,0,0,15.88,1.75ZM15,5.46c0,5-2.3,8.87-6.5,10.9-4-2-6.5-6.6-6.5-11.9V3.63c.36,0,.72,0,1.07,0,2.43,0,4.26-.53,5.42-1.56l0,0,0,0c1.16,1,3,1.56,5.42,1.56.35,0,.71,0,1.06,0ZM5,4.69a10,10,0,0,1-1-.05V6.05a9,9,0,0,0,5,8.41H9v-11C8.23,4.51,6.27,4.69,5,4.69Zm3,8A8.36,8.36,0,0,1,5,6.05V5.69H5a9.3,9.3,0,0,0,3-.42Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -15,12 +15,10 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId(), rndId(), rndId(), rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,53 +15,17 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="18"
|
||||
height="12"
|
||||
version="1.1"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="20"
|
||||
height="15"
|
||||
viewBox="0 0 20 15"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(-2124 441)">
|
||||
<use
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(2124 -441)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(2126 -439)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[2]}`}
|
||||
transform="translate(2134 -438)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[3]}`}
|
||||
transform="translate(2134 -436)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[4]}`}
|
||||
transform="translate(2134 -434)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[0]}
|
||||
d="M16 1c.6 0 1 .5 1 1v8c0 .6-.5 1-1 1H2c-.6 0-1-.5-1-1V2c0-.6.5-1 1-1h14zm0-1H2C.9 0 0 .9 0 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"
|
||||
/>
|
||||
<path
|
||||
id={ids[1]}
|
||||
d="M4.7 1C5.4 1 6 1.6 6 2.3v2.5c0 .7-.6 1.3-1.3 1.3H2.3C1.6 6.1 1 5.5 1 4.8V2.3C1 1.6 1.6 1 2.3 1h2.4zm0-1H2.3C1 0 0 1 0 2.3v2.3c0 1.3 1 2.3 2.3 2.3h2.3C6 7 7 5.9 7 4.6V2.3C7 1 6 0 4.7 0z"
|
||||
/>
|
||||
<path id={ids[2]} d="M5 0H0v1h5V0z" />
|
||||
<path id={ids[3]} d="M6 0H0v1h6V0z" />
|
||||
<path id={ids[4]} d="M4 0H0v1h4V0z" />
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M17,2a1,1,0,0,1,1,1v9a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V3A1,1,0,0,1,3,2H17M3,0A3,3,0,0,0,0,3v9a3,3,0,0,0,3,3H17q3,0,3-3V3q0-3-3-3ZM7.74,5A1.27,1.27,0,0,1,9,6.26V8.74A1.27,1.27,0,0,1,7.74,10H5.26A1.27,1.27,0,0,1,4,8.74V6.26A1.27,1.27,0,0,1,5.26,5H7.74M7.66,4H5.34A2.34,2.34,0,0,0,3,6.34V8.66A2.34,2.34,0,0,0,5.34,11H7.66A2.34,2.34,0,0,0,10,8.66V6.34A2.34,2.34,0,0,0,7.66,4ZM16,5H11V6h5Zm1,2H11V8h6ZM15,9H11v1h4Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -1,58 +1,31 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId(), rndId()];
|
||||
|
||||
export default ({ direction = 'down', style = {}, colors = {}, ...rest }) => (
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
disabled = false,
|
||||
direction = 'down',
|
||||
colors = {},
|
||||
style = {},
|
||||
...rest
|
||||
}) => (
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="15"
|
||||
height="18"
|
||||
viewBox="0 0 15 18"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(-2061 2768)">
|
||||
<clipPath id={`${ids[0]}`} clipRule="evenodd">
|
||||
<path fill={colors.white} d="M2061-2768h24v24h-24v-24z" />
|
||||
</clipPath>
|
||||
<g clipPath={`url(#${ids[0]})`}>
|
||||
<path fill={colors.white} d="M2061-2768h24v24h-24v-24z" />
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
fill={colors.text}
|
||||
transform="translate(2061 -2754)"
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[2]}`}
|
||||
fill={colors.text}
|
||||
transform="translate(2072 -2768)"
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[3]}`}
|
||||
fill={colors.text}
|
||||
transform="translate(2067.29 -2755)"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={`${ids[1]}`}
|
||||
fillRule="evenodd"
|
||||
d="M0 0h2v8h20V0h2v10H0V0z"
|
||||
/>
|
||||
<path id={`${ids[2]}`} fillRule="evenodd" d="M0 0h2v18H0V0z" />
|
||||
<path
|
||||
id={`${ids[3]}`}
|
||||
fillRule="evenodd"
|
||||
d="M1.414 0L0 1.414l4.295 4.292.655.658.759.756 5.705-5.705L10 0 5.707 4.293 1.414 0z"
|
||||
/>
|
||||
</defs>
|
||||
<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>
|
||||
|
@ -14,6 +14,7 @@ export { default as Dot } from './dot';
|
||||
export { default as Duplicate } from './duplicate';
|
||||
export { default as Edit } from './edit';
|
||||
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';
|
||||
@ -36,6 +37,7 @@ export { default as Public } from './public';
|
||||
export { default as Randomize } from './randomize';
|
||||
export { default as Reset } from './reset';
|
||||
export { default as Restart } from './restart';
|
||||
export { default as Script } from './script';
|
||||
export { default as Services } from './services';
|
||||
export { default as Start } from './start';
|
||||
export { default as Stop } from './stop';
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId(), rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,75 +15,17 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="15"
|
||||
height="18"
|
||||
viewBox="0 0 15 18"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="16.67"
|
||||
height="20"
|
||||
viewBox="0 0 16.67 20"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(-1106 1522)">
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(1108 -1516)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(1110 -1514)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(1112 -1514)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(1114 -1514)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(1116 -1514)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[2]}`}
|
||||
transform="translate(1106 -1522)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[0]}
|
||||
d="M 10 1L 10 7L 1 7L 1 1L 10 1ZM 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 7C 0 7.5 0.4 8 1 8L 10 8C 10.5 8 11 7.6 11 7L 11 1C 11 0.4 10.6 0 10 0Z"
|
||||
/>
|
||||
<path
|
||||
id={ids[1]}
|
||||
d="M 0.5 4C 0.2 4 0 3.8 0 3.5L 0 0.5C 0 0.2 0.2 0 0.5 0C 0.8 0 1 0.2 1 0.5L 1 3.5C 1 3.8 0.8 4 0.5 4Z"
|
||||
/>
|
||||
<path
|
||||
id={ids[2]}
|
||||
d="M 14 4L 11 1L 10 0L 1 0C 0.5 0 0 0.4 0 1L 0 17C 0 17.5 0.4 18 1 18L 14 18C 14.5 18 15 17.6 15 17L 15 5L 14 4ZM 12.6 4L 11 4L 11 2.4L 12.6 4ZM 1 17L 1 1L 10 1L 10 5L 14 5L 14 17L 1 17Z"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,43 +15,17 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="17"
|
||||
height="17"
|
||||
viewBox="0 0 17 17"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="18"
|
||||
height="19"
|
||||
viewBox="0 0 18 19"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(-1885 179)">
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(1889 -179)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(1885 -175)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[0]}
|
||||
d="M 12 1.00001L 12 16L 1 16L 1 11L 0 11L 0 16C 0 16.6 0.4 17 1 17L 12 17C 12.6 17 13 16.6 13 16L 13 1.00001C 13 0.400006 12.6 6.10352e-06 12 6.10352e-06L 1 6.10352e-06C 0.4 6.10352e-06 0 0.400006 0 1.00001L 0 6.00001L 1 6.00001L 1 1.00001L 12 1.00001Z"
|
||||
/>
|
||||
<path
|
||||
id={ids[1]}
|
||||
d="M 13.7 4.29999L 13.2 3.9L 8.7 6.10352e-06L 8 0.599997L 11.9 4.00001L 0 4.00001L 0 5.00001L 11.9 5.00001L 8 8.4L 8.7 9.00001L 13.9 4.50001L 13.7 4.29999Z"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M16,2V17H5V12H3v5a2.16,2.16,0,0,0,2,2H16a2.15,2.15,0,0,0,2-2V2a2.15,2.15,0,0,0-2-2H5A2.05,2.05,0,0,0,3,2V7L5,7V2m8.74,7.32-.51-.44L8.77,5l-.71.61L12,9H0v1H12L8.06,13.38l.71.62L14,9.5Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -15,12 +15,10 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="21.68"
|
||||
height="21.68"
|
||||
viewBox="0 0 21.68 21.68"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId(), rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,55 +15,22 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="18"
|
||||
height="11"
|
||||
viewBox="0 0 18 11"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="17.04"
|
||||
height="11"
|
||||
viewBox="0 0 17.04 11"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(-1884 1236)">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(1884 -1233.9)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(1896 -1233.9)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[2]}`}
|
||||
transform="translate(1891 -1236)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[0]}
|
||||
d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
|
||||
/>
|
||||
<path
|
||||
id={ids[1]}
|
||||
d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
|
||||
/>
|
||||
<path id={ids[2]} d="M 1 11L 0 11L 3 0L 4 0L 1 11Z" />
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
|
||||
/>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
|
||||
/>
|
||||
<polygon points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11" />
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -15,18 +15,16 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
viewBox="0 0 16.24 13.55"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="17"
|
||||
height="17"
|
||||
width="21.48"
|
||||
height="21.91"
|
||||
viewBox="0 0 21.48 21.91"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,30 +15,17 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="18"
|
||||
height="18"
|
||||
viewBox="0 0 18 18"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="19.78"
|
||||
height="19.78"
|
||||
viewBox="0 0 19.78 19.78"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(-1105 710)">
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(1105 -710)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[0]}
|
||||
d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,30 +15,17 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="17"
|
||||
height="18"
|
||||
viewBox="0 0 17 18"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="19"
|
||||
height="20.12"
|
||||
viewBox="0 0 19 20.12"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(-1885 710)">
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(1885 -710)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[0]}
|
||||
d="M 12.9 2.5L 8.5 0L 0 4.79999L 0 13.2L 8.5 18L 17 13.2L 17 4.79999L 12.9 2.5ZM 15 4.79999L 8.5 8.5L 5.4 6.79999L 11.9 3.10001L 15 4.79999ZM 10.9 2.5L 4.4 6.10001L 2 4.79999L 8.5 1.10001L 10.9 2.5ZM 1 5.39999L 4 7.10001L 4 9L 5 10L 5 7.60001L 8 9.29999L 8 16.6L 1 12.6L 1 5.39999ZM 16 5.39999L 16 12.6L 9 16.6L 9 9.29999L 16 5.39999Z"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M14.45,2.79h0L9.5,0,0,5.36v9.39l9.5,5.37L19,14.75V5.36ZM16,5.86,9.5,9.51,6.44,7.79l6.47-3.66Zm-4.08-2.3L5.43,7.21h0L3,5.86,9.5,2.21ZM2,6.44H2L5,8.12v1.94l1,1V8.68l3,1.7v7.25L2,13.68Zm15,0v7.24l-7,3.95V10.38l7-4Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -16,9 +16,9 @@ export default ({
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
height="16"
|
||||
viewBox="0 0 12 16"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
|
@ -21,12 +21,10 @@ export default ({
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -19,8 +19,8 @@ export default ({
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="17"
|
||||
height="17"
|
||||
width="18.22"
|
||||
height="18.22"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
|
@ -1,23 +1,32 @@
|
||||
import React from 'react';
|
||||
|
||||
export default props => (
|
||||
<svg
|
||||
width="16"
|
||||
height="19"
|
||||
viewBox="0 0 16 19"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
{...props}
|
||||
style={{
|
||||
transform: 'rotate(30deg) translateX(1px) translateY(-1px)',
|
||||
transformOrigin: '50%'
|
||||
}}
|
||||
fill-rule="evenodd"
|
||||
transform
|
||||
d="M 6.67853 4.42272L 6.67879 6.61018L 12.4032 3.30519L 6.67874 0L 6.67829 2.4743C 2.88206 3.15051 -0.000481996 6.46786 6.04528e-08 10.4594C -1.2363e-05 14.9384 3.63041 18.5685 8.10965 18.5692C 12.588 18.5682 16.2192 14.9381 16.2192 10.4592L 14.3115 10.46C 14.3108 13.8839 11.535 16.6615 8.10976 16.6612C 4.68462 16.6608 1.90795 13.8842 1.90764 10.4586C 1.90797 7.52657 3.94309 5.06834 6.67853 4.42272Z"
|
||||
/>
|
||||
</svg>
|
||||
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="12.46"
|
||||
height="14.46"
|
||||
viewBox="0 0 12.46 14.46"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M8,3.1,7.11,4.63h5.35L9.78,0l-1,1.73a6.56,6.56,0,1,0,3.46,9.45l-1.34-.77A5,5,0,1,1,8,3.1Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
);
|
||||
|
32
packages/icons/src/script.js
Normal file
32
packages/icons/src/script.js
Normal file
@ -0,0 +1,32 @@
|
||||
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.43"
|
||||
height="18"
|
||||
viewBox="0 0 15.43 18"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M15.09,13.64,12.29,6h.14a3,3,0,0,0,0-6H3A3,3,0,0,0,0,3a3.37,3.37,0,0,0,.09.71,6.85,6.85,0,0,0,.25.64l3,7.68L3,12a3,3,0,0,0,0,6h9.43a2.94,2.94,0,0,0,3-3.43A7.54,7.54,0,0,0,15.09,13.64ZM12.43,1.46a1.54,1.54,0,1,1,0,3.08,1.52,1.52,0,0,1-1.27-.67l-.24-.6a1.24,1.24,0,0,1,0-.27A1.54,1.54,0,0,1,12.43,1.46ZM2,3.74l-.21-.52a.78.78,0,0,1,0-.22A1.29,1.29,0,0,1,3,1.71H9.73A3,3,0,0,0,9.43,3a2.76,2.76,0,0,0,.09.71L9.63,4c0,.09.77,2,.77,2l2.33,6-.3,0H5.36L2.88,6ZM9.73,16.29H3a1.29,1.29,0,0,1,0-2.58H9.73a2.92,2.92,0,0,0,0,2.58Zm2.7.25A1.54,1.54,0,1,1,14,15,1.54,1.54,0,0,1,12.43,16.54Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
);
|
@ -21,13 +21,10 @@ export default ({
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g data-name="Layer 2">
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M6 5V4h5v1zm5 2V6H6v1zm0 2V8H6v1zm2-7H4v9h9V2m1-2a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H2V1a1 1 0 0 1 1-1zm0 14H1V2H0v12a1 1 0 0 0 1 1h13z"
|
||||
data-name="Layer 1"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M6,5V4h5V5Zm5,2V6H6V7Zm0,2V8H6V9Zm2-7H4v9h9V2m1-2a1,1,0,0,1,1,1V12a1,1,0,0,1-1,1H2V1A1,1,0,0,1,3,0Zm0,14H1V2H0V14a1,1,0,0,0,1,1H14Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId(), rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,47 +15,17 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="15"
|
||||
height="15"
|
||||
version="1.1"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="13.36"
|
||||
height="14"
|
||||
viewBox="0 0 13.36 14"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(18292 -19563)">
|
||||
<mask id={ids[0]}>
|
||||
<rect
|
||||
fill="#fff"
|
||||
x={-1}
|
||||
y={-1}
|
||||
width={15}
|
||||
height={15}
|
||||
transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
|
||||
/>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
fill="#000"
|
||||
transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
|
||||
/>
|
||||
</mask>
|
||||
<g mask={`url(#${ids[0]}`}>
|
||||
<use
|
||||
xlinkHref={`#${ids[2]}`}
|
||||
transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[1]}
|
||||
d="M5.595 1.93a1 1 0 0 1 1.81 0l4.056 8.645A1 1 0 0 1 10.556 12H2.444a1 1 0 0 1-.905-1.425L5.595 1.93z"
|
||||
/>
|
||||
<path
|
||||
id={ids[2]}
|
||||
d="M1.54 10.575l-1.812-.85 1.811.85zM7.404 1.93l-1.81.85 1.81-.85zm-1.81.85l4.055 8.645 3.621-1.7-4.055-8.644-3.621 1.698zm4.96 7.22h-8.11v4h8.11v-4zM3.35 11.425l4.055-8.646-3.621-1.698-4.056 8.645 3.622 1.699zM2.444 10a1 1 0 0 1 .906 1.425l-3.622-1.7C-1.205 11.716.247 14 2.444 14v-4zm7.206 1.425A1 1 0 0 1 10.555 10v4c2.198 0 3.65-2.285 2.716-4.274l-3.62 1.699zM9.216 1.08c-1.08-2.302-4.353-2.302-5.432 0l3.621 1.698a1 1 0 0 1-1.81 0l3.621-1.698z"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId(), rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,43 +15,17 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="14"
|
||||
height="14"
|
||||
viewBox="0 0 14 14"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(18113 -18582)">
|
||||
<g>
|
||||
<mask id={ids[0]}>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
fill="white"
|
||||
transform="translate(-18113 18582)"
|
||||
/>
|
||||
</mask>
|
||||
<g mask={`url(#${ids[0]})`}>
|
||||
<use
|
||||
xlinkHref={`#${ids[2]}`}
|
||||
transform="translate(-18113 18582)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[1]}
|
||||
d="M 0 2C 0 0.895431 0.895431 0 2 0L 12 0C 13.1046 0 14 0.895431 14 2L 14 12C 14 13.1046 13.1046 14 12 14L 2 14C 0.895431 14 0 13.1046 0 12L 0 2Z"
|
||||
/>
|
||||
<path
|
||||
id={ids[2]}
|
||||
d="M 2 2L 12 2L 12 -2L 2 -2L 2 2ZM 12 2L 12 12L 16 12L 16 2L 12 2ZM 12 12L 2 12L 2 16L 12 16L 12 12ZM 2 12L 2 2L -2 2L -2 12L 2 12ZM 2 12L 2 12L -2 12C -2 14.2091 -0.209139 16 2 16L 2 12ZM 12 12L 12 12L 12 16C 14.2091 16 16 14.2091 16 12L 12 12ZM 12 2L 12 2L 16 2C 16 -0.209139 14.2091 -2 12 -2L 12 2ZM 2 -2C -0.209139 -2 -2 -0.209139 -2 2L 2 2L 2 2L 2 -2Z"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -15,10 +15,10 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="22"
|
||||
height="22"
|
||||
viewBox="0 0 22 22"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="22"
|
||||
height="20"
|
||||
viewBox="0 0 22 20"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
|
@ -1,11 +1,8 @@
|
||||
import React from 'react';
|
||||
import rndId from 'rnd-id';
|
||||
|
||||
import Rotate from './rotate';
|
||||
import calcFill from './fill';
|
||||
|
||||
const ids = [rndId(), rndId(), rndId()];
|
||||
|
||||
export default ({
|
||||
fill = null,
|
||||
light = false,
|
||||
@ -18,45 +15,17 @@ export default ({
|
||||
<Rotate direction={direction}>
|
||||
{({ style: rotateStyle }) => (
|
||||
<svg
|
||||
width="17"
|
||||
height="17"
|
||||
viewBox="0 0 17 17"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="19"
|
||||
height="19"
|
||||
viewBox="0 0 19 19"
|
||||
style={{ ...style, ...rotateStyle }}
|
||||
{...rest}
|
||||
>
|
||||
<g transform="translate(-1885 974)">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[0]}`}
|
||||
transform="translate(1885 -974)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
xlinkHref={`#${ids[1]}`}
|
||||
transform="translate(1888 -971)"
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
id={ids[0]}
|
||||
d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
|
||||
/>
|
||||
<path
|
||||
id={ids[1]}
|
||||
d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
fill={calcFill({ fill, disabled, light, colors })}
|
||||
d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Rotate>
|
||||
|
@ -24,7 +24,8 @@
|
||||
"constant-case": "^2.0.0",
|
||||
"date-fns": "^1.29.0",
|
||||
"declarative-redux-form": "^2.0.8",
|
||||
"joyent-ui-toolkit": "^4.4.1",
|
||||
"joyent-manifest-editor": "1.4.0",
|
||||
"joyent-ui-toolkit": "^4.5.0",
|
||||
"lodash.find": "^4.6.0",
|
||||
"lodash.get": "^4.4.2",
|
||||
"lodash.isstring": "^4.0.1",
|
||||
|
@ -15,6 +15,5 @@
|
||||
</noscript>
|
||||
<div id="header"></div>
|
||||
<div id="root"></div>
|
||||
<script type="text/javascript" src="/nav-static/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -360,7 +360,7 @@ exports[`renders <Rule/> without throwing 1`] = `
|
||||
<select
|
||||
className="c5 c6"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<option
|
||||
@ -394,7 +394,7 @@ exports[`renders <Rule/> without throwing 1`] = `
|
||||
<select
|
||||
className="c5 c6"
|
||||
disabled={false}
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<option
|
||||
@ -428,7 +428,7 @@ exports[`renders <Rule/> without throwing 1`] = `
|
||||
<select
|
||||
className="c5 c6"
|
||||
disabled={false}
|
||||
id="a"
|
||||
id="m"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<option
|
||||
@ -460,7 +460,7 @@ exports[`renders <Rule/> without throwing 1`] = `
|
||||
<select
|
||||
className="c5 c6"
|
||||
disabled={false}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<option
|
||||
@ -501,7 +501,7 @@ exports[`renders <Rule/> without throwing 1`] = `
|
||||
<input
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bc"
|
||||
id="o"
|
||||
onBlur={null}
|
||||
placeholder="Example instance name: nginx"
|
||||
required={true}
|
||||
@ -833,7 +833,7 @@ exports[`renders <Rule/> without throwing 2`] = `
|
||||
<select
|
||||
className="c5 c6"
|
||||
disabled={false}
|
||||
id="bd"
|
||||
id="p"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<option
|
||||
@ -867,7 +867,7 @@ exports[`renders <Rule/> without throwing 2`] = `
|
||||
<select
|
||||
className="c5 c6"
|
||||
disabled={false}
|
||||
id="be"
|
||||
id="q"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<option
|
||||
@ -901,7 +901,7 @@ exports[`renders <Rule/> without throwing 2`] = `
|
||||
<select
|
||||
className="c5 c6"
|
||||
disabled={false}
|
||||
id="bf"
|
||||
id="r"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<option
|
||||
@ -933,7 +933,7 @@ exports[`renders <Rule/> without throwing 2`] = `
|
||||
<select
|
||||
className="c5 c6"
|
||||
disabled={false}
|
||||
id="bg"
|
||||
id="s"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<option
|
||||
@ -974,7 +974,7 @@ exports[`renders <Rule/> without throwing 2`] = `
|
||||
<input
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bh"
|
||||
id="t"
|
||||
onBlur={null}
|
||||
placeholder="Example instance name: nginx"
|
||||
required={true}
|
||||
|
@ -83,6 +83,7 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -236,14 +237,14 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c2"
|
||||
htmlFor="Y"
|
||||
htmlFor="k"
|
||||
>
|
||||
Attach to new CNS service name
|
||||
</label>
|
||||
<input
|
||||
className="c3"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={null}
|
||||
placeholder="Example: mySQLdb"
|
||||
/>
|
||||
@ -347,6 +348,7 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -522,14 +524,14 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c2"
|
||||
htmlFor="Z"
|
||||
htmlFor="l"
|
||||
>
|
||||
Attach to new CNS service name
|
||||
</label>
|
||||
<input
|
||||
className="c3"
|
||||
disabled={false}
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={null}
|
||||
placeholder="Example: mySQLdb"
|
||||
/>
|
||||
@ -663,6 +665,7 @@ exports[`renders <Hostname values /> without throwing 1`] = `
|
||||
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -671,6 +674,7 @@ exports[`renders <Hostname values /> without throwing 1`] = `
|
||||
|
||||
.c6 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
|
@ -106,6 +106,7 @@ exports[`renders <Images /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -319,7 +320,7 @@ exports[`renders <Images /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="Y"
|
||||
htmlFor="k"
|
||||
>
|
||||
Infrastructure Container
|
||||
</label>
|
||||
@ -329,20 +330,20 @@ exports[`renders <Images /> without throwing 1`] = `
|
||||
<input
|
||||
checked={undefined}
|
||||
className="c5"
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={null}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c6"
|
||||
htmlFor="Y"
|
||||
id="Y"
|
||||
htmlFor="k"
|
||||
id="k"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="Y"
|
||||
id="Y"
|
||||
htmlFor="k"
|
||||
id="k"
|
||||
onBlur={null}
|
||||
>
|
||||
|
||||
@ -476,6 +477,7 @@ exports[`renders <Images Images="test" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -689,7 +691,7 @@ exports[`renders <Images Images="test" /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="a"
|
||||
htmlFor="m"
|
||||
>
|
||||
Infrastructure Container
|
||||
</label>
|
||||
@ -699,20 +701,20 @@ exports[`renders <Images Images="test" /> without throwing 1`] = `
|
||||
<input
|
||||
checked={undefined}
|
||||
className="c5"
|
||||
id="a"
|
||||
id="m"
|
||||
onBlur={null}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c6"
|
||||
htmlFor="a"
|
||||
id="a"
|
||||
htmlFor="m"
|
||||
id="m"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="a"
|
||||
id="a"
|
||||
htmlFor="m"
|
||||
id="m"
|
||||
onBlur={null}
|
||||
>
|
||||
|
||||
@ -846,6 +848,7 @@ exports[`renders <Images expanded /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1059,7 +1062,7 @@ exports[`renders <Images expanded /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="Z"
|
||||
htmlFor="l"
|
||||
>
|
||||
Infrastructure Container
|
||||
</label>
|
||||
@ -1069,20 +1072,20 @@ exports[`renders <Images expanded /> without throwing 1`] = `
|
||||
<input
|
||||
checked={undefined}
|
||||
className="c5"
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={null}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c6"
|
||||
htmlFor="Z"
|
||||
id="Z"
|
||||
htmlFor="l"
|
||||
id="l"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="Z"
|
||||
id="Z"
|
||||
htmlFor="l"
|
||||
id="l"
|
||||
onBlur={null}
|
||||
>
|
||||
|
||||
@ -1231,6 +1234,7 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1613,7 +1617,7 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bc"
|
||||
htmlFor="o"
|
||||
>
|
||||
Infrastructure Container
|
||||
</label>
|
||||
@ -1623,20 +1627,20 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
|
||||
<input
|
||||
checked={undefined}
|
||||
className="c5"
|
||||
id="bc"
|
||||
id="o"
|
||||
onBlur={null}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c6"
|
||||
htmlFor="bc"
|
||||
id="bc"
|
||||
htmlFor="o"
|
||||
id="o"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bc"
|
||||
id="bc"
|
||||
htmlFor="o"
|
||||
id="o"
|
||||
onBlur={null}
|
||||
>
|
||||
|
||||
@ -1686,7 +1690,7 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
|
||||
<select
|
||||
className="c11 c13 c14"
|
||||
disabled={false}
|
||||
id="bd"
|
||||
id="p"
|
||||
onBlur={null}
|
||||
>
|
||||
<option
|
||||
@ -1821,6 +1825,7 @@ exports[`renders <Images isVmSelected /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2034,7 +2039,7 @@ exports[`renders <Images isVmSelected /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bf"
|
||||
htmlFor="r"
|
||||
>
|
||||
Infrastructure Container
|
||||
</label>
|
||||
@ -2044,20 +2049,20 @@ exports[`renders <Images isVmSelected /> without throwing 1`] = `
|
||||
<input
|
||||
checked={undefined}
|
||||
className="c5"
|
||||
id="bf"
|
||||
id="r"
|
||||
onBlur={null}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c6"
|
||||
htmlFor="bf"
|
||||
id="bf"
|
||||
htmlFor="r"
|
||||
id="r"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bf"
|
||||
id="bf"
|
||||
htmlFor="r"
|
||||
id="r"
|
||||
onBlur={null}
|
||||
>
|
||||
|
||||
@ -2191,6 +2196,7 @@ exports[`renders <Images loading /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2404,7 +2410,7 @@ exports[`renders <Images loading /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="be"
|
||||
htmlFor="q"
|
||||
>
|
||||
Infrastructure Container
|
||||
</label>
|
||||
@ -2414,20 +2420,20 @@ exports[`renders <Images loading /> without throwing 1`] = `
|
||||
<input
|
||||
checked={undefined}
|
||||
className="c5"
|
||||
id="be"
|
||||
id="q"
|
||||
onBlur={null}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c6"
|
||||
htmlFor="be"
|
||||
id="be"
|
||||
htmlFor="q"
|
||||
id="q"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="be"
|
||||
id="be"
|
||||
htmlFor="q"
|
||||
id="q"
|
||||
onBlur={null}
|
||||
>
|
||||
|
||||
@ -2561,6 +2567,7 @@ exports[`renders <Images pristine={false} /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2774,7 +2781,7 @@ exports[`renders <Images pristine={false} /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bb"
|
||||
htmlFor="n"
|
||||
>
|
||||
Infrastructure Container
|
||||
</label>
|
||||
@ -2784,20 +2791,20 @@ exports[`renders <Images pristine={false} /> without throwing 1`] = `
|
||||
<input
|
||||
checked={undefined}
|
||||
className="c5"
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={null}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c6"
|
||||
htmlFor="bb"
|
||||
id="bb"
|
||||
htmlFor="n"
|
||||
id="n"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bb"
|
||||
id="bb"
|
||||
htmlFor="n"
|
||||
id="n"
|
||||
onBlur={null}
|
||||
>
|
||||
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -111,6 +111,7 @@ exports[`renders <Network /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -558,7 +559,7 @@ exports[`renders <Network /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -566,13 +567,13 @@ exports[`renders <Network /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="a"
|
||||
id="m"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="a"
|
||||
htmlFor="m"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -661,22 +662,14 @@ exports[`renders <Network /> without throwing 1`] = `
|
||||
className="c19"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="13"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 13"
|
||||
width="9"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
|
||||
d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -995,22 +988,14 @@ exports[`renders <Network /> without throwing 2`] = `
|
||||
className="c12"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="13"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 13"
|
||||
width="9"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
|
||||
d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -1152,6 +1137,7 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -1599,7 +1585,7 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -1607,13 +1593,13 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bc"
|
||||
id="o"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bc"
|
||||
htmlFor="o"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -1713,22 +1699,14 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
|
||||
className="c21"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="13"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 13"
|
||||
width="9"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
|
||||
d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -2049,22 +2027,14 @@ exports[`renders <Network {...network} /> without throwing 2`] = `
|
||||
className="c12"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="13"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 13"
|
||||
width="9"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
|
||||
d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -2206,6 +2176,7 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -2653,7 +2624,7 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bd"
|
||||
id="p"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -2661,13 +2632,13 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="be"
|
||||
id="q"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="be"
|
||||
htmlFor="q"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -2767,22 +2738,14 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
|
||||
className="c21"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="13"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 13"
|
||||
width="9"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
|
||||
d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -3103,22 +3066,14 @@ exports[`renders <Network {...network} /> without throwing 4`] = `
|
||||
className="c12"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="13"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 13"
|
||||
width="9"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
|
||||
d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -3269,6 +3224,7 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -3846,7 +3802,7 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bh"
|
||||
id="t"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -3854,13 +3810,13 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bi"
|
||||
id="u"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bi"
|
||||
htmlFor="u"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -3960,19 +3916,10 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
|
||||
className="c21"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="17"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
height="16.2"
|
||||
viewBox="0 0 16.2 16.2"
|
||||
width="17"
|
||||
width="16.2"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<path
|
||||
d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
|
||||
@ -4037,14 +3984,13 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -4354,19 +4300,10 @@ exports[`renders <Network {...network} fabric /> without throwing 2`] = `
|
||||
className="c12"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="17"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
height="16.2"
|
||||
viewBox="0 0 16.2 16.2"
|
||||
width="17"
|
||||
width="16.2"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<path
|
||||
d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
|
||||
@ -4548,6 +4485,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -5110,7 +5048,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bj"
|
||||
id="v"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -5118,13 +5056,13 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bk"
|
||||
id="w"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bk"
|
||||
htmlFor="w"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -5224,19 +5162,10 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
|
||||
className="c21"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="17"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
height="16.2"
|
||||
viewBox="0 0 16.2 16.2"
|
||||
width="17"
|
||||
width="16.2"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<path
|
||||
d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
|
||||
@ -5301,14 +5230,13 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -5334,14 +5262,14 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c27"
|
||||
htmlFor="bl"
|
||||
htmlFor="x"
|
||||
>
|
||||
ID
|
||||
</label>
|
||||
<input
|
||||
className="c28"
|
||||
disabled={false}
|
||||
id="bl"
|
||||
id="x"
|
||||
onBlur={null}
|
||||
value="1"
|
||||
/>
|
||||
@ -5358,14 +5286,14 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c27"
|
||||
htmlFor="bm"
|
||||
htmlFor="y"
|
||||
>
|
||||
Subnet
|
||||
</label>
|
||||
<input
|
||||
className="c28"
|
||||
disabled={false}
|
||||
id="bm"
|
||||
id="y"
|
||||
onBlur={null}
|
||||
value="255.255.255.0"
|
||||
/>
|
||||
@ -5382,14 +5310,14 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c27"
|
||||
htmlFor="bn"
|
||||
htmlFor="z"
|
||||
>
|
||||
IP range
|
||||
</label>
|
||||
<input
|
||||
className="c28"
|
||||
disabled={false}
|
||||
id="bn"
|
||||
id="z"
|
||||
onBlur={null}
|
||||
value="192.168.1.2 - 192.168.1.253"
|
||||
/>
|
||||
@ -5703,19 +5631,10 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 2`] = `
|
||||
className="c12"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="17"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
height="16.2"
|
||||
viewBox="0 0 16.2 16.2"
|
||||
width="17"
|
||||
width="16.2"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<path
|
||||
d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
|
||||
@ -5861,6 +5780,7 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -6308,7 +6228,7 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bf"
|
||||
id="r"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -6316,13 +6236,13 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bg"
|
||||
id="s"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bg"
|
||||
htmlFor="s"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -6386,12 +6306,10 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
>
|
||||
<g>
|
||||
<path
|
||||
d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -6423,22 +6341,14 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
|
||||
className="c21"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="13"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 13"
|
||||
width="9"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
|
||||
d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -6723,12 +6633,10 @@ exports[`renders <Network {...network} public /> without throwing 2`] = `
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
>
|
||||
<g>
|
||||
<path
|
||||
d="M6 13a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zm4-7V4a4 4 0 0 0-8 0h2c0-1.65.35-2 2-2s2 .35 2 2v2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm0 7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M6,13H6a1,1,0,0,1-1-1V10A1,1,0,0,1,6,9H6a1,1,0,0,1,1,1v2A1,1,0,0,1,6,13Zm4-7V4A4,4,0,0,0,2,4H4c0-1.65.35-2,2-2s2,.35,2,2V6H2A2,2,0,0,0,0,8v6a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8A2,2,0,0,0,10,6Zm0,7a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V9A1,1,0,0,1,3,8H9a1,1,0,0,1,1,1Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -6760,22 +6668,14 @@ exports[`renders <Network {...network} public /> without throwing 2`] = `
|
||||
className="c12"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="13"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 13"
|
||||
width="9"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
|
||||
d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
@ -111,6 +111,7 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -189,6 +190,7 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -394,7 +396,7 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="a"
|
||||
id="m"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -402,20 +404,20 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c6"
|
||||
disabled={false}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c7"
|
||||
htmlFor="bb"
|
||||
htmlFor="n"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="a"
|
||||
id="m"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<label
|
||||
@ -425,14 +427,7 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
className="c10"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="24"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 24 24"
|
||||
width="24"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@ -466,7 +461,7 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="bc"
|
||||
id="o"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -474,20 +469,20 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c6"
|
||||
disabled={false}
|
||||
id="bd"
|
||||
id="p"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c7"
|
||||
htmlFor="bd"
|
||||
htmlFor="p"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bc"
|
||||
id="o"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<label
|
||||
@ -497,14 +492,7 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
className="c10"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="21.68"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 21.68 21.68"
|
||||
width="21.68"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@ -538,7 +526,7 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="be"
|
||||
id="q"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -546,20 +534,20 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c6"
|
||||
disabled={false}
|
||||
id="bf"
|
||||
id="r"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c7"
|
||||
htmlFor="bf"
|
||||
htmlFor="r"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="be"
|
||||
id="q"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<label
|
||||
@ -569,14 +557,7 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
className="c10"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="20"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 20 20"
|
||||
width="20"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@ -610,7 +591,7 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="bg"
|
||||
id="s"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -618,20 +599,20 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c6"
|
||||
disabled={false}
|
||||
id="bh"
|
||||
id="t"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c7"
|
||||
htmlFor="bh"
|
||||
htmlFor="t"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bg"
|
||||
id="s"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<label
|
||||
@ -642,14 +623,14 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="22"
|
||||
height="20"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 22 22"
|
||||
viewBox="0 0 22 20"
|
||||
width="22"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
@ -682,7 +663,7 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="bi"
|
||||
id="u"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -690,20 +671,20 @@ exports[`renders <Filters /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c6"
|
||||
disabled={false}
|
||||
id="bj"
|
||||
id="v"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c7"
|
||||
htmlFor="bj"
|
||||
htmlFor="v"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bi"
|
||||
id="u"
|
||||
onBlur={undefined}
|
||||
>
|
||||
<label
|
||||
@ -884,6 +865,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1129,6 +1111,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1245,6 +1228,7 @@ exports[`renders <Package /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -1453,7 +1437,7 @@ exports[`renders <Package /> without throwing 1`] = `
|
||||
<div
|
||||
className="c4"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={null}
|
||||
type="radio"
|
||||
>
|
||||
@ -1461,19 +1445,19 @@ exports[`renders <Package /> without throwing 1`] = `
|
||||
checked={undefined}
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={null}
|
||||
type="radio"
|
||||
/>
|
||||
<label
|
||||
className="c6"
|
||||
htmlFor="Z"
|
||||
htmlFor="l"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className="c7"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={null}
|
||||
>
|
||||
<div
|
||||
@ -1623,6 +1607,7 @@ exports[`renders <Packages expanded /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1871,14 +1856,13 @@ exports[`renders <Packages expanded /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -2069,6 +2053,7 @@ exports[`renders <Packages isVmSelected /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2317,14 +2302,13 @@ exports[`renders <Packages isVmSelected /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -2515,6 +2499,7 @@ exports[`renders <Packages loading /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2763,14 +2748,13 @@ exports[`renders <Packages loading /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -2922,6 +2906,7 @@ exports[`renders <Packages packages=[{name: stuff, imageName: stuff}] /> without
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3123,14 +3108,13 @@ exports[`renders <Packages packages=[{name: stuff, imageName: stuff}] /> without
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -3294,6 +3278,7 @@ exports[`renders <Packages pristine={false} /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3542,14 +3527,13 @@ exports[`renders <Packages pristine={false} /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
|
@ -3,6 +3,7 @@
|
||||
exports[`renders <Title /> without throwing 1`] = `
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -127,6 +128,7 @@ exports[`renders <Title /> without throwing 1`] = `
|
||||
exports[`renders <Title icon="NameIcon"/> without throwing 1`] = `
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -234,21 +236,19 @@ exports[`renders <Title icon="NameIcon"/> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="17"
|
||||
height="21.91"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 16.24 13.55"
|
||||
width="17"
|
||||
viewBox="0 0 21.48 21.91"
|
||||
width="21.48"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<path
|
||||
d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
|
||||
d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
@ -272,6 +272,7 @@ exports[`renders <Title icon="NameIcon"/> without throwing 1`] = `
|
||||
exports[`renders <Title icon="Test" label="Instance name"/> without throwing 1`] = `
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -380,21 +381,19 @@ exports[`renders <Title icon="Test" label="Instance name"/> without throwing 1`]
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="17"
|
||||
height="21.91"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 16.24 13.55"
|
||||
width="17"
|
||||
viewBox="0 0 21.48 21.91"
|
||||
width="21.48"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<path
|
||||
d="M.24,13.55c-1-2,1.39-6.73,1.52-7C4.47,1.5,6.77-.55,9,.12a2.34,2.34,0,0,1,1.4,1.16c.54,1.06-.26,2.41-1.18,4-.55.91-1.69,3.42-1.78,3.67-.37,1-.88,2.35-.52,2.86.19.28.73.34,1.14.34s1-.77,1.31-1.49c.56-1.48,1.87-4.94,4.1-4.27,1.78.53,1.27,2.56.93,3.91s-.11,1.51-.1,1.52a2.21,2.21,0,0,0,1.95-.24v1c-1.41.73-2.11.72-2.74.21-.88-.71-.48-2.19-.33-2.75.38-1.52.47-2.3-.07-2.46-.73-.22-1.6,1-2.57,3.52-.4,1.1-1.26,2.3-2.48,2.3a2.48,2.48,0,0,1-2.17-.88c-.72-1.05-.14-2.62.38-4,.09-.23,1.3-2.91,1.87-3.87s2.11-3.06.49-3.29S5.18,2.83,2.87,7.16c-1.71,3.21-1.78,5.95-1.62,6.39Z"
|
||||
d="M20.91,12.51a.76.76,0,0,0-1.17-.16l-.91.77.42-2.19c.12-.59-.51-1.24-1.1-.85L13.83,13c.11-.71.22-1.42.32-2.13a.75.75,0,0,0-1.37-.58l-4.31,6.4Q9.88,12,11.28,7.36c.51-1.69,2.81-6.23.05-7.23C8.87-.76,6.15,3.21,4.93,4.8A29.09,29.09,0,0,0,0,14.9a.75.75,0,0,0,1.45.4A28,28,0,0,1,4.65,7.85,28.22,28.22,0,0,1,7.11,4.48C7.7,3.8,11,.1,11,3.23a23.53,23.53,0,0,1-1.28,4.2c-.42,1.41-.85,2.81-1.27,4.21Q7,16.32,5.59,21A.75.75,0,0,0,7,21.57l5.24-7.78-.08.52c-.09.59.5,1.25,1.1.85l4.24-2.82c-.17.84-.33,1.68-.49,2.52a.76.76,0,0,0,1.25.73l1.72-1.45a2.59,2.59,0,0,1-.21,1.75c-.33.91,1.12,1.3,1.45.4A4.4,4.4,0,0,0,20.91,12.51Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
@ -418,6 +417,7 @@ exports[`renders <Title icon="Test" label="Instance name"/> without throwing 1`]
|
||||
exports[`renders <Title label="Test"/> without throwing 1`] = `
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
|
@ -13,8 +13,6 @@ import {
|
||||
RandomizeIcon
|
||||
} from 'joyent-ui-toolkit';
|
||||
|
||||
import Description from '@components/create-instance/description';
|
||||
|
||||
export default ({
|
||||
handleSubmit,
|
||||
pristine,
|
||||
@ -24,9 +22,6 @@ export default ({
|
||||
onRandomize
|
||||
}) => (
|
||||
<form onSubmit={handleSubmit}>
|
||||
<Description>
|
||||
Your instance name will be used to identify this specific instance.
|
||||
</Description>
|
||||
<Flex>
|
||||
<FlexItem>
|
||||
<FormGroup name="name" fluid field={Field}>
|
||||
|
@ -166,6 +166,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -254,6 +255,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -343,6 +345,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -831,7 +834,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="Y"
|
||||
htmlFor="k"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -839,7 +842,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -861,7 +864,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="Z"
|
||||
htmlFor="l"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -869,7 +872,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -919,40 +922,24 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -1321,6 +1308,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1409,6 +1397,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1498,6 +1487,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1986,7 +1976,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="a"
|
||||
htmlFor="m"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -1994,7 +1984,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="a"
|
||||
id="m"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -2016,7 +2006,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bb"
|
||||
htmlFor="n"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -2024,7 +2014,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -2074,40 +2064,24 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -2249,6 +2223,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2337,6 +2312,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2426,6 +2402,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2985,7 +2962,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bc"
|
||||
htmlFor="o"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -2993,7 +2970,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="bc"
|
||||
id="o"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -3020,7 +2997,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bd"
|
||||
htmlFor="p"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -3028,7 +3005,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
||||
<textarea
|
||||
className="c15 c16"
|
||||
disabled={false}
|
||||
id="bd"
|
||||
id="p"
|
||||
onBlur={undefined}
|
||||
/>
|
||||
<label
|
||||
@ -3082,40 +3059,24 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -3291,6 +3252,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3379,6 +3341,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3468,6 +3431,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3956,7 +3920,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bg"
|
||||
htmlFor="s"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -3964,7 +3928,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="bg"
|
||||
id="s"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -3986,7 +3950,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bh"
|
||||
htmlFor="t"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -3994,7 +3958,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="bh"
|
||||
id="t"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -4044,40 +4008,24 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -4253,6 +4201,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -4341,6 +4290,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -4430,6 +4380,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -4910,7 +4861,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bi"
|
||||
htmlFor="u"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -4918,7 +4869,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="bi"
|
||||
id="u"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -4940,7 +4891,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bj"
|
||||
htmlFor="v"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -4948,7 +4899,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="bj"
|
||||
id="v"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -4998,40 +4949,24 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -5260,6 +5195,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -5348,6 +5284,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -5437,6 +5374,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -5947,7 +5885,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bk"
|
||||
htmlFor="w"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -5955,7 +5893,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="bk"
|
||||
id="w"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -5977,7 +5915,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bl"
|
||||
htmlFor="x"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -5985,7 +5923,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="bl"
|
||||
id="x"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -6290,6 +6228,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -6379,6 +6318,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -6527,6 +6467,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -7014,7 +6955,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bm"
|
||||
htmlFor="y"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -7022,7 +6963,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={true}
|
||||
id="bm"
|
||||
id="y"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -7044,7 +6985,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bn"
|
||||
htmlFor="z"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -7052,7 +6993,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={true}
|
||||
id="bn"
|
||||
id="z"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -7129,40 +7070,24 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(216, 216, 216)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(216, 216, 216)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -7338,6 +7263,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -7426,6 +7352,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -7515,6 +7442,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -8003,7 +7931,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="be"
|
||||
htmlFor="q"
|
||||
>
|
||||
Tag
|
||||
key
|
||||
@ -8011,7 +7939,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="be"
|
||||
id="q"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -8033,7 +7961,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bf"
|
||||
htmlFor="r"
|
||||
>
|
||||
Tag
|
||||
value
|
||||
@ -8041,7 +7969,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="bf"
|
||||
id="r"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -8091,40 +8019,24 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
@ -7,6 +7,7 @@ exports[`renders <InstanceList /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -428,7 +429,7 @@ exports[`renders <InstanceList /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bh"
|
||||
id="t"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
@ -437,14 +438,14 @@ exports[`renders <InstanceList /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bi"
|
||||
id="u"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bi"
|
||||
htmlFor="u"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -471,14 +472,13 @@ exports[`renders <InstanceList /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -540,6 +540,7 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -961,7 +962,7 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
|
||||
checked={true}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bt"
|
||||
id="F"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
@ -970,14 +971,14 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
|
||||
checked={true}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bu"
|
||||
id="G"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bu"
|
||||
htmlFor="G"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -1004,14 +1005,13 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -1073,6 +1073,7 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -1494,7 +1495,7 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bk"
|
||||
id="w"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
@ -1503,14 +1504,14 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bl"
|
||||
id="x"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bl"
|
||||
htmlFor="x"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -1548,14 +1549,13 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -1606,6 +1606,7 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -2027,7 +2028,7 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bn"
|
||||
id="z"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
@ -2036,14 +2037,14 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bo"
|
||||
id="A"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bo"
|
||||
htmlFor="A"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -2081,14 +2082,13 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -2139,6 +2139,7 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -2560,7 +2561,7 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={true}
|
||||
id="bq"
|
||||
id="C"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
@ -2569,14 +2570,14 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={true}
|
||||
id="br"
|
||||
id="D"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="br"
|
||||
htmlFor="D"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -2603,14 +2604,13 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -2672,6 +2672,7 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -3093,7 +3094,7 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bw"
|
||||
id="I"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
@ -3102,14 +3103,14 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bx"
|
||||
id="J"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bx"
|
||||
htmlFor="J"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -3136,14 +3137,13 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -3206,6 +3206,7 @@ exports[`renders <Item /> without throwing 1`] = `
|
||||
.c12 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c9 {
|
||||
@ -3214,6 +3215,7 @@ exports[`renders <Item /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -3571,7 +3573,7 @@ exports[`renders <Item /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -3579,13 +3581,13 @@ exports[`renders <Item /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="Z"
|
||||
htmlFor="l"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -3665,29 +3667,8 @@ exports[`renders <Item /> without throwing 1`] = `
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
style={
|
||||
Object {
|
||||
"transform": "translateY(0.375rem)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
style={
|
||||
Object {
|
||||
"transform": "translateY(0.75rem)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -3701,6 +3682,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
|
||||
.c12 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c9 {
|
||||
@ -3709,6 +3691,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -4066,7 +4049,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="be"
|
||||
id="q"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -4074,13 +4057,13 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bf"
|
||||
id="r"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bf"
|
||||
htmlFor="r"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -4162,29 +4145,8 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
style={
|
||||
Object {
|
||||
"transform": "translateY(0.375rem)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
style={
|
||||
Object {
|
||||
"transform": "translateY(0.75rem)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -4198,6 +4160,7 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
|
||||
.c12 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c9 {
|
||||
@ -4206,6 +4169,7 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -4563,7 +4527,7 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bc"
|
||||
id="o"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -4571,13 +4535,13 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bd"
|
||||
id="p"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bd"
|
||||
htmlFor="p"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -4657,29 +4621,8 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
style={
|
||||
Object {
|
||||
"transform": "translateY(0.375rem)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
style={
|
||||
Object {
|
||||
"transform": "translateY(0.75rem)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -4693,6 +4636,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
|
||||
.c12 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c9 {
|
||||
@ -4701,6 +4645,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -5081,7 +5026,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="a"
|
||||
id="m"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -5089,13 +5034,13 @@ exports[`renders <Item mutating /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bb"
|
||||
htmlFor="n"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -5187,29 +5132,8 @@ exports[`renders <Item mutating /> without throwing 1`] = `
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
|
||||
fill="rgb(216, 216, 216)"
|
||||
fill-rule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
fill="rgb(216, 216, 216)"
|
||||
fill-rule="evenodd"
|
||||
style={
|
||||
Object {
|
||||
"transform": "translateY(0.375rem)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
fill="rgb(216, 216, 216)"
|
||||
fill-rule="evenodd"
|
||||
style={
|
||||
Object {
|
||||
"transform": "translateY(0.75rem)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
</svg>
|
||||
</td>
|
||||
|
@ -132,6 +132,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -220,6 +221,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -309,6 +311,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -878,7 +881,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="Y"
|
||||
htmlFor="k"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -886,7 +889,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -913,7 +916,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="Z"
|
||||
htmlFor="l"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -921,7 +924,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
<textarea
|
||||
className="c15 c16"
|
||||
disabled={false}
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={undefined}
|
||||
/>
|
||||
<label
|
||||
@ -975,40 +978,24 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -1164,6 +1151,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1252,6 +1240,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1341,6 +1330,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1912,7 +1902,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="a"
|
||||
htmlFor="m"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -1920,7 +1910,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="a"
|
||||
id="m"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -1947,7 +1937,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bb"
|
||||
htmlFor="n"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -1955,7 +1945,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
<textarea
|
||||
className="c15 c16"
|
||||
disabled={false}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={undefined}
|
||||
/>
|
||||
<label
|
||||
@ -2009,40 +1999,24 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
@ -7,6 +7,7 @@ exports[`renders <Actions /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -389,7 +390,7 @@ exports[`renders <Actions /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bh"
|
||||
id="t"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
@ -398,14 +399,14 @@ exports[`renders <Actions /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bi"
|
||||
id="u"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bi"
|
||||
htmlFor="u"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -432,14 +433,13 @@ exports[`renders <Actions /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -500,6 +500,7 @@ exports[`renders <Item /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -790,7 +791,7 @@ exports[`renders <Item /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c6"
|
||||
disabled={false}
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -798,13 +799,13 @@ exports[`renders <Item /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c7"
|
||||
disabled={false}
|
||||
id="a"
|
||||
id="m"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c8"
|
||||
htmlFor="a"
|
||||
htmlFor="m"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -875,29 +876,8 @@ exports[`renders <Item /> without throwing 1`] = `
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
style={
|
||||
Object {
|
||||
"transform": "translateY(0.375rem)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
style={
|
||||
Object {
|
||||
"transform": "translateY(0.75rem)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -912,6 +892,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -1202,7 +1183,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c6"
|
||||
disabled={false}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -1210,13 +1191,13 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c7"
|
||||
disabled={false}
|
||||
id="bc"
|
||||
id="o"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c8"
|
||||
htmlFor="bc"
|
||||
htmlFor="o"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -1289,29 +1270,8 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
/>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
style={
|
||||
Object {
|
||||
"transform": "translateY(0.375rem)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
<path
|
||||
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fill-rule="evenodd"
|
||||
style={
|
||||
Object {
|
||||
"transform": "translateY(0.75rem)",
|
||||
}
|
||||
}
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -1525,6 +1485,7 @@ exports[`renders <SnapshotList /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -1907,7 +1868,7 @@ exports[`renders <SnapshotList /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="be"
|
||||
id="q"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
@ -1916,14 +1877,14 @@ exports[`renders <SnapshotList /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bf"
|
||||
id="r"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bf"
|
||||
htmlFor="r"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -1950,14 +1911,13 @@ exports[`renders <SnapshotList /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -2018,6 +1978,7 @@ exports[`renders <SnapshotList allSelected /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -2400,7 +2361,7 @@ exports[`renders <SnapshotList allSelected /> without throwing 1`] = `
|
||||
checked={true}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bt"
|
||||
id="F"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
@ -2409,14 +2370,14 @@ exports[`renders <SnapshotList allSelected /> without throwing 1`] = `
|
||||
checked={true}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bu"
|
||||
id="G"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bu"
|
||||
htmlFor="G"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -2443,14 +2404,13 @@ exports[`renders <SnapshotList allSelected /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -2511,6 +2471,7 @@ exports[`renders <SnapshotList sortBy /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -2893,7 +2854,7 @@ exports[`renders <SnapshotList sortBy /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bk"
|
||||
id="w"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
@ -2902,14 +2863,14 @@ exports[`renders <SnapshotList sortBy /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bl"
|
||||
id="x"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bl"
|
||||
htmlFor="x"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -2947,14 +2908,13 @@ exports[`renders <SnapshotList sortBy /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -3004,6 +2964,7 @@ exports[`renders <SnapshotList sortBy sortOrder /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -3386,7 +3347,7 @@ exports[`renders <SnapshotList sortBy sortOrder /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="bn"
|
||||
id="z"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
@ -3395,14 +3356,14 @@ exports[`renders <SnapshotList sortBy sortOrder /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bo"
|
||||
id="A"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bo"
|
||||
htmlFor="A"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -3440,14 +3401,13 @@ exports[`renders <SnapshotList sortBy sortOrder /> without throwing 1`] = `
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
@ -3497,6 +3457,7 @@ exports[`renders <SnapshotList submitting /> without throwing 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -3879,7 +3840,7 @@ exports[`renders <SnapshotList submitting /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={true}
|
||||
id="bq"
|
||||
id="C"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
@ -3888,14 +3849,14 @@ exports[`renders <SnapshotList submitting /> without throwing 1`] = `
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={true}
|
||||
id="br"
|
||||
id="D"
|
||||
onBlur={undefined}
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="br"
|
||||
htmlFor="D"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -3922,14 +3883,13 @@ exports[`renders <SnapshotList submitting /> without throwing 1`] = `
|
||||
"transform": "rotate(180deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</th>
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -64,6 +64,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -152,6 +153,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -241,6 +243,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -860,7 +863,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="Y"
|
||||
htmlFor="k"
|
||||
>
|
||||
Tag
|
||||
key
|
||||
@ -868,7 +871,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -890,7 +893,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="Z"
|
||||
htmlFor="l"
|
||||
>
|
||||
Tag
|
||||
value
|
||||
@ -898,7 +901,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -948,40 +951,24 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -1060,6 +1047,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1148,6 +1136,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1237,6 +1226,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1848,7 +1838,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="a"
|
||||
htmlFor="m"
|
||||
>
|
||||
Tag
|
||||
key
|
||||
@ -1856,7 +1846,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="a"
|
||||
id="m"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -1878,7 +1868,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bb"
|
||||
htmlFor="n"
|
||||
>
|
||||
Tag
|
||||
value
|
||||
@ -1886,7 +1876,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -1936,40 +1926,24 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
@ -55,6 +55,7 @@ exports[`renders <Toolbar /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -323,14 +324,14 @@ exports[`renders <Toolbar /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="Y"
|
||||
htmlFor="k"
|
||||
>
|
||||
Filter
|
||||
</label>
|
||||
<input
|
||||
className="c4"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={undefined}
|
||||
placeholder=""
|
||||
/>
|
||||
@ -346,7 +347,7 @@ exports[`renders <Toolbar /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="a"
|
||||
htmlFor="m"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -420,6 +421,7 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -688,14 +690,14 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bk"
|
||||
htmlFor="w"
|
||||
>
|
||||
Filter
|
||||
</label>
|
||||
<input
|
||||
className="c4"
|
||||
disabled={false}
|
||||
id="bk"
|
||||
id="w"
|
||||
onBlur={undefined}
|
||||
placeholder=""
|
||||
/>
|
||||
@ -711,7 +713,7 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bm"
|
||||
htmlFor="y"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -785,6 +787,7 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1075,14 +1078,14 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bn"
|
||||
htmlFor="z"
|
||||
>
|
||||
Filter
|
||||
</label>
|
||||
<input
|
||||
className="c4"
|
||||
disabled={false}
|
||||
id="bn"
|
||||
id="z"
|
||||
onBlur={undefined}
|
||||
placeholder=""
|
||||
/>
|
||||
@ -1098,7 +1101,7 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bp"
|
||||
htmlFor="B"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -1172,6 +1175,7 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1440,14 +1444,14 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bq"
|
||||
htmlFor="C"
|
||||
>
|
||||
Filter
|
||||
</label>
|
||||
<input
|
||||
className="c4"
|
||||
disabled={false}
|
||||
id="bq"
|
||||
id="C"
|
||||
onBlur={undefined}
|
||||
placeholder=""
|
||||
/>
|
||||
@ -1463,7 +1467,7 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bs"
|
||||
htmlFor="E"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -1537,6 +1541,7 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1805,14 +1810,14 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bb"
|
||||
htmlFor="n"
|
||||
>
|
||||
Search label
|
||||
</label>
|
||||
<input
|
||||
className="c4"
|
||||
disabled={false}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={undefined}
|
||||
placeholder=""
|
||||
/>
|
||||
@ -1828,7 +1833,7 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bd"
|
||||
htmlFor="p"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -1902,6 +1907,7 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2170,14 +2176,14 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="be"
|
||||
htmlFor="q"
|
||||
>
|
||||
Filter
|
||||
</label>
|
||||
<input
|
||||
className="c4"
|
||||
disabled={false}
|
||||
id="be"
|
||||
id="q"
|
||||
onBlur={undefined}
|
||||
placeholder="Search placeholder"
|
||||
/>
|
||||
@ -2193,7 +2199,7 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bg"
|
||||
htmlFor="s"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -2267,6 +2273,7 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2287,11 +2294,6 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
|
||||
background-color: rgb(59,70,204);
|
||||
border-radius: 0.25rem;
|
||||
border: solid 0.0625rem rgb(45,56,132);
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
color: rgb(216,216,216);
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(216,216,216);
|
||||
display: -webkit-inline-box;
|
||||
display: -webkit-inline-flex;
|
||||
display: -ms-inline-flexbox;
|
||||
@ -2330,23 +2332,6 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.c7:focus {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(216,216,216);
|
||||
}
|
||||
|
||||
.c7:hover {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c7:active,
|
||||
.c7:active:hover,
|
||||
.c7:active:focus {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c7 svg + span {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
@ -2572,14 +2557,14 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bh"
|
||||
htmlFor="t"
|
||||
>
|
||||
Filter
|
||||
</label>
|
||||
<input
|
||||
className="c4"
|
||||
disabled={true}
|
||||
id="bh"
|
||||
id="t"
|
||||
onBlur={undefined}
|
||||
placeholder=""
|
||||
/>
|
||||
@ -2595,13 +2580,13 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c3"
|
||||
htmlFor="bj"
|
||||
htmlFor="v"
|
||||
>
|
||||
|
||||
</label>
|
||||
<button
|
||||
className="c7 c8 c9"
|
||||
disabled={true}
|
||||
disabled={false}
|
||||
href=""
|
||||
icon={true}
|
||||
onClick={undefined}
|
||||
|
@ -8,7 +8,8 @@ import styled from 'styled-components';
|
||||
import remcalc from 'remcalc';
|
||||
import titleCase from 'title-case';
|
||||
import Flex, { FlexItem } from 'styled-flex-component';
|
||||
// import Editor from 'joyent-ui-toolkit/dist/es/editor';
|
||||
|
||||
import Editor from 'joyent-ui-toolkit/dist/es/editor';
|
||||
|
||||
import {
|
||||
Message,
|
||||
@ -50,70 +51,73 @@ class ValueTextareaField extends PureComponent {
|
||||
const { input = {}, submitting } = this.props;
|
||||
|
||||
return input.value === 'user-script' ? (
|
||||
<Field name="value" component="textarea" />
|
||||
<Field
|
||||
name="value"
|
||||
component={props => <Editor {...props} mode="sh" />}
|
||||
/>
|
||||
) : (
|
||||
<Textarea resize="vertical" disabled={submitting} fluid />
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
const TextareaKeyValue = ({ type, submitting }) => [
|
||||
<Row key="key">
|
||||
<Col xs={12}>
|
||||
<FormGroup name="name" field={Field} fluid>
|
||||
<FormLabel>{titleCase(type)} key</FormLabel>
|
||||
<Input onBlur={null} type="text" disabled={submitting} />
|
||||
<FormMeta />
|
||||
</FormGroup>
|
||||
<Divider height={remcalc(12)} transparent />
|
||||
</Col>
|
||||
</Row>,
|
||||
<Row key="value">
|
||||
<Col xs={12}>
|
||||
<FormGroup name="value" field={Field} fluid>
|
||||
<FormLabel>{titleCase(type)} value</FormLabel>
|
||||
<Field
|
||||
name="name"
|
||||
fluid
|
||||
component={ValueTextareaField}
|
||||
props={{ submitting }}
|
||||
/>
|
||||
<FormMeta />
|
||||
</FormGroup>
|
||||
<Divider height={remcalc(12)} transparent />
|
||||
</Col>
|
||||
</Row>
|
||||
];
|
||||
|
||||
const InputKeyValue = ({ type, submitting }) => (
|
||||
<Flex justifyStart contentStretch>
|
||||
<FlexItem basis="auto">
|
||||
<FormGroup name="name" field={Field} fluid>
|
||||
<FormLabel>{titleCase(type)} key</FormLabel>
|
||||
<Input onBlur={null} type="text" disabled={submitting} />
|
||||
<FormMeta />
|
||||
</FormGroup>
|
||||
</FlexItem>
|
||||
<FlexItem basis={remcalc(12)} />
|
||||
<FlexItem basis="auto">
|
||||
<FormGroup name="value" field={Field} fluid>
|
||||
<FormLabel>{titleCase(type)} value</FormLabel>
|
||||
<Input onBlur={null} disabled={submitting} />
|
||||
<FormMeta />
|
||||
</FormGroup>
|
||||
</FlexItem>
|
||||
</Flex>
|
||||
const TextareaKeyValue = ({ type, submitting, onlyName, onlyValue }) => (
|
||||
<Fragment>
|
||||
{!onlyValue ? (
|
||||
<Row>
|
||||
<Col xs={12}>
|
||||
<FormGroup name="name" field={Field} fluid>
|
||||
<FormLabel>{titleCase(type)} key</FormLabel>
|
||||
<Input onBlur={null} type="text" disabled={submitting} />
|
||||
<FormMeta />
|
||||
</FormGroup>
|
||||
<Divider height={remcalc(12)} transparent />
|
||||
</Col>
|
||||
</Row>
|
||||
) : null}
|
||||
{!onlyName ? (
|
||||
<Row>
|
||||
<Col xs={12}>
|
||||
<FormGroup name="value" field={Field} fluid>
|
||||
<FormLabel>{titleCase(type)} value</FormLabel>
|
||||
<Field
|
||||
name="name"
|
||||
fluid
|
||||
component={ValueTextareaField}
|
||||
props={{ submitting }}
|
||||
/>
|
||||
<FormMeta />
|
||||
</FormGroup>
|
||||
<Divider height={remcalc(12)} transparent />
|
||||
</Col>
|
||||
</Row>
|
||||
) : null}
|
||||
</Fragment>
|
||||
);
|
||||
|
||||
const InputName = ({ type, submitting }) => (
|
||||
const InputKeyValue = ({ type, submitting, onlyName, onlyValue }) => (
|
||||
<Flex justifyStart contentStretch>
|
||||
<FlexItem basis="auto">
|
||||
<FormGroup name="name" field={Field} fluid>
|
||||
<FormLabel>{titleCase(type)} Name</FormLabel>
|
||||
<Input onBlur={null} type="text" disabled={submitting} />
|
||||
<FormMeta />
|
||||
</FormGroup>
|
||||
</FlexItem>
|
||||
{!onlyValue ? (
|
||||
<FlexItem basis="auto">
|
||||
<FormGroup name="name" field={Field} fluid>
|
||||
<FormLabel>{titleCase(type)} key</FormLabel>
|
||||
<Input onBlur={null} type="text" disabled={submitting} />
|
||||
<FormMeta />
|
||||
</FormGroup>
|
||||
</FlexItem>
|
||||
) : null}
|
||||
{!onlyName ? (
|
||||
<Fragment>
|
||||
<FlexItem basis={remcalc(12)} />
|
||||
<FlexItem basis="auto">
|
||||
<FormGroup name="value" field={Field} fluid>
|
||||
<FormLabel>{titleCase(type)} value</FormLabel>
|
||||
<Input onBlur={null} disabled={submitting} />
|
||||
<FormMeta />
|
||||
</FormGroup>
|
||||
</FlexItem>
|
||||
</Fragment>
|
||||
) : null}
|
||||
</Flex>
|
||||
);
|
||||
|
||||
@ -133,6 +137,7 @@ export const KeyValue = ({
|
||||
onRemove = () => null,
|
||||
theme = {},
|
||||
onlyName = false,
|
||||
onlyValue = false,
|
||||
noRemove = false,
|
||||
customHeader
|
||||
}) => {
|
||||
@ -182,18 +187,21 @@ export const KeyValue = ({
|
||||
</Row>
|
||||
) : null}
|
||||
{input === 'input' ? (
|
||||
onlyName ? (
|
||||
<InputName onBlur={null} type={type} submitting={submitting} />
|
||||
) : (
|
||||
<InputKeyValue
|
||||
onBlur={null}
|
||||
type={type}
|
||||
submitting={submitting}
|
||||
/>
|
||||
)
|
||||
<InputKeyValue
|
||||
onBlur={null}
|
||||
type={type}
|
||||
submitting={submitting}
|
||||
onlyName={onlyName}
|
||||
onlyValue={onlyValue}
|
||||
/>
|
||||
) : null}
|
||||
{input === 'textarea' ? (
|
||||
<TextareaKeyValue type={type} submitting={submitting} />
|
||||
<TextareaKeyValue
|
||||
type={type}
|
||||
submitting={submitting}
|
||||
onlyName={onlyName}
|
||||
onlyValue={onlyValue}
|
||||
/>
|
||||
) : null}
|
||||
{input !== 'textarea' && input !== 'input'
|
||||
? input(submitting)
|
||||
@ -235,7 +243,7 @@ export const KeyValue = ({
|
||||
disabled={submitting}
|
||||
fill={submitting ? undefined : theme.red}
|
||||
/>
|
||||
<span>Delete</span>
|
||||
<span>Remove</span>
|
||||
</Button>
|
||||
</Col>
|
||||
)}
|
||||
|
@ -32,7 +32,7 @@ export const Toolbar = ({
|
||||
<FormLabel>⁣</FormLabel>
|
||||
<Button
|
||||
type={onActionClick ? 'button' : 'submit'}
|
||||
disabled={!searchable || !actionable}
|
||||
disabled={!actionable}
|
||||
onClick={onActionClick}
|
||||
icon
|
||||
fluid
|
||||
|
@ -10,6 +10,7 @@ exports[`renders <Menu links /> without throwing 1`] = `
|
||||
.c6 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c5 {
|
||||
|
@ -4,6 +4,7 @@ exports[`renders <Metadata /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -119,57 +120,21 @@ Array [
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 18 11"
|
||||
width="18"
|
||||
viewBox="0 0 17.04 11"
|
||||
width="17.04"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1884 1236)"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1884 -1233.9)"
|
||||
xlinkHref="#F"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1896 -1233.9)"
|
||||
xlinkHref="#G"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1891 -1236)"
|
||||
xlinkHref="#H"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
|
||||
id="F"
|
||||
/>
|
||||
<path
|
||||
d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
|
||||
id="G"
|
||||
/>
|
||||
<path
|
||||
d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
|
||||
id="H"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
<path
|
||||
d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
<polygon
|
||||
points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -196,6 +161,7 @@ exports[`renders <Metadata addOpen expanded /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -311,57 +277,21 @@ Array [
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 18 11"
|
||||
width="18"
|
||||
viewBox="0 0 17.04 11"
|
||||
width="17.04"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1884 1236)"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1884 -1233.9)"
|
||||
xlinkHref="#F"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1896 -1233.9)"
|
||||
xlinkHref="#G"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1891 -1236)"
|
||||
xlinkHref="#H"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
|
||||
id="F"
|
||||
/>
|
||||
<path
|
||||
d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
|
||||
id="G"
|
||||
/>
|
||||
<path
|
||||
d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
|
||||
id="H"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
<path
|
||||
d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
<polygon
|
||||
points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -542,6 +472,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -630,6 +561,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -719,6 +651,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1353,7 +1286,7 @@ Array [
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bg"
|
||||
htmlFor="s"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -1361,7 +1294,7 @@ Array [
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="bg"
|
||||
id="s"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -1388,7 +1321,7 @@ Array [
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bh"
|
||||
htmlFor="t"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -1396,7 +1329,7 @@ Array [
|
||||
<textarea
|
||||
className="c15 c16"
|
||||
disabled={false}
|
||||
id="bh"
|
||||
id="t"
|
||||
onBlur={undefined}
|
||||
/>
|
||||
<label
|
||||
@ -1450,40 +1383,24 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -1550,6 +1467,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1637,6 +1555,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1718,6 +1637,7 @@ exports[`renders <Metadata expanded /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -1833,57 +1753,21 @@ Array [
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 18 11"
|
||||
width="18"
|
||||
viewBox="0 0 17.04 11"
|
||||
width="17.04"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1884 1236)"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1884 -1233.9)"
|
||||
xlinkHref="#F"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1896 -1233.9)"
|
||||
xlinkHref="#G"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1891 -1236)"
|
||||
xlinkHref="#H"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
|
||||
id="F"
|
||||
/>
|
||||
<path
|
||||
d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
|
||||
id="G"
|
||||
/>
|
||||
<path
|
||||
d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
|
||||
id="H"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
<path
|
||||
d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
<polygon
|
||||
points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -2052,6 +1936,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2139,6 +2024,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2220,6 +2106,7 @@ exports[`renders <Metadata metadata=[] /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -2335,57 +2222,21 @@ Array [
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 18 11"
|
||||
width="18"
|
||||
viewBox="0 0 17.04 11"
|
||||
width="17.04"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1884 1236)"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1884 -1233.9)"
|
||||
xlinkHref="#F"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1896 -1233.9)"
|
||||
xlinkHref="#G"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1891 -1236)"
|
||||
xlinkHref="#H"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
|
||||
id="F"
|
||||
/>
|
||||
<path
|
||||
d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
|
||||
id="G"
|
||||
/>
|
||||
<path
|
||||
d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
|
||||
id="H"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
<path
|
||||
d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
<polygon
|
||||
points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -2470,6 +2321,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2558,6 +2410,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2647,6 +2500,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3299,7 +3153,7 @@ Array [
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="Y"
|
||||
htmlFor="k"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -3307,7 +3161,7 @@ Array [
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -3334,7 +3188,7 @@ Array [
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="Z"
|
||||
htmlFor="l"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -3342,7 +3196,7 @@ Array [
|
||||
<textarea
|
||||
className="c15 c16"
|
||||
disabled={false}
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={undefined}
|
||||
/>
|
||||
<label
|
||||
@ -3396,40 +3250,24 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -3508,6 +3346,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3596,6 +3435,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3685,6 +3525,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -4337,7 +4178,7 @@ Array [
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="a"
|
||||
htmlFor="m"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -4345,7 +4186,7 @@ Array [
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="a"
|
||||
id="m"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -4372,7 +4213,7 @@ Array [
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bb"
|
||||
htmlFor="n"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -4380,7 +4221,7 @@ Array [
|
||||
<textarea
|
||||
className="c15 c16"
|
||||
disabled={false}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={undefined}
|
||||
/>
|
||||
<label
|
||||
@ -4434,40 +4275,24 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -4488,6 +4313,7 @@ exports[`renders <Metadata metadata=[] expanded /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -4603,57 +4429,21 @@ Array [
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 18 11"
|
||||
width="18"
|
||||
viewBox="0 0 17.04 11"
|
||||
width="17.04"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1884 1236)"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1884 -1233.9)"
|
||||
xlinkHref="#F"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1896 -1233.9)"
|
||||
xlinkHref="#G"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1891 -1236)"
|
||||
xlinkHref="#H"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 5.5 6.79999L 0 3.4L 5.5 6.10352e-06L 6 0.799994L 1.9 3.4L 6 6.00001L 5.5 6.79999Z"
|
||||
id="F"
|
||||
/>
|
||||
<path
|
||||
d="M 0.5 6.79999L 0 6.00001L 4.1 3.4L 0 0.799994L 0.5 6.10352e-06L 6 3.4L 0.5 6.79999Z"
|
||||
id="G"
|
||||
/>
|
||||
<path
|
||||
d="M 1 11L 0 11L 3 0L 4 0L 1 11Z"
|
||||
id="H"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M5.41,9,.24,5.93a.51.51,0,0,1,0-.86L5.41,2V3.45a.5.5,0,0,1-.25.44L2.39,5.5,5.17,7.19a.5.5,0,0,1,.24.43Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
<path
|
||||
d="M11.63,9l5.16-3.07a.5.5,0,0,0,0-.86L11.63,2V3.45a.52.52,0,0,0,.25.44L14.65,5.5,11.87,7.19a.5.5,0,0,0-.24.43Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
<polygon
|
||||
points="7.52 11 6.52 11 9.52 0 10.52 0 7.52 11"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -4834,6 +4624,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -4922,6 +4713,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -5011,6 +4803,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -5663,7 +5456,7 @@ Array [
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bc"
|
||||
htmlFor="o"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -5671,7 +5464,7 @@ Array [
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="bc"
|
||||
id="o"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -5698,7 +5491,7 @@ Array [
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bd"
|
||||
htmlFor="p"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -5706,7 +5499,7 @@ Array [
|
||||
<textarea
|
||||
className="c15 c16"
|
||||
disabled={false}
|
||||
id="bd"
|
||||
id="p"
|
||||
onBlur={undefined}
|
||||
/>
|
||||
<label
|
||||
@ -5760,40 +5553,24 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -5872,6 +5649,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -5960,6 +5738,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -6049,6 +5828,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -6701,7 +6481,7 @@ Array [
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="be"
|
||||
htmlFor="q"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -6709,7 +6489,7 @@ Array [
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="be"
|
||||
id="q"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -6736,7 +6516,7 @@ Array [
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="bf"
|
||||
htmlFor="r"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -6744,7 +6524,7 @@ Array [
|
||||
<textarea
|
||||
className="c15 c16"
|
||||
disabled={false}
|
||||
id="bf"
|
||||
id="r"
|
||||
onBlur={undefined}
|
||||
/>
|
||||
<label
|
||||
@ -6798,40 +6578,24 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -6898,6 +6662,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -6985,6 +6750,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
|
@ -4,6 +4,7 @@ exports[`renders <Networks /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -112,36 +113,21 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="18"
|
||||
height="19.78"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
viewBox="0 0 19.78 19.78"
|
||||
width="19.78"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1105 710)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1105 -710)"
|
||||
xlinkHref="#I"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
|
||||
id="I"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -175,6 +161,7 @@ exports[`renders <Networks loading /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -283,36 +270,21 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="18"
|
||||
height="19.78"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
viewBox="0 0 19.78 19.78"
|
||||
width="19.78"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1105 710)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1105 -710)"
|
||||
xlinkHref="#I"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
|
||||
id="I"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -345,6 +317,7 @@ exports[`renders <Networks loading expanded /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -453,36 +426,21 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="18"
|
||||
height="19.78"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
viewBox="0 0 19.78 19.78"
|
||||
width="19.78"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1105 710)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1105 -710)"
|
||||
xlinkHref="#I"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
|
||||
id="I"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -768,6 +726,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -862,6 +821,7 @@ exports[`renders <Networks networks=[] /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -970,36 +930,21 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="18"
|
||||
height="19.78"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
viewBox="0 0 19.78 19.78"
|
||||
width="19.78"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1105 710)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1105 -710)"
|
||||
xlinkHref="#I"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
|
||||
id="I"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -1313,22 +1258,14 @@ Array [
|
||||
className="c12"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="13"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 13"
|
||||
width="9"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
|
||||
d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -1368,6 +1305,7 @@ exports[`renders <Networks networks=[] expanded /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -1476,36 +1414,21 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="18"
|
||||
height="19.78"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
viewBox="0 0 19.78 19.78"
|
||||
width="19.78"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1105 710)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1105 -710)"
|
||||
xlinkHref="#I"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
|
||||
id="I"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -1626,6 +1549,7 @@ Array [
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -2504,7 +2428,7 @@ Array [
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -2512,13 +2436,13 @@ Array [
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="Z"
|
||||
htmlFor="l"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -2618,19 +2542,10 @@ Array [
|
||||
className="c21"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="17"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
height="16.2"
|
||||
viewBox="0 0 16.2 16.2"
|
||||
width="17"
|
||||
width="16.2"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<path
|
||||
d="M16.2,6.61a17.42,17.42,0,0,0-3.37-.26,11.67,11.67,0,0,1-.47-4A15.72,15.72,0,0,1,16,2.59l.2-1a16,16,0,0,0-3.77-.24A11,11,0,0,1,12.59.2l-1-.2a14.09,14.09,0,0,0-.2,1.46A8.44,8.44,0,0,0,7.82,2.68c-.15.1-.31.19-.47.28A15.07,15.07,0,0,1,7.59.2l-1-.2a16.37,16.37,0,0,0-.26,3.37,11.66,11.66,0,0,1-4,.46A15.6,15.6,0,0,1,2.59.2l-1-.2a16.29,16.29,0,0,0-.25,3.77C.67,3.7.21,3.61.2,3.61l-.2,1c.07,0,.63.12,1.46.19a8.48,8.48,0,0,0,1.22,3.6A5.3,5.3,0,0,1,3,8.85,17.52,17.52,0,0,1,.2,8.61l-.2,1a16.66,16.66,0,0,0,3,.26h.4a11.71,11.71,0,0,1,.46,4A17,17,0,0,1,.2,13.61l-.2,1a16.66,16.66,0,0,0,3,.26l.8,0c-.07.7-.16,1.16-.16,1.17l1,.2c0-.07.12-.63.19-1.46a8.49,8.49,0,0,0,3.6-1.23c.15-.1.3-.18.46-.27A16.88,16.88,0,0,1,8.61,16l1,.2a17,17,0,0,0,.25-3.37,11.73,11.73,0,0,1,4-.47A17.13,17.13,0,0,1,13.61,16l1,.2a17.28,17.28,0,0,0,.24-3.77,11,11,0,0,1,1.17.16l.2-1a14.09,14.09,0,0,0-1.46-.2,8.45,8.45,0,0,0-1.23-3.59c-.1-.15-.18-.31-.27-.47A15.07,15.07,0,0,1,16,7.59ZM8.38,3.51a7.26,7.26,0,0,1,3-1,13.17,13.17,0,0,0,.44,3.93,9.35,9.35,0,0,0-3.51,1A8.4,8.4,0,0,1,7.39,4,6.75,6.75,0,0,0,8.38,3.51ZM2.48,4.84H3a12.4,12.4,0,0,0,3.44-.44,9.35,9.35,0,0,0,1,3.51A8.38,8.38,0,0,1,4,8.8a6.18,6.18,0,0,0-.53-1A7.36,7.36,0,0,1,2.48,4.84Zm5.34,7.84a7.22,7.22,0,0,1-3,1A12.61,12.61,0,0,0,4.4,9.78a9,9,0,0,0,3.52-1,8.43,8.43,0,0,1,.88,3.37A7.11,7.11,0,0,0,7.82,12.68Zm5.9-1.33a13.23,13.23,0,0,0-3.94.44,9,9,0,0,0-1-3.51,8.44,8.44,0,0,1,3.38-.89,6.69,6.69,0,0,0,.52,1A7.13,7.13,0,0,1,13.72,11.35Z"
|
||||
@ -2695,14 +2610,13 @@ Array [
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -2752,7 +2666,7 @@ Array [
|
||||
checked={false}
|
||||
className="c8"
|
||||
disabled={false}
|
||||
id="a"
|
||||
id="m"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
>
|
||||
@ -2760,13 +2674,13 @@ Array [
|
||||
checked={false}
|
||||
className="c9"
|
||||
disabled={false}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={undefined}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="c10"
|
||||
htmlFor="bb"
|
||||
htmlFor="n"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
@ -2866,22 +2780,14 @@ Array [
|
||||
className="c21"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="13"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 13"
|
||||
width="9"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
|
||||
d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -2960,6 +2866,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3032,6 +2939,7 @@ exports[`renders <Networks networks=[] proceeded /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -3140,36 +3048,21 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="18"
|
||||
height="19.78"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 18 18"
|
||||
width="18"
|
||||
viewBox="0 0 19.78 19.78"
|
||||
width="19.78"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1105 710)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1105 -710)"
|
||||
xlinkHref="#I"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 15.1685 5.96629C 14.5618 5.96629 13.9551 6.16854 13.4494 6.57303L 11.6292 4.75281C 11.9326 4.24719 12.236 3.64045 12.236 3.03371C 12.236 1.31461 10.9213 1.50686e-09 9.20225 1.50686e-09C 7.48314 1.50686e-09 6.16854 1.31461 6.16854 3.03371C 6.16854 3.64045 6.37078 4.24719 6.77528 4.75281L 4.95506 6.57303C 4.24719 6.16854 3.64045 5.96629 3.03371 5.96629C 1.31461 5.96629 0 7.2809 0 9C 0 10.7191 1.31461 12.0337 3.03371 12.0337C 3.64045 12.0337 4.24719 11.8315 4.75281 11.427L 6.57303 13.2472C 6.26966 13.7528 5.96629 14.3596 5.96629 14.9663C 5.96629 16.6854 7.2809 18 9 18C 10.7191 18 12.0337 16.6854 12.0337 14.9663C 12.0337 14.3596 11.8315 13.7528 11.427 13.2472L 13.2472 11.427C 13.7528 11.7303 14.3596 12.0337 14.9663 12.0337C 16.6854 12.0337 18 10.7191 18 9C 18 7.2809 16.8876 5.96629 15.1685 5.96629ZM 9.10112 12.0337C 8.49438 12.0337 7.88764 12.236 7.38203 12.6404L 5.5618 10.8202C 5.86517 10.3146 6.16854 9.70787 6.16854 9.10112C 6.16854 8.49438 5.96629 7.88764 5.5618 7.38202L 7.38203 5.5618C 7.88764 5.86517 8.49438 6.16854 9.10112 6.16854C 9.70787 6.16854 10.3146 5.96629 10.8202 5.5618L 12.6404 7.38202C 12.3371 7.78652 12.1348 8.39326 12.1348 9C 12.1348 9.60674 12.3371 10.2135 12.7416 10.7191L 10.9214 12.5393C 10.3146 12.236 9.70787 12.0337 9.10112 12.0337ZM 9.10112 0.910112C 10.2135 0.910112 11.1236 1.82022 11.1236 2.93258C 11.1236 4.04494 10.2135 4.95506 9.10112 4.95506C 7.98876 4.95506 7.07865 4.04494 7.07865 2.93258C 7.07865 1.82022 7.98876 0.910112 9.10112 0.910112ZM 1.01124 9C 1.01124 7.88764 1.92135 6.97753 3.03371 6.97753C 4.14607 6.97753 5.05618 7.88764 5.05618 9C 5.05618 10.1124 4.14607 11.0225 3.03371 11.0225C 1.92135 11.0225 1.01124 10.1124 1.01124 9ZM 9.10112 17.0899C 7.98876 17.0899 7.07865 16.1798 7.07865 15.0674C 7.07865 13.9551 7.98876 13.0449 9.10112 13.0449C 10.2135 13.0449 11.1236 13.9551 11.1236 15.0674C 11.1236 16.1798 10.2135 17.0899 9.10112 17.0899ZM 15.1685 11.0225C 14.0562 11.0225 13.1461 10.1124 13.1461 9C 13.1461 7.88764 14.0562 6.97753 15.1685 6.97753C 16.2809 6.97753 17.191 7.88764 17.191 9C 17.191 10.1124 16.2809 11.0225 15.1685 11.0225Z"
|
||||
id="I"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -3512,22 +3405,14 @@ Array [
|
||||
className="c12"
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="13"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 13"
|
||||
width="9"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
|
||||
d="M0,0V13H9V0ZM7,11H2V2H7ZM3,4H6V3H3ZM3,6H6V5H3ZM3,8H6V7H3Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -3607,6 +3492,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
|
@ -4,6 +4,7 @@ exports[`renders <Tags /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -112,51 +113,21 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="17"
|
||||
height="19"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 17 17"
|
||||
width="17"
|
||||
viewBox="0 0 19 19"
|
||||
width="19"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1885 974)"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1885 -974)"
|
||||
xlinkHref="#R"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1888 -971)"
|
||||
xlinkHref="#S"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
|
||||
id="R"
|
||||
/>
|
||||
<path
|
||||
d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
|
||||
id="S"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -183,6 +154,7 @@ exports[`renders <Tags addOpen expanded /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -291,51 +263,21 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="17"
|
||||
height="19"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 17 17"
|
||||
width="17"
|
||||
viewBox="0 0 19 19"
|
||||
width="19"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1885 974)"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1885 -974)"
|
||||
xlinkHref="#R"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1888 -971)"
|
||||
xlinkHref="#S"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
|
||||
id="R"
|
||||
/>
|
||||
<path
|
||||
d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
|
||||
id="S"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -528,6 +470,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -616,6 +559,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -705,6 +649,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1333,7 +1278,7 @@ Array [
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="Y"
|
||||
htmlFor="k"
|
||||
>
|
||||
Tag
|
||||
key
|
||||
@ -1341,7 +1286,7 @@ Array [
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -1363,7 +1308,7 @@ Array [
|
||||
>
|
||||
<label
|
||||
className="c11"
|
||||
htmlFor="Z"
|
||||
htmlFor="l"
|
||||
>
|
||||
Tag
|
||||
value
|
||||
@ -1371,7 +1316,7 @@ Array [
|
||||
<input
|
||||
className="c12"
|
||||
disabled={false}
|
||||
id="Z"
|
||||
id="l"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -1421,40 +1366,24 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -1521,6 +1450,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1608,6 +1538,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1689,6 +1620,7 @@ exports[`renders <Tags expanded /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -1797,51 +1729,21 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="17"
|
||||
height="19"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 17 17"
|
||||
width="17"
|
||||
viewBox="0 0 19 19"
|
||||
width="19"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1885 974)"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1885 -974)"
|
||||
xlinkHref="#R"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1888 -971)"
|
||||
xlinkHref="#S"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
|
||||
id="R"
|
||||
/>
|
||||
<path
|
||||
d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
|
||||
id="S"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -2034,6 +1936,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2121,6 +2024,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2202,6 +2106,7 @@ exports[`renders <Tags metadata=[] /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -2310,51 +2215,21 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="17"
|
||||
height="19"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 17 17"
|
||||
width="17"
|
||||
viewBox="0 0 19 19"
|
||||
width="19"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1885 974)"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1885 -974)"
|
||||
xlinkHref="#R"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1888 -971)"
|
||||
xlinkHref="#S"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
|
||||
id="R"
|
||||
/>
|
||||
<path
|
||||
d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
|
||||
id="S"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -2381,6 +2256,7 @@ exports[`renders <Tags metadata=[] expanded /> without throwing 1`] = `
|
||||
Array [
|
||||
.c3 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
@ -2489,51 +2365,21 @@ Array [
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="17"
|
||||
height="19"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 17 17"
|
||||
width="17"
|
||||
viewBox="0 0 19 19"
|
||||
width="19"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(-1885 974)"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1885 -974)"
|
||||
xlinkHref="#R"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<use
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
transform="translate(1888 -971)"
|
||||
xlinkHref="#S"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 7.7 1L 7.8 1L 15.6 8.79999L 15.6 8.89999L 15.6 9L 9.1 15.5L 9 15.5L 8.9 15.5L 1.1 7.70001L 1.1 7.60001L 1.1 1.10001C 1.1 1.00001 1.2 0.899994 1.3 0.899994L 7.7 1ZM 7.7 0L 1.2 0C 0.599997 0 0 0.500012 0 1.20001L 0 7.70001C 0 8.00001 0.100003 8.3 0.300003 8.5L 8.1 16.3C 8.3 16.5 8.6 16.6 8.9 16.6C 9.2 16.6 9.5 16.5 9.7 16.3L 16.2 9.79999C 16.7 9.29999 16.7 8.60001 16.2 8.20001L 8.4 0.399994C 8.3 0.0999939 8 0 7.7 0Z"
|
||||
id="R"
|
||||
/>
|
||||
<path
|
||||
d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
|
||||
id="S"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M18.61,9.3,9.69.39A1.29,1.29,0,0,0,8.76,0H1.32A1.33,1.33,0,0,0,0,1.33V8.76a1.33,1.33,0,0,0,.39.94L9.3,18.61a1.33,1.33,0,0,0,.94.39,1.3,1.3,0,0,0,.93-.39l7.44-7.44A1.32,1.32,0,0,0,18.61,9.3Zm-1.68,1-6.65,6.65a.17.17,0,0,1-.12.05.14.14,0,0,1-.11-.05l-8-8a.18.18,0,0,1,0-.12V2.19A.17.17,0,0,1,2.18,2H8.84a.16.16,0,0,1,.11,0l8,8a.15.15,0,0,1,.05.11A.17.17,0,0,1,16.93,10.28ZM6.61,4.06A2.55,2.55,0,1,0,9.16,6.61,2.55,2.55,0,0,0,6.61,4.06Zm0,4.08A1.53,1.53,0,1,1,8.14,6.61,1.54,1.54,0,0,1,6.61,8.14Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
@ -2726,6 +2572,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2813,6 +2660,7 @@ Array [
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,92 @@
|
||||
/* eslint-disable camelcase */
|
||||
|
||||
import React from 'react';
|
||||
import renderer from 'react-test-renderer';
|
||||
import 'jest-styled-components';
|
||||
|
||||
import Theme from '@mocks/theme';
|
||||
import { UserScript } from '../user-script';
|
||||
|
||||
it('renders <UserScript /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
.create(
|
||||
<Theme>
|
||||
<UserScript />
|
||||
</Theme>
|
||||
)
|
||||
.toJSON()
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders <UserScript proceeded /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
.create(
|
||||
<Theme>
|
||||
<UserScript proceeded />
|
||||
</Theme>
|
||||
)
|
||||
.toJSON()
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders <UserScript expanded /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
.create(
|
||||
<Theme>
|
||||
<UserScript expanded />
|
||||
</Theme>
|
||||
)
|
||||
.toJSON()
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders <UserScript expanded create /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
.create(
|
||||
<Theme>
|
||||
<UserScript expanded create />
|
||||
</Theme>
|
||||
)
|
||||
.toJSON()
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders <UserScript expanded create formOpen /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
.create(
|
||||
<Theme>
|
||||
<UserScript expanded create formOpen />
|
||||
</Theme>
|
||||
)
|
||||
.toJSON()
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders <UserScript expanded edit formOpen /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
.create(
|
||||
<Theme>
|
||||
<UserScript expanded edit formOpen />
|
||||
</Theme>
|
||||
)
|
||||
.toJSON()
|
||||
).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders <UserScript expanded edit formOpen script /> without throwing', () => {
|
||||
expect(
|
||||
renderer
|
||||
.create(
|
||||
<Theme>
|
||||
<UserScript expanded edit formOpen script={{ value: 'hey' }}/>
|
||||
</Theme>
|
||||
)
|
||||
.toJSON()
|
||||
).toMatchSnapshot();
|
||||
});
|
@ -20,6 +20,7 @@ import Image from '@containers/create-instance/image';
|
||||
import Package from '@containers/create-instance/package';
|
||||
import Tags from '@containers/create-instance/tags';
|
||||
import Metadata from '@containers/create-instance/metadata';
|
||||
import UserScript from '@containers/create-instance/user-script';
|
||||
import Networks from '@containers/create-instance/networks';
|
||||
import Firewall from '@containers/create-instance/firewall';
|
||||
import CNS from '@containers/create-instance/cns';
|
||||
@ -53,6 +54,13 @@ const CreateInstance = ({ step, disabled, handleSubmit, history, match }) => (
|
||||
expanded={step === 'metadata'}
|
||||
/>
|
||||
</Margin>
|
||||
<Margin bottom={4}>
|
||||
<UserScript
|
||||
history={history}
|
||||
match={match}
|
||||
expanded={step === 'user-script'}
|
||||
/>
|
||||
</Margin>
|
||||
<Margin bottom={4}>
|
||||
<Networks
|
||||
history={history}
|
||||
@ -93,13 +101,15 @@ const CreateInstance = ({ step, disabled, handleSubmit, history, match }) => (
|
||||
|
||||
export default compose(
|
||||
graphql(CreateInstanceMutation, { name: 'createInstance' }),
|
||||
connect(({ form, values }, { step }) => {
|
||||
connect(({ form, values }, { match }) => {
|
||||
const step = get(match, 'params.step', 'name');
|
||||
|
||||
const disabled = ['name', 'image', 'package', 'networks'].some(
|
||||
step => !get(values, `create-instance-${step}-proceeded`, false)
|
||||
);
|
||||
|
||||
if (disabled) {
|
||||
return { disabled };
|
||||
return { disabled, step };
|
||||
}
|
||||
|
||||
const name = get(
|
||||
@ -133,6 +143,7 @@ export default compose(
|
||||
const affinity = get(values, 'create-instance-affinity', []);
|
||||
const cns = get(values, 'create-instance-cns-enabled', true);
|
||||
const cnsServices = get(values, 'create-instance-cns-services', null);
|
||||
const userScript = get(values, 'create-instance-user-script', {});
|
||||
|
||||
const tags = receivedTags.map(a => omit(a, 'expanded'));
|
||||
|
||||
@ -149,10 +160,12 @@ export default compose(
|
||||
image,
|
||||
affinity,
|
||||
metadata,
|
||||
userScript,
|
||||
tags,
|
||||
firewall_enabled,
|
||||
networks,
|
||||
disabled
|
||||
disabled,
|
||||
step
|
||||
};
|
||||
}),
|
||||
connect(null, (dispatch, ownProps) => {
|
||||
@ -162,6 +175,7 @@ export default compose(
|
||||
image,
|
||||
affinity,
|
||||
metadata,
|
||||
userScript,
|
||||
tags,
|
||||
firewall_enabled,
|
||||
networks,
|
||||
@ -207,12 +221,16 @@ export default compose(
|
||||
};
|
||||
});
|
||||
|
||||
const _name = name.toLowerCase();
|
||||
const _metadata = metadata.map(a => omit(a, 'expanded'));
|
||||
const _tags = uniqBy(tags, 'name');
|
||||
const _networks = Object.keys(networks).filter(
|
||||
network => networks[network]
|
||||
);
|
||||
const _name = name.toLowerCase();
|
||||
|
||||
if (userScript && userScript.value) {
|
||||
_metadata.push({ name: 'user-script', value: userScript.value });
|
||||
}
|
||||
|
||||
const [err, res] = await intercept(
|
||||
createInstance({
|
||||
|
@ -137,7 +137,7 @@ export default compose(
|
||||
set({ name: 'create-instance-metadata-proceeded', value: true })
|
||||
);
|
||||
|
||||
return history.push(`/instances/~create/networks`);
|
||||
return history.push(`/instances/~create/user-scripts`);
|
||||
},
|
||||
handleEdit: () => {
|
||||
return history.push(`/instances/~create/metadata`);
|
||||
|
@ -12,6 +12,7 @@ import punycode from 'punycode';
|
||||
import { NameIcon, H3, Button } from 'joyent-ui-toolkit';
|
||||
|
||||
import Name from '@components/create-instance/name';
|
||||
import Description from '@components/create-instance/description';
|
||||
import Title from '@components/create-instance/title';
|
||||
import GetInstance from '@graphql/get-instance-small.gql';
|
||||
import GetRandomName from '@graphql/get-random-name.gql';
|
||||
@ -35,6 +36,11 @@ const NameContainer = ({
|
||||
<Title onClick={!expanded && !name && handleEdit} icon={<NameIcon />}>
|
||||
Instance name
|
||||
</Title>
|
||||
{expanded ? (
|
||||
<Description>
|
||||
Your instance name will be used to identify this specific instance.
|
||||
</Description>
|
||||
) : null}
|
||||
<ReduxForm
|
||||
form={FORM_NAME}
|
||||
destroyOnUnmount={false}
|
||||
|
@ -0,0 +1,149 @@
|
||||
import React, { Fragment } from 'react';
|
||||
import { compose } from 'react-apollo';
|
||||
import { set } from 'react-redux-values';
|
||||
import ReduxForm from 'declarative-redux-form';
|
||||
import { destroy } from 'redux-form';
|
||||
import { Margin } from 'styled-components-spacing';
|
||||
import { connect } from 'react-redux';
|
||||
import get from 'lodash.get';
|
||||
import remcalc from 'remcalc';
|
||||
|
||||
import { ScriptIcon, Button, Divider } from 'joyent-ui-toolkit';
|
||||
|
||||
import KeyValue from '@components/instances/key-value';
|
||||
import Description from '@components/create-instance/description';
|
||||
import Title from '@components/create-instance/title';
|
||||
|
||||
const FORM_NAME = 'create-instance-user-script';
|
||||
|
||||
export const UserScript = ({
|
||||
expanded,
|
||||
proceeded,
|
||||
create,
|
||||
edit,
|
||||
formOpen,
|
||||
script = {},
|
||||
handleChangeOpenForm,
|
||||
handleSubmit,
|
||||
handleRemove,
|
||||
handleNext,
|
||||
handleEdit
|
||||
}) => (
|
||||
<Fragment>
|
||||
<Title onClick={!proceeded && handleEdit} icon={<ScriptIcon />}>
|
||||
User Script
|
||||
</Title>
|
||||
{expanded ? (
|
||||
<Description>
|
||||
User script can be used to inject a custom boot script.
|
||||
</Description>
|
||||
) : null}
|
||||
<ReduxForm
|
||||
form={FORM_NAME}
|
||||
destroyOnUnmount={false}
|
||||
forceUnregisterOnUnmount={true}
|
||||
initialValues={script}
|
||||
onSubmit={handleSubmit}
|
||||
>
|
||||
{props =>
|
||||
!formOpen && create ? null : (
|
||||
<KeyValue
|
||||
{...props}
|
||||
expanded={formOpen}
|
||||
method={edit ? 'edit' : 'add'}
|
||||
input="textarea"
|
||||
type="user script"
|
||||
onToggleExpanded={() => handleChangeOpenForm(!formOpen)}
|
||||
onCancel={() => handleChangeOpenForm(false)}
|
||||
onRemove={handleRemove}
|
||||
onlyValue
|
||||
/>
|
||||
)
|
||||
}
|
||||
</ReduxForm>
|
||||
<div>
|
||||
{expanded ? (
|
||||
<Margin top={formOpen || script.value ? 1 : 0} bottom={5}>
|
||||
{script.value || formOpen ? null : (
|
||||
<Button
|
||||
type="button"
|
||||
onClick={() => handleChangeOpenForm(true)}
|
||||
secondary
|
||||
>
|
||||
Add User Script
|
||||
</Button>
|
||||
)}
|
||||
{formOpen && create ? null : (
|
||||
<Button type="submit" onClick={handleNext}>
|
||||
Next
|
||||
</Button>
|
||||
)}
|
||||
</Margin>
|
||||
) : proceeded ? (
|
||||
<Fragment>
|
||||
<Button type="button" onClick={handleEdit} secondary>
|
||||
Edit
|
||||
</Button>
|
||||
<Margin top={4}>
|
||||
<Divider height={remcalc(1)} />
|
||||
</Margin>
|
||||
</Fragment>
|
||||
) : null}
|
||||
</div>
|
||||
</Fragment>
|
||||
);
|
||||
|
||||
export default compose(
|
||||
connect(
|
||||
({ values }, ownProps) => {
|
||||
const script = get(values, 'create-instance-user-script', {
|
||||
name: 'user-script'
|
||||
});
|
||||
const formOpen = get(values, 'create-instance-user-script-open', false);
|
||||
const proceeded = get(
|
||||
values,
|
||||
'create-instance-user-script-proceeded',
|
||||
false
|
||||
);
|
||||
|
||||
return {
|
||||
script,
|
||||
proceeded,
|
||||
create: !script.value,
|
||||
edit: script.value,
|
||||
formOpen
|
||||
};
|
||||
},
|
||||
(dispatch, { history }) => ({
|
||||
handleEdit: () => history.push(`/instances/~create/user-script`),
|
||||
handleNext: () => {
|
||||
dispatch(
|
||||
set({ name: 'create-instance-user-script-proceeded', value: true })
|
||||
);
|
||||
|
||||
return history.push(`/instances/~create/networks`);
|
||||
},
|
||||
handleChangeOpenForm: value => {
|
||||
return dispatch([
|
||||
set({ name: `create-instance-user-script-open`, value })
|
||||
]);
|
||||
},
|
||||
handleSubmit: value => {
|
||||
return dispatch([
|
||||
set({ name: `create-instance-user-script`, value: { ...value } }),
|
||||
set({ name: `create-instance-user-script-open`, value: false })
|
||||
]);
|
||||
},
|
||||
handleRemove: () => {
|
||||
return dispatch([
|
||||
destroy(FORM_NAME),
|
||||
set({
|
||||
name: `create-instance-user-script`,
|
||||
value: { name: 'user-script' }
|
||||
}),
|
||||
set({ name: `create-instance-user-script-open`, value: false })
|
||||
]);
|
||||
}
|
||||
})
|
||||
)
|
||||
)(UserScript);
|
File diff suppressed because it is too large
Load Diff
@ -59,6 +59,7 @@ exports[`renders <Metadata /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -434,14 +435,14 @@ exports[`renders <Metadata /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="Y"
|
||||
htmlFor="k"
|
||||
>
|
||||
Filter metadata
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -457,7 +458,7 @@ exports[`renders <Metadata /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="a"
|
||||
htmlFor="m"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -586,6 +587,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -670,6 +672,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -758,6 +761,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -847,6 +851,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1682,14 +1687,14 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bh"
|
||||
htmlFor="t"
|
||||
>
|
||||
Filter metadata
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="bh"
|
||||
id="t"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -1705,7 +1710,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bj"
|
||||
htmlFor="v"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -1790,7 +1795,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bk"
|
||||
htmlFor="w"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -1798,7 +1803,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
||||
<input
|
||||
className="c25"
|
||||
disabled={false}
|
||||
id="bk"
|
||||
id="w"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -1825,7 +1830,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bl"
|
||||
htmlFor="x"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -1833,7 +1838,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
||||
<textarea
|
||||
className="c28 c29"
|
||||
disabled={false}
|
||||
id="bl"
|
||||
id="x"
|
||||
onBlur={undefined}
|
||||
/>
|
||||
<label
|
||||
@ -1887,40 +1892,24 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -2026,6 +2015,7 @@ exports[`renders <Metadata error /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2453,14 +2443,14 @@ exports[`renders <Metadata error /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="be"
|
||||
htmlFor="q"
|
||||
>
|
||||
Filter metadata
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="be"
|
||||
id="q"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -2476,7 +2466,7 @@ exports[`renders <Metadata error /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bg"
|
||||
htmlFor="s"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -2532,7 +2522,7 @@ exports[`renders <Metadata error /> without throwing 1`] = `
|
||||
</div>
|
||||
<svg
|
||||
className="c21 "
|
||||
height="12"
|
||||
height="11.31"
|
||||
innerRef={undefined}
|
||||
onClick={[Function]}
|
||||
style={
|
||||
@ -2540,14 +2530,13 @@ exports[`renders <Metadata error /> without throwing 1`] = `
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 12 12"
|
||||
width="12"
|
||||
viewBox="0 0 11.31 11.31"
|
||||
width="11.31"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
|
||||
d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -2702,6 +2691,7 @@ exports[`renders <Metadata loading /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3080,14 +3070,14 @@ exports[`renders <Metadata loading /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bb"
|
||||
htmlFor="n"
|
||||
>
|
||||
Filter metadata
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={true}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -3103,7 +3093,7 @@ exports[`renders <Metadata loading /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bd"
|
||||
htmlFor="p"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -3300,6 +3290,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3384,6 +3375,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3472,6 +3464,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3561,6 +3554,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -3687,6 +3681,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -4557,14 +4552,14 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bm"
|
||||
htmlFor="y"
|
||||
>
|
||||
Filter metadata
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="bm"
|
||||
id="y"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -4580,7 +4575,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bo"
|
||||
htmlFor="A"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -4674,7 +4669,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bp"
|
||||
htmlFor="B"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -4682,7 +4677,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
<input
|
||||
className="c27"
|
||||
disabled={false}
|
||||
id="bp"
|
||||
id="B"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -4709,7 +4704,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bq"
|
||||
htmlFor="C"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -4717,7 +4712,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
<textarea
|
||||
className="c30 c31"
|
||||
disabled={false}
|
||||
id="bq"
|
||||
id="C"
|
||||
onBlur={undefined}
|
||||
/>
|
||||
<label
|
||||
@ -4771,40 +4766,24 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -4866,7 +4845,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="br"
|
||||
htmlFor="D"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -4874,7 +4853,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
<input
|
||||
className="c27"
|
||||
disabled={false}
|
||||
id="br"
|
||||
id="D"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -4901,7 +4880,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bs"
|
||||
htmlFor="E"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -4909,7 +4888,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
<textarea
|
||||
className="c30 c31"
|
||||
disabled={false}
|
||||
id="bs"
|
||||
id="E"
|
||||
onBlur={undefined}
|
||||
/>
|
||||
<label
|
||||
@ -4963,40 +4942,24 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -5058,7 +5021,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bt"
|
||||
htmlFor="F"
|
||||
>
|
||||
Metadata
|
||||
key
|
||||
@ -5066,7 +5029,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
<input
|
||||
className="c27"
|
||||
disabled={false}
|
||||
id="bt"
|
||||
id="F"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -5093,7 +5056,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bu"
|
||||
htmlFor="G"
|
||||
>
|
||||
Metadata
|
||||
value
|
||||
@ -5101,7 +5064,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
||||
<textarea
|
||||
className="c30 c31"
|
||||
disabled={false}
|
||||
id="bu"
|
||||
id="G"
|
||||
onBlur={undefined}
|
||||
/>
|
||||
<label
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -59,6 +59,7 @@ exports[`renders <Tags /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -447,14 +448,14 @@ exports[`renders <Tags /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="Y"
|
||||
htmlFor="k"
|
||||
>
|
||||
Filter tags
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="Y"
|
||||
id="k"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -470,7 +471,7 @@ exports[`renders <Tags /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="a"
|
||||
htmlFor="m"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -590,6 +591,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -674,6 +676,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -762,6 +765,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -851,6 +855,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -1693,14 +1698,14 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bh"
|
||||
htmlFor="t"
|
||||
>
|
||||
Filter tags
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="bh"
|
||||
id="t"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -1716,7 +1721,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bj"
|
||||
htmlFor="v"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -1801,7 +1806,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bk"
|
||||
htmlFor="w"
|
||||
>
|
||||
Tag
|
||||
key
|
||||
@ -1809,7 +1814,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
||||
<input
|
||||
className="c26"
|
||||
disabled={false}
|
||||
id="bk"
|
||||
id="w"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -1831,7 +1836,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bl"
|
||||
htmlFor="x"
|
||||
>
|
||||
Tag
|
||||
value
|
||||
@ -1839,7 +1844,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
||||
<input
|
||||
className="c26"
|
||||
disabled={false}
|
||||
id="bl"
|
||||
id="x"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -1889,40 +1894,24 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -2011,6 +2000,7 @@ exports[`renders <Tags editable /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2399,14 +2389,14 @@ exports[`renders <Tags editable /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="br"
|
||||
htmlFor="D"
|
||||
>
|
||||
Filter tags
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="br"
|
||||
id="D"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -2422,7 +2412,7 @@ exports[`renders <Tags editable /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bt"
|
||||
htmlFor="F"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -2523,112 +2513,6 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.c8 {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
min-height: 3rem;
|
||||
height: 3rem;
|
||||
min-width: 7.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: normal;
|
||||
-webkit-letter-spacing: normal;
|
||||
-moz-letter-spacing: normal;
|
||||
-ms-letter-spacing: normal;
|
||||
letter-spacing: normal;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
color: rgb(255,255,255);
|
||||
-webkit-text-fill-color: currentcolor;
|
||||
background-image: none;
|
||||
background-color: rgb(59,70,204);
|
||||
border-radius: 0.25rem;
|
||||
border: solid 0.0625rem rgb(45,56,132);
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
color: rgb(216,216,216);
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(216,216,216);
|
||||
display: -webkit-inline-box;
|
||||
display: -webkit-inline-flex;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.c8:focus {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
background-color: rgb(59,70,204);
|
||||
border-color: rgb(45,56,132);
|
||||
}
|
||||
|
||||
.c8:hover {
|
||||
background-color: rgb(72,83,217);
|
||||
border: solid 0.0625rem rgb(45,56,132);
|
||||
}
|
||||
|
||||
.c8:active,
|
||||
.c8:active:hover,
|
||||
.c8:active:focus {
|
||||
background-image: none;
|
||||
outline: 0;
|
||||
background-color: rgb(45,56,132);
|
||||
border-color: rgb(45,56,132);
|
||||
}
|
||||
|
||||
.c8[disabled] {
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.c8:focus {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(216,216,216);
|
||||
}
|
||||
|
||||
.c8:hover {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c8:active,
|
||||
.c8:active:hover,
|
||||
.c8:active:focus {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c8 svg + span {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
|
||||
.c8 svg {
|
||||
max-height: 1.125rem;
|
||||
}
|
||||
|
||||
.c31 {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
@ -2647,6 +2531,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2735,6 +2620,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2824,6 +2710,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -2932,6 +2819,113 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
||||
max-height: 1.125rem;
|
||||
}
|
||||
|
||||
.c8 {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
min-height: 3rem;
|
||||
height: 3rem;
|
||||
min-width: 7.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: normal;
|
||||
-webkit-letter-spacing: normal;
|
||||
-moz-letter-spacing: normal;
|
||||
-ms-letter-spacing: normal;
|
||||
letter-spacing: normal;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
color: rgb(255,255,255);
|
||||
-webkit-text-fill-color: currentcolor;
|
||||
background-image: none;
|
||||
background-color: rgb(59,70,204);
|
||||
border-radius: 0.25rem;
|
||||
border: solid 0.0625rem rgb(45,56,132);
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
color: rgb(216,216,216);
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(216,216,216);
|
||||
display: -webkit-inline-box;
|
||||
display: -webkit-inline-flex;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.c8:focus {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
background-color: rgb(59,70,204);
|
||||
border-color: rgb(45,56,132);
|
||||
}
|
||||
|
||||
.c8:hover {
|
||||
background-color: rgb(72,83,217);
|
||||
border: solid 0.0625rem rgb(45,56,132);
|
||||
}
|
||||
|
||||
.c8:active,
|
||||
.c8:active:hover,
|
||||
.c8:active:focus {
|
||||
background-image: none;
|
||||
outline: 0;
|
||||
background-color: rgb(45,56,132);
|
||||
border-color: rgb(45,56,132);
|
||||
}
|
||||
|
||||
.c8[disabled] {
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.c8:focus {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(216,216,216);
|
||||
}
|
||||
|
||||
.c8:hover {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c8:active,
|
||||
.c8:active:hover,
|
||||
.c8:active:focus {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c8 svg + span {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
|
||||
.c8 svg {
|
||||
max-height: 1.125rem;
|
||||
}
|
||||
|
||||
.c4 {
|
||||
font-size: 0.9375rem;
|
||||
font-style: normal;
|
||||
@ -3660,14 +3654,14 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bm"
|
||||
htmlFor="y"
|
||||
>
|
||||
Filter tags
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="bm"
|
||||
id="y"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -3683,7 +3677,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bo"
|
||||
htmlFor="A"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -3773,7 +3767,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bp"
|
||||
htmlFor="B"
|
||||
>
|
||||
Tag
|
||||
key
|
||||
@ -3781,7 +3775,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
||||
<input
|
||||
className="c26"
|
||||
disabled={false}
|
||||
id="bp"
|
||||
id="B"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -3803,7 +3797,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bq"
|
||||
htmlFor="C"
|
||||
>
|
||||
Tag
|
||||
value
|
||||
@ -3811,7 +3805,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
||||
<input
|
||||
className="c26"
|
||||
disabled={false}
|
||||
id="bq"
|
||||
id="C"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -3861,40 +3855,24 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
||||
>
|
||||
<svg
|
||||
className=""
|
||||
height="12"
|
||||
height="16"
|
||||
innerRef={undefined}
|
||||
style={
|
||||
Object {
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
version="1.1"
|
||||
viewBox="0 0 9 12"
|
||||
width="9"
|
||||
viewBox="0 0 12 16"
|
||||
width="12"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g
|
||||
transform="translate(17403 -18583)"
|
||||
>
|
||||
<g>
|
||||
<use
|
||||
fill="rgb(210, 67, 58)"
|
||||
transform="translate(-17403 18583)"
|
||||
xlinkHref="#j"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<path
|
||||
d="M 2 0L 2 1L 0 1L 0 2L 9 2L 9 1L 7 1L 7 0L 2 0ZM 0 3L 1 12L 8 12L 9 3L 0 3ZM 6 4L 7.882 4L 7.104 11L 6 11L 6 4ZM 4 11L 5.001 11L 5.001 4L 4 4L 4 11ZM 1.11719 4L 3.00019 4L 3.00019 11L 1.89619 11L 1.11719 4Z"
|
||||
fillRule="evenodd"
|
||||
id="j"
|
||||
/>
|
||||
</defs>
|
||||
<path
|
||||
d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
|
||||
fill="rgb(210, 67, 58)"
|
||||
/>
|
||||
</svg>
|
||||
<span>
|
||||
Delete
|
||||
Remove
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -4027,112 +4005,6 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.c8 {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
min-height: 3rem;
|
||||
height: 3rem;
|
||||
min-width: 7.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: normal;
|
||||
-webkit-letter-spacing: normal;
|
||||
-moz-letter-spacing: normal;
|
||||
-ms-letter-spacing: normal;
|
||||
letter-spacing: normal;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
color: rgb(255,255,255);
|
||||
-webkit-text-fill-color: currentcolor;
|
||||
background-image: none;
|
||||
background-color: rgb(59,70,204);
|
||||
border-radius: 0.25rem;
|
||||
border: solid 0.0625rem rgb(45,56,132);
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
color: rgb(216,216,216);
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(216,216,216);
|
||||
display: -webkit-inline-box;
|
||||
display: -webkit-inline-flex;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.c8:focus {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
background-color: rgb(59,70,204);
|
||||
border-color: rgb(45,56,132);
|
||||
}
|
||||
|
||||
.c8:hover {
|
||||
background-color: rgb(72,83,217);
|
||||
border: solid 0.0625rem rgb(45,56,132);
|
||||
}
|
||||
|
||||
.c8:active,
|
||||
.c8:active:hover,
|
||||
.c8:active:focus {
|
||||
background-image: none;
|
||||
outline: 0;
|
||||
background-color: rgb(45,56,132);
|
||||
border-color: rgb(45,56,132);
|
||||
}
|
||||
|
||||
.c8[disabled] {
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.c8:focus {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(216,216,216);
|
||||
}
|
||||
|
||||
.c8:hover {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c8:active,
|
||||
.c8:active:hover,
|
||||
.c8:active:focus {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c8 svg + span {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
|
||||
.c8 svg {
|
||||
max-height: 1.125rem;
|
||||
}
|
||||
|
||||
.c31 {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
@ -4151,6 +4023,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -4239,6 +4112,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -4310,6 +4184,113 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c8 {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
min-height: 3rem;
|
||||
height: 3rem;
|
||||
min-width: 7.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: normal;
|
||||
-webkit-letter-spacing: normal;
|
||||
-moz-letter-spacing: normal;
|
||||
-ms-letter-spacing: normal;
|
||||
letter-spacing: normal;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
color: rgb(255,255,255);
|
||||
-webkit-text-fill-color: currentcolor;
|
||||
background-image: none;
|
||||
background-color: rgb(59,70,204);
|
||||
border-radius: 0.25rem;
|
||||
border: solid 0.0625rem rgb(45,56,132);
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
color: rgb(216,216,216);
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(216,216,216);
|
||||
display: -webkit-inline-box;
|
||||
display: -webkit-inline-flex;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.c8:focus {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
background-color: rgb(59,70,204);
|
||||
border-color: rgb(45,56,132);
|
||||
}
|
||||
|
||||
.c8:hover {
|
||||
background-color: rgb(72,83,217);
|
||||
border: solid 0.0625rem rgb(45,56,132);
|
||||
}
|
||||
|
||||
.c8:active,
|
||||
.c8:active:hover,
|
||||
.c8:active:focus {
|
||||
background-image: none;
|
||||
outline: 0;
|
||||
background-color: rgb(45,56,132);
|
||||
border-color: rgb(45,56,132);
|
||||
}
|
||||
|
||||
.c8[disabled] {
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.c8:focus {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(216,216,216);
|
||||
}
|
||||
|
||||
.c8:hover {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c8:active,
|
||||
.c8:active:hover,
|
||||
.c8:active:focus {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c8 svg + span {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
|
||||
.c8 svg {
|
||||
max-height: 1.125rem;
|
||||
}
|
||||
|
||||
.c34 {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
@ -4328,6 +4309,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -5186,14 +5168,14 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bu"
|
||||
htmlFor="G"
|
||||
>
|
||||
Filter tags
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="bu"
|
||||
id="G"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -5209,7 +5191,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bw"
|
||||
htmlFor="I"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -5299,7 +5281,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bx"
|
||||
htmlFor="J"
|
||||
>
|
||||
Tag
|
||||
key
|
||||
@ -5307,7 +5289,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
||||
<input
|
||||
className="c26"
|
||||
disabled={false}
|
||||
id="bx"
|
||||
id="J"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -5329,7 +5311,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="by"
|
||||
htmlFor="K"
|
||||
>
|
||||
Tag
|
||||
value
|
||||
@ -5337,7 +5319,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
||||
<input
|
||||
className="c26"
|
||||
disabled={false}
|
||||
id="by"
|
||||
id="K"
|
||||
onBlur={null}
|
||||
/>
|
||||
<label
|
||||
@ -5502,6 +5484,7 @@ exports[`renders <Tags error /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -5890,14 +5873,14 @@ exports[`renders <Tags error /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="be"
|
||||
htmlFor="q"
|
||||
>
|
||||
Filter tags
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="be"
|
||||
id="q"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -5913,7 +5896,7 @@ exports[`renders <Tags error /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bg"
|
||||
htmlFor="s"
|
||||
>
|
||||
|
||||
</label>
|
||||
@ -6101,6 +6084,7 @@ exports[`renders <Tags loading /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -6121,11 +6105,6 @@ exports[`renders <Tags loading /> without throwing 1`] = `
|
||||
background-color: rgb(59,70,204);
|
||||
border-radius: 0.25rem;
|
||||
border: solid 0.0625rem rgb(45,56,132);
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
color: rgb(216,216,216);
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(216,216,216);
|
||||
display: -webkit-inline-box;
|
||||
display: -webkit-inline-flex;
|
||||
display: -ms-inline-flexbox;
|
||||
@ -6164,23 +6143,6 @@ exports[`renders <Tags loading /> without throwing 1`] = `
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.c8:focus {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(216,216,216);
|
||||
}
|
||||
|
||||
.c8:hover {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c8:active,
|
||||
.c8:active:hover,
|
||||
.c8:active:focus {
|
||||
background-color: rgb(250,250,250);
|
||||
border-color: rgb(250,250,250);
|
||||
}
|
||||
|
||||
.c8 svg + span {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
@ -6479,14 +6441,14 @@ exports[`renders <Tags loading /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bb"
|
||||
htmlFor="n"
|
||||
>
|
||||
Filter tags
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={true}
|
||||
id="bb"
|
||||
id="n"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -6502,13 +6464,13 @@ exports[`renders <Tags loading /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bd"
|
||||
htmlFor="p"
|
||||
>
|
||||
|
||||
</label>
|
||||
<button
|
||||
className="c8 c9 c10"
|
||||
disabled={true}
|
||||
disabled={false}
|
||||
href=""
|
||||
icon={true}
|
||||
onClick={[Function]}
|
||||
@ -6630,6 +6592,7 @@ exports[`renders <Tags tags /> without throwing 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -7054,14 +7017,14 @@ exports[`renders <Tags tags /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bz"
|
||||
htmlFor="L"
|
||||
>
|
||||
Filter tags
|
||||
</label>
|
||||
<input
|
||||
className="c5"
|
||||
disabled={false}
|
||||
id="bz"
|
||||
id="L"
|
||||
onBlur={undefined}
|
||||
placeholder="Search by name or value"
|
||||
/>
|
||||
@ -7077,7 +7040,7 @@ exports[`renders <Tags tags /> without throwing 1`] = `
|
||||
>
|
||||
<label
|
||||
className="c4"
|
||||
htmlFor="bB"
|
||||
htmlFor="N"
|
||||
>
|
||||
|
||||
</label>
|
||||
|
@ -153,14 +153,13 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
|
||||
"transform": "rotate(-90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgb(151, 151, 151)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -323,14 +322,13 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
|
||||
"transform": "rotate(-90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgb(151, 151, 151)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -352,14 +350,13 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
|
||||
"transform": "rotate(-90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgb(151, 151, 151)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
@ -102,62 +102,7 @@ export default () => (
|
||||
exact
|
||||
component={() => <Redirect to="/instances/~create/name" />}
|
||||
/>
|
||||
<Route
|
||||
path="/instances/~create/name"
|
||||
exact
|
||||
component={props => <CreateInstance {...props} step="name" />}
|
||||
/>
|
||||
<Route
|
||||
path="/instances/~create/image"
|
||||
exact
|
||||
component={props => <CreateInstance {...props} step="image" />}
|
||||
/>
|
||||
<Route
|
||||
path="/instances/~create/package"
|
||||
exact
|
||||
component={props => <CreateInstance {...props} step="package" />}
|
||||
/>
|
||||
<Route
|
||||
path="/instances/~create/tags"
|
||||
exact
|
||||
component={props => <CreateInstance {...props} step="tags" />}
|
||||
/>
|
||||
<Route
|
||||
path="/instances/~create/metadata"
|
||||
exact
|
||||
component={props => <CreateInstance {...props} step="metadata" />}
|
||||
/>
|
||||
<Route
|
||||
path="/instances/~create/user-script"
|
||||
exact
|
||||
component={props => <CreateInstance {...props} step="user-script" />}
|
||||
/>
|
||||
<Route
|
||||
path="/instances/~create/networks"
|
||||
exact
|
||||
component={props => <CreateInstance {...props} step="networks" />}
|
||||
/>
|
||||
<Route
|
||||
path="/instances/~create/firewall"
|
||||
exact
|
||||
component={props => <CreateInstance {...props} step="firewall" />}
|
||||
/>
|
||||
<Route
|
||||
path="/instances/~create/cns"
|
||||
exact
|
||||
component={props => <CreateInstance {...props} step="cns" />}
|
||||
/>
|
||||
<Route
|
||||
path="/instances/~create/affinity"
|
||||
exact
|
||||
component={props => <CreateInstance {...props} step="affinity" />}
|
||||
/>
|
||||
<Route
|
||||
path="/instances/~create/summary"
|
||||
exact
|
||||
component={props => <CreateInstance {...props} step="summary" />}
|
||||
/>
|
||||
|
||||
<Route path="/instances/~create/:step" component={CreateInstance} />
|
||||
<Route
|
||||
path="/instances/~resize/:instance"
|
||||
exact
|
||||
|
@ -4,7 +4,7 @@
|
||||
"license": "MPL-2.0",
|
||||
"main": "lib",
|
||||
"scripts": {
|
||||
"dev": "PREACT=1 REACT_APP_GQL_PORT=4000 PORT=3069 REACT_APP_GQL_PROTOCOL=http joyent-react-scripts start",
|
||||
"dev": "PREACT=1 REACT_APP_GQL_PORT=4000 PORT=3000 REACT_APP_GQL_PROTOCOL=http joyent-react-scripts start",
|
||||
"build": "PREACT=1 NODE_ENV=production joyent-react-scripts build",
|
||||
"test": "NODE_ENV=test joyent-react-scripts test",
|
||||
"test-ci": "npm run test",
|
||||
@ -22,8 +22,8 @@
|
||||
"emotion": "^8.0.12",
|
||||
"emotion-theming": "^8.0.12",
|
||||
"graphql-tag": "^2.6.1",
|
||||
"joyent-icons": "^3.0.0",
|
||||
"joyent-ui-toolkit": "^4.4.2",
|
||||
"joyent-icons": "^4.0.0",
|
||||
"joyent-ui-toolkit": "^4.5.0",
|
||||
"lodash.chunk": "^4.2.0",
|
||||
"outy": "^0.1.2",
|
||||
"param-case": "^2.1.1",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "joyent-ui-toolkit",
|
||||
"version": "4.4.2",
|
||||
"version": "4.5.0",
|
||||
"license": "MPL-2.0",
|
||||
"repository": "github:yldio/joyent-portal",
|
||||
"main": "dist/umd/index.js",
|
||||
@ -22,7 +22,7 @@
|
||||
"dependencies": {
|
||||
"camel-case": "^3.0.0",
|
||||
"joy-react-broadcast": "^0.6.9",
|
||||
"joyent-icons": "^3.0.0",
|
||||
"joyent-icons": "^4.0.0",
|
||||
"lodash.isboolean": "^3.0.3",
|
||||
"lodash.isundefined": "^3.0.1",
|
||||
"normalized-styled-components": "^1.0.17",
|
||||
|
@ -4,6 +4,7 @@ exports[`Anchor Default Anchor 1`] = `
|
||||
.c1 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c0 {
|
||||
@ -27,6 +28,7 @@ exports[`Anchor Disabled Anchor 1`] = `
|
||||
.c1 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c0 {
|
||||
@ -58,6 +60,7 @@ exports[`Anchor Reversed Anchor 1`] = `
|
||||
.c1 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c0 {
|
||||
|
@ -1,10 +1,14 @@
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import { A } from 'normalized-styled-components';
|
||||
import { A as BaseA } from 'normalized-styled-components';
|
||||
import is, { isOr } from 'styled-is';
|
||||
import PropTypes from 'prop-types';
|
||||
import Baseline from '../baseline/index.js';
|
||||
|
||||
const A = BaseA.extend`
|
||||
font-family: ${props => props.theme.font.families};
|
||||
`;
|
||||
|
||||
const BaseLink = styled(({ component, children, ...rest }) =>
|
||||
React.createElement(component, rest, children)
|
||||
)`
|
||||
|
@ -11,9 +11,7 @@ export default ({ theme }) => css`
|
||||
|
||||
html, body {
|
||||
font-display: optional;
|
||||
font-family: ${
|
||||
theme.font.family
|
||||
}, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, sans-serif;
|
||||
font-family: ${theme.font.families};
|
||||
font-weight: ${theme.font.weight.normal};
|
||||
}
|
||||
|
||||
@ -49,5 +47,6 @@ export default ({ theme }) => css`
|
||||
.CodeMirror {
|
||||
border: solid 1px ${theme.grey};
|
||||
margin: ${remcalc(8)} 0 ${remcalc(8)} 0;
|
||||
font-family: "Roboto Mono", monospace !important;
|
||||
}
|
||||
`;
|
||||
|
@ -153,14 +153,13 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
|
||||
"transform": "rotate(-90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgb(151, 151, 151)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -182,14 +181,13 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
|
||||
"transform": "rotate(-90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgb(151, 151, 151)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -211,14 +209,13 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
|
||||
"transform": "rotate(-90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgb(151, 151, 151)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -240,14 +237,13 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
|
||||
"transform": "rotate(-90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgb(151, 151, 151)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -314,14 +310,13 @@ exports[`Breadcrumb Default Item 1`] = `
|
||||
"transform": "rotate(-90deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 9 6"
|
||||
width="9"
|
||||
viewBox="0 0 9.6 6"
|
||||
width="9.6"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
|
||||
d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
|
||||
fill="rgb(151, 151, 151)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
@ -4,6 +4,7 @@ exports[`Button Default Button 1`] = `
|
||||
.c3 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
@ -37,6 +38,7 @@ exports[`Button Default Button 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -97,6 +99,7 @@ exports[`Button Disabled Button 1`] = `
|
||||
.c3 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
@ -137,6 +140,7 @@ exports[`Button Disabled Button 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -220,6 +224,7 @@ exports[`Button Error Button 1`] = `
|
||||
.c3 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
@ -253,6 +258,7 @@ exports[`Button Error Button 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -334,6 +340,7 @@ exports[`Button Loading Button 1`] = `
|
||||
.c3 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
@ -374,6 +381,7 @@ exports[`Button Loading Button 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
@ -457,6 +465,7 @@ exports[`Button Secondary Button 1`] = `
|
||||
.c3 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
@ -492,6 +501,7 @@ exports[`Button Secondary Button 1`] = `
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.9375rem 1.125rem;
|
||||
position: relative;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-size: 0.9375rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
|
@ -89,6 +89,7 @@ const Button = styled(BaseButton)`
|
||||
padding: ${remcalc(15)} ${remcalc(18)};
|
||||
position: relative;
|
||||
|
||||
font-family: ${props => props.theme.font.families};
|
||||
font-size: ${remcalc(15)};
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
|
@ -7,6 +7,7 @@ exports[`Form Checkbox 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -375,6 +376,7 @@ exports[`Form Legend 1`] = `
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
white-space: normal;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@ -392,6 +394,7 @@ exports[`Form Radio 1`] = `
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
@ -10,6 +10,8 @@ import isUndefined from 'lodash.isundefined';
|
||||
import BaseInput from './input';
|
||||
|
||||
const StyledInput = Input.extend`
|
||||
font-family: ${props => props.theme.font.families};
|
||||
|
||||
display: none;
|
||||
|
||||
&:checked + label::after {
|
||||
|
@ -4,6 +4,7 @@ import Baseline from '../baseline';
|
||||
|
||||
const StyledLegend = Legend.extend`
|
||||
/* trick prettier */
|
||||
font-family: ${props => props.theme.font.families};
|
||||
font-weight: ${props => props.theme.font.weight.semibold};
|
||||
`;
|
||||
|
||||
|
@ -42,6 +42,7 @@ import {
|
||||
Randomize as BaseRandomize,
|
||||
Reset as BaseReset,
|
||||
Restart as BaseRestart,
|
||||
Script as BaseScript,
|
||||
Services as BaseServices,
|
||||
Start as BaseStart,
|
||||
Stop as BaseStop,
|
||||
@ -94,6 +95,7 @@ export const Public = Baseline(Colors(BasePublic));
|
||||
export const Randomize = Baseline(Colors(BaseRandomize));
|
||||
export const Reset = Baseline(Colors(BaseReset));
|
||||
export const Restart = Baseline(Colors(BaseRestart));
|
||||
export const Script = Baseline(Colors(BaseScript));
|
||||
export const Services = Baseline(Colors(BaseServices));
|
||||
export const Start = Baseline(Colors(BaseStart));
|
||||
export const Stop = Baseline(Colors(BaseStop));
|
||||
|
@ -98,6 +98,7 @@ export {
|
||||
Randomize as RandomizeIcon,
|
||||
Reset as ResetIcon,
|
||||
Restart as RestartIcon,
|
||||
Script as ScriptIcon,
|
||||
Services as ServicesIcon,
|
||||
Start as StartIcon,
|
||||
Stop as StopIcon,
|
||||
|
@ -122,7 +122,7 @@ exports[`Message Message 1`] = `
|
||||
</div>
|
||||
<svg
|
||||
className="c5 "
|
||||
height="12"
|
||||
height="11.31"
|
||||
innerRef={undefined}
|
||||
onClick={[Function]}
|
||||
style={
|
||||
@ -130,14 +130,13 @@ exports[`Message Message 1`] = `
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 12 12"
|
||||
width="12"
|
||||
viewBox="0 0 11.31 11.31"
|
||||
width="11.31"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
|
||||
d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -238,7 +237,7 @@ exports[`Message Message Error 1`] = `
|
||||
</div>
|
||||
<svg
|
||||
className="c5 "
|
||||
height="12"
|
||||
height="11.31"
|
||||
innerRef={undefined}
|
||||
onClick={[Function]}
|
||||
style={
|
||||
@ -246,14 +245,13 @@ exports[`Message Message Error 1`] = `
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 12 12"
|
||||
width="12"
|
||||
viewBox="0 0 11.31 11.31"
|
||||
width="11.31"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
|
||||
d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
@ -354,7 +352,7 @@ exports[`Message Message Warning 1`] = `
|
||||
</div>
|
||||
<svg
|
||||
className="c5 "
|
||||
height="12"
|
||||
height="11.31"
|
||||
innerRef={undefined}
|
||||
onClick={[Function]}
|
||||
style={
|
||||
@ -362,14 +360,13 @@ exports[`Message Message Warning 1`] = `
|
||||
"transform": "rotate(0deg)",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 12 12"
|
||||
width="12"
|
||||
viewBox="0 0 11.31 11.31"
|
||||
width="11.31"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
|
||||
d="M11.31,1.41,9.9,0,5.66,4.24,1.41,0,0,1.41,4.24,5.66,0,9.9l1.41,1.41L5.66,7.07,9.9,11.31,11.31,9.9,7.07,5.66Z"
|
||||
fill="rgba(73, 73, 73, 1)"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
@ -4,6 +4,7 @@ exports[`SectionList Anchor 1`] = `
|
||||
.c2 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c1 {
|
||||
@ -37,6 +38,7 @@ exports[`SectionList Anchor 2`] = `
|
||||
.c2 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c1 {
|
||||
@ -72,6 +74,7 @@ exports[`SectionList Item 1`] = `
|
||||
.c3 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
@ -116,6 +119,7 @@ exports[`SectionList SectionList 1`] = `
|
||||
.c4 {
|
||||
background-color: transparent;
|
||||
text-decoration-skip: objects;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.c3 {
|
||||
|
@ -4,6 +4,7 @@ exports[`Button H1 1`] = `
|
||||
.c0 {
|
||||
font-size: 2rem;
|
||||
margin: 0.625rem 0;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
font-size: 2.25rem;
|
||||
line-height: 2.8125rem;
|
||||
@ -209,6 +210,7 @@ exports[`Button Paragraph 1`] = `
|
||||
exports[`Button Small 1`] = `
|
||||
.c0 {
|
||||
font-size: 80%;
|
||||
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
|
||||
color: rgba(73,73,73,1);
|
||||
line-height: 1.125rem;
|
||||
font-size: 0.8125rem;
|
||||
|
@ -4,6 +4,7 @@ import remcalc from 'remcalc';
|
||||
import is, { isNot } from 'styled-is';
|
||||
|
||||
export const H1 = NH1.extend`
|
||||
font-family: ${props => props.theme.font.families};
|
||||
color: ${props => props.theme.text};
|
||||
|
||||
font-size: ${remcalc(36)};
|
||||
|
@ -3,6 +3,7 @@ import remcalc from 'remcalc';
|
||||
import is, { isNot } from 'styled-is';
|
||||
|
||||
export default Small.extend`
|
||||
font-family: ${props => props.theme.font.families};
|
||||
color: ${props => props.theme.text};
|
||||
|
||||
line-height: ${remcalc(18)};
|
||||
|
@ -86,6 +86,8 @@ export const font = {
|
||||
abbrBorderColor: base.secondary,
|
||||
textMuted: base.secondary,
|
||||
family: '"Libre Franklin"',
|
||||
families:
|
||||
'"Libre Franklin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, sans-serif',
|
||||
href: () =>
|
||||
`${document.location.protocol}//${
|
||||
document.location.host
|
||||
|
49
yarn.lock
49
yarn.lock
@ -2403,7 +2403,7 @@ code-point-at@^1.0.0:
|
||||
version "1.1.0"
|
||||
resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
|
||||
|
||||
codemirror@^5.32.0:
|
||||
codemirror@^5.18.2, codemirror@^5.32.0:
|
||||
version "5.33.0"
|
||||
resolved "https://registry.yarnpkg.com/codemirror/-/codemirror-5.33.0.tgz#462ad9a6fe8d38b541a9536a3997e1ef93b40c6a"
|
||||
|
||||
@ -2872,6 +2872,14 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
|
||||
safe-buffer "^5.0.1"
|
||||
sha.js "^2.4.8"
|
||||
|
||||
create-react-class@^15.5.1:
|
||||
version "15.6.2"
|
||||
resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.2.tgz#cf1ed15f12aad7f14ef5f2dfe05e6c42f91ef02a"
|
||||
dependencies:
|
||||
fbjs "^0.8.9"
|
||||
loose-envify "^1.3.1"
|
||||
object-assign "^4.1.1"
|
||||
|
||||
cross-env@^5.1.0:
|
||||
version "5.1.3"
|
||||
resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-5.1.3.tgz#f8ae18faac87692b0a8b4d2f7000d4ec3a85dfd7"
|
||||
@ -6101,8 +6109,8 @@ jest@20.0.4:
|
||||
jest-cli "^20.0.4"
|
||||
|
||||
joi@13.x.x:
|
||||
version "13.1.0"
|
||||
resolved "https://registry.yarnpkg.com/joi/-/joi-13.1.0.tgz#59e7b8714b932a1e342c3583d5841d7169ff1822"
|
||||
version "13.1.1"
|
||||
resolved "https://registry.yarnpkg.com/joi/-/joi-13.1.1.tgz#1f306a5c3ded496da46629915d09e1ae3825185c"
|
||||
dependencies:
|
||||
hoek "5.x.x"
|
||||
isemail "3.x.x"
|
||||
@ -6115,6 +6123,14 @@ joy-react-broadcast@^0.6.9:
|
||||
prop-types "^15.5.6"
|
||||
warning "^3.0.0"
|
||||
|
||||
joyent-manifest-editor@1.4.0:
|
||||
version "1.4.0"
|
||||
resolved "https://registry.yarnpkg.com/joyent-manifest-editor/-/joyent-manifest-editor-1.4.0.tgz#0c02efe6c02b0386a5b209ae4ddcc3492b9c22ac"
|
||||
dependencies:
|
||||
prettier "^1.7.4"
|
||||
prop-types "^15.6.0"
|
||||
react-codemirror "^1.0.0"
|
||||
|
||||
joyent-react-scripts@^7.2.0:
|
||||
version "7.2.0"
|
||||
resolved "https://registry.yarnpkg.com/joyent-react-scripts/-/joyent-react-scripts-7.2.0.tgz#e71e500f13b8405ba5f0160c5ad89455d6647312"
|
||||
@ -6537,6 +6553,10 @@ lodash.cond@^4.3.0:
|
||||
version "4.5.2"
|
||||
resolved "https://registry.yarnpkg.com/lodash.cond/-/lodash.cond-4.5.2.tgz#f471a1da486be60f6ab955d17115523dd1d255d5"
|
||||
|
||||
lodash.debounce@^4.0.8:
|
||||
version "4.0.8"
|
||||
resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
|
||||
|
||||
lodash.defaults@^4.2.0:
|
||||
version "4.2.0"
|
||||
resolved "https://registry.yarnpkg.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz#d09178716ffea4dde9e5fb7b37f6f0802274580c"
|
||||
@ -8136,6 +8156,10 @@ prettier@1.7.4:
|
||||
version "1.7.4"
|
||||
resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.7.4.tgz#5e8624ae9363c80f95ec644584ecdf55d74f93fa"
|
||||
|
||||
prettier@^1.7.4:
|
||||
version "1.10.2"
|
||||
resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.10.2.tgz#1af8356d1842276a99a5b5529c82dd9e9ad3cc93"
|
||||
|
||||
pretty-bytes@^4.0.2:
|
||||
version "4.0.2"
|
||||
resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-4.0.2.tgz#b2bf82e7350d65c6c33aa95aaa5a4f6327f61cd9"
|
||||
@ -8423,6 +8447,17 @@ react-codemirror2@^3.0.7:
|
||||
version "3.0.7"
|
||||
resolved "https://registry.yarnpkg.com/react-codemirror2/-/react-codemirror2-3.0.7.tgz#d5d9888158263ae56da766539d7803486566ab9f"
|
||||
|
||||
react-codemirror@^1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/react-codemirror/-/react-codemirror-1.0.0.tgz#91467b53b1f5d80d916a2fd0b4c7adb85a9001ba"
|
||||
dependencies:
|
||||
classnames "^2.2.5"
|
||||
codemirror "^5.18.2"
|
||||
create-react-class "^15.5.1"
|
||||
lodash.debounce "^4.0.8"
|
||||
lodash.isequal "^4.5.0"
|
||||
prop-types "^15.5.4"
|
||||
|
||||
react-create-component-from-tag-prop@^1.2.1:
|
||||
version "1.3.1"
|
||||
resolved "https://registry.yarnpkg.com/react-create-component-from-tag-prop/-/react-create-component-from-tag-prop-1.3.1.tgz#5389407d99f88ba2b36351780a6094470b44a7c7"
|
||||
@ -9928,8 +9963,8 @@ sshpk@^1.7.0:
|
||||
tweetnacl "~0.14.0"
|
||||
|
||||
ssri@^5.0.0:
|
||||
version "5.0.0"
|
||||
resolved "https://registry.yarnpkg.com/ssri/-/ssri-5.0.0.tgz#13c19390b606c821f2a10d02b351c1729b94d8cf"
|
||||
version "5.1.0"
|
||||
resolved "https://registry.yarnpkg.com/ssri/-/ssri-5.1.0.tgz#2cbf1df36b74d0fc91fcf89640a4b3e1d10b1899"
|
||||
dependencies:
|
||||
safe-buffer "^5.1.0"
|
||||
|
||||
@ -10580,8 +10615,8 @@ type-component@0.0.1:
|
||||
resolved "https://registry.yarnpkg.com/type-component/-/type-component-0.0.1.tgz#952a6c81c21efd24d13d811d0c8498cb860e1956"
|
||||
|
||||
type-detect@^4.0.5:
|
||||
version "4.0.6"
|
||||
resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.6.tgz#88cbce3d13bc675a63f840b3225c180f870786d7"
|
||||
version "4.0.7"
|
||||
resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.7.tgz#862bd2cf6058ad92799ff5a5b8cf7b6cec726198"
|
||||
|
||||
type-is@~1.6.15:
|
||||
version "1.6.15"
|
||||
|
Loading…
Reference in New Issue
Block a user