feat(ui-toolkit): detach icons into its own package

This commit is contained in:
Sérgio Ramos 2017-11-23 12:18:38 +00:00 committed by Sérgio Ramos
parent f863dc792b
commit f0a64cf8af
115 changed files with 2106 additions and 649 deletions

View File

@ -4,7 +4,7 @@ module.exports = {
'scope-enum': [
2,
'always',
['ui-toolkit', 'my-joy-beta', 'boilerplate', 'create-instance']
['ui-toolkit', 'icons', 'my-joy-beta', 'boilerplate', 'create-instance']
]
}
};

View File

@ -3,13 +3,5 @@
"version": "independent",
"npmClient": "yarn",
"useWorkspaces": true,
"hoist": true,
"nohoist": [
"graphi",
"eslint",
"jest",
"jest-cli",
"react-scripts",
"react-styleguidist"
]
"hoist": true
}

View File

@ -20,7 +20,7 @@
"test": "lerna run test",
"clean": "lerna clean --yes",
"dev": "redrun -p dev:*",
"dev:ui": "lerna run watch --scope joyent-ui-toolkit --stream",
"dev:ui": "lerna run dev --scope joyent-ui-toolkit --stream",
"dev:mjb": "lerna run dev --scope my-joy-beta --stream",
"commitmsg": "commitlint -e",
"precommit": "cross-env CI=1 redrun -s lint-staged format-staged",
@ -73,11 +73,10 @@
"lodash.defaults": "4.2.0",
"lodash.assign": "4.2.0",
"isarray": "'2.0.2",
"moment": "2.19.1",
"codemirror": "5.30.0",
"codemirror": "5.32.0",
"react": "16.1.1",
"react-dom": "16.1.1",
"react-modal": "2.4.1",
"react-modal": "3.1.3",
"hoist-non-react-statics": "2.3.1",
"webpack-sources": "1.0.1"
}

3
packages/icons/.babelrc Normal file
View File

@ -0,0 +1,3 @@
{
"presets": ["joyent-portal"]
}

View File

