@salutejs/sdds-finai 0.368.0-dev.1 → 0.369.0-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/cjs/components/Editable/Editable.config.js +22 -0
- package/dist/css/cjs/components/Editable/Editable.config.js.map +1 -0
- package/dist/css/cjs/components/Editable/Editable.config_1jeankj.css +2 -0
- package/dist/css/cjs/components/Editable/Editable.css +24 -0
- package/dist/css/cjs/components/Editable/Editable.js +16 -0
- package/dist/css/cjs/components/Editable/Editable.js.map +1 -0
- package/dist/css/cjs/components/Pagination/Pagination.config.js +1 -1
- package/dist/css/cjs/components/Pagination/Pagination.config.js.map +1 -1
- package/dist/css/cjs/components/Pagination/{Pagination.config_31sser.css → Pagination.config_1leiyvc.css} +2 -2
- package/dist/css/cjs/components/Pagination/Pagination.css +8 -8
- package/dist/css/cjs/components/Typography/index.js +27 -0
- package/dist/css/cjs/components/Typography/index.js.map +1 -0
- package/dist/css/cjs/index.css +11 -8
- package/dist/css/cjs/index.js +6 -0
- package/dist/css/cjs/index.js.map +1 -1
- package/dist/css/es/components/Editable/Editable.config.js +18 -0
- package/dist/css/es/components/Editable/Editable.config.js.map +1 -0
- package/dist/css/es/components/Editable/Editable.config_1jeankj.css +2 -0
- package/dist/css/es/components/Editable/Editable.css +24 -0
- package/dist/css/es/components/Editable/Editable.js +11 -0
- package/dist/css/es/components/Editable/Editable.js.map +1 -0
- package/dist/css/es/components/Pagination/Pagination.config.js +1 -1
- package/dist/css/es/components/Pagination/Pagination.config.js.map +1 -1
- package/dist/css/es/components/Pagination/{Pagination.config_31sser.css → Pagination.config_1leiyvc.css} +2 -2
- package/dist/css/es/components/Pagination/Pagination.css +8 -8
- package/dist/css/es/components/Typography/index.js +2 -0
- package/dist/css/es/components/Typography/index.js.map +1 -0
- package/dist/css/es/index.css +11 -8
- package/dist/css/es/index.js +2 -1
- package/dist/css/es/index.js.map +1 -1
- package/dist/emotion/cjs/components/Editable/Editable.config.js +34 -0
- package/dist/emotion/cjs/components/Editable/Editable.js +66 -0
- package/dist/emotion/cjs/components/Editable/index.js +20 -0
- package/dist/emotion/cjs/components/Pagination/Pagination.config.js +6 -0
- package/dist/emotion/cjs/index.js +1 -0
- package/dist/emotion/es/components/Editable/Editable.config.js +24 -0
- package/dist/emotion/es/components/Editable/Editable.js +7 -0
- package/dist/emotion/es/components/Editable/index.js +2 -0
- package/dist/emotion/es/components/Pagination/Pagination.config.js +6 -0
- package/dist/emotion/es/index.js +1 -0
- package/dist/styled-components/cjs/components/Editable/Editable.config.js +34 -0
- package/dist/styled-components/cjs/components/Editable/Editable.js +66 -0
- package/dist/styled-components/cjs/components/Editable/index.js +20 -0
- package/dist/styled-components/cjs/components/Pagination/Pagination.config.js +6 -0
- package/dist/styled-components/cjs/index.js +1 -0
- package/dist/styled-components/es/components/Editable/Editable.config.js +24 -0
- package/dist/styled-components/es/components/Editable/Editable.js +7 -0
- package/dist/styled-components/es/components/Editable/index.js +2 -0
- package/dist/styled-components/es/components/Pagination/Pagination.config.js +6 -0
- package/dist/styled-components/es/index.js +1 -0
- package/package.json +4 -4
- package/types/components/Editable/Editable.config.d.ts +14 -0
- package/types/components/Editable/Editable.d.ts +10 -0
- package/types/components/Editable/index.d.ts +2 -0
- package/types/index.d.ts +1 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
require('./Editable.config_1jeankj.css');
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var config = {
|
|
7
|
+
defaults: {
|
|
8
|
+
view: 'default',
|
|
9
|
+
size: 'm'
|
|
10
|
+
},
|
|
11
|
+
variations: {
|
|
12
|
+
view: {
|
|
13
|
+
"default": "d19gxfkh"
|
|
14
|
+
},
|
|
15
|
+
size: {
|
|
16
|
+
m: "myqt8eh"
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
exports.config = config;
|
|
22
|
+
//# sourceMappingURL=Editable.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Editable.config.js","sources":["../../../../../src-css/components/Editable/Editable.config.ts"],"sourcesContent":["import { css, editableTokens } from '@salutejs/plasma-new-hope/css';\nimport { backgroundPrimary, textAccent, textPrimary, textSecondary, textTertiary } from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${editableTokens.editButtonBackground}: ${backgroundPrimary};\n ${editableTokens.editButtonColor}: ${textTertiary};\n ${editableTokens.editButtonColorHover}: ${textPrimary};\n ${editableTokens.placeholderColor}: ${textSecondary};\n ${editableTokens.caretColor}: ${textAccent};\n `,\n },\n size: {\n m: css`\n ${editableTokens.iconGap}: 1rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","m"],"mappings":";;;;AAGO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA;AAGL;AACJ;AACJ;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.d19gxfkh{--plasma-editable-edit-button-background:var(--background-primary,#060A0D);--plasma-editable-edit-button-color:var(--text-tertiary,#CFDBE44D);--plasma-editable-edit-button-color-hover:var(--text-primary,#F3F7FAF5);--plasma-editable-placeholder-color:var(--text-secondary,#CFDBE49E);--plasma-editable-caret-color:var(--text-accent,#1F9EEB);}
|
|
2
|
+
.myqt8eh{--plasma-editable-icon-gap:1rem;}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
.Body_config_2pzxxt_l1s0gjg5__16be7457{--typo-font-family:var(--plasma-typo-body-l-font-family);--typo-font-size:var(--plasma-typo-body-l-font-size);--typo-font-style:var(--plasma-typo-body-l-font-style);--typo-font-weight:var(--plasma-typo-body-l-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-l-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-l-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-l-line-height);}
|
|
2
|
+
.Body_config_2pzxxt_m1fmrqgu__16be7457{--typo-font-family:var(--plasma-typo-body-m-font-family);--typo-font-size:var(--plasma-typo-body-m-font-size);--typo-font-style:var(--plasma-typo-body-m-font-style);--typo-font-weight:var(--plasma-typo-body-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-m-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-m-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-m-line-height);}
|
|
3
|
+
.Body_config_2pzxxt_sl5snt7__16be7457{--typo-font-family:var(--plasma-typo-body-s-font-family);--typo-font-size:var(--plasma-typo-body-s-font-size);--typo-font-style:var(--plasma-typo-body-s-font-style);--typo-font-weight:var(--plasma-typo-body-s-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-s-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-s-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-s-line-height);}
|
|
4
|
+
.Body_config_2pzxxt_xgyoe1q__16be7457{--typo-font-family:var(--plasma-typo-body-xs-font-family);--typo-font-size:var(--plasma-typo-body-xs-font-size);--typo-font-style:var(--plasma-typo-body-xs-font-style);--typo-font-weight:var(--plasma-typo-body-xs-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-xs-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-xs-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
5
|
+
.Body_config_2pzxxt_x1xtzri3__16be7457{--typo-font-family:var(--plasma-typo-body-xxs-font-family);--typo-font-size:var(--plasma-typo-body-xxs-font-size);--typo-font-style:var(--plasma-typo-body-xxs-font-style);--typo-font-weight:var(--plasma-typo-body-xxs-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-xxs-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-xxs-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-xxs-line-height);}
|
|
6
|
+
|
|
7
|
+
.Dspl_config_1s5xnbu_lv5rc0u__2a5c557a{--typo-font-family:var(--plasma-typo-dspl-l-font-family);--typo-font-size:var(--plasma-typo-dspl-l-font-size);--typo-font-style:var(--plasma-typo-dspl-l-font-style);--typo-font-weight:var(--plasma-typo-dspl-l-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-l-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-l-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-dspl-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-l-line-height);}
|
|
8
|
+
.Dspl_config_1s5xnbu_m6auxx9__2a5c557a{--typo-font-family:var(--plasma-typo-dspl-m-font-family);--typo-font-size:var(--plasma-typo-dspl-m-font-size);--typo-font-style:var(--plasma-typo-dspl-m-font-style);--typo-font-weight:var(--plasma-typo-dspl-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-m-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-m-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-dspl-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-m-line-height);}
|
|
9
|
+
.Dspl_config_1s5xnbu_sasz1t2__2a5c557a{--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-bold:var(--plasma-typo-dspl-s-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-s-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-dspl-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-s-line-height);}
|
|
10
|
+
|
|
11
|
+
.Heading_config_1s9pe02_h199g3gy__d15c1463{--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-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
|
|
12
|
+
.Heading_config_1s9pe02_h1qgxfog__d15c1463{--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-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
|
|
13
|
+
.Heading_config_1s9pe02_h1panbry__d15c1463{--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-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
|
|
14
|
+
.Heading_config_1s9pe02_hyba5hs__d15c1463{--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-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
|
|
15
|
+
.Heading_config_1s9pe02_hn3yd2b__d15c1463{--typo-font-family:var(--plasma-typo-h5-font-family);--typo-font-size:var(--plasma-typo-h5-font-size);--typo-font-style:var(--plasma-typo-h5-font-style);--typo-font-weight:var(--plasma-typo-h5-font-weight);--typo-font-weight-bold:var(--plasma-typo-h5-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h5-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h5-letter-spacing);--typo-font-line-height:var(--plasma-typo-h5-line-height);}
|
|
16
|
+
.Heading_config_1s9pe02_h18ax1mt__d15c1463{--typo-font-family:var(--plasma-typo-h6-font-family);--typo-font-size:var(--plasma-typo-h6-font-size);--typo-font-style:var(--plasma-typo-h6-font-style);--typo-font-weight:var(--plasma-typo-h6-font-weight);--typo-font-weight-bold:var(--plasma-typo-h6-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h6-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h6-letter-spacing);--typo-font-line-height:var(--plasma-typo-h6-line-height);}
|
|
17
|
+
|
|
18
|
+
.Text_config_15fbym1_l14umme2__97d9367d{--typo-font-family:var(--plasma-typo-text-l-font-family);--typo-font-size:var(--plasma-typo-text-l-font-size);--typo-font-style:var(--plasma-typo-text-l-font-style);--typo-font-weight:var(--plasma-typo-text-l-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-l-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-l-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-l-line-height);}
|
|
19
|
+
.Text_config_15fbym1_m1e84h64__97d9367d{--typo-font-family:var(--plasma-typo-text-m-font-family);--typo-font-size:var(--plasma-typo-text-m-font-size);--typo-font-style:var(--plasma-typo-text-m-font-style);--typo-font-weight:var(--plasma-typo-text-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-m-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-m-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-m-line-height);}
|
|
20
|
+
.Text_config_15fbym1_s1gefnaz__97d9367d{--typo-font-family:var(--plasma-typo-text-s-font-family);--typo-font-size:var(--plasma-typo-text-s-font-size);--typo-font-style:var(--plasma-typo-text-s-font-style);--typo-font-weight:var(--plasma-typo-text-s-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-s-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-s-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-s-line-height);}
|
|
21
|
+
.Text_config_15fbym1_x1e05f1a__97d9367d{--typo-font-family:var(--plasma-typo-text-xs-font-family);--typo-font-size:var(--plasma-typo-text-xs-font-size);--typo-font-style:var(--plasma-typo-text-xs-font-style);--typo-font-weight:var(--plasma-typo-text-xs-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-xs-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-xs-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-xs-line-height);}
|
|
22
|
+
|
|
23
|
+
.Editable_config_1jeankj_d19gxfkh__ff7902d0{--plasma-editable-edit-button-background:var(--background-primary,#060A0D);--plasma-editable-edit-button-color:var(--text-tertiary,#CFDBE44D);--plasma-editable-edit-button-color-hover:var(--text-primary,#F3F7FAF5);--plasma-editable-placeholder-color:var(--text-secondary,#CFDBE49E);--plasma-editable-caret-color:var(--text-accent,#1F9EEB);}
|
|
24
|
+
.Editable_config_1jeankj_myqt8eh__ff7902d0{--plasma-editable-icon-gap:1rem;}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var css = require('@salutejs/plasma-new-hope/css');
|
|
6
|
+
var index = require('../Typography/index.js');
|
|
7
|
+
var Editable_config = require('./Editable.config.js');
|
|
8
|
+
|
|
9
|
+
var typographyVariants = index;
|
|
10
|
+
var finalConfig = /*#__PURE__*/css.editableConfig(typographyVariants);
|
|
11
|
+
var mergedConfig = /*#__PURE__*/css.mergeConfig(finalConfig, Editable_config.config);
|
|
12
|
+
var Editable = /*#__PURE__*/css.component(mergedConfig);
|
|
13
|
+
|
|
14
|
+
exports.Editable = Editable;
|
|
15
|
+
exports.typographyVariants = typographyVariants;
|
|
16
|
+
//# sourceMappingURL=Editable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Editable.js","sources":["../../../../../src-css/components/Editable/Editable.ts"],"sourcesContent":["import { editableConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport * as typographyComponents from '../Typography';\n\nimport { config } from './Editable.config';\n\nexport const typographyVariants = typographyComponents;\n\nconst finalConfig = editableConfig(typographyVariants);\nconst mergedConfig = mergeConfig(finalConfig, config);\n\nexport const Editable = component(mergedConfig);\n"],"names":["typographyVariants","typographyComponents","finalConfig","editableConfig","mergedConfig","mergeConfig","config","Editable","component"],"mappings":";;;;;;;;AAMO,IAAMA,kBAAkB,GAAGC;AAElC,IAAMC,WAAW,gBAAGC,kBAAc,CAACH,kBAAkB,CAAC;AACtD,IAAMI,YAAY,gBAAGC,eAAW,CAACH,WAAW,EAAEI,sBAAM,CAAC;IAExCC,QAAQ,gBAAGC,aAAS,CAACJ,YAAY;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.config.js","sources":["../../../../../src-css/components/Pagination/Pagination.config.ts"],"sourcesContent":["import { css, paginationTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n inverseTextPrimary,\n inverseTextPrimaryActive,\n inverseTextPrimaryHover,\n inverseTextSecondary,\n inverseTextSecondaryHover,\n surfaceAccent,\n surfaceClear,\n surfaceSolidCard,\n surfaceSolidDefault,\n surfaceSolidDefaultActive,\n surfaceSolidDefaultHover,\n surfaceSolidSecondary,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryHover,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'clear',\n viewCurrentPage: 'secondary',\n size: 'xs',\n },\n variations: {\n view: {\n default: css`\n ${paginationTokens.buttonColor}: ${inverseTextPrimary};\n ${paginationTokens.buttonColorHover}: ${inverseTextPrimaryHover};\n ${paginationTokens.buttonColorActive}: ${inverseTextPrimaryActive};\n ${paginationTokens.buttonHoverColor}: ${inverseTextPrimary};\n ${paginationTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n ${paginationTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n ${paginationTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n ${paginationTokens.buttonActiveColor}: ${inverseTextPrimary};\n ${paginationTokens.buttonArrowColor}: ${inverseTextSecondary};\n ${paginationTokens.buttonArrowColorHover}: ${inverseTextSecondaryHover};\n ${paginationTokens.buttonArrowColorActive}: ${inverseTextSecondaryHover};\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.inputBorderColor}:transparent;\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceSolidDefault} 85%\n );\n\n ${paginationTokens.paginationColor}: ${textPrimary};\n ${paginationTokens.paginationHelperTextColor}: ${textSecondary};\n ${paginationTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n secondary: css`\n ${paginationTokens.buttonColor}: ${textPrimary};\n ${paginationTokens.buttonColorHover}: ${textPrimaryHover};\n ${paginationTokens.buttonColorActive}: ${textPrimaryActive};\n ${paginationTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${paginationTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n ${paginationTokens.buttonHoverColor}: ${textPrimary};\n ${paginationTokens.buttonActiveColor}: ${textPrimary};\n ${paginationTokens.buttonArrowColor}: ${textSecondary};\n ${paginationTokens.buttonArrowColorHover}: ${textSecondaryHover};\n ${paginationTokens.buttonArrowColorActive}: ${textSecondaryHover};\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.selectBackgroundColor}: ${surfaceSolidSecondary};\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: ${textPrimary};\n ${paginationTokens.paginationHelperTextColor}: ${textSecondary};\n ${paginationTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n clear: css`\n ${paginationTokens.buttonColor}: ${textPrimary};\n ${paginationTokens.buttonColorHover}: ${textPrimaryHover};\n ${paginationTokens.buttonColorActive}: ${textPrimaryActive};\n ${paginationTokens.buttonBackgroundColor}: ${surfaceClear};\n ${paginationTokens.buttonBackgroundColorHover}: ${surfaceClear};\n ${paginationTokens.buttonBackgroundColorActive}: ${surfaceClear};\n ${paginationTokens.buttonHoverColor}: ${textPrimary};\n ${paginationTokens.buttonActiveColor}: ${textPrimary};\n ${paginationTokens.buttonArrowColor}: ${textSecondary};\n ${paginationTokens.buttonArrowColorHover}: ${textSecondaryHover};\n ${paginationTokens.buttonArrowColorActive}: ${textSecondaryHover};\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.selectBackgroundColor}: ${surfaceSolidCard};\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: ${textPrimary};\n ${paginationTokens.paginationHelperTextColor}: ${textSecondary};\n ${paginationTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n },\n viewCurrentPage: {\n default: css`\n ${paginationTokens.paginationCurrentButtonColor}: ${inverseTextPrimary};\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: ${surfaceSolidDefault};\n ${paginationTokens.paginationCurrentButtonHoverColor}: ${inverseTextPrimary};\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceSolidDefault} 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: ${inverseTextPrimary};\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceSolidDefault} 80%\n );\n `,\n secondary: css`\n ${paginationTokens.paginationCurrentButtonColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.paginationCurrentButtonHoverColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceTransparentSecondary} 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceTransparentSecondary} 80%\n );\n `,\n clear: css`\n ${paginationTokens.paginationCurrentButtonColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: ${surfaceClear};\n ${paginationTokens.paginationCurrentButtonHoverColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, ${textPrimary}, ${surfaceClear} 95%);\n ${paginationTokens.paginationCurrentButtonActiveColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, ${textPrimary}, ${surfaceClear} 90%);\n `,\n },\n size: {\n s: css`\n ${paginationTokens.paginationFontFamily}: ${bodyS.fontFamily};\n ${paginationTokens.paginationFontSize}: ${bodyS.fontSize};\n ${paginationTokens.paginationFontStyle}: ${bodyS.fontStyle};\n ${paginationTokens.paginationFontWeight}: ${bodySBold.fontWeight};\n ${paginationTokens.paginationLetterSpacing}: ${bodyS.letterSpacing};\n ${paginationTokens.paginationLineHeight}: ${bodyS.lineHeight};\n\n ${paginationTokens.buttonHeight}: 2.5rem;\n ${paginationTokens.buttonWidth}: 2.5rem;\n ${paginationTokens.buttonWidthShorter}: 1.75rem;\n ${paginationTokens.paginationInputWidth}: 3rem;\n ${paginationTokens.buttonRadius}: 0.625rem;\n ${paginationTokens.paginationIconSize}: 0.9rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.15rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.75rem;\n ${paginationTokens.selectTargetPadding}: 1rem 0 1rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.625rem;\n ${paginationTokens.inputWidth}: 3rem;\n ${paginationTokens.inputHeight}: 2.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n xs: css`\n ${paginationTokens.paginationFontFamily}: ${bodyXS.fontFamily};\n ${paginationTokens.paginationFontSize}: ${bodyXS.fontSize};\n ${paginationTokens.paginationFontStyle}: ${bodyXS.fontStyle};\n ${paginationTokens.paginationFontWeight}: ${bodyXSBold.fontWeight};\n ${paginationTokens.paginationLetterSpacing}: ${bodyXS.letterSpacing};\n ${paginationTokens.paginationLineHeight}: ${bodyXS.lineHeight};\n\n ${paginationTokens.buttonHeight}: 2rem;\n ${paginationTokens.paginationInputWidth}: 2.5rem;\n ${paginationTokens.buttonRadius}: 0.5rem;\n ${paginationTokens.buttonWidth}: 2rem;\n ${paginationTokens.buttonWidthShorter}: 1.5rem;\n ${paginationTokens.paginationIconSize}: 0.75rem;\n ${paginationTokens.paginationIconDoubleSize}: 1rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.5rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.25rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.5rem;\n ${paginationTokens.selectTargetPadding}: 0.75rem 0 0.75rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.5rem;\n ${paginationTokens.inputWidth}: 2.5rem;\n ${paginationTokens.inputHeight}: 2rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n },\n type: {\n compact: css``,\n default: css``,\n },\n },\n};\n"],"names":["config","defaults","view","viewCurrentPage","size","variations","default","secondary","clear","s","xs","type","compact"],"mappings":";;;;AA4BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,WAAW;AAC5BC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UA0BN;AACDC,MAAAA,SAAS,EAAA,SAsBR;AACDC,MAAAA,KAAK,EAAA;KAuBR;AACDL,IAAAA,eAAe,EAAE;AACbG,MAAAA,SAAAA,EAAO,UAeN;AACDC,MAAAA,SAAS,EAAA,SAeR;AACDC,MAAAA,KAAK,EAAA;KAQR;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAAA,UAwCA;AACDC,MAAAA,EAAE,EAAA;KAyCL;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAA,SAAO;MACdN,SAAAA,EAAO;AACX;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Pagination.config.js","sources":["../../../../../src-css/components/Pagination/Pagination.config.ts"],"sourcesContent":["import { css, paginationTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n inverseTextPrimary,\n inverseTextPrimaryActive,\n inverseTextPrimaryHover,\n inverseTextSecondary,\n inverseTextSecondaryHover,\n surfaceAccent,\n surfaceClear,\n surfaceSolidCard,\n surfaceSolidDefault,\n surfaceSolidDefaultActive,\n surfaceSolidDefaultHover,\n surfaceSolidSecondary,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryHover,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'clear',\n viewCurrentPage: 'secondary',\n size: 'xs',\n },\n variations: {\n view: {\n default: css`\n ${paginationTokens.buttonColor}: ${inverseTextPrimary};\n ${paginationTokens.buttonColorHover}: ${inverseTextPrimaryHover};\n ${paginationTokens.buttonColorActive}: ${inverseTextPrimaryActive};\n ${paginationTokens.buttonHoverColor}: ${inverseTextPrimary};\n ${paginationTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n ${paginationTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n ${paginationTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n ${paginationTokens.buttonActiveColor}: ${inverseTextPrimary};\n ${paginationTokens.buttonArrowColor}: ${inverseTextSecondary};\n ${paginationTokens.buttonArrowColorHover}: ${inverseTextSecondaryHover};\n ${paginationTokens.buttonArrowColorActive}: ${inverseTextSecondaryHover};\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.inputBorderColor}:transparent;\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceSolidDefault} 85%\n );\n\n ${paginationTokens.paginationColor}: ${textPrimary};\n ${paginationTokens.paginationHelperTextColor}: ${textSecondary};\n ${paginationTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n secondary: css`\n ${paginationTokens.buttonColor}: ${textPrimary};\n ${paginationTokens.buttonColorHover}: ${textPrimaryHover};\n ${paginationTokens.buttonColorActive}: ${textPrimaryActive};\n ${paginationTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${paginationTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n ${paginationTokens.buttonHoverColor}: ${textPrimary};\n ${paginationTokens.buttonActiveColor}: ${textPrimary};\n ${paginationTokens.buttonArrowColor}: ${textSecondary};\n ${paginationTokens.buttonArrowColorHover}: ${textSecondaryHover};\n ${paginationTokens.buttonArrowColorActive}: ${textSecondaryHover};\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.selectBackgroundColor}: ${surfaceSolidSecondary};\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: ${textPrimary};\n ${paginationTokens.paginationHelperTextColor}: ${textSecondary};\n ${paginationTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n clear: css`\n ${paginationTokens.buttonColor}: ${textPrimary};\n ${paginationTokens.buttonColorHover}: ${textPrimaryHover};\n ${paginationTokens.buttonColorActive}: ${textPrimaryActive};\n ${paginationTokens.buttonBackgroundColor}: ${surfaceClear};\n ${paginationTokens.buttonBackgroundColorHover}: ${surfaceClear};\n ${paginationTokens.buttonBackgroundColorActive}: ${surfaceClear};\n ${paginationTokens.buttonHoverColor}: ${textPrimary};\n ${paginationTokens.buttonActiveColor}: ${textPrimary};\n ${paginationTokens.buttonArrowColor}: ${textSecondary};\n ${paginationTokens.buttonArrowColorHover}: ${textSecondaryHover};\n ${paginationTokens.buttonArrowColorActive}: ${textSecondaryHover};\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.selectBackgroundColor}: ${surfaceSolidCard};\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: ${textPrimary};\n ${paginationTokens.paginationHelperTextColor}: ${textSecondary};\n ${paginationTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n },\n viewCurrentPage: {\n default: css`\n ${paginationTokens.paginationCurrentButtonColor}: ${inverseTextPrimary};\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: ${surfaceSolidDefault};\n ${paginationTokens.paginationCurrentButtonHoverColor}: ${inverseTextPrimary};\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceSolidDefault} 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: ${inverseTextPrimary};\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceSolidDefault} 80%\n );\n `,\n secondary: css`\n ${paginationTokens.paginationCurrentButtonColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.paginationCurrentButtonHoverColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceTransparentSecondary} 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceTransparentSecondary} 80%\n );\n `,\n clear: css`\n ${paginationTokens.paginationCurrentButtonColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: ${surfaceClear};\n ${paginationTokens.paginationCurrentButtonHoverColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, ${textPrimary}, ${surfaceClear} 95%);\n ${paginationTokens.paginationCurrentButtonActiveColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, ${textPrimary}, ${surfaceClear} 90%);\n `,\n },\n size: {\n s: css`\n ${paginationTokens.paginationFontFamily}: ${bodyS.fontFamily};\n ${paginationTokens.paginationFontSize}: ${bodyS.fontSize};\n ${paginationTokens.paginationFontStyle}: ${bodyS.fontStyle};\n ${paginationTokens.paginationFontWeight}: ${bodySBold.fontWeight};\n ${paginationTokens.paginationLetterSpacing}: ${bodyS.letterSpacing};\n ${paginationTokens.paginationLineHeight}: ${bodyS.lineHeight};\n\n ${paginationTokens.buttonHeight}: 2.5rem;\n ${paginationTokens.buttonWidth}: 2.5rem;\n ${paginationTokens.buttonWidthShorter}: 1.75rem;\n ${paginationTokens.paginationInputWidth}: 3rem;\n ${paginationTokens.buttonRadius}: 0.625rem;\n ${paginationTokens.paginationIconSize}: 0.9rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.15rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.75rem;\n ${paginationTokens.selectTargetPadding}: 1rem 0 1rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.625rem;\n ${paginationTokens.inputWidth}: 3rem;\n ${paginationTokens.inputHeight}: 2.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n\n ${paginationTokens.paginationQuickJumpGap}: 0.75rem;\n ${paginationTokens.paginationQuickJumpInnerGap}: 0.5rem;\n `,\n xs: css`\n ${paginationTokens.paginationFontFamily}: ${bodyXS.fontFamily};\n ${paginationTokens.paginationFontSize}: ${bodyXS.fontSize};\n ${paginationTokens.paginationFontStyle}: ${bodyXS.fontStyle};\n ${paginationTokens.paginationFontWeight}: ${bodyXSBold.fontWeight};\n ${paginationTokens.paginationLetterSpacing}: ${bodyXS.letterSpacing};\n ${paginationTokens.paginationLineHeight}: ${bodyXS.lineHeight};\n\n ${paginationTokens.buttonHeight}: 2rem;\n ${paginationTokens.paginationInputWidth}: 2.5rem;\n ${paginationTokens.buttonRadius}: 0.5rem;\n ${paginationTokens.buttonWidth}: 2rem;\n ${paginationTokens.buttonWidthShorter}: 1.5rem;\n ${paginationTokens.paginationIconSize}: 0.75rem;\n ${paginationTokens.paginationIconDoubleSize}: 1rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.5rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.25rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.5rem;\n ${paginationTokens.selectTargetPadding}: 0.75rem 0 0.75rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.5rem;\n ${paginationTokens.inputWidth}: 2.5rem;\n ${paginationTokens.inputHeight}: 2rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n\n ${paginationTokens.paginationQuickJumpGap}: 0.75rem;\n ${paginationTokens.paginationQuickJumpInnerGap}: 0.5rem;\n `,\n },\n type: {\n compact: css``,\n default: css``,\n },\n },\n};\n"],"names":["config","defaults","view","viewCurrentPage","size","variations","default","secondary","clear","s","xs","type","compact"],"mappings":";;;;AA4BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,WAAW;AAC5BC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UA0BN;AACDC,MAAAA,SAAS,EAAA,SAsBR;AACDC,MAAAA,KAAK,EAAA;KAuBR;AACDL,IAAAA,eAAe,EAAE;AACbG,MAAAA,SAAAA,EAAO,UAeN;AACDC,MAAAA,SAAS,EAAA,SAeR;AACDC,MAAAA,KAAK,EAAA;KAQR;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAAA,UA2CA;AACDC,MAAAA,EAAE,EAAA;KA4CL;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAA,SAAO;MACdN,SAAAA,EAAO;AACX;AACJ;AACJ;;;;"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
.d17sk1w4{--plasma-pagination-button-current-color:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-current-bg-color:var(--surface-solid-default,#F6F9FB);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-solid-default,#F6F9FB) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-solid-default,#F6F9FB) 80% );}
|
|
5
5
|
.sovf1p6{--plasma-pagination-button-current-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-pagination-button-current-color-hover:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-transparent-secondary,#CFDBE424) 85% );--plasma-pagination--button-current-color-active:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-transparent-secondary,#CFDBE424) 80% );}
|
|
6
6
|
.c6lqjbg{--plasma-pagination-button-current-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color:var(--surface-clear,#FFFFFF00);--plasma-pagination-button-current-color-hover:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color-hover:color-mix(in srgb,var(--text-primary,#F3F7FAF5),var(--surface-clear,#FFFFFF00) 95%);--plasma-pagination--button-current-color-active:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color-active:color-mix(in srgb,var(--text-primary,#F3F7FAF5),var(--surface-clear,#FFFFFF00) 90%);}
|
|
7
|
-
.s1j7j26c{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
|
|
8
|
-
.x18ks0gg{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
|
|
7
|
+
.s1j7j26c{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;--plasma-pagination-quick-jump-gap:0.75rem;--plasma-pagination-quick-jump-inner-gap:0.5rem;}
|
|
8
|
+
.x18ks0gg{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;--plasma-pagination-quick-jump-gap:0.75rem;--plasma-pagination-quick-jump-inner-gap:0.5rem;}
|
|
9
9
|
|
|
10
10
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
1
|
+
.Pagination_config_1leiyvc_d147d9k7__104c1ee2{--plasma-pagination-button-color:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover,#151A1E93);--plasma-pagination-button-color-active:var(--inverse-text-primary-active,#151A1EC4);--plasma-pagination-button-color-hover:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-bg-color:var(--surface-solid-default,#F6F9FB);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover,#FBFDFDFF);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active,#EDF3F7FF);--plasma-pagination--button-color-active:var(--inverse-text-primary,#14191DF5);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary,#475158B0);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover,#465058FF);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover,#465058FF);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-pagination-input-border-color:transparent;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-solid-default,#F6F9FB) 85% );--plasma-pagination-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-helper-text-color:var(--text-secondary,#CFDBE49E);--plasma-pagination--button-color-focus:var(--surface-accent,#1F9EEB);}
|
|
2
|
+
.Pagination_config_1leiyvc_s1g35n3__104c1ee2{--plasma-pagination-button-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-color-hover:var(--text-primary-hover,#F4F8FA93);--plasma-pagination-button-color-active:var(--text-primary-active,#F4F8FAC4);--plasma-pagination-button-bg-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-pagination-button-bg-color-hover:var(--surface-transparent-secondary-hover,#CEDAE342);--plasma-pagination-button-bg-color-active:var(--surface-transparent-secondary-active,#CEDAE314);--plasma-pagination-button-color-hover:var(--text-primary,#F3F7FAF5);--plasma-pagination--button-color-active:var(--text-primary,#F3F7FAF5);--plasma-pagination--button-arrow-color:var(--text-secondary,#CFDBE49E);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover,#CEDAE3FF);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover,#CEDAE3FF);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-pagination-select-bg-color:var(--surface-solid-secondary,#20272C);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-helper-text-color:var(--text-secondary,#CFDBE49E);--plasma-pagination--button-color-focus:var(--surface-accent,#1F9EEB);}
|
|
3
|
+
.Pagination_config_1leiyvc_c1o7skzx__104c1ee2{--plasma-pagination-button-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-color-hover:var(--text-primary-hover,#F4F8FA93);--plasma-pagination-button-color-active:var(--text-primary-active,#F4F8FAC4);--plasma-pagination-button-bg-color:var(--surface-clear,#FFFFFF00);--plasma-pagination-button-bg-color-hover:var(--surface-clear,#FFFFFF00);--plasma-pagination-button-bg-color-active:var(--surface-clear,#FFFFFF00);--plasma-pagination-button-color-hover:var(--text-primary,#F3F7FAF5);--plasma-pagination--button-color-active:var(--text-primary,#F3F7FAF5);--plasma-pagination--button-arrow-color:var(--text-secondary,#CFDBE49E);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover,#CEDAE3FF);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover,#CEDAE3FF);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-pagination-select-bg-color:var(--surface-solid-card,#060A0D);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-helper-text-color:var(--text-secondary,#CFDBE49E);--plasma-pagination--button-color-focus:var(--surface-accent,#1F9EEB);}
|
|
4
|
+
.Pagination_config_1leiyvc_d17sk1w4__104c1ee2{--plasma-pagination-button-current-color:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-current-bg-color:var(--surface-solid-default,#F6F9FB);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-solid-default,#F6F9FB) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-solid-default,#F6F9FB) 80% );}
|
|
5
|
+
.Pagination_config_1leiyvc_sovf1p6__104c1ee2{--plasma-pagination-button-current-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-pagination-button-current-color-hover:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-transparent-secondary,#CFDBE424) 85% );--plasma-pagination--button-current-color-active:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-transparent-secondary,#CFDBE424) 80% );}
|
|
6
|
+
.Pagination_config_1leiyvc_c6lqjbg__104c1ee2{--plasma-pagination-button-current-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color:var(--surface-clear,#FFFFFF00);--plasma-pagination-button-current-color-hover:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color-hover:color-mix(in srgb,var(--text-primary,#F3F7FAF5),var(--surface-clear,#FFFFFF00) 95%);--plasma-pagination--button-current-color-active:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color-active:color-mix(in srgb,var(--text-primary,#F3F7FAF5),var(--surface-clear,#FFFFFF00) 90%);}
|
|
7
|
+
.Pagination_config_1leiyvc_s1j7j26c__104c1ee2{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;--plasma-pagination-quick-jump-gap:0.75rem;--plasma-pagination-quick-jump-inner-gap:0.5rem;}
|
|
8
|
+
.Pagination_config_1leiyvc_x18ks0gg__104c1ee2{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;--plasma-pagination-quick-jump-gap:0.75rem;--plasma-pagination-quick-jump-inner-gap:0.5rem;}
|
|
9
9
|
|
|
10
10
|
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var Typography = require('./Typography.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.BodyL = Typography.BodyL;
|
|
10
|
+
exports.BodyM = Typography.BodyM;
|
|
11
|
+
exports.BodyS = Typography.BodyS;
|
|
12
|
+
exports.BodyXS = Typography.BodyXS;
|
|
13
|
+
exports.BodyXXS = Typography.BodyXXS;
|
|
14
|
+
exports.DsplL = Typography.DsplL;
|
|
15
|
+
exports.DsplM = Typography.DsplM;
|
|
16
|
+
exports.DsplS = Typography.DsplS;
|
|
17
|
+
exports.H1 = Typography.H1;
|
|
18
|
+
exports.H2 = Typography.H2;
|
|
19
|
+
exports.H3 = Typography.H3;
|
|
20
|
+
exports.H4 = Typography.H4;
|
|
21
|
+
exports.H5 = Typography.H5;
|
|
22
|
+
exports.H6 = Typography.H6;
|
|
23
|
+
exports.TextL = Typography.TextL;
|
|
24
|
+
exports.TextM = Typography.TextM;
|
|
25
|
+
exports.TextS = Typography.TextS;
|
|
26
|
+
exports.TextXS = Typography.TextXS;
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/css/cjs/index.css
CHANGED
|
@@ -421,6 +421,9 @@
|
|
|
421
421
|
.Dropzone_config_s5x4sy_m1csu6ki__be5f5381{--plasma-dropzone-padding:1.5rem;--plasma-dropzone-border-radius:1.25rem;--plasma-dropzone-content-wrapper-gap:0.75rem;--plasma-dropzone-content-gap:0.375rem;--plasma-dropzone-content-column-gap:0.5rem;--plasma-dropzone-title-font-family:var(--plasma-typo-h4-font-family);--plasma-dropzone-title-font-size:var(--plasma-typo-h4-font-size);--plasma-dropzone-title-font-style:var(--plasma-typo-h4-font-style);--plasma-dropzone-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-dropzone-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-dropzone-title-line-height:var(--plasma-typo-h4-line-height);--plasma-dropzone-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropzone-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropzone-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropzone-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropzone-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropzone-description-line-height:var(--plasma-typo-body-s-line-height);}
|
|
422
422
|
.Dropzone_config_s5x4sy_t9mbsms__be5f5381{--plasma-dropzone-disabled-opacity:0.4;}
|
|
423
423
|
|
|
424
|
+
.Editable_config_1jeankj_d19gxfkh__ff7902d0{--plasma-editable-edit-button-background:var(--background-primary,#060A0D);--plasma-editable-edit-button-color:var(--text-tertiary,#CFDBE44D);--plasma-editable-edit-button-color-hover:var(--text-primary,#F3F7FAF5);--plasma-editable-placeholder-color:var(--text-secondary,#CFDBE49E);--plasma-editable-caret-color:var(--text-accent,#1F9EEB);}
|
|
425
|
+
.Editable_config_1jeankj_myqt8eh__ff7902d0{--plasma-editable-icon-gap:1rem;}
|
|
426
|
+
|
|
424
427
|
.EmbedIconButton_config_gd542a_dq3rinb__bf64310d{--plasma-embed-icon-button-color:var(--text-primary,#F3F7FAF5);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-primary-hover,#F4F8FA93);--plasma-embed-icon-button-color-active:var(--text-primary-active,#F4F8FAC4);}
|
|
425
428
|
.EmbedIconButton_config_gd542a_a1kp6gwc__bf64310d{--plasma-embed-icon-button-color:var(--text-accent,#1F9EEB);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-accent-hover,#69BDF2FF);--plasma-embed-icon-button-color-active:var(--text-accent-active,#138CD8FF);}
|
|
426
429
|
.EmbedIconButton_config_gd542a_s1mii79i__bf64310d{--plasma-embed-icon-button-color:var(--text-secondary,#CFDBE49E);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-secondary-hover,#CEDAE3FF);--plasma-embed-icon-button-color-active:var(--text-secondary-active,#CEDAE3BE);}
|
|
@@ -567,14 +570,14 @@
|
|
|
567
570
|
.NumberInput_config_nsghp2_s36htqu__2f0df11c{--plasma-number-input_icon-button_segmentation_radius:0;}
|
|
568
571
|
.NumberInput_config_nsghp2_t1xywvk8__2f0df11c{--plasma-number-input_disabled-opacity:0.4;}
|
|
569
572
|
|
|
570
|
-
.
|
|
571
|
-
.
|
|
572
|
-
.
|
|
573
|
-
.
|
|
574
|
-
.
|
|
575
|
-
.
|
|
576
|
-
.
|
|
577
|
-
.
|
|
573
|
+
.Pagination_config_1leiyvc_d147d9k7__104c1ee2{--plasma-pagination-button-color:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover,#151A1E93);--plasma-pagination-button-color-active:var(--inverse-text-primary-active,#151A1EC4);--plasma-pagination-button-color-hover:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-bg-color:var(--surface-solid-default,#F6F9FB);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover,#FBFDFDFF);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active,#EDF3F7FF);--plasma-pagination--button-color-active:var(--inverse-text-primary,#14191DF5);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary,#475158B0);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover,#465058FF);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover,#465058FF);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-pagination-input-border-color:transparent;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-solid-default,#F6F9FB) 85% );--plasma-pagination-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-helper-text-color:var(--text-secondary,#CFDBE49E);--plasma-pagination--button-color-focus:var(--surface-accent,#1F9EEB);}
|
|
574
|
+
.Pagination_config_1leiyvc_s1g35n3__104c1ee2{--plasma-pagination-button-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-color-hover:var(--text-primary-hover,#F4F8FA93);--plasma-pagination-button-color-active:var(--text-primary-active,#F4F8FAC4);--plasma-pagination-button-bg-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-pagination-button-bg-color-hover:var(--surface-transparent-secondary-hover,#CEDAE342);--plasma-pagination-button-bg-color-active:var(--surface-transparent-secondary-active,#CEDAE314);--plasma-pagination-button-color-hover:var(--text-primary,#F3F7FAF5);--plasma-pagination--button-color-active:var(--text-primary,#F3F7FAF5);--plasma-pagination--button-arrow-color:var(--text-secondary,#CFDBE49E);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover,#CEDAE3FF);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover,#CEDAE3FF);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-pagination-select-bg-color:var(--surface-solid-secondary,#20272C);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-helper-text-color:var(--text-secondary,#CFDBE49E);--plasma-pagination--button-color-focus:var(--surface-accent,#1F9EEB);}
|
|
575
|
+
.Pagination_config_1leiyvc_c1o7skzx__104c1ee2{--plasma-pagination-button-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-color-hover:var(--text-primary-hover,#F4F8FA93);--plasma-pagination-button-color-active:var(--text-primary-active,#F4F8FAC4);--plasma-pagination-button-bg-color:var(--surface-clear,#FFFFFF00);--plasma-pagination-button-bg-color-hover:var(--surface-clear,#FFFFFF00);--plasma-pagination-button-bg-color-active:var(--surface-clear,#FFFFFF00);--plasma-pagination-button-color-hover:var(--text-primary,#F3F7FAF5);--plasma-pagination--button-color-active:var(--text-primary,#F3F7FAF5);--plasma-pagination--button-arrow-color:var(--text-secondary,#CFDBE49E);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover,#CEDAE3FF);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover,#CEDAE3FF);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-pagination-select-bg-color:var(--surface-solid-card,#060A0D);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-helper-text-color:var(--text-secondary,#CFDBE49E);--plasma-pagination--button-color-focus:var(--surface-accent,#1F9EEB);}
|
|
576
|
+
.Pagination_config_1leiyvc_d17sk1w4__104c1ee2{--plasma-pagination-button-current-color:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-current-bg-color:var(--surface-solid-default,#F6F9FB);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-solid-default,#F6F9FB) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary,#14191DF5);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-solid-default,#F6F9FB) 80% );}
|
|
577
|
+
.Pagination_config_1leiyvc_sovf1p6__104c1ee2{--plasma-pagination-button-current-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color:var(--surface-transparent-secondary,#CFDBE424);--plasma-pagination-button-current-color-hover:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-transparent-secondary,#CFDBE424) 85% );--plasma-pagination--button-current-color-active:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary,#14191DF5), var(--surface-transparent-secondary,#CFDBE424) 80% );}
|
|
578
|
+
.Pagination_config_1leiyvc_c6lqjbg__104c1ee2{--plasma-pagination-button-current-color:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color:var(--surface-clear,#FFFFFF00);--plasma-pagination-button-current-color-hover:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color-hover:color-mix(in srgb,var(--text-primary,#F3F7FAF5),var(--surface-clear,#FFFFFF00) 95%);--plasma-pagination--button-current-color-active:var(--text-primary,#F3F7FAF5);--plasma-pagination-button-current-bg-color-active:color-mix(in srgb,var(--text-primary,#F3F7FAF5),var(--surface-clear,#FFFFFF00) 90%);}
|
|
579
|
+
.Pagination_config_1leiyvc_s1j7j26c__104c1ee2{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;--plasma-pagination-quick-jump-gap:0.75rem;--plasma-pagination-quick-jump-inner-gap:0.5rem;}
|
|
580
|
+
.Pagination_config_1leiyvc_x18ks0gg__104c1ee2{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;--plasma-pagination-quick-jump-gap:0.75rem;--plasma-pagination-quick-jump-inner-gap:0.5rem;}
|
|
578
581
|
|
|
579
582
|
|
|
580
583
|
|
package/dist/css/cjs/index.js
CHANGED
|
@@ -30,6 +30,7 @@ var Divider = require('./components/Divider/Divider.js');
|
|
|
30
30
|
var Drawer = require('./components/Drawer/Drawer.js');
|
|
31
31
|
var Dropdown = require('./components/Dropdown/Dropdown.js');
|
|
32
32
|
var Dropzone = require('./components/Dropzone/Dropzone.js');
|
|
33
|
+
var Editable = require('./components/Editable/Editable.js');
|
|
33
34
|
var EmbedIconButton = require('./components/EmbedIconButton/EmbedIconButton.js');
|
|
34
35
|
var EmptyState = require('./components/EmptyState/EmptyState.js');
|
|
35
36
|
var Flow = require('./components/Flow/Flow.js');
|
|
@@ -227,6 +228,10 @@ Object.defineProperty(exports, "dropzoneTokens", {
|
|
|
227
228
|
enumerable: true,
|
|
228
229
|
get: function () { return css.dropzoneTokens; }
|
|
229
230
|
});
|
|
231
|
+
Object.defineProperty(exports, "editableTokens", {
|
|
232
|
+
enumerable: true,
|
|
233
|
+
get: function () { return css.editableTokens; }
|
|
234
|
+
});
|
|
230
235
|
Object.defineProperty(exports, "groupTokens", {
|
|
231
236
|
enumerable: true,
|
|
232
237
|
get: function () { return css.groupTokens; }
|
|
@@ -378,6 +383,7 @@ exports.DrawerFooter = Drawer.DrawerFooter;
|
|
|
378
383
|
exports.DrawerHeader = Drawer.DrawerHeader;
|
|
379
384
|
exports.Dropdown = Dropdown.Dropdown;
|
|
380
385
|
exports.Dropzone = Dropzone.Dropzone;
|
|
386
|
+
exports.Editable = Editable.Editable;
|
|
381
387
|
exports.EmbedIconButton = EmbedIconButton.EmbedIconButton;
|
|
382
388
|
exports.EmptyState = EmptyState.EmptyState;
|
|
383
389
|
exports.Flow = Flow.Flow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import './Editable.config_1jeankj.css';
|
|
2
|
+
var config = {
|
|
3
|
+
defaults: {
|
|
4
|
+
view: 'default',
|
|
5
|
+
size: 'm'
|
|
6
|
+
},
|
|
7
|
+
variations: {
|
|
8
|
+
view: {
|
|
9
|
+
"default": "d19gxfkh"
|
|
10
|
+
},
|
|
11
|
+
size: {
|
|
12
|
+
m: "myqt8eh"
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { config };
|
|
18
|
+
//# sourceMappingURL=Editable.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Editable.config.js","sources":["../../../../../src-css/components/Editable/Editable.config.ts"],"sourcesContent":["import { css, editableTokens } from '@salutejs/plasma-new-hope/css';\nimport { backgroundPrimary, textAccent, textPrimary, textSecondary, textTertiary } from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${editableTokens.editButtonBackground}: ${backgroundPrimary};\n ${editableTokens.editButtonColor}: ${textTertiary};\n ${editableTokens.editButtonColorHover}: ${textPrimary};\n ${editableTokens.placeholderColor}: ${textSecondary};\n ${editableTokens.caretColor}: ${textAccent};\n `,\n },\n size: {\n m: css`\n ${editableTokens.iconGap}: 1rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","m"],"mappings":"AAGO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA;AAGL;AACJ;AACJ;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.d19gxfkh{--plasma-editable-edit-button-background:var(--background-primary,#060A0D);--plasma-editable-edit-button-color:var(--text-tertiary,#CFDBE44D);--plasma-editable-edit-button-color-hover:var(--text-primary,#F3F7FAF5);--plasma-editable-placeholder-color:var(--text-secondary,#CFDBE49E);--plasma-editable-caret-color:var(--text-accent,#1F9EEB);}
|
|
2
|
+
.myqt8eh{--plasma-editable-icon-gap:1rem;}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
.Body_config_2pzxxt_l1s0gjg5__16be7457{--typo-font-family:var(--plasma-typo-body-l-font-family);--typo-font-size:var(--plasma-typo-body-l-font-size);--typo-font-style:var(--plasma-typo-body-l-font-style);--typo-font-weight:var(--plasma-typo-body-l-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-l-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-l-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-l-line-height);}
|
|
2
|
+
.Body_config_2pzxxt_m1fmrqgu__16be7457{--typo-font-family:var(--plasma-typo-body-m-font-family);--typo-font-size:var(--plasma-typo-body-m-font-size);--typo-font-style:var(--plasma-typo-body-m-font-style);--typo-font-weight:var(--plasma-typo-body-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-m-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-m-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-m-line-height);}
|
|
3
|
+
.Body_config_2pzxxt_sl5snt7__16be7457{--typo-font-family:var(--plasma-typo-body-s-font-family);--typo-font-size:var(--plasma-typo-body-s-font-size);--typo-font-style:var(--plasma-typo-body-s-font-style);--typo-font-weight:var(--plasma-typo-body-s-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-s-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-s-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-s-line-height);}
|
|
4
|
+
.Body_config_2pzxxt_xgyoe1q__16be7457{--typo-font-family:var(--plasma-typo-body-xs-font-family);--typo-font-size:var(--plasma-typo-body-xs-font-size);--typo-font-style:var(--plasma-typo-body-xs-font-style);--typo-font-weight:var(--plasma-typo-body-xs-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-xs-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-xs-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
5
|
+
.Body_config_2pzxxt_x1xtzri3__16be7457{--typo-font-family:var(--plasma-typo-body-xxs-font-family);--typo-font-size:var(--plasma-typo-body-xxs-font-size);--typo-font-style:var(--plasma-typo-body-xxs-font-style);--typo-font-weight:var(--plasma-typo-body-xxs-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-xxs-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-xxs-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-xxs-line-height);}
|
|
6
|
+
|
|
7
|
+
.Dspl_config_1s5xnbu_lv5rc0u__2a5c557a{--typo-font-family:var(--plasma-typo-dspl-l-font-family);--typo-font-size:var(--plasma-typo-dspl-l-font-size);--typo-font-style:var(--plasma-typo-dspl-l-font-style);--typo-font-weight:var(--plasma-typo-dspl-l-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-l-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-l-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-dspl-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-l-line-height);}
|
|
8
|
+
.Dspl_config_1s5xnbu_m6auxx9__2a5c557a{--typo-font-family:var(--plasma-typo-dspl-m-font-family);--typo-font-size:var(--plasma-typo-dspl-m-font-size);--typo-font-style:var(--plasma-typo-dspl-m-font-style);--typo-font-weight:var(--plasma-typo-dspl-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-m-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-m-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-dspl-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-m-line-height);}
|
|
9
|
+
.Dspl_config_1s5xnbu_sasz1t2__2a5c557a{--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-bold:var(--plasma-typo-dspl-s-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-s-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-dspl-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-s-line-height);}
|
|
10
|
+
|
|
11
|
+
.Heading_config_1s9pe02_h199g3gy__d15c1463{--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-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
|
|
12
|
+
.Heading_config_1s9pe02_h1qgxfog__d15c1463{--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-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
|
|
13
|
+
.Heading_config_1s9pe02_h1panbry__d15c1463{--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-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
|
|
14
|
+
.Heading_config_1s9pe02_hyba5hs__d15c1463{--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-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
|
|
15
|
+
.Heading_config_1s9pe02_hn3yd2b__d15c1463{--typo-font-family:var(--plasma-typo-h5-font-family);--typo-font-size:var(--plasma-typo-h5-font-size);--typo-font-style:var(--plasma-typo-h5-font-style);--typo-font-weight:var(--plasma-typo-h5-font-weight);--typo-font-weight-bold:var(--plasma-typo-h5-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h5-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h5-letter-spacing);--typo-font-line-height:var(--plasma-typo-h5-line-height);}
|
|
16
|
+
.Heading_config_1s9pe02_h18ax1mt__d15c1463{--typo-font-family:var(--plasma-typo-h6-font-family);--typo-font-size:var(--plasma-typo-h6-font-size);--typo-font-style:var(--plasma-typo-h6-font-style);--typo-font-weight:var(--plasma-typo-h6-font-weight);--typo-font-weight-bold:var(--plasma-typo-h6-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h6-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h6-letter-spacing);--typo-font-line-height:var(--plasma-typo-h6-line-height);}
|
|
17
|
+
|
|
18
|
+
.Text_config_15fbym1_l14umme2__97d9367d{--typo-font-family:var(--plasma-typo-text-l-font-family);--typo-font-size:var(--plasma-typo-text-l-font-size);--typo-font-style:var(--plasma-typo-text-l-font-style);--typo-font-weight:var(--plasma-typo-text-l-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-l-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-l-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-l-line-height);}
|
|
19
|
+
.Text_config_15fbym1_m1e84h64__97d9367d{--typo-font-family:var(--plasma-typo-text-m-font-family);--typo-font-size:var(--plasma-typo-text-m-font-size);--typo-font-style:var(--plasma-typo-text-m-font-style);--typo-font-weight:var(--plasma-typo-text-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-m-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-m-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-m-line-height);}
|
|
20
|
+
.Text_config_15fbym1_s1gefnaz__97d9367d{--typo-font-family:var(--plasma-typo-text-s-font-family);--typo-font-size:var(--plasma-typo-text-s-font-size);--typo-font-style:var(--plasma-typo-text-s-font-style);--typo-font-weight:var(--plasma-typo-text-s-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-s-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-s-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-s-line-height);}
|
|
21
|
+
.Text_config_15fbym1_x1e05f1a__97d9367d{--typo-font-family:var(--plasma-typo-text-xs-font-family);--typo-font-size:var(--plasma-typo-text-xs-font-size);--typo-font-style:var(--plasma-typo-text-xs-font-style);--typo-font-weight:var(--plasma-typo-text-xs-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-xs-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-xs-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-xs-line-height);}
|
|
22
|
+
|
|
23
|
+
.Editable_config_1jeankj_d19gxfkh__ff7902d0{--plasma-editable-edit-button-background:var(--background-primary,#060A0D);--plasma-editable-edit-button-color:var(--text-tertiary,#CFDBE44D);--plasma-editable-edit-button-color-hover:var(--text-primary,#F3F7FAF5);--plasma-editable-placeholder-color:var(--text-secondary,#CFDBE49E);--plasma-editable-caret-color:var(--text-accent,#1F9EEB);}
|
|
24
|
+
.Editable_config_1jeankj_myqt8eh__ff7902d0{--plasma-editable-icon-gap:1rem;}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { component, mergeConfig, editableConfig } from '@salutejs/plasma-new-hope/css';
|
|
2
|
+
import * as index from '../Typography/index.js';
|
|
3
|
+
import { config } from './Editable.config.js';
|
|
4
|
+
|
|
5
|
+
var typographyVariants = index;
|
|
6
|
+
var finalConfig = /*#__PURE__*/editableConfig(typographyVariants);
|
|
7
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(finalConfig, config);
|
|
8
|
+
var Editable = /*#__PURE__*/component(mergedConfig);
|
|
9
|
+
|
|
10
|
+
export { Editable, typographyVariants };
|
|
11
|
+
//# sourceMappingURL=Editable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Editable.js","sources":["../../../../../src-css/components/Editable/Editable.ts"],"sourcesContent":["import { editableConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport * as typographyComponents from '../Typography';\n\nimport { config } from './Editable.config';\n\nexport const typographyVariants = typographyComponents;\n\nconst finalConfig = editableConfig(typographyVariants);\nconst mergedConfig = mergeConfig(finalConfig, config);\n\nexport const Editable = component(mergedConfig);\n"],"names":["typographyVariants","typographyComponents","finalConfig","editableConfig","mergedConfig","mergeConfig","config","Editable","component"],"mappings":";;;;AAMO,IAAMA,kBAAkB,GAAGC;AAElC,IAAMC,WAAW,gBAAGC,cAAc,CAACH,kBAAkB,CAAC;AACtD,IAAMI,YAAY,gBAAGC,WAAW,CAACH,WAAW,EAAEI,MAAM,CAAC;IAExCC,QAAQ,gBAAGC,SAAS,CAACJ,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.config.js","sources":["../../../../../src-css/components/Pagination/Pagination.config.ts"],"sourcesContent":["import { css, paginationTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n inverseTextPrimary,\n inverseTextPrimaryActive,\n inverseTextPrimaryHover,\n inverseTextSecondary,\n inverseTextSecondaryHover,\n surfaceAccent,\n surfaceClear,\n surfaceSolidCard,\n surfaceSolidDefault,\n surfaceSolidDefaultActive,\n surfaceSolidDefaultHover,\n surfaceSolidSecondary,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryHover,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'clear',\n viewCurrentPage: 'secondary',\n size: 'xs',\n },\n variations: {\n view: {\n default: css`\n ${paginationTokens.buttonColor}: ${inverseTextPrimary};\n ${paginationTokens.buttonColorHover}: ${inverseTextPrimaryHover};\n ${paginationTokens.buttonColorActive}: ${inverseTextPrimaryActive};\n ${paginationTokens.buttonHoverColor}: ${inverseTextPrimary};\n ${paginationTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n ${paginationTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n ${paginationTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n ${paginationTokens.buttonActiveColor}: ${inverseTextPrimary};\n ${paginationTokens.buttonArrowColor}: ${inverseTextSecondary};\n ${paginationTokens.buttonArrowColorHover}: ${inverseTextSecondaryHover};\n ${paginationTokens.buttonArrowColorActive}: ${inverseTextSecondaryHover};\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.inputBorderColor}:transparent;\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceSolidDefault} 85%\n );\n\n ${paginationTokens.paginationColor}: ${textPrimary};\n ${paginationTokens.paginationHelperTextColor}: ${textSecondary};\n ${paginationTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n secondary: css`\n ${paginationTokens.buttonColor}: ${textPrimary};\n ${paginationTokens.buttonColorHover}: ${textPrimaryHover};\n ${paginationTokens.buttonColorActive}: ${textPrimaryActive};\n ${paginationTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${paginationTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n ${paginationTokens.buttonHoverColor}: ${textPrimary};\n ${paginationTokens.buttonActiveColor}: ${textPrimary};\n ${paginationTokens.buttonArrowColor}: ${textSecondary};\n ${paginationTokens.buttonArrowColorHover}: ${textSecondaryHover};\n ${paginationTokens.buttonArrowColorActive}: ${textSecondaryHover};\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.selectBackgroundColor}: ${surfaceSolidSecondary};\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: ${textPrimary};\n ${paginationTokens.paginationHelperTextColor}: ${textSecondary};\n ${paginationTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n clear: css`\n ${paginationTokens.buttonColor}: ${textPrimary};\n ${paginationTokens.buttonColorHover}: ${textPrimaryHover};\n ${paginationTokens.buttonColorActive}: ${textPrimaryActive};\n ${paginationTokens.buttonBackgroundColor}: ${surfaceClear};\n ${paginationTokens.buttonBackgroundColorHover}: ${surfaceClear};\n ${paginationTokens.buttonBackgroundColorActive}: ${surfaceClear};\n ${paginationTokens.buttonHoverColor}: ${textPrimary};\n ${paginationTokens.buttonActiveColor}: ${textPrimary};\n ${paginationTokens.buttonArrowColor}: ${textSecondary};\n ${paginationTokens.buttonArrowColorHover}: ${textSecondaryHover};\n ${paginationTokens.buttonArrowColorActive}: ${textSecondaryHover};\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.selectBackgroundColor}: ${surfaceSolidCard};\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: ${textPrimary};\n ${paginationTokens.paginationHelperTextColor}: ${textSecondary};\n ${paginationTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n },\n viewCurrentPage: {\n default: css`\n ${paginationTokens.paginationCurrentButtonColor}: ${inverseTextPrimary};\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: ${surfaceSolidDefault};\n ${paginationTokens.paginationCurrentButtonHoverColor}: ${inverseTextPrimary};\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceSolidDefault} 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: ${inverseTextPrimary};\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceSolidDefault} 80%\n );\n `,\n secondary: css`\n ${paginationTokens.paginationCurrentButtonColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.paginationCurrentButtonHoverColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceTransparentSecondary} 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceTransparentSecondary} 80%\n );\n `,\n clear: css`\n ${paginationTokens.paginationCurrentButtonColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: ${surfaceClear};\n ${paginationTokens.paginationCurrentButtonHoverColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, ${textPrimary}, ${surfaceClear} 95%);\n ${paginationTokens.paginationCurrentButtonActiveColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, ${textPrimary}, ${surfaceClear} 90%);\n `,\n },\n size: {\n s: css`\n ${paginationTokens.paginationFontFamily}: ${bodyS.fontFamily};\n ${paginationTokens.paginationFontSize}: ${bodyS.fontSize};\n ${paginationTokens.paginationFontStyle}: ${bodyS.fontStyle};\n ${paginationTokens.paginationFontWeight}: ${bodySBold.fontWeight};\n ${paginationTokens.paginationLetterSpacing}: ${bodyS.letterSpacing};\n ${paginationTokens.paginationLineHeight}: ${bodyS.lineHeight};\n\n ${paginationTokens.buttonHeight}: 2.5rem;\n ${paginationTokens.buttonWidth}: 2.5rem;\n ${paginationTokens.buttonWidthShorter}: 1.75rem;\n ${paginationTokens.paginationInputWidth}: 3rem;\n ${paginationTokens.buttonRadius}: 0.625rem;\n ${paginationTokens.paginationIconSize}: 0.9rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.15rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.75rem;\n ${paginationTokens.selectTargetPadding}: 1rem 0 1rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.625rem;\n ${paginationTokens.inputWidth}: 3rem;\n ${paginationTokens.inputHeight}: 2.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n xs: css`\n ${paginationTokens.paginationFontFamily}: ${bodyXS.fontFamily};\n ${paginationTokens.paginationFontSize}: ${bodyXS.fontSize};\n ${paginationTokens.paginationFontStyle}: ${bodyXS.fontStyle};\n ${paginationTokens.paginationFontWeight}: ${bodyXSBold.fontWeight};\n ${paginationTokens.paginationLetterSpacing}: ${bodyXS.letterSpacing};\n ${paginationTokens.paginationLineHeight}: ${bodyXS.lineHeight};\n\n ${paginationTokens.buttonHeight}: 2rem;\n ${paginationTokens.paginationInputWidth}: 2.5rem;\n ${paginationTokens.buttonRadius}: 0.5rem;\n ${paginationTokens.buttonWidth}: 2rem;\n ${paginationTokens.buttonWidthShorter}: 1.5rem;\n ${paginationTokens.paginationIconSize}: 0.75rem;\n ${paginationTokens.paginationIconDoubleSize}: 1rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.5rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.25rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.5rem;\n ${paginationTokens.selectTargetPadding}: 0.75rem 0 0.75rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.5rem;\n ${paginationTokens.inputWidth}: 2.5rem;\n ${paginationTokens.inputHeight}: 2rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n },\n type: {\n compact: css``,\n default: css``,\n },\n },\n};\n"],"names":["config","defaults","view","viewCurrentPage","size","variations","default","secondary","clear","s","xs","type","compact"],"mappings":"AA4BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,WAAW;AAC5BC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UA0BN;AACDC,MAAAA,SAAS,EAAA,SAsBR;AACDC,MAAAA,KAAK,EAAA;KAuBR;AACDL,IAAAA,eAAe,EAAE;AACbG,MAAAA,SAAAA,EAAO,UAeN;AACDC,MAAAA,SAAS,EAAA,SAeR;AACDC,MAAAA,KAAK,EAAA;KAQR;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAAA,UAwCA;AACDC,MAAAA,EAAE,EAAA;KAyCL;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAA,SAAO;MACdN,SAAAA,EAAO;AACX;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Pagination.config.js","sources":["../../../../../src-css/components/Pagination/Pagination.config.ts"],"sourcesContent":["import { css, paginationTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n inverseTextPrimary,\n inverseTextPrimaryActive,\n inverseTextPrimaryHover,\n inverseTextSecondary,\n inverseTextSecondaryHover,\n surfaceAccent,\n surfaceClear,\n surfaceSolidCard,\n surfaceSolidDefault,\n surfaceSolidDefaultActive,\n surfaceSolidDefaultHover,\n surfaceSolidSecondary,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryHover,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'clear',\n viewCurrentPage: 'secondary',\n size: 'xs',\n },\n variations: {\n view: {\n default: css`\n ${paginationTokens.buttonColor}: ${inverseTextPrimary};\n ${paginationTokens.buttonColorHover}: ${inverseTextPrimaryHover};\n ${paginationTokens.buttonColorActive}: ${inverseTextPrimaryActive};\n ${paginationTokens.buttonHoverColor}: ${inverseTextPrimary};\n ${paginationTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n ${paginationTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n ${paginationTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n ${paginationTokens.buttonActiveColor}: ${inverseTextPrimary};\n ${paginationTokens.buttonArrowColor}: ${inverseTextSecondary};\n ${paginationTokens.buttonArrowColorHover}: ${inverseTextSecondaryHover};\n ${paginationTokens.buttonArrowColorActive}: ${inverseTextSecondaryHover};\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.inputBorderColor}:transparent;\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceSolidDefault} 85%\n );\n\n ${paginationTokens.paginationColor}: ${textPrimary};\n ${paginationTokens.paginationHelperTextColor}: ${textSecondary};\n ${paginationTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n secondary: css`\n ${paginationTokens.buttonColor}: ${textPrimary};\n ${paginationTokens.buttonColorHover}: ${textPrimaryHover};\n ${paginationTokens.buttonColorActive}: ${textPrimaryActive};\n ${paginationTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${paginationTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n ${paginationTokens.buttonHoverColor}: ${textPrimary};\n ${paginationTokens.buttonActiveColor}: ${textPrimary};\n ${paginationTokens.buttonArrowColor}: ${textSecondary};\n ${paginationTokens.buttonArrowColorHover}: ${textSecondaryHover};\n ${paginationTokens.buttonArrowColorActive}: ${textSecondaryHover};\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.selectBackgroundColor}: ${surfaceSolidSecondary};\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: ${textPrimary};\n ${paginationTokens.paginationHelperTextColor}: ${textSecondary};\n ${paginationTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n clear: css`\n ${paginationTokens.buttonColor}: ${textPrimary};\n ${paginationTokens.buttonColorHover}: ${textPrimaryHover};\n ${paginationTokens.buttonColorActive}: ${textPrimaryActive};\n ${paginationTokens.buttonBackgroundColor}: ${surfaceClear};\n ${paginationTokens.buttonBackgroundColorHover}: ${surfaceClear};\n ${paginationTokens.buttonBackgroundColorActive}: ${surfaceClear};\n ${paginationTokens.buttonHoverColor}: ${textPrimary};\n ${paginationTokens.buttonActiveColor}: ${textPrimary};\n ${paginationTokens.buttonArrowColor}: ${textSecondary};\n ${paginationTokens.buttonArrowColorHover}: ${textSecondaryHover};\n ${paginationTokens.buttonArrowColorActive}: ${textSecondaryHover};\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.selectBackgroundColor}: ${surfaceSolidCard};\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: ${textPrimary};\n ${paginationTokens.paginationHelperTextColor}: ${textSecondary};\n ${paginationTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n },\n viewCurrentPage: {\n default: css`\n ${paginationTokens.paginationCurrentButtonColor}: ${inverseTextPrimary};\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: ${surfaceSolidDefault};\n ${paginationTokens.paginationCurrentButtonHoverColor}: ${inverseTextPrimary};\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceSolidDefault} 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: ${inverseTextPrimary};\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceSolidDefault} 80%\n );\n `,\n secondary: css`\n ${paginationTokens.paginationCurrentButtonColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: ${surfaceTransparentSecondary};\n ${paginationTokens.paginationCurrentButtonHoverColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceTransparentSecondary} 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n ${inverseTextPrimary},\n ${surfaceTransparentSecondary} 80%\n );\n `,\n clear: css`\n ${paginationTokens.paginationCurrentButtonColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: ${surfaceClear};\n ${paginationTokens.paginationCurrentButtonHoverColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, ${textPrimary}, ${surfaceClear} 95%);\n ${paginationTokens.paginationCurrentButtonActiveColor}: ${textPrimary};\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, ${textPrimary}, ${surfaceClear} 90%);\n `,\n },\n size: {\n s: css`\n ${paginationTokens.paginationFontFamily}: ${bodyS.fontFamily};\n ${paginationTokens.paginationFontSize}: ${bodyS.fontSize};\n ${paginationTokens.paginationFontStyle}: ${bodyS.fontStyle};\n ${paginationTokens.paginationFontWeight}: ${bodySBold.fontWeight};\n ${paginationTokens.paginationLetterSpacing}: ${bodyS.letterSpacing};\n ${paginationTokens.paginationLineHeight}: ${bodyS.lineHeight};\n\n ${paginationTokens.buttonHeight}: 2.5rem;\n ${paginationTokens.buttonWidth}: 2.5rem;\n ${paginationTokens.buttonWidthShorter}: 1.75rem;\n ${paginationTokens.paginationInputWidth}: 3rem;\n ${paginationTokens.buttonRadius}: 0.625rem;\n ${paginationTokens.paginationIconSize}: 0.9rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.15rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.75rem;\n ${paginationTokens.selectTargetPadding}: 1rem 0 1rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.625rem;\n ${paginationTokens.inputWidth}: 3rem;\n ${paginationTokens.inputHeight}: 2.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n\n ${paginationTokens.paginationQuickJumpGap}: 0.75rem;\n ${paginationTokens.paginationQuickJumpInnerGap}: 0.5rem;\n `,\n xs: css`\n ${paginationTokens.paginationFontFamily}: ${bodyXS.fontFamily};\n ${paginationTokens.paginationFontSize}: ${bodyXS.fontSize};\n ${paginationTokens.paginationFontStyle}: ${bodyXS.fontStyle};\n ${paginationTokens.paginationFontWeight}: ${bodyXSBold.fontWeight};\n ${paginationTokens.paginationLetterSpacing}: ${bodyXS.letterSpacing};\n ${paginationTokens.paginationLineHeight}: ${bodyXS.lineHeight};\n\n ${paginationTokens.buttonHeight}: 2rem;\n ${paginationTokens.paginationInputWidth}: 2.5rem;\n ${paginationTokens.buttonRadius}: 0.5rem;\n ${paginationTokens.buttonWidth}: 2rem;\n ${paginationTokens.buttonWidthShorter}: 1.5rem;\n ${paginationTokens.paginationIconSize}: 0.75rem;\n ${paginationTokens.paginationIconDoubleSize}: 1rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.5rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.25rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.5rem;\n ${paginationTokens.selectTargetPadding}: 0.75rem 0 0.75rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.5rem;\n ${paginationTokens.inputWidth}: 2.5rem;\n ${paginationTokens.inputHeight}: 2rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n\n ${paginationTokens.paginationQuickJumpGap}: 0.75rem;\n ${paginationTokens.paginationQuickJumpInnerGap}: 0.5rem;\n `,\n },\n type: {\n compact: css``,\n default: css``,\n },\n },\n};\n"],"names":["config","defaults","view","viewCurrentPage","size","variations","default","secondary","clear","s","xs","type","compact"],"mappings":"AA4BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,WAAW;AAC5BC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UA0BN;AACDC,MAAAA,SAAS,EAAA,SAsBR;AACDC,MAAAA,KAAK,EAAA;KAuBR;AACDL,IAAAA,eAAe,EAAE;AACbG,MAAAA,SAAAA,EAAO,UAeN;AACDC,MAAAA,SAAS,EAAA,SAeR;AACDC,MAAAA,KAAK,EAAA;KAQR;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAAA,UA2CA;AACDC,MAAAA,EAAE,EAAA;KA4CL;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAA,SAAO;MACdN,SAAAA,EAAO;AACX;AACJ;AACJ;;;;"}
|