@appinternalleads/ui 0.4.0 → 0.4.1

package/spec/examples/components/onboarding/animated-status/case4.json

@@ -0,0 +1,42 @@
+{
+  "schema": "onboarding/1",
+  "component": "animated-status",
+  "key": "animated_status_case4",
+  "preset": "case4",
+  "meta": {
+    "eyebrow": "Case study 4 · Scheduling",
+    "title": "Meeting finder",
+    "scenario": "Calendars are being compared, with the calendar icon on a butter end card."
+  },
+  "config": {
+    "loadingLabel": "Loading {title}",
+    "attentionLabel": "Needs attention",
+    "loadErrorTitle": "Couldn’t load the animation",
+    "loadErrorBody": "Nothing was lost. Retry to load it again.",
+    "retryLabel": "Retry",
+    "emptyTitle": "Nothing to animate yet",
+    "emptyBody": "The words for this animation haven’t arrived.",
+    "emptyCta": "Refresh",
+    "type": "schedule",
+    "icon": "calendar",
+    "title": "Meeting finder",
+    "subtitle": "While calendars are compared",
+    "scene1Text": "Checking",
+    "scene2Text": "Calendars",
+    "scene3Text": "Finding A Time That WORKS Everyone",
+    "scene4Text": "ONE SLOT LEFT",
+    "scene5Text": "Checking availability",
+    "scene6Text": "meet.acme.co",
+    "textColor": "#2A2724",
+    "accentColor": "butterDeep",
+    "emblemIcon": "calendar",
+    "autoplay": false,
+    "playLabel": "Play",
+    "replayLabel": "Replay",
+    "resetLabel": "Reset",
+    "idleLabel": "Ready",
+    "playingLabel": "Playing",
+    "doneLabel": "Played",
+    "hintText": "Plays once · {seconds} s"
+  }
+}

package/spec/examples/components/onboarding/animated-status/case5.json

@@ -0,0 +1,42 @@
+{
+  "schema": "onboarding/1",
+  "component": "animated-status",
+  "key": "animated_status_case5",
+  "preset": "case5",
+  "meta": {
+    "eyebrow": "Case study 5 · Assistant",
+    "title": "Assistant reply",
+    "scenario": "An assistant is writing a reply: dark ink, a lilac end card and the sparkles icon."
+  },
+  "config": {
+    "loadingLabel": "Loading {title}",
+    "attentionLabel": "Needs attention",
+    "loadErrorTitle": "Couldn’t load the animation",
+    "loadErrorBody": "Nothing was lost. Retry to load it again.",
+    "retryLabel": "Retry",
+    "emptyTitle": "Nothing to animate yet",
+    "emptyBody": "The words for this animation haven’t arrived.",
+    "emptyCta": "Refresh",
+    "type": "agent",
+    "icon": "spark",
+    "title": "Assistant reply",
+    "subtitle": "While a response is written",
+    "scene1Text": "Thinking",
+    "scene2Text": "Drafting",
+    "scene3Text": "Writing Your Reply With CARE Today",
+    "scene4Text": "ALMOST READY NOW",
+    "scene5Text": "Generating response",
+    "scene6Text": "assistant.acme.ai",
+    "textColor": "#1F1B2E",
+    "accentColor": "lilacDeep",
+    "emblemIcon": "sparkles",
+    "autoplay": false,
+    "playLabel": "Play",
+    "replayLabel": "Replay",
+    "resetLabel": "Reset",
+    "idleLabel": "Ready",
+    "playingLabel": "Playing",
+    "doneLabel": "Played",
+    "hintText": "Plays once · {seconds} s"
+  }
+}

package/spec/examples/components/onboarding/send-completion/case1.json

