@salutejs/plasma-web 1.365.0-canary.1347.10280706154.0 → 1.365.1-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +2 -0
- package/components/Accordion/Accordion.config.d.ts +2 -0
- package/components/Accordion/Accordion.config.js +11 -9
- package/components/Accordion/Accordion.d.ts +2 -0
- package/css/cjs/components/Accordion/Accordion.config.js +10 -8
- package/css/cjs/components/Accordion/Accordion.config.js.map +1 -1
- package/css/cjs/components/Accordion/Accordion.config_1vt8ywe.css +10 -0
- package/css/cjs/components/Accordion/Accordion.css +8 -6
- package/css/cjs/index.css +8 -6
- package/css/es/components/Accordion/Accordion.config.js +10 -8
- package/css/es/components/Accordion/Accordion.config.js.map +1 -1
- package/css/es/components/Accordion/Accordion.config_1vt8ywe.css +10 -0
- package/css/es/components/Accordion/Accordion.css +8 -6
- package/css/es/index.css +8 -6
- package/es/components/Accordion/Accordion.config.js +11 -9
- package/package.json +7 -7
- package/css/cjs/components/Accordion/Accordion.config_7g5rdn.css +0 -8
- package/css/es/components/Accordion/Accordion.config_7g5rdn.css +0 -8
- package/temp/plasma-web.api.md +0 -2563
package/api/plasma-web.api.md
CHANGED
@@ -313,6 +313,8 @@ import { WithSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
313
313
|
export const Accordion: FunctionComponent<PropsType< {
|
314
314
|
view: {
|
315
315
|
default: PolymorphicClassName;
|
316
|
+
secondary: PolymorphicClassName;
|
317
|
+
outlined: PolymorphicClassName;
|
316
318
|
clear: PolymorphicClassName;
|
317
319
|
};
|
318
320
|
size: {
|
@@ -6,6 +6,8 @@ export declare const config: {
|
|
6
6
|
variations: {
|
7
7
|
view: {
|
8
8
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
+
outlined: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
11
|
clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
12
|
};
|
11
13
|
size: {
|
@@ -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;
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
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: {
|
@@ -14,18 +14,20 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 20rem;\n ", ": var(", ") var(", ");\n ", ": var(--surface-solid-card);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-clear);\n ", ": none;\n ", ": 0;\n ", ": var(", ");\n "])), _styledComponents.accordionTokens.accordionGap, _styledComponents.accordionTokens.accordionWidth, _styledComponents.accordionTokens.accordionItemPadding, _styledComponents.accordionTokens.accordionItemPaddingVertical, _styledComponents.accordionTokens.accordionItemPaddingHorizontal, _styledComponents.accordionTokens.accordionItemBackground, _styledComponents.accordionTokens.accordionItemTitleColor, _styledComponents.accordionTokens.accordionItemTextColor, _styledComponents.accordionTokens.accordionItemFocus, _styledComponents.accordionTokens.accordionBackground, _styledComponents.accordionTokens.accordionItemBorder, _styledComponents.accordionTokens.accordionItemBorderBottom, _styledComponents.accordionTokens.accordionItemPaddingHorizontalLeft, _styledComponents.accordionTokens.accordionItemPaddingHorizontal),
|
18
|
-
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 20rem;\n ", ": var(", ") var(", ");\n ", ": var(--surface-solid-card);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-clear);\n ", ": none;\n ", ": 0;\n ", ": var(", ");\n "])), _styledComponents.accordionTokens.accordionGap, _styledComponents.accordionTokens.accordionWidth, _styledComponents.accordionTokens.accordionItemPadding, _styledComponents.accordionTokens.accordionItemPaddingVertical, _styledComponents.accordionTokens.accordionItemPaddingHorizontal, _styledComponents.accordionTokens.accordionItemBackground, _styledComponents.accordionTokens.accordionItemTitleColor, _styledComponents.accordionTokens.accordionItemTextColor, _styledComponents.accordionTokens.accordionItemIconColor, _styledComponents.accordionTokens.accordionItemFocus, _styledComponents.accordionTokens.accordionBackground, _styledComponents.accordionTokens.accordionItemBorder, _styledComponents.accordionTokens.accordionItemBorderBottom, _styledComponents.accordionTokens.accordionItemPaddingHorizontalLeft, _styledComponents.accordionTokens.accordionItemPaddingHorizontal),
|
18
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 20rem;\n ", ": var(", ") var(", ");\n ", ": var(--surface-transparent-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-clear);\n ", ": none;\n ", ": 0;\n ", ": var(", ");\n "])), _styledComponents.accordionTokens.accordionGap, _styledComponents.accordionTokens.accordionWidth, _styledComponents.accordionTokens.accordionItemPadding, _styledComponents.accordionTokens.accordionItemPaddingVertical, _styledComponents.accordionTokens.accordionItemPaddingHorizontal, _styledComponents.accordionTokens.accordionItemBackground, _styledComponents.accordionTokens.accordionItemTitleColor, _styledComponents.accordionTokens.accordionItemTextColor, _styledComponents.accordionTokens.accordionItemIconColor, _styledComponents.accordionTokens.accordionItemFocus, _styledComponents.accordionTokens.accordionBackground, _styledComponents.accordionTokens.accordionItemBorder, _styledComponents.accordionTokens.accordionItemBorderBottom, _styledComponents.accordionTokens.accordionItemPaddingHorizontalLeft, _styledComponents.accordionTokens.accordionItemPaddingHorizontal),
|
19
|
+
outlined: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 20rem;\n ", ": var(", ") var(", ");\n ", ": var(--surface-clear);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-clear);\n ", ": 0.125rem solid var(--surface-transparent-secondary);\n ", ": 0.125rem solid var(--surface-transparent-secondary);\n ", ": var(", ");\n "])), _styledComponents.accordionTokens.accordionGap, _styledComponents.accordionTokens.accordionWidth, _styledComponents.accordionTokens.accordionItemPadding, _styledComponents.accordionTokens.accordionItemPaddingVertical, _styledComponents.accordionTokens.accordionItemPaddingHorizontal, _styledComponents.accordionTokens.accordionItemBackground, _styledComponents.accordionTokens.accordionItemTitleColor, _styledComponents.accordionTokens.accordionItemTextColor, _styledComponents.accordionTokens.accordionItemIconColor, _styledComponents.accordionTokens.accordionItemFocus, _styledComponents.accordionTokens.accordionBackground, _styledComponents.accordionTokens.accordionItemBorder, _styledComponents.accordionTokens.accordionItemBorderBottom, _styledComponents.accordionTokens.accordionItemPaddingHorizontalLeft, _styledComponents.accordionTokens.accordionItemPaddingHorizontal),
|
20
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 20rem;\n ", ": var(", ") 0rem;\n ", ": var(--surface-clear);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--surface-accent);\n ", ": 0rem !important;\n ", ": var(--surface-clear);\n ", ": none;\n ", ": 0.125rem solid var(--surface-solid-tertiary);\n ", ": 0;\n "])), _styledComponents.accordionTokens.accordionGap, _styledComponents.accordionTokens.accordionWidth, _styledComponents.accordionTokens.accordionItemPadding, _styledComponents.accordionTokens.accordionItemPaddingVertical, _styledComponents.accordionTokens.accordionItemBackground, _styledComponents.accordionTokens.accordionItemTitleColor, _styledComponents.accordionTokens.accordionItemTextColor, _styledComponents.accordionTokens.accordionItemIconColor, _styledComponents.accordionTokens.accordionItemFocus, _styledComponents.accordionTokens.accordionItemBorderRadius, _styledComponents.accordionTokens.accordionBackground, _styledComponents.accordionTokens.accordionItemBorder, _styledComponents.accordionTokens.accordionItemBorderBottom, _styledComponents.accordionTokens.accordionItemPaddingHorizontalLeft)
|
19
21
|
},
|
20
22
|
size: {
|
21
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(
|
22
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(
|
23
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(
|
24
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(
|
23
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.0625rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": 0.875rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\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.accordionTokens.accordionItemPaddingVertical, _styledComponents.accordionTokens.accordionItemPaddingHorizontal, _styledComponents.accordionTokens.accordionItemGap, _styledComponents.accordionTokens.accordionItemBorderRadius, _styledComponents.accordionTokens.accordionItemTitleFontFamily, _styledComponents.accordionTokens.accordionItemTitleFontSize, _styledComponents.accordionTokens.accordionItemTitleFontStyle, _styledComponents.accordionTokens.accordionItemTitleFontWeight, _styledComponents.accordionTokens.accordionItemTitleLetterSpacing, _styledComponents.accordionTokens.accordionItemTitleLineHeight, _styledComponents.accordionTokens.accordionItemTextFontFamily, _styledComponents.accordionTokens.accordionItemTextFontSize, _styledComponents.accordionTokens.accordionItemTextFontStyle, _styledComponents.accordionTokens.accordionItemTextFontWeight, _styledComponents.accordionTokens.accordionItemTextLetterSpacing, _styledComponents.accordionTokens.accordionItemTextLineHeight),
|
24
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 1.125rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\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.accordionTokens.accordionItemPaddingVertical, _styledComponents.accordionTokens.accordionItemPaddingHorizontal, _styledComponents.accordionTokens.accordionItemGap, _styledComponents.accordionTokens.accordionItemBorderRadius, _styledComponents.accordionTokens.accordionItemTitleFontFamily, _styledComponents.accordionTokens.accordionItemTitleFontSize, _styledComponents.accordionTokens.accordionItemTitleFontStyle, _styledComponents.accordionTokens.accordionItemTitleFontWeight, _styledComponents.accordionTokens.accordionItemTitleLetterSpacing, _styledComponents.accordionTokens.accordionItemTitleLineHeight, _styledComponents.accordionTokens.accordionItemTextFontFamily, _styledComponents.accordionTokens.accordionItemTextFontSize, _styledComponents.accordionTokens.accordionItemTextFontStyle, _styledComponents.accordionTokens.accordionItemTextFontWeight, _styledComponents.accordionTokens.accordionItemTextLetterSpacing, _styledComponents.accordionTokens.accordionItemTextLineHeight),
|
25
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.6875rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\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.accordionTokens.accordionItemPaddingVertical, _styledComponents.accordionTokens.accordionItemPaddingHorizontal, _styledComponents.accordionTokens.accordionItemGap, _styledComponents.accordionTokens.accordionItemBorderRadius, _styledComponents.accordionTokens.accordionItemTitleFontFamily, _styledComponents.accordionTokens.accordionItemTitleFontSize, _styledComponents.accordionTokens.accordionItemTitleFontStyle, _styledComponents.accordionTokens.accordionItemTitleFontWeight, _styledComponents.accordionTokens.accordionItemTitleLetterSpacing, _styledComponents.accordionTokens.accordionItemTitleLineHeight, _styledComponents.accordionTokens.accordionItemTextFontFamily, _styledComponents.accordionTokens.accordionItemTextFontSize, _styledComponents.accordionTokens.accordionItemTextFontStyle, _styledComponents.accordionTokens.accordionItemTextFontWeight, _styledComponents.accordionTokens.accordionItemTextLetterSpacing, _styledComponents.accordionTokens.accordionItemTextLineHeight),
|
26
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-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 "])), _styledComponents.accordionTokens.accordionItemPaddingVertical, _styledComponents.accordionTokens.accordionItemPaddingHorizontal, _styledComponents.accordionTokens.accordionItemGap, _styledComponents.accordionTokens.accordionItemBorderRadius, _styledComponents.accordionTokens.accordionItemTitleFontFamily, _styledComponents.accordionTokens.accordionItemTitleFontSize, _styledComponents.accordionTokens.accordionItemTitleFontStyle, _styledComponents.accordionTokens.accordionItemTitleFontWeight, _styledComponents.accordionTokens.accordionItemTitleLetterSpacing, _styledComponents.accordionTokens.accordionItemTitleLineHeight, _styledComponents.accordionTokens.accordionItemTextFontFamily, _styledComponents.accordionTokens.accordionItemTextFontSize, _styledComponents.accordionTokens.accordionItemTextFontStyle, _styledComponents.accordionTokens.accordionItemTextFontWeight, _styledComponents.accordionTokens.accordionItemTextLetterSpacing, _styledComponents.accordionTokens.accordionItemTextLineHeight)
|
25
27
|
},
|
26
28
|
stretching: {
|
27
|
-
filled: /*#__PURE__*/(0, _styledComponents.css)(
|
28
|
-
fixed: /*#__PURE__*/(0, _styledComponents.css)(
|
29
|
+
filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
|
30
|
+
fixed: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
29
31
|
}
|
30
32
|
}
|
31
33
|
};
|
@@ -5,6 +5,8 @@
|
|
5
5
|
export declare const Accordion: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
6
6
|
view: {
|
7
7
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
|
+
secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
outlined: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
10
|
clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
11
|
};
|
10
12
|
size: {
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Accordion.
|
1
|
+
import './Accordion.config_1vt8ywe.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -11,17 +11,19 @@ var config = {
|
|
11
11
|
variations: {
|
12
12
|
view: {
|
13
13
|
"default": "d1qoou7v",
|
14
|
-
|
14
|
+
secondary: "s1nb9vnf",
|
15
|
+
outlined: "o15v339q",
|
16
|
+
clear: "ctnwdwt"
|
15
17
|
},
|
16
18
|
size: {
|
17
|
-
l: "
|
18
|
-
m: "
|
19
|
-
s: "
|
20
|
-
xs: "
|
19
|
+
l: "l1jozabk",
|
20
|
+
m: "m1mg2ktn",
|
21
|
+
s: "sizoenl",
|
22
|
+
xs: "x143dmul"
|
21
23
|
},
|
22
24
|
stretching: {
|
23
|
-
filled: "
|
24
|
-
fixed: "
|
25
|
+
filled: "f9v9a4o",
|
26
|
+
fixed: "f14sja6p"
|
25
27
|
}
|
26
28
|
}
|
27
29
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Accordion.config.js","sources":["../../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-solid-card);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorder}: none;\n ${accordionTokens.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n clear: css`\n ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;\n ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionItemBorderRadius}: 0rem !important;\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorder}: none;\n ${accordionTokens.accordionItemBorderBottom}: 0.125rem solid var(--surface-solid-tertiary);\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;\n `,\n },\n size: {\n l: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n ${accordionTokens.accordionItemGap}: 0.5rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n stretching: {\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","stretching","filled","fixed"],"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;AACFG,MAAAA,SAAAA,EAYC,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAcR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAmBA,SAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAoBL;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,UAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"Accordion.config.js","sources":["../../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-solid-card);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorder}: none;\n ${accordionTokens.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n secondary: css`\n ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-transparent-primary);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorder}: none;\n ${accordionTokens.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n outlined: css`\n ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorder}: 0.125rem solid var(--surface-transparent-secondary);\n ${accordionTokens.accordionItemBorderBottom}: 0.125rem solid var(--surface-transparent-secondary);\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n clear: css`\n ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;\n ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionItemBorderRadius}: 0rem !important;\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorder}: none;\n ${accordionTokens.accordionItemBorderBottom}: 0.125rem solid var(--surface-solid-tertiary);\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;\n `,\n },\n size: {\n l: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n ${accordionTokens.accordionItemGap}: 0.5rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n stretching: {\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","outlined","clear","l","m","s","xs","stretching","filled","fixed"],"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;AACFG,MAAAA,SAAAA,EAaC,UAAA;AACDC,MAAAA,SAAS,EAaR,UAAA;AACDC,MAAAA,QAAQ,EAaP,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAeR;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAmBA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAoBL;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,UAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
.d1qoou7v{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
2
|
+
.s1nb9vnf{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-transparent-primary);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
3
|
+
.o15v339q{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:0.125rem solid var(--surface-transparent-secondary);--plasma-accordion-item-border-bottom:0.125rem solid var(--surface-transparent-secondary);--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
4
|
+
.ctnwdwt{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0.125rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
|
5
|
+
.l1jozabk{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.5rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
|
6
|
+
.m1mg2ktn{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
|
7
|
+
.sizoenl{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
|
8
|
+
.x143dmul{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
|
9
|
+
|
10
|
+
|
@@ -1,8 +1,10 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
1
|
+
.Accordion_config_1vt8ywe_d1qoou7v__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
2
|
+
.Accordion_config_1vt8ywe_s1nb9vnf__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-transparent-primary);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
3
|
+
.Accordion_config_1vt8ywe_o15v339q__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:0.125rem solid var(--surface-transparent-secondary);--plasma-accordion-item-border-bottom:0.125rem solid var(--surface-transparent-secondary);--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
4
|
+
.Accordion_config_1vt8ywe_ctnwdwt__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0.125rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
|
5
|
+
.Accordion_config_1vt8ywe_l1jozabk__10779c6f{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.5rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
|
6
|
+
.Accordion_config_1vt8ywe_m1mg2ktn__10779c6f{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
|
7
|
+
.Accordion_config_1vt8ywe_sizoenl__10779c6f{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
|
8
|
+
.Accordion_config_1vt8ywe_x143dmul__10779c6f{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
|
7
9
|
|
8
10
|
|
package/css/cjs/index.css
CHANGED
@@ -1,9 +1,11 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
1
|
+
.Accordion_config_1vt8ywe_d1qoou7v__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
2
|
+
.Accordion_config_1vt8ywe_s1nb9vnf__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-transparent-primary);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
3
|
+
.Accordion_config_1vt8ywe_o15v339q__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:0.125rem solid var(--surface-transparent-secondary);--plasma-accordion-item-border-bottom:0.125rem solid var(--surface-transparent-secondary);--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
4
|
+
.Accordion_config_1vt8ywe_ctnwdwt__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0.125rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
|
5
|
+
.Accordion_config_1vt8ywe_l1jozabk__10779c6f{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.5rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
|
6
|
+
.Accordion_config_1vt8ywe_m1mg2ktn__10779c6f{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
|
7
|
+
.Accordion_config_1vt8ywe_sizoenl__10779c6f{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
|
8
|
+
.Accordion_config_1vt8ywe_x143dmul__10779c6f{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
|
7
9
|
|
8
10
|
|
9
11
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Accordion.
|
1
|
+
import './Accordion.config_1vt8ywe.css';
|
2
2
|
var config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
@@ -7,17 +7,19 @@ var config = {
|
|
7
7
|
variations: {
|
8
8
|
view: {
|
9
9
|
"default": "d1qoou7v",
|
10
|
-
|
10
|
+
secondary: "s1nb9vnf",
|
11
|
+
outlined: "o15v339q",
|
12
|
+
clear: "ctnwdwt"
|
11
13
|
},
|
12
14
|
size: {
|
13
|
-
l: "
|
14
|
-
m: "
|
15
|
-
s: "
|
16
|
-
xs: "
|
15
|
+
l: "l1jozabk",
|
16
|
+
m: "m1mg2ktn",
|
17
|
+
s: "sizoenl",
|
18
|
+
xs: "x143dmul"
|
17
19
|
},
|
18
20
|
stretching: {
|
19
|
-
filled: "
|
20
|
-
fixed: "
|
21
|
+
filled: "f9v9a4o",
|
22
|
+
fixed: "f14sja6p"
|
21
23
|
}
|
22
24
|
}
|
23
25
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Accordion.config.js","sources":["../../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-solid-card);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorder}: none;\n ${accordionTokens.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n clear: css`\n ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;\n ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionItemBorderRadius}: 0rem !important;\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorder}: none;\n ${accordionTokens.accordionItemBorderBottom}: 0.125rem solid var(--surface-solid-tertiary);\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;\n `,\n },\n size: {\n l: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n ${accordionTokens.accordionItemGap}: 0.5rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n stretching: {\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","stretching","filled","fixed"],"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;AACFG,MAAAA,SAAAA,EAYC,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAcR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAmBA,SAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAoBL;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,UAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"Accordion.config.js","sources":["../../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-solid-card);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorder}: none;\n ${accordionTokens.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n secondary: css`\n ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-transparent-primary);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorder}: none;\n ${accordionTokens.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n outlined: css`\n ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorder}: 0.125rem solid var(--surface-transparent-secondary);\n ${accordionTokens.accordionItemBorderBottom}: 0.125rem solid var(--surface-transparent-secondary);\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n clear: css`\n ${accordionTokens.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;\n ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionItemBorderRadius}: 0rem !important;\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorder}: none;\n ${accordionTokens.accordionItemBorderBottom}: 0.125rem solid var(--surface-solid-tertiary);\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;\n `,\n },\n size: {\n l: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n ${accordionTokens.accordionItemGap}: 0.5rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n stretching: {\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","outlined","clear","l","m","s","xs","stretching","filled","fixed"],"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;AACFG,MAAAA,SAAAA,EAaC,UAAA;AACDC,MAAAA,SAAS,EAaR,UAAA;AACDC,MAAAA,QAAQ,EAaP,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAeR;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAmBA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAoBL;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,UAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
.d1qoou7v{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
2
|
+
.s1nb9vnf{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-transparent-primary);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
3
|
+
.o15v339q{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:0.125rem solid var(--surface-transparent-secondary);--plasma-accordion-item-border-bottom:0.125rem solid var(--surface-transparent-secondary);--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
4
|
+
.ctnwdwt{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0.125rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
|
5
|
+
.l1jozabk{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.5rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
|
6
|
+
.m1mg2ktn{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
|
7
|
+
.sizoenl{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
|
8
|
+
.x143dmul{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
|
9
|
+
|
10
|
+
|
@@ -1,8 +1,10 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
1
|
+
.Accordion_config_1vt8ywe_d1qoou7v__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
2
|
+
.Accordion_config_1vt8ywe_s1nb9vnf__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-transparent-primary);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
3
|
+
.Accordion_config_1vt8ywe_o15v339q__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:0.125rem solid var(--surface-transparent-secondary);--plasma-accordion-item-border-bottom:0.125rem solid var(--surface-transparent-secondary);--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
4
|
+
.Accordion_config_1vt8ywe_ctnwdwt__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0.125rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
|
5
|
+
.Accordion_config_1vt8ywe_l1jozabk__10779c6f{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.5rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
|
6
|
+
.Accordion_config_1vt8ywe_m1mg2ktn__10779c6f{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
|
7
|
+
.Accordion_config_1vt8ywe_sizoenl__10779c6f{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
|
8
|
+
.Accordion_config_1vt8ywe_x143dmul__10779c6f{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
|
7
9
|
|
8
10
|
|
package/css/es/index.css
CHANGED
@@ -1,9 +1,11 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
1
|
+
.Accordion_config_1vt8ywe_d1qoou7v__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
2
|
+
.Accordion_config_1vt8ywe_s1nb9vnf__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-transparent-primary);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
3
|
+
.Accordion_config_1vt8ywe_o15v339q__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:0.125rem solid var(--surface-transparent-secondary);--plasma-accordion-item-border-bottom:0.125rem solid var(--surface-transparent-secondary);--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
4
|
+
.Accordion_config_1vt8ywe_ctnwdwt__10779c6f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border:none;--plasma-accordion-item-border-bottom:0.125rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
|
5
|
+
.Accordion_config_1vt8ywe_l1jozabk__10779c6f{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.5rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
|
6
|
+
.Accordion_config_1vt8ywe_m1mg2ktn__10779c6f{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
|
7
|
+
.Accordion_config_1vt8ywe_sizoenl__10779c6f{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
|
8
|
+
.Accordion_config_1vt8ywe_x143dmul__10779c6f{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
|
7
9
|
|
8
10
|
|
9
11
|
|