@dktunited-techoff/techoff-suite-ui 1.8.7 → 1.8.9
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/esm/components/TsIcon/icons/header-long-lasting.svg +43 -0
- package/esm/components/TsIcon/icons/index.js +1 -0
- package/esm/components/TsIcon/icons/index.js.map +1 -1
- package/esm/components/TsIcon/icons/index.ts +1 -0
- package/esm/components/TsTabs/TsTabs.js +7 -1
- package/esm/components/TsTabs/TsTabs.js.map +1 -1
- package/esm/layouts/TsHeader/TsHeader.types.d.ts +1 -1
- package/esm/layouts/TsHeader/__stories__/TsHeader.stories.mdx +1 -1
- package/lib/components/TsIcon/icons/header-long-lasting.svg +43 -0
- package/lib/components/TsIcon/icons/index.js +1 -0
- package/lib/components/TsIcon/icons/index.js.map +1 -1
- package/lib/components/TsIcon/icons/index.ts +1 -0
- package/lib/components/TsTabs/TsTabs.js +6 -0
- package/lib/components/TsTabs/TsTabs.js.map +1 -1
- package/lib/layouts/TsHeader/TsHeader.types.d.ts +1 -1
- package/lib/layouts/TsHeader/__stories__/TsHeader.stories.mdx +1 -1
- package/package.json +1 -1
- package/src/components/TsIcon/icons/header-long-lasting.svg +43 -0
- package/src/components/TsIcon/icons/index.ts +1 -0
- package/src/components/TsTabs/TsTabs.tsx +7 -1
- package/src/layouts/TsHeader/TsHeader.types.ts +1 -1
- package/src/layouts/TsHeader/__stories__/TsHeader.stories.mdx +1 -1
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 357.2 17" style="enable-background:new 0 0 357.2 17;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{fill:#101010;}
|
|
7
|
+
.st1{font-family:'Roboto-Light';}
|
|
8
|
+
.st2{font-size:11px;}
|
|
9
|
+
.st3{fill:#020203;}
|
|
10
|
+
.st4{fill:#0D84C5;}
|
|
11
|
+
.st5{fill:#FFFFFF;}
|
|
12
|
+
</style>
|
|
13
|
+
<path class="st0" d="M0,17V0.2h2.4v14.7h9.1V17H0z M21.5,17.2c-5.2,0-9-3.7-9-8.6s3.8-8.6,9-8.6c5.1,0,8.9,3.6,8.9,8.6
|
|
14
|
+
S26.6,17.2,21.5,17.2z M21.5,15c3.7,0,6.5-2.7,6.5-6.5S25.2,2,21.5,2c-3.8,0-6.6,2.7-6.6,6.5S17.8,15,21.5,15z M46.1,0.2h2.4V17h-2
|
|
15
|
+
l-10-12.5V17h-2.4V0.2h2l10.1,12.5L46.1,0.2L46.1,0.2z M65.2,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6S56,0,61.2,0
|
|
16
|
+
c2.7,0,4.9,0.9,6.5,2.6l-1.5,1.5c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5C62.7,15,64,14.7,65.2,14z
|
|
17
|
+
M78.6,17V0.2H81v14.7h9.1V17H78.6z M105.4,17l-1.8-4.2h-8.9L92.8,17h-2.5l7.6-16.8h2.4L108,17H105.4z M95.5,10.9h7.2l-3.6-8.2
|
|
18
|
+
L95.5,10.9z M115.4,17.2c-2.6,0-5.1-0.9-6.4-2.1l0.9-1.9c1.2,1.1,3.4,1.9,5.5,1.9c2.9,0,4.2-1.1,4.2-2.6c0-4.1-10.2-1.5-10.2-7.8
|
|
19
|
+
c0-2.6,2-4.8,6.4-4.8c2,0,4,0.5,5.4,1.5l-0.8,1.9c-1.5-0.9-3.1-1.4-4.6-1.4c-2.9,0-4.1,1.2-4.1,2.7c0,4.1,10.2,1.5,10.2,7.7
|
|
20
|
+
C121.9,15,119.8,17.2,115.4,17.2z M128.5,17V2.3h-5.8V0.2h13.9v2.1h-5.8V17H128.5z M139.2,17V0.2h2.4V17H139.2z M158.7,0.2h2.4V17
|
|
21
|
+
h-2L149,4.5V17h-2.4V0.2h2l10.1,12.5L158.7,0.2L158.7,0.2z M177.8,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6
|
|
22
|
+
s3.8-8.6,9-8.6c2.7,0,4.9,0.9,6.5,2.6L178.7,4c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5
|
|
23
|
+
C175.2,15,176.6,14.7,177.8,14z M191.1,17V0.2h2.4V17H191.1z M210.6,0.2h2.4V17h-2L200.9,4.5V17h-2.4V0.2h2l10.1,12.5V0.2z M218,17
|
|
24
|
+
V0.2h7.1c5.4,0,9.1,3.4,9.1,8.4s-3.7,8.4-9.1,8.4H218z M220.4,14.9h4.5c4.2,0,6.8-2.5,6.8-6.3s-2.7-6.3-6.8-6.3h-4.5V14.9z
|
|
25
|
+
M240.2,14.9h9.8V17h-12.2V0.2h11.9v2.1h-9.5v5.2h8.4v2h-8.4V14.9z M267.1,17h-2.8l-5-6.9l-5,6.9h-2.8l6.3-8.6l-5.9-8.2h2.7l4.7,6.5
|
|
26
|
+
l4.7-6.5h2.6l-5.9,8.1L267.1,17z"/>
|
|
27
|
+
<text transform="matrix(1 0 0 1 283.4998 16.9997)" class="st1 st2">BY</text>
|
|
28
|
+
<path class="st3" d="M320.5,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3
|
|
29
|
+
c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L320.5,10.3z"/>
|
|
30
|
+
<polygon class="st3" points="306.5,7.7 312.4,7.7 312.4,9.5 308.5,9.5 308.5,11.4 311.9,11.4 311.9,13.2 308.5,13.2 308.5,15.2
|
|
31
|
+
312.4,15.2 312.4,17 306.5,17 "/>
|
|
32
|
+
<polygon class="st3" points="345,7.5 350.5,7.5 350.5,9.4 346.9,9.4 346.9,11.7 350,11.7 350,13.5 346.9,13.5 346.9,16.9 345,16.9
|
|
33
|
+
"/>
|
|
34
|
+
<polygon class="st3" points="351.6,7.5 357.2,7.5 357.2,9.4 353.6,9.4 353.6,11.7 356.7,11.7 356.7,13.5 353.6,13.5 353.6,16.9
|
|
35
|
+
351.6,16.9 "/>
|
|
36
|
+
<polygon class="st3" points="329,13 325,13 325,16.9 323.1,16.9 323.1,7.5 325,7.5 325,11.1 329,11.1 329,7.5 331,7.5 331,16.9
|
|
37
|
+
329,16.9 "/>
|
|
38
|
+
<polygon class="st3" points="298.3,7.7 305.4,7.7 305.4,9.6 302.9,9.6 302.9,17 300.9,17 300.9,9.6 298.3,9.6 "/>
|
|
39
|
+
<polyline class="st3" points="331.4,8.8 333.2,6 335.2,6 333.4,8.8 331.4,8.8 "/>
|
|
40
|
+
<path class="st3" d="M339,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S341.8,7.4,339,7.4z"/>
|
|
41
|
+
<polygon class="st4" points="334.9,12.4 341,8.8 341,15.9 "/>
|
|
42
|
+
<polygon class="st5" points="338.9,17 338.8,13.6 336,15.4 "/>
|
|
43
|
+
</svg>
|
|
@@ -38,6 +38,7 @@ export const icons = {
|
|
|
38
38
|
'flashlight-off': '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bolt-off" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 3l18 18" /><path d="M15.212 15.21l-4.212 5.79v-7h-6l3.79 -5.21m1.685 -2.32l2.525 -3.47v6m1 1h5l-2.104 2.893" /></svg>',
|
|
39
39
|
'flashlight': '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bolt" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>',
|
|
40
40
|
'header-bikestudio': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 238.9 17.2" style="enable-background:new 0 0 238.9 17.2;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -2.52 16.9922)" class="st0 st1 st2">BIKESTUDIO</text><text transform="matrix(1 0 0 1 165.1359 17.0155)" class="st3 st4">BY</text><path class="st5" d="M202.2,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L202.2,10.3z"/><polygon class="st5" points="188.2,7.7 194.1,7.7 194.1,9.5 190.2,9.5 190.2,11.4 193.6,11.4 193.6,13.2 190.2,13.2 190.2,15.2 194.1,15.2 194.1,17 188.2,17 "/><polygon class="st5" points="226.7,7.5 232.2,7.5 232.2,9.4 228.6,9.4 228.6,11.7 231.7,11.7 231.7,13.5 228.6,13.5 228.6,16.9 226.7,16.9 "/><polygon class="st5" points="233.3,7.5 238.9,7.5 238.9,9.4 235.3,9.4 235.3,11.7 238.4,11.7 238.4,13.5 235.3,13.5 235.3,16.9 233.3,16.9 "/><polygon class="st5" points="210.7,13 206.7,13 206.7,16.9 204.8,16.9 204.8,7.5 206.7,7.5 206.7,11.1 210.7,11.1 210.7,7.5 212.7,7.5 212.7,16.9 210.7,16.9 "/><polygon class="st5" points="180,7.7 187.1,7.7 187.1,9.6 184.6,9.6 184.6,17 182.6,17 182.6,9.6 180,9.6 "/><polyline class="st5" points="213.1,8.8 214.9,6 216.9,6 215.1,8.8 213.1,8.8 "/><path class="st5" d="M220.7,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S223.5,7.4,220.7,7.4z"/><polygon class="st6" points="216.6,12.4 222.7,8.8 222.7,15.9 "/><polygon class="st7" points="220.6,17 220.5,13.6 217.7,15.4 "/></svg>',
|
|
41
|
+
'header-long-lasting': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 357.2 17" style="enable-background:new 0 0 357.2 17;" xml:space="preserve"><style type="text/css"> .st0{fill:#101010;} .st1{font-family:\'Roboto-Light\';} .st2{font-size:11px;} .st3{fill:#020203;} .st4{fill:#0D84C5;} .st5{fill:#FFFFFF;}</style><path class="st0" d="M0,17V0.2h2.4v14.7h9.1V17H0z M21.5,17.2c-5.2,0-9-3.7-9-8.6s3.8-8.6,9-8.6c5.1,0,8.9,3.6,8.9,8.6 S26.6,17.2,21.5,17.2z M21.5,15c3.7,0,6.5-2.7,6.5-6.5S25.2,2,21.5,2c-3.8,0-6.6,2.7-6.6,6.5S17.8,15,21.5,15z M46.1,0.2h2.4V17h-2 l-10-12.5V17h-2.4V0.2h2l10.1,12.5L46.1,0.2L46.1,0.2z M65.2,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6S56,0,61.2,0 c2.7,0,4.9,0.9,6.5,2.6l-1.5,1.5c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5C62.7,15,64,14.7,65.2,14z M78.6,17V0.2H81v14.7h9.1V17H78.6z M105.4,17l-1.8-4.2h-8.9L92.8,17h-2.5l7.6-16.8h2.4L108,17H105.4z M95.5,10.9h7.2l-3.6-8.2 L95.5,10.9z M115.4,17.2c-2.6,0-5.1-0.9-6.4-2.1l0.9-1.9c1.2,1.1,3.4,1.9,5.5,1.9c2.9,0,4.2-1.1,4.2-2.6c0-4.1-10.2-1.5-10.2-7.8 c0-2.6,2-4.8,6.4-4.8c2,0,4,0.5,5.4,1.5l-0.8,1.9c-1.5-0.9-3.1-1.4-4.6-1.4c-2.9,0-4.1,1.2-4.1,2.7c0,4.1,10.2,1.5,10.2,7.7 C121.9,15,119.8,17.2,115.4,17.2z M128.5,17V2.3h-5.8V0.2h13.9v2.1h-5.8V17H128.5z M139.2,17V0.2h2.4V17H139.2z M158.7,0.2h2.4V17 h-2L149,4.5V17h-2.4V0.2h2l10.1,12.5L158.7,0.2L158.7,0.2z M177.8,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6 s3.8-8.6,9-8.6c2.7,0,4.9,0.9,6.5,2.6L178.7,4c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5 C175.2,15,176.6,14.7,177.8,14z M191.1,17V0.2h2.4V17H191.1z M210.6,0.2h2.4V17h-2L200.9,4.5V17h-2.4V0.2h2l10.1,12.5V0.2z M218,17 V0.2h7.1c5.4,0,9.1,3.4,9.1,8.4s-3.7,8.4-9.1,8.4H218z M220.4,14.9h4.5c4.2,0,6.8-2.5,6.8-6.3s-2.7-6.3-6.8-6.3h-4.5V14.9z M240.2,14.9h9.8V17h-12.2V0.2h11.9v2.1h-9.5v5.2h8.4v2h-8.4V14.9z M267.1,17h-2.8l-5-6.9l-5,6.9h-2.8l6.3-8.6l-5.9-8.2h2.7l4.7,6.5 l4.7-6.5h2.6l-5.9,8.1L267.1,17z"/><text transform="matrix(1 0 0 1 283.4998 16.9997)" class="st1 st2">BY</text><path class="st3" d="M320.5,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L320.5,10.3z"/><polygon class="st3" points="306.5,7.7 312.4,7.7 312.4,9.5 308.5,9.5 308.5,11.4 311.9,11.4 311.9,13.2 308.5,13.2 308.5,15.2 312.4,15.2 312.4,17 306.5,17 "/><polygon class="st3" points="345,7.5 350.5,7.5 350.5,9.4 346.9,9.4 346.9,11.7 350,11.7 350,13.5 346.9,13.5 346.9,16.9 345,16.9 "/><polygon class="st3" points="351.6,7.5 357.2,7.5 357.2,9.4 353.6,9.4 353.6,11.7 356.7,11.7 356.7,13.5 353.6,13.5 353.6,16.9 351.6,16.9 "/><polygon class="st3" points="329,13 325,13 325,16.9 323.1,16.9 323.1,7.5 325,7.5 325,11.1 329,11.1 329,7.5 331,7.5 331,16.9 329,16.9 "/><polygon class="st3" points="298.3,7.7 305.4,7.7 305.4,9.6 302.9,9.6 302.9,17 300.9,17 300.9,9.6 298.3,9.6 "/><polyline class="st3" points="331.4,8.8 333.2,6 335.2,6 333.4,8.8 331.4,8.8 "/><path class="st3" d="M339,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S341.8,7.4,339,7.4z"/><polygon class="st4" points="334.9,12.4 341,8.8 341,15.9 "/><polygon class="st5" points="338.9,17 338.8,13.6 336,15.4 "/></svg>',
|
|
41
42
|
'header-nsc-helmet': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 247.3 17" style="enable-background:new 0 0 247.3 17;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -2.52 16.8017)" class="st0 st1 st2">NSC HELMET</text><text transform="matrix(1 0 0 1 173.496 16.8009)" class="st3 st4">BY</text><path class="st5" d="M210.6,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1L212,15 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L210.6,10.1z"/><polygon class="st5" points="196.6,7.5 202.5,7.5 202.5,9.3 198.6,9.3 198.6,11.2 202,11.2 202,13 198.6,13 198.6,15 202.5,15 202.5,16.8 196.6,16.8 "/><polygon class="st5" points="235.1,7.3 240.6,7.3 240.6,9.2 237,9.2 237,11.5 240.1,11.5 240.1,13.3 237,13.3 237,16.7 235.1,16.7 "/><polygon class="st5" points="241.7,7.3 247.3,7.3 247.3,9.2 243.7,9.2 243.7,11.5 246.8,11.5 246.8,13.3 243.7,13.3 243.7,16.7 241.7,16.7 "/><polygon class="st5" points="219.1,12.8 215.1,12.8 215.1,16.7 213.2,16.7 213.2,7.3 215.1,7.3 215.1,10.9 219.1,10.9 219.1,7.3 221.1,7.3 221.1,16.7 219.1,16.7 "/><polygon class="st5" points="188.4,7.5 195.5,7.5 195.5,9.4 193,9.4 193,16.8 191,16.8 191,9.4 188.4,9.4 "/><polyline class="st5" points="221.5,8.6 223.3,5.8 225.3,5.8 223.5,8.6 221.5,8.6 "/><path class="st5" d="M229.1,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S231.9,7.2,229.1,7.2z"/><polygon class="st6" points="225,12.2 231.1,8.6 231.1,15.7 "/><polygon class="st7" points="229,16.8 228.9,13.4 226.1,15.2 "/></svg>',
|
|
42
43
|
'header-opticost': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 211.7 17.2" style="enable-background:new 0 0 211.7 17.2;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -1.1519 16.9922)" class="st0 st1 st2">OPTICOST</text><text transform="matrix(1 0 0 1 137.907 16.9861)" class="st3 st4">BY</text><path class="st5" d="M175,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L175,10.3z"/><polygon class="st5" points="161,7.7 166.9,7.7 166.9,9.5 163,9.5 163,11.4 166.4,11.4 166.4,13.2 163,13.2 163,15.2 166.9,15.2 166.9,17 161,17 "/><polygon class="st5" points="199.5,7.5 205,7.5 205,9.4 201.4,9.4 201.4,11.7 204.5,11.7 204.5,13.5 201.4,13.5 201.4,16.9 199.5,16.9 "/><polygon class="st5" points="206.1,7.5 211.7,7.5 211.7,9.4 208.1,9.4 208.1,11.7 211.2,11.7 211.2,13.5 208.1,13.5 208.1,16.9 206.1,16.9 "/><polygon class="st5" points="183.5,13 179.5,13 179.5,16.9 177.6,16.9 177.6,7.5 179.5,7.5 179.5,11.1 183.5,11.1 183.5,7.5 185.5,7.5 185.5,16.9 183.5,16.9 "/><polygon class="st5" points="152.8,7.7 159.9,7.7 159.9,9.6 157.4,9.6 157.4,17 155.4,17 155.4,9.6 152.8,9.6 "/><polyline class="st5" points="185.9,8.8 187.7,6 189.7,6 187.9,8.8 185.9,8.8 "/><path class="st5" d="M193.5,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S196.3,7.4,193.5,7.4z"/><polygon class="st6" points="189.4,12.4 195.5,8.8 195.5,15.9 "/><polygon class="st7" points="193.4,17 193.3,13.6 190.5,15.4 "/></svg>',
|
|
43
44
|
'header-repairability': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 357.7 16.8" style="enable-background:new 0 0 357.7 16.8;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47 !important;} .st1{font-family:\'Montserrat-Medium\' !important;} .st2{font-size:24px !important;} .st3{font-family:\'Roboto-Light\' !important;} .st4{font-size:11px !important;} .st5{fill:#020203 !important;} .st6{fill:#0D84C5 !important;} .st7{fill:#FFFFFF !important;}</style><text transform="matrix(1 0 0 1 -2.52 16.7998)" class="st0 st1 st2">REPAIRABILITY INDEX</text><text transform="matrix(1 0 0 1 283.9413 16.7998)" class="st3 st4">BY</text><path class="st5" d="M321,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8c0-2.8,2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L321,10.1z"/><polygon class="st5" points="307,7.5 312.9,7.5 312.9,9.3 309,9.3 309,11.2 312.4,11.2 312.4,13 309,13 309,15 312.9,15 312.9,16.8 307,16.8 "/><polygon class="st5" points="345.5,7.3 351,7.3 351,9.2 347.4,9.2 347.4,11.5 350.5,11.5 350.5,13.3 347.4,13.3 347.4,16.7 345.5,16.7 "/><polygon class="st5" points="352.1,7.3 357.7,7.3 357.7,9.2 354.1,9.2 354.1,11.5 357.2,11.5 357.2,13.3 354.1,13.3 354.1,16.7 352.1,16.7 "/><polygon class="st5" points="329.5,12.8 325.5,12.8 325.5,16.7 323.6,16.7 323.6,7.3 325.5,7.3 325.5,10.9 329.5,10.9 329.5,7.3 331.5,7.3 331.5,16.7 329.5,16.7 "/><polygon class="st5" points="298.8,7.5 305.9,7.5 305.9,9.4 303.4,9.4 303.4,16.8 301.4,16.8 301.4,9.4 298.8,9.4 "/><polyline class="st5" points="331.9,8.6 333.7,5.8 335.7,5.8 333.9,8.6 331.9,8.6 "/><path class="st5" d="M339.5,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8c2.8,0,4.8-2,4.8-4.8S342.3,7.2,339.5,7.2z"/><polygon class="st6" points="335.4,12.2 341.5,8.6 341.5,15.7 "/><polygon class="st7" points="339.4,16.8 339.3,13.4 336.5,15.2 "/></svg>',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TsIcon/icons/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAA4B;IAC5C,YAAY,EAAE,qXAAqX;IACnY,KAAK,EAAE,mJAAmJ;IAC1J,qBAAqB,EAAE,+PAA+P;IACtR,cAAc,EAAE,gXAAgX;IAChY,uBAAuB,EAAE,giBAAgiB;IACzjB,gBAAgB,EAAE,ylBAAylB;IAC3mB,yBAAyB,EAAE,oSAAoS;IAC/T,uBAAuB,EAAE,2PAA2P;IACpR,YAAY,EAAE,wOAAwO;IACtP,eAAe,EAAE,oYAAoY;IACrZ,kBAAkB,EAAE,yXAAyX;IAC7Y,YAAY,EAAE,uOAAuO;IACrP,aAAa,EAAE,uOAAuO;IACtP,eAAe,EAAE,+WAA+W;IAChY,UAAU,EAAE,wOAAwO;IACpP,OAAO,EAAE,iqBAAiqB;IAC1qB,qBAAqB,EAAE,kUAAkU;IACzV,oBAAoB,EAAE,ikBAAikB;IACvlB,cAAc,EAAE,mbAAmb;IACnc,qBAAqB,EAAE,wUAAwU;IAC/V,cAAc,EAAE,uVAAuV;IACvW,OAAO,EAAE,wNAAwN;IACjO,cAAc,EAAE,0NAA0N;IAC1O,cAAc,EAAE,mNAAmN;IACnO,eAAe,EAAE,2NAA2N;IAC5O,YAAY,EAAE,kNAAkN;IAChO,QAAQ,EAAE,4UAA4U;IACtV,cAAc,EAAE,ogBAAogB;IACphB,OAAO,EAAE,2TAA2T;IACpU,eAAe,EAAE,oWAAoW;IACrX,YAAY,EAAE,gPAAgP;IAC9P,UAAU,EAAE,mOAAmO;IAC/O,MAAM,EAAE,iXAAiX;IACzX,eAAe,EAAE,oSAAoS;IACrT,YAAY,EAAE,icAAic;IAC/c,QAAQ,EAAE,sMAAsM;IAChN,gBAAgB,EAAE,yZAAyZ;IAC3a,YAAY,EAAE,0UAA0U;IACxV,mBAAmB,EAAE,i8DAAi8D;IACt9D,mBAAmB,EAAE,i7DAAi7D;IACt8D,iBAAiB,EAAE,g7DAAg7D;IACn8D,sBAAsB,EAAE,wiEAAwiE;IAChkE,sBAAsB,EAAE,s9DAAs9D;IAC9+D,cAAc,EAAE,wOAAwO;IACxP,OAAO,EAAE,6oBAA6oB;IACtpB,SAAS,EAAE,2cAA2c;IACtd,MAAM,EAAE,sSAAsS;IAC9S,MAAM,EAAE,uxBAAuxB;IAC/xB,eAAe,EAAE,01BAA01B;IAC32B,MAAM,EAAE,sYAAsY;IAC9Y,YAAY,EAAE,qaAAqa;IACnb,SAAS,EAAE,2/BAA2/B;IACtgC,iBAAiB,EAAE,4nBAA4nB;IAC/oB,MAAM,EAAE,wQAAwQ;IAChR,QAAQ,EAAE,2eAA2e;IACrf,iBAAiB,EAAE,mzBAAmzB;IACt0B,QAAQ,EAAE,gPAAgP;IAC1P,OAAO,EAAE,4cAA4c;IACrd,OAAO,EAAE,oyBAAoyB;IAC7yB,MAAM,EAAE,8ZAA8Z;CACva,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TsIcon/icons/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAA4B;IAC5C,YAAY,EAAE,qXAAqX;IACnY,KAAK,EAAE,mJAAmJ;IAC1J,qBAAqB,EAAE,+PAA+P;IACtR,cAAc,EAAE,gXAAgX;IAChY,uBAAuB,EAAE,giBAAgiB;IACzjB,gBAAgB,EAAE,ylBAAylB;IAC3mB,yBAAyB,EAAE,oSAAoS;IAC/T,uBAAuB,EAAE,2PAA2P;IACpR,YAAY,EAAE,wOAAwO;IACtP,eAAe,EAAE,oYAAoY;IACrZ,kBAAkB,EAAE,yXAAyX;IAC7Y,YAAY,EAAE,uOAAuO;IACrP,aAAa,EAAE,uOAAuO;IACtP,eAAe,EAAE,+WAA+W;IAChY,UAAU,EAAE,wOAAwO;IACpP,OAAO,EAAE,iqBAAiqB;IAC1qB,qBAAqB,EAAE,kUAAkU;IACzV,oBAAoB,EAAE,ikBAAikB;IACvlB,cAAc,EAAE,mbAAmb;IACnc,qBAAqB,EAAE,wUAAwU;IAC/V,cAAc,EAAE,uVAAuV;IACvW,OAAO,EAAE,wNAAwN;IACjO,cAAc,EAAE,0NAA0N;IAC1O,cAAc,EAAE,mNAAmN;IACnO,eAAe,EAAE,2NAA2N;IAC5O,YAAY,EAAE,kNAAkN;IAChO,QAAQ,EAAE,4UAA4U;IACtV,cAAc,EAAE,ogBAAogB;IACphB,OAAO,EAAE,2TAA2T;IACpU,eAAe,EAAE,oWAAoW;IACrX,YAAY,EAAE,gPAAgP;IAC9P,UAAU,EAAE,mOAAmO;IAC/O,MAAM,EAAE,iXAAiX;IACzX,eAAe,EAAE,oSAAoS;IACrT,YAAY,EAAE,icAAic;IAC/c,QAAQ,EAAE,sMAAsM;IAChN,gBAAgB,EAAE,yZAAyZ;IAC3a,YAAY,EAAE,0UAA0U;IACxV,mBAAmB,EAAE,i8DAAi8D;IACt9D,qBAAqB,EAAE,q2GAAq2G;IAC53G,mBAAmB,EAAE,i7DAAi7D;IACt8D,iBAAiB,EAAE,g7DAAg7D;IACn8D,sBAAsB,EAAE,wiEAAwiE;IAChkE,sBAAsB,EAAE,s9DAAs9D;IAC9+D,cAAc,EAAE,wOAAwO;IACxP,OAAO,EAAE,6oBAA6oB;IACtpB,SAAS,EAAE,2cAA2c;IACtd,MAAM,EAAE,sSAAsS;IAC9S,MAAM,EAAE,uxBAAuxB;IAC/xB,eAAe,EAAE,01BAA01B;IAC32B,MAAM,EAAE,sYAAsY;IAC9Y,YAAY,EAAE,qaAAqa;IACnb,SAAS,EAAE,2/BAA2/B;IACtgC,iBAAiB,EAAE,4nBAA4nB;IAC/oB,MAAM,EAAE,wQAAwQ;IAChR,QAAQ,EAAE,2eAA2e;IACrf,iBAAiB,EAAE,mzBAAmzB;IACt0B,QAAQ,EAAE,gPAAgP;IAC1P,OAAO,EAAE,4cAA4c;IACrd,OAAO,EAAE,oyBAAoyB;IAC7yB,MAAM,EAAE,8ZAA8Z;CACva,CAAC"}
|
|
@@ -38,6 +38,7 @@ export const icons: { [k: string]: string } = {
|
|
|
38
38
|
'flashlight-off': '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bolt-off" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 3l18 18" /><path d="M15.212 15.21l-4.212 5.79v-7h-6l3.79 -5.21m1.685 -2.32l2.525 -3.47v6m1 1h5l-2.104 2.893" /></svg>',
|
|
39
39
|
'flashlight': '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bolt" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>',
|
|
40
40
|
'header-bikestudio': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 238.9 17.2" style="enable-background:new 0 0 238.9 17.2;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -2.52 16.9922)" class="st0 st1 st2">BIKESTUDIO</text><text transform="matrix(1 0 0 1 165.1359 17.0155)" class="st3 st4">BY</text><path class="st5" d="M202.2,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L202.2,10.3z"/><polygon class="st5" points="188.2,7.7 194.1,7.7 194.1,9.5 190.2,9.5 190.2,11.4 193.6,11.4 193.6,13.2 190.2,13.2 190.2,15.2 194.1,15.2 194.1,17 188.2,17 "/><polygon class="st5" points="226.7,7.5 232.2,7.5 232.2,9.4 228.6,9.4 228.6,11.7 231.7,11.7 231.7,13.5 228.6,13.5 228.6,16.9 226.7,16.9 "/><polygon class="st5" points="233.3,7.5 238.9,7.5 238.9,9.4 235.3,9.4 235.3,11.7 238.4,11.7 238.4,13.5 235.3,13.5 235.3,16.9 233.3,16.9 "/><polygon class="st5" points="210.7,13 206.7,13 206.7,16.9 204.8,16.9 204.8,7.5 206.7,7.5 206.7,11.1 210.7,11.1 210.7,7.5 212.7,7.5 212.7,16.9 210.7,16.9 "/><polygon class="st5" points="180,7.7 187.1,7.7 187.1,9.6 184.6,9.6 184.6,17 182.6,17 182.6,9.6 180,9.6 "/><polyline class="st5" points="213.1,8.8 214.9,6 216.9,6 215.1,8.8 213.1,8.8 "/><path class="st5" d="M220.7,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S223.5,7.4,220.7,7.4z"/><polygon class="st6" points="216.6,12.4 222.7,8.8 222.7,15.9 "/><polygon class="st7" points="220.6,17 220.5,13.6 217.7,15.4 "/></svg>',
|
|
41
|
+
'header-long-lasting': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 357.2 17" style="enable-background:new 0 0 357.2 17;" xml:space="preserve"><style type="text/css"> .st0{fill:#101010;} .st1{font-family:\'Roboto-Light\';} .st2{font-size:11px;} .st3{fill:#020203;} .st4{fill:#0D84C5;} .st5{fill:#FFFFFF;}</style><path class="st0" d="M0,17V0.2h2.4v14.7h9.1V17H0z M21.5,17.2c-5.2,0-9-3.7-9-8.6s3.8-8.6,9-8.6c5.1,0,8.9,3.6,8.9,8.6 S26.6,17.2,21.5,17.2z M21.5,15c3.7,0,6.5-2.7,6.5-6.5S25.2,2,21.5,2c-3.8,0-6.6,2.7-6.6,6.5S17.8,15,21.5,15z M46.1,0.2h2.4V17h-2 l-10-12.5V17h-2.4V0.2h2l10.1,12.5L46.1,0.2L46.1,0.2z M65.2,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6S56,0,61.2,0 c2.7,0,4.9,0.9,6.5,2.6l-1.5,1.5c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5C62.7,15,64,14.7,65.2,14z M78.6,17V0.2H81v14.7h9.1V17H78.6z M105.4,17l-1.8-4.2h-8.9L92.8,17h-2.5l7.6-16.8h2.4L108,17H105.4z M95.5,10.9h7.2l-3.6-8.2 L95.5,10.9z M115.4,17.2c-2.6,0-5.1-0.9-6.4-2.1l0.9-1.9c1.2,1.1,3.4,1.9,5.5,1.9c2.9,0,4.2-1.1,4.2-2.6c0-4.1-10.2-1.5-10.2-7.8 c0-2.6,2-4.8,6.4-4.8c2,0,4,0.5,5.4,1.5l-0.8,1.9c-1.5-0.9-3.1-1.4-4.6-1.4c-2.9,0-4.1,1.2-4.1,2.7c0,4.1,10.2,1.5,10.2,7.7 C121.9,15,119.8,17.2,115.4,17.2z M128.5,17V2.3h-5.8V0.2h13.9v2.1h-5.8V17H128.5z M139.2,17V0.2h2.4V17H139.2z M158.7,0.2h2.4V17 h-2L149,4.5V17h-2.4V0.2h2l10.1,12.5L158.7,0.2L158.7,0.2z M177.8,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6 s3.8-8.6,9-8.6c2.7,0,4.9,0.9,6.5,2.6L178.7,4c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5 C175.2,15,176.6,14.7,177.8,14z M191.1,17V0.2h2.4V17H191.1z M210.6,0.2h2.4V17h-2L200.9,4.5V17h-2.4V0.2h2l10.1,12.5V0.2z M218,17 V0.2h7.1c5.4,0,9.1,3.4,9.1,8.4s-3.7,8.4-9.1,8.4H218z M220.4,14.9h4.5c4.2,0,6.8-2.5,6.8-6.3s-2.7-6.3-6.8-6.3h-4.5V14.9z M240.2,14.9h9.8V17h-12.2V0.2h11.9v2.1h-9.5v5.2h8.4v2h-8.4V14.9z M267.1,17h-2.8l-5-6.9l-5,6.9h-2.8l6.3-8.6l-5.9-8.2h2.7l4.7,6.5 l4.7-6.5h2.6l-5.9,8.1L267.1,17z"/><text transform="matrix(1 0 0 1 283.4998 16.9997)" class="st1 st2">BY</text><path class="st3" d="M320.5,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L320.5,10.3z"/><polygon class="st3" points="306.5,7.7 312.4,7.7 312.4,9.5 308.5,9.5 308.5,11.4 311.9,11.4 311.9,13.2 308.5,13.2 308.5,15.2 312.4,15.2 312.4,17 306.5,17 "/><polygon class="st3" points="345,7.5 350.5,7.5 350.5,9.4 346.9,9.4 346.9,11.7 350,11.7 350,13.5 346.9,13.5 346.9,16.9 345,16.9 "/><polygon class="st3" points="351.6,7.5 357.2,7.5 357.2,9.4 353.6,9.4 353.6,11.7 356.7,11.7 356.7,13.5 353.6,13.5 353.6,16.9 351.6,16.9 "/><polygon class="st3" points="329,13 325,13 325,16.9 323.1,16.9 323.1,7.5 325,7.5 325,11.1 329,11.1 329,7.5 331,7.5 331,16.9 329,16.9 "/><polygon class="st3" points="298.3,7.7 305.4,7.7 305.4,9.6 302.9,9.6 302.9,17 300.9,17 300.9,9.6 298.3,9.6 "/><polyline class="st3" points="331.4,8.8 333.2,6 335.2,6 333.4,8.8 331.4,8.8 "/><path class="st3" d="M339,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S341.8,7.4,339,7.4z"/><polygon class="st4" points="334.9,12.4 341,8.8 341,15.9 "/><polygon class="st5" points="338.9,17 338.8,13.6 336,15.4 "/></svg>',
|
|
41
42
|
'header-nsc-helmet': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 247.3 17" style="enable-background:new 0 0 247.3 17;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -2.52 16.8017)" class="st0 st1 st2">NSC HELMET</text><text transform="matrix(1 0 0 1 173.496 16.8009)" class="st3 st4">BY</text><path class="st5" d="M210.6,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1L212,15 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L210.6,10.1z"/><polygon class="st5" points="196.6,7.5 202.5,7.5 202.5,9.3 198.6,9.3 198.6,11.2 202,11.2 202,13 198.6,13 198.6,15 202.5,15 202.5,16.8 196.6,16.8 "/><polygon class="st5" points="235.1,7.3 240.6,7.3 240.6,9.2 237,9.2 237,11.5 240.1,11.5 240.1,13.3 237,13.3 237,16.7 235.1,16.7 "/><polygon class="st5" points="241.7,7.3 247.3,7.3 247.3,9.2 243.7,9.2 243.7,11.5 246.8,11.5 246.8,13.3 243.7,13.3 243.7,16.7 241.7,16.7 "/><polygon class="st5" points="219.1,12.8 215.1,12.8 215.1,16.7 213.2,16.7 213.2,7.3 215.1,7.3 215.1,10.9 219.1,10.9 219.1,7.3 221.1,7.3 221.1,16.7 219.1,16.7 "/><polygon class="st5" points="188.4,7.5 195.5,7.5 195.5,9.4 193,9.4 193,16.8 191,16.8 191,9.4 188.4,9.4 "/><polyline class="st5" points="221.5,8.6 223.3,5.8 225.3,5.8 223.5,8.6 221.5,8.6 "/><path class="st5" d="M229.1,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S231.9,7.2,229.1,7.2z"/><polygon class="st6" points="225,12.2 231.1,8.6 231.1,15.7 "/><polygon class="st7" points="229,16.8 228.9,13.4 226.1,15.2 "/></svg>',
|
|
42
43
|
'header-opticost': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 211.7 17.2" style="enable-background:new 0 0 211.7 17.2;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -1.1519 16.9922)" class="st0 st1 st2">OPTICOST</text><text transform="matrix(1 0 0 1 137.907 16.9861)" class="st3 st4">BY</text><path class="st5" d="M175,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L175,10.3z"/><polygon class="st5" points="161,7.7 166.9,7.7 166.9,9.5 163,9.5 163,11.4 166.4,11.4 166.4,13.2 163,13.2 163,15.2 166.9,15.2 166.9,17 161,17 "/><polygon class="st5" points="199.5,7.5 205,7.5 205,9.4 201.4,9.4 201.4,11.7 204.5,11.7 204.5,13.5 201.4,13.5 201.4,16.9 199.5,16.9 "/><polygon class="st5" points="206.1,7.5 211.7,7.5 211.7,9.4 208.1,9.4 208.1,11.7 211.2,11.7 211.2,13.5 208.1,13.5 208.1,16.9 206.1,16.9 "/><polygon class="st5" points="183.5,13 179.5,13 179.5,16.9 177.6,16.9 177.6,7.5 179.5,7.5 179.5,11.1 183.5,11.1 183.5,7.5 185.5,7.5 185.5,16.9 183.5,16.9 "/><polygon class="st5" points="152.8,7.7 159.9,7.7 159.9,9.6 157.4,9.6 157.4,17 155.4,17 155.4,9.6 152.8,9.6 "/><polyline class="st5" points="185.9,8.8 187.7,6 189.7,6 187.9,8.8 185.9,8.8 "/><path class="st5" d="M193.5,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S196.3,7.4,193.5,7.4z"/><polygon class="st6" points="189.4,12.4 195.5,8.8 195.5,15.9 "/><polygon class="st7" points="193.4,17 193.3,13.6 190.5,15.4 "/></svg>',
|
|
43
44
|
'header-repairability': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 357.7 16.8" style="enable-background:new 0 0 357.7 16.8;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47 !important;} .st1{font-family:\'Montserrat-Medium\' !important;} .st2{font-size:24px !important;} .st3{font-family:\'Roboto-Light\' !important;} .st4{font-size:11px !important;} .st5{fill:#020203 !important;} .st6{fill:#0D84C5 !important;} .st7{fill:#FFFFFF !important;}</style><text transform="matrix(1 0 0 1 -2.52 16.7998)" class="st0 st1 st2">REPAIRABILITY INDEX</text><text transform="matrix(1 0 0 1 283.9413 16.7998)" class="st3 st4">BY</text><path class="st5" d="M321,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8c0-2.8,2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L321,10.1z"/><polygon class="st5" points="307,7.5 312.9,7.5 312.9,9.3 309,9.3 309,11.2 312.4,11.2 312.4,13 309,13 309,15 312.9,15 312.9,16.8 307,16.8 "/><polygon class="st5" points="345.5,7.3 351,7.3 351,9.2 347.4,9.2 347.4,11.5 350.5,11.5 350.5,13.3 347.4,13.3 347.4,16.7 345.5,16.7 "/><polygon class="st5" points="352.1,7.3 357.7,7.3 357.7,9.2 354.1,9.2 354.1,11.5 357.2,11.5 357.2,13.3 354.1,13.3 354.1,16.7 352.1,16.7 "/><polygon class="st5" points="329.5,12.8 325.5,12.8 325.5,16.7 323.6,16.7 323.6,7.3 325.5,7.3 325.5,10.9 329.5,10.9 329.5,7.3 331.5,7.3 331.5,16.7 329.5,16.7 "/><polygon class="st5" points="298.8,7.5 305.9,7.5 305.9,9.4 303.4,9.4 303.4,16.8 301.4,16.8 301.4,9.4 298.8,9.4 "/><polyline class="st5" points="331.9,8.6 333.7,5.8 335.7,5.8 333.9,8.6 331.9,8.6 "/><path class="st5" d="M339.5,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8c2.8,0,4.8-2,4.8-4.8S342.3,7.2,339.5,7.2z"/><polygon class="st6" points="335.4,12.2 341.5,8.6 341.5,15.7 "/><polygon class="st7" points="339.4,16.8 339.3,13.4 336.5,15.2 "/></svg>',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { useState } from 'react';
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
3
|
import { TsIcon } from '../TsIcon/TsIcon';
|
|
4
4
|
import './TsTabs.css';
|
|
5
5
|
export const TsTabs = ({ defaultSelectedTabId, tabs }) => {
|
|
@@ -11,6 +11,12 @@ export const TsTabs = ({ defaultSelectedTabId, tabs }) => {
|
|
|
11
11
|
tab.onClick?.();
|
|
12
12
|
};
|
|
13
13
|
// #########
|
|
14
|
+
// Wathchers
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
if (defaultSelectedTabId)
|
|
17
|
+
setSelectedTab(tabs.find(t => t.id === defaultSelectedTabId) ?? tabs[0]);
|
|
18
|
+
}, [defaultSelectedTabId]);
|
|
19
|
+
// #########
|
|
14
20
|
// Rendering
|
|
15
21
|
return (React.createElement("div", { className: "ts-tabs" },
|
|
16
22
|
React.createElement("div", { className: "ts-tabs-header" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TsTabs.js","sourceRoot":"","sources":["../../../src/components/TsTabs/TsTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TsTabs.js","sourceRoot":"","sources":["../../../src/components/TsTabs/TsTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,oBAAoB,EAAE,IAAI,EAAe,EAAE,EAAE;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,oBAAoB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAElH,WAAW;IACX,WAAW;IACX,MAAM,eAAe,GAAG,CAAC,GAAY,EAAE,EAAE;QACvC,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,YAAY;IACZ,YAAY;IACZ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,oBAAoB;YAAE,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,oBAAoB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACrG,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS;QACtB,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6BAAK,SAAS,EAAC,eAAe,IAC3B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACf,6BACE,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,SAAS,EAAE;;oBAEP,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;oBACzD,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;iBAC/C,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,IAAI,eAAe,CAAC,GAAG,CAAC;oBAEnD,GAAG,CAAC,IAAI,IAAI,CACX,6BAAK,SAAS,EAAC,oBAAoB;wBACjC,oBAAC,MAAM,IAAC,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI,CACtB,CACP;oBACD,6BAAK,SAAS,EAAC,qBAAqB,IAAE,GAAG,CAAC,KAAK,CAAO;oBACrD,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,IAAI,6BAAK,SAAS,EAAC,4BAA4B,GAAG,CACxE,CACP,CAAC,CACE,CACF;YAEL,WAAW,EAAE,OAAO,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,WAAW,EAAE,OAAO,CAAO,CAClF;QAEN,6BAAK,SAAS,EAAC,mBAAmB,IAAE,WAAW,EAAE,OAAO,CAAO,CAC3D,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
export type TsHeaderProps = {
|
|
3
3
|
actions: ReactElement;
|
|
4
|
-
appName: 'bikestudio' | 'nsc-helmet' | 'opticost' | 'repairability' | 'techoff-suite';
|
|
4
|
+
appName: 'bikestudio' | 'long-lasting' | 'nsc-helmet' | 'opticost' | 'repairability' | 'techoff-suite';
|
|
5
5
|
search?: ReactElement;
|
|
6
6
|
};
|
|
7
7
|
export type TsHeaderProfileItemProps = {
|
|
@@ -10,7 +10,7 @@ import { TsButton } from '../../../components/TsButton/TsButton';
|
|
|
10
10
|
export const headerArgTypes = {
|
|
11
11
|
appName: {
|
|
12
12
|
control: 'select',
|
|
13
|
-
options: ['bikestudio', 'nsc-helmet', 'opticost', 'repairability', 'techoff-suite'],
|
|
13
|
+
options: ['bikestudio', 'long-lasting', 'nsc-helmet', 'opticost', 'repairability', 'techoff-suite'],
|
|
14
14
|
description: 'Icon of the button.',
|
|
15
15
|
},
|
|
16
16
|
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 357.2 17" style="enable-background:new 0 0 357.2 17;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{fill:#101010;}
|
|
7
|
+
.st1{font-family:'Roboto-Light';}
|
|
8
|
+
.st2{font-size:11px;}
|
|
9
|
+
.st3{fill:#020203;}
|
|
10
|
+
.st4{fill:#0D84C5;}
|
|
11
|
+
.st5{fill:#FFFFFF;}
|
|
12
|
+
</style>
|
|
13
|
+
<path class="st0" d="M0,17V0.2h2.4v14.7h9.1V17H0z M21.5,17.2c-5.2,0-9-3.7-9-8.6s3.8-8.6,9-8.6c5.1,0,8.9,3.6,8.9,8.6
|
|
14
|
+
S26.6,17.2,21.5,17.2z M21.5,15c3.7,0,6.5-2.7,6.5-6.5S25.2,2,21.5,2c-3.8,0-6.6,2.7-6.6,6.5S17.8,15,21.5,15z M46.1,0.2h2.4V17h-2
|
|
15
|
+
l-10-12.5V17h-2.4V0.2h2l10.1,12.5L46.1,0.2L46.1,0.2z M65.2,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6S56,0,61.2,0
|
|
16
|
+
c2.7,0,4.9,0.9,6.5,2.6l-1.5,1.5c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5C62.7,15,64,14.7,65.2,14z
|
|
17
|
+
M78.6,17V0.2H81v14.7h9.1V17H78.6z M105.4,17l-1.8-4.2h-8.9L92.8,17h-2.5l7.6-16.8h2.4L108,17H105.4z M95.5,10.9h7.2l-3.6-8.2
|
|
18
|
+
L95.5,10.9z M115.4,17.2c-2.6,0-5.1-0.9-6.4-2.1l0.9-1.9c1.2,1.1,3.4,1.9,5.5,1.9c2.9,0,4.2-1.1,4.2-2.6c0-4.1-10.2-1.5-10.2-7.8
|
|
19
|
+
c0-2.6,2-4.8,6.4-4.8c2,0,4,0.5,5.4,1.5l-0.8,1.9c-1.5-0.9-3.1-1.4-4.6-1.4c-2.9,0-4.1,1.2-4.1,2.7c0,4.1,10.2,1.5,10.2,7.7
|
|
20
|
+
C121.9,15,119.8,17.2,115.4,17.2z M128.5,17V2.3h-5.8V0.2h13.9v2.1h-5.8V17H128.5z M139.2,17V0.2h2.4V17H139.2z M158.7,0.2h2.4V17
|
|
21
|
+
h-2L149,4.5V17h-2.4V0.2h2l10.1,12.5L158.7,0.2L158.7,0.2z M177.8,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6
|
|
22
|
+
s3.8-8.6,9-8.6c2.7,0,4.9,0.9,6.5,2.6L178.7,4c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5
|
|
23
|
+
C175.2,15,176.6,14.7,177.8,14z M191.1,17V0.2h2.4V17H191.1z M210.6,0.2h2.4V17h-2L200.9,4.5V17h-2.4V0.2h2l10.1,12.5V0.2z M218,17
|
|
24
|
+
V0.2h7.1c5.4,0,9.1,3.4,9.1,8.4s-3.7,8.4-9.1,8.4H218z M220.4,14.9h4.5c4.2,0,6.8-2.5,6.8-6.3s-2.7-6.3-6.8-6.3h-4.5V14.9z
|
|
25
|
+
M240.2,14.9h9.8V17h-12.2V0.2h11.9v2.1h-9.5v5.2h8.4v2h-8.4V14.9z M267.1,17h-2.8l-5-6.9l-5,6.9h-2.8l6.3-8.6l-5.9-8.2h2.7l4.7,6.5
|
|
26
|
+
l4.7-6.5h2.6l-5.9,8.1L267.1,17z"/>
|
|
27
|
+
<text transform="matrix(1 0 0 1 283.4998 16.9997)" class="st1 st2">BY</text>
|
|
28
|
+
<path class="st3" d="M320.5,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3
|
|
29
|
+
c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L320.5,10.3z"/>
|
|
30
|
+
<polygon class="st3" points="306.5,7.7 312.4,7.7 312.4,9.5 308.5,9.5 308.5,11.4 311.9,11.4 311.9,13.2 308.5,13.2 308.5,15.2
|
|
31
|
+
312.4,15.2 312.4,17 306.5,17 "/>
|
|
32
|
+
<polygon class="st3" points="345,7.5 350.5,7.5 350.5,9.4 346.9,9.4 346.9,11.7 350,11.7 350,13.5 346.9,13.5 346.9,16.9 345,16.9
|
|
33
|
+
"/>
|
|
34
|
+
<polygon class="st3" points="351.6,7.5 357.2,7.5 357.2,9.4 353.6,9.4 353.6,11.7 356.7,11.7 356.7,13.5 353.6,13.5 353.6,16.9
|
|
35
|
+
351.6,16.9 "/>
|
|
36
|
+
<polygon class="st3" points="329,13 325,13 325,16.9 323.1,16.9 323.1,7.5 325,7.5 325,11.1 329,11.1 329,7.5 331,7.5 331,16.9
|
|
37
|
+
329,16.9 "/>
|
|
38
|
+
<polygon class="st3" points="298.3,7.7 305.4,7.7 305.4,9.6 302.9,9.6 302.9,17 300.9,17 300.9,9.6 298.3,9.6 "/>
|
|
39
|
+
<polyline class="st3" points="331.4,8.8 333.2,6 335.2,6 333.4,8.8 331.4,8.8 "/>
|
|
40
|
+
<path class="st3" d="M339,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S341.8,7.4,339,7.4z"/>
|
|
41
|
+
<polygon class="st4" points="334.9,12.4 341,8.8 341,15.9 "/>
|
|
42
|
+
<polygon class="st5" points="338.9,17 338.8,13.6 336,15.4 "/>
|
|
43
|
+
</svg>
|
|
@@ -41,6 +41,7 @@ exports.icons = {
|
|
|
41
41
|
'flashlight-off': '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bolt-off" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 3l18 18" /><path d="M15.212 15.21l-4.212 5.79v-7h-6l3.79 -5.21m1.685 -2.32l2.525 -3.47v6m1 1h5l-2.104 2.893" /></svg>',
|
|
42
42
|
'flashlight': '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bolt" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>',
|
|
43
43
|
'header-bikestudio': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 238.9 17.2" style="enable-background:new 0 0 238.9 17.2;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -2.52 16.9922)" class="st0 st1 st2">BIKESTUDIO</text><text transform="matrix(1 0 0 1 165.1359 17.0155)" class="st3 st4">BY</text><path class="st5" d="M202.2,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L202.2,10.3z"/><polygon class="st5" points="188.2,7.7 194.1,7.7 194.1,9.5 190.2,9.5 190.2,11.4 193.6,11.4 193.6,13.2 190.2,13.2 190.2,15.2 194.1,15.2 194.1,17 188.2,17 "/><polygon class="st5" points="226.7,7.5 232.2,7.5 232.2,9.4 228.6,9.4 228.6,11.7 231.7,11.7 231.7,13.5 228.6,13.5 228.6,16.9 226.7,16.9 "/><polygon class="st5" points="233.3,7.5 238.9,7.5 238.9,9.4 235.3,9.4 235.3,11.7 238.4,11.7 238.4,13.5 235.3,13.5 235.3,16.9 233.3,16.9 "/><polygon class="st5" points="210.7,13 206.7,13 206.7,16.9 204.8,16.9 204.8,7.5 206.7,7.5 206.7,11.1 210.7,11.1 210.7,7.5 212.7,7.5 212.7,16.9 210.7,16.9 "/><polygon class="st5" points="180,7.7 187.1,7.7 187.1,9.6 184.6,9.6 184.6,17 182.6,17 182.6,9.6 180,9.6 "/><polyline class="st5" points="213.1,8.8 214.9,6 216.9,6 215.1,8.8 213.1,8.8 "/><path class="st5" d="M220.7,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S223.5,7.4,220.7,7.4z"/><polygon class="st6" points="216.6,12.4 222.7,8.8 222.7,15.9 "/><polygon class="st7" points="220.6,17 220.5,13.6 217.7,15.4 "/></svg>',
|
|
44
|
+
'header-long-lasting': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 357.2 17" style="enable-background:new 0 0 357.2 17;" xml:space="preserve"><style type="text/css"> .st0{fill:#101010;} .st1{font-family:\'Roboto-Light\';} .st2{font-size:11px;} .st3{fill:#020203;} .st4{fill:#0D84C5;} .st5{fill:#FFFFFF;}</style><path class="st0" d="M0,17V0.2h2.4v14.7h9.1V17H0z M21.5,17.2c-5.2,0-9-3.7-9-8.6s3.8-8.6,9-8.6c5.1,0,8.9,3.6,8.9,8.6 S26.6,17.2,21.5,17.2z M21.5,15c3.7,0,6.5-2.7,6.5-6.5S25.2,2,21.5,2c-3.8,0-6.6,2.7-6.6,6.5S17.8,15,21.5,15z M46.1,0.2h2.4V17h-2 l-10-12.5V17h-2.4V0.2h2l10.1,12.5L46.1,0.2L46.1,0.2z M65.2,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6S56,0,61.2,0 c2.7,0,4.9,0.9,6.5,2.6l-1.5,1.5c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5C62.7,15,64,14.7,65.2,14z M78.6,17V0.2H81v14.7h9.1V17H78.6z M105.4,17l-1.8-4.2h-8.9L92.8,17h-2.5l7.6-16.8h2.4L108,17H105.4z M95.5,10.9h7.2l-3.6-8.2 L95.5,10.9z M115.4,17.2c-2.6,0-5.1-0.9-6.4-2.1l0.9-1.9c1.2,1.1,3.4,1.9,5.5,1.9c2.9,0,4.2-1.1,4.2-2.6c0-4.1-10.2-1.5-10.2-7.8 c0-2.6,2-4.8,6.4-4.8c2,0,4,0.5,5.4,1.5l-0.8,1.9c-1.5-0.9-3.1-1.4-4.6-1.4c-2.9,0-4.1,1.2-4.1,2.7c0,4.1,10.2,1.5,10.2,7.7 C121.9,15,119.8,17.2,115.4,17.2z M128.5,17V2.3h-5.8V0.2h13.9v2.1h-5.8V17H128.5z M139.2,17V0.2h2.4V17H139.2z M158.7,0.2h2.4V17 h-2L149,4.5V17h-2.4V0.2h2l10.1,12.5L158.7,0.2L158.7,0.2z M177.8,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6 s3.8-8.6,9-8.6c2.7,0,4.9,0.9,6.5,2.6L178.7,4c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5 C175.2,15,176.6,14.7,177.8,14z M191.1,17V0.2h2.4V17H191.1z M210.6,0.2h2.4V17h-2L200.9,4.5V17h-2.4V0.2h2l10.1,12.5V0.2z M218,17 V0.2h7.1c5.4,0,9.1,3.4,9.1,8.4s-3.7,8.4-9.1,8.4H218z M220.4,14.9h4.5c4.2,0,6.8-2.5,6.8-6.3s-2.7-6.3-6.8-6.3h-4.5V14.9z M240.2,14.9h9.8V17h-12.2V0.2h11.9v2.1h-9.5v5.2h8.4v2h-8.4V14.9z M267.1,17h-2.8l-5-6.9l-5,6.9h-2.8l6.3-8.6l-5.9-8.2h2.7l4.7,6.5 l4.7-6.5h2.6l-5.9,8.1L267.1,17z"/><text transform="matrix(1 0 0 1 283.4998 16.9997)" class="st1 st2">BY</text><path class="st3" d="M320.5,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L320.5,10.3z"/><polygon class="st3" points="306.5,7.7 312.4,7.7 312.4,9.5 308.5,9.5 308.5,11.4 311.9,11.4 311.9,13.2 308.5,13.2 308.5,15.2 312.4,15.2 312.4,17 306.5,17 "/><polygon class="st3" points="345,7.5 350.5,7.5 350.5,9.4 346.9,9.4 346.9,11.7 350,11.7 350,13.5 346.9,13.5 346.9,16.9 345,16.9 "/><polygon class="st3" points="351.6,7.5 357.2,7.5 357.2,9.4 353.6,9.4 353.6,11.7 356.7,11.7 356.7,13.5 353.6,13.5 353.6,16.9 351.6,16.9 "/><polygon class="st3" points="329,13 325,13 325,16.9 323.1,16.9 323.1,7.5 325,7.5 325,11.1 329,11.1 329,7.5 331,7.5 331,16.9 329,16.9 "/><polygon class="st3" points="298.3,7.7 305.4,7.7 305.4,9.6 302.9,9.6 302.9,17 300.9,17 300.9,9.6 298.3,9.6 "/><polyline class="st3" points="331.4,8.8 333.2,6 335.2,6 333.4,8.8 331.4,8.8 "/><path class="st3" d="M339,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S341.8,7.4,339,7.4z"/><polygon class="st4" points="334.9,12.4 341,8.8 341,15.9 "/><polygon class="st5" points="338.9,17 338.8,13.6 336,15.4 "/></svg>',
|
|
44
45
|
'header-nsc-helmet': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 247.3 17" style="enable-background:new 0 0 247.3 17;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -2.52 16.8017)" class="st0 st1 st2">NSC HELMET</text><text transform="matrix(1 0 0 1 173.496 16.8009)" class="st3 st4">BY</text><path class="st5" d="M210.6,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1L212,15 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L210.6,10.1z"/><polygon class="st5" points="196.6,7.5 202.5,7.5 202.5,9.3 198.6,9.3 198.6,11.2 202,11.2 202,13 198.6,13 198.6,15 202.5,15 202.5,16.8 196.6,16.8 "/><polygon class="st5" points="235.1,7.3 240.6,7.3 240.6,9.2 237,9.2 237,11.5 240.1,11.5 240.1,13.3 237,13.3 237,16.7 235.1,16.7 "/><polygon class="st5" points="241.7,7.3 247.3,7.3 247.3,9.2 243.7,9.2 243.7,11.5 246.8,11.5 246.8,13.3 243.7,13.3 243.7,16.7 241.7,16.7 "/><polygon class="st5" points="219.1,12.8 215.1,12.8 215.1,16.7 213.2,16.7 213.2,7.3 215.1,7.3 215.1,10.9 219.1,10.9 219.1,7.3 221.1,7.3 221.1,16.7 219.1,16.7 "/><polygon class="st5" points="188.4,7.5 195.5,7.5 195.5,9.4 193,9.4 193,16.8 191,16.8 191,9.4 188.4,9.4 "/><polyline class="st5" points="221.5,8.6 223.3,5.8 225.3,5.8 223.5,8.6 221.5,8.6 "/><path class="st5" d="M229.1,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S231.9,7.2,229.1,7.2z"/><polygon class="st6" points="225,12.2 231.1,8.6 231.1,15.7 "/><polygon class="st7" points="229,16.8 228.9,13.4 226.1,15.2 "/></svg>',
|
|
45
46
|
'header-opticost': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 211.7 17.2" style="enable-background:new 0 0 211.7 17.2;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -1.1519 16.9922)" class="st0 st1 st2">OPTICOST</text><text transform="matrix(1 0 0 1 137.907 16.9861)" class="st3 st4">BY</text><path class="st5" d="M175,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L175,10.3z"/><polygon class="st5" points="161,7.7 166.9,7.7 166.9,9.5 163,9.5 163,11.4 166.4,11.4 166.4,13.2 163,13.2 163,15.2 166.9,15.2 166.9,17 161,17 "/><polygon class="st5" points="199.5,7.5 205,7.5 205,9.4 201.4,9.4 201.4,11.7 204.5,11.7 204.5,13.5 201.4,13.5 201.4,16.9 199.5,16.9 "/><polygon class="st5" points="206.1,7.5 211.7,7.5 211.7,9.4 208.1,9.4 208.1,11.7 211.2,11.7 211.2,13.5 208.1,13.5 208.1,16.9 206.1,16.9 "/><polygon class="st5" points="183.5,13 179.5,13 179.5,16.9 177.6,16.9 177.6,7.5 179.5,7.5 179.5,11.1 183.5,11.1 183.5,7.5 185.5,7.5 185.5,16.9 183.5,16.9 "/><polygon class="st5" points="152.8,7.7 159.9,7.7 159.9,9.6 157.4,9.6 157.4,17 155.4,17 155.4,9.6 152.8,9.6 "/><polyline class="st5" points="185.9,8.8 187.7,6 189.7,6 187.9,8.8 185.9,8.8 "/><path class="st5" d="M193.5,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S196.3,7.4,193.5,7.4z"/><polygon class="st6" points="189.4,12.4 195.5,8.8 195.5,15.9 "/><polygon class="st7" points="193.4,17 193.3,13.6 190.5,15.4 "/></svg>',
|
|
46
47
|
'header-repairability': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 357.7 16.8" style="enable-background:new 0 0 357.7 16.8;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47 !important;} .st1{font-family:\'Montserrat-Medium\' !important;} .st2{font-size:24px !important;} .st3{font-family:\'Roboto-Light\' !important;} .st4{font-size:11px !important;} .st5{fill:#020203 !important;} .st6{fill:#0D84C5 !important;} .st7{fill:#FFFFFF !important;}</style><text transform="matrix(1 0 0 1 -2.52 16.7998)" class="st0 st1 st2">REPAIRABILITY INDEX</text><text transform="matrix(1 0 0 1 283.9413 16.7998)" class="st3 st4">BY</text><path class="st5" d="M321,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8c0-2.8,2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L321,10.1z"/><polygon class="st5" points="307,7.5 312.9,7.5 312.9,9.3 309,9.3 309,11.2 312.4,11.2 312.4,13 309,13 309,15 312.9,15 312.9,16.8 307,16.8 "/><polygon class="st5" points="345.5,7.3 351,7.3 351,9.2 347.4,9.2 347.4,11.5 350.5,11.5 350.5,13.3 347.4,13.3 347.4,16.7 345.5,16.7 "/><polygon class="st5" points="352.1,7.3 357.7,7.3 357.7,9.2 354.1,9.2 354.1,11.5 357.2,11.5 357.2,13.3 354.1,13.3 354.1,16.7 352.1,16.7 "/><polygon class="st5" points="329.5,12.8 325.5,12.8 325.5,16.7 323.6,16.7 323.6,7.3 325.5,7.3 325.5,10.9 329.5,10.9 329.5,7.3 331.5,7.3 331.5,16.7 329.5,16.7 "/><polygon class="st5" points="298.8,7.5 305.9,7.5 305.9,9.4 303.4,9.4 303.4,16.8 301.4,16.8 301.4,9.4 298.8,9.4 "/><polyline class="st5" points="331.9,8.6 333.7,5.8 335.7,5.8 333.9,8.6 331.9,8.6 "/><path class="st5" d="M339.5,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8c2.8,0,4.8-2,4.8-4.8S342.3,7.2,339.5,7.2z"/><polygon class="st6" points="335.4,12.2 341.5,8.6 341.5,15.7 "/><polygon class="st7" points="339.4,16.8 339.3,13.4 336.5,15.2 "/></svg>',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TsIcon/icons/index.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAA4B;IAC5C,YAAY,EAAE,qXAAqX;IACnY,KAAK,EAAE,mJAAmJ;IAC1J,qBAAqB,EAAE,+PAA+P;IACtR,cAAc,EAAE,gXAAgX;IAChY,uBAAuB,EAAE,giBAAgiB;IACzjB,gBAAgB,EAAE,ylBAAylB;IAC3mB,yBAAyB,EAAE,oSAAoS;IAC/T,uBAAuB,EAAE,2PAA2P;IACpR,YAAY,EAAE,wOAAwO;IACtP,eAAe,EAAE,oYAAoY;IACrZ,kBAAkB,EAAE,yXAAyX;IAC7Y,YAAY,EAAE,uOAAuO;IACrP,aAAa,EAAE,uOAAuO;IACtP,eAAe,EAAE,+WAA+W;IAChY,UAAU,EAAE,wOAAwO;IACpP,OAAO,EAAE,iqBAAiqB;IAC1qB,qBAAqB,EAAE,kUAAkU;IACzV,oBAAoB,EAAE,ikBAAikB;IACvlB,cAAc,EAAE,mbAAmb;IACnc,qBAAqB,EAAE,wUAAwU;IAC/V,cAAc,EAAE,uVAAuV;IACvW,OAAO,EAAE,wNAAwN;IACjO,cAAc,EAAE,0NAA0N;IAC1O,cAAc,EAAE,mNAAmN;IACnO,eAAe,EAAE,2NAA2N;IAC5O,YAAY,EAAE,kNAAkN;IAChO,QAAQ,EAAE,4UAA4U;IACtV,cAAc,EAAE,ogBAAogB;IACphB,OAAO,EAAE,2TAA2T;IACpU,eAAe,EAAE,oWAAoW;IACrX,YAAY,EAAE,gPAAgP;IAC9P,UAAU,EAAE,mOAAmO;IAC/O,MAAM,EAAE,iXAAiX;IACzX,eAAe,EAAE,oSAAoS;IACrT,YAAY,EAAE,icAAic;IAC/c,QAAQ,EAAE,sMAAsM;IAChN,gBAAgB,EAAE,yZAAyZ;IAC3a,YAAY,EAAE,0UAA0U;IACxV,mBAAmB,EAAE,i8DAAi8D;IACt9D,mBAAmB,EAAE,i7DAAi7D;IACt8D,iBAAiB,EAAE,g7DAAg7D;IACn8D,sBAAsB,EAAE,wiEAAwiE;IAChkE,sBAAsB,EAAE,s9DAAs9D;IAC9+D,cAAc,EAAE,wOAAwO;IACxP,OAAO,EAAE,6oBAA6oB;IACtpB,SAAS,EAAE,2cAA2c;IACtd,MAAM,EAAE,sSAAsS;IAC9S,MAAM,EAAE,uxBAAuxB;IAC/xB,eAAe,EAAE,01BAA01B;IAC32B,MAAM,EAAE,sYAAsY;IAC9Y,YAAY,EAAE,qaAAqa;IACnb,SAAS,EAAE,2/BAA2/B;IACtgC,iBAAiB,EAAE,4nBAA4nB;IAC/oB,MAAM,EAAE,wQAAwQ;IAChR,QAAQ,EAAE,2eAA2e;IACrf,iBAAiB,EAAE,mzBAAmzB;IACt0B,QAAQ,EAAE,gPAAgP;IAC1P,OAAO,EAAE,4cAA4c;IACrd,OAAO,EAAE,oyBAAoyB;IAC7yB,MAAM,EAAE,8ZAA8Z;CACva,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TsIcon/icons/index.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAA4B;IAC5C,YAAY,EAAE,qXAAqX;IACnY,KAAK,EAAE,mJAAmJ;IAC1J,qBAAqB,EAAE,+PAA+P;IACtR,cAAc,EAAE,gXAAgX;IAChY,uBAAuB,EAAE,giBAAgiB;IACzjB,gBAAgB,EAAE,ylBAAylB;IAC3mB,yBAAyB,EAAE,oSAAoS;IAC/T,uBAAuB,EAAE,2PAA2P;IACpR,YAAY,EAAE,wOAAwO;IACtP,eAAe,EAAE,oYAAoY;IACrZ,kBAAkB,EAAE,yXAAyX;IAC7Y,YAAY,EAAE,uOAAuO;IACrP,aAAa,EAAE,uOAAuO;IACtP,eAAe,EAAE,+WAA+W;IAChY,UAAU,EAAE,wOAAwO;IACpP,OAAO,EAAE,iqBAAiqB;IAC1qB,qBAAqB,EAAE,kUAAkU;IACzV,oBAAoB,EAAE,ikBAAikB;IACvlB,cAAc,EAAE,mbAAmb;IACnc,qBAAqB,EAAE,wUAAwU;IAC/V,cAAc,EAAE,uVAAuV;IACvW,OAAO,EAAE,wNAAwN;IACjO,cAAc,EAAE,0NAA0N;IAC1O,cAAc,EAAE,mNAAmN;IACnO,eAAe,EAAE,2NAA2N;IAC5O,YAAY,EAAE,kNAAkN;IAChO,QAAQ,EAAE,4UAA4U;IACtV,cAAc,EAAE,ogBAAogB;IACphB,OAAO,EAAE,2TAA2T;IACpU,eAAe,EAAE,oWAAoW;IACrX,YAAY,EAAE,gPAAgP;IAC9P,UAAU,EAAE,mOAAmO;IAC/O,MAAM,EAAE,iXAAiX;IACzX,eAAe,EAAE,oSAAoS;IACrT,YAAY,EAAE,icAAic;IAC/c,QAAQ,EAAE,sMAAsM;IAChN,gBAAgB,EAAE,yZAAyZ;IAC3a,YAAY,EAAE,0UAA0U;IACxV,mBAAmB,EAAE,i8DAAi8D;IACt9D,qBAAqB,EAAE,q2GAAq2G;IAC53G,mBAAmB,EAAE,i7DAAi7D;IACt8D,iBAAiB,EAAE,g7DAAg7D;IACn8D,sBAAsB,EAAE,wiEAAwiE;IAChkE,sBAAsB,EAAE,s9DAAs9D;IAC9+D,cAAc,EAAE,wOAAwO;IACxP,OAAO,EAAE,6oBAA6oB;IACtpB,SAAS,EAAE,2cAA2c;IACtd,MAAM,EAAE,sSAAsS;IAC9S,MAAM,EAAE,uxBAAuxB;IAC/xB,eAAe,EAAE,01BAA01B;IAC32B,MAAM,EAAE,sYAAsY;IAC9Y,YAAY,EAAE,qaAAqa;IACnb,SAAS,EAAE,2/BAA2/B;IACtgC,iBAAiB,EAAE,4nBAA4nB;IAC/oB,MAAM,EAAE,wQAAwQ;IAChR,QAAQ,EAAE,2eAA2e;IACrf,iBAAiB,EAAE,mzBAAmzB;IACt0B,QAAQ,EAAE,gPAAgP;IAC1P,OAAO,EAAE,4cAA4c;IACrd,OAAO,EAAE,oyBAAoyB;IAC7yB,MAAM,EAAE,8ZAA8Z;CACva,CAAC"}
|
|
@@ -38,6 +38,7 @@ export const icons: { [k: string]: string } = {
|
|
|
38
38
|
'flashlight-off': '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bolt-off" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 3l18 18" /><path d="M15.212 15.21l-4.212 5.79v-7h-6l3.79 -5.21m1.685 -2.32l2.525 -3.47v6m1 1h5l-2.104 2.893" /></svg>',
|
|
39
39
|
'flashlight': '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bolt" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>',
|
|
40
40
|
'header-bikestudio': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 238.9 17.2" style="enable-background:new 0 0 238.9 17.2;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -2.52 16.9922)" class="st0 st1 st2">BIKESTUDIO</text><text transform="matrix(1 0 0 1 165.1359 17.0155)" class="st3 st4">BY</text><path class="st5" d="M202.2,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L202.2,10.3z"/><polygon class="st5" points="188.2,7.7 194.1,7.7 194.1,9.5 190.2,9.5 190.2,11.4 193.6,11.4 193.6,13.2 190.2,13.2 190.2,15.2 194.1,15.2 194.1,17 188.2,17 "/><polygon class="st5" points="226.7,7.5 232.2,7.5 232.2,9.4 228.6,9.4 228.6,11.7 231.7,11.7 231.7,13.5 228.6,13.5 228.6,16.9 226.7,16.9 "/><polygon class="st5" points="233.3,7.5 238.9,7.5 238.9,9.4 235.3,9.4 235.3,11.7 238.4,11.7 238.4,13.5 235.3,13.5 235.3,16.9 233.3,16.9 "/><polygon class="st5" points="210.7,13 206.7,13 206.7,16.9 204.8,16.9 204.8,7.5 206.7,7.5 206.7,11.1 210.7,11.1 210.7,7.5 212.7,7.5 212.7,16.9 210.7,16.9 "/><polygon class="st5" points="180,7.7 187.1,7.7 187.1,9.6 184.6,9.6 184.6,17 182.6,17 182.6,9.6 180,9.6 "/><polyline class="st5" points="213.1,8.8 214.9,6 216.9,6 215.1,8.8 213.1,8.8 "/><path class="st5" d="M220.7,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S223.5,7.4,220.7,7.4z"/><polygon class="st6" points="216.6,12.4 222.7,8.8 222.7,15.9 "/><polygon class="st7" points="220.6,17 220.5,13.6 217.7,15.4 "/></svg>',
|
|
41
|
+
'header-long-lasting': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 357.2 17" style="enable-background:new 0 0 357.2 17;" xml:space="preserve"><style type="text/css"> .st0{fill:#101010;} .st1{font-family:\'Roboto-Light\';} .st2{font-size:11px;} .st3{fill:#020203;} .st4{fill:#0D84C5;} .st5{fill:#FFFFFF;}</style><path class="st0" d="M0,17V0.2h2.4v14.7h9.1V17H0z M21.5,17.2c-5.2,0-9-3.7-9-8.6s3.8-8.6,9-8.6c5.1,0,8.9,3.6,8.9,8.6 S26.6,17.2,21.5,17.2z M21.5,15c3.7,0,6.5-2.7,6.5-6.5S25.2,2,21.5,2c-3.8,0-6.6,2.7-6.6,6.5S17.8,15,21.5,15z M46.1,0.2h2.4V17h-2 l-10-12.5V17h-2.4V0.2h2l10.1,12.5L46.1,0.2L46.1,0.2z M65.2,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6S56,0,61.2,0 c2.7,0,4.9,0.9,6.5,2.6l-1.5,1.5c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5C62.7,15,64,14.7,65.2,14z M78.6,17V0.2H81v14.7h9.1V17H78.6z M105.4,17l-1.8-4.2h-8.9L92.8,17h-2.5l7.6-16.8h2.4L108,17H105.4z M95.5,10.9h7.2l-3.6-8.2 L95.5,10.9z M115.4,17.2c-2.6,0-5.1-0.9-6.4-2.1l0.9-1.9c1.2,1.1,3.4,1.9,5.5,1.9c2.9,0,4.2-1.1,4.2-2.6c0-4.1-10.2-1.5-10.2-7.8 c0-2.6,2-4.8,6.4-4.8c2,0,4,0.5,5.4,1.5l-0.8,1.9c-1.5-0.9-3.1-1.4-4.6-1.4c-2.9,0-4.1,1.2-4.1,2.7c0,4.1,10.2,1.5,10.2,7.7 C121.9,15,119.8,17.2,115.4,17.2z M128.5,17V2.3h-5.8V0.2h13.9v2.1h-5.8V17H128.5z M139.2,17V0.2h2.4V17H139.2z M158.7,0.2h2.4V17 h-2L149,4.5V17h-2.4V0.2h2l10.1,12.5L158.7,0.2L158.7,0.2z M177.8,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6 s3.8-8.6,9-8.6c2.7,0,4.9,0.9,6.5,2.6L178.7,4c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5 C175.2,15,176.6,14.7,177.8,14z M191.1,17V0.2h2.4V17H191.1z M210.6,0.2h2.4V17h-2L200.9,4.5V17h-2.4V0.2h2l10.1,12.5V0.2z M218,17 V0.2h7.1c5.4,0,9.1,3.4,9.1,8.4s-3.7,8.4-9.1,8.4H218z M220.4,14.9h4.5c4.2,0,6.8-2.5,6.8-6.3s-2.7-6.3-6.8-6.3h-4.5V14.9z M240.2,14.9h9.8V17h-12.2V0.2h11.9v2.1h-9.5v5.2h8.4v2h-8.4V14.9z M267.1,17h-2.8l-5-6.9l-5,6.9h-2.8l6.3-8.6l-5.9-8.2h2.7l4.7,6.5 l4.7-6.5h2.6l-5.9,8.1L267.1,17z"/><text transform="matrix(1 0 0 1 283.4998 16.9997)" class="st1 st2">BY</text><path class="st3" d="M320.5,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L320.5,10.3z"/><polygon class="st3" points="306.5,7.7 312.4,7.7 312.4,9.5 308.5,9.5 308.5,11.4 311.9,11.4 311.9,13.2 308.5,13.2 308.5,15.2 312.4,15.2 312.4,17 306.5,17 "/><polygon class="st3" points="345,7.5 350.5,7.5 350.5,9.4 346.9,9.4 346.9,11.7 350,11.7 350,13.5 346.9,13.5 346.9,16.9 345,16.9 "/><polygon class="st3" points="351.6,7.5 357.2,7.5 357.2,9.4 353.6,9.4 353.6,11.7 356.7,11.7 356.7,13.5 353.6,13.5 353.6,16.9 351.6,16.9 "/><polygon class="st3" points="329,13 325,13 325,16.9 323.1,16.9 323.1,7.5 325,7.5 325,11.1 329,11.1 329,7.5 331,7.5 331,16.9 329,16.9 "/><polygon class="st3" points="298.3,7.7 305.4,7.7 305.4,9.6 302.9,9.6 302.9,17 300.9,17 300.9,9.6 298.3,9.6 "/><polyline class="st3" points="331.4,8.8 333.2,6 335.2,6 333.4,8.8 331.4,8.8 "/><path class="st3" d="M339,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S341.8,7.4,339,7.4z"/><polygon class="st4" points="334.9,12.4 341,8.8 341,15.9 "/><polygon class="st5" points="338.9,17 338.8,13.6 336,15.4 "/></svg>',
|
|
41
42
|
'header-nsc-helmet': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 247.3 17" style="enable-background:new 0 0 247.3 17;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -2.52 16.8017)" class="st0 st1 st2">NSC HELMET</text><text transform="matrix(1 0 0 1 173.496 16.8009)" class="st3 st4">BY</text><path class="st5" d="M210.6,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1L212,15 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L210.6,10.1z"/><polygon class="st5" points="196.6,7.5 202.5,7.5 202.5,9.3 198.6,9.3 198.6,11.2 202,11.2 202,13 198.6,13 198.6,15 202.5,15 202.5,16.8 196.6,16.8 "/><polygon class="st5" points="235.1,7.3 240.6,7.3 240.6,9.2 237,9.2 237,11.5 240.1,11.5 240.1,13.3 237,13.3 237,16.7 235.1,16.7 "/><polygon class="st5" points="241.7,7.3 247.3,7.3 247.3,9.2 243.7,9.2 243.7,11.5 246.8,11.5 246.8,13.3 243.7,13.3 243.7,16.7 241.7,16.7 "/><polygon class="st5" points="219.1,12.8 215.1,12.8 215.1,16.7 213.2,16.7 213.2,7.3 215.1,7.3 215.1,10.9 219.1,10.9 219.1,7.3 221.1,7.3 221.1,16.7 219.1,16.7 "/><polygon class="st5" points="188.4,7.5 195.5,7.5 195.5,9.4 193,9.4 193,16.8 191,16.8 191,9.4 188.4,9.4 "/><polyline class="st5" points="221.5,8.6 223.3,5.8 225.3,5.8 223.5,8.6 221.5,8.6 "/><path class="st5" d="M229.1,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S231.9,7.2,229.1,7.2z"/><polygon class="st6" points="225,12.2 231.1,8.6 231.1,15.7 "/><polygon class="st7" points="229,16.8 228.9,13.4 226.1,15.2 "/></svg>',
|
|
42
43
|
'header-opticost': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 211.7 17.2" style="enable-background:new 0 0 211.7 17.2;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -1.1519 16.9922)" class="st0 st1 st2">OPTICOST</text><text transform="matrix(1 0 0 1 137.907 16.9861)" class="st3 st4">BY</text><path class="st5" d="M175,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L175,10.3z"/><polygon class="st5" points="161,7.7 166.9,7.7 166.9,9.5 163,9.5 163,11.4 166.4,11.4 166.4,13.2 163,13.2 163,15.2 166.9,15.2 166.9,17 161,17 "/><polygon class="st5" points="199.5,7.5 205,7.5 205,9.4 201.4,9.4 201.4,11.7 204.5,11.7 204.5,13.5 201.4,13.5 201.4,16.9 199.5,16.9 "/><polygon class="st5" points="206.1,7.5 211.7,7.5 211.7,9.4 208.1,9.4 208.1,11.7 211.2,11.7 211.2,13.5 208.1,13.5 208.1,16.9 206.1,16.9 "/><polygon class="st5" points="183.5,13 179.5,13 179.5,16.9 177.6,16.9 177.6,7.5 179.5,7.5 179.5,11.1 183.5,11.1 183.5,7.5 185.5,7.5 185.5,16.9 183.5,16.9 "/><polygon class="st5" points="152.8,7.7 159.9,7.7 159.9,9.6 157.4,9.6 157.4,17 155.4,17 155.4,9.6 152.8,9.6 "/><polyline class="st5" points="185.9,8.8 187.7,6 189.7,6 187.9,8.8 185.9,8.8 "/><path class="st5" d="M193.5,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S196.3,7.4,193.5,7.4z"/><polygon class="st6" points="189.4,12.4 195.5,8.8 195.5,15.9 "/><polygon class="st7" points="193.4,17 193.3,13.6 190.5,15.4 "/></svg>',
|
|
43
44
|
'header-repairability': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 357.7 16.8" style="enable-background:new 0 0 357.7 16.8;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47 !important;} .st1{font-family:\'Montserrat-Medium\' !important;} .st2{font-size:24px !important;} .st3{font-family:\'Roboto-Light\' !important;} .st4{font-size:11px !important;} .st5{fill:#020203 !important;} .st6{fill:#0D84C5 !important;} .st7{fill:#FFFFFF !important;}</style><text transform="matrix(1 0 0 1 -2.52 16.7998)" class="st0 st1 st2">REPAIRABILITY INDEX</text><text transform="matrix(1 0 0 1 283.9413 16.7998)" class="st3 st4">BY</text><path class="st5" d="M321,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8c0-2.8,2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L321,10.1z"/><polygon class="st5" points="307,7.5 312.9,7.5 312.9,9.3 309,9.3 309,11.2 312.4,11.2 312.4,13 309,13 309,15 312.9,15 312.9,16.8 307,16.8 "/><polygon class="st5" points="345.5,7.3 351,7.3 351,9.2 347.4,9.2 347.4,11.5 350.5,11.5 350.5,13.3 347.4,13.3 347.4,16.7 345.5,16.7 "/><polygon class="st5" points="352.1,7.3 357.7,7.3 357.7,9.2 354.1,9.2 354.1,11.5 357.2,11.5 357.2,13.3 354.1,13.3 354.1,16.7 352.1,16.7 "/><polygon class="st5" points="329.5,12.8 325.5,12.8 325.5,16.7 323.6,16.7 323.6,7.3 325.5,7.3 325.5,10.9 329.5,10.9 329.5,7.3 331.5,7.3 331.5,16.7 329.5,16.7 "/><polygon class="st5" points="298.8,7.5 305.9,7.5 305.9,9.4 303.4,9.4 303.4,16.8 301.4,16.8 301.4,9.4 298.8,9.4 "/><polyline class="st5" points="331.9,8.6 333.7,5.8 335.7,5.8 333.9,8.6 331.9,8.6 "/><path class="st5" d="M339.5,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8c2.8,0,4.8-2,4.8-4.8S342.3,7.2,339.5,7.2z"/><polygon class="st6" points="335.4,12.2 341.5,8.6 341.5,15.7 "/><polygon class="st7" points="339.4,16.8 339.3,13.4 336.5,15.2 "/></svg>',
|
|
@@ -14,6 +14,12 @@ const TsTabs = ({ defaultSelectedTabId, tabs }) => {
|
|
|
14
14
|
tab.onClick?.();
|
|
15
15
|
};
|
|
16
16
|
// #########
|
|
17
|
+
// Wathchers
|
|
18
|
+
(0, react_1.useEffect)(() => {
|
|
19
|
+
if (defaultSelectedTabId)
|
|
20
|
+
setSelectedTab(tabs.find(t => t.id === defaultSelectedTabId) ?? tabs[0]);
|
|
21
|
+
}, [defaultSelectedTabId]);
|
|
22
|
+
// #########
|
|
17
23
|
// Rendering
|
|
18
24
|
return (React.createElement("div", { className: "ts-tabs" },
|
|
19
25
|
React.createElement("div", { className: "ts-tabs-header" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TsTabs.js","sourceRoot":"","sources":["../../../src/components/TsTabs/TsTabs.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"TsTabs.js","sourceRoot":"","sources":["../../../src/components/TsTabs/TsTabs.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iCAA4C;AAC5C,6CAA0C;AAE1C,wBAAsB;AAEf,MAAM,MAAM,GAAG,CAAC,EAAE,oBAAoB,EAAE,IAAI,EAAe,EAAE,EAAE;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,oBAAoB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAElH,WAAW;IACX,WAAW;IACX,MAAM,eAAe,GAAG,CAAC,GAAY,EAAE,EAAE;QACvC,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,YAAY;IACZ,YAAY;IACZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,oBAAoB;YAAE,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,oBAAoB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACrG,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS;QACtB,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6BAAK,SAAS,EAAC,eAAe,IAC3B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACf,6BACE,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,SAAS,EAAE;;oBAEP,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;oBACzD,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;iBAC/C,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,IAAI,eAAe,CAAC,GAAG,CAAC;oBAEnD,GAAG,CAAC,IAAI,IAAI,CACX,6BAAK,SAAS,EAAC,oBAAoB;wBACjC,oBAAC,eAAM,IAAC,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI,CACtB,CACP;oBACD,6BAAK,SAAS,EAAC,qBAAqB,IAAE,GAAG,CAAC,KAAK,CAAO;oBACrD,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,IAAI,6BAAK,SAAS,EAAC,4BAA4B,GAAG,CACxE,CACP,CAAC,CACE,CACF;YAEL,WAAW,EAAE,OAAO,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,WAAW,EAAE,OAAO,CAAO,CAClF;QAEN,6BAAK,SAAS,EAAC,mBAAmB,IAAE,WAAW,EAAE,OAAO,CAAO,CAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,MAAM,UAmDjB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
export type TsHeaderProps = {
|
|
3
3
|
actions: ReactElement;
|
|
4
|
-
appName: 'bikestudio' | 'nsc-helmet' | 'opticost' | 'repairability' | 'techoff-suite';
|
|
4
|
+
appName: 'bikestudio' | 'long-lasting' | 'nsc-helmet' | 'opticost' | 'repairability' | 'techoff-suite';
|
|
5
5
|
search?: ReactElement;
|
|
6
6
|
};
|
|
7
7
|
export type TsHeaderProfileItemProps = {
|
|
@@ -10,7 +10,7 @@ import { TsButton } from '../../../components/TsButton/TsButton';
|
|
|
10
10
|
export const headerArgTypes = {
|
|
11
11
|
appName: {
|
|
12
12
|
control: 'select',
|
|
13
|
-
options: ['bikestudio', 'nsc-helmet', 'opticost', 'repairability', 'techoff-suite'],
|
|
13
|
+
options: ['bikestudio', 'long-lasting', 'nsc-helmet', 'opticost', 'repairability', 'techoff-suite'],
|
|
14
14
|
description: 'Icon of the button.',
|
|
15
15
|
},
|
|
16
16
|
};
|
package/package.json
CHANGED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 357.2 17" style="enable-background:new 0 0 357.2 17;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{fill:#101010;}
|
|
7
|
+
.st1{font-family:'Roboto-Light';}
|
|
8
|
+
.st2{font-size:11px;}
|
|
9
|
+
.st3{fill:#020203;}
|
|
10
|
+
.st4{fill:#0D84C5;}
|
|
11
|
+
.st5{fill:#FFFFFF;}
|
|
12
|
+
</style>
|
|
13
|
+
<path class="st0" d="M0,17V0.2h2.4v14.7h9.1V17H0z M21.5,17.2c-5.2,0-9-3.7-9-8.6s3.8-8.6,9-8.6c5.1,0,8.9,3.6,8.9,8.6
|
|
14
|
+
S26.6,17.2,21.5,17.2z M21.5,15c3.7,0,6.5-2.7,6.5-6.5S25.2,2,21.5,2c-3.8,0-6.6,2.7-6.6,6.5S17.8,15,21.5,15z M46.1,0.2h2.4V17h-2
|
|
15
|
+
l-10-12.5V17h-2.4V0.2h2l10.1,12.5L46.1,0.2L46.1,0.2z M65.2,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6S56,0,61.2,0
|
|
16
|
+
c2.7,0,4.9,0.9,6.5,2.6l-1.5,1.5c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5C62.7,15,64,14.7,65.2,14z
|
|
17
|
+
M78.6,17V0.2H81v14.7h9.1V17H78.6z M105.4,17l-1.8-4.2h-8.9L92.8,17h-2.5l7.6-16.8h2.4L108,17H105.4z M95.5,10.9h7.2l-3.6-8.2
|
|
18
|
+
L95.5,10.9z M115.4,17.2c-2.6,0-5.1-0.9-6.4-2.1l0.9-1.9c1.2,1.1,3.4,1.9,5.5,1.9c2.9,0,4.2-1.1,4.2-2.6c0-4.1-10.2-1.5-10.2-7.8
|
|
19
|
+
c0-2.6,2-4.8,6.4-4.8c2,0,4,0.5,5.4,1.5l-0.8,1.9c-1.5-0.9-3.1-1.4-4.6-1.4c-2.9,0-4.1,1.2-4.1,2.7c0,4.1,10.2,1.5,10.2,7.7
|
|
20
|
+
C121.9,15,119.8,17.2,115.4,17.2z M128.5,17V2.3h-5.8V0.2h13.9v2.1h-5.8V17H128.5z M139.2,17V0.2h2.4V17H139.2z M158.7,0.2h2.4V17
|
|
21
|
+
h-2L149,4.5V17h-2.4V0.2h2l10.1,12.5L158.7,0.2L158.7,0.2z M177.8,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6
|
|
22
|
+
s3.8-8.6,9-8.6c2.7,0,4.9,0.9,6.5,2.6L178.7,4c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5
|
|
23
|
+
C175.2,15,176.6,14.7,177.8,14z M191.1,17V0.2h2.4V17H191.1z M210.6,0.2h2.4V17h-2L200.9,4.5V17h-2.4V0.2h2l10.1,12.5V0.2z M218,17
|
|
24
|
+
V0.2h7.1c5.4,0,9.1,3.4,9.1,8.4s-3.7,8.4-9.1,8.4H218z M220.4,14.9h4.5c4.2,0,6.8-2.5,6.8-6.3s-2.7-6.3-6.8-6.3h-4.5V14.9z
|
|
25
|
+
M240.2,14.9h9.8V17h-12.2V0.2h11.9v2.1h-9.5v5.2h8.4v2h-8.4V14.9z M267.1,17h-2.8l-5-6.9l-5,6.9h-2.8l6.3-8.6l-5.9-8.2h2.7l4.7,6.5
|
|
26
|
+
l4.7-6.5h2.6l-5.9,8.1L267.1,17z"/>
|
|
27
|
+
<text transform="matrix(1 0 0 1 283.4998 16.9997)" class="st1 st2">BY</text>
|
|
28
|
+
<path class="st3" d="M320.5,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3
|
|
29
|
+
c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L320.5,10.3z"/>
|
|
30
|
+
<polygon class="st3" points="306.5,7.7 312.4,7.7 312.4,9.5 308.5,9.5 308.5,11.4 311.9,11.4 311.9,13.2 308.5,13.2 308.5,15.2
|
|
31
|
+
312.4,15.2 312.4,17 306.5,17 "/>
|
|
32
|
+
<polygon class="st3" points="345,7.5 350.5,7.5 350.5,9.4 346.9,9.4 346.9,11.7 350,11.7 350,13.5 346.9,13.5 346.9,16.9 345,16.9
|
|
33
|
+
"/>
|
|
34
|
+
<polygon class="st3" points="351.6,7.5 357.2,7.5 357.2,9.4 353.6,9.4 353.6,11.7 356.7,11.7 356.7,13.5 353.6,13.5 353.6,16.9
|
|
35
|
+
351.6,16.9 "/>
|
|
36
|
+
<polygon class="st3" points="329,13 325,13 325,16.9 323.1,16.9 323.1,7.5 325,7.5 325,11.1 329,11.1 329,7.5 331,7.5 331,16.9
|
|
37
|
+
329,16.9 "/>
|
|
38
|
+
<polygon class="st3" points="298.3,7.7 305.4,7.7 305.4,9.6 302.9,9.6 302.9,17 300.9,17 300.9,9.6 298.3,9.6 "/>
|
|
39
|
+
<polyline class="st3" points="331.4,8.8 333.2,6 335.2,6 333.4,8.8 331.4,8.8 "/>
|
|
40
|
+
<path class="st3" d="M339,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S341.8,7.4,339,7.4z"/>
|
|
41
|
+
<polygon class="st4" points="334.9,12.4 341,8.8 341,15.9 "/>
|
|
42
|
+
<polygon class="st5" points="338.9,17 338.8,13.6 336,15.4 "/>
|
|
43
|
+
</svg>
|
|
@@ -38,6 +38,7 @@ export const icons: { [k: string]: string } = {
|
|
|
38
38
|
'flashlight-off': '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bolt-off" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 3l18 18" /><path d="M15.212 15.21l-4.212 5.79v-7h-6l3.79 -5.21m1.685 -2.32l2.525 -3.47v6m1 1h5l-2.104 2.893" /></svg>',
|
|
39
39
|
'flashlight': '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bolt" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>',
|
|
40
40
|
'header-bikestudio': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 238.9 17.2" style="enable-background:new 0 0 238.9 17.2;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -2.52 16.9922)" class="st0 st1 st2">BIKESTUDIO</text><text transform="matrix(1 0 0 1 165.1359 17.0155)" class="st3 st4">BY</text><path class="st5" d="M202.2,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L202.2,10.3z"/><polygon class="st5" points="188.2,7.7 194.1,7.7 194.1,9.5 190.2,9.5 190.2,11.4 193.6,11.4 193.6,13.2 190.2,13.2 190.2,15.2 194.1,15.2 194.1,17 188.2,17 "/><polygon class="st5" points="226.7,7.5 232.2,7.5 232.2,9.4 228.6,9.4 228.6,11.7 231.7,11.7 231.7,13.5 228.6,13.5 228.6,16.9 226.7,16.9 "/><polygon class="st5" points="233.3,7.5 238.9,7.5 238.9,9.4 235.3,9.4 235.3,11.7 238.4,11.7 238.4,13.5 235.3,13.5 235.3,16.9 233.3,16.9 "/><polygon class="st5" points="210.7,13 206.7,13 206.7,16.9 204.8,16.9 204.8,7.5 206.7,7.5 206.7,11.1 210.7,11.1 210.7,7.5 212.7,7.5 212.7,16.9 210.7,16.9 "/><polygon class="st5" points="180,7.7 187.1,7.7 187.1,9.6 184.6,9.6 184.6,17 182.6,17 182.6,9.6 180,9.6 "/><polyline class="st5" points="213.1,8.8 214.9,6 216.9,6 215.1,8.8 213.1,8.8 "/><path class="st5" d="M220.7,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S223.5,7.4,220.7,7.4z"/><polygon class="st6" points="216.6,12.4 222.7,8.8 222.7,15.9 "/><polygon class="st7" points="220.6,17 220.5,13.6 217.7,15.4 "/></svg>',
|
|
41
|
+
'header-long-lasting': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 357.2 17" style="enable-background:new 0 0 357.2 17;" xml:space="preserve"><style type="text/css"> .st0{fill:#101010;} .st1{font-family:\'Roboto-Light\';} .st2{font-size:11px;} .st3{fill:#020203;} .st4{fill:#0D84C5;} .st5{fill:#FFFFFF;}</style><path class="st0" d="M0,17V0.2h2.4v14.7h9.1V17H0z M21.5,17.2c-5.2,0-9-3.7-9-8.6s3.8-8.6,9-8.6c5.1,0,8.9,3.6,8.9,8.6 S26.6,17.2,21.5,17.2z M21.5,15c3.7,0,6.5-2.7,6.5-6.5S25.2,2,21.5,2c-3.8,0-6.6,2.7-6.6,6.5S17.8,15,21.5,15z M46.1,0.2h2.4V17h-2 l-10-12.5V17h-2.4V0.2h2l10.1,12.5L46.1,0.2L46.1,0.2z M65.2,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6S56,0,61.2,0 c2.7,0,4.9,0.9,6.5,2.6l-1.5,1.5c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5C62.7,15,64,14.7,65.2,14z M78.6,17V0.2H81v14.7h9.1V17H78.6z M105.4,17l-1.8-4.2h-8.9L92.8,17h-2.5l7.6-16.8h2.4L108,17H105.4z M95.5,10.9h7.2l-3.6-8.2 L95.5,10.9z M115.4,17.2c-2.6,0-5.1-0.9-6.4-2.1l0.9-1.9c1.2,1.1,3.4,1.9,5.5,1.9c2.9,0,4.2-1.1,4.2-2.6c0-4.1-10.2-1.5-10.2-7.8 c0-2.6,2-4.8,6.4-4.8c2,0,4,0.5,5.4,1.5l-0.8,1.9c-1.5-0.9-3.1-1.4-4.6-1.4c-2.9,0-4.1,1.2-4.1,2.7c0,4.1,10.2,1.5,10.2,7.7 C121.9,15,119.8,17.2,115.4,17.2z M128.5,17V2.3h-5.8V0.2h13.9v2.1h-5.8V17H128.5z M139.2,17V0.2h2.4V17H139.2z M158.7,0.2h2.4V17 h-2L149,4.5V17h-2.4V0.2h2l10.1,12.5L158.7,0.2L158.7,0.2z M177.8,14V8.5h2.3V15c-1.7,1.4-4,2.1-6.4,2.1c-5.2,0-9-3.6-9-8.6 s3.8-8.6,9-8.6c2.7,0,4.9,0.9,6.5,2.6L178.7,4c-1.4-1.3-3-1.9-4.9-1.9c-3.9,0-6.7,2.7-6.7,6.5c0,3.7,2.8,6.5,6.7,6.5 C175.2,15,176.6,14.7,177.8,14z M191.1,17V0.2h2.4V17H191.1z M210.6,0.2h2.4V17h-2L200.9,4.5V17h-2.4V0.2h2l10.1,12.5V0.2z M218,17 V0.2h7.1c5.4,0,9.1,3.4,9.1,8.4s-3.7,8.4-9.1,8.4H218z M220.4,14.9h4.5c4.2,0,6.8-2.5,6.8-6.3s-2.7-6.3-6.8-6.3h-4.5V14.9z M240.2,14.9h9.8V17h-12.2V0.2h11.9v2.1h-9.5v5.2h8.4v2h-8.4V14.9z M267.1,17h-2.8l-5-6.9l-5,6.9h-2.8l6.3-8.6l-5.9-8.2h2.7l4.7,6.5 l4.7-6.5h2.6l-5.9,8.1L267.1,17z"/><text transform="matrix(1 0 0 1 283.4998 16.9997)" class="st1 st2">BY</text><path class="st3" d="M320.5,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L320.5,10.3z"/><polygon class="st3" points="306.5,7.7 312.4,7.7 312.4,9.5 308.5,9.5 308.5,11.4 311.9,11.4 311.9,13.2 308.5,13.2 308.5,15.2 312.4,15.2 312.4,17 306.5,17 "/><polygon class="st3" points="345,7.5 350.5,7.5 350.5,9.4 346.9,9.4 346.9,11.7 350,11.7 350,13.5 346.9,13.5 346.9,16.9 345,16.9 "/><polygon class="st3" points="351.6,7.5 357.2,7.5 357.2,9.4 353.6,9.4 353.6,11.7 356.7,11.7 356.7,13.5 353.6,13.5 353.6,16.9 351.6,16.9 "/><polygon class="st3" points="329,13 325,13 325,16.9 323.1,16.9 323.1,7.5 325,7.5 325,11.1 329,11.1 329,7.5 331,7.5 331,16.9 329,16.9 "/><polygon class="st3" points="298.3,7.7 305.4,7.7 305.4,9.6 302.9,9.6 302.9,17 300.9,17 300.9,9.6 298.3,9.6 "/><polyline class="st3" points="331.4,8.8 333.2,6 335.2,6 333.4,8.8 331.4,8.8 "/><path class="st3" d="M339,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S341.8,7.4,339,7.4z"/><polygon class="st4" points="334.9,12.4 341,8.8 341,15.9 "/><polygon class="st5" points="338.9,17 338.8,13.6 336,15.4 "/></svg>',
|
|
41
42
|
'header-nsc-helmet': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 247.3 17" style="enable-background:new 0 0 247.3 17;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -2.52 16.8017)" class="st0 st1 st2">NSC HELMET</text><text transform="matrix(1 0 0 1 173.496 16.8009)" class="st3 st4">BY</text><path class="st5" d="M210.6,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1L212,15 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L210.6,10.1z"/><polygon class="st5" points="196.6,7.5 202.5,7.5 202.5,9.3 198.6,9.3 198.6,11.2 202,11.2 202,13 198.6,13 198.6,15 202.5,15 202.5,16.8 196.6,16.8 "/><polygon class="st5" points="235.1,7.3 240.6,7.3 240.6,9.2 237,9.2 237,11.5 240.1,11.5 240.1,13.3 237,13.3 237,16.7 235.1,16.7 "/><polygon class="st5" points="241.7,7.3 247.3,7.3 247.3,9.2 243.7,9.2 243.7,11.5 246.8,11.5 246.8,13.3 243.7,13.3 243.7,16.7 241.7,16.7 "/><polygon class="st5" points="219.1,12.8 215.1,12.8 215.1,16.7 213.2,16.7 213.2,7.3 215.1,7.3 215.1,10.9 219.1,10.9 219.1,7.3 221.1,7.3 221.1,16.7 219.1,16.7 "/><polygon class="st5" points="188.4,7.5 195.5,7.5 195.5,9.4 193,9.4 193,16.8 191,16.8 191,9.4 188.4,9.4 "/><polyline class="st5" points="221.5,8.6 223.3,5.8 225.3,5.8 223.5,8.6 221.5,8.6 "/><path class="st5" d="M229.1,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S231.9,7.2,229.1,7.2z"/><polygon class="st6" points="225,12.2 231.1,8.6 231.1,15.7 "/><polygon class="st7" points="229,16.8 228.9,13.4 226.1,15.2 "/></svg>',
|
|
42
43
|
'header-opticost': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 211.7 17.2" style="enable-background:new 0 0 211.7 17.2;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47;} .st1{font-family:\'Montserrat-Medium\';} .st2{font-size:24px;} .st3{font-family:\'Roboto-Light\';} .st4{font-size:11px;} .st5{fill:#020203;} .st6{fill:#0D84C5;} .st7{fill:#FFFFFF;}</style><text transform="matrix(1 0 0 1 -1.1519 16.9922)" class="st0 st1 st2">OPTICOST</text><text transform="matrix(1 0 0 1 137.907 16.9861)" class="st3 st4">BY</text><path class="st5" d="M175,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L175,10.3z"/><polygon class="st5" points="161,7.7 166.9,7.7 166.9,9.5 163,9.5 163,11.4 166.4,11.4 166.4,13.2 163,13.2 163,15.2 166.9,15.2 166.9,17 161,17 "/><polygon class="st5" points="199.5,7.5 205,7.5 205,9.4 201.4,9.4 201.4,11.7 204.5,11.7 204.5,13.5 201.4,13.5 201.4,16.9 199.5,16.9 "/><polygon class="st5" points="206.1,7.5 211.7,7.5 211.7,9.4 208.1,9.4 208.1,11.7 211.2,11.7 211.2,13.5 208.1,13.5 208.1,16.9 206.1,16.9 "/><polygon class="st5" points="183.5,13 179.5,13 179.5,16.9 177.6,16.9 177.6,7.5 179.5,7.5 179.5,11.1 183.5,11.1 183.5,7.5 185.5,7.5 185.5,16.9 183.5,16.9 "/><polygon class="st5" points="152.8,7.7 159.9,7.7 159.9,9.6 157.4,9.6 157.4,17 155.4,17 155.4,9.6 152.8,9.6 "/><polyline class="st5" points="185.9,8.8 187.7,6 189.7,6 187.9,8.8 185.9,8.8 "/><path class="st5" d="M193.5,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S196.3,7.4,193.5,7.4z"/><polygon class="st6" points="189.4,12.4 195.5,8.8 195.5,15.9 "/><polygon class="st7" points="193.4,17 193.3,13.6 190.5,15.4 "/></svg>',
|
|
43
44
|
'header-repairability': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 357.7 16.8" style="enable-background:new 0 0 357.7 16.8;" xml:space="preserve"><style type="text/css"> .st0{fill:#152C47 !important;} .st1{font-family:\'Montserrat-Medium\' !important;} .st2{font-size:24px !important;} .st3{font-family:\'Roboto-Light\' !important;} .st4{font-size:11px !important;} .st5{fill:#020203 !important;} .st6{fill:#0D84C5 !important;} .st7{fill:#FFFFFF !important;}</style><text transform="matrix(1 0 0 1 -2.52 16.7998)" class="st0 st1 st2">REPAIRABILITY INDEX</text><text transform="matrix(1 0 0 1 283.9413 16.7998)" class="st3 st4">BY</text><path class="st5" d="M321,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3 c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8c0-2.8,2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L321,10.1z"/><polygon class="st5" points="307,7.5 312.9,7.5 312.9,9.3 309,9.3 309,11.2 312.4,11.2 312.4,13 309,13 309,15 312.9,15 312.9,16.8 307,16.8 "/><polygon class="st5" points="345.5,7.3 351,7.3 351,9.2 347.4,9.2 347.4,11.5 350.5,11.5 350.5,13.3 347.4,13.3 347.4,16.7 345.5,16.7 "/><polygon class="st5" points="352.1,7.3 357.7,7.3 357.7,9.2 354.1,9.2 354.1,11.5 357.2,11.5 357.2,13.3 354.1,13.3 354.1,16.7 352.1,16.7 "/><polygon class="st5" points="329.5,12.8 325.5,12.8 325.5,16.7 323.6,16.7 323.6,7.3 325.5,7.3 325.5,10.9 329.5,10.9 329.5,7.3 331.5,7.3 331.5,16.7 329.5,16.7 "/><polygon class="st5" points="298.8,7.5 305.9,7.5 305.9,9.4 303.4,9.4 303.4,16.8 301.4,16.8 301.4,9.4 298.8,9.4 "/><polyline class="st5" points="331.9,8.6 333.7,5.8 335.7,5.8 333.9,8.6 331.9,8.6 "/><path class="st5" d="M339.5,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8c2.8,0,4.8-2,4.8-4.8S342.3,7.2,339.5,7.2z"/><polygon class="st6" points="335.4,12.2 341.5,8.6 341.5,15.7 "/><polygon class="st7" points="339.4,16.8 339.3,13.4 336.5,15.2 "/></svg>',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { useState } from 'react';
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
3
|
import { TsIcon } from '../TsIcon/TsIcon';
|
|
4
4
|
import { TabItem, TsTabsProps } from './TsTabs.types';
|
|
5
5
|
import './TsTabs.css';
|
|
@@ -14,6 +14,12 @@ export const TsTabs = ({ defaultSelectedTabId, tabs }: TsTabsProps) => {
|
|
|
14
14
|
tab.onClick?.();
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
+
// #########
|
|
18
|
+
// Wathchers
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (defaultSelectedTabId) setSelectedTab(tabs.find(t => t.id === defaultSelectedTabId) ?? tabs[0]);
|
|
21
|
+
}, [defaultSelectedTabId]);
|
|
22
|
+
|
|
17
23
|
// #########
|
|
18
24
|
// Rendering
|
|
19
25
|
return (
|
|
@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
|
|
|
2
2
|
|
|
3
3
|
export type TsHeaderProps = {
|
|
4
4
|
actions: ReactElement;
|
|
5
|
-
appName: 'bikestudio' | 'nsc-helmet' | 'opticost' | 'repairability' | 'techoff-suite';
|
|
5
|
+
appName: 'bikestudio' | 'long-lasting' | 'nsc-helmet' | 'opticost' | 'repairability' | 'techoff-suite';
|
|
6
6
|
search?: ReactElement;
|
|
7
7
|
};
|
|
8
8
|
export type TsHeaderProfileItemProps = { icon: string; label: string; link: string };
|
|
@@ -10,7 +10,7 @@ import { TsButton } from '../../../components/TsButton/TsButton';
|
|
|
10
10
|
export const headerArgTypes = {
|
|
11
11
|
appName: {
|
|
12
12
|
control: 'select',
|
|
13
|
-
options: ['bikestudio', 'nsc-helmet', 'opticost', 'repairability', 'techoff-suite'],
|
|
13
|
+
options: ['bikestudio', 'long-lasting', 'nsc-helmet', 'opticost', 'repairability', 'techoff-suite'],
|
|
14
14
|
description: 'Icon of the button.',
|
|
15
15
|
},
|
|
16
16
|
};
|