@alfalab/core-components-list-header 4.0.0 → 4.1.0-snapshot-92b8690

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dynamic-mixins/Component.d.ts +24 -0
  2. package/dynamic-mixins/Component.js +24 -0
  3. package/dynamic-mixins/Component.js.map +1 -0
  4. package/dynamic-mixins/index.css +23 -0
  5. package/dynamic-mixins/index.d.ts +1 -0
  6. package/dynamic-mixins/index.js +10 -0
  7. package/dynamic-mixins/index.js.map +1 -0
  8. package/dynamic-mixins/index.module.css.js +8 -0
  9. package/dynamic-mixins/index.module.css.js.map +1 -0
  10. package/esm/index.css +3 -3
  11. package/esm/index.module.css.js +1 -1
  12. package/esm/index.module.css.js.map +1 -1
  13. package/index.css +3 -3
  14. package/index.module.css.js +1 -1
  15. package/index.module.css.js.map +1 -1
  16. package/modern/index.css +3 -3
  17. package/modern/index.module.css.js +1 -1
  18. package/modern/index.module.css.js.map +1 -1
  19. package/moderncssm/index.module.css +2 -0
  20. package/package.json +4 -4
  21. package/src/index.module.css +1 -1
package/dynamic-mixins/Component.d.ts ADDED
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ export declare type ListHeaderProps = {
3
+ /**
4
+ * Заголовок
5
+ */
6
+ title: string;
7
+ /**
8
+ * Дополнительное описание
9
+ */
10
+ description?: string;
11
+ /**
12
+ * Наличие фоновой подложки
13
+ */
14
+ filled?: boolean;
15
+ /**
16
+ * Дополнительный класс
17
+ */
18
+ className?: string;
19
+ /**
20
+ * Идентификатор для систем автоматизированного тестирования
21
+ */
22
+ dataTestId?: string;
23
+ };
24
+ export declare const ListHeader: React.FC<ListHeaderProps>;
package/dynamic-mixins/Component.js ADDED
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var cn = require('classnames');
7
+ var dynamicMixins = require('@alfalab/core-components-typography/dynamic-mixins');
8
+ var index_module = require('./index.module.css.js');
9
+
10
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
+ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
+
15
+ var ListHeader = function (_a) {
16
+ var _b;
17
+ var title = _a.title, description = _a.description, _c = _a.filled, filled = _c === void 0 ? true : _c, className = _a.className, dataTestId = _a.dataTestId;
18
+ return (React__default.default.createElement("div", { "data-test-id": dataTestId, className: cn__default.default(index_module.component, (_b = {}, _b[index_module.filled] = filled, _b), className) },
19
+ React__default.default.createElement(dynamicMixins.Text, { view: 'secondary-large' }, title),
20
+ description && (React__default.default.createElement(dynamicMixins.Text, { view: 'secondary-large', className: cn__default.default(index_module.description) }, ", ".concat(description)))));
21
+ };
22
+
23
+ exports.ListHeader = ListHeader;
24
+ //# sourceMappingURL=Component.js.map
package/dynamic-mixins/Component.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Text } from '@alfalab/core-components-typography';\n\nimport styles from './index.module.css';\n\nexport type ListHeaderProps = {\n /**\n * Заголовок\n */\n title: string;\n\n /**\n * Дополнительное описание\n */\n description?: string;\n\n /**\n * Наличие фоновой подложки\n */\n filled?: boolean;\n\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const ListHeader: React.FC<ListHeaderProps> = ({\n title,\n description,\n filled = true,\n className,\n dataTestId,\n}) => (\n <div\n data-test-id={dataTestId}\n className={cn(styles.component, { [styles.filled]: filled }, className)}\n >\n <Text view='secondary-large'>{title}</Text>\n {description && (\n <Text view='secondary-large' className={cn(styles.description)}>\n {`, ${description}`}\n </Text>\n )}\n </div>\n);\n"],"names":["React","cn","styles","Text"],"mappings":";;;;;;;;;;;;;;AAkCO,IAAM,UAAU,GAA8B,UAAC,EAMrD,EAAA;;AALG,IAAA,IAAA,KAAK,WAAA,EACL,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,cAAa,EAAb,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA,EACb,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA;IACR,QACFA,8DACkB,UAAU,EACxB,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,MAAM,IAAG,MAAM,EAAA,EAAA,GAAI,SAAS,CAAC,EAAA;AAEvE,QAAAF,sBAAA,CAAA,aAAA,CAACG,kBAAI,EAAC,EAAA,IAAI,EAAC,iBAAiB,EAAA,EAAE,KAAK,CAAQ;QAC1C,WAAW,KACRH,sBAAA,CAAA,aAAA,CAACG,kBAAI,EAAA,EAAC,IAAI,EAAC,iBAAiB,EAAC,SAAS,EAAEF,mBAAE,CAACC,YAAM,CAAC,WAAW,CAAC,EACzD,EAAA,IAAA,CAAA,MAAA,CAAK,WAAW,CAAE,CAChB,CACV,CACC;AAXJ;;;;"}
package/dynamic-mixins/index.css ADDED
@@ -0,0 +1,23 @@
1
+ :root {
2
+ --color-light-neutral-200: #edeef0;
3
+ } :root {
4
+ --gap-xs: 8px;
5
+ --gap-s: 12px;
6
+ --gap-m: 16px;
7
+ --gap-xl: 24px;
8
+ --gap-s-neg: -12px;
9
+ --gap-8: var(--gap-xs);
10
+ --gap-12: var(--gap-s);
11
+ --gap-16: var(--gap-m);
12
+ --gap-24: var(--gap-xl);
13
+ --gap-12-neg: var(--gap-s-neg);
14
+ } :root {
15
+ --list-header-description-opacity: 0.6;
16
+ } .list-header__component_1tpwg {
17
+ margin: var(--gap-24) var(--gap-12-neg) var(--gap-16);
18
+ padding: var(--gap-8) var(--gap-12);
19
+ } .list-header__description_1tpwg {
20
+ opacity: var(--list-header-description-opacity);
21
+ } .list-header__filled_1tpwg {
22
+ background-color: var(--color-light-neutral-200);
23
+ }
package/dynamic-mixins/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './Component';
package/dynamic-mixins/index.js ADDED
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var Component = require('./Component.js');
6
+
7
+
8
+
9
+ exports.ListHeader = Component.ListHeader;
10
+ //# sourceMappingURL=index.js.map
package/dynamic-mixins/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
package/dynamic-mixins/index.module.css.js ADDED
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ require('./index.css');
4
+
5
+ var styles = {"component":"list-header__component_1tpwg","description":"list-header__description_1tpwg","filled":"list-header__filled_1tpwg"};
6
+
7
+ module.exports = styles;
8
+ //# sourceMappingURL=index.module.css.js.map
package/dynamic-mixins/index.module.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n:root {\n --list-header-description-opacity: 0.6;\n}\n\n.component {\n margin: var(--gap-24) var(--gap-12-neg) var(--gap-16);\n padding: var(--gap-8) var(--gap-12);\n}\n\n.description {\n opacity: var(--list-header-description-opacity);\n}\n\n.filled {\n background-color: var(--color-light-neutral-200);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,aAAa,CAAC,gCAAgC,CAAC,QAAQ,CAAC,2BAA2B,CAAC;;;;"}
package/esm/index.css CHANGED
@@ -13,11 +13,11 @@
13
13
  --gap-12-neg: var(--gap-s-neg);
14
14
  } :root {
15
15
  --list-header-description-opacity: 0.6;
16
- } .list-header__component_xltzd {
16
+ } .list-header__component_1tpwg {
17
17
  margin: var(--gap-24) var(--gap-12-neg) var(--gap-16);
18
18
  padding: var(--gap-8) var(--gap-12);
19
- } .list-header__description_xltzd {
19
+ } .list-header__description_1tpwg {
20
20
  opacity: var(--list-header-description-opacity);
21
- } .list-header__filled_xltzd {
21
+ } .list-header__filled_1tpwg {
22
22
  background-color: var(--color-light-neutral-200);
23
23
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"list-header__component_xltzd","description":"list-header__description_xltzd","filled":"list-header__filled_xltzd"};
3
+ var styles = {"component":"list-header__component_1tpwg","description":"list-header__description_1tpwg","filled":"list-header__filled_1tpwg"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n:root {\n --list-header-description-opacity: 0.6;\n}\n\n.component {\n margin: var(--gap-24) var(--gap-12-neg) var(--gap-16);\n padding: var(--gap-8) var(--gap-12);\n}\n\n.description {\n opacity: var(--list-header-description-opacity);\n}\n\n.filled {\n background-color: var(--color-light-neutral-200);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,aAAa,CAAC,gCAAgC,CAAC,QAAQ,CAAC,2BAA2B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n:root {\n --list-header-description-opacity: 0.6;\n}\n\n.component {\n margin: var(--gap-24) var(--gap-12-neg) var(--gap-16);\n padding: var(--gap-8) var(--gap-12);\n}\n\n.description {\n opacity: var(--list-header-description-opacity);\n}\n\n.filled {\n background-color: var(--color-light-neutral-200);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,aAAa,CAAC,gCAAgC,CAAC,QAAQ,CAAC,2BAA2B,CAAC;;;;"}
package/index.css CHANGED
@@ -13,11 +13,11 @@
13
13
  --gap-12-neg: var(--gap-s-neg);
14
14
  } :root {
15
15
  --list-header-description-opacity: 0.6;
16
- } .list-header__component_xltzd {
16
+ } .list-header__component_1tpwg {
17
17
  margin: var(--gap-24) var(--gap-12-neg) var(--gap-16);
18
18
  padding: var(--gap-8) var(--gap-12);
19
- } .list-header__description_xltzd {
19
+ } .list-header__description_1tpwg {
20
20
  opacity: var(--list-header-description-opacity);
21
- } .list-header__filled_xltzd {
21
+ } .list-header__filled_1tpwg {
22
22
  background-color: var(--color-light-neutral-200);
23
23
  }
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"list-header__component_xltzd","description":"list-header__description_xltzd","filled":"list-header__filled_xltzd"};
5
+ var styles = {"component":"list-header__component_1tpwg","description":"list-header__description_1tpwg","filled":"list-header__filled_1tpwg"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n:root {\n --list-header-description-opacity: 0.6;\n}\n\n.component {\n margin: var(--gap-24) var(--gap-12-neg) var(--gap-16);\n padding: var(--gap-8) var(--gap-12);\n}\n\n.description {\n opacity: var(--list-header-description-opacity);\n}\n\n.filled {\n background-color: var(--color-light-neutral-200);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,aAAa,CAAC,gCAAgC,CAAC,QAAQ,CAAC,2BAA2B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n:root {\n --list-header-description-opacity: 0.6;\n}\n\n.component {\n margin: var(--gap-24) var(--gap-12-neg) var(--gap-16);\n padding: var(--gap-8) var(--gap-12);\n}\n\n.description {\n opacity: var(--list-header-description-opacity);\n}\n\n.filled {\n background-color: var(--color-light-neutral-200);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,aAAa,CAAC,gCAAgC,CAAC,QAAQ,CAAC,2BAA2B,CAAC;;;;"}
package/modern/index.css CHANGED
@@ -13,11 +13,11 @@
13
13
  --gap-12-neg: var(--gap-s-neg);
14
14
  } :root {
15
15
  --list-header-description-opacity: 0.6;
16
- } .list-header__component_xltzd {
16
+ } .list-header__component_1tpwg {
17
17
  margin: var(--gap-24) var(--gap-12-neg) var(--gap-16);
18
18
  padding: var(--gap-8) var(--gap-12);
19
- } .list-header__description_xltzd {
19
+ } .list-header__description_1tpwg {
20
20
  opacity: var(--list-header-description-opacity);
21
- } .list-header__filled_xltzd {
21
+ } .list-header__filled_1tpwg {
22
22
  background-color: var(--color-light-neutral-200);
23
23
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"list-header__component_xltzd","description":"list-header__description_xltzd","filled":"list-header__filled_xltzd"};
3
+ const styles = {"component":"list-header__component_1tpwg","description":"list-header__description_1tpwg","filled":"list-header__filled_1tpwg"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n:root {\n --list-header-description-opacity: 0.6;\n}\n\n.component {\n margin: var(--gap-24) var(--gap-12-neg) var(--gap-16);\n padding: var(--gap-8) var(--gap-12);\n}\n\n.description {\n opacity: var(--list-header-description-opacity);\n}\n\n.filled {\n background-color: var(--color-light-neutral-200);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,aAAa,CAAC,gCAAgC,CAAC,QAAQ,CAAC,2BAA2B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n:root {\n --list-header-description-opacity: 0.6;\n}\n\n.component {\n margin: var(--gap-24) var(--gap-12-neg) var(--gap-16);\n padding: var(--gap-8) var(--gap-12);\n}\n\n.description {\n opacity: var(--list-header-description-opacity);\n}\n\n.filled {\n background-color: var(--color-light-neutral-200);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,aAAa,CAAC,gCAAgC,CAAC,QAAQ,CAAC,2BAA2B,CAAC;;;;"}
package/moderncssm/index.module.css CHANGED
@@ -1,3 +1,5 @@
1
+
2
+
1
3
  :root {
2
4
  --list-header-description-opacity: 0.6;
3
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-list-header",
3
- "version": "4.0.0",
3
+ "version": "4.1.0-snapshot-92b8690",
4
4
  "description": "ListHeader component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,7 +10,7 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-typography": "^5.0.0",
13
+ "@alfalab/core-components-typography": "5.1.0-snapshot-92b8690",
14
14
  "classnames": "^2.5.1",
15
15
  "tslib": "^2.4.0"
16
16
  },
@@ -22,6 +22,6 @@
22
22
  "access": "public",
23
23
  "directory": "dist"
24
24
  },
25
- "themesVersion": "14.0.0",
26
- "varsVersion": "10.0.0"
25
+ "themesVersion": "14.1.0-snapshot-92b8690",
26
+ "varsVersion": "10.1.0-snapshot-92b8690"
27
27
  }
package/src/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-vars/src/index.css';
1
+ @import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';
2
2
 
3
3
  :root {
4
4
  --list-header-description-opacity: 0.6;