@alfalab/core-components-calendar-input 10.4.15 → 10.4.16

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 (9) hide show
  1. package/components/calendar-input/Component.d.ts +1 -1
  2. package/components/calendar-input/Component.js +1 -1
  3. package/components/calendar-input/index.css +15 -12
  4. package/cssm/components/calendar-input/index.module.css +4 -1
  5. package/esm/components/calendar-input/Component.js +1 -1
  6. package/esm/components/calendar-input/index.css +15 -12
  7. package/modern/components/calendar-input/Component.js +1 -1
  8. package/modern/components/calendar-input/index.css +15 -12
  9. package/package.json +3 -3
package/components/calendar-input/Component.d.ts CHANGED
@@ -149,7 +149,7 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
149
149
  onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
150
150
  yearsAmount?: number | undefined;
151
151
  scrollableContainer?: HTMLElement | undefined;
152
- } & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "onMonthChange" | "defaultView" | "selectorView" | "rangeComplete" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "onMonthChange" | "defaultView" | "selectorView" | "rangeComplete" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & Record<string, unknown>) | undefined;
152
+ } & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView"> & Record<string, unknown>) | undefined;
153
153
  /**
154
154
  * Значение инпута (используется и для календаря)
155
155
  */
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_12qos","block":"calendar-input__block_12qos","calendarContainer":"calendar-input__calendarContainer_12qos","calendarResponsive":"calendar-input__calendarResponsive_12qos","calendarIcon":"calendar-input__calendarIcon_12qos","nativeInput":"calendar-input__nativeInput_12qos"};
21
+ var styles = {"component":"calendar-input__component_1bdpg","block":"calendar-input__block_1bdpg","calendarContainer":"calendar-input__calendarContainer_1bdpg","calendarResponsive":"calendar-input__calendarResponsive_1bdpg","calendarIcon":"calendar-input__calendarIcon_1bdpg","nativeInput":"calendar-input__nativeInput_1bdpg"};
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: 8zs9t */
1
+ /* hash: 19rz6 */
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;
@@ -21,7 +21,10 @@
21
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 */
22
22
 
23
23
  /* новые значения, используйте их */
24
- --gap-0: 0;
24
+
25
+ /* no-unit может приводить к проблемам в calc (#1559) */
26
+ /* stylelint-disable-next-line length-zero-no-unit */
27
+ --gap-0: 0px;
25
28
  --gap-4: var(--gap-2xs);