@@ -0,0 +1,48 @@
+{
+  "schema": "onboarding/1",
+  "component": "send-completion",
+  "key": "send_completion_case1",
+  "preset": "case1",
+  "meta": {
+    "eyebrow": "Case study 1 · Messaging",
+    "title": "Send → Sent!",
+    "scenario": "The reference’s motion as it ships: the tap cue, the press, the paper plane’s loop, the button balling up into a check and the “Sent!” pill — on no ground of its own, so it sits on any surface. The check waits for the host’s send."
+  },
+  "config": {
+    "loadingLabel": "Loading {title}",
+    "attentionLabel": "Needs attention",
+    "loadErrorTitle": "Couldn’t load the button",
+    "loadErrorBody": "Nothing was lost. Retry to load it again.",
+    "retryLabel": "Retry",
+    "emptyTitle": "Nothing to send yet",
+    "emptyBody": "There’s nothing ready to send.",
+    "emptyCta": "Refresh",
+    "type": "action",
+    "icon": "rocket",
+    "title": "Send a message",
+    "subtitle": "Press the button: it launches, then confirms",
+    "label": "Send",
+    "completedLabel": "Sent!",
+    "tapHint": "TAP/CLICK",
+    "backgroundColor": "transparent",
+    "buttonColor": "#281483",
+    "textColor": "#FFFFFF",
+    "iconColor": "#AEB6FF",
+    "completionColor": "#FFFFFF",
+    "trailColor": "#5461DC",
+    "sendIcon": "plane",
+    "iconScale": 1,
+    "cornerRadius": 6,
+    "width": 480,
+    "showTapCue": true,
+    "autoplay": false,
+    "loop": false,
+    "resetLabel": "Reset",
+    "idleChip": "Ready",
+    "sendingChip": "Sending",
+    "sentChip": "Sent",
+    "failTitle": "Couldn’t send",
+    "failBody": "Nothing was sent. Press the button to try again.",
+    "doneAnnouncement": "{completedLabel}"
+  }
+}

package/spec/examples/components/onboarding/send-completion/case2.json

@@ -0,0 +1,48 @@
+{
+  "schema": "onboarding/1",
+  "component": "send-completion",
+  "key": "send_completion_case2",
+  "preset": "case2",
+  "meta": {
+    "eyebrow": "Case study 2 · Forms",
+    "title": "Submit → Submitted!",
+    "scenario": "A form’s submit button: new words and the arrow icon, no tap cue. Nothing about the motion changes — “Submitted!” shrinks to fit the pill."
+  },
+  "config": {
+    "loadingLabel": "Loading {title}",
+    "attentionLabel": "Needs attention",
+    "loadErrorTitle": "Couldn’t load the button",
+    "loadErrorBody": "Nothing was lost. Retry to load it again.",
+    "retryLabel": "Retry",
+    "emptyTitle": "Nothing to send yet",
+    "emptyBody": "There’s nothing ready to send.",
+    "emptyCta": "Refresh",
+    "type": "file",
+    "icon": "doc",
+    "title": "Submit the form",
+    "subtitle": "The same motion, different words",
+    "label": "Submit",
+    "completedLabel": "Submitted!",
+    "tapHint": "TAP/CLICK",
+    "backgroundColor": "transparent",
+    "buttonColor": "#281483",
+    "textColor": "#FFFFFF",
+    "iconColor": "#AEB6FF",
+    "completionColor": "#FFFFFF",
+    "trailColor": "#5461DC",
+    "sendIcon": "arrow",
+    "iconScale": 1,
+    "cornerRadius": 6,
+    "width": 480,
+    "showTapCue": false,
+    "autoplay": false,
+    "loop": false,
+    "resetLabel": "Reset",
+    "idleChip": "Ready",
+    "sendingChip": "Sending",
+    "sentChip": "Sent",
+    "failTitle": "Couldn’t send",
+    "failBody": "Nothing was sent. Press the button to try again.",
+    "doneAnnouncement": "{completedLabel}"
+  }
+}

package/spec/examples/components/onboarding/send-completion/case3.json

@@ -0,0 +1,48 @@
+{
+  "schema": "onboarding/1",
+  "component": "send-completion",
+  "key": "send_completion_case3",
+  "preset": "case3",
+  "meta": {
+    "eyebrow": "Case study 3 · Files",
+    "title": "Upload → Uploaded",
+    "scenario": "An upload in sky blue: colours from Solarium hue tokens and a rounder button."
+  },
+  "config": {
+    "loadingLabel": "Loading {title}",
+    "attentionLabel": "Needs attention",
+    "loadErrorTitle": "Couldn’t load the button",
+    "loadErrorBody": "Nothing was lost. Retry to load it again.",
+    "retryLabel": "Retry",
+    "emptyTitle": "Nothing to send yet",
+    "emptyBody": "There’s nothing ready to send.",
+    "emptyCta": "Refresh",
+    "type": "file",
+    "icon": "upload",
+    "title": "Upload a file",
+    "subtitle": "Colours from Solarium hue tokens",
+    "label": "Upload",
+    "completedLabel": "Uploaded",
+    "tapHint": "TAP/CLICK",
+    "backgroundColor": "transparent",
+    "buttonColor": "skyDeep",
+    "textColor": "#FFFFFF",
+    "iconColor": "#CFE3F3",
+    "completionColor": "#FFFFFF",
+    "trailColor": "sky",
+    "sendIcon": "arrow",
+    "iconScale": 1,
+    "cornerRadius": 20,
+    "width": 480,
+    "showTapCue": false,
+    "autoplay": false,
+    "loop": false,
+    "resetLabel": "Reset",
+    "idleChip": "Ready",
+    "sendingChip": "Sending",
+    "sentChip": "Sent",
+    "failTitle": "Couldn’t send",
+    "failBody": "Nothing was sent. Press the button to try again.",
+    "doneAnnouncement": "{completedLabel}"
+  }
+}

