@alfalab/core-components-list-header 3.0.6 → 3.0.7
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/Component.js +7 -9
- package/cssm/Component.js +7 -9
- package/cssm/index.js +1 -3
- package/esm/Component.js +2 -2
- package/esm/index.css +4 -4
- package/esm/index.js +1 -1
- package/index.css +4 -4
- package/index.js +1 -3
- package/modern/Component.js +1 -1
- package/modern/index.css +4 -4
- package/modern/index.js +1 -1
- package/package.json +2 -2
package/Component.js
CHANGED
|
@@ -1,25 +1,23 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var React = require('react');
|
|
6
4
|
var cn = require('classnames');
|
|
7
5
|
var coreComponentsTypography = require('@alfalab/core-components-typography');
|
|
8
6
|
|
|
9
|
-
function
|
|
7
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
10
8
|
|
|
11
|
-
var React__default = /*#__PURE__*/
|
|
12
|
-
var cn__default = /*#__PURE__*/
|
|
9
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
10
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
13
11
|
|
|
14
|
-
var styles = {"component":"list-
|
|
12
|
+
var styles = {"component":"list-header__component_ryhlr","description":"list-header__description_ryhlr","filled":"list-header__filled_ryhlr"};
|
|
15
13
|
require('./index.css')
|
|
16
14
|
|
|
17
15
|
var ListHeader = function (_a) {
|
|
18
16
|
var _b;
|
|
19
17
|
var title = _a.title, description = _a.description, _c = _a.filled, filled = _c === void 0 ? true : _c, className = _a.className, dataTestId = _a.dataTestId;
|
|
20
|
-
return (React__default
|
|
21
|
-
React__default
|
|
22
|
-
description && (React__default
|
|
18
|
+
return (React__default.default.createElement("div", { "data-test-id": dataTestId, className: cn__default.default(styles.component, (_b = {}, _b[styles.filled] = filled, _b), className) },
|
|
19
|
+
React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large' }, title),
|
|
20
|
+
description && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn__default.default(styles.description) }, ", ".concat(description)))));
|
|
23
21
|
};
|
|
24
22
|
|
|
25
23
|
exports.ListHeader = ListHeader;
|
package/cssm/Component.js
CHANGED
|
@@ -1,24 +1,22 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var React = require('react');
|
|
6
4
|
var cn = require('classnames');
|
|
7
5
|
var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
|
|
8
6
|
var styles = require('./index.module.css');
|
|
9
7
|
|
|
10
|
-
function
|
|
8
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
9
|
|
|
12
|
-
var React__default = /*#__PURE__*/
|
|
13
|
-
var cn__default = /*#__PURE__*/
|
|
14
|
-
var styles__default = /*#__PURE__*/
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
12
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
15
13
|
|
|
16
14
|
var ListHeader = function (_a) {
|
|
17
15
|
var _b;
|
|
18
16
|
var title = _a.title, description = _a.description, _c = _a.filled, filled = _c === void 0 ? true : _c, className = _a.className, dataTestId = _a.dataTestId;
|
|
19
|
-
return (React__default
|
|
20
|
-
React__default
|
|
21
|
-
description && (React__default
|
|
17
|
+
return (React__default.default.createElement("div", { "data-test-id": dataTestId, className: cn__default.default(styles__default.default.component, (_b = {}, _b[styles__default.default.filled] = filled, _b), className) },
|
|
18
|
+
React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large' }, title),
|
|
19
|
+
description && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn__default.default(styles__default.default.description) }, ", ".concat(description)))));
|
|
22
20
|
};
|
|
23
21
|
|
|
24
22
|
exports.ListHeader = ListHeader;
|
package/cssm/index.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var Component = require('./Component.js');
|
|
5
4
|
require('react');
|
|
6
5
|
require('classnames');
|
|
7
6
|
require('@alfalab/core-components-typography/cssm');
|
|
8
7
|
require('./index.module.css');
|
|
9
|
-
var Component = require('./Component.js');
|
|
10
8
|
|
|
11
9
|
|
|
12
10
|
|
package/esm/Component.js
CHANGED
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { Typography } from '@alfalab/core-components-typography/esm';
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"list-
|
|
5
|
+
var styles = {"component":"list-header__component_ryhlr","description":"list-header__description_ryhlr","filled":"list-header__filled_ryhlr"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var ListHeader = function (_a) {
|
|
@@ -10,7 +10,7 @@ var ListHeader = function (_a) {
|
|
|
10
10
|
var title = _a.title, description = _a.description, _c = _a.filled, filled = _c === void 0 ? true : _c, className = _a.className, dataTestId = _a.dataTestId;
|
|
11
11
|
return (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, (_b = {}, _b[styles.filled] = filled, _b), className) },
|
|
12
12
|
React.createElement(Typography.Text, { view: 'secondary-large' }, title),
|
|
13
|
-
description && (React.createElement(Typography.Text, { view: 'secondary-large', className: cn(styles.description) }, ", "
|
|
13
|
+
description && (React.createElement(Typography.Text, { view: 'secondary-large', className: cn(styles.description) }, ", ".concat(description)))));
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
export { ListHeader };
|
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 16f8y */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-specialbg-component: rgba(11, 31, 53, 0.07);
|
|
4
4
|
}
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
:root {
|
|
21
21
|
--list-header-description-opacity: 0.6;
|
|
22
22
|
}
|
|
23
|
-
.list-
|
|
23
|
+
.list-header__component_ryhlr {
|
|
24
24
|
margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
|
|
25
25
|
padding: var(--gap-xs) var(--gap-s);
|
|
26
26
|
}
|
|
27
|
-
.list-
|
|
27
|
+
.list-header__description_ryhlr {
|
|
28
28
|
opacity: var(--list-header-description-opacity);
|
|
29
29
|
}
|
|
30
|
-
.list-
|
|
30
|
+
.list-header__filled_ryhlr {
|
|
31
31
|
background-color: var(--color-light-specialbg-component);
|
|
32
32
|
}
|
package/esm/index.js
CHANGED
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 16f8y */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-specialbg-component: rgba(11, 31, 53, 0.07);
|
|
4
4
|
}
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
:root {
|
|
21
21
|
--list-header-description-opacity: 0.6;
|
|
22
22
|
}
|
|
23
|
-
.list-
|
|
23
|
+
.list-header__component_ryhlr {
|
|
24
24
|
margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
|
|
25
25
|
padding: var(--gap-xs) var(--gap-s);
|
|
26
26
|
}
|
|
27
|
-
.list-
|
|
27
|
+
.list-header__description_ryhlr {
|
|
28
28
|
opacity: var(--list-header-description-opacity);
|
|
29
29
|
}
|
|
30
|
-
.list-
|
|
30
|
+
.list-header__filled_ryhlr {
|
|
31
31
|
background-color: var(--color-light-specialbg-component);
|
|
32
32
|
}
|
package/index.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var Component = require('./Component.js');
|
|
5
4
|
require('react');
|
|
6
5
|
require('classnames');
|
|
7
6
|
require('@alfalab/core-components-typography');
|
|
8
|
-
var Component = require('./Component.js');
|
|
9
7
|
|
|
10
8
|
|
|
11
9
|
|
package/modern/Component.js
CHANGED
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { Typography } from '@alfalab/core-components-typography/modern';
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
const styles = {"component":"list-header__component_ryhlr","description":"list-header__description_ryhlr","filled":"list-header__filled_ryhlr"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
const ListHeader = ({ title, description, filled = true, className, dataTestId, }) => (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, { [styles.filled]: filled }, className) },
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 16f8y */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-specialbg-component: rgba(11, 31, 53, 0.07);
|
|
4
4
|
}
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
:root {
|
|
21
21
|
--list-header-description-opacity: 0.6;
|
|
22
22
|
}
|
|
23
|
-
.list-
|
|
23
|
+
.list-header__component_ryhlr {
|
|
24
24
|
margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
|
|
25
25
|
padding: var(--gap-xs) var(--gap-s);
|
|
26
26
|
}
|
|
27
|
-
.list-
|
|
27
|
+
.list-header__description_ryhlr {
|
|
28
28
|
opacity: var(--list-header-description-opacity);
|
|
29
29
|
}
|
|
30
|
-
.list-
|
|
30
|
+
.list-header__filled_ryhlr {
|
|
31
31
|
background-color: var(--color-light-specialbg-component);
|
|
32
32
|
}
|
package/modern/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-list-header",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.7",
|
|
4
4
|
"description": "ListHeader component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"directory": "dist"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@alfalab/core-components-typography": "^3.0.
|
|
17
|
+
"@alfalab/core-components-typography": "^3.0.7",
|
|
18
18
|
"classnames": "^2.3.1"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|