@motion-proto/live-tokens 0.97.0 → 0.98.2

package/src/testing-js/__aria__/button.yml

@@ -0,0 +1,88 @@
+"Primary / base": |
+  - button "Primary"
+  - button "With Icon"
+"Secondary / base": |
+  - button "Secondary"
+  - button "With Icon"
+"Secondary / default": |
+  - button "Secondary"
+  - button "With Icon"
+"Secondary / hover": |
+  - button "Secondary"
+  - button "With Icon"
+"Secondary / disabled": |
+  - button "Secondary" [disabled]
+  - button "With Icon" [disabled]
+"Outline / base": |
+  - button "Outline"
+  - button "With Icon"
+"Outline / default": |
+  - button "Outline"
+  - button "With Icon"
+"Outline / hover": |
+  - button "Outline"
+  - button "With Icon"
+"Outline / disabled": |
+  - button "Outline" [disabled]
+  - button "With Icon" [disabled]
+"Success / base": |
+  - button "Success"
+  - button "With Icon"
+"Success / default": |
+  - button "Success"
+  - button "With Icon"
+"Success / hover": |
+  - button "Success"
+  - button "With Icon"
+"Success / disabled": |
+  - button "Success" [disabled]
+  - button "With Icon" [disabled]
+"Danger / base": |
+  - button "Danger"
+  - button "With Icon"
+"Danger / default": |
+  - button "Danger"
+  - button "With Icon"
+"Danger / hover": |
+  - button "Danger"
+  - button "With Icon"
+"Danger / disabled": |
+  - button "Danger" [disabled]
+  - button "With Icon" [disabled]
+"Warning / base": |
+  - button "Warning"
+  - button "With Icon"
+"Warning / default": |
+  - button "Warning"
+  - button "With Icon"
+"Warning / hover": |
+  - button "Warning"
+  - button "With Icon"
+"Warning / disabled": |
+  - button "Warning" [disabled]
+  - button "With Icon" [disabled]
+"Outline / active": |
+  - button "Outline"
+  - button "With Icon"
+"Primary / default": |
+  - button "Primary"
+  - button "With Icon"
+"Primary / hover": |
+  - button "Primary"
+  - button "With Icon"
+"Primary / disabled": |
+  - button "Primary" [disabled]
+  - button "With Icon" [disabled]
+"Primary (small)": |
+  - button "Primary"
+  - button "Secondary"
+  - button "Outline"
+  - button "Success"
+  - button "Danger"
+  - button "Warning"
+  - button "Primary"
+  - button "Secondary"
+  - button "Outline"
+  - button "Success"
+  - button "Danger"
+  - button "Warning"

package/src/testing-js/__aria__/callout.yml

@@ -0,0 +1,12 @@
+"Info": |
+  - strong: Note.
+  - text: This is contextual information you should know about.
+"Success": |
+  - strong: Tip.
+  - text: Bookmark this page so you can return when you need it.
+"Warning": |
+  - strong: Warning.
+  - text: This is a warning callout for important caveats or potential issues.
+"Danger": |
+  - strong: Danger.
+  - text: This action is destructive and cannot be undone.

package/src/testing-js/__aria__/card.yml

@@ -0,0 +1,8 @@
+"preview": |
+  - text: Card title Content Placeholder Bare variant
+"default": |
+  - text: Card title Content Placeholder Bare variant
+"hover": |
+  - text: Card title Content Placeholder Bare variant
+"preview (click root)": |
+  - text: Card title Content Placeholder Bare variant

package/src/testing-js/__aria__/codesnippet.yml

@@ -0,0 +1,21 @@
+"preview": |
+  - text: Preview text
+  - textbox "Preview text":
+    - /placeholder: Paste a long command or block to preview scrolling
+    - text: npx @motion-proto/live-tokens setup-claude
+  - code: npx @motion-proto/live-tokens setup-claude
+  - button "Copy to clipboard"
+"default": |
+  - text: Preview text
+  - textbox "Preview text":
+    - /placeholder: Paste a long command or block to preview scrolling
+    - text: npx @motion-proto/live-tokens setup-claude
+  - code: npx @motion-proto/live-tokens setup-claude
+  - button "Copy to clipboard"
+"hover": |
+  - text: Preview text
+  - textbox "Preview text":
+    - /placeholder: Paste a long command or block to preview scrolling
+    - text: npx @motion-proto/live-tokens setup-claude
+  - code: npx @motion-proto/live-tokens setup-claude
+  - button "Copy to clipboard"

package/src/testing-js/__aria__/collapsiblesection.yml

