@salutejs/sdds-serv 0.234.0-canary.1730.13035830009.0 → 0.235.0-canary.1724.13050656927.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (19) hide show
  1. package/api/sdds-serv.api.md +4 -0
  2. package/components/Accordion/Accordion.config.d.ts +4 -0
  3. package/components/Accordion/Accordion.config.js +6 -2
  4. package/components/Accordion/Accordion.config.js.map +1 -1
  5. package/components/Accordion/{Accordion.config_ej1rud.css → Accordion.config_ydt7d8.css} +5 -1
  6. package/components/Accordion/Accordion.css +10 -6
  7. package/components/Accordion/Accordion.d.ts +4 -0
  8. package/emotion/cjs/components/Accordion/Accordion.config.js +7 -3
  9. package/emotion/cjs/components/Accordion/Accordion.stories.tsx +52 -16
  10. package/emotion/es/components/Accordion/Accordion.config.js +7 -3
  11. package/emotion/es/components/Accordion/Accordion.stories.tsx +52 -16
  12. package/es/components/Accordion/Accordion.config.js +6 -2
  13. package/es/components/Accordion/Accordion.config.js.map +1 -1
  14. package/es/components/Accordion/{Accordion.config_ej1rud.css → Accordion.config_ydt7d8.css} +5 -1
  15. package/es/components/Accordion/Accordion.css +10 -6
  16. package/es/index.css +10 -6
  17. package/package.json +3 -3
  18. package/styled-components/cjs/components/Accordion/Accordion.config.js +7 -3
  19. package/styled-components/es/components/Accordion/Accordion.config.js +7 -3
package/api/sdds-serv.api.md CHANGED
@@ -265,6 +265,10 @@ l: PolymorphicClassName;
265
265
  m: PolymorphicClassName;
266
266
  s: PolymorphicClassName;
267
267
  xs: PolymorphicClassName;
268
+ h2: PolymorphicClassName;
269
+ h3: PolymorphicClassName;
270
+ h4: PolymorphicClassName;
271
+ h5: PolymorphicClassName;
268
272
  };
269
273
  }> & {
270
274
  view?: string | undefined;
package/components/Accordion/Accordion.config.d.ts CHANGED
@@ -13,6 +13,10 @@ export declare const config: {
13
13
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
14
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
15
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
+ h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
+ h3: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
+ h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
+ h5: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
20
  };
17
21
  };
18
22
  };
package/components/Accordion/Accordion.config.js CHANGED
@@ -1,4 +1,4 @@
1
- require('./Accordion.config_ej1rud.css');
1
+ require('./Accordion.config_ydt7d8.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -17,7 +17,11 @@ var config = {
17
17
  l: "l15v339q",
18
18
  m: "mtnwdwt",
19
19
  s: "s1jozabk",
20
- xs: "x1mg2ktn"
20
+ xs: "x1mg2ktn",
21
+ h2: "hizoenl",
22
+ h3: "h143dmul",
23
+ h4: "h9v9a4o",
24
+ h5: "h14sja6p"
21
25
  }
22
26
  }
23
27
  };
package/components/Accordion/Accordion.config.js.map CHANGED
@@ -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.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n clear: css`\n ${accordionTokens.accordionGap}: 0;\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.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\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\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\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 },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs"],"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,EAoBA,SAAA;AACDC,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;AAqBN,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.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n clear: css`\n ${accordionTokens.accordionGap}: 0;\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.accordionItemBorderBottom}: 0.063rem 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\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\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\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 h2: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h2-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h2-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h2-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h2-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h2-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 h3: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h3-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h3-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h3-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h3-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h3-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 h4: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.688rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h4-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h4-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h4-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h4-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h4-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 h5: 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-h5-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h5-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h5-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h5-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h5-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 },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","h2","h3","h4","h5"],"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,EAoBA,SAAA;AACDC,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,EAAE,EAoBD,SAAA;AACDC,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,EAAE,EAmBD,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;AAoBN,KAAA;AACJ,GAAA;AACJ;;;;"}
package/components/Accordion/{Accordion.config_ej1rud.css → Accordion.config_ydt7d8.css} RENAMED
@@ -1,6 +1,10 @@
1
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-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
2
- .c1nb9vnf{--plasma-accordion-gap:0;--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-bottom:0.125rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
2
+ .c1nb9vnf{--plasma-accordion-gap:0;--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-bottom:0.063rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
3
3
  .l15v339q{--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);}
4
4
  .mtnwdwt{--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);}
5
5
  .s1jozabk{--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);}
