ariadne_view_components 0.0.3 → 0.0.6

data/static/arguments.yml

@@ -12,8 +12,34 @@
     description: One of `:button`, `:reset`, or `:submit`.
   - name: size
     type: Symbol
-    default: "`:m`"
-    description: One of `:l`, `:m`, `:s`, `:xl`, or `:xs`.
+    default: "`:md`"
+    description: One of `:lg`, `:md`, `:sm`, `:xl`, or `:xs`.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Blankslate
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/blankslate_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:div`"
+    description: The rendered tag name
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Body
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/body_component.rb
+  parameters:
   - name: classes
     type: String
     default: '`""`'
@@ -29,6 +55,10 @@
     type: Symbol
     default: "`:button`"
     description: One of `:a`, `:button`, or `:summary`.
+  - name: type
+    type: Symbol
+    default: "`:button`"
+    description: One of `:button`, `:reset`, or `:submit`.
   - name: scheme
     type: Symbol
     default: "`:default`"
@@ -36,10 +66,10 @@
   - name: size
     type: Symbol
     default: "`BaseButton::DEFAULT_SIZE`"
-    description: One of `:l`, `:m`, `:s`, `:xl`, or `:xs`.
+    description: One of `:lg`, `:md`, `:sm`, `:xl`, or `:xs`.
   - name: type
     type: Symbol
-    default: N/A
+    default: "`:button`"
     description: One of `:button`, `:reset`, or `:submit`.
   - name: classes
     type: String
@@ -64,6 +94,10 @@
     type: String
     default: '`""`'
     description: Text to copy into the users clipboard when they click the component.
+  - name: for_id
+    type: String
+    default: "`nil`"
+    description: If `value` is not provided, the element with this id will be copied.
   - name: aria_label
     type: String
     default: '`""`'
@@ -73,6 +107,32 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
+- component: Comment
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/comment_component.rb
+  parameters:
+  - name: action
+    type: String
+    default: N/A
+    description: The action to take when the form is submitted.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Container
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/container_component.rb
+  parameters:
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
 - component: Counter
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/counter_component.rb
   parameters:
@@ -137,6 +197,58 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
+- component: Flex
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/flex_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:div`"
+    description: The rendered tag name.
+  - name: type
+    type: Symbol
+    default: N/A
+    description: One of `:column`, `:column_reverse`, `:row`, or `:row_reverse`.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Footer
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/footer_component.rb
+  parameters:
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Grid
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/grid_component.rb
+  parameters:
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Header
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/header_component.rb
+  parameters:
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
 - component: Heading
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/heading_component.rb
   parameters:
@@ -173,12 +285,20 @@
     description: One of `outline` and `solid`.
   - name: size
     type: Symbol
-    default: "`:small`"
-    description: One of `:small` (`16`) and `:medium` (`24`).
+    default: "`:sm`"
+    description: One of `:sm` (`16`), `:md` (`24`), or `:lg` (`128`).
   - name: attributes
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
+  - name: text_classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: text_attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
 - component: Image
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/image_component.rb
   parameters:
@@ -186,10 +306,6 @@
     type: Symbol, String
     default: "`:img`"
     description: The rendered tag name
-  - name: classes
-    type: String
-    default: '`""`'
-    description: "[Classes and attributes](/classes-attributes)"
   - name: src
     type: String
     default: N/A
