@salutejs/plasma-web 1.583.0-canary.1993.15271190997.0 → 1.583.0-dev.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/List/List.config.d.ts +21 -0
- package/components/List/List.config.js +30 -0
- package/components/List/List.d.ts +24 -0
- package/components/List/List.js +15 -0
- package/components/List/index.d.ts +3 -2
- package/components/List/index.js +4 -3
- package/components/Mask/Mask.d.ts +8 -0
- package/components/TextField/TextField.config.d.ts +1 -0
- package/components/TextField/TextField.config.js +20 -19
- package/components/TextField/TextField.d.ts +1 -0
- package/css/cjs/components/List/List.config.js +29 -0
- package/css/cjs/components/List/List.config.js.map +1 -0
- package/css/cjs/components/List/List.config_qo5s7v.css +7 -0
- package/css/cjs/components/List/List.css +7 -0
- package/css/cjs/components/List/List.js +17 -0
- package/css/cjs/components/List/List.js.map +1 -0
- package/css/cjs/components/Mask/Mask.css +21 -20
- package/css/cjs/components/TextField/TextField.config.js +20 -19
- package/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/css/cjs/components/TextField/{TextField.config_xop0fl.css → TextField.config_sk2xjo.css} +17 -16
- package/css/cjs/index.css +31 -22
- package/css/cjs/index.js +6 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/List/List.config.js +25 -0
- package/css/es/components/List/List.config.js.map +1 -0
- package/css/es/components/List/List.config_qo5s7v.css +7 -0
- package/css/es/components/List/List.css +7 -0
- package/css/es/components/List/List.js +13 -0
- package/css/es/components/List/List.js.map +1 -0
- package/css/es/components/Mask/Mask.css +21 -20
- package/css/es/components/TextField/TextField.config.js +20 -19
- package/css/es/components/TextField/TextField.config.js.map +1 -1
- package/css/es/components/TextField/{TextField.config_xop0fl.css → TextField.config_sk2xjo.css} +17 -16
- package/css/es/index.css +31 -22
- package/css/es/index.js +2 -1
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +2 -0
- package/es/components/List/List.config.js +24 -0
- package/es/components/List/List.js +9 -0
- package/es/components/List/index.js +2 -2
- package/es/components/TextField/TextField.config.js +20 -19
- package/package.json +5 -5
@@ -0,0 +1,21 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
view: string;
|
4
|
+
size: string;
|
5
|
+
};
|
6
|
+
variations: {
|
7
|
+
view: {
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
};
|
10
|
+
size: {
|
11
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
16
|
+
};
|
17
|
+
disabled: {
|
18
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
19
|
+
};
|
20
|
+
};
|
21
|
+
};
|
@@ -0,0 +1,30 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.config = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
9
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
|
+
var config = exports.config = {
|
11
|
+
defaults: {
|
12
|
+
view: 'default',
|
13
|
+
size: 's'
|
14
|
+
},
|
15
|
+
variations: {
|
16
|
+
view: {
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--surface-transparent-secondary);\n ", ": transparent;\n ", ": transparent;\n ", ": 0.4;\n "])), _styledComponents.listTokens.listItemColor, _styledComponents.listTokens.listItemColorHover, _styledComponents.listTokens.listItemBackground, _styledComponents.listTokens.listItemBackgroundHover, _styledComponents.listTokens.listItemBorderColor, _styledComponents.listTokens.listItemBorderColorHover, _styledComponents.listTokens.listDisabledOpacity)
|
18
|
+
},
|
19
|
+
size: {
|
20
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemTightDifference, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight),
|
21
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.689rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.689rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemTightDifference, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight),
|
22
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemTightDifference, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight),
|
23
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0.875rem;\n ", ": 0rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemTightDifference, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight),
|
24
|
+
xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.3125rem;\n ", ": 1.125rem;\n ", ": 1.125rem;\n ", ": 1.3125rem;\n ", ": 1rem;\n ", ": 0rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemTightDifference, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight)
|
25
|
+
},
|
26
|
+
disabled: {
|
27
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
28
|
+
}
|
29
|
+
}
|
30
|
+
};
|
@@ -0,0 +1,24 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
/**
|
3
|
+
* Список.
|
4
|
+
*/
|
5
|
+
export declare const List: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
6
|
+
view: {
|
7
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
|
+
};
|
9
|
+
size: {
|
10
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
+
xl: 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
|
+
}> & import("react").HTMLAttributes<HTMLUListElement> & {
|
20
|
+
view?: string | undefined;
|
21
|
+
size?: string | undefined;
|
22
|
+
variant?: "normal" | "tight" | undefined;
|
23
|
+
disabled?: boolean | undefined;
|
24
|
+
} & import("react").RefAttributes<HTMLUListElement>>;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.List = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
+
var _List = /*#__PURE__*/require("./List.config");
|
9
|
+
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.listConfig, _List.config);
|
10
|
+
var ListComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|
11
|
+
|
12
|
+
/**
|
13
|
+
* Список.
|
14
|
+
*/
|
15
|
+
var List = exports.List = ListComponent;
|
@@ -1,2 +1,3 @@
|
|
1
|
-
export {
|
2
|
-
export {
|
1
|
+
export { ListItem } from '@salutejs/plasma-new-hope/styled-components';
|
2
|
+
export { List } from './List';
|
3
|
+
export type { ListProps } from '@salutejs/plasma-new-hope/styled-components';
|
package/components/List/index.js
CHANGED
@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
Object.defineProperty(exports, "List", {
|
7
7
|
enumerable: true,
|
8
8
|
get: function get() {
|
9
|
-
return
|
9
|
+
return _List.List;
|
10
10
|
}
|
11
11
|
});
|
12
12
|
Object.defineProperty(exports, "ListItem", {
|
13
13
|
enumerable: true,
|
14
14
|
get: function get() {
|
15
|
-
return
|
15
|
+
return _styledComponents.ListItem;
|
16
16
|
}
|
17
17
|
});
|
18
|
-
var
|
18
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
19
|
+
var _List = /*#__PURE__*/require("./List");
|
@@ -7,6 +7,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
|
|
7
7
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
8
|
};
|
9
9
|
size: {
|
10
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
11
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
12
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
13
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -84,6 +85,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
|
|
84
85
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
85
86
|
};
|
86
87
|
size: {
|
88
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
87
89
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
88
90
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
89
91
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -163,6 +165,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
|
|
163
165
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
164
166
|
};
|
165
167
|
size: {
|
168
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
166
169
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
167
170
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
168
171
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -240,6 +243,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
|
|
240
243
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
241
244
|
};
|
242
245
|
size: {
|
246
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
243
247
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
244
248
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
245
249
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -319,6 +323,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
|
|
319
323
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
320
324
|
};
|
321
325
|
size: {
|
326
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
322
327
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
323
328
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
324
329
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -396,6 +401,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
|
|
396
401
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
397
402
|
};
|
398
403
|
size: {
|
404
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
399
405
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
400
406
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
401
407
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -475,6 +481,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
|
|
475
481
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
476
482
|
};
|
477
483
|
size: {
|
484
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
478
485
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
479
486
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
480
487
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -552,6 +559,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
|
|
552
559
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
553
560
|
};
|
554
561
|
size: {
|
562
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
555
563
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
556
564
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
557
565
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -12,6 +12,7 @@ export declare const config: {
|
|
12
12
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
13
|
};
|
14
14
|
size: {
|
15
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
16
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
16
17
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
17
18
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.config = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
|
9
9
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
10
|
var config = exports.config = {
|
11
11
|
defaults: {
|
@@ -21,38 +21,39 @@ var config = exports.config = {
|
|
21
21
|
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.clearColor, _styledComponents.textFieldTokens.clearPlaceholderColor, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.placeholderColorFocus, _styledComponents.textFieldTokens.clearPlaceholderColorFocus, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.titleCaptionColor, _styledComponents.textFieldTokens.hintIconColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.dividerColor, _styledComponents.textFieldTokens.dividerColorHover, _styledComponents.textFieldTokens.dividerColorFocus, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor)
|
22
22
|
},
|
23
23
|
size: {
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
24
|
+
xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 4rem;\n ", ": 1.3125rem 1.125rem;\n ", ": 0.375rem;\n ", ": 1rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\n ", ": -0.0625rem 0rem -0.0625rem 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": -0.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": 0.82rem -2.938rem auto auto;\n ", ": 0.82rem -2.063rem auto auto;\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.8125rem 0 0.125rem 0;\n ", ": 1.813rem 0 0.813rem 0;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.125rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": auto;\n ", ": 3.25rem;\n ", ": 0 0.75rem 0 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": -0.25rem;\n ", ": 1.75rem auto auto -0.875rem;\n ", ": 1.75rem -0.875rem auto auto;\n ", ": 1.75rem -2.488rem auto auto;\n "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.clearLabelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.hintMargin, _styledComponents.textFieldTokens.hintTargetSize, _styledComponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledComponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledComponents.textFieldTokens.titleCaptionFontFamily, _styledComponents.textFieldTokens.titleCaptionFontSize, _styledComponents.textFieldTokens.titleCaptionFontStyle, _styledComponents.textFieldTokens.titleCaptionFontWeight, _styledComponents.textFieldTokens.titleCaptionLetterSpacing, _styledComponents.textFieldTokens.titleCaptionLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipMarginRight, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPadding, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.labelInnerFontFamily, _styledComponents.textFieldTokens.labelInnerFontSize, _styledComponents.textFieldTokens.labelInnerFontStyle, _styledComponents.textFieldTokens.labelInnerFontWeight, _styledComponents.textFieldTokens.labelInnerLetterSpacing, _styledComponents.textFieldTokens.labelInnerLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledComponents.textFieldTokens.indicatorLabelPlacementHintOuterRight, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInner, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.clearIndicatorHintInnerRight),
|
25
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ", ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ", ": 0.25rem;\n ", ": -0.438rem -0.438rem -0.438rem 0;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": -0.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": 0.563rem -2.938rem auto auto;\n ", ": 0.563rem -2.188rem auto auto;\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0 0.75rem 0 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.5rem auto auto -0.875rem;\n ", ": 1.5rem -0.875rem auto auto;\n ", ": 1.5rem -2.488rem auto auto;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.rightContentWithHintMargin, _styledComponents.textFieldTokens.contentRightWrapperGap, _styledComponents.textFieldTokens.contentRightWrapperMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.clearLabelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.hintMargin, _styledComponents.textFieldTokens.hintTargetSize, _styledComponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledComponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledComponents.textFieldTokens.titleCaptionFontFamily, _styledComponents.textFieldTokens.titleCaptionFontSize, _styledComponents.textFieldTokens.titleCaptionFontStyle, _styledComponents.textFieldTokens.titleCaptionFontWeight, _styledComponents.textFieldTokens.titleCaptionLetterSpacing, _styledComponents.textFieldTokens.titleCaptionLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPadding, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInner, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.clearIndicatorHintInnerRight, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin),
|
26
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.0625rem;\n\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ", ": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ", ": 0.25rem;\n ", ": -0.438rem -0.438rem -0.438rem 0;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": -0.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": 0.312rem -2.813rem auto auto;\n ", ": 0.312rem -2.188rem auto auto;\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem 0 0.125rem 0;\n ", ": 1.375rem 0 0.375rem 0;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0 0.625rem 0 0.875rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.6875rem auto auto;\n ", ": 1.25rem auto auto -0.875rem;\n ", ": 1.25rem -0.875rem auto auto;\n ", ": 1.25rem -2.488rem auto auto;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.rightContentWithHintMargin, _styledComponents.textFieldTokens.contentRightWrapperGap, _styledComponents.textFieldTokens.contentRightWrapperMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.clearLabelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.hintMargin, _styledComponents.textFieldTokens.hintTargetSize, _styledComponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledComponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledComponents.textFieldTokens.titleCaptionFontFamily, _styledComponents.textFieldTokens.titleCaptionFontSize, _styledComponents.textFieldTokens.titleCaptionFontStyle, _styledComponents.textFieldTokens.titleCaptionFontWeight, _styledComponents.textFieldTokens.titleCaptionLetterSpacing, _styledComponents.textFieldTokens.titleCaptionLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPadding, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInner, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.clearIndicatorHintInnerRight, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin),
|
27
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.0625rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ", ": -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ", ": 0.25rem;\n ", ": -0.438rem -0.438rem -0.438rem 0;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": -0.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": 0.062rem -2.688rem auto auto;\n ", ": 0.062rem -2.188rem auto auto;\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0 0.5rem 0 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.3125rem auto auto -0.6875rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n ", ": 1.063rem -2.238rem auto auto;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.rightContentWithHintMargin, _styledComponents.textFieldTokens.contentRightWrapperGap, _styledComponents.textFieldTokens.contentRightWrapperMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.clearLabelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.hintMargin, _styledComponents.textFieldTokens.hintTargetSize, _styledComponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledComponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledComponents.textFieldTokens.titleCaptionFontFamily, _styledComponents.textFieldTokens.titleCaptionFontSize, _styledComponents.textFieldTokens.titleCaptionFontStyle, _styledComponents.textFieldTokens.titleCaptionFontWeight, _styledComponents.textFieldTokens.titleCaptionLetterSpacing, _styledComponents.textFieldTokens.titleCaptionLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPadding, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInner, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.clearIndicatorHintInnerRight, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin),
|
28
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ", ": -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ", ": 0.25rem;\n ", ": -0.688rem -0.688rem -0.688rem 0;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.75rem -0.625rem -0.75rem -0.5rem;\n ", ": 2.375rem;\n ", ": -0.188rem -2.1875rem auto auto;\n ", ": -0.188rem -1.938rem auto auto;\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0 0.375rem 0 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.6875rem auto auto;\n ", ": 0.813rem auto auto -0.625rem;\n ", ": 0.813rem -0.625rem auto auto;\n ", ": 0.813rem -1.988rem auto auto;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.rightContentWithHintMargin, _styledComponents.textFieldTokens.contentRightWrapperGap, _styledComponents.textFieldTokens.contentRightWrapperMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.clearLabelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.hintMargin, _styledComponents.textFieldTokens.hintTargetSize, _styledComponents.textFieldTokens.hintInnerLabelPlacementOffset, _styledComponents.textFieldTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textFieldTokens.titleCaptionInnerLabelOffset, _styledComponents.textFieldTokens.titleCaptionFontFamily, _styledComponents.textFieldTokens.titleCaptionFontSize, _styledComponents.textFieldTokens.titleCaptionFontStyle, _styledComponents.textFieldTokens.titleCaptionFontWeight, _styledComponents.textFieldTokens.titleCaptionLetterSpacing, _styledComponents.textFieldTokens.titleCaptionLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPadding, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInner, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.clearIndicatorHintInnerRight, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin)
|
28
29
|
},
|
29
30
|
labelPlacement: {
|
30
|
-
inner: /*#__PURE__*/(0, _styledComponents.css)(
|
31
|
-
outer: /*#__PURE__*/(0, _styledComponents.css)(
|
31
|
+
inner: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelInnerFontFamily, _styledComponents.textFieldTokens.labelInnerFontSize, _styledComponents.textFieldTokens.labelInnerFontStyle, _styledComponents.textFieldTokens.labelInnerFontWeight, _styledComponents.textFieldTokens.labelInnerLetterSpacing, _styledComponents.textFieldTokens.labelInnerLineHeight),
|
32
|
+
outer: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
32
33
|
},
|
33
34
|
clear: {
|
34
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(
|
35
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
35
36
|
},
|
36
37
|
chipView: {
|
37
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(
|
38
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(
|
39
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(
|
40
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(
|
41
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(
|
42
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(
|
38
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n\n ", ": var(--inverse-text-secondary);\n ", ": 1;\n "])), _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipOpacityReadonly),
|
39
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": 1;\n "])), _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipOpacityReadonly),
|
40
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n\n ", ": var(--on-dark-text-secondary);\n ", ": 1;\n "])), _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipOpacityReadonly),
|
41
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n\n ", ": var(--on-dark-text-secondary);\n ", ": 1;\n "])), _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipOpacityReadonly),
|
42
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n ", ": var(--surface-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n ", ": var(--on-dark-text-primary);\n\n ", ": var(--on-dark-text-secondary);\n ", ": 1;\n "])), _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipOpacityReadonly),
|
43
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n\n ", ": var(--on-dark-text-secondary);\n ", ": 1;\n "])), _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipOpacityReadonly)
|
43
44
|
},
|
44
45
|
hintView: {
|
45
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(
|
46
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card-brightness);\n ", ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card-brightness);\n "])), _styledComponents.textFieldTokens.tooltipBackgroundColor, _styledComponents.textFieldTokens.tooltipBoxShadow, _styledComponents.textFieldTokens.tooltipColor, _styledComponents.textFieldTokens.tooltipArrowBackground)
|
46
47
|
},
|
47
48
|
hintSize: {
|
48
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(
|
49
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(
|
49
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.6875rem;\n ", ": 0.875rem;\n ", ": 0.6875rem;\n ", ": 0.875rem;\n\n ", ": 2.5rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.375rem;\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ", ": 0.5rem;\n ", ": 0.625rem;\n "])), _styledComponents.textFieldTokens.tooltipPaddingTop, _styledComponents.textFieldTokens.tooltipPaddingRight, _styledComponents.textFieldTokens.tooltipPaddingBottom, _styledComponents.textFieldTokens.tooltipPaddingLeft, _styledComponents.textFieldTokens.tooltipMinHeight, _styledComponents.textFieldTokens.tooltipBorderRadius, _styledComponents.textFieldTokens.tooltipTextFontFamily, _styledComponents.textFieldTokens.tooltipTextFontSize, _styledComponents.textFieldTokens.tooltipTextFontStyle, _styledComponents.textFieldTokens.tooltipTextFontWeight, _styledComponents.textFieldTokens.tooltipTextFontLetterSpacing, _styledComponents.textFieldTokens.tooltipTextFontLineHeight, _styledComponents.textFieldTokens.tooltipContentLeftMargin, _styledComponents.textFieldTokens.tooltipArrowMaskWidth, _styledComponents.textFieldTokens.tooltipArrowMaskHeight, _styledComponents.textFieldTokens.tooltipArrowMaskImage, _styledComponents.textFieldTokens.tooltipArrowHeight, _styledComponents.textFieldTokens.tooltipArrowEdgeMargin),
|
50
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n\n ", ": 2rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n\n ", ": 1rem;\n ", ": 1rem;\n ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ", ": 0.375rem;\n ", ": 0.5625rem;\n "])), _styledComponents.textFieldTokens.tooltipPaddingTop, _styledComponents.textFieldTokens.tooltipPaddingRight, _styledComponents.textFieldTokens.tooltipPaddingBottom, _styledComponents.textFieldTokens.tooltipPaddingLeft, _styledComponents.textFieldTokens.tooltipMinHeight, _styledComponents.textFieldTokens.tooltipBorderRadius, _styledComponents.textFieldTokens.tooltipTextFontFamily, _styledComponents.textFieldTokens.tooltipTextFontSize, _styledComponents.textFieldTokens.tooltipTextFontStyle, _styledComponents.textFieldTokens.tooltipTextFontWeight, _styledComponents.textFieldTokens.tooltipTextFontLetterSpacing, _styledComponents.textFieldTokens.tooltipTextFontLineHeight, _styledComponents.textFieldTokens.tooltipContentLeftMargin, _styledComponents.textFieldTokens.tooltipArrowMaskWidth, _styledComponents.textFieldTokens.tooltipArrowMaskHeight, _styledComponents.textFieldTokens.tooltipArrowMaskImage, _styledComponents.textFieldTokens.tooltipArrowHeight, _styledComponents.textFieldTokens.tooltipArrowEdgeMargin)
|
50
51
|
},
|
51
52
|
disabled: {
|
52
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(
|
53
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.textFieldTokens.disabledOpacity)
|
53
54
|
},
|
54
55
|
readOnly: {
|
55
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(
|
56
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject23 || (_templateObject23 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-primary);\n "])), _styledComponents.textFieldTokens.readOnlyOpacity, _styledComponents.textFieldTokens.colorReadOnly, _styledComponents.textFieldTokens.backgroundColorReadOnly, _styledComponents.textFieldTokens.borderColorReadOnly, _styledComponents.textFieldTokens.placeholderColorReadOnly, _styledComponents.textFieldTokens.leftHelperColorReadOnly, _styledComponents.textFieldTokens.titleCaptionColorReadOnly, _styledComponents.textFieldTokens.labelColorReadOnly, _styledComponents.textFieldTokens.dividerColorReadOnly)
|
56
57
|
}
|
57
58
|
}
|
58
59
|
};
|
@@ -9,6 +9,7 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
|
|
9
9
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
10
|
};
|
11
11
|
size: {
|
12
|
+
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
13
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
14
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
15
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -0,0 +1,29 @@
|
|
1
|
+
require('./List.config_qo5s7v.css');
|
2
|
+
'use strict';
|
3
|
+
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
+
|
6
|
+
var config = {
|
7
|
+
defaults: {
|
8
|
+
view: 'default',
|
9
|
+
size: 's'
|
10
|
+
},
|
11
|
+
variations: {
|
12
|
+
view: {
|
13
|
+
"default": "dgfkvez"
|
14
|
+
},
|
15
|
+
size: {
|
16
|
+
xs: "x1j57vd",
|
17
|
+
s: "s111yexy",
|
18
|
+
m: "m16ihyz9",
|
19
|
+
l: "l1rpvhm2",
|
20
|
+
xl: "x1ubtqc5"
|
21
|
+
},
|
22
|
+
disabled: {
|
23
|
+
"true": "t173m31o"
|
24
|
+
}
|
25
|
+
}
|
26
|
+
};
|
27
|
+
|
28
|
+
exports.config = config;
|
29
|
+
//# sourceMappingURL=List.config.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"List.config.js","sources":["../../../../src-css/components/List/List.config.ts"],"sourcesContent":["import { css, listTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${listTokens.listItemColor}: var(--text-primary);\n ${listTokens.listItemColorHover}: var(--text-primary);\n ${listTokens.listItemBackground}: transparent;\n ${listTokens.listItemBackgroundHover}: var(--surface-transparent-secondary);\n ${listTokens.listItemBorderColor}: transparent;\n ${listTokens.listItemBorderColorHover}: transparent;\n ${listTokens.listDisabledOpacity}: 0.4;\n `,\n },\n size: {\n xs: css`\n ${listTokens.listItemPaddingTop}: 0.5rem;\n ${listTokens.listItemPaddingLeft}: 0.5rem;\n ${listTokens.listItemPaddingRight}: 0.5rem;\n ${listTokens.listItemPaddingBottom}: 0.5rem;\n ${listTokens.listItemBorderRadius}: 0.5rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.375rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${listTokens.listItemPaddingTop}: 0.689rem;\n ${listTokens.listItemPaddingLeft}: 0.75rem;\n ${listTokens.listItemPaddingRight}: 0.75rem;\n ${listTokens.listItemPaddingBottom}: 0.689rem;\n ${listTokens.listItemBorderRadius}: 0.625rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.375rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-s-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${listTokens.listItemPaddingTop}: 0.75rem;\n ${listTokens.listItemPaddingLeft}: 0.875rem;\n ${listTokens.listItemPaddingRight}: 0.875rem;\n ${listTokens.listItemPaddingBottom}: 0.75rem;\n ${listTokens.listItemBorderRadius}: 0.75rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.5rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-m-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${listTokens.listItemPaddingTop}: 1rem;\n ${listTokens.listItemPaddingLeft}: 1rem;\n ${listTokens.listItemPaddingRight}: 1rem;\n ${listTokens.listItemPaddingBottom}: 1rem;\n ${listTokens.listItemBorderRadius}: 0.875rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.5rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-l-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xl: css`\n ${listTokens.listItemPaddingTop}: 1.3125rem;\n ${listTokens.listItemPaddingLeft}: 1.125rem;\n ${listTokens.listItemPaddingRight}: 1.125rem;\n ${listTokens.listItemPaddingBottom}: 1.3125rem;\n ${listTokens.listItemBorderRadius}: 1rem;\n ${listTokens.listItemBorderWidth}: 0rem;\n ${listTokens.listItemGap}: 0.5rem;\n ${listTokens.listItemTightDifference}: 0.25rem;\n\n ${listTokens.listItemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${listTokens.listItemFontSize}: var(--plasma-typo-body-l-font-size);\n ${listTokens.listItemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${listTokens.listItemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${listTokens.listItemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${listTokens.listItemLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n disabled: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xs","s","m","l","xl","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KASV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
|