chore: add storybook addon for a11y and fix violations
Co-authored-by: Dionysios Nikolopoulos <den.auth@gmail.com>
This commit is contained in:
Joren Broekema
Thomas Allmer
parent
83f9564ae0
commit
b4da3dabf0
25 changed files with 1151 additions and 1268 deletions
|
|
@ -4,3 +4,4 @@ import '@storybook/addon-notes/register';
|
||||||
import '@storybook/addon-knobs/register';
|
import '@storybook/addon-knobs/register';
|
||||||
import '@storybook/addon-links/register';
|
import '@storybook/addon-links/register';
|
||||||
import '@storybook/addon-viewport/register';
|
import '@storybook/addon-viewport/register';
|
||||||
|
import '@storybook/addon-a11y/register';
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,9 @@
|
||||||
import { configure } from '@storybook/polymer';
|
import { configure, addDecorator } from '@storybook/polymer';
|
||||||
|
import { withA11y } from '@storybook/addon-a11y';
|
||||||
import '@storybook/addon-console';
|
import '@storybook/addon-console';
|
||||||
|
|
||||||
|
addDecorator(withA11y);
|
||||||
|
|
||||||
const req = require.context('../stories', true, /\.stories\.js$/);
|
const req = require.context('../stories', true, /\.stories\.js$/);
|
||||||
function loadStories() {
|
function loadStories() {
|
||||||
req.keys().forEach(filename => req(filename));
|
req.keys().forEach(filename => req(filename));
|
||||||
|
|
|
||||||
|
|
@ -15,6 +15,7 @@
|
||||||
"@open-wc/testing-karma": "^3.1.33",
|
"@open-wc/testing-karma": "^3.1.33",
|
||||||
"@open-wc/testing-karma-bs": "^1.1.58",
|
"@open-wc/testing-karma-bs": "^1.1.58",
|
||||||
"@open-wc/testing-wallaby": "^0.1.12",
|
"@open-wc/testing-wallaby": "^0.1.12",
|
||||||
|
"@storybook/addon-a11y": "~5.0.0",
|
||||||
"@webcomponents/webcomponentsjs": "^2.2.5",
|
"@webcomponents/webcomponentsjs": "^2.2.5",
|
||||||
"babel-eslint": "^8.2.6",
|
"babel-eslint": "^8.2.6",
|
||||||
"babel-polyfill": "^6.26.0",
|
"babel-polyfill": "^6.26.0",
|
||||||
|
|
|
||||||
|
|
@ -41,10 +41,10 @@ storiesOf('Buttons|Button', module)
|
||||||
console.log('submit handler');
|
console.log('submit handler');
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<label>First name</label>
|
<label for="firstNameId">First name</label>
|
||||||
<input name="firstName" />
|
<input id="firstNameId" name="firstName" />
|
||||||
<label>Last name</label>
|
<label for="lastNameId">Last name</label>
|
||||||
<input name="lastName" />
|
<input id="lastNameId" name="lastName" />
|
||||||
<lion-button @click=${() => console.log('click handler')}>Submit</lion-button>
|
<lion-button @click=${() => console.log('click handler')}>Submit</lion-button>
|
||||||
</form>
|
</form>
|
||||||
<p>
|
<p>
|
||||||
|
|
|
||||||
|
|
@ -223,7 +223,7 @@ describe('lion-button', () => {
|
||||||
restoreMockIsIE11();
|
restoreMockIsIE11();
|
||||||
});
|
});
|
||||||
|
|
||||||
it.only('has a native button node with aria-hidden set to true', async () => {
|
it('has a native button node with aria-hidden set to true', async () => {
|
||||||
const el = await fixture('<lion-button></lion-button>');
|
const el = await fixture('<lion-button></lion-button>');
|
||||||
|
|
||||||
expect(el._nativeButtonNode.getAttribute('aria-hidden')).to.equal('true');
|
expect(el._nativeButtonNode.getAttribute('aria-hidden')).to.equal('true');
|
||||||
|
|
|
||||||
|
|
@ -563,7 +563,7 @@ describe('<lion-calendar>', () => {
|
||||||
class="calendar__day-button"
|
class="calendar__day-button"
|
||||||
tabindex="0"
|
tabindex="0"
|
||||||
aria-label="30 September 2019 Monday"
|
aria-label="30 September 2019 Monday"
|
||||||
aria-selected="false"
|
aria-pressed="false"
|
||||||
past=""
|
past=""
|
||||||
current-month="">
|
current-month="">
|
||||||
30
|
30
|
||||||
|
|
@ -1099,14 +1099,14 @@ describe('<lion-calendar>', () => {
|
||||||
expect(elObj.checkForAllDayObjs(hasAriaCurrent, [monthday])).to.equal(true);
|
expect(elObj.checkForAllDayObjs(hasAriaCurrent, [monthday])).to.equal(true);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('sets aria-selected="true" on selected date button', async () => {
|
it('sets aria-pressed="true" on selected date button', async () => {
|
||||||
const elObj = new CalendarObject(
|
const elObj = new CalendarObject(
|
||||||
await fixture(html`
|
await fixture(html`
|
||||||
<lion-calendar .selectedDate="${new Date('2000/11/12')}"></lion-calendar>
|
<lion-calendar .selectedDate="${new Date('2000/11/12')}"></lion-calendar>
|
||||||
`),
|
`),
|
||||||
);
|
);
|
||||||
const hasAriaSelected = d => d.buttonEl.getAttribute('aria-selected') === 'true';
|
const hasAriaPressed = d => d.buttonEl.getAttribute('aria-pressed') === 'true';
|
||||||
expect(elObj.checkForAllDayObjs(hasAriaSelected, [12])).to.equal(true);
|
expect(elObj.checkForAllDayObjs(hasAriaPressed, [12])).to.equal(true);
|
||||||
});
|
});
|
||||||
|
|
||||||
// This implementation mentions "button" inbetween and doesn't mention table
|
// This implementation mentions "button" inbetween and doesn't mention table
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@ describe('dayTemplate', () => {
|
||||||
class="calendar__day-button"
|
class="calendar__day-button"
|
||||||
tabindex="-1"
|
tabindex="-1"
|
||||||
aria-label="19 April 2019 Friday"
|
aria-label="19 April 2019 Friday"
|
||||||
aria-selected="false"
|
aria-pressed="false"
|
||||||
>
|
>
|
||||||
19
|
19
|
||||||
</button>
|
</button>
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,7 @@ storiesOf('Form Fundaments|Formatting and Parsing', module)
|
||||||
this functionality!
|
this functionality!
|
||||||
</p>
|
</p>
|
||||||
<lion-input
|
<lion-input
|
||||||
|
label="My input"
|
||||||
help-text="Uses model value for data synchronisation"
|
help-text="Uses model value for data synchronisation"
|
||||||
.modelValue="${'myValue'}"
|
.modelValue="${'myValue'}"
|
||||||
@model-value-changed="${({ target }) => {
|
@model-value-changed="${({ target }) => {
|
||||||
|
|
|
||||||
|
|
@ -91,7 +91,7 @@ storiesOf('Forms|Form', module).add(
|
||||||
|
|
||||||
<!-- TODO: slider -->
|
<!-- TODO: slider -->
|
||||||
|
|
||||||
<lion-textarea name="comments"></lion-textarea>
|
<lion-textarea name="comments" label="Comments"></lion-textarea>
|
||||||
|
|
||||||
<div class="buttons">
|
<div class="buttons">
|
||||||
<lion-button raised>Submit</lion-button>
|
<lion-button raised>Submit</lion-button>
|
||||||
|
|
|
||||||
|
|
@ -24,6 +24,7 @@ storiesOf('Form Fundaments|Interaction States', module)
|
||||||
'States',
|
'States',
|
||||||
() => html`
|
() => html`
|
||||||
<lion-input
|
<lion-input
|
||||||
|
label="Interaction States"
|
||||||
help-text="Interact with this field to see how dirty, touched and prefilled change"
|
help-text="Interact with this field to see how dirty, touched and prefilled change"
|
||||||
.modelValue="${'myValue'}"
|
.modelValue="${'myValue'}"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -1,2 +1,2 @@
|
||||||
export default tag =>
|
export default tag =>
|
||||||
tag`<svg focusable="false" id="Layer_1" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M32.3,27.9c0.1,0.1,7.1,7.3,17.7,7.3c10.6,0,17.7-7.2,17.7-7.3l0.7,0.7c0,0-3.6-13.9-18.4-13.9 c-14.8,0-18.4,13.9-18.4,13.9L32.3,27.9z"/></g><g><path d="M69.1,29.3c-0.5,0.6-7.8,7.9-19.1,7.9c-11.3,0-18.5-7.3-19.1-7.9c-4.6,4.9-10.5,14.3-10.5,33.3C20.4,82.4,50,91.1,50,91.1 c0,0,29.6-8.7,29.6-28.5C79.6,43.6,73.7,34.2,69.1,29.3z"/></g><g><path d="M44.7,16.1c-0.2-0.1-3.9-2-3.9-8.1h1.9c0,4.9,2.8,6.3,2.9,6.4L44.7,16.1z"/></g><g><path d="M27.2,32.7c-0.1-1-0.7-4-2.1-5c-0.4-0.3-0.9-0.4-1.5-0.3c-3.5,0.8-5,2.6-5.1,2.7L17.1,29c0.1-0.1,1.9-2.4,6.1-3.3 c1.1-0.2,2.1,0,3,0.6c2.3,1.7,2.8,5.8,2.9,6.3L27.2,32.7z"/></g><g><path d="M9.2,50.1L7.7,49c2.9-3.8,5.9-5.7,8.9-5.6c3.8,0.1,6,3.3,6.1,3.5l-1.6,1.1l0.8-0.5l-0.8,0.5c0,0-1.8-2.6-4.6-2.6 C14.2,45.2,11.7,46.8,9.2,50.1z"/></g><g><path d="M21.9,84.3c-0.3,0-3.4-0.2-5-6.7c-0.4-1.8-0.2-3.1,0.8-4c2.1-1.8,6.5-0.2,6.9,0L24,75.3c-1.6-0.6-4.2-1.1-5-0.3 c-0.5,0.4-0.4,1.4-0.2,2.1c1.2,4.9,3.1,5.2,3.1,5.2V84.3z"/></g><g><g><path d="M50,92c-0.1,0-0.2,0-0.2,0c-0.1,0-7.5-2.2-15.1-6.9c-10-6.3-15.3-14.1-15.3-22.5c0-15.3,3.8-26.8,11.3-34.5 c0.6-2,5-14.4,19.3-14.4c14.2,0,18.7,12.4,19.3,14.4c7.5,7.6,11.3,19.2,11.3,34.5c0,20.3-29.1,29.1-30.3,29.4 C50.2,92,50.1,92,50,92z M50,15.6c-13.9,0-17.4,12.7-17.5,13.2c0,0.2-0.1,0.3-0.2,0.4C25,36.5,21.3,47.7,21.3,62.5 c0,18,25.8,26.6,28.7,27.6c2.9-0.9,28.7-9.6,28.7-27.6c0-14.8-3.7-26-10.9-33.3c-0.1-0.1-0.2-0.3-0.2-0.4 C67.4,28.3,63.9,15.6,50,15.6z"/></g></g><g><path d="M55.3,16.1l-0.8-1.7l0.4,0.8l-0.4-0.8c0.1-0.1,2.9-1.5,2.9-6.4h1.9C59.3,14.1,55.5,16,55.3,16.1z"/></g><g><path d="M72.8,32.7l-1.9-0.2c0-0.5,0.5-4.7,2.9-6.3c0.9-0.6,1.9-0.8,3-0.6c4.3,1,6.1,3.2,6.1,3.3l-1.5,1.2c0,0-1.5-1.8-5.1-2.7 c-0.6-0.1-1,0-1.5,0.3C73.5,28.8,72.9,31.7,72.8,32.7z"/></g><g><path d="M90.8,50.1c-2.5-3.2-4.9-4.8-7.2-4.8c0,0-0.1,0-0.1,0c-2.8,0.1-4.6,2.6-4.6,2.6l-1.6-1.1c0.1-0.1,2.3-3.4,6.1-3.5 c3-0.1,6,1.8,8.9,5.6L90.8,50.1z"/></g><g><path d="M78.1,84.3v-1.9c0,0,1.9-0.2,3.1-5.2c0.2-0.7,0.3-1.7-0.2-2.1c-1-0.8-3.8-0.1-5,0.3l-0.7-1.8c0.5-0.2,4.9-1.8,6.9,0 c1,0.8,1.2,2.2,0.8,4C81.5,84.1,78.4,84.3,78.1,84.3z"/></g></g></svg>`;
|
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M32.3,27.9c0.1,0.1,7.1,7.3,17.7,7.3c10.6,0,17.7-7.2,17.7-7.3l0.7,0.7c0,0-3.6-13.9-18.4-13.9 c-14.8,0-18.4,13.9-18.4,13.9L32.3,27.9z"/></g><g><path d="M69.1,29.3c-0.5,0.6-7.8,7.9-19.1,7.9c-11.3,0-18.5-7.3-19.1-7.9c-4.6,4.9-10.5,14.3-10.5,33.3C20.4,82.4,50,91.1,50,91.1 c0,0,29.6-8.7,29.6-28.5C79.6,43.6,73.7,34.2,69.1,29.3z"/></g><g><path d="M44.7,16.1c-0.2-0.1-3.9-2-3.9-8.1h1.9c0,4.9,2.8,6.3,2.9,6.4L44.7,16.1z"/></g><g><path d="M27.2,32.7c-0.1-1-0.7-4-2.1-5c-0.4-0.3-0.9-0.4-1.5-0.3c-3.5,0.8-5,2.6-5.1,2.7L17.1,29c0.1-0.1,1.9-2.4,6.1-3.3 c1.1-0.2,2.1,0,3,0.6c2.3,1.7,2.8,5.8,2.9,6.3L27.2,32.7z"/></g><g><path d="M9.2,50.1L7.7,49c2.9-3.8,5.9-5.7,8.9-5.6c3.8,0.1,6,3.3,6.1,3.5l-1.6,1.1l0.8-0.5l-0.8,0.5c0,0-1.8-2.6-4.6-2.6 C14.2,45.2,11.7,46.8,9.2,50.1z"/></g><g><path d="M21.9,84.3c-0.3,0-3.4-0.2-5-6.7c-0.4-1.8-0.2-3.1,0.8-4c2.1-1.8,6.5-0.2,6.9,0L24,75.3c-1.6-0.6-4.2-1.1-5-0.3 c-0.5,0.4-0.4,1.4-0.2,2.1c1.2,4.9,3.1,5.2,3.1,5.2V84.3z"/></g><g><g><path d="M50,92c-0.1,0-0.2,0-0.2,0c-0.1,0-7.5-2.2-15.1-6.9c-10-6.3-15.3-14.1-15.3-22.5c0-15.3,3.8-26.8,11.3-34.5 c0.6-2,5-14.4,19.3-14.4c14.2,0,18.7,12.4,19.3,14.4c7.5,7.6,11.3,19.2,11.3,34.5c0,20.3-29.1,29.1-30.3,29.4 C50.2,92,50.1,92,50,92z M50,15.6c-13.9,0-17.4,12.7-17.5,13.2c0,0.2-0.1,0.3-0.2,0.4C25,36.5,21.3,47.7,21.3,62.5 c0,18,25.8,26.6,28.7,27.6c2.9-0.9,28.7-9.6,28.7-27.6c0-14.8-3.7-26-10.9-33.3c-0.1-0.1-0.2-0.3-0.2-0.4 C67.4,28.3,63.9,15.6,50,15.6z"/></g></g><g><path d="M55.3,16.1l-0.8-1.7l0.4,0.8l-0.4-0.8c0.1-0.1,2.9-1.5,2.9-6.4h1.9C59.3,14.1,55.5,16,55.3,16.1z"/></g><g><path d="M72.8,32.7l-1.9-0.2c0-0.5,0.5-4.7,2.9-6.3c0.9-0.6,1.9-0.8,3-0.6c4.3,1,6.1,3.2,6.1,3.3l-1.5,1.2c0,0-1.5-1.8-5.1-2.7 c-0.6-0.1-1,0-1.5,0.3C73.5,28.8,72.9,31.7,72.8,32.7z"/></g><g><path d="M90.8,50.1c-2.5-3.2-4.9-4.8-7.2-4.8c0,0-0.1,0-0.1,0c-2.8,0.1-4.6,2.6-4.6,2.6l-1.6-1.1c0.1-0.1,2.3-3.4,6.1-3.5 c3-0.1,6,1.8,8.9,5.6L90.8,50.1z"/></g><g><path d="M78.1,84.3v-1.9c0,0,1.9-0.2,3.1-5.2c0.2-0.7,0.3-1.7-0.2-2.1c-1-0.8-3.8-0.1-5,0.3l-0.7-1.8c0.5-0.2,4.9-1.8,6.9,0 c1,0.8,1.2,2.2,0.8,4C81.5,84.1,78.4,84.3,78.1,84.3z"/></g></g></svg>`;
|
||||||
|
|
|
||||||
|
|
@ -1,2 +1,2 @@
|
||||||
export default tag =>
|
export default tag =>
|
||||||
tag`<svg focusable="false" id="Layer_1" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><g><path d="M49.8,48.6c0.1,0,0.3,0,0.4,0c0.5,0.1,11.6,2.6,18.4,17.4c0.8-6.5,0.3-13.8,0.3-21.2C68.9,30.4,50,30.3,50,30.3 c0,0-18.9,0.1-18.9,14.5c0,7.4-0.5,14.7,0.3,21.2C38.2,51.2,49.3,48.7,49.8,48.6z"/></g><g><path d="M39.1,80.6c4,3.6,5.9,5.9,7.1,7.4c1.5,1.9,1.7,2.1,3.7,2.1c0,0,0,0,0,0c0,0,0,0,0,0c2,0,2.2-0.2,3.7-2.1 c1.2-1.5,3.1-3.8,7.1-7.4c3.4-3,5.5-7.1,6.5-12.7c-5.9-13.8-15.8-17-17.3-17.4c-1.5,0.4-11.5,3.6-17.3,17.4 C33.7,73.5,35.7,77.6,39.1,80.6z"/></g></g><g><path d="M45.2,24c-0.4-0.2-10-4.9-10-16H37c0,9.8,8.6,14.1,9,14.3L45.2,24z"/></g><g><path d="M36.2,35l-11.1-5.9c-0.4-0.2-0.6-0.8-0.4-1.2c1.6-3.3,3.5-8.6,2.7-10.1l1.7-0.9c1.3,2.4-1.2,8.5-2.3,10.9l10.3,5.5 L36.2,35z"/></g><g><path d="M12.1,42.7c-1.2,0-2.6-0.3-4-0.9L8.8,40c5.4,2.3,8.7-1.4,11-3.8c1.1-1.2,1.7-1.9,2.5-1.8c1.5,0.1,8,4,10,5.1l-1,1.6 c-3.6-2.2-7.9-4.5-9-4.9c-0.3,0.2-0.7,0.7-1.1,1.1C19.4,39.4,16.4,42.7,12.1,42.7z"/></g><g><path d="M22,83.6l-1.2-1.5c4.1-3.4,1.9-13.2,0.5-19.1c-0.8-3.6-1.2-5.1-0.7-5.9c1.1-2.1,8-5.2,10.1-6.1l0.7,1.7 c-4,1.7-8.6,4.2-9.2,5.2c-0.1,0.6,0.4,2.8,0.9,4.7C24.6,69.4,27,79.4,22,83.6z M22.2,58L22.2,58z"/></g><g><path d="M62.2,33.5c0-10.6-9.8-9.8-9.8-11.8c0-2-2.4-1.6-2.4-1.6c0,0-2.4-0.3-2.4,1.6c0,2-9.8,1.1-9.8,11.8c0,0,0,0,0,0 c5.4-3.1,12.2-3.2,12.2-3.2C50,30.3,56.8,30.4,62.2,33.5C62.2,33.5,62.2,33.5,62.2,33.5z"/></g><g><path d="M50,92C50,92,50,92,50,92c-2.9,0-3.6-0.8-5.2-2.8c-1.2-1.5-3-3.7-6.9-7.2c-8.2-7.3-8-18.9-7.8-31.2c0-2,0.1-4,0.1-6 c0-6.3,3.5-11,10.1-13.5c4.8-1.9,9.7-1.9,9.8-1.9s4.9,0.1,9.8,1.9c6.6,2.6,10.1,7.2,10,13.5l0,0c0,2,0,4,0.1,6 c0.2,12.3,0.4,23.9-7.8,31.2c-3.9,3.5-5.7,5.7-6.9,7.2C53.6,91.2,52.9,92,50,92z M50,90.1C50,90.1,50,90.1,50,90.1 c2,0,2.2-0.2,3.7-2.1c1.2-1.5,3.1-3.8,7.1-7.4c7.6-6.7,7.4-17.9,7.2-29.8c0-2-0.1-4-0.1-6l0,0c0-13.3-17.2-13.6-18-13.6 c-0.7,0-18,0.3-18,13.6c0,2,0,4-0.1,6c-0.2,11.9-0.4,23.1,7.2,29.8c4,3.6,5.9,5.9,7.1,7.4C47.8,89.9,48,90.1,50,90.1 C50,90.1,50,90.1,50,90.1z"/></g><g><path d="M62.2,34.4c-0.2,0-0.3,0-0.5-0.1c-5.1-2.9-11.5-3-11.7-3c-0.2,0-6.6,0.1-11.7,3c-0.3,0.2-0.7,0.2-1-0.1 c-0.2-0.2-0.4-0.4-0.4-0.7c0,0,0,0,0,0c0-8.1,5.4-10.1,8.3-11.2c0.5-0.2,1.3-0.5,1.5-0.7c0-0.9,0.5-1.5,0.9-1.8 c0.8-0.7,2-0.7,2.4-0.6c0.4,0,1.6-0.1,2.5,0.6c0.4,0.3,0.8,0.9,0.8,1.8c0.2,0.2,1,0.5,1.5,0.7c2.9,1.1,8.3,3.2,8.3,11.2 c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.3,0.5-0.5,0.6C62.4,34.4,62.3,34.4,62.2,34.4z M50,29.4c1,0,6.3,0.2,11.2,2.5 c-0.6-5.4-4.4-6.9-7-7.9c-1.5-0.6-2.7-1-2.7-2.3c0-0.3-0.1-0.4-0.2-0.5C51,21,50.4,21,50.1,21c-0.1,0-0.2,0-0.3,0 c-0.3,0-0.9,0-1.1,0.2c0,0-0.2,0.1-0.2,0.5c0,1.2-1.3,1.7-2.7,2.3c-2.6,1-6.4,2.4-7,7.9C44.2,29.4,49.9,29.4,50,29.4L50,29.4z M53.3,21.7C53.3,21.7,53.3,21.7,53.3,21.7C53.3,21.7,53.3,21.7,53.3,21.7z"/></g><g><path d="M54.8,24L54,22.2l0.4,0.9L54,22.2c0.4-0.2,9-4.4,9-14.3h1.9C64.9,19,55.3,23.8,54.8,24z"/></g><g><path d="M63.8,35l-0.9-1.7l10.3-5.5c-1.1-2.5-3.6-8.5-2.3-10.9l1.7,0.9c-0.8,1.4,1.1,6.7,2.7,10.1c0.2,0.5,0,1-0.4,1.2L63.8,35z"/></g><g><path d="M87.9,42.7c-4.3,0-7.3-3.2-9.1-5.2c-0.4-0.4-0.9-1-1.1-1.1c-1.1,0.3-5.4,2.7-9,4.9l-1-1.6c2-1.2,8.5-5,10-5.1 c0.8-0.1,1.5,0.6,2.5,1.8c2.2,2.4,5.6,6.1,11,3.8l0.7,1.7C90.5,42.4,89.1,42.7,87.9,42.7z M77.6,36.3L77.6,36.3L77.6,36.3z"/></g><g><path d="M78,83.6c-5-4.2-2.7-14.3-1.1-20.9c0.5-1.9,1-4.2,0.9-4.7c-0.6-1-5.2-3.5-9.2-5.2l0.7-1.7c2.1,0.9,9.1,4,10.1,6.1 c0.4,0.9,0.1,2.4-0.7,5.9c-1.4,5.8-3.6,15.6,0.5,19.1L78,83.6z M77.8,58L77.8,58L77.8,58z"/></g></g></svg>`;
|
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><g><path d="M49.8,48.6c0.1,0,0.3,0,0.4,0c0.5,0.1,11.6,2.6,18.4,17.4c0.8-6.5,0.3-13.8,0.3-21.2C68.9,30.4,50,30.3,50,30.3 c0,0-18.9,0.1-18.9,14.5c0,7.4-0.5,14.7,0.3,21.2C38.2,51.2,49.3,48.7,49.8,48.6z"/></g><g><path d="M39.1,80.6c4,3.6,5.9,5.9,7.1,7.4c1.5,1.9,1.7,2.1,3.7,2.1c0,0,0,0,0,0c0,0,0,0,0,0c2,0,2.2-0.2,3.7-2.1 c1.2-1.5,3.1-3.8,7.1-7.4c3.4-3,5.5-7.1,6.5-12.7c-5.9-13.8-15.8-17-17.3-17.4c-1.5,0.4-11.5,3.6-17.3,17.4 C33.7,73.5,35.7,77.6,39.1,80.6z"/></g></g><g><path d="M45.2,24c-0.4-0.2-10-4.9-10-16H37c0,9.8,8.6,14.1,9,14.3L45.2,24z"/></g><g><path d="M36.2,35l-11.1-5.9c-0.4-0.2-0.6-0.8-0.4-1.2c1.6-3.3,3.5-8.6,2.7-10.1l1.7-0.9c1.3,2.4-1.2,8.5-2.3,10.9l10.3,5.5 L36.2,35z"/></g><g><path d="M12.1,42.7c-1.2,0-2.6-0.3-4-0.9L8.8,40c5.4,2.3,8.7-1.4,11-3.8c1.1-1.2,1.7-1.9,2.5-1.8c1.5,0.1,8,4,10,5.1l-1,1.6 c-3.6-2.2-7.9-4.5-9-4.9c-0.3,0.2-0.7,0.7-1.1,1.1C19.4,39.4,16.4,42.7,12.1,42.7z"/></g><g><path d="M22,83.6l-1.2-1.5c4.1-3.4,1.9-13.2,0.5-19.1c-0.8-3.6-1.2-5.1-0.7-5.9c1.1-2.1,8-5.2,10.1-6.1l0.7,1.7 c-4,1.7-8.6,4.2-9.2,5.2c-0.1,0.6,0.4,2.8,0.9,4.7C24.6,69.4,27,79.4,22,83.6z M22.2,58L22.2,58z"/></g><g><path d="M62.2,33.5c0-10.6-9.8-9.8-9.8-11.8c0-2-2.4-1.6-2.4-1.6c0,0-2.4-0.3-2.4,1.6c0,2-9.8,1.1-9.8,11.8c0,0,0,0,0,0 c5.4-3.1,12.2-3.2,12.2-3.2C50,30.3,56.8,30.4,62.2,33.5C62.2,33.5,62.2,33.5,62.2,33.5z"/></g><g><path d="M50,92C50,92,50,92,50,92c-2.9,0-3.6-0.8-5.2-2.8c-1.2-1.5-3-3.7-6.9-7.2c-8.2-7.3-8-18.9-7.8-31.2c0-2,0.1-4,0.1-6 c0-6.3,3.5-11,10.1-13.5c4.8-1.9,9.7-1.9,9.8-1.9s4.9,0.1,9.8,1.9c6.6,2.6,10.1,7.2,10,13.5l0,0c0,2,0,4,0.1,6 c0.2,12.3,0.4,23.9-7.8,31.2c-3.9,3.5-5.7,5.7-6.9,7.2C53.6,91.2,52.9,92,50,92z M50,90.1C50,90.1,50,90.1,50,90.1 c2,0,2.2-0.2,3.7-2.1c1.2-1.5,3.1-3.8,7.1-7.4c7.6-6.7,7.4-17.9,7.2-29.8c0-2-0.1-4-0.1-6l0,0c0-13.3-17.2-13.6-18-13.6 c-0.7,0-18,0.3-18,13.6c0,2,0,4-0.1,6c-0.2,11.9-0.4,23.1,7.2,29.8c4,3.6,5.9,5.9,7.1,7.4C47.8,89.9,48,90.1,50,90.1 C50,90.1,50,90.1,50,90.1z"/></g><g><path d="M62.2,34.4c-0.2,0-0.3,0-0.5-0.1c-5.1-2.9-11.5-3-11.7-3c-0.2,0-6.6,0.1-11.7,3c-0.3,0.2-0.7,0.2-1-0.1 c-0.2-0.2-0.4-0.4-0.4-0.7c0,0,0,0,0,0c0-8.1,5.4-10.1,8.3-11.2c0.5-0.2,1.3-0.5,1.5-0.7c0-0.9,0.5-1.5,0.9-1.8 c0.8-0.7,2-0.7,2.4-0.6c0.4,0,1.6-0.1,2.5,0.6c0.4,0.3,0.8,0.9,0.8,1.8c0.2,0.2,1,0.5,1.5,0.7c2.9,1.1,8.3,3.2,8.3,11.2 c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.3,0.5-0.5,0.6C62.4,34.4,62.3,34.4,62.2,34.4z M50,29.4c1,0,6.3,0.2,11.2,2.5 c-0.6-5.4-4.4-6.9-7-7.9c-1.5-0.6-2.7-1-2.7-2.3c0-0.3-0.1-0.4-0.2-0.5C51,21,50.4,21,50.1,21c-0.1,0-0.2,0-0.3,0 c-0.3,0-0.9,0-1.1,0.2c0,0-0.2,0.1-0.2,0.5c0,1.2-1.3,1.7-2.7,2.3c-2.6,1-6.4,2.4-7,7.9C44.2,29.4,49.9,29.4,50,29.4L50,29.4z M53.3,21.7C53.3,21.7,53.3,21.7,53.3,21.7C53.3,21.7,53.3,21.7,53.3,21.7z"/></g><g><path d="M54.8,24L54,22.2l0.4,0.9L54,22.2c0.4-0.2,9-4.4,9-14.3h1.9C64.9,19,55.3,23.8,54.8,24z"/></g><g><path d="M63.8,35l-0.9-1.7l10.3-5.5c-1.1-2.5-3.6-8.5-2.3-10.9l1.7,0.9c-0.8,1.4,1.1,6.7,2.7,10.1c0.2,0.5,0,1-0.4,1.2L63.8,35z"/></g><g><path d="M87.9,42.7c-4.3,0-7.3-3.2-9.1-5.2c-0.4-0.4-0.9-1-1.1-1.1c-1.1,0.3-5.4,2.7-9,4.9l-1-1.6c2-1.2,8.5-5,10-5.1 c0.8-0.1,1.5,0.6,2.5,1.8c2.2,2.4,5.6,6.1,11,3.8l0.7,1.7C90.5,42.4,89.1,42.7,87.9,42.7z M77.6,36.3L77.6,36.3L77.6,36.3z"/></g><g><path d="M78,83.6c-5-4.2-2.7-14.3-1.1-20.9c0.5-1.9,1-4.2,0.9-4.7c-0.6-1-5.2-3.5-9.2-5.2l0.7-1.7c2.1,0.9,9.1,4,10.1,6.1 c0.4,0.9,0.1,2.4-0.7,5.9c-1.4,5.8-3.6,15.6,0.5,19.1L78,83.6z M77.8,58L77.8,58L77.8,58z"/></g></g></svg>`;
|
||||||
|
|
|
||||||
|
|
@ -1,2 +1,2 @@
|
||||||
export default tag =>
|
export default tag =>
|
||||||
tag`<svg focusable="false" id="Layer_1" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M36.1,38.4c-0.2,0-4.9-0.9-7.6-4.6c-1.5-2-4.1-3.5-6.1-3.5c0,0,0,0,0,0c-0.8,0-1.4,0.3-1.8,0.8L19,30 c0.7-1,1.9-1.6,3.3-1.6c0,0,0,0,0.1,0c2.6,0,5.7,1.8,7.6,4.3c2.3,3.1,6.4,3.9,6.4,3.9L36.1,38.4z"/></g><g><path d="M19.8,63.9V62c5.2,0,6.8-2.9,8.4-9.4c1.7-6.6,9.7-7.3,10.1-7.3l0.1,1.9l-0.1-0.9l0.1,0.9c-0.1,0-7.1,0.6-8.4,5.9 C28.6,59,26.8,63.9,19.8,63.9z"/></g><g><path d="M26.4,92.5c-0.4,0-0.9,0-1.3-0.1l0.2-1.9c2.1,0.2,3.7-0.2,4.8-1.3c2.9-2.9,1.8-10.4,1.1-15.3c-0.2-1.7-0.4-3.2-0.5-4.3 c-0.1-5.1,3.8-6.8,5.9-7l0.2,1.9c-0.4,0-4.3,0.5-4.2,5.1c0,1,0.2,2.4,0.5,4.1c0.8,5.6,1.8,13.3-1.7,16.9 C30.2,91.9,28.5,92.5,26.4,92.5z"/></g><g><path d="M50,80.1c-6.5,0-10.8-3.4-13-10.2c-1.8-5.6-1.8-12.5-1.8-18v-0.5c0-2.2,0.8-4.1,2.3-5.6c4.1-4,12.1-3.9,12.4-3.9 c0.3,0,8.4-0.1,12.4,3.9c1.5,1.5,2.3,3.4,2.3,5.6v0.5c0,5.5,0,12.4-1.8,18C60.8,76.6,56.5,80.1,50,80.1z M50,43.7 c-0.6,0-7.7,0.1-11.1,3.4c-1.2,1.2-1.7,2.5-1.7,4.3v0.5c0,5.4,0,12.1,1.7,17.4c1.9,6,5.5,8.9,11.2,8.9c5.6,0,9.3-2.9,11.2-8.9 c1.7-5.3,1.7-12,1.7-17.4v-0.5c0-1.7-0.6-3.1-1.7-4.3C57.6,43.6,50.1,43.7,50,43.7C50,43.7,50,43.7,50,43.7z"/></g><g><path d="M63.9,38.4l-0.3-1.9l0.2,0.9l-0.2-0.9c0,0,4.1-0.8,6.4-3.9c1.9-2.6,5.1-4.3,7.7-4.3c1.4,0,2.6,0.6,3.3,1.6l-1.5,1.1 c-0.4-0.5-1-0.8-1.8-0.8c-2,0-4.6,1.5-6.2,3.5C68.7,37.6,64.1,38.4,63.9,38.4z"/></g><g><path d="M80.2,63.9c-7,0-8.8-4.9-10.3-10.8c-1.3-5.3-8.3-5.9-8.4-5.9l0.1-1.9c0.3,0,8.4,0.7,10.1,7.3c1.6,6.5,3.2,9.4,8.4,9.4 V63.9z"/></g><g><path d="M73.6,92.5c-2.1,0-3.8-0.6-5-1.9c-3.5-3.6-2.4-11.3-1.7-16.9c0.2-1.7,0.4-3.1,0.5-4.1c0.1-4.5-3.7-5-4.2-5.1l0.2-1.9 c2.1,0.2,6,1.9,5.9,7c0,1.1-0.2,2.6-0.5,4.3c-0.7,4.9-1.7,12.4,1.1,15.3c1.1,1.1,2.6,1.5,4.8,1.3l0.2,1.9 C74.4,92.5,74,92.5,73.6,92.5z"/></g><g><path d="M59.1,25.1c-2.4,0,2.6-3,0.7-6h-3.3c0-8.3-3.8-10.7-3.8-10.7v10.7H50h-2.6V8.5c0,0-3.8,2.3-3.8,10.7h-3.4 c-1.9,3,3.1,6,0.7,6c-2.4,0-4.7,3.3-4.7,11.2c0,7.8,7.9,7.1,8,7.1c3-0.7,5.8-0.7,5.8-0.7c0,0,2.8,0,5.8,0.7c0.1,0,8,0.7,8-7.1 C63.8,28.5,61.5,25.1,59.1,25.1z"/></g><g><path d="M56.3,44.4c-0.4,0-0.6,0-0.6,0c0,0-0.1,0-0.1,0c-2.9-0.7-5.5-0.7-5.6-0.7c-0.1,0-2.7,0-5.6,0.7c0,0-0.1,0-0.1,0 c-0.2,0-4,0.3-6.7-2.1c-1.5-1.4-2.3-3.4-2.3-6c0-9.8,3.3-11.7,5-12c0,0-0.1-0.1-0.1-0.1c-0.8-1.2-2.1-3.3-0.8-5.5 c0.2-0.3,0.5-0.4,0.8-0.4h2.4c0.3-8,4.1-10.4,4.3-10.5c0.3-0.2,0.7-0.2,1,0c0.3,0.2,0.5,0.5,0.5,0.8v9.7h3.3V8.5 c0-0.3,0.2-0.7,0.5-0.8c0.3-0.2,0.7-0.2,1,0c0.2,0.1,4,2.5,4.3,10.5h2.4c0.3,0,0.6,0.2,0.8,0.4c1.4,2.2,0,4.3-0.8,5.5 c0,0,0,0.1-0.1,0.1c1.7,0.3,5,2.2,5,12c0,2.6-0.8,4.6-2.3,6C60.4,44.1,57.6,44.4,56.3,44.4z M55.9,42.5c0.4,0,3.3,0.1,5.2-1.6 c1.1-1,1.7-2.6,1.7-4.6c0-7.1-1.9-10.2-3.7-10.2c-0.7,0-1.2-0.2-1.5-0.7c-0.4-0.7,0.1-1.4,0.6-2.3c0.7-1.1,1.3-2.1,1-3.1h-2.8 c-0.5,0-0.9-0.4-0.9-0.9c0-4.2-1-6.8-2-8.2v8.2c0,0.5-0.4,0.9-0.9,0.9h-5.2c-0.5,0-0.9-0.4-0.9-0.9v-8.2c-0.9,1.5-2,4-2,8.2 c0,0.5-0.4,0.9-0.9,0.9h-2.8c-0.3,0.9,0.2,1.9,1,3.1c0.5,0.8,1,1.5,0.6,2.3c-0.3,0.5-0.7,0.7-1.5,0.7c-1.9,0-3.7,3.2-3.7,10.2 c0,2,0.6,3.5,1.7,4.6c1.9,1.7,4.8,1.6,5.2,1.6c3.1-0.7,5.8-0.7,6-0.7C50.1,41.8,52.9,41.7,55.9,42.5z"/></g><g><g><path d="M49.8,42.7H50C50,42.7,49.9,42.7,49.8,42.7z"/></g><g><path d="M50.2,42.7c-0.1,0-0.1,0-0.2,0H50.2z"/></g><g><polygon points="50,79.1 50,79.1 50,79.1 "/></g><g><path d="M63.8,51.3c0-7.4-9.7-8.4-12.8-8.6v36.3C64,78.3,63.8,61.9,63.8,51.3z"/></g><g><path d="M49.1,42.7c-3.1,0.1-12.8,1.2-12.8,8.6c0,10.6-0.2,27,12.8,27.8V42.7z"/></g></g></g></svg>`;
|
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M36.1,38.4c-0.2,0-4.9-0.9-7.6-4.6c-1.5-2-4.1-3.5-6.1-3.5c0,0,0,0,0,0c-0.8,0-1.4,0.3-1.8,0.8L19,30 c0.7-1,1.9-1.6,3.3-1.6c0,0,0,0,0.1,0c2.6,0,5.7,1.8,7.6,4.3c2.3,3.1,6.4,3.9,6.4,3.9L36.1,38.4z"/></g><g><path d="M19.8,63.9V62c5.2,0,6.8-2.9,8.4-9.4c1.7-6.6,9.7-7.3,10.1-7.3l0.1,1.9l-0.1-0.9l0.1,0.9c-0.1,0-7.1,0.6-8.4,5.9 C28.6,59,26.8,63.9,19.8,63.9z"/></g><g><path d="M26.4,92.5c-0.4,0-0.9,0-1.3-0.1l0.2-1.9c2.1,0.2,3.7-0.2,4.8-1.3c2.9-2.9,1.8-10.4,1.1-15.3c-0.2-1.7-0.4-3.2-0.5-4.3 c-0.1-5.1,3.8-6.8,5.9-7l0.2,1.9c-0.4,0-4.3,0.5-4.2,5.1c0,1,0.2,2.4,0.5,4.1c0.8,5.6,1.8,13.3-1.7,16.9 C30.2,91.9,28.5,92.5,26.4,92.5z"/></g><g><path d="M50,80.1c-6.5,0-10.8-3.4-13-10.2c-1.8-5.6-1.8-12.5-1.8-18v-0.5c0-2.2,0.8-4.1,2.3-5.6c4.1-4,12.1-3.9,12.4-3.9 c0.3,0,8.4-0.1,12.4,3.9c1.5,1.5,2.3,3.4,2.3,5.6v0.5c0,5.5,0,12.4-1.8,18C60.8,76.6,56.5,80.1,50,80.1z M50,43.7 c-0.6,0-7.7,0.1-11.1,3.4c-1.2,1.2-1.7,2.5-1.7,4.3v0.5c0,5.4,0,12.1,1.7,17.4c1.9,6,5.5,8.9,11.2,8.9c5.6,0,9.3-2.9,11.2-8.9 c1.7-5.3,1.7-12,1.7-17.4v-0.5c0-1.7-0.6-3.1-1.7-4.3C57.6,43.6,50.1,43.7,50,43.7C50,43.7,50,43.7,50,43.7z"/></g><g><path d="M63.9,38.4l-0.3-1.9l0.2,0.9l-0.2-0.9c0,0,4.1-0.8,6.4-3.9c1.9-2.6,5.1-4.3,7.7-4.3c1.4,0,2.6,0.6,3.3,1.6l-1.5,1.1 c-0.4-0.5-1-0.8-1.8-0.8c-2,0-4.6,1.5-6.2,3.5C68.7,37.6,64.1,38.4,63.9,38.4z"/></g><g><path d="M80.2,63.9c-7,0-8.8-4.9-10.3-10.8c-1.3-5.3-8.3-5.9-8.4-5.9l0.1-1.9c0.3,0,8.4,0.7,10.1,7.3c1.6,6.5,3.2,9.4,8.4,9.4 V63.9z"/></g><g><path d="M73.6,92.5c-2.1,0-3.8-0.6-5-1.9c-3.5-3.6-2.4-11.3-1.7-16.9c0.2-1.7,0.4-3.1,0.5-4.1c0.1-4.5-3.7-5-4.2-5.1l0.2-1.9 c2.1,0.2,6,1.9,5.9,7c0,1.1-0.2,2.6-0.5,4.3c-0.7,4.9-1.7,12.4,1.1,15.3c1.1,1.1,2.6,1.5,4.8,1.3l0.2,1.9 C74.4,92.5,74,92.5,73.6,92.5z"/></g><g><path d="M59.1,25.1c-2.4,0,2.6-3,0.7-6h-3.3c0-8.3-3.8-10.7-3.8-10.7v10.7H50h-2.6V8.5c0,0-3.8,2.3-3.8,10.7h-3.4 c-1.9,3,3.1,6,0.7,6c-2.4,0-4.7,3.3-4.7,11.2c0,7.8,7.9,7.1,8,7.1c3-0.7,5.8-0.7,5.8-0.7c0,0,2.8,0,5.8,0.7c0.1,0,8,0.7,8-7.1 C63.8,28.5,61.5,25.1,59.1,25.1z"/></g><g><path d="M56.3,44.4c-0.4,0-0.6,0-0.6,0c0,0-0.1,0-0.1,0c-2.9-0.7-5.5-0.7-5.6-0.7c-0.1,0-2.7,0-5.6,0.7c0,0-0.1,0-0.1,0 c-0.2,0-4,0.3-6.7-2.1c-1.5-1.4-2.3-3.4-2.3-6c0-9.8,3.3-11.7,5-12c0,0-0.1-0.1-0.1-0.1c-0.8-1.2-2.1-3.3-0.8-5.5 c0.2-0.3,0.5-0.4,0.8-0.4h2.4c0.3-8,4.1-10.4,4.3-10.5c0.3-0.2,0.7-0.2,1,0c0.3,0.2,0.5,0.5,0.5,0.8v9.7h3.3V8.5 c0-0.3,0.2-0.7,0.5-0.8c0.3-0.2,0.7-0.2,1,0c0.2,0.1,4,2.5,4.3,10.5h2.4c0.3,0,0.6,0.2,0.8,0.4c1.4,2.2,0,4.3-0.8,5.5 c0,0,0,0.1-0.1,0.1c1.7,0.3,5,2.2,5,12c0,2.6-0.8,4.6-2.3,6C60.4,44.1,57.6,44.4,56.3,44.4z M55.9,42.5c0.4,0,3.3,0.1,5.2-1.6 c1.1-1,1.7-2.6,1.7-4.6c0-7.1-1.9-10.2-3.7-10.2c-0.7,0-1.2-0.2-1.5-0.7c-0.4-0.7,0.1-1.4,0.6-2.3c0.7-1.1,1.3-2.1,1-3.1h-2.8 c-0.5,0-0.9-0.4-0.9-0.9c0-4.2-1-6.8-2-8.2v8.2c0,0.5-0.4,0.9-0.9,0.9h-5.2c-0.5,0-0.9-0.4-0.9-0.9v-8.2c-0.9,1.5-2,4-2,8.2 c0,0.5-0.4,0.9-0.9,0.9h-2.8c-0.3,0.9,0.2,1.9,1,3.1c0.5,0.8,1,1.5,0.6,2.3c-0.3,0.5-0.7,0.7-1.5,0.7c-1.9,0-3.7,3.2-3.7,10.2 c0,2,0.6,3.5,1.7,4.6c1.9,1.7,4.8,1.6,5.2,1.6c3.1-0.7,5.8-0.7,6-0.7C50.1,41.8,52.9,41.7,55.9,42.5z"/></g><g><g><path d="M49.8,42.7H50C50,42.7,49.9,42.7,49.8,42.7z"/></g><g><path d="M50.2,42.7c-0.1,0-0.1,0-0.2,0H50.2z"/></g><g><polygon points="50,79.1 50,79.1 50,79.1 "/></g><g><path d="M63.8,51.3c0-7.4-9.7-8.4-12.8-8.6v36.3C64,78.3,63.8,61.9,63.8,51.3z"/></g><g><path d="M49.1,42.7c-3.1,0.1-12.8,1.2-12.8,8.6c0,10.6-0.2,27,12.8,27.8V42.7z"/></g></g></g></svg>`;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +1,2 @@
|
||||||
export default tag =>
|
export default tag =>
|
||||||
tag`<svg focusable="false" id="Layer_1" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M45.4,49.5c-0.4,0-0.8-0.1-1.3-0.3c-1.8-0.7-3.3-2.7-4.7-6c-2.8-6.8-10-15.6-11.4-16.1c0,0,0,0,0.1,0v-1.9 c2.5,0,10.5,11.1,13,17.2c2.3,5.7,4.5,5,4.5,5l0.8,1.7C46.4,49.4,46,49.5,45.4,49.5z"/></g><g><path d="M19.9,68l-0.2-1.9c3.1-0.4,10.7-7.8,14.7-11.8c2.1-2.1,3.3-3.2,3.8-3.6c2.1-1.3,6.9,2.9,9.6,5.6l-1.3,1.3 c-3.1-3-6.5-5.5-7.3-5.3c-0.4,0.2-1.9,1.7-3.5,3.3C29.6,61.7,23.4,67.6,19.9,68z"/></g><g><path d="M25.7,92.2l-0.1-1.9c0.1,0,1.7-0.2,5.5-9.1c2.1-5,4.1-11,5.1-14.4c1.6-5.8,7.7-6.7,10.6-6.4l-0.2,1.9c-0.3,0-7-0.7-8.6,5 C38,67.6,30.9,92,25.7,92.2z"/></g><g><path d="M41,24.5c-1.7,0-3.8-0.2-4.8-1.1c-0.5-0.4-0.8-1-0.8-1.6c-0.1-1.2,0.8-2.4,1.8-3.7c1.8-2.4,4-5.3,2.4-9.7l1.8-0.6 c1.9,5.4-0.8,9-2.7,11.5c-0.7,0.9-1.5,1.9-1.4,2.4c0,0.1,0,0.1,0.2,0.3c0.9,0.8,4.2,0.8,6.2,0.5l0.2,1.9 C43.4,24.4,42.2,24.5,41,24.5z"/></g><g><path d="M56,66.3c-2.8-1.8-3.1-6.3-3.1-12.3s2.6-6.1,2.6-10.8s-2.9-5.2-2.9-7.2c0-2,4.8,0.6,4.8-8S50,19.5,50,19.5s-7.3,0-7.3,8.5 s4.8,6,4.8,8c0,2-2.9,2.5-2.9,7.2s2.6,4.8,2.6,10.8S46.9,64.5,44,66.3c-2.8,1.8-3.7,4.3-3.7,7.5s1.9,9.8,9.7,9.8s9.7-6.5,9.7-9.8 S58.8,68.1,56,66.3z"/></g><g><path d="M50,84.6c-8.4,0-10.6-7-10.6-10.7c0-3.9,1.3-6.5,4.1-8.3c2.5-1.6,2.7-6.3,2.7-11.5c0-2.9-0.6-4.3-1.3-5.7 c-0.6-1.3-1.3-2.7-1.3-5.1c0-3.2,1.2-4.7,2.1-5.8c0.5-0.6,0.8-1,0.8-1.4c-0.1-0.1-0.4-0.1-0.6-0.2c-2.1-0.7-4.3-1.9-4.3-7.8 c0-9.4,8.2-9.5,8.3-9.5s8.3,0.1,8.3,9.5c0,5.9-2.2,7.2-4.3,7.8c-0.2,0.1-0.4,0.1-0.6,0.2c0,0.4,0.3,0.8,0.8,1.4 c0.9,1.1,2.1,2.6,2.1,5.8c0,2.4-0.6,3.8-1.3,5.1c-0.7,1.4-1.3,2.8-1.3,5.7c0,5.1,0.2,9.9,2.7,11.5l0,0c2.9,1.8,4.1,4.4,4.1,8.3 C60.6,77.6,58.4,84.6,50,84.6z M50,20.4c-0.3,0-6.4,0.1-6.4,7.6c0,5.1,1.7,5.6,3,6c0.7,0.2,1.9,0.6,1.9,2c0,1.1-0.6,1.9-1.2,2.6 c-0.8,1-1.7,2.1-1.7,4.6c0,2,0.5,3.1,1.1,4.3c0.7,1.5,1.5,3.1,1.5,6.5c0,5.9-0.3,10.9-3.6,13.1c-2.3,1.5-3.3,3.5-3.3,6.7 c0,0.4,0.1,8.8,8.7,8.8s8.7-8.5,8.7-8.8c0-3.3-1-5.3-3.3-6.7l0,0c-3.3-2.1-3.6-7.2-3.6-13.1c0-3.4,0.8-5,1.5-6.5 c0.6-1.2,1.1-2.3,1.1-4.3c0-2.5-0.9-3.6-1.7-4.6c-0.6-0.7-1.2-1.5-1.2-2.6c0-1.3,1.1-1.7,1.9-2c1.3-0.4,3-1,3-6 C56.4,20.5,50.3,20.4,50,20.4z"/></g><g><path d="M54.6,49.5c-0.6,0-1-0.2-1-0.2l0.8-1.7L54,48.5l0.4-0.9c0,0,2.1,0.7,4.5-5c2.5-6.1,10.5-17.2,13-17.2v1.9 c0.1,0,0.1,0,0.1,0c-1.4,0.5-8.6,9.3-11.4,16.1c-1.3,3.3-2.9,5.3-4.7,6C55.4,49.5,54.9,49.5,54.6,49.5z"/></g><g><path d="M80.1,68c-3.5-0.4-9.7-6.3-15.8-12.4c-1.6-1.6-3.1-3-3.5-3.3c-0.8-0.2-4.2,2.3-7.3,5.3l-1.3-1.3c2.7-2.7,7.5-6.9,9.6-5.6 c0.6,0.4,1.7,1.5,3.8,3.6c4.1,4,11.6,11.4,14.7,11.8L80.1,68z"/></g><g><path d="M74.3,92.2C69.1,92,62,67.6,62,67.3c-1.6-5.7-8.3-5.1-8.6-5l-0.2-1.9c3-0.3,9,0.6,10.6,6.4c1,3.4,3,9.3,5.1,14.4 c3.8,8.9,5.4,9.1,5.5,9.1L74.3,92.2z"/></g><g><path d="M59,24.5c-1.3,0-2.4-0.1-2.8-0.2l0.2-1.9c2,0.2,5.3,0.3,6.2-0.5c0.1-0.1,0.2-0.2,0.2-0.3c0-0.5-0.7-1.5-1.4-2.4 c-1.8-2.4-4.6-6.1-2.7-11.5l1.8,0.6c-1.6,4.4,0.6,7.3,2.4,9.7c1,1.3,1.9,2.5,1.8,3.7c0,0.6-0.3,1.2-0.8,1.6 C62.8,24.3,60.8,24.5,59,24.5z"/></g></g></svg>`;
|
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M45.4,49.5c-0.4,0-0.8-0.1-1.3-0.3c-1.8-0.7-3.3-2.7-4.7-6c-2.8-6.8-10-15.6-11.4-16.1c0,0,0,0,0.1,0v-1.9 c2.5,0,10.5,11.1,13,17.2c2.3,5.7,4.5,5,4.5,5l0.8,1.7C46.4,49.4,46,49.5,45.4,49.5z"/></g><g><path d="M19.9,68l-0.2-1.9c3.1-0.4,10.7-7.8,14.7-11.8c2.1-2.1,3.3-3.2,3.8-3.6c2.1-1.3,6.9,2.9,9.6,5.6l-1.3,1.3 c-3.1-3-6.5-5.5-7.3-5.3c-0.4,0.2-1.9,1.7-3.5,3.3C29.6,61.7,23.4,67.6,19.9,68z"/></g><g><path d="M25.7,92.2l-0.1-1.9c0.1,0,1.7-0.2,5.5-9.1c2.1-5,4.1-11,5.1-14.4c1.6-5.8,7.7-6.7,10.6-6.4l-0.2,1.9c-0.3,0-7-0.7-8.6,5 C38,67.6,30.9,92,25.7,92.2z"/></g><g><path d="M41,24.5c-1.7,0-3.8-0.2-4.8-1.1c-0.5-0.4-0.8-1-0.8-1.6c-0.1-1.2,0.8-2.4,1.8-3.7c1.8-2.4,4-5.3,2.4-9.7l1.8-0.6 c1.9,5.4-0.8,9-2.7,11.5c-0.7,0.9-1.5,1.9-1.4,2.4c0,0.1,0,0.1,0.2,0.3c0.9,0.8,4.2,0.8,6.2,0.5l0.2,1.9 C43.4,24.4,42.2,24.5,41,24.5z"/></g><g><path d="M56,66.3c-2.8-1.8-3.1-6.3-3.1-12.3s2.6-6.1,2.6-10.8s-2.9-5.2-2.9-7.2c0-2,4.8,0.6,4.8-8S50,19.5,50,19.5s-7.3,0-7.3,8.5 s4.8,6,4.8,8c0,2-2.9,2.5-2.9,7.2s2.6,4.8,2.6,10.8S46.9,64.5,44,66.3c-2.8,1.8-3.7,4.3-3.7,7.5s1.9,9.8,9.7,9.8s9.7-6.5,9.7-9.8 S58.8,68.1,56,66.3z"/></g><g><path d="M50,84.6c-8.4,0-10.6-7-10.6-10.7c0-3.9,1.3-6.5,4.1-8.3c2.5-1.6,2.7-6.3,2.7-11.5c0-2.9-0.6-4.3-1.3-5.7 c-0.6-1.3-1.3-2.7-1.3-5.1c0-3.2,1.2-4.7,2.1-5.8c0.5-0.6,0.8-1,0.8-1.4c-0.1-0.1-0.4-0.1-0.6-0.2c-2.1-0.7-4.3-1.9-4.3-7.8 c0-9.4,8.2-9.5,8.3-9.5s8.3,0.1,8.3,9.5c0,5.9-2.2,7.2-4.3,7.8c-0.2,0.1-0.4,0.1-0.6,0.2c0,0.4,0.3,0.8,0.8,1.4 c0.9,1.1,2.1,2.6,2.1,5.8c0,2.4-0.6,3.8-1.3,5.1c-0.7,1.4-1.3,2.8-1.3,5.7c0,5.1,0.2,9.9,2.7,11.5l0,0c2.9,1.8,4.1,4.4,4.1,8.3 C60.6,77.6,58.4,84.6,50,84.6z M50,20.4c-0.3,0-6.4,0.1-6.4,7.6c0,5.1,1.7,5.6,3,6c0.7,0.2,1.9,0.6,1.9,2c0,1.1-0.6,1.9-1.2,2.6 c-0.8,1-1.7,2.1-1.7,4.6c0,2,0.5,3.1,1.1,4.3c0.7,1.5,1.5,3.1,1.5,6.5c0,5.9-0.3,10.9-3.6,13.1c-2.3,1.5-3.3,3.5-3.3,6.7 c0,0.4,0.1,8.8,8.7,8.8s8.7-8.5,8.7-8.8c0-3.3-1-5.3-3.3-6.7l0,0c-3.3-2.1-3.6-7.2-3.6-13.1c0-3.4,0.8-5,1.5-6.5 c0.6-1.2,1.1-2.3,1.1-4.3c0-2.5-0.9-3.6-1.7-4.6c-0.6-0.7-1.2-1.5-1.2-2.6c0-1.3,1.1-1.7,1.9-2c1.3-0.4,3-1,3-6 C56.4,20.5,50.3,20.4,50,20.4z"/></g><g><path d="M54.6,49.5c-0.6,0-1-0.2-1-0.2l0.8-1.7L54,48.5l0.4-0.9c0,0,2.1,0.7,4.5-5c2.5-6.1,10.5-17.2,13-17.2v1.9 c0.1,0,0.1,0,0.1,0c-1.4,0.5-8.6,9.3-11.4,16.1c-1.3,3.3-2.9,5.3-4.7,6C55.4,49.5,54.9,49.5,54.6,49.5z"/></g><g><path d="M80.1,68c-3.5-0.4-9.7-6.3-15.8-12.4c-1.6-1.6-3.1-3-3.5-3.3c-0.8-0.2-4.2,2.3-7.3,5.3l-1.3-1.3c2.7-2.7,7.5-6.9,9.6-5.6 c0.6,0.4,1.7,1.5,3.8,3.6c4.1,4,11.6,11.4,14.7,11.8L80.1,68z"/></g><g><path d="M74.3,92.2C69.1,92,62,67.6,62,67.3c-1.6-5.7-8.3-5.1-8.6-5l-0.2-1.9c3-0.3,9,0.6,10.6,6.4c1,3.4,3,9.3,5.1,14.4 c3.8,8.9,5.4,9.1,5.5,9.1L74.3,92.2z"/></g><g><path d="M59,24.5c-1.3,0-2.4-0.1-2.8-0.2l0.2-1.9c2,0.2,5.3,0.3,6.2-0.5c0.1-0.1,0.2-0.2,0.2-0.3c0-0.5-0.7-1.5-1.4-2.4 c-1.8-2.4-4.6-6.1-2.7-11.5l1.8,0.6c-1.6,4.4,0.6,7.3,2.4,9.7c1,1.3,1.9,2.5,1.8,3.7c0,0.6-0.3,1.2-0.8,1.6 C62.8,24.3,60.8,24.5,59,24.5z"/></g></g></svg>`;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +1,2 @@
|
||||||
export default tag =>
|
export default tag =>
|
||||||
tag`<svg focusable="false" id="Layer_1" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><g><polygon points="42.9,32.1 42.9,32.1 42.9,32.1 "/></g><g><path d="M57.5,33.1c-2.8,3-5.6,3-7.5,3c-1.9,0-4.7,0-7.5-3c-1.1,2.7-3.9,11.1-3.9,23.2c0,15,6,28.2,11.4,28.2 c5.3,0,11.4-13.2,11.4-28.2C61.4,44.1,58.5,35.8,57.5,33.1z"/></g></g><g><path d="M43.7,31.5c2.3,2.7,4.6,2.7,6.3,2.7s4,0,6.3-2.7l0.7,0.6c-2.5-8-7.1-7.9-7.1-7.9s-4.5-0.1-7.1,7.9l0,0L43.7,31.5z"/></g><g><path d="M42.5,33l-7.2-3.5c-0.3-0.1-0.5-0.4-0.5-0.8c-0.2-2.4-1.5-8.5-4.5-8.5v-1.9c4.7,0,6.1,7.6,6.4,9.7l6.7,3.2L42.5,33z"/></g><g><path d="M25.5,59.1l-0.9-1.7c3.1-1.7,5.1-9.3,5.6-12c0.1-0.4,0.4-0.7,0.7-0.8l8.5-1.9l0.4,1.8l-7.9,1.7 C31.4,48.8,29.5,57,25.5,59.1z"/></g><g><path d="M34.9,92.3l-1.5-1.1c2.8-3.7-0.9-17.4-2.6-22.3c-0.1-0.4,0-0.8,0.3-1l7.2-6.3l1.2,1.4l-6.8,5.9 C34,72.4,38.6,87.5,34.9,92.3z"/></g><g><g><path d="M50,85.5c-6.3,0-12.3-14.2-12.3-29.2c0-14.6,4-23.7,4.4-24.5c2.7-8.5,7.7-8.5,8-8.5c0.2,0,5.2,0,7.9,8.5 c0.4,0.9,4.4,10,4.4,24.5C62.3,71.3,56.3,85.5,50,85.5z M50,25.1c-0.2,0-3.9,0.1-6.2,7.3c0,0,0,0.1,0,0.1c0,0.1-4.2,9.2-4.2,23.8 c0,14.4,5.8,27.3,10.4,27.3c4.6,0,10.4-12.8,10.4-27.3c0-14.6-4.2-23.7-4.2-23.8c0,0,0-0.1,0-0.1C53.9,25.3,50.2,25.1,50,25.1z"/></g></g><g><path d="M57.5,33l-0.8-1.7l6.7-3.2c0.3-2.1,1.6-9.7,6.4-9.7v1.9c-3.1,0-4.3,6.1-4.5,8.5c0,0.3-0.2,0.6-0.5,0.8L57.5,33z"/></g><g><path d="M74.5,59.1c-3.9-2.2-5.9-10.4-6.4-12.7l-7.9-1.7l0.4-1.8l8.5,1.9c0.4,0.1,0.7,0.4,0.7,0.8c0.5,2.8,2.5,10.3,5.6,12 L74.5,59.1z"/></g><g><path d="M65.1,92.3c-3.7-4.8,0.9-19.9,2.1-23.5l-6.8-5.9l1.2-1.4l7.2,6.3c0.3,0.3,0.4,0.7,0.3,1c-1.7,5-5.4,18.6-2.6,22.3 L65.1,92.3z"/></g><g><path d="M23.3,50.8c-4-5.2-4.4-11.9-4.4-12.2c0,0,0,0,0-0.1c0-21.3,9.3-30.8,18.5-30.8c10.3,0,11.2,16.6,11.3,17.3L46.7,25 c0-0.2-0.8-15.5-9.4-15.5c-8.3,0-16.6,8.9-16.6,28.9c0,0.4,0.5,6.6,4.1,11.1L23.3,50.8z"/></g><g><path d="M76.7,50.8l-1.5-1.2c3.5-4.5,4-10.7,4.1-11.1c0-20-8.4-28.9-16.6-28.9c-8.6,0-9.4,15.3-9.4,15.5l-1.9-0.1 c0-0.7,0.9-17.3,11.3-17.3c9.2,0,18.5,9.5,18.5,30.8c0,0,0,0,0,0.1C81.1,38.8,80.7,45.6,76.7,50.8z"/></g></g></svg>`;
|
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><g><polygon points="42.9,32.1 42.9,32.1 42.9,32.1 "/></g><g><path d="M57.5,33.1c-2.8,3-5.6,3-7.5,3c-1.9,0-4.7,0-7.5-3c-1.1,2.7-3.9,11.1-3.9,23.2c0,15,6,28.2,11.4,28.2 c5.3,0,11.4-13.2,11.4-28.2C61.4,44.1,58.5,35.8,57.5,33.1z"/></g></g><g><path d="M43.7,31.5c2.3,2.7,4.6,2.7,6.3,2.7s4,0,6.3-2.7l0.7,0.6c-2.5-8-7.1-7.9-7.1-7.9s-4.5-0.1-7.1,7.9l0,0L43.7,31.5z"/></g><g><path d="M42.5,33l-7.2-3.5c-0.3-0.1-0.5-0.4-0.5-0.8c-0.2-2.4-1.5-8.5-4.5-8.5v-1.9c4.7,0,6.1,7.6,6.4,9.7l6.7,3.2L42.5,33z"/></g><g><path d="M25.5,59.1l-0.9-1.7c3.1-1.7,5.1-9.3,5.6-12c0.1-0.4,0.4-0.7,0.7-0.8l8.5-1.9l0.4,1.8l-7.9,1.7 C31.4,48.8,29.5,57,25.5,59.1z"/></g><g><path d="M34.9,92.3l-1.5-1.1c2.8-3.7-0.9-17.4-2.6-22.3c-0.1-0.4,0-0.8,0.3-1l7.2-6.3l1.2,1.4l-6.8,5.9 C34,72.4,38.6,87.5,34.9,92.3z"/></g><g><g><path d="M50,85.5c-6.3,0-12.3-14.2-12.3-29.2c0-14.6,4-23.7,4.4-24.5c2.7-8.5,7.7-8.5,8-8.5c0.2,0,5.2,0,7.9,8.5 c0.4,0.9,4.4,10,4.4,24.5C62.3,71.3,56.3,85.5,50,85.5z M50,25.1c-0.2,0-3.9,0.1-6.2,7.3c0,0,0,0.1,0,0.1c0,0.1-4.2,9.2-4.2,23.8 c0,14.4,5.8,27.3,10.4,27.3c4.6,0,10.4-12.8,10.4-27.3c0-14.6-4.2-23.7-4.2-23.8c0,0,0-0.1,0-0.1C53.9,25.3,50.2,25.1,50,25.1z"/></g></g><g><path d="M57.5,33l-0.8-1.7l6.7-3.2c0.3-2.1,1.6-9.7,6.4-9.7v1.9c-3.1,0-4.3,6.1-4.5,8.5c0,0.3-0.2,0.6-0.5,0.8L57.5,33z"/></g><g><path d="M74.5,59.1c-3.9-2.2-5.9-10.4-6.4-12.7l-7.9-1.7l0.4-1.8l8.5,1.9c0.4,0.1,0.7,0.4,0.7,0.8c0.5,2.8,2.5,10.3,5.6,12 L74.5,59.1z"/></g><g><path d="M65.1,92.3c-3.7-4.8,0.9-19.9,2.1-23.5l-6.8-5.9l1.2-1.4l7.2,6.3c0.3,0.3,0.4,0.7,0.3,1c-1.7,5-5.4,18.6-2.6,22.3 L65.1,92.3z"/></g><g><path d="M23.3,50.8c-4-5.2-4.4-11.9-4.4-12.2c0,0,0,0,0-0.1c0-21.3,9.3-30.8,18.5-30.8c10.3,0,11.2,16.6,11.3,17.3L46.7,25 c0-0.2-0.8-15.5-9.4-15.5c-8.3,0-16.6,8.9-16.6,28.9c0,0.4,0.5,6.6,4.1,11.1L23.3,50.8z"/></g><g><path d="M76.7,50.8l-1.5-1.2c3.5-4.5,4-10.7,4.1-11.1c0-20-8.4-28.9-16.6-28.9c-8.6,0-9.4,15.3-9.4,15.5l-1.9-0.1 c0-0.7,0.9-17.3,11.3-17.3c9.2,0,18.5,9.5,18.5,30.8c0,0,0,0,0,0.1C81.1,38.8,80.7,45.6,76.7,50.8z"/></g></g></svg>`;
|
||||||
|
|
|
||||||
|
|
@ -1,2 +1,2 @@
|
||||||
export default tag =>
|
export default tag =>
|
||||||
tag`<svg focusable="false" id="Layer_1" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><g><polygon points="59.1,30.9 59.1,30.9 59.1,30.9 "/></g><g><path d="M59.8,31.6c-3.2,3.5-8.4,4-9.7,4c0,0-0.1,0-0.1,0c-1,0-6.5-0.5-9.8-4c-2.5,2.9-11.9,14-11.9,22.1c0,9.3,2,30.4,21.6,30.5 v0c0,0,0,0,0,0c0,0,0,0,0,0v0c19.6,0,21.6-21.1,21.6-30.5C71.7,45.7,62.3,34.5,59.8,31.6z"/></g><g><polygon points="40.9,30.9 40.9,30.9 40.9,30.9 "/></g></g><g><path d="M40.9,30.9l0.7-0.6c3,3.3,8.2,3.5,8.4,3.5c0,0,0.1,0,0.1,0c0.2,0,5.4-0.2,8.4-3.5l0.7,0.6l0,0c0,0,3.5-8.3-6.6-13.6 c0,0,5.5,9.7-2.5,9.7c-8,0-2.5-9.7-2.5-9.7C37.4,22.6,40.9,30.9,40.9,30.9L40.9,30.9z"/></g><g><path d="M38.6,33.6C36.5,32,26.3,24,26.3,20.1c0-4,11.2-11,13.5-12.4l1,1.6c-5.2,3.2-12.6,8.7-12.6,10.8c0,2.2,6.8,8.3,11.6,12 L38.6,33.6z"/></g><g><path d="M34.7,38.3c-1.6,0-4.7-0.2-6.9-1.8c-3-2.1-9.4-10.6-9.7-10.9l1.5-1.1c0.1,0.1,6.5,8.6,9.2,10.5c2.6,1.8,6.7,1.5,6.8,1.5 l0.2,1.9C35.7,38.2,35.4,38.3,34.7,38.3z"/></g><g><path d="M27.6,43.4c-2.1,0-4.6-0.3-6.8-1.4c-4.8-2.3-12.6-8.1-13-8.4L9,32.1c0.1,0.1,8,6,12.7,8.2c4.4,2.1,10.7,0.7,10.7,0.6 l0.4,1.8C32.7,42.8,30.5,43.4,27.6,43.4z"/></g><g><path d="M30,92.3c-7.6-8.3-12.2-26.6-12-33.4c0.2-6.8,10.8-11.6,11.3-11.8l0.8,1.7c-0.1,0-10.1,4.6-10.2,10.2 c-0.1,5.8,4.1,24,11.5,32.1L30,92.3z"/></g><g><path d="M61.4,33.6l-1.1-1.5c4.8-3.7,11.6-9.8,11.6-12c0-2.1-7.4-7.6-12.6-10.8l1-1.6c2.3,1.4,13.5,8.5,13.5,12.4 C73.7,24,63.4,32,61.4,33.6z"/></g><g><path d="M65.3,38.3c-0.6,0-1,0-1.1,0l0.2-1.9c0,0,4.2,0.3,6.8-1.5c2.7-1.9,9.2-10.4,9.2-10.5l1.5,1.1c-0.3,0.4-6.7,8.8-9.7,10.9 C69.9,38,66.8,38.3,65.3,38.3z"/></g><g><path d="M72.4,43.4c-2.8,0-5.1-0.5-5.2-0.6l0.4-1.8c0.1,0,6.3,1.5,10.7-0.6c4.6-2.3,12.6-8.2,12.7-8.2l1.1,1.5 c-0.3,0.2-8.2,6.1-13,8.4C77,43.1,74.5,43.4,72.4,43.4z"/></g><g><path d="M70,92.3L68.7,91c7.4-8.1,11.7-26.3,11.5-32.1C80.1,54.3,72.8,50,70,48.7l0.8-1.7c0.5,0.2,11.1,5.1,11.3,11.8 C82.2,65.7,77.7,84,70,92.3z"/></g><g><g><path d="M50,85.2C50,85.2,50,85.2,50,85.2c-0.1,0-0.1,0-0.1,0c-8.9,0-15.3-4.2-19-12.3C28,66.5,27.4,59,27.4,53.8 c0-8.8,10.2-20.7,12.4-23.1c-0.6-2.1-1.9-9.4,7.3-14.2c0.4-0.2,0.8-0.1,1.1,0.2c0.3,0.3,0.3,0.8,0.1,1.1 c-0.8,1.3-2.5,5.2-1.4,7.1c0.5,0.8,1.5,1.2,3.1,1.2c1.6,0,2.6-0.4,3.1-1.2c1.1-1.9-0.7-5.9-1.4-7.1c-0.2-0.4-0.1-0.8,0.1-1.1 c0.3-0.3,0.7-0.4,1.1-0.2c9.2,4.7,7.9,12.1,7.3,14.2c2.2,2.4,12.4,14.3,12.4,23.1c0,5.2-0.6,12.7-3.5,19.1 C65.3,81,58.9,85.1,50,85.2C50.1,85.2,50,85.2,50,85.2z M45.4,19.8c-6.1,4.6-3.8,10.5-3.6,10.8c0.1,0.3,0.1,0.7-0.2,1 c-0.1,0.1-12.3,13.3-12.3,22.2c0,11,2.7,29.5,20.7,29.5c0,0,0,0,0,0c18,0,20.7-18.5,20.7-29.5c0-8.9-12.1-22.1-12.3-22.2 c-0.3-0.3-0.3-0.7-0.2-1c0.1-0.3,2.4-6.1-3.6-10.8c0.6,1.9,1.1,4.3,0.1,6.1C53.9,27.3,52.3,28,50,28c-2.3,0-3.9-0.7-4.7-2.2 C44.3,24.1,44.7,21.7,45.4,19.8z"/></g></g></g></svg>`;
|
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><g><polygon points="59.1,30.9 59.1,30.9 59.1,30.9 "/></g><g><path d="M59.8,31.6c-3.2,3.5-8.4,4-9.7,4c0,0-0.1,0-0.1,0c-1,0-6.5-0.5-9.8-4c-2.5,2.9-11.9,14-11.9,22.1c0,9.3,2,30.4,21.6,30.5 v0c0,0,0,0,0,0c0,0,0,0,0,0v0c19.6,0,21.6-21.1,21.6-30.5C71.7,45.7,62.3,34.5,59.8,31.6z"/></g><g><polygon points="40.9,30.9 40.9,30.9 40.9,30.9 "/></g></g><g><path d="M40.9,30.9l0.7-0.6c3,3.3,8.2,3.5,8.4,3.5c0,0,0.1,0,0.1,0c0.2,0,5.4-0.2,8.4-3.5l0.7,0.6l0,0c0,0,3.5-8.3-6.6-13.6 c0,0,5.5,9.7-2.5,9.7c-8,0-2.5-9.7-2.5-9.7C37.4,22.6,40.9,30.9,40.9,30.9L40.9,30.9z"/></g><g><path d="M38.6,33.6C36.5,32,26.3,24,26.3,20.1c0-4,11.2-11,13.5-12.4l1,1.6c-5.2,3.2-12.6,8.7-12.6,10.8c0,2.2,6.8,8.3,11.6,12 L38.6,33.6z"/></g><g><path d="M34.7,38.3c-1.6,0-4.7-0.2-6.9-1.8c-3-2.1-9.4-10.6-9.7-10.9l1.5-1.1c0.1,0.1,6.5,8.6,9.2,10.5c2.6,1.8,6.7,1.5,6.8,1.5 l0.2,1.9C35.7,38.2,35.4,38.3,34.7,38.3z"/></g><g><path d="M27.6,43.4c-2.1,0-4.6-0.3-6.8-1.4c-4.8-2.3-12.6-8.1-13-8.4L9,32.1c0.1,0.1,8,6,12.7,8.2c4.4,2.1,10.7,0.7,10.7,0.6 l0.4,1.8C32.7,42.8,30.5,43.4,27.6,43.4z"/></g><g><path d="M30,92.3c-7.6-8.3-12.2-26.6-12-33.4c0.2-6.8,10.8-11.6,11.3-11.8l0.8,1.7c-0.1,0-10.1,4.6-10.2,10.2 c-0.1,5.8,4.1,24,11.5,32.1L30,92.3z"/></g><g><path d="M61.4,33.6l-1.1-1.5c4.8-3.7,11.6-9.8,11.6-12c0-2.1-7.4-7.6-12.6-10.8l1-1.6c2.3,1.4,13.5,8.5,13.5,12.4 C73.7,24,63.4,32,61.4,33.6z"/></g><g><path d="M65.3,38.3c-0.6,0-1,0-1.1,0l0.2-1.9c0,0,4.2,0.3,6.8-1.5c2.7-1.9,9.2-10.4,9.2-10.5l1.5,1.1c-0.3,0.4-6.7,8.8-9.7,10.9 C69.9,38,66.8,38.3,65.3,38.3z"/></g><g><path d="M72.4,43.4c-2.8,0-5.1-0.5-5.2-0.6l0.4-1.8c0.1,0,6.3,1.5,10.7-0.6c4.6-2.3,12.6-8.2,12.7-8.2l1.1,1.5 c-0.3,0.2-8.2,6.1-13,8.4C77,43.1,74.5,43.4,72.4,43.4z"/></g><g><path d="M70,92.3L68.7,91c7.4-8.1,11.7-26.3,11.5-32.1C80.1,54.3,72.8,50,70,48.7l0.8-1.7c0.5,0.2,11.1,5.1,11.3,11.8 C82.2,65.7,77.7,84,70,92.3z"/></g><g><g><path d="M50,85.2C50,85.2,50,85.2,50,85.2c-0.1,0-0.1,0-0.1,0c-8.9,0-15.3-4.2-19-12.3C28,66.5,27.4,59,27.4,53.8 c0-8.8,10.2-20.7,12.4-23.1c-0.6-2.1-1.9-9.4,7.3-14.2c0.4-0.2,0.8-0.1,1.1,0.2c0.3,0.3,0.3,0.8,0.1,1.1 c-0.8,1.3-2.5,5.2-1.4,7.1c0.5,0.8,1.5,1.2,3.1,1.2c1.6,0,2.6-0.4,3.1-1.2c1.1-1.9-0.7-5.9-1.4-7.1c-0.2-0.4-0.1-0.8,0.1-1.1 c0.3-0.3,0.7-0.4,1.1-0.2c9.2,4.7,7.9,12.1,7.3,14.2c2.2,2.4,12.4,14.3,12.4,23.1c0,5.2-0.6,12.7-3.5,19.1 C65.3,81,58.9,85.1,50,85.2C50.1,85.2,50,85.2,50,85.2z M45.4,19.8c-6.1,4.6-3.8,10.5-3.6,10.8c0.1,0.3,0.1,0.7-0.2,1 c-0.1,0.1-12.3,13.3-12.3,22.2c0,11,2.7,29.5,20.7,29.5c0,0,0,0,0,0c18,0,20.7-18.5,20.7-29.5c0-8.9-12.1-22.1-12.3-22.2 c-0.3-0.3-0.3-0.7-0.2-1c0.1-0.3,2.4-6.1-3.6-10.8c0.6,1.9,1.1,4.3,0.1,6.1C53.9,27.3,52.3,28,50,28c-2.3,0-3.9-0.7-4.7-2.2 C44.3,24.1,44.7,21.7,45.4,19.8z"/></g></g></g></svg>`;
|
||||||
|
|
|
||||||
|
|
@ -1,2 +1,2 @@
|
||||||
export default tag =>
|
export default tag =>
|
||||||
tag`<svg focusable="false" id="Layer_1" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M44.8,44.2c-0.3-0.1-6.9-2.3-10-8c-0.9-1.7-1.7-3.6-2.4-5.4c-1.4-3.4-2.7-6.6-4.6-6.8l0.1-1.9c3.1,0.2,4.5,3.8,6.2,7.9 c0.7,1.7,1.4,3.5,2.3,5.2c2.7,5.1,8.9,7.1,8.9,7.1L44.8,44.2z"/></g><g><path d="M19.8,61.7v-1.9c4.7,0,10.7-6.6,13.4-10.7c2.6-4,11.2-2.1,12.2-1.9l-0.4,1.8c-2.3-0.5-8.6-1.4-10.2,1.1 C32.7,53.4,25.9,61.7,19.8,61.7z"/></g><g><path d="M25.1,86.5l-0.3-1.9c6-0.9,6.9-9.7,7.6-16.8c0.2-1.9,0.4-3.6,0.6-5.1c1.4-7.4,11.6-10.3,12.1-10.4l0.5,1.8 c-0.1,0-9.6,2.7-10.7,8.9c-0.3,1.4-0.4,3.1-0.6,5C33.5,75.3,32.5,85.4,25.1,86.5z"/></g><g><path d="M45.8,25.4c-0.1-1.4-0.1-4.7,0.9-5.7c0.3-0.3,0.6-0.4,1-0.4v1.9c0.2,0,0.3-0.1,0.4-0.2c-0.3,0.4-0.5,2.4-0.4,4.4 L45.8,25.4z"/></g><g><path d="M43.6,28c-0.3-0.3-6.8-6.2-6.8-11.4c0-5,1.4-8.7,1.5-8.8L40,8.5c0,0-1.3,3.6-1.3,8.1c0,4.4,6.2,10,6.2,10L43.6,28z"/></g><g><path d="M54.6,54.5c0-2.7,0.8-13-0.3-13c-1.1,0-1.8-2.2-1.8-3.4c0-1.1,4.1-3.4,4.1-8.1c0-4.8-6.6-5.6-6.6-5.6s-6.6,0.8-6.6,5.6 c0,4.8,4.1,7,4.1,8.1c0,1.1-0.7,3.4-1.8,3.4c-1.1,0-0.3,10.4-0.3,13c0,2.7-5.3,7.7-5.3,17.2s5.9,19.5,9.9,19.5 c4.1,0,9.9-9.9,9.9-19.5S54.6,57.2,54.6,54.5z"/></g><g><path d="M50,92.2c-5,0-10.9-11.1-10.9-20.4c0-6.5,2.4-11,4-14c0.7-1.4,1.4-2.6,1.4-3.3c0-0.6-0.1-1.8-0.1-3.1 c-0.3-7.6-0.2-9.8,0.5-10.5c0.2-0.2,0.5-0.4,0.8-0.4c0.3-0.1,0.8-1.4,0.9-2.3c-0.1-0.2-0.5-0.6-0.8-1c-1.2-1.4-3.3-3.7-3.3-7.3 c0-5.5,7.1-6.5,7.4-6.5c0.1,0,0.2,0,0.2,0c0.3,0,7.4,1,7.4,6.5c0,3.6-2.1,5.9-3.3,7.3c-0.3,0.3-0.7,0.8-0.8,1 c0,0.9,0.6,2.2,0.9,2.3c0.3,0,0.6,0.1,0.8,0.4c0.7,0.8,0.8,2.9,0.5,10.5c-0.1,1.3-0.1,2.4-0.1,3.1c0,0.7,0.6,1.9,1.4,3.3 c1.6,3,4,7.5,4,14C60.9,81.1,55,92.2,50,92.2z M46.2,42.4c-0.3,1.4-0.1,6.5,0,9c0.1,1.3,0.1,2.5,0.1,3.2c0,1.2-0.7,2.4-1.6,4.1 c-1.6,3-3.7,7.1-3.7,13.1c0,9.4,5.7,18.5,9,18.5s9-9.2,9-18.5c0-6-2.2-10.1-3.7-13.1c-0.9-1.7-1.6-3-1.6-4.1 c0-0.7,0.1-1.8,0.1-3.2c0.1-2.5,0.3-7.6,0-9c-1.6-0.5-2.2-3.1-2.2-4.2c0-0.7,0.5-1.3,1.3-2.1c1.2-1.3,2.8-3.1,2.8-6 c0-3.6-4.8-4.5-5.6-4.6c-0.8,0.1-5.6,1.1-5.6,4.6c0,2.8,1.6,4.7,2.8,6c0.7,0.8,1.3,1.4,1.3,2.1C48.4,39.3,47.8,41.9,46.2,42.4z"/></g><g><path d="M55.2,44.2l-0.6-1.8c0.1,0,6.2-2.1,9-7.1c0.9-1.7,1.6-3.4,2.3-5.2c1.7-4.2,3.2-7.7,6.2-7.9l0.1,1.9 c-1.9,0.1-3.2,3.3-4.6,6.8c-0.7,1.8-1.5,3.6-2.4,5.4C62.1,41.9,55.4,44.1,55.2,44.2z"/></g><g><path d="M80.2,61.7c-6.1,0-12.9-8.4-15-11.6c-1.6-2.5-8-1.6-10.2-1.1l-0.4-1.8c1-0.2,9.6-2.1,12.2,1.9c2.7,4.1,8.7,10.7,13.4,10.7 V61.7z"/></g><g><path d="M74.9,86.5c-7.4-1.1-8.5-11.2-9.2-18.5c-0.2-1.8-0.4-3.6-0.6-5c-1.1-6.3-10.6-8.9-10.7-8.9l0.5-1.8 c0.4,0.1,10.7,3,12.1,10.4c0.3,1.5,0.4,3.2,0.6,5.1c0.7,7.1,1.6,16,7.6,16.9L74.9,86.5z"/></g><g><path d="M54.2,25.4l-1.9-0.1c0.1-1.9-0.1-4-0.4-4.4c0,0,0.2,0.2,0.4,0.2v-1.9c0.4,0,0.7,0.2,1,0.4C54.3,20.7,54.3,24.1,54.2,25.4z "/></g><g><path d="M56.4,28l-1.3-1.4c0.1-0.1,6.2-5.7,6.2-10c0-4.6-1.3-8.1-1.3-8.1l1.8-0.7c0.1,0.2,1.5,3.9,1.5,8.8 C63.2,21.8,56.6,27.8,56.4,28z"/></g></g></svg>`;
|
tag`<svg focusable="false" style="enable-background:new 0 0 100 100;" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M44.8,44.2c-0.3-0.1-6.9-2.3-10-8c-0.9-1.7-1.7-3.6-2.4-5.4c-1.4-3.4-2.7-6.6-4.6-6.8l0.1-1.9c3.1,0.2,4.5,3.8,6.2,7.9 c0.7,1.7,1.4,3.5,2.3,5.2c2.7,5.1,8.9,7.1,8.9,7.1L44.8,44.2z"/></g><g><path d="M19.8,61.7v-1.9c4.7,0,10.7-6.6,13.4-10.7c2.6-4,11.2-2.1,12.2-1.9l-0.4,1.8c-2.3-0.5-8.6-1.4-10.2,1.1 C32.7,53.4,25.9,61.7,19.8,61.7z"/></g><g><path d="M25.1,86.5l-0.3-1.9c6-0.9,6.9-9.7,7.6-16.8c0.2-1.9,0.4-3.6,0.6-5.1c1.4-7.4,11.6-10.3,12.1-10.4l0.5,1.8 c-0.1,0-9.6,2.7-10.7,8.9c-0.3,1.4-0.4,3.1-0.6,5C33.5,75.3,32.5,85.4,25.1,86.5z"/></g><g><path d="M45.8,25.4c-0.1-1.4-0.1-4.7,0.9-5.7c0.3-0.3,0.6-0.4,1-0.4v1.9c0.2,0,0.3-0.1,0.4-0.2c-0.3,0.4-0.5,2.4-0.4,4.4 L45.8,25.4z"/></g><g><path d="M43.6,28c-0.3-0.3-6.8-6.2-6.8-11.4c0-5,1.4-8.7,1.5-8.8L40,8.5c0,0-1.3,3.6-1.3,8.1c0,4.4,6.2,10,6.2,10L43.6,28z"/></g><g><path d="M54.6,54.5c0-2.7,0.8-13-0.3-13c-1.1,0-1.8-2.2-1.8-3.4c0-1.1,4.1-3.4,4.1-8.1c0-4.8-6.6-5.6-6.6-5.6s-6.6,0.8-6.6,5.6 c0,4.8,4.1,7,4.1,8.1c0,1.1-0.7,3.4-1.8,3.4c-1.1,0-0.3,10.4-0.3,13c0,2.7-5.3,7.7-5.3,17.2s5.9,19.5,9.9,19.5 c4.1,0,9.9-9.9,9.9-19.5S54.6,57.2,54.6,54.5z"/></g><g><path d="M50,92.2c-5,0-10.9-11.1-10.9-20.4c0-6.5,2.4-11,4-14c0.7-1.4,1.4-2.6,1.4-3.3c0-0.6-0.1-1.8-0.1-3.1 c-0.3-7.6-0.2-9.8,0.5-10.5c0.2-0.2,0.5-0.4,0.8-0.4c0.3-0.1,0.8-1.4,0.9-2.3c-0.1-0.2-0.5-0.6-0.8-1c-1.2-1.4-3.3-3.7-3.3-7.3 c0-5.5,7.1-6.5,7.4-6.5c0.1,0,0.2,0,0.2,0c0.3,0,7.4,1,7.4,6.5c0,3.6-2.1,5.9-3.3,7.3c-0.3,0.3-0.7,0.8-0.8,1 c0,0.9,0.6,2.2,0.9,2.3c0.3,0,0.6,0.1,0.8,0.4c0.7,0.8,0.8,2.9,0.5,10.5c-0.1,1.3-0.1,2.4-0.1,3.1c0,0.7,0.6,1.9,1.4,3.3 c1.6,3,4,7.5,4,14C60.9,81.1,55,92.2,50,92.2z M46.2,42.4c-0.3,1.4-0.1,6.5,0,9c0.1,1.3,0.1,2.5,0.1,3.2c0,1.2-0.7,2.4-1.6,4.1 c-1.6,3-3.7,7.1-3.7,13.1c0,9.4,5.7,18.5,9,18.5s9-9.2,9-18.5c0-6-2.2-10.1-3.7-13.1c-0.9-1.7-1.6-3-1.6-4.1 c0-0.7,0.1-1.8,0.1-3.2c0.1-2.5,0.3-7.6,0-9c-1.6-0.5-2.2-3.1-2.2-4.2c0-0.7,0.5-1.3,1.3-2.1c1.2-1.3,2.8-3.1,2.8-6 c0-3.6-4.8-4.5-5.6-4.6c-0.8,0.1-5.6,1.1-5.6,4.6c0,2.8,1.6,4.7,2.8,6c0.7,0.8,1.3,1.4,1.3,2.1C48.4,39.3,47.8,41.9,46.2,42.4z"/></g><g><path d="M55.2,44.2l-0.6-1.8c0.1,0,6.2-2.1,9-7.1c0.9-1.7,1.6-3.4,2.3-5.2c1.7-4.2,3.2-7.7,6.2-7.9l0.1,1.9 c-1.9,0.1-3.2,3.3-4.6,6.8c-0.7,1.8-1.5,3.6-2.4,5.4C62.1,41.9,55.4,44.1,55.2,44.2z"/></g><g><path d="M80.2,61.7c-6.1,0-12.9-8.4-15-11.6c-1.6-2.5-8-1.6-10.2-1.1l-0.4-1.8c1-0.2,9.6-2.1,12.2,1.9c2.7,4.1,8.7,10.7,13.4,10.7 V61.7z"/></g><g><path d="M74.9,86.5c-7.4-1.1-8.5-11.2-9.2-18.5c-0.2-1.8-0.4-3.6-0.6-5c-1.1-6.3-10.6-8.9-10.7-8.9l0.5-1.8 c0.4,0.1,10.7,3,12.1,10.4c0.3,1.5,0.4,3.2,0.6,5.1c0.7,7.1,1.6,16,7.6,16.9L74.9,86.5z"/></g><g><path d="M54.2,25.4l-1.9-0.1c0.1-1.9-0.1-4-0.4-4.4c0,0,0.2,0.2,0.4,0.2v-1.9c0.4,0,0.7,0.2,1,0.4C54.3,20.7,54.3,24.1,54.2,25.4z "/></g><g><path d="M56.4,28l-1.3-1.4c0.1-0.1,6.2-5.7,6.2-10c0-4.6-1.3-8.1-1.3-8.1l1.8-0.7c0.1,0.2,1.5,3.9,1.5,8.8 C63.2,21.8,56.6,27.8,56.4,28z"/></g></g></svg>`;
|
||||||
|
|
|
||||||
|
|
@ -87,20 +87,25 @@ storiesOf('Icon System|Icon', module)
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<dl>
|
<dl>
|
||||||
|
<div>
|
||||||
<dt class="big-para"><lion-icon .svg=${night}></lion-icon></dt>
|
<dt class="big-para"><lion-icon .svg=${night}></lion-icon></dt>
|
||||||
<dd class="big-para"><span>with font-size: 1.5em;</span></dd>
|
<dd class="big-para"><span>with font-size: 1.5em;</span></dd>
|
||||||
<br />
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
<dt><lion-icon .svg=${aliensSpaceship} class="big-icon"></lion-icon></dt>
|
<dt><lion-icon .svg=${aliensSpaceship} class="big-icon"></lion-icon></dt>
|
||||||
<dd><span>with 70 × 70 pixels</span></dd>
|
<dd><span>with 70 × 70 pixels</span></dd>
|
||||||
<br />
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
<dt><lion-icon .svg=${sun} class="medium-icon"></lion-icon></dt>
|
<dt><lion-icon .svg=${sun} class="medium-icon"></lion-icon></dt>
|
||||||
<dd><span>unstyled icon</span></dd>
|
<dd><span>unstyled icon</span></dd>
|
||||||
<br />
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
<dt><lion-icon .svg=${sun} class="styled-sun medium-icon"></lion-icon></dt>
|
<dt><lion-icon .svg=${sun} class="styled-sun medium-icon"></lion-icon></dt>
|
||||||
<dd><span>with fill: gold; and :hover { fill: purple; }</span></dd>
|
<dd><span>with fill: gold; and :hover { fill: purple; }</span></dd>
|
||||||
|
</div>
|
||||||
</dl>
|
</dl>
|
||||||
`,
|
`,
|
||||||
)
|
)
|
||||||
|
|
|
||||||
|
|
@ -2,14 +2,29 @@ import { storiesOf, html } from '@open-wc/demoing-storybook';
|
||||||
|
|
||||||
import '../lion-option.js';
|
import '../lion-option.js';
|
||||||
|
|
||||||
|
const a11yNote = html`
|
||||||
|
<style>
|
||||||
|
.a11y-note {
|
||||||
|
padding: 20px;
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<p class="a11y-note">
|
||||||
|
Note: This demo is not accessible, because <code>lion-option</code> just by itself is not
|
||||||
|
accessible. This component should always be wrapped by something like a listbox,
|
||||||
|
<code>lion-options</code> or similar.
|
||||||
|
</p>
|
||||||
|
`;
|
||||||
|
|
||||||
storiesOf('Forms|Option', module)
|
storiesOf('Forms|Option', module)
|
||||||
.add(
|
.add(
|
||||||
'States',
|
'States',
|
||||||
() => html`
|
() => html`
|
||||||
|
${a11yNote}
|
||||||
<lion-option>Default</lion-option><br />
|
<lion-option>Default</lion-option><br />
|
||||||
<lion-option disabled>Disabled</lion-option>
|
<lion-option disabled>Disabled</lion-option>
|
||||||
<lion-option>
|
<lion-option>
|
||||||
<p style="color: red;">With html</p>
|
<p style="color: darkred;">With html</p>
|
||||||
<p>and multi Line</p>
|
<p>and multi Line</p>
|
||||||
</lion-option>
|
</lion-option>
|
||||||
`,
|
`,
|
||||||
|
|
@ -17,6 +32,7 @@ storiesOf('Forms|Option', module)
|
||||||
.add(
|
.add(
|
||||||
'Values',
|
'Values',
|
||||||
() => html`
|
() => html`
|
||||||
|
${a11yNote}
|
||||||
<lion-option .modelValue=${{ value: 10, checked: false }}>setting modelValue</lion-option>
|
<lion-option .modelValue=${{ value: 10, checked: false }}>setting modelValue</lion-option>
|
||||||
<lion-option .modelValue=${{ value: 10, checked: false }} active
|
<lion-option .modelValue=${{ value: 10, checked: false }} active
|
||||||
>setting modelValue active</lion-option
|
>setting modelValue active</lion-option
|
||||||
|
|
|
||||||
|
|
@ -158,13 +158,13 @@ storiesOf('Local Overlay System|Local Overlay', module)
|
||||||
trapsKeyboardFocus: true,
|
trapsKeyboardFocus: true,
|
||||||
contentNode: fixtureSync(html`
|
contentNode: fixtureSync(html`
|
||||||
<div class="demo-popup">
|
<div class="demo-popup">
|
||||||
<button id="el1">Button</button>
|
<button id="elem1">Button</button>
|
||||||
<a id="el2" href="#">Anchor</a>
|
<a id="elem2" href="#">Anchor</a>
|
||||||
<div id="el3" tabindex="0">Tabindex</div>
|
<div id="elem3" tabindex="0">Tabindex</div>
|
||||||
<input id="el4" placeholder="Input" />
|
<input id="elem4" placeholder="Input" />
|
||||||
<div id="el5" contenteditable>Content editable</div>
|
<div id="elem5" contenteditable>Content editable</div>
|
||||||
<textarea id="el6">Textarea</textarea>
|
<textarea id="elem6">Textarea</textarea>
|
||||||
<select id="el7">
|
<select id="elem7">
|
||||||
<option>1</option>
|
<option>1</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -9,17 +9,24 @@ import '@lion/form/lion-form.js';
|
||||||
|
|
||||||
storiesOf('Buttons|Switch', module)
|
storiesOf('Buttons|Switch', module)
|
||||||
.add(
|
.add(
|
||||||
'All text slots',
|
'Button',
|
||||||
() => html`
|
() => html`
|
||||||
<lion-switch label="Label" help-text="Help text"> </lion-switch>
|
<lion-switch-button aria-label="Toggle button"></lion-switch-button>
|
||||||
`,
|
`,
|
||||||
)
|
)
|
||||||
.add(
|
.add(
|
||||||
'Disabled',
|
'Disabled',
|
||||||
() => html`
|
() => html`
|
||||||
<lion-switch label="Disabled label" disabled> </lion-switch>
|
<lion-switch-button aria-label="Toggle button" disabled></lion-switch-button>
|
||||||
`,
|
`,
|
||||||
)
|
)
|
||||||
|
.add(
|
||||||
|
'With input slots',
|
||||||
|
() => html`
|
||||||
|
<lion-switch label="Label" help-text="Help text"></lion-switch>
|
||||||
|
`,
|
||||||
|
)
|
||||||
|
|
||||||
.add('Validation', () => {
|
.add('Validation', () => {
|
||||||
const isTrue = value => value && value.checked && value.checked === true;
|
const isTrue = value => value && value.checked && value.checked === true;
|
||||||
const isTrueValidator = (...factoryParams) => [
|
const isTrueValidator = (...factoryParams) => [
|
||||||
|
|
@ -82,10 +89,4 @@ storiesOf('Buttons|Switch', module)
|
||||||
return html`
|
return html`
|
||||||
<lion-switch-validation-demo></lion-switch-validation-demo>
|
<lion-switch-validation-demo></lion-switch-validation-demo>
|
||||||
`;
|
`;
|
||||||
})
|
});
|
||||||
.add(
|
|
||||||
'Button',
|
|
||||||
() => html`
|
|
||||||
<lion-switch-button></lion-switch-button>
|
|
||||||
`,
|
|
||||||
);
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,3 @@
|
||||||
import '../packages/tabs/stories/index.stories.js';
|
|
||||||
|
|
||||||
import '../packages/button/stories/index.stories.js';
|
import '../packages/button/stories/index.stories.js';
|
||||||
|
|
||||||
import '../packages/input/stories/index.stories.js';
|
import '../packages/input/stories/index.stories.js';
|
||||||
|
|
@ -11,6 +9,7 @@ import '../packages/input-date/stories/index.stories.js';
|
||||||
import '../packages/input-datepicker/stories/index.stories.js';
|
import '../packages/input-datepicker/stories/index.stories.js';
|
||||||
import '../packages/input-email/stories/index.stories.js';
|
import '../packages/input-email/stories/index.stories.js';
|
||||||
import '../packages/input-iban/stories/index.stories.js';
|
import '../packages/input-iban/stories/index.stories.js';
|
||||||
|
import '../packages/option/stories/index.stories.js';
|
||||||
import '../packages/select/stories/index.stories.js';
|
import '../packages/select/stories/index.stories.js';
|
||||||
import '../packages/fieldset/stories/index.stories.js';
|
import '../packages/fieldset/stories/index.stories.js';
|
||||||
import '../packages/checkbox-group/stories/index.stories.js';
|
import '../packages/checkbox-group/stories/index.stories.js';
|
||||||
|
|
@ -30,6 +29,7 @@ import '../packages/popup/stories/index.stories.js';
|
||||||
import '../packages/tooltip/stories/index.stories.js';
|
import '../packages/tooltip/stories/index.stories.js';
|
||||||
import '../packages/calendar/stories/index.stories.js';
|
import '../packages/calendar/stories/index.stories.js';
|
||||||
|
|
||||||
import '../packages/option/stories/index.stories.js';
|
|
||||||
import '../packages/select-rich/stories/index.stories.js';
|
import '../packages/select-rich/stories/index.stories.js';
|
||||||
import '../packages/switch/stories/index.stories.js';
|
import '../packages/switch/stories/index.stories.js';
|
||||||
|
|
||||||
|
import '../packages/tabs/stories/index.stories.js';
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue