fleetcor-lwc 1.1.0 → 1.3.0

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.
Files changed (24) hide show
  1. package/README.md +34 -13
  2. package/frontend/common/mixins_amber.scss +7 -2
  3. package/frontend/common/mixins_aquamarine.scss +7 -2
  4. package/frontend/components/flt/button/button.scss +3 -6
  5. package/frontend/components/flt/icon/icon.js +86 -5
  6. package/frontend/components/flt/icon/icon.scss +8 -1
  7. package/frontend/components/flt/icon/tmpl-blocked.html +15 -0
  8. package/frontend/components/flt/icon/tmpl-both.html +39 -0
  9. package/frontend/components/flt/icon/tmpl-car.html +32 -0
  10. package/frontend/components/flt/icon/tmpl-carwash.html +102 -0
  11. package/frontend/components/flt/icon/tmpl-driver.html +20 -0
  12. package/frontend/components/flt/icon/tmpl-ev-and-fuel.html +24 -0
  13. package/frontend/components/flt/icon/tmpl-ev.html +26 -0
  14. package/frontend/components/flt/icon/tmpl-fuel.html +9 -0
  15. package/frontend/components/flt/icon/tmpl-key.html +15 -0
  16. package/frontend/components/flt/icon/tmpl-multiple-users.html +9 -0
  17. package/frontend/components/flt/icon/tmpl-oil.html +30 -0
  18. package/frontend/components/flt/icon/tmpl-shared-card.html +15 -0
  19. package/frontend/components/flt/icon/tmpl-unleaded.html +45 -0
  20. package/frontend/components/flt/icon/tmpl-van.html +77 -0
  21. package/frontend/components/flt/icon/tmpl-vehicle.html +57 -0
  22. package/package.json +3 -2
  23. /package/frontend/components/flt/icon/{arrow-left.html → tmpl-arrow-left.html} +0 -0
  24. /package/frontend/components/flt/icon/{arrow-right.html → tmpl-arrow-right.html} +0 -0
package/README.md CHANGED
@@ -54,23 +54,35 @@ const pathConstants = 'frontend/common/mixins.scss';
54
54
  Button:
55
55
 
56
56
  <flt-button
57
- (string)
58
57
  type="base|primary|link"
59
- (string)
60
- icon-left="arrow-left|arrow-right"
61
- (string)
62
- icon-right="arrow-left|arrow-right"
63
- (boolean)
58
+ icon-left="arrow-left|arrow-right|..."
59
+ icon-right="arrow-left|arrow-right|..."
64
60
  disabled
65
- (string)
66
61
  label="Next"
67
62
  ></flt-button>
68
63
  ...
69
64
  ```
70
65
 
66
+ ```html
67
+ Icon:
68
+
69
+ <flt-icon icon="arrow-left"></flt-icon>
70
+
71
+ arrow-left | ev | carwash | car |
72
+ van | unleaded | fuel | driver |
73
+ vehicle | both | shared-card | ev-and-fuel |
74
+ oil | key | blocked | multiple-users |
75
+ arrow-right |
76
+ ...
77
+ ```
78
+
71
79
  ```scss
72
80
  /* mixins.scss */
73
81
 
