@alfalab/core-components-date-range-input 3.1.3 → 3.2.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/date-range-input/Component.js +1 -1
  2. package/components/date-range-input/index.css +9 -9
  3. package/cssm/components/date-range-input/index.module.css +2 -2
  4. package/esm/components/date-range-input/Component.js +1 -1
  5. package/esm/components/date-range-input/index.css +9 -9
  6. package/modern/components/date-range-input/Component.js +1 -1
  7. package/modern/components/date-range-input/index.css +9 -9
  8. package/package.json +5 -5
  9. package/src/components/date-range-input/index.module.css +1 -1
package/components/date-range-input/Component.js CHANGED
@@ -24,7 +24,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
24
24
  var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
25
25
  var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
26
26
 
27
- var styles = {"component":"date-range-input__component_nszf4","calendarContainer":"date-range-input__calendarContainer_nszf4","calendarResponsive":"date-range-input__calendarResponsive_nszf4","block":"date-range-input__block_nszf4","calendarIcon":"date-range-input__calendarIcon_nszf4"};
27
+ var styles = {"component":"date-range-input__component_1r69s","calendarContainer":"date-range-input__calendarContainer_1r69s","calendarResponsive":"date-range-input__calendarResponsive_1r69s","block":"date-range-input__block_1r69s","calendarIcon":"date-range-input__calendarIcon_1r69s"};
28
28
  require('./index.css')
29
29
 
30
30
  var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
