@alfalab/core-components-calendar-input 10.0.2 → 10.1.0

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.js +1 -1
  2. package/components/calendar-input/index.css +13 -13
  3. package/cssm/components/calendar-input/index.module.css +2 -2
  4. package/esm/components/calendar-input/Component.js +1 -1
  5. package/esm/components/calendar-input/index.css +13 -13
  6. package/modern/components/calendar-input/Component.js +1 -1
  7. package/modern/components/calendar-input/index.css +13 -13
  8. package/package.json +4 -4
  9. package/src/components/calendar-input/index.module.css +1 -1
package/components/calendar-input/Component.js CHANGED
@@ -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_15kfa","block":"calendar-input__block_15kfa","calendarContainer":"calendar-input__calendarContainer_15kfa","calendarResponsive":"calendar-input__calendarResponsive_15kfa","calendarIcon":"calendar-input__calendarIcon_15kfa","nativeInput":"calendar-input__nativeInput_15kfa"};
24
+ var styles = {"component":"calendar-input__component_1lfeu","block":"calendar-input__block_1lfeu","calendarContainer":"calendar-input__calendarContainer_1lfeu","calendarResponsive":"calendar-input__calendarResponsive_1lfeu","calendarIcon":"calendar-input__calendarIcon_1lfeu","nativeInput":"calendar-input__nativeInput_1lfeu"};
25
25
  require('./index.css')
26
26
 
