fleetcor-lwc 2.17.0 → 2.18.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
CHANGED
|
@@ -225,7 +225,8 @@ const pathConstants = 'frontend/common/mixins.scss';
|
|
|
225
225
|
icon-right="arrow-left"
|
|
226
226
|
disabled
|
|
227
227
|
label="Next"
|
|
228
|
-
><!-- Any html element --></flt-button
|
|
228
|
+
><!-- Any html element --></flt-button
|
|
229
|
+
>
|
|
229
230
|
...
|
|
230
231
|
```
|
|
231
232
|
|
|
@@ -242,10 +243,11 @@ const pathConstants = 'frontend/common/mixins.scss';
|
|
|
242
243
|
|
|
243
244
|
#### Button slot
|
|
244
245
|
|
|
245
|
-
| slot
|
|
246
|
-
|
|
|
247
|
-
| defalt
|
|
248
|
-
|
|
246
|
+
| slot | description |
|
|
247
|
+
| --------- | ---------------------------------------------- |
|
|
248
|
+
| defalt | any html element can be there |
|
|
249
|
+
| iconLeft | any html element can override left icon place |
|
|
250
|
+
| iconRight | any html element can override right icon place |
|
|
249
251
|
|
|
250
252
|
### Icon
|
|
251
253
|
|
|
@@ -255,8 +257,8 @@ const pathConstants = 'frontend/common/mixins.scss';
|
|
|
255
257
|
|
|
256
258
|
#### Icon variables
|
|
257
259
|
|
|
258
|
-
| @api variables | type | values
|
|
259
|
-
| -------------- | ------ |
|
|
260
|
+
| @api variables | type | values | required | description |
|
|
261
|
+
| -------------- | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | ----------- |
|
|
260
262
|
| 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` | - | |
|
|
261
263
|
|
|
262
264
|
### Tooltip
|
|
@@ -428,30 +430,41 @@ $FLT_RADIO_GROUP_CIRCLE_DISABLED_SELECTED_BG_COLOR: var(
|
|
|
428
430
|
|
|
429
431
|
## Release Notes:
|
|
430
432
|
|
|
433
|
+
- v.2.18.0
|
|
434
|
+
- Added `iconLeft` and `iconRight` slot's place
|
|
435
|
+
|
|
436
|
+
---
|
|
437
|
+
|
|
431
438
|
- v.2.17.0
|
|
432
439
|
- Added new icon version `search`
|
|
433
440
|
|
|
434
441
|
---
|
|
442
|
+
|
|
435
443
|
- v.2.16.0
|
|
436
444
|
- Update flt-button style with icons distanse
|
|
437
445
|
|
|
438
446
|
---
|
|
447
|
+
|
|
439
448
|
- v.2.15.0
|
|
440
449
|
- Added new icon version `check`
|
|
441
450
|
|
|
442
451
|
---
|
|
452
|
+
|
|
443
453
|
- v.2.14.0
|
|
444
454
|
- Added new icon version `sign`
|
|
445
455
|
|
|
446
456
|
---
|
|
457
|
+
|
|
447
458
|
- v.2.13.0
|
|
448
459
|
- Added new icon version `eye`
|
|
449
460
|
|
|
450
461
|
---
|
|
462
|
+
|
|
451
463
|
- v.2.12.0
|
|
452
464
|
- Added slot functionality to `Button` component
|
|
453
465
|
|
|
454
466
|
---
|
|
467
|
+
|
|
455
468
|
- v.2.11.1
|
|
456
469
|
- Fixed compression circle for `Radio Item` component
|
|
457
470
|
|
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
<template lwc:render-mode="light">
|
|
2
2
|
<button class={cssClass} disabled={disabled}>
|
|
3
|
-
<
|
|
3
|
+
<slot name="iconLeft">
|
|
4
|
+
<flt-icon class="flt-button__icon-left" if:true={iconLeft} icon={iconLeft}></flt-icon>
|
|
5
|
+
</slot>
|
|
4
6
|
<span class="flt-button__label">{label}<slot></slot></span>
|
|
5
|
-
<
|
|
7
|
+
<slot name="iconRight">
|
|
8
|
+
<flt-icon
|
|
9
|
+
class="flt-button__icon-right"
|
|
10
|
+
if:true={iconRight}
|
|
11
|
+
icon={iconRight}></flt-icon>
|
|
12
|
+
</slot>
|
|
6
13
|
</button>
|
|
7
14
|
</template>
|
package/package.json
CHANGED