fleetcor-lwc 1.4.6 → 1.4.7

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 (7) hide show
  1. package/README.md +13 -5
  2. package/frontend/components/flt/button/button.scss +4 -0
  3. package/frontend/components/flt/icon/icon.js +15 -0
  4. package/frontend/components/flt/icon/tmpl-diesel.html +50 -0
  5. package/frontend/components/flt/icon/tmpl-hydrogen.html +51 -0
  6. package/frontend/components/flt/icon/tmpl-signature.html +18 -0
  7. package/package.json +2 -2
package/README.md CHANGED
@@ -68,9 +68,13 @@ Icon:
68
68
 
69
69
  <flt-icon icon="arrow-left"></flt-icon>
70
70
 
71
- arrow-left | ev | carwash | car | van | unleaded | fuel | driver | vehicle |
72
- both | shared-card | ev-and-fuel | oil | key | blocked | multiple-users |
73
- arrow-right | ...
71
+ arrow-left | ev | carwash |
72
+ car | van | unleaded |
73
+ fuel | driver | vehicle |
74
+ both | shared-card | ev-and-fuel |
75
+ oil | key | blocked |
76
+ multiple-users | arrow-right | diesel |
77
+ hydrogen | signature
74
78
  ```
75
79
 
76
80
  ```html
