@alfalab/core-components-list-header 3.0.6 → 3.0.8

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 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 _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
10
8
 
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
9
+ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
10
+ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
11
 
14
- var styles = {"component":"list-header__component_j68ad","description":"list-header__description_j68ad","filled":"list-header__filled_j68ad"};
12
+ var styles = {"component":"list-header__component_y8c3z","description":"list-header__description_y8c3z","filled":"list-header__filled_y8c3z"};
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['default'].createElement("div", { "data-test-id": dataTestId, className: cn__default['default'](styles.component, (_b = {}, _b[styles.filled] = filled, _b), className) },
21
- React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large' }, title),
22
- description && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn__default['default'](styles.description) }, ", " + description))));
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 _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
11
9
 
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
- var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
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['default'].createElement("div", { "data-test-id": dataTestId, className: cn__default['default'](styles__default['default'].component, (_b = {}, _b[styles__default['default'].filled] = filled, _b), className) },
20
- React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large' }, title),
21
- description && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn__default['default'](styles__default['default'].description) }, ", " + description))));
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
- Object.defineProperty(exports, '__esModule', { value: true });
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-header__component_j68ad","description":"list-header__description_j68ad","filled":"list-header__filled_j68ad"};
5
+ var styles = {"component":"list-header__component_y8c3z","description":"list-header__description_y8c3z","filled":"list-header__filled_y8c3z"};
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) }, ", " + 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: 3ugep */
1
+ /* hash: 198qh */
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-header__component_j68ad {
23
+ .list-header__component_y8c3z {
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-header__description_j68ad {
27
+ .list-header__description_y8c3z {
28
28
  opacity: var(--list-header-description-opacity);
29
29
  }
30
- .list-header__filled_j68ad {
30
+ .list-header__filled_y8c3z {
31
31
  background-color: var(--color-light-specialbg-component);
32
32
  }
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
+ export { ListHeader } from './Component.js';
1
2
  import 'react';
2
3
  import 'classnames';
3
4
  import '@alfalab/core-components-typography/esm';
4
- export { ListHeader } from './Component.js';
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 3ugep */
1
+ /* hash: 198qh */
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-header__component_j68ad {
23
+ .list-header__component_y8c3z {
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-header__description_j68ad {
27
+ .list-header__description_y8c3z {
28
28
  opacity: var(--list-header-description-opacity);
29
29
  }
30
- .list-header__filled_j68ad {
30
+ .list-header__filled_y8c3z {
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
- Object.defineProperty(exports, '__esModule', { value: true });
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
 
@@ -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
- var styles = {"component":"list-header__component_j68ad","description":"list-header__description_j68ad","filled":"list-header__filled_j68ad"};
5
+ const styles = {"component":"list-header__component_y8c3z","description":"list-header__description_y8c3z","filled":"list-header__filled_y8c3z"};
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: 3ugep */
1
+ /* hash: 198qh */
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-header__component_j68ad {
23
+ .list-header__component_y8c3z {
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-header__description_j68ad {
27
+ .list-header__description_y8c3z {
28
28
  opacity: var(--list-header-description-opacity);
29
29
  }
30
- .list-header__filled_j68ad {
30
+ .list-header__filled_y8c3z {
31
31
  background-color: var(--color-light-specialbg-component);
32
32
  }
package/modern/index.js CHANGED
@@ -1,4 +1,4 @@
1
+ export { ListHeader } from './Component.js';
1
2
  import 'react';
2
3
  import 'classnames';
3
4
  import '@alfalab/core-components-typography/modern';
4
- export { ListHeader } from './Component.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-list-header",
3
- "version": "3.0.6",
3
+ "version": "3.0.8",
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.6",
17
+ "@alfalab/core-components-typography": "^3.0.8",
18
18
  "classnames": "^2.3.1"
19
19
  },
20
20
  "peerDependencies": {