intelicoreact 0.0.61 → 0.0.62

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/InputDateRange/InputDateRange.scss +7 -6
  2. package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +14 -4
  3. package/package.json +1 -1
  4. package/src/Atomic/FormElements/InputDateRange/InputDateRange.scss +7 -6
  5. package/src/Atomic/FormElements/InputDateRange/components/SelectItem.js +5 -1
package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss CHANGED
@@ -6,6 +6,7 @@
6
6
  --calendar-range-point-color: #6b81dd;
7
7
  --font-size: 12px;
8
8
  --line-height: 20px;
9
+ --border-radius: 4px;
9
10
  }
10
11
 
11
12
  .date-range-input {
@@ -63,7 +64,7 @@
63
64
  box-sizing: border-box;
64
65
  width: 100%;
65
66
  height: var(--input-height);
66
- border-radius: 4px;
67
+ border-radius: var(--border-radius);
67
68
 
68
69
  display: flex;
69
70
  flex-flow: row nowrap;
@@ -200,7 +201,7 @@
200
201
  justify-content: flex-start;
201
202
  align-items: stretch;
202
203
  border: 1px solid var(--border-color);
203
- border-radius: 4px;
204
+ border-radius: var(--border-radius);
204
205
  background: #FFFFFF;
205
206
 
206
207
  &_right-position-once-element {
@@ -297,7 +298,7 @@
297
298
  &.input__wrap {
298
299
  box-sizing: border-box;
299
300
  box-shadow: none;
300
- border-radius: 4px;
301
+ border-radius: var(--border-radius);
301
302
 
302
303
  &_focus {
303
304
  border: 1px solid blue;
@@ -329,7 +330,7 @@
329
330
  &__hour-select-input {
330
331
  width: 70px;
331
332
  height: fit-content;
332
- border-radius: 4px;
333
+ border-radius: var(--border-radius);
333
334
 
334
335
  &>.dropdown__trigger {
335
336
  width: 100%;
@@ -507,7 +508,7 @@
507
508
 
508
509
  &--prev-range-end {
509
510
  background: #E2E5EC;
510
- border-radius: 4px;
511
+ border-radius: var(--border-radius);
511
512
  }
512
513
 
513
514
  &--prev-range-inside {
@@ -530,7 +531,7 @@
530
531
  box-sizing: border-box;
531
532
  width: 100%;
532
533
  padding: 8px 16px;
533
- border-radius: 0 0 16px 0;
534
+ border-radius: 0 0 var(--border-radius) 0;
534
535
  border: none;
535
536
 
536
537
  display: flex;
package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js CHANGED
@@ -28,10 +28,20 @@ var SelectItem = function SelectItem(_ref) {
28
28
  onClick: onItemClick,
29
29
  onMouseEnter: onMouseEnter,
30
30
  "data-item": item
31
- }, isActive && /*#__PURE__*/_react.default.createElement("object", {
32
- data: _check.default,
33
- className: (0, _classnames.default)('opened-part__intervals-item-icon-active')
34
- }), label);
31
+ }, isActive && /*#__PURE__*/_react.default.createElement("svg", {
32
+ className: (0, _classnames.default)('opened-part__intervals-item-icon-active'),
33
+ width: "16",
34
+ height: "16",
35
+ viewBox: "0 0 16 16",
36
+ fill: "none",
37
+ xmlns: "http://www.w3.org/2000/svg"
38
+ }, /*#__PURE__*/_react.default.createElement("path", {
39
+ d: "M13.3333 4L5.99999 11.3333L2.66666 8",
40
+ stroke: "black",
41
+ "stroke-width": "1.33333",
42
+ "stroke-linecap": "round",
43
+ "stroke-linejoin": "round"
44
+ })), label);
35
45
  };
36
46
 
37
47
  var _default = SelectItem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "0.0.61",
3
+ "version": "0.0.62",
4
4
  "description": "Range selector fixes",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/Atomic/FormElements/InputDateRange/InputDateRange.scss CHANGED
@@ -6,6 +6,7 @@
6
6
  --calendar-range-point-color: #6b81dd;
7
7
  --font-size: 12px;
8
8
  --line-height: 20px;
9
+ --border-radius: 4px;
9
10
  }
10
11
 
11
12
  .date-range-input {
@@ -63,7 +64,7 @@
63
64
  box-sizing: border-box;
64
65
  width: 100%;
65
66
  height: var(--input-height);
66
- border-radius: 4px;
67
+ border-radius: var(--border-radius);
67
68
 
68
69
  display: flex;
69
70
  flex-flow: row nowrap;
@@ -200,7 +201,7 @@
200
201
  justify-content: flex-start;
201
202
  align-items: stretch;
202
203
  border: 1px solid var(--border-color);
203
- border-radius: 4px;
204
+ border-radius: var(--border-radius);
204
205
  background: #FFFFFF;
205
206
 
206
207
  &_right-position-once-element {
@@ -297,7 +298,7 @@
297
298
  &.input__wrap {
298
299
  box-sizing: border-box;
299
300
  box-shadow: none;
300
- border-radius: 4px;
301
+ border-radius: var(--border-radius);
301
302
 
302
303
  &_focus {
303
304
  border: 1px solid blue;
@@ -329,7 +330,7 @@
329
330
  &__hour-select-input {
330
331
  width: 70px;
331
332
  height: fit-content;
332
- border-radius: 4px;
333
+ border-radius: var(--border-radius);
333
334
 
334
335
  &>.dropdown__trigger {
335
336
  width: 100%;
@@ -507,7 +508,7 @@
507
508
 
508
509
  &--prev-range-end {
509
510
  background: #E2E5EC;
510
- border-radius: 4px;
511
+ border-radius: var(--border-radius);
511
512
  }
512
513
 
513
514
  &--prev-range-inside {
@@ -530,7 +531,7 @@
530
531
  box-sizing: border-box;
531
532
  width: 100%;
532
533
  padding: 8px 16px;
533
- border-radius: 0 0 16px 0;
534
+ border-radius: 0 0 var(--border-radius) 0;
534
535
  border: none;
535
536
 
536
537
  display: flex;
package/src/Atomic/FormElements/InputDateRange/components/SelectItem.js CHANGED
@@ -15,7 +15,11 @@ const SelectItem = ({ item, label, isActive, onItemClick, onMouseEnter, disabled
15
15
  onMouseEnter={onMouseEnter}
16
16
  data-item={item}
17
17
  >
18
- {isActive && <object data={icon} className={cn('opened-part__intervals-item-icon-active')} />}
18
+ {isActive && (
19
+ <svg className={cn('opened-part__intervals-item-icon-active')} width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
20
+ <path d="M13.3333 4L5.99999 11.3333L2.66666 8" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
21
+ </svg>
22
+ )}
19
23
  {label}
20
24
  </div>
21
25
  );