@zendeskgarden/react-datepickers 9.0.0-next.24 → 9.0.0-next.26
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/dist/esm/elements/DatePickerRange/components/Calendar.js +1 -1
- package/dist/esm/styled/StyledCalendar.js +2 -5
- package/dist/esm/styled/StyledCalendarItem.js +2 -5
- package/dist/esm/styled/StyledDatePicker.js +2 -5
- package/dist/esm/styled/StyledDay.js +2 -5
- package/dist/esm/styled/StyledDayLabel.js +2 -5
- package/dist/esm/styled/StyledHeader.js +2 -5
- package/dist/esm/styled/StyledHeaderLabel.js +2 -5
- package/dist/esm/styled/StyledHeaderPaddle.js +2 -5
- package/dist/esm/styled/StyledHighlight.js +2 -5
- package/dist/esm/styled/StyledMenu.js +2 -5
- package/dist/esm/styled/StyledMenuWrapper.js +2 -5
- package/dist/esm/styled/StyledRangeCalendar.js +2 -5
- package/dist/index.cjs.js +13 -49
- package/package.json +3 -3
|
@@ -28,7 +28,7 @@ const Calendar = forwardRef((props, ref) => {
|
|
|
28
28
|
return React__default.createElement(StyledRangeCalendar, Object.assign({
|
|
29
29
|
ref: ref,
|
|
30
30
|
"data-garden-id": "datepickers.range",
|
|
31
|
-
"data-garden-version": '9.0.0-next.
|
|
31
|
+
"data-garden-version": '9.0.0-next.26'
|
|
32
32
|
}, props), React__default.createElement(Month, {
|
|
33
33
|
displayDate: state.previewDate,
|
|
34
34
|
isNextHidden: true
|
|
@@ -5,18 +5,15 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'datepickers.calendar';
|
|
11
11
|
const StyledCalendar = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.26'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledCalendar",
|
|
16
16
|
componentId: "sc-g5hoe8-0"
|
|
17
17
|
})(["width:", "px;", ";"], props => props.$isCompact ? props.theme.space.base * 56 : props.theme.space.base * 70, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
18
|
-
StyledCalendar.defaultProps = {
|
|
19
|
-
theme: DEFAULT_THEME
|
|
20
|
-
};
|
|
21
18
|
|
|
22
19
|
export { StyledCalendar };
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled, { css } from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'datepickers.calendar_item';
|
|
11
11
|
const sizeStyles = _ref => {
|
|
@@ -23,13 +23,10 @@ const sizeStyles = _ref => {
|
|
|
23
23
|
};
|
|
24
24
|
const StyledCalendarItem = styled.div.attrs({
|
|
25
25
|
'data-garden-id': COMPONENT_ID,
|
|
26
|
-
'data-garden-version': '9.0.0-next.
|
|
26
|
+
'data-garden-version': '9.0.0-next.26'
|
|
27
27
|
}).withConfig({
|
|
28
28
|
displayName: "StyledCalendarItem",
|
|
29
29
|
componentId: "sc-143w8wb-0"
|
|
30
30
|
})(["display:inline-block;position:relative;vertical-align:top;", " ", ";"], sizeStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
31
|
-
StyledCalendarItem.defaultProps = {
|
|
32
|
-
theme: DEFAULT_THEME
|
|
33
|
-
};
|
|
34
31
|
|
|
35
32
|
export { StyledCalendarItem, sizeStyles };
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled, { css } from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles,
|
|
8
|
+
import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'datepickers.datepicker';
|
|
11
11
|
const sizeStyles = _ref => {
|
|
@@ -28,13 +28,10 @@ const colorStyles = _ref2 => {
|
|
|
28
28
|
};
|
|
29
29
|
const StyledDatePicker = styled.div.attrs({
|
|
30
30
|
'data-garden-id': COMPONENT_ID,
|
|
31
|
-
'data-garden-version': '9.0.0-next.
|
|
31
|
+
'data-garden-version': '9.0.0-next.26'
|
|
32
32
|
}).withConfig({
|
|
33
33
|
displayName: "StyledDatePicker",
|
|
34
34
|
componentId: "sc-15hwqzh-0"
|
|
35
35
|
})(["direction:", ";", " ", " ", ";"], p => p.theme.rtl && 'rtl', sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
36
|
-
StyledDatePicker.defaultProps = {
|
|
37
|
-
theme: DEFAULT_THEME
|
|
38
|
-
};
|
|
39
36
|
|
|
40
37
|
export { StyledDatePicker };
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled, { css } from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles,
|
|
8
|
+
import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const sizeStyles = () => {
|
|
11
11
|
return css(["border-radius:50%;width:100%;height:100%;"]);
|
|
@@ -83,13 +83,10 @@ const colorStyles = _ref => {
|
|
|
83
83
|
const COMPONENT_ID = 'datepickers.day';
|
|
84
84
|
const StyledDay = styled.div.attrs({
|
|
85
85
|
'data-garden-id': COMPONENT_ID,
|
|
86
|
-
'data-garden-version': '9.0.0-next.
|
|
86
|
+
'data-garden-version': '9.0.0-next.26'
|
|
87
87
|
}).withConfig({
|
|
88
88
|
displayName: "StyledDay",
|
|
89
89
|
componentId: "sc-v42uk5-0"
|
|
90
90
|
})(["display:flex;position:absolute;align-items:center;justify-content:center;cursor:", ";font-size:", ";font-weight:", ";", " ", " ", ";"], props => props['aria-disabled'] ? 'inherit' : 'pointer', props => props.$isCompact ? props.theme.fontSizes.sm : props.theme.fontSizes.md, props => props.$isToday && !props['aria-disabled'] ? props.theme.fontWeights.semibold : 'inherit', sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
91
|
-
StyledDay.defaultProps = {
|
|
92
|
-
theme: DEFAULT_THEME
|
|
93
|
-
};
|
|
94
91
|
|
|
95
92
|
export { StyledDay };
|
|
@@ -5,18 +5,15 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'datepickers.day_label';
|
|
11
11
|
const StyledDayLabel = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.26'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledDayLabel",
|
|
16
16
|
componentId: "sc-9bh1p7-0"
|
|
17
17
|
})(["display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:", ";font-weight:", ";", ";"], props => props.$isCompact ? props.theme.fontSizes.sm : props.theme.fontSizes.md, props => props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
18
|
-
StyledDayLabel.defaultProps = {
|
|
19
|
-
theme: DEFAULT_THEME
|
|
20
|
-
};
|
|
21
18
|
|
|
22
19
|
export { StyledDayLabel };
|
|
@@ -5,18 +5,15 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'datepickers.header';
|
|
11
11
|
const StyledHeader = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.26'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledHeader",
|
|
16
16
|
componentId: "sc-upq318-0"
|
|
17
17
|
})(["display:flex;width:", "px;", ";"], props => props.$isCompact ? props.theme.space.base * 56 : props.theme.space.base * 70, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
18
|
-
StyledHeader.defaultProps = {
|
|
19
|
-
theme: DEFAULT_THEME
|
|
20
|
-
};
|
|
21
18
|
|
|
22
19
|
export { StyledHeader };
|
|
@@ -5,18 +5,15 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'datepickers.header_label';
|
|
11
11
|
const StyledHeaderLabel = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.26'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledHeaderLabel",
|
|
16
16
|
componentId: "sc-1ryf5ub-0"
|
|
17
17
|
})(["display:flex;flex-grow:1;align-items:center;justify-content:center;font-size:", ";font-weight:", ";", ";"], props => props.$isCompact ? props.theme.fontSizes.sm : props.theme.fontSizes.md, props => props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
18
|
-
StyledHeaderLabel.defaultProps = {
|
|
19
|
-
theme: DEFAULT_THEME
|
|
20
|
-
};
|
|
21
18
|
|
|
22
19
|
export { StyledHeaderLabel };
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled, { css } from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles,
|
|
8
|
+
import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const sizeStyles = _ref => {
|
|
11
11
|
let {
|
|
@@ -59,13 +59,10 @@ const colorStyles = _ref2 => {
|
|
|
59
59
|
const COMPONENT_ID = 'datepickers.header_paddle';
|
|
60
60
|
const StyledHeaderPaddle = styled.div.attrs({
|
|
61
61
|
'data-garden-id': COMPONENT_ID,
|
|
62
|
-
'data-garden-version': '9.0.0-next.
|
|
62
|
+
'data-garden-version': '9.0.0-next.26'
|
|
63
63
|
}).withConfig({
|
|
64
64
|
displayName: "StyledHeaderPaddle",
|
|
65
65
|
componentId: "sc-2oqh0g-0"
|
|
66
66
|
})(["display:flex;align-items:center;justify-content:center;transform:", ";border-radius:50%;cursor:pointer;&[aria-hidden]{visibility:hidden;}", " ", " ", ";"], props => props.theme.rtl && 'rotate(180deg)', sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
67
|
-
StyledHeaderPaddle.defaultProps = {
|
|
68
|
-
theme: DEFAULT_THEME
|
|
69
|
-
};
|
|
70
67
|
|
|
71
68
|
export { StyledHeaderPaddle };
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled, { css } from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles,
|
|
8
|
+
import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'datepickers.highlight';
|
|
11
11
|
const sizeStyles = _ref => {
|
|
@@ -44,13 +44,10 @@ const colorStyles = _ref2 => {
|
|
|
44
44
|
};
|
|
45
45
|
const StyledHighlight = styled.div.attrs({
|
|
46
46
|
'data-garden-id': COMPONENT_ID,
|
|
47
|
-
'data-garden-version': '9.0.0-next.
|
|
47
|
+
'data-garden-version': '9.0.0-next.26'
|
|
48
48
|
}).withConfig({
|
|
49
49
|
displayName: "StyledHighlight",
|
|
50
50
|
componentId: "sc-16vr32x-0"
|
|
51
51
|
})(["position:absolute;top:0;left:0;", " ", " ", ";"], sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
52
|
-
StyledHighlight.defaultProps = {
|
|
53
|
-
theme: DEFAULT_THEME
|
|
54
|
-
};
|
|
55
52
|
|
|
56
53
|
export { StyledHighlight };
|
|
@@ -5,18 +5,15 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'datepickers.menu';
|
|
11
11
|
const StyledMenu = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.26'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledMenu",
|
|
16
16
|
componentId: "sc-1npbkk0-0"
|
|
17
17
|
})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
18
|
-
StyledMenu.defaultProps = {
|
|
19
|
-
theme: DEFAULT_THEME
|
|
20
|
-
};
|
|
21
18
|
|
|
22
19
|
export { StyledMenu };
|
|
@@ -5,12 +5,12 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { menuStyles, getMenuPosition, retrieveComponentStyles
|
|
8
|
+
import { menuStyles, getMenuPosition, retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'datepickers.menu_wrapper';
|
|
11
11
|
const StyledMenuWrapper = styled.div.attrs(props => ({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.26',
|
|
14
14
|
className: props.$isAnimated && 'is-animated'
|
|
15
15
|
})).withConfig({
|
|
16
16
|
displayName: "StyledMenuWrapper",
|
|
@@ -22,8 +22,5 @@ const StyledMenuWrapper = styled.div.attrs(props => ({
|
|
|
22
22
|
zIndex: props.$zIndex,
|
|
23
23
|
animationModifier: props.$isAnimated ? '.is-animated' : undefined
|
|
24
24
|
}), props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
25
|
-
StyledMenuWrapper.defaultProps = {
|
|
26
|
-
theme: DEFAULT_THEME
|
|
27
|
-
};
|
|
28
25
|
|
|
29
26
|
export { StyledMenuWrapper };
|
|
@@ -6,18 +6,15 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
8
|
import { StyledDatePicker } from './StyledDatePicker.js';
|
|
9
|
-
import { retrieveComponentStyles
|
|
9
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
10
10
|
|
|
11
11
|
const COMPONENT_ID = 'datepickers.range_calendar';
|
|
12
12
|
const StyledRangeCalendar = styled.div.attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.26'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledRangeCalendar",
|
|
17
17
|
componentId: "sc-1og46sy-0"
|
|
18
18
|
})(["display:flex;overflow:auto;", "{margin:0;", "}", ";"], StyledDatePicker, props => props.theme.rtl ? `&:last-of-type {margin-right: ${props.theme.space.base * 5}px}` : `&:first-of-type {margin-right: ${props.theme.space.base * 5}px}`, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
19
|
-
StyledRangeCalendar.defaultProps = {
|
|
20
|
-
theme: DEFAULT_THEME
|
|
21
|
-
};
|
|
22
19
|
|
|
23
20
|
export { StyledRangeCalendar };
|
package/dist/index.cjs.js
CHANGED
|
@@ -62,19 +62,16 @@ const PLACEMENT = ['auto', ...reactTheming.PLACEMENT];
|
|
|
62
62
|
const COMPONENT_ID$b = 'datepickers.menu';
|
|
63
63
|
const StyledMenu = styled__default.default.div.attrs({
|
|
64
64
|
'data-garden-id': COMPONENT_ID$b,
|
|
65
|
-
'data-garden-version': '9.0.0-next.
|
|
65
|
+
'data-garden-version': '9.0.0-next.26'
|
|
66
66
|
}).withConfig({
|
|
67
67
|
displayName: "StyledMenu",
|
|
68
68
|
componentId: "sc-1npbkk0-0"
|
|
69
69
|
})(["", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$b, props));
|
|
70
|
-
StyledMenu.defaultProps = {
|
|
71
|
-
theme: reactTheming.DEFAULT_THEME
|
|
72
|
-
};
|
|
73
70
|
|
|
74
71
|
const COMPONENT_ID$a = 'datepickers.menu_wrapper';
|
|
75
72
|
const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
|
|
76
73
|
'data-garden-id': COMPONENT_ID$a,
|
|
77
|
-
'data-garden-version': '9.0.0-next.
|
|
74
|
+
'data-garden-version': '9.0.0-next.26',
|
|
78
75
|
className: props.$isAnimated && 'is-animated'
|
|
79
76
|
})).withConfig({
|
|
80
77
|
displayName: "StyledMenuWrapper",
|
|
@@ -86,9 +83,6 @@ const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
|
|
|
86
83
|
zIndex: props.$zIndex,
|
|
87
84
|
animationModifier: props.$isAnimated ? '.is-animated' : undefined
|
|
88
85
|
}), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$a, props));
|
|
89
|
-
StyledMenuWrapper.defaultProps = {
|
|
90
|
-
theme: reactTheming.DEFAULT_THEME
|
|
91
|
-
};
|
|
92
86
|
|
|
93
87
|
const COMPONENT_ID$9 = 'datepickers.datepicker';
|
|
94
88
|
const sizeStyles$4 = _ref => {
|
|
@@ -111,38 +105,29 @@ const colorStyles$3 = _ref2 => {
|
|
|
111
105
|
};
|
|
112
106
|
const StyledDatePicker = styled__default.default.div.attrs({
|
|
113
107
|
'data-garden-id': COMPONENT_ID$9,
|
|
114
|
-
'data-garden-version': '9.0.0-next.
|
|
108
|
+
'data-garden-version': '9.0.0-next.26'
|
|
115
109
|
}).withConfig({
|
|
116
110
|
displayName: "StyledDatePicker",
|
|
117
111
|
componentId: "sc-15hwqzh-0"
|
|
118
112
|
})(["direction:", ";", " ", " ", ";"], p => p.theme.rtl && 'rtl', sizeStyles$4, colorStyles$3, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props));
|
|
119
|
-
StyledDatePicker.defaultProps = {
|
|
120
|
-
theme: reactTheming.DEFAULT_THEME
|
|
121
|
-
};
|
|
122
113
|
|
|
123
114
|
const COMPONENT_ID$8 = 'datepickers.range_calendar';
|
|
124
115
|
const StyledRangeCalendar = styled__default.default.div.attrs({
|
|
125
116
|
'data-garden-id': COMPONENT_ID$8,
|
|
126
|
-
'data-garden-version': '9.0.0-next.
|
|
117
|
+
'data-garden-version': '9.0.0-next.26'
|
|
127
118
|
}).withConfig({
|
|
128
119
|
displayName: "StyledRangeCalendar",
|
|
129
120
|
componentId: "sc-1og46sy-0"
|
|
130
121
|
})(["display:flex;overflow:auto;", "{margin:0;", "}", ";"], StyledDatePicker, props => props.theme.rtl ? `&:last-of-type {margin-right: ${props.theme.space.base * 5}px}` : `&:first-of-type {margin-right: ${props.theme.space.base * 5}px}`, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$8, props));
|
|
131
|
-
StyledRangeCalendar.defaultProps = {
|
|
132
|
-
theme: reactTheming.DEFAULT_THEME
|
|
133
|
-
};
|
|
134
122
|
|
|
135
123
|
const COMPONENT_ID$7 = 'datepickers.header';
|
|
136
124
|
const StyledHeader = styled__default.default.div.attrs({
|
|
137
125
|
'data-garden-id': COMPONENT_ID$7,
|
|
138
|
-
'data-garden-version': '9.0.0-next.
|
|
126
|
+
'data-garden-version': '9.0.0-next.26'
|
|
139
127
|
}).withConfig({
|
|
140
128
|
displayName: "StyledHeader",
|
|
141
129
|
componentId: "sc-upq318-0"
|
|
142
130
|
})(["display:flex;width:", "px;", ";"], props => props.$isCompact ? props.theme.space.base * 56 : props.theme.space.base * 70, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$7, props));
|
|
143
|
-
StyledHeader.defaultProps = {
|
|
144
|
-
theme: reactTheming.DEFAULT_THEME
|
|
145
|
-
};
|
|
146
131
|
|
|
147
132
|
const sizeStyles$3 = _ref => {
|
|
148
133
|
let {
|
|
@@ -196,38 +181,29 @@ const colorStyles$2 = _ref2 => {
|
|
|
196
181
|
const COMPONENT_ID$6 = 'datepickers.header_paddle';
|
|
197
182
|
const StyledHeaderPaddle = styled__default.default.div.attrs({
|
|
198
183
|
'data-garden-id': COMPONENT_ID$6,
|
|
199
|
-
'data-garden-version': '9.0.0-next.
|
|
184
|
+
'data-garden-version': '9.0.0-next.26'
|
|
200
185
|
}).withConfig({
|
|
201
186
|
displayName: "StyledHeaderPaddle",
|
|
202
187
|
componentId: "sc-2oqh0g-0"
|
|
203
188
|
})(["display:flex;align-items:center;justify-content:center;transform:", ";border-radius:50%;cursor:pointer;&[aria-hidden]{visibility:hidden;}", " ", " ", ";"], props => props.theme.rtl && 'rotate(180deg)', sizeStyles$3, colorStyles$2, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$6, props));
|
|
204
|
-
StyledHeaderPaddle.defaultProps = {
|
|
205
|
-
theme: reactTheming.DEFAULT_THEME
|
|
206
|
-
};
|
|
207
189
|
|
|
208
190
|
const COMPONENT_ID$5 = 'datepickers.header_label';
|
|
209
191
|
const StyledHeaderLabel = styled__default.default.div.attrs({
|
|
210
192
|
'data-garden-id': COMPONENT_ID$5,
|
|
211
|
-
'data-garden-version': '9.0.0-next.
|
|
193
|
+
'data-garden-version': '9.0.0-next.26'
|
|
212
194
|
}).withConfig({
|
|
213
195
|
displayName: "StyledHeaderLabel",
|
|
214
196
|
componentId: "sc-1ryf5ub-0"
|
|
215
197
|
})(["display:flex;flex-grow:1;align-items:center;justify-content:center;font-size:", ";font-weight:", ";", ";"], props => props.$isCompact ? props.theme.fontSizes.sm : props.theme.fontSizes.md, props => props.theme.fontWeights.semibold, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$5, props));
|
|
216
|
-
StyledHeaderLabel.defaultProps = {
|
|
217
|
-
theme: reactTheming.DEFAULT_THEME
|
|
218
|
-
};
|
|
219
198
|
|
|
220
199
|
const COMPONENT_ID$4 = 'datepickers.calendar';
|
|
221
200
|
const StyledCalendar = styled__default.default.div.attrs({
|
|
222
201
|
'data-garden-id': COMPONENT_ID$4,
|
|
223
|
-
'data-garden-version': '9.0.0-next.
|
|
202
|
+
'data-garden-version': '9.0.0-next.26'
|
|
224
203
|
}).withConfig({
|
|
225
204
|
displayName: "StyledCalendar",
|
|
226
205
|
componentId: "sc-g5hoe8-0"
|
|
227
206
|
})(["width:", "px;", ";"], props => props.$isCompact ? props.theme.space.base * 56 : props.theme.space.base * 70, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$4, props));
|
|
228
|
-
StyledCalendar.defaultProps = {
|
|
229
|
-
theme: reactTheming.DEFAULT_THEME
|
|
230
|
-
};
|
|
231
207
|
|
|
232
208
|
const COMPONENT_ID$3 = 'datepickers.calendar_item';
|
|
233
209
|
const sizeStyles$2 = _ref => {
|
|
@@ -245,26 +221,20 @@ const sizeStyles$2 = _ref => {
|
|
|
245
221
|
};
|
|
246
222
|
const StyledCalendarItem = styled__default.default.div.attrs({
|
|
247
223
|
'data-garden-id': COMPONENT_ID$3,
|
|
248
|
-
'data-garden-version': '9.0.0-next.
|
|
224
|
+
'data-garden-version': '9.0.0-next.26'
|
|
249
225
|
}).withConfig({
|
|
250
226
|
displayName: "StyledCalendarItem",
|
|
251
227
|
componentId: "sc-143w8wb-0"
|
|
252
228
|
})(["display:inline-block;position:relative;vertical-align:top;", " ", ";"], sizeStyles$2, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$3, props));
|
|
253
|
-
StyledCalendarItem.defaultProps = {
|
|
254
|
-
theme: reactTheming.DEFAULT_THEME
|
|
255
|
-
};
|
|
256
229
|
|
|
257
230
|
const COMPONENT_ID$2 = 'datepickers.day_label';
|
|
258
231
|
const StyledDayLabel = styled__default.default.div.attrs({
|
|
259
232
|
'data-garden-id': COMPONENT_ID$2,
|
|
260
|
-
'data-garden-version': '9.0.0-next.
|
|
233
|
+
'data-garden-version': '9.0.0-next.26'
|
|
261
234
|
}).withConfig({
|
|
262
235
|
displayName: "StyledDayLabel",
|
|
263
236
|
componentId: "sc-9bh1p7-0"
|
|
264
237
|
})(["display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:", ";font-weight:", ";", ";"], props => props.$isCompact ? props.theme.fontSizes.sm : props.theme.fontSizes.md, props => props.theme.fontWeights.semibold, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
|
|
265
|
-
StyledDayLabel.defaultProps = {
|
|
266
|
-
theme: reactTheming.DEFAULT_THEME
|
|
267
|
-
};
|
|
268
238
|
|
|
269
239
|
const COMPONENT_ID$1 = 'datepickers.highlight';
|
|
270
240
|
const sizeStyles$1 = _ref => {
|
|
@@ -303,14 +273,11 @@ const colorStyles$1 = _ref2 => {
|
|
|
303
273
|
};
|
|
304
274
|
const StyledHighlight = styled__default.default.div.attrs({
|
|
305
275
|
'data-garden-id': COMPONENT_ID$1,
|
|
306
|
-
'data-garden-version': '9.0.0-next.
|
|
276
|
+
'data-garden-version': '9.0.0-next.26'
|
|
307
277
|
}).withConfig({
|
|
308
278
|
displayName: "StyledHighlight",
|
|
309
279
|
componentId: "sc-16vr32x-0"
|
|
310
280
|
})(["position:absolute;top:0;left:0;", " ", " ", ";"], sizeStyles$1, colorStyles$1, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
|
|
311
|
-
StyledHighlight.defaultProps = {
|
|
312
|
-
theme: reactTheming.DEFAULT_THEME
|
|
313
|
-
};
|
|
314
281
|
|
|
315
282
|
const sizeStyles = () => {
|
|
316
283
|
return styled.css(["border-radius:50%;width:100%;height:100%;"]);
|
|
@@ -388,14 +355,11 @@ const colorStyles = _ref => {
|
|
|
388
355
|
const COMPONENT_ID = 'datepickers.day';
|
|
389
356
|
const StyledDay = styled__default.default.div.attrs({
|
|
390
357
|
'data-garden-id': COMPONENT_ID,
|
|
391
|
-
'data-garden-version': '9.0.0-next.
|
|
358
|
+
'data-garden-version': '9.0.0-next.26'
|
|
392
359
|
}).withConfig({
|
|
393
360
|
displayName: "StyledDay",
|
|
394
361
|
componentId: "sc-v42uk5-0"
|
|
395
362
|
})(["display:flex;position:absolute;align-items:center;justify-content:center;cursor:", ";font-size:", ";font-weight:", ";", " ", " ", ";"], props => props['aria-disabled'] ? 'inherit' : 'pointer', props => props.$isCompact ? props.theme.fontSizes.sm : props.theme.fontSizes.md, props => props.$isToday && !props['aria-disabled'] ? props.theme.fontWeights.semibold : 'inherit', sizeStyles, colorStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
|
|
396
|
-
StyledDay.defaultProps = {
|
|
397
|
-
theme: reactTheming.DEFAULT_THEME
|
|
398
|
-
};
|
|
399
363
|
|
|
400
364
|
const DatePickerContext = React.createContext(undefined);
|
|
401
365
|
const useDatePickerContext$1 = () => {
|
|
@@ -1692,7 +1656,7 @@ const Calendar = React.forwardRef((props, ref) => {
|
|
|
1692
1656
|
return React__namespace.default.createElement(StyledRangeCalendar, Object.assign({
|
|
1693
1657
|
ref: ref,
|
|
1694
1658
|
"data-garden-id": "datepickers.range",
|
|
1695
|
-
"data-garden-version": '9.0.0-next.
|
|
1659
|
+
"data-garden-version": '9.0.0-next.26'
|
|
1696
1660
|
}, props), React__namespace.default.createElement(Month, {
|
|
1697
1661
|
displayDate: state.previewDate,
|
|
1698
1662
|
isNextHidden: true
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-datepickers",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.26",
|
|
4
4
|
"description": "Components relating to datepickers in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"styled-components": "^5.3.1"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
37
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.26",
|
|
38
38
|
"@zendeskgarden/svg-icons": "7.2.0"
|
|
39
39
|
},
|
|
40
40
|
"keywords": [
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"access": "public"
|
|
48
48
|
},
|
|
49
49
|
"zendeskgarden:src": "src/index.ts",
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "049dd7bd143029147de333f78bd879dc7d7251f2"
|
|
51
51
|
}
|