fleetcor-lwc 3.6.1 → 3.6.3
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
|
@@ -486,6 +486,7 @@ You can override them as you wish by global css variables as priority.
|
|
|
486
486
|
--flt-button-border-radius: 32px;
|
|
487
487
|
--flt-button-padding: 0 24px;
|
|
488
488
|
--flt-button-gap: 16px;
|
|
489
|
+
--flt-button-fw: 700;
|
|
489
490
|
--flt-checkbox-border-color: #6b7280;
|
|
490
491
|
--flt-checkbox-bg-color: #ffffff;
|
|
491
492
|
--flt-checkbox-agree-color: #59eb9c;
|
|
@@ -533,11 +534,27 @@ You can override them as you wish by global css variables as priority.
|
|
|
533
534
|
--flt-loader-spinner-bgc-inner-circle: #ffffff;
|
|
534
535
|
--flt-loader-message-font-size: 16px;
|
|
535
536
|
--flt-loader-message-color: #80828a;
|
|
537
|
+
--flt-radio-group-chips-gap: 12px;
|
|
538
|
+
--flt-radio-group-chips-label-fw: 600;
|
|
539
|
+
--flt-radio-group-chips-color: #111827;
|
|
540
|
+
--flt-radio-group-chips-label-fz: 16px;
|
|
541
|
+
--flt-radio-group-chips-label-lh: 20px;
|
|
542
|
+
--flt-radio-group-chips-label-mb: 4px;
|
|
543
|
+
--flt-radio-group-chips-error-color: #ed123d;
|
|
544
|
+
--flt-radio-group-chips-error-fz: 12px;
|
|
536
545
|
}
|
|
537
546
|
```
|
|
538
547
|
|
|
539
548
|
## Release Notes:
|
|
540
549
|
|
|
550
|
+
- v.3.6.3
|
|
551
|
+
|
|
552
|
+
- Updated `flt-button` componentm styles
|
|
553
|
+
|
|
554
|
+
- v.3.6.2
|
|
555
|
+
|
|
556
|
+
- Updated `flt-radio-group-chips` componentm styles
|
|
557
|
+
|
|
541
558
|
- v.3.6.1
|
|
542
559
|
|
|
543
560
|
- Bug fix visiability of `flt-loader`
|
|
@@ -2,7 +2,7 @@ import './radioGroupChips.scss'
|
|
|
2
2
|
|
|
3
3
|
import { api } from 'lwc'
|
|
4
4
|
import { SelectElement } from 'fleetcor-lwc'
|
|
5
|
-
import {
|
|
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:
|
|
11
|
-
font-size: 16px;
|
|
12
|
-
line-height: 20px;
|
|
13
|
-
margin-bottom:
|
|
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:
|
|
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;
|