@salutejs/plasma-new-hope 0.337.0-canary.2184.17968380115.0 → 0.337.0-canary.2184.17969522274.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/TimePicker/TimePicker.css +9 -9
- package/cjs/components/TimePicker/TimePicker.styles.js +5 -5
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/cjs/components/TimePicker/{TimePicker.styles_7l6ler.css → TimePicker.styles_dk6774.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/cjs/index.css +9 -9
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +19 -19
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/emotion/es/components/TimePicker/TimePicker.styles.js +19 -19
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/es/components/TimePicker/TimePicker.css +9 -9
- package/es/components/TimePicker/TimePicker.styles.js +5 -5
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/es/components/TimePicker/{TimePicker.styles_7l6ler.css → TimePicker.styles_dk6774.css} +1 -1
- package/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/es/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/es/index.css +9 -9
- package/package.json +2 -2
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +11 -10
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +11 -10
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/TimePicker/TimePicker.styles.d.ts +1 -4
- 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
|
@@ -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: "TimePicker.styles__StyledPopover",
|
|
13
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-90a263ab-0"
|
|
14
14
|
})([
|
|
15
15
|
""
|
|
16
16
|
]);
|
|
17
17
|
// NOTE: переопределение токенов TextField
|
|
18
18
|
export var StyledInput = styled(TextField).withConfig({
|
|
19
19
|
displayName: "TimePicker.styles__StyledInput",
|
|
20
|
-
componentId: "sc-
|
|
20
|
+
componentId: "sc-90a263ab-1"
|
|
21
21
|
})([
|
|
22
22
|
"width:100%;",
|
|
23
23
|
":var(",
|
|
@@ -168,16 +168,17 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
168
168
|
], 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.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, classes.timePickerError, 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.timePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
|
169
169
|
export var base = css([
|
|
170
170
|
"display:inline-block;width:var(",
|
|
171
|
+
");margin-top:var(",
|
|
171
172
|
");.",
|
|
172
173
|
",.",
|
|
173
174
|
"{width:inherit;}&.",
|
|
174
175
|
"{width:100%;.",
|
|
175
176
|
"{width:100%;}}&.",
|
|
176
177
|
"{width:100%;}"
|
|
177
|
-
], tokens.width, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth);
|
|
178
|
+
], tokens.width, tokens.dropdownMarginTop, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth);
|
|
178
179
|
export var StyledTimePicker = styled.div.withConfig({
|
|
179
180
|
displayName: "TimePicker.styles__StyledTimePicker",
|
|
180
|
-
componentId: "sc-
|
|
181
|
+
componentId: "sc-90a263ab-2"
|
|
181
182
|
})([
|
|
182
183
|
"background:var(",
|
|
183
184
|
");border-radius:var(",
|
|
@@ -191,7 +192,7 @@ export var StyledTimePicker = styled.div.withConfig({
|
|
|
191
192
|
}, tokens.timePickerPadding, tokens.scrollbarWidth);
|
|
192
193
|
export var StyledTimeItem = styled.div.withConfig({
|
|
193
194
|
displayName: "TimePicker.styles__StyledTimeItem",
|
|
194
|
-
componentId: "sc-
|
|
195
|
+
componentId: "sc-90a263ab-3"
|
|
195
196
|
})([
|
|
196
197
|
"height:var(",
|
|
197
198
|
");padding:var(",
|
|
@@ -209,7 +210,7 @@ export var StyledTimeItem = styled.div.withConfig({
|
|
|
209
210
|
], tokens.itemHeight, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHoverBackground, classes.timeItemActive, tokens.itemActiveBackground);
|
|
210
211
|
export var StyledTimeColumn = styled.div.withConfig({
|
|
211
212
|
displayName: "TimePicker.styles__StyledTimeColumn",
|
|
212
|
-
componentId: "sc-
|
|
213
|
+
componentId: "sc-90a263ab-4"
|
|
213
214
|
})([
|
|
214
215
|
"max-height:",
|
|
215
216
|
";overflow-y:scroll;flex:1;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
|
|
@@ -223,7 +224,7 @@ export var StyledTimeColumn = styled.div.withConfig({
|
|
|
223
224
|
}, tokens.scrollbarWidth, classes.timeColumnActive, tokens.itemHoverBackground, tokens.itemBorderRadius);
|
|
224
225
|
export var CustomScrollbar = styled.div.withConfig({
|
|
225
226
|
displayName: "TimePicker.styles__CustomScrollbar",
|
|
226
|
-
componentId: "sc-
|
|
227
|
+
componentId: "sc-90a263ab-5"
|
|
227
228
|
})([
|
|
228
229
|
"position:absolute;top:var(",
|
|
229
230
|
");right:0;bottom:var(",
|
|
@@ -233,7 +234,7 @@ export var CustomScrollbar = styled.div.withConfig({
|
|
|
233
234
|
], tokens.scrollbarMargin, tokens.scrollbarMargin, tokens.scrollbarWidth, classes.scrollbarVisible);
|
|
234
235
|
export var ScrollbarTrack = styled.div.withConfig({
|
|
235
236
|
displayName: "TimePicker.styles__ScrollbarTrack",
|
|
236
|
-
componentId: "sc-
|
|
237
|
+
componentId: "sc-90a263ab-6"
|
|
237
238
|
})([
|
|
238
239
|
"position:relative;width:100%;height:100%;background:var(",
|
|
239
240
|
");border-radius:var(",
|
|
@@ -241,7 +242,7 @@ export var ScrollbarTrack = styled.div.withConfig({
|
|
|
241
242
|
], tokens.scrollbarTrackColor, tokens.scrollbarWidth);
|
|
242
243
|
export var ScrollbarThumb = styled.div.withConfig({
|
|
243
244
|
displayName: "TimePicker.styles__ScrollbarThumb",
|
|
244
|
-
componentId: "sc-
|
|
245
|
+
componentId: "sc-90a263ab-7"
|
|
245
246
|
})([
|
|
246
247
|
"position:absolute;top:0;left:0;width:100%;background:var(",
|
|
247
248
|
");border-radius:var(",
|
|
@@ -251,7 +252,7 @@ export var ScrollbarThumb = styled.div.withConfig({
|
|
|
251
252
|
], tokens.scrollbarColor, tokens.scrollbarWidth, tokens.scrollbarColor, tokens.scrollbarTrackColor);
|
|
252
253
|
export var StyledEmpty = styled.div.withConfig({
|
|
253
254
|
displayName: "TimePicker.styles__StyledEmpty",
|
|
254
|
-
componentId: "sc-
|
|
255
|
+
componentId: "sc-90a263ab-8"
|
|
255
256
|
})([
|
|
256
257
|
"width:100%;height:0%.125rem;"
|
|
257
258
|
]);
|
|
@@ -98,6 +98,7 @@ export var tokens = {
|
|
|
98
98
|
textFieldContentRightSlotColor: '--plasma-time-picker-textfield__content-right-color',
|
|
99
99
|
textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',
|
|
100
100
|
/** Прозрачность для всего компонента в состоянии disabled */ disabledOpacity: '--plasma-time-picker-disabled-opacity',
|
|
101
|
+
dropdownMarginTop: '--plasma-time-picker-dropdown-margin-top',
|
|
101
102
|
timePickerBackground: '--plasma-time-picker-ui-background',
|
|
102
103
|
timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',
|
|
103
104
|
timePickerWidth: '--plasma-time-picker-ui-width',
|
|
@@ -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 };
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
export declare const StyledPopover: import("@linaria/react").
|
|
2
|
-
align?: "left" | "right";
|
|
3
|
-
width?: string | number;
|
|
4
|
-
} & import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
1
|
+
export declare const StyledPopover: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
2
|
export declare const StyledInput: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & (({
|
|
6
3
|
size?: string;
|
|
7
4
|
view?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa,mTAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;kBAiFwB,MAAO,YAAY;mBACtB,MAAM,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhF5C,CAAC;;;;;;;;;;;;wBA0ED,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAN5C,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhF5C,CAAC;;;;;;;;;;;;wBA0ED,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAN5C,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhF5C,CAAC;;;;;;;;;;;;wBA0ED,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAN5C,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhF5C,CAAC;;;;;;;;;;;;wBA0ED,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yIAOlG,CAAC;AAEF,eAAO,MAAM,IAAI,0CAoBhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAWnE,CAAC;AAEF,eAAO,MAAM,cAAc,qKA0B1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;aAAyB,MAAM,GAAG,MAAM;EAuBpE,CAAC;AAEF,eAAO,MAAM,eAAe,qKAgB3B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAM1B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAiB1B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC"}
|
|
@@ -99,6 +99,7 @@ export declare const tokens: {
|
|
|
99
99
|
textFieldContentRightSlotColorHover: string;
|
|
100
100
|
/** Прозрачность для всего компонента в состоянии disabled */
|
|
101
101
|
disabledOpacity: string;
|
|
102
|
+
dropdownMarginTop: string;
|
|
102
103
|
timePickerBackground: string;
|
|
103
104
|
timePickerBorderRadius: string;
|
|
104
105
|
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;;;;;;;;;;;;;CAanB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoGf,6DAA6D
|
|
1
|
+
{"version":3,"file":"TimePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAanB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoGf,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;CA6BhE,CAAC"}
|