@alfalab/core-components-calendar-input 10.3.0 → 10.3.2

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 (10) hide show
  1. package/components/calendar-input/Component.js +1 -1
  2. package/components/calendar-input/index.css +17 -15
  3. package/cssm/components/calendar-input/index.module.css +6 -4
  4. package/esm/components/calendar-input/Component.js +1 -1
  5. package/esm/components/calendar-input/index.css +17 -15
  6. package/modern/components/calendar-input/Component.js +1 -1
  7. package/modern/components/calendar-input/index.css +17 -15
  8. package/moderncssm/components/calendar-input/index.module.css +3 -3
  9. package/package.json +6 -6
  10. package/src/components/calendar-input/index.module.css +3 -3
package/components/calendar-input/Component.js CHANGED
@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
18
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
19
19
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
20
20
 
21
- var styles = {"component":"calendar-input__component_psfsj","block":"calendar-input__block_psfsj","calendarContainer":"calendar-input__calendarContainer_psfsj","calendarResponsive":"calendar-input__calendarResponsive_psfsj","calendarIcon":"calendar-input__calendarIcon_psfsj","nativeInput":"calendar-input__nativeInput_psfsj"};
21
+ var styles = {"component":"calendar-input__component_ladw7","block":"calendar-input__block_ladw7","calendarContainer":"calendar-input__calendarContainer_ladw7","calendarResponsive":"calendar-input__calendarResponsive_ladw7","calendarIcon":"calendar-input__calendarIcon_ladw7","nativeInput":"calendar-input__nativeInput_ladw7"};
22
22
  require('./index.css')
23
23
 