@ -0,0 +1,9 @@
src/components/base/*.css
node_modules
coverage
.nyc_output
docs/static
!docs/static/index.html
docs/node_modules
dist
package-lock.json

View File

@ -0,0 +1,4 @@
.nyc_output
coverage
dist
styleguide

8
packages/icons/.eslintrc Normal file
View File

@ -0,0 +1,8 @@
{
"extends": "joyent-portal",
"rules": {
"no-console": 1,
"new-cap": 0,
"jsx-a11y/href-no-hash": 0
}
}

View File

@ -0,0 +1,12 @@
{
"libs": [
"ecmascript",
"browser"
],
"plugins": {
"doc_comment": true,
"local-scope": true,
"jsx": true,
"node": true
}
}

View File

29
packages/icons/README.md Normal file
View File

@ -0,0 +1,29 @@
# joyent-icons
[![License: MPL 2.0](https://img.shields.io/badge/License-MPL%202.0-brightgreen.svg)](https://opensource.org/licenses/MPL-2.0)
[![standard-readme compliant](https://img.shields.io/badge/standard--readme-OK-green.svg)](https://github.com/RichardLitt/standard-readme)
## Table of Contents
* [Install](#install)
* [Usage](#usage)
* [License](#license)
## Install
```
yarn add --dev joyent-icons
```
## Usage
```js
import React from 'react';
import { Arrow } from 'joyent-icons';
export default () => <Arrow />;
```
## License
MPL-2.0

View File

@ -0,0 +1,38 @@
{
"name": "joyent-icons",
"version": "1.0.1",
"license": "MPL-2.0",
"repository": "github:yldio/joyent-portal",
"main": "dist/umd/index.js",
"jsnext:main": "dist/es/index.js",
"module": "dist/es/index.js",
"scripts": {
"lint-ci": "eslint . --ext .js --ext .md",
"lint": "eslint . --fix --ext .js --ext .md",
"test-ci": "redrun -s test",
"test": "NODE_ENV=test joyent-react-scripts test --env=jsdom",
"compile-watch:es": "NODE_ENV=development babel src --out-dir dist/es --source-maps inline --watch",
"compile:es": "NODE_ENV=development babel src --out-dir dist/es --source-maps inline",
"compile:umd": "NODE_ENV=test babel src --out-dir dist/umd --source-maps inline",
"compile-watch:umd": "NODE_ENV=test babel src --out-dir dist/umd --source-maps inline --watch",
"compile": "redrun -p compile:*",
"dev": "redrun -p compile-watch:*",
"prepublish": "redrun -s compile"
},
"dependencies": {
"remcalc": "^1.0.9",
"styled-components": "^2.2.3"
},
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-preset-joyent-portal": "^3.3.3",
"eslint": "^4.11.0",
"eslint-config-joyent-portal": "^3.2.0",
"joyent-react-scripts": "^3.1.1",
"react": "^16.1.1",
"redrun": "^5.10.0"
},
"peerDependencies": {
"react": "^16.1.1"
}
}

View File

@ -0,0 +1,675 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders <Actions /> without throwing 1`] = `
<svg
height="16"
viewBox="0 0 4 16"
width="4"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
fill="#464646"
fill-rule="evenodd"
/>
<path
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
fill="#464646"
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="#464646"
fill-rule="evenodd"
style={
Object {
"transform": "translateY(0.75rem)",
}
}
/>
</svg>
`;
exports[`renders <Actions light /> without throwing 1`] = `
<svg
height="16"
viewBox="0 0 4 16"
width="4"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
fill="#FFF"
fill-rule="evenodd"
/>
<path
d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
fill="#FFF"
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="#FFF"
fill-rule="evenodd"
style={
Object {
"transform": "translateY(0.75rem)",
}
}
/>
</svg>
`;
exports[`renders <Affinity /> without throwing 1`] = `
<svg
height="18"
viewBox="0 0 27 18"
width="27"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.504 16.795A8.953 8.953 0 0 1 9 18a9.001 9.001 0 1 1 4.504-16.795A9.001 9.001 0 1 1 18 18a8.924 8.924 0 0 1-4.496-1.205zm-1.777-1.346A6.987 6.987 0 0 1 9 16a6.979 6.979 0 0 1-4.691-1.805A6.983 6.983 0 0 1 2 9c0-1.139.273-2.215.758-3.166A6.991 6.991 0 0 1 9 2c.965 0 1.883.195 2.719.549A8.998 8.998 0 0 0 9 9a8.952 8.952 0 0 0 2.727 6.45zm1.773-1.088A6.979 6.979 0 0 1 11 9c0-2.152.98-4.07 2.508-5.355A6.983 6.983 0 0 1 16 9a6.99 6.99 0 0 1-2.5 5.361zm1.785 1.079c.836.351 1.75.56 2.715.56a7 7 0 1 0 0-14 7.02 7.02 0 0 0-2.734.541A8.982 8.982 0 0 1 18 9a8.968 8.968 0 0 1-2.715 6.44z"
fill="#464646"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Arrow /> without throwing 1`] = `
<svg
height="6"
viewBox="0 0 9 6"
width="9"
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"
fill="#464646"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Bin /> without throwing 1`] = `
<svg
height="17"
viewBox="0 0 12 17"
width="12"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4 0v1H0v2h12V1H8.001V0H4zM1 17h10V4H1v13z"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Checkcircle /> without throwing 1`] = `
<svg
height="18"
style={
Object {
"padding": "0.0625rem",
}
}
viewBox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
fill="#FFF"
fillRule="evenodd"
/>
<path
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
fill="#464646"
/>
</svg>
`;
exports[`renders <Checkcircle border /> without throwing 1`] = `
<svg
height="18"
style={
Object {
"padding": "0.0625rem",
}
}
viewBox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
fill="#FFF"
fillRule="evenodd"
/>
<path
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
fill="#464646"
/>
</svg>
`;
exports[`renders <Checkcircle border checked /> without throwing 1`] = `
<svg
height="18"
style={
Object {
"padding": "1px",
}
}
viewBox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
fill="#FFF"
fillRule="evenodd"
/>
<path
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
fill="#008138"
/>
<path
d="M12.316 5l-4.062 5.477-1.55-2.165L5 9.495 8.223 14 14 6.21 12.316 5z"
fill="#464646"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Checkcircle checked /> without throwing 1`] = `
<svg
height="9"
viewBox="0 0 9 9"
width="9"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7.316 0L3.254 5.477l-1.55-2.165L0 4.495 3.223 9 9 1.21z"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Checkcircle fill checked /> without throwing 1`] = `
<svg
height="18"
viewBox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
fill="#008138"
fill-rule="evenodd"
/>
<path
d="M12.017 5l-3.896 5.336-1.487-2.109L5 9.379l3.091 4.389 5.541-7.589L12.017 5z"
fill="#FFF"
fill-rule="evenodd"
/>
</svg>
`;
exports[`renders <Chevron /> without throwing 1`] = `
<svg
height="10"
viewBox="0 0 6 10"
width="6"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M1.12 0L0 1.36 3.496 4.8 0 8.24 1.12 9.6 6 4.8 1.12 0z"
fill="#464646"
fillRule="evenodd"
opacity=".5"
/>
</svg>
`;
exports[`renders <Close /> without throwing 1`] = `
<svg
height="12"
viewBox="0 0 12 12"
width="12"
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"
fill="#464646"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Close light /> without throwing 1`] = `
<svg
height="12"
viewBox="0 0 12 12"
width="12"
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"
fill="#FFF"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <DataCenter /> without throwing 1`] = `
<svg
height="13"
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"
fill="#464646"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <DataCenter light /> without throwing 1`] = `
<svg
height="13"
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"
fill="#FFF"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Dot red /> without throwing 1`] = `
.c0 {
width: 0.375rem;
height: 0.375rem;
border-radius: 0.1875rem;
display: inline-block;
}
<span
className="c0"
/>
`;
exports[`renders <Health /> without throwing 1`] = `
<svg
height="18"
viewBox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill-rule="evenodd"
>
<circle
cx="9"
cy="9"
fill="#009858"
r="9"
/>
<path
d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
fill="#FFF"
/>
</g>
</svg>
`;
exports[`renders <Health healthy={false} /> without throwing 1`] = `
<svg
height="18"
viewBox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill-rule="evenodd"
>
<circle
cx="9"
cy="9"
fill="#e38200"
r="9"
/>
<path
d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
fill="#FFF"
/>
</g>
</svg>
`;
exports[`renders <Import /> without throwing 1`] = `
<svg
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<g
transform="translate(-2061 2768)"
>
<clipPath
clipRule="evenodd"
id="a"
>
<path
d="M2061-2768h24v24h-24v-24z"
fill="#FFF"
/>
</clipPath>
<g
clipPath="url(#a)"
>
<path
d="M2061-2768h24v24h-24v-24z"
fill="#FFF"
/>
<use
fill="#464646"
transform="translate(2061 -2754)"
xlinkHref="#b"
/>
<use
fill="#464646"
transform="translate(2072 -2768)"
xlinkHref="#c"
/>
<use
fill="#464646"
transform="translate(2067.29 -2755)"
xlinkHref="#d"
/>
</g>
</g>
<defs>
<path
d="M0 0h2v8h20V0h2v10H0V0z"
fillRule="evenodd"
id="b"
/>
<path
d="M0 0h2v18H0V0z"
fillRule="evenodd"
id="c"
/>
<path
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"
fillRule="evenodd"
id="d"
/>
</defs>
</svg>
`;
exports[`renders <Instances /> without throwing 1`] = `
<svg
height="9"
viewBox="0 0 18 9"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4.5 0a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m8.59 0c-.375 0-.739.047-1.09.12 2.184.456 3.818 2.239 3.818 4.38S14.184 8.424 12 8.88c.351.073.715.12 1.09.12C15.803 9 18 6.985 18 4.5S15.802 0 13.09 0M14 4.5C14 6.985 11.802 9 9.09 9c-.375 0-.739-.047-1.09-.12 2.184-.456 3.818-2.239 3.818-4.38S10.184.576 8 .12C8.351.047 8.715 0 9.09 0 11.803 0 14 2.015 14 4.5"
fill="#464646"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Instances light /> without throwing 1`] = `
<svg
height="9"
viewBox="0 0 18 9"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4.5 0a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m8.59 0c-.375 0-.739.047-1.09.12 2.184.456 3.818 2.239 3.818 4.38S14.184 8.424 12 8.88c.351.073.715.12 1.09.12C15.803 9 18 6.985 18 4.5S15.802 0 13.09 0M14 4.5C14 6.985 11.802 9 9.09 9c-.375 0-.739-.047-1.09-.12 2.184-.456 3.818-2.239 3.818-4.38S10.184.576 8 .12C8.351.047 8.715 0 9.09 0 11.803 0 14 2.015 14 4.5"
fill="#FFF"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Loading /> without throwing 1`] = `
<svg
height="6"
viewBox="0 0 24 6"
width="24"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<use
fill="#3b46cc"
xlinkHref="#a"
/>
<use
fill="#3b46cc"
opacity=".5"
transform="translate(9)"
xlinkHref="#a"
/>
<use
fill="#3b46cc"
opacity=".25"
transform="translate(18)"
xlinkHref="#a"
/>
<defs>
<path
d="M0 0h6v6H0V0z"
fillRule="evenodd"
id="a"
/>
</defs>
</svg>
`;
exports[`renders <Minus /> without throwing 1`] = `
<svg
height="2"
viewBox="0 0 8 2"
width="8"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 0h8v2H0z"
fill="#464646"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Minus light /> without throwing 1`] = `
<svg
height="2"
viewBox="0 0 8 2"
width="8"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 0h8v2H0z"
fill="#FFF"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Minus light /> without throwing 2`] = `
<svg
height="2"
viewBox="0 0 8 2"
width="8"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 0h8v2H0z"
fill="#FFF"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Package /> without throwing 1`] = `
<svg
height="22"
viewBox="0 0 24 22"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.139.001a.539.539 0 0 0-.12.034L1.574 3.377c-.293.115-.43.52-.272.794l1.64 2.806L.17 9.403c-.284.244-.2.789.144.932l2.787 1.174v5.794c.014.349.156.51.434.63l9.365 3.686a.543.543 0 0 0 .425-.008l8.013-3.704c.287-.16.337-.279.366-.604v-5.569l1.461-.803a.579.579 0 0 0 .221-.742l-1.555-2.996 2.031-2.133c.254-.263.137-.781-.204-.906L14.813.924A.536.536 0 0 0 14.65.9a.544.544 0 0 0-.357.112l-2.2 1.744L10.69.27A.554.554 0 0 0 10.19 0h-.051zm-.162 1.235l1.181 2.08-7.282 3.082-1.31-2.227 7.411-2.935zm4.75.837l7.768 2.832-1.479 1.545-7.988-3.039 1.7-1.338zM11.95 4.18l7.792 2.97-6.653 3.073L5.099 7.08l6.85-2.9zm-8.21 3.557l8.27 3.246-2.567 2.02-7.895-3.341L3.74 7.737zm17.175.077l1.258 2.41-6.654 3.66-1.64-2.815 7.036-3.255zm-8.353 4.136v8.349L4.19 17v-5.024l5.133 2.167a.547.547 0 0 0 .535-.07l2.703-2.123zm8.056.388v4.688l-6.969 3.22v-7.39l1.199 2.046a.56.56 0 0 0 .73.208l5.04-2.772z"
fill="#464646"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Package light /> without throwing 1`] = `
<svg
height="22"
viewBox="0 0 24 22"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.139.001a.539.539 0 0 0-.12.034L1.574 3.377c-.293.115-.43.52-.272.794l1.64 2.806L.17 9.403c-.284.244-.2.789.144.932l2.787 1.174v5.794c.014.349.156.51.434.63l9.365 3.686a.543.543 0 0 0 .425-.008l8.013-3.704c.287-.16.337-.279.366-.604v-5.569l1.461-.803a.579.579 0 0 0 .221-.742l-1.555-2.996 2.031-2.133c.254-.263.137-.781-.204-.906L14.813.924A.536.536 0 0 0 14.65.9a.544.544 0 0 0-.357.112l-2.2 1.744L10.69.27A.554.554 0 0 0 10.19 0h-.051zm-.162 1.235l1.181 2.08-7.282 3.082-1.31-2.227 7.411-2.935zm4.75.837l7.768 2.832-1.479 1.545-7.988-3.039 1.7-1.338zM11.95 4.18l7.792 2.97-6.653 3.073L5.099 7.08l6.85-2.9zm-8.21 3.557l8.27 3.246-2.567 2.02-7.895-3.341L3.74 7.737zm17.175.077l1.258 2.41-6.654 3.66-1.64-2.815 7.036-3.255zm-8.353 4.136v8.349L4.19 17v-5.024l5.133 2.167a.547.547 0 0 0 .535-.07l2.703-2.123zm8.056.388v4.688l-6.969 3.22v-7.39l1.199 2.046a.56.56 0 0 0 .73.208l5.04-2.772z"
fill="#FFF"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Plus /> without throwing 1`] = `
<svg
height="8"
viewBox="0 0 8 8"
width="8"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 3H0v2h3v3h2V5h3V3H5V0H3v3z"
fill="#464646"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Plus light /> without throwing 1`] = `
<svg
height="8"
viewBox="0 0 8 8"
width="8"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 3H0v2h3v3h2V5h3V3H5V0H3v3z"
fill="#FFF"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Triton /> without throwing 1`] = `
<svg
height="19"
viewBox="0 0 105 19"
width="105"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M81 9.502C81 4.256 76.747.004 71.5.004V0C66.253.002 62 4.256 62 9.502S66.253 19 71.5 19 81 14.748 81 9.502zM16.227 1H.773A.773.773 0 0 0 0 1.772v3.094c0 .426.346.772.773.772h4.61c.421 0 .765.336.773.756v10.834c0 .426.346.772.773.772h3.093a.773.773 0 0 0 .773-.772V6.394c0-.426.346-.772.773-.772h4.68a.773.773 0 0 0 .752-.76v-3.09A.773.773 0 0 0 16.227 1zM33 1.772v3.094c0 .426-.35.772-.783.772h-6.723a.778.778 0 0 0-.784.773v10.817c0 .426-.35.772-.783.772h-3.14a.788.788 0 0 1-.726-.472.763.763 0 0 1-.061-.3V5.634C20.002 3.074 22.107 1 24.702 1h7.515c.432 0 .783.346.783.772zM40.167 1h-3.334c-.46 0-.833.346-.833.772v15.456c0 .426.373.772.833.772h3.334c.46 0 .833-.346.833-.772V1.772c0-.426-.373-.772-.833-.772zm3.605 0h15.456c.426 0 .772.346.772.772V4.85a.772.772 0 0 1-.772.772h-4.662a.772.772 0 0 0-.772.772v10.833a.772.772 0 0 1-.772.773H49.93a.775.775 0 0 1-.784-.773V6.394a.772.772 0 0 0-.772-.756h-4.6A.772.772 0 0 1 43 4.866V1.772c0-.426.346-.772.772-.772zM84 1.772A.77.77 0 0 1 84.77 1h11.61c2.55 0 4.618 2.074 4.62 4.634v11.594a.77.77 0 0 1-.769.772H97.15a.77.77 0 0 1-.77-.772V6.394a.77.77 0 0 0-.765-.772H89.39a.77.77 0 0 0-.77.772v10.834a.77.77 0 0 1-.769.772h-3.08a.77.77 0 0 1-.77-.772V1.772zM71.5 5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9zm31.112-3.854H103v.84h.314v-.753l.551.767.253-.014.551-.764v.764H105V1h-.446l-.551.767L103.49 1H102v.146h.388V2h.228l-.004-.854z"
fill="#FDFDFD"
fillRule="evenodd"
/>
</svg>
`;
exports[`renders <Triton beta /> without throwing 1`] = `
<svg
height="30"
version="1.1"
viewBox="0 0 105 30"
width="105"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<g
id="Canvas"
transform="translate(26223 1404)"
>
<g
id="Group"
>
<g
id="Beta"
>
<use
fill="#FFFFFF"
transform="translate(-26177 -1383)"
xlinkHref="#path0_fill"
/>
</g>
<g
id="logo"
>
<use
fill="#FDFDFD"
transform="translate(-26223 -1404)"
xlinkHref="#path1_fill"
/>
</g>
</g>
</g>
<defs>
<path
d="M 33.7583 0.147461L 35.9766 0.147461C 37.0186 0.147461 37.7723 0.303223 38.2378 0.614746C 38.7033 0.92627 38.936 1.41862 38.936 2.0918C 38.936 2.55729 38.8053 2.94222 38.5439 3.24658C 38.2861 3.54736 37.9084 3.74251 37.4106 3.83203L 37.4106 3.88574C 38.603 4.08984 39.1992 4.71647 39.1992 5.76562C 39.1992 6.46745 38.9611 7.0153 38.4849 7.40918C 38.0122 7.80306 37.3498 8 36.4976 8L 33.7583 8L 33.7583 0.147461ZM 34.6714 3.50977L 36.1753 3.50977C 36.8198 3.50977 37.2835 3.40951 37.5664 3.20898C 37.8493 3.00488 37.9907 2.66292 37.9907 2.18311C 37.9907 1.74268 37.8332 1.42578 37.5181 1.23242C 37.203 1.03548 36.7017 0.937012 36.0142 0.937012L 34.6714 0.937012L 34.6714 3.50977ZM 34.6714 4.2832L 34.6714 7.22119L 36.3096 7.22119C 36.9434 7.22119 37.4196 7.09945 37.7383 6.85596C 38.0605 6.60889 38.2217 6.22396 38.2217 5.70117C 38.2217 5.21419 38.057 4.85612 37.7275 4.62695C 37.4017 4.39779 36.904 4.2832 36.2344 4.2832L 34.6714 4.2832ZM 43.2437 8.10742C 42.3735 8.10742 41.686 7.84245 41.1812 7.3125C 40.6799 6.78255 40.4292 6.04671 40.4292 5.10498C 40.4292 4.15609 40.6619 3.40234 41.1274 2.84375C 41.5965 2.28516 42.2249 2.00586 43.0127 2.00586C 43.7503 2.00586 44.334 2.24935 44.7637 2.73633C 45.1934 3.21973 45.4082 3.85889 45.4082 4.65381L 45.4082 5.21777L 41.353 5.21777C 41.3709 5.90885 41.5446 6.43343 41.874 6.7915C 42.207 7.14958 42.6743 7.32861 43.2759 7.32861C 43.9097 7.32861 44.5363 7.19613 45.1558 6.93115L 45.1558 7.72607C 44.8407 7.86214 44.5417 7.95882 44.2588 8.01611C 43.9795 8.07699 43.6411 8.10742 43.2437 8.10742ZM 43.002 2.75244C 42.5293 2.75244 42.1515 2.90641 41.8687 3.21436C 41.5894 3.5223 41.4246 3.94841 41.3745 4.49268L 44.4521 4.49268C 44.4521 3.9305 44.3268 3.50081 44.0762 3.20361C 43.8255 2.90283 43.4674 2.75244 43.002 2.75244ZM 48.835 7.37158C 48.9925 7.37158 49.1447 7.36084 49.2915 7.33936C 49.4383 7.31429 49.5547 7.28923 49.6406 7.26416L 49.6406 7.94629C 49.5439 7.99284 49.4007 8.03044 49.2109 8.05908C 49.0247 8.09131 48.8564 8.10742 48.7061 8.10742C 47.5674 8.10742 46.998 7.50765 46.998 6.30811L 46.998 2.80615L 46.1548 2.80615L 46.1548 2.37646L 46.998 2.00586L 47.374 0.749023L 47.8896 0.749023L 47.8896 2.11328L 49.5977 2.11328L 49.5977 2.80615L 47.8896 2.80615L 47.8896 6.27051C 47.8896 6.625 47.9738 6.89714 48.1421 7.08691C 48.3104 7.27669 48.5413 7.37158 48.835 7.37158ZM 54.4424 8L 54.2651 7.16211L 54.2222 7.16211C 53.9285 7.53092 53.6349 7.78158 53.3413 7.91406C 53.0513 8.04297 52.6878 8.10742 52.251 8.10742C 51.6673 8.10742 51.209 7.95703 50.876 7.65625C 50.5465 7.35547 50.3818 6.92757 50.3818 6.37256C 50.3818 5.18376 51.3325 4.56071 53.2339 4.50342L 54.2329 4.47119L 54.2329 4.10596C 54.2329 3.64404 54.1326 3.30387 53.9321 3.08545C 53.7352 2.86344 53.4183 2.75244 52.9814 2.75244C 52.4909 2.75244 51.9359 2.90283 51.3164 3.20361L 51.0425 2.52148C 51.3325 2.36393 51.6494 2.2404 51.9932 2.15088C 52.3405 2.06136 52.6878 2.0166 53.0352 2.0166C 53.737 2.0166 54.2562 2.17236 54.5928 2.48389C 54.9329 2.79541 55.103 3.29492 55.103 3.98242L 55.103 8L 54.4424 8ZM 52.4282 7.37158C 52.9832 7.37158 53.4183 7.2194 53.7334 6.91504C 54.0521 6.61068 54.2114 6.18457 54.2114 5.63672L 54.2114 5.10498L 53.3198 5.14258C 52.6108 5.16764 52.0988 5.27865 51.7837 5.47559C 51.4722 5.66895 51.3164 5.97152 51.3164 6.3833C 51.3164 6.70557 51.4131 6.95085 51.6064 7.11914C 51.8034 7.28743 52.0773 7.37158 52.4282 7.37158Z"
id="path0_fill"
/>
<path
d="M 81 9.49793C 81 4.25232 76.7461 5.90949e-07 71.5 5.90949e-07C 66.252 -0.00183046 62 4.25171 62 9.49793C 62 14.7435 66.2539 18.9958 71.5 18.9958C 76.7461 18.9958 81 14.7435 81 9.49793ZM 16.2266 0.99585L 0.773438 0.99585C 0.345703 0.99585 0 1.34168 0 1.76819L 0 4.86169C 0 5.09143 0.0996094 5.29773 0.259766 5.43921C 0.308594 5.48181 0.361328 5.51856 0.417969 5.54822C 0.523438 5.60303 0.644531 5.63403 0.773438 5.63403L 5.38281 5.63403C 5.80469 5.63391 6.14844 5.96997 6.15625 6.39026L 6.15625 17.2235C 6.15625 17.4979 6.29883 17.739 6.51562 17.876C 6.56445 17.9071 6.61719 17.9327 6.67383 17.9523L 6.78906 17.983C 6.83398 17.9915 6.88086 17.9958 6.92969 17.9958L 10.0215 17.9958C 10.4492 17.9958 10.7949 17.65 10.7949 17.2235L 10.7949 6.39026C 10.7949 5.96362 11.1406 5.61792 11.5684 5.61792L 16.248 5.61792C 16.4941 5.61145 16.7109 5.48962 16.8477 5.30469C 16.9414 5.17932 16.998 5.0249 17 4.85767L 17 1.76819C 17 1.34168 16.6543 0.99585 16.2266 0.99585ZM 33 1.76819L 33 4.86169C 33 5.28821 32.6504 5.63403 32.2168 5.63403L 25.4941 5.63403C 25.0605 5.63403 24.7109 5.97986 24.7109 6.40637L 24.7109 17.2235C 24.7109 17.65 24.3594 17.9958 23.9277 17.9958L 20.7871 17.9958C 20.5781 17.9969 20.3789 17.916 20.2305 17.771C 20.084 17.6261 20 17.4291 20 17.2235L 20 5.63001C 20.002 3.06995 22.1074 0.99585 24.7031 0.99585L 32.2168 0.99585C 32.6504 0.99585 33 1.34168 33 1.76819ZM 40.1719 0.99585L 36.834 0.99585C 36.6113 0.99585 36.4102 1.07593 36.2598 1.20654C 36.2188 1.24182 36.1816 1.28076 36.1504 1.32275L 36.0938 1.40906C 36.0352 1.51636 36 1.63855 36 1.76819L 36 17.2235C 36 17.65 36.373 17.9958 36.834 17.9958L 40.166 17.9958C 40.627 17.9958 41 17.65 41 17.2235L 41 1.76819C 41 1.34168 40.627 0.99585 40.1719 0.99585ZM 43.7715 0.99585L 59.2207 0.99585C 59.3535 0.99585 59.4785 1.02844 59.5879 1.08594C 59.7109 1.15112 59.8145 1.24829 59.8867 1.36633C 59.959 1.4834 60 1.62097 60 1.76819L 60 4.84546C 60 5.2721 59.6543 5.6178 59.2285 5.6178L 54.5664 5.6178C 54.1406 5.6178 53.7949 5.96362 53.7949 6.39026L 53.7949 17.2234C 53.7949 17.4678 53.6816 17.6857 53.5039 17.8271C 53.373 17.9326 53.2051 17.9957 53.0215 17.9957L 49.9297 17.9957C 49.7227 17.999 49.5234 17.9191 49.375 17.7739C 49.3105 17.7108 49.2598 17.6377 49.2207 17.5582C 49.1719 17.4547 49.1445 17.3405 49.1445 17.2234L 49.1445 6.39026C 49.1367 5.96997 48.793 5.63391 48.373 5.63403L 43.7715 5.63403C 43.3457 5.63403 43 5.28821 43 4.86169L 43 1.76819C 43 1.34168 43.3457 0.99585 43.7715 0.99585ZM 84 1.76819C 84 1.34168 84.3438 0.99585 84.7695 0.99585L 96.3809 0.99585C 98.9297 0.99585 100.998 3.06995 101 5.63001L 101 17.2235C 101 17.65 100.656 17.9958 100.23 17.9958L 97.1504 17.9958C 97.0039 17.9958 96.8691 17.9552 96.752 17.8846C 96.7148 17.8619 96.6797 17.8362 96.6465 17.8076C 96.584 17.7534 96.5312 17.6895 96.4883 17.618C 96.4199 17.5026 96.3809 17.3677 96.3809 17.2235L 96.3809 6.39026C 96.3809 5.96521 96.0391 5.62012 95.6152 5.61792L 89.3887 5.61792C 88.9648 5.61792 88.6191 5.96362 88.6191 6.39026L 88.6191 17.2235C 88.6191 17.65 88.2754 17.9958 87.8496 17.9958L 84.7695 17.9958C 84.5996 17.9958 84.4434 17.9408 84.3164 17.8474C 84.125 17.7069 84 17.4799 84 17.2235L 84 1.76819ZM 71.5 4.99585C 69.0156 4.99585 67 7.01062 67 9.49585C 67 11.9811 69.0156 13.9959 71.5 13.9959C 73.9844 13.9959 76 11.9811 76 9.49585C 75.998 7.01148 73.9844 4.99817 71.5 4.99585ZM 102.613 1.14209L 103 1.14209L 103 1.98145L 103.314 1.98145L 103.314 1.40503L 103.314 1.22925L 103.865 1.99585L 104.119 1.98145L 104.67 1.21777L 104.67 1.40503L 104.67 1.98145L 105 1.98145L 105 0.99585L 104.555 0.99585L 104.002 1.76245L 103.49 0.99585L 103 0.99585L 102 0.99585L 102 1.14209L 102.387 1.14209L 102.387 1.99585L 102.617 1.99585L 102.613 1.14209Z"
fillRule="evenodd"
id="path1_fill"
/>
</defs>
</svg>
`;
exports[`renders <User /> without throwing 1`] = `
<svg
height="12"
viewBox="0 0 12 12"
width="12"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 12H0a5.958 5.958 0 0 1 1.485-3.552 1.368 1.368 0 0 1 1.726-.296 4.83 4.83 0 0 0 5.201-.248 1.384 1.384 0 0 1 1.75.152A5.968 5.968 0 0 1 12 12zM5.619 0a3.205 3.205 0 0 0-3.211 3.2c0 1.768 1.42 4 3.21 4s3.211-2.232 3.211-4A3.204 3.204 0 0 0 5.62 0z"
fill="#464646"
/>
</svg>
`;

View File

@ -0,0 +1,378 @@
import React from 'react';
import { ThemeProvider } from 'styled-components';
import renderer from 'react-test-renderer';
import 'jest-styled-components';
import { colors } from '../colors';
import {
Actions,
Affinity,
Arrow,
Bin,
Checkcircle,
Chevron,
Close,
DataCenter,
Dot,
Health,
Import,
Instances,
Loading,
Minus,
Package,
Plus,
Triton,
User
} from '..';
it('renders <Actions /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Actions />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Actions light /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Actions light />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Affinity /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Affinity />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Arrow /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Arrow />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Bin /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Bin />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Checkcircle /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Checkcircle />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Checkcircle fill checked /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Checkcircle fill checked />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Checkcircle border checked /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Checkcircle border checked />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Checkcircle border /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Checkcircle border />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Checkcircle checked /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Checkcircle checked />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Chevron /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Chevron />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Close /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Close />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Close light /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Close light />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <DataCenter /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<DataCenter />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <DataCenter light /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<DataCenter light />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Dot red /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Dot red />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Health /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Health />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Health healthy={false} /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Health healthy={false} />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Import /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Import />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Instances /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Instances />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Instances light /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Instances light />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Loading /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Loading />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Minus /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Minus />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Minus light /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Minus light />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Minus light /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Minus light />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Package /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Package />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Package light /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Package light />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Plus /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Plus />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Plus light /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Plus light />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Triton /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Triton />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <Triton beta /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<Triton beta />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
it('renders <User /> without throwing', () => {
const tree = renderer
.create(
<ThemeProvider theme={colors}>
<User />
</ThemeProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
});

View File

@ -0,0 +1,16 @@
import React from 'react';
import remcalc from 'remcalc';
import Colors from './colors';
export default ({ light = false, ...rest }) => (
<Colors white secondary>
{({ white, secondary }) => (
<svg width="4" height="16" viewBox="0 0 4 16" xmlns="http://www.w3.org/2000/svg" {...rest}>
<path fill={light ? white : secondary} fill-rule="evenodd" d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
<path fill={light ? white : secondary} 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={light ? white : secondary} style={{ transform: `translateY(${remcalc(12)})` }} fill-rule="evenodd" d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
</svg>
)}
</Colors>
);

View File

@ -0,0 +1,22 @@
import React from 'react';
import Colors from './colors';
export default ({ light = false, ...rest }) => (
<Colors white secondary>
{({ white, secondary }) => (
<svg
width="27"
height="18"
viewBox="0 0 27 18"
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<path
fill={light ? white : secondary}
fillRule="evenodd"
d="M13.504 16.795A8.953 8.953 0 0 1 9 18a9.001 9.001 0 1 1 4.504-16.795A9.001 9.001 0 1 1 18 18a8.924 8.924 0 0 1-4.496-1.205zm-1.777-1.346A6.987 6.987 0 0 1 9 16a6.979 6.979 0 0 1-4.691-1.805A6.983 6.983 0 0 1 2 9c0-1.139.273-2.215.758-3.166A6.991 6.991 0 0 1 9 2c.965 0 1.883.195 2.719.549A8.998 8.998 0 0 0 9 9a8.952 8.952 0 0 0 2.727 6.45zm1.773-1.088A6.979 6.979 0 0 1 11 9c0-2.152.98-4.07 2.508-5.355A6.983 6.983 0 0 1 16 9a6.99 6.99 0 0 1-2.5 5.361zm1.785 1.079c.836.351 1.75.56 2.715.56a7 7 0 1 0 0-14 7.02 7.02 0 0 0-2.734.541A8.982 8.982 0 0 1 18 9a8.968 8.968 0 0 1-2.715 6.44z"
/>
</svg>
)}
</Colors>
);

View File

@ -0,0 +1,22 @@
import React from 'react';
import Colors from './colors';
export default ({ light = false, ...rest }) => (
<Colors white secondary>
{({ white, secondary }) => (
<svg
width="9"
height="6"
viewBox="0 0 9 6"
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<path
fill={light ? white : secondary}
fillRule="evenodd"
d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z"
/>
</svg>
)}
</Colors>
);

13
packages/icons/src/bin.js Normal file
View File

@ -0,0 +1,13 @@
import React from 'react';
export default props => (
<svg
width="12"
height="17"
viewBox="0 0 12 17"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path d="M4 0v1H0v2h12V1H8.001V0H4zM1 17h10V4H1v13z" fillRule="evenodd" />
</svg>
);

View File

@ -0,0 +1,115 @@
import React from 'react';
import remcalc from 'remcalc';
import Colors from './colors';
export const Tick = props => (
<svg
width="9"
height="9"
viewBox="0 0 9 9"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
d="M7.316 0L3.254 5.477l-1.55-2.165L0 4.495 3.223 9 9 1.21z"
/>
</svg>
);
export const Completed = props => (
<Colors white secondary greenDark>
{({ white, secondary, greenDark }) => (
<svg
width="18"
height="18"
viewBox="0 0 18 18"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fill={greenDark}
fill-rule="evenodd"
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
/>
<path
fill-rule="evenodd"
fill={white}
d="M12.017 5l-3.896 5.336-1.487-2.109L5 9.379l3.091 4.389 5.541-7.589L12.017 5z"
/>
</svg>
)}
</Colors>
);
export const PartCompleted = props => (
<Colors white secondary greenDark>
{({ white, secondary, greenDark }) => (
<svg
width="18"
height="18"
viewBox="0 0 18 18"
style={{ padding: '1px' }}
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fill={white}
fillRule="evenodd"
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
/>
<path
fill={greenDark}
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
/>
<path
fill={secondary}
fillRule="evenodd"
d="M12.316 5l-4.062 5.477-1.55-2.165L5 9.495 8.223 14 14 6.21 12.316 5z"
/>
</svg>
)}
</Colors>
);
export const Incomplete = props => (
<Colors white secondary>
{({ white, secondary }) => (
<svg
width="18"
height="18"
viewBox="0 0 18 18"
xmlns="http://www.w3.org/2000/svg"
style={{ padding: remcalc(1) }}
{...props}
>
<path
fill={white}
fillRule="evenodd"
d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"
/>
<path
fill={secondary}
d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"
/>
</svg>
)}
</Colors>
);
export default ({ fill, checked, border, ...rest }) => {
if (fill && checked) {
return <Completed {...rest} />;
}
if (checked && border) {
return <PartCompleted {...rest} />;
}
if (checked) {
return <Tick {...rest} />;
}
return <Incomplete {...rest} />;
};

View File

@ -0,0 +1,23 @@
import React from 'react';
import Colors from './colors';
export default ({ light = false, ...rest }) => (
<Colors white secondary>
{({ white, secondary }) => (
<svg
width="6"
height="10"
viewBox="0 0 6 10"
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<path
fill={light ? white : secondary}
fillRule="evenodd"
d="M1.12 0L0 1.36 3.496 4.8 0 8.24 1.12 9.6 6 4.8 1.12 0z"
opacity=".5"
/>
</svg>
)}
</Colors>
);

View File

@ -0,0 +1,22 @@
import React from 'react';
import Colors from './colors';
export default ({ light = false, ...rest }) => (
<Colors white secondary>
{({ white, secondary }) => (
<svg
width="12"
height="12"
viewBox="0 0 12 12"
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<path
fill={light ? white : secondary}
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"
/>
</svg>
)}
</Colors>
);

View File

@ -0,0 +1,22 @@
import { withTheme } from 'styled-components';
export const colors = {
white: '#FFF',
secondary: '#464646',
greenDark: '#008138',
green: '#009858',
orange: '#e38200',
primary: '#3b46cc'
};
export default withTheme(({ theme = {}, children, ...rest }) =>
children(
Object.keys(rest).reduce(
(sum, name) => ({
...sum,
[name]: theme[name] || colors[name] || rest[name]
}),
rest
)
)
);

View File

@ -0,0 +1,22 @@
import React from 'react';
import Colors from './colors';
export default ({ light = false, ...rest }) => (
<Colors white secondary>
{({ white, secondary }) => (
<svg
width="9"
height="13"
viewBox="0 0 9 13"
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<path
fill={light ? white : secondary}
fillRule="evenodd"
d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z"
/>
</svg>
)}
</Colors>
);

View File

@ -1,12 +1,10 @@
import remcalc from 'remcalc';
import styled from 'styled-components';
import Baseline from '../baseline';
export default Baseline(styled.span`
export default styled.span`
width: ${remcalc(6)};
height: ${remcalc(6)};
border-radius: ${remcalc(3)};
background-color: ${props => props.theme[props.color]};
display: inline-block;
`);
`;

View File

@ -0,0 +1,24 @@
import React from 'react';
import Colors from './colors';
export default ({ healthy = true, ...rest }) => (
<Colors green orange>
{({ green, orange }) => (
<svg
width="18"
height="18"
viewBox="0 0 18 18"
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<g fill-rule="evenodd">
<circle fill={healthy ? green : orange} cx="9" cy="9" r="9" />
<path
fill="#FFF"
d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
/>
</g>
</svg>
)}
</Colors>
);

View File

@ -0,0 +1,50 @@
import React from 'react';
import Colors from './colors';
export default props => (
<Colors white secondary>
{({ white, secondary }) => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
{...props}
>
<g transform="translate(-2061 2768)">
<clipPath id="a" clipRule="evenodd">
<path fill={white} d="M2061-2768h24v24h-24v-24z" />
</clipPath>
<g clipPath="url(#a)">
<path fill={white} d="M2061-2768h24v24h-24v-24z" />
<use
xlinkHref="#b"
fill={secondary}
transform="translate(2061 -2754)"
/>
<use
xlinkHref="#c"
fill={secondary}
transform="translate(2072 -2768)"
/>
<use
xlinkHref="#d"
fill={secondary}
transform="translate(2067.29 -2755)"
/>
</g>
</g>
<defs>
<path id="b" fillRule="evenodd" d="M0 0h2v8h20V0h2v10H0V0z" />
<path id="c" fillRule="evenodd" d="M0 0h2v18H0V0z" />
<path
id="d"
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>
</svg>
)}
</Colors>
);

View File

@ -0,0 +1,18 @@
export { default as Actions } from './actions';
export { default as Affinity } from './affinity';
export { default as Arrow } from './arrow';
export { default as Bin } from './bin';
export { default as Checkcircle } from './checkcircle';
export { default as Chevron } from './chevron';
export { default as Close } from './close';
export { default as DataCenter } from './data-center';
export { default as Dot } from './dot';
export { default as Health } from './health';
export { default as Import } from './import';
export { default as Instances } from './instances';
export { default as Loading } from './loading';
export { default as Minus } from './minus';
export { default as Package } from './package';
export { default as Plus } from './plus';
export { default as Triton } from './triton';
export { default as User } from './user';

View File

@ -0,0 +1,22 @@
import React from 'react';
import Colors from './colors';
export default ({ light = false, ...rest }) => (
<Colors white secondary>
{({ white, secondary }) => (
<svg
width="18"
height="9"
viewBox="0 0 18 9"
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<path
fill={light ? white : secondary}
fillRule="evenodd"
d="M4.5 0a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m8.59 0c-.375 0-.739.047-1.09.12 2.184.456 3.818 2.239 3.818 4.38S14.184 8.424 12 8.88c.351.073.715.12 1.09.12C15.803 9 18 6.985 18 4.5S15.802 0 13.09 0M14 4.5C14 6.985 11.802 9 9.09 9c-.375 0-.739-.047-1.09-.12 2.184-.456 3.818-2.239 3.818-4.38S10.184.576 8 .12C8.351.047 8.715 0 9.09 0 11.803 0 14 2.015 14 4.5"
/>
</svg>
)}
</Colors>
);

View File

@ -0,0 +1,34 @@
import React from 'react';
import Colors from './colors';
export default props => (
<Colors primary>
{({ primary }) => (
<svg
width="24"
height="6"
viewBox="0 0 24 6"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
{...props}
>
<use xlinkHref="#a" fill={primary} />
<use
xlinkHref="#a"
transform="translate(9)"
fill={primary}
opacity=".5"
/>
<use
xlinkHref="#a"
transform="translate(18)"
fill={primary}
opacity=".25"
/>
<defs>
<path id="a" fillRule="evenodd" d="M0 0h6v6H0V0z" />
</defs>
</svg>
)}
</Colors>
);

View File

@ -0,0 +1,22 @@
import React from 'react';
import Colors from './colors';
export default ({ light = false, ...rest }) => (
<Colors white secondary>
{({ white, secondary }) => (
<svg
width="8"
height="2"
viewBox="0 0 8 2"
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<path
fill={light ? white : secondary}
d="M0 0h8v2H0z"
fillRule="evenodd"
/>
</svg>
)}
</Colors>
);

View File

@ -0,0 +1,22 @@
import React from 'react';
import Colors from './colors';
export default ({ light = false, ...rest }) => (
<Colors white secondary>
{({ white, secondary }) => (
<svg
width="24"
height="22"
viewBox="0 0 24 22"
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<path
fill={light ? white : secondary}
fillRule="evenodd"
d="M10.139.001a.539.539 0 0 0-.12.034L1.574 3.377c-.293.115-.43.52-.272.794l1.64 2.806L.17 9.403c-.284.244-.2.789.144.932l2.787 1.174v5.794c.014.349.156.51.434.63l9.365 3.686a.543.543 0 0 0 .425-.008l8.013-3.704c.287-.16.337-.279.366-.604v-5.569l1.461-.803a.579.579 0 0 0 .221-.742l-1.555-2.996 2.031-2.133c.254-.263.137-.781-.204-.906L14.813.924A.536.536 0 0 0 14.65.9a.544.544 0 0 0-.357.112l-2.2 1.744L10.69.27A.554.554 0 0 0 10.19 0h-.051zm-.162 1.235l1.181 2.08-7.282 3.082-1.31-2.227 7.411-2.935zm4.75.837l7.768 2.832-1.479 1.545-7.988-3.039 1.7-1.338zM11.95 4.18l7.792 2.97-6.653 3.073L5.099 7.08l6.85-2.9zm-8.21 3.557l8.27 3.246-2.567 2.02-7.895-3.341L3.74 7.737zm17.175.077l1.258 2.41-6.654 3.66-1.64-2.815 7.036-3.255zm-8.353 4.136v8.349L4.19 17v-5.024l5.133 2.167a.547.547 0 0 0 .535-.07l2.703-2.123zm8.056.388v4.688l-6.969 3.22v-7.39l1.199 2.046a.56.56 0 0 0 .73.208l5.04-2.772z"
/>
</svg>
)}
</Colors>
);

View File

@ -0,0 +1,22 @@
import React from 'react';
import Colors from './colors';
export default ({ light = false, ...rest }) => (
<Colors white secondary>
{({ white, secondary }) => (
<svg
width="8"
height="8"
viewBox="0 0 8 8"
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<path
fill={light ? white : secondary}
d="M3 3H0v2h3v3h2V5h3V3H5V0H3v3z"
fillRule="evenodd"
/>
</svg>
)}
</Colors>
);

View File

@ -0,0 +1,62 @@
import React from 'react';
const TritonBeta = props => (
<svg
width="105"
height="30"
viewBox="0 0 105 30"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
{...props}
>
<g id="Canvas" transform="translate(26223 1404)">
<g id="Group">
<g id="Beta">
<use
xlinkHref="#path0_fill"
transform="translate(-26177 -1383)"
fill="#FFFFFF"
/>
</g>
<g id="logo">
<use
xlinkHref="#path1_fill"
transform="translate(-26223 -1404)"
fill="#FDFDFD"
/>
</g>
</g>
</g>
<defs>
<path
id="path0_fill"
d="M 33.7583 0.147461L 35.9766 0.147461C 37.0186 0.147461 37.7723 0.303223 38.2378 0.614746C 38.7033 0.92627 38.936 1.41862 38.936 2.0918C 38.936 2.55729 38.8053 2.94222 38.5439 3.24658C 38.2861 3.54736 37.9084 3.74251 37.4106 3.83203L 37.4106 3.88574C 38.603 4.08984 39.1992 4.71647 39.1992 5.76562C 39.1992 6.46745 38.9611 7.0153 38.4849 7.40918C 38.0122 7.80306 37.3498 8 36.4976 8L 33.7583 8L 33.7583 0.147461ZM 34.6714 3.50977L 36.1753 3.50977C 36.8198 3.50977 37.2835 3.40951 37.5664 3.20898C 37.8493 3.00488 37.9907 2.66292 37.9907 2.18311C 37.9907 1.74268 37.8332 1.42578 37.5181 1.23242C 37.203 1.03548 36.7017 0.937012 36.0142 0.937012L 34.6714 0.937012L 34.6714 3.50977ZM 34.6714 4.2832L 34.6714 7.22119L 36.3096 7.22119C 36.9434 7.22119 37.4196 7.09945 37.7383 6.85596C 38.0605 6.60889 38.2217 6.22396 38.2217 5.70117C 38.2217 5.21419 38.057 4.85612 37.7275 4.62695C 37.4017 4.39779 36.904 4.2832 36.2344 4.2832L 34.6714 4.2832ZM 43.2437 8.10742C 42.3735 8.10742 41.686 7.84245 41.1812 7.3125C 40.6799 6.78255 40.4292 6.04671 40.4292 5.10498C 40.4292 4.15609 40.6619 3.40234 41.1274 2.84375C 41.5965 2.28516 42.2249 2.00586 43.0127 2.00586C 43.7503 2.00586 44.334 2.24935 44.7637 2.73633C 45.1934 3.21973 45.4082 3.85889 45.4082 4.65381L 45.4082 5.21777L 41.353 5.21777C 41.3709 5.90885 41.5446 6.43343 41.874 6.7915C 42.207 7.14958 42.6743 7.32861 43.2759 7.32861C 43.9097 7.32861 44.5363 7.19613 45.1558 6.93115L 45.1558 7.72607C 44.8407 7.86214 44.5417 7.95882 44.2588 8.01611C 43.9795 8.07699 43.6411 8.10742 43.2437 8.10742ZM 43.002 2.75244C 42.5293 2.75244 42.1515 2.90641 41.8687 3.21436C 41.5894 3.5223 41.4246 3.94841 41.3745 4.49268L 44.4521 4.49268C 44.4521 3.9305 44.3268 3.50081 44.0762 3.20361C 43.8255 2.90283 43.4674 2.75244 43.002 2.75244ZM 48.835 7.37158C 48.9925 7.37158 49.1447 7.36084 49.2915 7.33936C 49.4383 7.31429 49.5547 7.28923 49.6406 7.26416L 49.6406 7.94629C 49.5439 7.99284 49.4007 8.03044 49.2109 8.05908C 49.0247 8.09131 48.8564 8.10742 48.7061 8.10742C 47.5674 8.10742 46.998 7.50765 46.998 6.30811L 46.998 2.80615L 46.1548 2.80615L 46.1548 2.37646L 46.998 2.00586L 47.374 0.749023L 47.8896 0.749023L 47.8896 2.11328L 49.5977 2.11328L 49.5977 2.80615L 47.8896 2.80615L 47.8896 6.27051C 47.8896 6.625 47.9738 6.89714 48.1421 7.08691C 48.3104 7.27669 48.5413 7.37158 48.835 7.37158ZM 54.4424 8L 54.2651 7.16211L 54.2222 7.16211C 53.9285 7.53092 53.6349 7.78158 53.3413 7.91406C 53.0513 8.04297 52.6878 8.10742 52.251 8.10742C 51.6673 8.10742 51.209 7.95703 50.876 7.65625C 50.5465 7.35547 50.3818 6.92757 50.3818 6.37256C 50.3818 5.18376 51.3325 4.56071 53.2339 4.50342L 54.2329 4.47119L 54.2329 4.10596C 54.2329 3.64404 54.1326 3.30387 53.9321 3.08545C 53.7352 2.86344 53.4183 2.75244 52.9814 2.75244C 52.4909 2.75244 51.9359 2.90283 51.3164 3.20361L 51.0425 2.52148C 51.3325 2.36393 51.6494 2.2404 51.9932 2.15088C 52.3405 2.06136 52.6878 2.0166 53.0352 2.0166C 53.737 2.0166 54.2562 2.17236 54.5928 2.48389C 54.9329 2.79541 55.103 3.29492 55.103 3.98242L 55.103 8L 54.4424 8ZM 52.4282 7.37158C 52.9832 7.37158 53.4183 7.2194 53.7334 6.91504C 54.0521 6.61068 54.2114 6.18457 54.2114 5.63672L 54.2114 5.10498L 53.3198 5.14258C 52.6108 5.16764 52.0988 5.27865 51.7837 5.47559C 51.4722 5.66895 51.3164 5.97152 51.3164 6.3833C 51.3164 6.70557 51.4131 6.95085 51.6064 7.11914C 51.8034 7.28743 52.0773 7.37158 52.4282 7.37158Z"
/>
<path
id="path1_fill"
fillRule="evenodd"
d="M 81 9.49793C 81 4.25232 76.7461 5.90949e-07 71.5 5.90949e-07C 66.252 -0.00183046 62 4.25171 62 9.49793C 62 14.7435 66.2539 18.9958 71.5 18.9958C 76.7461 18.9958 81 14.7435 81 9.49793ZM 16.2266 0.99585L 0.773438 0.99585C 0.345703 0.99585 0 1.34168 0 1.76819L 0 4.86169C 0 5.09143 0.0996094 5.29773 0.259766 5.43921C 0.308594 5.48181 0.361328 5.51856 0.417969 5.54822C 0.523438 5.60303 0.644531 5.63403 0.773438 5.63403L 5.38281 5.63403C 5.80469 5.63391 6.14844 5.96997 6.15625 6.39026L 6.15625 17.2235C 6.15625 17.4979 6.29883 17.739 6.51562 17.876C 6.56445 17.9071 6.61719 17.9327 6.67383 17.9523L 6.78906 17.983C 6.83398 17.9915 6.88086 17.9958 6.92969 17.9958L 10.0215 17.9958C 10.4492 17.9958 10.7949 17.65 10.7949 17.2235L 10.7949 6.39026C 10.7949 5.96362 11.1406 5.61792 11.5684 5.61792L 16.248 5.61792C 16.4941 5.61145 16.7109 5.48962 16.8477 5.30469C 16.9414 5.17932 16.998 5.0249 17 4.85767L 17 1.76819C 17 1.34168 16.6543 0.99585 16.2266 0.99585ZM 33 1.76819L 33 4.86169C 33 5.28821 32.6504 5.63403 32.2168 5.63403L 25.4941 5.63403C 25.0605 5.63403 24.7109 5.97986 24.7109 6.40637L 24.7109 17.2235C 24.7109 17.65 24.3594 17.9958 23.9277 17.9958L 20.7871 17.9958C 20.5781 17.9969 20.3789 17.916 20.2305 17.771C 20.084 17.6261 20 17.4291 20 17.2235L 20 5.63001C 20.002 3.06995 22.1074 0.99585 24.7031 0.99585L 32.2168 0.99585C 32.6504 0.99585 33 1.34168 33 1.76819ZM 40.1719 0.99585L 36.834 0.99585C 36.6113 0.99585 36.4102 1.07593 36.2598 1.20654C 36.2188 1.24182 36.1816 1.28076 36.1504 1.32275L 36.0938 1.40906C 36.0352 1.51636 36 1.63855 36 1.76819L 36 17.2235C 36 17.65 36.373 17.9958 36.834 17.9958L 40.166 17.9958C 40.627 17.9958 41 17.65 41 17.2235L 41 1.76819C 41 1.34168 40.627 0.99585 40.1719 0.99585ZM 43.7715 0.99585L 59.2207 0.99585C 59.3535 0.99585 59.4785 1.02844 59.5879 1.08594C 59.7109 1.15112 59.8145 1.24829 59.8867 1.36633C 59.959 1.4834 60 1.62097 60 1.76819L 60 4.84546C 60 5.2721 59.6543 5.6178 59.2285 5.6178L 54.5664 5.6178C 54.1406 5.6178 53.7949 5.96362 53.7949 6.39026L 53.7949 17.2234C 53.7949 17.4678 53.6816 17.6857 53.5039 17.8271C 53.373 17.9326 53.2051 17.9957 53.0215 17.9957L 49.9297 17.9957C 49.7227 17.999 49.5234 17.9191 49.375 17.7739C 49.3105 17.7108 49.2598 17.6377 49.2207 17.5582C 49.1719 17.4547 49.1445 17.3405 49.1445 17.2234L 49.1445 6.39026C 49.1367 5.96997 48.793 5.63391 48.373 5.63403L 43.7715 5.63403C 43.3457 5.63403 43 5.28821 43 4.86169L 43 1.76819C 43 1.34168 43.3457 0.99585 43.7715 0.99585ZM 84 1.76819C 84 1.34168 84.3438 0.99585 84.7695 0.99585L 96.3809 0.99585C 98.9297 0.99585 100.998 3.06995 101 5.63001L 101 17.2235C 101 17.65 100.656 17.9958 100.23 17.9958L 97.1504 17.9958C 97.0039 17.9958 96.8691 17.9552 96.752 17.8846C 96.7148 17.8619 96.6797 17.8362 96.6465 17.8076C 96.584 17.7534 96.5312 17.6895 96.4883 17.618C 96.4199 17.5026 96.3809 17.3677 96.3809 17.2235L 96.3809 6.39026C 96.3809 5.96521 96.0391 5.62012 95.6152 5.61792L 89.3887 5.61792C 88.9648 5.61792 88.6191 5.96362 88.6191 6.39026L 88.6191 17.2235C 88.6191 17.65 88.2754 17.9958 87.8496 17.9958L 84.7695 17.9958C 84.5996 17.9958 84.4434 17.9408 84.3164 17.8474C 84.125 17.7069 84 17.4799 84 17.2235L 84 1.76819ZM 71.5 4.99585C 69.0156 4.99585 67 7.01062 67 9.49585C 67 11.9811 69.0156 13.9959 71.5 13.9959C 73.9844 13.9959 76 11.9811 76 9.49585C 75.998 7.01148 73.9844 4.99817 71.5 4.99585ZM 102.613 1.14209L 103 1.14209L 103 1.98145L 103.314 1.98145L 103.314 1.40503L 103.314 1.22925L 103.865 1.99585L 104.119 1.98145L 104.67 1.21777L 104.67 1.40503L 104.67 1.98145L 105 1.98145L 105 0.99585L 104.555 0.99585L 104.002 1.76245L 103.49 0.99585L 103 0.99585L 102 0.99585L 102 1.14209L 102.387 1.14209L 102.387 1.99585L 102.617 1.99585L 102.613 1.14209Z"
/>
</defs>
</svg>
);
const Triton = props => (
<svg
width="105"
height="19"
viewBox="0 0 105 19"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fill="#FDFDFD"
fillRule="evenodd"
d="M81 9.502C81 4.256 76.747.004 71.5.004V0C66.253.002 62 4.256 62 9.502S66.253 19 71.5 19 81 14.748 81 9.502zM16.227 1H.773A.773.773 0 0 0 0 1.772v3.094c0 .426.346.772.773.772h4.61c.421 0 .765.336.773.756v10.834c0 .426.346.772.773.772h3.093a.773.773 0 0 0 .773-.772V6.394c0-.426.346-.772.773-.772h4.68a.773.773 0 0 0 .752-.76v-3.09A.773.773 0 0 0 16.227 1zM33 1.772v3.094c0 .426-.35.772-.783.772h-6.723a.778.778 0 0 0-.784.773v10.817c0 .426-.35.772-.783.772h-3.14a.788.788 0 0 1-.726-.472.763.763 0 0 1-.061-.3V5.634C20.002 3.074 22.107 1 24.702 1h7.515c.432 0 .783.346.783.772zM40.167 1h-3.334c-.46 0-.833.346-.833.772v15.456c0 .426.373.772.833.772h3.334c.46 0 .833-.346.833-.772V1.772c0-.426-.373-.772-.833-.772zm3.605 0h15.456c.426 0 .772.346.772.772V4.85a.772.772 0 0 1-.772.772h-4.662a.772.772 0 0 0-.772.772v10.833a.772.772 0 0 1-.772.773H49.93a.775.775 0 0 1-.784-.773V6.394a.772.772 0 0 0-.772-.756h-4.6A.772.772 0 0 1 43 4.866V1.772c0-.426.346-.772.772-.772zM84 1.772A.77.77 0 0 1 84.77 1h11.61c2.55 0 4.618 2.074 4.62 4.634v11.594a.77.77 0 0 1-.769.772H97.15a.77.77 0 0 1-.77-.772V6.394a.77.77 0 0 0-.765-.772H89.39a.77.77 0 0 0-.77.772v10.834a.77.77 0 0 1-.769.772h-3.08a.77.77 0 0 1-.77-.772V1.772zM71.5 5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9zm31.112-3.854H103v.84h.314v-.753l.551.767.253-.014.551-.764v.764H105V1h-.446l-.551.767L103.49 1H102v.146h.388V2h.228l-.004-.854z"
/>
</svg>
);
export default ({ beta = false, ...rest }) =>
beta ? <TritonBeta {...rest} /> : <Triton {...rest} />;

View File

@ -0,0 +1,12 @@
import React from 'react';
import Colors from './colors';
export default ({ light = false, ...rest }) => (
<Colors white secondary>
{({ white, secondary }) => (
<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" {...rest}>
<path fill={light ? white : secondary} d="M12 12H0a5.958 5.958 0 0 1 1.485-3.552 1.368 1.368 0 0 1 1.726-.296 4.83 4.83 0 0 0 5.201-.248 1.384 1.384 0 0 1 1.75.152A5.968 5.968 0 0 1 12 12zM5.619 0a3.205 3.205 0 0 0-3.211 3.2c0 1.768 1.42 4 3.21 4s3.211-2.232 3.211-4A3.204 3.204 0 0 0 5.62 0z" />
</svg>
)}
</Colors>
);

View File

@ -25,7 +25,7 @@ import {
Checkbox,
P,
DotIcon,
IconActions,
ActionsIcon,
PopoverContainer,
PopoverTarget,
Popover,
@ -77,7 +77,7 @@ const Item = ({
<TableTd border="left" middle center actionable>
<PopoverContainer clickable>
<PopoverTarget>
<IconActions />
<ActionsIcon />
</PopoverTarget>
<Popover placement="right-start">
{!allowedActions.stop ? null : (

View File

@ -5,15 +5,15 @@ import remcalc from 'remcalc';
import {
Header,
HeaderBrand,
TritonBetaIcon,
DataCenterIconLight,
UserIconLight,
TritonIcon,
DataCenterIcon,
UserIcon,
HeaderNav,
HeaderAnchor,
HeaderItem
} from 'joyent-ui-toolkit';
const Logo = styled(TritonBetaIcon)`
const Logo = styled(TritonIcon)`
padding-top: ${remcalc(11)};
`;
@ -21,7 +21,7 @@ export default () => (
<Header fluid>
<HeaderBrand beta>
<HeaderAnchor to="/">
<Logo alt="Triton" />
<Logo beta alt="Triton" />
</HeaderAnchor>
</HeaderBrand>
<HeaderNav>
@ -36,12 +36,12 @@ export default () => (
</HeaderItem>
<HeaderItem>
<HeaderAnchor>
<DataCenterIconLight />eu-east-1
<DataCenterIcon light />eu-east-1
</HeaderAnchor>
</HeaderItem>
<HeaderItem>
<HeaderAnchor>
<UserIconLight />Nicola
<UserIcon light />Nicola
</HeaderAnchor>
</HeaderItem>
</Header>

View File

@ -1,10 +1,7 @@
# joyent-portal-ui-toolkit
[![Docker Repository on Quay](https://quay.io/repository/yldio/joyent-ui-toolkit/status)](https://quay.io/repository/yldio/joyent-ui-toolkit)
[![License: MPL 2.0](https://img.shields.io/badge/License-MPL%202.0-brightgreen.svg)](https://opensource.org/licenses/MPL-2.0)
[![standard-readme compliant](https://img.shields.io/badge/standard--readme-OK-green.svg)](https://github.com/RichardLitt/standard-readme)
[![demo master](https://img.shields.io/badge/demo-master-3B47CC.svg)](http://styleguide-master.svc.f4b20699-b323-4452-9091-977895896da6.eu-ams-1.triton.zone:6060)
[![demo staging](https://img.shields.io/badge/demo-staging-3B47CC.svg)](http://styleguide-staging.svc.f4b20699-b323-4452-9091-977895896da6.eu-ams-1.triton.zone:6060)
## Table of Contents

View File

@ -7,27 +7,20 @@
"jsnext:main": "dist/es/index.js",
"module": "dist/es/index.js",
"scripts": {
"lint-ci":
"eslint . --ext .js --ext .md && echo 0 `# stylelint './src/**/*.js'`",
"lint":
"eslint . --fix --ext .js --ext .md && echo 0 `# stylelint './src/**/*.js'`",
"lint-ci": "eslint . --ext .js --ext .md && echo 0 `# stylelint './src/**/*.js'`",
"lint": "eslint . --fix --ext .js --ext .md && echo 0 `# stylelint './src/**/*.js'`",
"test-ci": "echo 0",
"test": "echo 0",
"test:visual": "run-p serve jest",
"jest": "jest",
"serve": "http-server styleguide -p 6060 -s",
"copy-fonts":
"rm -rf dist; mkdir -p dist/es/typography; mkdir -p dist/umd/typography; cp -r src/typography/libre-franklin dist/es/typography; cp -r src/typography/libre-franklin dist/umd/typography",
"compile-watch:es":
"NODE_ENV=development babel src --out-dir dist/es --source-maps inline --watch",
"compile:es":
"NODE_ENV=development babel src --out-dir dist/es --source-maps inline",
"compile:umd":
"NODE_ENV=test babel src --out-dir dist/umd --source-maps inline",
"compile-watch:umd":
"NODE_ENV=test babel src --out-dir dist/umd --source-maps inline --watch",
"copy-fonts": "rm -rf dist; mkdir -p dist/es/typography; mkdir -p dist/umd/typography; cp -r src/typography/libre-franklin dist/es/typography; cp -r src/typography/libre-franklin dist/umd/typography",
"compile-watch:es": "NODE_ENV=development babel src --out-dir dist/es --source-maps inline --watch",
"compile:es": "NODE_ENV=development babel src --out-dir dist/es --source-maps inline",
"compile:umd": "NODE_ENV=test babel src --out-dir dist/umd --source-maps inline",
"compile-watch:umd": "NODE_ENV=test babel src --out-dir dist/umd --source-maps inline --watch",
"compile": "redrun -p compile:*",
"watch": "redrun copy-fonts && redrun -p compile-watch:*",
"dev": "redrun copy-fonts && redrun -p compile-watch:*",
"styleguide:build": "NODE_ENV=production styleguidist build",
"styleguide": "NODE_ENV=development styleguidist server",
"prepublish": "redrun -s copy-fonts compile"
@ -37,6 +30,7 @@
"disable-scroll": "^0.3.0",
"fontfaceobserver": "^2.0.13",
"joy-react-broadcast": "^0.6.9",
"joyent-icons": "^1.0.1",
"joyent-manifest-editor": "^3.0.1",
"lodash.isboolean": "^3.0.3",
"lodash.isstring": "^4.0.1",

