fleetcor-lwc 3.6.0 → 3.6.2

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
@@ -533,11 +533,27 @@ You can override them as you wish by global css variables as priority.
533
533
  --flt-loader-spinner-bgc-inner-circle: #ffffff;
534
534
  --flt-loader-message-font-size: 16px;
535
535
  --flt-loader-message-color: #80828a;
536
+ --flt-radio-group-chips-gap: 12px;
537
+ --flt-radio-group-chips-label-fw: 600;
538
+ --flt-radio-group-chips-color: #111827;
539
+ --flt-radio-group-chips-label-fz: 16px;
540
+ --flt-radio-group-chips-label-lh: 20px;
541
+ --flt-radio-group-chips-label-mb: 4px;
542
+ --flt-radio-group-chips-error-color: #ed123d;
543
+ --flt-radio-group-chips-error-fz: 12px;
536
544
  }
537
545
  ```
538
546
 
539
547
  ## Release Notes:
540
548
 
549
+ - v.3.6.2
550
+
551
+ - Updated `flt-radio-group-chips` componentm styles
552
+
553
+ - v.3.6.1
554
+
555
+ - Bug fix visiability of `flt-loader`
556
+
541
557
  - v.3.6.0
542
558
 
543
559
  - Added new component `flt-loader`
@@ -774,93 +790,3 @@ You can override them as you wish by global css variables as priority.
774
790
  - Added CheckboxElement class
775
791
  - Added hgv icon
776
792
  - Added $FLT_BUTTON_LABEL_PADDING constant
777
-
778
- ---
779
-
780
- - v.1.7.0
781
- - Updated Button component: Added `@api size` parameter
782
- - Small refactoring in all components
783
-
784
- ---
785
-
786
- - v.1.6.0
787
- - Added new extendable components: `BaseElement` and `LightningDomElement`
788
-
789
- ---
790
-
791
- - v.1.5.0
792
- - Added new icons: plus, plus-small, document, close
793
-
794
- ---
795
-
796
- - v.1.4.7
797
- - Added new icons: diesel, hydrogen, signature
798
-
799
- ---
800
-
801
- - v.1.4.6
802
- - Bug fix at mobile Safari tooltip
803
-
804
- ---
805
-
806
- - v.1.4.5
807
- - Tooltip text align centred
808
-
809
- ---
810
-
811
- - v.1.4.4
812
- - Bug fix tooltip mobile positions
813
-
814
- ---
815
-
816
- - v.1.4.3
817
- - Bug fix at tooltip corner attribute
818
-
819
- ---
820
-
821
- - v.1.4.2
822
- - Bug fix selectors conflicts
823
-
824
- ---
825
-
826
- - v.1.4.1
827
- - Bug fix with empty content and svg max width
828
-
829
- ---
830
-
831
- - v.1.4.0
832
- - Added Component `flt-tooltip`
833
-
834
- ---
835
-
836
- - v.1.3.0
837
- - Added Component `flt-icon`
838
-
839
- ---
840
-
841
- - v.1.2.1
842
- - Update button 'link' type ui
843
- - Bug fix. Button constants
844
-
845
- ---
846
-
847
- - v.1.1.0
848
- - Added new button type 'link'
849
-
850
- ---
851
-
852
- - v.1.0.2
853
- - Bug fix. Update loader
854
-
855
- ---
856
-
857
- - v.1.0.1
858
- - Bug fix. Update shrink for button's icons
859
-
860
- ---
861
-
862
- - v.1.0.0
863
- - Setup project
864
- - Added Component `flt-button`
865
-
866
- ---
@@ -2,7 +2,7 @@ import './radioGroupChips.scss'
2
2
 
3
3
  import { api } from 'lwc'
4
4
  import { SelectElement } from 'fleetcor-lwc'
5
- import { SIZES, TYPES } from 'flt/button'
5
+ import { TYPES } from 'flt/button'
6
6
 
7
7
  /**
8
8
  * @class RadioGroupChips
@@ -12,7 +12,6 @@ import { SIZES, TYPES } from 'flt/button'
12
12
  export default class RadioGroupChips extends SelectElement {
13
13
  error
14
14
 
15
- @api size = SIZES.medium
16
15
  @api type = TYPES.primary
17
16
  @api errorMessage
18
17
 
@@ -1,47 +1,22 @@
1
- $FLT_RADIO_GROUP_CHIPS_COLOR: var(--flt-radio-group-chips-color, #111827);
2
- $FLT_RADIO_GROUP_CHIPS_ERROR_COLOR: var(--flt-radio-group-chips-error-color, #ed123d);
3
-
4
1
  .flt-radio-group-chips {
5
2
  display: flex;
6
3
  flex-wrap: wrap;
4
+ gap: var(--flt-radio-group-chips-gap, 12px);
7
5
 
8
6
  &__label {
9
- font-weight: 600;
10
- color: $FLT_RADIO_GROUP_CHIPS_COLOR;
11
- font-size: 16px;
12
- line-height: 20px;
13
- margin-bottom: 0.25rem;
14
-
15
- @media (min-width: 768px) {
16
- margin-bottom: 0;
17
- flex-shrink: 0;
18
- margin-right: 2rem;
19
- }
20
- }
21
-
22
- &__item {
23
- display: inline-block;
24
- margin: 0.5rem 0;
25
- margin-right: 1.5rem;
26
-
27
- @media (min-width: 768px) {
28
- margin-top: 0;
29
- }
30
-
31
- &:last-child {
32
- margin-right: 0;
33
- .flt-radio-item__icon {
34
- margin-right: 0;
35
- }
36
- }
7
+ font-weight: var(--flt-radio-group-chips-label-fw, 600);
8
+ color: var(--flt-radio-group-chips-color, #111827);
9
+ font-size: var(--flt-radio-group-chips-label-fz, 16px);
10
+ line-height: var(--flt-radio-group-chips-label-lh, 20px);
11
+ margin-bottom: var(--flt-radio-group-chips-label-mb, 4px);
37
12
  }
38
13
 
39
14
  &__error-message {
40
- color: $FLT_RADIO_GROUP_CHIPS_ERROR_COLOR;
15
+ color: var(--flt-radio-group-chips-error-color, #ed123d);
41
16
  opacity: 0;
42
17
  line-height: 0;
43
18
  transition: all 0.3s;
44
- font-size: 12px;
19
+ font-size: var(--flt-radio-group-chips-error-fz, 12px);
45
20
 
46
21
  &_active {
47
22
  opacity: 1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fleetcor-lwc",
3
- "version": "3.6.0",
3
+ "version": "3.6.2",
4
4
  "description": "LWC framework by Fleetcor",
5
5
  "repository": {
6
6
  "type": "git",
@@ -28,6 +28,7 @@
28
28
  "flt/button",
29
29
  "flt/checkbox",
30
30
  "flt/card",
31
+ "flt/loader",
31
32
  "flt/icon",
32
33
  "flt/inputText",
33
34
  "flt/inputEmail",