fleetcor-lwc 3.13.5 → 3.14.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 (7) hide show
  1. package/README.md +23 -16
  2. package/frontend/components/flt/icon/icon.scss +2 -4
  3. package/frontend/components/flt/inputEmail/inputEmail.js +1 -0
  4. package/frontend/components/flt/inputPhone/inputPhone.html +1 -0
  5. package/frontend/components/flt/inputText/inputText.html +1 -0
  6. package/frontend/components/flt/inputText/inputText.js +1 -0
  7. package/package.json +1 -1
package/README.md CHANGED
@@ -529,22 +529,23 @@ Add / update `lwc.config.json` file in your project
529
529
 
530
530
  #### Input Text variables
531
531
 
532
- | @api variables | type | values | required | description |
533
- | ------------------ | ------ | ------------ | -------- | ----------- |
534
- | name | string | | + | |
535
- | label | string | | - | |
536
- | value | string | | - | |
537
- | error-message | string | | - | |
538
- | required | bool | | - | |
539
- | disabled | bool | | - | |
540
- | placeholde-visible | bool | | - | |
541
- | prefix | html | | - | |
542
- | reg-exp | string | | - | |
543
- | placeholder | string | | - | |
544
- | max-length | int | | - | |
545
- | min-value | int | | - | |
546
- | max-value | int | | - | |
547
- | type | string | `text`,`tel` | - | |
532
+ | @api variables | type | values | required | description |
533
+ | ------------------ | ------ | -------------------------------------------------------- | -------- | ----------- |
534
+ | name | string | | + | |
535
+ | label | string | | - | |
536
+ | value | string | | - | |
537
+ | error-message | string | | - | |
538
+ | required | bool | | - | |
539
+ | disabled | bool | | - | |
540
+ | placeholde-visible | bool | | - | |
541
+ | prefix | html | | - | |
542
+ | reg-exp | string | | - | |
543
+ | placeholder | string | | - | |
544
+ | max-length | int | | - | |
545
+ | min-value | int | | - | |
546
+ | max-value | int | | - | |
547
+ | type | string | `text`,`tel` | - | |
548
+ | inputmode | string | `text`,`tel`,`decimal`, `email`, `none`, `url`, `search` | - | |
548
549
 
549
550
  #### Input Text methods
550
551
 
@@ -947,6 +948,12 @@ You can override them as you wish by global css variables as priority.
947
948
  <details>
948
949
  <summary>Click to expand/collapse</summary>
949
950
 
951
+ v.3.14.0
952
+
953
+ - Added to `flt-input-text`, `flt-input-email`, `flt-input-phone` api attribute `inputmode`
954
+
955
+ ---
956
+
950
957
  v.3.13.5
951
958
 
952
959
  - Update `flt-input-phone` component
package/frontend/components/flt/icon/icon.scss CHANGED
@@ -1,15 +1,13 @@
1
- $FLT_ICON_COLOR: var(--flt-icon-color, #111827);
2
-
3
1
  .flt-icon {
4
2
  width: 24px;
5
3
  height: 24px;
6
4
  display: inline-flex;
7
5
 
8
6
  &__prop-stroke {
9
- stroke: $FLT_ICON_COLOR;
7
+ stroke: var(--flt-icon-color, #111827);
10
8
  }
11
9
 
12
10
  &__prop-fill {
13
- fill: $FLT_ICON_COLOR;
11
+ fill: var(--flt-icon-color, #111827);
14
12
  }
15
13
  }
package/frontend/components/flt/inputEmail/inputEmail.js CHANGED
@@ -5,4 +5,5 @@ export default class InputEmail extends InputText {
5
5
  required = true
6
6
  regExp = '^\\w+([.-]\\w+)*@\\w+([.-]\\w+)*(\\.\\w{2,7})+$'
7
7
  @api type = 'email'
8
+ @api inputmode = 'email'
8
9
  }
package/frontend/components/flt/inputPhone/inputPhone.html CHANGED
@@ -16,6 +16,7 @@
16
16
  <flt-input-text
17
17
  class="flt-input-phone__number"
18
18
  prefix={prefix}
19
+ inputmode="tel"
19
20
  disabled={disabled}
20
21
  onfocus={handleFocus}
21
22
  onblur={handleBlur}
package/frontend/components/flt/inputText/inputText.html CHANGED
@@ -11,6 +11,7 @@
11
11
  class="flt-input-text__input"
12
12
  maxlength={maxLength}
13
13
  type={type}
14
+ inputmode={inputmode}
14
15
  disabled={disabled}
15
16
  value={displayValue}
16
17
  oninput={handleInput}
package/frontend/components/flt/inputText/inputText.js CHANGED
@@ -7,6 +7,7 @@ export default class InputText extends InputElement {
7
7
  touched
8
8
  @api prefix
9
9
  @api type = 'text'
10
+ @api inputmode = 'text'
10
11
  @api placeholderVisible
11
12
  @api errorMessage
12
13
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fleetcor-lwc",
3
- "version": "3.13.5",
3
+ "version": "3.14.0",
4
4
  "description": "LWC framework by Fleetcor",
5
5
  "repository": {
6
6
  "type": "git",