@salutejs/sdds-sbcom 0.350.1-next-sbcom.0 → 0.351.0-next-sbcom.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/css/cjs/components/Typography/Heading.config.js +23 -1
  2. package/dist/css/cjs/components/Typography/Heading.config.js.map +1 -1
  3. package/dist/css/cjs/components/Typography/{Heading.config_1lpaaqp.css → Heading.config_lsei5l.css} +2 -0
  4. package/dist/css/cjs/components/Typography/Typography.css +6 -4
  5. package/dist/css/cjs/components/Typography/Typography.js +8 -0
  6. package/dist/css/cjs/components/Typography/Typography.js.map +1 -1
  7. package/dist/css/cjs/index.css +6 -4
  8. package/dist/css/cjs/index.js +2 -0
  9. package/dist/css/cjs/index.js.map +1 -1
  10. package/dist/css/es/components/Typography/Heading.config.js +22 -2
  11. package/dist/css/es/components/Typography/Heading.config.js.map +1 -1
  12. package/dist/css/es/components/Typography/{Heading.config_1lpaaqp.css → Heading.config_lsei5l.css} +2 -0
  13. package/dist/css/es/components/Typography/Typography.css +6 -4
  14. package/dist/css/es/components/Typography/Typography.js +8 -2
  15. package/dist/css/es/components/Typography/Typography.js.map +1 -1
  16. package/dist/css/es/index.css +6 -4
  17. package/dist/css/es/index.js +1 -1
  18. package/package.json +7 -7
  19. package/types/components/Typography/Heading.config.d.ts +20 -0
  20. package/types/components/Typography/Typography.d.ts +64 -0
  21. package/types/components/Typography/index.d.ts +1 -1
package/dist/css/cjs/components/Typography/Heading.config.js CHANGED
@@ -1,4 +1,4 @@
1
- require('./Heading.config_1lpaaqp.css');
1
+ require('./Heading.config_lsei5l.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -43,9 +43,31 @@ var configH4 = {
43
43
  }
44
44
  }
45
45
  };
46
+ var configHXlMedium = {
47
+ defaults: {
48
+ size: 'hXlMedium'
49
+ },
50
+ variations: {
51
+ size: {
52
+ hXlMedium: "hn3yd2b"
53
+ }
54
+ }
55
+ };
56
+ var configHXxlMedium = {
57
+ defaults: {
58
+ size: 'hXxlMedium'
59
+ },
60
+ variations: {
61
+ size: {
62
+ hXxlMedium: "h18ax1mt"
63
+ }
64
+ }
65
+ };
46
66
 
47
67
  exports.configH1 = configH1;
48
68
  exports.configH2 = configH2;
49
69
  exports.configH3 = configH3;
50
70
  exports.configH4 = configH4;
71
+ exports.configHXlMedium = configHXlMedium;
72
+ exports.configHXxlMedium = configHXxlMedium;
51
73
  //# sourceMappingURL=Heading.config.js.map
package/dist/css/cjs/components/Typography/Heading.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.config.js","sources":["../../../../../src-css/components/Typography/Heading.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n h1,\n h1Bold,\n h1Medium,\n h2,\n h2Bold,\n h2Medium,\n h3,\n h3Bold,\n h3Medium,\n h4,\n h4Bold,\n h4Medium,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const configH1 = {\n defaults: {\n size: 'h1',\n },\n variations: {\n size: {\n h1: css`\n ${typographyTokens.typoFontFamily}: ${h1.fontFamily};\n ${typographyTokens.typoFontSize}: ${h1.fontSize};\n ${typographyTokens.typoFontStyle}: ${h1.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h1.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h1Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h1Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h1.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h1.lineHeight};\n `,\n },\n },\n};\nexport const configH2 = {\n defaults: {\n size: 'h2',\n },\n variations: {\n size: {\n h2: css`\n ${typographyTokens.typoFontFamily}: ${h2.fontFamily};\n ${typographyTokens.typoFontSize}: ${h2.fontSize};\n ${typographyTokens.typoFontStyle}: ${h2.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h2.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h2Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h2Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h2.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h2.lineHeight};\n `,\n },\n },\n};\nexport const configH3 = {\n defaults: {\n size: 'h3',\n },\n variations: {\n size: {\n h3: css`\n ${typographyTokens.typoFontFamily}: ${h3.fontFamily};\n ${typographyTokens.typoFontSize}: ${h3.fontSize};\n ${typographyTokens.typoFontStyle}: ${h3.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h3.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h3Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h3Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h3.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h3.lineHeight};\n `,\n },\n },\n};\nexport const configH4 = {\n defaults: {\n size: 'h4',\n },\n variations: {\n size: {\n h4: css`\n ${typographyTokens.typoFontFamily}: ${h4.fontFamily};\n ${typographyTokens.typoFontSize}: ${h4.fontSize};\n ${typographyTokens.typoFontStyle}: ${h4.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h4.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h4Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h4Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h4.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h4.lineHeight};\n `,\n },\n },\n};\n"],"names":["configH1","defaults","size","variations","h1","configH2","h2","configH3","h3","configH4","h4"],"mappings":";;;;AAgBO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;;;;;;;"}
1
+ {"version":3,"file":"Heading.config.js","sources":["../../../../../src-css/components/Typography/Heading.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n h1,\n h1Bold,\n h1Medium,\n h2,\n h2Bold,\n h2Medium,\n h3,\n h3Bold,\n h3Medium,\n h4,\n h4Bold,\n h4Medium,\n hXlMedium,\n hXxlMedium,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const configH1 = {\n defaults: {\n size: 'h1',\n },\n variations: {\n size: {\n h1: css`\n ${typographyTokens.typoFontFamily}: ${h1.fontFamily};\n ${typographyTokens.typoFontSize}: ${h1.fontSize};\n ${typographyTokens.typoFontStyle}: ${h1.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h1.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h1Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h1Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h1.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h1.lineHeight};\n `,\n },\n },\n};\nexport const configH2 = {\n defaults: {\n size: 'h2',\n },\n variations: {\n size: {\n h2: css`\n ${typographyTokens.typoFontFamily}: ${h2.fontFamily};\n ${typographyTokens.typoFontSize}: ${h2.fontSize};\n ${typographyTokens.typoFontStyle}: ${h2.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h2.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h2Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h2Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h2.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h2.lineHeight};\n `,\n },\n },\n};\nexport const configH3 = {\n defaults: {\n size: 'h3',\n },\n variations: {\n size: {\n h3: css`\n ${typographyTokens.typoFontFamily}: ${h3.fontFamily};\n ${typographyTokens.typoFontSize}: ${h3.fontSize};\n ${typographyTokens.typoFontStyle}: ${h3.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h3.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h3Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h3Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h3.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h3.lineHeight};\n `,\n },\n },\n};\nexport const configH4 = {\n defaults: {\n size: 'h4',\n },\n variations: {\n size: {\n h4: css`\n ${typographyTokens.typoFontFamily}: ${h4.fontFamily};\n ${typographyTokens.typoFontSize}: ${h4.fontSize};\n ${typographyTokens.typoFontStyle}: ${h4.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h4.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h4Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h4Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h4.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h4.lineHeight};\n `,\n },\n },\n};\nexport const configHXlMedium = {\n defaults: {\n size: 'hXlMedium',\n },\n variations: {\n size: {\n hXlMedium: css`\n ${typographyTokens.typoFontFamily}: ${hXlMedium.fontFamily};\n ${typographyTokens.typoFontSize}: ${hXlMedium.fontSize};\n ${typographyTokens.typoFontStyle}: ${hXlMedium.fontStyle};\n ${typographyTokens.typoFontWeight}: ${hXlMedium.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${hXlMedium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${hXlMedium.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${hXlMedium.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${hXlMedium.lineHeight};\n `,\n },\n },\n};\nexport const configHXxlMedium = {\n defaults: {\n size: 'hXxlMedium',\n },\n variations: {\n size: {\n hXxlMedium: css`\n ${typographyTokens.typoFontFamily}: ${hXxlMedium.fontFamily};\n ${typographyTokens.typoFontSize}: ${hXxlMedium.fontSize};\n ${typographyTokens.typoFontStyle}: ${hXxlMedium.fontStyle};\n ${typographyTokens.typoFontWeight}: ${hXxlMedium.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${hXxlMedium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${hXxlMedium.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${hXxlMedium.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${hXxlMedium.lineHeight};\n `,\n },\n },\n};\n"],"names":["configH1","defaults","size","variations","h1","configH2","h2","configH3","h3","configH4","h4","configHXlMedium","hXlMedium","configHXxlMedium","hXxlMedium"],"mappings":";;;;AAkBO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,eAAe,GAAG;AAC3BV,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFU,MAAAA,SAAS,EAAA;AAWb;AACJ;AACJ;AACO,IAAMC,gBAAgB,GAAG;AAC5BZ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFY,MAAAA,UAAU,EAAA;AAWd;AACJ;AACJ;;;;;;;;;"}
package/dist/css/cjs/components/Typography/{Heading.config_1lpaaqp.css → Heading.config_lsei5l.css} RENAMED
@@ -2,3 +2,5 @@
2
2
  .h1qgxfog{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
3
3
  .h1panbry{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
4
4
  .hyba5hs{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
5
+ .hn3yd2b{--typo-font-family:var(--plasma-typo-h-xl-medium-font-family);--typo-font-size:var(--plasma-typo-h-xl-medium-font-size);--typo-font-style:var(--plasma-typo-h-xl-medium-font-style);--typo-font-weight:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-medium:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h-xl-medium-letter-spacing);--typo-font-line-height:var(--plasma-typo-h-xl-medium-line-height);}
6
+ .h18ax1mt{--typo-font-family:var(--plasma-typo-h-xxl-medium-font-family);--typo-font-size:var(--plasma-typo-h-xxl-medium-font-size);--typo-font-style:var(--plasma-typo-h-xxl-medium-font-style);--typo-font-weight:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-medium:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h-xxl-medium-letter-spacing);--typo-font-line-height:var(--plasma-typo-h-xxl-medium-line-height);}
package/dist/css/cjs/components/Typography/Typography.css CHANGED
@@ -6,7 +6,9 @@
6
6
 
7
7
  .Dspl_config_1j90nrb_sv5rc0u__c4713c3a{--typo-font-family:var(--plasma-typo-dspl-s-font-family);--typo-font-size:var(--plasma-typo-dspl-s-font-size);--typo-font-style:var(--plasma-typo-dspl-s-font-style);--typo-font-weight:var(--plasma-typo-dspl-s-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-s-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-s-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-dspl-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-s-line-height);}
8
8
 
9
- .Heading_config_1lpaaqp_h199g3gy__916b6aa7{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
10
- .Heading_config_1lpaaqp_h1qgxfog__916b6aa7{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
11
- .Heading_config_1lpaaqp_h1panbry__916b6aa7{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
12
- .Heading_config_1lpaaqp_hyba5hs__916b6aa7{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
9
+ .Heading_config_lsei5l_h199g3gy__55373e29{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
10
+ .Heading_config_lsei5l_h1qgxfog__55373e29{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
11
+ .Heading_config_lsei5l_h1panbry__55373e29{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
12
+ .Heading_config_lsei5l_hyba5hs__55373e29{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
13
+ .Heading_config_lsei5l_hn3yd2b__55373e29{--typo-font-family:var(--plasma-typo-h-xl-medium-font-family);--typo-font-size:var(--plasma-typo-h-xl-medium-font-size);--typo-font-style:var(--plasma-typo-h-xl-medium-font-style);--typo-font-weight:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-medium:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h-xl-medium-letter-spacing);--typo-font-line-height:var(--plasma-typo-h-xl-medium-line-height);}
14
+ .Heading_config_lsei5l_h18ax1mt__55373e29{--typo-font-family:var(--plasma-typo-h-xxl-medium-font-family);--typo-font-size:var(--plasma-typo-h-xxl-medium-font-size);--typo-font-style:var(--plasma-typo-h-xxl-medium-font-style);--typo-font-weight:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-medium:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h-xxl-medium-letter-spacing);--typo-font-line-height:var(--plasma-typo-h-xxl-medium-line-height);}
package/dist/css/cjs/components/Typography/Typography.js CHANGED
@@ -27,6 +27,10 @@ var heading3Config = /*#__PURE__*/css.mergeConfig(css.headingConfig, Heading_con
27
27
  var Heading3Component = /*#__PURE__*/css.typographyComponent(/*#__PURE__*/css.component(heading3Config));
28
28
  var heading4Config = /*#__PURE__*/css.mergeConfig(css.headingConfig, Heading_config.configH4);
29
29
  var Heading4Component = /*#__PURE__*/css.typographyComponent(/*#__PURE__*/css.component(heading4Config));
30
+ var headingHXlMediumConfig = /*#__PURE__*/css.mergeConfig(css.headingConfig, Heading_config.configHXlMedium);
31
+ var HeadingXlMediumComponent = /*#__PURE__*/css.typographyComponent(/*#__PURE__*/css.component(headingHXlMediumConfig));
32
+ var headingHXxlMediumConfig = /*#__PURE__*/css.mergeConfig(css.headingConfig, Heading_config.configHXxlMedium);
33
+ var HeadingXxlMediumComponent = /*#__PURE__*/css.typographyComponent(/*#__PURE__*/css.component(headingHXxlMediumConfig));
30
34
  var BodyM = BodyMComponent;
31
35
  var BodyL = BodyLComponent;
32
36
  var BodyS = BodySComponent;
@@ -37,6 +41,8 @@ var H1 = Heading1Component;
37
41
  var H2 = Heading2Component;
38
42
  var H3 = Heading3Component;
39
43
  var H4 = Heading4Component;
44
+ var HXlMedium = HeadingXlMediumComponent;
45
+ var HXxlMedium = HeadingXxlMediumComponent;
40
46
 
41
47
  exports.BodyL = BodyL;
42
48
  exports.BodyM = BodyM;
@@ -48,4 +54,6 @@ exports.H1 = H1;
48
54
  exports.H2 = H2;
49
55
  exports.H3 = H3;
50
56
  exports.H4 = H4;
57
+ exports.HXlMedium = HXlMedium;
58
+ exports.HXxlMedium = HXxlMedium;
51
59
  //# sourceMappingURL=Typography.js.map
package/dist/css/cjs/components/Typography/Typography.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.js","sources":["../../../../../src-css/components/Typography/Typography.tsx"],"sourcesContent":["import {\n bodyConfig,\n dsplConfig,\n headingConfig,\n component,\n typographyComponent,\n mergeConfig,\n} from '@salutejs/plasma-new-hope/css';\n\nimport {\n configL as bodyConfigLCustom,\n configM as bodyConfigMCustom,\n configS as bodyConfigSCustom,\n configXS as bodyConfigXSCustom,\n configXXS as bodyConfigXXSCustom,\n} from './Body.config';\nimport { configS as dsplConfigSCustom } from './Dspl.config';\nimport {\n configH1 as headingConfigH1Custom,\n configH2 as headingConfigH2Custom,\n configH3 as headingConfigH3Custom,\n configH4 as headingConfigH4Custom,\n} from './Heading.config';\n\nconst bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);\nconst BodyMComponent = typographyComponent(component(bodyMConfig));\n\nconst bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);\nconst BodyLComponent = typographyComponent(component(bodyLConfig));\n\nconst bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);\nconst BodySComponent = typographyComponent(component(bodySConfig));\n\nconst bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);\nconst BodyXSComponent = typographyComponent(component(bodyXSConfig));\n\nconst bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);\nconst BodyXXSComponent = typographyComponent(component(bodyXXSConfig));\n\nconst dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);\nconst DsplSComponent = typographyComponent(component(dsplSConfig));\n\nconst heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);\nconst Heading1Component = typographyComponent(component(heading1Config));\n\nconst heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);\nconst Heading2Component = typographyComponent(component(heading2Config));\n\nconst heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);\nconst Heading3Component = typographyComponent(component(heading3Config));\n\nconst heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);\nconst Heading4Component = typographyComponent(component(heading4Config));\n\nexport const BodyM = BodyMComponent;\nexport const BodyL = BodyLComponent;\nexport const BodyS = BodySComponent;\nexport const BodyXS = BodyXSComponent;\nexport const BodyXXS = BodyXXSComponent;\n\nexport const DsplS = DsplSComponent;\n\nexport const H1 = Heading1Component;\nexport const H2 = Heading2Component;\nexport const H3 = Heading3Component;\nexport const H4 = Heading4Component;\n"],"names":["bodyMConfig","mergeConfig","bodyConfig","bodyConfigMCustom","BodyMComponent","typographyComponent","component","bodyLConfig","bodyConfigLCustom","BodyLComponent","bodySConfig","bodyConfigSCustom","BodySComponent","bodyXSConfig","bodyConfigXSCustom","BodyXSComponent","bodyXXSConfig","bodyConfigXXSCustom","BodyXXSComponent","dsplSConfig","dsplConfig","dsplConfigSCustom","DsplSComponent","heading1Config","headingConfig","headingConfigH1Custom","Heading1Component","heading2Config","headingConfigH2Custom","Heading2Component","heading3Config","headingConfigH3Custom","Heading3Component","heading4Config","headingConfigH4Custom","Heading4Component","BodyM","BodyL","BodyS","BodyXS","BodyXXS","DsplS","H1","H2","H3","H4"],"mappings":";;;;;;;;;AAwBA,IAAMA,WAAW,gBAAGC,eAAW,CAACC,cAAU,EAAEC,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGC,uBAAmB,cAACC,aAAS,CAACN,WAAW,CAAC,CAAC;AAElE,IAAMO,WAAW,gBAAGN,eAAW,CAACC,cAAU,EAAEM,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGJ,uBAAmB,cAACC,aAAS,CAACC,WAAW,CAAC,CAAC;AAElE,IAAMG,WAAW,gBAAGT,eAAW,CAACC,cAAU,EAAES,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGP,uBAAmB,cAACC,aAAS,CAACI,WAAW,CAAC,CAAC;AAElE,IAAMG,YAAY,gBAAGZ,eAAW,CAACC,cAAU,EAAEY,oBAAkB,CAAC;AAChE,IAAMC,eAAe,gBAAGV,uBAAmB,cAACC,aAAS,CAACO,YAAY,CAAC,CAAC;AAEpE,IAAMG,aAAa,gBAAGf,eAAW,CAACC,cAAU,EAAEe,qBAAmB,CAAC;AAClE,IAAMC,gBAAgB,gBAAGb,uBAAmB,cAACC,aAAS,CAACU,aAAa,CAAC,CAAC;AAEtE,IAAMG,WAAW,gBAAGlB,eAAW,CAACmB,cAAU,EAAEC,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGjB,uBAAmB,cAACC,aAAS,CAACa,WAAW,CAAC,CAAC;AAElE,IAAMI,cAAc,gBAAGtB,eAAW,CAACuB,iBAAa,EAAEC,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGrB,uBAAmB,cAACC,aAAS,CAACiB,cAAc,CAAC,CAAC;AAExE,IAAMI,cAAc,gBAAG1B,eAAW,CAACuB,iBAAa,EAAEI,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGxB,uBAAmB,cAACC,aAAS,CAACqB,cAAc,CAAC,CAAC;AAExE,IAAMG,cAAc,gBAAG7B,eAAW,CAACuB,iBAAa,EAAEO,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAG3B,uBAAmB,cAACC,aAAS,CAACwB,cAAc,CAAC,CAAC;AAExE,IAAMG,cAAc,gBAAGhC,eAAW,CAACuB,iBAAa,EAAEU,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAG9B,uBAAmB,cAACC,aAAS,CAAC2B,cAAc,CAAC,CAAC;AAEjE,IAAMG,KAAK,GAAGhC;AACd,IAAMiC,KAAK,GAAG5B;AACd,IAAM6B,KAAK,GAAG1B;AACd,IAAM2B,MAAM,GAAGxB;AACf,IAAMyB,OAAO,GAAGtB;AAEhB,IAAMuB,KAAK,GAAGnB;AAEd,IAAMoB,EAAE,GAAGhB;AACX,IAAMiB,EAAE,GAAGd;AACX,IAAMe,EAAE,GAAGZ;AACX,IAAMa,EAAE,GAAGV;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Typography.js","sources":["../../../../../src-css/components/Typography/Typography.tsx"],"sourcesContent":["import {\n bodyConfig,\n dsplConfig,\n headingConfig,\n component,\n typographyComponent,\n mergeConfig,\n} from '@salutejs/plasma-new-hope/css';\n\nimport {\n configL as bodyConfigLCustom,\n configM as bodyConfigMCustom,\n configS as bodyConfigSCustom,\n configXS as bodyConfigXSCustom,\n configXXS as bodyConfigXXSCustom,\n} from './Body.config';\nimport { configS as dsplConfigSCustom } from './Dspl.config';\nimport {\n configH1 as headingConfigH1Custom,\n configH2 as headingConfigH2Custom,\n configH3 as headingConfigH3Custom,\n configH4 as headingConfigH4Custom,\n configHXlMedium as headingConfigHXlMediumCustom,\n configHXxlMedium as headingConfigHXxlMediumCustom,\n} from './Heading.config';\n\nconst bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);\nconst BodyMComponent = typographyComponent(component(bodyMConfig));\n\nconst bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);\nconst BodyLComponent = typographyComponent(component(bodyLConfig));\n\nconst bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);\nconst BodySComponent = typographyComponent(component(bodySConfig));\n\nconst bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);\nconst BodyXSComponent = typographyComponent(component(bodyXSConfig));\n\nconst bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);\nconst BodyXXSComponent = typographyComponent(component(bodyXXSConfig));\n\nconst dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);\nconst DsplSComponent = typographyComponent(component(dsplSConfig));\n\nconst heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);\nconst Heading1Component = typographyComponent(component(heading1Config));\n\nconst heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);\nconst Heading2Component = typographyComponent(component(heading2Config));\n\nconst heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);\nconst Heading3Component = typographyComponent(component(heading3Config));\n\nconst heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);\nconst Heading4Component = typographyComponent(component(heading4Config));\n\nconst headingHXlMediumConfig = mergeConfig(headingConfig, headingConfigHXlMediumCustom);\nconst HeadingXlMediumComponent = typographyComponent(component(headingHXlMediumConfig));\n\nconst headingHXxlMediumConfig = mergeConfig(headingConfig, headingConfigHXxlMediumCustom);\nconst HeadingXxlMediumComponent = typographyComponent(component(headingHXxlMediumConfig));\n\nexport const BodyM = BodyMComponent;\nexport const BodyL = BodyLComponent;\nexport const BodyS = BodySComponent;\nexport const BodyXS = BodyXSComponent;\nexport const BodyXXS = BodyXXSComponent;\n\nexport const DsplS = DsplSComponent;\n\nexport const H1 = Heading1Component;\nexport const H2 = Heading2Component;\nexport const H3 = Heading3Component;\nexport const H4 = Heading4Component;\nexport const HXlMedium = HeadingXlMediumComponent;\nexport const HXxlMedium = HeadingXxlMediumComponent;\n"],"names":["bodyMConfig","mergeConfig","bodyConfig","bodyConfigMCustom","BodyMComponent","typographyComponent","component","bodyLConfig","bodyConfigLCustom","BodyLComponent","bodySConfig","bodyConfigSCustom","BodySComponent","bodyXSConfig","bodyConfigXSCustom","BodyXSComponent","bodyXXSConfig","bodyConfigXXSCustom","BodyXXSComponent","dsplSConfig","dsplConfig","dsplConfigSCustom","DsplSComponent","heading1Config","headingConfig","headingConfigH1Custom","Heading1Component","heading2Config","headingConfigH2Custom","Heading2Component","heading3Config","headingConfigH3Custom","Heading3Component","heading4Config","headingConfigH4Custom","Heading4Component","headingHXlMediumConfig","headingConfigHXlMediumCustom","HeadingXlMediumComponent","headingHXxlMediumConfig","headingConfigHXxlMediumCustom","HeadingXxlMediumComponent","BodyM","BodyL","BodyS","BodyXS","BodyXXS","DsplS","H1","H2","H3","H4","HXlMedium","HXxlMedium"],"mappings":";;;;;;;;;AA0BA,IAAMA,WAAW,gBAAGC,eAAW,CAACC,cAAU,EAAEC,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGC,uBAAmB,cAACC,aAAS,CAACN,WAAW,CAAC,CAAC;AAElE,IAAMO,WAAW,gBAAGN,eAAW,CAACC,cAAU,EAAEM,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGJ,uBAAmB,cAACC,aAAS,CAACC,WAAW,CAAC,CAAC;AAElE,IAAMG,WAAW,gBAAGT,eAAW,CAACC,cAAU,EAAES,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGP,uBAAmB,cAACC,aAAS,CAACI,WAAW,CAAC,CAAC;AAElE,IAAMG,YAAY,gBAAGZ,eAAW,CAACC,cAAU,EAAEY,oBAAkB,CAAC;AAChE,IAAMC,eAAe,gBAAGV,uBAAmB,cAACC,aAAS,CAACO,YAAY,CAAC,CAAC;AAEpE,IAAMG,aAAa,gBAAGf,eAAW,CAACC,cAAU,EAAEe,qBAAmB,CAAC;AAClE,IAAMC,gBAAgB,gBAAGb,uBAAmB,cAACC,aAAS,CAACU,aAAa,CAAC,CAAC;AAEtE,IAAMG,WAAW,gBAAGlB,eAAW,CAACmB,cAAU,EAAEC,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGjB,uBAAmB,cAACC,aAAS,CAACa,WAAW,CAAC,CAAC;AAElE,IAAMI,cAAc,gBAAGtB,eAAW,CAACuB,iBAAa,EAAEC,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGrB,uBAAmB,cAACC,aAAS,CAACiB,cAAc,CAAC,CAAC;AAExE,IAAMI,cAAc,gBAAG1B,eAAW,CAACuB,iBAAa,EAAEI,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGxB,uBAAmB,cAACC,aAAS,CAACqB,cAAc,CAAC,CAAC;AAExE,IAAMG,cAAc,gBAAG7B,eAAW,CAACuB,iBAAa,EAAEO,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAG3B,uBAAmB,cAACC,aAAS,CAACwB,cAAc,CAAC,CAAC;AAExE,IAAMG,cAAc,gBAAGhC,eAAW,CAACuB,iBAAa,EAAEU,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAG9B,uBAAmB,cAACC,aAAS,CAAC2B,cAAc,CAAC,CAAC;AAExE,IAAMG,sBAAsB,gBAAGnC,eAAW,CAACuB,iBAAa,EAAEa,8BAA4B,CAAC;AACvF,IAAMC,wBAAwB,gBAAGjC,uBAAmB,cAACC,aAAS,CAAC8B,sBAAsB,CAAC,CAAC;AAEvF,IAAMG,uBAAuB,gBAAGtC,eAAW,CAACuB,iBAAa,EAAEgB,+BAA6B,CAAC;AACzF,IAAMC,yBAAyB,gBAAGpC,uBAAmB,cAACC,aAAS,CAACiC,uBAAuB,CAAC,CAAC;AAElF,IAAMG,KAAK,GAAGtC;AACd,IAAMuC,KAAK,GAAGlC;AACd,IAAMmC,KAAK,GAAGhC;AACd,IAAMiC,MAAM,GAAG9B;AACf,IAAM+B,OAAO,GAAG5B;AAEhB,IAAM6B,KAAK,GAAGzB;AAEd,IAAM0B,EAAE,GAAGtB;AACX,IAAMuB,EAAE,GAAGpB;AACX,IAAMqB,EAAE,GAAGlB;AACX,IAAMmB,EAAE,GAAGhB;AACX,IAAMiB,SAAS,GAAGd;AAClB,IAAMe,UAAU,GAAGZ;;;;;;;;;;;;;;;"}
package/dist/css/cjs/index.css CHANGED
@@ -911,10 +911,12 @@
911
911
 