@@ -0,0 +1,23 @@
+"Container / Container": |
+  - button "Click to expand"
+"Container / Header": |
+  - button "Click to expand"
+"Container / Body": |
+  - button "Click to expand" [expanded]
+  - paragraph: This content is revealed when the section is open. Any content can go here.
+"Chromeless / Header": |
+  - button "Click to expand"
+"Chromeless / Body": |
+  - button "Click to expand" [expanded]
+  - paragraph: This content is revealed when the section is open. Any content can go here.
+"With Hairline / Header": |
+  - button "Click to expand"
+"With Hairline / Body": |
+  - button "Click to expand" [expanded]
+  - paragraph: This content is revealed when the section is open. Any content can go here.
+"Container / Header (Hover)": |
+  - button "Click to expand"
+"Chromeless / Header (Hover)": |
+  - button "Click to expand"
+"With Hairline / Header (Hover)": |
+  - button "Click to expand"

package/src/testing-js/__aria__/cornerbadge.yml

@@ -0,0 +1,24 @@
+"Brand": |
+  - text: Brand
+"Accent": |
+  - text: Accent
+"Neutral": |
+  - text: Neutral
+"Alternate": |
+  - text: Alternate
+"Canvas": |
+  - text: Canvas
+"Special": |
+  - text: Special
+"Success": |
+  - text: Success
+"Warning": |
+  - text: Warning
+"Danger": |
+  - text: Danger
+"Info": |
+  - text: Info
+"Brand / base": |
+  - text: Brand
+"Brand / colors": |
+  - text: Brand

package/src/testing-js/__aria__/dialog.yml

@@ -0,0 +1,42 @@
+"preview": |
+  - dialog "Sample Dialog":
+    - heading "Sample Dialog" [level=3]
+    - button "Close"
+    - paragraph: This is the dialog body content. It supports any slotted content including forms, lists, or other components.
+    - button "Cancel"
+    - button "Save"
+"scrim": |
+  - dialog "Sample Dialog":
+    - heading "Sample Dialog" [level=3]
+    - button "Close"
+    - paragraph: This is the dialog body content. It supports any slotted content including forms, lists, or other components.
+    - button "Cancel"
+    - button "Save"
+"dialog": |
+  - dialog "Sample Dialog":
+    - heading "Sample Dialog" [level=3]
+    - button "Close"
+    - paragraph: This is the dialog body content. It supports any slotted content including forms, lists, or other components.
+    - button "Cancel"
+    - button "Save"
+"header": |
+  - dialog "Sample Dialog":
+    - heading "Sample Dialog" [level=3]
+    - button "Close"
+    - paragraph: This is the dialog body content. It supports any slotted content including forms, lists, or other components.
+    - button "Cancel"
+    - button "Save"
+"body": |
+  - dialog "Sample Dialog":
+    - heading "Sample Dialog" [level=3]
+    - button "Close"
+    - paragraph: This is the dialog body content. It supports any slotted content including forms, lists, or other components.
+    - button "Cancel"
+    - button "Save"
+"footer": |
+  - dialog "Sample Dialog":
+    - heading "Sample Dialog" [level=3]
+    - button "Close"
+    - paragraph: This is the dialog body content. It supports any slotted content including forms, lists, or other components.
+    - button "Cancel"
+    - button "Save"

package/src/testing-js/__aria__/iconbutton.yml

@@ -0,0 +1,57 @@
+"Primary / base": |
+  - button "primary action"
+"Secondary / base": |
+  - button "secondary action"
+"Secondary / default": |
+  - button "secondary action"
+"Secondary / hover": |
+  - button "secondary action"
+"Secondary / disabled": |
+  - button "secondary action" [disabled]
+"Outline / base": |
+  - button "outline action"
+"Outline / default": |
+  - button "outline action"
+"Outline / hover": |
+  - button "outline action"
+"Outline / disabled": |
+  - button "outline action" [disabled]
+"Success / base": |
+  - button "success action"
+"Success / default": |
+  - button "success action"
+"Success / hover": |
+  - button "success action"
+"Success / disabled": |
+  - button "success action" [disabled]
+"Danger / base": |
+  - button "danger action"
+"Danger / default": |
+  - button "danger action"
+"Danger / hover": |
+  - button "danger action"
+"Danger / disabled": |
+  - button "danger action" [disabled]
+"Warning / base": |
+  - button "warning action"
+"Warning / default": |
+  - button "warning action"
+"Warning / hover": |
+  - button "warning action"
+"Warning / disabled": |
+  - button "warning action" [disabled]
+"Outline / active": |
+  - button "outline action"
+"Primary / default": |
+  - button "primary action"
+"Primary / hover": |
+  - button "primary action"
+"Primary / disabled": |
+  - button "primary action" [disabled]
+"Primary (small)": |
+  - button "primary action"
+  - button "secondary action"
+  - button "outline action"
+  - button "success action"
+  - button "danger action"
+  - button "warning action"

