@alfalab/core-components-calendar-input 8.2.25 → 8.2.26

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.
@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
21
21
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
22
22
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
23
23
 
24
- var styles = {"component":"calendar-input__component_1hcey","block":"calendar-input__block_1hcey","calendarContainer":"calendar-input__calendarContainer_1hcey","calendarResponsive":"calendar-input__calendarResponsive_1hcey","calendarIcon":"calendar-input__calendarIcon_1hcey","nativeInput":"calendar-input__nativeInput_1hcey"};
24
+ var styles = {"component":"calendar-input__component_nfelp","block":"calendar-input__block_nfelp","calendarContainer":"calendar-input__calendarContainer_nfelp","calendarResponsive":"calendar-input__calendarResponsive_nfelp","calendarIcon":"calendar-input__calendarIcon_nfelp","nativeInput":"calendar-input__nativeInput_nfelp"};
25
25
  require('./index.css')
26
26
 
27
27
  var CalendarInput = React.forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: vqvn8 */
1
+ /* hash: ydhy3 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-secondary: #e9e9eb;
@@ -16,7 +16,6 @@
16
16
  --border-radius-m: 8px;
17
17
  } :root {
18
18
  --gap-2xs: 4px;
19
- --gap-m: 16px;
20
19
  } :root {
21
20
  } :root {
22
21
  } :root {
@@ -44,32 +43,31 @@
44
43
  } :root {
45
44
  --calendar-input-icon-color: var(--color-light-graphic-primary);
46
45
  --calendar-input-popover-border-radius: var(--border-radius-m);
47
- } .calendar-input__component_1hcey {
46
+ } .calendar-input__component_nfelp {
48
47
  display: inline-block;
49
48
  outline: none;
50
49
  position: relative;
51
- } .calendar-input__block_1hcey {
50
+ } .calendar-input__block_nfelp {
52
51
  width: 100%;
53
- } .calendar-input__calendarContainer_1hcey {
52
+ } .calendar-input__calendarContainer_nfelp {
54
53
  display: inline-block;
55
54
  box-sizing: border-box;
56
55
  border-radius: var(--calendar-input-popover-border-radius);
57
56
  border: 1px solid var(--color-light-border-secondary)
58
- } @media (max-width: 374px) { .calendar-input__calendarContainer_1hcey {
57
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_nfelp {
59
58
  width: 100%;
60
59
  min-width: 288px
61
60
  }
62
- } .calendar-input__calendarResponsive_1hcey {
61
+ } .calendar-input__calendarResponsive_nfelp {
63
62
  width: var(--calendar-width);
64
- padding: 0 var(--gap-m);
65
- } .calendar-input__calendarIcon_1hcey {
63
+ } .calendar-input__calendarIcon_nfelp {
66
64
  width: 24px;
67
65
  height: 24px;
68
66
  display: block;
69
67
  color: var(--calendar-input-icon-color)
70
- } .calendar-input__calendarIcon_1hcey:not(:only-child) {
68
+ } .calendar-input__calendarIcon_nfelp:not(:only-child) {
71
69
  margin-right: var(--gap-2xs);
72
- } .calendar-input__nativeInput_1hcey {
70
+ } .calendar-input__nativeInput_nfelp {
73
71
  opacity: 0;
74
72
  position: absolute;
75
73
  top: 0;
@@ -79,8 +77,8 @@
79
77
  -webkit-appearance: none;
80
78
  appearance: none;
81
79
  z-index: 1
82
- } .calendar-input__nativeInput_1hcey::-webkit-calendar-picker-indicator {
80
+ } .calendar-input__nativeInput_nfelp::-webkit-calendar-picker-indicator {
83
81
  display: none;
84
- } .calendar-input__nativeInput_1hcey::-webkit-inner-spin-button {
82
+ } .calendar-input__nativeInput_nfelp::-webkit-inner-spin-button {
85
83
  display: none;
86
84
  }
@@ -15,7 +15,6 @@
15
15
  --border-radius-m: 8px;
16
16
  } :root {
17
17
  --gap-2xs: 4px;
18
- --gap-m: 16px;
19
18
  } :root {
20
19
  } :root {
21
20
  } :root {
@@ -60,7 +59,6 @@
60
59
  }
61
60
  } .calendarResponsive {
62
61
  width: var(--calendar-width);
63
- padding: 0 var(--gap-m);
64
62
  } .calendarIcon {
65
63
  width: 24px;
66
64
  height: 24px;
@@ -11,7 +11,7 @@ import 'date-fns/format';
11
11
  import 'date-fns/isSameDay';
12
12
  import 'date-fns/parse';
13
13
 
14
- var styles = {"component":"calendar-input__component_1hcey","block":"calendar-input__block_1hcey","calendarContainer":"calendar-input__calendarContainer_1hcey","calendarResponsive":"calendar-input__calendarResponsive_1hcey","calendarIcon":"calendar-input__calendarIcon_1hcey","nativeInput":"calendar-input__nativeInput_1hcey"};
14
+ var styles = {"component":"calendar-input__component_nfelp","block":"calendar-input__block_nfelp","calendarContainer":"calendar-input__calendarContainer_nfelp","calendarResponsive":"calendar-input__calendarResponsive_nfelp","calendarIcon":"calendar-input__calendarIcon_nfelp","nativeInput":"calendar-input__nativeInput_nfelp"};
15
15
  require('./index.css')
16
16
 
17
17
  var CalendarInput = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: vqvn8 */
