@salutejs/sdds-dfa 0.326.0-canary.2322.19132961849.0 → 0.326.0-canary.2322.19259276297.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/components/Combobox/Combobox.config.js +24 -16
- package/components/Combobox/Combobox.d.ts +48 -0
- package/components/DatePicker/DatePicker.config.js +8 -4
- package/components/DateTimePicker/DateTimePicker.config.d.ts +28 -0
- package/components/DateTimePicker/DateTimePicker.config.js +865 -0
- package/components/DateTimePicker/DateTimePicker.d.ts +41 -0
- package/components/DateTimePicker/DateTimePicker.js +14 -0
- package/components/DateTimePicker/index.d.ts +2 -0
- package/components/DateTimePicker/index.js +23 -0
- package/components/Select/Select.config.js +7 -7
- package/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
- package/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
- package/es/components/Combobox/Combobox.config.js +24 -16
- package/es/components/DatePicker/DatePicker.config.js +8 -4
- package/es/components/DateTimePicker/DateTimePicker.config.js +855 -0
- package/es/components/DateTimePicker/DateTimePicker.js +4 -0
- package/es/components/DateTimePicker/index.js +2 -0
- package/es/components/Select/Select.config.js +7 -7
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
- package/es/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
- package/es/index.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/package.json +3 -3
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export declare const DateTimePicker: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
|
2
|
+
view: {
|
|
3
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
4
|
+
};
|
|
5
|
+
size: {
|
|
6
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
7
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
8
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
10
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
11
|
+
};
|
|
12
|
+
eventTooltipSize: {
|
|
13
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
15
|
+
};
|
|
16
|
+
disabled: {
|
|
17
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
18
|
+
};
|
|
19
|
+
readOnly: {
|
|
20
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
21
|
+
};
|
|
22
|
+
}> & {
|
|
23
|
+
size?: string;
|
|
24
|
+
view?: string;
|
|
25
|
+
readOnly?: boolean;
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
} & {
|
|
28
|
+
dateFormat?: string;
|
|
29
|
+
timeFormat?: string;
|
|
30
|
+
dateTimeSeparator?: string;
|
|
31
|
+
maskWithFormat?: boolean;
|
|
32
|
+
isDouble?: boolean;
|
|
33
|
+
dateOnTimeSelectOnly?: Date;
|
|
34
|
+
dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types").DateShortcutItem[];
|
|
35
|
+
dateShortcutsWidth?: React.CSSProperties["width"];
|
|
36
|
+
dateShortcutsPlacement?: "right" | "left";
|
|
37
|
+
} & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types").DatePickerCalendarProps, "format" | "maskWithFormat" | "calendarContainerWidth" | "calendarContainerHeight"> & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps, "isOpen" | "closeAfterDateSelect"> & Pick<import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types").DatePickerCalendarProps, "calendarContainerWidth" | "calendarContainerHeight"> & {
|
|
38
|
+
onCommitDate?: (value: string, formattedValues: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types").FormattedValues) => void;
|
|
39
|
+
onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, formattedValues?: Omit<import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types").FormattedValues, "quarterInfo">) => void;
|
|
40
|
+
onSearch?: (event?: import("react").KeyboardEvent<HTMLInputElement>, value?: string) => void;
|
|
41
|
+
} & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types").DatePickerTextFieldProps, "onChange" | "onChangeValue" | "onCommitDate"> & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "DateTimePicker", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return DateTimePicker;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
var _DateTimePickerconfig = require("./DateTimePicker.config");
|
|
13
|
+
var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.dateTimePickerConfig, _DateTimePickerconfig.config);
|
|
14
|
+
var DateTimePicker = (0, _styledcomponents.component)(mergedConfig);
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get DateTimePicker () {
|
|
13
|
+
return _DateTimePicker.DateTimePicker;
|
|
14
|
+
},
|
|
15
|
+
get dateTimePickerClasses () {
|
|
16
|
+
return _styledcomponents.dateTimePickerClasses;
|
|
17
|
+
},
|
|
18
|
+
get dateTimePickerTokens () {
|
|
19
|
+
return _styledcomponents.dateTimePickerTokens;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
var _DateTimePicker = require("./DateTimePicker");
|
|
23
|
+
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
@@ -442,8 +442,8 @@ function _templateObject10() {
|
|
|
442
442
|
": 0.125rem;\n ",
|
|
443
443
|
": 0.875rem;\n\n ",
|
|
444
444
|
": 1.5rem;\n ",
|
|
445
|
-
": 1rem
|
|
446
|
-
": 0.75rem
|
|
445
|
+
": 1rem 0.875rem;\n ",
|
|
446
|
+
": 0.75rem 0.875rem;\n ",
|
|
447
447
|
": 0.75rem;\n ",
|
|
448
448
|
": 0 0.5rem 0 0;\n ",
|
|
449
449
|
": 1.5rem;\n ",
|
|
@@ -555,8 +555,8 @@ function _templateObject11() {
|
|
|
555
555
|
": 0.125rem;\n ",
|
|
556
556
|
": 0.75rem;\n\n ",
|
|
557
557
|
": 1.5rem;\n ",
|
|
558
|
-
": 0.75rem 0.
|
|
559
|
-
": 0.5rem 0.
|
|
558
|
+
": 0.75rem 0.75rem;\n ",
|
|
559
|
+
": 0.5rem 0.75rem;\n ",
|
|
560
560
|
": 0.625rem;\n ",
|
|
561
561
|
": 0 0.375rem 0 0;\n ",
|
|
562
562
|
": 1.5rem;\n ",
|
|
@@ -668,7 +668,7 @@ function _templateObject12() {
|
|
|
668
668
|
": 0.125rem;\n ",
|
|
669
669
|
": 0.625rem;\n\n ",
|
|
670
670
|
": 1.5rem;\n ",
|
|
671
|
-
": 0.5rem 0.
|
|
671
|
+
": 0.5rem 0.625rem;\n ",
|
|
672
672
|
": 0.25rem 0.75rem;\n ",
|
|
673
673
|
": 0.5rem;\n ",
|
|
674
674
|
": 1.5rem;\n ",
|
|
@@ -781,8 +781,8 @@ function _templateObject13() {
|
|
|
781
781
|
": 0.125rem;\n ",
|
|
782
782
|
": 0.5rem;\n\n ",
|
|
783
783
|
": 1rem;\n ",
|
|
784
|
-
": 0.5rem;\n ",
|
|
785
|
-
": 0.25rem 0.
|
|
784
|
+
": 0.5rem 0.375rem;\n ",
|
|
785
|
+
": 0.25rem 0.375rem;\n ",
|
|
786
786
|
": 0.375rem;\n ",
|
|
787
787
|
": 1rem;\n ",
|
|
788
788
|
": 1rem;\n ",
|
|
@@ -151,7 +151,7 @@ function _templateObject4() {
|
|
|
151
151
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
152
152
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
153
153
|
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
154
|
-
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
154
|
+
": var(--plasma-typo-body-xs-bold-font-weight);\n ",
|
|
155
155
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
156
156
|
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
157
157
|
": 0;\n "
|
|
@@ -175,7 +175,7 @@ function _templateObject5() {
|
|
|
175
175
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
176
176
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
177
177
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
178
|
-
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
178
|
+
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
|
179
179
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
180
180
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
181
181
|
": 0.125rem;\n "
|
|
@@ -199,7 +199,7 @@ function _templateObject6() {
|
|
|
199
199
|
": var(--plasma-typo-body-m-font-family);\n ",
|
|
200
200
|
": var(--plasma-typo-body-m-font-size);\n ",
|
|
201
201
|
": var(--plasma-typo-body-m-font-style);\n ",
|
|
202
|
-
": var(--plasma-typo-body-m-font-weight);\n ",
|
|
202
|
+
": var(--plasma-typo-body-m-bold-font-weight);\n ",
|
|
203
203
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
204
204
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
205
205
|
": 0.25rem;\n "
|
|
@@ -223,7 +223,7 @@ function _templateObject7() {
|
|
|
223
223
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
224
224
|
": var(--plasma-typo-body-l-font-size);\n ",
|
|
225
225
|
": var(--plasma-typo-body-l-font-style);\n ",
|
|
226
|
-
": var(--plasma-typo-body-l-font-weight);\n ",
|
|
226
|
+
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
|
227
227
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
228
228
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
229
229
|
": 0.125rem;\n "
|
|
@@ -66,7 +66,7 @@ function _templateObject1() {
|
|
|
66
66
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
67
67
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
68
68
|
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
69
|
-
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
69
|
+
": var(--plasma-typo-body-xs-bold-font-weight);\n ",
|
|
70
70
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
71
71
|
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
72
72
|
": 0;\n "
|
|
@@ -91,7 +91,7 @@ function _templateObject2() {
|
|
|
91
91
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
92
92
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
93
93
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
94
|
-
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
94
|
+
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
|
95
95
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
96
96
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
97
97
|
": 0.25rem;\n "
|
|
@@ -116,7 +116,7 @@ function _templateObject3() {
|
|
|
116
116
|
": var(--plasma-typo-body-m-font-family);\n ",
|
|
117
117
|
": var(--plasma-typo-body-m-font-size);\n ",
|
|
118
118
|
": var(--plasma-typo-body-m-font-style);\n ",
|
|
119
|
-
": var(--plasma-typo-body-m-font-weight);\n ",
|
|
119
|
+
": var(--plasma-typo-body-m-bold-font-weight);\n ",
|
|
120
120
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
121
121
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
122
122
|
": 0.125rem;\n "
|
|
@@ -141,7 +141,7 @@ function _templateObject4() {
|
|
|
141
141
|
": var(--plasma-typo-body-l-font-family);\n ",
|
|
142
142
|
": var(--plasma-typo-body-l-font-size);\n ",
|
|
143
143
|
": var(--plasma-typo-body-l-font-style);\n ",
|
|
144
|
-
": var(--plasma-typo-body-l-font-weight);\n ",
|
|
144
|
+
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
|
145
145
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
146
146
|
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
147
147
|
": 0.125rem;\n "
|
|
@@ -283,12 +283,14 @@ function _templateObject4() {
|
|
|
283
283
|
": 0.125rem;\n ",
|
|
284
284
|
": 0.875rem;\n\n ",
|
|
285
285
|
": 1.5rem;\n ",
|
|
286
|
-
": 1rem
|
|
287
|
-
": 0.75rem
|
|
286
|
+
": 1rem 0.875rem;\n ",
|
|
287
|
+
": 0.75rem 0.875rem;\n ",
|
|
288
288
|
": 0.75rem;\n ",
|
|
289
289
|
": 0 0.5rem 0 0;\n ",
|
|
290
290
|
": 1.5rem;\n ",
|
|
291
|
-
": 1.5rem;\n
|
|
291
|
+
": 1.5rem;\n ",
|
|
292
|
+
": 0.5rem;\n ",
|
|
293
|
+
": 2rem;\n\n ",
|
|
292
294
|
": 0rem;\n ",
|
|
293
295
|
": 0rem;\n ",
|
|
294
296
|
": 0rem;\n ",
|
|
@@ -392,12 +394,14 @@ function _templateObject5() {
|
|
|
392
394
|
": 0.125rem;\n ",
|
|
393
395
|
": 0.75rem;\n\n ",
|
|
394
396
|
": 1.5rem;\n ",
|
|
395
|
-
": 0.75rem 0.
|
|
396
|
-
": 0.5rem 0.
|
|
397
|
+
": 0.75rem 0.75rem;\n ",
|
|
398
|
+
": 0.5rem 0.75rem;\n ",
|
|
397
399
|
": 0.625rem;\n ",
|
|
398
400
|
": 0 0.375rem 0 0;\n ",
|
|
399
401
|
": 1.5rem;\n ",
|
|
400
|
-
": 1.5rem;\n
|
|
402
|
+
": 1.5rem;\n ",
|
|
403
|
+
": 0.375rem;\n ",
|
|
404
|
+
": 2rem;\n\n ",
|
|
401
405
|
": 0rem;\n ",
|
|
402
406
|
": 0rem;\n ",
|
|
403
407
|
": 0rem;\n ",
|
|
@@ -501,12 +505,14 @@ function _templateObject6() {
|
|
|
501
505
|
": 0.125rem;\n ",
|
|
502
506
|
": 0.625rem;\n\n ",
|
|
503
507
|
": 1.5rem;\n ",
|
|
504
|
-
": 0.5rem 0.
|
|
505
|
-
": 0.25rem 0.
|
|
508
|
+
": 0.5rem 0.625rem;\n ",
|
|
509
|
+
": 0.25rem 0.625rem;\n ",
|
|
506
510
|
": 0.5rem;\n ",
|
|
507
511
|
": 1.5rem;\n ",
|
|
508
512
|
": 1rem;\n ",
|
|
509
|
-
": 0 0.375rem 0 0;\n
|
|
513
|
+
": 0 0.375rem 0 0;\n ",
|
|
514
|
+
": 0.375rem;\n ",
|
|
515
|
+
": 1.875rem;\n\n ",
|
|
510
516
|
": 0rem;\n ",
|
|
511
517
|
": 0rem;\n ",
|
|
512
518
|
": 0rem;\n ",
|
|
@@ -610,12 +616,14 @@ function _templateObject7() {
|
|
|
610
616
|
": 0.125rem;\n ",
|
|
611
617
|
": 0.5rem;\n\n ",
|
|
612
618
|
": 1rem;\n ",
|
|
613
|
-
": 0.5rem;\n ",
|
|
614
|
-
": 0.25rem 0.
|
|
619
|
+
": 0.5rem 0.375rem;\n ",
|
|
620
|
+
": 0.25rem 0.375rem;\n ",
|
|
615
621
|
": 0.375rem;\n ",
|
|
616
622
|
": 1rem;\n ",
|
|
617
623
|
": 1rem;\n ",
|
|
618
|
-
": 0 0.25rem 0 0;\n
|
|
624
|
+
": 0 0.25rem 0 0;\n ",
|
|
625
|
+
": 0.25rem;\n ",
|
|
626
|
+
": 1.25rem;\n\n ",
|
|
619
627
|
": 0rem;\n ",
|
|
620
628
|
": 0rem;\n ",
|
|
621
629
|
": 0rem;\n ",
|
|
@@ -785,10 +793,10 @@ export var config = {
|
|
|
785
793
|
negative: css(_templateObject3(), tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
|
|
786
794
|
},
|
|
787
795
|
size: {
|
|
788
|
-
l: css(_templateObject4(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
|
789
|
-
m: css(_templateObject5(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
|
790
|
-
s: css(_templateObject6(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
|
791
|
-
xs: css(_templateObject7(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
|
|
796
|
+
l: css(_templateObject4(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
|
797
|
+
m: css(_templateObject5(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
|
798
|
+
s: css(_templateObject6(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
|
799
|
+
xs: css(_templateObject7(), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.itemGap, tokens.itemTreeOffsetWidth, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
|
|
792
800
|
},
|
|
793
801
|
labelPlacement: {
|
|
794
802
|
inner: css(_templateObject8(), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
|
|
@@ -19,12 +19,16 @@ function _templateObject() {
|
|
|
19
19
|
": var(--text-secondary);\n ",
|
|
20
20
|
": var(--text-negative);\n ",
|
|
21
21
|
": var(--text-positive);\n\n ",
|
|
22
|
-
": var(--text-
|
|
23
|
-
": var(--text-
|
|
24
|
-
": var(--text-
|
|
22
|
+
": var(--text-primary);\n ",
|
|
23
|
+
": var(--text-primary-hover);\n ",
|
|
24
|
+
": var(--text-primary-active);\n\n ",
|
|
25
25
|
": var(--text-primary);\n ",
|
|
26
26
|
": var(--text-secondary);\n ",
|
|
27
27
|
": var(--text-accent);\n\n ",
|
|
28
|
+
": var(--text-secondary);\n ",
|
|
29
|
+
": var(--text-secondary);\n ",
|
|
30
|
+
": var(--text-secondary-hover);\n ",
|
|
31
|
+
": var(--text-secondary-active);\n\n ",
|
|
28
32
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
29
33
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
30
34
|
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
@@ -620,7 +624,7 @@ export var config = {
|
|
|
620
624
|
},
|
|
621
625
|
variations: {
|
|
622
626
|
view: {
|
|
623
|
-
default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
|
|
627
|
+
default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
|
|
624
628
|
},
|
|
625
629
|
size: {
|
|
626
630
|
l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderRadius, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
|