6
6
  .x1mg2ktn{--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
+ .hizoenl{--plasma-accordion-item-padding-vertical:1rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-szie:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h2-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h2-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h2-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h2-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);}
8
+ .h143dmul{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-szie:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h3-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h3-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h3-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h3-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h3-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);}
9
+ .h9v9a4o{--plasma-accordion-item-padding-vertical:0.688rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h4-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h4-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h4-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h4-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);}
10
+ .h14sja6p{--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-h5-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h5-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h5-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h5-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);}
package/components/Accordion/Accordion.css CHANGED
@@ -1,6 +1,10 @@
1
- .Accordion_config_ej1rud_d1qoou7v__2c5b312e{--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-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
2
- .Accordion_config_ej1rud_c1nb9vnf__2c5b312e{--plasma-accordion-gap:0;--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-bottom:0.125rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
3
- .Accordion_config_ej1rud_l15v339q__2c5b312e{--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);}
4
- .Accordion_config_ej1rud_mtnwdwt__2c5b312e{--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);}
5
- .Accordion_config_ej1rud_s1jozabk__2c5b312e{--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);}
6
- .Accordion_config_ej1rud_x1mg2ktn__2c5b312e{--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);}
1
+ .Accordion_config_ydt7d8_d1qoou7v__5634280f{--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-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
2
+ .Accordion_config_ydt7d8_c1nb9vnf__5634280f{--plasma-accordion-gap:0;--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-bottom:0.063rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
3
+ .Accordion_config_ydt7d8_l15v339q__5634280f{--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);}
4
+ .Accordion_config_ydt7d8_mtnwdwt__5634280f{--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);}
5
+ .Accordion_config_ydt7d8_s1jozabk__5634280f{--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);}
6
+ .Accordion_config_ydt7d8_x1mg2ktn__5634280f{--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
+ .Accordion_config_ydt7d8_hizoenl__5634280f{--plasma-accordion-item-padding-vertical:1rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-szie:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h2-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h2-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h2-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h2-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);}
8
+ .Accordion_config_ydt7d8_h143dmul__5634280f{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-szie:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h3-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h3-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h3-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h3-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h3-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);}
9
+ .Accordion_config_ydt7d8_h9v9a4o__5634280f{--plasma-accordion-item-padding-vertical:0.688rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h4-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h4-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h4-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h4-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);}
10
+ .Accordion_config_ydt7d8_h14sja6p__5634280f{--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-h5-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h5-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h5-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h5-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);}
package/components/Accordion/Accordion.d.ts CHANGED
@@ -10,6 +10,10 @@ export declare const Accordion: import("react").FunctionComponent<import("@salut
10
10
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
11
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
12
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
+ h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
+ h3: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
+ h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
+ h5: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
17
  };