24
24
  var CalendarInput = React.forwardRef(function (_a, ref) {
package/components/calendar-input/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vpiz */
1
+ /* hash: 1lk8f */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -16,14 +16,16 @@
16
16
  --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
17
 
18
18
  /* новые значения, используйте их */
19
+ --border-radius-8: var(--border-radius-m);
19
20
  } :root { /* deprecated */
20
21
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
22
 
22
23
  /* новые значения, используйте их */
24
+ --gap-0: 0;
23
25
  --gap-4: var(--gap-2xs);
24
26
  } :root {
25
27
  } :root {
26
- } :root {
28
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
27
29
  --calendar-width: 344px;
28
30
 
29
31
  /* Кнопки выбора месяцев и годов */
@@ -47,42 +49,42 @@
47
49
  /* marker */
48
50
  } :root {
49
51
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
50
- --calendar-input-popover-border-radius: var(--border-radius-m);
51
- } .calendar-input__component_psfsj {
52
+ --calendar-input-popover-border-radius: var(--border-radius-8);
53
+ } .calendar-input__component_ladw7 {
52
54
  display: inline-block;
53
55
  outline: none;
54
56
  position: relative;
55
- } .calendar-input__block_psfsj {
57
+ } .calendar-input__block_ladw7 {
56
58
  width: 100%;
57
- } .calendar-input__calendarContainer_psfsj {
59
+ } .calendar-input__calendarContainer_ladw7 {
58
60
  display: inline-block;
59
61
  box-sizing: border-box;
60
62
  border-radius: var(--calendar-input-popover-border-radius);
61
63
  border: 1px solid var(--color-light-neutral-300)
62
- } @media (max-width: 374px) { .calendar-input__calendarContainer_psfsj {
64
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_ladw7 {
63
65
  width: 100%;
64
66
  min-width: 288px
65
67
  }
66
- } .calendar-input__calendarResponsive_psfsj {
68
+ } .calendar-input__calendarResponsive_ladw7 {
67
69
  width: var(--calendar-width);
68
- } .calendar-input__calendarIcon_psfsj {
70
+ } .calendar-input__calendarIcon_ladw7 {
69
71
  width: 24px;
70
72
  height: 24px;
71
73
  display: block;
72
74
  color: var(--calendar-input-icon-color)
73
- } .calendar-input__calendarIcon_psfsj:not(:only-child) {
75
+ } .calendar-input__calendarIcon_ladw7:not(:only-child) {
74
76
  margin-right: var(--gap-4);
75
- } .calendar-input__nativeInput_psfsj {
77
+ } .calendar-input__nativeInput_ladw7 {
76
78
  opacity: 0;
77
79
  position: absolute;
78
- top: 0;
79
- left: 0;
80
+ top: var(--gap-0);
81
+ left: var(--gap-0);
80
82
  width: 100%;
81
83
  height: 100%;
82
84
  appearance: none;
83
85
  z-index: 1
84
- } .calendar-input__nativeInput_psfsj::-webkit-calendar-picker-indicator {
86
+ } .calendar-input__nativeInput_ladw7::-webkit-calendar-picker-indicator {
85
87
  display: none;
86
- } .calendar-input__nativeInput_psfsj::-webkit-inner-spin-button {
88
+ } .calendar-input__nativeInput_ladw7::-webkit-inner-spin-button {
87
89
  display: none;
88
90
  }
package/cssm/components/calendar-input/index.module.css CHANGED
@@ -15,14 +15,16 @@
15
15
  --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
16
 
17
17
  /* новые значения, используйте их */
18
+ --border-radius-8: var(--border-radius-m);
18
19
  } :root { /* deprecated */
19
20
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
21
 
21
22
  /* новые значения, используйте их */
23
+ --gap-0: 0;
22
24
  --gap-4: var(--gap-2xs);
23
25
  } :root {
24
26
  } :root {
25
- } :root {
27
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
26
28
  --calendar-width: 344px;
27
29
 
28
30
  /* Кнопки выбора месяцев и годов */
@@ -46,7 +48,7 @@
46
48
  /* marker */
47
49
  } :root {
48
50
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
49
- --calendar-input-popover-border-radius: var(--border-radius-m);
51
+ --calendar-input-popover-border-radius: var(--border-radius-8);
50
52
  } .component {
51
53
  display: inline-block;
52
54
  outline: none;
@@ -74,8 +76,8 @@
74
76
  } .nativeInput {
75
77
  opacity: 0;
76
78
  position: absolute;
77
- top: 0;
78
- left: 0;
79
+ top: var(--gap-0);
80
+ left: var(--gap-0);
79
81
  width: 100%;
80
82
  height: 100%;
81
83
  appearance: none;
package/esm/components/calendar-input/Component.js CHANGED
@@ -8,7 +8,7 @@ import { Popover } from '@alfalab/core-components-popover/esm';
8
8
  import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
9
9
  import { SUPPORTS_INPUT_TYPE_DATE } from '../../utils.js';
10
10
 
11
- var styles = {"component":"calendar-input__component_psfsj","block":"calendar-input__block_psfsj","calendarContainer":"calendar-input__calendarContainer_psfsj","calendarResponsive":"calendar-input__calendarResponsive_psfsj","calendarIcon":"calendar-input__calendarIcon_psfsj","nativeInput":"calendar-input__nativeInput_psfsj"};
11
+ var styles = {"component":"calendar-input__component_ladw7","block":"calendar-input__block_ladw7","calendarContainer":"calendar-input__calendarContainer_ladw7","calendarResponsive":"calendar-input__calendarResponsive_ladw7","calendarIcon":"calendar-input__calendarIcon_ladw7","nativeInput":"calendar-input__nativeInput_ladw7"};
12
12
  require('./index.css')
13
13
 
14
14
  var CalendarInput = forwardRef(function (_a, ref) {
package/esm/components/calendar-input/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vpiz */
1
+ /* hash: 1lk8f */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -16,14 +16,16 @@
16
16
  --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
17
 
18
18
  /* новые значения, используйте их */
19
+ --border-radius-8: var(--border-radius-m);
19
20
  } :root { /* deprecated */
20
21
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
22
 
22
23
  /* новые значения, используйте их */
24
+ --gap-0: 0;
23
25
  --gap-4: var(--gap-2xs);
24
26
  } :root {
25
27
  } :root {
26
- } :root {
28
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
27
29
  --calendar-width: 344px;
28
30
 
29
31
  /* Кнопки выбора месяцев и годов */
@@ -47,42 +49,42 @@
47
49
  /* marker */
48
50
  } :root {
49
51
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
50
- --calendar-input-popover-border-radius: var(--border-radius-m);
51
- } .calendar-input__component_psfsj {
52
+ --calendar-input-popover-border-radius: var(--border-radius-8);
53
+ } .calendar-input__component_ladw7 {
52
54
  display: inline-block;
53
55
  outline: none;
54
56
  position: relative;
55
- } .calendar-input__block_psfsj {
57
+ } .calendar-input__block_ladw7 {
56
58
  width: 100%;
57
- } .calendar-input__calendarContainer_psfsj {
59
+ } .calendar-input__calendarContainer_ladw7 {
58
60
  display: inline-block;
59
61
  box-sizing: border-box;
60
62
  border-radius: var(--calendar-input-popover-border-radius);
61
63
  border: 1px solid var(--color-light-neutral-300)
62
- } @media (max-width: 374px) { .calendar-input__calendarContainer_psfsj {
64
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_ladw7 {
63
65
  width: 100%;
64
66
  min-width: 288px
65
67
  }
66
- } .calendar-input__calendarResponsive_psfsj {
68
+ } .calendar-input__calendarResponsive_ladw7 {
67
69
  width: var(--calendar-width);
68
- } .calendar-input__calendarIcon_psfsj {
70
+ } .calendar-input__calendarIcon_ladw7 {
69
71
  width: 24px;
70
72
  height: 24px;
71
73
  display: block;
72
74
  color: var(--calendar-input-icon-color)
73
- } .calendar-input__calendarIcon_psfsj:not(:only-child) {
75
+ } .calendar-input__calendarIcon_ladw7:not(:only-child) {
74
76
  margin-right: var(--gap-4);
75
- } .calendar-input__nativeInput_psfsj {
77
+ } .calendar-input__nativeInput_ladw7 {
76
78
  opacity: 0;
77
79
  position: absolute;
78
- top: 0;
79
- left: 0;
80
+ top: var(--gap-0);
81
+ left: var(--gap-0);
80
82
  width: 100%;
81
83
  height: 100%;
82
84
  appearance: none;
83
85
  z-index: 1
84
- } .calendar-input__nativeInput_psfsj::-webkit-calendar-picker-indicator {
86
+ } .calendar-input__nativeInput_ladw7::-webkit-calendar-picker-indicator {
85
87
  display: none;
86
- } .calendar-input__nativeInput_psfsj::-webkit-inner-spin-button {
88
+ } .calendar-input__nativeInput_ladw7::-webkit-inner-spin-button {
87
89
  display: none;
88
90
  }
package/modern/components/calendar-input/Component.js CHANGED
@@ -7,7 +7,7 @@ import { Popover } from '@alfalab/core-components-popover/modern';
7
7
  import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
8
8
  import { SUPPORTS_INPUT_TYPE_DATE } from '../../utils.js';
9
9
 
10
- const styles = {"component":"calendar-input__component_psfsj","block":"calendar-input__block_psfsj","calendarContainer":"calendar-input__calendarContainer_psfsj","calendarResponsive":"calendar-input__calendarResponsive_psfsj","calendarIcon":"calendar-input__calendarIcon_psfsj","nativeInput":"calendar-input__nativeInput_psfsj"};
10
+ const styles = {"component":"calendar-input__component_ladw7","block":"calendar-input__block_ladw7","calendarContainer":"calendar-input__calendarContainer_ladw7","calendarResponsive":"calendar-input__calendarResponsive_ladw7","calendarIcon":"calendar-input__calendarIcon_ladw7","nativeInput":"calendar-input__nativeInput_ladw7"};
11
11
  require('./index.css')
12
12
 
13
13
  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, onCalendarOpen, onCalendarClose, onKeyDown, readOnly, disableUserInput = false, Calendar, popoverPosition = 'bottom-start', zIndexPopover, useAnchorWidth, rightAddons, error, view = 'desktop', ...restProps }, ref) => {
package/modern/components/calendar-input/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vpiz */
1
+ /* hash: 1lk8f */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -16,14 +16,16 @@
16
16
  --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
17
 
18
18
  /* новые значения, используйте их */
19
+ --border-radius-8: var(--border-radius-m);
19
20
  } :root { /* deprecated */
20
21
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
22
 
22
23
  /* новые значения, используйте их */
24
+ --gap-0: 0;
23
25
  --gap-4: var(--gap-2xs);
24
26
  } :root {
25
27
  } :root {
26
- } :root {
28
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
27
29
  --calendar-width: 344px;
28
30
 
29
31
  /* Кнопки выбора месяцев и годов */
@@ -47,42 +49,42 @@
47
49
  /* marker */
48
50
  } :root {
49
51
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
50
- --calendar-input-popover-border-radius: var(--border-radius-m);
51
- } .calendar-input__component_psfsj {
52
+ --calendar-input-popover-border-radius: var(--border-radius-8);
53
+ } .calendar-input__component_ladw7 {
52
54
  display: inline-block;
53
55
  outline: none;
54
56
  position: relative;
55
- } .calendar-input__block_psfsj {
57
+ } .calendar-input__block_ladw7 {
56
58
  width: 100%;
57
- } .calendar-input__calendarContainer_psfsj {
59
+ } .calendar-input__calendarContainer_ladw7 {
58
60
  display: inline-block;
59
61
  box-sizing: border-box;
60
62
  border-radius: var(--calendar-input-popover-border-radius);
61
63
  border: 1px solid var(--color-light-neutral-300)
62
- } @media (max-width: 374px) { .calendar-input__calendarContainer_psfsj {
64
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_ladw7 {
63
65
  width: 100%;
64
66
  min-width: 288px
65
67
  }
66
- } .calendar-input__calendarResponsive_psfsj {
68
+ } .calendar-input__calendarResponsive_ladw7 {
67
69
  width: var(--calendar-width);
68
- } .calendar-input__calendarIcon_psfsj {
70
+ } .calendar-input__calendarIcon_ladw7 {
69
71
  width: 24px;
70
72
  height: 24px;
71
73
  display: block;
72
74
  color: var(--calendar-input-icon-color)
73
- } .calendar-input__calendarIcon_psfsj:not(:only-child) {
75
+ } .calendar-input__calendarIcon_ladw7:not(:only-child) {
74
76
  margin-right: var(--gap-4);
75
- } .calendar-input__nativeInput_psfsj {
77
+ } .calendar-input__nativeInput_ladw7 {
76
78
  opacity: 0;
77
79
  position: absolute;
78
- top: 0;
79
- left: 0;
80
+ top: var(--gap-0);
81
+ left: var(--gap-0);
80
82
  width: 100%;
81
83
  height: 100%;
82
84
  appearance: none;
83
85
  z-index: 1
84
- } .calendar-input__nativeInput_psfsj::-webkit-calendar-picker-indicator {
86
+ } .calendar-input__nativeInput_ladw7::-webkit-calendar-picker-indicator {
85
87
  display: none;
86
- } .calendar-input__nativeInput_psfsj::-webkit-inner-spin-button {
88
+ } .calendar-input__nativeInput_ladw7::-webkit-inner-spin-button {
87
89
  display: none;
88
90
  }
package/moderncssm/components/calendar-input/index.module.css CHANGED
@@ -24,7 +24,7 @@
24
24
  }
25
25
  :root {
26
26
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
27
- --calendar-input-popover-border-radius: var(--border-radius-m);
27
+ --calendar-input-popover-border-radius: var(--border-radius-8);
28
28
  }
29
29
  .component {
30
30
  display: inline-block;
@@ -61,8 +61,8 @@
61
61
  .nativeInput {
62
62
  opacity: 0;
63
63
  position: absolute;
64
- top: 0;
65
- left: 0;
64
+ top: var(--gap-0);
65
+ left: var(--gap-0);
66
66
  width: 100%;
67
67
  height: 100%;
68
68
  appearance: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-input",
3
- "version": "10.3.0",
3
+ "version": "10.3.2",
4
4
  "description": "Calendar input component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,9 +15,9 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-calendar": "^7.11.0",
19
- "@alfalab/core-components-date-input": "^4.4.0",
20
- "@alfalab/core-components-popover": "^6.3.0",
18
+ "@alfalab/core-components-calendar": "^7.12.1",
19
+ "@alfalab/core-components-date-input": "^4.4.2",
20
+ "@alfalab/core-components-popover": "^6.3.1",
21
21
  "@alfalab/hooks": "^1.13.0",
22
22
  "@alfalab/icons-glyph": "^2.139.0",
23
23
  "classnames": "^2.3.1",
@@ -25,6 +25,6 @@
25
25
  "react-merge-refs": "^1.1.0",
26
26
  "tslib": "^2.4.0"
27
27
  },
28
- "themesVersion": "13.1.0",
29
- "varsVersion": "9.12.0"
28
+ "themesVersion": "13.2.0",
29
+ "varsVersion": "9.13.1"
30
30
  }
package/src/components/calendar-input/index.module.css CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  :root {
5
5
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
6
- --calendar-input-popover-border-radius: var(--border-radius-m);
6
+ --calendar-input-popover-border-radius: var(--border-radius-8);
7
7
  }
8
8
 
9
9
  .component {
@@ -46,8 +46,8 @@
46
46
  .nativeInput {
47
47
  opacity: 0;
48
48
  position: absolute;
49
- top: 0;
50
- left: 0;
49
+ top: var(--gap-0);
50
+ left: var(--gap-0);
51
51
  width: 100%;
52
52
  height: 100%;
53
53
  appearance: none;