@alfalab/core-components-date-time-input 4.1.3 → 4.2.1

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":"date-time-input__component_z1bw4","calendarContainer":"date-time-input__calendarContainer_z1bw4","calendarResponsive":"date-time-input__calendarResponsive_z1bw4","block":"date-time-input__block_z1bw4","calendarIcon":"date-time-input__calendarIcon_z1bw4"};
24
+ var styles = {"component":"date-time-input__component_pjhgn","calendarContainer":"date-time-input__calendarContainer_pjhgn","calendarResponsive":"date-time-input__calendarResponsive_pjhgn","block":"date-time-input__block_pjhgn","calendarIcon":"date-time-input__calendarIcon_pjhgn"};
25
25
  require('./index.css')
26
26
 
27
27
  /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -1,7 +1,7 @@
1
- /* hash: gk86o */
1
+ /* hash: 1hmn6 */
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-time-input__component_z1bw4 {
44
+ } .date-time-input__component_pjhgn {
45
45
  display: inline-block;
46
46
  outline: none;
47
47
  position: relative;
48
- } .date-time-input__calendarContainer_z1bw4 {
48
+ } .date-time-input__calendarContainer_pjhgn {
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-time-input__calendarContainer_z1bw4 {
52
+ border: 1px solid var(--color-light-neutral-300)
53
+ } @media (max-width: 374px) { .date-time-input__calendarContainer_pjhgn {
54
54
  width: 100%;
55
55
  min-width: 288px
56
56
  }
57
- } .date-time-input__calendarResponsive_z1bw4 {
57
+ } .date-time-input__calendarResponsive_pjhgn {
58
58
  width: var(--calendar-width);
59
- } .date-time-input__block_z1bw4 {
59
+ } .date-time-input__block_pjhgn {
60
60
  width: 100%;
61
- } .date-time-input__calendarIcon_z1bw4 {
61
+ } .date-time-input__calendarIcon_pjhgn {
62
62
  margin-right: var(--gap-s-neg);
63
63
  height: 100%;
64
64
  }
@@ -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
@@ -11,7 +11,7 @@ import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isC
11
11
  import 'date-fns/isValid';
12
12
  import 'date-fns/parse';
13
13
 
14
- var styles = {"component":"date-time-input__component_z1bw4","calendarContainer":"date-time-input__calendarContainer_z1bw4","calendarResponsive":"date-time-input__calendarResponsive_z1bw4","block":"date-time-input__block_z1bw4","calendarIcon":"date-time-input__calendarIcon_z1bw4"};
14
+ var styles = {"component":"date-time-input__component_pjhgn","calendarContainer":"date-time-input__calendarContainer_pjhgn","calendarResponsive":"date-time-input__calendarResponsive_pjhgn","block":"date-time-input__block_pjhgn","calendarIcon":"date-time-input__calendarIcon_pjhgn"};
15
15
  require('./index.css')
16
16
 
17
17
  /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -1,7 +1,7 @@
1
- /* hash: gk86o */
1
+ /* hash: 1hmn6 */
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-time-input__component_z1bw4 {
44
+ } .date-time-input__component_pjhgn {
45
45
  display: inline-block;
46
46
  outline: none;
47
47
  position: relative;
48
- } .date-time-input__calendarContainer_z1bw4 {
48
+ } .date-time-input__calendarContainer_pjhgn {
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-time-input__calendarContainer_z1bw4 {
52
+ border: 1px solid var(--color-light-neutral-300)
53
+ } @media (max-width: 374px) { .date-time-input__calendarContainer_pjhgn {
54
54
  width: 100%;
55
55
  min-width: 288px
56
56
  }
57
- } .date-time-input__calendarResponsive_z1bw4 {
57
+ } .date-time-input__calendarResponsive_pjhgn {
58
58
  width: var(--calendar-width);
59
- } .date-time-input__block_z1bw4 {
59
+ } .date-time-input__block_pjhgn {
60
60
  width: 100%;
61
- } .date-time-input__calendarIcon_z1bw4 {
61
+ } .date-time-input__calendarIcon_pjhgn {
62
62
  margin-right: var(--gap-s-neg);
63
63
  height: 100%;
64
64
  }
@@ -10,7 +10,7 @@ import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isC
10
10
  import 'date-fns/isValid';
11
11
  import 'date-fns/parse';
12
12
 
13
- const styles = {"component":"date-time-input__component_z1bw4","calendarContainer":"date-time-input__calendarContainer_z1bw4","calendarResponsive":"date-time-input__calendarResponsive_z1bw4","block":"date-time-input__block_z1bw4","calendarIcon":"date-time-input__calendarIcon_z1bw4"};
13
+ const styles = {"component":"date-time-input__component_pjhgn","calendarContainer":"date-time-input__calendarContainer_pjhgn","calendarResponsive":"date-time-input__calendarResponsive_pjhgn","block":"date-time-input__block_pjhgn","calendarIcon":"date-time-input__calendarIcon_pjhgn"};
14
14
  require('./index.css')
15
15
 
16
16
  /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -1,7 +1,7 @@
1
- /* hash: gk86o */
1
+ /* hash: 1hmn6 */
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-time-input__component_z1bw4 {
44
+ } .date-time-input__component_pjhgn {
45
45
  display: inline-block;
46
46
  outline: none;
47
47
  position: relative;
48
- } .date-time-input__calendarContainer_z1bw4 {
48
+ } .date-time-input__calendarContainer_pjhgn {
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-time-input__calendarContainer_z1bw4 {
52
+ border: 1px solid var(--color-light-neutral-300)
53
+ } @media (max-width: 374px) { .date-time-input__calendarContainer_pjhgn {
54
54
  width: 100%;
55
55
  min-width: 288px
56
56
  }
57
- } .date-time-input__calendarResponsive_z1bw4 {
57
+ } .date-time-input__calendarResponsive_pjhgn {
58
58
  width: var(--calendar-width);
59
- } .date-time-input__block_z1bw4 {
59
+ } .date-time-input__block_pjhgn {
60
60
  width: 100%;
61
- } .date-time-input__calendarIcon_z1bw4 {
61
+ } .date-time-input__calendarIcon_pjhgn {
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-time-input",
3
- "version": "4.1.3",
3
+ "version": "4.2.1",
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-calendar": "^7.1.3",
19
- "@alfalab/core-components-input": "^13.0.2",
20
- "@alfalab/core-components-icon-button": "^6.4.2",
21
- "@alfalab/core-components-popover": "^6.1.0",
18
+ "@alfalab/core-components-calendar": "^7.2.0",
19
+ "@alfalab/core-components-input": "^14.0.1",
20
+ "@alfalab/core-components-icon-button": "^6.4.3",
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",
@@ -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%;