@@ -202,6 +318,120 @@
     type: Boolean
     default: "`false`"
     description: Whether or not to lazily load the image.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: InlineFlex
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/inline_flex_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:span`"
+    description: The rendered tag name
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Link
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/link_component.rb
+  parameters:
+  - name: tag
+    type: String
+    default: "`:a`"
+    description: One of `:a` and `:span`.
+  - name: href
+    type: String
+    default: N/A
+    description: URL to be used for the link.
+  - name: actionable
+    type: Boolean
+    default: "`false`"
+    description: If true, adds additional classes to the link to make it more aware.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: List
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/list_component.rb
+  parameters:
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Main
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/main_component.rb
+  parameters:
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Pill
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/pill_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:span`"
+    description: The rendered tag name.
+  - name: color
+    type: String
+    default: N/A
+    description: The hex color of the pill.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Slideover
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/slideover_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:div`"
+    description: The rendered tag name.
+  - name: direction
+    type: Symbol
+    default: N/A
+    description: One of `:xl` and `:yd`.
+  - name: form_id
+    type: String
+    default: "`nil`"
+    description: The ID of any <form> tag to submit when the button is clicked.
+  - name: open_text
+    type: String
+    default: '`"Open"`'
+    description: The text to use to open the slideover.
+  - name: close_text
+    type: String
+    default: '`"Close"`'
+    description: The text to use to close the slideover.
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
   - name: attributes
     type: Hash
     default: "`{}`"
@@ -221,26 +451,69 @@
     type: Hash
     default: "`{}`"
     description: "[Classes and attributes](/classes-attributes)"
+- component: TimeAgo
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/time_ago_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:time-ago`"
+    description: The rendered tag name.
+  - name: time
+    type: Time
+    default: N/A
+    description: The time to be formatted
+  - name: micro
+    type: Boolean
+    default: "`false`"
+    description: If true then the text will be formatted in "micro" mode, using as
+      few characters as possible
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "<%= link_to_classes_docs %>"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
+- component: Timeline
+  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/timeline_component.rb
+  parameters:
+  - name: tag
+    type: Symbol, String
+    default: "`:div`"
+    description: The rendered tag name
+  - name: classes
+    type: String
+    default: '`""`'
+    description: "[Classes and attributes](/classes-attributes)"
+  - name: attributes
+    type: Hash
+    default: "`{}`"
+    description: "[Classes and attributes](/classes-attributes)"
 - component: Tooltip
   source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tooltip_component.rb
   parameters:
   - name: tag
     type: Symbol, String
-    default: '`:"tool-tip"`'
+    default: "`:tooltip`"
     description: The rendered tag name
-  - name: type
-    type: Symbol
-    default: "`:description`"
-    description: One of `:description` and `:label`.
+  - name: for_id
+    type: String
+    default: N/A
+    description: The ID of the element that the tooltip should be attached to.
   - name: text
     type: String
     default: N/A
     description: The text content of the tooltip. This should be brief and no longer
       than a sentence.
+  - name: type
+    type: Symbol
+    default: "`:description`"
+    description: One of `:description` and `:label`.
   - name: direction
     type: Symbol