26
29
  } :root {
27
30
  } :root {
@@ -50,31 +53,31 @@
50
53
  } :root {
51
54
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
52
55
  --calendar-input-popover-border-radius: var(--border-radius-8);
53
- } .calendar-input__component_12qos {
56
+ } .calendar-input__component_1bdpg {
54
57
  display: inline-block;
55
58
  outline: none;
56
59
  position: relative;
57
- } .calendar-input__block_12qos {
60
+ } .calendar-input__block_1bdpg {
58
61
  width: 100%;
59
- } .calendar-input__calendarContainer_12qos {
62
+ } .calendar-input__calendarContainer_1bdpg {
60
63
  display: inline-block;
61
64
  box-sizing: border-box;
62
65
  border-radius: var(--calendar-input-popover-border-radius);
63
66
  border: 1px solid var(--color-light-neutral-300)
64
- } @media (max-width: 374px) { .calendar-input__calendarContainer_12qos {
67
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_1bdpg {
65
68
  width: 100%;
66
69
  min-width: 288px
67
70
  }
68
- } .calendar-input__calendarResponsive_12qos {
71
+ } .calendar-input__calendarResponsive_1bdpg {
69
72
  width: var(--calendar-width);
70
- } .calendar-input__calendarIcon_12qos {
73
+ } .calendar-input__calendarIcon_1bdpg {
71
74
  width: 24px;
72
75
  height: 24px;
73
76
  display: block;
74
77
  color: var(--calendar-input-icon-color)
75
- } .calendar-input__calendarIcon_12qos:not(:only-child) {
78
+ } .calendar-input__calendarIcon_1bdpg:not(:only-child) {
76
79
  margin-right: var(--gap-4);
77
- } .calendar-input__nativeInput_12qos {
80
+ } .calendar-input__nativeInput_1bdpg {
78
81
  opacity: 0;
79
82
  position: absolute;
80
83
  top: var(--gap-0);
@@ -83,8 +86,8 @@
83
86
  height: 100%;
84
87
  appearance: none;
85
88
  z-index: 1
86
- } .calendar-input__nativeInput_12qos::-webkit-calendar-picker-indicator {
89
+ } .calendar-input__nativeInput_1bdpg::-webkit-calendar-picker-indicator {
87
90
  display: none;
88
- } .calendar-input__nativeInput_12qos::-webkit-inner-spin-button {
91
+ } .calendar-input__nativeInput_1bdpg::-webkit-inner-spin-button {
89
92
  display: none;
90
93
  }
package/cssm/components/calendar-input/index.module.css CHANGED
@@ -20,7 +20,10 @@
20
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 */
21
21
 
22
22
  /* новые значения, используйте их */
23
- --gap-0: 0;
23
+
24
+ /* no-unit может приводить к проблемам в calc (#1559) */
25
+ /* stylelint-disable-next-line length-zero-no-unit */
26
+ --gap-0: 0px;
24
27
  --gap-4: var(--gap-2xs);
25
28
  } :root {
26
29
  } :root {
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_12qos","block":"calendar-input__block_12qos","calendarContainer":"calendar-input__calendarContainer_12qos","calendarResponsive":"calendar-input__calendarResponsive_12qos","calendarIcon":"calendar-input__calendarIcon_12qos","nativeInput":"calendar-input__nativeInput_12qos"};
11
+ var styles = {"component":"calendar-input__component_1bdpg","block":"calendar-input__block_1bdpg","calendarContainer":"calendar-input__calendarContainer_1bdpg","calendarResponsive":"calendar-input__calendarResponsive_1bdpg","calendarIcon":"calendar-input__calendarIcon_1bdpg","nativeInput":"calendar-input__nativeInput_1bdpg"};
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: 8zs9t */
1
+ /* hash: 19rz6 */
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;
@@ -21,7 +21,10 @@
21
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 */
22
22
 
23
23
  /* новые значения, используйте их */
24
- --gap-0: 0;
24
+
25
+ /* no-unit может приводить к проблемам в calc (#1559) */
26
+ /* stylelint-disable-next-line length-zero-no-unit */
27
+ --gap-0: 0px;
25
28
  --gap-4: var(--gap-2xs);
26
29
  } :root {
27
30
  } :root {
@@ -50,31 +53,31 @@
50
53
  } :root {
51
54
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
52
55
  --calendar-input-popover-border-radius: var(--border-radius-8);
53
- } .calendar-input__component_12qos {
56
+ } .calendar-input__component_1bdpg {
54
57
  display: inline-block;
55
58
  outline: none;
56
59
  position: relative;
57
- } .calendar-input__block_12qos {
60
+ } .calendar-input__block_1bdpg {
58
61
  width: 100%;
59
- } .calendar-input__calendarContainer_12qos {
62
+ } .calendar-input__calendarContainer_1bdpg {
60
63
  display: inline-block;
61
64
  box-sizing: border-box;
62
65
  border-radius: var(--calendar-input-popover-border-radius);
63
66
  border: 1px solid var(--color-light-neutral-300)
64
- } @media (max-width: 374px) { .calendar-input__calendarContainer_12qos {
67
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_1bdpg {
65
68
  width: 100%;
66
69
  min-width: 288px
67
70
  }
68
- } .calendar-input__calendarResponsive_12qos {
71
+ } .calendar-input__calendarResponsive_1bdpg {
69
72
  width: var(--calendar-width);
70
- } .calendar-input__calendarIcon_12qos {
73
+ } .calendar-input__calendarIcon_1bdpg {
71
74
  width: 24px;
72
75
  height: 24px;
73
76
  display: block;
74
77
  color: var(--calendar-input-icon-color)
75
- } .calendar-input__calendarIcon_12qos:not(:only-child) {
78
+ } .calendar-input__calendarIcon_1bdpg:not(:only-child) {
76
79
  margin-right: var(--gap-4);
77
- } .calendar-input__nativeInput_12qos {
80
+ } .calendar-input__nativeInput_1bdpg {
78
81
  opacity: 0;
79
82
  position: absolute;
80
83
  top: var(--gap-0);
@@ -83,8 +86,8 @@
83
86
  height: 100%;
84
87
  appearance: none;
85
88
  z-index: 1
86
- } .calendar-input__nativeInput_12qos::-webkit-calendar-picker-indicator {
89
+ } .calendar-input__nativeInput_1bdpg::-webkit-calendar-picker-indicator {
87
90
  display: none;
88
- } .calendar-input__nativeInput_12qos::-webkit-inner-spin-button {
91
+ } .calendar-input__nativeInput_1bdpg::-webkit-inner-spin-button {
89
92
  display: none;
90
93
  }
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_12qos","block":"calendar-input__block_12qos","calendarContainer":"calendar-input__calendarContainer_12qos","calendarResponsive":"calendar-input__calendarResponsive_12qos","calendarIcon":"calendar-input__calendarIcon_12qos","nativeInput":"calendar-input__nativeInput_12qos"};
10
+ const styles = {"component":"calendar-input__component_1bdpg","block":"calendar-input__block_1bdpg","calendarContainer":"calendar-input__calendarContainer_1bdpg","calendarResponsive":"calendar-input__calendarResponsive_1bdpg","calendarIcon":"calendar-input__calendarIcon_1bdpg","nativeInput":"calendar-input__nativeInput_1bdpg"};
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: 8zs9t */
1
+ /* hash: 19rz6 */
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;
@@ -21,7 +21,10 @@
21
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 */
22
22
 
23
23
  /* новые значения, используйте их */
24
- --gap-0: 0;
24
+
25
+ /* no-unit может приводить к проблемам в calc (#1559) */
26
+ /* stylelint-disable-next-line length-zero-no-unit */
27
+ --gap-0: 0px;
25
28
  --gap-4: var(--gap-2xs);
26
29
  } :root {
27
30
  } :root {
@@ -50,31 +53,31 @@
50
53
  } :root {
51
54
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
52
55
  --calendar-input-popover-border-radius: var(--border-radius-8);
53
- } .calendar-input__component_12qos {
56
+ } .calendar-input__component_1bdpg {
54
57
  display: inline-block;
55
58
  outline: none;
56
59
  position: relative;
57
- } .calendar-input__block_12qos {
60
+ } .calendar-input__block_1bdpg {
58
61
  width: 100%;
59
- } .calendar-input__calendarContainer_12qos {
62
+ } .calendar-input__calendarContainer_1bdpg {
60
63
  display: inline-block;
61
64
  box-sizing: border-box;
62
65
  border-radius: var(--calendar-input-popover-border-radius);
63
66
  border: 1px solid var(--color-light-neutral-300)
64
- } @media (max-width: 374px) { .calendar-input__calendarContainer_12qos {
67
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_1bdpg {
65
68
  width: 100%;
66
69
  min-width: 288px
67
70
  }
68
- } .calendar-input__calendarResponsive_12qos {
71
+ } .calendar-input__calendarResponsive_1bdpg {
69
72
  width: var(--calendar-width);
70
- } .calendar-input__calendarIcon_12qos {
73
+ } .calendar-input__calendarIcon_1bdpg {
71
74
  width: 24px;
72
75
  height: 24px;
73
76
  display: block;
74
77
  color: var(--calendar-input-icon-color)
75
- } .calendar-input__calendarIcon_12qos:not(:only-child) {
78
+ } .calendar-input__calendarIcon_1bdpg:not(:only-child) {
76
79
  margin-right: var(--gap-4);
77
- } .calendar-input__nativeInput_12qos {
80
+ } .calendar-input__nativeInput_1bdpg {
78
81
  opacity: 0;
79
82
  position: absolute;
80
83
  top: var(--gap-0);
@@ -83,8 +86,8 @@
83
86
  height: 100%;
84
87
  appearance: none;
85
88
  z-index: 1
86
- } .calendar-input__nativeInput_12qos::-webkit-calendar-picker-indicator {
89
+ } .calendar-input__nativeInput_1bdpg::-webkit-calendar-picker-indicator {
87
90
  display: none;
88
- } .calendar-input__nativeInput_12qos::-webkit-inner-spin-button {
91
+ } .calendar-input__nativeInput_1bdpg::-webkit-inner-spin-button {
89
92
  display: none;
90
93
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-input",
3
- "version": "10.4.15",
3
+ "version": "10.4.16",
4
4
  "description": "Calendar input component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -16,7 +16,7 @@
16
16
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
17
17
  },
18
18
  "dependencies": {
19
- "@alfalab/core-components-calendar": "^7.17.5",
19
+ "@alfalab/core-components-calendar": "^7.17.6",
20
20
  "@alfalab/core-components-date-input": "^4.4.12",
21
21
  "@alfalab/core-components-mq": "^4.4.1",
22
22
  "@alfalab/core-components-popover": "^6.3.6",
@@ -29,5 +29,5 @@
29
29
  "@alfalab/core-components-shared": "^0.14.1"
30
30
  },
31
31
  "themesVersion": "13.7.0",
32
- "varsVersion": "9.16.0"
32
+ "varsVersion": "9.17.0"
33
33
  }