package/src/testing-js/__aria__/image.yml

@@ -0,0 +1,10 @@
+"Default": |
+  - img "Demo"
+  - paragraph:
+    - text: "Use zoom on hover: every image scales on hover (a page can still force it per image with the"
+    - code: zoom
+    - text: "prop). Overflow scaling on (default): the content zooms inside the fixed frame, masked by overflow. Off: the whole framed image grows past its box. Override per image with"
+    - code: overflowScaling
+    - text: .
+"Bare": |
+  - img "Demo"

package/src/testing-js/__aria__/imagelightbox.yml

@@ -0,0 +1,50 @@
+"preview": |
+  - 'button "Expand image: Newspaper" [expanded]':
+    - img "Newspaper"
+  - img "Newspaper"
+  - button "Close"
+  - button "Previous image"
+  - button "Next image"
+  - button "Zoom out" [disabled]
+  - text: 59%
+  - button "Zoom in"
+"tile": |
+  - 'button "Expand image: Newspaper" [expanded]':
+    - img "Newspaper"
+  - img "Newspaper"
+  - button "Close"
+  - button "Previous image"
+  - button "Next image"
+  - button "Zoom out" [disabled]
+  - text: 59%
+  - button "Zoom in"
+"overlay": |
+  - 'button "Expand image: Newspaper" [expanded]':
+    - img "Newspaper"
+  - img "Newspaper"
+  - button "Close"
+  - button "Previous image"
+  - button "Next image"
+  - button "Zoom out" [disabled]
+  - text: 59%
+  - button "Zoom in"
+"chrome": |
+  - 'button "Expand image: Newspaper" [expanded]':
+    - img "Newspaper"
+  - img "Newspaper"
+  - button "Close"
+  - button "Previous image"
+  - button "Next image"
+  - button "Zoom out" [disabled]
+  - text: 59%
+  - button "Zoom in"
+"preview (click nextButton)": |
+  - 'button "Expand image: Newspaper" [expanded]':
+    - img "Newspaper"
+  - img "Newspaper"
+  - button "Close"
+  - button "Previous image"
+  - button "Next image"
+  - button "Zoom out" [disabled]
+  - text: 59%
+  - button "Zoom in"

package/src/testing-js/__aria__/inlineeditactions.yml

@@ -0,0 +1,16 @@
+"Save button / default": |
+  - text: Editing value...
+  - button "Save"
+  - button "Cancel"
+"Save button / hover": |
+  - text: Editing value...
+  - button "Save"
+  - button "Cancel"
+"Cancel button / default": |
+  - text: Editing value...
+  - button "Save"
+  - button "Cancel"
+"Cancel button / hover": |
+  - text: Editing value...
+  - button "Save"
+  - button "Cancel"

package/src/testing-js/__aria__/input.yml

@@ -0,0 +1,61 @@
+"preview": |
+  - text: Field label
+  - textbox "Field label" [invalid]:
+    - /placeholder: Enter password
+  - button "Show password"
+  - paragraph: Helper text describing the field.
+  - alert: Please enter a valid value.
+"error": |
+  - text: Field label
+  - textbox "Field label" [invalid]:
+    - /placeholder: Enter password
+  - button "Show password"
+  - paragraph: Helper text describing the field.
+  - alert: Please enter a valid value.
+"field": |
+  - text: Field label
+  - textbox "Field label" [invalid]:
+    - /placeholder: Enter password
+  - button "Show password"
+  - paragraph: Helper text describing the field.
+  - alert: Please enter a valid value.
+"default": |
+  - text: Field label
+  - textbox "Field label" [invalid]:
+    - /placeholder: Enter password
+  - button "Show password"
+  - paragraph: Helper text describing the field.
+  - alert: Please enter a valid value.
+"disabled": |
+  - text: Field label
+  - textbox "Field label" [disabled] [invalid]:
+    - /placeholder: Enter password
+  - button "Show password" [disabled]
+  - paragraph: Helper text describing the field.
+  - alert: Please enter a valid value.
+"label": |
+  - text: Field label
+  - textbox "Field label" [invalid]:
+    - /placeholder: Enter password
+  - button "Show password"
+  - paragraph: Helper text describing the field.
+  - alert: Please enter a valid value.
+"hint": |
+  - text: Field label
+  - textbox "Field label" [invalid]:
+    - /placeholder: Enter password
+  - button "Show password"
+  - paragraph: Helper text describing the field.
+  - alert: Please enter a valid value.
+"focused (password, Error off)": |
+  - text: Field label
+  - textbox "Field label":
+    - /placeholder: Enter password
+  - button "Show password"
+  - paragraph: Helper text describing the field.
+"disabled (password, Error off)": |
+  - text: Field label
+  - textbox "Field label" [disabled]:
+    - /placeholder: Enter password
+  - button "Show password" [disabled]
+  - paragraph: Helper text describing the field.

