@salutejs/plasma-new-hope 0.340.0-canary.2322.19259276297.0 → 0.340.0-canary.2322.19263728460.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/Autocomplete/Autocomplete.css +22 -22
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +22 -22
- package/cjs/components/DatePicker/DatePicker.tokens.js +4 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +22 -22
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -22
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +25 -25
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_5c37vu.css → SingleDate.styles_1bk934v.css} +1 -1
- package/cjs/components/DateTimePicker/DateTimePicker.css +23 -23
- package/cjs/components/DateTimePicker/DateTimePicker.tokens.js +4 -1
- package/cjs/components/DateTimePicker/DateTimePicker.tokens.js.map +1 -1
- package/cjs/components/DateTimePicker/ui/Input/Input.css +23 -23
- package/cjs/components/DateTimePicker/ui/Input/Input.styles.js +1 -1
- package/{es/components/DateTimePicker/ui/Input/Input.styles_1af0tdj.css → cjs/components/DateTimePicker/ui/Input/Input.styles_lw80by.css} +1 -1
- package/cjs/components/Pagination/Pagination.css +22 -22
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +22 -22
- package/cjs/components/Range/Range.css +22 -22
- package/cjs/components/Select/Select.css +22 -22
- package/cjs/components/Select/ui/Target/Target.css +22 -22
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +22 -22
- package/cjs/components/Slider/Slider.css +22 -22
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +22 -22
- package/cjs/components/Table/Table.css +22 -22
- package/cjs/components/Table/ui/Cell/Cell.css +22 -22
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +22 -22
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +22 -22
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +22 -22
- package/cjs/components/TextField/TextField.styles.js +7 -7
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_xvs3tf.css → cjs/components/TextField/TextField.styles_1fz6mh6.css} +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +20 -20
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +22 -22
- package/cjs/components/TimePicker/TimePicker.css +22 -22
- package/cjs/index.css +26 -26
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +4 -1
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
- package/emotion/cjs/components/DateTimePicker/DateTimePicker.tokens.js +4 -1
- package/emotion/cjs/components/TextField/TextField.styles.js +45 -45
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +4 -1
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
- package/emotion/es/components/DateTimePicker/DateTimePicker.tokens.js +4 -1
- package/emotion/es/components/TextField/TextField.styles.js +45 -45
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/es/components/Autocomplete/Autocomplete.css +22 -22
- package/es/components/Combobox/ComboboxNew/Combobox.css +22 -22
- package/es/components/DatePicker/DatePicker.tokens.js +4 -1
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +22 -22
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -22
- package/es/components/DatePicker/SingleDate/SingleDate.css +25 -25
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/{SingleDate.styles_5c37vu.css → SingleDate.styles_1bk934v.css} +1 -1
- package/es/components/DateTimePicker/DateTimePicker.css +23 -23
- package/es/components/DateTimePicker/DateTimePicker.tokens.js +4 -1
- package/es/components/DateTimePicker/DateTimePicker.tokens.js.map +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.css +23 -23
- package/es/components/DateTimePicker/ui/Input/Input.styles.js +1 -1
- package/{cjs/components/DateTimePicker/ui/Input/Input.styles_1af0tdj.css → es/components/DateTimePicker/ui/Input/Input.styles_lw80by.css} +1 -1
- package/es/components/Pagination/Pagination.css +22 -22
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +22 -22
- package/es/components/Range/Range.css +22 -22
- package/es/components/Select/Select.css +22 -22
- package/es/components/Select/ui/Target/Target.css +22 -22
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +22 -22
- package/es/components/Slider/Slider.css +22 -22
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +22 -22
- package/es/components/Table/Table.css +22 -22
- package/es/components/Table/ui/Cell/Cell.css +22 -22
- package/es/components/Table/ui/EditableCell/EditableCell.css +22 -22
- package/es/components/Table/ui/HeadCell/HeadCell.css +22 -22
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +22 -22
- package/es/components/TextField/TextField.styles.js +7 -7
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_xvs3tf.css → es/components/TextField/TextField.styles_1fz6mh6.css} +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +20 -20
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +22 -22
- package/es/components/TimePicker/TimePicker.css +22 -22
- package/es/index.css +26 -26
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +4 -1
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +13 -4
- package/styled-components/cjs/components/DateTimePicker/DateTimePicker.tokens.js +4 -1
- package/styled-components/cjs/components/TextField/TextField.styles.js +29 -27
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +4 -1
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +13 -4
- package/styled-components/es/components/DateTimePicker/DateTimePicker.tokens.js +4 -1
- package/styled-components/es/components/TextField/TextField.styles.js +29 -27
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- 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/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DateTimePicker/DateTimePicker.tokens.d.ts +3 -0
- package/types/components/DateTimePicker/DateTimePicker.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.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: "SingleDate.styles__StyledPopover",
|
|
13
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-246cca8-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-246cca8-1"
|
|
21
21
|
})([
|
|
22
22
|
"width:100%;",
|
|
23
23
|
":var(",
|
|
@@ -142,6 +142,15 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
142
142
|
",var(",
|
|
143
143
|
"));",
|
|
144
144
|
":var(",
|
|
145
|
+
",var(",
|
|
146
|
+
"));",
|
|
147
|
+
":var(",
|
|
148
|
+
",var(",
|
|
149
|
+
"));",
|
|
150
|
+
":var(",
|
|
151
|
+
",var(",
|
|
152
|
+
"));",
|
|
153
|
+
":var(",
|
|
145
154
|
");&.",
|
|
146
155
|
"{",
|
|
147
156
|
":var(",
|
|
@@ -175,7 +184,7 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
175
184
|
");",
|
|
176
185
|
":var(",
|
|
177
186
|
");}"
|
|
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);
|
|
187
|
+
], 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.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightColorActive, tokens.textFieldContentRightSlotColorActive, 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);
|
|
179
188
|
export var base = css([
|
|
180
189
|
"display:inline-block;.",
|
|
181
190
|
",.",
|
|
@@ -185,7 +194,7 @@ export var base = css([
|
|
|
185
194
|
], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root);
|
|
186
195
|
export var LeftHelper = styled.div.withConfig({
|
|
187
196
|
displayName: "SingleDate.styles__LeftHelper",
|
|
188
|
-
componentId: "sc-
|
|
197
|
+
componentId: "sc-246cca8-2"
|
|
189
198
|
})([
|
|
190
199
|
"color:var(",
|
|
191
200
|
");&.",
|
|
@@ -55,9 +55,12 @@ export var tokens = {
|
|
|
55
55
|
textFieldTextBeforeMargin: '--plasma-date-time-picker-textfield__before-text-margin',
|
|
56
56
|
textFieldTextAfterMargin: '--plasma-date-time-picker-textfield__after-text-margin',
|
|
57
57
|
textFieldContentSlotColor: '--plasma-date-time-picker-textfield__content-color',
|
|
58
|
+
textFieldContentSlotColorHover: '--plasma-date-time-picker-textfield__content-color-hover',
|
|
59
|
+
textFieldContentSlotColorActive: '--plasma-date-time-picker-textfield__content-color-active',
|
|
58
60
|
textFieldContentRightSlotColor: '--plasma-date-time-picker-textfield__content-right-color',
|
|
59
61
|
textFieldContentRightSlotColorHover: '--plasma-date-time-picker-textfield__content-right-color-hover',
|
|
60
|
-
|
|
62
|
+
textFieldContentRightSlotColorActive: '--plasma-date-time-picker-textfield__content-right-color-active',
|
|
63
|
+
textFieldContentSlotRightOpacityReadOnly: '--plasma-date-time-picker-textfield__content-right-opacity-readonly',
|
|
61
64
|
/** Токены лейбла */ labelColor: '--plasma-date-time-picker__label-color',
|
|
62
65
|
labelColorReadOnly: '--plasma-date-time-picker__label-color-readonly',
|
|
63
66
|
labelOffset: '--plasma-date-time-picker__label-offset',
|
|
@@ -8,13 +8,13 @@ var mergedConfig = mergeConfig(tooltipConfig);
|
|
|
8
8
|
var Tooltip = component(mergedConfig);
|
|
9
9
|
export var InputWrapper = styled.div.withConfig({
|
|
10
10
|
displayName: "TextField.styles__InputWrapper",
|
|
11
|
-
componentId: "sc-
|
|
11
|
+
componentId: "sc-28a93ab-0"
|
|
12
12
|
})([
|
|
13
13
|
"position:relative;display:flex;align-items:center;box-sizing:border-box;"
|
|
14
14
|
]);
|
|
15
15
|
export var InputLabelWrapper = styled.div.withConfig({
|
|
16
16
|
displayName: "TextField.styles__InputLabelWrapper",
|
|
17
|
-
componentId: "sc-
|
|
17
|
+
componentId: "sc-28a93ab-1"
|
|
18
18
|
})([
|
|
19
19
|
"flex:1;overflow:scroll;position:relative;width:100%;display:inline-flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;&.",
|
|
20
20
|
"{height:var(",
|
|
@@ -23,7 +23,7 @@ export var InputLabelWrapper = styled.div.withConfig({
|
|
|
23
23
|
], String(classes.hasChips), tokens.chipHeight, tokens.chipBorderRadius);
|
|
24
24
|
export var StyledChips = styled.div.withConfig({
|
|
25
25
|
displayName: "TextField.styles__StyledChips",
|
|
26
|
-
componentId: "sc-
|
|
26
|
+
componentId: "sc-28a93ab-2"
|
|
27
27
|
})([
|
|
28
28
|
"display:flex;gap:var(",
|
|
29
29
|
");margin-right:var(",
|
|
@@ -32,7 +32,7 @@ export var StyledChips = styled.div.withConfig({
|
|
|
32
32
|
], tokens.chipGap, tokens.chipMarginRight, tokens.chipGap);
|
|
33
33
|
export var Input = styled.input.withConfig({
|
|
34
34
|
displayName: "TextField.styles__Input",
|
|
35
|
-
componentId: "sc-
|
|
35
|
+
componentId: "sc-28a93ab-3"
|
|
36
36
|
})([
|
|
37
37
|
"box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;&.",
|
|
38
38
|
"{",
|
|
@@ -40,7 +40,7 @@ export var Input = styled.input.withConfig({
|
|
|
40
40
|
], classes.inputTextEllipsis, applyEllipsis());
|
|
41
41
|
export var InputContainer = styled.div.withConfig({
|
|
42
42
|
displayName: "TextField.styles__InputContainer",
|
|
43
|
-
componentId: "sc-
|
|
43
|
+
componentId: "sc-28a93ab-4"
|
|
44
44
|
})([
|
|
45
45
|
"position:relative;display:flex;flex:1;min-width:",
|
|
46
46
|
";",
|
|
@@ -55,7 +55,7 @@ export var InputContainer = styled.div.withConfig({
|
|
|
55
55
|
});
|
|
56
56
|
export var InputPlaceholder = styled.div.withConfig({
|
|
57
57
|
displayName: "TextField.styles__InputPlaceholder",
|
|
58
|
-
componentId: "sc-
|
|
58
|
+
componentId: "sc-28a93ab-5"
|
|
59
59
|
})([
|
|
60
60
|
"display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(",
|
|
61
61
|
");padding:",
|
|
@@ -66,7 +66,7 @@ export var InputPlaceholder = styled.div.withConfig({
|
|
|
66
66
|
});
|
|
67
67
|
export var OuterLabelWrapper = styled.div.withConfig({
|
|
68
68
|
displayName: "TextField.styles__OuterLabelWrapper",
|
|
69
|
-
componentId: "sc-
|
|
69
|
+
componentId: "sc-28a93ab-6"
|
|
70
70
|
})([
|
|
71
71
|
"display:flex;align-items:center;white-space:",
|
|
72
72
|
";margin-bottom:",
|
|
@@ -80,42 +80,44 @@ export var OuterLabelWrapper = styled.div.withConfig({
|
|
|
80
80
|
});
|
|
81
81
|
export var TitleCaption = styled.div.withConfig({
|
|
82
82
|
displayName: "TextField.styles__TitleCaption",
|
|
83
|
-
componentId: "sc-
|
|
83
|
+
componentId: "sc-28a93ab-7"
|
|
84
84
|
})([
|
|
85
85
|
"display:inline-block;margin-left:auto;"
|
|
86
86
|
]);
|
|
87
87
|
export var StyledIndicatorWrapper = styled.div.withConfig({
|
|
88
88
|
displayName: "TextField.styles__StyledIndicatorWrapper",
|
|
89
|
-
componentId: "sc-
|
|
89
|
+
componentId: "sc-28a93ab-8"
|
|
90
90
|
})([
|
|
91
91
|
"position:relative;display:inline-flex;align-items:center;"
|
|
92
92
|
]);
|
|
93
93
|
export var Label = styled.label.withConfig({
|
|
94
94
|
displayName: "TextField.styles__Label",
|
|
95
|
-
componentId: "sc-
|
|
95
|
+
componentId: "sc-28a93ab-9"
|
|
96
96
|
})([
|
|
97
97
|
"display:inline-flex;"
|
|
98
98
|
]);
|
|
99
99
|
export var StyledContentLeft = styled.div.withConfig({
|
|
100
100
|
displayName: "TextField.styles__StyledContentLeft",
|
|
101
|
-
componentId: "sc-
|
|
101
|
+
componentId: "sc-28a93ab-10"
|
|
102
102
|
})([
|
|
103
|
-
"
|
|
104
|
-
"
|
|
105
|
-
";line-height:0
|
|
106
|
-
|
|
103
|
+
"--private_content-slot-color:",
|
|
104
|
+
";margin:var(",
|
|
105
|
+
");color:var(--private_content-slot-color);line-height:0;&:hover{color:var(",
|
|
106
|
+
",var(--private_content-slot-color));}&:active{color:var(",
|
|
107
|
+
",var(--private_content-slot-color));}"
|
|
108
|
+
], function(param) {
|
|
107
109
|
var isDefaultView = param.isDefaultView, isClear = param.isClear;
|
|
108
110
|
return !isDefaultView && isClear ? "var(".concat(tokens.clearColor, ")") : "var(".concat(tokens.contentSlotColor, ")");
|
|
109
|
-
});
|
|
111
|
+
}, tokens.leftContentMargin, tokens.contentSlotColorHover, tokens.contentSlotColorActive);
|
|
110
112
|
export var StyledContentRightWrapper = styled.div.withConfig({
|
|
111
113
|
displayName: "TextField.styles__StyledContentRightWrapper",
|
|
112
|
-
componentId: "sc-
|
|
114
|
+
componentId: "sc-28a93ab-11"
|
|
113
115
|
})([
|
|
114
116
|
"display:flex;align-items:center;"
|
|
115
117
|
]);
|
|
116
118
|
export var StyledContentRight = styled.div.withConfig({
|
|
117
119
|
displayName: "TextField.styles__StyledContentRight",
|
|
118
|
-
componentId: "sc-
|
|
120
|
+
componentId: "sc-28a93ab-12"
|
|
119
121
|
})([
|
|
120
122
|
"line-height:0;margin:var(",
|
|
121
123
|
");color:var(",
|
|
@@ -128,13 +130,13 @@ export var StyledContentRight = styled.div.withConfig({
|
|
|
128
130
|
], tokens.rightContentMargin, tokens.contentSlotRightColor, tokens.contentSlotColor, tokens.contentSlotRightColorHover, tokens.contentSlotColorHover, tokens.contentSlotRightColorActive, tokens.contentSlotColorActive);
|
|
129
131
|
export var LeftHelper = styled.div.withConfig({
|
|
130
132
|
displayName: "TextField.styles__LeftHelper",
|
|
131
|
-
componentId: "sc-
|
|
133
|
+
componentId: "sc-28a93ab-13"
|
|
132
134
|
})([
|
|
133
135
|
""
|
|
134
136
|
]);
|
|
135
137
|
export var StyledTextBefore = styled.div.withConfig({
|
|
136
138
|
displayName: "TextField.styles__StyledTextBefore",
|
|
137
|
-
componentId: "sc-
|
|
139
|
+
componentId: "sc-28a93ab-14"
|
|
138
140
|
})([
|
|
139
141
|
"visibility:",
|
|
140
142
|
";"
|
|
@@ -144,20 +146,20 @@ export var StyledTextBefore = styled.div.withConfig({
|
|
|
144
146
|
});
|
|
145
147
|
export var StyledTextAfter = styled.div.withConfig({
|
|
146
148
|
displayName: "TextField.styles__StyledTextAfter",
|
|
147
|
-
componentId: "sc-
|
|
149
|
+
componentId: "sc-28a93ab-15"
|
|
148
150
|
})([
|
|
149
151
|
""
|
|
150
152
|
]);
|
|
151
153
|
export var StyledOptionalText = styled.span.withConfig({
|
|
152
154
|
displayName: "TextField.styles__StyledOptionalText",
|
|
153
|
-
componentId: "sc-
|
|
155
|
+
componentId: "sc-28a93ab-16"
|
|
154
156
|
})([
|
|
155
157
|
"color:var(",
|
|
156
158
|
");"
|
|
157
159
|
], tokens.optionalColor);
|
|
158
160
|
export var StyledHintWrapper = styled.div.withConfig({
|
|
159
161
|
displayName: "TextField.styles__StyledHintWrapper",
|
|
160
|
-
componentId: "sc-
|
|
162
|
+
componentId: "sc-28a93ab-17"
|
|
161
163
|
})([
|
|
162
164
|
"display:inline-block;line-height:0;&.",
|
|
163
165
|
"{position:absolute;margin:0;inset:var(",
|
|
@@ -165,14 +167,14 @@ export var StyledHintWrapper = styled.div.withConfig({
|
|
|
165
167
|
], classes.innerLabelPlacement, tokens.hintInnerLabelPlacementOffset);
|
|
166
168
|
export var HintTargetWrapper = styled.div.withConfig({
|
|
167
169
|
displayName: "TextField.styles__HintTargetWrapper",
|
|
168
|
-
componentId: "sc-
|
|
170
|
+
componentId: "sc-28a93ab-18"
|
|
169
171
|
})([
|
|
170
172
|
"color:var(",
|
|
171
173
|
");display:flex;justify-content:center;align-items:center;"
|
|
172
174
|
], tokens.hintIconColor);
|
|
173
175
|
export var Hint = styled(Tooltip).withConfig({
|
|
174
176
|
displayName: "TextField.styles__Hint",
|
|
175
|
-
componentId: "sc-
|
|
177
|
+
componentId: "sc-28a93ab-19"
|
|
176
178
|
})([
|
|
177
179
|
"",
|
|
178
180
|
" .",
|
|
@@ -180,13 +182,13 @@ export var Hint = styled(Tooltip).withConfig({
|
|
|
180
182
|
], HintTargetWrapper, popoverClasses.root);
|
|
181
183
|
export var HintIconWrapper = styled.div.withConfig({
|
|
182
184
|
displayName: "TextField.styles__HintIconWrapper",
|
|
183
|
-
componentId: "sc-
|
|
185
|
+
componentId: "sc-28a93ab-20"
|
|
184
186
|
})([
|
|
185
187
|
"display:flex;"
|
|
186
188
|
]);
|
|
187
189
|
export var StyledIndicator = styled.div.withConfig({
|
|
188
190
|
displayName: "TextField.styles__StyledIndicator",
|
|
189
|
-
componentId: "sc-
|
|
191
|
+
componentId: "sc-28a93ab-21"
|
|
190
192
|
})([
|
|
191
193
|
"position:absolute;border-radius:50%;background-color:var(",
|
|
192
194
|
");&.",
|
|
@@ -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 };
|
|
@@ -135,8 +135,11 @@ export declare const tokens: {
|
|
|
135
135
|
textFieldTextBeforeMargin: string;
|
|
136
136
|
textFieldTextAfterMargin: string;
|
|
137
137
|
textFieldContentSlotColor: string;
|
|
138
|
+
textFieldContentSlotColorHover: string;
|
|
139
|
+
textFieldContentSlotColorActive: string;
|
|
138
140
|
textFieldContentRightSlotColor: string;
|
|
139
141
|
textFieldContentRightSlotColorHover: string;
|
|
142
|
+
textFieldContentRightSlotColorActive: string;
|
|
140
143
|
textFieldContentSlotRightOpacityReadOnly: string;
|
|
141
144
|
/** Токены календаря */
|
|
142
145
|
calendarMarginTop: 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;;;;;;;;;;IAazC,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;;;;;;;;;;IAazC,oBAAoB;;;;;;;;;;IAYpB,wBAAwB;;;;;;;;;;;;;;;;IAqBxB,qCAAqC;;;;;;;;;;;;IAcrC,6DAA6D;;;IAK7D,yCAAyC;;IAGzC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4DzB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6H1B,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;;;;;;;;kBAiFsC,MAAO,YAAY;mBAGzE,MAAA,YAAY;;;oCAEwE,CAAC;;;;;;;;;;;;;;;;;;;;oCA/E5C,CAAC;;;;;;;;;;;;wBA0EmB,YAAY;yBAGzE,YAAY;;;oCAEwE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBALxB,YAAY;yBAGzE,YAAY;;;oCAEwE,CAAC;;;;;;;;;;;;;;;;;;;;oCA/E5C,CAAC;;;;;;;;;;;;wBA0EmB,YAAY;yBAGzE,YAAY;;;oCAEwE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBALxB,YAAY;yBAGzE,YAAY;;;oCAEwE,CAAC;;;;;;;;;;;;;;;;;;;;oCA/E5C,CAAC;;;;;;;;;;;;wBA0EmB,YAAY;yBAGzE,YAAY;;;oCAEwE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBALxB,YAAY;yBAGzE,YAAY;;;oCAEwE,CAAC;;;;;;;;;;;;;;;;;;;;oCA/E5C,CAAC;;;;;;;;;;;;wBA0EmB,YAAY;yBAGzE,YAAY;;;oCAEwE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;4IAkB5F,CAAC;AAEF,eAAO,MAAM,IAAI,0CAchB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAUtB,CAAC"}
|
|
@@ -56,8 +56,11 @@ export declare const tokens: {
|
|
|
56
56
|
textFieldTextBeforeMargin: string;
|
|
57
57
|
textFieldTextAfterMargin: string;
|
|
58
58
|
textFieldContentSlotColor: string;
|
|
59
|
+
textFieldContentSlotColorHover: string;
|
|
60
|
+
textFieldContentSlotColorActive: string;
|
|
59
61
|
textFieldContentRightSlotColor: string;
|
|
60
62
|
textFieldContentRightSlotColorHover: string;
|
|
63
|
+
textFieldContentRightSlotColorActive: string;
|
|
61
64
|
textFieldContentSlotRightOpacityReadOnly: string;
|
|
62
65
|
/** Токены лейбла */
|
|
63
66
|
labelColor: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,aAAa;;CAEzB,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,yBAAyB
|
|
1
|
+
{"version":3,"file":"DateTimePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,aAAa;;CAEzB,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0DzB,oBAAoB;;;;;;;;;;;;;;;;;;IAuBpB,wBAAwB;;;;;;;;IAUxB,qCAAqC;;;;;;;;;;;;IAcrC,kCAAkC;;;;;;;;IAUlC,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyHvB,2BAA2B;;;;;;;;;;;;;;;;;;;IAuB3B,mCAAmC;;;;;;;;;;;;;;;;IAmBnC,6DAA6D;;;CAGhE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAiBjB,CAAC;AAEF,eAAO,MAAM,cAAc;sBAAkC,OAAO;EASnE,CAAC;AAEF,eAAO,MAAM,gBAAgB;iBAA6B,OAAO;EAkBhE,CAAC;AAEF,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;EAOlE,CAAC;AAEF,eAAO,MAAM,YAAY,qKAGxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,KAAK,8KAEjB,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;aAAW,OAAO;
|
|
1
|
+
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAiBjB,CAAC;AAEF,eAAO,MAAM,cAAc;sBAAkC,OAAO;EASnE,CAAC;AAEF,eAAO,MAAM,gBAAgB;iBAA6B,OAAO;EAkBhE,CAAC;AAEF,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;EAOlE,CAAC;AAEF,eAAO,MAAM,YAAY,qKAGxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,KAAK,8KAEjB,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;aAAW,OAAO;EAerF,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAGrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAc9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,gBAAgB;eAA2B,OAAO;EAE9D,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,kBAAkB,uKAE9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAS7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAM7B,CAAC;AAEF,eAAO,MAAM,IAAI,8OAIhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}
|