fleetcor-lwc 2.11.0 → 2.12.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,7 @@ const pathConstants = 'frontend/common/mixins.scss';
225
225
  icon-right="arrow-left"
226
226
  disabled
227
227
  label="Next"
228
- ></flt-button>
228
+ ><!-- Any html element --></flt-button>
229
229
  ...
230
230
  ```
231
231
 
@@ -240,6 +240,13 @@ const pathConstants = 'frontend/common/mixins.scss';
240
240
  | label | string | | - | |
241
241
  | disabled | bool | | - | |
242
242
 
243
+ #### Button slot
244
+
245
+ | slot | description |
246
+ | ------ | ----------------------------- |
247
+ | defalt | any html element can be there |
248
+
249
+
243
250
  ### Icon
244
251
 
245
252
  ```html
@@ -421,6 +428,15 @@ $FLT_RADIO_GROUP_CIRCLE_DISABLED_SELECTED_BG_COLOR: var(
421
428
 
422
429
  ## Release Notes:
423
430
 
431
+ - v.2.12.0
432
+ - Added slot functionality to `Button` component
433
+
434
+ ---
435
+ - v.2.11.1
436
+ - Fixed compression circle for `Radio Item` component
437
+
438
+ ---
439
+
424
440
  - v.2.11.0
425
441
  - Update `option` for `Radio Group` component
426
442
  - Added key `element` for `option` to display HTMLObject for selected item at bottom side
@@ -1,7 +1,7 @@
1
1
  <template lwc:render-mode="light">
2
2
  <button class={cssClass} disabled={disabled}>
3
3
  <flt-icon class="flt-button__icon-left" if:true={iconLeft} icon={iconLeft}></flt-icon>
4
- <span class="flt-button__label">{label}</span>
4
+ <span class="flt-button__label">{label}<slot></slot></span>
5
5
  <flt-icon class="flt-button__icon-right" if:true={iconRight} icon={iconRight}></flt-icon>
6
6
  </button>
7
7
  </template>
@@ -162,5 +162,9 @@ button {
162
162
 
163
163
  &__label {
164
164
  padding: $FLT_BUTTON_LABEL_PADDING;
165
+ display: flex;
166
+ align-items: center;
167
+ justify-content: center;
168
+ gap: 16px;
165
169
  }
166
170
  }
@@ -47,6 +47,7 @@
47
47
  border: 1px solid $FLT_RADIO_GROUP_CIRCLE_COLOR;
48
48
  width: 20px;
49
49
  height: 20px;
50
+ flex-shrink: 0;
50
51
  transition: all 0.3s;
51
52
  background-color: #ffffff;
52
53
  margin-right: 1rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fleetcor-lwc",
3
- "version": "2.11.0",
3
+ "version": "2.12.0",
4
4
  "description": "LWC framework by Fleetcor",
5
5
  "repository": {
6
6
  "type": "git",