@alfalab/core-components-calendar-input 11.0.8 → 11.0.10
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.
- package/components/calendar-input/index.css +13 -13
- package/components/calendar-input/index.module.css.js +1 -1
- package/components/calendar-input/index.module.css.js.map +1 -1
- package/cssm/components/calendar-input/index.module.css +3 -3
- package/esm/components/calendar-input/index.css +13 -13
- package/esm/components/calendar-input/index.module.css.js +1 -1
- package/esm/components/calendar-input/index.module.css.js.map +1 -1
- package/modern/components/calendar-input/index.css +13 -13
- package/modern/components/calendar-input/index.module.css.js +1 -1
- package/modern/components/calendar-input/index.module.css.js.map +1 -1
- package/moderncssm/components/calendar-input/index.module.css +1 -1
- package/package.json +4 -4
- package/src/components/calendar-input/index.module.css +1 -1
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
--color-light-neutral-300: #e7e8eb;
|
|
3
3
|
--color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
|
|
4
4
|
} :root {
|
|
5
|
-
--border-radius-
|
|
6
|
-
--border-radius-
|
|
5
|
+
--border-radius-xl: 16px;
|
|
6
|
+
--border-radius-16: var(--border-radius-xl);
|
|
7
7
|
} :root {
|
|
8
8
|
--gap-2xs: 4px;
|
|
9
9
|
--gap-0: 0px;
|
|
@@ -12,32 +12,32 @@
|
|
|
12
12
|
--calendar-width: 344px;
|
|
13
13
|
} :root {
|
|
14
14
|
--calendar-input-icon-color: var(--color-light-neutral-translucent-700);
|
|
15
|
-
--calendar-input-popover-border-radius: var(--border-radius-
|
|
16
|
-
} .calendar-
|
|
15
|
+
--calendar-input-popover-border-radius: var(--border-radius-16);
|
|
16
|
+
} .calendar-input__component_1im8r {
|
|
17
17
|
display: inline-block;
|
|
18
18
|
outline: none;
|
|
19
19
|
position: relative;
|
|
20
|
-
} .calendar-
|
|
20
|
+
} .calendar-input__block_1im8r {
|
|
21
21
|
width: 100%;
|
|
22
|
-
} .calendar-
|
|
22
|
+
} .calendar-input__calendarContainer_1im8r {
|
|
23
23
|
display: inline-block;
|
|
24
24
|
box-sizing: border-box;
|
|
25
25
|
border-radius: var(--calendar-input-popover-border-radius);
|
|
26
26
|
border: 1px solid var(--color-light-neutral-300);
|
|
27
|
-
} @media (max-width: 374px) { .calendar-
|
|
27
|
+
} @media (max-width: 374px) { .calendar-input__calendarContainer_1im8r {
|
|
28
28
|
width: 100%;
|
|
29
29
|
min-width: 288px;
|
|
30
30
|
}
|
|
31
|
-
} .calendar-
|
|
31
|
+
} .calendar-input__calendarResponsive_1im8r {
|
|
32
32
|
width: var(--calendar-width);
|
|
33
|
-
} .calendar-
|
|
33
|
+
} .calendar-input__calendarIcon_1im8r {
|
|
34
34
|
width: 24px;
|
|
35
35
|
height: 24px;
|
|
36
36
|
display: block;
|
|
37
37
|
color: var(--calendar-input-icon-color);
|
|
38
|
-
} .calendar-
|
|
38
|
+
} .calendar-input__calendarIcon_1im8r:not(:only-child) {
|
|
39
39
|
margin-right: var(--gap-4);
|
|
40
|
-
} .calendar-
|
|
40
|
+
} .calendar-input__nativeInput_1im8r {
|
|
41
41
|
opacity: 0;
|
|
42
42
|
position: absolute;
|
|
43
43
|
top: var(--gap-0);
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
-moz-appearance: none;
|
|
49
49
|
appearance: none;
|
|
50
50
|
z-index: 1;
|
|
51
|
-
} .calendar-
|
|
51
|
+
} .calendar-input__nativeInput_1im8r::-webkit-calendar-picker-indicator {
|
|
52
52
|
display: none;
|
|
53
|
-
} .calendar-
|
|
53
|
+
} .calendar-input__nativeInput_1im8r::-webkit-inner-spin-button {
|
|
54
54
|
display: none;
|
|
55
55
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"calendar-
|
|
5
|
+
var styles = {"component":"calendar-input__component_1im8r","block":"calendar-input__block_1im8r","calendarContainer":"calendar-input__calendarContainer_1im8r","calendarResponsive":"calendar-input__calendarResponsive_1im8r","calendarIcon":"calendar-input__calendarIcon_1im8r"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n --calendar-input-popover-border-radius: var(--border-radius-
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n --calendar-input-popover-border-radius: var(--border-radius-16);\n}\n\n.component {\n display: inline-block;\n outline: none;\n position: relative;\n}\n\n.block {\n width: 100%;\n}\n\n.calendarContainer {\n display: inline-block;\n box-sizing: border-box;\n border-radius: var(--calendar-input-popover-border-radius);\n border: 1px solid var(--color-light-neutral-300);\n\n @media (max-width: 374px) {\n width: 100%;\n min-width: 288px;\n }\n}\n\n.calendarResponsive {\n width: var(--calendar-width);\n}\n\n.calendarIcon {\n width: 24px;\n height: 24px;\n display: block;\n color: var(--calendar-input-icon-color);\n\n &:not(:only-child) {\n margin-right: var(--gap-4);\n }\n}\n\n.nativeInput {\n opacity: 0;\n position: absolute;\n top: var(--gap-0);\n left: var(--gap-0);\n width: 100%;\n height: 100%;\n appearance: none;\n z-index: 1;\n\n &::-webkit-calendar-picker-indicator {\n display: none;\n }\n &::-webkit-inner-spin-button {\n display: none;\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,yCAAyC,CAAC,oBAAoB,CAAC,0CAA0C,CAAC,cAAc,CAAC,oCAAsF,CAAC;;;;"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
--color-light-neutral-300: #e7e8eb;
|
|
3
3
|
--color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
|
|
4
4
|
} :root {
|
|
5
|
-
--border-radius-
|
|
6
|
-
--border-radius-
|
|
5
|
+
--border-radius-xl: 16px;
|
|
6
|
+
--border-radius-16: var(--border-radius-xl);
|
|
7
7
|
} :root {
|
|
8
8
|
--gap-2xs: 4px;
|
|
9
9
|
--gap-0: 0px;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
--calendar-width: 344px;
|
|
13
13
|
} :root {
|
|
14
14
|
--calendar-input-icon-color: var(--color-light-neutral-translucent-700);
|
|
15
|
-
--calendar-input-popover-border-radius: var(--border-radius-
|
|
15
|
+
--calendar-input-popover-border-radius: var(--border-radius-16);
|
|
16
16
|
} .component {
|
|
17
17
|
display: inline-block;
|
|
18
18
|
outline: none;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
--color-light-neutral-300: #e7e8eb;
|
|
3
3
|
--color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
|
|
4
4
|
} :root {
|
|
5
|
-
--border-radius-
|
|
6
|
-
--border-radius-
|
|
5
|
+
--border-radius-xl: 16px;
|
|
6
|
+
--border-radius-16: var(--border-radius-xl);
|
|
7
7
|
} :root {
|
|
8
8
|
--gap-2xs: 4px;
|
|
9
9
|
--gap-0: 0px;
|
|
@@ -12,32 +12,32 @@
|
|
|
12
12
|
--calendar-width: 344px;
|
|
13
13
|
} :root {
|
|
14
14
|
--calendar-input-icon-color: var(--color-light-neutral-translucent-700);
|
|
15
|
-
--calendar-input-popover-border-radius: var(--border-radius-
|
|
16
|
-
} .calendar-
|
|
15
|
+
--calendar-input-popover-border-radius: var(--border-radius-16);
|
|
16
|
+
} .calendar-input__component_1im8r {
|
|
17
17
|
display: inline-block;
|
|
18
18
|
outline: none;
|
|
19
19
|
position: relative;
|
|
20
|
-
} .calendar-
|
|
20
|
+
} .calendar-input__block_1im8r {
|
|
21
21
|
width: 100%;
|
|
22
|
-
} .calendar-
|
|
22
|
+
} .calendar-input__calendarContainer_1im8r {
|
|
23
23
|
display: inline-block;
|
|
24
24
|
box-sizing: border-box;
|
|
25
25
|
border-radius: var(--calendar-input-popover-border-radius);
|
|
26
26
|
border: 1px solid var(--color-light-neutral-300);
|
|
27
|
-
} @media (max-width: 374px) { .calendar-
|
|
27
|
+
} @media (max-width: 374px) { .calendar-input__calendarContainer_1im8r {
|
|
28
28
|
width: 100%;
|
|
29
29
|
min-width: 288px;
|
|
30
30
|
}
|
|
31
|
-
} .calendar-
|
|
31
|
+
} .calendar-input__calendarResponsive_1im8r {
|
|
32
32
|
width: var(--calendar-width);
|
|
33
|
-
} .calendar-
|
|
33
|
+
} .calendar-input__calendarIcon_1im8r {
|
|
34
34
|
width: 24px;
|
|
35
35
|
height: 24px;
|
|
36
36
|
display: block;
|
|
37
37
|
color: var(--calendar-input-icon-color);
|
|
38
|
-
} .calendar-
|
|
38
|
+
} .calendar-input__calendarIcon_1im8r:not(:only-child) {
|
|
39
39
|
margin-right: var(--gap-4);
|
|
40
|
-
} .calendar-
|
|
40
|
+
} .calendar-input__nativeInput_1im8r {
|
|
41
41
|
opacity: 0;
|
|
42
42
|
position: absolute;
|
|
43
43
|
top: var(--gap-0);
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
-moz-appearance: none;
|
|
49
49
|
appearance: none;
|
|
50
50
|
z-index: 1;
|
|
51
|
-
} .calendar-
|
|
51
|
+
} .calendar-input__nativeInput_1im8r::-webkit-calendar-picker-indicator {
|
|
52
52
|
display: none;
|
|
53
|
-
} .calendar-
|
|
53
|
+
} .calendar-input__nativeInput_1im8r::-webkit-inner-spin-button {
|
|
54
54
|
display: none;
|
|
55
55
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"calendar-
|
|
3
|
+
var styles = {"component":"calendar-input__component_1im8r","block":"calendar-input__block_1im8r","calendarContainer":"calendar-input__calendarContainer_1im8r","calendarResponsive":"calendar-input__calendarResponsive_1im8r","calendarIcon":"calendar-input__calendarIcon_1im8r"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n --calendar-input-popover-border-radius: var(--border-radius-
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n --calendar-input-popover-border-radius: var(--border-radius-16);\n}\n\n.component {\n display: inline-block;\n outline: none;\n position: relative;\n}\n\n.block {\n width: 100%;\n}\n\n.calendarContainer {\n display: inline-block;\n box-sizing: border-box;\n border-radius: var(--calendar-input-popover-border-radius);\n border: 1px solid var(--color-light-neutral-300);\n\n @media (max-width: 374px) {\n width: 100%;\n min-width: 288px;\n }\n}\n\n.calendarResponsive {\n width: var(--calendar-width);\n}\n\n.calendarIcon {\n width: 24px;\n height: 24px;\n display: block;\n color: var(--calendar-input-icon-color);\n\n &:not(:only-child) {\n margin-right: var(--gap-4);\n }\n}\n\n.nativeInput {\n opacity: 0;\n position: absolute;\n top: var(--gap-0);\n left: var(--gap-0);\n width: 100%;\n height: 100%;\n appearance: none;\n z-index: 1;\n\n &::-webkit-calendar-picker-indicator {\n display: none;\n }\n &::-webkit-inner-spin-button {\n display: none;\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,yCAAyC,CAAC,oBAAoB,CAAC,0CAA0C,CAAC,cAAc,CAAC,oCAAsF,CAAC;;;;"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
--color-light-neutral-300: #e7e8eb;
|
|
3
3
|
--color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
|
|
4
4
|
} :root {
|
|
5
|
-
--border-radius-
|
|
6
|
-
--border-radius-
|
|
5
|
+
--border-radius-xl: 16px;
|
|
6
|
+
--border-radius-16: var(--border-radius-xl);
|
|
7
7
|
} :root {
|
|
8
8
|
--gap-2xs: 4px;
|
|
9
9
|
--gap-0: 0px;
|
|
@@ -12,32 +12,32 @@
|
|
|
12
12
|
--calendar-width: 344px;
|
|
13
13
|
} :root {
|
|
14
14
|
--calendar-input-icon-color: var(--color-light-neutral-translucent-700);
|
|
15
|
-
--calendar-input-popover-border-radius: var(--border-radius-
|
|
16
|
-
} .calendar-
|
|
15
|
+
--calendar-input-popover-border-radius: var(--border-radius-16);
|
|
16
|
+
} .calendar-input__component_1im8r {
|
|
17
17
|
display: inline-block;
|
|
18
18
|
outline: none;
|
|
19
19
|
position: relative;
|
|
20
|
-
} .calendar-
|
|
20
|
+
} .calendar-input__block_1im8r {
|
|
21
21
|
width: 100%;
|
|
22
|
-
} .calendar-
|
|
22
|
+
} .calendar-input__calendarContainer_1im8r {
|
|
23
23
|
display: inline-block;
|
|
24
24
|
box-sizing: border-box;
|
|
25
25
|
border-radius: var(--calendar-input-popover-border-radius);
|
|
26
26
|
border: 1px solid var(--color-light-neutral-300);
|
|
27
|
-
} @media (max-width: 374px) { .calendar-
|
|
27
|
+
} @media (max-width: 374px) { .calendar-input__calendarContainer_1im8r {
|
|
28
28
|
width: 100%;
|
|
29
29
|
min-width: 288px;
|
|
30
30
|
}
|
|
31
|
-
} .calendar-
|
|
31
|
+
} .calendar-input__calendarResponsive_1im8r {
|
|
32
32
|
width: var(--calendar-width);
|
|
33
|
-
} .calendar-
|
|
33
|
+
} .calendar-input__calendarIcon_1im8r {
|
|
34
34
|
width: 24px;
|
|
35
35
|
height: 24px;
|
|
36
36
|
display: block;
|
|
37
37
|
color: var(--calendar-input-icon-color);
|
|
38
|
-
} .calendar-
|
|
38
|
+
} .calendar-input__calendarIcon_1im8r:not(:only-child) {
|
|
39
39
|
margin-right: var(--gap-4);
|
|
40
|
-
} .calendar-
|
|
40
|
+
} .calendar-input__nativeInput_1im8r {
|
|
41
41
|
opacity: 0;
|
|
42
42
|
position: absolute;
|
|
43
43
|
top: var(--gap-0);
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
-moz-appearance: none;
|
|
49
49
|
appearance: none;
|
|
50
50
|
z-index: 1;
|
|
51
|
-
} .calendar-
|
|
51
|
+
} .calendar-input__nativeInput_1im8r::-webkit-calendar-picker-indicator {
|
|
52
52
|
display: none;
|
|
53
|
-
} .calendar-
|
|
53
|
+
} .calendar-input__nativeInput_1im8r::-webkit-inner-spin-button {
|
|
54
54
|
display: none;
|
|
55
55
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"component":"calendar-
|
|
3
|
+
const styles = {"component":"calendar-input__component_1im8r","block":"calendar-input__block_1im8r","calendarContainer":"calendar-input__calendarContainer_1im8r","calendarResponsive":"calendar-input__calendarResponsive_1im8r","calendarIcon":"calendar-input__calendarIcon_1im8r"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n --calendar-input-popover-border-radius: var(--border-radius-
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/calendar-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-input-icon-color: var(--color-light-neutral-translucent-700);\n --calendar-input-popover-border-radius: var(--border-radius-16);\n}\n\n.component {\n display: inline-block;\n outline: none;\n position: relative;\n}\n\n.block {\n width: 100%;\n}\n\n.calendarContainer {\n display: inline-block;\n box-sizing: border-box;\n border-radius: var(--calendar-input-popover-border-radius);\n border: 1px solid var(--color-light-neutral-300);\n\n @media (max-width: 374px) {\n width: 100%;\n min-width: 288px;\n }\n}\n\n.calendarResponsive {\n width: var(--calendar-width);\n}\n\n.calendarIcon {\n width: 24px;\n height: 24px;\n display: block;\n color: var(--calendar-input-icon-color);\n\n &:not(:only-child) {\n margin-right: var(--gap-4);\n }\n}\n\n.nativeInput {\n opacity: 0;\n position: absolute;\n top: var(--gap-0);\n left: var(--gap-0);\n width: 100%;\n height: 100%;\n appearance: none;\n z-index: 1;\n\n &::-webkit-calendar-picker-indicator {\n display: none;\n }\n &::-webkit-inner-spin-button {\n display: none;\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,yCAAyC,CAAC,oBAAoB,CAAC,0CAA0C,CAAC,cAAc,CAAC,oCAAsF,CAAC;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-calendar-input",
|
|
3
|
-
"version": "11.0.
|
|
3
|
+
"version": "11.0.10",
|
|
4
4
|
"description": "Calendar input component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"main": "index.js",
|
|
11
11
|
"module": "./esm/index.js",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@alfalab/core-components-calendar": "^8.0.
|
|
14
|
-
"@alfalab/core-components-date-input": "^5.0.
|
|
13
|
+
"@alfalab/core-components-calendar": "^8.0.9",
|
|
14
|
+
"@alfalab/core-components-date-input": "^5.0.4",
|
|
15
15
|
"@alfalab/core-components-mq": "^5.0.2",
|
|
16
16
|
"@alfalab/core-components-popover": "^7.1.1",
|
|
17
17
|
"@alfalab/icons-glyph": "^2.247.0",
|
|
@@ -28,6 +28,6 @@
|
|
|
28
28
|
"access": "public",
|
|
29
29
|
"directory": "dist"
|
|
30
30
|
},
|
|
31
|
-
"themesVersion": "14.
|
|
31
|
+
"themesVersion": "14.2.0",
|
|
32
32
|
"varsVersion": "10.2.0"
|
|
33
33
|
}
|