@alfalab/core-components-list-header 3.0.9 → 3.0.11
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 +1 -1
- package/cssm/index.module.css +12 -12
- package/esm/Component.js +1 -1
- package/esm/index.css +13 -13
- package/index.css +13 -13
- package/modern/Component.js +1 -1
- package/modern/index.css +13 -13
- package/package.json +4 -3
package/Component.js
CHANGED
|
@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
10
10
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
11
11
|
|
|
12
|
-
var styles = {"component":"list-
|
|
12
|
+
var styles = {"component":"list-header__component_k8fbz","description":"list-header__description_k8fbz","filled":"list-header__filled_k8fbz"};
|
|
13
13
|
require('./index.css')
|
|
14
14
|
|
|
15
15
|
var ListHeader = function (_a) {
|
package/cssm/index.module.css
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
:root {
|
|
2
|
+
} /* deprecated */ :root {
|
|
2
3
|
--color-light-specialbg-component: rgba(11, 31, 53, 0.07);
|
|
3
|
-
}
|
|
4
|
-
:root {
|
|
4
|
+
} :root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
5
7
|
|
|
6
8
|
/* Hard */
|
|
7
9
|
|
|
8
10
|
/* Up */
|
|
9
11
|
|
|
10
12
|
/* Hard up */
|
|
11
|
-
}
|
|
12
|
-
:root {
|
|
13
|
+
} :root {
|
|
14
|
+
} :root {
|
|
13
15
|
--gap-xs: 8px;
|
|
14
16
|
--gap-s: 12px;
|
|
15
17
|
--gap-m: 16px;
|
|
16
18
|
--gap-xl: 24px;
|
|
17
19
|
--gap-s-neg: -12px;
|
|
18
|
-
}
|
|
19
|
-
:root {
|
|
20
|
+
} :root {
|
|
21
|
+
} :root {
|
|
22
|
+
} :root {
|
|
20
23
|
--list-header-description-opacity: 0.6;
|
|
21
|
-
}
|
|
22
|
-
.component {
|
|
24
|
+
} .component {
|
|
23
25
|
margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
|
|
24
26
|
padding: var(--gap-xs) var(--gap-s);
|
|
25
|
-
}
|
|
26
|
-
.description {
|
|
27
|
+
} .description {
|
|
27
28
|
opacity: var(--list-header-description-opacity);
|
|
28
|
-
}
|
|
29
|
-
.filled {
|
|
29
|
+
} .filled {
|
|
30
30
|
background-color: var(--color-light-specialbg-component);
|
|
31
31
|
}
|
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_k8fbz","description":"list-header__description_k8fbz","filled":"list-header__filled_k8fbz"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var ListHeader = function (_a) {
|
package/esm/index.css
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: nlkls */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-specialbg-component: rgba(11, 31, 53, 0.07);
|
|
4
|
-
}
|
|
5
|
-
:root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
6
8
|
|
|
7
9
|
/* Hard */
|
|
8
10
|
|
|
9
11
|
/* Up */
|
|
10
12
|
|
|
11
13
|
/* Hard up */
|
|
12
|
-
}
|
|
13
|
-
:root {
|
|
14
|
+
} :root {
|
|
15
|
+
} :root {
|
|
14
16
|
--gap-xs: 8px;
|
|
15
17
|
--gap-s: 12px;
|
|
16
18
|
--gap-m: 16px;
|
|
17
19
|
--gap-xl: 24px;
|
|
18
20
|
--gap-s-neg: -12px;
|
|
19
|
-
}
|
|
20
|
-
:root {
|
|
21
|
+
} :root {
|
|
22
|
+
} :root {
|
|
23
|
+
} :root {
|
|
21
24
|
--list-header-description-opacity: 0.6;
|
|
22
|
-
}
|
|
23
|
-
.list-header__component_1ncwd {
|
|
25
|
+
} .list-header__component_k8fbz {
|
|
24
26
|
margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
|
|
25
27
|
padding: var(--gap-xs) var(--gap-s);
|
|
26
|
-
}
|
|
27
|
-
.list-header__description_1ncwd {
|
|
28
|
+
} .list-header__description_k8fbz {
|
|
28
29
|
opacity: var(--list-header-description-opacity);
|
|
29
|
-
}
|
|
30
|
-
.list-header__filled_1ncwd {
|
|
30
|
+
} .list-header__filled_k8fbz {
|
|
31
31
|
background-color: var(--color-light-specialbg-component);
|
|
32
32
|
}
|
package/index.css
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: nlkls */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-specialbg-component: rgba(11, 31, 53, 0.07);
|
|
4
|
-
}
|
|
5
|
-
:root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
6
8
|
|
|
7
9
|
/* Hard */
|
|
8
10
|
|
|
9
11
|
/* Up */
|
|
10
12
|
|
|
11
13
|
/* Hard up */
|
|
12
|
-
}
|
|
13
|
-
:root {
|
|
14
|
+
} :root {
|
|
15
|
+
} :root {
|
|
14
16
|
--gap-xs: 8px;
|
|
15
17
|
--gap-s: 12px;
|
|
16
18
|
--gap-m: 16px;
|
|
17
19
|
--gap-xl: 24px;
|
|
18
20
|
--gap-s-neg: -12px;
|
|
19
|
-
}
|
|
20
|
-
:root {
|
|
21
|
+
} :root {
|
|
22
|
+
} :root {
|
|
23
|
+
} :root {
|
|
21
24
|
--list-header-description-opacity: 0.6;
|
|
22
|
-
}
|
|
23
|
-
.list-header__component_1ncwd {
|
|
25
|
+
} .list-header__component_k8fbz {
|
|
24
26
|
margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
|
|
25
27
|
padding: var(--gap-xs) var(--gap-s);
|
|
26
|
-
}
|
|
27
|
-
.list-header__description_1ncwd {
|
|
28
|
+
} .list-header__description_k8fbz {
|
|
28
29
|
opacity: var(--list-header-description-opacity);
|
|
29
|
-
}
|
|
30
|
-
.list-header__filled_1ncwd {
|
|
30
|
+
} .list-header__filled_k8fbz {
|
|
31
31
|
background-color: var(--color-light-specialbg-component);
|
|
32
32
|
}
|
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
|
-
const styles = {"component":"list-
|
|
5
|
+
const styles = {"component":"list-header__component_k8fbz","description":"list-header__description_k8fbz","filled":"list-header__filled_k8fbz"};
|
|
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,32 +1,32 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: nlkls */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-specialbg-component: rgba(11, 31, 53, 0.07);
|
|
4
|
-
}
|
|
5
|
-
:root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
6
8
|
|
|
7
9
|
/* Hard */
|
|
8
10
|
|
|
9
11
|
/* Up */
|
|
10
12
|
|
|
11
13
|
/* Hard up */
|
|
12
|
-
}
|
|
13
|
-
:root {
|
|
14
|
+
} :root {
|
|
15
|
+
} :root {
|
|
14
16
|
--gap-xs: 8px;
|
|
15
17
|
--gap-s: 12px;
|
|
16
18
|
--gap-m: 16px;
|
|
17
19
|
--gap-xl: 24px;
|
|
18
20
|
--gap-s-neg: -12px;
|
|
19
|
-
}
|
|
20
|
-
:root {
|
|
21
|
+
} :root {
|
|
22
|
+
} :root {
|
|
23
|
+
} :root {
|
|
21
24
|
--list-header-description-opacity: 0.6;
|
|
22
|
-
}
|
|
23
|
-
.list-header__component_1ncwd {
|
|
25
|
+
} .list-header__component_k8fbz {
|
|
24
26
|
margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
|
|
25
27
|
padding: var(--gap-xs) var(--gap-s);
|
|
26
|
-
}
|
|
27
|
-
.list-header__description_1ncwd {
|
|
28
|
+
} .list-header__description_k8fbz {
|
|
28
29
|
opacity: var(--list-header-description-opacity);
|
|
29
|
-
}
|
|
30
|
-
.list-header__filled_1ncwd {
|
|
30
|
+
} .list-header__filled_k8fbz {
|
|
31
31
|
background-color: var(--color-light-specialbg-component);
|
|
32
32
|
}
|
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.11",
|
|
4
4
|
"description": "ListHeader component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -14,8 +14,9 @@
|
|
|
14
14
|
"directory": "dist"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@alfalab/core-components-typography": "^3.
|
|
18
|
-
"classnames": "^2.3.1"
|
|
17
|
+
"@alfalab/core-components-typography": "^3.2.0",
|
|
18
|
+
"classnames": "^2.3.1",
|
|
19
|
+
"tslib": "^2.4.0"
|
|
19
20
|
},
|
|
20
21
|
"peerDependencies": {
|
|
21
22
|
"react": "^16.9.0 || ^17.0.1 || ^18.0.0"
|