912
912
  .Dspl_config_1j90nrb_sv5rc0u__c4713c3a{--typo-font-family:var(--plasma-typo-dspl-s-font-family);--typo-font-size:var(--plasma-typo-dspl-s-font-size);--typo-font-style:var(--plasma-typo-dspl-s-font-style);--typo-font-weight:var(--plasma-typo-dspl-s-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-s-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-s-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-dspl-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-s-line-height);}
913
913
 
914
- .Heading_config_1lpaaqp_h199g3gy__916b6aa7{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
915
- .Heading_config_1lpaaqp_h1qgxfog__916b6aa7{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
916
- .Heading_config_1lpaaqp_h1panbry__916b6aa7{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
917
- .Heading_config_1lpaaqp_hyba5hs__916b6aa7{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
914
+ .Heading_config_lsei5l_h199g3gy__55373e29{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
915
+ .Heading_config_lsei5l_h1qgxfog__55373e29{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
916
+ .Heading_config_lsei5l_h1panbry__55373e29{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
917
+ .Heading_config_lsei5l_hyba5hs__55373e29{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
918
+ .Heading_config_lsei5l_hn3yd2b__55373e29{--typo-font-family:var(--plasma-typo-h-xl-medium-font-family);--typo-font-size:var(--plasma-typo-h-xl-medium-font-size);--typo-font-style:var(--plasma-typo-h-xl-medium-font-style);--typo-font-weight:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-medium:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h-xl-medium-letter-spacing);--typo-font-line-height:var(--plasma-typo-h-xl-medium-line-height);}
919
+ .Heading_config_lsei5l_h18ax1mt__55373e29{--typo-font-family:var(--plasma-typo-h-xxl-medium-font-family);--typo-font-size:var(--plasma-typo-h-xxl-medium-font-size);--typo-font-style:var(--plasma-typo-h-xxl-medium-font-style);--typo-font-weight:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-medium:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h-xxl-medium-letter-spacing);--typo-font-line-height:var(--plasma-typo-h-xxl-medium-line-height);}
918
920
 
919
921
  .ViewContainer_config_bgbike_o136jz4i__8126ce22{--surface-accent-secondary-hover:var(--on-dark-surface-accent-secondary-hover);--surface-transparent-card-brightness-hover:var(--on-dark-surface-transparent-card-brightness-hover);--surface-transparent-card-brightness-active:var(--on-dark-surface-transparent-card-brightness-active);--inverse-personas-ochre-text-accent:var(--on-light-personas-ochre-text-accent);--inverse-personas-pink-text-accent:var(--on-light-personas-pink-text-accent);--surface-solid-tertiary-active:var(--on-dark-surface-solid-tertiary-active);--inverse-surface-solid-primary-brightness-hover:var(--on-light-surface-solid-primary-brightness-hover);--text-primary:var(--on-dark-text-primary);--inverse-surface-transparent-navi:var(--on-light-surface-transparent-navi);--inverse-surface-transparent-card-brightness-hover:var(--on-light-surface-transparent-card-brightness-hover);--inverse-personas-indigo-text-accent:var(--on-light-personas-indigo-text-accent);--inverse-surface-solid-primary-brightness-active:var(--on-light-surface-solid-primary-brightness-active);--personas-olive-text-accent:var(--on-dark-personas-olive-text-accent);--outline-primary:var(--on-dark-outline-primary);--inverse-surface-solid-tertiary:var(--on-light-surface-solid-tertiary);--inverse-personas-green-text-accent:var(--on-light-personas-green-text-accent);--surface-accent-secondary:var(--on-dark-surface-accent-secondary);--surface-accent-minor:var(--on-dark-surface-accent-minor);--inverse-surface-transparent-card-brightness-active:var(--on-light-surface-transparent-card-brightness-active);--inverse-surface-solid-card-brightness-active:var(--on-light-surface-solid-card-brightness-active);--inverse-surface-accent-minor:var(--on-light-surface-accent-minor);--personas-ochre-text-accent:var(--on-dark-personas-ochre-text-accent);--inverse-personas-blue-text-accent-active:var(--on-light-personas-blue-text-accent-active);--inverse-personas-olive-text-accent-hover:var(--on-light-personas-olive-text-accent-hover);--inverse-personas-green-text-accent-active:var(--on-light-personas-green-text-accent-active);--inverse-surface-accent-secondary:var(--on-light-surface-accent-secondary);--inverse-personas-indigo-text-accent-active:var(--on-light-personas-indigo-text-accent-active);--personas-sea-blue-text-accent-active:var(--on-dark-personas-sea-blue-text-accent-active);--text-primary-brightness-hover:var(--on-dark-text-primary-brightness-hover);--inverse-surface-transparent-accent-minor-active:var(--on-light-surface-transparent-accent-minor-active);--personas-ochre-text-accent-hover:var(--on-dark-personas-ochre-text-accent-hover);--inverse-personas-pink-text-accent-active:var(--on-light-personas-pink-text-accent-active);--outline-primary-active:var(--on-dark-outline-primary-active);--inverse-surface-accent-secondary-active:var(--on-light-surface-accent-secondary-active);--personas-indigo-text-accent-active:var(--on-dark-personas-indigo-text-accent-active);--personas-green-text-accent-active:var(--on-dark-personas-green-text-accent-active);--inverse-personas-sea-blue-text-accent-hover:var(--on-light-personas-sea-blue-text-accent-hover);--inverse-personas-blue-text-accent-hover:var(--on-light-personas-blue-text-accent-hover);--inverse-personas-indigo-text-accent-hover:var(--on-light-personas-indigo-text-accent-hover);--outline-primary-hover:var(--on-dark-outline-primary-hover);--surface-transparent-accent-minor-active:var(--on-dark-surface-transparent-accent-minor-active);--surface-transparent-navi-hover:var(--on-dark-surface-transparent-navi-hover);--inverse-outline-default-hover:var(--on-light-outline-default-hover);--inverse-personas-violet-text-accent-hover:var(--on-light-personas-violet-text-accent-hover);--inverse-surface-transparent-accent-minor-hover:var(--on-light-surface-transparent-accent-minor-hover);--inverse-surface-transparent-navi-hover:var(--on-light-surface-transparent-navi-hover);--inverse-outline-primary-hover:var(--on-light-outline-primary-hover);--personas-olive-text-accent-hover:var(--on-dark-personas-olive-text-accent-hover);--personas-violet-text-accent:var(--on-dark-personas-violet-text-accent);--inverse-personas-ochre-text-accent-hover:var(--on-light-personas-ochre-text-accent-hover);--inverse-personas-pink-text-accent-hover:var(--on-light-personas-pink-text-accent-hover);--surface-accent-secondary-active:var(--on-dark-surface-accent-secondary-active);--personas-blue-text-accent:var(--on-dark-personas-blue-text-accent);--personas-blue-text-accent-active:var(--on-dark-personas-blue-text-accent-active);--personas-green-text-accent:var(--on-dark-personas-green-text-accent);--surface-solid-primary-brightness-active:var(--on-dark-surface-solid-primary-brightness-active);--personas-pink-text-accent:var(--on-dark-personas-pink-text-accent);--personas-sea-blue-text-accent:var(--on-dark-personas-sea-blue-text-accent);--surface-transparent-accent-minor:var(--on-dark-surface-transparent-accent-minor);--personas-violet-text-accent-hover:var(--on-dark-personas-violet-text-accent-hover);--inverse-personas-blue-text-accent:var(--on-light-personas-blue-text-accent);--inverse-personas-olive-text-accent-active:var(--on-light-personas-olive-text-accent-active);--inverse-surface-solid-card-brightness-hover:var(--on-light-surface-solid-card-brightness-hover);--inverse-surface-transparent-accent-minor:var(--on-light-surface-transparent-accent-minor);--inverse-text-primary-brightness-hover:var(--on-light-text-primary-brightness-hover);--background-hardline:var(--dark-background-hardline);--inverse-outline-primary:var(--on-light-outline-primary);--inverse-personas-violet-text-accent:var(--on-light-personas-violet-text-accent);--personas-indigo-text-accent:var(--on-dark-personas-indigo-text-accent);--inverse-text-primary-brightness-active:var(--on-light-text-primary-brightness-active);--personas-pink-text-accent-hover:var(--on-dark-personas-pink-text-accent-hover);--personas-pink-text-accent-active:var(--on-dark-personas-pink-text-accent-active);--inverse-personas-ochre-text-accent-active:var(--on-light-personas-ochre-text-accent-active);--inverse-personas-olive-text-accent:var(--on-light-personas-olive-text-accent);--surface-transparent-accent-minor-hover:var(--on-dark-surface-transparent-accent-minor-hover);--inverse-surface-transparent-navi-active:var(--on-light-surface-transparent-navi-active);--inverse-personas-green-text-accent-hover:var(--on-light-personas-green-text-accent-hover);--outline-transparent-white-active:var(--on-dark-outline-transparent-white-active);--outline-transparent-white-hover:var(--on-dark-outline-transparent-white-hover);--inverse-outline-deep:var(--on-light-outline-deep);--inverse-outline-deep-active:var(--on-light-outline-deep-active);--inverse-outline-deep-hover:var(--on-light-outline-deep-hover);--inverse-outline-transparent-white:var(--on-light-outline-transparent-white);--inverse-outline-transparent-white-hover:var(--on-light-outline-transparent-white-hover);--surface-solid-deep:var(--on-dark-surface-solid-deep);--surface-solid-deep-active:var(--on-dark-surface-solid-deep-active);--surface-solid-deep-hover:var(--on-dark-surface-solid-deep-hover);--surface-transparent-card-minor:var(--on-dark-surface-transparent-card-minor);--surface-transparent-card-minor-active:var(--on-dark-surface-transparent-card-minor-active);--surface-transparent-card-minor-hover:var(--on-dark-surface-transparent-card-minor-hover);--inverse-surface-solid-deep:var(--on-light-surface-solid-deep);--inverse-surface-solid-deep-active:var(--on-light-surface-solid-deep-active);--inverse-surface-solid-deep-hover:var(--on-light-surface-solid-deep-hover);--inverse-surface-transparent-card-minor:var(--on-light-surface-transparent-card-minor);--inverse-surface-transparent-card-minor-active:var(--on-light-surface-transparent-card-minor-active);--inverse-surface-transparent-card-minor-hover:var(--on-light-surface-transparent-card-minor-hover);--outline-deep-active:var(--on-dark-outline-deep-active);--outline-deep-hover:var(--on-dark-outline-deep-hover);--text-positive-active:var(--on-dark-text-positive-active);--text-positive-hover:var(--on-dark-text-positive-hover);--text-primary-active:var(--on-dark-text-primary-active);--text-primary-brightness:var(--on-dark-text-primary-brightness);--text-negative:var(--on-dark-text-negative);--text-negative-active:var(--on-dark-text-negative-active);--text-negative-hover:var(--on-dark-text-negative-hover);--text-tertiary-active:var(--on-dark-text-tertiary-active);--text-tertiary-hover:var(--on-dark-text-tertiary-hover);--text-warning:var(--on-dark-text-warning);--text-warning-active:var(--on-dark-text-warning-active);--text-warning-hover:var(--on-dark-text-warning-hover);--text-accent-minor:var(--on-dark-text-accent-minor);--text-accent-minor-active:var(--on-dark-text-accent-minor-active);--text-accent-minor-hover:var(--on-dark-text-accent-minor-hover);--text-paragraph-hover:var(--on-dark-text-paragraph-hover);--text-positive:var(--on-dark-text-positive);--text-paragraph:var(--on-dark-text-paragraph);--text-paragraph-active:var(--on-dark-text-paragraph-active);--text-info:var(--on-dark-text-info);--text-info-active:var(--on-dark-text-info-active);--text-info-hover:var(--on-dark-text-info-hover);--text-secondary:var(--on-dark-text-secondary);--text-secondary-active:var(--on-dark-text-secondary-active);--text-secondary-hover:var(--on-dark-text-secondary-hover);--text-tertiary:var(--on-dark-text-tertiary);--text-accent:var(--on-dark-text-accent);--text-accent-active:var(--on-dark-text-accent-active);--inverse-text-secondary-hover:var(--on-light-text-secondary-hover);--inverse-text-secondary:var(--on-light-text-secondary);--inverse-text-secondary-active:var(--on-light-text-secondary-active);--inverse-text-tertiary-active:var(--on-light-text-tertiary-active);--inverse-text-tertiary-hover:var(--on-light-text-tertiary-hover);--inverse-text-primary-active:var(--on-light-text-primary-active);--inverse-text-primary-hover:var(--on-light-text-primary-hover);--inverse-text-primary-brightness:var(--on-light-text-primary-brightness);--inverse-text-accent-minor-active:var(--on-light-text-accent-minor-active);--inverse-text-paragraph:var(--on-light-text-paragraph);--inverse-text-accent-minor-hover:var(--on-light-text-accent-minor-hover);--inverse-text-paragraph-active:var(--on-light-text-paragraph-active);--inverse-text-primary:var(--on-light-text-primary);--inverse-text-paragraph-hover:var(--on-light-text-paragraph-hover);--inverse-text-tertiary:var(--on-light-text-tertiary);--inverse-text-accent-active:var(--on-light-text-accent-active);--inverse-text-accent-hover:var(--on-light-text-accent-hover);--inverse-text-accent-minor:var(--on-light-text-accent-minor);--inverse-text-negative:var(--on-light-text-negative);--inverse-text-positive-active:var(--on-light-text-positive-active);--inverse-text-positive-hover:var(--on-light-text-positive-hover);--inverse-text-negative-active:var(--on-light-text-negative-active);--inverse-text-negative-hover:var(--on-light-text-negative-hover);--surface-solid-secondary:var(--on-dark-surface-solid-secondary);--surface-solid-tertiary:var(--on-dark-surface-solid-tertiary);--surface-solid-secondary-active:var(--on-dark-surface-solid-secondary-active);--surface-solid-secondary-hover:var(--on-dark-surface-solid-secondary-hover);--surface-solid-tertiary-hover:var(--on-dark-surface-solid-tertiary-hover);--inverse-text-info-active:var(--on-light-text-info-active);--inverse-text-info:var(--on-light-text-info);--inverse-text-info-hover:var(--on-light-text-info-hover);--inverse-text-warning:var(--on-light-text-warning);--inverse-text-warning-hover:var(--on-light-text-warning-hover);--surface-solid-primary:var(--on-dark-surface-solid-primary);--inverse-text-warning-active:var(--on-light-text-warning-active);--inverse-text-positive:var(--on-light-text-positive);--surface-solid-primary-hover:var(--on-dark-surface-solid-primary-hover);--surface-accent-hover:var(--on-dark-surface-accent-hover);--surface-accent-active:var(--on-dark-surface-accent-active);--surface-transparent-primary-active:var(--on-dark-surface-transparent-primary-active);--surface-transparent-secondary:var(--on-dark-surface-transparent-secondary);--surface-transparent-primary-hover:var(--on-dark-surface-transparent-primary-hover);--surface-transparent-deep:var(--on-dark-surface-transparent-deep);--surface-transparent-primary:var(--on-dark-surface-transparent-primary);--surface-transparent-deep-active:var(--on-dark-surface-transparent-deep-active);--surface-transparent-deep-hover:var(--on-dark-surface-transparent-deep-hover);--surface-solid-card-active:var(--on-dark-surface-solid-card-active);--surface-solid-card-hover:var(--on-dark-surface-solid-card-hover);--surface-solid-card-brightness:var(--on-dark-surface-solid-card-brightness);--surface-clear-active:var(--on-dark-surface-clear-active);--surface-clear:var(--on-dark-surface-clear);--surface-solid-card:var(--on-dark-surface-solid-card);--surface-clear-hover:var(--on-dark-surface-clear-hover);--surface-transparent-card-active:var(--on-dark-surface-transparent-card-active);--surface-transparent-card-hover:var(--on-dark-surface-transparent-card-hover);--surface-transparent-card-brightness:var(--on-dark-surface-transparent-card-brightness);--surface-solid-default-active:var(--on-dark-surface-solid-default-active);--surface-solid-default-hover:var(--on-dark-surface-solid-default-hover);--surface-transparent-accent-active:var(--on-dark-surface-transparent-accent-active);--surface-transparent-card:var(--on-dark-surface-transparent-card);--surface-transparent-secondary-active:var(--on-dark-surface-transparent-secondary-active);--surface-transparent-tertiary:var(--on-dark-surface-transparent-tertiary);--surface-transparent-accent-hover:var(--on-dark-surface-transparent-accent-hover);--surface-transparent-accent:var(--on-dark-surface-transparent-accent);--surface-transparent-secondary-hover:var(--on-dark-surface-transparent-secondary-hover);--surface-transparent-tertiary-active:var(--on-dark-surface-transparent-tertiary-active);--surface-transparent-tertiary-hover:var(--on-dark-surface-transparent-tertiary-hover);--surface-positive-active:var(--on-dark-surface-positive-active);--surface-positive-hover:var(--on-dark-surface-positive-hover);--surface-negative-active:var(--on-dark-surface-negative-active);--surface-positive:var(--on-dark-surface-positive);--surface-negative-hover:var(--on-dark-surface-negative-hover);--surface-info-hover:var(--on-dark-surface-info-hover);--surface-warning:var(--on-dark-surface-warning);--surface-warning-hover:var(--on-dark-surface-warning-hover);--surface-warning-active:var(--on-dark-surface-warning-active);--surface-info-active:var(--on-dark-surface-info-active);--surface-negative:var(--on-dark-surface-negative);--surface-transparent-negative-active:var(--on-dark-surface-transparent-negative-active);--surface-transparent-negative-hover:var(--on-dark-surface-transparent-negative-hover);--surface-transparent-negative:var(--on-dark-surface-transparent-negative);--surface-read-only-active:var(--on-dark-surface-read-only-active);--surface-read-only:var(--on-dark-surface-read-only);--surface-read-only-hover:var(--on-dark-surface-read-only-hover);--inverse-surface-solid-secondary:var(--on-light-surface-solid-secondary);--inverse-surface-solid-secondary-hover:var(--on-light-surface-solid-secondary-hover);--inverse-surface-solid-primary-brightness:var(--on-light-surface-solid-primary-brightness);--inverse-surface-solid-primary-active:var(--on-light-surface-solid-primary-active);--inverse-surface-solid-primary-hover:var(--on-light-surface-solid-primary-hover);--inverse-surface-transparent-tertiary-hover:var(--on-light-surface-transparent-tertiary-hover);--inverse-surface-clear-active:var(--on-light-surface-clear-active);--inverse-surface-clear:var(--on-light-surface-clear);--inverse-surface-transparent-primary-active:var(--on-light-surface-transparent-primary-active);--inverse-surface-transparent-secondary:var(--on-light-surface-transparent-secondary);--inverse-surface-transparent-primary-hover:var(--on-light-surface-transparent-primary-hover);--inverse-surface-transparent-deep:var(--on-light-surface-transparent-deep);--inverse-surface-transparent-primary:var(--on-light-surface-transparent-primary);--inverse-surface-transparent-deep-active:var(--on-light-surface-transparent-deep-active);--inverse-surface-transparent-deep-hover:var(--on-light-surface-transparent-deep-hover);--inverse-surface-solid-card-active:var(--on-light-surface-solid-card-active);--inverse-surface-solid-card-hover:var(--on-light-surface-solid-card-hover);--inverse-surface-solid-card-brightness:var(--on-light-surface-solid-card-brightness);--inverse-surface-solid-card:var(--on-light-surface-solid-card);--inverse-surface-transparent-card-brightness:var(--on-light-surface-transparent-card-brightness);--inverse-surface-transparent-card-hover:var(--on-light-surface-transparent-card-hover);--inverse-surface-solid-default-active:var(--on-light-surface-solid-default-active);--inverse-surface-solid-tertiary-active:var(--on-light-surface-solid-tertiary-active);--inverse-surface-transparent-card-active:var(--on-light-surface-transparent-card-active);--inverse-surface-transparent-card:var(--on-light-surface-transparent-card);--inverse-surface-solid-default-hover:var(--on-light-surface-solid-default-hover);--inverse-surface-solid-tertiary-hover:var(--on-light-surface-solid-tertiary-hover);--inverse-surface-transparent-secondary-active:var(--on-light-surface-transparent-secondary-active);--inverse-surface-transparent-tertiary:var(--on-light-surface-transparent-tertiary);--inverse-surface-transparent-secondary-hover:var(--on-light-surface-transparent-secondary-hover);--inverse-surface-transparent-tertiary-active:var(--on-light-surface-transparent-tertiary-active);--inverse-surface-clear-hover:var(--on-light-surface-clear-hover);--inverse-surface-warning-active:var(--on-light-surface-warning-active);--inverse-surface-warning-hover:var(--on-light-surface-warning-hover);--inverse-surface-accent-hover:var(--on-light-surface-accent-hover);--inverse-surface-positive-active:var(--on-light-surface-positive-active);--inverse-surface-positive-hover:var(--on-light-surface-positive-hover);--inverse-surface-negative-active:var(--on-light-surface-negative-active);--inverse-surface-positive:var(--on-light-surface-positive);--inverse-surface-negative-hover:var(--on-light-surface-negative-hover);--inverse-surface-negative:var(--on-light-surface-negative);--inverse-surface-info-hover:var(--on-light-surface-info-hover);--inverse-surface-warning:var(--on-light-surface-warning);--inverse-surface-transparent-accent:var(--on-light-surface-transparent-accent);--inverse-surface-info-active:var(--on-light-surface-info-active);--inverse-surface-transparent-accent-active:var(--on-light-surface-transparent-accent-active);--inverse-surface-info:var(--on-light-surface-info);--inverse-surface-transparent-accent-hover:var(--on-light-surface-transparent-accent-hover);--inverse-surface-transparent-negative-active:var(--on-light-surface-transparent-negative-active);--inverse-surface-transparent-negative-hover:var(--on-light-surface-transparent-negative-hover);--inverse-surface-transparent-negative:var(--on-light-surface-transparent-negative);--background-secondary:var(--dark-background-secondary);--background-tertiary:var(--dark-background-tertiary);--inverse-surface-read-only-active:var(--on-light-surface-read-only-active);--inverse-surface-read-only-hover:var(--on-light-surface-read-only-hover);--inverse-surface-read-only:var(--on-light-surface-read-only);--background-primary:var(--dark-background-primary);--outline-transparent-primary-active:var(--on-dark-outline-transparent-primary-active);--outline-transparent-primary:var(--on-dark-outline-transparent-primary);--outline-transparent-primary-hover:var(--on-dark-outline-transparent-primary-hover);--overlay-hard:var(--on-dark-overlay-hard);--overlay-soft:var(--on-dark-overlay-soft);--inverse-overlay-soft:var(--on-light-overlay-soft);--inverse-overlay-hard:var(--on-light-overlay-hard);--outline-clear:var(--on-dark-outline-clear);--inverse-background-tertiary:var(--light-background-tertiary);--inverse-background-secondary:var(--light-background-secondary);--outline-positive:var(--on-dark-outline-positive);--outline-negative:var(--on-dark-outline-negative);--outline-accent-hover:var(--on-dark-outline-accent-hover);--outline-accent-active:var(--on-dark-outline-accent-active);--outline-positive-active:var(--on-dark-outline-positive-active);--outline-positive-hover:var(--on-dark-outline-positive-hover);--outline-negative-active:var(--on-dark-outline-negative-active);--outline-negative-hover:var(--on-dark-outline-negative-hover);--outline-clear-hover:var(--on-dark-outline-clear-hover);--outline-info-hover:var(--on-dark-outline-info-hover);--outline-warning-hover:var(--on-dark-outline-warning-hover);--outline-clear-active:var(--on-dark-outline-clear-active);--outline-warning:var(--on-dark-outline-warning);--outline-warning-active:var(--on-dark-outline-warning-active);--outline-info:var(--on-dark-outline-info);--outline-info-active:var(--on-dark-outline-info-active);--inverse-outline-accent-active:var(--on-light-outline-accent-active);--inverse-outline-clear:var(--on-light-outline-clear);--inverse-outline-clear-active:var(--on-light-outline-clear-active);--inverse-outline-clear-hover:var(--on-light-outline-clear-hover);--inverse-outline-transparent-primary-hover:var(--on-light-outline-transparent-primary-hover);--inverse-outline-transparent-primary:var(--on-light-outline-transparent-primary);--inverse-outline-transparent-primary-active:var(--on-light-outline-transparent-primary-active);--inverse-outline-positive:var(--on-light-outline-positive);--inverse-outline-negative:var(--on-light-outline-negative);--inverse-outline-info-hover:var(--on-light-outline-info-hover);--inverse-outline-info-active:var(--on-light-outline-info-active);--inverse-outline-positive-active:var(--on-light-outline-positive-active);--inverse-outline-positive-hover:var(--on-light-outline-positive-hover);--inverse-outline-negative-active:var(--on-light-outline-negative-active);--inverse-outline-negative-hover:var(--on-light-outline-negative-hover);--inverse-outline-warning-active:var(--on-light-outline-warning-active);--inverse-outline-warning-hover:var(--on-light-outline-warning-hover);--inverse-outline-warning:var(--on-light-outline-warning);--inverse-outline-info:var(--on-light-outline-info);--inverse-surface-accent-minor-hover:var(--on-light-surface-accent-minor-hover);--text-primary-hover:var(--on-dark-text-primary-hover);--inverse-background-hardline:var(--light-background-hardline);--inverse-background-primary:var(--light-background-primary);--outline-accent:var(--on-dark-outline-accent);--outline-deep:var(--on-dark-outline-deep);--outline-default:var(--on-dark-outline-default);--outline-default-active:var(--on-dark-outline-default-active);--outline-default-hover:var(--on-dark-outline-default-hover);--outline-transparent-white:var(--on-dark-outline-transparent-white);--inverse-outline-accent:var(--on-light-outline-accent);--inverse-outline-accent-hover:var(--on-light-outline-accent-hover);--inverse-outline-default:var(--on-light-outline-default);--inverse-outline-default-active:var(--on-light-outline-default-active);--personas-blue-text-accent-hover:var(--on-dark-personas-blue-text-accent-hover);--personas-green-text-accent-hover:var(--on-dark-personas-green-text-accent-hover);--personas-indigo-text-accent-hover:var(--on-dark-personas-indigo-text-accent-hover);--personas-sea-blue-text-accent-hover:var(--on-dark-personas-sea-blue-text-accent-hover);--surface-accent-minor-hover:var(--on-dark-surface-accent-minor-hover);--inverse-surface-accent-secondary-hover:var(--on-light-surface-accent-secondary-hover);--text-accent-hover:var(--on-dark-text-accent-hover);--inverse-outline-primary-active:var(--on-light-outline-primary-active);--inverse-outline-transparent-white-active:var(--on-light-outline-transparent-white-active);--personas-ochre-text-accent-active:var(--on-dark-personas-ochre-text-accent-active);--personas-olive-text-accent-active:var(--on-dark-personas-olive-text-accent-active);--personas-violet-text-accent-active:var(--on-dark-personas-violet-text-accent-active);--inverse-personas-sea-blue-text-accent-active:var(--on-light-personas-sea-blue-text-accent-active);--inverse-personas-violet-text-accent-active:var(--on-light-personas-violet-text-accent-active);--surface-accent-minor-active:var(--on-dark-surface-accent-minor-active);--surface-solid-primary-active:var(--on-dark-surface-solid-primary-active);--surface-solid-primary-brightness-hover:var(--on-dark-surface-solid-primary-brightness-hover);--surface-transparent-navi-active:var(--on-dark-surface-transparent-navi-active);--inverse-surface-accent-active:var(--on-light-surface-accent-active);--inverse-surface-accent-minor-active:var(--on-light-surface-accent-minor-active);--inverse-surface-solid-secondary-active:var(--on-light-surface-solid-secondary-active);--inverse-personas-sea-blue-text-accent:var(--on-light-personas-sea-blue-text-accent);--surface-accent:var(--on-dark-surface-accent);--surface-info:var(--on-dark-surface-info);--surface-solid-card-brightness-active:var(--on-dark-surface-solid-card-brightness-active);--surface-solid-default:var(--on-dark-surface-solid-default);--surface-transparent-navi:var(--on-dark-surface-transparent-navi);--inverse-surface-accent:var(--on-light-surface-accent);--inverse-surface-solid-primary:var(--on-light-surface-solid-primary);--text-primary-brightness-active:var(--on-dark-text-primary-brightness-active);--inverse-text-accent:var(--on-light-text-accent);--surface-solid-card-brightness-hover:var(--on-dark-surface-solid-card-brightness-hover);--surface-solid-primary-brightness:var(--on-dark-surface-solid-primary-brightness);--inverse-surface-solid-default:var(--on-light-surface-solid-default);--overlay-medium:var(--on-dark-overlay-medium);--inverse-overlay-medium:var(--on-light-overlay-medium);--inverse-personas-ochre-surface-accent-gradient:var(--on-light-personas-ochre-surface-accent-gradient);--inverse-personas-sea-blue-surface-accent-gradient:var(--on-light-personas-sea-blue-surface-accent-gradient);--outline-white-gradient:var(--on-dark-outline-white-gradient);--surface-skeleton-gradient:var(--on-dark-surface-skeleton-gradient);--overlay-gradient:var(--on-dark-overlay-gradient);--personas-sea-blue-surface-accent-gradient:var(--on-dark-personas-sea-blue-surface-accent-gradient);--inverse-personas-pink-surface-accent-gradient:var(--on-light-personas-pink-surface-accent-gradient);--inverse-surface-skeleton-gradient:var(--on-light-surface-skeleton-gradient);--inverse-text-accent-gradient-a-i:var(--on-light-text-accent-gradient-a-i);--inverse-overlay-gradient:var(--on-light-overlay-gradient);--personas-pink-surface-accent-gradient:var(--on-dark-personas-pink-surface-accent-gradient);--inverse-personas-indigo-surface-accent-gradient:var(--on-light-personas-indigo-surface-accent-gradient);--background-gradient:var(--dark-background-gradient);--inverse-background-gradient:var(--light-background-gradient);--personas-green-surface-accent-gradient:var(--on-dark-personas-green-surface-accent-gradient);--inverse-surface-accent-gradient-secondary:var(--on-light-surface-accent-gradient-secondary);--inverse-personas-green-surface-accent-gradient:var(--on-light-personas-green-surface-accent-gradient);--personas-indigo-surface-accent-gradient:var(--on-dark-personas-indigo-surface-accent-gradient);--text-accent-gradient-a-i:var(--on-dark-text-accent-gradient-a-i);--inverse-personas-violet-surface-accent-gradient:var(--on-light-personas-violet-surface-accent-gradient);--personas-ochre-surface-accent-gradient:var(--on-dark-personas-ochre-surface-accent-gradient);--personas-olive-surface-accent-gradient:var(--on-dark-personas-olive-surface-accent-gradient);--surface-accent-gradient-secondary:var(--on-dark-surface-accent-gradient-secondary);--inverse-personas-olive-surface-accent-gradient:var(--on-light-personas-olive-surface-accent-gradient);--inverse-personas-blue-surface-accent-gradient:var(--on-light-personas-blue-surface-accent-gradient);--inverse-outline-white-gradient:var(--on-light-outline-white-gradient);--personas-violet-surface-accent-gradient:var(--on-dark-personas-violet-surface-accent-gradient);--personas-blue-surface-accent-gradient:var(--on-dark-personas-blue-surface-accent-gradient);--surface-accent-gradient:var(--on-dark-surface-accent-gradient);--surface-accent-minor-gradient:var(--on-dark-surface-accent-minor-gradient);--inverse-surface-accent-minor-gradient:var(--on-light-surface-accent-minor-gradient);--inverse-surface-accent-gradient:var(--on-light-surface-accent-gradient);}
920
922
  .ViewContainer_config_bgbike_oxsz86j__8126ce22{--surface-accent-secondary-hover:var(--on-light-surface-accent-secondary-hover);--surface-transparent-card-brightness-hover:var(--on-light-surface-transparent-card-brightness-hover);--surface-transparent-card-brightness-active:var(--on-light-surface-transparent-card-brightness-active);--inverse-personas-ochre-text-accent:var(--on-dark-personas-ochre-text-accent);--inverse-personas-pink-text-accent:var(--on-dark-personas-pink-text-accent);--surface-solid-tertiary-active:var(--on-light-surface-solid-tertiary-active);--inverse-surface-solid-primary-brightness-hover:var(--on-dark-surface-solid-primary-brightness-hover);--text-primary:var(--on-light-text-primary);--inverse-surface-transparent-navi:var(--on-dark-surface-transparent-navi);--inverse-surface-transparent-card-brightness-hover:var(--on-dark-surface-transparent-card-brightness-hover);--inverse-personas-indigo-text-accent:var(--on-dark-personas-indigo-text-accent);--inverse-surface-solid-primary-brightness-active:var(--on-dark-surface-solid-primary-brightness-active);--personas-olive-text-accent:var(--on-light-personas-olive-text-accent);--outline-primary:var(--on-light-outline-primary);--inverse-surface-solid-tertiary:var(--on-dark-surface-solid-tertiary);--inverse-personas-green-text-accent:var(--on-dark-personas-green-text-accent);--surface-accent-secondary:var(--on-light-surface-accent-secondary);--surface-accent-minor:var(--on-light-surface-accent-minor);--inverse-surface-transparent-card-brightness-active:var(--on-dark-surface-transparent-card-brightness-active);--inverse-surface-solid-card-brightness-active:var(--on-dark-surface-solid-card-brightness-active);--inverse-surface-accent-minor:var(--on-dark-surface-accent-minor);--personas-ochre-text-accent:var(--on-light-personas-ochre-text-accent);--inverse-personas-blue-text-accent-active:var(--on-dark-personas-blue-text-accent-active);--inverse-personas-olive-text-accent-hover:var(--on-dark-personas-olive-text-accent-hover);--inverse-personas-green-text-accent-active:var(--on-dark-personas-green-text-accent-active);--inverse-surface-accent-secondary:var(--on-dark-surface-accent-secondary);--inverse-personas-indigo-text-accent-active:var(--on-dark-personas-indigo-text-accent-active);--personas-sea-blue-text-accent-active:var(--on-light-personas-sea-blue-text-accent-active);--text-primary-brightness-hover:var(--on-light-text-primary-brightness-hover);--inverse-surface-transparent-accent-minor-active:var(--on-dark-surface-transparent-accent-minor-active);--personas-ochre-text-accent-hover:var(--on-light-personas-ochre-text-accent-hover);--inverse-personas-pink-text-accent-active:var(--on-dark-personas-pink-text-accent-active);--outline-primary-active:var(--on-light-outline-primary-active);--inverse-surface-accent-secondary-active:var(--on-dark-surface-accent-secondary-active);--personas-indigo-text-accent-active:var(--on-light-personas-indigo-text-accent-active);--personas-green-text-accent-active:var(--on-light-personas-green-text-accent-active);--inverse-personas-sea-blue-text-accent-hover:var(--on-dark-personas-sea-blue-text-accent-hover);--inverse-personas-blue-text-accent-hover:var(--on-dark-personas-blue-text-accent-hover);--inverse-personas-indigo-text-accent-hover:var(--on-dark-personas-indigo-text-accent-hover);--outline-primary-hover:var(--on-light-outline-primary-hover);--surface-transparent-accent-minor-active:var(--on-light-surface-transparent-accent-minor-active);--surface-transparent-navi-hover:var(--on-light-surface-transparent-navi-hover);--inverse-outline-default-hover:var(--on-dark-outline-default-hover);--inverse-personas-violet-text-accent-hover:var(--on-dark-personas-violet-text-accent-hover);--inverse-surface-transparent-accent-minor-hover:var(--on-dark-surface-transparent-accent-minor-hover);--inverse-surface-transparent-navi-hover:var(--on-dark-surface-transparent-navi-hover);--inverse-outline-primary-hover:var(--on-dark-outline-primary-hover);--personas-olive-text-accent-hover:var(--on-light-personas-olive-text-accent-hover);--personas-violet-text-accent:var(--on-light-personas-violet-text-accent);--inverse-personas-ochre-text-accent-hover:var(--on-dark-personas-ochre-text-accent-hover);--inverse-personas-pink-text-accent-hover:var(--on-dark-personas-pink-text-accent-hover);--surface-accent-secondary-active:var(--on-light-surface-accent-secondary-active);--personas-blue-text-accent:var(--on-light-personas-blue-text-accent);--personas-blue-text-accent-active:var(--on-light-personas-blue-text-accent-active);--personas-green-text-accent:var(--on-light-personas-green-text-accent);--surface-solid-primary-brightness-active:var(--on-light-surface-solid-primary-brightness-active);--personas-pink-text-accent:var(--on-light-personas-pink-text-accent);--personas-sea-blue-text-accent:var(--on-light-personas-sea-blue-text-accent);--surface-transparent-accent-minor:var(--on-light-surface-transparent-accent-minor);--personas-violet-text-accent-hover:var(--on-light-personas-violet-text-accent-hover);--inverse-personas-blue-text-accent:var(--on-dark-personas-blue-text-accent);--inverse-personas-olive-text-accent-active:var(--on-dark-personas-olive-text-accent-active);--inverse-surface-solid-card-brightness-hover:var(--on-dark-surface-solid-card-brightness-hover);--inverse-surface-transparent-accent-minor:var(--on-dark-surface-transparent-accent-minor);--inverse-text-primary-brightness-hover:var(--on-dark-text-primary-brightness-hover);--background-hardline:var(--light-background-hardline);--inverse-outline-primary:var(--on-dark-outline-primary);--inverse-personas-violet-text-accent:var(--on-dark-personas-violet-text-accent);--personas-indigo-text-accent:var(--on-light-personas-indigo-text-accent);--inverse-text-primary-brightness-active:var(--on-dark-text-primary-brightness-active);--personas-pink-text-accent-hover:var(--on-light-personas-pink-text-accent-hover);--personas-pink-text-accent-active:var(--on-light-personas-pink-text-accent-active);--inverse-personas-ochre-text-accent-active:var(--on-dark-personas-ochre-text-accent-active);--inverse-personas-olive-text-accent:var(--on-dark-personas-olive-text-accent);--surface-transparent-accent-minor-hover:var(--on-light-surface-transparent-accent-minor-hover);--inverse-surface-transparent-navi-active:var(--on-dark-surface-transparent-navi-active);--inverse-personas-green-text-accent-hover:var(--on-dark-personas-green-text-accent-hover);--outline-transparent-white-active:var(--on-light-outline-transparent-white-active);--outline-transparent-white-hover:var(--on-light-outline-transparent-white-hover);--inverse-outline-deep:var(--on-dark-outline-deep);--inverse-outline-deep-active:var(--on-dark-outline-deep-active);--inverse-outline-deep-hover:var(--on-dark-outline-deep-hover);--inverse-outline-transparent-white:var(--on-dark-outline-transparent-white);--inverse-outline-transparent-white-hover:var(--on-dark-outline-transparent-white-hover);--surface-solid-deep:var(--on-light-surface-solid-deep);--surface-solid-deep-active:var(--on-light-surface-solid-deep-active);--surface-solid-deep-hover:var(--on-light-surface-solid-deep-hover);--surface-transparent-card-minor:var(--on-light-surface-transparent-card-minor);--surface-transparent-card-minor-active:var(--on-light-surface-transparent-card-minor-active);--surface-transparent-card-minor-hover:var(--on-light-surface-transparent-card-minor-hover);--inverse-surface-solid-deep:var(--on-dark-surface-solid-deep);--inverse-surface-solid-deep-active:var(--on-dark-surface-solid-deep-active);--inverse-surface-solid-deep-hover:var(--on-dark-surface-solid-deep-hover);--inverse-surface-transparent-card-minor:var(--on-dark-surface-transparent-card-minor);--inverse-surface-transparent-card-minor-active:var(--on-dark-surface-transparent-card-minor-active);--inverse-surface-transparent-card-minor-hover:var(--on-dark-surface-transparent-card-minor-hover);--outline-deep-active:var(--on-light-outline-deep-active);--outline-deep-hover:var(--on-light-outline-deep-hover);--text-positive-active:var(--on-light-text-positive-active);--text-positive-hover:var(--on-light-text-positive-hover);--text-primary-active:var(--on-light-text-primary-active);--text-primary-brightness:var(--on-light-text-primary-brightness);--text-negative:var(--on-light-text-negative);--text-negative-active:var(--on-light-text-negative-active);--text-negative-hover:var(--on-light-text-negative-hover);--text-tertiary-active:var(--on-light-text-tertiary-active);--text-tertiary-hover:var(--on-light-text-tertiary-hover);--text-warning:var(--on-light-text-warning);--text-warning-active:var(--on-light-text-warning-active);--text-warning-hover:var(--on-light-text-warning-hover);--text-accent-minor:var(--on-light-text-accent-minor);--text-accent-minor-active:var(--on-light-text-accent-minor-active);--text-accent-minor-hover:var(--on-light-text-accent-minor-hover);--text-paragraph-hover:var(--on-light-text-paragraph-hover);--text-positive:var(--on-light-text-positive);--text-paragraph:var(--on-light-text-paragraph);--text-paragraph-active:var(--on-light-text-paragraph-active);--text-info:var(--on-light-text-info);--text-info-active:var(--on-light-text-info-active);--text-info-hover:var(--on-light-text-info-hover);--text-secondary:var(--on-light-text-secondary);--text-secondary-active:var(--on-light-text-secondary-active);--text-secondary-hover:var(--on-light-text-secondary-hover);--text-tertiary:var(--on-light-text-tertiary);--text-accent:var(--on-light-text-accent);--text-accent-active:var(--on-light-text-accent-active);--inverse-text-secondary-hover:var(--on-dark-text-secondary-hover);--inverse-text-secondary:var(--on-dark-text-secondary);--inverse-text-secondary-active:var(--on-dark-text-secondary-active);--inverse-text-tertiary-active:var(--on-dark-text-tertiary-active);--inverse-text-tertiary-hover:var(--on-dark-text-tertiary-hover);--inverse-text-primary-active:var(--on-dark-text-primary-active);--inverse-text-primary-hover:var(--on-dark-text-primary-hover);--inverse-text-primary-brightness:var(--on-dark-text-primary-brightness);--inverse-text-accent-minor-active:var(--on-dark-text-accent-minor-active);--inverse-text-paragraph:var(--on-dark-text-paragraph);--inverse-text-accent-minor-hover:var(--on-dark-text-accent-minor-hover);--inverse-text-paragraph-active:var(--on-dark-text-paragraph-active);--inverse-text-primary:var(--on-dark-text-primary);--inverse-text-paragraph-hover:var(--on-dark-text-paragraph-hover);--inverse-text-tertiary:var(--on-dark-text-tertiary);--inverse-text-accent-active:var(--on-dark-text-accent-active);--inverse-text-accent-hover:var(--on-dark-text-accent-hover);--inverse-text-accent-minor:var(--on-dark-text-accent-minor);--inverse-text-negative:var(--on-dark-text-negative);--inverse-text-positive-active:var(--on-dark-text-positive-active);--inverse-text-positive-hover:var(--on-dark-text-positive-hover);--inverse-text-negative-active:var(--on-dark-text-negative-active);--inverse-text-negative-hover:var(--on-dark-text-negative-hover);--surface-solid-secondary:var(--on-light-surface-solid-secondary);--surface-solid-tertiary:var(--on-light-surface-solid-tertiary);--surface-solid-secondary-active:var(--on-light-surface-solid-secondary-active);--surface-solid-secondary-hover:var(--on-light-surface-solid-secondary-hover);--surface-solid-tertiary-hover:var(--on-light-surface-solid-tertiary-hover);--inverse-text-info-active:var(--on-dark-text-info-active);--inverse-text-info:var(--on-dark-text-info);--inverse-text-info-hover:var(--on-dark-text-info-hover);--inverse-text-warning:var(--on-dark-text-warning);--inverse-text-warning-hover:var(--on-dark-text-warning-hover);--surface-solid-primary:var(--on-light-surface-solid-primary);--inverse-text-warning-active:var(--on-dark-text-warning-active);--inverse-text-positive:var(--on-dark-text-positive);--surface-solid-primary-hover:var(--on-light-surface-solid-primary-hover);--surface-accent-hover:var(--on-light-surface-accent-hover);--surface-accent-active:var(--on-light-surface-accent-active);--surface-transparent-primary-active:var(--on-light-surface-transparent-primary-active);--surface-transparent-secondary:var(--on-light-surface-transparent-secondary);--surface-transparent-primary-hover:var(--on-light-surface-transparent-primary-hover);--surface-transparent-deep:var(--on-light-surface-transparent-deep);--surface-transparent-primary:var(--on-light-surface-transparent-primary);--surface-transparent-deep-active:var(--on-light-surface-transparent-deep-active);--surface-transparent-deep-hover:var(--on-light-surface-transparent-deep-hover);--surface-solid-card-active:var(--on-light-surface-solid-card-active);--surface-solid-card-hover:var(--on-light-surface-solid-card-hover);--surface-solid-card-brightness:var(--on-light-surface-solid-card-brightness);--surface-clear-active:var(--on-light-surface-clear-active);--surface-clear:var(--on-light-surface-clear);--surface-solid-card:var(--on-light-surface-solid-card);--surface-clear-hover:var(--on-light-surface-clear-hover);--surface-transparent-card-active:var(--on-light-surface-transparent-card-active);--surface-transparent-card-hover:var(--on-light-surface-transparent-card-hover);--surface-transparent-card-brightness:var(--on-light-surface-transparent-card-brightness);--surface-solid-default-active:var(--on-light-surface-solid-default-active);--surface-solid-default-hover:var(--on-light-surface-solid-default-hover);--surface-transparent-accent-active:var(--on-light-surface-transparent-accent-active);--surface-transparent-card:var(--on-light-surface-transparent-card);--surface-transparent-secondary-active:var(--on-light-surface-transparent-secondary-active);--surface-transparent-tertiary:var(--on-light-surface-transparent-tertiary);--surface-transparent-accent-hover:var(--on-light-surface-transparent-accent-hover);--surface-transparent-accent:var(--on-light-surface-transparent-accent);--surface-transparent-secondary-hover:var(--on-light-surface-transparent-secondary-hover);--surface-transparent-tertiary-active:var(--on-light-surface-transparent-tertiary-active);--surface-transparent-tertiary-hover:var(--on-light-surface-transparent-tertiary-hover);--surface-positive-active:var(--on-light-surface-positive-active);--surface-positive-hover:var(--on-light-surface-positive-hover);--surface-negative-active:var(--on-light-surface-negative-active);--surface-positive:var(--on-light-surface-positive);--surface-negative-hover:var(--on-light-surface-negative-hover);--surface-info-hover:var(--on-light-surface-info-hover);--surface-warning:var(--on-light-surface-warning);--surface-warning-hover:var(--on-light-surface-warning-hover);--surface-warning-active:var(--on-light-surface-warning-active);--surface-info-active:var(--on-light-surface-info-active);--surface-negative:var(--on-light-surface-negative);--surface-transparent-negative-active:var(--on-light-surface-transparent-negative-active);--surface-transparent-negative-hover:var(--on-light-surface-transparent-negative-hover);--surface-transparent-negative:var(--on-light-surface-transparent-negative);--surface-read-only-active:var(--on-light-surface-read-only-active);--surface-read-only:var(--on-light-surface-read-only);--surface-read-only-hover:var(--on-light-surface-read-only-hover);--inverse-surface-solid-secondary:var(--on-dark-surface-solid-secondary);--inverse-surface-solid-secondary-hover:var(--on-dark-surface-solid-secondary-hover);--inverse-surface-solid-primary-brightness:var(--on-dark-surface-solid-primary-brightness);--inverse-surface-solid-primary-active:var(--on-dark-surface-solid-primary-active);--inverse-surface-solid-primary-hover:var(--on-dark-surface-solid-primary-hover);--inverse-surface-transparent-tertiary-hover:var(--on-dark-surface-transparent-tertiary-hover);--inverse-surface-clear-active:var(--on-dark-surface-clear-active);--inverse-surface-clear:var(--on-dark-surface-clear);--inverse-surface-transparent-primary-active:var(--on-dark-surface-transparent-primary-active);--inverse-surface-transparent-secondary:var(--on-dark-surface-transparent-secondary);--inverse-surface-transparent-primary-hover:var(--on-dark-surface-transparent-primary-hover);--inverse-surface-transparent-deep:var(--on-dark-surface-transparent-deep);--inverse-surface-transparent-primary:var(--on-dark-surface-transparent-primary);--inverse-surface-transparent-deep-active:var(--on-dark-surface-transparent-deep-active);--inverse-surface-transparent-deep-hover:var(--on-dark-surface-transparent-deep-hover);--inverse-surface-solid-card-active:var(--on-dark-surface-solid-card-active);--inverse-surface-solid-card-hover:var(--on-dark-surface-solid-card-hover);--inverse-surface-solid-card-brightness:var(--on-dark-surface-solid-card-brightness);--inverse-surface-solid-card:var(--on-dark-surface-solid-card);--inverse-surface-transparent-card-brightness:var(--on-dark-surface-transparent-card-brightness);--inverse-surface-transparent-card-hover:var(--on-dark-surface-transparent-card-hover);--inverse-surface-solid-default-active:var(--on-dark-surface-solid-default-active);--inverse-surface-solid-tertiary-active:var(--on-dark-surface-solid-tertiary-active);--inverse-surface-transparent-card-active:var(--on-dark-surface-transparent-card-active);--inverse-surface-transparent-card:var(--on-dark-surface-transparent-card);--inverse-surface-solid-default-hover:var(--on-dark-surface-solid-default-hover);--inverse-surface-solid-tertiary-hover:var(--on-dark-surface-solid-tertiary-hover);--inverse-surface-transparent-secondary-active:var(--on-dark-surface-transparent-secondary-active);--inverse-surface-transparent-tertiary:var(--on-dark-surface-transparent-tertiary);--inverse-surface-transparent-secondary-hover:var(--on-dark-surface-transparent-secondary-hover);--inverse-surface-transparent-tertiary-active:var(--on-dark-surface-transparent-tertiary-active);--inverse-surface-clear-hover:var(--on-dark-surface-clear-hover);--inverse-surface-warning-active:var(--on-dark-surface-warning-active);--inverse-surface-warning-hover:var(--on-dark-surface-warning-hover);--inverse-surface-accent-hover:var(--on-dark-surface-accent-hover);--inverse-surface-positive-active:var(--on-dark-surface-positive-active);--inverse-surface-positive-hover:var(--on-dark-surface-positive-hover);--inverse-surface-negative-active:var(--on-dark-surface-negative-active);--inverse-surface-positive:var(--on-dark-surface-positive);--inverse-surface-negative-hover:var(--on-dark-surface-negative-hover);--inverse-surface-negative:var(--on-dark-surface-negative);--inverse-surface-info-hover:var(--on-dark-surface-info-hover);--inverse-surface-warning:var(--on-dark-surface-warning);--inverse-surface-transparent-accent:var(--on-dark-surface-transparent-accent);--inverse-surface-info-active:var(--on-dark-surface-info-active);--inverse-surface-transparent-accent-active:var(--on-dark-surface-transparent-accent-active);--inverse-surface-info:var(--on-dark-surface-info);--inverse-surface-transparent-accent-hover:var(--on-dark-surface-transparent-accent-hover);--inverse-surface-transparent-negative-active:var(--on-dark-surface-transparent-negative-active);--inverse-surface-transparent-negative-hover:var(--on-dark-surface-transparent-negative-hover);--inverse-surface-transparent-negative:var(--on-dark-surface-transparent-negative);--background-secondary:var(--light-background-secondary);--background-tertiary:var(--light-background-tertiary);--inverse-surface-read-only-active:var(--on-dark-surface-read-only-active);--inverse-surface-read-only-hover:var(--on-dark-surface-read-only-hover);--inverse-surface-read-only:var(--on-dark-surface-read-only);--background-primary:var(--light-background-primary);--outline-transparent-primary-active:var(--on-light-outline-transparent-primary-active);--outline-transparent-primary:var(--on-light-outline-transparent-primary);--outline-transparent-primary-hover:var(--on-light-outline-transparent-primary-hover);--overlay-hard:var(--on-light-overlay-hard);--overlay-soft:var(--on-light-overlay-soft);--inverse-overlay-soft:var(--on-dark-overlay-soft);--inverse-overlay-hard:var(--on-dark-overlay-hard);--outline-clear:var(--on-light-outline-clear);--inverse-background-tertiary:var(--dark-background-tertiary);--inverse-background-secondary:var(--dark-background-secondary);--outline-positive:var(--on-light-outline-positive);--outline-negative:var(--on-light-outline-negative);--outline-accent-hover:var(--on-light-outline-accent-hover);--outline-accent-active:var(--on-light-outline-accent-active);--outline-positive-active:var(--on-light-outline-positive-active);--outline-positive-hover:var(--on-light-outline-positive-hover);--outline-negative-active:var(--on-light-outline-negative-active);--outline-negative-hover:var(--on-light-outline-negative-hover);--outline-clear-hover:var(--on-light-outline-clear-hover);--outline-info-hover:var(--on-light-outline-info-hover);--outline-warning-hover:var(--on-light-outline-warning-hover);--outline-clear-active:var(--on-light-outline-clear-active);--outline-warning:var(--on-light-outline-warning);--outline-warning-active:var(--on-light-outline-warning-active);--outline-info:var(--on-light-outline-info);--outline-info-active:var(--on-light-outline-info-active);--inverse-outline-accent-active:var(--on-dark-outline-accent-active);--inverse-outline-clear:var(--on-dark-outline-clear);--inverse-outline-clear-active:var(--on-dark-outline-clear-active);--inverse-outline-clear-hover:var(--on-dark-outline-clear-hover);--inverse-outline-transparent-primary-hover:var(--on-dark-outline-transparent-primary-hover);--inverse-outline-transparent-primary:var(--on-dark-outline-transparent-primary);--inverse-outline-transparent-primary-active:var(--on-dark-outline-transparent-primary-active);--inverse-outline-positive:var(--on-dark-outline-positive);--inverse-outline-negative:var(--on-dark-outline-negative);--inverse-outline-info-hover:var(--on-dark-outline-info-hover);--inverse-outline-info-active:var(--on-dark-outline-info-active);--inverse-outline-positive-active:var(--on-dark-outline-positive-active);--inverse-outline-positive-hover:var(--on-dark-outline-positive-hover);--inverse-outline-negative-active:var(--on-dark-outline-negative-active);--inverse-outline-negative-hover:var(--on-dark-outline-negative-hover);--inverse-outline-warning-active:var(--on-dark-outline-warning-active);--inverse-outline-warning-hover:var(--on-dark-outline-warning-hover);--inverse-outline-warning:var(--on-dark-outline-warning);--inverse-outline-info:var(--on-dark-outline-info);--inverse-surface-accent-minor-hover:var(--on-dark-surface-accent-minor-hover);--text-primary-hover:var(--on-light-text-primary-hover);--inverse-background-hardline:var(--dark-background-hardline);--inverse-background-primary:var(--dark-background-primary);--outline-accent:var(--on-light-outline-accent);--outline-deep:var(--on-light-outline-deep);--outline-default:var(--on-light-outline-default);--outline-default-active:var(--on-light-outline-default-active);--outline-default-hover:var(--on-light-outline-default-hover);--outline-transparent-white:var(--on-light-outline-transparent-white);--inverse-outline-accent:var(--on-dark-outline-accent);--inverse-outline-accent-hover:var(--on-dark-outline-accent-hover);--inverse-outline-default:var(--on-dark-outline-default);--inverse-outline-default-active:var(--on-dark-outline-default-active);--personas-blue-text-accent-hover:var(--on-light-personas-blue-text-accent-hover);--personas-green-text-accent-hover:var(--on-light-personas-green-text-accent-hover);--personas-indigo-text-accent-hover:var(--on-light-personas-indigo-text-accent-hover);--personas-sea-blue-text-accent-hover:var(--on-light-personas-sea-blue-text-accent-hover);--surface-accent-minor-hover:var(--on-light-surface-accent-minor-hover);--inverse-surface-accent-secondary-hover:var(--on-dark-surface-accent-secondary-hover);--text-accent-hover:var(--on-light-text-accent-hover);--inverse-outline-primary-active:var(--on-dark-outline-primary-active);--inverse-outline-transparent-white-active:var(--on-dark-outline-transparent-white-active);--personas-ochre-text-accent-active:var(--on-light-personas-ochre-text-accent-active);--personas-olive-text-accent-active:var(--on-light-personas-olive-text-accent-active);--personas-violet-text-accent-active:var(--on-light-personas-violet-text-accent-active);--inverse-personas-sea-blue-text-accent-active:var(--on-dark-personas-sea-blue-text-accent-active);--inverse-personas-violet-text-accent-active:var(--on-dark-personas-violet-text-accent-active);--surface-accent-minor-active:var(--on-light-surface-accent-minor-active);--surface-solid-primary-active:var(--on-light-surface-solid-primary-active);--surface-solid-primary-brightness-hover:var(--on-light-surface-solid-primary-brightness-hover);--surface-transparent-navi-active:var(--on-light-surface-transparent-navi-active);--inverse-surface-accent-active:var(--on-dark-surface-accent-active);--inverse-surface-accent-minor-active:var(--on-dark-surface-accent-minor-active);--inverse-surface-solid-secondary-active:var(--on-dark-surface-solid-secondary-active);--inverse-personas-sea-blue-text-accent:var(--on-dark-personas-sea-blue-text-accent);--surface-accent:var(--on-light-surface-accent);--surface-info:var(--on-light-surface-info);--surface-solid-card-brightness-active:var(--on-light-surface-solid-card-brightness-active);--surface-solid-default:var(--on-light-surface-solid-default);--surface-transparent-navi:var(--on-light-surface-transparent-navi);--inverse-surface-accent:var(--on-dark-surface-accent);--inverse-surface-solid-primary:var(--on-dark-surface-solid-primary);--text-primary-brightness-active:var(--on-light-text-primary-brightness-active);--inverse-text-accent:var(--on-dark-text-accent);--surface-solid-card-brightness-hover:var(--on-light-surface-solid-card-brightness-hover);--surface-solid-primary-brightness:var(--on-light-surface-solid-primary-brightness);--inverse-surface-solid-default:var(--on-dark-surface-solid-default);--overlay-medium:var(--on-light-overlay-medium);--inverse-overlay-medium:var(--on-dark-overlay-medium);--inverse-personas-ochre-surface-accent-gradient:var(--on-dark-personas-ochre-surface-accent-gradient);--inverse-personas-sea-blue-surface-accent-gradient:var(--on-dark-personas-sea-blue-surface-accent-gradient);--outline-white-gradient:var(--on-light-outline-white-gradient);--surface-skeleton-gradient:var(--on-light-surface-skeleton-gradient);--overlay-gradient:var(--on-light-overlay-gradient);--personas-sea-blue-surface-accent-gradient:var(--on-light-personas-sea-blue-surface-accent-gradient);--inverse-personas-pink-surface-accent-gradient:var(--on-dark-personas-pink-surface-accent-gradient);--inverse-surface-skeleton-gradient:var(--on-dark-surface-skeleton-gradient);--inverse-text-accent-gradient-a-i:var(--on-dark-text-accent-gradient-a-i);--inverse-overlay-gradient:var(--on-dark-overlay-gradient);--personas-pink-surface-accent-gradient:var(--on-light-personas-pink-surface-accent-gradient);--inverse-personas-indigo-surface-accent-gradient:var(--on-dark-personas-indigo-surface-accent-gradient);--background-gradient:var(--light-background-gradient);--inverse-background-gradient:var(--dark-background-gradient);--personas-green-surface-accent-gradient:var(--on-light-personas-green-surface-accent-gradient);--inverse-surface-accent-gradient-secondary:var(--on-dark-surface-accent-gradient-secondary);--inverse-personas-green-surface-accent-gradient:var(--on-dark-personas-green-surface-accent-gradient);--personas-indigo-surface-accent-gradient:var(--on-light-personas-indigo-surface-accent-gradient);--text-accent-gradient-a-i:var(--on-light-text-accent-gradient-a-i);--inverse-personas-violet-surface-accent-gradient:var(--on-dark-personas-violet-surface-accent-gradient);--personas-ochre-surface-accent-gradient:var(--on-light-personas-ochre-surface-accent-gradient);--personas-olive-surface-accent-gradient:var(--on-light-personas-olive-surface-accent-gradient);--surface-accent-gradient-secondary:var(--on-light-surface-accent-gradient-secondary);--inverse-personas-olive-surface-accent-gradient:var(--on-dark-personas-olive-surface-accent-gradient);--inverse-personas-blue-surface-accent-gradient:var(--on-dark-personas-blue-surface-accent-gradient);--inverse-outline-white-gradient:var(--on-dark-outline-white-gradient);--personas-violet-surface-accent-gradient:var(--on-light-personas-violet-surface-accent-gradient);--personas-blue-surface-accent-gradient:var(--on-light-personas-blue-surface-accent-gradient);--surface-accent-gradient:var(--on-light-surface-accent-gradient);--surface-accent-minor-gradient:var(--on-light-surface-accent-minor-gradient);--inverse-surface-accent-minor-gradient:var(--on-dark-surface-accent-minor-gradient);--inverse-surface-accent-gradient:var(--on-dark-surface-accent-gradient);}
package/dist/css/cjs/index.js CHANGED
@@ -439,6 +439,8 @@ exports.H1 = Typography.H1;
439
439
  exports.H2 = Typography.H2;
440
440
  exports.H3 = Typography.H3;
441
441
  exports.H4 = Typography.H4;
442
+ exports.HXlMedium = Typography.HXlMedium;
443
+ exports.HXxlMedium = Typography.HXxlMedium;
442
444
  exports.ViewContainer = ViewContainer.ViewContainer;
443
445
  exports.addScrollbar = Scrollbar.addScrollbar;
444
446
  //# sourceMappingURL=index.js.map
package/dist/css/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/css/es/components/Typography/Heading.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Heading.config_1lpaaqp.css';
1
+ import './Heading.config_lsei5l.css';
2
2
  var configH1 = {
3
3
  defaults: {
4
4
  size: 'h1'
@@ -39,6 +39,26 @@ var configH4 = {
39
39
  }
40
40
  }
41
41
  };
42
+ var configHXlMedium = {
43
+ defaults: {
44
+ size: 'hXlMedium'
45
+ },
46
+ variations: {
47
+ size: {
48
+ hXlMedium: "hn3yd2b"
49
+ }
50
+ }
51
+ };
52
+ var configHXxlMedium = {
53
+ defaults: {
54
+ size: 'hXxlMedium'
55
+ },
56
+ variations: {
57
+ size: {
58
+ hXxlMedium: "h18ax1mt"
59
+ }
60
+ }
61
+ };
42
62
 
43
- export { configH1, configH2, configH3, configH4 };
63
+ export { configH1, configH2, configH3, configH4, configHXlMedium, configHXxlMedium };
44
64
  //# sourceMappingURL=Heading.config.js.map
package/dist/css/es/components/Typography/Heading.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.config.js","sources":["../../../../../src-css/components/Typography/Heading.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n h1,\n h1Bold,\n h1Medium,\n h2,\n h2Bold,\n h2Medium,\n h3,\n h3Bold,\n h3Medium,\n h4,\n h4Bold,\n h4Medium,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const configH1 = {\n defaults: {\n size: 'h1',\n },\n variations: {\n size: {\n h1: css`\n ${typographyTokens.typoFontFamily}: ${h1.fontFamily};\n ${typographyTokens.typoFontSize}: ${h1.fontSize};\n ${typographyTokens.typoFontStyle}: ${h1.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h1.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h1Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h1Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h1.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h1.lineHeight};\n `,\n },\n },\n};\nexport const configH2 = {\n defaults: {\n size: 'h2',\n },\n variations: {\n size: {\n h2: css`\n ${typographyTokens.typoFontFamily}: ${h2.fontFamily};\n ${typographyTokens.typoFontSize}: ${h2.fontSize};\n ${typographyTokens.typoFontStyle}: ${h2.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h2.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h2Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h2Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h2.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h2.lineHeight};\n `,\n },\n },\n};\nexport const configH3 = {\n defaults: {\n size: 'h3',\n },\n variations: {\n size: {\n h3: css`\n ${typographyTokens.typoFontFamily}: ${h3.fontFamily};\n ${typographyTokens.typoFontSize}: ${h3.fontSize};\n ${typographyTokens.typoFontStyle}: ${h3.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h3.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h3Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h3Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h3.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h3.lineHeight};\n `,\n },\n },\n};\nexport const configH4 = {\n defaults: {\n size: 'h4',\n },\n variations: {\n size: {\n h4: css`\n ${typographyTokens.typoFontFamily}: ${h4.fontFamily};\n ${typographyTokens.typoFontSize}: ${h4.fontSize};\n ${typographyTokens.typoFontStyle}: ${h4.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h4.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h4Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h4Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h4.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h4.lineHeight};\n `,\n },\n },\n};\n"],"names":["configH1","defaults","size","variations","h1","configH2","h2","configH3","h3","configH4","h4"],"mappings":"AAgBO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;;;;"}
1
+ {"version":3,"file":"Heading.config.js","sources":["../../../../../src-css/components/Typography/Heading.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n h1,\n h1Bold,\n h1Medium,\n h2,\n h2Bold,\n h2Medium,\n h3,\n h3Bold,\n h3Medium,\n h4,\n h4Bold,\n h4Medium,\n hXlMedium,\n hXxlMedium,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const configH1 = {\n defaults: {\n size: 'h1',\n },\n variations: {\n size: {\n h1: css`\n ${typographyTokens.typoFontFamily}: ${h1.fontFamily};\n ${typographyTokens.typoFontSize}: ${h1.fontSize};\n ${typographyTokens.typoFontStyle}: ${h1.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h1.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h1Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h1Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h1.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h1.lineHeight};\n `,\n },\n },\n};\nexport const configH2 = {\n defaults: {\n size: 'h2',\n },\n variations: {\n size: {\n h2: css`\n ${typographyTokens.typoFontFamily}: ${h2.fontFamily};\n ${typographyTokens.typoFontSize}: ${h2.fontSize};\n ${typographyTokens.typoFontStyle}: ${h2.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h2.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h2Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h2Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h2.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h2.lineHeight};\n `,\n },\n },\n};\nexport const configH3 = {\n defaults: {\n size: 'h3',\n },\n variations: {\n size: {\n h3: css`\n ${typographyTokens.typoFontFamily}: ${h3.fontFamily};\n ${typographyTokens.typoFontSize}: ${h3.fontSize};\n ${typographyTokens.typoFontStyle}: ${h3.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h3.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h3Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h3Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h3.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h3.lineHeight};\n `,\n },\n },\n};\nexport const configH4 = {\n defaults: {\n size: 'h4',\n },\n variations: {\n size: {\n h4: css`\n ${typographyTokens.typoFontFamily}: ${h4.fontFamily};\n ${typographyTokens.typoFontSize}: ${h4.fontSize};\n ${typographyTokens.typoFontStyle}: ${h4.fontStyle};\n ${typographyTokens.typoFontWeight}: ${h4.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${h4Medium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${h4Bold.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${h4.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${h4.lineHeight};\n `,\n },\n },\n};\nexport const configHXlMedium = {\n defaults: {\n size: 'hXlMedium',\n },\n variations: {\n size: {\n hXlMedium: css`\n ${typographyTokens.typoFontFamily}: ${hXlMedium.fontFamily};\n ${typographyTokens.typoFontSize}: ${hXlMedium.fontSize};\n ${typographyTokens.typoFontStyle}: ${hXlMedium.fontStyle};\n ${typographyTokens.typoFontWeight}: ${hXlMedium.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${hXlMedium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${hXlMedium.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${hXlMedium.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${hXlMedium.lineHeight};\n `,\n },\n },\n};\nexport const configHXxlMedium = {\n defaults: {\n size: 'hXxlMedium',\n },\n variations: {\n size: {\n hXxlMedium: css`\n ${typographyTokens.typoFontFamily}: ${hXxlMedium.fontFamily};\n ${typographyTokens.typoFontSize}: ${hXxlMedium.fontSize};\n ${typographyTokens.typoFontStyle}: ${hXxlMedium.fontStyle};\n ${typographyTokens.typoFontWeight}: ${hXxlMedium.fontWeight};\n ${typographyTokens.typoFontWeightMedium}: ${hXxlMedium.fontWeight};\n ${typographyTokens.typoFontWeightBold}: ${hXxlMedium.fontWeight};\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: ${hXxlMedium.letterSpacing};\n ${typographyTokens.typoFontLineHeight}: ${hXxlMedium.lineHeight};\n `,\n },\n },\n};\n"],"names":["configH1","defaults","size","variations","h1","configH2","h2","configH3","h3","configH4","h4","configHXlMedium","hXlMedium","configHXxlMedium","hXxlMedium"],"mappings":"AAkBO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,eAAe,GAAG;AAC3BV,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFU,MAAAA,SAAS,EAAA;AAWb;AACJ;AACJ;AACO,IAAMC,gBAAgB,GAAG;AAC5BZ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFY,MAAAA,UAAU,EAAA;AAWd;AACJ;AACJ;;;;"}
package/dist/css/es/components/Typography/{Heading.config_1lpaaqp.css → Heading.config_lsei5l.css} RENAMED
@@ -2,3 +2,5 @@
2
2
  .h1qgxfog{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
3
3
  .h1panbry{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
4
4
  .hyba5hs{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
5
+ .hn3yd2b{--typo-font-family:var(--plasma-typo-h-xl-medium-font-family);--typo-font-size:var(--plasma-typo-h-xl-medium-font-size);--typo-font-style:var(--plasma-typo-h-xl-medium-font-style);--typo-font-weight:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-medium:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h-xl-medium-letter-spacing);--typo-font-line-height:var(--plasma-typo-h-xl-medium-line-height);}
6
+ .h18ax1mt{--typo-font-family:var(--plasma-typo-h-xxl-medium-font-family);--typo-font-size:var(--plasma-typo-h-xxl-medium-font-size);--typo-font-style:var(--plasma-typo-h-xxl-medium-font-style);--typo-font-weight:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-medium:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h-xxl-medium-letter-spacing);--typo-font-line-height:var(--plasma-typo-h-xxl-medium-line-height);}
package/dist/css/es/components/Typography/Typography.css CHANGED
@@ -6,7 +6,9 @@
6
6
 
7
7
  .Dspl_config_1j90nrb_sv5rc0u__c4713c3a{--typo-font-family:var(--plasma-typo-dspl-s-font-family);--typo-font-size:var(--plasma-typo-dspl-s-font-size);--typo-font-style:var(--plasma-typo-dspl-s-font-style);--typo-font-weight:var(--plasma-typo-dspl-s-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-s-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-s-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-dspl-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-s-line-height);}
8
8
 
9
- .Heading_config_1lpaaqp_h199g3gy__916b6aa7{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
10
- .Heading_config_1lpaaqp_h1qgxfog__916b6aa7{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
11
- .Heading_config_1lpaaqp_h1panbry__916b6aa7{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
12
- .Heading_config_1lpaaqp_hyba5hs__916b6aa7{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
9
+ .Heading_config_lsei5l_h199g3gy__55373e29{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
10
+ .Heading_config_lsei5l_h1qgxfog__55373e29{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
11
+ .Heading_config_lsei5l_h1panbry__55373e29{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
12
+ .Heading_config_lsei5l_hyba5hs__55373e29{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
13
+ .Heading_config_lsei5l_hn3yd2b__55373e29{--typo-font-family:var(--plasma-typo-h-xl-medium-font-family);--typo-font-size:var(--plasma-typo-h-xl-medium-font-size);--typo-font-style:var(--plasma-typo-h-xl-medium-font-style);--typo-font-weight:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-medium:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h-xl-medium-letter-spacing);--typo-font-line-height:var(--plasma-typo-h-xl-medium-line-height);}
14
+ .Heading_config_lsei5l_h18ax1mt__55373e29{--typo-font-family:var(--plasma-typo-h-xxl-medium-font-family);--typo-font-size:var(--plasma-typo-h-xxl-medium-font-size);--typo-font-style:var(--plasma-typo-h-xxl-medium-font-style);--typo-font-weight:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-medium:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h-xxl-medium-letter-spacing);--typo-font-line-height:var(--plasma-typo-h-xxl-medium-line-height);}
package/dist/css/es/components/Typography/Typography.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { typographyComponent, component, mergeConfig, bodyConfig, dsplConfig, headingConfig } from '@salutejs/plasma-new-hope/css';
2
2
  import { configL, configM, configS, configXS, configXXS } from './Body.config.js';
3
3
  import { configS as configS$1 } from './Dspl.config.js';
4
- import { configH1, configH2, configH3, configH4 } from './Heading.config.js';
4
+ import { configH1, configH2, configH3, configH4, configHXlMedium, configHXxlMedium } from './Heading.config.js';
5
5
 
6
6
  var bodyMConfig = /*#__PURE__*/mergeConfig(bodyConfig, configM);
7
7
  var BodyMComponent = /*#__PURE__*/typographyComponent(/*#__PURE__*/component(bodyMConfig));
@@ -23,6 +23,10 @@ var heading3Config = /*#__PURE__*/mergeConfig(headingConfig, configH3);
23
23
  var Heading3Component = /*#__PURE__*/typographyComponent(/*#__PURE__*/component(heading3Config));
24
24
  var heading4Config = /*#__PURE__*/mergeConfig(headingConfig, configH4);
25
25
  var Heading4Component = /*#__PURE__*/typographyComponent(/*#__PURE__*/component(heading4Config));
26
+ var headingHXlMediumConfig = /*#__PURE__*/mergeConfig(headingConfig, configHXlMedium);
27
+ var HeadingXlMediumComponent = /*#__PURE__*/typographyComponent(/*#__PURE__*/component(headingHXlMediumConfig));
28
+ var headingHXxlMediumConfig = /*#__PURE__*/mergeConfig(headingConfig, configHXxlMedium);
29
+ var HeadingXxlMediumComponent = /*#__PURE__*/typographyComponent(/*#__PURE__*/component(headingHXxlMediumConfig));
26
30
  var BodyM = BodyMComponent;
27
31
  var BodyL = BodyLComponent;
28
32
  var BodyS = BodySComponent;
@@ -33,6 +37,8 @@ var H1 = Heading1Component;
33
37
  var H2 = Heading2Component;
34
38
  var H3 = Heading3Component;
35
39
  var H4 = Heading4Component;
40
+ var HXlMedium = HeadingXlMediumComponent;
41
+ var HXxlMedium = HeadingXxlMediumComponent;
36
42
 
37
- export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplS, H1, H2, H3, H4 };
43
+ export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplS, H1, H2, H3, H4, HXlMedium, HXxlMedium };
38
44
  //# sourceMappingURL=Typography.js.map
package/dist/css/es/components/Typography/Typography.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.js","sources":["../../../../../src-css/components/Typography/Typography.tsx"],"sourcesContent":["import {\n bodyConfig,\n dsplConfig,\n headingConfig,\n component,\n typographyComponent,\n mergeConfig,\n} from '@salutejs/plasma-new-hope/css';\n\nimport {\n configL as bodyConfigLCustom,\n configM as bodyConfigMCustom,\n configS as bodyConfigSCustom,\n configXS as bodyConfigXSCustom,\n configXXS as bodyConfigXXSCustom,\n} from './Body.config';\nimport { configS as dsplConfigSCustom } from './Dspl.config';\nimport {\n configH1 as headingConfigH1Custom,\n configH2 as headingConfigH2Custom,\n configH3 as headingConfigH3Custom,\n configH4 as headingConfigH4Custom,\n} from './Heading.config';\n\nconst bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);\nconst BodyMComponent = typographyComponent(component(bodyMConfig));\n\nconst bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);\nconst BodyLComponent = typographyComponent(component(bodyLConfig));\n\nconst bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);\nconst BodySComponent = typographyComponent(component(bodySConfig));\n\nconst bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);\nconst BodyXSComponent = typographyComponent(component(bodyXSConfig));\n\nconst bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);\nconst BodyXXSComponent = typographyComponent(component(bodyXXSConfig));\n\nconst dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);\nconst DsplSComponent = typographyComponent(component(dsplSConfig));\n\nconst heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);\nconst Heading1Component = typographyComponent(component(heading1Config));\n\nconst heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);\nconst Heading2Component = typographyComponent(component(heading2Config));\n\nconst heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);\nconst Heading3Component = typographyComponent(component(heading3Config));\n\nconst heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);\nconst Heading4Component = typographyComponent(component(heading4Config));\n\nexport const BodyM = BodyMComponent;\nexport const BodyL = BodyLComponent;\nexport const BodyS = BodySComponent;\nexport const BodyXS = BodyXSComponent;\nexport const BodyXXS = BodyXXSComponent;\n\nexport const DsplS = DsplSComponent;\n\nexport const H1 = Heading1Component;\nexport const H2 = Heading2Component;\nexport const H3 = Heading3Component;\nexport const H4 = Heading4Component;\n"],"names":["bodyMConfig","mergeConfig","bodyConfig","bodyConfigMCustom","BodyMComponent","typographyComponent","component","bodyLConfig","bodyConfigLCustom","BodyLComponent","bodySConfig","bodyConfigSCustom","BodySComponent","bodyXSConfig","bodyConfigXSCustom","BodyXSComponent","bodyXXSConfig","bodyConfigXXSCustom","BodyXXSComponent","dsplSConfig","dsplConfig","dsplConfigSCustom","DsplSComponent","heading1Config","headingConfig","headingConfigH1Custom","Heading1Component","heading2Config","headingConfigH2Custom","Heading2Component","heading3Config","headingConfigH3Custom","Heading3Component","heading4Config","headingConfigH4Custom","Heading4Component","BodyM","BodyL","BodyS","BodyXS","BodyXXS","DsplS","H1","H2","H3","H4"],"mappings":";;;;;AAwBA,IAAMA,WAAW,gBAAGC,WAAW,CAACC,UAAU,EAAEC,OAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGC,mBAAmB,cAACC,SAAS,CAACN,WAAW,CAAC,CAAC;AAElE,IAAMO,WAAW,gBAAGN,WAAW,CAACC,UAAU,EAAEM,OAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGJ,mBAAmB,cAACC,SAAS,CAACC,WAAW,CAAC,CAAC;AAElE,IAAMG,WAAW,gBAAGT,WAAW,CAACC,UAAU,EAAES,OAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGP,mBAAmB,cAACC,SAAS,CAACI,WAAW,CAAC,CAAC;AAElE,IAAMG,YAAY,gBAAGZ,WAAW,CAACC,UAAU,EAAEY,QAAkB,CAAC;AAChE,IAAMC,eAAe,gBAAGV,mBAAmB,cAACC,SAAS,CAACO,YAAY,CAAC,CAAC;AAEpE,IAAMG,aAAa,gBAAGf,WAAW,CAACC,UAAU,EAAEe,SAAmB,CAAC;AAClE,IAAMC,gBAAgB,gBAAGb,mBAAmB,cAACC,SAAS,CAACU,aAAa,CAAC,CAAC;AAEtE,IAAMG,WAAW,gBAAGlB,WAAW,CAACmB,UAAU,EAAEC,SAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGjB,mBAAmB,cAACC,SAAS,CAACa,WAAW,CAAC,CAAC;AAElE,IAAMI,cAAc,gBAAGtB,WAAW,CAACuB,aAAa,EAAEC,QAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGrB,mBAAmB,cAACC,SAAS,CAACiB,cAAc,CAAC,CAAC;AAExE,IAAMI,cAAc,gBAAG1B,WAAW,CAACuB,aAAa,EAAEI,QAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGxB,mBAAmB,cAACC,SAAS,CAACqB,cAAc,CAAC,CAAC;AAExE,IAAMG,cAAc,gBAAG7B,WAAW,CAACuB,aAAa,EAAEO,QAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAG3B,mBAAmB,cAACC,SAAS,CAACwB,cAAc,CAAC,CAAC;AAExE,IAAMG,cAAc,gBAAGhC,WAAW,CAACuB,aAAa,EAAEU,QAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAG9B,mBAAmB,cAACC,SAAS,CAAC2B,cAAc,CAAC,CAAC;AAEjE,IAAMG,KAAK,GAAGhC;AACd,IAAMiC,KAAK,GAAG5B;AACd,IAAM6B,KAAK,GAAG1B;AACd,IAAM2B,MAAM,GAAGxB;AACf,IAAMyB,OAAO,GAAGtB;AAEhB,IAAMuB,KAAK,GAAGnB;AAEd,IAAMoB,EAAE,GAAGhB;AACX,IAAMiB,EAAE,GAAGd;AACX,IAAMe,EAAE,GAAGZ;AACX,IAAMa,EAAE,GAAGV;;;;"}
1
+ {"version":3,"file":"Typography.js","sources":["../../../../../src-css/components/Typography/Typography.tsx"],"sourcesContent":["import {\n bodyConfig,\n dsplConfig,\n headingConfig,\n component,\n typographyComponent,\n mergeConfig,\n} from '@salutejs/plasma-new-hope/css';\n\nimport {\n configL as bodyConfigLCustom,\n configM as bodyConfigMCustom,\n configS as bodyConfigSCustom,\n configXS as bodyConfigXSCustom,\n configXXS as bodyConfigXXSCustom,\n} from './Body.config';\nimport { configS as dsplConfigSCustom } from './Dspl.config';\nimport {\n configH1 as headingConfigH1Custom,\n configH2 as headingConfigH2Custom,\n configH3 as headingConfigH3Custom,\n configH4 as headingConfigH4Custom,\n configHXlMedium as headingConfigHXlMediumCustom,\n configHXxlMedium as headingConfigHXxlMediumCustom,\n} from './Heading.config';\n\nconst bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);\nconst BodyMComponent = typographyComponent(component(bodyMConfig));\n\nconst bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);\nconst BodyLComponent = typographyComponent(component(bodyLConfig));\n\nconst bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);\nconst BodySComponent = typographyComponent(component(bodySConfig));\n\nconst bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);\nconst BodyXSComponent = typographyComponent(component(bodyXSConfig));\n\nconst bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);\nconst BodyXXSComponent = typographyComponent(component(bodyXXSConfig));\n\nconst dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);\nconst DsplSComponent = typographyComponent(component(dsplSConfig));\n\nconst heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);\nconst Heading1Component = typographyComponent(component(heading1Config));\n\nconst heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);\nconst Heading2Component = typographyComponent(component(heading2Config));\n\nconst heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);\nconst Heading3Component = typographyComponent(component(heading3Config));\n\nconst heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);\nconst Heading4Component = typographyComponent(component(heading4Config));\n\nconst headingHXlMediumConfig = mergeConfig(headingConfig, headingConfigHXlMediumCustom);\nconst HeadingXlMediumComponent = typographyComponent(component(headingHXlMediumConfig));\n\nconst headingHXxlMediumConfig = mergeConfig(headingConfig, headingConfigHXxlMediumCustom);\nconst HeadingXxlMediumComponent = typographyComponent(component(headingHXxlMediumConfig));\n\nexport const BodyM = BodyMComponent;\nexport const BodyL = BodyLComponent;\nexport const BodyS = BodySComponent;\nexport const BodyXS = BodyXSComponent;\nexport const BodyXXS = BodyXXSComponent;\n\nexport const DsplS = DsplSComponent;\n\nexport const H1 = Heading1Component;\nexport const H2 = Heading2Component;\nexport const H3 = Heading3Component;\nexport const H4 = Heading4Component;\nexport const HXlMedium = HeadingXlMediumComponent;\nexport const HXxlMedium = HeadingXxlMediumComponent;\n"],"names":["bodyMConfig","mergeConfig","bodyConfig","bodyConfigMCustom","BodyMComponent","typographyComponent","component","bodyLConfig","bodyConfigLCustom","BodyLComponent","bodySConfig","bodyConfigSCustom","BodySComponent","bodyXSConfig","bodyConfigXSCustom","BodyXSComponent","bodyXXSConfig","bodyConfigXXSCustom","BodyXXSComponent","dsplSConfig","dsplConfig","dsplConfigSCustom","DsplSComponent","heading1Config","headingConfig","headingConfigH1Custom","Heading1Component","heading2Config","headingConfigH2Custom","Heading2Component","heading3Config","headingConfigH3Custom","Heading3Component","heading4Config","headingConfigH4Custom","Heading4Component","headingHXlMediumConfig","headingConfigHXlMediumCustom","HeadingXlMediumComponent","headingHXxlMediumConfig","headingConfigHXxlMediumCustom","HeadingXxlMediumComponent","BodyM","BodyL","BodyS","BodyXS","BodyXXS","DsplS","H1","H2","H3","H4","HXlMedium","HXxlMedium"],"mappings":";;;;;AA0BA,IAAMA,WAAW,gBAAGC,WAAW,CAACC,UAAU,EAAEC,OAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGC,mBAAmB,cAACC,SAAS,CAACN,WAAW,CAAC,CAAC;AAElE,IAAMO,WAAW,gBAAGN,WAAW,CAACC,UAAU,EAAEM,OAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGJ,mBAAmB,cAACC,SAAS,CAACC,WAAW,CAAC,CAAC;AAElE,IAAMG,WAAW,gBAAGT,WAAW,CAACC,UAAU,EAAES,OAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGP,mBAAmB,cAACC,SAAS,CAACI,WAAW,CAAC,CAAC;AAElE,IAAMG,YAAY,gBAAGZ,WAAW,CAACC,UAAU,EAAEY,QAAkB,CAAC;AAChE,IAAMC,eAAe,gBAAGV,mBAAmB,cAACC,SAAS,CAACO,YAAY,CAAC,CAAC;AAEpE,IAAMG,aAAa,gBAAGf,WAAW,CAACC,UAAU,EAAEe,SAAmB,CAAC;AAClE,IAAMC,gBAAgB,gBAAGb,mBAAmB,cAACC,SAAS,CAACU,aAAa,CAAC,CAAC;AAEtE,IAAMG,WAAW,gBAAGlB,WAAW,CAACmB,UAAU,EAAEC,SAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGjB,mBAAmB,cAACC,SAAS,CAACa,WAAW,CAAC,CAAC;AAElE,IAAMI,cAAc,gBAAGtB,WAAW,CAACuB,aAAa,EAAEC,QAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGrB,mBAAmB,cAACC,SAAS,CAACiB,cAAc,CAAC,CAAC;AAExE,IAAMI,cAAc,gBAAG1B,WAAW,CAACuB,aAAa,EAAEI,QAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGxB,mBAAmB,cAACC,SAAS,CAACqB,cAAc,CAAC,CAAC;AAExE,IAAMG,cAAc,gBAAG7B,WAAW,CAACuB,aAAa,EAAEO,QAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAG3B,mBAAmB,cAACC,SAAS,CAACwB,cAAc,CAAC,CAAC;AAExE,IAAMG,cAAc,gBAAGhC,WAAW,CAACuB,aAAa,EAAEU,QAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAG9B,mBAAmB,cAACC,SAAS,CAAC2B,cAAc,CAAC,CAAC;AAExE,IAAMG,sBAAsB,gBAAGnC,WAAW,CAACuB,aAAa,EAAEa,eAA4B,CAAC;AACvF,IAAMC,wBAAwB,gBAAGjC,mBAAmB,cAACC,SAAS,CAAC8B,sBAAsB,CAAC,CAAC;AAEvF,IAAMG,uBAAuB,gBAAGtC,WAAW,CAACuB,aAAa,EAAEgB,gBAA6B,CAAC;AACzF,IAAMC,yBAAyB,gBAAGpC,mBAAmB,cAACC,SAAS,CAACiC,uBAAuB,CAAC,CAAC;AAElF,IAAMG,KAAK,GAAGtC;AACd,IAAMuC,KAAK,GAAGlC;AACd,IAAMmC,KAAK,GAAGhC;AACd,IAAMiC,MAAM,GAAG9B;AACf,IAAM+B,OAAO,GAAG5B;AAEhB,IAAM6B,KAAK,GAAGzB;AAEd,IAAM0B,EAAE,GAAGtB;AACX,IAAMuB,EAAE,GAAGpB;AACX,IAAMqB,EAAE,GAAGlB;AACX,IAAMmB,EAAE,GAAGhB;AACX,IAAMiB,SAAS,GAAGd;AAClB,IAAMe,UAAU,GAAGZ;;;;"}
package/dist/css/es/index.css CHANGED
@@ -911,10 +911,12 @@
911
911
 
912
912
  .Dspl_config_1j90nrb_sv5rc0u__c4713c3a{--typo-font-family:var(--plasma-typo-dspl-s-font-family);--typo-font-size:var(--plasma-typo-dspl-s-font-size);--typo-font-style:var(--plasma-typo-dspl-s-font-style);--typo-font-weight:var(--plasma-typo-dspl-s-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-s-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-s-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-dspl-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-s-line-height);}
913
913
 
914
- .Heading_config_1lpaaqp_h199g3gy__916b6aa7{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
915
- .Heading_config_1lpaaqp_h1qgxfog__916b6aa7{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
916
- .Heading_config_1lpaaqp_h1panbry__916b6aa7{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
917
- .Heading_config_1lpaaqp_hyba5hs__916b6aa7{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
914
+ .Heading_config_lsei5l_h199g3gy__55373e29{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
915
+ .Heading_config_lsei5l_h1qgxfog__55373e29{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
916
+ .Heading_config_lsei5l_h1panbry__55373e29{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
917
+ .Heading_config_lsei5l_hyba5hs__55373e29{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
918
+ .Heading_config_lsei5l_hn3yd2b__55373e29{--typo-font-family:var(--plasma-typo-h-xl-medium-font-family);--typo-font-size:var(--plasma-typo-h-xl-medium-font-size);--typo-font-style:var(--plasma-typo-h-xl-medium-font-style);--typo-font-weight:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-medium:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h-xl-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h-xl-medium-letter-spacing);--typo-font-line-height:var(--plasma-typo-h-xl-medium-line-height);}
919
+ .Heading_config_lsei5l_h18ax1mt__55373e29{--typo-font-family:var(--plasma-typo-h-xxl-medium-font-family);--typo-font-size:var(--plasma-typo-h-xxl-medium-font-size);--typo-font-style:var(--plasma-typo-h-xxl-medium-font-style);--typo-font-weight:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-medium:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h-xxl-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h-xxl-medium-letter-spacing);--typo-font-line-height:var(--plasma-typo-h-xxl-medium-line-height);}
918
920
 
919
921
  .ViewContainer_config_bgbike_o136jz4i__8126ce22{--surface-accent-secondary-hover:var(--on-dark-surface-accent-secondary-hover);--surface-transparent-card-brightness-hover:var(--on-dark-surface-transparent-card-brightness-hover);--surface-transparent-card-brightness-active:var(--on-dark-surface-transparent-card-brightness-active);--inverse-personas-ochre-text-accent:var(--on-light-personas-ochre-text-accent);--inverse-personas-pink-text-accent:var(--on-light-personas-pink-text-accent);--surface-solid-tertiary-active:var(--on-dark-surface-solid-tertiary-active);--inverse-surface-solid-primary-brightness-hover:var(--on-light-surface-solid-primary-brightness-hover);--text-primary:var(--on-dark-text-primary);--inverse-surface-transparent-navi:var(--on-light-surface-transparent-navi);--inverse-surface-transparent-card-brightness-hover:var(--on-light-surface-transparent-card-brightness-hover);--inverse-personas-indigo-text-accent:var(--on-light-personas-indigo-text-accent);--inverse-surface-solid-primary-brightness-active:var(--on-light-surface-solid-primary-brightness-active);--personas-olive-text-accent:var(--on-dark-personas-olive-text-accent);--outline-primary:var(--on-dark-outline-primary);--inverse-surface-solid-tertiary:var(--on-light-surface-solid-tertiary);--inverse-personas-green-text-accent:var(--on-light-personas-green-text-accent);--surface-accent-secondary:var(--on-dark-surface-accent-secondary);--surface-accent-minor:var(--on-dark-surface-accent-minor);--inverse-surface-transparent-card-brightness-active:var(--on-light-surface-transparent-card-brightness-active);--inverse-surface-solid-card-brightness-active:var(--on-light-surface-solid-card-brightness-active);--inverse-surface-accent-minor:var(--on-light-surface-accent-minor);--personas-ochre-text-accent:var(--on-dark-personas-ochre-text-accent);--inverse-personas-blue-text-accent-active:var(--on-light-personas-blue-text-accent-active);--inverse-personas-olive-text-accent-hover:var(--on-light-personas-olive-text-accent-hover);--inverse-personas-green-text-accent-active:var(--on-light-personas-green-text-accent-active);--inverse-surface-accent-secondary:var(--on-light-surface-accent-secondary);--inverse-personas-indigo-text-accent-active:var(--on-light-personas-indigo-text-accent-active);--personas-sea-blue-text-accent-active:var(--on-dark-personas-sea-blue-text-accent-active);--text-primary-brightness-hover:var(--on-dark-text-primary-brightness-hover);--inverse-surface-transparent-accent-minor-active:var(--on-light-surface-transparent-accent-minor-active);--personas-ochre-text-accent-hover:var(--on-dark-personas-ochre-text-accent-hover);--inverse-personas-pink-text-accent-active:var(--on-light-personas-pink-text-accent-active);--outline-primary-active:var(--on-dark-outline-primary-active);--inverse-surface-accent-secondary-active:var(--on-light-surface-accent-secondary-active);--personas-indigo-text-accent-active:var(--on-dark-personas-indigo-text-accent-active);--personas-green-text-accent-active:var(--on-dark-personas-green-text-accent-active);--inverse-personas-sea-blue-text-accent-hover:var(--on-light-personas-sea-blue-text-accent-hover);--inverse-personas-blue-text-accent-hover:var(--on-light-personas-blue-text-accent-hover);--inverse-personas-indigo-text-accent-hover:var(--on-light-personas-indigo-text-accent-hover);--outline-primary-hover:var(--on-dark-outline-primary-hover);--surface-transparent-accent-minor-active:var(--on-dark-surface-transparent-accent-minor-active);--surface-transparent-navi-hover:var(--on-dark-surface-transparent-navi-hover);--inverse-outline-default-hover:var(--on-light-outline-default-hover);--inverse-personas-violet-text-accent-hover:var(--on-light-personas-violet-text-accent-hover);--inverse-surface-transparent-accent-minor-hover:var(--on-light-surface-transparent-accent-minor-hover);--inverse-surface-transparent-navi-hover:var(--on-light-surface-transparent-navi-hover);--inverse-outline-primary-hover:var(--on-light-outline-primary-hover);--personas-olive-text-accent-hover:var(--on-dark-personas-olive-text-accent-hover);--personas-violet-text-accent:var(--on-dark-personas-violet-text-accent);--inverse-personas-ochre-text-accent-hover:var(--on-light-personas-ochre-text-accent-hover);--inverse-personas-pink-text-accent-hover:var(--on-light-personas-pink-text-accent-hover);--surface-accent-secondary-active:var(--on-dark-surface-accent-secondary-active);--personas-blue-text-accent:var(--on-dark-personas-blue-text-accent);--personas-blue-text-accent-active:var(--on-dark-personas-blue-text-accent-active);--personas-green-text-accent:var(--on-dark-personas-green-text-accent);--surface-solid-primary-brightness-active:var(--on-dark-surface-solid-primary-brightness-active);--personas-pink-text-accent:var(--on-dark-personas-pink-text-accent);--personas-sea-blue-text-accent:var(--on-dark-personas-sea-blue-text-accent);--surface-transparent-accent-minor:var(--on-dark-surface-transparent-accent-minor);--personas-violet-text-accent-hover:var(--on-dark-personas-violet-text-accent-hover);--inverse-personas-blue-text-accent:var(--on-light-personas-blue-text-accent);--inverse-personas-olive-text-accent-active:var(--on-light-personas-olive-text-accent-active);--inverse-surface-solid-card-brightness-hover:var(--on-light-surface-solid-card-brightness-hover);--inverse-surface-transparent-accent-minor:var(--on-light-surface-transparent-accent-minor);--inverse-text-primary-brightness-hover:var(--on-light-text-primary-brightness-hover);--background-hardline:var(--dark-background-hardline);--inverse-outline-primary:var(--on-light-outline-primary);--inverse-personas-violet-text-accent:var(--on-light-personas-violet-text-accent);--personas-indigo-text-accent:var(--on-dark-personas-indigo-text-accent);--inverse-text-primary-brightness-active:var(--on-light-text-primary-brightness-active);--personas-pink-text-accent-hover:var(--on-dark-personas-pink-text-accent-hover);--personas-pink-text-accent-active:var(--on-dark-personas-pink-text-accent-active);--inverse-personas-ochre-text-accent-active:var(--on-light-personas-ochre-text-accent-active);--inverse-personas-olive-text-accent:var(--on-light-personas-olive-text-accent);--surface-transparent-accent-minor-hover:var(--on-dark-surface-transparent-accent-minor-hover);--inverse-surface-transparent-navi-active:var(--on-light-surface-transparent-navi-active);--inverse-personas-green-text-accent-hover:var(--on-light-personas-green-text-accent-hover);--outline-transparent-white-active:var(--on-dark-outline-transparent-white-active);--outline-transparent-white-hover:var(--on-dark-outline-transparent-white-hover);--inverse-outline-deep:var(--on-light-outline-deep);--inverse-outline-deep-active:var(--on-light-outline-deep-active);--inverse-outline-deep-hover:var(--on-light-outline-deep-hover);--inverse-outline-transparent-white:var(--on-light-outline-transparent-white);--inverse-outline-transparent-white-hover:var(--on-light-outline-transparent-white-hover);--surface-solid-deep:var(--on-dark-surface-solid-deep);--surface-solid-deep-active:var(--on-dark-surface-solid-deep-active);--surface-solid-deep-hover:var(--on-dark-surface-solid-deep-hover);--surface-transparent-card-minor:var(--on-dark-surface-transparent-card-minor);--surface-transparent-card-minor-active:var(--on-dark-surface-transparent-card-minor-active);--surface-transparent-card-minor-hover:var(--on-dark-surface-transparent-card-minor-hover);--inverse-surface-solid-deep:var(--on-light-surface-solid-deep);--inverse-surface-solid-deep-active:var(--on-light-surface-solid-deep-active);--inverse-surface-solid-deep-hover:var(--on-light-surface-solid-deep-hover);--inverse-surface-transparent-card-minor:var(--on-light-surface-transparent-card-minor);--inverse-surface-transparent-card-minor-active:var(--on-light-surface-transparent-card-minor-active);--inverse-surface-transparent-card-minor-hover:var(--on-light-surface-transparent-card-minor-hover);--outline-deep-active:var(--on-dark-outline-deep-active);--outline-deep-hover:var(--on-dark-outline-deep-hover);--text-positive-active:var(--on-dark-text-positive-active);--text-positive-hover:var(--on-dark-text-positive-hover);--text-primary-active:var(--on-dark-text-primary-active);--text-primary-brightness:var(--on-dark-text-primary-brightness);--text-negative:var(--on-dark-text-negative);--text-negative-active:var(--on-dark-text-negative-active);--text-negative-hover:var(--on-dark-text-negative-hover);--text-tertiary-active:var(--on-dark-text-tertiary-active);--text-tertiary-hover:var(--on-dark-text-tertiary-hover);--text-warning:var(--on-dark-text-warning);--text-warning-active:var(--on-dark-text-warning-active);--text-warning-hover:var(--on-dark-text-warning-hover);--text-accent-minor:var(--on-dark-text-accent-minor);--text-accent-minor-active:var(--on-dark-text-accent-minor-active);--text-accent-minor-hover:var(--on-dark-text-accent-minor-hover);--text-paragraph-hover:var(--on-dark-text-paragraph-hover);--text-positive:var(--on-dark-text-positive);--text-paragraph:var(--on-dark-text-paragraph);--text-paragraph-active:var(--on-dark-text-paragraph-active);--text-info:var(--on-dark-text-info);--text-info-active:var(--on-dark-text-info-active);--text-info-hover:var(--on-dark-text-info-hover);--text-secondary:var(--on-dark-text-secondary);--text-secondary-active:var(--on-dark-text-secondary-active);--text-secondary-hover:var(--on-dark-text-secondary-hover);--text-tertiary:var(--on-dark-text-tertiary);--text-accent:var(--on-dark-text-accent);--text-accent-active:var(--on-dark-text-accent-active);--inverse-text-secondary-hover:var(--on-light-text-secondary-hover);--inverse-text-secondary:var(--on-light-text-secondary);--inverse-text-secondary-active:var(--on-light-text-secondary-active);--inverse-text-tertiary-active:var(--on-light-text-tertiary-active);--inverse-text-tertiary-hover:var(--on-light-text-tertiary-hover);--inverse-text-primary-active:var(--on-light-text-primary-active);--inverse-text-primary-hover:var(--on-light-text-primary-hover);--inverse-text-primary-brightness:var(--on-light-text-primary-brightness);--inverse-text-accent-minor-active:var(--on-light-text-accent-minor-active);--inverse-text-paragraph:var(--on-light-text-paragraph);--inverse-text-accent-minor-hover:var(--on-light-text-accent-minor-hover);--inverse-text-paragraph-active:var(--on-light-text-paragraph-active);--inverse-text-primary:var(--on-light-text-primary);--inverse-text-paragraph-hover:var(--on-light-text-paragraph-hover);--inverse-text-tertiary:var(--on-light-text-tertiary);--inverse-text-accent-active:var(--on-light-text-accent-active);--inverse-text-accent-hover:var(--on-light-text-accent-hover);--inverse-text-accent-minor:var(--on-light-text-accent-minor);--inverse-text-negative:var(--on-light-text-negative);--inverse-text-positive-active:var(--on-light-text-positive-active);--inverse-text-positive-hover:var(--on-light-text-positive-hover);--inverse-text-negative-active:var(--on-light-text-negative-active);--inverse-text-negative-hover:var(--on-light-text-negative-hover);--surface-solid-secondary:var(--on-dark-surface-solid-secondary);--surface-solid-tertiary:var(--on-dark-surface-solid-tertiary);--surface-solid-secondary-active:var(--on-dark-surface-solid-secondary-active);--surface-solid-secondary-hover:var(--on-dark-surface-solid-secondary-hover);--surface-solid-tertiary-hover:var(--on-dark-surface-solid-tertiary-hover);--inverse-text-info-active:var(--on-light-text-info-active);--inverse-text-info:var(--on-light-text-info);--inverse-text-info-hover:var(--on-light-text-info-hover);--inverse-text-warning:var(--on-light-text-warning);--inverse-text-warning-hover:var(--on-light-text-warning-hover);--surface-solid-primary:var(--on-dark-surface-solid-primary);--inverse-text-warning-active:var(--on-light-text-warning-active);--inverse-text-positive:var(--on-light-text-positive);--surface-solid-primary-hover:var(--on-dark-surface-solid-primary-hover);--surface-accent-hover:var(--on-dark-surface-accent-hover);--surface-accent-active:var(--on-dark-surface-accent-active);--surface-transparent-primary-active:var(--on-dark-surface-transparent-primary-active);--surface-transparent-secondary:var(--on-dark-surface-transparent-secondary);--surface-transparent-primary-hover:var(--on-dark-surface-transparent-primary-hover);--surface-transparent-deep:var(--on-dark-surface-transparent-deep);--surface-transparent-primary:var(--on-dark-surface-transparent-primary);--surface-transparent-deep-active:var(--on-dark-surface-transparent-deep-active);--surface-transparent-deep-hover:var(--on-dark-surface-transparent-deep-hover);--surface-solid-card-active:var(--on-dark-surface-solid-card-active);--surface-solid-card-hover:var(--on-dark-surface-solid-card-hover);--surface-solid-card-brightness:var(--on-dark-surface-solid-card-brightness);--surface-clear-active:var(--on-dark-surface-clear-active);--surface-clear:var(--on-dark-surface-clear);--surface-solid-card:var(--on-dark-surface-solid-card);--surface-clear-hover:var(--on-dark-surface-clear-hover);--surface-transparent-card-active:var(--on-dark-surface-transparent-card-active);--surface-transparent-card-hover:var(--on-dark-surface-transparent-card-hover);--surface-transparent-card-brightness:var(--on-dark-surface-transparent-card-brightness);--surface-solid-default-active:var(--on-dark-surface-solid-default-active);--surface-solid-default-hover:var(--on-dark-surface-solid-default-hover);--surface-transparent-accent-active:var(--on-dark-surface-transparent-accent-active);--surface-transparent-card:var(--on-dark-surface-transparent-card);--surface-transparent-secondary-active:var(--on-dark-surface-transparent-secondary-active);--surface-transparent-tertiary:var(--on-dark-surface-transparent-tertiary);--surface-transparent-accent-hover:var(--on-dark-surface-transparent-accent-hover);--surface-transparent-accent:var(--on-dark-surface-transparent-accent);--surface-transparent-secondary-hover:var(--on-dark-surface-transparent-secondary-hover);--surface-transparent-tertiary-active:var(--on-dark-surface-transparent-tertiary-active);--surface-transparent-tertiary-hover:var(--on-dark-surface-transparent-tertiary-hover);--surface-positive-active:var(--on-dark-surface-positive-active);--surface-positive-hover:var(--on-dark-surface-positive-hover);--surface-negative-active:var(--on-dark-surface-negative-active);--surface-positive:var(--on-dark-surface-positive);--surface-negative-hover:var(--on-dark-surface-negative-hover);--surface-info-hover:var(--on-dark-surface-info-hover);--surface-warning:var(--on-dark-surface-warning);--surface-warning-hover:var(--on-dark-surface-warning-hover);--surface-warning-active:var(--on-dark-surface-warning-active);--surface-info-active:var(--on-dark-surface-info-active);--surface-negative:var(--on-dark-surface-negative);--surface-transparent-negative-active:var(--on-dark-surface-transparent-negative-active);--surface-transparent-negative-hover:var(--on-dark-surface-transparent-negative-hover);--surface-transparent-negative:var(--on-dark-surface-transparent-negative);--surface-read-only-active:var(--on-dark-surface-read-only-active);--surface-read-only:var(--on-dark-surface-read-only);--surface-read-only-hover:var(--on-dark-surface-read-only-hover);--inverse-surface-solid-secondary:var(--on-light-surface-solid-secondary);--inverse-surface-solid-secondary-hover:var(--on-light-surface-solid-secondary-hover);--inverse-surface-solid-primary-brightness:var(--on-light-surface-solid-primary-brightness);--inverse-surface-solid-primary-active:var(--on-light-surface-solid-primary-active);--inverse-surface-solid-primary-hover:var(--on-light-surface-solid-primary-hover);--inverse-surface-transparent-tertiary-hover:var(--on-light-surface-transparent-tertiary-hover);--inverse-surface-clear-active:var(--on-light-surface-clear-active);--inverse-surface-clear:var(--on-light-surface-clear);--inverse-surface-transparent-primary-active:var(--on-light-surface-transparent-primary-active);--inverse-surface-transparent-secondary:var(--on-light-surface-transparent-secondary);--inverse-surface-transparent-primary-hover:var(--on-light-surface-transparent-primary-hover);--inverse-surface-transparent-deep:var(--on-light-surface-transparent-deep);--inverse-surface-transparent-primary:var(--on-light-surface-transparent-primary);--inverse-surface-transparent-deep-active:var(--on-light-surface-transparent-deep-active);--inverse-surface-transparent-deep-hover:var(--on-light-surface-transparent-deep-hover);--inverse-surface-solid-card-active:var(--on-light-surface-solid-card-active);--inverse-surface-solid-card-hover:var(--on-light-surface-solid-card-hover);--inverse-surface-solid-card-brightness:var(--on-light-surface-solid-card-brightness);--inverse-surface-solid-card:var(--on-light-surface-solid-card);--inverse-surface-transparent-card-brightness:var(--on-light-surface-transparent-card-brightness);--inverse-surface-transparent-card-hover:var(--on-light-surface-transparent-card-hover);--inverse-surface-solid-default-active:var(--on-light-surface-solid-default-active);--inverse-surface-solid-tertiary-active:var(--on-light-surface-solid-tertiary-active);--inverse-surface-transparent-card-active:var(--on-light-surface-transparent-card-active);--inverse-surface-transparent-card:var(--on-light-surface-transparent-card);--inverse-surface-solid-default-hover:var(--on-light-surface-solid-default-hover);--inverse-surface-solid-tertiary-hover:var(--on-light-surface-solid-tertiary-hover);--inverse-surface-transparent-secondary-active:var(--on-light-surface-transparent-secondary-active);--inverse-surface-transparent-tertiary:var(--on-light-surface-transparent-tertiary);--inverse-surface-transparent-secondary-hover:var(--on-light-surface-transparent-secondary-hover);--inverse-surface-transparent-tertiary-active:var(--on-light-surface-transparent-tertiary-active);--inverse-surface-clear-hover:var(--on-light-surface-clear-hover);--inverse-surface-warning-active:var(--on-light-surface-warning-active);--inverse-surface-warning-hover:var(--on-light-surface-warning-hover);--inverse-surface-accent-hover:var(--on-light-surface-accent-hover);--inverse-surface-positive-active:var(--on-light-surface-positive-active);--inverse-surface-positive-hover:var(--on-light-surface-positive-hover);--inverse-surface-negative-active:var(--on-light-surface-negative-active);--inverse-surface-positive:var(--on-light-surface-positive);--inverse-surface-negative-hover:var(--on-light-surface-negative-hover);--inverse-surface-negative:var(--on-light-surface-negative);--inverse-surface-info-hover:var(--on-light-surface-info-hover);--inverse-surface-warning:var(--on-light-surface-warning);--inverse-surface-transparent-accent:var(--on-light-surface-transparent-accent);--inverse-surface-info-active:var(--on-light-surface-info-active);--inverse-surface-transparent-accent-active:var(--on-light-surface-transparent-accent-active);--inverse-surface-info:var(--on-light-surface-info);--inverse-surface-transparent-accent-hover:var(--on-light-surface-transparent-accent-hover);--inverse-surface-transparent-negative-active:var(--on-light-surface-transparent-negative-active);--inverse-surface-transparent-negative-hover:var(--on-light-surface-transparent-negative-hover);--inverse-surface-transparent-negative:var(--on-light-surface-transparent-negative);--background-secondary:var(--dark-background-secondary);--background-tertiary:var(--dark-background-tertiary);--inverse-surface-read-only-active:var(--on-light-surface-read-only-active);--inverse-surface-read-only-hover:var(--on-light-surface-read-only-hover);--inverse-surface-read-only:var(--on-light-surface-read-only);--background-primary:var(--dark-background-primary);--outline-transparent-primary-active:var(--on-dark-outline-transparent-primary-active);--outline-transparent-primary:var(--on-dark-outline-transparent-primary);--outline-transparent-primary-hover:var(--on-dark-outline-transparent-primary-hover);--overlay-hard:var(--on-dark-overlay-hard);--overlay-soft:var(--on-dark-overlay-soft);--inverse-overlay-soft:var(--on-light-overlay-soft);--inverse-overlay-hard:var(--on-light-overlay-hard);--outline-clear:var(--on-dark-outline-clear);--inverse-background-tertiary:var(--light-background-tertiary);--inverse-background-secondary:var(--light-background-secondary);--outline-positive:var(--on-dark-outline-positive);--outline-negative:var(--on-dark-outline-negative);--outline-accent-hover:var(--on-dark-outline-accent-hover);--outline-accent-active:var(--on-dark-outline-accent-active);--outline-positive-active:var(--on-dark-outline-positive-active);--outline-positive-hover:var(--on-dark-outline-positive-hover);--outline-negative-active:var(--on-dark-outline-negative-active);--outline-negative-hover:var(--on-dark-outline-negative-hover);--outline-clear-hover:var(--on-dark-outline-clear-hover);--outline-info-hover:var(--on-dark-outline-info-hover);--outline-warning-hover:var(--on-dark-outline-warning-hover);--outline-clear-active:var(--on-dark-outline-clear-active);--outline-warning:var(--on-dark-outline-warning);--outline-warning-active:var(--on-dark-outline-warning-active);--outline-info:var(--on-dark-outline-info);--outline-info-active:var(--on-dark-outline-info-active);--inverse-outline-accent-active:var(--on-light-outline-accent-active);--inverse-outline-clear:var(--on-light-outline-clear);--inverse-outline-clear-active:var(--on-light-outline-clear-active);--inverse-outline-clear-hover:var(--on-light-outline-clear-hover);--inverse-outline-transparent-primary-hover:var(--on-light-outline-transparent-primary-hover);--inverse-outline-transparent-primary:var(--on-light-outline-transparent-primary);--inverse-outline-transparent-primary-active:var(--on-light-outline-transparent-primary-active);--inverse-outline-positive:var(--on-light-outline-positive);--inverse-outline-negative:var(--on-light-outline-negative);--inverse-outline-info-hover:var(--on-light-outline-info-hover);--inverse-outline-info-active:var(--on-light-outline-info-active);--inverse-outline-positive-active:var(--on-light-outline-positive-active);--inverse-outline-positive-hover:var(--on-light-outline-positive-hover);--inverse-outline-negative-active:var(--on-light-outline-negative-active);--inverse-outline-negative-hover:var(--on-light-outline-negative-hover);--inverse-outline-warning-active:var(--on-light-outline-warning-active);--inverse-outline-warning-hover:var(--on-light-outline-warning-hover);--inverse-outline-warning:var(--on-light-outline-warning);--inverse-outline-info:var(--on-light-outline-info);--inverse-surface-accent-minor-hover:var(--on-light-surface-accent-minor-hover);--text-primary-hover:var(--on-dark-text-primary-hover);--inverse-background-hardline:var(--light-background-hardline);--inverse-background-primary:var(--light-background-primary);--outline-accent:var(--on-dark-outline-accent);--outline-deep:var(--on-dark-outline-deep);--outline-default:var(--on-dark-outline-default);--outline-default-active:var(--on-dark-outline-default-active);--outline-default-hover:var(--on-dark-outline-default-hover);--outline-transparent-white:var(--on-dark-outline-transparent-white);--inverse-outline-accent:var(--on-light-outline-accent);--inverse-outline-accent-hover:var(--on-light-outline-accent-hover);--inverse-outline-default:var(--on-light-outline-default);--inverse-outline-default-active:var(--on-light-outline-default-active);--personas-blue-text-accent-hover:var(--on-dark-personas-blue-text-accent-hover);--personas-green-text-accent-hover:var(--on-dark-personas-green-text-accent-hover);--personas-indigo-text-accent-hover:var(--on-dark-personas-indigo-text-accent-hover);--personas-sea-blue-text-accent-hover:var(--on-dark-personas-sea-blue-text-accent-hover);--surface-accent-minor-hover:var(--on-dark-surface-accent-minor-hover);--inverse-surface-accent-secondary-hover:var(--on-light-surface-accent-secondary-hover);--text-accent-hover:var(--on-dark-text-accent-hover);--inverse-outline-primary-active:var(--on-light-outline-primary-active);--inverse-outline-transparent-white-active:var(--on-light-outline-transparent-white-active);--personas-ochre-text-accent-active:var(--on-dark-personas-ochre-text-accent-active);--personas-olive-text-accent-active:var(--on-dark-personas-olive-text-accent-active);--personas-violet-text-accent-active:var(--on-dark-personas-violet-text-accent-active);--inverse-personas-sea-blue-text-accent-active:var(--on-light-personas-sea-blue-text-accent-active);--inverse-personas-violet-text-accent-active:var(--on-light-personas-violet-text-accent-active);--surface-accent-minor-active:var(--on-dark-surface-accent-minor-active);--surface-solid-primary-active:var(--on-dark-surface-solid-primary-active);--surface-solid-primary-brightness-hover:var(--on-dark-surface-solid-primary-brightness-hover);--surface-transparent-navi-active:var(--on-dark-surface-transparent-navi-active);--inverse-surface-accent-active:var(--on-light-surface-accent-active);--inverse-surface-accent-minor-active:var(--on-light-surface-accent-minor-active);--inverse-surface-solid-secondary-active:var(--on-light-surface-solid-secondary-active);--inverse-personas-sea-blue-text-accent:var(--on-light-personas-sea-blue-text-accent);--surface-accent:var(--on-dark-surface-accent);--surface-info:var(--on-dark-surface-info);--surface-solid-card-brightness-active:var(--on-dark-surface-solid-card-brightness-active);--surface-solid-default:var(--on-dark-surface-solid-default);--surface-transparent-navi:var(--on-dark-surface-transparent-navi);--inverse-surface-accent:var(--on-light-surface-accent);--inverse-surface-solid-primary:var(--on-light-surface-solid-primary);--text-primary-brightness-active:var(--on-dark-text-primary-brightness-active);--inverse-text-accent:var(--on-light-text-accent);--surface-solid-card-brightness-hover:var(--on-dark-surface-solid-card-brightness-hover);--surface-solid-primary-brightness:var(--on-dark-surface-solid-primary-brightness);--inverse-surface-solid-default:var(--on-light-surface-solid-default);--overlay-medium:var(--on-dark-overlay-medium);--inverse-overlay-medium:var(--on-light-overlay-medium);--inverse-personas-ochre-surface-accent-gradient:var(--on-light-personas-ochre-surface-accent-gradient);--inverse-personas-sea-blue-surface-accent-gradient:var(--on-light-personas-sea-blue-surface-accent-gradient);--outline-white-gradient:var(--on-dark-outline-white-gradient);--surface-skeleton-gradient:var(--on-dark-surface-skeleton-gradient);--overlay-gradient:var(--on-dark-overlay-gradient);--personas-sea-blue-surface-accent-gradient:var(--on-dark-personas-sea-blue-surface-accent-gradient);--inverse-personas-pink-surface-accent-gradient:var(--on-light-personas-pink-surface-accent-gradient);--inverse-surface-skeleton-gradient:var(--on-light-surface-skeleton-gradient);--inverse-text-accent-gradient-a-i:var(--on-light-text-accent-gradient-a-i);--inverse-overlay-gradient:var(--on-light-overlay-gradient);--personas-pink-surface-accent-gradient:var(--on-dark-personas-pink-surface-accent-gradient);--inverse-personas-indigo-surface-accent-gradient:var(--on-light-personas-indigo-surface-accent-gradient);--background-gradient:var(--dark-background-gradient);--inverse-background-gradient:var(--light-background-gradient);--personas-green-surface-accent-gradient:var(--on-dark-personas-green-surface-accent-gradient);--inverse-surface-accent-gradient-secondary:var(--on-light-surface-accent-gradient-secondary);--inverse-personas-green-surface-accent-gradient:var(--on-light-personas-green-surface-accent-gradient);--personas-indigo-surface-accent-gradient:var(--on-dark-personas-indigo-surface-accent-gradient);--text-accent-gradient-a-i:var(--on-dark-text-accent-gradient-a-i);--inverse-personas-violet-surface-accent-gradient:var(--on-light-personas-violet-surface-accent-gradient);--personas-ochre-surface-accent-gradient:var(--on-dark-personas-ochre-surface-accent-gradient);--personas-olive-surface-accent-gradient:var(--on-dark-personas-olive-surface-accent-gradient);--surface-accent-gradient-secondary:var(--on-dark-surface-accent-gradient-secondary);--inverse-personas-olive-surface-accent-gradient:var(--on-light-personas-olive-surface-accent-gradient);--inverse-personas-blue-surface-accent-gradient:var(--on-light-personas-blue-surface-accent-gradient);--inverse-outline-white-gradient:var(--on-light-outline-white-gradient);--personas-violet-surface-accent-gradient:var(--on-dark-personas-violet-surface-accent-gradient);--personas-blue-surface-accent-gradient:var(--on-dark-personas-blue-surface-accent-gradient);--surface-accent-gradient:var(--on-dark-surface-accent-gradient);--surface-accent-minor-gradient:var(--on-dark-surface-accent-minor-gradient);--inverse-surface-accent-minor-gradient:var(--on-light-surface-accent-minor-gradient);--inverse-surface-accent-gradient:var(--on-light-surface-accent-gradient);}
920
922
  .ViewContainer_config_bgbike_oxsz86j__8126ce22{--surface-accent-secondary-hover:var(--on-light-surface-accent-secondary-hover);--surface-transparent-card-brightness-hover:var(--on-light-surface-transparent-card-brightness-hover);--surface-transparent-card-brightness-active:var(--on-light-surface-transparent-card-brightness-active);--inverse-personas-ochre-text-accent:var(--on-dark-personas-ochre-text-accent);--inverse-personas-pink-text-accent:var(--on-dark-personas-pink-text-accent);--surface-solid-tertiary-active:var(--on-light-surface-solid-tertiary-active);--inverse-surface-solid-primary-brightness-hover:var(--on-dark-surface-solid-primary-brightness-hover);--text-primary:var(--on-light-text-primary);--inverse-surface-transparent-navi:var(--on-dark-surface-transparent-navi);--inverse-surface-transparent-card-brightness-hover:var(--on-dark-surface-transparent-card-brightness-hover);--inverse-personas-indigo-text-accent:var(--on-dark-personas-indigo-text-accent);--inverse-surface-solid-primary-brightness-active:var(--on-dark-surface-solid-primary-brightness-active);--personas-olive-text-accent:var(--on-light-personas-olive-text-accent);--outline-primary:var(--on-light-outline-primary);--inverse-surface-solid-tertiary:var(--on-dark-surface-solid-tertiary);--inverse-personas-green-text-accent:var(--on-dark-personas-green-text-accent);--surface-accent-secondary:var(--on-light-surface-accent-secondary);--surface-accent-minor:var(--on-light-surface-accent-minor);--inverse-surface-transparent-card-brightness-active:var(--on-dark-surface-transparent-card-brightness-active);--inverse-surface-solid-card-brightness-active:var(--on-dark-surface-solid-card-brightness-active);--inverse-surface-accent-minor:var(--on-dark-surface-accent-minor);--personas-ochre-text-accent:var(--on-light-personas-ochre-text-accent);--inverse-personas-blue-text-accent-active:var(--on-dark-personas-blue-text-accent-active);--inverse-personas-olive-text-accent-hover:var(--on-dark-personas-olive-text-accent-hover);--inverse-personas-green-text-accent-active:var(--on-dark-personas-green-text-accent-active);--inverse-surface-accent-secondary:var(--on-dark-surface-accent-secondary);--inverse-personas-indigo-text-accent-active:var(--on-dark-personas-indigo-text-accent-active);--personas-sea-blue-text-accent-active:var(--on-light-personas-sea-blue-text-accent-active);--text-primary-brightness-hover:var(--on-light-text-primary-brightness-hover);--inverse-surface-transparent-accent-minor-active:var(--on-dark-surface-transparent-accent-minor-active);--personas-ochre-text-accent-hover:var(--on-light-personas-ochre-text-accent-hover);--inverse-personas-pink-text-accent-active:var(--on-dark-personas-pink-text-accent-active);--outline-primary-active:var(--on-light-outline-primary-active);--inverse-surface-accent-secondary-active:var(--on-dark-surface-accent-secondary-active);--personas-indigo-text-accent-active:var(--on-light-personas-indigo-text-accent-active);--personas-green-text-accent-active:var(--on-light-personas-green-text-accent-active);--inverse-personas-sea-blue-text-accent-hover:var(--on-dark-personas-sea-blue-text-accent-hover);--inverse-personas-blue-text-accent-hover:var(--on-dark-personas-blue-text-accent-hover);--inverse-personas-indigo-text-accent-hover:var(--on-dark-personas-indigo-text-accent-hover);--outline-primary-hover:var(--on-light-outline-primary-hover);--surface-transparent-accent-minor-active:var(--on-light-surface-transparent-accent-minor-active);--surface-transparent-navi-hover:var(--on-light-surface-transparent-navi-hover);--inverse-outline-default-hover:var(--on-dark-outline-default-hover);--inverse-personas-violet-text-accent-hover:var(--on-dark-personas-violet-text-accent-hover);--inverse-surface-transparent-accent-minor-hover:var(--on-dark-surface-transparent-accent-minor-hover);--inverse-surface-transparent-navi-hover:var(--on-dark-surface-transparent-navi-hover);--inverse-outline-primary-hover:var(--on-dark-outline-primary-hover);--personas-olive-text-accent-hover:var(--on-light-personas-olive-text-accent-hover);--personas-violet-text-accent:var(--on-light-personas-violet-text-accent);--inverse-personas-ochre-text-accent-hover:var(--on-dark-personas-ochre-text-accent-hover);--inverse-personas-pink-text-accent-hover:var(--on-dark-personas-pink-text-accent-hover);--surface-accent-secondary-active:var(--on-light-surface-accent-secondary-active);--personas-blue-text-accent:var(--on-light-personas-blue-text-accent);--personas-blue-text-accent-active:var(--on-light-personas-blue-text-accent-active);--personas-green-text-accent:var(--on-light-personas-green-text-accent);--surface-solid-primary-brightness-active:var(--on-light-surface-solid-primary-brightness-active);--personas-pink-text-accent:var(--on-light-personas-pink-text-accent);--personas-sea-blue-text-accent:var(--on-light-personas-sea-blue-text-accent);--surface-transparent-accent-minor:var(--on-light-surface-transparent-accent-minor);--personas-violet-text-accent-hover:var(--on-light-personas-violet-text-accent-hover);--inverse-personas-blue-text-accent:var(--on-dark-personas-blue-text-accent);--inverse-personas-olive-text-accent-active:var(--on-dark-personas-olive-text-accent-active);--inverse-surface-solid-card-brightness-hover:var(--on-dark-surface-solid-card-brightness-hover);--inverse-surface-transparent-accent-minor:var(--on-dark-surface-transparent-accent-minor);--inverse-text-primary-brightness-hover:var(--on-dark-text-primary-brightness-hover);--background-hardline:var(--light-background-hardline);--inverse-outline-primary:var(--on-dark-outline-primary);--inverse-personas-violet-text-accent:var(--on-dark-personas-violet-text-accent);--personas-indigo-text-accent:var(--on-light-personas-indigo-text-accent);--inverse-text-primary-brightness-active:var(--on-dark-text-primary-brightness-active);--personas-pink-text-accent-hover:var(--on-light-personas-pink-text-accent-hover);--personas-pink-text-accent-active:var(--on-light-personas-pink-text-accent-active);--inverse-personas-ochre-text-accent-active:var(--on-dark-personas-ochre-text-accent-active);--inverse-personas-olive-text-accent:var(--on-dark-personas-olive-text-accent);--surface-transparent-accent-minor-hover:var(--on-light-surface-transparent-accent-minor-hover);--inverse-surface-transparent-navi-active:var(--on-dark-surface-transparent-navi-active);--inverse-personas-green-text-accent-hover:var(--on-dark-personas-green-text-accent-hover);--outline-transparent-white-active:var(--on-light-outline-transparent-white-active);--outline-transparent-white-hover:var(--on-light-outline-transparent-white-hover);--inverse-outline-deep:var(--on-dark-outline-deep);--inverse-outline-deep-active:var(--on-dark-outline-deep-active);--inverse-outline-deep-hover:var(--on-dark-outline-deep-hover);--inverse-outline-transparent-white:var(--on-dark-outline-transparent-white);--inverse-outline-transparent-white-hover:var(--on-dark-outline-transparent-white-hover);--surface-solid-deep:var(--on-light-surface-solid-deep);--surface-solid-deep-active:var(--on-light-surface-solid-deep-active);--surface-solid-deep-hover:var(--on-light-surface-solid-deep-hover);--surface-transparent-card-minor:var(--on-light-surface-transparent-card-minor);--surface-transparent-card-minor-active:var(--on-light-surface-transparent-card-minor-active);--surface-transparent-card-minor-hover:var(--on-light-surface-transparent-card-minor-hover);--inverse-surface-solid-deep:var(--on-dark-surface-solid-deep);--inverse-surface-solid-deep-active:var(--on-dark-surface-solid-deep-active);--inverse-surface-solid-deep-hover:var(--on-dark-surface-solid-deep-hover);--inverse-surface-transparent-card-minor:var(--on-dark-surface-transparent-card-minor);--inverse-surface-transparent-card-minor-active:var(--on-dark-surface-transparent-card-minor-active);--inverse-surface-transparent-card-minor-hover:var(--on-dark-surface-transparent-card-minor-hover);--outline-deep-active:var(--on-light-outline-deep-active);--outline-deep-hover:var(--on-light-outline-deep-hover);--text-positive-active:var(--on-light-text-positive-active);--text-positive-hover:var(--on-light-text-positive-hover);--text-primary-active:var(--on-light-text-primary-active);--text-primary-brightness:var(--on-light-text-primary-brightness);--text-negative:var(--on-light-text-negative);--text-negative-active:var(--on-light-text-negative-active);--text-negative-hover:var(--on-light-text-negative-hover);--text-tertiary-active:var(--on-light-text-tertiary-active);--text-tertiary-hover:var(--on-light-text-tertiary-hover);--text-warning:var(--on-light-text-warning);--text-warning-active:var(--on-light-text-warning-active);--text-warning-hover:var(--on-light-text-warning-hover);--text-accent-minor:var(--on-light-text-accent-minor);--text-accent-minor-active:var(--on-light-text-accent-minor-active);--text-accent-minor-hover:var(--on-light-text-accent-minor-hover);--text-paragraph-hover:var(--on-light-text-paragraph-hover);--text-positive:var(--on-light-text-positive);--text-paragraph:var(--on-light-text-paragraph);--text-paragraph-active:var(--on-light-text-paragraph-active);--text-info:var(--on-light-text-info);--text-info-active:var(--on-light-text-info-active);--text-info-hover:var(--on-light-text-info-hover);--text-secondary:var(--on-light-text-secondary);--text-secondary-active:var(--on-light-text-secondary-active);--text-secondary-hover:var(--on-light-text-secondary-hover);--text-tertiary:var(--on-light-text-tertiary);--text-accent:var(--on-light-text-accent);--text-accent-active:var(--on-light-text-accent-active);--inverse-text-secondary-hover:var(--on-dark-text-secondary-hover);--inverse-text-secondary:var(--on-dark-text-secondary);--inverse-text-secondary-active:var(--on-dark-text-secondary-active);--inverse-text-tertiary-active:var(--on-dark-text-tertiary-active);--inverse-text-tertiary-hover:var(--on-dark-text-tertiary-hover);--inverse-text-primary-active:var(--on-dark-text-primary-active);--inverse-text-primary-hover:var(--on-dark-text-primary-hover);--inverse-text-primary-brightness:var(--on-dark-text-primary-brightness);--inverse-text-accent-minor-active:var(--on-dark-text-accent-minor-active);--inverse-text-paragraph:var(--on-dark-text-paragraph);--inverse-text-accent-minor-hover:var(--on-dark-text-accent-minor-hover);--inverse-text-paragraph-active:var(--on-dark-text-paragraph-active);--inverse-text-primary:var(--on-dark-text-primary);--inverse-text-paragraph-hover:var(--on-dark-text-paragraph-hover);--inverse-text-tertiary:var(--on-dark-text-tertiary);--inverse-text-accent-active:var(--on-dark-text-accent-active);--inverse-text-accent-hover:var(--on-dark-text-accent-hover);--inverse-text-accent-minor:var(--on-dark-text-accent-minor);--inverse-text-negative:var(--on-dark-text-negative);--inverse-text-positive-active:var(--on-dark-text-positive-active);--inverse-text-positive-hover:var(--on-dark-text-positive-hover);--inverse-text-negative-active:var(--on-dark-text-negative-active);--inverse-text-negative-hover:var(--on-dark-text-negative-hover);--surface-solid-secondary:var(--on-light-surface-solid-secondary);--surface-solid-tertiary:var(--on-light-surface-solid-tertiary);--surface-solid-secondary-active:var(--on-light-surface-solid-secondary-active);--surface-solid-secondary-hover:var(--on-light-surface-solid-secondary-hover);--surface-solid-tertiary-hover:var(--on-light-surface-solid-tertiary-hover);--inverse-text-info-active:var(--on-dark-text-info-active);--inverse-text-info:var(--on-dark-text-info);--inverse-text-info-hover:var(--on-dark-text-info-hover);--inverse-text-warning:var(--on-dark-text-warning);--inverse-text-warning-hover:var(--on-dark-text-warning-hover);--surface-solid-primary:var(--on-light-surface-solid-primary);--inverse-text-warning-active:var(--on-dark-text-warning-active);--inverse-text-positive:var(--on-dark-text-positive);--surface-solid-primary-hover:var(--on-light-surface-solid-primary-hover);--surface-accent-hover:var(--on-light-surface-accent-hover);--surface-accent-active:var(--on-light-surface-accent-active);--surface-transparent-primary-active:var(--on-light-surface-transparent-primary-active);--surface-transparent-secondary:var(--on-light-surface-transparent-secondary);--surface-transparent-primary-hover:var(--on-light-surface-transparent-primary-hover);--surface-transparent-deep:var(--on-light-surface-transparent-deep);--surface-transparent-primary:var(--on-light-surface-transparent-primary);--surface-transparent-deep-active:var(--on-light-surface-transparent-deep-active);--surface-transparent-deep-hover:var(--on-light-surface-transparent-deep-hover);--surface-solid-card-active:var(--on-light-surface-solid-card-active);--surface-solid-card-hover:var(--on-light-surface-solid-card-hover);--surface-solid-card-brightness:var(--on-light-surface-solid-card-brightness);--surface-clear-active:var(--on-light-surface-clear-active);--surface-clear:var(--on-light-surface-clear);--surface-solid-card:var(--on-light-surface-solid-card);--surface-clear-hover:var(--on-light-surface-clear-hover);--surface-transparent-card-active:var(--on-light-surface-transparent-card-active);--surface-transparent-card-hover:var(--on-light-surface-transparent-card-hover);--surface-transparent-card-brightness:var(--on-light-surface-transparent-card-brightness);--surface-solid-default-active:var(--on-light-surface-solid-default-active);--surface-solid-default-hover:var(--on-light-surface-solid-default-hover);--surface-transparent-accent-active:var(--on-light-surface-transparent-accent-active);--surface-transparent-card:var(--on-light-surface-transparent-card);--surface-transparent-secondary-active:var(--on-light-surface-transparent-secondary-active);--surface-transparent-tertiary:var(--on-light-surface-transparent-tertiary);--surface-transparent-accent-hover:var(--on-light-surface-transparent-accent-hover);--surface-transparent-accent:var(--on-light-surface-transparent-accent);--surface-transparent-secondary-hover:var(--on-light-surface-transparent-secondary-hover);--surface-transparent-tertiary-active:var(--on-light-surface-transparent-tertiary-active);--surface-transparent-tertiary-hover:var(--on-light-surface-transparent-tertiary-hover);--surface-positive-active:var(--on-light-surface-positive-active);--surface-positive-hover:var(--on-light-surface-positive-hover);--surface-negative-active:var(--on-light-surface-negative-active);--surface-positive:var(--on-light-surface-positive);--surface-negative-hover:var(--on-light-surface-negative-hover);--surface-info-hover:var(--on-light-surface-info-hover);--surface-warning:var(--on-light-surface-warning);--surface-warning-hover:var(--on-light-surface-warning-hover);--surface-warning-active:var(--on-light-surface-warning-active);--surface-info-active:var(--on-light-surface-info-active);--surface-negative:var(--on-light-surface-negative);--surface-transparent-negative-active:var(--on-light-surface-transparent-negative-active);--surface-transparent-negative-hover:var(--on-light-surface-transparent-negative-hover);--surface-transparent-negative:var(--on-light-surface-transparent-negative);--surface-read-only-active:var(--on-light-surface-read-only-active);--surface-read-only:var(--on-light-surface-read-only);--surface-read-only-hover:var(--on-light-surface-read-only-hover);--inverse-surface-solid-secondary:var(--on-dark-surface-solid-secondary);--inverse-surface-solid-secondary-hover:var(--on-dark-surface-solid-secondary-hover);--inverse-surface-solid-primary-brightness:var(--on-dark-surface-solid-primary-brightness);--inverse-surface-solid-primary-active:var(--on-dark-surface-solid-primary-active);--inverse-surface-solid-primary-hover:var(--on-dark-surface-solid-primary-hover);--inverse-surface-transparent-tertiary-hover:var(--on-dark-surface-transparent-tertiary-hover);--inverse-surface-clear-active:var(--on-dark-surface-clear-active);--inverse-surface-clear:var(--on-dark-surface-clear);--inverse-surface-transparent-primary-active:var(--on-dark-surface-transparent-primary-active);--inverse-surface-transparent-secondary:var(--on-dark-surface-transparent-secondary);--inverse-surface-transparent-primary-hover:var(--on-dark-surface-transparent-primary-hover);--inverse-surface-transparent-deep:var(--on-dark-surface-transparent-deep);--inverse-surface-transparent-primary:var(--on-dark-surface-transparent-primary);--inverse-surface-transparent-deep-active:var(--on-dark-surface-transparent-deep-active);--inverse-surface-transparent-deep-hover:var(--on-dark-surface-transparent-deep-hover);--inverse-surface-solid-card-active:var(--on-dark-surface-solid-card-active);--inverse-surface-solid-card-hover:var(--on-dark-surface-solid-card-hover);--inverse-surface-solid-card-brightness:var(--on-dark-surface-solid-card-brightness);--inverse-surface-solid-card:var(--on-dark-surface-solid-card);--inverse-surface-transparent-card-brightness:var(--on-dark-surface-transparent-card-brightness);--inverse-surface-transparent-card-hover:var(--on-dark-surface-transparent-card-hover);--inverse-surface-solid-default-active:var(--on-dark-surface-solid-default-active);--inverse-surface-solid-tertiary-active:var(--on-dark-surface-solid-tertiary-active);--inverse-surface-transparent-card-active:var(--on-dark-surface-transparent-card-active);--inverse-surface-transparent-card:var(--on-dark-surface-transparent-card);--inverse-surface-solid-default-hover:var(--on-dark-surface-solid-default-hover);--inverse-surface-solid-tertiary-hover:var(--on-dark-surface-solid-tertiary-hover);--inverse-surface-transparent-secondary-active:var(--on-dark-surface-transparent-secondary-active);--inverse-surface-transparent-tertiary:var(--on-dark-surface-transparent-tertiary);--inverse-surface-transparent-secondary-hover:var(--on-dark-surface-transparent-secondary-hover);--inverse-surface-transparent-tertiary-active:var(--on-dark-surface-transparent-tertiary-active);--inverse-surface-clear-hover:var(--on-dark-surface-clear-hover);--inverse-surface-warning-active:var(--on-dark-surface-warning-active);--inverse-surface-warning-hover:var(--on-dark-surface-warning-hover);--inverse-surface-accent-hover:var(--on-dark-surface-accent-hover);--inverse-surface-positive-active:var(--on-dark-surface-positive-active);--inverse-surface-positive-hover:var(--on-dark-surface-positive-hover);--inverse-surface-negative-active:var(--on-dark-surface-negative-active);--inverse-surface-positive:var(--on-dark-surface-positive);--inverse-surface-negative-hover:var(--on-dark-surface-negative-hover);--inverse-surface-negative:var(--on-dark-surface-negative);--inverse-surface-info-hover:var(--on-dark-surface-info-hover);--inverse-surface-warning:var(--on-dark-surface-warning);--inverse-surface-transparent-accent:var(--on-dark-surface-transparent-accent);--inverse-surface-info-active:var(--on-dark-surface-info-active);--inverse-surface-transparent-accent-active:var(--on-dark-surface-transparent-accent-active);--inverse-surface-info:var(--on-dark-surface-info);--inverse-surface-transparent-accent-hover:var(--on-dark-surface-transparent-accent-hover);--inverse-surface-transparent-negative-active:var(--on-dark-surface-transparent-negative-active);--inverse-surface-transparent-negative-hover:var(--on-dark-surface-transparent-negative-hover);--inverse-surface-transparent-negative:var(--on-dark-surface-transparent-negative);--background-secondary:var(--light-background-secondary);--background-tertiary:var(--light-background-tertiary);--inverse-surface-read-only-active:var(--on-dark-surface-read-only-active);--inverse-surface-read-only-hover:var(--on-dark-surface-read-only-hover);--inverse-surface-read-only:var(--on-dark-surface-read-only);--background-primary:var(--light-background-primary);--outline-transparent-primary-active:var(--on-light-outline-transparent-primary-active);--outline-transparent-primary:var(--on-light-outline-transparent-primary);--outline-transparent-primary-hover:var(--on-light-outline-transparent-primary-hover);--overlay-hard:var(--on-light-overlay-hard);--overlay-soft:var(--on-light-overlay-soft);--inverse-overlay-soft:var(--on-dark-overlay-soft);--inverse-overlay-hard:var(--on-dark-overlay-hard);--outline-clear:var(--on-light-outline-clear);--inverse-background-tertiary:var(--dark-background-tertiary);--inverse-background-secondary:var(--dark-background-secondary);--outline-positive:var(--on-light-outline-positive);--outline-negative:var(--on-light-outline-negative);--outline-accent-hover:var(--on-light-outline-accent-hover);--outline-accent-active:var(--on-light-outline-accent-active);--outline-positive-active:var(--on-light-outline-positive-active);--outline-positive-hover:var(--on-light-outline-positive-hover);--outline-negative-active:var(--on-light-outline-negative-active);--outline-negative-hover:var(--on-light-outline-negative-hover);--outline-clear-hover:var(--on-light-outline-clear-hover);--outline-info-hover:var(--on-light-outline-info-hover);--outline-warning-hover:var(--on-light-outline-warning-hover);--outline-clear-active:var(--on-light-outline-clear-active);--outline-warning:var(--on-light-outline-warning);--outline-warning-active:var(--on-light-outline-warning-active);--outline-info:var(--on-light-outline-info);--outline-info-active:var(--on-light-outline-info-active);--inverse-outline-accent-active:var(--on-dark-outline-accent-active);--inverse-outline-clear:var(--on-dark-outline-clear);--inverse-outline-clear-active:var(--on-dark-outline-clear-active);--inverse-outline-clear-hover:var(--on-dark-outline-clear-hover);--inverse-outline-transparent-primary-hover:var(--on-dark-outline-transparent-primary-hover);--inverse-outline-transparent-primary:var(--on-dark-outline-transparent-primary);--inverse-outline-transparent-primary-active:var(--on-dark-outline-transparent-primary-active);--inverse-outline-positive:var(--on-dark-outline-positive);--inverse-outline-negative:var(--on-dark-outline-negative);--inverse-outline-info-hover:var(--on-dark-outline-info-hover);--inverse-outline-info-active:var(--on-dark-outline-info-active);--inverse-outline-positive-active:var(--on-dark-outline-positive-active);--inverse-outline-positive-hover:var(--on-dark-outline-positive-hover);--inverse-outline-negative-active:var(--on-dark-outline-negative-active);--inverse-outline-negative-hover:var(--on-dark-outline-negative-hover);--inverse-outline-warning-active:var(--on-dark-outline-warning-active);--inverse-outline-warning-hover:var(--on-dark-outline-warning-hover);--inverse-outline-warning:var(--on-dark-outline-warning);--inverse-outline-info:var(--on-dark-outline-info);--inverse-surface-accent-minor-hover:var(--on-dark-surface-accent-minor-hover);--text-primary-hover:var(--on-light-text-primary-hover);--inverse-background-hardline:var(--dark-background-hardline);--inverse-background-primary:var(--dark-background-primary);--outline-accent:var(--on-light-outline-accent);--outline-deep:var(--on-light-outline-deep);--outline-default:var(--on-light-outline-default);--outline-default-active:var(--on-light-outline-default-active);--outline-default-hover:var(--on-light-outline-default-hover);--outline-transparent-white:var(--on-light-outline-transparent-white);--inverse-outline-accent:var(--on-dark-outline-accent);--inverse-outline-accent-hover:var(--on-dark-outline-accent-hover);--inverse-outline-default:var(--on-dark-outline-default);--inverse-outline-default-active:var(--on-dark-outline-default-active);--personas-blue-text-accent-hover:var(--on-light-personas-blue-text-accent-hover);--personas-green-text-accent-hover:var(--on-light-personas-green-text-accent-hover);--personas-indigo-text-accent-hover:var(--on-light-personas-indigo-text-accent-hover);--personas-sea-blue-text-accent-hover:var(--on-light-personas-sea-blue-text-accent-hover);--surface-accent-minor-hover:var(--on-light-surface-accent-minor-hover);--inverse-surface-accent-secondary-hover:var(--on-dark-surface-accent-secondary-hover);--text-accent-hover:var(--on-light-text-accent-hover);--inverse-outline-primary-active:var(--on-dark-outline-primary-active);--inverse-outline-transparent-white-active:var(--on-dark-outline-transparent-white-active);--personas-ochre-text-accent-active:var(--on-light-personas-ochre-text-accent-active);--personas-olive-text-accent-active:var(--on-light-personas-olive-text-accent-active);--personas-violet-text-accent-active:var(--on-light-personas-violet-text-accent-active);--inverse-personas-sea-blue-text-accent-active:var(--on-dark-personas-sea-blue-text-accent-active);--inverse-personas-violet-text-accent-active:var(--on-dark-personas-violet-text-accent-active);--surface-accent-minor-active:var(--on-light-surface-accent-minor-active);--surface-solid-primary-active:var(--on-light-surface-solid-primary-active);--surface-solid-primary-brightness-hover:var(--on-light-surface-solid-primary-brightness-hover);--surface-transparent-navi-active:var(--on-light-surface-transparent-navi-active);--inverse-surface-accent-active:var(--on-dark-surface-accent-active);--inverse-surface-accent-minor-active:var(--on-dark-surface-accent-minor-active);--inverse-surface-solid-secondary-active:var(--on-dark-surface-solid-secondary-active);--inverse-personas-sea-blue-text-accent:var(--on-dark-personas-sea-blue-text-accent);--surface-accent:var(--on-light-surface-accent);--surface-info:var(--on-light-surface-info);--surface-solid-card-brightness-active:var(--on-light-surface-solid-card-brightness-active);--surface-solid-default:var(--on-light-surface-solid-default);--surface-transparent-navi:var(--on-light-surface-transparent-navi);--inverse-surface-accent:var(--on-dark-surface-accent);--inverse-surface-solid-primary:var(--on-dark-surface-solid-primary);--text-primary-brightness-active:var(--on-light-text-primary-brightness-active);--inverse-text-accent:var(--on-dark-text-accent);--surface-solid-card-brightness-hover:var(--on-light-surface-solid-card-brightness-hover);--surface-solid-primary-brightness:var(--on-light-surface-solid-primary-brightness);--inverse-surface-solid-default:var(--on-dark-surface-solid-default);--overlay-medium:var(--on-light-overlay-medium);--inverse-overlay-medium:var(--on-dark-overlay-medium);--inverse-personas-ochre-surface-accent-gradient:var(--on-dark-personas-ochre-surface-accent-gradient);--inverse-personas-sea-blue-surface-accent-gradient:var(--on-dark-personas-sea-blue-surface-accent-gradient);--outline-white-gradient:var(--on-light-outline-white-gradient);--surface-skeleton-gradient:var(--on-light-surface-skeleton-gradient);--overlay-gradient:var(--on-light-overlay-gradient);--personas-sea-blue-surface-accent-gradient:var(--on-light-personas-sea-blue-surface-accent-gradient);--inverse-personas-pink-surface-accent-gradient:var(--on-dark-personas-pink-surface-accent-gradient);--inverse-surface-skeleton-gradient:var(--on-dark-surface-skeleton-gradient);--inverse-text-accent-gradient-a-i:var(--on-dark-text-accent-gradient-a-i);--inverse-overlay-gradient:var(--on-dark-overlay-gradient);--personas-pink-surface-accent-gradient:var(--on-light-personas-pink-surface-accent-gradient);--inverse-personas-indigo-surface-accent-gradient:var(--on-dark-personas-indigo-surface-accent-gradient);--background-gradient:var(--light-background-gradient);--inverse-background-gradient:var(--dark-background-gradient);--personas-green-surface-accent-gradient:var(--on-light-personas-green-surface-accent-gradient);--inverse-surface-accent-gradient-secondary:var(--on-dark-surface-accent-gradient-secondary);--inverse-personas-green-surface-accent-gradient:var(--on-dark-personas-green-surface-accent-gradient);--personas-indigo-surface-accent-gradient:var(--on-light-personas-indigo-surface-accent-gradient);--text-accent-gradient-a-i:var(--on-light-text-accent-gradient-a-i);--inverse-personas-violet-surface-accent-gradient:var(--on-dark-personas-violet-surface-accent-gradient);--personas-ochre-surface-accent-gradient:var(--on-light-personas-ochre-surface-accent-gradient);--personas-olive-surface-accent-gradient:var(--on-light-personas-olive-surface-accent-gradient);--surface-accent-gradient-secondary:var(--on-light-surface-accent-gradient-secondary);--inverse-personas-olive-surface-accent-gradient:var(--on-dark-personas-olive-surface-accent-gradient);--inverse-personas-blue-surface-accent-gradient:var(--on-dark-personas-blue-surface-accent-gradient);--inverse-outline-white-gradient:var(--on-dark-outline-white-gradient);--personas-violet-surface-accent-gradient:var(--on-light-personas-violet-surface-accent-gradient);--personas-blue-surface-accent-gradient:var(--on-light-personas-blue-surface-accent-gradient);--surface-accent-gradient:var(--on-light-surface-accent-gradient);--surface-accent-minor-gradient:var(--on-light-surface-accent-minor-gradient);--inverse-surface-accent-minor-gradient:var(--on-dark-surface-accent-minor-gradient);--inverse-surface-accent-gradient:var(--on-dark-surface-accent-gradient);}
package/dist/css/es/index.js CHANGED
@@ -76,7 +76,7 @@ export { Toolbar, ToolbarDivider } from './components/Toolbar/Toolbar.js';
76
76
  export { Tooltip } from './components/Tooltip/Tooltip.js';
77
77
  export { Tour } from './components/Tour/Tour.js';
78
78
  export { Tree } from './components/Tree/Tree.js';
79
- export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplS, H1, H2, H3, H4 } from './components/Typography/Typography.js';
79
+ export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplS, H1, H2, H3, H4, HXlMedium, HXxlMedium } from './components/Typography/Typography.js';
80
80
  export { ViewContainer } from './components/ViewContainer/ViewContainer.js';
81
81
  export { addScrollbar } from './components/Scrollbar/Scrollbar.js';
82
82
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-sbcom",
3
- "version": "0.350.1-next-sbcom.0",
3
+ "version": "0.351.0-next-sbcom.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS SBCOM web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "exports": {
@@ -27,8 +27,8 @@
27
27
  "directory": "packages/sdds-sbcom"
28
28
  },
29
29
  "dependencies": {
30
- "@salutejs-ds/sdds_sbcom": "0.1.18",
31
- "@salutejs/plasma-new-hope": "0.362.1-next-sbcom.0"
30
+ "@salutejs-ds/sdds_sbcom": "0.1.20",
31
+ "@salutejs/plasma-new-hope": "0.363.0-next-sbcom.0"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "react": ">=16.13.1",
@@ -52,10 +52,10 @@
52
52
  "@rollup/plugin-commonjs": "^25.0.4",
53
53
  "@rollup/plugin-node-resolve": "^15.1.0",
54
54
  "@salutejs/plasma-colors": "0.16.0",
55
- "@salutejs/plasma-core": "1.226.1-next-sbcom.0",
56
- "@salutejs/plasma-cy-utils": "0.156.1-next-sbcom.0",
55
+ "@salutejs/plasma-core": "1.227.0-next-sbcom.0",
56
+ "@salutejs/plasma-cy-utils": "0.157.0-next-sbcom.0",
57
57
  "@salutejs/plasma-icons": "1.238.0-next-sbcom.0",
58
- "@salutejs/plasma-sb-utils": "0.226.1-next-sbcom.0",
58
+ "@salutejs/plasma-sb-utils": "0.227.0-next-sbcom.0",
59
59
  "@types/node": "16.7.13",
60
60
  "@types/react": "18.0.28",
61
61
  "@types/react-dom": "18.0.11",
@@ -99,5 +99,5 @@
99
99
  "sideEffects": [
100
100
  "*.css"
101
101
  ],
102
- "gitHead": "c0c5eb4a81af3e51a8d57a85a033f55da76cc657"
102
+ "gitHead": "a1b0454e10a01d3ba2a349fdf4a38b141165c228"
103
103
  }
package/types/components/Typography/Heading.config.d.ts CHANGED
@@ -38,3 +38,23 @@ export declare const configH4: {
38
38
  };
39
39
  };
40
40
  };
41
+ export declare const configHXlMedium: {
42
+ defaults: {
43
+ size: string;
44
+ };
45
+ variations: {
46
+ size: {
47
+ hXlMedium: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
48
+ };
49
+ };
50
+ };
51
+ export declare const configHXxlMedium: {
52
+ defaults: {
53
+ size: string;
54
+ };
55
+ variations: {
56
+ size: {
57
+ hXxlMedium: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
58
+ };
59
+ };
60
+ };
package/types/components/Typography/Typography.d.ts CHANGED
@@ -318,3 +318,67 @@ export declare const H4: import("@salutejs/plasma-new-hope/styled-components").T
318
318
  } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & {
319
319
  as?: keyof import("@salutejs/plasma-new-hope/styled-components").AllowedTextHTMLElements;
320
320
  } & import("react").RefAttributes<HTMLDivElement>))>;
