@apify/ui-library 0.61.0 → 0.61.1-feataddaiagentcategories-114da5.85
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 +1 -0
- package/dist/src/components/actor_template_card.d.ts.map +1 -1
- package/dist/src/components/actor_template_card.js +31 -32
- 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 +54 -37
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;AAQ1B,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;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAqDD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgD9D,CAAC"}
|
|
@@ -1,41 +1,15 @@
|
|
|
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 {
|
|
4
|
+
import { Badge } from './badge.js';
|
|
5
|
+
import { TextMarketing } from './text/text_marketing.js';
|
|
5
6
|
import { VerticalTile } from './tile/index.js';
|
|
6
7
|
const WrapperClasses = {
|
|
7
8
|
TEMPLATE_CARD_IMAGES: 'TemplateCard-Images',
|
|
8
9
|
TEMPLATE_CARD_TEXT: 'TemplateCard-Text',
|
|
10
|
+
TEMPLATE_CARD_DESCRIPTION: 'TemplateCard-Description',
|
|
11
|
+
TEMPLATE_CARD_BADGES: 'TemplateCard-Badges',
|
|
9
12
|
};
|
|
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
|
-
`;
|
|
39
13
|
const TemplateCardContentWrapper = styled.div `
|
|
40
14
|
display: flex;
|
|
41
15
|
flex-direction: column;
|
|
@@ -43,11 +17,18 @@ const TemplateCardContentWrapper = styled.div `
|
|
|
43
17
|
align-self: stretch;
|
|
44
18
|
flex: 1 0 0;
|
|
45
19
|
gap: ${theme.space.space16};
|
|
20
|
+
color: ${theme.color.neutral.text};
|
|
46
21
|
|
|
47
22
|
.${WrapperClasses.TEMPLATE_CARD_IMAGES} {
|
|
48
23
|
display: flex;
|
|
49
24
|
align-items: flex-start;
|
|
50
25
|
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
|
+
}
|
|
51
32
|
}
|
|
52
33
|
|
|
53
34
|
.${WrapperClasses.TEMPLATE_CARD_TEXT} {
|
|
@@ -56,10 +37,28 @@ const TemplateCardContentWrapper = styled.div `
|
|
|
56
37
|
align-items: flex-start;
|
|
57
38
|
align-self: stretch;
|
|
58
39
|
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};
|
|
59
54
|
}
|
|
60
55
|
`;
|
|
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(
|
|
56
|
+
export const ActorTemplateCard = ({ id, label, description, icons, useCases, }) => {
|
|
57
|
+
const templateCardContent = (_jsxs(TemplateCardContentWrapper, { children: [_jsx("div", { className: WrapperClasses.TEMPLATE_CARD_IMAGES, children: icons }), _jsxs("div", { className: WrapperClasses.TEMPLATE_CARD_TEXT, children: [_jsx(TextMarketing, { size: "regular", weight: "bold", children: label }), _jsx(TextMarketing, { size: "small", className: WrapperClasses.TEMPLATE_CARD_DESCRIPTION, children: description })] }), _jsxs("div", { className: WrapperClasses.TEMPLATE_CARD_BADGES, children: [useCases?.includes('STARTER') && (_jsx(Badge, { variant: "success", children: "Starter" })), useCases?.includes('AI') && (_jsx(Badge, { variant: "success", style: {
|
|
58
|
+
color: '#6E00F4',
|
|
59
|
+
fill: '#6E00F4',
|
|
60
|
+
background: '#E4D4F7',
|
|
61
|
+
}, children: "AI Agent" }))] })] }));
|
|
63
62
|
return (_jsx(VerticalTile, { id: `actor-template-card-${id}`, content: templateCardContent, isClickable: true }));
|
|
64
63
|
};
|
|
65
64
|
//# 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,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAU/C,MAAM,cAAc,GAAG;IACnB,oBAAoB,EAAE,qBAAqB;IAC3C,kBAAkB,EAAE,mBAAmB;IACvC,yBAAyB,EAAE,0BAA0B;IACrD,oBAAoB,EAAE,qBAAqB;CAC9C,CAAC;AAEF,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;WAMlC,KAAK,CAAC,KAAK,CAAC,OAAO;aACjB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;OAE9B,cAAc,CAAC,oBAAoB;;;eAG3B,KAAK,CAAC,KAAK,CAAC,OAAO;;;;yBAIT,KAAK,CAAC,KAAK,CAAC,OAAO;0BAClB,KAAK,CAAC,KAAK,CAAC,OAAO;;;;OAItC,cAAc,CAAC,kBAAkB;;;;;eAKzB,KAAK,CAAC,KAAK,CAAC,MAAM;;WAEtB,cAAc,CAAC,yBAAyB;qBAC9B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;;;;;;;;;OAS3C,cAAc,CAAC,oBAAoB;;eAE3B,KAAK,CAAC,KAAK,CAAC,MAAM;;CAEhC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAChE,EAAE,EACF,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,mBAAmB,GAAG,CACxB,MAAC,0BAA0B,eACvB,cAAK,SAAS,EAAE,cAAc,CAAC,oBAAoB,YAAG,KAAK,GAAO,EAClE,eAAK,SAAS,EAAE,cAAc,CAAC,kBAAkB,aAC7C,KAAC,aAAa,IAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,YACtC,KAAK,GACM,EAChB,KAAC,aAAa,IACV,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,cAAc,CAAC,yBAAyB,YAElD,WAAW,GACA,IACd,EACN,eAAK,SAAS,EAAE,cAAc,CAAC,oBAAoB,aAC9C,QAAQ,EAAE,QAAQ,CAAC,SAAS,CAAC,IAAI,CAC9B,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB,CAC3C,EACA,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CACzB,KAAC,KAAK,IACF,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE;4BACH,KAAK,EAAE,SAAS;4BAChB,IAAI,EAAE,SAAS;4BACf,UAAU,EAAE,SAAS;yBACxB,yBAGG,CACX,IACC,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"}
|