@hraness/design-kit 0.38.0 → 0.40.0
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/MARKETING_COPY.md +3 -0
- package/README.md +46 -8
- package/dist/{chunk-13bq7myc.js → chunk-1dgm85ta.js} +191 -55
- package/dist/chunk-6mx403v5.js +286 -0
- package/dist/{chunk-s222cmt9.js → chunk-dc8v05zh.js} +6 -137
- package/dist/{chunk-z974c20s.js → chunk-eqd57m4y.js} +54 -8
- package/dist/{chunk-kz59614q.js → chunk-fcs5qekr.js} +1 -1
- package/dist/{chunk-san9drwt.js → chunk-vy0pt84a.js} +1 -1
- package/dist/{chunk-gpsekwkj.js → chunk-w1y1m3m7.js} +274 -1
- package/dist/index.js +24 -12
- package/dist/mockups/client.js +3 -3
- package/dist/mockups/index.js +3 -3
- package/dist/provider-marks.js +1 -1
- package/dist/react/index.js +43 -10
- package/dist/react/server.js +5 -3
- package/dist/stylex-manifest.json +1 -1
- package/dist/testing.js +20 -0
- package/package.json +8 -4
- package/portfolio-inventory.json +1 -1
- package/src/compiler-foundation.css +1 -0
- package/src/index.ts +1 -0
- package/src/marketing-marquee.css +281 -0
- package/src/marketing-marquee.ts +206 -0
- package/src/mockups/client.tsx +57 -5
- package/src/mockups.css +53 -2
- package/src/provider-marks.generated.ts +84 -0
- package/src/provider-marks.ts +27 -4
- package/src/react/design-gallery.tsx +22 -3
- package/src/react/index.ts +1 -0
- package/src/react/marketing-marquee.tsx +71 -0
- package/src/react/server.ts +1 -0
- package/src/styles.css +1 -0
- package/src/testing.ts +19 -0
- package/vendor/provider-marks/UPSTREAM.md +14 -0
- package/vendor/provider-marks/bootstrap-icons/calendar-event-fill.svg +3 -0
- package/vendor/provider-marks/bootstrap-icons/filetype-csv.svg +3 -0
- package/vendor/provider-marks/bootstrap-icons/globe2.svg +3 -0
- package/vendor/provider-marks/bootstrap-icons/microsoft.svg +3 -0
- package/vendor/provider-marks/bootstrap-icons/person-vcard-fill.svg +3 -0
- package/vendor/provider-marks/bootstrap-icons/shop.svg +3 -0
- package/vendor/provider-marks/simple-icons/bluesky.svg +1 -0
- package/vendor/provider-marks/simple-icons/facebook.svg +1 -0
- package/vendor/provider-marks/simple-icons/github.svg +1 -0
- package/vendor/provider-marks/simple-icons/gmail.svg +1 -0
- package/vendor/provider-marks/simple-icons/google.svg +1 -0
- package/vendor/provider-marks/simple-icons/instagram.svg +1 -0
- package/vendor/provider-marks/simple-icons/reddit.svg +1 -0
- package/vendor/provider-marks/simple-icons/substack.svg +1 -0
- package/vendor/provider-marks/simple-icons/telegram.svg +1 -0
- package/vendor/provider-marks/simple-icons/threads.svg +1 -0
- package/vendor/provider-marks/simple-icons/tiktok.svg +1 -0
- package/vendor/provider-marks/simple-icons/twitch.svg +1 -0
- package/vendor/provider-marks/simple-icons/x.svg +1 -0
- package/vendor/provider-marks/simple-icons/ycombinator.svg +1 -0
- package/vendor/provider-marks/simple-icons/youtube.svg +1 -0
- package/dist/chunk-gmea6p0d.js +0 -13
package/dist/react/index.js
CHANGED
|
@@ -49,6 +49,7 @@ import {
|
|
|
49
49
|
MarketingInterfaceGrid,
|
|
50
50
|
MarketingMain,
|
|
51
51
|
MarketingMaker,
|
|
52
|
+
MarketingMarquee,
|
|
52
53
|
MarketingNotice,
|
|
53
54
|
MarketingPage,
|
|
54
55
|
MarketingPillars,
|
|
@@ -89,7 +90,7 @@ import {
|
|
|
89
90
|
marketingProofFrameAddress,
|
|
90
91
|
proceduralBackdropVariants,
|
|
91
92
|
proceduralRecipeVersion
|
|
92
|
-
} from "../chunk-
|
|
93
|
+
} from "../chunk-1dgm85ta.js";
|
|
93
94
|
import {
|
|
94
95
|
SyntaxCode
|
|
95
96
|
} from "../chunk-6ts4955n.js";
|
|
@@ -121,8 +122,8 @@ import {
|
|
|
121
122
|
resolveStatusPage,
|
|
122
123
|
statusPageRoutesAttribute,
|
|
123
124
|
suggestStatusRoute
|
|
124
|
-
} from "../chunk-
|
|
125
|
-
import"../chunk-
|
|
125
|
+
} from "../chunk-dc8v05zh.js";
|
|
126
|
+
import"../chunk-6mx403v5.js";
|
|
126
127
|
import"../chunk-wzvdn8ey.js";
|
|
127
128
|
import"../chunk-he8eznb1.js";
|
|
128
129
|
import"../chunk-77391vmq.js";
|
|
@@ -134,14 +135,14 @@ import {
|
|
|
134
135
|
} from "../chunk-cejpzyfh.js";
|
|
135
136
|
import {
|
|
136
137
|
BrowserFrame
|
|
137
|
-
} from "../chunk-
|
|
138
|
+
} from "../chunk-vy0pt84a.js";
|
|
138
139
|
import {
|
|
139
140
|
StepThrough
|
|
140
|
-
} from "../chunk-
|
|
141
|
+
} from "../chunk-eqd57m4y.js";
|
|
141
142
|
import {
|
|
142
143
|
SampleText
|
|
143
|
-
} from "../chunk-
|
|
144
|
-
import"../chunk-
|
|
144
|
+
} from "../chunk-fcs5qekr.js";
|
|
145
|
+
import"../chunk-w1y1m3m7.js";
|
|
145
146
|
import {
|
|
146
147
|
__require
|
|
147
148
|
} from "../chunk-5gtx3pza.js";
|
|
@@ -6596,6 +6597,37 @@ function DesignSystemGallery({
|
|
|
6596
6597
|
}),
|
|
6597
6598
|
summary: "Relay runs the same job wherever you start it and writes a log you can read afterward: inputs, outputs, and how long it took."
|
|
6598
6599
|
}),
|
|
6600
|
+
/* @__PURE__ */ jsx17(MarketingMarquee, {
|
|
6601
|
+
action: {
|
|
6602
|
+
href: "#gallery-install",
|
|
6603
|
+
label: "Set up your agent"
|
|
6604
|
+
},
|
|
6605
|
+
id: "design-gallery-marquee",
|
|
6606
|
+
items: [{
|
|
6607
|
+
name: "Claude Code"
|
|
6608
|
+
}, {
|
|
6609
|
+
name: "Codex"
|
|
6610
|
+
}, {
|
|
6611
|
+
name: "Cursor"
|
|
6612
|
+
}, {
|
|
6613
|
+
name: "Gemini CLI"
|
|
6614
|
+
}, {
|
|
6615
|
+
name: "GitHub Copilot"
|
|
6616
|
+
}, {
|
|
6617
|
+
name: "Goose"
|
|
6618
|
+
}, {
|
|
6619
|
+
name: "opencode"
|
|
6620
|
+
}, {
|
|
6621
|
+
name: "Crush"
|
|
6622
|
+
}, {
|
|
6623
|
+
name: "Aider"
|
|
6624
|
+
}, {
|
|
6625
|
+
name: "Amp"
|
|
6626
|
+
}, {
|
|
6627
|
+
name: "Devin"
|
|
6628
|
+
}],
|
|
6629
|
+
label: "Works with {count} coding agents"
|
|
6630
|
+
}),
|
|
6599
6631
|
/* @__PURE__ */ jsx17(MarketingPillars, {
|
|
6600
6632
|
ariaLabel: "Relay in three points",
|
|
6601
6633
|
presentation: "benefits",
|
|
@@ -6731,21 +6763,21 @@ Run the job, then show me its log.`,
|
|
|
6731
6763
|
steps: [{
|
|
6732
6764
|
id: "choose",
|
|
6733
6765
|
label: "Choose a job",
|
|
6734
|
-
hint: "Pick a saved job and
|
|
6766
|
+
hint: "Pick a saved job and check the file it reads.",
|
|
6735
6767
|
render: () => /* @__PURE__ */ jsx17(GalleryJobPreview, {
|
|
6736
6768
|
state: "ready"
|
|
6737
6769
|
})
|
|
6738
6770
|
}, {
|
|
6739
6771
|
id: "run",
|
|
6740
6772
|
label: "Watch the run",
|
|
6741
|
-
hint: "
|
|
6773
|
+
hint: "The input check, the transform, and the saved output.",
|
|
6742
6774
|
render: () => /* @__PURE__ */ jsx17(GalleryJobPreview, {
|
|
6743
6775
|
state: "running"
|
|
6744
6776
|
})
|
|
6745
6777
|
}, {
|
|
6746
6778
|
id: "inspect",
|
|
6747
6779
|
label: "Read the result",
|
|
6748
|
-
hint: "Open the
|
|
6780
|
+
hint: "Open the report beside its run ID and source.",
|
|
6749
6781
|
render: () => /* @__PURE__ */ jsx17(GalleryJobPreview, {
|
|
6750
6782
|
state: "saved"
|
|
6751
6783
|
})
|
|
@@ -8488,6 +8520,7 @@ export {
|
|
|
8488
8520
|
MarketingPillars,
|
|
8489
8521
|
MarketingPage,
|
|
8490
8522
|
MarketingNotice,
|
|
8523
|
+
MarketingMarquee,
|
|
8491
8524
|
MarketingMaker,
|
|
8492
8525
|
MarketingMain,
|
|
8493
8526
|
MarketingInterfaceGrid,
|
package/dist/react/server.js
CHANGED
|
@@ -36,6 +36,7 @@ import {
|
|
|
36
36
|
MarketingInterfaceGrid,
|
|
37
37
|
MarketingMain,
|
|
38
38
|
MarketingMaker,
|
|
39
|
+
MarketingMarquee,
|
|
39
40
|
MarketingNotice,
|
|
40
41
|
MarketingPage,
|
|
41
42
|
MarketingPillars,
|
|
@@ -68,16 +69,16 @@ import {
|
|
|
68
69
|
marketingProofFrameAddress,
|
|
69
70
|
proceduralBackdropVariants,
|
|
70
71
|
proceduralRecipeVersion
|
|
71
|
-
} from "../chunk-
|
|
72
|
+
} from "../chunk-1dgm85ta.js";
|
|
72
73
|
import {
|
|
73
74
|
SyntaxCode
|
|
74
75
|
} from "../chunk-6ts4955n.js";
|
|
75
|
-
import"../chunk-
|
|
76
|
+
import"../chunk-6mx403v5.js";
|
|
76
77
|
import"../chunk-wzvdn8ey.js";
|
|
77
78
|
import"../chunk-he8eznb1.js";
|
|
78
79
|
import"../chunk-77391vmq.js";
|
|
79
80
|
import"../chunk-cejpzyfh.js";
|
|
80
|
-
import"../chunk-
|
|
81
|
+
import"../chunk-w1y1m3m7.js";
|
|
81
82
|
import"../chunk-5gtx3pza.js";
|
|
82
83
|
export {
|
|
83
84
|
proceduralRecipeVersion,
|
|
@@ -113,6 +114,7 @@ export {
|
|
|
113
114
|
MarketingPillars,
|
|
114
115
|
MarketingPage,
|
|
115
116
|
MarketingNotice,
|
|
117
|
+
MarketingMarquee,
|
|
116
118
|
MarketingMaker,
|
|
117
119
|
MarketingMain,
|
|
118
120
|
MarketingInterfaceGrid,
|