package/src/testing-js/__aria__/menuselect.yml

@@ -0,0 +1,30 @@
+"menu": |
+  - listbox "Options":
+    - option "Option one"
+    - option "Option two"
+    - option "Option three"
+    - option "Option four" [disabled]
+"default item": |
+  - listbox "Options":
+    - option "Option one"
+    - option "Option two"
+    - option "Option three"
+    - option "Option four" [disabled]
+"hover item": |
+  - listbox "Options":
+    - option "Option one"
+    - option "Option two"
+    - option "Option three"
+    - option "Option four" [disabled]
+"selected item": |
+  - listbox "Options":
+    - option "Option one"
+    - option "Option two" [selected]
+    - option "Option three"
+    - option "Option four" [disabled]
+"disabled item": |
+  - listbox "Options":
+    - option "Option one"
+    - option "Option two"
+    - option "Option three"
+    - option "Option four" [disabled]

package/src/testing-js/__aria__/notification.yml

@@ -0,0 +1,30 @@
+"Info": |
+  - text: Information
+  - button "Action"
+  - button "Dismiss"
+  - text: This is an informational message to keep you updated.
+"Success": |
+  - text: Success
+  - button "Action"
+  - button "Dismiss"
+  - text: Your action was completed successfully.
+"Warning": |
+  - text: Warning
+  - button "Action"
+  - button "Dismiss"
+  - text: "Caution: This action may have unintended consequences."
+"Danger": |
+  - text: Danger
+  - button "Action"
+  - button "Dismiss"
+  - text: "Critical error: Please address this issue immediately."
+"Info / base": |
+  - text: Information
+  - button "Action"
+  - button "Dismiss"
+  - text: This is an informational message to keep you updated.
+"Info / colors": |
+  - text: Information
+  - button "Action"
+  - button "Dismiss"
+  - text: This is an informational message to keep you updated.

package/src/testing-js/__aria__/panel.yml

@@ -0,0 +1,2 @@
+"preview": |
+  - text: Content Placeholder

package/src/testing-js/__aria__/progressbar.yml

@@ -0,0 +1,2 @@
+"preview": |
+  - text: Loading 75%

package/src/testing-js/__aria__/radiobutton.yml

@@ -0,0 +1,20 @@
+"preview": |
+  - radiogroup "Priority":
+    - radio "Defense"
+    - radio "Economy" [checked]
+    - radio "Loyalty"
+"hover": |
+  - radiogroup "Priority":
+    - radio "Defense"
+    - radio "Economy" [checked]
+    - radio "Loyalty"
+"selected": |
+  - radiogroup "Priority":
+    - radio "Defense" [checked]
+    - radio "Economy" [checked]
+    - radio "Loyalty" [checked]
+"default": |
+  - radiogroup "Priority":
+    - radio "Defense"
+    - radio "Economy" [checked]
+    - radio "Loyalty"

package/src/testing-js/__aria__/sectiondivider.yml

@@ -0,0 +1,9 @@
+"Large (Show description on, Show eyebrow on)": |
+  - text: Section Eyebrow Large Section
+  - paragraph: This text is meant to provide additional context or meaning.
+"Medium (Show description on, Show eyebrow on)": |
+  - text: Section Eyebrow Medium Section
+  - paragraph: This text is meant to provide additional context or meaning.
+"Small (Show description on, Show eyebrow on)": |
+  - text: Section Eyebrow Small Section
+  - paragraph: This text is meant to provide additional context or meaning.

package/src/testing-js/__aria__/segmentedcontrol.yml

@@ -0,0 +1,35 @@
+"control bar": |
+  - radiogroup:
+    - radio "Option 1"
+    - radio "Option 2"
+    - radio "Option 3"
+"option base": |
+  - radiogroup:
+    - radio "Option 1"
+    - radio "Option 2"
+    - radio "Option 3"
+"default option": |
+  - radiogroup:
+    - radio "Option 1"
+    - radio "Option 2"
+    - radio "Option 3"
+"selected option": |
+  - radiogroup:
+    - radio "Option 1"
+    - radio "Option 2" [checked]
+    - radio "Option 3"
+"disabled option": |
+  - radiogroup:
+    - radio "Option 1" [disabled]
+    - radio "Option 2" [disabled]
+    - radio "Option 3" [disabled]
+"hover option": |
+  - radiogroup:
+    - radio "Option 1"
+    - radio "Option 2"
+    - radio "Option 3"
+"selected option (small)": |
+  - radiogroup:
+    - radio "Option 1"
+    - radio "Option 2" [checked]
+    - radio "Option 3"