@apify/ui-library 0.61.1-feataddaiagentcategories-114da5.67 → 0.61.1
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/CHANGELOG.md +8 -0
- package/dist/src/components/actor_template_card.d.ts +0 -1
- package/dist/src/components/actor_template_card.d.ts.map +1 -1
- package/dist/src/components/actor_template_card.js +32 -31
- package/dist/src/components/actor_template_card.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/components/actor_template_card.tsx +37 -54
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.61.1](https://github.com/apify/apify-core/compare/@apify/ui-library@0.61.0...@apify/ui-library@0.61.1) (2025-04-02)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @apify/ui-library
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# [0.61.0](https://github.com/apify/apify-core/compare/@apify/ui-library@0.60.2...@apify/ui-library@0.61.0) (2025-03-28)
|
|
7
15
|
|
|
8
16
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actor_template_card.d.ts","sourceRoot":"","sources":["../../../src/components/actor_template_card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"actor_template_card.d.ts","sourceRoot":"","sources":["../../../src/components/actor_template_card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,sBAAsB;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC5B;AA6DD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyB9D,CAAC"}
|
|
@@ -1,15 +1,41 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { theme } from '../design_system/theme.js';
|
|
4
|
-
import {
|
|
5
|
-
import { TextMarketing } from './text/text_marketing.js';
|
|
4
|
+
import { TextBaseComponent } from './text/text_base.js';
|
|
6
5
|
import { VerticalTile } from './tile/index.js';
|
|
7
6
|
const WrapperClasses = {
|
|
8
7
|
TEMPLATE_CARD_IMAGES: 'TemplateCard-Images',
|
|
9
8
|
TEMPLATE_CARD_TEXT: 'TemplateCard-Text',
|
|
10
|
-
TEMPLATE_CARD_DESCRIPTION: 'TemplateCard-Description',
|
|
11
|
-
TEMPLATE_CARD_BADGES: 'TemplateCard-Badges',
|
|
12
9
|
};
|
|
10
|
+
const Text = styled(TextBaseComponent) `
|
|
11
|
+
${theme.typography.marketing.mobile.bodyM}
|
|
12
|
+
color: ${theme.color.neutral.textMuted};
|
|
13
|
+
overflow: hidden;
|
|
14
|
+
text-overflow: ellipsis;
|
|
15
|
+
display: -webkit-box;
|
|
16
|
+
-webkit-line-clamp: 3;
|
|
17
|
+
-webkit-box-orient: vertical;
|
|
18
|
+
|
|
19
|
+
@media ${theme.layout.tablet} {
|
|
20
|
+
${theme.typography.marketing.tablet.bodyM}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@media ${theme.layout.desktop} {
|
|
24
|
+
${theme.typography.marketing.desktop.bodyM}
|
|
25
|
+
}
|
|
26
|
+
`;
|
|
27
|
+
const Heading = styled(TextBaseComponent) `
|
|
28
|
+
${theme.typography.marketing.mobile.titleXs}
|
|
29
|
+
color: ${theme.color.neutral.text};
|
|
30
|
+
|
|
31
|
+
@media ${theme.layout.tablet} {
|
|
32
|
+
${theme.typography.marketing.tablet.titleXs}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@media ${theme.layout.desktop} {
|
|
36
|
+
${theme.typography.marketing.desktop.titleXs}
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
13
39
|
const TemplateCardContentWrapper = styled.div `
|
|
14
40
|
display: flex;
|
|
15
41
|
flex-direction: column;
|
|
@@ -17,18 +43,11 @@ const TemplateCardContentWrapper = styled.div `
|
|
|
17
43
|
align-self: stretch;
|
|
18
44
|
flex: 1 0 0;
|
|
19
45
|
gap: ${theme.space.space16};
|
|
20
|
-
color: ${theme.color.neutral.text};
|
|
21
46
|
|
|
22
47
|
.${WrapperClasses.TEMPLATE_CARD_IMAGES} {
|
|
23
48
|
display: flex;
|
|
24
49
|
align-items: flex-start;
|
|
25
50
|
gap: ${theme.space.space16};
|
|
26
|
-
flex-wrap: wrap;
|
|
27
|
-
img,
|
|
28
|
-
svg {
|
|
29
|
-
max-width: ${theme.space.space40};
|
|
30
|
-
max-height: ${theme.space.space40};
|
|
31
|
-
}
|
|
32
51
|
}
|
|
33
52
|
|
|
34
53
|
.${WrapperClasses.TEMPLATE_CARD_TEXT} {
|
|
@@ -37,28 +56,10 @@ const TemplateCardContentWrapper = styled.div `
|
|
|
37
56
|
align-items: flex-start;
|
|
38
57
|
align-self: stretch;
|
|
39
58
|
gap: ${theme.space.space4};
|
|
40
|
-
|
|
41
|
-
.${WrapperClasses.TEMPLATE_CARD_DESCRIPTION} {
|
|
42
|
-
color: ${theme.color.neutral.textMuted};
|
|
43
|
-
overflow: hidden;
|
|
44
|
-
text-overflow: ellipsis;
|
|
45
|
-
display: -webkit-box;
|
|
46
|
-
-webkit-line-clamp: 3;
|
|
47
|
-
-webkit-box-orient: vertical;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.${WrapperClasses.TEMPLATE_CARD_BADGES} {
|
|
52
|
-
display: flex;
|
|
53
|
-
gap: ${theme.space.space4};
|
|
54
59
|
}
|
|
55
60
|
`;
|
|
56
|
-
export const ActorTemplateCard = ({ id, label, description, icons,
|
|
57
|
-
const templateCardContent = (_jsxs(TemplateCardContentWrapper, { children: [_jsx("div", { className: WrapperClasses.TEMPLATE_CARD_IMAGES, children: icons }), _jsxs("div", { className: WrapperClasses.TEMPLATE_CARD_TEXT, children: [_jsx(
|
|
58
|
-
color: '#6E00F4',
|
|
59
|
-
fill: '#6E00F4',
|
|
60
|
-
background: '#E4D4F7',
|
|
61
|
-
}, children: "AI Agent" }))] })] }));
|
|
61
|
+
export const ActorTemplateCard = ({ id, label, description, icons, }) => {
|
|
62
|
+
const templateCardContent = (_jsxs(TemplateCardContentWrapper, { children: [_jsx("div", { className: WrapperClasses.TEMPLATE_CARD_IMAGES, children: icons }), _jsxs("div", { className: WrapperClasses.TEMPLATE_CARD_TEXT, children: [_jsx(Heading, { children: label }), _jsx(Text, { children: description })] })] }));
|
|
62
63
|
return (_jsx(VerticalTile, { id: `actor-template-card-${id}`, content: templateCardContent, isClickable: true }));
|
|
63
64
|
};
|
|
64
65
|
//# sourceMappingURL=actor_template_card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actor_template_card.js","sourceRoot":"","sources":["../../../src/components/actor_template_card.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"actor_template_card.js","sourceRoot":"","sources":["../../../src/components/actor_template_card.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS/C,MAAM,cAAc,GAAG;IACnB,oBAAoB,EAAE,qBAAqB;IAC3C,kBAAkB,EAAE,mBAAmB;CAC1C,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;MAChC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK;aAChC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;;;;;;;aAO7B,KAAK,CAAC,MAAM,CAAC,MAAM;UACtB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK;;;aAGpC,KAAK,CAAC,MAAM,CAAC,OAAO;UACvB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;;CAEjD,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;MACnC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO;aAClC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;aAExB,KAAK,CAAC,MAAM,CAAC,MAAM;UACtB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO;;;aAGtC,KAAK,CAAC,MAAM,CAAC,OAAO;UACvB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;;CAEnD,CAAC;AAEF,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;WAMlC,KAAK,CAAC,KAAK,CAAC,OAAO;;OAEvB,cAAc,CAAC,oBAAoB;;;eAG3B,KAAK,CAAC,KAAK,CAAC,OAAO;;;OAG3B,cAAc,CAAC,kBAAkB;;;;;eAKzB,KAAK,CAAC,KAAK,CAAC,MAAM;;CAEhC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAChE,EAAE,EACF,KAAK,EACL,WAAW,EACX,KAAK,GACR,EAAE,EAAE;IACD,MAAM,mBAAmB,GAAG,CACxB,MAAC,0BAA0B,eACvB,cAAK,SAAS,EAAE,cAAc,CAAC,oBAAoB,YAC9C,KAAK,GACJ,EACN,eAAK,SAAS,EAAE,cAAc,CAAC,kBAAkB,aAC7C,KAAC,OAAO,cAAE,KAAK,GAAW,EAC1B,KAAC,IAAI,cAAE,WAAW,GAAQ,IACxB,IACmB,CAChC,CAAC;IAEF,OAAO,CACH,KAAC,YAAY,IACT,EAAE,EAAE,uBAAuB,EAAE,EAAE,EAC/B,OAAO,EAAE,mBAAmB,EAC5B,WAAW,SACb,CACL,CAAC;AACN,CAAC,CAAC"}
|