fleetcor-lwc 2.14.0 → 2.16.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
|
@@ -257,7 +257,7 @@ const pathConstants = 'frontend/common/mixins.scss';
|
|
|
257
257
|
|
|
258
258
|
| @api variables | type | values | required | description |
|
|
259
259
|
| -------------- | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | ----------- |
|
|
260
|
-
| 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` | - | |
|
|
260
|
+
| 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
261
|
|
|
262
262
|
### Tooltip
|
|
263
263
|
|
|
@@ -428,6 +428,14 @@ $FLT_RADIO_GROUP_CIRCLE_DISABLED_SELECTED_BG_COLOR: var(
|
|
|
428
428
|
|
|
429
429
|
## Release Notes:
|
|
430
430
|
|
|
431
|
+
- v.2.16.0
|
|
432
|
+
- Update flt-button style with icons distanse
|
|
433
|
+
|
|
434
|
+
---
|
|
435
|
+
- v.2.15.0
|
|
436
|
+
- Added new icon version `check`
|
|
437
|
+
|
|
438
|
+
---
|
|
431
439
|
- v.2.14.0
|
|
432
440
|
- Added new icon version `sign`
|
|
433
441
|
|
|
@@ -54,6 +54,7 @@ button {
|
|
|
54
54
|
border-radius: $FLT_BUTTON_BORDER_RADIUS;
|
|
55
55
|
box-sizing: border-box;
|
|
56
56
|
padding: $FLT_BUTTON_PADDING;
|
|
57
|
+
gap: 16px;
|
|
57
58
|
|
|
58
59
|
&_primary[disabled] {
|
|
59
60
|
cursor: not-allowed;
|
|
@@ -152,12 +153,6 @@ button {
|
|
|
152
153
|
&__icon-right {
|
|
153
154
|
display: flex;
|
|
154
155
|
flex-shrink: 0;
|
|
155
|
-
margin-right: 1rem;
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
&__icon-right {
|
|
159
|
-
margin-left: 1rem;
|
|
160
|
-
margin-right: initial;
|
|
161
156
|
}
|
|
162
157
|
|
|
163
158
|
&__label {
|
|
@@ -166,5 +161,9 @@ button {
|
|
|
166
161
|
align-items: center;
|
|
167
162
|
justify-content: center;
|
|
168
163
|
gap: 16px;
|
|
164
|
+
|
|
165
|
+
&:empty {
|
|
166
|
+
display: none;
|
|
167
|
+
}
|
|
169
168
|
}
|
|
170
169
|
}
|
|
@@ -34,6 +34,7 @@ import TMPL_WORLD from './icons/tmpl-world.html'
|
|
|
34
34
|
import TMPL_MAP_PIN from './icons/tmpl-map-pin.html'
|
|
35
35
|
import TMPL_EYE from './icons/tmpl-eye.html'
|
|
36
36
|
import TMPL_SIGN from './icons/tmpl-sign.html'
|
|
37
|
+
import TMPL_CHECK from './icons/tmpl-check.html'
|
|
37
38
|
|
|
38
39
|
/**
|
|
39
40
|
* @class Icon
|
|
@@ -84,6 +85,7 @@ const ICONS = {
|
|
|
84
85
|
'map-pin': TMPL_MAP_PIN,
|
|
85
86
|
'eye': TMPL_EYE,
|
|
86
87
|
'sign': TMPL_SIGN,
|
|
88
|
+
'check': TMPL_CHECK,
|
|
87
89
|
}
|
|
88
90
|
|
|
89
91
|
export const ICONS_LIST = Object.keys(ICONS);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<template lwc:render-mode="light">
|
|
2
|
+
<svg
|
|
3
|
+
class="flt-icon flt-icon__check"
|
|
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
|
+
class="flt-icon__path-fill"
|
|
11
|
+
d="M7.32995 13.229L4.43828 10.3373C4.11328 10.0123 3.58828 10.0123 3.26328 10.3373C2.93828 10.6623 2.93828 11.1873 3.26328 11.5123L6.74661 14.9957C7.07162 15.3207 7.59661 15.3207 7.92162 14.9957L16.7383 6.179C17.0633 5.854 17.0633 5.329 16.7383 5.004C16.4133 4.679 15.8883 4.679 15.5633 5.004L7.32995 13.229Z"></path>
|
|
12
|
+
</svg>
|
|
13
|
+
</template>
|