321
+ export declare const HXlMedium: import("@salutejs/plasma-new-hope/styled-components").TypographyComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
322
+ size: {
323
+ hXlMedium: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
324
+ };
325
+ }> & (({
326
+ noWrap?: boolean;
327
+ breakWord?: boolean;
328
+ color?: string;
329
+ size?: string;
330
+ isNumeric?: boolean;
331
+ isItalic?: boolean;
332
+ } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & {
333
+ as?: keyof import("@salutejs/plasma-new-hope/styled-components").AllowedTextHTMLElements;
334
+ } & import("react").RefAttributes<HTMLDivElement>) | ({
335
+ noWrap?: boolean;
336
+ breakWord?: boolean;
337
+ color?: string;
338
+ size?: string;
339
+ isNumeric?: boolean;
340
+ isItalic?: boolean;
341
+ } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & {
342
+ as?: keyof import("@salutejs/plasma-new-hope/styled-components").AllowedTextHTMLElements;
343
+ } & import("react").RefAttributes<HTMLDivElement>) | ({
344
+ noWrap?: boolean;
345
+ breakWord?: boolean;
346
+ color?: string;
347
+ size?: string;
348
+ isNumeric?: boolean;
349
+ isItalic?: boolean;
350
+ } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & {
351
+ as?: keyof import("@salutejs/plasma-new-hope/styled-components").AllowedTextHTMLElements;
352
+ } & import("react").RefAttributes<HTMLDivElement>))>;
353
+ export declare const HXxlMedium: import("@salutejs/plasma-new-hope/styled-components").TypographyComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
354
+ size: {
355
+ hXxlMedium: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
356
+ };
357
+ }> & (({
358
+ noWrap?: boolean;
359
+ breakWord?: boolean;
360
+ color?: string;
361
+ size?: string;
362
+ isNumeric?: boolean;
363
+ isItalic?: boolean;
364
+ } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & {
365
+ as?: keyof import("@salutejs/plasma-new-hope/styled-components").AllowedTextHTMLElements;
366
+ } & import("react").RefAttributes<HTMLDivElement>) | ({
367
+ noWrap?: boolean;
368
+ breakWord?: boolean;
369
+ color?: string;
370
+ size?: string;
371
+ isNumeric?: boolean;
372
+ isItalic?: boolean;
373
+ } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & {
374
+ as?: keyof import("@salutejs/plasma-new-hope/styled-components").AllowedTextHTMLElements;
375
+ } & import("react").RefAttributes<HTMLDivElement>) | ({
376
+ noWrap?: boolean;
377
+ breakWord?: boolean;
378
+ color?: string;
379
+ size?: string;
380
+ isNumeric?: boolean;
381
+ isItalic?: boolean;
382
+ } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types.js").ExtraBoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps & import("react").HTMLAttributes<HTMLDivElement> & {
383
+ as?: keyof import("@salutejs/plasma-new-hope/styled-components").AllowedTextHTMLElements;
384
+ } & import("react").RefAttributes<HTMLDivElement>))>;
package/types/components/Typography/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplS, H1, H2, H3, H4 } from './Typography';
1
+ export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplS, H1, H2, H3, H4, HXlMedium, HXxlMedium } from './Typography';