@salutejs/plasma-new-hope 0.344.0-canary.2400.20429488881.0 → 0.344.0-canary.2401.20432942782.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/css/cjs/components/DateTimePicker/DateTimePicker.css +2 -2
- package/dist/css/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.css +2 -2
- package/dist/css/cjs/components/LinkButton/LinkButton.css +8 -8
- package/dist/css/cjs/components/LinkButton/LinkButton.js +6 -1
- package/dist/css/cjs/components/LinkButton/LinkButton.js.map +1 -1
- package/dist/css/cjs/components/LinkButton/LinkButton.styles.js +22 -3
- package/dist/css/cjs/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/dist/css/cjs/components/LinkButton/{LinkButton.styles_1e7vwn3.css → LinkButton.styles_ztirgn.css} +2 -2
- package/dist/css/cjs/components/Table/Table.css +8 -8
- package/dist/css/cjs/components/Table/ui/Cell/Cell.css +8 -8
- package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/dist/css/cjs/components/TimePicker/TimePicker.css +7 -7
- package/dist/css/cjs/components/TimePicker/TimePicker.styles.js +5 -5
- package/dist/css/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/dist/css/{es/components/TimePicker/TimePicker.styles_1qm4hou.css → cjs/components/TimePicker/TimePicker.styles_1nxwn6o.css} +1 -1
- package/dist/css/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/css/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/dist/css/cjs/components/TimePickerGrid/TimePickerGrid.css +2 -2
- package/dist/css/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +1 -1
- package/dist/css/cjs/components/TimePickerGrid/TimePickerGrid.styles.js.map +1 -1
- package/dist/css/{es/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css → cjs/components/TimePickerGrid/TimePickerGrid.styles_zw9my6.css} +1 -1
- package/dist/css/cjs/index.css +15 -15
- package/dist/css/es/components/DateTimePicker/DateTimePicker.css +2 -2
- package/dist/css/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.css +2 -2
- package/dist/css/es/components/LinkButton/LinkButton.css +8 -8
- package/dist/css/es/components/LinkButton/LinkButton.js +6 -1
- package/dist/css/es/components/LinkButton/LinkButton.js.map +1 -1
- package/dist/css/es/components/LinkButton/LinkButton.styles.js +22 -3
- package/dist/css/es/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/dist/css/es/components/LinkButton/{LinkButton.styles_1e7vwn3.css → LinkButton.styles_ztirgn.css} +2 -2
- package/dist/css/es/components/Table/Table.css +8 -8
- package/dist/css/es/components/Table/ui/Cell/Cell.css +8 -8
- package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/dist/css/es/components/TimePicker/TimePicker.css +7 -7
- package/dist/css/es/components/TimePicker/TimePicker.styles.js +5 -5
- package/dist/css/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/dist/css/{cjs/components/TimePicker/TimePicker.styles_1qm4hou.css → es/components/TimePicker/TimePicker.styles_1nxwn6o.css} +1 -1
- package/dist/css/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/css/es/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/dist/css/es/components/TimePickerGrid/TimePickerGrid.css +2 -2
- package/dist/css/es/components/TimePickerGrid/TimePickerGrid.styles.js +1 -1
- package/dist/css/es/components/TimePickerGrid/TimePickerGrid.styles.js.map +1 -1
- package/dist/css/{cjs/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css → es/components/TimePickerGrid/TimePickerGrid.styles_zw9my6.css} +1 -1
- package/dist/css/es/index.css +15 -15
- package/dist/emotion/cjs/components/LinkButton/LinkButton.js +6 -1
- package/dist/emotion/cjs/components/LinkButton/LinkButton.styles.js +21 -15
- package/dist/emotion/cjs/components/TimePicker/TimePicker.styles.js +9 -9
- package/dist/emotion/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/emotion/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +3 -3
- package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/dist/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/dist/emotion/es/components/LinkButton/LinkButton.js +6 -1
- package/dist/emotion/es/components/LinkButton/LinkButton.styles.js +21 -15
- package/dist/emotion/es/components/TimePicker/TimePicker.styles.js +10 -10
- package/dist/emotion/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/emotion/es/components/TimePickerGrid/TimePickerGrid.styles.js +3 -3
- package/dist/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.js +6 -1
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.styles.js +19 -13
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.styles.js +10 -6
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +2 -2
- package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/dist/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +2 -1
- package/dist/styled-components/es/components/LinkButton/LinkButton.js +6 -1
- package/dist/styled-components/es/components/LinkButton/LinkButton.styles.js +19 -13
- package/dist/styled-components/es/components/TimePicker/TimePicker.styles.js +11 -7
- package/dist/styled-components/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/styled-components/es/components/TimePickerGrid/TimePickerGrid.styles.js +2 -2
- package/dist/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/dist/styled-components/es/examples/components/TimePicker/TimePicker.config.js +2 -1
- package/package.json +5 -5
- package/types/components/LinkButton/LinkButton.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.styles.d.ts +6 -2
- package/types/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +1 -0
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
- package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts.map +1 -1
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
- package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.types.js +0 -4
- package/dist/emotion/es/components/_beta/Tooltip/Tooltip.types.js +0 -1
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.types.js +0 -4
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.types.js +0 -1
- package/types/components/_beta/Tooltip/Tooltip.types.d.ts +0 -62
- package/types/components/_beta/Tooltip/Tooltip.types.d.ts.map +0 -1
|
@@ -144,6 +144,7 @@ var linkButtonRoot = function(Root) {
|
|
|
144
144
|
href: disabled ? undefined : href,
|
|
145
145
|
rel: target === '_blank' ? 'noopener noreferrer' : rel
|
|
146
146
|
};
|
|
147
|
+
var hasContent = Boolean(txt || children || additionalContent || contentRight);
|
|
147
148
|
return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
|
148
149
|
ref: ref,
|
|
149
150
|
view: view,
|
|
@@ -156,7 +157,11 @@ var linkButtonRoot = function(Root) {
|
|
|
156
157
|
}, linkProps, rest), /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.LoadWrap, {
|
|
157
158
|
isLoading: !disabled && isLoading,
|
|
158
159
|
style: _object_spread({}, loadingCustomOpacity)
|
|
159
|
-
}, contentLeft && /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.StyledContentLeft,
|
|
160
|
+
}, contentLeft && /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.StyledContentLeft, {
|
|
161
|
+
hasContent: hasContent
|
|
162
|
+
}, contentLeft), txt ? /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.StyledContentRight, {
|
|
163
|
+
hasContent: hasContent
|
|
164
|
+
}, contentRight)), !disabled && isLoading && /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.Loader, null, loader || /*#__PURE__*/ _react.default.createElement(_LinkButtonstyles.StyledSpinner, null)));
|
|
160
165
|
});
|
|
161
166
|
};
|
|
162
167
|
var linkButtonConfig = {
|
|
@@ -93,14 +93,14 @@ var base = (0, _styledcomponents.css)([
|
|
|
93
93
|
}));
|
|
94
94
|
var StyledAdditionalContent = _styledcomponents.default.div.withConfig({
|
|
95
95
|
displayName: "LinkButton.styles__StyledAdditionalContent",
|
|
96
|
-
componentId: "sc-
|
|
96
|
+
componentId: "sc-f97b8dcf-0"
|
|
97
97
|
})([
|
|
98
98
|
"display:flex;align-items:center;margin:var(",
|
|
99
99
|
");"
|
|
100
100
|
], _LinkButtontokens.tokens.linkButtonAdditionalContentMargin);
|
|
101
101
|
var LoadWrap = _styledcomponents.default.div.withConfig({
|
|
102
102
|
displayName: "LinkButton.styles__LoadWrap",
|
|
103
|
-
componentId: "sc-
|
|
103
|
+
componentId: "sc-f97b8dcf-1"
|
|
104
104
|
})([
|
|
105
105
|
"opacity:",
|
|
106
106
|
";display:flex;align-items:inherit;justify-content:inherit;height:100%;width:100%;"
|
|
@@ -110,13 +110,13 @@ var LoadWrap = _styledcomponents.default.div.withConfig({
|
|
|
110
110
|
});
|
|
111
111
|
var Loader = _styledcomponents.default.div.withConfig({
|
|
112
112
|
displayName: "LinkButton.styles__Loader",
|
|
113
|
-
componentId: "sc-
|
|
113
|
+
componentId: "sc-f97b8dcf-2"
|
|
114
114
|
})([
|
|
115
115
|
"position:absolute;"
|
|
116
116
|
]);
|
|
117
117
|
var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
|
|
118
118
|
displayName: "LinkButton.styles__StyledSpinner",
|
|
119
|
-
componentId: "sc-
|
|
119
|
+
componentId: "sc-f97b8dcf-3"
|
|
120
120
|
})([
|
|
121
121
|
"",
|
|
122
122
|
":var(",
|
|
@@ -126,7 +126,7 @@ var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
|
|
|
126
126
|
], _Spinner.spinnerTokens.size, _LinkButtontokens.tokens.linkButtonSpinnerSize, _Spinner.spinnerTokens.color, _LinkButtontokens.tokens.linkButtonSpinnerColor);
|
|
127
127
|
var LinkButtonText = _styledcomponents.default.span.withConfig({
|
|
128
128
|
displayName: "LinkButton.styles__LinkButtonText",
|
|
129
|
-
componentId: "sc-
|
|
129
|
+
componentId: "sc-f97b8dcf-4"
|
|
130
130
|
})([
|
|
131
131
|
"padding:var(",
|
|
132
132
|
");color:var(",
|
|
@@ -137,17 +137,23 @@ var LinkButtonText = _styledcomponents.default.span.withConfig({
|
|
|
137
137
|
], _LinkButtontokens.tokens.linkButtonTextPadding, _LinkButtontokens.tokens.linkButtonTextColor, (0, _mixins.applyEllipsis)(), _LinkButtontokens.tokens.linkButtonTextColorHover, _LinkButtontokens.tokens.linkButtonTextColorActive);
|
|
138
138
|
var StyledContentLeft = _styledcomponents.default.div.withConfig({
|
|
139
139
|
displayName: "LinkButton.styles__StyledContentLeft",
|
|
140
|
-
componentId: "sc-
|
|
140
|
+
componentId: "sc-f97b8dcf-5"
|
|
141
141
|
})([
|
|
142
142
|
"line-height:0;color:var(",
|
|
143
|
-
");margin:
|
|
144
|
-
"
|
|
145
|
-
], _LinkButtontokens.tokens.linkButtonIconColor,
|
|
143
|
+
");margin:",
|
|
144
|
+
";"
|
|
145
|
+
], _LinkButtontokens.tokens.linkButtonIconColor, function(param) {
|
|
146
|
+
var hasContent = param.hasContent;
|
|
147
|
+
return hasContent ? "var(".concat(_LinkButtontokens.tokens.linkButtonLeftContentMargin, ")") : '0';
|
|
148
|
+
});
|
|
146
149
|
var StyledContentRight = _styledcomponents.default.div.withConfig({
|
|
147
150
|
displayName: "LinkButton.styles__StyledContentRight",
|
|
148
|
-
componentId: "sc-
|
|
151
|
+
componentId: "sc-f97b8dcf-6"
|
|
149
152
|
})([
|
|
150
153
|
"line-height:0;color:var(",
|
|
151
|
-
");margin:
|
|
152
|
-
"
|
|
153
|
-
], _LinkButtontokens.tokens.linkButtonIconColor,
|
|
154
|
+
");margin:",
|
|
155
|
+
";"
|
|
156
|
+
], _LinkButtontokens.tokens.linkButtonIconColor, function(param) {
|
|
157
|
+
var hasContent = param.hasContent;
|
|
158
|
+
return hasContent ? "var(".concat(_LinkButtontokens.tokens.linkButtonRightContentMargin, ")") : '0';
|
|
159
|
+
});
|
|
@@ -80,13 +80,17 @@ var mergedTimePickerGrid = (0, _engines.mergeConfig)(_TimePickerGrid.timePickerG
|
|
|
80
80
|
var TimePickerGrid = (0, _engines.component)(mergedTimePickerGrid);
|
|
81
81
|
var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
|
|
82
82
|
displayName: "TimePicker.styles__StyledPopover",
|
|
83
|
-
componentId: "sc-
|
|
83
|
+
componentId: "sc-f60abfdf-0"
|
|
84
84
|
})([
|
|
85
|
-
""
|
|
86
|
-
|
|
85
|
+
".",
|
|
86
|
+
"{",
|
|
87
|
+
":var(",
|
|
88
|
+
");border-radius:var(",
|
|
89
|
+
");}"
|
|
90
|
+
], _Popover.popoverClasses.root, _Popover.popoverTokens.boxShadow, _TimePickertokens.tokens.timePickerShadow, _TimePickertokens.tokens.timePickerBorderRadius);
|
|
87
91
|
var StyledTimePickerGrid = (0, _styledcomponents.default)(TimePickerGrid).withConfig({
|
|
88
92
|
displayName: "TimePicker.styles__StyledTimePickerGrid",
|
|
89
|
-
componentId: "sc-
|
|
93
|
+
componentId: "sc-f60abfdf-1"
|
|
90
94
|
})([
|
|
91
95
|
"",
|
|
92
96
|
":var(",
|
|
@@ -134,7 +138,7 @@ var StyledTimePickerGrid = (0, _styledcomponents.default)(TimePickerGrid).withCo
|
|
|
134
138
|
], _TimePickerGrid.timePickerGridTokens.timePickerGridBackground, _TimePickertokens.tokens.timePickerBackground, _TimePickerGrid.timePickerGridTokens.timePickerGridBorderRadius, _TimePickertokens.tokens.timePickerBorderRadius, _TimePickerGrid.timePickerGridTokens.timePickerGridWidth, _TimePickertokens.tokens.timePickerWidth, _TimePickerGrid.timePickerGridTokens.timePickerGridPadding, _TimePickertokens.tokens.timePickerPadding, _TimePickerGrid.timePickerGridTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TimePickerGrid.timePickerGridTokens.columnHeight, _TimePickertokens.tokens.columnHeight, _TimePickerGrid.timePickerGridTokens.itemHeight, _TimePickertokens.tokens.itemHeight, _TimePickerGrid.timePickerGridTokens.itemBorderRadius, _TimePickertokens.tokens.itemBorderRadius, _TimePickerGrid.timePickerGridTokens.itemPadding, _TimePickertokens.tokens.itemPadding, _TimePickerGrid.timePickerGridTokens.itemBackgroundHover, _TimePickertokens.tokens.itemBackgroundHover, _TimePickerGrid.timePickerGridTokens.itemBackgroundActive, _TimePickertokens.tokens.itemBackgroundActive, _TimePickerGrid.timePickerGridTokens.itemFontFamily, _TimePickertokens.tokens.itemFontFamily, _TimePickerGrid.timePickerGridTokens.itemFontSize, _TimePickertokens.tokens.itemFontSize, _TimePickerGrid.timePickerGridTokens.itemFontStyle, _TimePickertokens.tokens.itemFontStyle, _TimePickerGrid.timePickerGridTokens.itemFontWeight, _TimePickertokens.tokens.itemFontWeight, _TimePickerGrid.timePickerGridTokens.itemLetterSpacing, _TimePickertokens.tokens.itemLetterSpacing, _TimePickerGrid.timePickerGridTokens.itemLineHeight, _TimePickertokens.tokens.itemLineHeight, _TimePickerGrid.timePickerGridTokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarWidth, _TimePickerGrid.timePickerGridTokens.scrollbarColor, _TimePickertokens.tokens.scrollbarColor, _TimePickerGrid.timePickerGridTokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarTrackColor, _TimePickerGrid.timePickerGridTokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarMargin);
|
|
135
139
|
var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
136
140
|
displayName: "TimePicker.styles__StyledInput",
|
|
137
|
-
componentId: "sc-
|
|
141
|
+
componentId: "sc-f60abfdf-2"
|
|
138
142
|
})([
|
|
139
143
|
"width:100%;",
|
|
140
144
|
":var(",
|
|
@@ -300,7 +304,7 @@ var base = (0, _styledcomponents.css)([
|
|
|
300
304
|
], _TimePickertokens.tokens.width, _TimePickertokens.tokens.dropdownMarginTop, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _TimePickertokens.classes.timePickerstretched, _Popover.popoverClasses.root, _TimePickertokens.classes.timePickerFullWidth, _TimePickertokens.classes.timePickerPlacementRight, _TimePickertokens.classes.timePickerFixed, _TimePickertokens.tokens.timePickerWidth);
|
|
301
305
|
var StyledTimePicker = _styledcomponents.default.div.withConfig({
|
|
302
306
|
displayName: "TimePicker.styles__StyledTimePicker",
|
|
303
|
-
componentId: "sc-
|
|
307
|
+
componentId: "sc-f60abfdf-3"
|
|
304
308
|
})([
|
|
305
309
|
"background:var(",
|
|
306
310
|
");border-radius:var(",
|
|
@@ -120,6 +120,7 @@ var tokens = {
|
|
|
120
120
|
textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',
|
|
121
121
|
/** Прозрачность для всего компонента в состоянии disabled */ disabledOpacity: '--plasma-time-picker-disabled-opacity',
|
|
122
122
|
dropdownMarginTop: '--plasma-time-picker-dropdown-margin-top',
|
|
123
|
+
timePickerShadow: '--plasma-time-picker-ui-box-shadow',
|
|
123
124
|
timePickerBackground: '--plasma-time-picker-ui-background',
|
|
124
125
|
timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',
|
|
125
126
|
timePickerWidth: '--plasma-time-picker-ui-width',
|
|
@@ -60,11 +60,11 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
60
60
|
return newObj;
|
|
61
61
|
}
|
|
62
62
|
var base = (0, _styledcomponents.css)([
|
|
63
|
-
"display:flex;width:100%;
|
|
63
|
+
"display:flex;width:100%;"
|
|
64
64
|
]);
|
|
65
65
|
var StyledTimePicker = _styledcomponents.default.div.withConfig({
|
|
66
66
|
displayName: "TimePickerGrid.styles__StyledTimePicker",
|
|
67
|
-
componentId: "sc-
|
|
67
|
+
componentId: "sc-ad4aa553-0"
|
|
68
68
|
})([
|
|
69
69
|
"background:var(",
|
|
70
70
|
");border-radius:var(",
|
|
@@ -1 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Combobox", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Combobox;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _engines = require("../../../engines");
|
|
12
|
+
var _ = require("../../..");
|
|
13
|
+
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
+
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
+
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
+
var Combobox = ComboboxComponent;
|
|
@@ -27,6 +27,7 @@ var config = {
|
|
|
27
27
|
":var(--text-secondary);",
|
|
28
28
|
":var(--text-accent);",
|
|
29
29
|
":var(--surface-negative);",
|
|
30
|
+
":var(--shadow-down-soft-s);",
|
|
30
31
|
":var(--surface-transparent-primary);",
|
|
31
32
|
":var(--surface-transparent-secondary);",
|
|
32
33
|
":var(--surface-transparent-negative);",
|
|
@@ -42,7 +43,7 @@ var config = {
|
|
|
42
43
|
":var(--surface-transparent-tertiary);",
|
|
43
44
|
":var(--surface-transparent-primary);",
|
|
44
45
|
":0.4;"
|
|
45
|
-
], _TimePicker.timePickerTokens.background, _TimePicker.timePickerTokens.backgroundError, _TimePicker.timePickerTokens.backgroundSuccess, _TimePicker.timePickerTokens.labelColor, _TimePicker.timePickerTokens.textFieldColor, _TimePicker.timePickerTokens.textFieldPlaceholderColor, _TimePicker.timePickerTokens.textFieldCaretColor, _TimePicker.timePickerTokens.indicatorColor, _TimePicker.timePickerTokens.textFieldBackgroundColor, _TimePicker.timePickerTokens.textFieldBackgroundColorFocus, _TimePicker.timePickerTokens.textFieldBackgroundErrorColor, _TimePicker.timePickerTokens.textFieldBackgroundErrorColorFocus, _TimePicker.timePickerTokens.textFieldBackgroundSuccessColor, _TimePicker.timePickerTokens.textFieldBackgroundSuccessColorFocus, _TimePicker.timePickerTokens.textFieldTextBeforeColor, _TimePicker.timePickerTokens.textFieldTextAfterColor, _TimePicker.timePickerTokens.textFieldPlaceholderColorFocus, _TimePicker.timePickerTokens.timePickerBackground, _TimePicker.timePickerTokens.itemBackgroundHover, _TimePicker.timePickerTokens.itemBackgroundActive, _TimePicker.timePickerTokens.scrollbarColor, _TimePicker.timePickerTokens.scrollbarTrackColor, _TimePicker.timePickerTokens.disabledOpacity)
|
|
46
|
+
], _TimePicker.timePickerTokens.background, _TimePicker.timePickerTokens.backgroundError, _TimePicker.timePickerTokens.backgroundSuccess, _TimePicker.timePickerTokens.labelColor, _TimePicker.timePickerTokens.textFieldColor, _TimePicker.timePickerTokens.textFieldPlaceholderColor, _TimePicker.timePickerTokens.textFieldCaretColor, _TimePicker.timePickerTokens.indicatorColor, _TimePicker.timePickerTokens.timePickerShadow, _TimePicker.timePickerTokens.textFieldBackgroundColor, _TimePicker.timePickerTokens.textFieldBackgroundColorFocus, _TimePicker.timePickerTokens.textFieldBackgroundErrorColor, _TimePicker.timePickerTokens.textFieldBackgroundErrorColorFocus, _TimePicker.timePickerTokens.textFieldBackgroundSuccessColor, _TimePicker.timePickerTokens.textFieldBackgroundSuccessColorFocus, _TimePicker.timePickerTokens.textFieldTextBeforeColor, _TimePicker.timePickerTokens.textFieldTextAfterColor, _TimePicker.timePickerTokens.textFieldPlaceholderColorFocus, _TimePicker.timePickerTokens.timePickerBackground, _TimePicker.timePickerTokens.itemBackgroundHover, _TimePicker.timePickerTokens.itemBackgroundActive, _TimePicker.timePickerTokens.scrollbarColor, _TimePicker.timePickerTokens.scrollbarTrackColor, _TimePicker.timePickerTokens.disabledOpacity)
|
|
46
47
|
},
|
|
47
48
|
size: {
|
|
48
49
|
l: (0, _styledcomponents.css)([
|
|
@@ -85,6 +85,7 @@ export var linkButtonRoot = function(Root) {
|
|
|
85
85
|
href: disabled ? undefined : href,
|
|
86
86
|
rel: target === '_blank' ? 'noopener noreferrer' : rel
|
|
87
87
|
};
|
|
88
|
+
var hasContent = Boolean(txt || children || additionalContent || contentRight);
|
|
88
89
|
return /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
89
90
|
ref: ref,
|
|
90
91
|
view: view,
|
|
@@ -97,7 +98,11 @@ export var linkButtonRoot = function(Root) {
|
|
|
97
98
|
}, linkProps, rest), /*#__PURE__*/ React.createElement(LoadWrap, {
|
|
98
99
|
isLoading: !disabled && isLoading,
|
|
99
100
|
style: _object_spread({}, loadingCustomOpacity)
|
|
100
|
-
}, contentLeft && /*#__PURE__*/ React.createElement(StyledContentLeft,
|
|
101
|
+
}, contentLeft && /*#__PURE__*/ React.createElement(StyledContentLeft, {
|
|
102
|
+
hasContent: hasContent
|
|
103
|
+
}, contentLeft), txt ? /*#__PURE__*/ React.createElement(LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/ React.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, {
|
|
104
|
+
hasContent: hasContent
|
|
105
|
+
}, contentRight)), !disabled && isLoading && /*#__PURE__*/ React.createElement(Loader, null, loader || /*#__PURE__*/ React.createElement(StyledSpinner, null)));
|
|
101
106
|
});
|
|
102
107
|
};
|
|
103
108
|
export var linkButtonConfig = {
|
|
@@ -17,14 +17,14 @@ export var base = css([
|
|
|
17
17
|
}));
|
|
18
18
|
export var StyledAdditionalContent = styled.div.withConfig({
|
|
19
19
|
displayName: "LinkButton.styles__StyledAdditionalContent",
|
|
20
|
-
componentId: "sc-
|
|
20
|
+
componentId: "sc-f97b8dcf-0"
|
|
21
21
|
})([
|
|
22
22
|
"display:flex;align-items:center;margin:var(",
|
|
23
23
|
");"
|
|
24
24
|
], tokens.linkButtonAdditionalContentMargin);
|
|
25
25
|
export var LoadWrap = styled.div.withConfig({
|
|
26
26
|
displayName: "LinkButton.styles__LoadWrap",
|
|
27
|
-
componentId: "sc-
|
|
27
|
+
componentId: "sc-f97b8dcf-1"
|
|
28
28
|
})([
|
|
29
29
|
"opacity:",
|
|
30
30
|
";display:flex;align-items:inherit;justify-content:inherit;height:100%;width:100%;"
|
|
@@ -34,13 +34,13 @@ export var LoadWrap = styled.div.withConfig({
|
|
|
34
34
|
});
|
|
35
35
|
export var Loader = styled.div.withConfig({
|
|
36
36
|
displayName: "LinkButton.styles__Loader",
|
|
37
|
-
componentId: "sc-
|
|
37
|
+
componentId: "sc-f97b8dcf-2"
|
|
38
38
|
})([
|
|
39
39
|
"position:absolute;"
|
|
40
40
|
]);
|
|
41
41
|
export var StyledSpinner = styled(Spinner).withConfig({
|
|
42
42
|
displayName: "LinkButton.styles__StyledSpinner",
|
|
43
|
-
componentId: "sc-
|
|
43
|
+
componentId: "sc-f97b8dcf-3"
|
|
44
44
|
})([
|
|
45
45
|
"",
|
|
46
46
|
":var(",
|
|
@@ -50,7 +50,7 @@ export var StyledSpinner = styled(Spinner).withConfig({
|
|
|
50
50
|
], spinnerTokens.size, tokens.linkButtonSpinnerSize, spinnerTokens.color, tokens.linkButtonSpinnerColor);
|
|
51
51
|
export var LinkButtonText = styled.span.withConfig({
|
|
52
52
|
displayName: "LinkButton.styles__LinkButtonText",
|
|
53
|
-
componentId: "sc-
|
|
53
|
+
componentId: "sc-f97b8dcf-4"
|
|
54
54
|
})([
|
|
55
55
|
"padding:var(",
|
|
56
56
|
");color:var(",
|
|
@@ -61,17 +61,23 @@ export var LinkButtonText = styled.span.withConfig({
|
|
|
61
61
|
], tokens.linkButtonTextPadding, tokens.linkButtonTextColor, applyEllipsis(), tokens.linkButtonTextColorHover, tokens.linkButtonTextColorActive);
|
|
62
62
|
export var StyledContentLeft = styled.div.withConfig({
|
|
63
63
|
displayName: "LinkButton.styles__StyledContentLeft",
|
|
64
|
-
componentId: "sc-
|
|
64
|
+
componentId: "sc-f97b8dcf-5"
|
|
65
65
|
})([
|
|
66
66
|
"line-height:0;color:var(",
|
|
67
|
-
");margin:
|
|
68
|
-
"
|
|
69
|
-
], tokens.linkButtonIconColor,
|
|
67
|
+
");margin:",
|
|
68
|
+
";"
|
|
69
|
+
], tokens.linkButtonIconColor, function(param) {
|
|
70
|
+
var hasContent = param.hasContent;
|
|
71
|
+
return hasContent ? "var(".concat(tokens.linkButtonLeftContentMargin, ")") : '0';
|
|
72
|
+
});
|
|
70
73
|
export var StyledContentRight = styled.div.withConfig({
|
|
71
74
|
displayName: "LinkButton.styles__StyledContentRight",
|
|
72
|
-
componentId: "sc-
|
|
75
|
+
componentId: "sc-f97b8dcf-6"
|
|
73
76
|
})([
|
|
74
77
|
"line-height:0;color:var(",
|
|
75
|
-
");margin:
|
|
76
|
-
"
|
|
77
|
-
], tokens.linkButtonIconColor,
|
|
78
|
+
");margin:",
|
|
79
|
+
";"
|
|
80
|
+
], tokens.linkButtonIconColor, function(param) {
|
|
81
|
+
var hasContent = param.hasContent;
|
|
82
|
+
return hasContent ? "var(".concat(tokens.linkButtonRightContentMargin, ")") : '0';
|
|
83
|
+
});
|
|
@@ -2,7 +2,7 @@ import styled from "styled-components";
|
|
|
2
2
|
import { css } from "styled-components";
|
|
3
3
|
import { component, mergeConfig } from "../../engines";
|
|
4
4
|
import { textFieldConfig, textFieldTokens } from "../TextField";
|
|
5
|
-
import { popoverClasses, popoverConfig } from "../Popover";
|
|
5
|
+
import { popoverClasses, popoverConfig, popoverTokens } from "../Popover";
|
|
6
6
|
import { timePickerGridConfig, timePickerGridTokens } from "../TimePickerGrid";
|
|
7
7
|
import { classes, tokens } from "./TimePicker.tokens";
|
|
8
8
|
var mergedTextFieldConfig = mergeConfig(textFieldConfig);
|
|
@@ -13,13 +13,17 @@ var mergedTimePickerGrid = mergeConfig(timePickerGridConfig);
|
|
|
13
13
|
var TimePickerGrid = component(mergedTimePickerGrid);
|
|
14
14
|
export var StyledPopover = styled(Popover).withConfig({
|
|
15
15
|
displayName: "TimePicker.styles__StyledPopover",
|
|
16
|
-
componentId: "sc-
|
|
16
|
+
componentId: "sc-f60abfdf-0"
|
|
17
17
|
})([
|
|
18
|
-
""
|
|
19
|
-
|
|
18
|
+
".",
|
|
19
|
+
"{",
|
|
20
|
+
":var(",
|
|
21
|
+
");border-radius:var(",
|
|
22
|
+
");}"
|
|
23
|
+
], popoverClasses.root, popoverTokens.boxShadow, tokens.timePickerShadow, tokens.timePickerBorderRadius);
|
|
20
24
|
export var StyledTimePickerGrid = styled(TimePickerGrid).withConfig({
|
|
21
25
|
displayName: "TimePicker.styles__StyledTimePickerGrid",
|
|
22
|
-
componentId: "sc-
|
|
26
|
+
componentId: "sc-f60abfdf-1"
|
|
23
27
|
})([
|
|
24
28
|
"",
|
|
25
29
|
":var(",
|
|
@@ -68,7 +72,7 @@ export var StyledTimePickerGrid = styled(TimePickerGrid).withConfig({
|
|
|
68
72
|
// NOTE: переопределение токенов TextField
|
|
69
73
|
export var StyledInput = styled(TextField).withConfig({
|
|
70
74
|
displayName: "TimePicker.styles__StyledInput",
|
|
71
|
-
componentId: "sc-
|
|
75
|
+
componentId: "sc-f60abfdf-2"
|
|
72
76
|
})([
|
|
73
77
|
"width:100%;",
|
|
74
78
|
":var(",
|
|
@@ -234,7 +238,7 @@ export var base = css([
|
|
|
234
238
|
], tokens.width, tokens.dropdownMarginTop, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth, classes.timePickerPlacementRight, classes.timePickerFixed, tokens.timePickerWidth);
|
|
235
239
|
export var StyledTimePicker = styled.div.withConfig({
|
|
236
240
|
displayName: "TimePicker.styles__StyledTimePicker",
|
|
237
|
-
componentId: "sc-
|
|
241
|
+
componentId: "sc-f60abfdf-3"
|
|
238
242
|
})([
|
|
239
243
|
"background:var(",
|
|
240
244
|
");border-radius:var(",
|
|
@@ -102,6 +102,7 @@ export var tokens = {
|
|
|
102
102
|
textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',
|
|
103
103
|
/** Прозрачность для всего компонента в состоянии disabled */ disabledOpacity: '--plasma-time-picker-disabled-opacity',
|
|
104
104
|
dropdownMarginTop: '--plasma-time-picker-dropdown-margin-top',
|
|
105
|
+
timePickerShadow: '--plasma-time-picker-ui-box-shadow',
|
|
105
106
|
timePickerBackground: '--plasma-time-picker-ui-background',
|
|
106
107
|
timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',
|
|
107
108
|
timePickerWidth: '--plasma-time-picker-ui-width',
|
|
@@ -2,11 +2,11 @@ import styled from "styled-components";
|
|
|
2
2
|
import { css } from "styled-components";
|
|
3
3
|
import { tokens } from "./TimePickerGrid.tokens";
|
|
4
4
|
export var base = css([
|
|
5
|
-
"display:flex;width:100%;
|
|
5
|
+
"display:flex;width:100%;"
|
|
6
6
|
]);
|
|
7
7
|
export var StyledTimePicker = styled.div.withConfig({
|
|
8
8
|
displayName: "TimePickerGrid.styles__StyledTimePicker",
|
|
9
|
-
componentId: "sc-
|
|
9
|
+
componentId: "sc-ad4aa553-0"
|
|
10
10
|
})([
|
|
11
11
|
"background:var(",
|
|
12
12
|
");border-radius:var(",
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { component, mergeConfig } from "../../../engines";
|
|
2
|
+
import { comboboxNewConfig } from "../../..";
|
|
3
|
+
import { config } from "./Combobox.config";
|
|
4
|
+
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
+
var ComboboxComponent = component(mergedConfig);
|
|
6
|
+
var Combobox = ComboboxComponent;
|
|
7
|
+
export { Combobox };
|
|
@@ -17,6 +17,7 @@ export var config = {
|
|
|
17
17
|
":var(--text-secondary);",
|
|
18
18
|
":var(--text-accent);",
|
|
19
19
|
":var(--surface-negative);",
|
|
20
|
+
":var(--shadow-down-soft-s);",
|
|
20
21
|
":var(--surface-transparent-primary);",
|
|
21
22
|
":var(--surface-transparent-secondary);",
|
|
22
23
|
":var(--surface-transparent-negative);",
|
|
@@ -32,7 +33,7 @@ export var config = {
|
|
|
32
33
|
":var(--surface-transparent-tertiary);",
|
|
33
34
|
":var(--surface-transparent-primary);",
|
|
34
35
|
":0.4;"
|
|
35
|
-
], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor, tokens.disabledOpacity)
|
|
36
|
+
], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.timePickerShadow, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor, tokens.disabledOpacity)
|
|
36
37
|
},
|
|
37
38
|
size: {
|
|
38
39
|
l: css([
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.344.0-canary.
|
|
3
|
+
"version": "0.344.0-canary.2401.20432942782.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -92,8 +92,8 @@
|
|
|
92
92
|
"@rollup/plugin-babel": "^6.0.4",
|
|
93
93
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
94
94
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
95
|
-
"@salutejs/plasma-cy-utils": "0.142.0-canary.
|
|
96
|
-
"@salutejs/plasma-sb-utils": "0.212.0-canary.
|
|
95
|
+
"@salutejs/plasma-cy-utils": "0.142.0-canary.2401.20432942782.0",
|
|
96
|
+
"@salutejs/plasma-sb-utils": "0.212.0-canary.2401.20432942782.0",
|
|
97
97
|
"@salutejs/plasma-themes": "0.38.0",
|
|
98
98
|
"@types/lodash": "^4.14.191",
|
|
99
99
|
"@types/lodash.chunk": "4.2.9",
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
"@linaria/react": "5.0.3",
|
|
123
123
|
"@popperjs/core": "2.11.8",
|
|
124
124
|
"@salutejs/input-core": "2.1.2",
|
|
125
|
-
"@salutejs/plasma-core": "1.212.0-canary.
|
|
125
|
+
"@salutejs/plasma-core": "1.212.0-canary.2401.20432942782.0",
|
|
126
126
|
"@salutejs/react-maskinput": "3.3.2",
|
|
127
127
|
"@tanstack/react-table": "8.21.2",
|
|
128
128
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -142,5 +142,5 @@
|
|
|
142
142
|
"sideEffects": [
|
|
143
143
|
"*.css"
|
|
144
144
|
],
|
|
145
|
-
"gitHead": "
|
|
145
|
+
"gitHead": "e930ca66e9cfd259cb2d24f5ae20c5de630d3462"
|
|
146
146
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAY1D,eAAO,MAAM,cAAc,SAAU,SAAS,CAAC,iBAAiB,EAAE,eAAe,CAAC;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAY1D,eAAO,MAAM,cAAc,SAAU,SAAS,CAAC,iBAAiB,EAAE,eAAe,CAAC;;;;;;;;;;2CAyD5E,CAAC;AAEP,eAAO,MAAM,gBAAgB;;;mBA3DQ,SAAS,CAAC,iBAAiB,EAAE,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFjF,CAAC"}
|
|
@@ -21,6 +21,10 @@ export declare const StyledSpinner: import("@linaria/utils").StyledMeta & import
|
|
|
21
21
|
view?: string;
|
|
22
22
|
} & import("react").RefAttributes<HTMLDivElement>))>;
|
|
23
23
|
export declare const LinkButtonText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
|
24
|
-
export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> &
|
|
25
|
-
|
|
24
|
+
export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
25
|
+
hasContent?: boolean;
|
|
26
|
+
}>;
|
|
27
|
+
export declare const StyledContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
28
|
+
hasContent?: boolean;
|
|
29
|
+
}>;
|
|
26
30
|
//# sourceMappingURL=LinkButton.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,0CAoBhB,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAInC,CAAC;AAEF,eAAO,MAAM,QAAQ;gBAA4B,OAAO;EAOvD,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,cAAc,uKAa1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"LinkButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,0CAoBhB,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAInC,CAAC;AAEF,eAAO,MAAM,QAAQ;gBAA4B,OAAO;EAOvD,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,cAAc,uKAa1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;iBAA6B,OAAO;EAKjE,CAAC;AAEF,eAAO,MAAM,kBAAkB;iBAA6B,OAAO;EAKlE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,aAAa,mTAKzB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;YAGhB,CAAC;cAA0B,CAAC;cAA0B,CAAC;;;qHAwBvE,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;;;;kBAqDoC,MAAO,YAAY;mBAC7B,MAAQ,YAAW;;;oCAKd,CAAC;;;;;;;;;;;;;;;;;;;;oCAxF9B,CAAC;;;;;;;;;;;;;wBAkFwC,YAAY;yBACrB,YAAW;;;oCAKd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBANW,YAAY;yBACrB,YAAW;;;oCAKd,CAAC;;;;;;;;;;;;;;;;;;;;oCAxF9B,CAAC;;;;;;;;;;;;;wBAkFwC,YAAY;yBACrB,YAAW;;;oCAKd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBANW,YAAY;yBACrB,YAAW;;;oCAKd,CAAC;;;;;;;;;;;;;;;;;;;;oCAxF9B,CAAC;;;;;;;;;;;;;wBAkFwC,YAAY;yBACrB,YAAW;;;oCAKd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBANW,YAAY;yBACrB,YAAW;;;oCAKd,CAAC;;;;;;;;;;;;;;;;;;;;oCAxF9B,CAAC;;;;;;;;;;;;;wBAkFwC,YAAY;yBACrB,YAAW;;;oCAKd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yIAoCvD,CAAC;AAEF,eAAO,MAAM,IAAI,0CA4BhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EASnE,CAAC"}
|
|
@@ -103,6 +103,7 @@ export declare const tokens: {
|
|
|
103
103
|
/** Прозрачность для всего компонента в состоянии disabled */
|
|
104
104
|
disabledOpacity: string;
|
|
105
105
|
dropdownMarginTop: string;
|
|
106
|
+
timePickerShadow: string;
|
|
106
107
|
timePickerBackground: string;
|
|
107
108
|
timePickerBorderRadius: string;
|
|
108
109
|
timePickerWidth: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAenB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqGf,6DAA6D
|
|
1
|
+
{"version":3,"file":"TimePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAenB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqGf,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;CA8BhE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePickerGrid.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"TimePickerGrid.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePickerGrid/TimePickerGrid.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAenE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TimePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CA0UlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { };
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes, ReactNode, ReactElement } from 'react';
|
|
2
|
-
type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
3
|
-
export type BasicPopoverProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Контент всплывающего окна.
|
|
6
|
-
*/
|
|
7
|
-
children: string | number;
|
|
8
|
-
/**
|
|
9
|
-
* Слот для контента слева.
|
|
10
|
-
*/
|
|
11
|
-
contentLeft: ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* Целевой элемент взаимодействия с всплывающим окном.
|
|
14
|
-
*/
|
|
15
|
-
target: ReactElement;
|
|
16
|
-
/**
|
|
17
|
-
* Способ скрытия/раскрытия всплывающего окна.
|
|
18
|
-
* @default click
|
|
19
|
-
*/
|
|
20
|
-
trigger?: 'click' | 'hover' | 'focus';
|
|
21
|
-
/**
|
|
22
|
-
* Сторона раскрытия окна относительно target-элемента.
|
|
23
|
-
* @default bottom
|
|
24
|
-
*/
|
|
25
|
-
placement?: Placement;
|
|
26
|
-
/**
|
|
27
|
-
* Включение хвостика у всплывающего окна.
|
|
28
|
-
* @default true
|
|
29
|
-
*/
|
|
30
|
-
hasTail?: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Отступ всплывающего окна относительно target.
|
|
33
|
-
* @default 0
|
|
34
|
-
*/
|
|
35
|
-
offset?: number;
|
|
36
|
-
/**
|
|
37
|
-
* Задержка перед раскрытием, мс. (При trigger === 'hover')
|
|
38
|
-
* @default 0
|
|
39
|
-
*/
|
|
40
|
-
delayOpen?: number;
|
|
41
|
-
/**
|
|
42
|
-
* Задержка перед скрытием, мс. (При trigger === 'hover')
|
|
43
|
-
* @default 0
|
|
44
|
-
*/
|
|
45
|
-
delayClose?: number;
|
|
46
|
-
/**
|
|
47
|
-
* CSS-свойство z-index всплывающего окна.
|
|
48
|
-
* @default 1000
|
|
49
|
-
*/
|
|
50
|
-
zIndex?: number;
|
|
51
|
-
/**
|
|
52
|
-
* Вид компонента.
|
|
53
|
-
*/
|
|
54
|
-
view?: string;
|
|
55
|
-
/**
|
|
56
|
-
* Размер компонента.
|
|
57
|
-
*/
|
|
58
|
-
size?: string;
|
|
59
|
-
};
|
|
60
|
-
export type PopoverProps = HTMLAttributes<HTMLDivElement> & BasicPopoverProps;
|
|
61
|
-
export {};
|
|
62
|
-
//# sourceMappingURL=Tooltip.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErE,KAAK,SAAS,GACR,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
|