package/spec/examples/components/onboarding/send-completion/case4.json

@@ -0,0 +1,48 @@
+{
+  "schema": "onboarding/1",
+  "component": "send-completion",
+  "key": "send_completion_case4",
+  "preset": "case4",
+  "meta": {
+    "eyebrow": "Case study 4 · Commerce",
+    "title": "Confirm → Confirmed",
+    "scenario": "A checkout confirm: a dark pill-shaped button, a larger chevron, a green check, a smaller stage."
+  },
+  "config": {
+    "loadingLabel": "Loading {title}",
+    "attentionLabel": "Needs attention",
+    "loadErrorTitle": "Couldn’t load the button",
+    "loadErrorBody": "Nothing was lost. Retry to load it again.",
+    "retryLabel": "Retry",
+    "emptyTitle": "Nothing to send yet",
+    "emptyBody": "There’s nothing ready to send.",
+    "emptyCta": "Refresh",
+    "type": "action",
+    "icon": "bolt",
+    "title": "Confirm the order",
+    "subtitle": "A dark, rounder button and a larger icon",
+    "label": "Confirm",
+    "completedLabel": "Confirmed",
+    "tapHint": "TAP/CLICK",
+    "backgroundColor": "transparent",
+    "buttonColor": "#0F172A",
+    "textColor": "#FFF7ED",
+    "iconColor": "#FDBA74",
+    "completionColor": "#86EFAC",
+    "trailColor": "#EA580C",
+    "sendIcon": "chevron",
+    "iconScale": 1.25,
+    "cornerRadius": 40,
+    "width": 360,
+    "showTapCue": false,
+    "autoplay": false,
+    "loop": false,
+    "resetLabel": "Reset",
+    "idleChip": "Ready",
+    "sendingChip": "Sending",
+    "sentChip": "Sent",
+    "failTitle": "Couldn’t send",
+    "failBody": "Nothing was sent. Press the button to try again.",
+    "doneAnnouncement": "{completedLabel}"
+  }
+}

package/spec/examples/components/onboarding/send-completion/case5.json

@@ -0,0 +1,48 @@
+{
+  "schema": "onboarding/1",
+  "component": "send-completion",
+  "key": "send_completion_case5",
+  "preset": "case5",
+  "meta": {
+    "eyebrow": "Case study 5 · Decoration",
+    "title": "Save, on repeat",
+    "scenario": "A looping illustration of saving: it presses itself, holds “Saved!” and resets, forever. Decorative — no send is made."
+  },
+  "config": {
+    "loadingLabel": "Loading {title}",
+    "attentionLabel": "Needs attention",
+    "loadErrorTitle": "Couldn’t load the button",
+    "loadErrorBody": "Nothing was lost. Retry to load it again.",
+    "retryLabel": "Retry",
+    "emptyTitle": "Nothing to send yet",
+    "emptyBody": "There’s nothing ready to send.",
+    "emptyCta": "Refresh",
+    "type": "agent",
+    "icon": "sparkle",
+    "title": "Save — on repeat",
+    "subtitle": "Loops on its own, as a decoration",
+    "label": "Save",
+    "completedLabel": "Saved!",
+    "tapHint": "TAP/CLICK",
+    "backgroundColor": "transparent",
+    "buttonColor": "lilacDeep",
+    "textColor": "#FFFFFF",
+    "iconColor": "#EEEBF7",
+    "completionColor": "#FFFFFF",
+    "trailColor": "lilacDeep",
+    "sendIcon": "plane",
+    "iconScale": 1,
+    "cornerRadius": 6,
+    "width": 320,
+    "showTapCue": true,
+    "autoplay": false,
+    "loop": true,
+    "resetLabel": "Reset",
+    "idleChip": "Ready",
+    "sendingChip": "Sending",
+    "sentChip": "Sent",
+    "failTitle": "Couldn’t send",
+    "failBody": "Nothing was sent. Press the button to try again.",
+    "doneAnnouncement": "{completedLabel}"
+  }
+}