@@ -128,10 +132,14 @@ $FLT_BUTTON_LINK_HOVER_COLOR: var(--flt-button-link-hover-color, #6b7280);
128
132
  ```
129
133
 
130
134
  ## Release Notes:
131
-
135
+ - v.1.4.7
136
+ - Added new icons: diesel, hydrogen, signature
137
+
138
+ ---
132
139
  - v.1.4.6
133
140
  - Bug fix at mobile Safari tooltip
134
-
141
+
142
+ ---
135
143
  - v.1.4.5
136
144
  - Tooltip text align centred
137
145
 
package/frontend/components/flt/button/button.scss CHANGED
@@ -27,6 +27,10 @@ button {
27
27
  .flt-icon__path {
28
28
  stroke: $stroke;
29
29
  }
30
+
31
+ .flt-icon__path-fill {
32
+ fill: $stroke;
33
+ }
30
34
  }
31
35
 
32
36
  @mixin flt-icon() {
package/frontend/components/flt/icon/icon.js CHANGED
@@ -18,12 +18,18 @@ import TMPL_OIL from './tmpl-oil.html'
18
18
  import TMPL_KEY from './tmpl-key.html'
19
19
  import TMPL_BLOCKED from './tmpl-blocked.html'
20
20
  import TMPL_MULTIPLE_USERS from './tmpl-multiple-users.html'
21
+ import TMPL_DIESEL from './tmpl-diesel.html'
22
+ import TMPL_HYDROGEN from './tmpl-hydrogen.html'
23
+ import TMPL_SIGNATURE from './tmpl-signature.html'
21
24
 
22
25
  const I_EV = 'ev'
23
26
  const I_CARWASH = 'carwash'
24
27
  const I_CAR = 'car'
25
28
  const I_VAN = 'van'
26
29
  const I_UNLIDEAD = 'unleaded'
30
+ const I_DIESEL = 'diesel'
31
+ const I_HYDROGEN = 'hydrogen'
32
+ const I_SIGNATURE = 'signature'
27
33
  const I_FUEL = 'fuel'
28
34
  const I_DRIVER = 'driver'
29
35
  const I_VEHICLE = 'vehicle'
@@ -93,6 +99,15 @@ export default class Icon extends LightningElement {
93
99
  case I_MULTIPLE_USERS:
94
100
  result = TMPL_MULTIPLE_USERS
95
101
  break
102
+ case I_DIESEL:
103
+ result = TMPL_DIESEL
104
+ break
105
+ case I_HYDROGEN:
106
+ result = TMPL_HYDROGEN
107
+ break
108
+ case I_SIGNATURE:
109
+ result = TMPL_SIGNATURE
110
+ break
96
111
  default:
97
112
  result = TMPL_ARROW_RIGHT
98
113
  break
package/frontend/components/flt/icon/tmpl-diesel.html ADDED
@@ -0,0 +1,50 @@
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.96985 20.0666V4.91111C2.96985 2.90666 4.37611 1 6.36429 1H12.1833C14.1715 1 15.5778 2.90666 15.5778 4.91111V20.0666"
11
+ class="flt-icon__path"
12
+ stroke-miterlimit="10"
13
+ stroke-linejoin="round"></path>
14
+ <path
15
+ d="M16.5477 20.0667H2.00005V23H16.5477V20.0667Z"
16
+ class="flt-icon__path"
17
+ stroke-miterlimit="10"
18
+ stroke-linejoin="round"></path>
19
+ <path
20
+ d="M22.3667 8.33337H18.9723V10.2889L20.427 11.2667V14.6889H21.8818L22.3667 14.2V8.33337Z"
21
+ class="flt-icon__path"
22
+ stroke-miterlimit="10"
23
+ stroke-linejoin="round"></path>
24
+ <path
25
+ d="M18.9723 1.48886L21.3969 4.91108V8.3333"
26
+ class="flt-icon__path"
27
+ stroke-miterlimit="10"
28
+ stroke-linejoin="round"></path>
29
+ <path
30
+ d="M15.5777 17.1333H18.0023C18.5357 17.1333 18.9722 17.5733 18.9722 18.1111V22.0222C18.9722 22.5599 19.4086 22.9999 19.942 22.9999H20.9119C21.4453 22.9999 21.8817 22.5599 21.8817 22.0222V14.6888"
31
+ class="flt-icon__path"
32
+ stroke-miterlimit="10"
33
+ stroke-linejoin="round"></path>
34
+ <path
35
+ d="M4.90957 8.33331H13.6381V4.91109C13.6381 3.83554 12.7653 2.95554 11.6985 2.95554H6.84925C5.78243 2.95554 4.90957 3.83554 4.90957 4.91109V8.33331Z"
36
+ class="flt-icon__path"
37
+ stroke-miterlimit="10"
38
+ stroke-linejoin="round"></path>
39
+ <path
40
+ d="M7.7 11.7L7.7 16.7L9.60909 16.7C10.2091 16.7 10.7 16.2 10.7 15.5889L10.7 12.8111C10.7 12.2 10.2091 11.7 9.60909 11.7L7.7 11.7Z"
41
+ class="flt-icon__path"
42
+ stroke-miterlimit="10"
43
+ stroke-linejoin="round"></path>
44
+ <path
45
+ d="M11.2136 8.33334V7.84445M7.33419 7.84445V8.33334"
46
+ class="flt-icon__path"
47
+ stroke-miterlimit="10"
48
+ stroke-linejoin="round"></path>
49
+ </svg>
50
+ </template>
package/frontend/components/flt/icon/tmpl-hydrogen.html ADDED
@@ -0,0 +1,51 @@
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.96985 20.0666V4.91111C2.96985 2.90666 4.37611 1 6.36429 1H12.1833C14.1715 1 15.5778 2.90666 15.5778 4.91111V20.0666"
11
+ class="flt-icon__path"
12
+ stroke-miterlimit="10"
13
+ stroke-linejoin="round"></path>
14
+ <path
15
+ d="M16.5477 20.0667H2.00005V23H16.5477V20.0667Z"
16
+ class="flt-icon__path"
17
+ stroke-miterlimit="10"
18
+ stroke-linejoin="round"></path>
19
+ <path
20
+ d="M22.3667 8.33337H18.9723V10.2889L20.427 11.2667V14.6889H21.8818L22.3667 14.2V8.33337Z"
21
+ class="flt-icon__path"
22
+ stroke-miterlimit="10"
23
+ stroke-linejoin="round"></path>
24
+ <path
25
+ d="M18.9723 1.48886L21.3969 4.91108V8.3333"
26
+ class="flt-icon__path"
27
+ stroke-miterlimit="10"
28
+ stroke-linejoin="round"></path>
29
+ <path
30
+ d="M15.5777 17.1333H18.0023C18.5357 17.1333 18.9722 17.5733 18.9722 18.1111V22.0222C18.9722 22.5599 19.4086 22.9999 19.942 22.9999H20.9119C21.4453 22.9999 21.8817 22.5599 21.8817 22.0222V14.6888"
31
+ class="flt-icon__path"
32
+ stroke-miterlimit="10"
33
+ stroke-linejoin="round"></path>
34
+ <path
35
+ d="M4.90957 8.33331H13.6381V4.91109C13.6381 3.83554 12.7653 2.95554 11.6985 2.95554H6.84925C5.78243 2.95554 4.90957 3.83554 4.90957 4.91109V8.33331Z"
36
+ class="flt-icon__path"
37
+ stroke-miterlimit="10"
38
+ stroke-linejoin="round"></path>
39
+ <path
40
+ d="M7.7 11.7L7.7 14.2M7.7 16.7L7.7 14.2M10.7 16.7C10.7 16.2 10.7 16.2 10.7 15.5889L10.7 12.8111C10.7 12.2 10.7 12.2 10.7 11.7M10.7 14.2L7.7 14.2"
41
+ class="flt-icon__path"
42
+ stroke-miterlimit="10"
43
+ stroke-linecap="round"
44
+ stroke-linejoin="round"></path>
45
+ <path
46
+ d="M11.2136 8.33334V7.84445M7.33419 7.84445V8.33334"
47
+ class="flt-icon__path"
48
+ stroke-miterlimit="10"
49
+ stroke-linejoin="round"></path>
50
+ </svg>
51
+ </template>
package/frontend/components/flt/icon/tmpl-signature.html ADDED
@@ -0,0 +1,18 @@
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
+ fill-rule="evenodd"
11
+ clip-rule="evenodd"
12
+ d="M11.9096 5.63967C10.8656 4.30353 9.40297 3.79375 8.15659 4.07464C6.88933 4.36024 5.93617 5.44628 5.93617 7.07449C5.93617 9.58204 7.4301 11.314 9.18594 12.5678C8.33685 13.3397 7.69207 14.238 7.30725 15.1096C7.26663 15.2016 7.22869 15.2939 7.19357 15.3861H2.42553C2.19052 15.3861 2 15.5769 2 15.8123C2 16.0477 2.19052 16.2386 2.42553 16.2386H6.95326C6.8944 16.5703 6.88041 16.8935 6.91923 17.1978C7.00356 17.8589 7.34106 18.431 7.97991 18.7509C8.66035 19.0917 9.31526 19.0612 9.89707 18.7904C10.4578 18.5294 10.9309 18.056 11.3168 17.5395C11.6193 17.1346 11.8836 16.6821 12.1063 16.2386H21.5745C21.8095 16.2386 22 16.0477 22 15.8123C22 15.5769 21.8095 15.3861 21.5745 15.3861H12.493C12.6416 15.0226 12.7555 14.6959 12.8322 14.4459C13.0241 13.8212 13.2477 12.6261 13.2957 11.2646C13.3877 11.2356 13.4768 11.2093 13.563 11.1857C14.146 11.026 14.5675 10.9953 14.8438 11.0396C15.1097 11.0822 15.1852 11.18 15.2134 11.2492C15.2536 11.3481 15.2667 11.5569 15.1173 11.9203C14.9253 12.3872 14.828 12.815 14.9205 13.1565C14.9721 13.3471 15.0845 13.5143 15.2622 13.6208C15.4303 13.7216 15.6154 13.7435 15.7767 13.7334C16.0898 13.7137 16.4323 13.5669 16.7476 13.3766C17.0732 13.1802 17.4126 12.9114 17.7266 12.5969C18.0089 12.3141 18.2987 12.0562 18.5714 11.854C18.8497 11.6477 19.0857 11.5181 19.2622 11.4655C19.3481 11.4399 19.4006 11.4386 19.4266 11.4419C19.4443 11.4441 19.4477 11.4475 19.4497 11.4496C19.4676 11.4667 19.553 11.5817 19.553 11.9759C19.553 12.7064 19.7478 13.2805 20.2727 13.4908C20.5105 13.5861 20.7558 13.5756 20.9631 13.5324C21.1719 13.4888 21.3745 13.4054 21.552 13.3165C21.7622 13.2112 21.8474 12.9552 21.7423 12.7447C21.6372 12.5341 21.3816 12.4488 21.1714 12.554C21.0297 12.625 20.8999 12.6748 20.7895 12.6978C20.6776 12.7212 20.617 12.7106 20.5888 12.6993C20.5792 12.6955 20.404 12.6262 20.404 11.9759C20.404 11.5178 20.316 11.0996 20.0381 10.8337C19.7317 10.5405 19.3345 10.5547 19.0197 10.6484C18.7042 10.7423 18.3751 10.939 18.0651 11.1688C17.7494 11.4028 17.4276 11.6909 17.1248 11.9942C16.8536 12.2658 16.568 12.4898 16.3085 12.6464C16.2494 12.682 16.1936 12.7131 16.1412 12.7398C15.9339 12.8458 15.749 12.6816 15.8231 12.461C15.8448 12.3965 15.8715 12.3247 15.9043 12.2449C16.0901 11.793 16.1644 11.3278 16.0015 10.9275C15.8266 10.4976 15.4346 10.271 14.9783 10.1979C14.5325 10.1264 13.9772 10.1884 13.3384 10.3634C13.3258 10.3669 13.3131 10.3704 13.3004 10.374C13.2587 8.7502 12.9257 6.9402 11.9096 5.63967ZM11.5677 15.3861C11.7719 14.9265 11.9248 14.5013 12.0188 14.1952C12.1716 13.6979 12.3611 12.7271 12.4286 11.5847C12.1235 11.712 11.7958 11.8625 11.4456 12.0378C11.1664 12.1776 10.8998 12.3339 10.6469 12.5032C10.7422 12.5601 10.8381 12.6162 10.9346 12.6714C11.1386 12.7882 11.2095 13.0486 11.0928 13.253C10.9762 13.4573 10.7163 13.5283 10.5122 13.4115C10.3144 13.2982 10.1161 13.1801 9.91887 13.0568C9.10003 13.7604 8.48047 14.5923 8.11635 15.3861H11.5677ZM7.82126 16.2386C7.75012 16.5543 7.73184 16.8421 7.76343 17.0897C7.81748 17.5135 8.01304 17.8144 8.36052 17.9885C8.79709 18.2071 9.17942 18.1844 9.53844 18.0173C9.91851 17.8404 10.2899 17.4913 10.6354 17.0288C10.8195 16.7823 10.9892 16.5133 11.1431 16.2386H7.82126ZM11.065 11.2754C11.5641 11.0254 12.0274 10.8199 12.4537 10.6568C12.4535 10.6106 12.4529 10.5644 12.4522 10.518C12.4261 8.92446 12.1109 7.28051 11.2394 6.16505C10.3684 5.05037 9.22469 4.7077 8.34341 4.90631C7.48301 5.10022 6.78723 5.82566 6.78723 7.07449C6.78723 9.27022 8.13695 10.8188 9.8706 12.0074C10.2409 11.7352 10.6401 11.4881 11.065 11.2754Z"
13
+ class="flt-icon__path-fill"></path>
14
+ <path
15
+ d="M5.17324 10.7159C5.33942 10.8823 5.33942 11.1522 5.17324 11.3186L4.30392 12.1894L5.17324 13.0601C5.33942 13.2266 5.33942 13.4964 5.17324 13.6629C5.00706 13.8293 4.73762 13.8293 4.57144 13.6629L3.70213 12.7922L2.83281 13.6629C2.66663 13.8293 2.3972 13.8293 2.23102 13.6629C2.06484 13.4964 2.06484 13.2266 2.23102 13.0601L3.10033 12.1894L2.23102 11.3186C2.06484 11.1522 2.06484 10.8823 2.23102 10.7159C2.3972 10.5494 2.66663 10.5494 2.83281 10.7159L3.70213 11.5866L4.57144 10.7159C4.73762 10.5494 5.00706 10.5494 5.17324 10.7159Z"
16
+ class="flt-icon__path-fill"></path>
17
+ </svg>
18
+ </template>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fleetcor-lwc",
3
- "version": "1.4.6",
3
+ "version": "1.4.7",
4
4
  "description": "LWC framework by Fleetcor",
5
5
  "repository": {
6
6
  "type": "git",
@@ -29,7 +29,7 @@
29
29
  "lwc"
30
30
  ],
31
31
  "scripts": {
32
- "watch": "webpack serve --open --port 8080",
32
+ "watch": "webpack serve --open --port 8090",
33
33
  "test:unit": "sfdx-lwc-jest",
34
34
  "test:unit:watch": "sfdx-lwc-jest --watch",
35
35
  "test:unit:debug": "sfdx-lwc-jest --debug",