@dktunited-techoff/techoff-suite-ui 1.8.0 → 1.8.1
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/package.json
CHANGED
|
@@ -0,0 +1,32 @@
|
|
|
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 284.1 16.8" style="enable-background:new 0 0 284.1 16.8;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{fill:#152C47;}
|
|
7
|
+
.st1{font-family:'Montserrat-Medium';}
|
|
8
|
+
.st2{font-size:24px;}
|
|
9
|
+
.st3{font-family:'Roboto-Light';}
|
|
10
|
+
.st4{font-size:11px;}
|
|
11
|
+
.st5{fill:#020203;}
|
|
12
|
+
.st6{fill:#0D84C5;}
|
|
13
|
+
.st7{fill:#FFFFFF;}
|
|
14
|
+
</style>
|
|
15
|
+
<text transform="matrix(1 0 0 1 -9.570312e-02 16.7998)" class="st0 st1 st2">TECHOFF SUITE</text>
|
|
16
|
+
<text transform="matrix(1 0 0 1 210.3656 16.7998)" class="st3 st4">BY</text>
|
|
17
|
+
<path class="st5" d="M247.4,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
|
|
18
|
+
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.5L247.4,10.1z"/>
|
|
19
|
+
<polygon class="st5" points="233.4,7.5 239.3,7.5 239.3,9.3 235.4,9.3 235.4,11.2 238.8,11.2 238.8,13 235.4,13 235.4,15 239.3,15
|
|
20
|
+
239.3,16.8 233.4,16.8 "/>
|
|
21
|
+
<polygon class="st5" points="271.9,7.3 277.4,7.3 277.4,9.2 273.8,9.2 273.8,11.5 276.9,11.5 276.9,13.3 273.8,13.3 273.8,16.7
|
|
22
|
+
271.9,16.7 "/>
|
|
23
|
+
<polygon class="st5" points="278.5,7.3 284.1,7.3 284.1,9.2 280.5,9.2 280.5,11.5 283.6,11.5 283.6,13.3 280.5,13.3 280.5,16.7
|
|
24
|
+
278.5,16.7 "/>
|
|
25
|
+
<polygon class="st5" points="255.9,12.8 251.9,12.8 251.9,16.7 250,16.7 250,7.3 251.9,7.3 251.9,10.9 255.9,10.9 255.9,7.3
|
|
26
|
+
257.9,7.3 257.9,16.7 255.9,16.7 "/>
|
|
27
|
+
<polygon class="st5" points="225.2,7.5 232.3,7.5 232.3,9.4 229.8,9.4 229.8,16.8 227.8,16.8 227.8,9.4 225.2,9.4 "/>
|
|
28
|
+
<polyline class="st5" points="258.3,8.6 260.1,5.8 262.1,5.8 260.3,8.6 258.3,8.6 "/>
|
|
29
|
+
<path class="st5" d="M265.9,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S268.7,7.2,265.9,7.2z"/>
|
|
30
|
+
<polygon class="st6" points="261.8,12.2 267.9,8.6 267.9,15.7 "/>
|
|
31
|
+
<polygon class="st7" points="265.8,16.8 265.7,13.4 262.9,15.2 "/>
|
|
32
|
+
</svg>
|
|
@@ -40,6 +40,7 @@ export const icons: { [k: string]: string } = {
|
|
|
40
40
|
'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>',
|
|
41
41
|
'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>',
|
|
42
42
|
'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>',
|
|
43
|
+
'header-techoff-suite': '<?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 284.1 16.8" style="enable-background:new 0 0 284.1 16.8;" 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 -9.570312e-02 16.7998)" class="st0 st1 st2">TECHOFF SUITE</text><text transform="matrix(1 0 0 1 210.3656 16.7998)" class="st3 st4">BY</text><path class="st5" d="M247.4,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.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L247.4,10.1z"/><polygon class="st5" points="233.4,7.5 239.3,7.5 239.3,9.3 235.4,9.3 235.4,11.2 238.8,11.2 238.8,13 235.4,13 235.4,15 239.3,15 239.3,16.8 233.4,16.8 "/><polygon class="st5" points="271.9,7.3 277.4,7.3 277.4,9.2 273.8,9.2 273.8,11.5 276.9,11.5 276.9,13.3 273.8,13.3 273.8,16.7 271.9,16.7 "/><polygon class="st5" points="278.5,7.3 284.1,7.3 284.1,9.2 280.5,9.2 280.5,11.5 283.6,11.5 283.6,13.3 280.5,13.3 280.5,16.7 278.5,16.7 "/><polygon class="st5" points="255.9,12.8 251.9,12.8 251.9,16.7 250,16.7 250,7.3 251.9,7.3 251.9,10.9 255.9,10.9 255.9,7.3 257.9,7.3 257.9,16.7 255.9,16.7 "/><polygon class="st5" points="225.2,7.5 232.3,7.5 232.3,9.4 229.8,9.4 229.8,16.8 227.8,16.8 227.8,9.4 225.2,9.4 "/><polyline class="st5" points="258.3,8.6 260.1,5.8 262.1,5.8 260.3,8.6 258.3,8.6 "/><path class="st5" d="M265.9,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S268.7,7.2,265.9,7.2z"/><polygon class="st6" points="261.8,12.2 267.9,8.6 267.9,15.7 "/><polygon class="st7" points="265.8,16.8 265.7,13.4 262.9,15.2 "/></svg>',
|
|
43
44
|
'heart-filled': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16.5 3C19.5376 3 22 5.5 22 9C22 16 14.5 20 12 21.5C9.5 20 2 16 2 9C2 5.5 4.5 3 7.5 3C9.35997 3 11 4 12 5C13 4 14.64 3 16.5 3Z"></path></svg>',
|
|
44
45
|
'heart': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16.5 3C19.5376 3 22 5.5 22 9C22 16 14.5 20 12 21.5C9.5 20 2 16 2 9C2 5.5 4.5 3 7.5 3C9.35997 3 11 4 12 5C13 4 14.64 3 16.5 3ZM12.9339 18.6038C13.8155 18.0485 14.61 17.4955 15.3549 16.9029C18.3337 14.533 20 11.9435 20 9C20 6.64076 18.463 5 16.5 5C15.4241 5 14.2593 5.56911 13.4142 6.41421L12 7.82843L10.5858 6.41421C9.74068 5.56911 8.5759 5 7.5 5C5.55906 5 4 6.6565 4 9C4 11.9435 5.66627 14.533 8.64514 16.9029C9.39 17.4955 10.1845 18.0485 11.0661 18.6038C11.3646 18.7919 11.6611 18.9729 12 19.1752C12.3389 18.9729 12.6354 18.7919 12.9339 18.6038Z"></path></svg>',
|
|
45
46
|
'history': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.25022 4 6.82447 5.38734 5.38451 7.50024L8 7.5V9.5H2V3.5H4L3.99989 5.99918C5.82434 3.57075 8.72873 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z"></path></svg>',
|
|
@@ -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';
|
|
5
|
+
appName: 'bikestudio' | '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'],
|
|
13
|
+
options: ['bikestudio', 'nsc-helmet', 'opticost', 'repairability', 'techoff-suite'],
|
|
14
14
|
description: 'Icon of the button.',
|
|
15
15
|
},
|
|
16
16
|
};
|