@salutejs/plasma-new-hope 0.338.0-canary.2281.18401175529.0 → 0.338.0-canary.2281.18461219317.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/cjs/components/Calendar/Calendar.tokens.js +1 -0
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_12b03hz.css → DateStructureItem.styles_z3dhwf.css} +1 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/{es/components/DatePicker/DatePickerBase.styles_1fnt3hc.css → cjs/components/DatePicker/DatePickerBase.styles_6x4unn.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -6
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/{es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_160e4y4.css → cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1wt56uj.css} +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +9 -9
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/{es/components/DatePicker/SingleDate/SingleDate.styles_15voqba.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_5c37vu.css} +1 -1
- package/cjs/components/Drawer/Drawer.js +4 -1
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Popover/Popover.js +6 -2
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popup/Popup.styles.js +3 -2
- package/cjs/components/Popup/Popup.styles.js.map +1 -1
- package/cjs/components/_Resizable/Resizable.js +9 -1
- package/cjs/components/_Resizable/Resizable.js.map +1 -1
- package/cjs/index.css +11 -11
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +1 -0
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -9
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +5 -5
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
- package/emotion/cjs/components/Drawer/Drawer.js +3 -1
- package/emotion/cjs/components/Popover/Popover.js +6 -2
- package/emotion/cjs/components/Popup/Popup.styles.js +13 -13
- package/emotion/cjs/components/_Resizable/Resizable.js +7 -1
- package/emotion/es/components/Calendar/Calendar.tokens.js +1 -0
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -9
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +3 -0
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +5 -5
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
- package/emotion/es/components/Drawer/Drawer.js +3 -1
- package/emotion/es/components/Popover/Popover.js +6 -2
- package/emotion/es/components/Popup/Popup.styles.js +13 -13
- package/emotion/es/components/_Resizable/Resizable.js +7 -1
- package/es/components/Calendar/Calendar.tokens.js +1 -0
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_12b03hz.css → DateStructureItem.styles_z3dhwf.css} +1 -1
- package/es/components/DatePicker/DatePicker.tokens.js +3 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/{cjs/components/DatePicker/DatePickerBase.styles_1fnt3hc.css → es/components/DatePicker/DatePickerBase.styles_6x4unn.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -6
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/{cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_160e4y4.css → es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1wt56uj.css} +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +9 -9
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_15voqba.css → es/components/DatePicker/SingleDate/SingleDate.styles_5c37vu.css} +1 -1
- package/es/components/Drawer/Drawer.js +4 -1
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Popover/Popover.js +6 -2
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popup/Popup.styles.js +3 -2
- package/es/components/Popup/Popup.styles.js.map +1 -1
- package/es/components/_Resizable/Resizable.js +9 -1
- package/es/components/_Resizable/Resizable.js.map +1 -1
- package/es/index.css +11 -11
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +1 -0
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +8 -7
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +10 -4
- package/styled-components/cjs/components/Drawer/Drawer.js +3 -1
- package/styled-components/cjs/components/Popover/Popover.js +6 -2
- package/styled-components/cjs/components/Popup/Popup.styles.js +7 -7
- package/styled-components/cjs/components/_Resizable/Resizable.js +7 -1
- package/styled-components/es/components/Calendar/Calendar.tokens.js +1 -0
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +8 -7
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +3 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +10 -4
- package/styled-components/es/components/Drawer/Drawer.js +3 -1
- package/styled-components/es/components/Popover/Popover.js +6 -2
- package/styled-components/es/components/Popup/Popup.styles.js +7 -7
- package/styled-components/es/components/_Resizable/Resizable.js +7 -1
- package/types/components/Calendar/Calendar.tokens.d.ts +1 -0
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +3 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +8 -0
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/Popup/Popup.types.d.ts +8 -1
- package/types/components/Popup/Popup.types.d.ts.map +1 -1
- package/types/components/_Resizable/Resizable.d.ts.map +1 -1
- package/types/components/_Resizable/Resizable.types.d.ts +11 -1
- package/types/components/_Resizable/Resizable.types.d.ts.map +1 -1
- package/types/types/index.d.ts +1 -0
- package/types/types/index.d.ts.map +1 -1
|
@@ -81,25 +81,25 @@ var base = (0, _styledcomponents.css)([
|
|
|
81
81
|
], _Popuptokens.classes.draggablePopupWrapper, _Popuptokens.classes.draggingPopupWrapper, _Popuptokens.classes.resizableContainerNoSelect);
|
|
82
82
|
var StyledPortal = _styledcomponents.default.div.withConfig({
|
|
83
83
|
displayName: "Popup.styles__StyledPortal",
|
|
84
|
-
componentId: "sc-
|
|
84
|
+
componentId: "sc-e809f9e3-0"
|
|
85
85
|
})([
|
|
86
86
|
""
|
|
87
87
|
]);
|
|
88
88
|
var StyledPortalContainer = _styledcomponents.default.div.withConfig({
|
|
89
89
|
displayName: "Popup.styles__StyledPortalContainer",
|
|
90
|
-
componentId: "sc-
|
|
90
|
+
componentId: "sc-e809f9e3-1"
|
|
91
91
|
})([
|
|
92
92
|
"width:0;"
|
|
93
93
|
]);
|
|
94
94
|
var PopupView = _styledcomponents.default.div.withConfig({
|
|
95
95
|
displayName: "Popup.styles__PopupView",
|
|
96
|
-
componentId: "sc-
|
|
96
|
+
componentId: "sc-e809f9e3-2"
|
|
97
97
|
})([
|
|
98
98
|
"position:relative;max-width:100%;pointer-events:all;"
|
|
99
99
|
]);
|
|
100
100
|
var PopupRootContainer = _styledcomponents.default.div.withConfig({
|
|
101
101
|
displayName: "Popup.styles__PopupRootContainer",
|
|
102
|
-
componentId: "sc-
|
|
102
|
+
componentId: "sc-e809f9e3-3"
|
|
103
103
|
})([
|
|
104
104
|
"position:",
|
|
105
105
|
";z-index:",
|
|
@@ -110,8 +110,8 @@ var PopupRootContainer = _styledcomponents.default.div.withConfig({
|
|
|
110
110
|
";transform:",
|
|
111
111
|
";"
|
|
112
112
|
], function(param) {
|
|
113
|
-
var frame = param.frame;
|
|
114
|
-
return frame === 'document' ? 'fixed' : 'absolute';
|
|
113
|
+
var frame = param.frame, positionFixed = param.positionFixed;
|
|
114
|
+
return frame === 'document' || positionFixed ? 'fixed' : 'absolute';
|
|
115
115
|
}, function(param) {
|
|
116
116
|
var zIndex = param.zIndex;
|
|
117
117
|
return zIndex || _utils.DEFAULT_Z_INDEX;
|
|
@@ -133,7 +133,7 @@ var PopupRootContainer = _styledcomponents.default.div.withConfig({
|
|
|
133
133
|
});
|
|
134
134
|
var IconResizeDiagonalStyled = (0, _styledcomponents.default)(_Icon.IconResizeDiagonal).withConfig({
|
|
135
135
|
displayName: "Popup.styles__IconResizeDiagonalStyled",
|
|
136
|
-
componentId: "sc-
|
|
136
|
+
componentId: "sc-e809f9e3-4"
|
|
137
137
|
})([
|
|
138
138
|
"color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
|
|
139
139
|
"{transform:rotate(-90deg);}&.",
|
|
@@ -55,7 +55,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
55
55
|
return newObj;
|
|
56
56
|
}
|
|
57
57
|
var Resizable = function(param) {
|
|
58
|
-
var children = param.children, outerResizable = param.resizable, placement = param.placement;
|
|
58
|
+
var children = param.children, outerResizable = param.resizable, placement = param.placement, onResizeStart = param.onResizeStart, onResizeStop = param.onResizeStop;
|
|
59
59
|
var _resizable_hiddenIcons, _resizable_icons, _resizable_hiddenIcons1, _resizable_icons1, _resizable_hiddenIcons2, _resizable_icons2, _resizable_hiddenIcons3, _resizable_icons3;
|
|
60
60
|
var resizableContainer = (0, _react.useRef)(null);
|
|
61
61
|
var resizable = typeof outerResizable === 'boolean' ? {
|
|
@@ -64,11 +64,17 @@ var Resizable = function(param) {
|
|
|
64
64
|
var handleResizeStart = function() {
|
|
65
65
|
if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
|
|
66
66
|
resizableContainer.current.resizable.classList.toggle(_Resizabletokens.classes.resizableContainerNoSelect);
|
|
67
|
+
if (onResizeStart) {
|
|
68
|
+
onResizeStart(resizableContainer);
|
|
69
|
+
}
|
|
67
70
|
}
|
|
68
71
|
};
|
|
69
72
|
var handleResizeStop = function() {
|
|
70
73
|
if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
|
|
71
74
|
resizableContainer.current.resizable.classList.toggle(_Resizabletokens.classes.resizableContainerNoSelect);
|
|
75
|
+
if (onResizeStop) {
|
|
76
|
+
onResizeStop(resizableContainer);
|
|
77
|
+
}
|
|
72
78
|
}
|
|
73
79
|
};
|
|
74
80
|
if (!resizable || resizable.disabled) {
|
|
@@ -68,6 +68,7 @@ export var tokens = {
|
|
|
68
68
|
calendarDayFontWeight: '--plasma-calendar-day-font-weight',
|
|
69
69
|
calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',
|
|
70
70
|
calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',
|
|
71
|
+
calendarEventItemBottom: '--plasma-calendar-event-item-bottom',
|
|
71
72
|
/* Токены шапки календаря */ calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',
|
|
72
73
|
calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
|
|
73
74
|
calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',
|
package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js
CHANGED
|
@@ -10,7 +10,7 @@ var sideInRange = function() {
|
|
|
10
10
|
};
|
|
11
11
|
export var StyledItem = styled.div.withConfig({
|
|
12
12
|
displayName: "DateStructureItem.styles__StyledItem",
|
|
13
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-1b80b82a-0"
|
|
14
14
|
})([
|
|
15
15
|
"border-radius:calc(var(",
|
|
16
16
|
") - 0.125rem);",
|
|
@@ -38,7 +38,7 @@ var disabledCurrentItem = function() {
|
|
|
38
38
|
};
|
|
39
39
|
export var StyledItemRoot = styled.div.withConfig({
|
|
40
40
|
displayName: "DateStructureItem.styles__StyledItemRoot",
|
|
41
|
-
componentId: "sc-
|
|
41
|
+
componentId: "sc-1b80b82a-1"
|
|
42
42
|
})([
|
|
43
43
|
"font-family:var(",
|
|
44
44
|
");font-size:var(",
|
|
@@ -107,17 +107,18 @@ export var StyledItemRoot = styled.div.withConfig({
|
|
|
107
107
|
}, disabledCurrentItem(), classes.currentItem, classes.inRange, classes.sideRight, classes.sideLeft);
|
|
108
108
|
export var StyledEvents = styled.div.withConfig({
|
|
109
109
|
displayName: "DateStructureItem.styles__StyledEvents",
|
|
110
|
-
componentId: "sc-
|
|
110
|
+
componentId: "sc-1b80b82a-2"
|
|
111
111
|
})([
|
|
112
|
-
"display:flex;position:absolute;bottom:
|
|
113
|
-
|
|
112
|
+
"display:flex;position:absolute;bottom:var(",
|
|
113
|
+
",0.25rem);"
|
|
114
|
+
], tokens.calendarEventItemBottom);
|
|
114
115
|
export var StyledEvent = styled.div.withConfig({
|
|
115
116
|
displayName: "DateStructureItem.styles__StyledEvent",
|
|
116
|
-
componentId: "sc-
|
|
117
|
+
componentId: "sc-1b80b82a-3"
|
|
117
118
|
})([
|
|
118
119
|
"margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:",
|
|
119
120
|
";"
|
|
120
121
|
], function(param) {
|
|
121
|
-
var _param_color = param.color, color = _param_color === void 0 ? 'var(--plasma-colors-accent)' : _param_color;
|
|
122
|
+
var _param_color = param.color, color = _param_color === void 0 ? 'var(--plasma-colors-accent, var(--surface-accent))' : _param_color;
|
|
122
123
|
return color;
|
|
123
124
|
});
|
|
@@ -74,6 +74,8 @@ export var tokens = {
|
|
|
74
74
|
rangeReadOnlyOpacity: '--plasma-date-picker-readonly-opacity',
|
|
75
75
|
/** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-date-picker-focus-color',
|
|
76
76
|
/** Токены полей ввода */ textFieldColor: '--plasma-date-picker-textfield-color',
|
|
77
|
+
textFieldColorError: '--plasma-date-picker-textfield-color-error',
|
|
78
|
+
textFieldColorSuccess: '--plasma-date-picker-textfield-color-success',
|
|
77
79
|
textFieldPlaceholderColorFocus: '--plasma-datepicker-textfield__placeholder-color-focus',
|
|
78
80
|
textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
|
|
79
81
|
textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
|
|
@@ -166,6 +168,7 @@ export var tokens = {
|
|
|
166
168
|
calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight',
|
|
167
169
|
calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight',
|
|
168
170
|
calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color',
|
|
171
|
+
calendarEventItemBottom: '--plasma-date-picker-calendar__event-item-bottom',
|
|
169
172
|
calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding',
|
|
170
173
|
calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap',
|
|
171
174
|
calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding',
|
|
@@ -5,11 +5,11 @@ import { calendarBaseConfig, calendarBaseTokens } from "../Calendar";
|
|
|
5
5
|
import { tokens } from "./DatePicker.tokens";
|
|
6
6
|
var mergedCalendarConfig = mergeConfig(calendarBaseConfig);
|
|
7
7
|
var Calendar = component(mergedCalendarConfig);
|
|
8
|
-
export var baseCalendarTokens = "\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n \n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n ").concat(calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(tokens.calendarHeaderArrowCustomSize, ");\n \n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
|
|
8
|
+
export var baseCalendarTokens = "\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n \n ").concat(calendarBaseTokens.calendarEventItemBottom, ": var(").concat(tokens.calendarEventItemBottom, ");\n \n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n ").concat(calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(tokens.calendarHeaderArrowCustomSize, ");\n \n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
|
|
9
9
|
// NOTE: переопределение токенов Calendar
|
|
10
10
|
export var StyledCalendar = styled(Calendar).withConfig({
|
|
11
11
|
displayName: "DatePickerBase.styles__StyledCalendar",
|
|
12
|
-
componentId: "sc-
|
|
12
|
+
componentId: "sc-530f24b5-0"
|
|
13
13
|
})([
|
|
14
14
|
"",
|
|
15
15
|
" width:",
|
|
@@ -24,7 +24,7 @@ export var StyledCalendar = styled(Calendar).withConfig({
|
|
|
24
24
|
});
|
|
25
25
|
export var InputHidden = styled.input.withConfig({
|
|
26
26
|
displayName: "DatePickerBase.styles__InputHidden",
|
|
27
|
-
componentId: "sc-
|
|
27
|
+
componentId: "sc-530f24b5-1"
|
|
28
28
|
})([
|
|
29
29
|
"",
|
|
30
30
|
";"
|
|
@@ -10,14 +10,14 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
|
|
|
10
10
|
var Popover = component(mergedPopoverConfig);
|
|
11
11
|
export var StyledPopover = styled(Popover).withConfig({
|
|
12
12
|
displayName: "SingleDate.styles__StyledPopover",
|
|
13
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-4c1f319e-0"
|
|
14
14
|
})([
|
|
15
15
|
""
|
|
16
16
|
]);
|
|
17
17
|
// NOTE: переопределение токенов TextField
|
|
18
18
|
export var StyledInput = styled(TextField).withConfig({
|
|
19
19
|
displayName: "SingleDate.styles__StyledInput",
|
|
20
|
-
componentId: "sc-
|
|
20
|
+
componentId: "sc-4c1f319e-1"
|
|
21
21
|
})([
|
|
22
22
|
"width:100%;",
|
|
23
23
|
":var(",
|
|
@@ -145,6 +145,9 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
145
145
|
");&.",
|
|
146
146
|
"{",
|
|
147
147
|
":var(",
|
|
148
|
+
",var(",
|
|
149
|
+
"));",
|
|
150
|
+
":var(",
|
|
148
151
|
");",
|
|
149
152
|
":var(",
|
|
150
153
|
");",
|
|
@@ -158,6 +161,9 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
158
161
|
");}&.",
|
|
159
162
|
"{",
|
|
160
163
|
":var(",
|
|
164
|
+
",var(",
|
|
165
|
+
"));",
|
|
166
|
+
":var(",
|
|
161
167
|
");",
|
|
162
168
|
":var(",
|
|
163
169
|
");",
|
|
@@ -169,7 +175,7 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
169
175
|
");",
|
|
170
176
|
":var(",
|
|
171
177
|
");}"
|
|
172
|
-
], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
|
178
|
+
], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.datePickerError, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.color, tokens.textFieldColorSuccess, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
|
173
179
|
export var base = css([
|
|
174
180
|
"display:inline-block;.",
|
|
175
181
|
",.",
|
|
@@ -179,7 +185,7 @@ export var base = css([
|
|
|
179
185
|
], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root);
|
|
180
186
|
export var LeftHelper = styled.div.withConfig({
|
|
181
187
|
displayName: "SingleDate.styles__LeftHelper",
|
|
182
|
-
componentId: "sc-
|
|
188
|
+
componentId: "sc-4c1f319e-2"
|
|
183
189
|
})([
|
|
184
190
|
"color:var(",
|
|
185
191
|
");&.",
|
|
@@ -71,7 +71,7 @@ import { useDrawer } from "./hooks";
|
|
|
71
71
|
// issue #823
|
|
72
72
|
export var drawerRoot = function(Root) {
|
|
73
73
|
return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
|
|
74
|
-
var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
|
|
74
|
+
var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_positionFixed = _param.positionFixed, positionFixed = _param_positionFixed === void 0 ? false : _param_positionFixed, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
|
|
75
75
|
"id",
|
|
76
76
|
"zIndex",
|
|
77
77
|
"popupInfo",
|
|
@@ -94,6 +94,7 @@ export var drawerRoot = function(Root) {
|
|
|
94
94
|
"onEscKeyDown",
|
|
95
95
|
"offset",
|
|
96
96
|
"frame",
|
|
97
|
+
"positionFixed",
|
|
97
98
|
"borderRadius",
|
|
98
99
|
"placement",
|
|
99
100
|
"closeOnEsc",
|
|
@@ -145,6 +146,7 @@ export var drawerRoot = function(Root) {
|
|
|
145
146
|
placement: placement,
|
|
146
147
|
popupInfo: drawerInfo,
|
|
147
148
|
frame: frame,
|
|
149
|
+
positionFixed: positionFixed,
|
|
148
150
|
width: innerWidth,
|
|
149
151
|
height: innerHeight,
|
|
150
152
|
offset: offset,
|
|
@@ -148,7 +148,7 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
|
|
|
148
148
|
var target = _param.target, children = _param.children, animated = _param.animated, isOpen = _param.isOpen, opened = _param.opened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, hasArrow = _param.hasArrow, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, className = _param.className, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'auto' : _param_placement, _param_offset = _param.offset, offset = _param_offset === void 0 ? [
|
|
149
149
|
0,
|
|
150
150
|
0
|
|
151
|
-
] : _param_offset, zIndex = _param.zIndex, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_preventOverflow = _param.preventOverflow, preventOverflow = _param_preventOverflow === void 0 ? true : _param_preventOverflow, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, resizable = _param.resizable, view = _param.view, onToggle = _param.onToggle, closeOnOverlayClick = _param.closeOnOverlayClick, rest = _object_without_properties(_param, [
|
|
151
|
+
] : _param_offset, zIndex = _param.zIndex, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_preventOverflow = _param.preventOverflow, preventOverflow = _param_preventOverflow === void 0 ? true : _param_preventOverflow, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, resizable = _param.resizable, view = _param.view, onToggle = _param.onToggle, onResizeStart = _param.onResizeStart, onResizeStop = _param.onResizeStop, closeOnOverlayClick = _param.closeOnOverlayClick, rest = _object_without_properties(_param, [
|
|
152
152
|
"target",
|
|
153
153
|
"children",
|
|
154
154
|
"animated",
|
|
@@ -168,6 +168,8 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
|
|
|
168
168
|
"resizable",
|
|
169
169
|
"view",
|
|
170
170
|
"onToggle",
|
|
171
|
+
"onResizeStart",
|
|
172
|
+
"onResizeStop",
|
|
171
173
|
"closeOnOverlayClick"
|
|
172
174
|
]);
|
|
173
175
|
var _placement_;
|
|
@@ -404,7 +406,9 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
|
|
|
404
406
|
ref: setArrowElement,
|
|
405
407
|
style: styles.arrow
|
|
406
408
|
}, attributes.arrow)), /*#__PURE__*/ React.createElement(Resizable, {
|
|
407
|
-
resizable: resizable
|
|
409
|
+
resizable: resizable,
|
|
410
|
+
onResizeStart: onResizeStart,
|
|
411
|
+
onResizeStop: onResizeStop
|
|
408
412
|
}, children))))));
|
|
409
413
|
});
|
|
410
414
|
};
|
|
@@ -11,25 +11,25 @@ export var base = css([
|
|
|
11
11
|
], classes.draggablePopupWrapper, classes.draggingPopupWrapper, classes.resizableContainerNoSelect);
|
|
12
12
|
export var StyledPortal = styled.div.withConfig({
|
|
13
13
|
displayName: "Popup.styles__StyledPortal",
|
|
14
|
-
componentId: "sc-
|
|
14
|
+
componentId: "sc-e809f9e3-0"
|
|
15
15
|
})([
|
|
16
16
|
""
|
|
17
17
|
]);
|
|
18
18
|
export var StyledPortalContainer = styled.div.withConfig({
|
|
19
19
|
displayName: "Popup.styles__StyledPortalContainer",
|
|
20
|
-
componentId: "sc-
|
|
20
|
+
componentId: "sc-e809f9e3-1"
|
|
21
21
|
})([
|
|
22
22
|
"width:0;"
|
|
23
23
|
]);
|
|
24
24
|
export var PopupView = styled.div.withConfig({
|
|
25
25
|
displayName: "Popup.styles__PopupView",
|
|
26
|
-
componentId: "sc-
|
|
26
|
+
componentId: "sc-e809f9e3-2"
|
|
27
27
|
})([
|
|
28
28
|
"position:relative;max-width:100%;pointer-events:all;"
|
|
29
29
|
]);
|
|
30
30
|
export var PopupRootContainer = styled.div.withConfig({
|
|
31
31
|
displayName: "Popup.styles__PopupRootContainer",
|
|
32
|
-
componentId: "sc-
|
|
32
|
+
componentId: "sc-e809f9e3-3"
|
|
33
33
|
})([
|
|
34
34
|
"position:",
|
|
35
35
|
";z-index:",
|
|
@@ -40,8 +40,8 @@ export var PopupRootContainer = styled.div.withConfig({
|
|
|
40
40
|
";transform:",
|
|
41
41
|
";"
|
|
42
42
|
], function(param) {
|
|
43
|
-
var frame = param.frame;
|
|
44
|
-
return frame === 'document' ? 'fixed' : 'absolute';
|
|
43
|
+
var frame = param.frame, positionFixed = param.positionFixed;
|
|
44
|
+
return frame === 'document' || positionFixed ? 'fixed' : 'absolute';
|
|
45
45
|
}, function(param) {
|
|
46
46
|
var zIndex = param.zIndex;
|
|
47
47
|
return zIndex || DEFAULT_Z_INDEX;
|
|
@@ -63,7 +63,7 @@ export var PopupRootContainer = styled.div.withConfig({
|
|
|
63
63
|
});
|
|
64
64
|
export var IconResizeDiagonalStyled = styled(IconResizeDiagonal).withConfig({
|
|
65
65
|
displayName: "Popup.styles__IconResizeDiagonalStyled",
|
|
66
|
-
componentId: "sc-
|
|
66
|
+
componentId: "sc-e809f9e3-4"
|
|
67
67
|
})([
|
|
68
68
|
"color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
|
|
69
69
|
"{transform:rotate(-90deg);}&.",
|
|
@@ -4,7 +4,7 @@ import { getHandleStyles, getRatioBasedOnPlacement, getResizeDirections } from "
|
|
|
4
4
|
import { classes } from "./Resizable.tokens";
|
|
5
5
|
import { IconResizeDiagonalStyled } from "./Resizable.styles";
|
|
6
6
|
export var Resizable = function(param) {
|
|
7
|
-
var children = param.children, outerResizable = param.resizable, placement = param.placement;
|
|
7
|
+
var children = param.children, outerResizable = param.resizable, placement = param.placement, onResizeStart = param.onResizeStart, onResizeStop = param.onResizeStop;
|
|
8
8
|
var _resizable_hiddenIcons, _resizable_icons, _resizable_hiddenIcons1, _resizable_icons1, _resizable_hiddenIcons2, _resizable_icons2, _resizable_hiddenIcons3, _resizable_icons3;
|
|
9
9
|
var resizableContainer = useRef(null);
|
|
10
10
|
var resizable = typeof outerResizable === 'boolean' ? {
|
|
@@ -13,11 +13,17 @@ export var Resizable = function(param) {
|
|
|
13
13
|
var handleResizeStart = function() {
|
|
14
14
|
if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
|
|
15
15
|
resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
|
|
16
|
+
if (onResizeStart) {
|
|
17
|
+
onResizeStart(resizableContainer);
|
|
18
|
+
}
|
|
16
19
|
}
|
|
17
20
|
};
|
|
18
21
|
var handleResizeStop = function() {
|
|
19
22
|
if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
|
|
20
23
|
resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
|
|
24
|
+
if (onResizeStop) {
|
|
25
|
+
onResizeStop(resizableContainer);
|
|
26
|
+
}
|
|
21
27
|
}
|
|
22
28
|
};
|
|
23
29
|
if (!resizable || resizable.disabled) {
|
|
@@ -68,6 +68,7 @@ export declare const tokens: {
|
|
|
68
68
|
calendarDayFontWeight: string;
|
|
69
69
|
calendarDaySelectedFontWeight: string;
|
|
70
70
|
calendarDayOfWeekColor: string;
|
|
71
|
+
calendarEventItemBottom: string;
|
|
71
72
|
calendarHeaderWrapperPadding: string;
|
|
72
73
|
calendarHeaderArrowGap: string;
|
|
73
74
|
calendarHeaderArrowPadding: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CAWvB,CAAC;AAEF,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"Calendar.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CAWvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8GlB,CAAC"}
|
|
@@ -83,6 +83,8 @@ export declare const tokens: {
|
|
|
83
83
|
focusColor: string;
|
|
84
84
|
/** Токены полей ввода */
|
|
85
85
|
textFieldColor: string;
|
|
86
|
+
textFieldColorError: string;
|
|
87
|
+
textFieldColorSuccess: string;
|
|
86
88
|
textFieldPlaceholderColorFocus: string;
|
|
87
89
|
textFieldFocusColor: string;
|
|
88
90
|
textFieldPlaceholderColor: string;
|
|
@@ -176,6 +178,7 @@ export declare const tokens: {
|
|
|
176
178
|
calendarDayFontWeight: string;
|
|
177
179
|
calendarDaySelectedFontWeight: string;
|
|
178
180
|
calendarDayOfWeekColor: string;
|
|
181
|
+
calendarEventItemBottom: string;
|
|
179
182
|
calendarHeaderWrapperPadding: string;
|
|
180
183
|
calendarHeaderArrowGap: string;
|
|
181
184
|
calendarHeaderArrowPadding: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,MAAM;;IAGf,kCAAkC;;;;;;;;;;;;;IAclC,yBAAyB;;;;;;;;;;;IAYzB,yCAAyC;;;;IAKzC,oBAAoB;;;;;;;;;;IAYpB,wBAAwB;;;;;;;;;;;;;;;;IAqBxB,qCAAqC;;;;;;;;;;;;IAcrC,6DAA6D;;;IAK7D,yCAAyC;;IAGzC,yBAAyB
|
|
1
|
+
{"version":3,"file":"DatePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,MAAM;;IAGf,kCAAkC;;;;;;;;;;;;;IAclC,yBAAyB;;;;;;;;;;;IAYzB,yCAAyC;;;;IAKzC,oBAAoB;;;;;;;;;;IAYpB,wBAAwB;;;;;;;;;;;;;;;;IAqBxB,qCAAqC;;;;;;;;;;;;IAcrC,6DAA6D;;;IAK7D,yCAAyC;;IAGzC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyDzB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqG1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerBase.styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerBase.styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"DatePickerBase.styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerBase.styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,kBAAkB,QAoG9B,CAAC;AAGF,eAAO,MAAM,cAAc;iBAAmC,MAAM;kBAAgB,MAAM;+OAKzF,CAAC;AAEF,eAAO,MAAM,WAAW,8KAEvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleDate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,4TAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;
|
|
1
|
+
{"version":3,"file":"SingleDate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,4TAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;kBAgFc,MAAO,YAAY;mBAC/B,MAAO,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;oCA9EuB,CAAC;;;;;;;;;;;;wBAyEL,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBALmB,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;oCA9EuB,CAAC;;;;;;;;;;;;wBAyEL,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBALmB,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;oCA9EuB,CAAC;;;;;;;;;;;;wBAyEL,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBALmB,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;oCA9EuB,CAAC;;;;;;;;;;;;wBAyEL,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;4IAazB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAchB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAUtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAUlD,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAUlD,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;6BA6ClD,MAAO,UAAU;sBAGnB,MAAO,SAAS;oBAIV,MAAQ,SAAQ;;wCAkFpC,CAAC;AAEN,eAAO,MAAM,YAAY;;;mBAxIQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;iCA6ClD,MAAO,UAAU;0BAGnB,MAAO,SAAS;wBAIV,MAAQ,SAAQ;;;;;;;;;;;;;;;;;;;;CAyGxC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AAIpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAOrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKtE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,+
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AAIpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAOrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKtE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,+JAwSpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBA1SQ,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CAuTxE,CAAC"}
|
|
@@ -84,6 +84,14 @@ export type CustomPopoverProps = {
|
|
|
84
84
|
* Настройка resizable-режима.
|
|
85
85
|
*/
|
|
86
86
|
resizable?: ResizableProps['resizable'];
|
|
87
|
+
/**
|
|
88
|
+
* Обработчик начала ресайза.
|
|
89
|
+
*/
|
|
90
|
+
onResizeStart?: ResizableProps['onResizeStart'];
|
|
91
|
+
/**
|
|
92
|
+
* Обработчик остановки ресайза.
|
|
93
|
+
*/
|
|
94
|
+
onResizeStop?: ResizableProps['onResizeStop'];
|
|
87
95
|
/**
|
|
88
96
|
* Анимированное появление Popover
|
|
89
97
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE3G,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,YAAY,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAChH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE3G,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,YAAY,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAChH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAChD;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAE9C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}
|
|
@@ -33,9 +33,16 @@ export interface PopupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
33
33
|
*/
|
|
34
34
|
offset?: [number, number] | [string, string];
|
|
35
35
|
/**
|
|
36
|
-
* В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
|
|
36
|
+
* В каком контейнере позиционируется (по умолчанию document), можно также указать id элемента или ref для него.
|
|
37
37
|
*/
|
|
38
38
|
frame?: 'document' | string | React.RefObject<HTMLElement>;
|
|
39
|
+
/**
|
|
40
|
+
* Если `frame` отличается от `document` применяет `position='fixed'`
|
|
41
|
+
* @description Может быть полезно, когда во frame происходит дополнительная стилизация содержимого компонента,
|
|
42
|
+
* но при этом необходимо отобразить компонент как будто бы в document
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
45
|
+
positionFixed?: boolean;
|
|
39
46
|
/**
|
|
40
47
|
* Содержимое Popup.
|
|
41
48
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popup.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACjF,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;AAC5F,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AACvE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,EAAE,CAAC;AAEhE,MAAM,WAAW,SAAS;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EACJ,OAAO,GACP;QACI;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;WAEG;QACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;QAC9B;;WAEG;QACH,WAAW,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAClD;;WAEG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB;;WAEG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB;;WAEG;QACH,KAAK,CAAC,EAAE;YACJ,QAAQ,CAAC,EAAE,SAAS,CAAC;YACrB,WAAW,CAAC,EAAE,SAAS,CAAC;YACxB,UAAU,CAAC,EAAE,SAAS,CAAC;YACvB,OAAO,CAAC,EAAE,SAAS,CAAC;SACvB,CAAC;QACF;;;WAGG;QACH,QAAQ,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;QAC5B;;;WAGG;QACH,WAAW,CAAC,EAAE,mBAAmB,EAAE,CAAC;KACvC,CAAC;CACX;AACD,MAAM,WAAW,kBAAkB;IAC/B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACnE;AAED,MAAM,WAAW,iBAAiB;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACrF,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,QAAQ,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,aAAa,EAAE,kBAAkB,CAAC;CACrC;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,eAAe,CAAC;IAClF,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC9F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,iBAAiB,CAAC;CAC/B"}
|
|
1
|
+
{"version":3,"file":"Popup.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../../src/components/_Resizable/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../../src/components/_Resizable/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAoG3D,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
1
|
+
import type { ReactNode, RefObject } from 'react';
|
|
2
|
+
import type { Resizable } from 're-resizable';
|
|
3
|
+
export type ResizableType = Resizable;
|
|
2
4
|
export type PlacementBasic = 'auto' | 'center' | 'top' | 'bottom' | 'right' | 'left';
|
|
3
5
|
export type PlacementMixed = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
|
4
6
|
export type Placement = PlacementBasic | PlacementMixed;
|
|
@@ -58,5 +60,13 @@ export type ResizableProps = {
|
|
|
58
60
|
*/
|
|
59
61
|
hiddenIcons?: PlacementMixed[];
|
|
60
62
|
};
|
|
63
|
+
/**
|
|
64
|
+
* Обработчик начала ресайза.
|
|
65
|
+
*/
|
|
66
|
+
onResizeStart?: (resizableContainer?: RefObject<ResizableType>) => void;
|
|
67
|
+
/**
|
|
68
|
+
* Обработчик остановки ресайза.
|
|
69
|
+
*/
|
|
70
|
+
onResizeStop?: (resizableContainer?: RefObject<ResizableType>) => void;
|
|
61
71
|
};
|
|
62
72
|
//# sourceMappingURL=Resizable.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Resizable.types.d.ts","sourceRoot":"","sources":["../../../src/components/_Resizable/Resizable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Resizable.types.d.ts","sourceRoot":"","sources":["../../../src/components/_Resizable/Resizable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACrF,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;AACvF,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,cAAc,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC;AAEpE,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EACJ,OAAO,GACP;QACI;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;WAEG;QACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;QAC9B;;WAEG;QACH,WAAW,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAClD;;WAEG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB;;WAEG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB;;WAEG;QACH,KAAK,CAAC,EAAE;YACJ,QAAQ,CAAC,EAAE,SAAS,CAAC;YACrB,WAAW,CAAC,EAAE,SAAS,CAAC;YACxB,UAAU,CAAC,EAAE,SAAS,CAAC;YACvB,OAAO,CAAC,EAAE,SAAS,CAAC;SACvB,CAAC;QACF;;;WAGG;QACH,QAAQ,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;QAC5B;;;WAGG;QACH,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;KAClC,CAAC;IACR;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC1E,CAAC"}
|
package/types/types/index.d.ts
CHANGED