14
18
  }> & {
15
19
  view?: string | undefined;
package/emotion/cjs/components/Accordion/Accordion.config.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.config = void 0;
7
7
  var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
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: {
@@ -15,13 +15,17 @@ var config = exports.config = {
15
15
  variations: {
16
16
  view: {
17
17
  "default": /*#__PURE__*/(0, _emotion.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 ", ": 0;\n ", ": var(", ");\n "])), _emotion.accordionTokens.accordionGap, _emotion.accordionTokens.accordionWidth, _emotion.accordionTokens.accordionItemPadding, _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemPaddingHorizontal, _emotion.accordionTokens.accordionItemBackground, _emotion.accordionTokens.accordionItemTitleColor, _emotion.accordionTokens.accordionItemTextColor, _emotion.accordionTokens.accordionItemIconColor, _emotion.accordionTokens.accordionItemFocus, _emotion.accordionTokens.accordionBackground, _emotion.accordionTokens.accordionItemBorderBottom, _emotion.accordionTokens.accordionItemPaddingHorizontalLeft, _emotion.accordionTokens.accordionItemPaddingHorizontal),
18
- clear: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\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 ", ": 0.125rem solid var(--surface-solid-tertiary);\n ", ": 0;\n "])), _emotion.accordionTokens.accordionGap, _emotion.accordionTokens.accordionWidth, _emotion.accordionTokens.accordionItemPadding, _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemBackground, _emotion.accordionTokens.accordionItemTitleColor, _emotion.accordionTokens.accordionItemTextColor, _emotion.accordionTokens.accordionItemIconColor, _emotion.accordionTokens.accordionItemFocus, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionBackground, _emotion.accordionTokens.accordionItemBorderBottom, _emotion.accordionTokens.accordionItemPaddingHorizontalLeft)
18
+ clear: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\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 ", ": 0.063rem solid var(--surface-solid-tertiary);\n ", ": 0;\n "])), _emotion.accordionTokens.accordionGap, _emotion.accordionTokens.accordionWidth, _emotion.accordionTokens.accordionItemPadding, _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemBackground, _emotion.accordionTokens.accordionItemTitleColor, _emotion.accordionTokens.accordionItemTextColor, _emotion.accordionTokens.accordionItemIconColor, _emotion.accordionTokens.accordionItemFocus, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionBackground, _emotion.accordionTokens.accordionItemBorderBottom, _emotion.accordionTokens.accordionItemPaddingHorizontalLeft)
19
19
  },
20
20
  size: {
21
21
  l: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__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 "])), _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemPaddingHorizontal, _emotion.accordionTokens.accordionItemGap, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionItemTitleFontFamily, _emotion.accordionTokens.accordionItemTitleFontSize, _emotion.accordionTokens.accordionItemTitleFontStyle, _emotion.accordionTokens.accordionItemTitleFontWeight, _emotion.accordionTokens.accordionItemTitleLetterSpacing, _emotion.accordionTokens.accordionItemTitleLineHeight, _emotion.accordionTokens.accordionItemTextFontFamily, _emotion.accordionTokens.accordionItemTextFontSize, _emotion.accordionTokens.accordionItemTextFontStyle, _emotion.accordionTokens.accordionItemTextFontWeight, _emotion.accordionTokens.accordionItemTextLetterSpacing, _emotion.accordionTokens.accordionItemTextLineHeight),
22
22
  m: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 1.125rem;\n\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 "])), _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemPaddingHorizontal, _emotion.accordionTokens.accordionItemGap, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionItemTitleFontFamily, _emotion.accordionTokens.accordionItemTitleFontSize, _emotion.accordionTokens.accordionItemTitleFontStyle, _emotion.accordionTokens.accordionItemTitleFontWeight, _emotion.accordionTokens.accordionItemTitleLetterSpacing, _emotion.accordionTokens.accordionItemTitleLineHeight, _emotion.accordionTokens.accordionItemTextFontFamily, _emotion.accordionTokens.accordionItemTextFontSize, _emotion.accordionTokens.accordionItemTextFontStyle, _emotion.accordionTokens.accordionItemTextFontWeight, _emotion.accordionTokens.accordionItemTextLetterSpacing, _emotion.accordionTokens.accordionItemTextLineHeight),
23
23
  s: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.6875rem;\n ", ": 0.875rem;\n\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 "])), _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemPaddingHorizontal, _emotion.accordionTokens.accordionItemGap, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionItemTitleFontFamily, _emotion.accordionTokens.accordionItemTitleFontSize, _emotion.accordionTokens.accordionItemTitleFontStyle, _emotion.accordionTokens.accordionItemTitleFontWeight, _emotion.accordionTokens.accordionItemTitleLetterSpacing, _emotion.accordionTokens.accordionItemTitleLineHeight, _emotion.accordionTokens.accordionItemTextFontFamily, _emotion.accordionTokens.accordionItemTextFontSize, _emotion.accordionTokens.accordionItemTextFontStyle, _emotion.accordionTokens.accordionItemTextFontWeight, _emotion.accordionTokens.accordionItemTextLetterSpacing, _emotion.accordionTokens.accordionItemTextLineHeight),
24
- xs: /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n\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 "])), _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemPaddingHorizontal, _emotion.accordionTokens.accordionItemGap, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionItemTitleFontFamily, _emotion.accordionTokens.accordionItemTitleFontSize, _emotion.accordionTokens.accordionItemTitleFontStyle, _emotion.accordionTokens.accordionItemTitleFontWeight, _emotion.accordionTokens.accordionItemTitleLetterSpacing, _emotion.accordionTokens.accordionItemTitleLineHeight, _emotion.accordionTokens.accordionItemTextFontFamily, _emotion.accordionTokens.accordionItemTextFontSize, _emotion.accordionTokens.accordionItemTextFontStyle, _emotion.accordionTokens.accordionItemTextFontWeight, _emotion.accordionTokens.accordionItemTextLetterSpacing, _emotion.accordionTokens.accordionItemTextLineHeight)
24
+ xs: /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n\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 "])), _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemPaddingHorizontal, _emotion.accordionTokens.accordionItemGap, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionItemTitleFontFamily, _emotion.accordionTokens.accordionItemTitleFontSize, _emotion.accordionTokens.accordionItemTitleFontStyle, _emotion.accordionTokens.accordionItemTitleFontWeight, _emotion.accordionTokens.accordionItemTitleLetterSpacing, _emotion.accordionTokens.accordionItemTitleLineHeight, _emotion.accordionTokens.accordionItemTextFontFamily, _emotion.accordionTokens.accordionItemTextFontSize, _emotion.accordionTokens.accordionItemTextFontStyle, _emotion.accordionTokens.accordionItemTextFontWeight, _emotion.accordionTokens.accordionItemTextLetterSpacing, _emotion.accordionTokens.accordionItemTextLineHeight),
25
+ h2: /*#__PURE__*/(0, _emotion.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-h2-font-family);\n ", ": var(--plasma-typo-h2-font-size);\n ", ": var(--plasma-typo-h2-font-style);\n ", ": var(--plasma-typo-h2-bold-font-weight);\n ", ": var(--plasma-typo-h2-letter-spacing);\n ", ": var(--plasma-typo-h2-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 "])), _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemPaddingHorizontal, _emotion.accordionTokens.accordionItemGap, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionItemIconSize, _emotion.accordionTokens.accordionItemTitleFontFamily, _emotion.accordionTokens.accordionItemTitleFontSize, _emotion.accordionTokens.accordionItemTitleFontStyle, _emotion.accordionTokens.accordionItemTitleFontWeight, _emotion.accordionTokens.accordionItemTitleLetterSpacing, _emotion.accordionTokens.accordionItemTitleLineHeight, _emotion.accordionTokens.accordionItemTextFontFamily, _emotion.accordionTokens.accordionItemTextFontSize, _emotion.accordionTokens.accordionItemTextFontStyle, _emotion.accordionTokens.accordionItemTextFontWeight, _emotion.accordionTokens.accordionItemTextLetterSpacing, _emotion.accordionTokens.accordionItemTextLineHeight),
26
+ h3: /*#__PURE__*/(0, _emotion.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 1.125rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-h3-font-family);\n ", ": var(--plasma-typo-h3-font-size);\n ", ": var(--plasma-typo-h3-font-style);\n ", ": var(--plasma-typo-h3-bold-font-weight);\n ", ": var(--plasma-typo-h3-letter-spacing);\n ", ": var(--plasma-typo-h3-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 "])), _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemPaddingHorizontal, _emotion.accordionTokens.accordionItemGap, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionItemIconSize, _emotion.accordionTokens.accordionItemTitleFontFamily, _emotion.accordionTokens.accordionItemTitleFontSize, _emotion.accordionTokens.accordionItemTitleFontStyle, _emotion.accordionTokens.accordionItemTitleFontWeight, _emotion.accordionTokens.accordionItemTitleLetterSpacing, _emotion.accordionTokens.accordionItemTitleLineHeight, _emotion.accordionTokens.accordionItemTextFontFamily, _emotion.accordionTokens.accordionItemTextFontSize, _emotion.accordionTokens.accordionItemTextFontStyle, _emotion.accordionTokens.accordionItemTextFontWeight, _emotion.accordionTokens.accordionItemTextLetterSpacing, _emotion.accordionTokens.accordionItemTextLineHeight),
27
+ h4: /*#__PURE__*/(0, _emotion.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-bold-font-weight);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-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 "])), _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemPaddingHorizontal, _emotion.accordionTokens.accordionItemGap, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionItemTitleFontFamily, _emotion.accordionTokens.accordionItemTitleFontSize, _emotion.accordionTokens.accordionItemTitleFontStyle, _emotion.accordionTokens.accordionItemTitleFontWeight, _emotion.accordionTokens.accordionItemTitleLetterSpacing, _emotion.accordionTokens.accordionItemTitleLineHeight, _emotion.accordionTokens.accordionItemTextFontFamily, _emotion.accordionTokens.accordionItemTextFontSize, _emotion.accordionTokens.accordionItemTextFontStyle, _emotion.accordionTokens.accordionItemTextFontWeight, _emotion.accordionTokens.accordionItemTextLetterSpacing, _emotion.accordionTokens.accordionItemTextLineHeight),
28
+ h5: /*#__PURE__*/(0, _emotion.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-h5-font-family);\n ", ": var(--plasma-typo-h5-font-size);\n ", ": var(--plasma-typo-h5-font-style);\n ", ": var(--plasma-typo-h5-bold-font-weight);\n ", ": var(--plasma-typo-h5-letter-spacing);\n ", ": var(--plasma-typo-h5-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 "])), _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemPaddingHorizontal, _emotion.accordionTokens.accordionItemGap, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionItemTitleFontFamily, _emotion.accordionTokens.accordionItemTitleFontSize, _emotion.accordionTokens.accordionItemTitleFontStyle, _emotion.accordionTokens.accordionItemTitleFontWeight, _emotion.accordionTokens.accordionItemTitleLetterSpacing, _emotion.accordionTokens.accordionItemTitleLineHeight, _emotion.accordionTokens.accordionItemTextFontFamily, _emotion.accordionTokens.accordionItemTextFontSize, _emotion.accordionTokens.accordionItemTextFontStyle, _emotion.accordionTokens.accordionItemTextFontWeight, _emotion.accordionTokens.accordionItemTextLetterSpacing, _emotion.accordionTokens.accordionItemTextLineHeight)
25
29
  }
26
30
  }
27
31
  };
package/emotion/cjs/components/Accordion/Accordion.stories.tsx CHANGED
@@ -23,6 +23,20 @@ type AccordionItemCustomProps = {
23
23
 
24
24
  type AccordionProps = ComponentProps<typeof Accordion> & AccordionItemCustomProps;
25
25
 
26
+ const views = ['default', 'clear'] as const;
27
+ const sizes = ['l', 'm', 's', 'xs', 'h2', 'h3', 'h4', 'h5'] as const;
28
+ const stretching = ['filled', 'fixed'] as const;
29
+ const types = ['arrow', 'sign', 'clear'] as const;
30
+ const pins = [
31
+ 'square-square',
32
+ 'square-clear',
33
+ 'clear-square',
34
+ 'clear-clear',
35
+ 'clear-circle',
36
+ 'circle-clear',
37
+ 'circle-circle',
38
+ ] as const;
39
+
26
40
  const meta: Meta<AccordionProps> = {
27
41
  title: 'Data Display/Accordion',
28
42
  decorators: [InSpacingDecorator],
@@ -42,39 +56,31 @@ const meta: Meta<AccordionProps> = {
42
56
  argTypes: {
43
57
  ...disableProps(['text']),
44
58
  view: {
45
- options: ['default', 'clear'],
59
+ options: views,
46
60
  control: {
47
61
  type: 'select',
48
62
  },
49
63
  },
50
64
  size: {
51
- options: ['xs', 's', 'm', 'l'],
65
+ options: sizes,
52
66
  control: {
53
67
  type: 'select',
54
68
  },
55
69
  },
56
70
  stretching: {
57
- options: ['filled', 'fixed'],
71
+ options: stretching,
58
72
  control: {
59
73
  type: 'select',
60
74
  },
61
75
  },
62
76
  type: {
63
- options: ['arrow', 'sign', 'clear'],
77
+ options: types,
64
78
  control: {
65
79
  type: 'select',
66
80
  },
67
81
  },
68
82
  pin: {
69
- options: [
70
- 'square-square',
71
- 'square-clear',
72
- 'clear-square',
73
- 'clear-clear',
74
- 'clear-circle',
75
- 'circle-clear',
76
- 'circle-circle',
77
- ],
83
+ options: pins,
78
84
  control: {
79
85
  type: 'select',
80
86
  },
@@ -105,6 +111,24 @@ export const Default: StoryObj<AccordionProps> = {
105
111
  };
106
112
 
107
113
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
114
+ const getSizeForIconButton = (size) => {
115
+ switch (size) {
116
+ case 'l':
117
+ case 'h2':
118
+ case 'h3':
119
+ return 'l';
120
+ case 'm':
121
+ return 'm';
122
+ case 's':
123
+ case 'h4':
124
+ return 's';
125
+ case 'xs':
126
+ case 'h5':
127
+ return 'xs';
128
+ default:
129
+ return 'm';
130
+ }
131
+ };
108
132
 
109
133
  const ControlledAccordion = (props: ComponentProps<typeof Accordion>) => {
110
134
  const args = { ...props, text: undefined };
@@ -116,7 +140,11 @@ const ControlledAccordion = (props: ComponentProps<typeof Accordion>) => {
116
140
  <Accordion {...args}>
117
141
  <AccordionItem
118
142
  contentRight={
119
- <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
143
+ <IconButton
144
+ view="secondary"
145
+ size={getSizeForIconButton(args.size)}
146
+ onClick={() => setActiveFirst(!activeFirst)}
147
+ >
120
148
  <IconPlus size={getSizeForIcon(args.size)} />
121
149
  </IconButton>
122
150
  }
@@ -130,7 +158,11 @@ const ControlledAccordion = (props: ComponentProps<typeof Accordion>) => {
130
158
  </AccordionItem>
131
159
  <AccordionItem
132
160
  contentRight={
133
- <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
161
+ <IconButton
162
+ view="secondary"
163
+ size={getSizeForIconButton(args.size)}
164
+ onClick={() => setActiveSecond(!activeSecond)}
165
+ >
134
166
  <IconPlus size={getSizeForIcon(args.size)} />
135
167
  </IconButton>
136
168
  }
@@ -144,7 +176,11 @@ const ControlledAccordion = (props: ComponentProps<typeof Accordion>) => {
144
176
  </AccordionItem>
145
177
  <AccordionItem
146
178
  contentRight={
147
- <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
179
+ <IconButton
180
+ view="secondary"
181
+ size={getSizeForIconButton(args.size)}
182
+ onClick={() => setActiveThree(!activeThree)}
183
+ >
148
184
  <IconPlus size={getSizeForIcon(args.size)} />
149
185
  </IconButton>
150
186
  }
package/emotion/es/components/Accordion/Accordion.config.js CHANGED
@@ -1,4 +1,4 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import { css, accordionTokens } from '@salutejs/plasma-new-hope/emotion';
4
4
  export var config = {
@@ -9,13 +9,17 @@ export var config = {
9
9
  variations: {
10
10
  view: {
11
11
  "default": /*#__PURE__*/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 ", ": 0;\n ", ": var(", ");\n "])), accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionBackground, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft, accordionTokens.accordionItemPaddingHorizontal),
12
- clear: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\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 ", ": 0.125rem solid var(--surface-solid-tertiary);\n ", ": 0;\n "])), accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
12
+ clear: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\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 ", ": 0.063rem solid var(--surface-solid-tertiary);\n ", ": 0;\n "])), accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
13
13
  },
14
14
  size: {
15
15
  l: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
16
16
  m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 1.125rem;\n\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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
17
17
  s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.6875rem;\n ", ": 0.875rem;\n\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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
18
- xs: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n\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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
18
+ xs: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n\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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
19
+ h2: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-h2-font-family);\n ", ": var(--plasma-typo-h2-font-size);\n ", ": var(--plasma-typo-h2-font-style);\n ", ": var(--plasma-typo-h2-bold-font-weight);\n ", ": var(--plasma-typo-h2-letter-spacing);\n ", ": var(--plasma-typo-h2-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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
20
+ h3: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 1.125rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-h3-font-family);\n ", ": var(--plasma-typo-h3-font-size);\n ", ": var(--plasma-typo-h3-font-style);\n ", ": var(--plasma-typo-h3-bold-font-weight);\n ", ": var(--plasma-typo-h3-letter-spacing);\n ", ": var(--plasma-typo-h3-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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
21
+ h4: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-bold-font-weight);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
22
+ h5: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-h5-font-family);\n ", ": var(--plasma-typo-h5-font-size);\n ", ": var(--plasma-typo-h5-font-style);\n ", ": var(--plasma-typo-h5-bold-font-weight);\n ", ": var(--plasma-typo-h5-letter-spacing);\n ", ": var(--plasma-typo-h5-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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
19
23
  }
20
24
  }
21
25
  };
package/emotion/es/components/Accordion/Accordion.stories.tsx CHANGED
@@ -23,6 +23,20 @@ type AccordionItemCustomProps = {
23
23
 
24
24
  type AccordionProps = ComponentProps<typeof Accordion> & AccordionItemCustomProps;
25
25
 
26
+ const views = ['default', 'clear'] as const;
27
+ const sizes = ['l', 'm', 's', 'xs', 'h2', 'h3', 'h4', 'h5'] as const;
28
+ const stretching = ['filled', 'fixed'] as const;
29
+ const types = ['arrow', 'sign', 'clear'] as const;
30
+ const pins = [
31
+ 'square-square',
32
+ 'square-clear',
33
+ 'clear-square',
34
+ 'clear-clear',
35
+ 'clear-circle',
36
+ 'circle-clear',
37
+ 'circle-circle',
38
+ ] as const;
39
+
26
40
  const meta: Meta<AccordionProps> = {
27
41
  title: 'Data Display/Accordion',
28
42
  decorators: [InSpacingDecorator],
@@ -42,39 +56,31 @@ const meta: Meta<AccordionProps> = {
42
56
  argTypes: {
43
57
  ...disableProps(['text']),
44
58
  view: {
45
- options: ['default', 'clear'],
59
+ options: views,
46
60
  control: {
47
61
  type: 'select',
48
62
  },
49
63
  },
50
64
  size: {
51
- options: ['xs', 's', 'm', 'l'],
65
+ options: sizes,
52
66
  control: {
53
67
  type: 'select',
54
68
  },
55
69
  },
56
70
  stretching: {
57
- options: ['filled', 'fixed'],
71
+ options: stretching,
58
72
  control: {
59
73
  type: 'select',
60
74
  },
61
75
  },
62
76
  type: {
63
- options: ['arrow', 'sign', 'clear'],
77
+ options: types,
64
78
  control: {
65
79
  type: 'select',
66
80
  },
67
81
  },
68
82
  pin: {
69
- options: [
70
- 'square-square',
71
- 'square-clear',
72
- 'clear-square',
73
- 'clear-clear',
74
- 'clear-circle',
75
- 'circle-clear',
76
- 'circle-circle',
77
- ],
83
+ options: pins,
78
84
  control: {
79
85
  type: 'select',
80
86
  },
@@ -105,6 +111,24 @@ export const Default: StoryObj<AccordionProps> = {
105
111
  };
106
112
 
107
113
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
114
+ const getSizeForIconButton = (size) => {
115
+ switch (size) {
116
+ case 'l':
117
+ case 'h2':
118
+ case 'h3':
119
+ return 'l';
120
+ case 'm':
121
+ return 'm';
122
+ case 's':
123
+ case 'h4':
124
+ return 's';
125
+ case 'xs':
126
+ case 'h5':
127
+ return 'xs';
128
+ default:
129
+ return 'm';
130
+ }
131
+ };
108
132
 
109
133
  const ControlledAccordion = (props: ComponentProps<typeof Accordion>) => {
110
134
  const args = { ...props, text: undefined };
@@ -116,7 +140,11 @@ const ControlledAccordion = (props: ComponentProps<typeof Accordion>) => {
116
140
  <Accordion {...args}>
117
141
  <AccordionItem
118
142
  contentRight={
119
- <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
143
+ <IconButton
144
+ view="secondary"
145
+ size={getSizeForIconButton(args.size)}
146
+ onClick={() => setActiveFirst(!activeFirst)}
147
+ >
120
148
  <IconPlus size={getSizeForIcon(args.size)} />
121
149
  </IconButton>
122
150
  }
@@ -130,7 +158,11 @@ const ControlledAccordion = (props: ComponentProps<typeof Accordion>) => {
130
158
  </AccordionItem>
131
159
  <AccordionItem
132
160
  contentRight={
133
- <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
161
+ <IconButton
162
+ view="secondary"
163
+ size={getSizeForIconButton(args.size)}
164
+ onClick={() => setActiveSecond(!activeSecond)}
165
+ >
134
166
  <IconPlus size={getSizeForIcon(args.size)} />
135
167
  </IconButton>
136
168
  }
@@ -144,7 +176,11 @@ const ControlledAccordion = (props: ComponentProps<typeof Accordion>) => {
144
176
  </AccordionItem>
145
177
  <AccordionItem
146
178
  contentRight={
147
- <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
179
+ <IconButton
180
+ view="secondary"
181
+ size={getSizeForIconButton(args.size)}
182
+ onClick={() => setActiveThree(!activeThree)}
183
+ >
148
184
  <IconPlus size={getSizeForIcon(args.size)} />
149
185
  </IconButton>
150
186
  }
package/es/components/Accordion/Accordion.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Accordion.config_ej1rud.css';
1
+ import './Accordion.config_ydt7d8.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
@@ -13,7 +13,11 @@ var config = {
13
13
  l: "l15v339q",
14
14
  m: "mtnwdwt",
15
15
  s: "s1jozabk",
16
- xs: "x1mg2ktn"
16
+ xs: "x1mg2ktn",
17
+ h2: "hizoenl",
18
+ h3: "h143dmul",
19
+ h4: "h9v9a4o",
20
+ h5: "h14sja6p"
17
21
  }
18
22
  }
19
23
  };
package/es/components/Accordion/Accordion.config.js.map CHANGED
@@ -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.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n clear: css`\n ${accordionTokens.accordionGap}: 0;\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.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\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\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\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 },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs"],"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,EAoBA,SAAA;AACDC,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;AAqBN,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.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n clear: css`\n ${accordionTokens.accordionGap}: 0;\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.accordionItemBorderBottom}: 0.063rem 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\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\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\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 h2: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h2-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h2-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h2-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h2-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h2-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 h3: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h3-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h3-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h3-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h3-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h3-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 h4: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.688rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h4-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h4-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h4-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h4-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h4-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 h5: 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-h5-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h5-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h5-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h5-bold-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h5-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 },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","h2","h3","h4","h5"],"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,EAoBA,SAAA;AACDC,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,EAAE,EAoBD,SAAA;AACDC,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,EAAE,EAmBD,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;AAoBN,KAAA;AACJ,GAAA;AACJ;;;;"}
package/es/components/Accordion/{Accordion.config_ej1rud.css → Accordion.config_ydt7d8.css} RENAMED
@@ -1,6 +1,10 @@
1
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-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
2
- .c1nb9vnf{--plasma-accordion-gap:0;--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-bottom:0.125rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
2
+ .c1nb9vnf{--plasma-accordion-gap:0;--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-bottom:0.063rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
3
3
  .l15v339q{--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);}
4
4
  .mtnwdwt{--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);}
5
5
  .s1jozabk{--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);}
6
6
  .x1mg2ktn{--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
+ .hizoenl{--plasma-accordion-item-padding-vertical:1rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-szie:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h2-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h2-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h2-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h2-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);}
8
+ .h143dmul{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-szie:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h3-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h3-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h3-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h3-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h3-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);}
9
+ .h9v9a4o{--plasma-accordion-item-padding-vertical:0.688rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h4-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h4-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h4-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h4-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);}
10
+ .h14sja6p{--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-h5-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h5-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h5-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h5-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);}
package/es/components/Accordion/Accordion.css CHANGED
@@ -1,6 +1,10 @@
1
- .Accordion_config_ej1rud_d1qoou7v__2c5b312e{--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-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
2
- .Accordion_config_ej1rud_c1nb9vnf__2c5b312e{--plasma-accordion-gap:0;--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-bottom:0.125rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
3
- .Accordion_config_ej1rud_l15v339q__2c5b312e{--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);}
4
- .Accordion_config_ej1rud_mtnwdwt__2c5b312e{--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);}
5
- .Accordion_config_ej1rud_s1jozabk__2c5b312e{--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);}
6
- .Accordion_config_ej1rud_x1mg2ktn__2c5b312e{--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);}
1
+ .Accordion_config_ydt7d8_d1qoou7v__5634280f{--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-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
2
+ .Accordion_config_ydt7d8_c1nb9vnf__5634280f{--plasma-accordion-gap:0;--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-bottom:0.063rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
3
+ .Accordion_config_ydt7d8_l15v339q__5634280f{--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);}
4
+ .Accordion_config_ydt7d8_mtnwdwt__5634280f{--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);}
5
+ .Accordion_config_ydt7d8_s1jozabk__5634280f{--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);}
6
+ .Accordion_config_ydt7d8_x1mg2ktn__5634280f{--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
+ .Accordion_config_ydt7d8_hizoenl__5634280f{--plasma-accordion-item-padding-vertical:1rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-szie:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h2-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h2-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h2-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h2-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);}
8
+ .Accordion_config_ydt7d8_h143dmul__5634280f{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-szie:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h3-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h3-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h3-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h3-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h3-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);}
9
+ .Accordion_config_ydt7d8_h9v9a4o__5634280f{--plasma-accordion-item-padding-vertical:0.688rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h4-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h4-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h4-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h4-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);}
10
+ .Accordion_config_ydt7d8_h14sja6p__5634280f{--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-h5-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h5-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h5-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h5-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);}
package/es/index.css CHANGED
@@ -1,9 +1,13 @@
1
- .Accordion_config_ej1rud_d1qoou7v__2c5b312e{--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-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
2
- .Accordion_config_ej1rud_c1nb9vnf__2c5b312e{--plasma-accordion-gap:0;--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-bottom:0.125rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
3
- .Accordion_config_ej1rud_l15v339q__2c5b312e{--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);}
4
- .Accordion_config_ej1rud_mtnwdwt__2c5b312e{--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);}
5
- .Accordion_config_ej1rud_s1jozabk__2c5b312e{--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);}
6
- .Accordion_config_ej1rud_x1mg2ktn__2c5b312e{--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);}
1
+ .Accordion_config_ydt7d8_d1qoou7v__5634280f{--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-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
2
+ .Accordion_config_ydt7d8_c1nb9vnf__5634280f{--plasma-accordion-gap:0;--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-bottom:0.063rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
3
+ .Accordion_config_ydt7d8_l15v339q__5634280f{--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);}
4
+ .Accordion_config_ydt7d8_mtnwdwt__5634280f{--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);}
5
+ .Accordion_config_ydt7d8_s1jozabk__5634280f{--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);}
6
+ .Accordion_config_ydt7d8_x1mg2ktn__5634280f{--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
+ .Accordion_config_ydt7d8_hizoenl__5634280f{--plasma-accordion-item-padding-vertical:1rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-szie:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h2-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h2-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h2-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h2-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);}
8
+ .Accordion_config_ydt7d8_h143dmul__5634280f{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-szie:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h3-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h3-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h3-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h3-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h3-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);}
9
+ .Accordion_config_ydt7d8_h9v9a4o__5634280f{--plasma-accordion-item-padding-vertical:0.688rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h4-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h4-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h4-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h4-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);}
10
+ .Accordion_config_ydt7d8_h14sja6p__5634280f{--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-h5-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h5-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h5-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h5-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
11
 
8
12
  .Attach_config_ld8c4j_dh2upgr__d4ee21a5{--plasma-attach-button-color:var(--inverse-text-primary);--plasma-attach-button-value-color:var(--inverse-text-secondary);--plasma-attach-button-background-color:var(--surface-solid-default);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--inverse-text-primary);--plasma-attach-button-background-color-hover:var(--surface-solid-default-hover);--plasma-attach-button-color-active:var(--inverse-text-primary);--plasma-attach-button-background-color-active:var(--surface-solid-default-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--inverse-text-primary);--plasma-attach-icon-button-background-color:var(--surface-solid-default);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--inverse-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-solid-default-hover);--plasma-attach-icon-button-color-active:var(--inverse-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-solid-default-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
9
13
  .Attach_config_ld8c4j_a8wsq7j__d4ee21a5{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-value-color:var(--on-dark-text-secondary);--plasma-attach-button-background-color:var(--surface-accent);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-accent-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-accent-active);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color:var(--surface-accent);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary);--plasma-attach-icon-button-background-color-active:var(--surface-accent-active);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent);--plasma-attach-icon-button-cancel-color:var(--text-secondary);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent);}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-serv",
3
- "version": "0.234.0-canary.1730.13035830009.0",
3
+ "version": "0.235.0-canary.1724.13050656927.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS SERV web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -32,7 +32,7 @@
32
32
  "directory": "packages/sdds-serv"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-new-hope": "0.249.0-canary.1730.13035830009.0",
35
+ "@salutejs/plasma-new-hope": "0.250.0-canary.1724.13050656927.0",
36
36
  "@salutejs/sdds-themes": "0.31.0"
37
37
  },
38
38
  "peerDependencies": {
@@ -136,5 +136,5 @@
136
136
  "sideEffects": [
137
137
  "*.css"
138
138
  ],
139
- "gitHead": "7b32fd47dd47ac169dcd28de7b2a441f2b6827ac"
139
+ "gitHead": "c51888dac524a6c0fb3a44946bb5742fe8974dfc"
140
140
  }
package/styled-components/cjs/components/Accordion/Accordion.config.js CHANGED
@@ -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;
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: {
@@ -15,13 +15,17 @@ var config = exports.config = {
15
15
  variations: {
16
16
  view: {
17
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 ", ": 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.accordionItemBorderBottom, _styledComponents.accordionTokens.accordionItemPaddingHorizontalLeft, _styledComponents.accordionTokens.accordionItemPaddingHorizontal),
18
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\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 ", ": 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.accordionItemBorderBottom, _styledComponents.accordionTokens.accordionItemPaddingHorizontalLeft)
18
+ clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\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 ", ": 0.063rem 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.accordionItemBorderBottom, _styledComponents.accordionTokens.accordionItemPaddingHorizontalLeft)
19
19
  },
20
20
  size: {
21
21
  l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__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),
22
22
  m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 1.125rem;\n\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),
