fleetcor-lwc 2.6.1 → 2.7.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.
Files changed (5) hide show
  1. package/README.md +21 -11
  2. package/frontend/components/flt/checkbox/checkbox.js +2 -1
  3. package/frontend/components/flt/checkbox/checkbox.scss +23 -4
  4. package/frontend/components/flt/icon/icons/tmpl-close.html +6 -11
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -175,7 +175,7 @@ const pathConstants = 'frontend/common/mixins.scss';
175
175
 
176
176
  ```html
177
177
  <flt-checkbox
178
- size="s"
178
+ size="small"
179
179
  name="agreement"
180
180
  disabled
181
181
  required
@@ -188,16 +188,16 @@ const pathConstants = 'frontend/common/mixins.scss';
188
188
 
189
189
  #### Checkbox variables
190
190
 
191
- | @api variables | type | values | required | description |
192
- | -------------- | ------ | ------ | -------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
193
- | name | string | | + | |
194
- | size | string | `s` | - | |
195
- | value | bool | | - | |
196
- | label | html | | - | Label set to template as HTML content. You can user tag `a` with attribute `view-modal` to catch `viewmodal` Custom Event by click on it |
197
- | disabled | bool | | - | |
198
- | required | bool | | - | |
199
- | group | string | | - | |
200
- | error-message | string | | - | |
191
+ | @api variables | type | values | required | description |
192
+ | -------------- | ------ | ------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
193
+ | name | string | | + | |
194
+ | size | string | `small` or `medium` | - | |
195
+ | value | bool | | - | |
196
+ | label | html | | - | Label set to template as HTML content. You can user tag `a` with attribute `view-modal` to catch `viewmodal` Custom Event by click on it |
197
+ | disabled | bool | | - | |
198
+ | required | bool | | - | |
199
+ | group | string | | - | |
200
+ | error-message | string | | - | |
201
201
 
202
202
  #### Checkbox methods
203
203
 
@@ -415,6 +415,16 @@ $FLT_RADIO_GROUP_CIRCLE_DISABLED_SELECTED_BG_COLOR: var(
415
415
 
416
416
  ## Release Notes:
417
417
 
418
+ - v.2.7.0
419
+ - Added size `medium` for checkbox component
420
+
421
+ ---
422
+
423
+ - v.2.6.2
424
+ - Updated close icon
425
+
426
+ ---
427
+
418
428
  - v.2.6.1
419
429
  - Update documentation
420
430
 
package/frontend/components/flt/checkbox/checkbox.js CHANGED
@@ -63,5 +63,6 @@ export default class Checkbox extends CheckboxElement {
63
63
  }
64
64
 
65
65
  const SIZES = {
66
- SMALL: 's'
66
+ SMALL: 'small',
67
+ MD: 'medium'
67
68
  }
package/frontend/components/flt/checkbox/checkbox.scss CHANGED
@@ -35,7 +35,7 @@
35
35
  }
36
36
  }
37
37
 
38
- &_size_s {
38
+ &_size_small {
39
39
  font-size: 15px;
40
40
  line-height: 1.4;
41
41
 
@@ -49,6 +49,25 @@
49
49
  }
50
50
  }
51
51
 
52
+ &_size_medium {
53
+ font-size: 16px;
54
+ line-height: 20px;
55
+
56
+ & + .flt-checkbox__error-message {
57
+ font-size: 12px;
58
+ margin-left: 40px;
59
+ }
60
+
61
+ .flt-checkbox__label {
62
+ margin-top: 2px;
63
+ }
64
+
65
+ .flt-checkbox__icon {
66
+ width: 1.5rem;
67
+ height: 1.5rem;
68
+ }
69
+ }
70
+
52
71
  &__input {
53
72
  display: none;
54
73
  }
@@ -83,11 +102,11 @@
83
102
  cursor: pointer;
84
103
  display: inline-block;
85
104
  text-decoration: none;
86
- color: $FLT_CHECKBOX_LABEL_HREF_COLOR;
105
+ color: $FLT_CHECKBOX_LABEL_HREF_COLOR;
87
106
  transition: all 0.3s;
88
107
 
89
- &:hover{
90
- color: $FLT_CHECKBOX_LABEL_HREF_HOVER_COLOR;
108
+ &:hover {
109
+ color: $FLT_CHECKBOX_LABEL_HREF_HOVER_COLOR;
91
110
  }
92
111
  }
93
112
  }
package/frontend/components/flt/icon/icons/tmpl-close.html CHANGED
@@ -1,15 +1,10 @@
1
1
  <template lwc:render-mode="light">
2
- <svg
3
- class="flt-icon flt-icon__close"
4
- width="24"
5
- height="24"
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg">
2
+ <svg class="flt-icon flt-icon__close" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
9
3
  <path
10
- class="flt-icon__path"
11
- d="M6 6L18 18M6 18L18 6L6 18Z"
12
- stroke-linecap="round"
13
- stroke-linejoin="round"></path>
4
+ class="flt-icon__path-fill"
5
+ fill-rule="evenodd"
6
+ clip-rule="evenodd"
7
+ d="M5.46967 5.46967C5.76256 5.17678 6.23744 5.17678 6.53033 5.46967L12 10.9393L17.4697 5.46967C17.7626 5.17678 18.2374 5.17678 18.5303 5.46967C18.8232 5.76256 18.8232 6.23744 18.5303 6.53033L13.0607 12L18.5303 17.4697C18.8232 17.7626 18.8232 18.2374 18.5303 18.5303C18.2374 18.8232 17.7626 18.8232 17.4697 18.5303L12 13.0607L6.53033 18.5303C6.23744 18.8232 5.76256 18.8232 5.46967 18.5303C5.17678 18.2374 5.17678 17.7626 5.46967 17.4697L10.9393 12L5.46967 6.53033C5.17678 6.23744 5.17678 5.76256 5.46967 5.46967Z"
8
+ ></path>
14
9
  </svg>
15
10
  </template>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fleetcor-lwc",
3
- "version": "2.6.1",
3
+ "version": "2.7.0",
4
4
  "description": "LWC framework by Fleetcor",
5
5
  "repository": {
6
6
  "type": "git",