@salutejs/sdds-cs 0.336.0-canary.2403.20455152253.0 → 0.336.0-dev.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.
- package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +8 -3
- package/dist/emotion/cjs/components/Range/Range.config.js +23 -19
- package/dist/emotion/cjs/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +17 -32
- package/dist/emotion/cjs/components/Typography/Heading.config.js +0 -30
- package/dist/emotion/cjs/components/Typography/Typography.js +0 -6
- package/dist/emotion/cjs/components/Typography/index.js +0 -3
- package/dist/emotion/es/components/DatePicker/DatePicker.config.js +8 -3
- package/dist/emotion/es/components/Range/Range.config.js +23 -19
- package/dist/emotion/es/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +17 -32
- package/dist/emotion/es/components/Typography/Heading.config.js +0 -27
- package/dist/emotion/es/components/Typography/Typography.js +1 -4
- package/dist/emotion/es/components/Typography/index.js +1 -1
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +8 -3
- package/dist/styled-components/cjs/components/Range/Range.config.js +23 -19
- package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +17 -32
- package/dist/styled-components/cjs/components/Typography/Heading.config.js +0 -30
- package/dist/styled-components/cjs/components/Typography/Typography.js +0 -6
- package/dist/styled-components/cjs/components/Typography/index.js +0 -3
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +8 -3
- package/dist/styled-components/es/components/Range/Range.config.js +23 -19
- package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +17 -32
- package/dist/styled-components/es/components/Typography/Heading.config.js +0 -27
- package/dist/styled-components/es/components/Typography/Typography.js +1 -4
- package/dist/styled-components/es/components/Typography/index.js +1 -1
- package/package.json +7 -7
- package/types/components/DatePicker/DatePicker.d.ts +19 -5
- package/types/components/Range/Range.d.ts +555 -3
- package/types/components/Skeleton/LineSkeleton.config.d.ts +0 -1
- package/types/components/Skeleton/Skeleton.d.ts +0 -2
- package/types/components/Tabs/Tabs.d.ts +0 -1
- package/types/components/Tabs/horizontal/HorizontalTabs.config.d.ts +0 -1
- package/types/components/Typography/Heading.config.d.ts +0 -10
- package/types/components/Typography/Typography.d.ts +0 -17
- package/types/components/Typography/index.d.ts +1 -1
|
@@ -23,9 +23,6 @@ _export(exports, {
|
|
|
23
23
|
},
|
|
24
24
|
get configH5 () {
|
|
25
25
|
return configH5;
|
|
26
|
-
},
|
|
27
|
-
get configH6 () {
|
|
28
|
-
return configH6;
|
|
29
26
|
}
|
|
30
27
|
});
|
|
31
28
|
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
@@ -124,23 +121,6 @@ function _templateObject4() {
|
|
|
124
121
|
};
|
|
125
122
|
return data;
|
|
126
123
|
}
|
|
127
|
-
function _templateObject5() {
|
|
128
|
-
var data = _tagged_template_literal([
|
|
129
|
-
"\n ",
|
|
130
|
-
": var(--plasma-typo-h6-font-family);\n ",
|
|
131
|
-
": var(--plasma-typo-h6-font-size);\n ",
|
|
132
|
-
": var(--plasma-typo-h6-font-style);\n ",
|
|
133
|
-
": var(--plasma-typo-h6-font-weight);\n ",
|
|
134
|
-
": var(--plasma-typo-h6-bold-font-weight);\n ",
|
|
135
|
-
": var(--plasma-typo-h6-medium-font-weight);\n ",
|
|
136
|
-
": var(--plasma-typo-h6-letter-spacing);\n ",
|
|
137
|
-
": var(--plasma-typo-h6-line-height);\n "
|
|
138
|
-
]);
|
|
139
|
-
_templateObject5 = function _templateObject() {
|
|
140
|
-
return data;
|
|
141
|
-
};
|
|
142
|
-
return data;
|
|
143
|
-
}
|
|
144
124
|
var configH1 = {
|
|
145
125
|
defaults: {
|
|
146
126
|
size: 'h1'
|
|
@@ -191,13 +171,3 @@ var configH5 = {
|
|
|
191
171
|
}
|
|
192
172
|
}
|
|
193
173
|
};
|
|
194
|
-
var configH6 = {
|
|
195
|
-
defaults: {
|
|
196
|
-
size: 'h6'
|
|
197
|
-
},
|
|
198
|
-
variations: {
|
|
199
|
-
size: {
|
|
200
|
-
h6: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontWeightBold, _styledcomponents.typographyTokens.typoFontWeightMedium, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
};
|
|
@@ -48,9 +48,6 @@ _export(exports, {
|
|
|
48
48
|
get H5 () {
|
|
49
49
|
return H5;
|
|
50
50
|
},
|
|
51
|
-
get H6 () {
|
|
52
|
-
return H6;
|
|
53
|
-
},
|
|
54
51
|
get TextL () {
|
|
55
52
|
return TextL;
|
|
56
53
|
},
|
|
@@ -95,8 +92,6 @@ var heading4Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headin
|
|
|
95
92
|
var Heading4Component = (0, _styledcomponents.component)(heading4Config);
|
|
96
93
|
var heading5Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH5);
|
|
97
94
|
var Heading5Component = (0, _styledcomponents.component)(heading5Config);
|
|
98
|
-
var heading6Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH6);
|
|
99
|
-
var Heading6Component = (0, _styledcomponents.component)(heading6Config);
|
|
100
95
|
var textMConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configM);
|
|
101
96
|
var TextMComponent = (0, _styledcomponents.component)(textMConfig);
|
|
102
97
|
var textLConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configL);
|
|
@@ -118,7 +113,6 @@ var H2 = Heading2Component;
|
|
|
118
113
|
var H3 = Heading3Component;
|
|
119
114
|
var H4 = Heading4Component;
|
|
120
115
|
var H5 = Heading5Component;
|
|
121
|
-
var H6 = Heading6Component;
|
|
122
116
|
var TextM = TextMComponent;
|
|
123
117
|
var TextL = TextLComponent;
|
|
124
118
|
var TextS = TextSComponent;
|
|
@@ -99,21 +99,26 @@ function _templateObject1() {
|
|
|
99
99
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
100
100
|
": 0 0 0 0.75rem;\n ",
|
|
101
101
|
": 0;\n\n ",
|
|
102
|
-
": 0.5rem;\n ",
|
|
103
102
|
": 0.3125rem 0 0 0;\n ",
|
|
104
103
|
": 1.0625rem 0 0.3125rem 0;\n\n ",
|
|
104
|
+
": 0.5rem;\n ",
|
|
105
105
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
106
106
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
107
107
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
108
108
|
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
109
109
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
110
110
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
111
|
+
": 0.25rem;\n ",
|
|
111
112
|
": 0.375rem;\n ",
|
|
112
|
-
": 0.375rem;\n ",
|
|
113
|
+
": 0.375rem;\n\n ",
|
|
113
114
|
": 0 0 0 0;\n ",
|
|
114
115
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
115
116
|
": 0 0 auto auto;\n ",
|
|
116
117
|
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
118
|
+
": 0.25rem;\n ",
|
|
119
|
+
": -0.75rem;\n ",
|
|
120
|
+
": auto 0 -0.5rem auto;\n ",
|
|
121
|
+
": auto auto -0.5rem 0;\n\n ",
|
|
117
122
|
": 2.5rem;\n ",
|
|
118
123
|
": 0.625rem;\n ",
|
|
119
124
|
": 0.125rem;\n ",
|
|
@@ -251,7 +256,7 @@ export var config = {
|
|
|
251
256
|
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBackgroundColor, tokens.textFieldContentSlotColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarBorderColor, tokens.calendarDayOfWeekColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover)
|
|
252
257
|
},
|
|
253
258
|
size: {
|
|
254
|
-
s: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.
|
|
259
|
+
s: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderWidth, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius)
|
|
255
260
|
},
|
|
256
261
|
disabled: {
|
|
257
262
|
true: css(_templateObject2(), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.labelColor)
|
|
@@ -57,19 +57,6 @@ function _templateObject1() {
|
|
|
57
57
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
58
58
|
": 0 0.375rem 0 0.75rem;\n ",
|
|
59
59
|
": 0;\n\n ",
|
|
60
|
-
": 0.5rem;\n\n ",
|
|
61
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
|
62
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
|
63
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
|
64
|
-
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
65
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
66
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
67
|
-
": 0.375rem;\n ",
|
|
68
|
-
": 0.375rem;\n ",
|
|
69
|
-
": 0 0 0 0;\n ",
|
|
70
|
-
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
71
|
-
": 0 0 auto auto;\n ",
|
|
72
|
-
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
73
60
|
": 2.5rem;\n ",
|
|
74
61
|
": 0.625rem;\n ",
|
|
75
62
|
": 0.125rem;\n ",
|
|
@@ -80,17 +67,34 @@ function _templateObject1() {
|
|
|
80
67
|
": var(--plasma-typo-body-m-font-weight);\n ",
|
|
81
68
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
82
69
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
83
|
-
": 0.
|
|
70
|
+
": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
|
|
71
|
+
": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
|
|
72
|
+
": 0 0.25rem 0 0;\n ",
|
|
73
|
+
": 0 0 0 0.25rem;\n\n ",
|
|
84
74
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
85
75
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
86
76
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
87
77
|
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
88
78
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
89
79
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
90
|
-
":
|
|
91
|
-
":
|
|
92
|
-
": 0
|
|
93
|
-
": 0
|
|
80
|
+
": 0.25rem;\n ",
|
|
81
|
+
": 0.5rem;\n ",
|
|
82
|
+
": 0.25rem;\n ",
|
|
83
|
+
": 0.75rem;\n\n ",
|
|
84
|
+
": 0.375rem;\n ",
|
|
85
|
+
": 0.375rem;\n ",
|
|
86
|
+
": 0.25rem;\n ",
|
|
87
|
+
": -0.75rem;\n ",
|
|
88
|
+
": auto 0 -0.5rem auto;\n ",
|
|
89
|
+
": auto auto -0.5rem 0;\n\n ",
|
|
90
|
+
": 0.25rem 0 0 0;\n ",
|
|
91
|
+
": 0.25rem;\n\n ",
|
|
92
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
93
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
94
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
95
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
96
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
97
|
+
": var(--plasma-typo-body-s-line-height);\n "
|
|
94
98
|
]);
|
|
95
99
|
_templateObject1 = function _templateObject() {
|
|
96
100
|
return data;
|
|
@@ -143,7 +147,7 @@ export var config = {
|
|
|
143
147
|
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.focusColor, tokens.textFieldTextAfterColor, tokens.textFieldTextBeforeColor)
|
|
144
148
|
},
|
|
145
149
|
size: {
|
|
146
|
-
s: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.
|
|
150
|
+
s: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight)
|
|
147
151
|
},
|
|
148
152
|
disabled: {
|
|
149
153
|
true: css(_templateObject2(), tokens.disabledOpacity, tokens.background, tokens.borderColor, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor)
|
|
@@ -172,56 +172,45 @@ function _templateObject14() {
|
|
|
172
172
|
return data;
|
|
173
173
|
}
|
|
174
174
|
function _templateObject15() {
|
|
175
|
-
var data = _tagged_template_literal([
|
|
176
|
-
"\n ",
|
|
177
|
-
": var(--plasma-typo-h6-line-height);\n ",
|
|
178
|
-
": var(--plasma-typo-h6-font-size);\n "
|
|
179
|
-
]);
|
|
180
|
-
_templateObject15 = function _templateObject() {
|
|
181
|
-
return data;
|
|
182
|
-
};
|
|
183
|
-
return data;
|
|
184
|
-
}
|
|
185
|
-
function _templateObject16() {
|
|
186
175
|
var data = _tagged_template_literal([
|
|
187
176
|
"\n ",
|
|
188
177
|
": var(--plasma-typo-text-l-line-height);\n ",
|
|
189
178
|
": var(--plasma-typo-text-l-font-size);\n "
|
|
190
179
|
]);
|
|
191
|
-
|
|
180
|
+
_templateObject15 = function _templateObject() {
|
|
192
181
|
return data;
|
|
193
182
|
};
|
|
194
183
|
return data;
|
|
195
184
|
}
|
|
196
|
-
function
|
|
185
|
+
function _templateObject16() {
|
|
197
186
|
var data = _tagged_template_literal([
|
|
198
187
|
"\n ",
|
|
199
188
|
": var(--plasma-typo-text-m-line-height);\n ",
|
|
200
189
|
": var(--plasma-typo-text-m-font-size);\n "
|
|
201
190
|
]);
|
|
202
|
-
|
|
191
|
+
_templateObject16 = function _templateObject() {
|
|
203
192
|
return data;
|
|
204
193
|
};
|
|
205
194
|
return data;
|
|
206
195
|
}
|
|
207
|
-
function
|
|
196
|
+
function _templateObject17() {
|
|
208
197
|
var data = _tagged_template_literal([
|
|
209
198
|
"\n ",
|
|
210
199
|
": var(--plasma-typo-text-s-line-height);\n ",
|
|
211
200
|
": var(--plasma-typo-text-s-font-size);\n "
|
|
212
201
|
]);
|
|
213
|
-
|
|
202
|
+
_templateObject17 = function _templateObject() {
|
|
214
203
|
return data;
|
|
215
204
|
};
|
|
216
205
|
return data;
|
|
217
206
|
}
|
|
218
|
-
function
|
|
207
|
+
function _templateObject18() {
|
|
219
208
|
var data = _tagged_template_literal([
|
|
220
209
|
"\n ",
|
|
221
210
|
": var(--plasma-typo-text-xs-line-height);\n ",
|
|
222
211
|
": var(--plasma-typo-text-xs-font-size);\n "
|
|
223
212
|
]);
|
|
224
|
-
|
|
213
|
+
_templateObject18 = function _templateObject() {
|
|
225
214
|
return data;
|
|
226
215
|
};
|
|
227
216
|
return data;
|
|
@@ -251,11 +240,10 @@ export var config = {
|
|
|
251
240
|
h3: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
252
241
|
h4: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
253
242
|
h5: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
textXS: css(_templateObject19(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
|
|
243
|
+
textL: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
244
|
+
textM: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
245
|
+
textS: css(_templateObject17(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
|
246
|
+
textXS: css(_templateObject18(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
|
|
259
247
|
}
|
|
260
248
|
}
|
|
261
249
|
};
|
|
@@ -146,10 +146,10 @@ function _templateObject8() {
|
|
|
146
146
|
function _templateObject9() {
|
|
147
147
|
var data = _tagged_template_literal([
|
|
148
148
|
"\n ",
|
|
149
|
-
": 0.
|
|
149
|
+
": 0.625rem;\n ",
|
|
150
150
|
": fit-content;\n ",
|
|
151
151
|
": auto;\n ",
|
|
152
|
-
": 0.
|
|
152
|
+
": 0.375rem;\n ",
|
|
153
153
|
": 0rem;\n "
|
|
154
154
|
]);
|
|
155
155
|
_templateObject9 = function _templateObject() {
|
|
@@ -160,10 +160,10 @@ function _templateObject9() {
|
|
|
160
160
|
function _templateObject10() {
|
|
161
161
|
var data = _tagged_template_literal([
|
|
162
162
|
"\n ",
|
|
163
|
-
": 0.
|
|
163
|
+
": 0.75rem;\n ",
|
|
164
164
|
": fit-content;\n ",
|
|
165
165
|
": auto;\n ",
|
|
166
|
-
": 0.
|
|
166
|
+
": 0.5rem;\n ",
|
|
167
167
|
": 0rem;\n "
|
|
168
168
|
]);
|
|
169
169
|
_templateObject10 = function _templateObject() {
|
|
@@ -177,7 +177,7 @@ function _templateObject11() {
|
|
|
177
177
|
": 0.75rem;\n ",
|
|
178
178
|
": fit-content;\n ",
|
|
179
179
|
": auto;\n ",
|
|
180
|
-
":
|
|
180
|
+
": 1rem;\n ",
|
|
181
181
|
": 0rem;\n "
|
|
182
182
|
]);
|
|
183
183
|
_templateObject11 = function _templateObject() {
|
|
@@ -188,11 +188,7 @@ function _templateObject11() {
|
|
|
188
188
|
function _templateObject12() {
|
|
189
189
|
var data = _tagged_template_literal([
|
|
190
190
|
"\n ",
|
|
191
|
-
":
|
|
192
|
-
": fit-content;\n ",
|
|
193
|
-
": auto;\n ",
|
|
194
|
-
": 1rem;\n ",
|
|
195
|
-
": 0rem;\n "
|
|
191
|
+
": 100%;\n "
|
|
196
192
|
]);
|
|
197
193
|
_templateObject12 = function _templateObject() {
|
|
198
194
|
return data;
|
|
@@ -200,16 +196,6 @@ function _templateObject12() {
|
|
|
200
196
|
return data;
|
|
201
197
|
}
|
|
202
198
|
function _templateObject13() {
|
|
203
|
-
var data = _tagged_template_literal([
|
|
204
|
-
"\n ",
|
|
205
|
-
": 100%;\n "
|
|
206
|
-
]);
|
|
207
|
-
_templateObject13 = function _templateObject() {
|
|
208
|
-
return data;
|
|
209
|
-
};
|
|
210
|
-
return data;
|
|
211
|
-
}
|
|
212
|
-
function _templateObject14() {
|
|
213
199
|
var data = _tagged_template_literal([
|
|
214
200
|
"\n ",
|
|
215
201
|
": var(--text-secondary);\n ",
|
|
@@ -224,17 +210,17 @@ function _templateObject14() {
|
|
|
224
210
|
": none;\n ",
|
|
225
211
|
": transparent;\n "
|
|
226
212
|
]);
|
|
227
|
-
|
|
213
|
+
_templateObject13 = function _templateObject() {
|
|
228
214
|
return data;
|
|
229
215
|
};
|
|
230
216
|
return data;
|
|
231
217
|
}
|
|
232
|
-
function
|
|
218
|
+
function _templateObject14() {
|
|
233
219
|
var data = _tagged_template_literal([
|
|
234
220
|
"\n ",
|
|
235
221
|
": 1.625rem;\n "
|
|
236
222
|
]);
|
|
237
|
-
|
|
223
|
+
_templateObject14 = function _templateObject() {
|
|
238
224
|
return data;
|
|
239
225
|
};
|
|
240
226
|
return data;
|
|
@@ -256,21 +242,20 @@ export var config = {
|
|
|
256
242
|
s: css(_templateObject4(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
257
243
|
m: css(_templateObject5(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
258
244
|
l: css(_templateObject6(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
h1: css(_templateObject12(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
|
|
245
|
+
h5: css(_templateObject7(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
246
|
+
h4: css(_templateObject8(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
247
|
+
h3: css(_templateObject9(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
248
|
+
h2: css(_templateObject10(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
|
249
|
+
h1: css(_templateObject11(), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
|
|
265
250
|
},
|
|
266
251
|
stretch: {
|
|
267
|
-
true: css(
|
|
252
|
+
true: css(_templateObject12(), tabsTokens.containerWidth)
|
|
268
253
|
},
|
|
269
254
|
disabled: {
|
|
270
|
-
true: css(
|
|
255
|
+
true: css(_templateObject13(), tabsTokens.arrowColor, tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.tabsDividerColor)
|
|
271
256
|
},
|
|
272
257
|
pilled: {
|
|
273
|
-
true: css(
|
|
258
|
+
true: css(_templateObject14(), tabsTokens.tabsPilledBorderRadius)
|
|
274
259
|
}
|
|
275
260
|
}
|
|
276
261
|
};
|
|
@@ -93,23 +93,6 @@ function _templateObject4() {
|
|
|
93
93
|
};
|
|
94
94
|
return data;
|
|
95
95
|
}
|
|
96
|
-
function _templateObject5() {
|
|
97
|
-
var data = _tagged_template_literal([
|
|
98
|
-
"\n ",
|
|
99
|
-
": var(--plasma-typo-h6-font-family);\n ",
|
|
100
|
-
": var(--plasma-typo-h6-font-size);\n ",
|
|
101
|
-
": var(--plasma-typo-h6-font-style);\n ",
|
|
102
|
-
": var(--plasma-typo-h6-font-weight);\n ",
|
|
103
|
-
": var(--plasma-typo-h6-bold-font-weight);\n ",
|
|
104
|
-
": var(--plasma-typo-h6-medium-font-weight);\n ",
|
|
105
|
-
": var(--plasma-typo-h6-letter-spacing);\n ",
|
|
106
|
-
": var(--plasma-typo-h6-line-height);\n "
|
|
107
|
-
]);
|
|
108
|
-
_templateObject5 = function _templateObject() {
|
|
109
|
-
return data;
|
|
110
|
-
};
|
|
111
|
-
return data;
|
|
112
|
-
}
|
|
113
96
|
import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
114
97
|
export var configH1 = {
|
|
115
98
|
defaults: {
|
|
@@ -161,13 +144,3 @@ export var configH5 = {
|
|
|
161
144
|
}
|
|
162
145
|
}
|
|
163
146
|
};
|
|
164
|
-
export var configH6 = {
|
|
165
|
-
defaults: {
|
|
166
|
-
size: 'h6'
|
|
167
|
-
},
|
|
168
|
-
variations: {
|
|
169
|
-
size: {
|
|
170
|
-
h6: css(_templateObject5(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { bodyConfig, dsplConfig, headingConfig, textConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
2
|
import { configL as bodyConfigLCustom, configM as bodyConfigMCustom, configS as bodyConfigSCustom, configXS as bodyConfigXSCustom, configXXS as bodyConfigXXSCustom } from './Body.config';
|
|
3
3
|
import { configL as dsplConfigLCustom, configM as dsplConfigMCustom, configS as dsplConfigSCustom } from './Dspl.config';
|
|
4
|
-
import { configH1 as headingConfigH1Custom, configH2 as headingConfigH2Custom, configH3 as headingConfigH3Custom, configH4 as headingConfigH4Custom, configH5 as headingConfigH5Custom
|
|
4
|
+
import { configH1 as headingConfigH1Custom, configH2 as headingConfigH2Custom, configH3 as headingConfigH3Custom, configH4 as headingConfigH4Custom, configH5 as headingConfigH5Custom } from './Heading.config';
|
|
5
5
|
import { configL as textConfigLCustom, configM as textConfigMCustom, configS as textConfigSCustom, configXS as textConfigXSCustom } from './Text.config';
|
|
6
6
|
var bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);
|
|
7
7
|
var BodyMComponent = component(bodyMConfig);
|
|
@@ -29,8 +29,6 @@ var heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);
|
|
|
29
29
|
var Heading4Component = component(heading4Config);
|
|
30
30
|
var heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);
|
|
31
31
|
var Heading5Component = component(heading5Config);
|
|
32
|
-
var heading6Config = mergeConfig(headingConfig, headingConfigH6Custom);
|
|
33
|
-
var Heading6Component = component(heading6Config);
|
|
34
32
|
var textMConfig = mergeConfig(textConfig, textConfigMCustom);
|
|
35
33
|
var TextMComponent = component(textMConfig);
|
|
36
34
|
var textLConfig = mergeConfig(textConfig, textConfigLCustom);
|
|
@@ -52,7 +50,6 @@ export var H2 = Heading2Component;
|
|
|
52
50
|
export var H3 = Heading3Component;
|
|
53
51
|
export var H4 = Heading4Component;
|
|
54
52
|
export var H5 = Heading5Component;
|
|
55
|
-
export var H6 = Heading6Component;
|
|
56
53
|
export var TextM = TextMComponent;
|
|
57
54
|
export var TextL = TextLComponent;
|
|
58
55
|
export var TextS = TextSComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5,
|
|
1
|
+
export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './Typography';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.336.0-
|
|
3
|
+
"version": "0.336.0-dev.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"exports": {
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"directory": "packages/sdds-cs"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@salutejs/plasma-new-hope": "0.344.0-
|
|
36
|
-
"@salutejs/sdds-themes": "0.51.0-
|
|
35
|
+
"@salutejs/plasma-new-hope": "0.344.0-dev.0",
|
|
36
|
+
"@salutejs/sdds-themes": "0.51.0-dev.0"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"@emotion/react": ">=11",
|
|
@@ -56,10 +56,10 @@
|
|
|
56
56
|
"@microsoft/api-extractor": "7.38.3",
|
|
57
57
|
"@originjs/vite-plugin-commonjs": "1.0.3",
|
|
58
58
|
"@salutejs/plasma-colors": "0.16.0",
|
|
59
|
-
"@salutejs/plasma-core": "1.212.0-
|
|
60
|
-
"@salutejs/plasma-cy-utils": "0.142.0-
|
|
59
|
+
"@salutejs/plasma-core": "1.212.0-dev.0",
|
|
60
|
+
"@salutejs/plasma-cy-utils": "0.142.0-dev.0",
|
|
61
61
|
"@salutejs/plasma-icons": "1.228.0",
|
|
62
|
-
"@salutejs/plasma-sb-utils": "0.212.0-
|
|
62
|
+
"@salutejs/plasma-sb-utils": "0.212.0-dev.0",
|
|
63
63
|
"@types/node": "16.7.13",
|
|
64
64
|
"@types/react": "18.0.28",
|
|
65
65
|
"@types/react-dom": "18.0.11",
|
|
@@ -112,5 +112,5 @@
|
|
|
112
112
|
"Anton Vinogradov"
|
|
113
113
|
],
|
|
114
114
|
"sideEffects": false,
|
|
115
|
-
"gitHead": "
|
|
115
|
+
"gitHead": "b2e9722dc5791751b896e558a8f9b7fc0fa8e06e"
|
|
116
116
|
}
|
|
@@ -81,29 +81,43 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
|
|
|
81
81
|
autoComplete?: string | undefined;
|
|
82
82
|
contentLeft?: React.ReactNode;
|
|
83
83
|
contentRight?: React.ReactNode;
|
|
84
|
+
appearance?: "default" | "clear" | undefined;
|
|
85
|
+
hintText?: string | undefined;
|
|
86
|
+
hintTrigger?: ("hover" | "click") | undefined;
|
|
87
|
+
hintTargetIcon?: React.ReactNode;
|
|
88
|
+
hintPlacement?: (import("@salutejs/plasma-new-hope/styled-components").Placement | Array<import("@salutejs/plasma-new-hope/styled-components").ComputedPlacement>) | undefined;
|
|
89
|
+
hintHasArrow?: boolean | undefined;
|
|
90
|
+
hintOffset?: [number, number] | undefined;
|
|
91
|
+
hintWidth?: string | undefined;
|
|
92
|
+
hintContentLeft?: React.ReactNode;
|
|
93
|
+
hintView?: string | undefined;
|
|
94
|
+
hintSize?: string | undefined;
|
|
95
|
+
titleCaption?: React.ReactNode;
|
|
84
96
|
leftHelper?: string | undefined;
|
|
85
|
-
requiredPlacement?: ("left" | "right") | undefined;
|
|
86
97
|
hasRequiredIndicator?: boolean | undefined;
|
|
98
|
+
hintTargetPlacement?: ("inner" | "outer") | undefined;
|
|
99
|
+
requiredIndicatorPlacement?: ("left" | "right") | undefined;
|
|
87
100
|
firstValueError?: boolean | undefined;
|
|
88
101
|
secondValueError?: boolean | undefined;
|
|
89
102
|
firstValueSuccess?: boolean | undefined;
|
|
90
103
|
secondValueSuccess?: boolean | undefined;
|
|
91
104
|
firstPlaceholder?: string | undefined;
|
|
92
105
|
secondPlaceholder?: string | undefined;
|
|
106
|
+
hasClearDivider?: boolean | undefined;
|
|
93
107
|
firstTextfieldContentLeft?: React.ReactElement | undefined;
|
|
94
108
|
firstTextfieldContentRight?: React.ReactElement | undefined;
|
|
95
109
|
secondTextfieldContentLeft?: React.ReactElement | undefined;
|
|
96
110
|
secondTextfieldContentRight?: React.ReactElement | undefined;
|
|
111
|
+
firstTextfieldTextBefore?: string | undefined;
|
|
112
|
+
secondTextfieldTextBefore?: string | undefined;
|
|
97
113
|
firstTextfieldTextAfter?: string | undefined;
|
|
98
114
|
secondTextfieldTextAfter?: string | undefined;
|
|
115
|
+
dividerVariant?: "none" | "icon" | "dash" | undefined;
|
|
116
|
+
dividerIcon?: React.ReactNode;
|
|
99
117
|
onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
100
118
|
onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
101
119
|
onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
102
120
|
onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
103
|
-
firstTextfieldTextBefore?: string | undefined;
|
|
104
|
-
secondTextfieldTextBefore?: string | undefined;
|
|
105
|
-
dividerVariant?: "none" | "icon" | "dash" | undefined;
|
|
106
|
-
dividerIcon?: React.ReactNode;
|
|
107
121
|
} & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement"> & {
|
|
108
122
|
placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
|
|
109
123
|
isDoubleCalendar?: boolean;
|