23
23
  s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.6875rem;\n ", ": 0.875rem;\n\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),
24
- xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n\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)
24
+ xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n\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
+ h2: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-h2-font-family);\n ", ": var(--plasma-typo-h2-font-size);\n ", ": var(--plasma-typo-h2-font-style);\n ", ": var(--plasma-typo-h2-bold-font-weight);\n ", ": var(--plasma-typo-h2-letter-spacing);\n ", ": var(--plasma-typo-h2-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.accordionItemIconSize, _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
+ h3: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 1.125rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-h3-font-family);\n ", ": var(--plasma-typo-h3-font-size);\n ", ": var(--plasma-typo-h3-font-style);\n ", ": var(--plasma-typo-h3-bold-font-weight);\n ", ": var(--plasma-typo-h3-letter-spacing);\n ", ": var(--plasma-typo-h3-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.accordionItemIconSize, _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),
27
+ h4: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-bold-font-weight);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-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),
28
+ h5: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-h5-font-family);\n ", ": var(--plasma-typo-h5-font-size);\n ", ": var(--plasma-typo-h5-font-style);\n ", ": var(--plasma-typo-h5-bold-font-weight);\n ", ": var(--plasma-typo-h5-letter-spacing);\n ", ": var(--plasma-typo-h5-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
29
  }