-    default: "`:s`"
-    description: One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`.
+    default: "`:top`"
+    description: One of `:bottom`, `:left`, `:right`, or `:top`.
   - name: classes
     type: String
     default: '`""`'

data/static/audited_at.json

@@ -1,14 +1,32 @@
 {
   "Ariadne::BaseButton": "",
   "Ariadne::BaseComponent": "",
+  "Ariadne::BlankslateComponent": "",
+  "Ariadne::BodyComponent": "",
   "Ariadne::ButtonComponent": "",
   "Ariadne::ClipboardCopyComponent": "",
+  "Ariadne::CommentComponent": "",
+  "Ariadne::ContainerComponent": "",
   "Ariadne::Content": "",
   "Ariadne::CounterComponent": "",
   "Ariadne::FlashComponent": "",
+  "Ariadne::FlexComponent": "",
+  "Ariadne::FooterComponent": "",
+  "Ariadne::GridComponent": "",
+  "Ariadne::GridComponent::Item": "",
+  "Ariadne::HeaderComponent": "",
   "Ariadne::HeadingComponent": "",
   "Ariadne::HeroiconComponent": "",
   "Ariadne::ImageComponent": "",
+  "Ariadne::InlineFlexComponent": "",
+  "Ariadne::LinkComponent": "",
+  "Ariadne::ListComponent": "",
+  "Ariadne::ListComponent::Item": "",
+  "Ariadne::MainComponent": "",
+  "Ariadne::PillComponent": "",
+  "Ariadne::SlideoverComponent": "",
   "Ariadne::Text": "",
+  "Ariadne::TimeAgoComponent": "",
+  "Ariadne::TimelineComponent": "",
   "Ariadne::TooltipComponent": ""
 }

data/static/classes.yml

@@ -1,23 +1,77 @@
 ---
+- ".-"
+- ".-m-0.5"
+- ".-mb-8"
+- ".-mr-px"
 - ".-mx-1.5"
 - ".-mx-2"
 - ".-my-1.5"
+- ".a"
+- ".absolute"
+- ".all"
+- ".alt:"
+- ".and"
+- ".antialiased"
+- ".as"
+- ".attributes:"
+- ".bell"
+- ".bg-billy-purple"
 - ".bg-blue-50"
+- ".bg-button-bg-color"
+- ".bg-filter-panel"
 - ".bg-gray-600"
 - ".bg-green-50"
+- ".bg-purple-50"
 - ".bg-red-50"
+- ".bg-slate-900"
+- ".bg-state-closed"
+- ".bg-state-open"
 - ".bg-white"
 - ".bg-yellow-50"
+- ".billion:"
+- ".block"
+- ".bold"
+- ".bold-button-0"
 - ".border"
+- ".border-b"
+- ".border-billy-purple"
+- ".border-black"
 - ".border-blue-300"
 - ".border-gray-300"
 - ".border-green-300"
+- ".border-purple-300"
 - ".border-red-300"
+- ".border-state-closed"
+- ".border-state-open"
 - ".border-transparent"
 - ".border-yellow-300"
+- ".button-with-tooltip"
+- ".check"
+- ".chevron-down"
+- ".classes:"
+- ".clipboard"
+- ".clipboard-copy-component"
+- ".clock"
 - ".color-fg-success"
+- ".cursor-pointer"
+- ".decoration-double"
+- ".divide-gray-200"
+- ".divide-gray-300"
+- ".divide-y"
+- ".dots-horizontal"
+- ".duration-500"
+- ".fill-billy-purple"
+- ".fill-state-closed"
+- ".fill-state-open"
 - ".flex"
+- ".flex-1"
+- ".flex-auto"
+- ".flex-col"
 - ".flex-shrink-0"
+- ".flow-root"
+- ".focus-visible:outline-2"
+- ".focus-visible:outline-offset-2"
+- ".focus:border-indigo-500"
 - ".focus:outline-none"
 - ".focus:ring-2"
 - ".focus:ring-blue-600"
@@ -27,63 +81,197 @@
 - ".focus:ring-offset-2"
 - ".focus:ring-offset-blue-50"
 - ".focus:ring-offset-green-50"
+- ".focus:ring-offset-purple-50"
 - ".focus:ring-offset-red-50"
 - ".focus:ring-offset-yellow-50"
+- ".focus:ring-purple-500"
+- ".focus:ring-purple-600"
 - ".focus:ring-red-600"
 - ".focus:ring-yellow-600"
 - ".font-bold"
 - ".font-extrabold"
 - ".font-medium"
+- ".font-semibold"
+- ".foo"
+- ".full"
+- ".gap-6"
+- ".grid"
+- ".grid-cols-1"
+- ".group"
+- ".h-10"
+- ".h-full"
+- ".h-screen"
+- ".hidden"
 - ".hover:bg-blue-100"
+- ".hover:bg-button-hover-color"
+- ".hover:bg-gray-100"
 - ".hover:bg-gray-50"
 - ".hover:bg-gray-700"
 - ".hover:bg-green-100"
+- ".hover:bg-purple-100"
 - ".hover:bg-red-100"
+- ".hover:bg-slate-100"
 - ".hover:bg-yellow-100"
+- ".hover:text-button-text-color"
+- ".hover:text-gray-500"
+- ".hover:text-gray-900"
+- ".hover:text-slate-900"
+- ".id:"
+- ".immediately"
+- ".impact"
+- ".information-circle"
+- ".inline-block"
 - ".inline-flex"
+- ".invisible"
+- ".is"
+- ".items-baseline"
 - ".items-center"
+- ".justify-between"
+- ".justify-center"
+- ".justify-end"
 - ".leading-4"
+- ".leading-5"
 - ".leading-7"
+- ".lg:grid-cols-3"
+- ".lg:px-8"
+- ".lg:py-16"
+- ".link"
+- ".list"
+- ".lock-closed"
 - ".m-2"
+- ".m:"
+- ".mail"
+- ".max-w-7xl"
+- ".max-w-xs"
+- ".members"
+- ".menu"
+- ".million:"
+- ".min-h-screen"
 - ".ml-2"
 - ".ml-3"
 - ".mt-2"
 - ".mt-4"
+- ".mt-6"
+- ".mt-8"
+- ".mt-px"
+- ".mx-auto"
+- ".mx-px"
+- ".my-4"
+- ".organization"
+- ".p-0.5"
 - ".p-1"
 - ".p-1.5"
 - ".p-4"
+- ".p-8"
+- ".pb-12"
+- ".pb-2"
+- ".pb-4"
+- ".pencil"
+- ".pl-2"
 - ".pl-3"
+- ".plus-sm"
+- ".pt-2"
 - ".pt-5"
+- ".pt-6"
+- ".pt:"
+- ".px-2"
 - ".px-2.5"
 - ".px-3"
 - ".px-4"
 - ".px-6"
+- ".py-0.5"
+- ".py-1"
 - ".py-1.5"
+- ".py-12"
 - ".py-2"
 - ".py-3"
+- ".py-4"
+- ".py-5"
+- ".question-mark-circle"
+- ".relative"
 - ".rounded"
+- ".rounded-bl-lg"
 - ".rounded-full"
+- ".rounded-lg"
 - ".rounded-m"
 - ".rounded-md"
+- ".scheme:"
+- ".scroll-smooth"
+- ".search"
+- ".secure"
+- ".shadow"
 - ".shadow-sm"
+- ".should"
+- ".sm:grid-cols-2"
+- ".sm:mt-0"
+- ".sm:px-6"
 - ".sm:text-3xl"
-- ".sm:truncate"
+- ".sm:text-4xl"
+- ".sm:text-sm"
 - ".sr-only"
+- ".sticky"
+- ".stroke-billy-purple"
+- ".stroke-state-closed"
+- ".stroke-state-open"
+- ".system"
+- ".take"
+- ".text"
 - ".text-2xl"
 - ".text-3xl"
 - ".text-base"
+- ".text-billy-purple"
+- ".text-black-700"
 - ".text-blue-500"
 - ".text-blue-700"
 - ".text-blue-800"
+- ".text-button-text-color"
+- ".text-center"
+- ".text-gray-500"
 - ".text-gray-700"
+- ".text-gray-800"
 - ".text-gray-900"
+- ".text-green-500"
 - ".text-green-700"
 - ".text-green-800"
+- ".text-lg"
+- ".text-purple-800"
+- ".text-red-500"
 - ".text-red-700"
 - ".text-red-800"
+- ".text-slate-500"
+- ".text-slate-700"
 - ".text-sm"
+- ".text-state-closed"
+- ".text-state-open"
 - ".text-white"
+- ".text-xl"
 - ".text-xs"
+- ".text-yellow-500"
 - ".text-yellow-600"
 - ".text-yellow-700"
 - ".text-yellow-800"
+- ".text:"
+- ".the"
+- ".to"
+- ".tooltip"
+- ".tooltip-arrow"
+- ".tooltip-component"
+- ".top-0"
+- ".tracking-tight"
+- ".transition"
+- ".trash"
+- ".trigger"
+- ".type:"
+- ".underline"
+- ".up"
+- ".vault"
+- ".w-0"
+- ".w-auto"
+- ".w-full"
+- ".whitespace-nowrap"
+- ".width"
+- ".will"
+- ".x"
+- ".z-10"
+- ".z-50"
+- ".z-max"