package/components/date-range-input/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: 6k9lj */
1
+ /* hash: 1kwhq */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-secondary: #e7e8ec; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 {
7
7
  } :root {
@@ -41,24 +41,24 @@
41
41
  /* marker */
42
42
  } :root {
43
43
  --calendar-popover-border-radius: var(--border-radius-m);
44
- } .date-range-input__component_nszf4 {
44
+ } .date-range-input__component_1r69s {
45
45
  display: inline-block;
46
46
  outline: none;
47
47
  position: relative;
48
- } .date-range-input__calendarContainer_nszf4 {
48
+ } .date-range-input__calendarContainer_1r69s {
49
49
  display: inline-block;
50
50
  box-sizing: border-box;
51
51
  border-radius: var(--calendar-popover-border-radius);
52
- border: 1px solid var(--color-light-border-secondary)
53
- } @media (max-width: 374px) { .date-range-input__calendarContainer_nszf4 {
52
+ border: 1px solid var(--color-light-neutral-300)
53
+ } @media (max-width: 374px) { .date-range-input__calendarContainer_1r69s {
54
54
  width: 100%;
55
55
  min-width: 288px
56
56
  }
57
- } .date-range-input__calendarResponsive_nszf4 {
57
+ } .date-range-input__calendarResponsive_1r69s {
58
58
  width: var(--calendar-width);
59
- } .date-range-input__block_nszf4 {
59
+ } .date-range-input__block_1r69s {
60
60
  width: 100%;
61
- } .date-range-input__calendarIcon_nszf4 {
61
+ } .date-range-input__calendarIcon_1r69s {
62
62
  margin-right: var(--gap-s-neg);
63
63
  height: 100%;
64
64
  }
package/cssm/components/date-range-input/index.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-border-secondary: #e7e8ec; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
+ --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :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 */
5
5
  } :root {
6
6
  } :root {
@@ -48,7 +48,7 @@
48
48
  display: inline-block;
49
49
  box-sizing: border-box;
50
50
  border-radius: var(--calendar-popover-border-radius);
51
- border: 1px solid var(--color-light-border-secondary)
51
+ border: 1px solid var(--color-light-neutral-300)
52
52
  } @media (max-width: 374px) { .calendarContainer {
53
53
  width: 100%;
54
54
  min-width: 288px
package/esm/components/date-range-input/Component.js CHANGED
@@ -12,7 +12,7 @@ import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
12
12
  import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
13
13
  import 'date-fns/parse';
14
14
 
15
- var styles = {"component":"date-range-input__component_nszf4","calendarContainer":"date-range-input__calendarContainer_nszf4","calendarResponsive":"date-range-input__calendarResponsive_nszf4","block":"date-range-input__block_nszf4","calendarIcon":"date-range-input__calendarIcon_nszf4"};
15
+ var styles = {"component":"date-range-input__component_1r69s","calendarContainer":"date-range-input__calendarContainer_1r69s","calendarResponsive":"date-range-input__calendarResponsive_1r69s","block":"date-range-input__block_1r69s","calendarIcon":"date-range-input__calendarIcon_1r69s"};
16
16
  require('./index.css')
17
17
 
18
18
  var DateRangeInput = React.forwardRef(function (_a, ref) {
package/esm/components/date-range-input/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: 6k9lj */
1
+ /* hash: 1kwhq */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-secondary: #e7e8ec; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 {
7
7
  } :root {
@@ -41,24 +41,24 @@
41
41
  /* marker */
42
42
  } :root {
43
43
  --calendar-popover-border-radius: var(--border-radius-m);
44
- } .date-range-input__component_nszf4 {
44
+ } .date-range-input__component_1r69s {
45
45
  display: inline-block;
46
46
  outline: none;
47
47
  position: relative;
48
- } .date-range-input__calendarContainer_nszf4 {
48
+ } .date-range-input__calendarContainer_1r69s {
49
49
  display: inline-block;
50
50
  box-sizing: border-box;
51
51
  border-radius: var(--calendar-popover-border-radius);
52
- border: 1px solid var(--color-light-border-secondary)
53
- } @media (max-width: 374px) { .date-range-input__calendarContainer_nszf4 {
52
+ border: 1px solid var(--color-light-neutral-300)
53
+ } @media (max-width: 374px) { .date-range-input__calendarContainer_1r69s {
54
54
  width: 100%;
55
55
  min-width: 288px
56
56
  }
57
- } .date-range-input__calendarResponsive_nszf4 {
57
+ } .date-range-input__calendarResponsive_1r69s {
58
58
  width: var(--calendar-width);
59
- } .date-range-input__block_nszf4 {
59
+ } .date-range-input__block_1r69s {
60
60
  width: 100%;
61
- } .date-range-input__calendarIcon_nszf4 {
61
+ } .date-range-input__calendarIcon_1r69s {
62
62
  margin-right: var(--gap-s-neg);
63
63
  height: 100%;
64
64
  }
package/modern/components/date-range-input/Component.js CHANGED
@@ -11,7 +11,7 @@ import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
11
11
  import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
12
12
  import 'date-fns/parse';
13
13
 
14
- const styles = {"component":"date-range-input__component_nszf4","calendarContainer":"date-range-input__calendarContainer_nszf4","calendarResponsive":"date-range-input__calendarResponsive_nszf4","block":"date-range-input__block_nszf4","calendarIcon":"date-range-input__calendarIcon_nszf4"};
14
+ const styles = {"component":"date-range-input__component_1r69s","calendarContainer":"date-range-input__calendarContainer_1r69s","calendarResponsive":"date-range-input__calendarResponsive_1r69s","block":"date-range-input__block_1r69s","calendarIcon":"date-range-input__calendarIcon_1r69s"};
15
15
  require('./index.css')
16
16
 
17
17
  /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
package/modern/components/date-range-input/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: 6k9lj */
1
+ /* hash: 1kwhq */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-secondary: #e7e8ec; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 {
7
7
  } :root {
@@ -41,24 +41,24 @@
41
41
  /* marker */
42
42
  } :root {
43
43
  --calendar-popover-border-radius: var(--border-radius-m);
44
- } .date-range-input__component_nszf4 {
44
+ } .date-range-input__component_1r69s {
45
45
  display: inline-block;
46
46
  outline: none;
47
47
  position: relative;
48
- } .date-range-input__calendarContainer_nszf4 {
48
+ } .date-range-input__calendarContainer_1r69s {
49
49
  display: inline-block;
50
50
  box-sizing: border-box;
51
51
  border-radius: var(--calendar-popover-border-radius);
52
- border: 1px solid var(--color-light-border-secondary)
53
- } @media (max-width: 374px) { .date-range-input__calendarContainer_nszf4 {
52
+ border: 1px solid var(--color-light-neutral-300)
53
+ } @media (max-width: 374px) { .date-range-input__calendarContainer_1r69s {
54
54
  width: 100%;
55
55
  min-width: 288px
56
56
  }
57
- } .date-range-input__calendarResponsive_nszf4 {
57
+ } .date-range-input__calendarResponsive_1r69s {
58
58
  width: var(--calendar-width);
59
- } .date-range-input__block_nszf4 {
59
+ } .date-range-input__block_1r69s {
60
60
  width: 100%;
61
- } .date-range-input__calendarIcon_nszf4 {
61
+ } .date-range-input__calendarIcon_1r69s {
62
62
  margin-right: var(--gap-s-neg);
63
63
  height: 100%;
64
64
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-date-range-input",
3
- "version": "3.1.3",
3
+ "version": "3.2.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,10 +15,10 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-input": "^13.0.2",
19
- "@alfalab/core-components-icon-button": "^6.4.2",
20
- "@alfalab/core-components-calendar": "^7.1.3",
21
- "@alfalab/core-components-popover": "^6.1.0",
18
+ "@alfalab/core-components-input": "^14.0.0",
19
+ "@alfalab/core-components-icon-button": "^6.4.3",
20
+ "@alfalab/core-components-calendar": "^7.2.0",
21
+ "@alfalab/core-components-popover": "^6.2.0",
22
22
  "@alfalab/hooks": "^1.13.0",
23
23
  "@alfalab/icons-glyph": "^2.108.0",
24
24
  "classnames": "^2.3.1",
package/src/components/date-range-input/index.module.css CHANGED
@@ -15,7 +15,7 @@
15
15
  display: inline-block;
16
16
  box-sizing: border-box;
17
17
  border-radius: var(--calendar-popover-border-radius);
18
- border: 1px solid var(--color-light-border-secondary);
18
+ border: 1px solid var(--color-light-neutral-300);
19
19
 
20
20
  @media (max-width: 374px) {
21
21
  width: 100%;