26
30
  }
27
31
  };
package/styled-components/es/components/Accordion/Accordion.config.js CHANGED
@@ -1,4 +1,4 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import { css, accordionTokens } from '@salutejs/plasma-new-hope/styled-components';
4
4
  export var config = {
@@ -9,13 +9,17 @@ export var config = {
9
9
  variations: {
10
10
  view: {
11
11
  "default": /*#__PURE__*/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 ", ": 0;\n ", ": var(", ");\n "])), accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionBackground, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft, accordionTokens.accordionItemPaddingHorizontal),
12
- clear: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\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 ", ": 0.125rem solid var(--surface-solid-tertiary);\n ", ": 0;\n "])), accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
12
+ clear: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\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 ", ": 0.063rem solid var(--surface-solid-tertiary);\n ", ": 0;\n "])), accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
13
13
  },
14
14
  size: {
15
15
  l: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
16
16
  m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 1.125rem;\n\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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
17
17
  s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.6875rem;\n ", ": 0.875rem;\n\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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
18
- xs: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n\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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
18
+ xs: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n\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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
19
+ h2: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-h2-font-family);\n ", ": var(--plasma-typo-h2-font-size);\n ", ": var(--plasma-typo-h2-font-style);\n ", ": var(--plasma-typo-h2-bold-font-weight);\n ", ": var(--plasma-typo-h2-letter-spacing);\n ", ": var(--plasma-typo-h2-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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
20
+ h3: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 1.125rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-h3-font-family);\n ", ": var(--plasma-typo-h3-font-size);\n ", ": var(--plasma-typo-h3-font-style);\n ", ": var(--plasma-typo-h3-bold-font-weight);\n ", ": var(--plasma-typo-h3-letter-spacing);\n ", ": var(--plasma-typo-h3-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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
21
+ h4: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-bold-font-weight);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
22
+ h5: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-h5-font-family);\n ", ": var(--plasma-typo-h5-font-size);\n ", ": var(--plasma-typo-h5-font-style);\n ", ": var(--plasma-typo-h5-bold-font-weight);\n ", ": var(--plasma-typo-h5-letter-spacing);\n ", ": var(--plasma-typo-h5-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 "])), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
19
23
  }
20
24
  }
21
25
  };