1
+ /* hash: ydhy3 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-secondary: #e9e9eb;
@@ -16,7 +16,6 @@
16
16
  --border-radius-m: 8px;
17
17
  } :root {
18
18
  --gap-2xs: 4px;
19
- --gap-m: 16px;
20
19
  } :root {
21
20
  } :root {
22
21
  } :root {
@@ -44,32 +43,31 @@
44
43
  } :root {
45
44
  --calendar-input-icon-color: var(--color-light-graphic-primary);
46
45
  --calendar-input-popover-border-radius: var(--border-radius-m);
47
- } .calendar-input__component_1hcey {
46
+ } .calendar-input__component_nfelp {
48
47
  display: inline-block;
49
48
  outline: none;
50
49
  position: relative;
51
- } .calendar-input__block_1hcey {
50
+ } .calendar-input__block_nfelp {
52
51
  width: 100%;
53
- } .calendar-input__calendarContainer_1hcey {
52
+ } .calendar-input__calendarContainer_nfelp {
54
53
  display: inline-block;
55
54
  box-sizing: border-box;
56
55
  border-radius: var(--calendar-input-popover-border-radius);
57
56
  border: 1px solid var(--color-light-border-secondary)
58
- } @media (max-width: 374px) { .calendar-input__calendarContainer_1hcey {
57
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_nfelp {
59
58
  width: 100%;
60
59
  min-width: 288px
61
60
  }
62
- } .calendar-input__calendarResponsive_1hcey {
61
+ } .calendar-input__calendarResponsive_nfelp {
63
62
  width: var(--calendar-width);
64
- padding: 0 var(--gap-m);
65
- } .calendar-input__calendarIcon_1hcey {
63
+ } .calendar-input__calendarIcon_nfelp {
66
64
  width: 24px;
67
65
  height: 24px;
68
66
  display: block;
69
67
  color: var(--calendar-input-icon-color)
70
- } .calendar-input__calendarIcon_1hcey:not(:only-child) {
68
+ } .calendar-input__calendarIcon_nfelp:not(:only-child) {
71
69
  margin-right: var(--gap-2xs);
72
- } .calendar-input__nativeInput_1hcey {
70
+ } .calendar-input__nativeInput_nfelp {
73
71
  opacity: 0;
74
72
  position: absolute;
75
73
  top: 0;
@@ -79,8 +77,8 @@
79
77
  -webkit-appearance: none;
80
78
  appearance: none;
81
79
  z-index: 1
82
- } .calendar-input__nativeInput_1hcey::-webkit-calendar-picker-indicator {
80
+ } .calendar-input__nativeInput_nfelp::-webkit-calendar-picker-indicator {
83
81
  display: none;
84
- } .calendar-input__nativeInput_1hcey::-webkit-inner-spin-button {
82
+ } .calendar-input__nativeInput_nfelp::-webkit-inner-spin-button {
85
83
  display: none;
86
84
  }
@@ -10,7 +10,7 @@ import 'date-fns/format';
10
10
  import 'date-fns/isSameDay';
11
11
  import 'date-fns/parse';
12
12
 
13
- const styles = {"component":"calendar-input__component_1hcey","block":"calendar-input__block_1hcey","calendarContainer":"calendar-input__calendarContainer_1hcey","calendarResponsive":"calendar-input__calendarResponsive_1hcey","calendarIcon":"calendar-input__calendarIcon_1hcey","nativeInput":"calendar-input__nativeInput_1hcey"};
13
+ const styles = {"component":"calendar-input__component_nfelp","block":"calendar-input__block_nfelp","calendarContainer":"calendar-input__calendarContainer_nfelp","calendarResponsive":"calendar-input__calendarResponsive_nfelp","calendarIcon":"calendar-input__calendarIcon_nfelp","nativeInput":"calendar-input__nativeInput_nfelp"};
14
14
  require('./index.css')
15
15
 
16
16
  const CalendarInput = forwardRef(({ block = false, className, inputClassName, popoverClassName, defaultOpen = false, defaultMonth, defaultValue = '', calendarPosition = 'popover', value, dataTestId, calendarProps = {}, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], events = calendarProps.events || [], preventFlip, mobileMode = 'popover', wrapperRef = null, disabled, onChange = () => null, onInputChange, onCalendarChange, onKeyDown, readOnly, Calendar: Calendar$1 = Calendar, popoverPosition = 'bottom-start', zIndexPopover, useAnchorWidth, rightAddons, error, view = 'desktop', ...restProps }, ref) => {
@@ -1,4 +1,4 @@
1
- /* hash: vqvn8 */
1
+ /* hash: ydhy3 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-secondary: #e9e9eb;
@@ -16,7 +16,6 @@
16
16
  --border-radius-m: 8px;
17
17
  } :root {
18
18
  --gap-2xs: 4px;
19
- --gap-m: 16px;
20
19
  } :root {
21
20
  } :root {
22
21
  } :root {
@@ -44,32 +43,31 @@
44
43
  } :root {
45
44
  --calendar-input-icon-color: var(--color-light-graphic-primary);
46
45
  --calendar-input-popover-border-radius: var(--border-radius-m);
47
- } .calendar-input__component_1hcey {
46
+ } .calendar-input__component_nfelp {
48
47
  display: inline-block;
49
48
  outline: none;
50
49
  position: relative;
51
- } .calendar-input__block_1hcey {
50
+ } .calendar-input__block_nfelp {
52
51
  width: 100%;
53
- } .calendar-input__calendarContainer_1hcey {
52
+ } .calendar-input__calendarContainer_nfelp {
54
53
  display: inline-block;
55
54
  box-sizing: border-box;
56
55
  border-radius: var(--calendar-input-popover-border-radius);
57
56
  border: 1px solid var(--color-light-border-secondary)
58
- } @media (max-width: 374px) { .calendar-input__calendarContainer_1hcey {
57
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_nfelp {
59
58
  width: 100%;
60
59
  min-width: 288px
61
60
  }
62
- } .calendar-input__calendarResponsive_1hcey {
61
+ } .calendar-input__calendarResponsive_nfelp {
63
62
  width: var(--calendar-width);
64
- padding: 0 var(--gap-m);
65
- } .calendar-input__calendarIcon_1hcey {
63
+ } .calendar-input__calendarIcon_nfelp {
66
64
  width: 24px;
67
65
  height: 24px;
68
66
  display: block;
69
67
  color: var(--calendar-input-icon-color)
70
- } .calendar-input__calendarIcon_1hcey:not(:only-child) {
68
+ } .calendar-input__calendarIcon_nfelp:not(:only-child) {
71
69
  margin-right: var(--gap-2xs);
72
- } .calendar-input__nativeInput_1hcey {
70
+ } .calendar-input__nativeInput_nfelp {
73
71
  opacity: 0;
74
72
  position: absolute;
75
73
  top: 0;
@@ -79,8 +77,8 @@
79
77
  -webkit-appearance: none;
80
78
  appearance: none;
81
79
  z-index: 1
82
- } .calendar-input__nativeInput_1hcey::-webkit-calendar-picker-indicator {
80
+ } .calendar-input__nativeInput_nfelp::-webkit-calendar-picker-indicator {
83
81
  display: none;
84
- } .calendar-input__nativeInput_1hcey::-webkit-inner-spin-button {
82
+ } .calendar-input__nativeInput_nfelp::-webkit-inner-spin-button {
85
83
  display: none;
86
84
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-input",
3
- "version": "8.2.25",
3
+ "version": "8.2.26",
4
4
  "description": "Calendar input component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,10 +18,10 @@
18
18
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@alfalab/core-components-calendar": "^6.4.0",
22
- "@alfalab/core-components-date-input": "^4.2.7",
21
+ "@alfalab/core-components-calendar": "^6.5.0",
22
+ "@alfalab/core-components-date-input": "^4.2.8",
23
23
  "@alfalab/core-components-popover": "^6.0.8",
24
- "@alfalab/hooks": "^1.7.0",
24
+ "@alfalab/hooks": "^1.13.0",
25
25
  "classnames": "^2.3.1",
26
26
  "date-fns": "^2.16.1",
27
27
  "react-merge-refs": "^1.1.0",