27
27
  var CalendarInput = React.forwardRef(function (_a, ref) {
package/components/calendar-input/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: h25fm */
1
+ /* hash: z3x13 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-secondary: #e7e8ec;
4
+ --color-light-neutral-300: #e7e8eb;
5
5
  --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
@@ -43,31 +43,31 @@
43
43
  } :root {
44
44
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
45
45
  --calendar-input-popover-border-radius: var(--border-radius-m);
46
- } .calendar-input__component_15kfa {
46
+ } .calendar-input__component_1lfeu {
47
47
  display: inline-block;
48
48
  outline: none;
49
49
  position: relative;
50
- } .calendar-input__block_15kfa {
50
+ } .calendar-input__block_1lfeu {
51
51
  width: 100%;
52
- } .calendar-input__calendarContainer_15kfa {
52
+ } .calendar-input__calendarContainer_1lfeu {
53
53
  display: inline-block;
54
54
  box-sizing: border-box;
55
55
  border-radius: var(--calendar-input-popover-border-radius);
56
- border: 1px solid var(--color-light-border-secondary)
57
- } @media (max-width: 374px) { .calendar-input__calendarContainer_15kfa {
56
+ border: 1px solid var(--color-light-neutral-300)
57
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_1lfeu {
58
58
  width: 100%;
59
59
  min-width: 288px
60
60
  }
61
- } .calendar-input__calendarResponsive_15kfa {
61
+ } .calendar-input__calendarResponsive_1lfeu {
62
62
  width: var(--calendar-width);
63
- } .calendar-input__calendarIcon_15kfa {
63
+ } .calendar-input__calendarIcon_1lfeu {
64
64
  width: 24px;
65
65
  height: 24px;
66
66
  display: block;
67
67
  color: var(--calendar-input-icon-color)
68
- } .calendar-input__calendarIcon_15kfa:not(:only-child) {
68
+ } .calendar-input__calendarIcon_1lfeu:not(:only-child) {
69
69
  margin-right: var(--gap-2xs);
70
- } .calendar-input__nativeInput_15kfa {
70
+ } .calendar-input__nativeInput_1lfeu {
71
71
  opacity: 0;
72
72
  position: absolute;
73
73
  top: 0;
@@ -76,8 +76,8 @@
76
76
  height: 100%;
77
77
  appearance: none;
78
78
  z-index: 1
79
- } .calendar-input__nativeInput_15kfa::-webkit-calendar-picker-indicator {
79
+ } .calendar-input__nativeInput_1lfeu::-webkit-calendar-picker-indicator {
80
80
  display: none;
81
- } .calendar-input__nativeInput_15kfa::-webkit-inner-spin-button {
81
+ } .calendar-input__nativeInput_1lfeu::-webkit-inner-spin-button {
82
82
  display: none;
83
83
  }
package/cssm/components/calendar-input/index.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-border-secondary: #e7e8ec;
3
+ --color-light-neutral-300: #e7e8eb;
4
4
  --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :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 */
6
6
  } :root {
@@ -52,7 +52,7 @@
52
52
  display: inline-block;
53
53
  box-sizing: border-box;
54
54
  border-radius: var(--calendar-input-popover-border-radius);
55
- border: 1px solid var(--color-light-border-secondary)
55
+ border: 1px solid var(--color-light-neutral-300)
56
56
  } @media (max-width: 374px) { .calendarContainer {
57
57
  width: 100%;
58
58
  min-width: 288px
package/esm/components/calendar-input/Component.js CHANGED
@@ -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_15kfa","block":"calendar-input__block_15kfa","calendarContainer":"calendar-input__calendarContainer_15kfa","calendarResponsive":"calendar-input__calendarResponsive_15kfa","calendarIcon":"calendar-input__calendarIcon_15kfa","nativeInput":"calendar-input__nativeInput_15kfa"};
14
+ var styles = {"component":"calendar-input__component_1lfeu","block":"calendar-input__block_1lfeu","calendarContainer":"calendar-input__calendarContainer_1lfeu","calendarResponsive":"calendar-input__calendarResponsive_1lfeu","calendarIcon":"calendar-input__calendarIcon_1lfeu","nativeInput":"calendar-input__nativeInput_1lfeu"};
15
15
  require('./index.css')
16
16
 
17
17
  var CalendarInput = forwardRef(function (_a, ref) {
package/esm/components/calendar-input/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: h25fm */
1
+ /* hash: z3x13 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-secondary: #e7e8ec;
4
+ --color-light-neutral-300: #e7e8eb;
5
5
  --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
@@ -43,31 +43,31 @@
43
43
  } :root {
44
44
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
45
45
  --calendar-input-popover-border-radius: var(--border-radius-m);
46
- } .calendar-input__component_15kfa {
46
+ } .calendar-input__component_1lfeu {
47
47
  display: inline-block;
48
48
  outline: none;
49
49
  position: relative;
50
- } .calendar-input__block_15kfa {
50
+ } .calendar-input__block_1lfeu {
51
51
  width: 100%;
52
- } .calendar-input__calendarContainer_15kfa {
52
+ } .calendar-input__calendarContainer_1lfeu {
53
53
  display: inline-block;
54
54
  box-sizing: border-box;
55
55
  border-radius: var(--calendar-input-popover-border-radius);
56
- border: 1px solid var(--color-light-border-secondary)
57
- } @media (max-width: 374px) { .calendar-input__calendarContainer_15kfa {
56
+ border: 1px solid var(--color-light-neutral-300)
57
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_1lfeu {
58
58
  width: 100%;
59
59
  min-width: 288px
60
60
  }
61
- } .calendar-input__calendarResponsive_15kfa {
61
+ } .calendar-input__calendarResponsive_1lfeu {
62
62
  width: var(--calendar-width);
63
- } .calendar-input__calendarIcon_15kfa {
63
+ } .calendar-input__calendarIcon_1lfeu {
64
64
  width: 24px;
65
65
  height: 24px;
66
66
  display: block;
67
67
  color: var(--calendar-input-icon-color)
68
- } .calendar-input__calendarIcon_15kfa:not(:only-child) {
68
+ } .calendar-input__calendarIcon_1lfeu:not(:only-child) {
69
69
  margin-right: var(--gap-2xs);
70
- } .calendar-input__nativeInput_15kfa {
70
+ } .calendar-input__nativeInput_1lfeu {
71
71
  opacity: 0;
72
72
  position: absolute;
73
73
  top: 0;
@@ -76,8 +76,8 @@
76
76
  height: 100%;
77
77
  appearance: none;
78
78
  z-index: 1
79
- } .calendar-input__nativeInput_15kfa::-webkit-calendar-picker-indicator {
79
+ } .calendar-input__nativeInput_1lfeu::-webkit-calendar-picker-indicator {
80
80
  display: none;
81
- } .calendar-input__nativeInput_15kfa::-webkit-inner-spin-button {
81
+ } .calendar-input__nativeInput_1lfeu::-webkit-inner-spin-button {
82
82
  display: none;
83
83
  }
package/modern/components/calendar-input/Component.js CHANGED
@@ -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_15kfa","block":"calendar-input__block_15kfa","calendarContainer":"calendar-input__calendarContainer_15kfa","calendarResponsive":"calendar-input__calendarResponsive_15kfa","calendarIcon":"calendar-input__calendarIcon_15kfa","nativeInput":"calendar-input__nativeInput_15kfa"};
13
+ const styles = {"component":"calendar-input__component_1lfeu","block":"calendar-input__block_1lfeu","calendarContainer":"calendar-input__calendarContainer_1lfeu","calendarResponsive":"calendar-input__calendarResponsive_1lfeu","calendarIcon":"calendar-input__calendarIcon_1lfeu","nativeInput":"calendar-input__nativeInput_1lfeu"};
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, 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,7 +1,7 @@
1
- /* hash: h25fm */
1
+ /* hash: z3x13 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-secondary: #e7e8ec;
4
+ --color-light-neutral-300: #e7e8eb;
5
5
  --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
@@ -43,31 +43,31 @@
43
43
  } :root {
44
44
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
45
45
  --calendar-input-popover-border-radius: var(--border-radius-m);
46
- } .calendar-input__component_15kfa {
46
+ } .calendar-input__component_1lfeu {
47
47
  display: inline-block;
48
48
  outline: none;
49
49
  position: relative;
50
- } .calendar-input__block_15kfa {
50
+ } .calendar-input__block_1lfeu {
51
51
  width: 100%;
52
- } .calendar-input__calendarContainer_15kfa {
52
+ } .calendar-input__calendarContainer_1lfeu {
53
53
  display: inline-block;
54
54
  box-sizing: border-box;
55
55
  border-radius: var(--calendar-input-popover-border-radius);
56
- border: 1px solid var(--color-light-border-secondary)
57
- } @media (max-width: 374px) { .calendar-input__calendarContainer_15kfa {
56
+ border: 1px solid var(--color-light-neutral-300)
57
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_1lfeu {
58
58
  width: 100%;
59
59
  min-width: 288px
60
60
  }
61
- } .calendar-input__calendarResponsive_15kfa {
61
+ } .calendar-input__calendarResponsive_1lfeu {
62
62
  width: var(--calendar-width);
63
- } .calendar-input__calendarIcon_15kfa {
63
+ } .calendar-input__calendarIcon_1lfeu {
64
64
  width: 24px;
65
65
  height: 24px;
66
66
  display: block;
67
67
  color: var(--calendar-input-icon-color)
68
- } .calendar-input__calendarIcon_15kfa:not(:only-child) {
68
+ } .calendar-input__calendarIcon_1lfeu:not(:only-child) {
69
69
  margin-right: var(--gap-2xs);
70
- } .calendar-input__nativeInput_15kfa {
70
+ } .calendar-input__nativeInput_1lfeu {
71
71
  opacity: 0;
72
72
  position: absolute;
73
73
  top: 0;
@@ -76,8 +76,8 @@
76
76
  height: 100%;
77
77
  appearance: none;
78
78
  z-index: 1
79
- } .calendar-input__nativeInput_15kfa::-webkit-calendar-picker-indicator {
79
+ } .calendar-input__nativeInput_1lfeu::-webkit-calendar-picker-indicator {
80
80
  display: none;
81
- } .calendar-input__nativeInput_15kfa::-webkit-inner-spin-button {
81
+ } .calendar-input__nativeInput_1lfeu::-webkit-inner-spin-button {
82
82
  display: none;
83
83
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-input",
3
- "version": "10.0.2",
3
+ "version": "10.1.0",
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.1.3",
19
- "@alfalab/core-components-date-input": "^4.3.13",
20
- "@alfalab/core-components-popover": "^6.1.0",
18
+ "@alfalab/core-components-calendar": "^7.2.0",
19
+ "@alfalab/core-components-date-input": "^4.3.14",
20
+ "@alfalab/core-components-popover": "^6.2.0",
21
21
  "@alfalab/hooks": "^1.13.0",
22
22
  "@alfalab/icons-glyph": "^2.108.0",
23
23
  "classnames": "^2.3.1",
package/src/components/calendar-input/index.module.css CHANGED
@@ -20,7 +20,7 @@
20
20
  display: inline-block;
21
21
  box-sizing: border-box;
22
22
  border-radius: var(--calendar-input-popover-border-radius);
23
- border: 1px solid var(--color-light-border-secondary);
23
+ border: 1px solid var(--color-light-neutral-300);
24
24
 
25
25
  @media (max-width: 374px) {
26
26
  width: 100%;