upstream/vault
1
0
Fork 0
mirror of https://github.com/hashicorp/vault.git synced 2026-02-18 18:38:08 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Chore/remove ember svg jar (#30181)

Browse source 
* bump hds to latest version

* disable ember-svg-jar

* fix mfa

* remove ember svg jar dep and cleanup

* cleanup old svgs and fix icon test

* add changelog

* rebuild yarn.lock
This commit is contained in:
Evan Moncuso 2025-04-23 09:27:01 -07:00 committed by GitHub
parent d3ff069c9f
commit 21f772d9d1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
31 changed files with 299 additions and 2011 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
changelog/30181.txt Normal file
View file

@ -0,0 +1,3 @@
```release-note:improvement
ui: remove ember-svg-jar dependency
```

4
ui/app/controllers/vault/cluster/access/mfa/methods/create.js
View file

@ -19,9 +19,9 @@ export default class MfaMethodCreateController extends Controller {
queryParams = ['type'];
methods = [
{ name: 'TOTP', icon: 'history' },
{ name: 'Duo', icon: 'duo' },
{ name: 'Duo', icon: 'duo-color' },
{ name: 'Okta', icon: 'okta-color' },
{ name: 'PingID', icon: 'pingid' },
{ name: 'PingID', icon: 'ping-identity-color' },
];
@tracked type = null;

4
ui/app/models/mfa-method.js
View file

@ -172,6 +172,10 @@ export default class MfaMethod extends Model {
switch (this.type) {
case 'totp':
return 'history';
case 'pingid':
return 'ping-identity-color';
case 'duo':
return 'duo-color';
default:
return this.type;
}

23
ui/app/styles/components/init-illustration.scss
View file

@ -1,23 +0,0 @@
/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
.init-box {
position: relative;
z-index: 10;
}
.init-illustration {
bottom: 0;
right: 0;
overflow: hidden;
position: absolute;
height: 200px;
width: 200px;
}
.init-illustration svg {
position: absolute;
right: -50px;
bottom: -50px;
opacity: 0.8;
}

1
ui/app/styles/core.scss
View file

@ -69,7 +69,6 @@
@use 'components/form-section';
@use 'components/global-flash';
@use 'components/icon';
@use 'components/init-illustration';
@use 'components/info-table-row';
@use 'components/kmip-role-edit';
@use 'components/known-secondaries-card.scss';

2
ui/app/templates/components/mfa/method-list-item.hbs
View file

@ -11,7 +11,7 @@
<div class="level is-mobile">
<div class="level-left">
<div class="is-flex-row">
<Icon @size="24" @name={{@model.icon}} class="has-text-grey" data-test-mfa-method-list-icon={{@model.type}} />
<Hds::Icon @size="24" @name={{@model.icon}} class="has-text-grey" data-test-mfa-method-list-icon={{@model.type}} />
<div>
<span class="has-text-weight-semibold has-text-black">
{{@model.name}}

3
ui/app/templates/vault/cluster/init.hbs
View file

@ -209,9 +209,6 @@
type="submit"
disabled={{this.loading}}
/>
<div class="init-illustration">
{{svg-jar "initialize"}}
</div>
</div>
</form>
{{/if}}

5
ui/ember-cli-build.js
View file

@ -22,11 +22,6 @@ const appConfig = {
babel: {
plugins: [require.resolve('ember-concurrency/async-arrow-task-transform')],
},
svgJar: {
optimizer: {},
sourceDirs: ['public'],
rootURL: '/ui/',
},
fingerprint: {
exclude: ['images/'],
},

8
ui/lib/core/addon/components/icon.hbs
View file

@ -3,10 +3,4 @@
SPDX-License-Identifier: BUSL-1.1
}}
{{#if this.isHdsIcon}}
<Hds::Icon @name={{@name}} @size={{this.size}} @stretched={{@stretched}} @isInline={{true}} ...attributes />
{{else}}
<span class="hs-icon {{this.hsIconClass}}" aria-hidden="true" ...attributes>
{{svg-jar @name}}
</span>
{{/if}}
<Hds::Icon @name={{@name}} @size={{(or @size "16")}} @stretched={{@stretched}} @isInline={{true}} ...attributes />

19
ui/lib/core/addon/components/icon.js
View file

@ -5,8 +5,6 @@
import Component from '@glimmer/component';
import { assert } from '@ember/debug';
import flightIconMap from '@hashicorp/flight-icons/catalog.json';
const flightIconNames = flightIconMap.assets.map((asset) => asset.iconName).uniq();
/**
* @module Icon
@ -23,23 +21,14 @@ const flightIconNames = flightIconMap.assets.map((asset) => asset.iconName).uniq
*
*/
// TODO - deprecate and remove this after migrating all `<Icon />` instances to `<Hds::Icon />`
export default class IconComponent extends Component {
constructor(owner, args) {
super(owner, args);
assert('Icon component size argument must be either "16" or "24"', ['16', '24'].includes(this.size));
assert('Icon name argument must be provided', this.args.name);
}
get size() {
return this.args.size || '16';
}
const { name, size = '16' } = args;
// favor HDS icon set and fall back to structure icons if not found
get isHdsIcon() {
return this.args.name ? flightIconNames.includes(this.args.name) : false;
}
get hsIconClass() {
return this.size === '24' ? 'hs-icon-xlm' : 'hs-icon-l';
assert('Icon component size argument must be either "16" or "24"', ['16', '24'].includes(size));
assert('Icon name argument must be provided', name);
}
}

229
ui/lib/core/icon-mappings.js
View file

@ -1,229 +0,0 @@
/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
// icons that exist in the public folder which are not part of the Structure set
// values represent match to icon in Flight set with null representing no match
export const localIconMap = {
hashicorp: null,
loop: 'sync',
reply: 'corner-up-left',
console: 'terminal-screen',
pki: 'file-text',
replication: 'replication-direct',
'perf-replication': 'replication-perf',
'status-indicator': 'circle-dot',
tour: null,
approle: 'cpu',
cert: 'certificate',
consul: null,
gcpkms: 'gcp-color',
kmip: 'unlock',
kv: 'key-values',
ldap: 'user',
okta: 'okta-color',
radius: 'user',
ssh: 'terminal-screen',
totp: 'history',
duo: null,
pingid: null,
transit: 'swap-horizontal',
userpass: 'identity-user',
stopwatch: 'clock',
'vault-logo': null,
auth: 'user',
'android-sync': 'sync-reverse',
};
// complete list of Structure icons mapped to their Flight counterpart
// null values represent no direct correlation to icon in Flight set
// Flight icon lookup @ https://flight-hashicorp.vercel.app/
export const structureIconMap = {
'alert-circle-fill': 'alert-circle-fill',
'alert-circle-outline': 'alert-circle',
'alert-triangle': 'alert-triangle-fill',
'arrow-down': 'arrow-down',
'arrow-left': 'arrow-left',
'arrow-right': 'arrow-right',
'arrow-up': 'arrow-up',
bolt: 'zap',
'box-check-fill': 'check-square-fill',
'box-outline': 'square',
broadcast: 'radio',
bug: 'bug',
calendar: 'calendar',
'cancel-circle-fill': 'x-circle-fill',
'cancel-circle-outline': 'x-circle',
'cancel-plain': 'x',
'cancel-square-fill': 'x-square-fill',
'cancel-square-outline': 'x-square',
'caret-down': null,
'caret-up': null,
'check-circle-fill': 'check-circle-fill',
'check-circle-outline': 'check-circle',
'check-plain': 'check',
'chevron-down': 'chevron-down',
'chevron-left': 'chevron-left',
'chevron-right': 'chevron-right',
'chevron-up': 'chevron-up',
'clock-fill': null,
'clock-outline': 'clock',
'cloud-fail': 'cloud-x',
code: 'code',
console: 'terminal',
'copy-action': 'clipboard-copy',
'copy-success': 'clipboard-checked',
database: 'database',
delay: 'delay',
'deny-alt': null,
'deny-default': null,
disabled: 'skip',
docs: 'docs-link',
dot: 'circle-fill',
download: 'download',
edit: 'pencil-tool',
'envelope-sealed-fill': null,
'envelope-sealed-outline': 'mail',
'envelope-unsealed--outline': 'mail-open',
'envelope-unsealed-fill': null,
exit: 'external-link',
'expand-less': 'minimize',
'expand-more': 'maximize',
'file-error': 'file-x',
'file-fill': 'file-text',
'file-outline': 'file',
'file-success': 'file-check',
filter: 'filter',
flag: 'flag',
'folder-fill': 'folder-fill',
'folder-outline': 'folder',
gateway: 'gateway',
'gift-fill': null,
'gift-outline': 'gift',
'git-branch': 'git-branch',
'git-commit': 'git-commit',
'git-pull-request': 'git-pull-request',
'git-repository': 'git-repo',
guide: 'guide',
health: 'activity',
'help-circle-fill': null,
'help-circle-outline': 'help',
history: 'history',
'info-circle-fill': null,
'info-circle-outline': 'info',
key: 'key',
layers: 'layers',
leader: 'star-circle',
learn: 'learn-link',
link: 'link',
loading: '',
'lock-closed-fill': 'lock-fill',
'lock-closed-outline': 'lock',
'lock-closed': 'lock-fill',
'lock-disabled': 'lock-disabled',
'lock-open-outline': 'unlock',
'lock-open': 'unlock',
'logo-aws-color': 'aws-color',
'logo-aws-monochrome': 'aws',
'logo-alicloud-color': 'alibaba-color',
'logo-alicloud-monochrome': 'alibaba',
'logo-auth0-color': 'auth0-color',
'logo-auth0-monochrome': 'auth0',
'logo-azure-color': 'azure-color',
'logo-azure-monochrome': 'azure',
'logo-azure-dev-ops-color': 'azure-devops-color',
'logo-azure-dev-ops-monochrome': 'azure-devops',
'logo-bitbucket-color': 'bitbucket-color',
'logo-bitbucket-monochrome': 'bitbucket',
'logo-f5-color': 'f5-color',
'logo-f5-monochrome': 'f5',
'logo-gcp-color': 'gcp-color',
'logo-gcp-monochrome': 'gcp',
'logo-github-color': 'github-color',
'logo-github-monochrome': 'github',
'logo-gitlab-color': 'gitlab-color',
'logo-gitlab-monochrome': 'gitlab',
'logo-google-color': 'google-color',
'logo-google-monochrome': 'google',
'logo-kubernetes-color': 'kubernetes-color',
'logo-kubernetes-monochrome': 'kubernetes',
'logo-microsoft-color': 'microsoft-color',
'logo-microsoft-monochrome': 'microsoft',
'logo-okta-color': 'okta-color',
'logo-okta-monochrome': 'okta',
'logo-oracle-color': 'oracle-color',
'logo-oracle-monochrome': 'oracle',
'logo-slack-color': 'slack-color',
'logo-slack-monochrome': 'slack',
'logo-vmware-color': 'vmware-color',
'logo-vmware-monochrome': 'vmware',
menu: 'menu',
mesh: 'mesh',
'message-fill': 'message-square-fill',
'message-outline': 'message-square-fill',
message: 'message-square-fill',
'minus-circle-fill': null,
'minus-circle-outline': 'minus-circle',
'minus-plain': 'minus',
'minus-square-fill': 'minus-square',
module: 'module',
'more-horizontal': 'more-horizontal',
'more-vertical': 'more-vertical',
network: 'network',
'notification-disabled': 'notification-disabled',
'notification-fill': 'notification-fill',
'notification-outline': 'bell',
outline: 'outline',
'page-outline': 'outline',
path: 'path',
'play-fill': 'play-circle',
'play-outline': 'play-circle',
'play-plain': 'play',
'plus-circle-fill': null,
'plus-circle-outline': 'plus-circle',
'plus-plain': 'plus',
'plus-square-fill': 'plus-square',
provider: 'provider',
'public-default': 'globe',
'public-locked': 'globe-private',
queue: 'queue',
'radio-button-checked': 'circle-dot',
'radio-button-unchecked': 'circle',
random: 'random',
redirect: 'redirect',
'refresh-alert': 'refresh-alert',
'refresh-default': 'reload',
remix: 'shuffle',
ribbon: 'award',
run: '',
search: 'search',
server: 'server',
settings: 'settings',
sort: 'sort-desc',
'source-file': 'file-source',
'star-fill': 'star-fill',
'star-outline': 'star',
'sub-left': 'corner-down-left',
'sub-right': 'corner-down-right',
support: 'support',
'swap-horizontal': 'swap-horizontal',
'swap-vertical': 'swap-vertical',
syncing: 'syncing',
tag: 'tag',
tokens: 'token',
trash: 'trash',
tune: 'sliders',
'unfold-less': 'unfold-close',
'unfold-more': 'unfold-open',
upload: 'upload',
'user-add': 'user-plus',
'user-organization': 'org',
'user-plain': 'user',
'user-square-fill': 'user-circle-fill',
'user-square-outline': 'user-circle',
'user-team': 'users',
'visibility-hide': 'eye-off',
'visibility-show': 'eye',
webhook: 'webhook',
partner: 'users',
};

1
ui/lib/core/package.json
View file

@ -21,7 +21,6 @@
"@ember/render-modifiers": "*",
"ember-power-select": "*",
"ember-router-helpers": "*",
"ember-svg-jar": "*",
"ember-truth-helpers": "*",
"escape-string-regexp": "*",
"@hashicorp/flight-icons": "*",

8
ui/package.json
View file

@ -34,9 +34,10 @@
"test:enos": "concurrently --kill-others-on-fail -P -c \"auto\" -n lint:js,lint:hbs,lint:types,enos \"yarn:lint:js:quiet\" \"yarn:lint:hbs:quiet\" \"yarn:lint:types\" \"node scripts/enos-test-ember.js {@}\" --",
"test:oss": "yarn run test -f='!enterprise'",
"test:ent": "node scripts/start-vault.js -f='enterprise'",
"test:quick": "node scripts/start-vault.js --split=8 --preserve-test-name --parallel",
"test:quick-oss": "node scripts/start-vault.js -f='!enterprise' --split=8 --preserve-test-name --parallel",
"test:quick": "node scripts/start-vault.js --split=8 --preserve-test-name --parallel=1",
"test:quick-oss": "node scripts/start-vault.js -f='!enterprise' --split=8 --preserve-test-name --parallel=1",
"test:filter": "node scripts/start-vault.js --server -f='!enterprise'",
"test:server": "node scripts/start-vault.js --server",
"test:dev": "node scripts/start-vault.js",
"vault": "VAULT_REDIRECT_ADDR=http://127.0.0.1:8200 vault server -log-level=error -dev -dev-root-token-id=root -dev-ha -dev-transactional",
"vault:cluster": "VAULT_REDIRECT_ADDR=http://127.0.0.1:8202 vault server -log-level=error -dev -dev-root-token-id=root -dev-listen-address=127.0.0.1:8202 -dev-ha -dev-transactional"
@ -127,7 +128,6 @@
"ember-sinon-qunit": "^7.4.0",
"ember-source": "~5.8.0",
"ember-style-modifier": "^4.1.0",
"ember-svg-jar": "2.6.0",
"ember-template-lint": "^6.0.0",
"ember-template-lint-plugin-prettier": "^5.0.0",
"ember-test-selectors": "6.0.0",
@ -220,7 +220,7 @@
},
"dependencies": {
"@babel/core": "^7.26.10",
"@hashicorp/design-system-components": "~4.18.0",
"@hashicorp/design-system-components": "~4.18.1",
"@hashicorp/vault-client-typescript": "portal:./api-client",
"@hashicorp/vault-reporting": "portal:./vault-reporting",
"ember-auto-import": "^2.7.2",

3
ui/public/android-sync.svg
View file

@ -1,3 +0,0 @@
<svg height="24px" width="24px" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<path d="M256 93.09V32l-80 81.454 80 81.456v-61.093c65.996 0 120 54.982 120 122.183 0 20.363-5 39.714-14.004 57.016L391 342.547c15.996-25.457 25-54.988 25-86.547 0-89.599-72.002-162.91-160-162.91zm0 285.094c-66.001 0-120-54.988-120-122.184 0-20.363 5-39.709 13.999-57.02L121 169.454C104.999 193.89 96 224.436 96 256c0 89.599 72.002 162.91 160 162.91V480l80-81.453-80-81.457v61.094z"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 482 B

3
ui/public/console.svg
View file

@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M3 3h18c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2zm18 16V5H3v14h18zm-10-5h6v1h-6v-1zM6.47 9.522l.761-.76L10.47 12l-3.239 3.239-.761-.761L8.942 12 6.47 9.522z" fill="currentColor"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 285 B

5
ui/public/duo.svg
View file

@ -1,5 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.988 11.994C23.988 18.618 18.618 23.988 11.994 23.988C5.37 23.988 0 18.618 0 11.994C0 5.37 5.37 0 11.994 0C18.618 0 23.988 5.37 23.988 11.994Z" fill="#59B734"/>
<path d="M20.4045 11.9505C20.3153 13.3849 19.1259 14.5026 17.6888 14.5026C16.2516 14.5026 15.0622 13.3849 14.973 11.9505H20.4045ZM9.01951 11.9505C8.93647 13.3893 7.7457 14.5136 6.30451 14.514H3.58276V11.9505H9.01876H9.01951ZM14.7173 9.07275V11.793C14.7173 11.8462 14.715 11.898 14.712 11.9505V14.5095H12.153V9.072H14.7173V9.07275Z" fill="#E6F3D8"/>
<path d="M11.8395 9.07275V14.5095C10.4 14.4264 9.27525 13.2349 9.27525 11.793V9.07275H11.8402H11.8395ZM17.6887 9.07275C19.1301 9.07311 20.3211 10.1973 20.4045 11.6362H14.973C15.0564 10.1976 16.247 9.07351 17.688 9.07275H17.6887ZM6.30375 9.07275C7.74507 9.07311 8.93607 10.1973 9.0195 11.6362H3.5835V9.07275H6.30375Z" fill="white"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 957 B

3
ui/public/file-error.svg
View file

@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M20,14 L20,20.5714286 C20,21.3571429 19.2857143,22 18.5,22 L4.5,22 C3.71428571,22 3,21.2857143 3,20.5 L3,3.5 C3,2.71428571 3.71428571,2 4.5,2 L10,2 L10,3.5 L4.5,3.5 L4.5,20.5 L18.5,20.5 L18.5,14 L20,14 Z M7,18.5 L16,18.5 L16,17 L7,17 L7,18.5 Z M7,15.5 L16,15.5 L16,14 L7,14 L7,15.5 Z M7,12.5 L11,12.5 L11,11 L7,11 L7,12.5 Z M7,9.5 L10,9.5 L10,8 L7,8 L7,9.5 Z M20,1 C21.6568542,1 23,2.34314575 23,4 L23,9 C23,10.6568542 21.6568542,12 20,12 L15,12 C13.3431458,12 12,10.6568542 12,9 L12,4 C12,2.34314575 13.3431458,1 15,1 L20,1 Z M19.9425,3 L17.5,5.4425 L15.0575,3 L14,4.0575 L16.4425,6.5 L14,8.9425 L15.0575,10 L17.5,7.5575 L19.9425,10 L21,8.9425 L18.5575,6.5 L21,4.0575 L19.9425,3 Z" fill="currentColor" />
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 785 B

3
ui/public/file-success.svg
View file

@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M20,14 L20,20.5714286 C20,21.3571429 19.2857143,22 18.5,22 L4.5,22 C3.71428571,22 3,21.2857143 3,20.5 L3,3.5 C3,2.71428571 3.71428571,2 4.5,2 L11,2 L10,3.5 L4.5,3.5 L4.5,20.5 L18.5,20.5 L18.5,14 L20,14 Z M7,18.5 L16,18.5 L16,17 L7,17 L7,18.5 Z M7,15.5 L16,15.5 L16,14 L7,14 L7,15.5 Z M7,12.5 L12,12.5 L12,11 L7,11 L7,12.5 Z M7,9.5 L10,9.5 L10,8 L7,8 L7,9.5 Z M17.5,12 C20.5375661,12 23,9.53756612 23,6.5 C23,3.46243388 20.5375661,1 17.5,1 C14.4624339,1 12,3.46243388 12,6.5 C12,9.53756612 14.4624339,12 17.5,12 Z M14,6.66152019 L15.0254545,5.6567696 L16.9090909,7.49524941 L20.4745455,4 L21.5,5.01187648 L16.9090909,9.51187648 L14,6.66152019 Z" fill="currentColor" />
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 747 B

3
ui/public/hashicorp.svg
View file

@ -1,3 +0,0 @@
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M283.2 378.4l77.3-42.5V44.7L283.2 0v216.4H185v-84.5l-77.4 42.4v291.2l77.4 44.8V293.9h98.2z"/><path d="M396.5 65.5v294.1l-113.3 62.2v88.4l185-106.8V106.8zM185 0L0 106.8v296.6l71.7 41.4V150.7L185 88.5z"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 301 B

963
ui/public/initialize.svg
View file

@ -1,963 +0,0 @@
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient x1="50%" y1="96.412%" x2="50%" y2="0%" id="a">
<stop stop-color="#949FAD" offset="0%"/>
<stop stop-color="#BBC4D1" offset="100%"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<g opacity=".5" fill-rule="nonzero" fill="#BBC4D0">
<g opacity=".1">
<circle cx="100" cy="3.125" r="3.125"/>
<circle cx="100" cy="196.875" r="3.125"/>
<circle cx="16.111" cy="51.563" r="3.125"/>
<circle cx="183.889" cy="148.438" r="3.125"/>
<circle cx="16.111" cy="148.438" r="3.125"/>
<circle cx="183.889" cy="51.563" r="3.125"/>
<circle cx="51.563" cy="16.111" r="3.125"/>
<circle cx="148.438" cy="183.889" r="3.125"/>
<circle cx="3.125" cy="100" r="3.125"/>
<circle cx="196.875" cy="100" r="3.125"/>
<circle cx="51.563" cy="183.889" r="3.125"/>
<circle cx="148.438" cy="16.111" r="3.125"/>
<g transform="translate(3.3 3.3)">
<circle cx="71.632" cy="3.125" r="3.125"/>
<circle cx="121.771" cy="190.278" r="3.125"/>
<circle cx="3.125" cy="71.632" r="3.125"/>
<circle cx="190.278" cy="121.771" r="3.125"/>
<circle cx="28.194" cy="165.208" r="3.125"/>
<circle cx="165.208" cy="28.194" r="3.125"/>
<circle cx="28.194" cy="28.194" r="3.125"/>
<circle cx="165.208" cy="165.208" r="3.125"/>
<circle cx="3.125" cy="121.771" r="3.125"/>
<circle cx="190.278" cy="71.632" r="3.125"/>
<circle cx="71.632" cy="190.278" r="3.125"/>
<circle cx="121.771" cy="3.125" r="3.125"/>
</g>
<g>
<g transform="translate(.694 .694)">
<circle cx="86.667" cy="3.264" r="3.125"/>
<circle cx="111.944" cy="195.347" r="3.125"/>
<circle cx="9.809" cy="62.24" r="3.125"/>
<circle cx="188.802" cy="136.372" r="3.125"/>
<circle cx="22.448" cy="158.281" r="3.125"/>
<circle cx="176.163" cy="40.33" r="3.125"/>
<circle cx="40.33" cy="22.448" r="3.125"/>
<circle cx="158.281" cy="176.163" r="3.125"/>
<circle cx="3.264" cy="111.944" r="3.125"/>
<circle cx="195.347" cy="86.667" r="3.125"/>
<circle cx="62.24" cy="188.802" r="3.125"/>
<circle cx="136.372" cy="9.809" r="3.125"/>
</g>
<g transform="translate(.694 .694)">
<circle cx="62.24" cy="9.809" r="3.125"/>
<circle cx="136.372" cy="188.802" r="3.125"/>
<circle cx="3.264" cy="86.667" r="3.125"/>
<circle cx="195.347" cy="111.944" r="3.125"/>
<circle cx="40.33" cy="176.163" r="3.125"/>
<circle cx="158.281" cy="22.448" r="3.125"/>
<circle cx="22.448" cy="40.33" r="3.125"/>
<circle cx="176.163" cy="158.281" r="3.125"/>
<circle cx="9.809" cy="136.372" r="3.125"/>
<circle cx="188.802" cy="62.24" r="3.125"/>
<circle cx="86.667" cy="195.347" r="3.125"/>
<circle cx="111.944" cy="3.264" r="3.125"/>
</g>
</g>
</g>
<g opacity=".2">
<g transform="translate(9.896 9.896)">
<circle cx="84.392" cy="2.917" r="2.813"/>
<circle cx="95.816" cy="177.292" r="2.813"/>
<circle cx="11.753" cy="51.458" r="2.813"/>
<circle cx="168.455" cy="128.75" r="2.813"/>
<circle cx="17.465" cy="138.646" r="2.813"/>
<circle cx="162.743" cy="41.563" r="2.813"/>
<circle cx="41.563" cy="17.465" r="2.813"/>
<circle cx="138.646" cy="162.743" r="2.813"/>
<circle cx="2.917" cy="95.816" r="2.813"/>
<circle cx="177.292" cy="84.392" r="2.813"/>
<circle cx="51.458" cy="168.455" r="2.813"/>
<circle cx="128.75" cy="11.753" r="2.813"/>
</g>
<g transform="translate(11.458 11.458)">
<circle cx="60.451" cy="5.816" r="2.813"/>
<circle cx="116.632" cy="171.267" r="2.813"/>
<circle cx="2.847" cy="71.493" r="2.813"/>
<circle cx="174.236" cy="105.59" r="2.813"/>
<circle cx="30.938" cy="154.236" r="2.813"/>
<circle cx="146.146" cy="22.847" r="2.813"/>
<circle cx="22.847" cy="30.938" r="2.813"/>
<circle cx="154.236" cy="146.146" r="2.813"/>
<circle cx="5.816" cy="116.632" r="2.813"/>
<circle cx="171.267" cy="60.451" r="2.813"/>
<circle cx="71.493" cy="174.236" r="2.813"/>
<circle cx="105.59" cy="2.847" r="2.813"/>
</g>
<g>
<g transform="translate(11.458 11.458)">
<circle cx="71.493" cy="2.847" r="2.813"/>
<circle cx="105.59" cy="174.236" r="2.813"/>
<circle cx="5.816" cy="60.451" r="2.813"/>
<circle cx="171.267" cy="116.632" r="2.813"/>
<circle cx="22.847" cy="146.146" r="2.813"/>
<circle cx="154.236" cy="30.938" r="2.813"/>
<circle cx="30.938" cy="22.847" r="2.813"/>
<circle cx="146.146" cy="154.236" r="2.813"/>
<circle cx="2.847" cy="105.59" r="2.813"/>
<circle cx="174.236" cy="71.493" r="2.813"/>
<circle cx="60.451" cy="171.267" r="2.813"/>
<circle cx="116.632" cy="5.816" r="2.813"/>
</g>
<g transform="translate(9.896 9.896)">
<circle cx="51.458" cy="11.753" r="2.813"/>
<circle cx="128.75" cy="168.455" r="2.813"/>
<circle cx="2.917" cy="84.392" r="2.813"/>
<circle cx="177.292" cy="95.816" r="2.813"/>
<circle cx="41.563" cy="162.743" r="2.813"/>
<circle cx="138.646" cy="17.465" r="2.813"/>
<circle cx="17.465" cy="41.563" r="2.813"/>
<circle cx="162.743" cy="138.646" r="2.813"/>
<circle cx="11.753" cy="128.75" r="2.813"/>
<circle cx="168.455" cy="51.458" r="2.813"/>
<circle cx="84.392" cy="177.292" r="2.813"/>
<circle cx="95.816" cy="2.917" r="2.813"/>
</g>
</g>
</g>
<g opacity=".4">
<g transform="translate(19.618 19.618)">
<circle cx="70.139" cy="2.587" r="2.535"/>
<circle cx="90.625" cy="158.177" r="2.535"/>
<circle cx="7.882" cy="50.347" r="2.535"/>
<circle cx="152.882" cy="110.417" r="2.535"/>
<circle cx="18.125" cy="128.142" r="2.535"/>
<circle cx="142.639" cy="32.622" r="2.535"/>
<circle cx="32.622" cy="18.125" r="2.535"/>
<circle cx="128.142" cy="142.639" r="2.535"/>
<circle cx="2.587" cy="90.625" r="2.535"/>
<circle cx="158.177" cy="70.139" r="2.535"/>
<circle cx="50.347" cy="152.882" r="2.535"/>
<circle cx="110.417" cy="7.882" r="2.535"/>
</g>
<g transform="translate(19.618 19.618)">
<circle cx="50.347" cy="7.882" r="2.535"/>
<circle cx="110.417" cy="152.882" r="2.535"/>
<circle cx="2.587" cy="70.139" r="2.535"/>
<circle cx="158.177" cy="90.625" r="2.535"/>
<circle cx="32.622" cy="142.639" r="2.535"/>
<circle cx="128.142" cy="18.125" r="2.535"/>
<circle cx="18.125" cy="32.622" r="2.535"/>
<circle cx="142.639" cy="128.142" r="2.535"/>
<circle cx="7.882" cy="110.417" r="2.535"/>
<circle cx="152.882" cy="50.347" r="2.535"/>
<circle cx="70.139" cy="158.177" r="2.535"/>
<circle cx="90.625" cy="2.587" r="2.535"/>
</g>
<g>
<g transform="translate(21.528 21.528)">
<circle cx="58.16" cy="2.674" r="2.535"/>
<circle cx="98.785" cy="154.271" r="2.535"/>
<circle cx="2.674" cy="58.16" r="2.535"/>
<circle cx="154.271" cy="98.785" r="2.535"/>
<circle cx="22.986" cy="133.958" r="2.535"/>
<circle cx="133.958" cy="22.986" r="2.535"/>
<circle cx="22.986" cy="22.986" r="2.535"/>
<circle cx="133.958" cy="133.958" r="2.535"/>
<circle cx="2.674" cy="98.785" r="2.535"/>
<circle cx="154.271" cy="58.16" r="2.535"/>
<circle cx="58.16" cy="154.271" r="2.535"/>
<circle cx="98.785" cy="2.674" r="2.535"/>
</g>
<g transform="translate(18.924 18.924)">
<circle cx="41.84" cy="13.125" r="2.535"/>
<circle cx="120.313" cy="149.028" r="2.535"/>
<circle cx="2.604" cy="81.076" r="2.535"/>
<circle cx="159.549" cy="81.076" r="2.535"/>
<circle cx="41.84" cy="149.028" r="2.535"/>
<circle cx="120.313" cy="13.125" r="2.535"/>
<circle cx="13.125" cy="41.84" r="2.535"/>
<circle cx="149.028" cy="120.313" r="2.535"/>
<circle cx="13.125" cy="120.313" r="2.535"/>
<circle cx="149.028" cy="41.84" r="2.535"/>
<circle cx="81.076" cy="159.549" r="2.535"/>
<circle cx="81.076" cy="2.604" r="2.535"/>
</g>
</g>
</g>
<g opacity=".6">
<g transform="translate(28.3 28.3)">
<circle cx="57.899" cy="2.292" r="2.274"/>
<circle cx="85.503" cy="141.111" r="2.274"/>
<circle cx="4.688" cy="48.958" r="2.274"/>
<circle cx="138.715" cy="94.444" r="2.274"/>
<circle cx="18.49" cy="118.368" r="2.274"/>
<circle cx="124.913" cy="25.035" r="2.274"/>
<circle cx="25.035" cy="18.49" r="2.274"/>
<circle cx="118.368" cy="124.913" r="2.274"/>
<circle cx="2.292" cy="85.503" r="2.274"/>
<circle cx="141.111" cy="57.899" r="2.274"/>
<circle cx="48.958" cy="138.715" r="2.274"/>
<circle cx="94.444" cy="4.688" r="2.274"/>
</g>
<g transform="translate(27.083 27.083)">
<circle cx="41.615" cy="9.444" r="2.274"/>
<circle cx="104.219" cy="136.389" r="2.274"/>
<circle cx="2.292" cy="68.281" r="2.274"/>
<circle cx="143.542" cy="77.552" r="2.274"/>
<circle cx="33.594" cy="131.753" r="2.274"/>
<circle cx="112.24" cy="14.08" r="2.274"/>
<circle cx="14.08" cy="33.594" r="2.274"/>
<circle cx="131.753" cy="112.24" r="2.274"/>
<circle cx="9.444" cy="104.219" r="2.274"/>
<circle cx="136.389" cy="41.615" r="2.274"/>
<circle cx="68.281" cy="143.542" r="2.274"/>
<circle cx="77.552" cy="2.292" r="2.274"/>
</g>
<g>
<g transform="translate(28.3 28.3)">
<circle cx="48.958" cy="4.688" r="2.274"/>
<circle cx="94.444" cy="138.715" r="2.274"/>
<circle cx="2.292" cy="57.899" r="2.274"/>
<circle cx="141.111" cy="85.503" r="2.274"/>
<circle cx="25.035" cy="124.913" r="2.274"/>
<circle cx="118.368" cy="18.49" r="2.274"/>
<circle cx="18.49" cy="25.035" r="2.274"/>
<circle cx="124.913" cy="118.368" r="2.274"/>
<circle cx="4.688" cy="94.444" r="2.274"/>
<circle cx="138.715" cy="48.958" r="2.274"/>
<circle cx="57.899" cy="141.111" r="2.274"/>
<circle cx="85.503" cy="2.292" r="2.274"/>
</g>
<g transform="translate(27.083 27.083)">
<circle cx="33.594" cy="14.08" r="2.274"/>
<circle cx="112.24" cy="131.753" r="2.274"/>
<circle cx="2.292" cy="77.552" r="2.274"/>
<circle cx="143.542" cy="68.281" r="2.274"/>
<circle cx="41.615" cy="136.389" r="2.274"/>
<circle cx="104.219" cy="9.444" r="2.274"/>
<circle cx="9.444" cy="41.615" r="2.274"/>
<circle cx="136.389" cy="104.219" r="2.274"/>
<circle cx="14.08" cy="112.24" r="2.274"/>
<circle cx="131.753" cy="33.594" r="2.274"/>
<circle cx="77.552" cy="143.542" r="2.274"/>
<circle cx="68.281" cy="2.292" r="2.274"/>
</g>
</g>
</g>
<g opacity=".8">
<g transform="translate(34.375 34.375)">
<circle cx="65.625" cy="2.049" r="2.049"/>
<circle cx="65.625" cy="129.201" r="2.049"/>
<circle cx="10.573" cy="33.837" r="2.049"/>
<circle cx="120.677" cy="97.413" r="2.049"/>
<circle cx="10.573" cy="97.413" r="2.049"/>
<circle cx="120.677" cy="33.837" r="2.049"/>
<circle cx="33.837" cy="10.573" r="2.049"/>
<circle cx="97.413" cy="120.677" r="2.049"/>
<circle cx="2.049" cy="65.625" r="2.049"/>
<circle cx="129.201" cy="65.625" r="2.049"/>
<circle cx="33.837" cy="120.677" r="2.049"/>
<circle cx="97.413" cy="10.573" r="2.049"/>
</g>
<g transform="translate(36.458 36.458)">
<circle cx="47.083" cy="2.135" r="2.049"/>
<circle cx="80" cy="124.948" r="2.049"/>
<circle cx="2.135" cy="47.083" r="2.049"/>
<circle cx="124.948" cy="80" r="2.049"/>
<circle cx="18.594" cy="108.49" r="2.049"/>
<circle cx="108.49" cy="18.594" r="2.049"/>
<circle cx="18.594" cy="18.594" r="2.049"/>
<circle cx="108.49" cy="108.49" r="2.049"/>
<circle cx="2.135" cy="80" r="2.049"/>
<circle cx="124.948" cy="47.083" r="2.049"/>
<circle cx="47.083" cy="124.948" r="2.049"/>
<circle cx="80" cy="2.135" r="2.049"/>
</g>
<g>
<g transform="translate(34.896 34.896)">
<circle cx="56.806" cy="2.066" r="2.049"/>
<circle cx="73.403" cy="128.142" r="2.049"/>
<circle cx="6.372" cy="40.781" r="2.049"/>
<circle cx="123.837" cy="89.427" r="2.049"/>
<circle cx="14.67" cy="103.802" r="2.049"/>
<circle cx="115.538" cy="26.406" r="2.049"/>
<circle cx="26.406" cy="14.67" r="2.049"/>
<circle cx="103.802" cy="115.538" r="2.049"/>
<circle cx="2.066" cy="73.403" r="2.049"/>
<circle cx="128.142" cy="56.806" r="2.049"/>
<circle cx="40.781" cy="123.837" r="2.049"/>
<circle cx="89.427" cy="6.372" r="2.049"/>
</g>
<g transform="translate(34.896 34.896)">
<circle cx="40.781" cy="6.372" r="2.049"/>
<circle cx="89.427" cy="123.837" r="2.049"/>
<circle cx="2.066" cy="56.806" r="2.049"/>
<circle cx="128.142" cy="73.403" r="2.049"/>
<circle cx="26.406" cy="115.538" r="2.049"/>
<circle cx="103.802" cy="14.67" r="2.049"/>
<circle cx="14.67" cy="26.406" r="2.049"/>
<circle cx="115.538" cy="103.802" r="2.049"/>
<circle cx="6.372" cy="89.427" r="2.049"/>
<circle cx="123.837" cy="40.781" r="2.049"/>
<circle cx="56.806" cy="128.142" r="2.049"/>
<circle cx="73.403" cy="2.066" r="2.049"/>
</g>
</g>
</g>
<g transform="translate(40.8 40.8)">
<circle cx="55.451" cy="1.997" r="1.858"/>
<circle cx="62.951" cy="116.406" r="1.858"/>
<circle cx="7.778" cy="33.837" r="1.858"/>
<circle cx="110.625" cy="84.566" r="1.858"/>
<circle cx="11.528" cy="91.059" r="1.858"/>
<circle cx="106.875" cy="27.344" r="1.858"/>
<circle cx="27.344" cy="11.528" r="1.858"/>
<circle cx="91.059" cy="106.875" r="1.858"/>
<circle cx="1.997" cy="62.951" r="1.858"/>
<circle cx="116.406" cy="55.451" r="1.858"/>
<circle cx="33.837" cy="110.625" r="1.858"/>
<circle cx="84.566" cy="7.778" r="1.858"/>
</g>
<g transform="translate(41.84 41.84)">
<circle cx="39.722" cy="3.872" r="1.858"/>
<circle cx="76.597" cy="112.448" r="1.858"/>
<circle cx="1.927" cy="46.979" r="1.858"/>
<circle cx="114.392" cy="69.34" r="1.858"/>
<circle cx="20.347" cy="101.267" r="1.858"/>
<circle cx="95.972" cy="15.052" r="1.858"/>
<circle cx="15.052" cy="20.347" r="1.858"/>
<circle cx="101.267" cy="95.972" r="1.858"/>
<circle cx="3.872" cy="76.597" r="1.858"/>
<circle cx="112.448" cy="39.722" r="1.858"/>
<circle cx="46.979" cy="114.392" r="1.858"/>
<circle cx="69.34" cy="1.927" r="1.858"/>
</g>
<g transform="translate(41.84 41.84)">
<circle cx="46.979" cy="1.927" r="1.858"/>
<circle cx="69.34" cy="114.392" r="1.858"/>
<circle cx="3.872" cy="39.722" r="1.858"/>
<circle cx="112.448" cy="76.597" r="1.858"/>
<circle cx="15.052" cy="95.972" r="1.858"/>
<circle cx="101.267" cy="20.347" r="1.858"/>
<circle cx="20.347" cy="15.052" r="1.858"/>
<circle cx="95.972" cy="101.267" r="1.858"/>
<circle cx="1.927" cy="69.34" r="1.858"/>
<circle cx="114.392" cy="46.979" r="1.858"/>
<circle cx="39.722" cy="112.448" r="1.858"/>
<circle cx="76.597" cy="3.872" r="1.858"/>
</g>
<g transform="translate(40.8 40.8)">
<circle cx="33.837" cy="7.778" r="1.858"/>
<circle cx="84.566" cy="110.625" r="1.858"/>
<circle cx="1.997" cy="55.451" r="1.858"/>
<circle cx="116.406" cy="62.951" r="1.858"/>
<circle cx="27.344" cy="106.875" r="1.858"/>
<circle cx="91.059" cy="11.528" r="1.858"/>
<circle cx="11.528" cy="27.344" r="1.858"/>
<circle cx="106.875" cy="91.059" r="1.858"/>
<circle cx="7.778" cy="84.566" r="1.858"/>
<circle cx="110.625" cy="33.837" r="1.858"/>
<circle cx="55.451" cy="116.406" r="1.858"/>
<circle cx="62.951" cy="1.997" r="1.858"/>
</g>
<g transform="translate(47.222 47.222)">
<circle cx="46.059" cy="1.719" r="1.667"/>
<circle cx="59.497" cy="103.837" r="1.667"/>
<circle cx="5.208" cy="33.073" r="1.667"/>
<circle cx="100.347" cy="72.483" r="1.667"/>
<circle cx="11.927" cy="84.132" r="1.667"/>
<circle cx="93.628" cy="21.424" r="1.667"/>
<circle cx="21.424" cy="11.927" r="1.667"/>
<circle cx="84.132" cy="93.628" r="1.667"/>
<circle cx="1.719" cy="59.497" r="1.667"/>
<circle cx="103.837" cy="46.059" r="1.667"/>
<circle cx="33.073" cy="100.347" r="1.667"/>
<circle cx="72.483" cy="5.208" r="1.667"/>
</g>
<g transform="translate(47.222 47.222)">
<circle cx="33.073" cy="5.208" r="1.667"/>
<circle cx="72.483" cy="100.347" r="1.667"/>
<circle cx="1.719" cy="46.059" r="1.667"/>
<circle cx="103.837" cy="59.497" r="1.667"/>
<circle cx="21.424" cy="93.628" r="1.667"/>
<circle cx="84.132" cy="11.927" r="1.667"/>
<circle cx="11.927" cy="21.424" r="1.667"/>
<circle cx="93.628" cy="84.132" r="1.667"/>
<circle cx="5.208" cy="72.483" r="1.667"/>
<circle cx="100.347" cy="33.073" r="1.667"/>
<circle cx="46.059" cy="103.837" r="1.667"/>
<circle cx="59.497" cy="1.719" r="1.667"/>
</g>
<g transform="translate(48.438 48.438)">
<circle cx="38.229" cy="1.823" r="1.667"/>
<circle cx="64.896" cy="101.302" r="1.667"/>
<circle cx="1.823" cy="38.229" r="1.667"/>
<circle cx="101.302" cy="64.896" r="1.667"/>
<circle cx="15.156" cy="87.969" r="1.667"/>
<circle cx="87.969" cy="15.156" r="1.667"/>
<circle cx="15.156" cy="15.156" r="1.667"/>
<circle cx="87.969" cy="87.969" r="1.667"/>
<circle cx="1.823" cy="64.896" r="1.667"/>
<circle cx="101.302" cy="38.229" r="1.667"/>
<circle cx="38.229" cy="101.302" r="1.667"/>
<circle cx="64.896" cy="1.823" r="1.667"/>
</g>
<g transform="translate(46.7 46.7)">
<circle cx="27.552" cy="8.698" r="1.667"/>
<circle cx="79.045" cy="97.899" r="1.667"/>
<circle cx="1.806" cy="53.299" r="1.667"/>
<circle cx="104.792" cy="53.299" r="1.667"/>
<circle cx="27.552" cy="97.899" r="1.667"/>
<circle cx="79.045" cy="8.698" r="1.667"/>
<circle cx="8.698" cy="27.552" r="1.667"/>
<circle cx="97.899" cy="79.045" r="1.667"/>
<circle cx="8.698" cy="79.045" r="1.667"/>
<circle cx="97.899" cy="27.552" r="1.667"/>
<circle cx="53.299" cy="104.792" r="1.667"/>
<circle cx="53.299" cy="1.806" r="1.667"/>
</g>
<g opacity=".9">
<g transform="translate(52.95 52.95)">
<circle cx="37.986" cy="1.493" r="1.493"/>
<circle cx="56.111" cy="92.604" r="1.493"/>
<circle cx="3.073" cy="32.118" r="1.493"/>
<circle cx="91.024" cy="61.979" r="1.493"/>
<circle cx="12.135" cy="77.674" r="1.493"/>
<circle cx="81.962" cy="16.424" r="1.493"/>
<circle cx="16.424" cy="12.135" r="1.493"/>
<circle cx="77.674" cy="81.962" r="1.493"/>
<circle cx="1.493" cy="56.111" r="1.493"/>
<circle cx="92.604" cy="37.986" r="1.493"/>
<circle cx="32.118" cy="91.024" r="1.493"/>
<circle cx="61.979" cy="3.073" r="1.493"/>
</g>
<g transform="translate(52.083 52.083)">
<circle cx="27.378" cy="6.267" r="1.493"/>
<circle cx="68.455" cy="89.566" r="1.493"/>
<circle cx="1.58" cy="44.878" r="1.493"/>
<circle cx="94.253" cy="50.955" r="1.493"/>
<circle cx="22.118" cy="86.528" r="1.493"/>
<circle cx="73.715" cy="9.306" r="1.493"/>
<circle cx="9.306" cy="22.118" r="1.493"/>
<circle cx="86.528" cy="73.715" r="1.493"/>
<circle cx="6.267" cy="68.455" r="1.493"/>
<circle cx="89.566" cy="27.378" r="1.493"/>
<circle cx="44.878" cy="94.253" r="1.493"/>
<circle cx="50.955" cy="1.58" r="1.493"/>
</g>
<g>
<g transform="translate(52.95 52.95)">
<circle cx="32.118" cy="3.073" r="1.493"/>
<circle cx="61.979" cy="91.024" r="1.493"/>
<circle cx="1.493" cy="37.986" r="1.493"/>
<circle cx="92.604" cy="56.111" r="1.493"/>
<circle cx="16.424" cy="81.962" r="1.493"/>
<circle cx="77.674" cy="12.135" r="1.493"/>
<circle cx="12.135" cy="16.424" r="1.493"/>
<circle cx="81.962" cy="77.674" r="1.493"/>
<circle cx="3.073" cy="61.979" r="1.493"/>
<circle cx="91.024" cy="32.118" r="1.493"/>
<circle cx="37.986" cy="92.604" r="1.493"/>
<circle cx="56.111" cy="1.493" r="1.493"/>
</g>
<g transform="translate(52.083 52.083)">
<circle cx="22.118" cy="9.306" r="1.493"/>
<circle cx="73.715" cy="86.528" r="1.493"/>
<circle cx="1.58" cy="50.955" r="1.493"/>
<circle cx="94.253" cy="44.878" r="1.493"/>
<circle cx="27.378" cy="89.566" r="1.493"/>
<circle cx="68.455" cy="6.267" r="1.493"/>
<circle cx="6.267" cy="27.378" r="1.493"/>
<circle cx="89.566" cy="68.455" r="1.493"/>
<circle cx="9.306" cy="73.715" r="1.493"/>
<circle cx="86.528" cy="22.118" r="1.493"/>
<circle cx="50.955" cy="94.253" r="1.493"/>
<circle cx="44.878" cy="1.58" r="1.493"/>
</g>
</g>
</g>
<g opacity=".8">
<g transform="translate(56.944 56.944)">
<circle cx="43.056" cy="1.406" r="1.337"/>
<circle cx="43.056" cy="84.705" r="1.337"/>
<circle cx="6.979" cy="22.222" r="1.337"/>
<circle cx="79.132" cy="63.889" r="1.337"/>
<circle cx="6.979" cy="63.889" r="1.337"/>
<circle cx="79.132" cy="22.222" r="1.337"/>
<circle cx="22.222" cy="6.979" r="1.337"/>
<circle cx="63.889" cy="79.132" r="1.337"/>
<circle cx="1.406" cy="43.056" r="1.337"/>
<circle cx="84.705" cy="43.056" r="1.337"/>
<circle cx="22.222" cy="79.132" r="1.337"/>
<circle cx="63.889" cy="6.979" r="1.337"/>
</g>
<g transform="translate(58.333 58.333)">
<circle cx="30.885" cy="1.424" r="1.337"/>
<circle cx="52.448" cy="81.91" r="1.337"/>
<circle cx="1.424" cy="30.885" r="1.337"/>
<circle cx="81.91" cy="52.448" r="1.337"/>
<circle cx="12.205" cy="71.128" r="1.337"/>
<circle cx="71.128" cy="12.205" r="1.337"/>
<circle cx="12.205" cy="12.205" r="1.337"/>
<circle cx="71.128" cy="71.128" r="1.337"/>
<circle cx="1.424" cy="52.448" r="1.337"/>
<circle cx="81.91" cy="30.885" r="1.337"/>
<circle cx="30.885" cy="81.91" r="1.337"/>
<circle cx="52.448" cy="1.424" r="1.337"/>
</g>
<g>
<g transform="translate(57.292 57.292)">
<circle cx="37.274" cy="1.406" r="1.337"/>
<circle cx="48.142" cy="84.01" r="1.337"/>
<circle cx="4.219" cy="26.771" r="1.337"/>
<circle cx="81.198" cy="58.646" r="1.337"/>
<circle cx="9.653" cy="68.073" r="1.337"/>
<circle cx="75.764" cy="17.344" r="1.337"/>
<circle cx="17.344" cy="9.653" r="1.337"/>
<circle cx="68.073" cy="75.764" r="1.337"/>
<circle cx="1.406" cy="48.142" r="1.337"/>
<circle cx="84.01" cy="37.274" r="1.337"/>
<circle cx="26.771" cy="81.198" r="1.337"/>
<circle cx="58.646" cy="4.219" r="1.337"/>
</g>
<g transform="translate(57.292 57.292)">
<circle cx="26.771" cy="4.219" r="1.337"/>
<circle cx="58.646" cy="81.198" r="1.337"/>
<circle cx="1.406" cy="37.274" r="1.337"/>
<circle cx="84.01" cy="48.142" r="1.337"/>
<circle cx="17.344" cy="75.764" r="1.337"/>
<circle cx="68.073" cy="9.653" r="1.337"/>
<circle cx="9.653" cy="17.344" r="1.337"/>
<circle cx="75.764" cy="68.073" r="1.337"/>
<circle cx="4.219" cy="58.646" r="1.337"/>
<circle cx="81.198" cy="26.771" r="1.337"/>
<circle cx="37.274" cy="84.01" r="1.337"/>
<circle cx="48.142" cy="1.406" r="1.337"/>
</g>
</g>
</g>
<g opacity=".7">
<g transform="translate(61.285 61.285)">
<circle cx="36.25" cy="1.233" r="1.215"/>
<circle cx="41.181" cy="76.198" r="1.215"/>
<circle cx="5.017" cy="22.101" r="1.215"/>
<circle cx="72.413" cy="55.33" r="1.215"/>
<circle cx="7.483" cy="59.583" r="1.215"/>
<circle cx="69.948" cy="17.847" r="1.215"/>
<circle cx="17.847" cy="7.483" r="1.215"/>
<circle cx="59.583" cy="69.948" r="1.215"/>
<circle cx="1.233" cy="41.181" r="1.215"/>
<circle cx="76.198" cy="36.25" r="1.215"/>
<circle cx="22.101" cy="72.413" r="1.215"/>
<circle cx="55.33" cy="5.017" r="1.215"/>
</g>
<g transform="translate(61.806 61.806)">
<circle cx="26.111" cy="2.622" r="1.215"/>
<circle cx="50.278" cy="73.767" r="1.215"/>
<circle cx="1.354" cy="30.868" r="1.215"/>
<circle cx="75.035" cy="45.521" r="1.215"/>
<circle cx="13.42" cy="66.441" r="1.215"/>
<circle cx="62.969" cy="9.948" r="1.215"/>
<circle cx="9.948" cy="13.42" r="1.215"/>
<circle cx="66.441" cy="62.969" r="1.215"/>
<circle cx="2.622" cy="50.278" r="1.215"/>
<circle cx="73.767" cy="26.111" r="1.215"/>
<circle cx="30.868" cy="75.035" r="1.215"/>
<circle cx="45.521" cy="1.354" r="1.215"/>
</g>
<g>
<g transform="translate(61.806 61.806)">
<circle cx="30.868" cy="1.354" r="1.215"/>
<circle cx="45.521" cy="75.035" r="1.215"/>
<circle cx="2.622" cy="26.111" r="1.215"/>
<circle cx="73.767" cy="50.278" r="1.215"/>
<circle cx="9.948" cy="62.969" r="1.215"/>
<circle cx="66.441" cy="13.42" r="1.215"/>
<circle cx="13.42" cy="9.948" r="1.215"/>
<circle cx="62.969" cy="66.441" r="1.215"/>
<circle cx="1.354" cy="45.521" r="1.215"/>
<circle cx="75.035" cy="30.868" r="1.215"/>
<circle cx="26.111" cy="73.767" r="1.215"/>
<circle cx="50.278" cy="2.622" r="1.215"/>
</g>
<g transform="translate(61.285 61.285)">
<circle cx="22.101" cy="5.017" r="1.215"/>
<circle cx="55.33" cy="72.413" r="1.215"/>
<circle cx="1.233" cy="36.25" r="1.215"/>
<circle cx="76.198" cy="41.181" r="1.215"/>
<circle cx="17.847" cy="69.948" r="1.215"/>
<circle cx="59.583" cy="7.483" r="1.215"/>
<circle cx="7.483" cy="17.847" r="1.215"/>
<circle cx="69.948" cy="59.583" r="1.215"/>
<circle cx="5.017" cy="55.33" r="1.215"/>
<circle cx="72.413" cy="22.101" r="1.215"/>
<circle cx="36.25" cy="76.198" r="1.215"/>
<circle cx="41.181" cy="1.233" r="1.215"/>
</g>
</g>
</g>
<g opacity=".6">
<g transform="translate(65.45 65.45)">
<circle cx="30.139" cy="1.094" r="1.094"/>
<circle cx="38.958" cy="68.003" r="1.094"/>
<circle cx="3.368" cy="21.632" r="1.094"/>
<circle cx="65.729" cy="47.465" r="1.094"/>
<circle cx="7.778" cy="55.087" r="1.094"/>
<circle cx="61.319" cy="14.01" r="1.094"/>
<circle cx="14.01" cy="7.778" r="1.094"/>
<circle cx="55.087" cy="61.319" r="1.094"/>
<circle cx="1.094" cy="38.958" r="1.094"/>
<circle cx="68.003" cy="30.139" r="1.094"/>
<circle cx="21.632" cy="65.729" r="1.094"/>
<circle cx="47.465" cy="3.368" r="1.094"/>
</g>
<g transform="translate(65.45 65.45)">
<circle cx="21.632" cy="3.368" r="1.094"/>
<circle cx="47.465" cy="65.729" r="1.094"/>
<circle cx="1.094" cy="30.139" r="1.094"/>
<circle cx="68.003" cy="38.958" r="1.094"/>
<circle cx="14.01" cy="61.319" r="1.094"/>
<circle cx="55.087" cy="7.778" r="1.094"/>
<circle cx="7.778" cy="14.01" r="1.094"/>
<circle cx="61.319" cy="55.087" r="1.094"/>
<circle cx="3.368" cy="47.465" r="1.094"/>
<circle cx="65.729" cy="21.632" r="1.094"/>
<circle cx="30.139" cy="68.003" r="1.094"/>
<circle cx="38.958" cy="1.094" r="1.094"/>
</g>
<g>
<g transform="translate(66.32 66.32)">
<circle cx="24.948" cy="1.094" r="1.094"/>
<circle cx="42.413" cy="66.267" r="1.094"/>
<circle cx="1.094" cy="24.948" r="1.094"/>
<circle cx="66.267" cy="42.413" r="1.094"/>
<circle cx="9.826" cy="57.535" r="1.094"/>
<circle cx="57.535" cy="9.826" r="1.094"/>
<circle cx="9.826" cy="9.826" r="1.094"/>
<circle cx="57.535" cy="57.535" r="1.094"/>
<circle cx="1.094" cy="42.413" r="1.094"/>
<circle cx="66.267" cy="24.948" r="1.094"/>
<circle cx="24.948" cy="66.267" r="1.094"/>
<circle cx="42.413" cy="1.094" r="1.094"/>
</g>
<g transform="translate(65.104 65.104)">
<circle cx="18.021" cy="5.677" r="1.094"/>
<circle cx="51.771" cy="64.115" r="1.094"/>
<circle cx="1.146" cy="34.896" r="1.094"/>
<circle cx="68.646" cy="34.896" r="1.094"/>
<circle cx="18.021" cy="64.115" r="1.094"/>
<circle cx="51.771" cy="5.677" r="1.094"/>
<circle cx="5.677" cy="18.021" r="1.094"/>
<circle cx="64.115" cy="51.771" r="1.094"/>
<circle cx="5.677" cy="51.771" r="1.094"/>
<circle cx="64.115" cy="18.021" r="1.094"/>
<circle cx="34.896" cy="68.646" r="1.094"/>
<circle cx="34.896" cy="1.146" r="1.094"/>
</g>
</g>
</g>
<g>
<g transform="translate(69.097 69.097)">
<circle cx="24.965" cy="1.059" r="1"/>
<circle cx="36.84" cy="60.747" r="1"/>
<circle cx="2.083" cy="21.128" r="1"/>
<circle cx="59.722" cy="40.677" r="1"/>
<circle cx="8.021" cy="50.972" r="1"/>
<circle cx="53.785" cy="10.833" r="1"/>
<circle cx="10.833" cy="8.021" r="1"/>
<circle cx="50.972" cy="53.785" r="1"/>
<circle cx="1.059" cy="36.84" r="1"/>
<circle cx="60.747" cy="24.965" r="1"/>
<circle cx="21.128" cy="59.722" r="1"/>
<circle cx="40.677" cy="2.083" r="1"/>
</g>
<g transform="translate(68.576 68.576)">
<circle cx="17.969" cy="4.132" r="1"/>
<circle cx="44.878" cy="58.715" r="1"/>
<circle cx="1.059" cy="29.427" r="1"/>
<circle cx="61.788" cy="33.42" r="1"/>
<circle cx="14.514" cy="56.719" r="1"/>
<circle cx="48.333" cy="6.128" r="1"/>
<circle cx="6.128" cy="14.514" r="1"/>
<circle cx="56.719" cy="48.333" r="1"/>
<circle cx="4.132" cy="44.878" r="1"/>
<circle cx="58.715" cy="17.969" r="1"/>
<circle cx="29.427" cy="61.788" r="1"/>
<circle cx="33.42" cy="1.059" r="1"/>
</g>
<g>
<g transform="translate(69.097 69.097)">
<circle cx="21.128" cy="2.083" r="1"/>
<circle cx="40.677" cy="59.722" r="1"/>
<circle cx="1.059" cy="24.965" r="1"/>
<circle cx="60.747" cy="36.84" r="1"/>
<circle cx="10.833" cy="53.785" r="1"/>
<circle cx="50.972" cy="8.021" r="1"/>
<circle cx="8.021" cy="10.833" r="1"/>
<circle cx="53.785" cy="50.972" r="1"/>
<circle cx="2.083" cy="40.677" r="1"/>
<circle cx="59.722" cy="21.128" r="1"/>
<circle cx="24.965" cy="60.747" r="1"/>
<circle cx="36.84" cy="1.059" r="1"/>
</g>
<g transform="translate(68.576 68.576)">
<circle cx="14.514" cy="6.128" r="1"/>
<circle cx="48.333" cy="56.719" r="1"/>
<circle cx="1.059" cy="33.42" r="1"/>
<circle cx="61.788" cy="29.427" r="1"/>
<circle cx="17.969" cy="58.715" r="1"/>
<circle cx="44.878" cy="4.132" r="1"/>
<circle cx="4.132" cy="17.969" r="1"/>
<circle cx="58.715" cy="44.878" r="1"/>
<circle cx="6.128" cy="48.333" r="1"/>
<circle cx="56.719" cy="14.514" r="1"/>
<circle cx="33.42" cy="61.788" r="1"/>
<circle cx="29.427" cy="1.059" r="1"/>
</g>
</g>
</g>
<g opacity=".4">
<g transform="translate(71.7 71.7)">
<circle cx="28.299" cy=".955" r="1"/>
<circle cx="28.299" cy="55.642" r="1"/>
<circle cx="4.618" cy="14.635" r="1"/>
<circle cx="51.979" cy="41.962" r="1"/>
<circle cx="4.618" cy="41.962" r="1"/>
<circle cx="51.979" cy="14.635" r="1"/>
<circle cx="14.635" cy="4.618" r="1"/>
<circle cx="41.962" cy="51.979" r="1"/>
<circle cx=".955" cy="28.299" r="1"/>
<circle cx="55.642" cy="28.299" r="1"/>
<circle cx="14.635" cy="51.979" r="1"/>
<circle cx="41.962" cy="4.618" r="1"/>
</g>
<g transform="translate(72.57 72.57)">
<circle cx="20.347" cy="1.024" r="1"/>
<circle cx="34.514" cy="53.837" r="1"/>
<circle cx="1.024" cy="20.347" r="1"/>
<circle cx="53.837" cy="34.514" r="1"/>
<circle cx="8.108" cy="46.753" r="1"/>
<circle cx="46.753" cy="8.108" r="1"/>
<circle cx="8.108" cy="8.108" r="1"/>
<circle cx="46.753" cy="46.753" r="1"/>
<circle cx="1.024" cy="34.514" r="1"/>
<circle cx="53.837" cy="20.347" r="1"/>
<circle cx="20.347" cy="53.837" r="1"/>
<circle cx="34.514" cy="1.024" r="1"/>
</g>
<g>
<g transform="translate(71.875 71.875)">
<circle cx="24.549" cy="1.024" r="1"/>
<circle cx="31.701" cy="55.226" r="1"/>
<circle cx="2.865" cy="17.656" r="1"/>
<circle cx="53.385" cy="38.594" r="1"/>
<circle cx="6.441" cy="44.774" r="1"/>
<circle cx="49.809" cy="11.476" r="1"/>
<circle cx="11.476" cy="6.441" r="1"/>
<circle cx="44.774" cy="49.809" r="1"/>
<circle cx="1.024" cy="31.701" r="1"/>
<circle cx="55.226" cy="24.549" r="1"/>
<circle cx="17.656" cy="53.385" r="1"/>
<circle cx="38.594" cy="2.865" r="1"/>
</g>
<g transform="translate(71.875 71.875)">
<circle cx="17.656" cy="2.865" r="1"/>
<circle cx="38.594" cy="53.385" r="1"/>
<circle cx="1.024" cy="24.549" r="1"/>
<circle cx="55.226" cy="31.701" r="1"/>
<circle cx="11.476" cy="49.809" r="1"/>
<circle cx="44.774" cy="6.441" r="1"/>
<circle cx="6.441" cy="11.476" r="1"/>
<circle cx="49.809" cy="44.774" r="1"/>
<circle cx="2.865" cy="38.594" r="1"/>
<circle cx="53.385" cy="17.656" r="1"/>
<circle cx="24.549" cy="55.226" r="1"/>
<circle cx="31.701" cy="1.024" r="1"/>
</g>
</g>
</g>
<g opacity=".3">
<g transform="translate(74.48 74.48)">
<circle cx="23.906" cy=".92" r="1"/>
<circle cx="27.135" cy="50.122" r="1"/>
<circle cx="3.403" cy="14.618" r="1"/>
<circle cx="47.639" cy="36.424" r="1"/>
<circle cx="5.017" cy="39.219" r="1"/>
<circle cx="46.024" cy="11.823" r="1"/>
<circle cx="11.823" cy="5.017" r="1"/>
<circle cx="39.219" cy="46.024" r="1"/>
<circle cx=".92" cy="27.135" r="1"/>
<circle cx="50.122" cy="23.906" r="1"/>
<circle cx="14.618" cy="47.639" r="1"/>
<circle cx="36.424" cy="3.403" r="1"/>
</g>
<g transform="translate(75 75)">
<circle cx="17.083" cy="1.649" r="1"/>
<circle cx="32.917" cy="48.351" r="1"/>
<circle cx=".816" cy="20.191" r="1"/>
<circle cx="49.184" cy="29.809" r="1"/>
<circle cx="8.75" cy="43.542" r="1"/>
<circle cx="41.25" cy="6.458" r="1"/>
<circle cx="6.458" cy="8.75" r="1"/>
<circle cx="43.542" cy="41.25" r="1"/>
<circle cx="1.649" cy="32.917" r="1"/>
<circle cx="48.351" cy="17.083" r="1"/>
<circle cx="20.191" cy="49.184" r="1"/>
<circle cx="29.809" cy=".816" r="1"/>
</g>
<g>
<g transform="translate(75 75)">
<circle cx="20.191" cy=".816" r="1"/>
<circle cx="29.809" cy="49.184" r="1"/>
<circle cx="1.649" cy="17.083" r="1"/>
<circle cx="48.351" cy="32.917" r="1"/>
<circle cx="6.458" cy="41.25" r="1"/>
<circle cx="43.542" cy="8.75" r="1"/>
<circle cx="8.75" cy="6.458" r="1"/>
<circle cx="41.25" cy="43.542" r="1"/>
<circle cx=".816" cy="29.809" r="1"/>
<circle cx="49.184" cy="20.191" r="1"/>
<circle cx="17.083" cy="48.351" r="1"/>
<circle cx="32.917" cy="1.649" r="1"/>
</g>
<g transform="translate(74.48 74.48)">
<circle cx="14.618" cy="3.403" r="1"/>
<circle cx="36.424" cy="47.639" r="1"/>
<circle cx=".92" cy="23.906" r="1"/>
<circle cx="50.122" cy="27.135" r="1"/>
<circle cx="11.823" cy="46.024" r="1"/>
<circle cx="39.219" cy="5.017" r="1"/>
<circle cx="5.017" cy="11.823" r="1"/>
<circle cx="46.024" cy="39.219" r="1"/>
<circle cx="3.403" cy="36.424" r="1"/>
<circle cx="47.639" cy="14.618" r="1"/>
<circle cx="23.906" cy="50.122" r="1"/>
<circle cx="27.135" cy=".92" r="1"/>
</g>
</g>
</g>
<g opacity=".2">
<g transform="translate(77.257 77.257)">
<circle cx="19.861" cy=".781" r="1"/>
<circle cx="25.625" cy="44.705" r="1"/>
<circle cx="2.292" cy="14.271" r="1"/>
<circle cx="43.194" cy="31.215" r="1"/>
<circle cx="5.174" cy="36.215" r="1"/>
<circle cx="40.313" cy="9.271" r="1"/>
<circle cx="9.271" cy="5.174" r="1"/>
<circle cx="36.215" cy="40.313" r="1"/>
<circle cx=".781" cy="25.625" r="1"/>
<circle cx="44.705" cy="19.861" r="1"/>
<circle cx="14.271" cy="43.194" r="1"/>
<circle cx="31.215" cy="2.292" r="1"/>
</g>
<g transform="translate(77.257 77.257)">
<circle cx="14.271" cy="2.292" r="1"/>
<circle cx="31.215" cy="43.194" r="1"/>
<circle cx=".781" cy="19.861" r="1"/>
<circle cx="44.705" cy="25.625" r="1"/>
<circle cx="9.271" cy="40.313" r="1"/>
<circle cx="36.215" cy="5.174" r="1"/>
<circle cx="5.174" cy="9.271" r="1"/>
<circle cx="40.313" cy="36.215" r="1"/>
<circle cx="2.292" cy="31.215" r="1"/>
<circle cx="43.194" cy="14.271" r="1"/>
<circle cx="19.861" cy="44.705" r="1"/>
<circle cx="25.625" cy=".781" r="1"/>
</g>
<g>
<g transform="translate(77.778 77.778)">
<circle cx="16.493" cy=".833" r="1"/>
<circle cx="27.951" cy="43.611" r="1"/>
<circle cx=".833" cy="16.493" r="1"/>
<circle cx="43.611" cy="27.951" r="1"/>
<circle cx="6.563" cy="37.882" r="1"/>
<circle cx="37.882" cy="6.563" r="1"/>
<circle cx="6.563" cy="6.563" r="1"/>
<circle cx="37.882" cy="37.882" r="1"/>
<circle cx=".833" cy="27.951" r="1"/>
<circle cx="43.611" cy="16.493" r="1"/>
<circle cx="16.493" cy="43.611" r="1"/>
<circle cx="27.951" cy=".833" r="1"/>
</g>
<g transform="translate(77.083 77.083)">
<circle cx="11.84" cy="3.733" r="1"/>
<circle cx="33.993" cy="42.101" r="1"/>
<circle cx=".781" cy="22.917" r="1"/>
<circle cx="45.052" cy="22.917" r="1"/>
<circle cx="11.84" cy="42.101" r="1"/>
<circle cx="33.993" cy="3.733" r="1"/>
<circle cx="3.733" cy="11.84" r="1"/>
<circle cx="42.101" cy="33.993" r="1"/>
<circle cx="3.733" cy="33.993" r="1"/>
<circle cx="42.101" cy="11.84" r="1"/>
<circle cx="22.917" cy="45.052" r="1"/>
<circle cx="22.917" cy=".781" r="1"/>
</g>
</g>
</g>
<g opacity=".1">
<g transform="translate(79.688 79.688)">
<circle cx="16.424" cy=".729" r="1"/>
<circle cx="24.201" cy="39.896" r="1"/>
<circle cx="1.406" cy="13.889" r="1"/>
<circle cx="39.219" cy="26.736" r="1"/>
<circle cx="5.295" cy="33.472" r="1"/>
<circle cx="35.33" cy="7.153" r="1"/>
<circle cx="7.153" cy="5.295" r="1"/>
<circle cx="33.472" cy="35.33" r="1"/>
<circle cx=".729" cy="24.201" r="1"/>
<circle cx="39.896" cy="16.424" r="1"/>
<circle cx="13.889" cy="39.219" r="1"/>
<circle cx="26.736" cy="1.406" r="1"/>
</g>
<g transform="translate(79.34 79.34)">
<circle cx="11.823" cy="2.743" r="1"/>
<circle cx="29.497" cy="38.576" r="1"/>
<circle cx=".729" cy="19.358" r="1"/>
<circle cx="40.59" cy="21.962" r="1"/>
<circle cx="9.566" cy="37.257" r="1"/>
<circle cx="31.753" cy="4.063" r="1"/>
<circle cx="4.063" cy="9.566" r="1"/>
<circle cx="37.257" cy="31.753" r="1"/>
<circle cx="2.743" cy="29.497" r="1"/>
<circle cx="38.576" cy="11.823" r="1"/>
<circle cx="19.358" cy="40.59" r="1"/>
<circle cx="21.962" cy=".729" r="1"/>
</g>
<g>
<g transform="translate(79.688 79.688)">
<circle cx="13.889" cy="1.406" r="1"/>
<circle cx="26.736" cy="39.219" r="1"/>
<circle cx=".729" cy="16.424" r="1"/>
<circle cx="39.896" cy="24.201" r="1"/>
<circle cx="7.153" cy="35.33" r="1"/>
<circle cx="33.472" cy="5.295" r="1"/>
<circle cx="5.295" cy="7.153" r="1"/>
<circle cx="35.33" cy="33.472" r="1"/>
<circle cx="1.406" cy="26.736" r="1"/>
<circle cx="39.219" cy="13.889" r="1"/>
<circle cx="16.424" cy="39.896" r="1"/>
<circle cx="24.201" cy=".729" r="1"/>
</g>
<g transform="translate(79.34 79.34)">
<circle cx="9.566" cy="4.063" r="1"/>
<circle cx="31.753" cy="37.257" r="1"/>
<circle cx=".729" cy="21.962" r="1"/>
<circle cx="40.59" cy="19.358" r="1"/>
<circle cx="11.823" cy="38.576" r="1"/>
<circle cx="29.497" cy="2.743" r="1"/>
<circle cx="2.743" cy="11.823" r="1"/>
<circle cx="38.576" cy="29.497" r="1"/>
<circle cx="4.063" cy="31.753" r="1"/>
<circle cx="37.257" cy="9.566" r="1"/>
<circle cx="21.962" cy="40.59" r="1"/>
<circle cx="19.358" cy=".729" r="1"/>
</g>
</g>
</g>
</g>
<path d="M96.81 99.48l-1.308 10.478h8.496l-1.274-10.212c1.942-.993 3.27-3.016 3.27-5.35 0-3.316-2.683-6.004-5.994-6.004-3.31 0-5.995 2.688-5.995 6.004 0 2.142 1.12 4.022 2.805 5.085zM76 73h48v38.903c0 1.255-.59 2.438-1.592 3.194l-21.204 15.98c-.713.538-1.695.538-2.408 0l-21.204-15.98c-1.002-.756-1.592-1.94-1.592-3.194V73z" fill="url(#a)"/>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 45 KiB

3
ui/public/loop.svg
View file

@ -1,3 +0,0 @@
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M273.4 300.5l-.3 58c48.9-8.2 86.3-51 86.3-102.5 0-15.9-3.6-31-10-44.5-2.8-5.8-6-11.3-9.8-16.5l47.1-43.5c1.1 1.3 2.1 2.7 3.1 4 20.9 28 33.2 62.8 33.2 100.5v3.7c-1.5 71.5-47.6 132-111.4 154.6-12.3 4.3-25.2 7.3-38.5 8.7l-.1 57-76.2-67-26.2-23 44.4-38.7 58.4-50.8zM89 252.3c1.6-72.1 48.3-133 112.9-155.2 11.7-4 24-6.8 36.8-8.1l.1-57 76.1 66.9 26.2 23.1-44.3 38.6-58.4 50.9.2-57.9c-48.8 8.3-86 51.1-86 102.4 0 16 3.6 31.1 10.1 44.7 2.7 5.8 6 11.2 9.7 16.3l-47 43.6c-1.3-1.6-2.6-3.3-3.8-5C101.1 327.7 89 293.3 89 256v-3.7z"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 618 B

3
ui/public/okta.svg
View file

@ -1,3 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C6.49063 2 2 6.45844 2 12C2 17.5416 6.45875 22 12 22C17.5413 22 22 17.5413 22 12C22 6.45875 17.5094 2 12 2ZM12 17C9.22937 17 7 14.7706 7 12C7 9.22937 9.22937 7 12 7C14.7706 7 17 9.22937 17 12C17 14.7706 14.7706 17 12 17Z" fill="#007DC1"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 356 B

6
ui/public/perf-replication.svg
View file

@ -1,6 +0,0 @@
<svg width="20px" height="20px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g >
<path d="M19 17.628v-2.204l1.3 1.302c.4.4 1.1.3 1.4 0 .4-.4.4-1 0-1.402L19 12.62v-2.604c.3 0 .5-.1.7-.3.4-.4.4-1.002 0-1.403l-.7-.7V0H0v19.03h7.6l3.7 3.706c.4.4 1.1.3 1.4 0 .4-.4.4-1.002 0-1.402l-2.3-2.304h2.2l1.7 1.703c.4.4 1.1.3 1.4 0 .4-.4.4-1.002 0-1.403l-.3-.3h2.2l3.7 3.706c.4.4 1.1.3 1.4 0 .4-.4.4-1.002 0-1.402L19 17.628zm-10.7-.6H2V2.002h15v15.025H8.3z"/>
<path d="M17.7 21.304c-.4-.405-1-.405-1.4 0-.4.405-.4 1.113 0 1.417l1 1.018c.4.405 1.1.304 1.4 0 .4-.405.4-1.012 0-1.417l-1-1.012zm6.03-3.906c-.508-.512-1.12-.512-1.424-.102-.408.41-.408 1.126 0 1.434.407.41 1.12.307 1.425 0 .31-.308.41-1.025 0-1.332zm-3.418-5.635l.996.98c.398.39 1.095.292 1.393 0 .4-.393.4-.98 0-1.372l-1.09-1.07c-.4-.392-.995-.392-1.393 0-.3.49-.3 1.077.1 1.47z"/>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 867 B

11
ui/public/pingid.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 6.4 KiB

3
ui/public/replication.svg
View file

@ -1,3 +0,0 @@
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 512 512">
<path d="M379.076923,137.846154 L448,137.846154 L448,448 L137.846154,448 L137.846154,379.076923 L68.9230769,379.076923 L68.9230769,310.153846 L0,310.153846 L0,0 L310.153846,0 L310.153846,68.9230769 L379.076923,68.9230769 L379.076923,137.846154 Z M34.4615385,275.692308 L68.9230769,275.692308 L103.384615,275.692308 L137.846154,275.692308 L172.307692,275.692308 L275.692308,275.692308 L275.692308,172.307692 L275.692308,137.846154 L275.692308,103.384615 L275.692308,68.9230769 L275.692308,34.4615385 L34.4615385,34.4615385 L34.4615385,275.692308 Z M103.384615,344.615385 L137.846154,344.615385 L172.307692,344.615385 L344.615385,344.615385 L344.615385,172.307692 L344.615385,137.846154 L344.615385,103.384615 L310.153846,103.384615 L310.153846,137.846154 L310.153846,172.307692 L310.153846,310.153846 L172.307692,310.153846 L137.846154,310.153846 L103.384615,310.153846 L103.384615,344.615385 Z M413.538462,413.538462 L413.538462,172.307692 L379.076923,172.307692 L379.076923,379.076923 L172.307692,379.076923 L172.307692,413.538462 L413.538462,413.538462 Z"></path>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.2 KiB

3
ui/public/reply.svg
View file

@ -1,3 +0,0 @@
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M448 400s-36.8-208-224-208v-80L64 256l160 134.4v-92.3c101.6 0 171 8.9 224 101.9z"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 182 B

3
ui/public/stopwatch.svg
View file

@ -1,3 +0,0 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M2.906 3.199A6.98 6.98 0 0 1 8 1a6.98 6.98 0 0 1 5.094 2.199l.406-.406.707.707-.477.478a7 7 0 1 1-11.46 0L1.793 3.5l.707-.707.406.406zM8.5 8.106l3.83 2.211-.5.866L7.53 8.7H7.5v-6h1v5.406zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12zM7.5 1V.5H7V0h2v.5h-.5V1h-1z" />
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 334 B

4
ui/public/tour.svg
View file

@ -1,4 +0,0 @@
<svg viewBox="0 0 22 23" xmlns="http://www.w3.org/2000/svg">
<path d="M19.794 21.12v-7.76a.75.75 0 1 1 1.5 0v8.51a.75.75 0 0 1-.75.75h-19.2a.75.75 0 0 1-.75-.75V2.67a.75.75 0 0 1 .75-.75h8.942a.75.75 0 1 1 0 1.5H2.094v17.7h17.7zM6.444 9.5a.75.75 0 0 1 0-1.5h3.75a.75.75 0 1 1 0 1.5h-3.75zm0 3.479a.75.75 0 1 1 0-1.5h9a.75.75 0 1 1 0 1.5h-9zm-.004 3.478a.75.75 0 1 1 0-1.5h9a.75.75 0 1 1 0 1.5h-9z" />
<path d="M15.157 4.157a5.577 5.577 0 0 1-1.003.793 5.547 5.547 0 0 1 1.796 1.796 5.547 5.547 0 0 1 1.796-1.796 5.547 5.547 0 0 1-1.796-1.796 5.521 5.521 0 0 1-.793 1.003zM15.95 0c.175 1.475.675 2.624 1.5 3.45.825.824 1.975 1.324 3.45 1.5-1.475.174-2.625.675-3.45 1.5-.825.824-1.325 1.975-1.5 3.45-.175-1.476-.675-2.626-1.5-3.45-.825-.825-1.975-1.325-3.45-1.5 1.475-.175 2.625-.676 3.45-1.5.825-.826 1.325-1.976 1.5-3.45zM19.975 6c.07.588.27 1.047.599 1.376.329.329.787.528 1.376.598-.588.071-1.047.27-1.377.6-.329.328-.527.787-.598 1.375-.07-.587-.269-1.046-.598-1.376-.33-.33-.789-.528-1.377-.599.588-.069 1.047-.268 1.376-.598.33-.33.529-.788.599-1.377z" />
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 1 KiB

3
ui/public/vault-logo.svg
View file

@ -1,3 +0,0 @@
<svg width="22" height="22" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg" aria-label="Vault logo" class="vault-logo">
<path d="M0 0l16.9 34L34 0H0zm15 15h-2v-2h2v2zm0-3h-2v-2h2v2zm0-3h-2V7h2v2zm3 9h-2v-2h2v2zm0-3h-2v-2h2v2zm0-3h-2v-2h2v2zm0-3h-2V7h2v2zm3 6h-2v-2h2v2zm0-3h-2v-2h2v2zm-2-3V7h2v2h-2z" fill-rule="nonzero"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 339 B

20
ui/tests/integration/components/icon-test.js
View file

@ -12,26 +12,6 @@ import waitForError from 'vault/tests/helpers/wait-for-error';
module('Integration | Component | icon', function (hooks) {
setupRenderingTest(hooks);
test('it renders', async function (assert) {
await render(hbs`<Icon @name="vault-color" class="i-con" />`);
assert.dom('.i-con').exists('renders');
// non-flight icon
await render(hbs`<Icon @name="vault-logo" />`);
assert.dom('.vault-logo').exists('inlines the SVG');
assert.dom('.hs-icon').hasClass('hs-icon-l', 'Default hs class applied');
await render(hbs`<Icon @name="vault-color" class="ah" aria-hidden="true" />`);
assert.dom('.ah').hasAttribute('aria-hidden', 'true', 'renders aria-hidden');
await render(hbs`<Icon @name="vault-color" class="al" aria-label="Testing" />`);
assert.dom('.al').hasAttribute('aria-label', 'Testing', 'renders aria-label');
// non-flight icon
await render(hbs`<Icon @name="vault-logo" @size="24"/>`);
assert.dom('.hs-icon').hasClass('hs-icon-xlm', 'adds the larger size class');
});
test('it throws error when size attribute is invalid', async function (assert) {
const promise = waitForError();
render(hbs`<Icon @name="vault-color" @size="12"/>`);

958
ui/yarn.lock
View file

File diff suppressed because it is too large Load diff