View File

@ -5,7 +5,7 @@ import remcalc from 'remcalc';
import typography from '../typography';
import { H2 } from '../text/headings';
import Chevron from '../icons/chevron';
import { Chevron } from '../icons';
const LinkChild = styled(Link)`
text-decoration: none;

View File

@ -22,7 +22,7 @@ const { default: Card, Header, HeaderBox, HeaderMeta } = require('.');
const { Row, Col } = require('react-styled-flexboxgrid');
const { H4, P } = require('../text');
const { InstancesIconLight, IconActionsLight } = require('../icons');
const { Instances, Actions } = require('../icons');
<Card shadow collapsed>
<Header>
@ -33,13 +33,13 @@ const { InstancesIconLight, IconActionsLight } = require('../icons');
</Col>
<Col xs={8} sm={4} md={3}>
<P>
<InstancesIconLight marginRight="0.5" /> 4 of 4 instances
<Instances marginRight="0.5" light /> 4 of 4 instances
</P>
</Col>
</Row>
</HeaderMeta>
<HeaderBox border="left" actionable>
<IconActionsLight />
<Actions light />
</HeaderBox>
</Header>
</Card>;
@ -54,9 +54,9 @@ const { Row, Col } = require('react-styled-flexboxgrid');
const { H4, P } = require('../text');
const {
InstancesIconLight,
HealthyIcon,
IconActionsLight
Instances,
Health,
Actions
} = require('../icons');
<Card shadow>
@ -68,13 +68,13 @@ const {
</Col>
<Col xs={8} sm={4} md={3}>
<P>
<InstancesIconLight marginRight="0.5" /> 4 of 4 instances
<Instances marginRight="0.5" light /> 4 of 4 instances
</P>
</Col>
</Row>
</HeaderMeta>
<HeaderBox border="left" actionable>
<IconActionsLight />
<Actions light />
</HeaderBox>
</Header>
<Outlet>
@ -90,7 +90,7 @@ const {
}}
>
<P style={{ flex: '1 0 auto', alignSelf: 'flex-end' }}>
<HealthyIcon width="18" /> Healthy
<Health width="18" healthy /> Healthy
</P>
</div>
</Outlet>
@ -105,7 +105,7 @@ const { default: Card, Header, HeaderBox, HeaderMeta, Outlet } = require('.');
const { Row, Col } = require('react-styled-flexboxgrid');
const { H4, P, Small } = require('../text');
const { InstancesIconLight, IconActionsLight } = require('../icons');
const { Instances, Actions } = require('../icons');
<Card shadow>
<Header>
@ -116,13 +116,13 @@ const { InstancesIconLight, IconActionsLight } = require('../icons');
</Col>
<Col xs={8} sm={4} md={3}>
<P>
<InstancesIconLight marginRight="0.5" /> 4 of 4 instances
<Instances marginRight="0.5" light /> 4 of 4 instances
</P>
</Col>
</Row>
</HeaderMeta>
<HeaderBox border="left" actionable>
<IconActionsLight />
<Actions light />
</HeaderBox>
</Header>
<Outlet>
@ -143,10 +143,9 @@ const { H4, P } = require('../text');
const { default: StatusLoader } = require('../status-loader');
const {
IconActions,
IconActionsLight,
InstancesIconLight,
HealthyIcon
Actions,
Instances,
Health
} = require('../icons');
[
@ -165,7 +164,7 @@ const {
</Row>
</HeaderMeta>
<HeaderBox border="left" actionable>
<IconActions />
<Actions />
</HeaderBox>
</Header>
</Card>
@ -183,13 +182,13 @@ const {
</Col>
<Col xs={8} sm={4} md={3}>
<P>
<InstancesIconLight marginRight="0.5" /> 4 of 4 instances
<Instances marginRight="0.5" light /> 4 of 4 instances
</P>
</Col>
</Row>
</HeaderMeta>
<HeaderBox border="left" actionable>
<IconActionsLight />
<Actions light />
</HeaderBox>
</Header>
<Outlet>
@ -213,7 +212,7 @@ const {
/>
</div>
<P style={{ flex: '0 1 auto', alignSelf: 'stretch' }}>
<HealthyIcon width="18" /> Healthy
<Health width="18" healthy /> Healthy
</P>
</div>
</Outlet>
@ -230,7 +229,7 @@ const React = require('react');
const { default: Card, Header, HeaderBox, HeaderMeta, Outlet } = require('.');
const { Row, Col } = require('react-styled-flexboxgrid');
const { H4, P } = require('../text');
const { IconActions } = require('../icons');
const { Actions } = require('../icons');
<Card disabled shadow>
<Header>
@ -245,7 +244,7 @@ const { IconActions } = require('../icons');
</Row>
</HeaderMeta>
<HeaderBox border="left" actionable>
<IconActions />
<Actions />
</HeaderBox>
</Header>
<Outlet />
@ -258,7 +257,7 @@ const { IconActions } = require('../icons');
const React = require('react');
const { default: Card, Outlet } = require('.');
const { H4, P } = require('../text');
const { HealthyIcon } = require('../icons');
const { Health } = require('../icons');
<Card>
<Outlet>
@ -277,7 +276,7 @@ const { HealthyIcon } = require('../icons');
<H4>percona_primary</H4>
</div>
<P style={{ flex: '0 1 auto', alignSelf: 'stretch' }}>
<HealthyIcon width="18" /> Healthy
<Health width="18" healthy /> Healthy
</P>
</div>
</Outlet>
@ -290,7 +289,7 @@ const { HealthyIcon } = require('../icons');
const React = require('react');
const { default: Card, Outlet } = require('.');
const { H4, P } = require('../text');
const { HealthyIcon } = require('../icons');
const { Health } = require('../icons');
<Card stacked shadow>
<Outlet>
@ -309,7 +308,7 @@ const { HealthyIcon } = require('../icons');
<H4>percona_primary</H4>
</div>
<P style={{ flex: '0 1 auto', alignSelf: 'stretch' }}>
<HealthyIcon width="18" /> Healthy
<Health width="18" healthy /> Healthy
</P>
</div>
</Outlet>
@ -322,7 +321,7 @@ const { HealthyIcon } = require('../icons');
const React = require('react');
const { default: Card, Outlet } = require('.');
const { H4, P } = require('../text');
const { HealthyIcon } = require('../icons');
const { Health } = require('../icons');
[
<Card marginBottom="6px">
@ -342,7 +341,7 @@ const { HealthyIcon } = require('../icons');
<H4>percona_secondary</H4>
</div>
<P style={{ flex: '0 1 auto', alignSelf: 'stretch' }}>
<HealthyIcon width="18" /> Healthy
<Health width="18" healthy /> Healthy
</P>
</div>
</Outlet>
@ -364,7 +363,7 @@ const { HealthyIcon } = require('../icons');
<H4>percona_secondary</H4>
</div>
<P style={{ flex: '0 1 auto', alignSelf: 'stretch' }}>
<HealthyIcon width="18" /> Healthy
<Health width="18" healthy /> Healthy
</P>
</div>
</Outlet>
@ -386,7 +385,7 @@ const { HealthyIcon } = require('../icons');
<H4>percona_secondary</H4>
</div>
<P style={{ flex: '0 1 auto', alignSelf: 'stretch' }}>
<HealthyIcon width="18" /> Healthy
<Health width="18" healthy /> Healthy
</P>
</div>
</Outlet>
@ -401,7 +400,7 @@ const React = require('react');
const { default: Card, Header, HeaderBox, HeaderMeta } = require('.');
const { Row, Col } = require('react-styled-flexboxgrid');
const { H4, P } = require('../text');
const { HealthyIcon, IconActions, DataCenterIcon } = require('../icons');
const { Health, Actions, DataCenter } = require('../icons');
[
<Card collapsed>
@ -413,18 +412,18 @@ const { HealthyIcon, IconActions, DataCenterIcon } = require('../icons');
</Col>
<Col xs={5} sm={2} md={2}>
<P>
<HealthyIcon /> Healthy
<Health healthy /> Healthy
</P>
</Col>
<Col xs={5} sm={2} md={2}>
<P>
<DataCenterIcon /> eu-ams-1
<DataCenter /> eu-ams-1
</P>
</Col>
</Row>
</HeaderMeta>
<HeaderBox border="left" actionable>
<IconActions />
<Actions />
</HeaderBox>
</Header>
</Card>

View File

@ -2,7 +2,7 @@ import React from 'react';
import unitcalc from 'unitcalc';
import theme from '../theme';
import Button from '../button';
import { CloseIcon } from '../icons';
import { Close } from '../icons';
const StyledCloseButton = Button.extend`
background-color: ${theme.white};
@ -27,7 +27,7 @@ const StyledCloseButton = Button.extend`
*/
const CloseButton = props => (
<StyledCloseButton {...props}>
<CloseIcon />
<Close />
</StyledCloseButton>
);

View File

@ -6,7 +6,7 @@ import styled from 'styled-components';
import unitcalc from 'unitcalc';
import Baseline from '../baseline';
import { PlusIcon, MinusIcon } from '../icons';
import { Plus, Minus } from '../icons';
import IconButton from '../icon-button';
const StyledContainer = styled.div`
@ -41,10 +41,10 @@ const NumberInput = BaseInput(props => {
<StyledContainer>
<StyledNumberInput {...props} marginRight={2} />
<IconButton onClick={handleMinusClick}>
<MinusIcon verticalAlign="middle" />
<Minus verticalAlign="middle" />
</IconButton>
<IconButton onClick={handlePlusClick} marginLeft={1}>
<PlusIcon verticalAlign="middle" />
<Plus verticalAlign="middle" />
</IconButton>
</StyledContainer>
);

View File

@ -1,6 +1,5 @@
import React from 'react';
import styled from 'styled-components';
import is from 'styled-is';
import remcalc from 'remcalc';
import { H2 } from '../text/headings';

View File

@ -7,24 +7,7 @@ const UL = styled.ul`
margin: 0;
display: flex;
list-style: none;
a {
padding: ${remcalc(15)};
line-height: ${remcalc(24)};
font-size: ${remcalc(15)};
color: ${props => props.theme.white};
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
transition: all 200ms ease;
max-height: ${remcalc(53)};
min-height: ${remcalc(53)};
box-sizing: border-box;
&:hover,
&.active {
background: rgba(255, 255, 255, 0.15);
}
}
color: ${props => props.theme.white};
`;
export default ({ children, ...rest }) => <UL {...rest}>{children}</UL>;

View File

@ -2,16 +2,26 @@
const React = require('react');
const { default: HeaderBrand } = require('./brand.js');
const { default: HeaderItem } = require('./item.js');
const { default: HeaderNav, HeaderAnchor } = require('./nav.js');
const { default: HeaderNav } = require('./nav.js');
const { Triton, DataCenter, User } = require('../icons');
<Header>
<HeaderBrand beta><TritonBetaIcon/></HeaderBrand>
<HeaderBrand beta>
<Triton />
</HeaderBrand>
<HeaderNav>
<li><HeaderAnchor href="#">Compute</HeaderAnchor></li>
<li><HeaderAnchor href="#" class="active">Network</HeaderAnchor></li>
<li>
Compute
</li>
</HeaderNav>
<HeaderItem>Return to existing portal</HeaderItem>
<HeaderItem><DataCenterIconLight/>eu-east-1</HeaderItem>
<HeaderItem><UserIconLight/>Nicola</HeaderItem>
<HeaderItem>
Return to existing portal
</HeaderItem>
<HeaderItem>
<DataCenter light />eu-east-1
</HeaderItem>
<HeaderItem>
<User light />Nicola
</HeaderItem>
</Header>
```

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import ActionsIconLight from './svg/icon_actions_light.svg';
export default ActionsIconLight;

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import ActionsIcon from './svg/icon_actions.svg';
export default ActionsIcon;

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import AffinityIcon from './svg/affinity.svg';
export default AffinityIcon;

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import ArrowIconLight from './svg/icon_arrow_light.svg';
export default ArrowIconLight;

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import ArrowIcon from './svg/icon_arrow.svg';
export default ArrowIcon;

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import BinIcon from './svg/icon_bin.svg';
export default BinIcon;

View File

@ -1,7 +0,0 @@
import Basealign from '../basealign';
// eslint-disable-next-line no-unused-vars
import React from 'react';
import ChevronIcon from './svg/icon_chevron.svg';
export default Basealign(ChevronIcon);

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import CloseIcon from './svg/icon_close_cross.svg';
export default CloseIcon;

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import CompletedIcon from './svg/icon_completed.svg';
export default CompletedIcon;

View File

@ -1,7 +0,0 @@
import Basealign from '../basealign';
// eslint-disable-next-line no-unused-vars
import React from 'react';
import DataCenterIconLight from './svg/icon_data_center_light.svg';
export default Basealign(DataCenterIconLight);

View File

@ -1,7 +0,0 @@
import Basealign from '../basealign';
// eslint-disable-next-line no-unused-vars
import React from 'react';
import DataCenterIcon from './svg/icon_data_center.svg';
export default Basealign(DataCenterIcon);

View File

@ -1,14 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import styled from 'styled-components';
import HealthyIcon from './svg/icon_healthy.svg';
const StyledHealthyIcon = styled(HealthyIcon)`
fill: ${props =>
!props.healthy || props.healthy === 'HEALTHY'
? props.theme.green
: props.theme.orange};
`;
export default StyledHealthyIcon;

View File

@ -6,31 +6,21 @@ import styled from 'styled-components';
import { default as Label } from '../label';
import {
IconActions,
IconActionsLight,
CloseIcon,
PlusIcon,
MinusIcon,
ArrowIcon,
ArrowIconLight,
TickIcon,
InstancesIcon,
InstancesIconLight,
HealthyIcon,
UnhealthyIcon,
BinIcon,
UserIcon,
UserIconLight,
DataCenterIcon,
DataCenterIconLight,
ChevronIcon,
TritonIcon,
TritonBetaIcon,
CompletedIcon,
PartCompletedIcon,
IncompleteIcon,
LoadingIcon,
ImportIcon
Actions,
Arrow,
Bin,
Checkcircle,
Chevron,
Close,
DataCenter,
Health,
Import,
Instances,
Loading,
Minus,
Plus,
Triton,
User
} from './';
const List = styled.ul`
@ -43,14 +33,14 @@ const List = styled.ul`
const Icon = styled.div`
width: ${remcalc(180)};
height: ${remcalc(180)};
border: ${remcalc(2)} solid #d8d8d8;
border: ${remcalc(2)} solid ${props => props.theme.grey};
align-items: center;
justify-content: center;
display: flex;
margin-bottom: ${remcalc(18)};
${is('dark')`
background: #464646;
background: ${props => props.theme.secondary};
`};
`;
@ -67,151 +57,151 @@ const Icons = () => (
<List>
<ListItem>
<Icon>
<ChevronIcon width="6" />
<Chevron width="6" />
</Icon>
<Label>Chevron</Label>
</ListItem>
<ListItem>
<Icon>
<ArrowIcon width="6" />
<Icon dark>
<Arrow width="6" light />
</Icon>
<Label>Arrow &gt; Light</Label>
</ListItem>
<ListItem>
<Icon dark>
<ArrowIconLight width="6" />
<Icon>
<Arrow width="6" />
</Icon>
<Label>Arrow &gt; Dark</Label>
</ListItem>
<ListItem>
<Icon>
<InstancesIcon width="18" />
<Instances width="18" />
</Icon>
<Label>Instances &gt; Dark</Label>
</ListItem>
<ListItem>
<Icon dark>
<InstancesIconLight width="18" />
<Instances width="18" light />
</Icon>
<Label>Instances &gt; Light</Label>
</ListItem>
<ListItem>
<Icon>
<LoadingIcon width="24" />
<Loading width="24" />
</Icon>
<Label>Loading</Label>
</ListItem>
<ListItem>
<Icon>
<CloseIcon width="9" height="13" />
<Close width="9" height="13" />
</Icon>
<Label>Close</Label>
</ListItem>
<ListItem>
<Icon>
<ImportIcon width="24" height="24" />
<Import width="24" height="24" />
</Icon>
<Label>Import</Label>
</ListItem>
<ListItem>
<Icon>
<IconActions width="4" height="16" />
</Icon>
<Label>Actions &gt; Light</Label>
</ListItem>
<ListItem>
<Icon dark>
<IconActionsLight width="4" height="16" />
<Actions width="4" height="16" />
</Icon>
<Label>Actions &gt; Dark</Label>
</ListItem>
<ListItem>
<Icon dark>
<Actions width="4" height="16" light />
</Icon>
<Label>Actions &gt; Light</Label>
</ListItem>
<ListItem>
<Icon>
<PlusIcon />
<Plus />
</Icon>
<Label>Plus</Label>
</ListItem>
<ListItem>
<Icon>
<MinusIcon />
<Minus />
</Icon>
<Label>Minus</Label>
</ListItem>
<ListItem>
<Icon>
<HealthyIcon width="18" />
<Health width="18" />
</Icon>
<Label>Healthy</Label>
</ListItem>
<ListItem>
<Icon>
<UnhealthyIcon width="18" />
<Health healthy={false} width="18" />
</Icon>
<Label>Chevron</Label>
<Label>Unhealthy</Label>
</ListItem>
<ListItem>
<Icon>
<TickIcon width="9" />
<Checkcircle checked width="9" />
</Icon>
<Label>Tick</Label>
</ListItem>
<ListItem>
<Icon>
<CompletedIcon width="18" />
<Checkcircle checked fill width="18" />
</Icon>
<Label>Completed</Label>
</ListItem>
<ListItem>
<Icon>
<PartCompletedIcon width="18" />
<Checkcircle checked border width="18" />
</Icon>
<Label>Part Completed</Label>
</ListItem>
<ListItem>
<Icon>
<IncompleteIcon width="18" />
<Checkcircle border width="18" />
</Icon>
<Label>Incomplete</Label>
</ListItem>
<ListItem>
<Icon>
<BinIcon width="18" />
<Bin width="18" />
</Icon>
<Label>Bin</Label>
</ListItem>
<ListItem>
<Icon>
<UserIcon />
<User />
</Icon>
<Label>User &gt; Dark</Label>
</ListItem>
<ListItem>
<Icon dark>
<UserIconLight />
<User light />
</Icon>
<Label>User &gt; Light</Label>
</ListItem>
<ListItem>
<Icon>
<DataCenterIcon width="9" height="13" />
<DataCenter width="9" height="13" />
</Icon>
<Label>Data Centre &gt; Dark</Label>
</ListItem>
<ListItem>
<Icon dark>
<DataCenterIconLight width="9" height="13" />
<DataCenter width="9" height="13" light />
</Icon>
<Label>Data Centre &gt; Light</Label>
</ListItem>
<ListItem>
<Icon dark>
<TritonIcon />
<Triton />
</Icon>
<Label>Triton Logo</Label>
</ListItem>
<ListItem>
<Icon dark>
<TritonBetaIcon />
<Triton beta />
</Icon>
<Label>Triton Beta Logo</Label>
</ListItem>

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import Import from './svg/import.svg';
export default Import;

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import IncompleteIcon from './svg/icon_incomplete.svg';
export default IncompleteIcon;

View File

@ -1,28 +1,41 @@
export { default as CloseIcon } from './close';
export { default as PlusIcon } from './plus';
export { default as MinusIcon } from './minus';
export { default as IconActions } from './actions';
export { default as IconActionsLight } from './actions-light';
export { default as ArrowIcon } from './arrow';
export { default as ArrowIconLight } from './arrow-light';
export { default as TickIcon } from './tick';
export { default as InstancesIcon } from './instances';
export { default as InstancesIconLight } from './instances-light';
export { default as HealthyIcon } from './healthy';
export { default as UnhealthyIcon } from './unhealthy';
export { default as BinIcon } from './bin';
export { default as UserIcon } from './user';
export { default as UserIconLight } from './user-light';
export { default as DataCenterIcon } from './data-center';
export { default as DataCenterIconLight } from './data-center-light';
export { default as DotIcon } from './dot';
export { default as ChevronIcon } from './chevron';
export { default as TritonIcon } from './triton';
export { default as TritonBetaIcon } from './triton-beta';
export { default as CompletedIcon } from './completed';
export { default as PartCompletedIcon } from './part-complete';
export { default as IncompleteIcon } from './incomplete';
export { default as LoadingIcon } from './loading';
export { default as ImportIcon } from './import';
export { default as AffinityIcon } from './affinity';
export { default as PackageIcon } from './package';
import Baseline from '../baseline';
import {
Actions as BaseActions,
Affinity as BaseAffinity,
Arrow as BaseArrow,
Bin as BaseBin,
Checkcircle as BaseCheckcircle,
Chevron as BaseChevron,
Close as BaseClose,
DataCenter as BaseDataCenter,
Dot as BaseDot,
Health as BaseHealth,
Import as BaseImport,
Instances as BaseInstances,
Loading as BaseLoading,
Minus as BaseMinus,
Package as BasePackage,
Plus as BasePlus,
Triton as BaseTriton,
User as BaseUser
} from 'joyent-icons';
export const Actions = Baseline(BaseActions);
export const Affinity = Baseline(BaseAffinity);
export const Arrow = Baseline(BaseArrow);
export const Bin = Baseline(BaseBin);
export const Checkcircle = Baseline(BaseCheckcircle);
export const Chevron = Baseline(BaseChevron);
export const Close = Baseline(BaseClose);
export const DataCenter = Baseline(BaseDataCenter);
export const Dot = Baseline(BaseDot);
export const Health = Baseline(BaseHealth);
export const Import = Baseline(BaseImport);
export const Instances = Baseline(BaseInstances);
export const Loading = Baseline(BaseLoading);
export const Minus = Baseline(BaseMinus);
export const Package = Baseline(BasePackage);
export const Plus = Baseline(BasePlus);
export const Triton = Baseline(BaseTriton);
export const User = Baseline(BaseUser);

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import InstancesIconLight from './svg/icon_instances_light.svg';
export default InstancesIconLight;

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import InstancesIcon from './svg/icon_instances.svg';
export default InstancesIcon;

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import LoadingIcon from './svg/icon_loading.svg';
export default LoadingIcon;

View File

@ -1,7 +0,0 @@
import Basealign from '../basealign';
// eslint-disable-next-line no-unused-vars
import React from 'react';
import MinusIcon from './svg/icon_minus.svg';
export default Basealign(MinusIcon);

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import PackageIcon from './svg/package.svg';
export default PackageIcon;

View File

@ -1,6 +0,0 @@
// eslint-disable-next-line no-unused-vars
import React from 'react';
import PartCompletedIcon from './svg/icon_part_completed.svg';
export default PartCompletedIcon;

View File

@ -1,7 +0,0 @@
import Basealign from '../basealign';
// eslint-disable-next-line no-unused-vars
import React from 'react';
import CloseIcon from './svg/icon_plus.svg';
export default Basealign(CloseIcon);

View File

@ -1,3 +0,0 @@
<svg width="27" height="18" viewBox="0 0 27 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path fill="#494949" fill-rule="evenodd" d="M 13.5039 16.7949C 12.1797 17.5625 10.6406 18 9 18C 4.03125 18 0 13.9707 0 9C 0 4.0293 4.03125 0 9 0C 10.6406 0 12.1797 0.4375 13.5039 1.20508C 14.8281 0.4375 16.3594 0 18 0C 22.9688 0 27 4.0293 27 9C 27 13.9707 22.9688 18 18 18C 16.3594 18 14.8281 17.5625 13.5039 16.7949ZM 11.7266 15.4492C 10.8906 15.8027 9.96875 16 9 16C 7.19531 16 5.55078 15.3164 4.30859 14.1953C 2.89062 12.9141 2 11.0605 2 9C 2 7.86133 2.27344 6.78516 2.75781 5.83398C 3.91016 3.55859 6.27344 2 9 2C 9.96484 2 10.8828 2.19531 11.7188 2.54883C 10.043 4.18359 9 6.47656 9 9C 9 11.5332 10.043 13.8145 11.7266 15.4492ZM 13.5 14.3613C 13.168 14.082 12.8594 13.7715 12.582 13.4355C 11.5938 12.2285 11 10.6836 11 9C 11 6.84766 11.9805 4.92969 13.5078 3.64453C 15.0312 4.92773 16 6.84961 16 9C 16 11.1523 15.0273 13.0762 13.5 14.3613ZM 15.2852 15.4395C 16.1211 15.791 17.0352 16 18 16C 21.8672 16 25 12.8652 25 9C 25 5.13477 21.8672 2 18 2C 17.0312 2 16.1016 2.1875 15.2656 2.54102C 16.9492 4.17578 18 6.4668 18 9C 18 11.5234 16.9609 13.8047 15.2852 15.4395Z"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -1 +0,0 @@
<svg width="4" height="16" viewBox="0 0 4 16" xmlns="http://www.w3.org/2000/svg"><path fill="#464646" fill-rule="evenodd" d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/><path style="transform:translateY(6px)" fill="#464646" fill-rule="evenodd" d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/><path style="transform:translateY(12px)" fill="#464646" fill-rule="evenodd" d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>

Before

Width:  |  Height:  |  Size: 396 B

View File

@ -1 +0,0 @@
<svg width="4" height="16" viewBox="0 0 4 16" xmlns="http://www.w3.org/2000/svg"><path fill="#FFF" fill-rule="evenodd" d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/><path style="transform:translateY(6px)" fill="#FFF" fill-rule="evenodd" d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/><path style="transform:translateY(12px)" fill="#FFF" fill-rule="evenodd" d="M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>

Before

Width:  |  Height:  |  Size: 387 B

View File

@ -1 +0,0 @@
<svg width="12" height="13" viewBox="0 0 12 13" xmlns="http://www.w3.org/2000/svg"><title>icon: alert</title><defs><linearGradient x1="49.967%" y1="100%" x2="49.967%" y2="0%" id="a"><stop stop-color="#E6E6E6" offset="0%"/><stop stop-color="#FFF" offset="100%"/></linearGradient></defs><path d="M27 33a1 1 0 0 1-1-1h2a1 1 0 0 1-1 1zm3.6-5.667c0 1.35 1.075 2.445 2.4 2.445V31H21v-1.222c1.325 0 2.4-1.095 2.4-2.445v-1.222a3.65 3.65 0 0 1 2.4-3.442v-1.447c0-.674.538-1.222 1.2-1.222.662 0 1.2.548 1.2 1.222v1.447a3.65 3.65 0 0 1 2.4 3.442v1.222z" transform="translate(-21 -20)" fill="url(#a)" fill-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 616 B

View File

@ -1 +0,0 @@
<svg width="9" height="6" viewBox="0 0 9 6" xmlns="http://www.w3.org/2000/svg"><title>arrow: right</title><path d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z" fill="#494949" fill-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 208 B

View File

@ -1 +0,0 @@
<svg width="9" height="6" viewBox="0 0 9 6" xmlns="http://www.w3.org/2000/svg"><title>arrow: right</title><path d="M9 1.386L7.648 0 4.5 3.228 1.352 0 0 1.386 4.5 6z" fill-rule="evenodd" fill="#FFF"/></svg>

Before

Width:  |  Height:  |  Size: 205 B

View File

@ -1 +0,0 @@
<svg width="12" height="17" viewBox="0 0 12 17" xmlns="http://www.w3.org/2000/svg"><title>icon: delete</title><path d="M4 0v1H0v2h12V1H8.001V0H4zM1 17h10V4H1v13z" fill-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 190 B

View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16"><defs><style>.cls-1{fill:#d8d8d8}.cls-2{fill:#fff}.cls-3{fill:url(#linear-gradient)}.cls-4{fill:#a2a2a2}</style><linearGradient id="linear-gradient" x1="8.5" y1="14" x2="8.5" y2="2" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e6e6e6"/><stop offset=".04" stop-color="#eaeaea"/><stop offset=".21" stop-color="#f6f6f6"/><stop offset=".43" stop-color="#fdfdfd"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><title>calendar_</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M1 2h15v14H1z"/><path class="cls-2" d="M0 1h17v14H0z"/><path class="cls-3" d="M1 2h15v12H1z"/><path class="cls-4" d="M3 4h2v2H3zm3 0h2v2H6zm3 0h2v2H9zm3 0h2v2h-2zM3 7h2v2H3zm3 0h2v2H6zm3 0h2v2H9zm3 0h2v2h-2zm-9 3h2v2H3zm3 0h2v2H6zm3 0h2v2H9z"/><path class="cls-4" d="M15 1V.5a.5.5 0 0 0-1 0V1H3V.5a.5.5 0 0 0-1 0V1H0v14h17V1zm1 13H1V2h1v.5a.5.5 0 0 0 1 0V2h11v.5a.5.5 0 0 0 1 0V2h1z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1015 B

View File

@ -1 +0,0 @@
<svg width="6" height="10" viewBox="0 0 6 10" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M1.12 0L0 1.36 3.496 4.8 0 8.24 1.12 9.6 6 4.8 1.12 0z" fill="#494949" opacity=".5"/></svg>

Before

Width:  |  Height:  |  Size: 201 B

View File

@ -1 +0,0 @@
<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><title>icon: close</title><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" fill="#494949" fill-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 308 B

View File

@ -1 +0,0 @@
<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path fill="#008138" fill-rule="evenodd" d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"/><path fill-rule="evenodd" fill="#FFF" d="M12.017 5l-3.896 5.336-1.487-2.109L5 9.379l3.091 4.389 5.541-7.589L12.017 5z"/></svg>

Before

Width:  |  Height:  |  Size: 291 B

View File

@ -1 +0,0 @@
<svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><title>icon: cpu</title><g fill="none" fill-rule="evenodd"><circle stroke="#8043DC" stroke-width="2" cx="24" cy="24" r="23"/><g fill="#8043DC"><path d="M20 28h8v-8h-8v8zm-1 1h10V19H19v10z"/><path d="M32 30c0 1.103-.897 2-2 2H18c-1.103 0-2-.897-2-2V18c0-1.103.897-2 2-2h12c1.103 0 2 .897 2 2v12zm3-5a1 1 0 1 0 0-2h-1v-1h1a1 1 0 1 0 0-2h-1v-2a4 4 0 0 0-4-4h-2v-1a1 1 0 1 0-2 0v1h-1v-1a1 1 0 1 0-2 0v1h-1v-1a1 1 0 1 0-2 0v1h-2a4 4 0 0 0-4 4v2h-1a1 1 0 1 0 0 2h1v1h-1a1 1 0 1 0 0 2h1v1h-1a1 1 0 1 0 0 2h1v2a4 4 0 0 0 4 4h2v1a1 1 0 1 0 2 0v-1h1v1a1 1 0 1 0 2 0v-1h1v1a1 1 0 1 0 2 0v-1h2a4 4 0 0 0 4-4v-2h1a1 1 0 1 0 0-2h-1v-1h1z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 723 B

View File

@ -1 +0,0 @@
<svg width="9" height="13" viewBox="0 0 9 13" xmlns="http://www.w3.org/2000/svg"><title>icon: data center</title><path d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z" fill="#464646" fill-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 245 B

View File

@ -1 +0,0 @@
<svg width="9" height="13" viewBox="0 0 9 13" xmlns="http://www.w3.org/2000/svg"><title>icon: data center</title><path d="M0 13h9V0H0v13zm2-2h5V2H2v9zm1-7h3.001V3H3v1zm0 2h3.001V5H3v1zm0 2h3.001V7H3v1z" fill="#FFF" fill-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 242 B

View File

@ -1 +0,0 @@
<svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><title>icon: disk</title><g fill="none" fill-rule="evenodd"><circle stroke="#A88A83" stroke-width="2" cx="24" cy="24" r="23"/><g fill="#A88A83"><path d="M32 31a1 1 0 0 1-1 1H17a1 1 0 0 1-1-1V17a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14zm-1-17H17a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V17a3 3 0 0 0-3-3z"/><path d="M24 29c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5m0-11a6 6 0 0 0 0 12 6 6 0 0 0 0-12"/><path d="M23 24a1 1 0 1 0 2 0 1 1 0 1 0-2 0z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 560 B

View File

@ -1 +0,0 @@
<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><title>icon: error</title><g fill="none" fill-rule="evenodd"><circle fill="#DA4B42" cx="9" cy="9" r="9"/><g fill="#FFF"><path d="M11.121 5.464l1.415 1.415-5.657 5.657-1.415-1.415z"/><path d="M12.536 11.121l-1.415 1.415-5.657-5.657L6.88 5.464z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 342 B

View File

@ -1 +0,0 @@
<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><title>icon: state</title><g fill-rule="evenodd"><circle cx="9" cy="9" r="9"/><path d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z" fill="#FFF"/></g></svg>

Before

Width:  |  Height:  |  Size: 335 B

View File

@ -1 +0,0 @@
<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" style="padding:1px"><path fill="#fff" fill-rule="evenodd" d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"/><path fill="#D8D8D8" d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"/></svg>

Before

Width:  |  Height:  |  Size: 402 B

View File

@ -1 +0,0 @@
<svg width="18" height="9" viewBox="0 0 18 9" xmlns="http://www.w3.org/2000/svg"><title>icon: instances</title><path d="M4.5 0a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m8.59 0c-.375 0-.739.047-1.09.12 2.184.456 3.818 2.239 3.818 4.38S14.184 8.424 12 8.88c.351.073.715.12 1.09.12C15.803 9 18 6.985 18 4.5S15.802 0 13.09 0M14 4.5C14 6.985 11.802 9 9.09 9c-.375 0-.739-.047-1.09-.12 2.184-.456 3.818-2.239 3.818-4.38S10.184.576 8 .12C8.351.047 8.715 0 9.09 0 11.803 0 14 2.015 14 4.5" fill-rule="evenodd" fill="#494949"/></svg>

Before

Width:  |  Height:  |  Size: 518 B

View File

@ -1 +0,0 @@
<svg width="18" height="9" viewBox="0 0 18 9" xmlns="http://www.w3.org/2000/svg"><title>icon: instances</title><path d="M4.5 0a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m8.59 0c-.375 0-.739.047-1.09.12 2.184.456 3.818 2.239 3.818 4.38S14.184 8.424 12 8.88c.351.073.715.12 1.09.12C15.803 9 18 6.985 18 4.5S15.802 0 13.09 0M14 4.5C14 6.985 11.802 9 9.09 9c-.375 0-.739-.047-1.09-.12 2.184-.456 3.818-2.239 3.818-4.38S10.184.576 8 .12C8.351.047 8.715 0 9.09 0 11.803 0 14 2.015 14 4.5" fill-rule="evenodd" fill="#FFF"/></svg>

Before

Width:  |  Height:  |  Size: 515 B

View File

@ -1 +0,0 @@
<svg width="24" height="6" viewBox="0 0 24 6" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Icons &gt; Loading</title><desc>Created using Figma</desc><use xlink:href="#a" fill="#3B46CC"/><use xlink:href="#a" transform="translate(9)" fill="#3B46CC" opacity=".5"/><use xlink:href="#a" transform="translate(18)" fill="#3B46CC" opacity=".25"/><defs><path id="a" fill-rule="evenodd" d="M0 0h6v6H0V0z"/></defs></svg>

Before

Width:  |  Height:  |  Size: 449 B

View File

@ -1 +0,0 @@
<svg width="8" height="2" viewBox="0 0 8 2" xmlns="http://www.w3.org/2000/svg"><title>icon: plus</title><path d="M0 0h8v2H0z" fill="#494949" fill-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 168 B

View File

@ -1 +0,0 @@
<svg width="18" height="18" viewBox="0 0 18 18" style="padding:1px" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" fill-rule="evenodd" d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z"/><path fill="#008138" d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z"/><path fill="#464646" fill-rule="evenodd" d="M12.316 5l-4.062 5.477-1.55-2.165L5 9.495 8.223 14 14 6.21 12.316 5z"/></svg>

Before

Width:  |  Height:  |  Size: 517 B

View File

@ -1 +0,0 @@
<svg width="8" height="8" viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg"><title>icon: plus</title><path d="M3 3H0v2h3v3h2V5h3V3H5V0H3v3z" fill="#494949" fill-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 186 B

View File

@ -1 +0,0 @@
<svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><title>icon: cpu</title><g fill="none" fill-rule="evenodd"><circle stroke="#32ABCF" stroke-width="2" cx="24" cy="24" r="23"/><path d="M19.197 24.354l2.121 2.12 1.414-1.413-2.121-2.122-1.414 1.415zm-2.122 2.12l2.122 2.122 1.414-1.414-2.121-2.121-1.415 1.414zm4.243-4.242l2.121 2.122 1.415-1.415-2.122-2.121-1.414 1.414zm2.121-2.121l2.122 2.121 1.414-1.414-2.121-2.121-1.415 1.414zm2.122-2.121l2.121 2.12 1.414-1.413-2.121-2.122-1.414 1.415zm-10.607 9.192l4.95 4.95 12.728-12.728-4.95-4.95-12.728 12.728zm14.85-.707a1 1 0 1 0 1.414-1.414l-.708-.707.708-.708.707.708a1 1 0 1 0 1.414-1.415l-.707-.707 1.414-1.414a2 2 0 0 0 0-2.828l-4.95-4.95a2 2 0 0 0-2.828 0L13.54 25.768a2 2 0 0 0 0 2.828l4.95 4.95a2 2 0 0 0 2.828 0l1.414-1.414.707.707a1 1 0 1 0 1.415-1.414l-.708-.707.708-.708.707.708a1 1 0 1 0 1.414-1.415l-.707-.707.707-.707.707.707a1 1 0 1 0 1.414-1.414l-.707-.707.707-.707.707.707z" fill="#32ABCF"/></g></svg>

Before

Width:  |  Height:  |  Size: 996 B

View File

@ -1 +0,0 @@
<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg"><title>tick</title><path d="M7.316 0L3.254 5.477l-1.55-2.165L0 4.495 3.223 9 9 1.21z" fill-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 192 B

View File

@ -1 +0,0 @@
<svg width="18" height="24" viewBox="0 0 18 24" xmlns="http://www.w3.org/2000/svg"><title>Fill 1</title><path d="M5 0L0 4v20h18V0H5zM2 5h3V2h11v20H2V5zm7 4.946l.044.054h-.088L9 9.946zm-1 1.207V17h2v-5.847l1.23 1.485 1.54-1.276L9 6.812l-3.77 4.55 1.54 1.276L8 11.153z" fill="#646464" fill-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 310 B

View File

@ -1 +0,0 @@
<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M12 12H0a5.958 5.958 0 0 1 1.485-3.552 1.368 1.368 0 0 1 1.726-.296 4.83 4.83 0 0 0 5.201-.248 1.384 1.384 0 0 1 1.75.152A5.968 5.968 0 0 1 12 12zM5.619 0a3.205 3.205 0 0 0-3.211 3.2c0 1.768 1.42 4 3.21 4s3.211-2.232 3.211-4A3.204 3.204 0 0 0 5.62 0z"/></svg>

Before

Width:  |  Height:  |  Size: 371 B

View File

@ -1 +0,0 @@
<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M12 12H0a5.958 5.958 0 0 1 1.485-3.552 1.368 1.368 0 0 1 1.726-.296 4.83 4.83 0 0 0 5.201-.248 1.384 1.384 0 0 1 1.75.152A5.968 5.968 0 0 1 12 12zM5.619 0a3.205 3.205 0 0 0-3.211 3.2c0 1.768 1.42 4 3.21 4s3.211-2.232 3.211-4A3.204 3.204 0 0 0 5.62 0z" fill="#fff"/></svg>

Before

Width:  |  Height:  |  Size: 383 B

View File

@ -1,26 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Import</title>
<desc>Created using Figma</desc>
<g id="Canvas" transform="translate(-2061 2768)">
<clipPath id="clip-0" clip-rule="evenodd">
<path d="M 2061 -2768L 2085 -2768L 2085 -2744L 2061 -2744L 2061 -2768Z" fill="#FFFFFF"/>
</clipPath>
<g id="Import" clip-path="url(#clip-0)">
<path d="M 2061 -2768L 2085 -2768L 2085 -2744L 2061 -2744L 2061 -2768Z" fill="#FFFFFF"/>
<g id="Bottom">
<use xlink:href="#path0_fill" transform="translate(2061 -2754)" fill="#464646"/>
</g>
<g id="Line">
<use xlink:href="#path1_fill" transform="matrix(1 0 0 1 2072 -2768)" fill="#464646"/>
</g>
<g id="Arrow">
<use xlink:href="#path2_fill" transform="translate(2067.29 -2755)" fill="#464646"/>
</g>
</g>
</g>
<defs>
<path id="path0_fill" fill-rule="evenodd" d="M 0 0L 2 0L 2 8L 22 8L 22 0L 24 0L 24 10L 22 10L 2 10L 0 10L 0 0Z"/>
<path id="path1_fill" fill-rule="evenodd" d="M 0 0L 2 0L 2 18L 0 18L 0 0Z"/>
<path id="path2_fill" fill-rule="evenodd" d="M 1.41431 0L 0 1.41431L 4.29468 5.70557L 4.94971 6.36401L 5.70874 7.11987L 11.4143 1.41455L 10 0.000244141L 5.70728 4.29297L 1.41431 0Z"/>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -1,3 +0,0 @@
<svg width="24" height="22" viewBox="0 0 24 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path fill="#494949" fill-rule="evenodd" d="M 10.1387 0.000962711C 10.0979 0.00784194 10.0579 0.0194454 10.0197 0.035497L 1.5726 3.37669C 1.2804 3.49228 1.14214 3.89611 1.30066 4.17097L 2.9408 6.97688L 0.17042 9.40292C -0.112742 9.64681 -0.0283339 10.1916 0.314877 10.3353L 3.10225 11.5095L 3.10225 17.3026C 3.11612 17.6517 3.25796 17.8121 3.53566 17.9329L 12.9006 21.6194C 13.0356 21.6744 13.1926 21.6713 13.3255 21.6108L 21.3392 17.907C 21.6256 17.7472 21.6758 17.6281 21.7046 17.3027L 21.7046 11.734L 23.1662 10.9311C 23.4139 10.7939 23.5186 10.4423 23.3872 10.1886L 21.832 7.19279L 23.8631 5.0603C 24.1168 4.79718 24.0002 4.27878 23.6591 4.15378L 14.8126 0.924822C 14.7605 0.907997 14.7058 0.899242 14.6512 0.898938C 14.5242 0.892418 14.3954 0.932933 14.2942 1.01117L 12.0933 2.75515L 10.6911 0.268688C 10.589 0.0956018 10.3878 -0.0118135 10.1897 0.00104702C 10.1728 0.000218201 10.1557 0.000218201 10.1387 0.00104702L 10.1387 0.000962711ZM 9.97721 1.23556L 11.1584 3.31625L 3.87559 6.39843L 2.56689 4.17097L 9.97721 1.23556ZM 14.7276 2.07302L 22.4949 4.90483L 21.0162 6.45024L 13.028 3.41122L 14.7276 2.07302ZM 11.9488 4.17961L 19.7415 7.14955L 13.0875 10.2231L 5.09931 7.08049L 11.9488 4.17961ZM 3.73962 7.73664L 12.0082 10.9829L 9.44185 13.0031L 1.54711 9.66192L 3.73962 7.73664ZM 20.9142 7.81434L 22.1719 10.2231L 15.518 13.8837L 13.8778 11.0692L 20.9142 7.81434ZM 12.5606 11.9498L 12.5606 20.2985L 4.19001 17.0005L 4.19001 11.9757L 9.32285 14.1427C 9.49675 14.216 9.70786 14.1887 9.85824 14.0737L 12.5606 11.9498ZM 20.6168 12.3383L 20.6168 17.0264L 13.6484 20.2467L 13.6484 12.8563L 14.8466 14.9025C 14.9874 15.1483 15.3318 15.246 15.5774 15.1097L 20.6168 12.3383Z"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -1,18 +0,0 @@
<svg width="105" height="30" viewBox="0 0 105 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Group</title>
<desc>Created using Figma</desc>
<g id="Canvas" transform="translate(26223 1404)">
<g id="Group">
<g id="Beta">
<use xlink:href="#path0_fill" transform="translate(-26177 -1383)" fill="#FFFFFF"/>
</g>
<g id="logo">
<use xlink:href="#path1_fill" transform="translate(-26223 -1404)" fill="#FDFDFD"/>
</g>
</g>
</g>
<defs>
<path id="path0_fill" d="M 33.7583 0.147461L 35.9766 0.147461C 37.0186 0.147461 37.7723 0.303223 38.2378 0.614746C 38.7033 0.92627 38.936 1.41862 38.936 2.0918C 38.936 2.55729 38.8053 2.94222 38.5439 3.24658C 38.2861 3.54736 37.9084 3.74251 37.4106 3.83203L 37.4106 3.88574C 38.603 4.08984 39.1992 4.71647 39.1992 5.76562C 39.1992 6.46745 38.9611 7.0153 38.4849 7.40918C 38.0122 7.80306 37.3498 8 36.4976 8L 33.7583 8L 33.7583 0.147461ZM 34.6714 3.50977L 36.1753 3.50977C 36.8198 3.50977 37.2835 3.40951 37.5664 3.20898C 37.8493 3.00488 37.9907 2.66292 37.9907 2.18311C 37.9907 1.74268 37.8332 1.42578 37.5181 1.23242C 37.203 1.03548 36.7017 0.937012 36.0142 0.937012L 34.6714 0.937012L 34.6714 3.50977ZM 34.6714 4.2832L 34.6714 7.22119L 36.3096 7.22119C 36.9434 7.22119 37.4196 7.09945 37.7383 6.85596C 38.0605 6.60889 38.2217 6.22396 38.2217 5.70117C 38.2217 5.21419 38.057 4.85612 37.7275 4.62695C 37.4017 4.39779 36.904 4.2832 36.2344 4.2832L 34.6714 4.2832ZM 43.2437 8.10742C 42.3735 8.10742 41.686 7.84245 41.1812 7.3125C 40.6799 6.78255 40.4292 6.04671 40.4292 5.10498C 40.4292 4.15609 40.6619 3.40234 41.1274 2.84375C 41.5965 2.28516 42.2249 2.00586 43.0127 2.00586C 43.7503 2.00586 44.334 2.24935 44.7637 2.73633C 45.1934 3.21973 45.4082 3.85889 45.4082 4.65381L 45.4082 5.21777L 41.353 5.21777C 41.3709 5.90885 41.5446 6.43343 41.874 6.7915C 42.207 7.14958 42.6743 7.32861 43.2759 7.32861C 43.9097 7.32861 44.5363 7.19613 45.1558 6.93115L 45.1558 7.72607C 44.8407 7.86214 44.5417 7.95882 44.2588 8.01611C 43.9795 8.07699 43.6411 8.10742 43.2437 8.10742ZM 43.002 2.75244C 42.5293 2.75244 42.1515 2.90641 41.8687 3.21436C 41.5894 3.5223 41.4246 3.94841 41.3745 4.49268L 44.4521 4.49268C 44.4521 3.9305 44.3268 3.50081 44.0762 3.20361C 43.8255 2.90283 43.4674 2.75244 43.002 2.75244ZM 48.835 7.37158C 48.9925 7.37158 49.1447 7.36084 49.2915 7.33936C 49.4383 7.31429 49.5547 7.28923 49.6406 7.26416L 49.6406 7.94629C 49.5439 7.99284 49.4007 8.03044 49.2109 8.05908C 49.0247 8.09131 48.8564 8.10742 48.7061 8.10742C 47.5674 8.10742 46.998 7.50765 46.998 6.30811L 46.998 2.80615L 46.1548 2.80615L 46.1548 2.37646L 46.998 2.00586L 47.374 0.749023L 47.8896 0.749023L 47.8896 2.11328L 49.5977 2.11328L 49.5977 2.80615L 47.8896 2.80615L 47.8896 6.27051C 47.8896 6.625 47.9738 6.89714 48.1421 7.08691C 48.3104 7.27669 48.5413 7.37158 48.835 7.37158ZM 54.4424 8L 54.2651 7.16211L 54.2222 7.16211C 53.9285 7.53092 53.6349 7.78158 53.3413 7.91406C 53.0513 8.04297 52.6878 8.10742 52.251 8.10742C 51.6673 8.10742 51.209 7.95703 50.876 7.65625C 50.5465 7.35547 50.3818 6.92757 50.3818 6.37256C 50.3818 5.18376 51.3325 4.56071 53.2339 4.50342L 54.2329 4.47119L 54.2329 4.10596C 54.2329 3.64404 54.1326 3.30387 53.9321 3.08545C 53.7352 2.86344 53.4183 2.75244 52.9814 2.75244C 52.4909 2.75244 51.9359 2.90283 51.3164 3.20361L 51.0425 2.52148C 51.3325 2.36393 51.6494 2.2404 51.9932 2.15088C 52.3405 2.06136 52.6878 2.0166 53.0352 2.0166C 53.737 2.0166 54.2562 2.17236 54.5928 2.48389C 54.9329 2.79541 55.103 3.29492 55.103 3.98242L 55.103 8L 54.4424 8ZM 52.4282 7.37158C 52.9832 7.37158 53.4183 7.2194 53.7334 6.91504C 54.0521 6.61068 54.2114 6.18457 54.2114 5.63672L 54.2114 5.10498L 53.3198 5.14258C 52.6108 5.16764 52.0988 5.27865 51.7837 5.47559C 51.4722 5.66895 51.3164 5.97152 51.3164 6.3833C 51.3164 6.70557 51.4131 6.95085 51.6064 7.11914C 51.8034 7.28743 52.0773 7.37158 52.4282 7.37158Z"/>
<path id="path1_fill" fill-rule="evenodd" d="M 81 9.49793C 81 4.25232 76.7461 5.90949e-07 71.5 5.90949e-07C 66.252 -0.00183046 62 4.25171 62 9.49793C 62 14.7435 66.2539 18.9958 71.5 18.9958C 76.7461 18.9958 81 14.7435 81 9.49793ZM 16.2266 0.99585L 0.773438 0.99585C 0.345703 0.99585 0 1.34168 0 1.76819L 0 4.86169C 0 5.09143 0.0996094 5.29773 0.259766 5.43921C 0.308594 5.48181 0.361328 5.51856 0.417969 5.54822C 0.523438 5.60303 0.644531 5.63403 0.773438 5.63403L 5.38281 5.63403C 5.80469 5.63391 6.14844 5.96997 6.15625 6.39026L 6.15625 17.2235C 6.15625 17.4979 6.29883 17.739 6.51562 17.876C 6.56445 17.9071 6.61719 17.9327 6.67383 17.9523L 6.78906 17.983C 6.83398 17.9915 6.88086 17.9958 6.92969 17.9958L 10.0215 17.9958C 10.4492 17.9958 10.7949 17.65 10.7949 17.2235L 10.7949 6.39026C 10.7949 5.96362 11.1406 5.61792 11.5684 5.61792L 16.248 5.61792C 16.4941 5.61145 16.7109 5.48962 16.8477 5.30469C 16.9414 5.17932 16.998 5.0249 17 4.85767L 17 1.76819C 17 1.34168 16.6543 0.99585 16.2266 0.99585ZM 33 1.76819L 33 4.86169C 33 5.28821 32.6504 5.63403 32.2168 5.63403L 25.4941 5.63403C 25.0605 5.63403 24.7109 5.97986 24.7109 6.40637L 24.7109 17.2235C 24.7109 17.65 24.3594 17.9958 23.9277 17.9958L 20.7871 17.9958C 20.5781 17.9969 20.3789 17.916 20.2305 17.771C 20.084 17.6261 20 17.4291 20 17.2235L 20 5.63001C 20.002 3.06995 22.1074 0.99585 24.7031 0.99585L 32.2168 0.99585C 32.6504 0.99585 33 1.34168 33 1.76819ZM 40.1719 0.99585L 36.834 0.99585C 36.6113 0.99585 36.4102 1.07593 36.2598 1.20654C 36.2188 1.24182 36.1816 1.28076 36.1504 1.32275L 36.0938 1.40906C 36.0352 1.51636 36 1.63855 36 1.76819L 36 17.2235C 36 17.65 36.373 17.9958 36.834 17.9958L 40.166 17.9958C 40.627 17.9958 41 17.65 41 17.2235L 41 1.76819C 41 1.34168 40.627 0.99585 40.1719 0.99585ZM 43.7715 0.99585L 59.2207 0.99585C 59.3535 0.99585 59.4785 1.02844 59.5879 1.08594C 59.7109 1.15112 59.8145 1.24829 59.8867 1.36633C 59.959 1.4834 60 1.62097 60 1.76819L 60 4.84546C 60 5.2721 59.6543 5.6178 59.2285 5.6178L 54.5664 5.6178C 54.1406 5.6178 53.7949 5.96362 53.7949 6.39026L 53.7949 17.2234C 53.7949 17.4678 53.6816 17.6857 53.5039 17.8271C 53.373 17.9326 53.2051 17.9957 53.0215 17.9957L 49.9297 17.9957C 49.7227 17.999 49.5234 17.9191 49.375 17.7739C 49.3105 17.7108 49.2598 17.6377 49.2207 17.5582C 49.1719 17.4547 49.1445 17.3405 49.1445 17.2234L 49.1445 6.39026C 49.1367 5.96997 48.793 5.63391 48.373 5.63403L 43.7715 5.63403C 43.3457 5.63403 43 5.28821 43 4.86169L 43 1.76819C 43 1.34168 43.3457 0.99585 43.7715 0.99585ZM 84 1.76819C 84 1.34168 84.3438 0.99585 84.7695 0.99585L 96.3809 0.99585C 98.9297 0.99585 100.998 3.06995 101 5.63001L 101 17.2235C 101 17.65 100.656 17.9958 100.23 17.9958L 97.1504 17.9958C 97.0039 17.9958 96.8691 17.9552 96.752 17.8846C 96.7148 17.8619 96.6797 17.8362 96.6465 17.8076C 96.584 17.7534 96.5312 17.6895 96.4883 17.618C 96.4199 17.5026 96.3809 17.3677 96.3809 17.2235L 96.3809 6.39026C 96.3809 5.96521 96.0391 5.62012 95.6152 5.61792L 89.3887 5.61792C 88.9648 5.61792 88.6191 5.96362 88.6191 6.39026L 88.6191 17.2235C 88.6191 17.65 88.2754 17.9958 87.8496 17.9958L 84.7695 17.9958C 84.5996 17.9958 84.4434 17.9408 84.3164 17.8474C 84.125 17.7069 84 17.4799 84 17.2235L 84 1.76819ZM 71.5 4.99585C 69.0156 4.99585 67 7.01062 67 9.49585C 67 11.9811 69.0156 13.9959 71.5 13.9959C 73.9844 13.9959 76 11.9811 76 9.49585C 75.998 7.01148 73.9844 4.99817 71.5 4.99585ZM 102.613 1.14209L 103 1.14209L 103 1.98145L 103.314 1.98145L 103.314 1.40503L 103.314 1.22925L 103.865 1.99585L 104.119 1.98145L 104.67 1.21777L 104.67 1.40503L 104.67 1.98145L 105 1.98145L 105 0.99585L 104.555 0.99585L 104.002 1.76245L 103.49 0.99585L 103 0.99585L 102 0.99585L 102 1.14209L 102.387 1.14209L 102.387 1.99585L 102.617 1.99585L 102.613 1.14209Z"/>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 7.5 KiB

View File

@ -1 +0,0 @@
<svg width="105" height="19" viewBox="0 0 105 19" xmlns="http://www.w3.org/2000/svg"><path fill="#FDFDFD" fill-rule="evenodd" d="M81 9.502C81 4.256 76.747.004 71.5.004V0C66.253.002 62 4.256 62 9.502S66.253 19 71.5 19 81 14.748 81 9.502zM16.227 1H.773A.773.773 0 0 0 0 1.772v3.094c0 .426.346.772.773.772h4.61c.421 0 .765.336.773.756v10.834c0 .426.346.772.773.772h3.093a.773.773 0 0 0 .773-.772V6.394c0-.426.346-.772.773-.772h4.68a.773.773 0 0 0 .752-.76v-3.09A.773.773 0 0 0 16.227 1zM33 1.772v3.094c0 .426-.35.772-.783.772h-6.723a.778.778 0 0 0-.784.773v10.817c0 .426-.35.772-.783.772h-3.14a.788.788 0 0 1-.726-.472.763.763 0 0 1-.061-.3V5.634C20.002 3.074 22.107 1 24.702 1h7.515c.432 0 .783.346.783.772zM40.167 1h-3.334c-.46 0-.833.346-.833.772v15.456c0 .426.373.772.833.772h3.334c.46 0 .833-.346.833-.772V1.772c0-.426-.373-.772-.833-.772zm3.605 0h15.456c.426 0 .772.346.772.772V4.85a.772.772 0 0 1-.772.772h-4.662a.772.772 0 0 0-.772.772v10.833a.772.772 0 0 1-.772.773H49.93a.775.775 0 0 1-.784-.773V6.394a.772.772 0 0 0-.772-.756h-4.6A.772.772 0 0 1 43 4.866V1.772c0-.426.346-.772.772-.772zM84 1.772A.77.77 0 0 1 84.77 1h11.61c2.55 0 4.618 2.074 4.62 4.634v11.594a.77.77 0 0 1-.769.772H97.15a.77.77 0 0 1-.77-.772V6.394a.77.77 0 0 0-.765-.772H89.39a.77.77 0 0 0-.77.772v10.834a.77.77 0 0 1-.769.772h-3.08a.77.77 0 0 1-.77-.772V1.772zM71.5 5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9zm31.112-3.854H103v.84h.314v-.753l.551.767.253-.014.551-.764v.764H105V1h-.446l-.551.767L103.49 1H102v.146h.388V2h.228l-.004-.854z"/></svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

Some files were not shown because too many files have changed in this diff Show More