intelicoreact 1.2.91 → 1.2.93

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/dist/Atomic/FormElements/InputMask/InputMask.js +0 -1
  2. package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +102 -74
  3. package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.scss +7 -2
  4. package/dist/Functions/presets/inputMaskPreset.js +176 -0
  5. package/package.json +1 -1
package/dist/Atomic/FormElements/InputMask/InputMask.js CHANGED
@@ -395,7 +395,6 @@ function InputMask() {
395
395
 
396
396
  var charCenterX = charX + charWidth / 2; // If Char X-Coord Out Of Range
397
397
 
398
- // If Char X-Coord Out Of Range
399
398
  if (!charX || minX > charCenterX || maxX < charCenterX) return resObj;
400
399
  if (resObj.index === null || minX <= charCenterX && charCenterX >= maxX && charCenterX < resObj.charX) return {
401
400
  index: index,
package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js CHANGED
@@ -1,91 +1,119 @@
1
- "use strict";
1
+ 'use strict';
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');
4
4
 
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
5
+ Object.defineProperty(exports, '__esModule', {
6
+ value: true,
7
7
  });
8
8
  exports.DefaultPhoneIcon = exports.DefaultEmalIcon = void 0;
9
9
 
10
- var _react = _interopRequireDefault(require("react"));
10
+ var _react = _interopRequireDefault(require('react'));
11
11
 
12
12
  /* eslint-disable react/no-unknown-property */
13
13
  var DefaultEmalIcon = function DefaultEmalIcon() {
14
- return /*#__PURE__*/_react.default.createElement("svg", {
15
- xmlns: "http://www.w3.org/2000/svg",
16
- width: "16",
17
- height: "16",
18
- viewBox: "0 0 16 16",
19
- fill: "none"
20
- }, /*#__PURE__*/_react.default.createElement("mask", {
21
- id: "mask0_18590_7794",
22
- style: {
23
- maskType: 'alpha'
14
+ return /*#__PURE__*/ _react.default.createElement(
15
+ 'svg',
16
+ {
17
+ xmlns: 'http://www.w3.org/2000/svg',
18
+ width: '16',
19
+ height: '16',
20
+ viewBox: '0 0 16 16',
21
+ fill: 'none',
24
22
  },
25
- maskUnits: "userSpaceOnUse",
26
- x: "0",
27
- y: "0",
28
- width: "16",
29
- height: "16"
30
- }, /*#__PURE__*/_react.default.createElement("path", {
31
- d: "M2.66659 2.66675H13.3333C14.0666 2.66675 14.6666 3.26675 14.6666 4.00008V12.0001C14.6666 12.7334 14.0666 13.3334 13.3333 13.3334H2.66659C1.93325 13.3334 1.33325 12.7334 1.33325 12.0001V4.00008C1.33325 3.26675 1.93325 2.66675 2.66659 2.66675Z",
32
- stroke: "black",
33
- strokeWidth: "1.07",
34
- strokeLinecap: "round",
35
- strokeLinejoin: "round"
36
- }), /*#__PURE__*/_react.default.createElement("path", {
37
- d: "M14.6666 4L7.99992 8.66667L1.33325 4",
38
- stroke: "black",
39
- width: "1.07",
40
- linecap: "round",
41
- linejoin: "round"
42
- })), /*#__PURE__*/_react.default.createElement("g", {
43
- mask: "url(#mask0_18590_7794)"
44
- }, /*#__PURE__*/_react.default.createElement("rect", {
45
- width: "16",
46
- height: "16",
47
- fill: "#1F7499"
48
- })));
23
+ /*#__PURE__*/ _react.default.createElement(
24
+ 'mask',
25
+ {
26
+ id: 'mask0_18590_7794',
27
+ style: {
28
+ maskType: 'alpha',
29
+ },
30
+ maskUnits: 'userSpaceOnUse',
31
+ x: '0',
32
+ y: '0',
33
+ width: '16',
34
+ height: '16',
35
+ },
36
+ /*#__PURE__*/ _react.default.createElement('path', {
37
+ d: 'M2.66659 2.66675H13.3333C14.0666 2.66675 14.6666 3.26675 14.6666 4.00008V12.0001C14.6666 12.7334 14.0666 13.3334 13.3333 13.3334H2.66659C1.93325 13.3334 1.33325 12.7334 1.33325 12.0001V4.00008C1.33325 3.26675 1.93325 2.66675 2.66659 2.66675Z',
38
+ stroke: 'black',
39
+ strokeWidth: '1.07',
40
+ strokeLinecap: 'round',
41
+ strokeLinejoin: 'round',
42
+ }),
43
+ /*#__PURE__*/ _react.default.createElement('path', {
44
+ d: 'M14.6666 4L7.99992 8.66667L1.33325 4',
45
+ stroke: 'black',
46
+ width: '1.07',
47
+ linecap: 'round',
48
+ linejoin: 'round',
49
+ }),
50
+ ),
51
+ /*#__PURE__*/ _react.default.createElement(
52
+ 'g',
53
+ {
54
+ mask: 'url(#mask0_18590_7794)',
55
+ },
56
+ /*#__PURE__*/ _react.default.createElement('rect', {
57
+ width: '16',
58
+ height: '16',
59
+ fill: '#1F7499',
60
+ }),
61
+ ),
62
+ );
49
63
  };
50
64
 
51
65
  exports.DefaultEmalIcon = DefaultEmalIcon;
52
66
 
53
67
  var DefaultPhoneIcon = function DefaultPhoneIcon() {
54
- return /*#__PURE__*/_react.default.createElement("svg", {
55
- xmlns: "http://www.w3.org/2000/svg",
56
- width: "16",
57
- height: "16",
58
- viewBox: "0 0 16 16",
59
- fill: "none"
60
- }, /*#__PURE__*/_react.default.createElement("mask", {
61
- id: "mask0_18590_7803",
62
- style: {
63
- maskType: 'alpha'
68
+ return /*#__PURE__*/ _react.default.createElement(
69
+ 'svg',
70
+ {
71
+ xmlns: 'http://www.w3.org/2000/svg',
72
+ width: '16',
73
+ height: '16',
74
+ viewBox: '0 0 16 16',
75
+ fill: 'none',
64
76
  },
65
- maskUnits: "userSpaceOnUse",
66
- x: "0",
67
- y: "0",
68
- width: "16",
69
- height: "16"
70
- }, /*#__PURE__*/_react.default.createElement("path", {
71
- d: "M11.3333 1.33325H4.66659C3.93021 1.33325 3.33325 1.93021 3.33325 2.66659V13.3333C3.33325 14.0696 3.93021 14.6666 4.66659 14.6666H11.3333C12.0696 14.6666 12.6666 14.0696 12.6666 13.3333V2.66659C12.6666 1.93021 12.0696 1.33325 11.3333 1.33325Z",
72
- stroke: "black",
73
- strokeWidth: "1.07",
74
- strokeLinecap: "round",
75
- strokeLinejoin: "round"
76
- }), /*#__PURE__*/_react.default.createElement("path", {
77
- d: "M8 12H8.0075",
78
- stroke: "black",
79
- width: "1.07",
80
- linecap: "round",
81
- linejoin: "round"
82
- })), /*#__PURE__*/_react.default.createElement("g", {
83
- mask: "url(#mask0_18590_7803)"
84
- }, /*#__PURE__*/_react.default.createElement("rect", {
85
- width: "16",
86
- height: "16",
87
- fill: "#1F7499"
88
- })));
77
+ /*#__PURE__*/ _react.default.createElement(
78
+ 'mask',
79
+ {
80
+ id: 'mask0_18590_7803',
81
+ style: {
82
+ maskType: 'alpha',
83
+ },
84
+ maskUnits: 'userSpaceOnUse',
85
+ x: '0',
86
+ y: '0',
87
+ width: '16',
88
+ height: '16',
89
+ },
90
+ /*#__PURE__*/ _react.default.createElement('path', {
91
+ d: 'M11.3333 1.33325H4.66659C3.93021 1.33325 3.33325 1.93021 3.33325 2.66659V13.3333C3.33325 14.0696 3.93021 14.6666 4.66659 14.6666H11.3333C12.0696 14.6666 12.6666 14.0696 12.6666 13.3333V2.66659C12.6666 1.93021 12.0696 1.33325 11.3333 1.33325Z',
92
+ stroke: 'black',
93
+ strokeWidth: '1.07',
94
+ strokeLinecap: 'round',
95
+ strokeLinejoin: 'round',
96
+ }),
97
+ /*#__PURE__*/ _react.default.createElement('path', {
98
+ d: 'M8 12H8.0075',
99
+ stroke: 'black',
100
+ width: '1.07',
101
+ linecap: 'round',
102
+ linejoin: 'round',
103
+ }),
104
+ ),
105
+ /*#__PURE__*/ _react.default.createElement(
106
+ 'g',
107
+ {
108
+ mask: 'url(#mask0_18590_7803)',
109
+ },
110
+ /*#__PURE__*/ _react.default.createElement('rect', {
111
+ width: '16',
112
+ height: '16',
113
+ fill: '#1F7499',
114
+ }),
115
+ ),
116
+ );
89
117
  };
90
118
 
91
- exports.DefaultPhoneIcon = DefaultPhoneIcon;
119
+ exports.DefaultPhoneIcon = DefaultPhoneIcon;
package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.scss CHANGED
@@ -5,6 +5,9 @@
5
5
  --variants-list-radio--margin-after-item: 2px;
6
6
  --variants-list-radio--item-background-color: #FFF;
7
7
  --variants-list-radio--item-highlight-background-color: #F7F8FA;
8
+ --variants-list-radio--item-with-borders-highlight-background-color: transparent;
9
+ --variants-list-radio--disabled-item-highlight-background-color: transparent;
10
+ --variants-list-radio--disabled-item-with-borders-highlight-background-color: #F7F8FA;
8
11
  --variants-list-radio--item-border-color: rgba(58, 72, 122, 0.15);
9
12
  --variants-list-radio--item-border-color-active: #1F7499;
10
13
 
@@ -198,6 +201,8 @@
198
201
  }
199
202
 
200
203
  &.variants-list-radio__item_active {
204
+ background-color: var(--variants-list-radio--disabled-item-highlight-background-color);
205
+
201
206
  .variants-list-radio__item-radio-mark {
202
207
  background-color: #757F8C;
203
208
  }
@@ -276,13 +281,13 @@
276
281
 
277
282
  &_active {
278
283
  border-color: var(--variants-list-radio--item-border-color-active);
279
- background-color: transparent;
284
+ background-color: var(--variants-list-radio--item-with-borders-highlight-background-color);
280
285
  }
281
286
 
282
287
  &_disabled {
283
288
  &.variants-list-radio__item_active {
284
289
  border-color: var(--variants-list-radio--item-border-color);
285
- background-color: var(--variants-list-radio--item-highlight-background-color);
290
+ background-color: var(--variants-list-radio--disabled-item-with-borders-highlight-background-color);
286
291
  }
287
292
  }
288
293
  }
package/dist/Functions/presets/inputMaskPreset.js ADDED
@@ -0,0 +1,176 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', {
4
+ value: true,
5
+ });
6
+ exports.MASK_PRESET = void 0;
7
+
8
+ /**
9
+ * @param type: 'inputMask',
10
+ * @param maskPattern: 'DD.DD.DDDD',
11
+ * @param maskPatternPlaceholder: 'MM.DD.YYYY',
12
+ * @param usePatternPlaceholder: true,
13
+ * @param isNumericMobileKeyboard: true,
14
+ * @param blinkErrors: true,
15
+ * @param showErrors: false,
16
+ * @param autocomplete: 'bday',
17
+ * @param focusSelector: 'input',
18
+ */
19
+ var DATE_PRESET = {
20
+ type: 'inputMask',
21
+ maskPattern: 'DD.DD.DDDD',
22
+ maskPatternPlaceholder: 'MM.DD.YYYY',
23
+ usePatternPlaceholder: true,
24
+ isNumericMobileKeyboard: true,
25
+ blinkErrors: true,
26
+ showErrors: false,
27
+ autocomplete: 'bday',
28
+ focusSelector: 'input',
29
+ };
30
+ /**
31
+ * @param type: 'inputMask',
32
+ * @param maskPattern: 'DDDDD',
33
+ * @param maskPlaceholder: 'X',
34
+ * @param isNumericMobileKeyboard: true,
35
+ * @param blinkErrors: true,
36
+ * @param showErrors: false,
37
+ * @param focusSelector: 'input',
38
+ * @param autocomplete: 'postal-code',
39
+ * @param rules: 'fieldZip'
40
+ */
41
+
42
+ var ZIP_PRESET = {
43
+ type: 'inputMask',
44
+ focusSelector: 'input',
45
+ maskPattern: 'DDDDD',
46
+ maskPlaceholder: 'X',
47
+ isNumericMobileKeyboard: true,
48
+ blinkErrors: true,
49
+ showErrors: false,
50
+ autocomplete: 'postal-code',
51
+ rules: 'fieldZip',
52
+ };
53
+ /**
54
+ * @param type: 'inputMask',
55
+ * @param maskPattern: 'DDDDDDDDD',
56
+ * @param maskPlaceholder: 'X',
57
+ * @param isNumericMobileKeyboard: true,
58
+ * @param blinkErrors: true,
59
+ * @param showErrors: false,
60
+ * @param focusSelector: 'input',
61
+ */
62
+
63
+ var SSN_PRESET = {
64
+ type: 'inputMask',
65
+ maskPattern: 'DDDDDDDDD',
66
+ maskPlaceholder: 'X',
67
+ focusSelector: 'input',
68
+ isNumericMobileKeyboard: true,
69
+ blinkErrors: true,
70
+ showErrors: false,
71
+ };
72
+ /**
73
+ * @param type: 'inputMask',
74
+ * @param maskPattern: 'DDD-DDD-DDDD',
75
+ * @param maskPlaceholder: 'X',
76
+ * @param isNumericMobileKeyboard: true,
77
+ * @param blinkErrors: true,
78
+ * @param showErrors: false,
79
+ * @param focusSelector: 'input',
80
+ * @param autocomplete: 'tel-national',
81
+ */
82
+
83
+ var MOBILE_PHONE_PRESET = {
84
+ type: 'inputMask',
85
+ maskPattern: 'DDD-DDD-DDDD',
86
+ maskPlaceholder: 'X',
87
+ focusSelector: 'input',
88
+ isNumericMobileKeyboard: true,
89
+ blinkErrors: true,
90
+ showErrors: false,
91
+ autocomplete: 'tel-national',
92
+ };
93
+ /**
94
+ * @param type: 'inputMask3',
95
+ * @param maskPattern: 'DDDD',
96
+ * @param maskPlaceholder: 'X',
97
+ * @param isNumericMobileKeyboard: true,
98
+ * @param blinkErrors: true,
99
+ * @param showErrors: false,
100
+ */
101
+
102
+ var SHORT_SSN_PRESET = {
103
+ type: 'inputMask3',
104
+ maskPattern: 'DDDD',
105
+ maskPlaceholder: 'X',
106
+ focusSelector: 'input',
107
+ isNumericMobileKeyboard: true,
108
+ blinkErrors: true,
109
+ showErrors: false,
110
+ };
111
+ /**
112
+ * @param type: 'inputMask',
113
+ * @param maskPattern: 'DDDDDDDDD',
114
+ * @param maskPlaceholder: 'X',
115
+ * @param isNumericMobileKeyboard: true,
116
+ * @param blinkErrors: true,
117
+ * @param showErrors: false,
118
+ */
119
+
120
+ var ABA_PRESET = {
121
+ type: 'inputMask',
122
+ maskPattern: 'DDDDDDDDD',
123
+ maskPlaceholder: 'X',
124
+ isNumericMobileKeyboard: true,
125
+ blinkErrors: true,
126
+ showErrors: false,
127
+ };
128
+ /**
129
+ * @param type: 'inputMask',
130
+ * @param maskPattern: 'MM/YY',
131
+ * @param maskPatternPlaceholder: 'MM/YY',
132
+ * @param usePatternPlaceholder: true,
133
+ * @param isNumericMobileKeyboard: true,
134
+ * @param blinkErrors: true,
135
+ * @param showErrors: false,
136
+ * @param focusSelector: 'input',
137
+ */
138
+
139
+ var CC_EXPIRATION_DATE = {
140
+ type: 'inputMask',
141
+ maskPattern: 'MM/YY',
142
+ maskPatternPlaceholder: 'MM/YY',
143
+ usePatternPlaceholder: true,
144
+ isNumericMobileKeyboard: true,
145
+ blinkErrors: true,
146
+ showErrors: false,
147
+ focusSelector: 'input',
148
+ };
149
+ /**
150
+ * @param type: 'inputMask',
151
+ * @param maskPattern: 'DDDDDDDDDD',
152
+ * @param maskPlaceholder: 'X',
153
+ * @param isNumericMobileKeyboard: true,
154
+ * @param blinkErrors: true,
155
+ * @param showErrors: false,
156
+ */
157
+
158
+ var BANK_ACCOUNT = {
159
+ type: 'inputMask',
160
+ maskPattern: 'DDDDDDDDDD',
161
+ maskPlaceholder: 'X',
162
+ isNumericMobileKeyboard: true,
163
+ blinkErrors: true,
164
+ showErrors: false,
165
+ };
166
+ var MASK_PRESET = {
167
+ BANK_ACCOUNT: BANK_ACCOUNT,
168
+ CC_EXPIRATION_DATE: CC_EXPIRATION_DATE,
169
+ DATE_PRESET: DATE_PRESET,
170
+ ZIP_PRESET: ZIP_PRESET,
171
+ SSN_PRESET: SSN_PRESET,
172
+ MOBILE_PHONE_PRESET: MOBILE_PHONE_PRESET,
173
+ SHORT_SSN_PRESET: SHORT_SSN_PRESET,
174
+ ABA_PRESET: ABA_PRESET,
175
+ };
176
+ exports.MASK_PRESET = MASK_PRESET;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "1.2.91",
3
+ "version": "1.2.93",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "files": [