fleetcor-lwc 3.18.0 → 3.19.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.
- package/README.md +10 -4
- package/frontend/components/flt/icon/icon.js +5 -1
- package/frontend/components/flt/icon/icons/tmpl-arrow-back.html +7 -0
- package/frontend/components/flt/icon/icons/tmpl-arrow-next.html +13 -0
- package/frontend/components/flt/loader/loader.html +1 -6
- package/frontend/components/flt/loader/loader.js +1 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -231,9 +231,9 @@ Add / update `lwc.config.json` file in your project
|
|
|
231
231
|
|
|
232
232
|
#### Icon variables
|
|
233
233
|
|
|
234
|
-
| @api variables | type | values
|
|
235
|
-
| -------------- | ------ |
|
|
236
|
-
| icon | string | `arrow-left, ev, carwash, car, van, unleaded, fuel, driver, vehicle, both, shared-card, ev-and-fuel, oil, key, blocked, multiple-users,arrow-right, diesel, hydrogen, signature, plus, plus-small, document, close, hgv, eye, sign, check, discount, pin-drop, credit-card, receipt, gear-wheel, app-shortcut, drug-indicator, sell, parking-sign, headset-mic, gas-station, directions-car, local-shipping, public, place, info, warning` | - | |
|
|
234
|
+
| @api variables | type | values | required | description |
|
|
235
|
+
| -------------- | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | ----------- |
|
|
236
|
+
| icon | string | `arrow-left, ev, carwash, car, van, unleaded, fuel, driver, vehicle, both, shared-card, ev-and-fuel, oil, key, blocked, multiple-users,arrow-right, diesel, hydrogen, signature, plus, plus-small, document, close, hgv, eye, sign, check, discount, pin-drop, credit-card, receipt, gear-wheel, app-shortcut, drug-indicator, sell, parking-sign, headset-mic, gas-station, directions-car, local-shipping, public, place, info, warning, arrow-back, arrow-next` | - | |
|
|
237
237
|
|
|
238
238
|
</details>
|
|
239
239
|
|
|
@@ -952,6 +952,12 @@ You can override them as you wish by global css variables as priority.
|
|
|
952
952
|
<details>
|
|
953
953
|
<summary>Click to expand/collapse</summary>
|
|
954
954
|
|
|
955
|
+
v.3.19.0
|
|
956
|
+
|
|
957
|
+
- Added 2 new icons `arrow-back` and `arrow-next`
|
|
958
|
+
|
|
959
|
+
---
|
|
960
|
+
|
|
955
961
|
v.3.18.0
|
|
956
962
|
|
|
957
963
|
- Bug fix `flt-picklist` component
|
|
@@ -966,7 +972,7 @@ v.3.17.0
|
|
|
966
972
|
|
|
967
973
|
v.3.16.0
|
|
968
974
|
|
|
969
|
-
- Update `flt-input-text` -
|
|
975
|
+
- Update `flt-input-text` - it's become more powerfull with type number
|
|
970
976
|
|
|
971
977
|
---
|
|
972
978
|
|
|
@@ -54,6 +54,8 @@ import TMPL_PLACE from './icons/tmpl-place.html'
|
|
|
54
54
|
import TMPL_WARNING from './icons/tmpl-warning.html'
|
|
55
55
|
import TMPL_INFO from './icons/tmpl-info.html'
|
|
56
56
|
import TMPL_QUESTION from './icons/tmpl-question.html'
|
|
57
|
+
import TMPL_ARROW_BACK from './icons/tmpl-arrow-back.html'
|
|
58
|
+
import TMPL_ARROW_NEXT from './icons/tmpl-arrow-next.html'
|
|
57
59
|
|
|
58
60
|
/**
|
|
59
61
|
* @class Icon
|
|
@@ -76,6 +78,8 @@ export default class Icon extends LightningDomElement {
|
|
|
76
78
|
|
|
77
79
|
const ICONS = {
|
|
78
80
|
search: TMPL_SEARCH,
|
|
81
|
+
'arrow-back': TMPL_ARROW_BACK,
|
|
82
|
+
'arrow-next': TMPL_ARROW_NEXT,
|
|
79
83
|
plus: TMPL_PLUS,
|
|
80
84
|
'plus-small': TMPL_SMALL_PLUS,
|
|
81
85
|
document: TMPL_DOCUMENT,
|
|
@@ -123,7 +127,7 @@ const ICONS = {
|
|
|
123
127
|
place: TMPL_PLACE,
|
|
124
128
|
warning: TMPL_WARNING,
|
|
125
129
|
info: TMPL_INFO,
|
|
126
|
-
question: TMPL_QUESTION
|
|
130
|
+
question: TMPL_QUESTION
|
|
127
131
|
}
|
|
128
132
|
|
|
129
133
|
export const ICONS_LIST = Object.keys(ICONS)
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<template lwc:render-mode="light">
|
|
2
|
+
<svg class="flt-icon flt-icon__arrow-back" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path
|
|
4
|
+
d="M15.6599 9.17148H6.35156L10.4182 5.10482C10.7432 4.77982 10.7432 4.24648 10.4182 3.92148C10.0932 3.59648 9.56823 3.59648 9.24323 3.92148L3.75156 9.41315C3.42656 9.73815 3.42656 10.2632 3.75156 10.5882L9.24323 16.0798C9.56823 16.4048 10.0932 16.4048 10.4182 16.0798C10.7432 15.7548 10.7432 15.2298 10.4182 14.9048L6.35156 10.8382H15.6599C16.1182 10.8382 16.4932 10.4632 16.4932 10.0048C16.4932 9.54648 16.1182 9.17148 15.6599 9.17148Z"
|
|
5
|
+
class="flt-icon__prop-fill" />
|
|
6
|
+
</svg>
|
|
7
|
+
</template>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<template lwc:render-mode="light">
|
|
2
|
+
<svg
|
|
3
|
+
class="flt-icon flt-icon__arrow-next"
|
|
4
|
+
width="20"
|
|
5
|
+
height="20"
|
|
6
|
+
viewBox="0 0 20 20"
|
|
7
|
+
fill="none"
|
|
8
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
9
|
+
<path
|
|
10
|
+
d="M4.34115 10.8342H13.6495L9.58281 14.9009C9.25781 15.2259 9.25781 15.7592 9.58281 16.0842C9.90781 16.4092 10.4328 16.4092 10.7578 16.0842L16.2495 10.5926C16.5745 10.2676 16.5745 9.74258 16.2495 9.41758L10.7661 3.91758C10.4411 3.59258 9.91615 3.59258 9.59115 3.91758C9.26615 4.24258 9.26615 4.76758 9.59115 5.09258L13.6495 9.16758H4.34115C3.88281 9.16758 3.50781 9.54258 3.50781 10.0009C3.50781 10.4592 3.88281 10.8342 4.34115 10.8342Z"
|
|
11
|
+
class="flt-icon__prop-fill" />
|
|
12
|
+
</svg>
|
|
13
|
+
</template>
|