@sit-onyx/storybook-utils 1.0.0-alpha.3 → 1.0.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<div align="center">
|
|
2
|
+
<picture>
|
|
3
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-light.svg">
|
|
4
|
+
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-dark.svg">
|
|
5
|
+
<img alt="onyx logo" src="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-dark.svg" width="160px">
|
|
6
|
+
</picture>
|
|
7
|
+
</div>
|
|
8
|
+
|
|
9
|
+
<br>
|
|
10
|
+
|
|
11
|
+
# onyx Storybook utils
|
|
12
|
+
|
|
13
|
+
Storybook utilities for Vue created by [Schwarz IT](https://it.schwarz).
|
package/package.json
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sit-onyx/storybook-utils",
|
|
3
3
|
"description": "Storybook utilities for Vue",
|
|
4
|
-
"version": "1.0.0-alpha.
|
|
4
|
+
"version": "1.0.0-alpha.5",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"author": "Schwarz IT KG",
|
|
7
7
|
"license": "Apache-2.0",
|
|
8
8
|
"files": [
|
|
9
9
|
"src"
|
|
10
10
|
],
|
|
11
|
+
"types": "./src/index.ts",
|
|
11
12
|
"exports": {
|
|
12
13
|
".": "./src/index.ts",
|
|
13
14
|
"./style.css": "./src/index.css"
|
|
@@ -18,7 +19,7 @@
|
|
|
18
19
|
"@storybook/theming": ">= 7",
|
|
19
20
|
"@storybook/vue3": ">= 7",
|
|
20
21
|
"storybook-dark-mode": ">= 3",
|
|
21
|
-
"sit-onyx": "^0.1.0-alpha.
|
|
22
|
+
"sit-onyx": "^0.1.0-alpha.4"
|
|
22
23
|
},
|
|
23
24
|
"dependencies": {
|
|
24
25
|
"deepmerge-ts": "^5.1.0"
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
3
|
+
<svg width="100%" height="100%" viewBox="0 0 128 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
|
4
|
+
<g transform="matrix(0.0550098,0,0,0.0550098,-13.9945,-10.7764)">
|
|
5
|
+
<g transform="matrix(1.00003,0,0,1,-5.18689,1.4)">
|
|
6
|
+
<path d="M1399.09,387.23L1457.51,302.52C1460.2,299.31 1462.88,297.7 1466.62,297.7L1526.12,297.7C1532.55,297.7 1534.17,301.99 1530.41,307.36L1437.8,438.74L1399.08,387.23L1399.09,387.23Z" style="fill:url(#_Linear1);fill-rule:nonzero;"/>
|
|
7
|
+
</g>
|
|
8
|
+
<g transform="matrix(1.00003,0,0,1,-5.18689,1.4)">
|
|
9
|
+
<path d="M1438.22,438.15L1541.14,584.49C1544.35,589.85 1542.75,594.14 1536.32,594.14L1476.82,594.14C1473.61,594.14 1470.92,592.53 1468.77,589.32L1399.09,488.54L1329.4,589.32C1327.27,592.53 1324.58,594.14 1321.36,594.14L1261.86,594.14C1255.43,594.14 1243.69,589.85 1247.45,584.49L1359.96,438.15L1267.76,307.36C1264,301.99 1265.62,297.7 1272.04,297.7L1331.54,297.7C1335.3,297.7 1338.51,299.31 1340.65,302.52L1399.08,387.23L1438.21,438.15L1438.22,438.15Z" style="fill:rgb(50,184,198);fill-rule:nonzero;"/>
|
|
10
|
+
</g>
|
|
11
|
+
</g>
|
|
12
|
+
<g transform="matrix(0.0550098,0,0,0.0550098,-13.9945,-10.7764)">
|
|
13
|
+
<g transform="matrix(1.00003,0,0,1,-5.18689,1.4)">
|
|
14
|
+
<path d="M520.64,448.86C520.64,569.47 497.06,599.49 389.85,599.49C282.63,599.49 259.58,569.47 259.58,448.86C259.58,327.71 282.63,297.69 389.85,297.69C497.05,297.69 520.64,327.71 520.64,448.86ZM324.45,448.86C324.45,524.44 332.49,543.21 389.85,543.21C447.2,543.21 455.24,524.44 455.24,448.86C455.24,372.74 447.19,353.98 389.85,353.98C332.48,353.98 324.45,372.74 324.45,448.86Z" style="fill:rgb(50,184,198);fill-rule:nonzero;"/>
|
|
15
|
+
</g>
|
|
16
|
+
<g transform="matrix(1.00003,0,0,1,-5.18689,1.4)">
|
|
17
|
+
<g>
|
|
18
|
+
<clipPath id="_clip2">
|
|
19
|
+
<path d="M519.88,480.88C520.37,470.95 520.64,460.4 520.64,448.86C520.64,327.71 497.06,297.69 389.85,297.69C388.74,297.69 367.12,297.69 351.01,299.54C339.69,316.68 332.26,373.81 327.82,394.43C328.83,388.21 332.15,379.08 334.43,374.91C339.44,365.73 346.24,361.39 354.56,358.41C368.59,353.39 384.37,353.98 389.86,353.98C447.22,353.98 455.26,372.74 455.26,448.86"/>
|
|
20
|
+
</clipPath>
|
|
21
|
+
<g clip-path="url(#_clip2)">
|
|
22
|
+
<g transform="matrix(0.999067,0,0,0.995598,327.82,297.69)">
|
|
23
|
+
<use id="_Image3_" serif:id="_Image3" xlink:href="#_Image3" x="0" y="0" width="193px" height="184px"/>
|
|
24
|
+
</g>
|
|
25
|
+
</g>
|
|
26
|
+
</g>
|
|
27
|
+
</g>
|
|
28
|
+
</g>
|
|
29
|
+
<g transform="matrix(0.0550098,0,0,0.0550098,-13.9945,-10.7764)">
|
|
30
|
+
<g transform="matrix(1.00003,0,0,1,-5.18689,1.4)">
|
|
31
|
+
<path d="M662.36,353.99L724.46,353.99C774.85,353.99 787.16,357.2 787.16,436.54L787.16,588.77C787.16,594.14 789.85,596.82 795.21,596.82L843.46,596.82C848.82,596.82 852.03,594.14 852.03,588.77L852.03,424.75C852.03,312.71 824.69,297.7 725.52,297.7C707.79,297.7 685.61,297.9 662.72,299.33L662.36,353.99Z" style="fill:url(#_Linear4);fill-rule:nonzero;"/>
|
|
32
|
+
</g>
|
|
33
|
+
<g transform="matrix(1.00003,0,0,1,-5.18689,1.4)">
|
|
34
|
+
<path d="M662.8,306.45L662.8,588.77C662.8,594.14 660.12,596.82 654.76,596.82L605.45,596.82C600.08,596.82 597.94,594.14 597.94,588.77L597.94,314.86C597.94,307.89 600.62,307.35 605.45,306.28C623.63,302.59 643.45,300.48 662.79,299.28L662.79,306.45L662.8,306.45Z" style="fill:rgb(50,184,198);fill-rule:nonzero;"/>
|
|
35
|
+
</g>
|
|
36
|
+
</g>
|
|
37
|
+
<g transform="matrix(0.0550098,0,0,0.0550098,-13.9945,-10.7764)">
|
|
38
|
+
<g transform="matrix(1.00003,0,0,1,-5.18689,1.4)">
|
|
39
|
+
<path d="M1123.83,591.43C1100.93,595.16 1080.37,596.19 1055.33,596.19C956.8,596.19 931.78,562.64 931.78,455.06L931.78,307.02C931.78,301.69 934.44,299.03 939.77,299.03L988.23,299.03C993.56,299.03 996.23,301.69 996.23,307.02L996.23,446.01C996.23,522.16 1005.81,539.73 1065.46,539.73C1083.04,539.73 1104.87,539.2 1123.51,536.54L1123.84,591.43L1123.83,591.43Z" style="fill:url(#_Linear5);fill-rule:nonzero;"/>
|
|
40
|
+
</g>
|
|
41
|
+
<g transform="matrix(1.00003,0,0,1,-5.18689,1.4)">
|
|
42
|
+
<path d="M1123.5,536.54L1123.5,307.02C1123.5,301.69 1126.16,299.03 1131.49,299.03L1179.96,299.03C1185.29,299.03 1187.95,301.69 1187.95,307.02L1187.95,576.49C1187.41,669.15 1169.31,702.7 1061.19,702.7C1025.52,702.7 1000.48,701.1 971.19,696.83C966.4,695.77 964.26,693.11 964.26,688.31L964.26,656.89C964.26,651.03 966.39,648.9 971.72,648.9L1057.46,648.9C1110.71,648.9 1123.49,636.12 1123.49,594.05L1123.49,536.54L1123.5,536.54Z" style="fill:rgb(50,184,198);fill-rule:nonzero;"/>
|
|
43
|
+
</g>
|
|
44
|
+
</g>
|
|
45
|
+
<defs>
|
|
46
|
+
<linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(133.32,0,0,133.32,1399.09,368.22)"><stop offset="0" style="stop-color:rgb(1,141,160);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(50,184,198);stop-opacity:1"/></linearGradient>
|
|
47
|
+
<image id="_Image3" width="193px" height="184px" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAC4AMEDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAgAGAf/EABgQAQEBAQEAAAAAAAAAAAAAAAEAAhFh/8QAGQEBAQEBAQEAAAAAAAAAAAAAAAIBAwYH/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8Ayl7V8MUFBQUFBQUFAggQRphAwgQQIKQwgeSKMIGECCBhAggQWBhB3kUzFbkoKCgoKCgoEECCNMIEEDCBBSGEDCBhFGECCBhAggQWBhAgii5Bla3JQUFBQUFAggQRphAggYQIKQwgYQPJFGECCBhAggQWBhAgijCDvIMnW5KCgoKCgQQII0wgQQMIEFIYQMIHkijCBBAwgQQILAwgQRRhAggXIMhW5KCgoKBBAgjTCBBAwgQUhhAwijyQMIEEDCBBAgsDCBBFGECCBhB3nkGOrclBQUCCBBGmECCBhAgpDCBhFHkgYQIIGECCBBYGECCKMIEEDCBBAuUjF3VyUFAggQRphAggYQIKQwgYRR5IGECCBhAggQWBhAgijCBBAwgQQMKR3nkGJurkoEECCNMIEEDCBBSGEDCKPJAwgQQMIEECCwMIEEUYQIIGECCBhSGEHeQYa6uRBAgjTCBBAwgQUhhAwijyQMIEEDCBBAggYWBBFGECCBhAggYUhhAgg7yDDBdXIgjTCBBAwgQUhhAwijyQMIEEDCBBAggYWBBFGECCBhAggYUhhAggYQd5BhQurmYQIIGECCkMIGEUeSBhAggYQIIEEDCwIIowgQQMIEEDCkMIEEDCBBAuQYULq5kEDCBBSGEDCKPJAwgQQMIEECCBhYEEUYQIIGECCBhSEEDCBhAggYRpcgwgXVyMIEFIYQMIo8kDCBBAwgQQIIGFgQRRhAggYQIIGFIQQMIGECCBhGmEC5BhAurkQUhhA8kDCKMIEEDCBBAggYWBBFGECCBhAggYUhBAwgYQIIGEaYQIg7BhQrcjCBhAwiiCBhAggYQIIGFgQRRhAggYQIIGFIQQMIGECCBhGmECIOwUGICtyMIGEUQQMIEEDCBBYGECCKMIEEDCBBAwpCCBhAwgQQMI0wgRB2CgoMWFbkYRRBAwgQQMIEFgYQIIowgQQMIEEDCkIIGEDCBBAwjTCBEHYKCgoMcFaCCBhAggYQILAwgQRRhAggYQIIGFIQQMIGECCBhGmECIOwUFBQUGQCtBhAggYQILAwgQRRhAggYQIIGFIQQMIGECCBhGmECIOwUFBQUFBkwrQQQMIEFgYQIIowgQQMIEEDCkIIGEDCBBAwjTCBEHYKCgoKCgoMqFaDCBBYGECCKMIEEDCBBAwpCCBhAwgQQMI0wgRB2CgoKCgoKCgzAVoILAwgQRRhAggYQIIGFIQQMIGECCBhGmECIOwUFBQUFBQUFBmgqQYQIIowgQQMIEEDCkIIGECCB5IGEaYQIg7BQUFBQUFBQUFB//2Q=="/>
|
|
48
|
+
<linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(35974.7,0,0,35974.7,126292,134082)"><stop offset="0" style="stop-color:rgb(1,141,160);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(50,184,198);stop-opacity:1"/></linearGradient>
|
|
49
|
+
<linearGradient id="_Linear5" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(192.05,0,0,192.05,931.78,447.61)"><stop offset="0" style="stop-color:rgb(50,184,198);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(1,141,160);stop-opacity:1"/></linearGradient>
|
|
50
|
+
</defs>
|
|
51
|
+
</svg>
|
package/src/theme.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import type { ThemeVars, ThemeVarsPartial } from "@storybook/theming";
|
|
2
2
|
import { create } from "@storybook/theming/create";
|
|
3
3
|
import onyxVariables from "sit-onyx/src/styles/variables-onyx.json";
|
|
4
|
-
import
|
|
5
|
-
import storybookLogoInverse from "./assets/logo-storybook-inverse.svg";
|
|
4
|
+
import onyxLogo from "./assets/logo-onyx.svg";
|
|
6
5
|
|
|
7
6
|
/**
|
|
8
7
|
* Creates a custom theme for Storybook that uses onyx colors.
|
|
@@ -13,13 +12,12 @@ export const createTheme = (
|
|
|
13
12
|
options?: Pick<ThemeVarsPartial, "base" | "brandTitle" | "brandImage" | "brandUrl">,
|
|
14
13
|
) => {
|
|
15
14
|
const base = options?.base ?? "light";
|
|
16
|
-
const defaultBrandImage = base === "light" ? storybookLogo : storybookLogoInverse;
|
|
17
15
|
const primaryColor = onyxVariables["onyx-color-themed-primary-500"];
|
|
18
16
|
|
|
19
17
|
return create({
|
|
20
18
|
brandTitle: options?.brandTitle ?? "onyx Storybook",
|
|
21
19
|
brandUrl: options?.brandUrl ?? "https://onyx.schwarz",
|
|
22
|
-
brandImage: options?.brandImage ??
|
|
20
|
+
brandImage: options?.brandImage ?? onyxLogo,
|
|
23
21
|
brandTarget: "_blank",
|
|
24
22
|
base: base,
|
|
25
23
|
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="60" version="1.1" viewBox="0 0 300 60"><title>logo-storybook-default</title><defs><path id="path-1" d="M1.84843217,54.9194266 L0.00214588274,5.72425953 C-0.0588297108,4.09953614 1.18695001,2.72260199 2.80965096,2.62118318 L44.6535865,0.00593720291 C46.3053025,-0.0972950389 47.7279691,1.15799897 47.8312013,2.80971483 C47.8350905,2.87194512 47.8370368,2.93428164 47.8370368,2.99663335 L47.8370368,56.6034685 C47.8370368,58.258407 46.4954437,59.6 44.8405052,59.6 C44.795672,59.6 44.7508448,59.598994 44.7060569,59.5969822 L4.70840751,57.8005604 C3.15065724,57.7305968 1.90691204,56.4776502 1.84843217,54.9194266 Z"/><path id="path-3" d="M1.84843217,54.9194266 L0.00214588274,5.72425953 C-0.0588297108,4.09953614 1.18695001,2.72260199 2.80965096,2.62118318 L44.6535865,0.00593720291 C46.3053025,-0.0972950389 47.7279691,1.15799897 47.8312013,2.80971483 C47.8350905,2.87194512 47.8370368,2.93428164 47.8370368,2.99663335 L47.8370368,56.6034685 C47.8370368,58.258407 46.4954437,59.6 44.8405052,59.6 C44.795672,59.6 44.7508448,59.598994 44.7060569,59.5969822 L4.70840751,57.8005604 C3.15065724,57.7305968 1.90691204,56.4776502 1.84843217,54.9194266 Z"/></defs><g id="logo-storybook-default" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g transform="translate(1.000000, 0.000000)"><path id="title" fill="#333" fill-rule="nonzero" d="M79.3872,47.17787 C76.844254,47.17787 74.3967052,46.8361668 72.04448,46.15275 C69.6922548,45.4693332 67.7373945,44.5236895 66.17984,43.31579 L68.56384,38.02331 C71.8060961,40.2801746 75.4456333,41.40859 79.48256,41.40859 C81.5804904,41.40859 83.1936476,41.0668868 84.32208,40.38347 C85.4505124,39.7000532 86.01472,38.7544095 86.01472,37.54651 C86.01472,36.4657579 85.4981918,35.6234197 84.46512,35.01947 C83.4320482,34.4155203 81.5963866,33.827473 78.95808,33.25531 C76.0019051,32.6513603 73.6417689,31.9202742 71.8776,31.06203 C70.1134311,30.2037858 68.8260842,29.1468896 68.01552,27.89131 C67.2049558,26.6357304 66.79968,25.0861459 66.79968,23.24251 C66.79968,21.2081532 67.3638876,19.3963313 68.49232,17.80699 C69.6207524,16.2176487 71.2021231,14.9700345 73.23648,14.06411 C75.2708369,13.1581855 77.6230266,12.70523 80.29312,12.70523 C82.6771319,12.70523 84.9736957,13.0548798 87.18288,13.75419 C89.3920643,14.4535002 91.1482602,15.3911975 92.45152,16.56731 L90.06752,21.85979 C86.984198,19.6029254 83.7419902,18.47451 80.3408,18.47451 C78.4018037,18.47451 76.8760589,18.8479996 75.76352,19.59499 C74.6509811,20.3419804 74.09472,21.3670902 74.09472,22.67035 C74.09472,23.4332338 74.3092779,24.0610142 74.7384,24.55371 C75.1675221,25.0464058 75.8827149,25.4834681 76.884,25.86491 C77.8852851,26.2463519 79.307724,26.6436813 81.15136,27.05691 C85.4743682,28.0105148 88.581484,29.2342892 90.4728,30.72827 C92.364116,32.2222507 93.30976,34.2883634 93.30976,36.92667 C93.30976,40.1053526 92.0859855,42.6085275 89.6384,44.43627 C87.1908145,46.2640125 83.7737821,47.17787 79.3872,47.17787 Z M110.56992,41.83771 C111.301017,41.83771 112.063889,41.7900306 112.85856,41.69467 L112.47712,46.93947 C111.555302,47.0666174 110.633498,47.13019 109.71168,47.13019 C106.151556,47.13019 103.553022,46.3514245 101.916,44.79387 C100.278978,43.2363155 99.46048,40.8682326 99.46048,37.68955 L99.46048,28.72571 L95.02624,28.72571 L95.02624,23.33787 L99.46048,23.33787 L99.46048,16.47195 L106.66016,16.47195 L106.66016,23.33787 L112.5248,23.33787 L112.5248,28.72571 L106.66016,28.72571 L106.66016,37.64187 C106.66016,40.4391108 107.9634,41.83771 110.56992,41.83771 Z M127.3056,47.13019 C124.826227,47.13019 122.648863,46.6295551 120.77344,45.62827 C118.898017,44.6269849 117.451738,43.2124925 116.43456,41.38475 C115.417382,39.5570075 114.9088,37.4034825 114.9088,34.92411 C114.9088,32.4447375 115.417382,30.2912125 116.43456,28.46347 C117.451738,26.6357275 118.898017,25.2291816 120.77344,24.24379 C122.648863,23.2583984 124.826227,22.76571 127.3056,22.76571 C129.784973,22.76571 131.962337,23.2583984 133.83776,24.24379 C135.713183,25.2291816 137.159462,26.6357275 138.17664,28.46347 C139.193818,30.2912125 139.7024,32.4447375 139.7024,34.92411 C139.7024,37.4034825 139.193818,39.5570075 138.17664,41.38475 C137.159462,43.2124925 135.713183,44.6269849 133.83776,45.62827 C131.962337,46.6295551 129.784973,47.13019 127.3056,47.13019 Z M127.3056,41.64699 C130.802151,41.64699 132.5504,39.4060523 132.5504,34.92411 C132.5504,32.6672454 132.097444,30.9825689 131.19152,29.87003 C130.285596,28.7574911 128.990302,28.20123 127.3056,28.20123 C123.809049,28.20123 122.0608,30.4421676 122.0608,34.92411 C122.0608,39.4060523 123.809049,41.64699 127.3056,41.64699 Z M159.63264,28.67803 L155.57984,29.10715 C153.57727,29.297871 152.162777,29.8620788 151.33632,30.79979 C150.509863,31.7375012 150.09664,32.9851155 150.09664,34.54267 L150.09664,46.74875 L142.89696,46.74875 L142.89696,23.33787 L149.81056,23.33787 L149.81056,27.29531 C150.986672,24.5934298 153.418328,23.1153646 157.1056,22.86107 L159.20352,22.71803 L159.63264,28.67803 Z M180.55224,23.38555 L187.60888,23.38555 L173.4956,55.33115 L166.20056,55.33115 L170.68248,45.46139 L161.05112,23.38555 L168.53688,23.38555 L174.4492,38.26171 L180.55224,23.38555 Z M204.29688,22.76571 C206.331237,22.76571 208.127165,23.2583984 209.68472,24.24379 C211.242275,25.2291816 212.458102,26.6357275 213.33224,28.46347 C214.206378,30.2912125 214.64344,32.4129513 214.64344,34.82875 C214.64344,37.2445487 214.206378,39.3821808 213.33224,41.24171 C212.458102,43.1012392 211.234328,44.5475182 209.66088,45.58059 C208.087432,46.6136618 206.29945,47.13019 204.29688,47.13019 C202.675752,47.13019 201.21358,46.7884868 199.91032,46.10507 C198.60706,45.4216532 197.60579,44.4760095 196.90648,43.26811 L196.90648,46.74875 L189.80216,46.74875 L189.80216,13.13435 L197.00184,13.13435 L197.00184,26.48475 C197.70115,25.3086375 198.694473,24.3947799 199.98184,23.74315 C201.269207,23.0915201 202.707539,22.76571 204.29688,22.76571 Z M202.19896,41.64699 C203.883662,41.64699 205.186902,41.050996 206.10872,39.85899 C207.030538,38.666984 207.49144,36.9902543 207.49144,34.82875 C207.49144,32.6990328 207.030538,31.0699824 206.10872,29.94155 C205.186902,28.8131177 203.883662,28.24891 202.19896,28.24891 C200.514258,28.24891 199.211018,28.8290109 198.2892,29.98923 C197.367382,31.1494492 196.90648,32.7943928 196.90648,34.92411 C196.90648,37.0856143 197.367382,38.7464508 198.2892,39.90667 C199.211018,41.0668892 200.514258,41.64699 202.19896,41.64699 Z M230.28248,47.13019 C227.803107,47.13019 225.625743,46.6295551 223.75032,45.62827 C221.874897,44.6269849 220.428618,43.2124925 219.41144,41.38475 C218.394262,39.5570075 217.88568,37.4034825 217.88568,34.92411 C217.88568,32.4447375 218.394262,30.2912125 219.41144,28.46347 C220.428618,26.6357275 221.874897,25.2291816 223.75032,24.24379 C225.625743,23.2583984 227.803107,22.76571 230.28248,22.76571 C232.761853,22.76571 234.939217,23.2583984 236.81464,24.24379 C238.690063,25.2291816 240.136342,26.6357275 241.15352,28.46347 C242.170698,30.2912125 242.67928,32.4447375 242.67928,34.92411 C242.67928,37.4034825 242.170698,39.5570075 241.15352,41.38475 C240.136342,43.2124925 238.690063,44.6269849 236.81464,45.62827 C234.939217,46.6295551 232.761853,47.13019 230.28248,47.13019 Z M230.28248,41.64699 C233.779031,41.64699 235.52728,39.4060523 235.52728,34.92411 C235.52728,32.6672454 235.074324,30.9825689 234.1684,29.87003 C233.262476,28.7574911 231.967182,28.20123 230.28248,28.20123 C226.785929,28.20123 225.03768,30.4421676 225.03768,34.92411 C225.03768,39.4060523 226.785929,41.64699 230.28248,41.64699 Z M257.12632,47.13019 C254.646947,47.13019 252.469583,46.6295551 250.59416,45.62827 C248.718737,44.6269849 247.272458,43.2124925 246.25528,41.38475 C245.238102,39.5570075 244.72952,37.4034825 244.72952,34.92411 C244.72952,32.4447375 245.238102,30.2912125 246.25528,28.46347 C247.272458,26.6357275 248.718737,25.2291816 250.59416,24.24379 C252.469583,23.2583984 254.646947,22.76571 257.12632,22.76571 C259.605693,22.76571 261.783057,23.2583984 263.65848,24.24379 C265.533903,25.2291816 266.980182,26.6357275 267.99736,28.46347 C269.014538,30.2912125 269.52312,32.4447375 269.52312,34.92411 C269.52312,37.4034825 269.014538,39.5570075 267.99736,41.38475 C266.980182,43.2124925 265.533903,44.6269849 263.65848,45.62827 C261.783057,46.6295551 259.605693,47.13019 257.12632,47.13019 Z M257.12632,41.64699 C260.622871,41.64699 262.37112,39.4060523 262.37112,34.92411 C262.37112,32.6672454 261.918164,30.9825689 261.01224,29.87003 C260.106316,28.7574911 258.811022,28.20123 257.12632,28.20123 C253.629769,28.20123 251.88152,30.4421676 251.88152,34.92411 C251.88152,39.4060523 253.629769,41.64699 257.12632,41.64699 Z M298,46.74875 L289.1792,46.74875 L280.21536,36.30683 L280.21536,46.74875 L273.01568,46.74875 L273.01568,13.13435 L280.21536,13.13435 L280.21536,33.35067 L288.84544,23.38555 L297.42784,23.38555 L287.60576,34.54267 L298,46.74875 Z"/><g id="storybook-icon/default"><g id="path1_fill-path" fill="#FF4785" fill-rule="nonzero"><path id="Combined-Shape" d="M47.8312013,2.80971483 C47.8350905,2.87194512 47.8370368,2.93428164 47.8370368,2.99663335 L47.8370368,56.6034685 C47.8370368,58.258407 46.4954437,59.6 44.8405052,59.6 C44.795672,59.6 44.7508448,59.598994 44.7060569,59.5969822 L4.70840751,57.8005604 C3.15065724,57.7305968 1.90691204,56.4776502 1.84843217,54.9194266 L0.00214588274,5.72425953 C-0.0588297108,4.09953614 1.18695001,2.72260199 2.80965096,2.62118318 L35.609,0.57 L35.3240382,7.32578943 C35.3208004,7.40366257 35.3379881,7.48055684 35.3732802,7.54906602 L35.4145212,7.61450586 C35.5637193,7.81119173 35.8441138,7.84968806 36.0407994,7.70048986 L36.0407994,7.70048986 L38.6644993,5.71025368 L40.8805075,7.45594593 C40.9635443,7.52135926 41.067076,7.55522845 41.1727185,7.5515393 C41.4194396,7.54292364 41.6124619,7.33593242 41.6038462,7.08921155 L41.6038462,7.08921155 L41.356,0.211 L44.6535865,0.00593720291 C46.3053025,-0.0972950389 47.7279691,1.15799897 47.8312013,2.80971483 Z"/></g><g id="path2_fill-path-Clipped"><mask id="mask-2" fill="#fff"><use xlink:href="#path-1"/></mask><path id="path2_fill-path" fill="#FFF" fill-rule="nonzero" d="M35.3240382,7.32578943 L35.6098548,0.568683333 L41.3562856,0.209841667 L41.6038462,7.08921155 C41.6124619,7.33593242 41.4194396,7.54292364 41.1727185,7.5515393 C41.067076,7.55522845 40.9635443,7.52135926 40.8805075,7.45594593 L38.6644993,5.71025368 L36.0407994,7.70048986 C35.8441138,7.84968806 35.5637193,7.81119173 35.4145212,7.61450586 C35.3517162,7.53171091 35.3197211,7.42962029 35.3240382,7.32578943 Z" mask="url(#mask-2)"/></g><g id="path9_fill-path-Clipped"><mask id="mask-4" fill="#fff"><use xlink:href="#path-3"/></mask><path id="path9_fill-path" fill="#FFF" fill-rule="nonzero" d="M27.9749043,22.4640551 C27.9749043,23.6298812 35.82775,23.0711312 36.8819253,22.2522188 C36.8819253,14.3132216 32.6220457,10.1414034 24.821487,10.1414034 C17.0209281,10.1414034 12.6504023,14.3781293 12.6504023,20.7332213 C12.6504023,31.8016735 27.5876425,32.0135097 27.5876425,38.0508473 C27.5876425,39.7455384 26.7577959,40.7517613 24.9321332,40.7517613 C22.5532394,40.7517613 21.6127465,39.536844 21.7233927,35.4060341 C21.7233927,34.5099091 12.6504023,34.2305341 12.3737867,35.4060341 C11.6694109,45.4164567 17.9060979,48.3038466 25.0427794,48.3038466 C31.9581684,48.3038466 37.3798335,44.6177755 37.3798335,37.9449288 C37.3798335,26.0820905 22.2213007,26.3998451 22.2213007,20.5213849 C22.2213007,18.1382254 23.9916403,17.8204708 25.0427794,17.8204708 C26.1492416,17.8204708 28.1408737,18.0154907 27.9749043,22.4640551 Z" mask="url(#mask-4)"/></g></g></g></g></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="60" version="1.1" viewBox="0 0 300 60"><title>logo-storybook-inverse</title><defs><path id="path-1" d="M1.84843217,54.9194266 L0.00214588274,5.72425953 C-0.0588297108,4.09953614 1.18695001,2.72260199 2.80965096,2.62118318 L44.6535865,0.00593720291 C46.3053025,-0.0972950389 47.7279691,1.15799897 47.8312013,2.80971483 C47.8350905,2.87194512 47.8370368,2.93428164 47.8370368,2.99663335 L47.8370368,56.6034685 C47.8370368,58.258407 46.4954437,59.6 44.8405052,59.6 C44.795672,59.6 44.7508448,59.598994 44.7060569,59.5969822 L4.70840751,57.8005604 C3.15065724,57.7305968 1.90691204,56.4776502 1.84843217,54.9194266 Z"/><path id="path-3" d="M1.84843217,54.9194266 L0.00214588274,5.72425953 C-0.0588297108,4.09953614 1.18695001,2.72260199 2.80965096,2.62118318 L44.6535865,0.00593720291 C46.3053025,-0.0972950389 47.7279691,1.15799897 47.8312013,2.80971483 C47.8350905,2.87194512 47.8370368,2.93428164 47.8370368,2.99663335 L47.8370368,56.6034685 C47.8370368,58.258407 46.4954437,59.6 44.8405052,59.6 C44.795672,59.6 44.7508448,59.598994 44.7060569,59.5969822 L4.70840751,57.8005604 C3.15065724,57.7305968 1.90691204,56.4776502 1.84843217,54.9194266 Z"/></defs><g id="logo-storybook-inverse" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="logo-storybook-default" transform="translate(1.000000, -0.000000)"><path id="title" fill="#FFF" fill-rule="nonzero" d="M79.3872,47.17787 C76.844254,47.17787 74.3967052,46.8361668 72.04448,46.15275 C69.6922548,45.4693332 67.7373945,44.5236895 66.17984,43.31579 L68.56384,38.02331 C71.8060961,40.2801746 75.4456333,41.40859 79.48256,41.40859 C81.5804904,41.40859 83.1936476,41.0668868 84.32208,40.38347 C85.4505124,39.7000532 86.01472,38.7544095 86.01472,37.54651 C86.01472,36.4657579 85.4981918,35.6234197 84.46512,35.01947 C83.4320482,34.4155203 81.5963866,33.827473 78.95808,33.25531 C76.0019051,32.6513603 73.6417689,31.9202742 71.8776,31.06203 C70.1134311,30.2037858 68.8260842,29.1468896 68.01552,27.89131 C67.2049558,26.6357304 66.79968,25.0861459 66.79968,23.24251 C66.79968,21.2081532 67.3638876,19.3963313 68.49232,17.80699 C69.6207524,16.2176487 71.2021231,14.9700345 73.23648,14.06411 C75.2708369,13.1581855 77.6230266,12.70523 80.29312,12.70523 C82.6771319,12.70523 84.9736957,13.0548798 87.18288,13.75419 C89.3920643,14.4535002 91.1482602,15.3911975 92.45152,16.56731 L90.06752,21.85979 C86.984198,19.6029254 83.7419902,18.47451 80.3408,18.47451 C78.4018037,18.47451 76.8760589,18.8479996 75.76352,19.59499 C74.6509811,20.3419804 74.09472,21.3670902 74.09472,22.67035 C74.09472,23.4332338 74.3092779,24.0610142 74.7384,24.55371 C75.1675221,25.0464058 75.8827149,25.4834681 76.884,25.86491 C77.8852851,26.2463519 79.307724,26.6436813 81.15136,27.05691 C85.4743682,28.0105148 88.581484,29.2342892 90.4728,30.72827 C92.364116,32.2222507 93.30976,34.2883634 93.30976,36.92667 C93.30976,40.1053526 92.0859855,42.6085275 89.6384,44.43627 C87.1908145,46.2640125 83.7737821,47.17787 79.3872,47.17787 Z M110.56992,41.83771 C111.301017,41.83771 112.063889,41.7900306 112.85856,41.69467 L112.47712,46.93947 C111.555302,47.0666174 110.633498,47.13019 109.71168,47.13019 C106.151556,47.13019 103.553022,46.3514245 101.916,44.79387 C100.278978,43.2363155 99.46048,40.8682326 99.46048,37.68955 L99.46048,28.72571 L95.02624,28.72571 L95.02624,23.33787 L99.46048,23.33787 L99.46048,16.47195 L106.66016,16.47195 L106.66016,23.33787 L112.5248,23.33787 L112.5248,28.72571 L106.66016,28.72571 L106.66016,37.64187 C106.66016,40.4391108 107.9634,41.83771 110.56992,41.83771 Z M127.3056,47.13019 C124.826227,47.13019 122.648863,46.6295551 120.77344,45.62827 C118.898017,44.6269849 117.451738,43.2124925 116.43456,41.38475 C115.417382,39.5570075 114.9088,37.4034825 114.9088,34.92411 C114.9088,32.4447375 115.417382,30.2912125 116.43456,28.46347 C117.451738,26.6357275 118.898017,25.2291816 120.77344,24.24379 C122.648863,23.2583984 124.826227,22.76571 127.3056,22.76571 C129.784973,22.76571 131.962337,23.2583984 133.83776,24.24379 C135.713183,25.2291816 137.159462,26.6357275 138.17664,28.46347 C139.193818,30.2912125 139.7024,32.4447375 139.7024,34.92411 C139.7024,37.4034825 139.193818,39.5570075 138.17664,41.38475 C137.159462,43.2124925 135.713183,44.6269849 133.83776,45.62827 C131.962337,46.6295551 129.784973,47.13019 127.3056,47.13019 Z M127.3056,41.64699 C130.802151,41.64699 132.5504,39.4060523 132.5504,34.92411 C132.5504,32.6672454 132.097444,30.9825689 131.19152,29.87003 C130.285596,28.7574911 128.990302,28.20123 127.3056,28.20123 C123.809049,28.20123 122.0608,30.4421676 122.0608,34.92411 C122.0608,39.4060523 123.809049,41.64699 127.3056,41.64699 Z M159.63264,28.67803 L155.57984,29.10715 C153.57727,29.297871 152.162777,29.8620788 151.33632,30.79979 C150.509863,31.7375012 150.09664,32.9851155 150.09664,34.54267 L150.09664,46.74875 L142.89696,46.74875 L142.89696,23.33787 L149.81056,23.33787 L149.81056,27.29531 C150.986672,24.5934298 153.418328,23.1153646 157.1056,22.86107 L159.20352,22.71803 L159.63264,28.67803 Z M180.55224,23.38555 L187.60888,23.38555 L173.4956,55.33115 L166.20056,55.33115 L170.68248,45.46139 L161.05112,23.38555 L168.53688,23.38555 L174.4492,38.26171 L180.55224,23.38555 Z M204.29688,22.76571 C206.331237,22.76571 208.127165,23.2583984 209.68472,24.24379 C211.242275,25.2291816 212.458102,26.6357275 213.33224,28.46347 C214.206378,30.2912125 214.64344,32.4129513 214.64344,34.82875 C214.64344,37.2445487 214.206378,39.3821808 213.33224,41.24171 C212.458102,43.1012392 211.234328,44.5475182 209.66088,45.58059 C208.087432,46.6136618 206.29945,47.13019 204.29688,47.13019 C202.675752,47.13019 201.21358,46.7884868 199.91032,46.10507 C198.60706,45.4216532 197.60579,44.4760095 196.90648,43.26811 L196.90648,46.74875 L189.80216,46.74875 L189.80216,13.13435 L197.00184,13.13435 L197.00184,26.48475 C197.70115,25.3086375 198.694473,24.3947799 199.98184,23.74315 C201.269207,23.0915201 202.707539,22.76571 204.29688,22.76571 Z M202.19896,41.64699 C203.883662,41.64699 205.186902,41.050996 206.10872,39.85899 C207.030538,38.666984 207.49144,36.9902543 207.49144,34.82875 C207.49144,32.6990328 207.030538,31.0699824 206.10872,29.94155 C205.186902,28.8131177 203.883662,28.24891 202.19896,28.24891 C200.514258,28.24891 199.211018,28.8290109 198.2892,29.98923 C197.367382,31.1494492 196.90648,32.7943928 196.90648,34.92411 C196.90648,37.0856143 197.367382,38.7464508 198.2892,39.90667 C199.211018,41.0668892 200.514258,41.64699 202.19896,41.64699 Z M230.28248,47.13019 C227.803107,47.13019 225.625743,46.6295551 223.75032,45.62827 C221.874897,44.6269849 220.428618,43.2124925 219.41144,41.38475 C218.394262,39.5570075 217.88568,37.4034825 217.88568,34.92411 C217.88568,32.4447375 218.394262,30.2912125 219.41144,28.46347 C220.428618,26.6357275 221.874897,25.2291816 223.75032,24.24379 C225.625743,23.2583984 227.803107,22.76571 230.28248,22.76571 C232.761853,22.76571 234.939217,23.2583984 236.81464,24.24379 C238.690063,25.2291816 240.136342,26.6357275 241.15352,28.46347 C242.170698,30.2912125 242.67928,32.4447375 242.67928,34.92411 C242.67928,37.4034825 242.170698,39.5570075 241.15352,41.38475 C240.136342,43.2124925 238.690063,44.6269849 236.81464,45.62827 C234.939217,46.6295551 232.761853,47.13019 230.28248,47.13019 Z M230.28248,41.64699 C233.779031,41.64699 235.52728,39.4060523 235.52728,34.92411 C235.52728,32.6672454 235.074324,30.9825689 234.1684,29.87003 C233.262476,28.7574911 231.967182,28.20123 230.28248,28.20123 C226.785929,28.20123 225.03768,30.4421676 225.03768,34.92411 C225.03768,39.4060523 226.785929,41.64699 230.28248,41.64699 Z M257.12632,47.13019 C254.646947,47.13019 252.469583,46.6295551 250.59416,45.62827 C248.718737,44.6269849 247.272458,43.2124925 246.25528,41.38475 C245.238102,39.5570075 244.72952,37.4034825 244.72952,34.92411 C244.72952,32.4447375 245.238102,30.2912125 246.25528,28.46347 C247.272458,26.6357275 248.718737,25.2291816 250.59416,24.24379 C252.469583,23.2583984 254.646947,22.76571 257.12632,22.76571 C259.605693,22.76571 261.783057,23.2583984 263.65848,24.24379 C265.533903,25.2291816 266.980182,26.6357275 267.99736,28.46347 C269.014538,30.2912125 269.52312,32.4447375 269.52312,34.92411 C269.52312,37.4034825 269.014538,39.5570075 267.99736,41.38475 C266.980182,43.2124925 265.533903,44.6269849 263.65848,45.62827 C261.783057,46.6295551 259.605693,47.13019 257.12632,47.13019 Z M257.12632,41.64699 C260.622871,41.64699 262.37112,39.4060523 262.37112,34.92411 C262.37112,32.6672454 261.918164,30.9825689 261.01224,29.87003 C260.106316,28.7574911 258.811022,28.20123 257.12632,28.20123 C253.629769,28.20123 251.88152,30.4421676 251.88152,34.92411 C251.88152,39.4060523 253.629769,41.64699 257.12632,41.64699 Z M298,46.74875 L289.1792,46.74875 L280.21536,36.30683 L280.21536,46.74875 L273.01568,46.74875 L273.01568,13.13435 L280.21536,13.13435 L280.21536,33.35067 L288.84544,23.38555 L297.42784,23.38555 L287.60576,34.54267 L298,46.74875 Z"/><g id="storybook-icon/default"><g id="path1_fill-path" fill="#FF4785" fill-rule="nonzero"><path id="Combined-Shape" d="M47.8312013,2.80971483 C47.8350905,2.87194512 47.8370368,2.93428164 47.8370368,2.99663335 L47.8370368,56.6034685 C47.8370368,58.258407 46.4954437,59.6 44.8405052,59.6 C44.795672,59.6 44.7508448,59.598994 44.7060569,59.5969822 L4.70840751,57.8005604 C3.15065724,57.7305968 1.90691204,56.4776502 1.84843217,54.9194266 L0.00214588274,5.72425953 C-0.0588297108,4.09953614 1.18695001,2.72260199 2.80965096,2.62118318 L35.609,0.57 L35.3240382,7.32578943 C35.3208004,7.40366257 35.3379881,7.48055684 35.3732802,7.54906602 L35.4145212,7.61450586 C35.5637193,7.81119173 35.8441138,7.84968806 36.0407994,7.70048986 L36.0407994,7.70048986 L38.6644993,5.71025368 L40.8805075,7.45594593 C40.9635443,7.52135926 41.067076,7.55522845 41.1727185,7.5515393 C41.4194396,7.54292364 41.6124619,7.33593242 41.6038462,7.08921155 L41.6038462,7.08921155 L41.356,0.211 L44.6535865,0.00593720291 C46.3053025,-0.0972950389 47.7279691,1.15799897 47.8312013,2.80971483 Z"/></g><g id="path2_fill-path-Clipped"><mask id="mask-2" fill="#fff"><use xlink:href="#path-1"/></mask><path id="path2_fill-path" fill="#FFF" fill-rule="nonzero" d="M35.3240382,7.32578943 L35.6098548,0.568683333 L41.3562856,0.209841667 L41.6038462,7.08921155 C41.6124619,7.33593242 41.4194396,7.54292364 41.1727185,7.5515393 C41.067076,7.55522845 40.9635443,7.52135926 40.8805075,7.45594593 L38.6644993,5.71025368 L36.0407994,7.70048986 C35.8441138,7.84968806 35.5637193,7.81119173 35.4145212,7.61450586 C35.3517162,7.53171091 35.3197211,7.42962029 35.3240382,7.32578943 Z" mask="url(#mask-2)"/></g><g id="path9_fill-path-Clipped"><mask id="mask-4" fill="#fff"><use xlink:href="#path-3"/></mask><path id="path9_fill-path" fill="#FFF" fill-rule="nonzero" d="M27.9749043,22.4640551 C27.9749043,23.6298812 35.82775,23.0711312 36.8819253,22.2522188 C36.8819253,14.3132216 32.6220457,10.1414034 24.821487,10.1414034 C17.0209281,10.1414034 12.6504023,14.3781293 12.6504023,20.7332213 C12.6504023,31.8016735 27.5876425,32.0135097 27.5876425,38.0508473 C27.5876425,39.7455384 26.7577959,40.7517613 24.9321332,40.7517613 C22.5532394,40.7517613 21.6127465,39.536844 21.7233927,35.4060341 C21.7233927,34.5099091 12.6504023,34.2305341 12.3737867,35.4060341 C11.6694109,45.4164567 17.9060979,48.3038466 25.0427794,48.3038466 C31.9581684,48.3038466 37.3798335,44.6177755 37.3798335,37.9449288 C37.3798335,26.0820905 22.2213007,26.3998451 22.2213007,20.5213849 C22.2213007,18.1382254 23.9916403,17.8204708 25.0427794,17.8204708 C26.1492416,17.8204708 28.1408737,18.0154907 27.9749043,22.4640551 Z" mask="url(#mask-4)"/></g></g></g></g></svg>
|