82
+ /* ICON START */
83
+ $FLT_ICON_COLOR: var(--flt-icon-color, #111827);
84
+ /* ICON END */
85
+
74
86
  /* BUTTON START */
75
87
  $FLT_BUTTON_PRIMARY_BG_COLOR: var(--flt-button-primary-bg-color, #f2d400);
76
88
  $FLT_BUTTON_PRIMARY_COLOR: var(--flt-button-primary-color, #111827);
@@ -96,18 +108,27 @@ $FLT_BUTTON_BASE_DISABLED_BORDER_COLOR: var(
96
108
  #6b7280
97
109
  );
98
110
 
99
- $FLT_BUTTON_LINK_COLOR: var(--flt-button-primary-color, #111827);
100
- $FLT_BUTTON_LINK_DISABLED_COLOR: var(
101
- --flt-button-primary-disabled-color,
102
- #9ca3af
103
- );
111
+ $FLT_BUTTON_LINK_COLOR: var(--flt-button-link-color, #111827);
112
+ $FLT_BUTTON_LINK_DISABLED_COLOR: var(--flt-button-link-disabled-color, #9ca3af);
113
+ $FLT_BUTTON_LINK_HOVER_COLOR: var(--flt-button-link-hover-color, #6b7280);
104
114
  /* BUTTON END */
105
115
  ```
106
116
 
107
117
  ## Release Notes:
108
118
 
119
+ - v.1.3.0
120
+ - Added Component `flt-icon`
121
+
122
+ ---
123
+
124
+ - v.1.2.1
125
+ - Update button 'link' type ui
126
+ - Bug fix. Button constants
127
+
128
+ ---
129
+
109
130
  - v.1.1.0
110
- - Added new button type 'link'
131
+ - Added new button type 'link'
111
132
 
112
133
  ---
113
134
 
package/frontend/common/mixins_amber.scss CHANGED
@@ -1,3 +1,7 @@
1
+ // ICON ->
2
+ $FLT_ICON_COLOR: var(--flt-icon-color, #111827);
3
+ // <- ICON
4
+
1
5
  // BUTTON ->
2
6
  $FLT_BUTTON_PRIMARY_BG_COLOR: var(--flt-button-primary-bg-color, #f2d400);
3
7
  $FLT_BUTTON_PRIMARY_COLOR: var(--flt-button-primary-color, #111827);
@@ -11,6 +15,7 @@ $FLT_BUTTON_BASE_DISABLED_COLOR: var(--flt-button-base-disabled-color, #6b7280);
11
15
  $FLT_BUTTON_BASE_DISABLED_BG_COLOR: var(--flt-button-base-disabled-bg-color, #f3f4f6);
12
16
  $FLT_BUTTON_BASE_DISABLED_BORDER_COLOR: var(--flt-button-base-disabled-border-color, #6b7280);
13
17
 
14
- $FLT_BUTTON_LINK_COLOR: var(--flt-button-primary-color, #111827);
15
- $FLT_BUTTON_LINK_DISABLED_COLOR: var(--flt-button-primary-disabled-color, #9ca3af);
18
+ $FLT_BUTTON_LINK_COLOR: var(--flt-button-link-color, #111827);
19
+ $FLT_BUTTON_LINK_DISABLED_COLOR: var(--flt-button-link-disabled-color, #9ca3af);
20
+ $FLT_BUTTON_LINK_HOVER_COLOR: var(--flt-button-link-hover-color, #6b7280);
16
21
  // <- BUTTON
package/frontend/common/mixins_aquamarine.scss CHANGED
@@ -1,3 +1,7 @@
1
+ // ICON ->
2
+ $FLT_ICON_COLOR: var(--flt-icon-color, #111827);
3
+ // <- ICON
4
+
1
5
  // BUTTON ->
2
6
  $FLT_BUTTON_PRIMARY_BG_COLOR: var(--flt-button-primary-bg-color, #3782c8);
3
7
  $FLT_BUTTON_PRIMARY_COLOR: var(--flt-button-primary-color, #f9fafb);
@@ -11,6 +15,7 @@ $FLT_BUTTON_BASE_DISABLED_COLOR: var(--flt-button-base-disabled-color, #6b7280);
11
15
  $FLT_BUTTON_BASE_DISABLED_BG_COLOR: var(--flt-button-base-disabled-bg-color, #f3f4f6);
12
16
  $FLT_BUTTON_BASE_DISABLED_BORDER_COLOR: var(--flt-button-base-disabled-border-color, #6b7280);
13
17
 
14
- $FLT_BUTTON_LINK_COLOR: var(--flt-button-primary-color, #111827);
15
- $FLT_BUTTON_LINK_DISABLED_COLOR: var(--flt-button-primary-disabled-color, #9ca3af);
18
+ $FLT_BUTTON_LINK_COLOR: var(--flt-button-link-color, #111827);
19
+ $FLT_BUTTON_LINK_DISABLED_COLOR: var(--flt-button-link-disabled-color, #9ca3af);
20
+ $FLT_BUTTON_LINK_HOVER_COLOR: var(--flt-button-link-hover-color, #6b7280);
16
21
  // <- BUTTON
package/frontend/components/flt/button/button.scss CHANGED
@@ -93,8 +93,6 @@ button {
93
93
  &_link[disabled] {
94
94
  cursor: not-allowed;
95
95
  border-radius: initial;
96
- padding-left: 0;
97
- padding-right: 0;
98
96
  color: $FLT_BUTTON_LINK_DISABLED_COLOR;
99
97
  @include flt-icon-path($FLT_BUTTON_LINK_DISABLED_COLOR);
100
98
  }
@@ -102,12 +100,11 @@ button {
102
100
  &_link:not([disabled]) {
103
101
  color: $FLT_BUTTON_LINK_COLOR;
104
102
  border-radius: initial;
105
- padding-left: 0;
106
- padding-right: 0;
107
- border-bottom: 1px solid transparent;
103
+ transition: all 0.3s;
108
104
 
109
105
  &:hover {
110
- border-bottom: 1px solid $FLT_BUTTON_LINK_COLOR;
106
+ color: $FLT_BUTTON_LINK_HOVER_COLOR;
107
+ @include flt-icon-path($FLT_BUTTON_LINK_HOVER_COLOR);
111
108
  }
112
109
 
113
110
  @include flt-icon-path($FLT_BUTTON_LINK_COLOR);
package/frontend/components/flt/icon/icon.js CHANGED
@@ -1,8 +1,39 @@
1
1
  import './icon.scss'
2
2
  import { LightningElement, api } from 'lwc'
3
- import TMPL_ARROW_RIGHT from './arrow-right.html'
4
- import TMPL_ARROW_LEFT from './arrow-left.html'
5
3
 
4
+ import TMPL_ARROW_RIGHT from './tmpl-arrow-right.html'
5
+ import TMPL_ARROW_LEFT from './tmpl-arrow-left.html'
6
+ import TMPL_EV from './tmpl-ev.html'
7
+ import TMPL_CAR from './tmpl-car.html'
8
+ import TMPL_CARWASH from './tmpl-carwash.html'
9
+ import TMPL_VAN from './tmpl-van.html'
10
+ import TMPL_UNLIDEAD from './tmpl-unleaded.html'
11
+ import TMPL_FUEL from './tmpl-fuel.html'
12
+ import TMPL_DRIVER from './tmpl-driver.html'
13
+ import TMPL_VEHICLE from './tmpl-vehicle.html'
14
+ import TMPL_BOTH from './tmpl-both.html'
15
+ import TMPL_SHARED_CARD from './tmpl-shared-card.html'
16
+ import TMPL_EV_AND_FUEL from './tmpl-ev-and-fuel.html'
17
+ import TMPL_OIL from './tmpl-oil.html'
18
+ import TMPL_KEY from './tmpl-key.html'
19
+ import TMPL_BLOCKED from './tmpl-blocked.html'
20
+ import TMPL_MULTIPLE_USERS from './tmpl-multiple-users.html'
21
+
22
+ const I_EV = 'ev'
23
+ const I_CARWASH = 'carwash'
24
+ const I_CAR = 'car'
25
+ const I_VAN = 'van'
26
+ const I_UNLIDEAD = 'unleaded'
27
+ const I_FUEL = 'fuel'
28
+ const I_DRIVER = 'driver'
29
+ const I_VEHICLE = 'vehicle'
30
+ const I_BOTH = 'both'
31
+ const I_SHARED_CARD = 'shared-card'
32
+ const I_EV_AND_FUEL = 'ev-and-fuel'
33
+ const I_OIL = 'oil'
34
+ const I_KEY = 'key'
35
+ const I_BLOCKED = 'blocked'
36
+ const I_MULTIPLE_USERS = 'multiple-users'
6
37
  const I_ARROW_RIGHT = 'arrow-right'
7
38
  const I_ARROW_LEFT = 'arrow-left'
8
39
 
@@ -12,9 +43,59 @@ export default class Icon extends LightningElement {
12
43
  @api icon
13
44
 
14
45
  render() {
15
- let result = TMPL_ARROW_RIGHT
16
- if (this.icon === I_ARROW_LEFT) {
17
- result = TMPL_ARROW_LEFT
46
+ let result
47
+ switch (this.icon) {
48
+ case I_EV:
49
+ result = TMPL_EV
50
+ break
51
+ case I_CARWASH:
52
+ result = TMPL_CARWASH
53
+ break
54
+ case I_CAR:
55
+ result = TMPL_CAR
56
+ break
57
+ case I_VAN:
58
+ result = TMPL_VAN
59
+ break
60
+ case I_UNLIDEAD:
61
+ result = TMPL_UNLIDEAD
62
+ break
63
+ case I_FUEL:
64
+ result = TMPL_FUEL
65
+ break
66
+ case I_DRIVER:
67
+ result = TMPL_DRIVER
68
+ break
69
+ case I_VEHICLE:
70
+ result = TMPL_VEHICLE
71
+ break
72
+ case I_BOTH:
73
+ result = TMPL_BOTH
74
+ break
75
+ case I_SHARED_CARD:
76
+ result = TMPL_SHARED_CARD
77
+ break
78
+ case I_EV_AND_FUEL:
79
+ result = TMPL_EV_AND_FUEL
80
+ break
81
+ case I_OIL:
82
+ result = TMPL_OIL
83
+ break
84
+ case I_KEY:
85
+ result = TMPL_KEY
86
+ break
87
+ case I_BLOCKED:
88
+ result = TMPL_BLOCKED
89
+ break
90
+ case I_ARROW_LEFT:
91
+ result = TMPL_ARROW_LEFT
92
+ break
93
+ case I_MULTIPLE_USERS:
94
+ result = TMPL_MULTIPLE_USERS
95
+ break
96
+ default:
97
+ result = TMPL_ARROW_RIGHT
98
+ break
18
99
  }
19
100
  return result
20
101
  }
package/frontend/components/flt/icon/icon.scss CHANGED
@@ -1,9 +1,16 @@
1
+ @import './../../../common/mixins_aquamarine';
2
+ /* mixins */
3
+
1
4
  .flt-icon {
2
5
  width: 24px;
3
6
  height: 24px;
4
7
  display: inline-flex;
5
8
 
6
9
  &__path {
7
- stroke: #000;
10
+ stroke: $FLT_ICON_COLOR;
11
+ }
12
+
13
+ &__path-fill {
14
+ fill: $FLT_ICON_COLOR;
8
15
  }
9
16
  }
package/frontend/components/flt/icon/tmpl-blocked.html ADDED
@@ -0,0 +1,15 @@
1
+ <template lwc:render-mode="light">
2
+ <svg
3
+ class="flt-icon flt-icon__blocked"
4
+ width="24"
5
+ height="24"
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg">
9
+ <path
10
+ class="flt-icon__path"
11
+ d="M18.364 18.364L5.63604 5.63604M18.364 18.364C21.8787 14.8492 21.8787 9.15076 18.364 5.63604C14.8492 2.12132 9.15076 2.12132 5.63604 5.63604L18.364 18.364ZM18.364 18.364C14.8492 21.8787 9.15076 21.8787 5.63604 18.364C2.12132 14.8492 2.12132 9.15076 5.63604 5.63604L18.364 18.364Z"
12
+ stroke-linecap="round"
13
+ stroke-linejoin="round"></path>
14
+ </svg>
15
+ </template>
package/frontend/components/flt/icon/tmpl-both.html ADDED
@@ -0,0 +1,39 @@
1
+ <template lwc:render-mode="light">
2
+ <svg class="flt-icon flt-icon__both" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path
4
+ d="M13.5 5C13.5 7.20914 11.7091 9 9.5 9C7.29086 9 5.5 7.20914 5.5 5C5.5 2.79086 7.29086 1 9.5 1C11.7091 1 13.5 2.79086 13.5 5Z"
5
+ class="flt-icon__path"
6
+ stroke-linecap="round"
7
+ stroke-linejoin="round"></path>
8
+ <path
9
+ d="M2.5 19C2.5 15.134 5.63401 12 9.5 12C10 12 12 12 12 12.5M2 22.5L21.5 3"
10
+ class="flt-icon__path"
11
+ stroke-linecap="round"
12
+ stroke-linejoin="round"></path>
13
+ <path
14
+ d="M5 19.5H19.9611C20.8364 19.5 21.5058 18.85 21.5058 18V15.4C21.5058 14.8 21.2998 14.25 20.9909 13.75L20.476 13L22.5355 12.5C22.8444 12.5 23.0504 12.3 23.0504 12V11C23.0504 10.7 22.8444 10.5 22.5355 10.5H19.9611L18.9314 12L17.3868 12.5L12 12.5001"
15
+ class="flt-icon__path"
16
+ stroke-miterlimit="10"
17
+ stroke-linejoin="round"></path>
18
+ <path
19
+ d="M19.4462 11.5C19.4462 11.5 18.159 8.75 17.9016 8.5C17.6441 8.25 17.2322 8 16.8718 8C16.048 8 17.5812 8 16.5 8"
20
+ class="flt-icon__path"
21
+ stroke-miterlimit="10"
22
+ stroke-linejoin="round"></path>
23
+ <path
24
+ d="M19.9611 14.5L19.7036 14.75C19.2402 15.2 18.5709 15.5 17.9016 15.5H16.3569"
25
+ class="flt-icon__path"
26
+ stroke-miterlimit="10"
27
+ stroke-linejoin="round"></path>
28
+ <path
29
+ d="M20.9908 19V21C20.9908 21.3 20.7849 21.5 20.4759 21.5H16.8718C16.5629 21.5 16.3569 21.3 16.3569 21V19.5"
30
+ class="flt-icon__path"
31
+ stroke-miterlimit="10"
32
+ stroke-linejoin="round"></path>
33
+ <path
34
+ d="M7.08936 17.5H16.3571"
35
+ class="flt-icon__path"
36
+ stroke-miterlimit="10"
37
+ stroke-linejoin="round"></path>
38
+ </svg>
39
+ </template>
package/frontend/components/flt/icon/tmpl-car.html ADDED
@@ -0,0 +1,32 @@
1
+ <template lwc:render-mode="light">
2
+ <svg
3
+ class="flt-icon flt-icon__car"
4
+ width="24"
5
+ height="24"
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg">
9
+ <path
10
+ d="M15.9394 16.5181H7.26189C7.17326 16.5181 7.08827 16.4836 7.02561 16.4222C6.96294 16.3608 6.92773 16.2775 6.92773 16.1907C6.92773 16.1038 6.96294 16.0206 7.02561 15.9592C7.08827 15.8978 7.17326 15.8633 7.26189 15.8633L15.9394 15.8633C16.028 15.8633 16.113 15.8978 16.1756 15.9592C16.2383 16.0206 16.2735 16.1038 16.2735 16.1907C16.2735 16.2775 16.2383 16.3608 16.1756 16.4222C16.113 16.4836 16.028 16.5181 15.9394 16.5181Z"
11
+ class="flt-icon__path-fill"></path>
12
+ <path
13
+ d="M22.1766 16.5198H20.6977C20.6091 16.5198 20.5241 16.4853 20.4614 16.4239C20.3987 16.3626 20.3635 16.2793 20.3635 16.1925C20.3635 16.1056 20.3987 16.0224 20.4614 15.961C20.5241 15.8996 20.6091 15.8651 20.6977 15.8651H22.1766C22.4021 15.8647 22.6183 15.7768 22.7777 15.6205C22.9371 15.4643 23.0268 15.2525 23.0271 15.0315V12.4694C23.0286 12.2693 22.9558 12.0754 22.8224 11.9239C22.6889 11.7724 22.5039 11.6735 22.3016 11.6457L18.3877 11.0849C18.3102 11.0736 18.2393 11.0361 18.1872 10.9788L14.2155 6.61865C14.1843 6.58311 14.1456 6.55465 14.1021 6.53526C14.0586 6.51586 14.0113 6.506 13.9635 6.50635H4.62795C4.57612 6.50592 4.52487 6.51712 4.47813 6.53908C4.43139 6.56104 4.3904 6.59318 4.35829 6.63305L1.04384 10.7843C0.997415 10.842 0.972431 10.9135 0.972995 10.987V14.8623C0.973261 15.1282 1.08117 15.3831 1.27305 15.5712C1.46492 15.7592 1.7251 15.865 1.9965 15.8654H2.67249C2.76112 15.8654 2.84611 15.8999 2.90878 15.9613C2.97144 16.0227 3.00665 16.106 3.00665 16.1928C3.00665 16.2796 2.97144 16.3629 2.90878 16.4243C2.84611 16.4857 2.76112 16.5202 2.67249 16.5202H1.9965C1.54791 16.5196 1.11785 16.3448 0.80068 16.034C0.483508 15.7232 0.305133 15.3018 0.304691 14.8623V10.987C0.304129 10.7675 0.378991 10.5543 0.517212 10.3816L3.83234 6.22938C3.92665 6.11101 4.04741 6.0154 4.18534 5.9499C4.32326 5.8844 4.47468 5.85077 4.62795 5.85158H13.9635C14.1059 5.85154 14.2466 5.88121 14.3764 5.93862C14.5061 5.99603 14.6219 6.07986 14.716 6.18453L18.6045 10.454L22.3978 10.9991C22.7592 11.0486 23.09 11.2249 23.3286 11.4954C23.5672 11.7658 23.6976 12.1119 23.6954 12.4694V15.0315C23.6949 15.4261 23.5348 15.8043 23.2501 16.0833C22.9654 16.3623 22.5793 16.5193 22.1766 16.5198V16.5198Z"
14
+ class="flt-icon__path-fill"></path>
15
+ <path
16
+ d="M18.4044 18.7644C17.8849 18.7645 17.377 18.6136 16.945 18.3308C16.5129 18.048 16.1762 17.6461 15.9774 17.1758C15.7785 16.7055 15.7265 16.188 15.8278 15.6888C15.9291 15.1895 16.1793 14.7309 16.5467 14.371C16.9141 14.011 17.3822 13.7659 17.8917 13.6666C18.4013 13.5673 18.9295 13.6183 19.4095 13.8132C19.8895 14.008 20.2997 14.3379 20.5883 14.7612C20.8769 15.1845 21.031 15.6821 21.0309 16.1911C21.03 16.8733 20.753 17.5273 20.2606 18.0097C19.7683 18.4921 19.1008 18.7635 18.4044 18.7644V18.7644ZM18.4044 14.2723C18.0171 14.2722 17.6384 14.3847 17.3163 14.5955C16.9942 14.8063 16.7431 15.106 16.5948 15.4566C16.4465 15.8072 16.4077 16.193 16.4832 16.5653C16.5588 16.9375 16.7453 17.2794 17.0192 17.5478C17.293 17.8162 17.642 17.999 18.0219 18.073C18.4018 18.1471 18.7956 18.1091 19.1535 17.9639C19.5114 17.8187 19.8173 17.5727 20.0325 17.2572C20.2477 16.9416 20.3626 16.5706 20.3626 16.1911C20.3621 15.6823 20.1557 15.1945 19.7886 14.8347C19.4215 14.4748 18.9237 14.2723 18.4044 14.2716V14.2723Z"
17
+ class="flt-icon__path-fill"></path>
18
+ <path
19
+ d="M4.96637 18.7644C4.44683 18.7644 3.93896 18.6134 3.50698 18.3306C3.075 18.0478 2.73832 17.6459 2.53952 17.1756C2.34072 16.7053 2.28872 16.1878 2.3901 15.6886C2.49148 15.1893 2.74169 14.7308 3.10908 14.3709C3.47648 14.011 3.94455 13.7659 4.45412 13.6666C4.96369 13.5673 5.49185 13.6183 5.97183 13.8132C6.4518 14.008 6.86202 14.3379 7.15062 14.7612C7.43921 15.1845 7.59321 15.6821 7.59315 16.1911C7.59226 16.8734 7.31522 17.5274 6.82279 18.0099C6.33035 18.4923 5.66274 18.7636 4.96637 18.7644V18.7644ZM4.96637 14.2723C4.57903 14.2723 4.20038 14.3848 3.87831 14.5957C3.55624 14.8065 3.30522 15.1062 3.15699 15.4568C3.00875 15.8074 2.96997 16.1932 3.04554 16.5655C3.12111 16.9377 3.30763 17.2796 3.58153 17.5479C3.85542 17.8163 4.20439 17.999 4.5843 18.0731C4.9642 18.1471 5.35798 18.1091 5.71585 17.9639C6.07371 17.8186 6.37958 17.5727 6.59478 17.2572C6.80998 16.9416 6.92484 16.5706 6.92484 16.1911C6.92449 15.6823 6.71806 15.1943 6.35087 14.8345C5.98368 14.4746 5.48574 14.2722 4.96637 14.2716V14.2723Z"
20
+ class="flt-icon__path-fill"></path>
21
+ <path
22
+ d="M18.4358 11.0864H0.682297C0.593674 11.0864 0.508681 11.0519 0.446015 10.9905C0.38335 10.9291 0.348145 10.8459 0.348145 10.759C0.348145 10.6722 0.38335 10.5889 0.446015 10.5275C0.508681 10.4661 0.593674 10.4316 0.682297 10.4316H18.4358C18.5244 10.4316 18.6094 10.4661 18.6721 10.5275C18.7348 10.5889 18.77 10.6722 18.77 10.759C18.77 10.8459 18.7348 10.9291 18.6721 10.9905C18.6094 11.0519 18.5244 11.0864 18.4358 11.0864Z"
23
+ class="flt-icon__path-fill"></path>
24
+ <path d="M 9.25 6 L 10 6 L 10 11 L 9.25 11 z" class="flt-icon__path-fill"></path>
25
+ <path
26
+ d="M13.3813 13.6177H13.07H12.8295H12.5182C12.4296 13.6177 12.3446 13.5832 12.282 13.5218C12.2193 13.4604 12.1841 13.3771 12.1841 13.2903C12.1841 13.2035 12.2193 13.1202 12.282 13.0588C12.3446 12.9974 12.4296 12.9629 12.5182 12.9629H12.8295H13.07H13.3813C13.47 12.9629 13.555 12.9974 13.6176 13.0588C13.6803 13.1202 13.7155 13.2035 13.7155 13.2903C13.7155 13.3771 13.6803 13.4604 13.6176 13.5218C13.555 13.5832 13.47 13.6177 13.3813 13.6177Z"
27
+ class="flt-icon__path-fill"></path>
28
+ <path
29
+ d="M8.63364 13.6177H8.32234H8.08148H7.77019C7.68156 13.6177 7.59657 13.5832 7.53391 13.5218C7.47124 13.4604 7.43604 13.3771 7.43604 13.2903C7.43604 13.2035 7.47124 13.1202 7.53391 13.0588C7.59657 12.9974 7.68156 12.9629 7.77019 12.9629H8.08148H8.32234H8.63364C8.72226 12.9629 8.80725 12.9974 8.86992 13.0588C8.93258 13.1202 8.96779 13.2035 8.96779 13.2903C8.96779 13.3771 8.93258 13.4604 8.86992 13.5218C8.80725 13.5832 8.72226 13.6177 8.63364 13.6177Z"
30
+ class="flt-icon__path-fill"></path>
31
+ </svg>
32
+ </template>
package/frontend/components/flt/icon/tmpl-carwash.html ADDED
@@ -0,0 +1,102 @@
1
+ <template lwc:render-mode="light">
2
+ <svg
3
+ class="flt-icon flt-icon__carwash"
4
+ width="24"
5
+ height="24"
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg">
9
+ <g clip-path="url(#clip0_18868_187595)">
10
+ <path
11
+ d="M12.3272 21H4.08924C3.21396 21 2.54462 20.35 2.54462 19.5V16.9C2.54462 16.3 2.75057 15.75 3.0595 15.25L3.57437 14.5L1.51487 14C1.20595 14 1 13.8 1 13.5V12.5C1 12.2 1.20595 12 1.51487 12H4.08924L5.11899 13.5L6.66362 14H12.3272"
12
+ class="flt-icon__path"
13
+ stroke-miterlimit="10"
14
+ stroke-linejoin="round"></path>
15
+ <path
16
+ d="M4.08911 16L4.34655 16.25C4.80994 16.7 5.47927 17 6.14861 17H7.69323"
17
+ class="flt-icon__path"
18
+ stroke-miterlimit="10"
19
+ stroke-linejoin="round"></path>
20
+ <path
21
+ d="M3.05957 20.5V22.5C3.05957 22.8 3.26552 23 3.57444 23H7.17856C7.48749 23 7.69344 22.8 7.69344 22.5V21"
22
+ class="flt-icon__path"
23
+ stroke-miterlimit="10"
24
+ stroke-linejoin="round"></path>
25
+ <path
26
+ d="M12.3274 21H20.5654C21.4407 21 22.11 20.35 22.11 19.5V16.9C22.11 16.3 21.9041 15.75 21.5951 15.25L21.0803 14.5L23.1398 14C23.4487 14 23.6546 13.8 23.6546 13.5V12.5C23.6546 12.2 23.4487 12 23.1398 12H20.5654L19.5356 13.5L17.991 14H12.3274"
27
+ class="flt-icon__path"
28
+ stroke-miterlimit="10"
29
+ stroke-linejoin="round"></path>
30
+ <path
31
+ d="M20.0505 13C20.0505 13 18.7633 10.25 18.5058 10C18.2484 9.75 17.8365 9.5 17.4761 9.5C16.6523 9.5 8.25985 9.5 7.17862 9.5C6.81821 9.5 6.40631 9.75 6.14887 10C5.89143 10.25 4.60425 13 4.60425 13"
32
+ class="flt-icon__path"
33
+ stroke-miterlimit="10"
34
+ stroke-linejoin="round"></path>
35
+ <path
36
+ d="M20.5653 16L20.3079 16.25C19.8445 16.7 19.1751 17 18.5058 17H16.9612"
37
+ class="flt-icon__path"
38
+ stroke-miterlimit="10"
39
+ stroke-linejoin="round"></path>
40
+ <path
41
+ d="M21.5951 20.5V22.5C21.5951 22.8 21.3891 23 21.0802 23H17.4761C17.1671 23 16.9612 22.8 16.9612 22.5V21"
42
+ class="flt-icon__path"
43
+ stroke-miterlimit="10"
44
+ stroke-linejoin="round"></path>
45
+ <path
46
+ d="M7.69336 19H16.9611"
47
+ class="flt-icon__path"
48
+ stroke-miterlimit="10"
49
+ stroke-linejoin="round"></path>
50
+ <path
51
+ d="M13.8718 7.5V6"
52
+ class="flt-icon__path"
53
+ stroke-miterlimit="10"
54
+ stroke-linejoin="round"></path>
55
+ <path
56
+ d="M16.4463 7.5V6"
57
+ class="flt-icon__path"
58
+ stroke-miterlimit="10"
59
+ stroke-linejoin="round"></path>
60
+ <path
61
+ d="M15.4165 5V3.5"
62
+ class="flt-icon__path"
63
+ stroke-miterlimit="10"
64
+ stroke-linejoin="round"></path>
65
+ <path
66
+ d="M10.7825 7.5V6"
67
+ class="flt-icon__path"
68
+ stroke-miterlimit="10"
69
+ stroke-linejoin="round"></path>
70
+ <path
71
+ d="M12.3274 5V3.5"
72
+ class="flt-icon__path"
73
+ stroke-miterlimit="10"
74
+ stroke-linejoin="round"></path>
75
+ <path
76
+ d="M13.8718 2.5V1"
77
+ class="flt-icon__path"
78
+ stroke-miterlimit="10"
79
+ stroke-linejoin="round"></path>
80
+ <path
81
+ d="M10.7825 2.5V1"
82
+ class="flt-icon__path"
83
+ stroke-miterlimit="10"
84
+ stroke-linejoin="round"></path>
85
+ <path
86
+ d="M7.69336 7.5V6"
87
+ class="flt-icon__path"
88
+ stroke-miterlimit="10"
89
+ stroke-linejoin="round"></path>
90
+ <path
91
+ d="M9.23804 5V3.5"
92
+ class="flt-icon__path"
93
+ stroke-miterlimit="10"
94
+ stroke-linejoin="round"></path>
95
+ </g>
96
+ <defs>
97
+ <clipPath id="clip0_18868_187595">
98
+ <rect width="24" height="24" fill="white" />
99
+ </clipPath>
100
+ </defs>
101
+ </svg>
102
+ </template>
package/frontend/components/flt/icon/tmpl-driver.html ADDED
@@ -0,0 +1,20 @@
1
+ <template lwc:render-mode="light">
2
+ <svg
3
+ class="flt-icon flt-icon__driver"
4
+ width="24"
5
+ height="24"
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg">
9
+ <path
10
+ d="M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7Z"
11
+ class="flt-icon__path"
12
+ stroke-linecap="round"
13
+ stroke-linejoin="round"></path>
14
+ <path
15
+ d="M5 21C5 17.134 8.13401 14 12 14C15.866 14 19 17.134 19 21"
16
+ class="flt-icon__path"
17
+ stroke-linecap="round"
18
+ stroke-linejoin="round"></path>
19
+ </svg>
20
+ </template>
package/frontend/components/flt/icon/tmpl-ev-and-fuel.html ADDED
@@ -0,0 +1,24 @@
1
+ <template lwc:render-mode="light">
2
+ <svg
3
+ class="flt-icon flt-icon__ev-and-fuel"
4
+ width="24"
5
+ height="24"
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg">
9
+ <path
10
+ d="M6.5 2C5.975 3.925 3 6.58333 3 9.33333C3 11.1667 4.575 13 6.5 13C8.425 13 10 11.1667 10 9.33333C10 6.58333 7.025 3.925 6.5 2Z"
11
+ class="flt-icon__path"
12
+ stroke-miterlimit="10"
13
+ stroke-linejoin="round"></path>
14
+ <path
15
+ d="M5 22L19 2"
16
+ class="flt-icon__path"
17
+ stroke-linecap="round"
18
+ stroke-linejoin="round"></path>
19
+ <path
20
+ d="M18.5 8L14 16H17.5V21L22 13H18.5V8Z"
21
+ class="flt-icon__path"
22
+ stroke-linejoin="round"></path>
23
+ </svg>
24
+ </template>
package/frontend/components/flt/icon/tmpl-ev.html ADDED
@@ -0,0 +1,26 @@
1
+ <template lwc:render-mode="light">
2
+ <svg
3
+ class="flt-icon flt-icon__ev"
4
+ width="24"
5
+ height="24"
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg">
9
+ <g clip-path="url(#clip0_18666_187419)">
10
+ <path
11
+ class="flt-icon__path-fill"
12
+ d="M16.8186 10.301C16.7848 10.2469 16.7378 10.2024 16.682 10.1716C16.6263 10.1407 16.5636 10.1246 16.4998 10.1247H12.3748V4.49973C12.3743 4.41576 12.3457 4.33439 12.2934 4.26865C12.2412 4.2029 12.1684 4.1566 12.0867 4.13715C12.005 4.1177 11.9192 4.12623 11.8429 4.16138C11.7666 4.19652 11.7044 4.25624 11.6661 4.33098L7.16609 13.331C7.13733 13.3881 7.12363 13.4516 7.12631 13.5154C7.12898 13.5793 7.14794 13.6414 7.18138 13.6959C7.21482 13.7504 7.26163 13.7954 7.31737 13.8267C7.3731 13.858 7.43592 13.8745 7.49984 13.8747H11.6248V19.4997C11.6251 19.584 11.6537 19.6657 11.7061 19.7317C11.7585 19.7977 11.8316 19.8441 11.9136 19.8635C11.9417 19.8709 11.9707 19.8747 11.9998 19.8747C12.0691 19.8745 12.1369 19.8551 12.1958 19.8187C12.2547 19.7823 12.3024 19.7303 12.3336 19.6685L16.8336 10.6685C16.8626 10.611 16.8765 10.5471 16.8739 10.4828C16.8712 10.4185 16.8522 10.3559 16.8186 10.301V10.301ZM12.3748 17.9097V13.4997C12.3748 13.4003 12.3353 13.3049 12.265 13.2346C12.1947 13.1642 12.0993 13.1247 11.9998 13.1247H8.10734L11.6248 6.08973V10.4997C11.6248 10.5992 11.6643 10.6946 11.7347 10.7649C11.805 10.8352 11.9004 10.8747 11.9998 10.8747H15.8923L12.3748 17.9097Z"></path>
13
+ <path
14
+ class="flt-icon__path-fill"
15
+ d="M21.1537 5.46766C21.4387 5.10873 21.582 4.65764 21.5565 4.20002C21.5309 3.74239 21.3382 3.31008 21.0149 2.98516L19.9537 1.92391C19.8823 1.85617 19.7877 1.81841 19.6893 1.81841C19.5909 1.81841 19.4963 1.85617 19.4249 1.92391L19.1587 2.19016L18.0974 1.12891L17.5687 1.65766L18.6299 2.71891L18.0974 3.25141L17.0362 2.19016L16.5074 2.71891L17.5687 3.78016L17.3024 4.04641C17.2326 4.11667 17.1934 4.21171 17.1934 4.31078C17.1934 4.40985 17.2326 4.50489 17.3024 4.57516L18.3637 5.6364C18.6478 5.92284 19.0176 6.10862 19.417 6.16549C19.8164 6.22235 20.2234 6.14717 20.5762 5.9514C21.8333 7.7173 22.506 9.83249 22.4999 12.0002C22.4984 13.7232 22.0732 15.4194 21.2619 16.9395C20.4505 18.4595 19.2779 19.7568 17.8472 20.717C16.4165 21.6772 14.7717 22.2709 13.0576 22.4458C11.3434 22.6208 9.61258 22.3716 8.01742 21.7202L7.73242 22.4139C9.44149 23.1121 11.296 23.3793 13.1327 23.1921C14.9694 23.0048 16.7318 22.3687 18.2648 21.34C19.7978 20.3112 21.0542 18.9212 21.9236 17.2925C22.7929 15.6638 23.2484 13.8463 23.2499 12.0002C23.2567 9.6562 22.5231 7.36998 21.1537 5.46766V5.46766ZM20.4862 5.10766C20.2736 5.31675 19.9874 5.43393 19.6893 5.43393C19.3912 5.43393 19.105 5.31675 18.8924 5.10766L18.0974 4.30891L19.6912 2.71891L20.4862 3.51391C20.6969 3.72558 20.8152 4.0121 20.8152 4.31078C20.8152 4.60946 20.6969 4.89598 20.4862 5.10766V5.10766Z"></path>
16
+ <path
17
+ class="flt-icon__path-fill"
18
+ d="M12 0.750012C9.01749 0.753684 6.15814 1.94013 4.04915 4.04912C1.94016 6.15811 0.753719 9.01745 0.750047 12C0.74323 14.344 1.47687 16.6302 2.8463 18.5325C2.56126 18.8914 2.41792 19.3425 2.4435 19.8002C2.46908 20.2578 2.66179 20.6901 2.98505 21.015L4.0463 22.0763C4.08048 22.1111 4.12135 22.1387 4.16645 22.1574C4.21156 22.1761 4.25998 22.1855 4.3088 22.185C4.35818 22.1855 4.40716 22.1761 4.45288 22.1575C4.4986 22.1388 4.54013 22.1112 4.57505 22.0763L4.8413 21.81L5.90255 22.8713L6.4313 22.3425L5.37005 21.2813L5.90255 20.7488L6.9638 21.81L7.49255 21.2813L6.4313 20.22L6.69755 19.9538C6.76739 19.8835 6.80659 19.7885 6.80659 19.6894C6.80659 19.5903 6.76739 19.4953 6.69755 19.425L5.6363 18.3638C5.35056 18.0801 4.9809 17.8962 4.58227 17.8394C4.18365 17.7827 3.77735 17.8561 3.4238 18.0488C2.16665 16.2829 1.49393 14.1677 1.50005 12C1.50312 9.21618 2.61036 6.54725 4.57882 4.57879C6.54729 2.61032 9.21622 1.50309 12 1.50001C13.3661 1.49716 14.7194 1.76348 15.9825 2.28376L16.2675 1.58626C14.9132 1.03197 13.4635 0.747886 12 0.750012V0.750012ZM3.5138 18.8925C3.72633 18.6834 4.01253 18.5662 4.31067 18.5662C4.60882 18.5662 4.89502 18.6834 5.10755 18.8925L5.90255 19.6913L4.3088 21.2813L3.5138 20.4863C3.30307 20.2746 3.18477 19.9881 3.18477 19.6894C3.18477 19.3907 3.30307 19.1042 3.5138 18.8925V18.8925Z"></path>
19
+ </g>
20
+ <defs>
21
+ <clipPath id="clip0_18666_187419">
22
+ <rect width="24" height="24" fill="white" />
23
+ </clipPath>
24
+ </defs>
25
+ </svg>
26
+ </template>
package/frontend/components/flt/icon/tmpl-fuel.html ADDED
@@ -0,0 +1,9 @@
1
+ <template lwc:render-mode="light">
2
+ <svg class="flt-icon flt-icon__fuel" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="M15.3479 9.6087V7.69565L12.9566 5.30435L12 6.26087L9.13047 3.3913C8.4609 2.72174 7.40873 2.19565 6.50003 2.05217L2.43481 1V2.91304L5.78264 4.34783C6.45221 4.58696 7.21742 5.30435 7.69568 5.78261L10.087 8.17391L8.17394 10.087L9.13047 11.0435L8.31742 13.6739C8.03047 14.2957 8.17394 14.8696 8.65221 15.3478L14.8696 21.5652L21.087 15.3478L15.3479 9.6087Z" class="flt-icon__path" stroke-miterlimit="10" stroke-linejoin="round"></path>
4
+ <path d="M16.3042 20.1308L18.2172 22.0438L22.0433 18.2177L20.1303 16.3047" class="flt-icon__path" stroke-miterlimit="10" stroke-linejoin="round"></path>
5
+ <path d="M21.5652 18.6953L23 20.1301" class="flt-icon__path" stroke-miterlimit="10" stroke-linejoin="round"></path>
6
+ <path d="M20.1303 22.9992L18.6956 21.5645" class="flt-icon__path" stroke-miterlimit="10" stroke-linejoin="round"></path>
7
+ <path d="M2.91304 5.30469C2.62609 6.30904 1 7.69599 1 9.13077C1 10.0873 1.86087 11.0438 2.91304 11.0438C3.96522 11.0438 4.82609 10.0873 4.82609 9.13077C4.82609 7.69599 3.2 6.30904 2.91304 5.30469Z" class="flt-icon__path" stroke-miterlimit="10" stroke-linejoin="round"></path>
8
+ </svg>
9
+ </template>
package/frontend/components/flt/icon/tmpl-key.html ADDED
@@ -0,0 +1,15 @@
1
+ <template lwc:render-mode="light">
2
+ <svg
3
+ class="flt-icon flt-icon__key"
4
+ width="24"
5
+ height="24"
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg">
9
+ <path
10
+ d="M15 7C16.1046 7 17 7.89543 17 9L15 7ZM21 9C21 12.3137 18.3137 15 15 15C14.3938 15 13.8087 14.9101 13.2571 14.7429L11 17H9V19H7V21H4C3.44772 21 3 20.5523 3 20V17.4142C3 17.149 3.10536 16.8946 3.29289 16.7071L9.25707 10.7429C9.08989 10.1914 9 9.60617 9 9C9 5.68629 11.6863 3 15 3C18.3137 3 21 5.68629 21 9Z"
11
+ class="flt-icon__path"
12
+ stroke-linecap="round"
13
+ stroke-linejoin="round"></path>
14
+ </svg>
15
+ </template>
package/frontend/components/flt/icon/tmpl-multiple-users.html ADDED
@@ -0,0 +1,9 @@
1
+ <template lwc:render-mode="light">
2
+ <svg class="flt-icon flt-icon__multiple-users" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path
4
+ d="M17 20V18C17 17.3438 16.8736 16.717 16.6438 16.1429M22 20V18C22 16.3431 20.6569 15 19 15C18.0444 15 17.1931 15.4468 16.6438 16.1429M16.6438 16.1429C15.9065 14.301 14.1052 13 12 13C9.89482 13 8.0935 14.301 7.35625 16.1429M7 20V18C7 17.3438 7.12642 16.717 7.35625 16.1429M2 20V18C2 16.3431 3.34315 15 5 15C5.95561 15 6.80686 15.4468 7.35625 16.1429M15 7C15 8.65685 13.6569 10 12 10C10.3431 10 9 8.65685 9 7C9 5.34315 10.3431 4 12 4C13.6569 4 15 5.34315 15 7ZM21 10C21 11.1046 20.1046 12 19 12C17.8954 12 17 11.1046 17 10C17 8.89543 17.8954 8 19 8C20.1046 8 21 8.89543 21 10ZM7 10C7 11.1046 6.10457 12 5 12C3.89543 12 3 11.1046 3 10C3 8.89543 3.89543 8 5 8C6.10457 8 7 8.89543 7 10Z"
5
+ class="flt-icon__path"
6
+ stroke-linecap="round"
7
+ stroke-linejoin="round"></path>
8
+ </svg>
9
+ </template>
package/frontend/components/flt/icon/tmpl-oil.html ADDED
@@ -0,0 +1,30 @@
1
+ <template lwc:render-mode="light">
2
+ <svg
3
+ class="flt-icon flt-icon__oil"
4
+ width="24"
5
+ height="24"
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg">
9
+ <path
10
+ d="M4.05556 22.8518H20.9444C21.525 22.8518 22 22.4243 22 21.9018V8.98066C22 8.17309 21.525 7.41303 20.7861 6.98549L14.2944 3.28017C12.9222 2.4726 11.1278 2.61512 9.91389 3.6127L7.75 5.27534V3.37518H3V21.9018C3 22.4243 3.475 22.8518 4.05556 22.8518Z"
11
+ class="flt-icon__path"
12
+ stroke-miterlimit="10"
13
+ stroke-linejoin="round"></path>
14
+ <path
15
+ d="M11.6553 5.5612L10.2831 6.7963C10.072 6.98632 10.072 7.36635 10.3887 7.50886L18.5165 12.4018C18.8859 12.5918 19.3609 12.4018 19.3609 12.0217V9.83656C19.3609 9.69405 19.2553 9.50403 19.097 9.45653L12.2887 5.51369C12.1303 5.37118 11.8665 5.37118 11.6553 5.5612Z"
16
+ class="flt-icon__path"
17
+ stroke-miterlimit="10"
18
+ stroke-linejoin="round"></path>
19
+ <path
20
+ d="M3 19.5258H16.7222V15.2504L8.27778 10.5H3"
21
+ class="flt-icon__path"
22
+ stroke-miterlimit="10"
23
+ stroke-linejoin="round"></path>
24
+ <path
25
+ d="M7.75 2.42512V1H3V2.42512"
26
+ class="flt-icon__path"
27
+ stroke-miterlimit="10"
28
+ stroke-linejoin="round"></path>
29
+ </svg>
30
+ </template>
package/frontend/components/flt/icon/tmpl-shared-card.html ADDED
@@ -0,0 +1,15 @@
1
+ <template lwc:render-mode="light">
2
+ <svg
3
+ class="flt-icon flt-icon__shared-card"
4
+ width="24"
5
+ height="24"
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg">
9
+ <path
10
+ d="M3 10H21H3ZM7 15H8H7ZM12 15H13H12ZM6 19H18C19.6569 19 21 17.6569 21 16V8C21 6.34315 19.6569 5 18 5H6C4.34315 5 3 6.34315 3 8V16C3 17.6569 4.34315 19 6 19Z"
11
+ class="flt-icon__path"
12
+ stroke-linecap="round"
13
+ stroke-linejoin="round"></path>
14
+ </svg>
15
+ </template>
package/frontend/components/flt/icon/tmpl-unleaded.html ADDED
@@ -0,0 +1,45 @@
1
+ <template lwc:render-mode="light">
2
+ <svg
3
+ class="flt-icon flt-icon__unleaded"
4
+ width="24"
5
+ height="24"
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg">
9
+ <path
10
+ d="M2.96973 20.0666V4.91111C2.96973 2.90666 4.37599 1 6.36417 1H12.1832C14.1714 1 15.5776 2.90666 15.5776 4.91111V20.0666"
11
+ class="flt-icon__path"
12
+ stroke-miterlimit="10"
13
+ stroke-linejoin="round"></path>
14
+ <path
15
+ d="M16.5476 20.0664H2V22.9997H16.5476V20.0664Z"
16
+ class="flt-icon__path"
17
+ stroke-miterlimit="10"
18
+ stroke-linejoin="round"></path>
19
+ <path
20
+ d="M22.3666 8.33398H18.9722V10.2895L20.4269 11.2673V14.6895H21.8817L22.3666 14.2006V8.33398Z"
21
+ class="flt-icon__path"
22
+ stroke-miterlimit="10"
23
+ stroke-linejoin="round"></path>
24
+ <path
25
+ d="M18.9722 1.48828L21.3968 4.9105V8.33272"
26
+ class="flt-icon__path"
27
+ stroke-miterlimit="10"
28
+ stroke-linejoin="round"></path>
29
+ <path
30
+ d="M15.5776 17.1339H18.0022C18.5356 17.1339 18.9721 17.5739 18.9721 18.1117V22.0228C18.9721 22.5606 19.4085 23.0006 19.9419 23.0006H20.9118C21.4452 23.0006 21.8816 22.5606 21.8816 22.0228V14.6895"
31
+ class="flt-icon__path"
32
+ stroke-miterlimit="10"
33
+ stroke-linejoin="round"></path>
34
+ <path
35
+ d="M4.90942 8.33285H13.638V4.91063C13.638 3.83508 12.7651 2.95508 11.6983 2.95508H6.8491C5.78228 2.95508 4.90942 3.83508 4.90942 4.91063V8.33285Z"
36
+ class="flt-icon__path"
37
+ stroke-miterlimit="10"
38
+ stroke-linejoin="round"></path>
39
+ <path
40
+ d="M11.2136 8.33264V7.84375M7.33423 7.84375V8.33264"
41
+ class="flt-icon__path"
42
+ stroke-miterlimit="10"
43
+ stroke-linejoin="round"></path>
44
+ </svg>
45
+ </template>
package/frontend/components/flt/icon/tmpl-van.html ADDED
@@ -0,0 +1,77 @@
1
+ <template lwc:render-mode="light">
2
+ <svg
3
+ class="flt-icon flt-icon__van"
4
+ width="24"
5
+ height="24"
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg">
9
+ <mask id="path-1-inside-1_18666_187466" fill="white">
10
+ <path
11
+ d="M15.5676 14.1954H0.973006C0.88699 14.1954 0.804497 14.1623 0.743674 14.1033C0.682851 14.0443 0.648682 13.9643 0.648682 13.8809C0.648682 13.7975 0.682851 13.7175 0.743674 13.6585C0.804497 13.5995 0.88699 13.5664 0.973006 13.5664H15.5676C15.6536 13.5664 15.7361 13.5995 15.7969 13.6585C15.8578 13.7175 15.8919 13.7975 15.8919 13.8809C15.8919 13.9643 15.8578 14.0443 15.7969 14.1033C15.7361 14.1623 15.6536 14.1954 15.5676 14.1954Z"></path>
12
+ </mask>
13
+ <path
14
+ class="flt-icon__path-fill"
15
+ d="M15.5676 14.1954H0.973006C0.88699 14.1954 0.804497 14.1623 0.743674 14.1033C0.682851 14.0443 0.648682 13.9643 0.648682 13.8809C0.648682 13.7975 0.682851 13.7175 0.743674 13.6585C0.804497 13.5995 0.88699 13.5664 0.973006 13.5664H15.5676C15.6536 13.5664 15.7361 13.5995 15.7969 13.6585C15.8578 13.7175 15.8919 13.7975 15.8919 13.8809C15.8919 13.9643 15.8578 14.0443 15.7969 14.1033C15.7361 14.1623 15.6536 14.1954 15.5676 14.1954Z"
16
+ ></path>
17
+ <path
18
+ d="M0.648682 13.8809H-0.351318H0.648682ZM15.5676 13.1954H0.973006V15.1954H15.5676V13.1954ZM0.973006 13.1954C1.14245 13.1954 1.31091 13.2604 1.43982 13.3854L0.0475276 14.8212C0.298085 15.0642 0.631534 15.1954 0.973006 15.1954V13.1954ZM1.43982 13.3854C1.56978 13.5114 1.64868 13.689 1.64868 13.8809H-0.351318C-0.351318 14.2396 -0.204075 14.5772 0.0475276 14.8212L1.43982 13.3854ZM1.64868 13.8809C1.64868 14.0728 1.56978 14.2504 1.43982 14.3764L0.0475276 12.9406C-0.204075 13.1846 -0.351318 13.5222 -0.351318 13.8809H1.64868ZM1.43982 14.3764C1.31091 14.5014 1.14245 14.5664 0.973006 14.5664V12.5664C0.631534 12.5664 0.298085 12.6977 0.0475276 12.9406L1.43982 14.3764ZM0.973006 14.5664H15.5676V12.5664H0.973006V14.5664ZM15.5676 14.5664C15.3982 14.5664 15.2297 14.5014 15.1008 14.3764L16.4931 12.9406C16.2425 12.6977 15.9091 12.5664 15.5676 12.5664V14.5664ZM15.1008 14.3764C14.9708 14.2504 14.8919 14.0728 14.8919 13.8809H16.8919C16.8919 13.5222 16.7447 13.1846 16.4931 12.9406L15.1008 14.3764ZM14.8919 13.8809C14.8919 13.689 14.9708 13.5114 15.1008 13.3854L16.4931 14.8212C16.7447 14.5772 16.8919 14.2396 16.8919 13.8809H14.8919ZM15.1008 13.3854C15.2297 13.2604 15.3982 13.1954 15.5676 13.1954V15.1954C15.9091 15.1954 16.2425 15.0642 16.4931 14.8212L15.1008 13.3854Z"
19
+ class="flt-icon__path-fill"
20
+ mask="url(#path-1-inside-1_18666_187466)"></path>
21
+ <mask id="path-3-inside-2_18666_187466" fill="white">
22
+ <path
23
+ d="M15.5676 17.6542H7.76436C7.67834 17.6542 7.59585 17.621 7.53503 17.562C7.4742 17.5031 7.44003 17.4231 7.44003 17.3397C7.44003 17.2563 7.4742 17.1763 7.53503 17.1173C7.59585 17.0583 7.67834 17.0252 7.76436 17.0252H15.2433V5.07431H1.29733V17.0252H3.27571C3.36173 17.0252 3.44422 17.0583 3.50504 17.1173C3.56586 17.1763 3.60003 17.2563 3.60003 17.3397C3.60003 17.4231 3.56586 17.5031 3.50504 17.562C3.44422 17.621 3.36173 17.6542 3.27571 17.6542H1.29733C1.1253 17.6542 0.960312 17.5879 0.838666 17.4699C0.717021 17.352 0.648682 17.192 0.648682 17.0252V5.07431C0.648682 4.90749 0.717021 4.7475 0.838666 4.62954C0.960312 4.51158 1.1253 4.44531 1.29733 4.44531H15.2433C15.4153 4.44531 15.5803 4.51158 15.7019 4.62954C15.8236 4.7475 15.8919 4.90749 15.8919 5.07431V17.3397C15.8919 17.4231 15.8578 17.5031 15.7969 17.562C15.7361 17.621 15.6536 17.6542 15.5676 17.6542Z"></path>
24
+ </mask>
25
+ <path
26
+ d="M15.5676 17.6542H7.76436C7.67834 17.6542 7.59585 17.621 7.53503 17.562C7.4742 17.5031 7.44003 17.4231 7.44003 17.3397C7.44003 17.2563 7.4742 17.1763 7.53503 17.1173C7.59585 17.0583 7.67834 17.0252 7.76436 17.0252H15.2433V5.07431H1.29733V17.0252H3.27571C3.36173 17.0252 3.44422 17.0583 3.50504 17.1173C3.56586 17.1763 3.60003 17.2563 3.60003 17.3397C3.60003 17.4231 3.56586 17.5031 3.50504 17.562C3.44422 17.621 3.36173 17.6542 3.27571 17.6542H1.29733C1.1253 17.6542 0.960312 17.5879 0.838666 17.4699C0.717021 17.352 0.648682 17.192 0.648682 17.0252V5.07431C0.648682 4.90749 0.717021 4.7475 0.838666 4.62954C0.960312 4.51158 1.1253 4.44531 1.29733 4.44531H15.2433C15.4153 4.44531 15.5803 4.51158 15.7019 4.62954C15.8236 4.7475 15.8919 4.90749 15.8919 5.07431V17.3397C15.8919 17.4231 15.8578 17.5031 15.7969 17.562C15.7361 17.621 15.6536 17.6542 15.5676 17.6542Z"
27
+ class="flt-icon__path-fill"></path>
28
+ <path
29
+ d="M15.2433 17.0252V23.9441H22.1622V17.0252H15.2433ZM15.2433 5.07431H22.1622V-1.84461H15.2433V5.07431ZM1.29733 5.07431V-1.84461H-5.62159V5.07431H1.29733ZM1.29733 17.0252H-5.62159V23.9441H1.29733V17.0252ZM0.648682 17.0252H-6.27024H0.648682ZM1.29733 4.44531V11.3642V4.44531ZM15.5676 10.7352H7.76436V24.5731H15.5676V10.7352ZM7.76436 10.7352C9.44581 10.7352 11.0997 11.381 12.3516 12.595L2.71845 22.5291C4.09203 23.8611 5.91087 24.5731 7.76436 24.5731V10.7352ZM12.3516 12.595C13.6108 13.816 14.359 15.5182 14.359 17.3397H0.521114C0.521114 19.328 1.33763 21.1902 2.71845 22.5291L12.3516 12.595ZM14.359 17.3397C14.359 19.1611 13.6108 20.8634 12.3516 22.0844L2.71845 12.1502C1.33763 13.4892 0.521114 15.3514 0.521114 17.3397H14.359ZM12.3516 22.0844C11.0997 23.2984 9.44581 23.9441 7.76436 23.9441V10.1062C5.91087 10.1062 4.09203 10.8182 2.71845 12.1502L12.3516 22.0844ZM7.76436 23.9441H15.2433V10.1062H7.76436V23.9441ZM22.1622 17.0252V5.07431H8.32436V17.0252H22.1622ZM15.2433 -1.84461H1.29733V11.9932H15.2433V-1.84461ZM-5.62159 5.07431V17.0252H8.21625V5.07431H-5.62159ZM1.29733 23.9441H3.27571V10.1062H1.29733V23.9441ZM3.27571 23.9441C1.59425 23.9441 -0.0596026 23.2984 -1.31154 22.0844L8.32162 12.1502C6.94804 10.8182 5.1292 10.1062 3.27571 10.1062V23.9441ZM-1.31154 22.0844C-2.5707 20.8634 -3.31889 19.1612 -3.31889 17.3397H10.519C10.519 15.3513 9.70243 13.4892 8.32162 12.1502L-1.31154 22.0844ZM-3.31889 17.3397C-3.31889 15.5182 -2.5707 13.816 -1.31154 12.595L8.32162 22.5291C9.70243 21.1902 10.519 19.328 10.519 17.3397H-3.31889ZM-1.31154 12.595C-0.0596026 11.381 1.59425 10.7352 3.27571 10.7352V24.5731C5.1292 24.5731 6.94804 23.8611 8.32162 22.5291L-1.31154 12.595ZM3.27571 10.7352H1.29733V24.5731H3.27571V10.7352ZM1.29733 10.7352C2.89277 10.7352 4.46413 11.3478 5.65524 12.5028L-3.97791 22.437C-2.54351 23.828 -0.642178 24.5731 1.29733 24.5731V10.7352ZM5.65524 12.5028C6.85359 13.6649 7.5676 15.2871 7.5676 17.0252H-6.27024C-6.27024 19.0969 -5.41955 21.0391 -3.97791 22.437L5.65524 12.5028ZM7.5676 17.0252V5.07431H-6.27024V17.0252H7.5676ZM7.5676 5.07431C7.5676 6.8124 6.85358 8.43461 5.65524 9.59663L-3.97791 -0.337554C-5.41954 1.06039 -6.27024 3.00257 -6.27024 5.07431H7.5676ZM5.65524 9.59663C4.46414 10.7516 2.89279 11.3642 1.29733 11.3642V-2.47361C-0.642194 -2.47361 -2.54352 -1.72848 -3.97791 -0.337554L5.65524 9.59663ZM1.29733 11.3642H15.2433V-2.47361H1.29733V11.3642ZM15.2433 11.3642C13.6478 11.3642 12.0765 10.7516 10.8854 9.59663L20.5185 -0.337554C19.0841 -1.72848 17.1828 -2.47361 15.2433 -2.47361V11.3642ZM10.8854 9.59663C9.68702 8.4346 8.97301 6.81239 8.97301 5.07431H22.8108C22.8108 3.00259 21.9602 1.0604 20.5185 -0.337554L10.8854 9.59663ZM8.97301 5.07431V17.3397H22.8108V5.07431H8.97301ZM8.97301 17.3397C8.97301 15.5182 9.72118 13.816 10.9804 12.595L20.6135 22.5291C21.9943 21.1902 22.8108 19.328 22.8108 17.3397H8.97301ZM10.9804 12.595C12.2323 11.381 13.8861 10.7352 15.5676 10.7352V24.5731C17.4211 24.5731 19.2399 23.8611 20.6135 22.5291L10.9804 12.595Z"
30
+ class="flt-icon__path-fill"
31
+ mask="url(#path-3-inside-2_18666_187466)"></path>
32
+ <mask id="path-5-inside-3_18666_187466" fill="white">
33
+ <path
34
+ d="M23.027 17.6538H21.7037C21.6177 17.6538 21.5352 17.6206 21.4744 17.5617C21.4136 17.5027 21.3794 17.4227 21.3794 17.3393C21.3794 17.2559 21.4136 17.1759 21.4744 17.1169C21.5352 17.0579 21.6177 17.0248 21.7037 17.0248H22.7026V11.2896L19.881 7.90438H15.8918V17.0248H17.2151C17.3011 17.0248 17.3836 17.0579 17.4444 17.1169C17.5052 17.1759 17.5394 17.2559 17.5394 17.3393C17.5394 17.4227 17.5052 17.5027 17.4444 17.5617C17.3836 17.6206 17.3011 17.6538 17.2151 17.6538H15.5675C15.4815 17.6538 15.399 17.6206 15.3382 17.5617C15.2773 17.5027 15.2432 17.4227 15.2432 17.3393V7.58989C15.2432 7.50648 15.2773 7.42648 15.3382 7.3675C15.399 7.30852 15.4815 7.27539 15.5675 7.27539H20.0367C20.0851 7.2754 20.1329 7.28591 20.1765 7.30616C20.2202 7.3264 20.2586 7.35586 20.289 7.39238L23.2793 10.9808C23.3258 11.0367 23.3513 11.1064 23.3513 11.1783V17.3393C23.3513 17.4227 23.3171 17.5027 23.2563 17.5617C23.1955 17.6206 23.113 17.6538 23.027 17.6538Z"></path>
35
+ </mask>
36
+ <path
37
+ d="M23.027 17.6538H21.7037C21.6177 17.6538 21.5352 17.6206 21.4744 17.5617C21.4136 17.5027 21.3794 17.4227 21.3794 17.3393C21.3794 17.2559 21.4136 17.1759 21.4744 17.1169C21.5352 17.0579 21.6177 17.0248 21.7037 17.0248H22.7026V11.2896L19.881 7.90438H15.8918V17.0248H17.2151C17.3011 17.0248 17.3836 17.0579 17.4444 17.1169C17.5052 17.1759 17.5394 17.2559 17.5394 17.3393C17.5394 17.4227 17.5052 17.5027 17.4444 17.5617C17.3836 17.6206 17.3011 17.6538 17.2151 17.6538H15.5675C15.4815 17.6538 15.399 17.6206 15.3382 17.5617C15.2773 17.5027 15.2432 17.4227 15.2432 17.3393V7.58989C15.2432 7.50648 15.2773 7.42648 15.3382 7.3675C15.399 7.30852 15.4815 7.27539 15.5675 7.27539H20.0367C20.0851 7.2754 20.1329 7.28591 20.1765 7.30616C20.2202 7.3264 20.2586 7.35586 20.289 7.39238L23.2793 10.9808C23.3258 11.0367 23.3513 11.1064 23.3513 11.1783V17.3393C23.3513 17.4227 23.3171 17.5027 23.2563 17.5617C23.1955 17.6206 23.113 17.6538 23.027 17.6538Z"
38
+ class="flt-icon__path-fill"></path>
39
+ <path
40
+ d="M22.7026 17.0248V23.9437H29.6215V17.0248H22.7026ZM22.7026 11.2896H29.6215V8.78422L28.0174 6.85969L22.7026 11.2896ZM19.881 7.90438L25.1958 3.47445L23.1212 0.985464H19.881V7.90438ZM15.8918 7.90438V0.985464H8.97289V7.90438H15.8918ZM15.8918 17.0248H8.97289V23.9437H15.8918V17.0248ZM20.0367 7.27539L20.0381 0.356472H20.0367V7.27539ZM20.289 7.39238L14.9708 11.8182L14.9737 11.8217L20.289 7.39238ZM23.2793 10.9808L28.596 6.55316L28.5946 6.55146L23.2793 10.9808ZM23.3513 11.1783H30.2702L30.2702 11.1764L23.3513 11.1783ZM23.027 10.7348H21.7037V24.5727H23.027V10.7348ZM21.7037 10.7348C23.3852 10.7348 25.039 11.3806 26.291 12.5946L16.6578 22.5287C18.0314 23.8607 19.8502 24.5727 21.7037 24.5727V10.7348ZM26.291 12.5946C27.5501 13.8156 28.2983 15.5178 28.2983 17.3393H14.4605C14.4605 19.3276 15.277 21.1898 16.6578 22.5287L26.291 12.5946ZM28.2983 17.3393C28.2983 19.1608 27.5501 20.863 26.291 22.084L16.6578 12.1498C15.277 13.4888 14.4605 15.351 14.4605 17.3393H28.2983ZM26.291 22.084C25.039 23.298 23.3852 23.9437 21.7037 23.9437V10.1059C19.8502 10.1059 18.0314 10.8178 16.6578 12.1498L26.291 22.084ZM21.7037 23.9437H22.7026V10.1059H21.7037V23.9437ZM29.6215 17.0248V11.2896H15.7837V17.0248H29.6215ZM28.0174 6.85969L25.1958 3.47445L14.5662 12.3343L17.3878 15.7196L28.0174 6.85969ZM19.881 0.985464H15.8918V14.8233H19.881V0.985464ZM8.97289 7.90438V17.0248H22.8107V7.90438H8.97289ZM15.8918 23.9437H17.2151V10.1059H15.8918V23.9437ZM17.2151 23.9437C15.5336 23.9437 13.8797 23.298 12.6278 22.084L22.261 12.1498C20.8874 10.8178 19.0686 10.1059 17.2151 10.1059V23.9437ZM12.6278 22.084C11.3687 20.863 10.6205 19.1608 10.6205 17.3393H24.4583C24.4583 15.3509 23.6417 13.4887 22.261 12.1498L12.6278 22.084ZM10.6205 17.3393C10.6205 15.5177 11.3687 13.8155 12.6278 12.5946L22.261 22.5287C23.6417 21.1898 24.4583 19.3276 24.4583 17.3393H10.6205ZM12.6278 12.5946C13.8797 11.3806 15.5336 10.7348 17.2151 10.7348V24.5727C19.0686 24.5727 20.8874 23.8607 22.261 22.5287L12.6278 12.5946ZM17.2151 10.7348H15.5675V24.5727H17.2151V10.7348ZM15.5675 10.7348C17.2489 10.7348 18.9028 11.3806 20.1547 12.5946L10.5216 22.5287C11.8952 23.8607 13.714 24.5727 15.5675 24.5727V10.7348ZM20.1547 12.5946C21.4139 13.8156 22.1621 15.5178 22.1621 17.3393H8.32424C8.32424 19.3276 9.14076 21.1898 10.5216 22.5287L20.1547 12.5946ZM22.1621 17.3393V7.58989H8.32424V17.3393H22.1621ZM22.1621 7.58989C22.1621 9.41137 21.4139 11.1136 20.1547 12.3346L10.5216 2.40041C9.14076 3.73938 8.32424 5.60158 8.32424 7.58989H22.1621ZM20.1547 12.3346C18.9028 13.5486 17.2489 14.1943 15.5675 14.1943V0.356472C13.714 0.356472 11.8952 1.06845 10.5216 2.40041L20.1547 12.3346ZM15.5675 14.1943H20.0367V0.356472H15.5675V14.1943ZM20.0352 14.1943C19.0847 14.1941 18.1393 13.988 17.2661 13.5832L23.0869 1.02913C22.1264 0.583795 21.0854 0.356688 20.0381 0.356472L20.0352 14.1943ZM17.2661 13.5832C16.3924 13.1781 15.6047 12.5799 14.9708 11.8182L25.6072 2.96657C24.9126 2.13181 24.048 1.47474 23.0869 1.02913L17.2661 13.5832ZM14.9737 11.8217L17.964 15.4101L28.5946 6.55146L25.6043 2.96305L14.9737 11.8217ZM17.9626 15.4084C16.9884 14.2386 16.4328 12.7474 16.4324 11.1802L30.2702 11.1764C30.2697 9.46547 29.6633 7.83482 28.596 6.55316L17.9626 15.4084ZM16.4324 11.1783V17.3393H30.2702V11.1783H16.4324ZM16.4324 17.3393C16.4324 15.5178 17.1805 13.8156 18.4397 12.5946L28.0729 22.5287C29.4537 21.1898 30.2702 19.3276 30.2702 17.3393H16.4324ZM18.4397 12.5946C19.6917 11.3806 21.3455 10.7348 23.027 10.7348V24.5727C24.8804 24.5727 26.6993 23.8607 28.0729 22.5287L18.4397 12.5946Z"
41
+ class="flt-icon__path-fill"
42
+ mask="url(#path-5-inside-3_18666_187466)"></path>
43
+ <mask id="path-7-inside-4_18666_187466" fill="white">
44
+ <path
45
+ d="M21.2434 12.9361H17.0272C16.9412 12.9361 16.8587 12.903 16.7979 12.844C16.7371 12.785 16.7029 12.705 16.7029 12.6216V9.16215C16.7029 9.07874 16.7371 8.99875 16.7979 8.93977C16.8587 8.88079 16.9412 8.84766 17.0272 8.84766H19.1003C19.1487 8.84767 19.1965 8.85818 19.2401 8.87842C19.2838 8.89867 19.3222 8.92813 19.3526 8.96465L21.4957 11.5363C21.5424 11.5923 21.5678 11.6621 21.5677 11.7341V12.6216C21.5677 12.705 21.5336 12.785 21.4728 12.844C21.4119 12.903 21.3294 12.9361 21.2434 12.9361ZM17.3515 12.3071H20.9191V11.8451L18.9456 9.47665H17.3515V12.3071Z"></path>
46
+ </mask>
47
+ <path
48
+ d="M21.2434 12.9361H17.0272C16.9412 12.9361 16.8587 12.903 16.7979 12.844C16.7371 12.785 16.7029 12.705 16.7029 12.6216V9.16215C16.7029 9.07874 16.7371 8.99875 16.7979 8.93977C16.8587 8.88079 16.9412 8.84766 17.0272 8.84766H19.1003C19.1487 8.84767 19.1965 8.85818 19.2401 8.87842C19.2838 8.89867 19.3222 8.92813 19.3526 8.96465L21.4957 11.5363C21.5424 11.5923 21.5678 11.6621 21.5677 11.7341V12.6216C21.5677 12.705 21.5336 12.785 21.4728 12.844C21.4119 12.903 21.3294 12.9361 21.2434 12.9361ZM17.3515 12.3071H20.9191V11.8451L18.9456 9.47665H17.3515V12.3071Z"
49
+ class="flt-icon__path-fill"></path>
50
+ <path
51
+ d="M19.1003 8.84766L19.1017 1.92874H19.1003V8.84766ZM19.3526 8.96465L14.0344 13.3905L14.0375 13.3942L19.3526 8.96465ZM21.4957 11.5363L26.8125 7.10865L26.8109 7.10677L21.4957 11.5363ZM21.5677 11.7341L14.6488 11.7289V11.7341H21.5677ZM17.3515 12.3071H10.4326V19.226H17.3515V12.3071ZM20.9191 12.3071V19.226H27.838V12.3071H20.9191ZM20.9191 11.8451H27.838V9.34033L26.2346 7.41601L20.9191 11.8451ZM18.9456 9.47665L24.2611 5.04754L22.1865 2.55773H18.9456V9.47665ZM17.3515 9.47665V2.55773H10.4326V9.47665H17.3515ZM21.2434 6.01719H17.0272V19.855H21.2434V6.01719ZM17.0272 6.01719C18.7087 6.01719 20.3625 6.66289 21.6144 7.87689L11.9813 17.8111C13.3549 19.143 15.1737 19.855 17.0272 19.855V6.01719ZM21.6144 7.87689C22.8736 9.09791 23.6218 10.8001 23.6218 12.6216H9.78396C9.78396 14.6099 10.6005 16.4721 11.9813 17.8111L21.6144 7.87689ZM23.6218 12.6216V9.16215H9.78396V12.6216H23.6218ZM23.6218 9.16215C23.6218 10.9836 22.8736 12.6858 21.6144 13.9069L11.9813 3.97267C10.6005 5.31165 9.78396 7.17385 9.78396 9.16215H23.6218ZM21.6144 13.9069C20.3625 15.1209 18.7087 15.7666 17.0272 15.7666V1.92874C15.1737 1.92874 13.3549 2.64071 11.9813 3.97267L21.6144 13.9069ZM17.0272 15.7666H19.1003V1.92874H17.0272V15.7666ZM19.0989 15.7666C18.1483 15.7664 17.2029 15.5603 16.3297 15.1554L22.1505 2.6014C21.19 2.15606 20.149 1.92895 19.1017 1.92874L19.0989 15.7666ZM16.3297 15.1554C15.456 14.7503 14.6683 14.1522 14.0344 13.3905L24.6708 4.53884C23.9762 3.70408 23.1116 3.04701 22.1505 2.6014L16.3297 15.1554ZM14.0375 13.3942L16.1806 15.9658L26.8109 7.10677L24.6678 4.53513L14.0375 13.3942ZM16.179 15.9639C15.2033 14.7923 14.6476 13.2984 14.6488 11.7289L28.4867 11.7393C28.488 10.0258 27.8814 8.39227 26.8125 7.10865L16.179 15.9639ZM14.6488 11.7341V12.6216H28.4867V11.7341H14.6488ZM14.6488 12.6216C14.6488 10.8001 15.397 9.09791 16.6562 7.87689L26.2893 17.8111C27.6701 16.4721 28.4867 14.6099 28.4867 12.6216H14.6488ZM16.6562 7.87689C17.9081 6.6629 19.562 6.01719 21.2434 6.01719V19.855C23.0969 19.855 24.9157 19.143 26.2893 17.8111L16.6562 7.87689ZM17.3515 19.226H20.9191V5.38819H17.3515V19.226ZM27.838 12.3071V11.8451H14.0002V12.3071H27.838ZM26.2346 7.41601L24.2611 5.04754L13.6301 13.9058L15.6036 16.2742L26.2346 7.41601ZM18.9456 2.55773H17.3515V16.3956H18.9456V2.55773ZM10.4326 9.47665V12.3071H24.2704V9.47665H10.4326Z"
52
+ class="flt-icon__path-fill"
53
+ mask="url(#path-7-inside-4_18666_187466)"></path>
54
+ <mask id="path-9-inside-5_18666_187466" fill="white">
55
+ <path
56
+ d="M5.52038 20.1706C5.00722 20.1706 4.50558 20.0231 4.0789 19.7466C3.65222 19.4701 3.31966 19.0772 3.12328 18.6175C2.92691 18.1577 2.87552 17.6519 2.97564 17.1638C3.07575 16.6758 3.32286 16.2274 3.68572 15.8756C4.04858 15.5237 4.51089 15.2841 5.0142 15.187C5.5175 15.0899 6.03919 15.1398 6.51329 15.3302C6.98739 15.5206 7.39261 15.8431 7.6777 16.2568C7.9628 16.6706 8.11497 17.157 8.11497 17.6546C8.1142 18.3217 7.84059 18.9612 7.35418 19.4329C6.86777 19.9046 6.20827 20.1699 5.52038 20.1706ZM5.52038 15.7677C5.13551 15.7677 4.75928 15.8783 4.43927 16.0857C4.11926 16.293 3.86984 16.5877 3.72256 16.9325C3.57527 17.2773 3.53674 17.6567 3.61182 18.0228C3.68691 18.3888 3.87224 18.725 4.14439 18.9889C4.41653 19.2528 4.76327 19.4326 5.14074 19.5054C5.51822 19.5782 5.90948 19.5408 6.26506 19.398C6.62063 19.2552 6.92455 19.0133 7.13837 18.703C7.3522 18.3927 7.46632 18.0279 7.46632 17.6546C7.46572 17.1544 7.26051 16.6747 6.89571 16.321C6.5309 15.9672 6.03629 15.7682 5.52038 15.7677Z"></path>
57
+ </mask>
58
+ <path
59
+ d="M5.52038 20.1706C5.00722 20.1706 4.50558 20.0231 4.0789 19.7466C3.65222 19.4701 3.31966 19.0772 3.12328 18.6175C2.92691 18.1577 2.87552 17.6519 2.97564 17.1638C3.07575 16.6758 3.32286 16.2274 3.68572 15.8756C4.04858 15.5237 4.51089 15.2841 5.0142 15.187C5.5175 15.0899 6.03919 15.1398 6.51329 15.3302C6.98739 15.5206 7.39261 15.8431 7.6777 16.2568C7.9628 16.6706 8.11497 17.157 8.11497 17.6546C8.1142 18.3217 7.84059 18.9612 7.35418 19.4329C6.86777 19.9046 6.20827 20.1699 5.52038 20.1706ZM5.52038 15.7677C5.13551 15.7677 4.75928 15.8783 4.43927 16.0857C4.11926 16.293 3.86984 16.5877 3.72256 16.9325C3.57527 17.2773 3.53674 17.6567 3.61182 18.0228C3.68691 18.3888 3.87224 18.725 4.14439 18.9889C4.41653 19.2528 4.76327 19.4326 5.14074 19.5054C5.51822 19.5782 5.90948 19.5408 6.26506 19.398C6.62063 19.2552 6.92455 19.0133 7.13837 18.703C7.3522 18.3927 7.46632 18.0279 7.46632 17.6546C7.46572 17.1544 7.26051 16.6747 6.89571 16.321C6.5309 15.9672 6.03629 15.7682 5.52038 15.7677Z"
60
+ class="flt-icon__path-fill"></path>
61
+ <path
62
+ d="M8.11497 17.6546L15.0339 17.6627V17.6546H8.11497ZM7.46632 17.6546H14.3852L14.3852 17.6463L7.46632 17.6546ZM5.52038 13.2517C6.32911 13.2517 7.13628 13.4833 7.84118 13.94L0.316618 25.5532C1.87487 26.5628 3.68532 27.0895 5.52038 27.0895V13.2517ZM7.84118 13.94C8.54825 14.3981 9.13226 15.0714 9.48603 15.8996L-3.23946 21.3354C-2.49294 23.083 -1.24381 24.5422 0.316618 25.5532L7.84118 13.94ZM9.48603 15.8996C9.84089 16.7303 9.93737 17.6574 9.75343 18.5541L-3.80215 15.7735C-4.18633 17.6463 -3.98708 19.5851 -3.23946 21.3354L9.48603 15.8996ZM9.75343 18.5541C9.56981 19.4493 9.1223 20.2415 8.5023 20.8427L-1.13085 10.9085C-2.47658 12.2134 -3.41831 13.9022 -3.80215 15.7735L9.75343 18.5541ZM8.5023 20.8427C7.88458 21.4417 7.12299 21.8267 6.3246 21.9807L3.7038 8.39332C1.8988 8.74148 0.212582 9.60576 -1.13085 10.9085L8.5023 20.8427ZM6.3246 21.9807C5.52707 22.1345 4.69826 22.0573 3.93447 21.7506L9.0921 8.90982C7.38012 8.22218 5.50792 8.04533 3.7038 8.39332L6.3246 21.9807ZM3.93447 21.7506C3.16904 21.4431 2.48068 20.9087 1.98038 20.1826L13.375 12.331C12.3045 10.7775 10.8057 9.59812 9.0921 8.90982L3.93447 21.7506ZM1.98038 20.1826C1.47819 19.4538 1.19605 18.5737 1.19605 17.6546H15.0339C15.0339 15.7403 14.4474 13.8873 13.375 12.331L1.98038 20.1826ZM1.19606 17.6466C1.19749 16.4116 1.70598 15.2722 2.5376 14.4658L12.1708 24.4C13.9752 22.6502 15.0309 20.2318 15.0339 17.6627L1.19606 17.6466ZM2.5376 14.4658C3.36203 13.6663 4.4358 13.2529 5.51284 13.2517L5.52791 27.0895C7.98074 27.0869 10.3735 26.1428 12.1708 24.4L2.5376 14.4658ZM5.52038 8.84875C3.81362 8.84875 2.12858 9.33854 0.676988 10.2791L8.20155 21.8923C7.38998 22.4181 6.45739 22.6866 5.52038 22.6866V8.84875ZM0.676988 10.2791C-0.776773 11.221 -1.94276 12.5819 -2.64018 14.2146L10.0853 19.6504C9.68244 20.5935 9.01529 21.365 8.20155 21.8923L0.676988 10.2791ZM-2.64018 14.2146C-3.33871 15.8499 -3.52511 17.6623 -3.16597 19.4131L10.3896 16.6325C10.5986 17.6512 10.4893 18.7047 10.0853 19.6504L-2.64018 14.2146ZM-3.16597 19.4131C-2.80715 21.1623 -1.9272 22.7391 -0.672191 23.956L8.96096 14.0218C9.67168 14.711 10.181 15.6153 10.3896 16.6325L-3.16597 19.4131ZM-0.672191 23.956C0.580535 25.1708 2.15117 25.9752 3.83034 26.2991L6.45114 12.7117C7.37536 12.8899 8.25253 13.3349 8.96096 14.0218L-0.672191 23.956ZM3.83034 26.2991C5.50864 26.6228 7.25041 26.4584 8.84387 25.8184L3.68624 12.9776C4.56855 12.6232 5.52779 12.5336 6.45114 12.7117L3.83034 26.2991ZM8.84387 25.8184C10.439 25.1777 11.8365 24.0789 12.8357 22.6288L1.44104 14.7772C2.01262 13.9477 2.80228 13.3327 3.68624 12.9776L8.84387 25.8184ZM12.8357 22.6288C13.8368 21.1759 14.3852 19.4446 14.3852 17.6546H0.547405C0.547405 16.6112 0.867584 15.6094 1.44104 14.7772L12.8357 22.6288ZM14.3852 17.6463C14.3824 15.2441 13.395 12.9857 11.7123 11.3539L2.07913 21.2881C1.12597 20.3638 0.549093 19.0646 0.54741 17.663L14.3852 17.6463ZM11.7123 11.3539C10.0367 9.7291 7.80895 8.85133 5.52819 8.84875L5.51256 22.6866C4.26363 22.6852 3.02509 22.2054 2.07913 21.2881L11.7123 11.3539Z"
63
+ class="flt-icon__path-fill"
64
+ mask="url(#path-9-inside-5_18666_187466)"></path>
65
+ <mask id="path-11-inside-6_18666_187466" fill="white">
66
+ <path
67
+ d="M19.4593 20.1706C18.9462 20.1706 18.4445 20.0231 18.0179 19.7466C17.5912 19.4701 17.2586 19.0772 17.0622 18.6175C16.8659 18.1577 16.8145 17.6519 16.9146 17.1638C17.0147 16.6758 17.2618 16.2274 17.6247 15.8756C17.9875 15.5237 18.4499 15.2841 18.9532 15.187C19.4565 15.0899 19.9782 15.1398 20.4523 15.3302C20.9264 15.5206 21.3316 15.8431 21.6167 16.2568C21.9018 16.6706 22.0539 17.157 22.0539 17.6546C22.0532 18.3217 21.7796 18.9612 21.2931 19.4329C20.8067 19.9046 20.1472 20.1699 19.4593 20.1706ZM19.4593 15.7677C19.0745 15.7677 18.6982 15.8783 18.3782 16.0857C18.0582 16.293 17.8088 16.5877 17.6615 16.9325C17.5142 17.2773 17.4757 17.6567 17.5508 18.0228C17.6259 18.3888 17.8112 18.725 18.0834 18.9889C18.3555 19.2528 18.7022 19.4326 19.0797 19.5054C19.4572 19.5782 19.8485 19.5408 20.204 19.398C20.5596 19.2552 20.8635 19.0133 21.0773 18.703C21.2912 18.3927 21.4053 18.0279 21.4053 17.6546C21.4048 17.1543 21.1996 16.6747 20.8348 16.3209C20.4699 15.9671 19.9753 15.7682 19.4593 15.7677Z"></path>
68
+ </mask>
69
+ <path
70
+ d="M19.4593 20.1706C18.9462 20.1706 18.4445 20.0231 18.0179 19.7466C17.5912 19.4701 17.2586 19.0772 17.0622 18.6175C16.8659 18.1577 16.8145 17.6519 16.9146 17.1638C17.0147 16.6758 17.2618 16.2274 17.6247 15.8756C17.9875 15.5237 18.4499 15.2841 18.9532 15.187C19.4565 15.0899 19.9782 15.1398 20.4523 15.3302C20.9264 15.5206 21.3316 15.8431 21.6167 16.2568C21.9018 16.6706 22.0539 17.157 22.0539 17.6546C22.0532 18.3217 21.7796 18.9612 21.2931 19.4329C20.8067 19.9046 20.1472 20.1699 19.4593 20.1706ZM19.4593 15.7677C19.0745 15.7677 18.6982 15.8783 18.3782 16.0857C18.0582 16.293 17.8088 16.5877 17.6615 16.9325C17.5142 17.2773 17.4757 17.6567 17.5508 18.0228C17.6259 18.3888 17.8112 18.725 18.0834 18.9889C18.3555 19.2528 18.7022 19.4326 19.0797 19.5054C19.4572 19.5782 19.8485 19.5408 20.204 19.398C20.5596 19.2552 20.8635 19.0133 21.0773 18.703C21.2912 18.3927 21.4053 18.0279 21.4053 17.6546C21.4048 17.1543 21.1996 16.6747 20.8348 16.3209C20.4699 15.9671 19.9753 15.7682 19.4593 15.7677Z"
71
+ class="flt-icon__path-fill"></path>
72
+ <path
73
+ d="M22.0539 17.6546L28.9729 17.6627V17.6546H22.0539ZM21.4053 17.6546H28.3242L28.3242 17.6475L21.4053 17.6546ZM19.4593 13.2517C20.2681 13.2517 21.0752 13.4833 21.7801 13.94L14.2556 25.5532C15.8138 26.5628 17.6243 27.0895 19.4593 27.0895V13.2517ZM21.7801 13.94C22.4872 14.3981 23.0712 15.0714 23.425 15.8996L10.6995 21.3354C11.446 23.083 12.6952 24.5422 14.2556 25.5532L21.7801 13.94ZM23.425 15.8996C23.7799 16.7303 23.8763 17.6574 23.6924 18.5541L10.1368 15.7735C9.75264 17.6463 9.95189 19.5851 10.6995 21.3354L23.425 15.8996ZM23.6924 18.5541C23.5088 19.4493 23.0613 20.2415 22.4413 20.8427L12.8081 10.9085C11.4624 12.2134 10.5207 13.9022 10.1368 15.7735L23.6924 18.5541ZM22.4413 20.8427C21.8235 21.4417 21.062 21.8267 20.2636 21.9807L17.6428 8.39332C15.8378 8.74148 14.1515 9.60576 12.8081 10.9085L22.4413 20.8427ZM20.2636 21.9807C19.466 22.1345 18.6372 22.0573 17.8734 21.7506L23.0311 8.90982C21.3191 8.22218 19.4469 8.04533 17.6428 8.39332L20.2636 21.9807ZM17.8734 21.7506C17.108 21.4431 16.4197 20.9087 15.9193 20.1826L27.314 12.331C26.2435 10.7775 24.7447 9.59812 23.0311 8.90982L17.8734 21.7506ZM15.9193 20.1826C15.4172 19.4538 15.135 18.5737 15.135 17.6546H28.9729C28.9729 15.7403 28.3864 13.8873 27.314 12.331L15.9193 20.1826ZM15.135 17.6466C15.1365 16.4116 15.645 15.2722 16.4766 14.4658L26.1097 24.4C27.9142 22.6502 28.9699 20.2318 28.9729 17.6627L15.135 17.6466ZM16.4766 14.4658C17.301 13.6663 18.3748 13.2529 19.4518 13.2517L19.4669 27.0895C21.9197 27.0869 24.3125 26.1428 26.1097 24.4L16.4766 14.4658ZM19.4593 8.84875C17.7526 8.84875 16.0675 9.33854 14.616 10.2791L22.1405 21.8923C21.3289 22.4181 20.3964 22.6866 19.4593 22.6866V8.84875ZM14.616 10.2791C13.1622 11.221 11.9962 12.5819 11.2988 14.2146L24.0243 19.6504C23.6214 20.5935 22.9542 21.365 22.1405 21.8923L14.616 10.2791ZM11.2988 14.2146C10.6003 15.8499 10.4139 17.6623 10.773 19.4131L24.3286 16.6325C24.5376 17.6512 24.4282 18.7047 24.0243 19.6504L11.2988 14.2146ZM10.773 19.4131C11.1318 21.1623 12.0118 22.7391 13.2668 23.956L22.8999 14.0218C23.6106 14.711 24.1199 15.6153 24.3286 16.6325L10.773 19.4131ZM13.2668 23.956C14.5195 25.1708 16.0901 25.9752 17.7693 26.2991L20.3901 12.7117C21.3143 12.8899 22.1915 13.3349 22.8999 14.0218L13.2668 23.956ZM17.7693 26.2991C19.4476 26.6228 21.1894 26.4584 22.7828 25.8184L17.6252 12.9776C18.5075 12.6232 19.4668 12.5336 20.3901 12.7117L17.7693 26.2991ZM22.7828 25.8184C24.378 25.1777 25.7754 24.0789 26.7747 22.6288L15.38 14.7772C15.9516 13.9477 16.7412 13.3327 17.6252 12.9776L22.7828 25.8184ZM26.7747 22.6288C27.7758 21.1759 28.3242 19.4446 28.3242 17.6546H14.4864C14.4864 16.6111 14.8066 15.6094 15.38 14.7772L26.7747 22.6288ZM28.3242 17.6475C28.3217 15.2448 27.3344 12.9859 25.6513 11.3538L16.0182 21.288C15.0648 20.3635 14.4878 19.0639 14.4864 17.6618L28.3242 17.6475ZM25.6513 11.3538C23.9755 9.72872 21.7472 8.85096 19.466 8.84875L19.4526 22.6866C18.2034 22.6854 16.9644 22.2055 16.0182 21.288L25.6513 11.3538Z"
74
+ class="flt-icon__path-fill"
75
+ mask="url(#path-11-inside-6_18666_187466)"></path>
76
+ </svg>
77
+ </template>
package/frontend/components/flt/icon/tmpl-vehicle.html ADDED
@@ -0,0 +1,57 @@
1
+ <template lwc:render-mode="light">
2
+ <svg
3
+ class="flt-icon flt-icon__vehicle"
4
+ width="24"
5
+ height="24"
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg">
9
+ <g clip-path="url(#clip0_18679_187679)">
10
+ <path
11
+ d="M12.3272 16.5H4.08924C3.21396 16.5 2.54462 15.85 2.54462 15V12.4C2.54462 11.8 2.75057 11.25 3.0595 10.75L3.57437 10L1.51487 9.5C1.20595 9.5 1 9.3 1 9V8C1 7.7 1.20595 7.5 1.51487 7.5H4.08924L5.11899 9L6.66362 9.5H12.3272"
12
+ class="flt-icon__path"
13
+ stroke-miterlimit="10"
14
+ stroke-linejoin="round"></path>
15
+ <path
16
+ d="M4.08936 11.5L4.34679 11.75C4.81018 12.2 5.47952 12.5 6.14885 12.5H7.69347"
17
+ class="flt-icon__path"
18
+ stroke-miterlimit="10"
19
+ stroke-linejoin="round"></path>
20
+ <path
21
+ d="M3.05957 16V18C3.05957 18.3 3.26552 18.5 3.57444 18.5H7.17856C7.48749 18.5 7.69344 18.3 7.69344 18V16.5"
22
+ class="flt-icon__path"
23
+ stroke-miterlimit="10"
24
+ stroke-linejoin="round"></path>
25
+ <path
26
+ d="M12.3271 16.5H20.5651C21.4404 16.5 22.1098 15.85 22.1098 15V12.4C22.1098 11.8 21.9038 11.25 21.5949 10.75L21.08 10L23.1395 9.5C23.4484 9.5 23.6544 9.3 23.6544 9V8C23.6544 7.7 23.4484 7.5 23.1395 7.5H20.5651L19.5354 9L17.9908 9.5H12.3271"
27
+ class="flt-icon__path"
28
+ stroke-miterlimit="10"
29
+ stroke-linejoin="round"></path>
30
+ <path
31
+ d="M20.0502 8.5C20.0502 8.5 18.763 5.75 18.5056 5.5C18.2482 5.25 17.8363 5 17.4759 5C16.6521 5 8.25961 5 7.17837 5C6.81796 5 6.40606 5.25 6.14863 5.5C5.89119 5.75 4.604 8.5 4.604 8.5"
32
+ class="flt-icon__path"
33
+ stroke-miterlimit="10"
34
+ stroke-linejoin="round"></path>
35
+ <path
36
+ d="M20.5651 11.5L20.3076 11.75C19.8442 12.2 19.1749 12.5 18.5056 12.5H16.9609"
37
+ class="flt-icon__path"
38
+ stroke-miterlimit="10"
39
+ stroke-linejoin="round"></path>
40
+ <path
41
+ d="M21.5948 16V18C21.5948 18.3 21.3889 18.5 21.0799 18.5H17.4758C17.1669 18.5 16.9609 18.3 16.9609 18V16.5"
42
+ class="flt-icon__path"
43
+ stroke-miterlimit="10"
44
+ stroke-linejoin="round"></path>
45
+ <path
46
+ d="M7.69336 14.5H16.9611"
47
+ class="flt-icon__path"
48
+ stroke-miterlimit="10"
49
+ stroke-linejoin="round"></path>
50
+ </g>
51
+ <defs>
52
+ <clipPath id="clip0_18679_187679">
53
+ <rect width="24" height="24" fill="white" />
54
+ </clipPath>
55
+ </defs>
56
+ </svg>
57
+ </template>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fleetcor-lwc",
3
- "version": "1.1.0",
3
+ "version": "1.3.0",
4
4
  "description": "LWC framework by Fleetcor",
5
5
  "repository": {
6
6
  "type": "git",
@@ -20,7 +20,8 @@
20
20
  }
21
21
  ],
22
22
  "expose": [
23
- "flt/button"
23
+ "flt/button",
24
+ "flt/icon"
24
25
  ]
25
26
  },
26
27
  "keywords": [