ariadne_view_components 0.0.94.6 → 0.0.95

data/app/components/ariadne/ui/banner/component.rb

@@ -107,15 +107,15 @@ module Ariadne
         style do
           base do
             [
-              "ariadne-border",
-              "ariadne-pointer-events-auto",
-              "ariadne-overflow-hidden",
-              "ariadne-rounded-lg",
-              "ariadne-shadow-lg",
-              "ariadne-ring-1",
-              "ariadne-ring-slate-950",
-              "ariadne-ring-opacity-5",
-              "ariadne-z-50",
+              "ariadne:border",
+              "ariadne:pointer-events-auto",
+              "ariadne:overflow-hidden",
+              "ariadne:rounded-lg",
+              "ariadne:shadow-lg",
+              "ariadne:ring-1",
+              "ariadne:ring-slate-950",
+              "ariadne:ring-opacity-5",
+              "ariadne:z-50",
             ]
           end
 
@@ -123,14 +123,14 @@ module Ariadne
             width do
               base do
                 [
-                  "ariadne-w-full",
-                  "ariadne-max-w-lg",
+                  "ariadne:w-full",
+                  "ariadne:max-w-lg",
                 ]
               end
 
               full do
                 [
-                  "ariadne-w-full",
+                  "ariadne:w-full",
                 ]
               end
             end
@@ -141,26 +141,26 @@ module Ariadne
               end
               danger do
                 [
-                  "ariadne-border-danger",
-                  "ariadne-bg-red-50",
+                  "ariadne:border-danger",
+                  "ariadne:bg-red-50",
                 ]
               end
               warning do
                 [
-                  "ariadne-border-warning",
-                  "ariadne-bg-yellow-50",
+                  "ariadne:border-warning",
+                  "ariadne:bg-yellow-50",
                 ]
               end
               info do
                 [
-                  "ariadne-border-info",
-                  "ariadne-bg-blue-50",
+                  "ariadne:border-info",
+                  "ariadne:bg-blue-50",
                 ]
               end
               success do
                 [
-                  "ariadne-border-success",
-                  "ariadne-bg-green-50",
+                  "ariadne:border-success",
+                  "ariadne:bg-green-50",
                 ]
               end
             end
@@ -172,22 +172,22 @@ module Ariadne
             scheme do
               danger do
                 [
-                  "ariadne-text-red-700",
+                  "ariadne:text-red-700",
                 ]
               end
               warning do
                 [
-                  "ariadne-text-yellow-700",
+                  "ariadne:text-yellow-700",
                 ]
               end
               info do
                 [
-                  "ariadne-text-blue-700",
+                  "ariadne:text-blue-700",
                 ]
               end
               success do
                 [
-                  "ariadne-text-green-700",
+                  "ariadne:text-green-700",
                 ]
               end
             end
@@ -199,22 +199,22 @@ module Ariadne
             scheme do
               danger do
                 [
-                  "ariadne-text-red-700",
+                  "ariadne:text-red-700",
                 ]
               end
               warning do
                 [
-                  "ariadne-text-yellow-700",
+                  "ariadne:text-yellow-700",
                 ]
               end
               info do
                 [
-                  "ariadne-text-blue-700",
+                  "ariadne:text-blue-700",
                 ]
               end
               success do
                 [
-                  "ariadne-text-green-700",
+                  "ariadne:text-green-700",
                 ]
               end
             end

data/app/components/ariadne/ui/blankslate/component.html.erb

@@ -1,12 +1,12 @@
-<div class="ariadne-grow ariadne-flex ariadne-flex-col ariadne-justify-center ariadne-items-center ariadne-gap-1">
+<div class="ariadne:grow ariadne:flex ariadne:flex-col ariadne:justify-center ariadne:items-center ariadne:gap-1">
   <%= visual_heroicon %>
-  <div class="ariadne-pt-5">
+  <div class="ariadne:pt-5">
     <%= render(Ariadne::UI::Typography::Component.new(type: :ann)) { title } %>
   </div>
-  <div class="ariadne-space-y-2">
+  <div class="ariadne:space-y-2">
     <%= render(Ariadne::UI::Typography::Component.new(type: :lede)) { description } %>
   </div>
-  <div class="ariadne-mx-auto ariadne-flow-root ariadne-max-w-lg ">
+  <div class="ariadne:mx-auto ariadne:flow-root ariadne:max-w-lg ">
     <%= content %>
   </div>
 </div>

data/app/components/ariadne/ui/button/component.rb

@@ -101,23 +101,23 @@ module Ariadne
         style do
           base do
             [
-              "ariadne-inline-flex",
-              "ariadne-items-center",
-              "ariadne-justify-center",
-              "[&>svg:not(.heroicon)]:ariadne-fill-current",
-              "ariadne-gap-x-1.5",
-              "ariadne-rounded",
-              "ariadne-px-2",
-              # "ariadne-py-1",
-              "ariadne-font-semibold",
-              "ariadne-shadow-sm",
-              "ariadne-text-black",
-              "focus-visible:ariadne-outline",
-              "focus-visible:ariadne-outline-2",
-              "focus-visible:ariadne-outline-offset-2",
-
-              "disabled:ariadne-border-transparent",
-              "disabled:ariadne-cursor-not-allowed",
+              "ariadne:inline-flex",
+              "ariadne:items-center",
+              "ariadne:justify-center",
+              "ariadne:[&>svg:not(.heroicon)]:fill-current",
+              "ariadne:gap-x-1.5",
+              "ariadne:rounded",
+              "ariadne:px-2",
+              # "ariadne:py-1",
+              "ariadne:font-semibold",
+              "ariadne:shadow-sm",
+              "ariadne:text-black",
+              "ariadne:focus-visible:outline",
+              "ariadne:focus-visible:outline-2",
+              "ariadne:focus-visible:outline-offset-2",
+
+              "ariadne:disabled:border-transparent",
+              "ariadne:disabled:cursor-not-allowed",
             ]
           end
 
@@ -125,72 +125,74 @@ module Ariadne
             scheme do
               primary do
                 [
-                  "ariadne-bg-primary",
-                  "ariadne-text-primary-foreground",
+                  "ariadne:bg-primary",
+                  "ariadne:text-primary-foreground",
 
-                  "hover:enabled:ariadne-bg-primary/90",
+                  "ariadne:hover:enabled:bg-primary/90",
 
-                  "disabled:ariadne-opacity-50",
+                  "ariadne:disabled:opacity-50",
                 ]
               end
 
               secondary do
                 [
-                  "ariadne-text-black",
-                  "ariadne-bg-zinc-100",
+                  "ariadne:text-black",
+                  "ariadne:bg-zinc-100",
 
-                  "hover:ariadne-bg-zinc-300/20",
-                  "active:ariadne-bg-zinc-200/80",
+                  "ariadne:hover:bg-zinc-300/20",
+                  "ariadne:active:bg-zinc-200/80",
 
-                  "dark:ariadne-text-slate-100",
-                  "dark:ariadne-bg-zinc-900",
+                  "ariadne:dark:text-slate-100",
+                  "ariadne:dark:bg-zinc-900",
                   "dark:ariadne-hover:bg-zinc-800/80",
-                  "dark:active:ariadne-bg-zinc-700/20",
+                  "ariadne:dark:active:bg-zinc-700/20",
                 ]
               end
 
               outline do
                 [
-                  "ariadne-border",
-                  "ariadne-border-input",
-                  "ariadne-bg-background",
-                  "hover:ariadne-bg-accent",
-                  "hover:ariadne-text-accent-foreground",
+                  "ariadne:border",
+                  "ariadne:border-input",
+                  "ariadne:bg-background",
+                  "ariadne:hover:bg-accent",
+                  "ariadne:hover:text-accent-foreground",
+                  "ariadne:text-black",
+                  "ariadne:dark:text-white",
                 ]
               end
 
               nude do
                 [
-                  "ariadne-text-black",
-                  "dark:ariadne-text-white",
-                  "ariadne-shadow-none",
-
-                  "hover:ariadne-bg-zinc-200/20",
-                  "active:ariadne-bg-zinc-500/10",
-                  "active:ariadne-border-transparent",
-                  "dark:hover:ariadne-bg-zinc-600/20",
-                  "dark:active:ariadne-bg-zinc-500/10",
+                  "ariadne:text-black",
+                  "ariadne:dark:text-white",
+                  "ariadne:shadow-none",
+
+                  "ariadne:hover:bg-zinc-200/20",
+                  "ariadne:active:bg-zinc-500/10",
+                  "ariadne:active:border-transparent",
+                  "ariadne:dark:hover:bg-zinc-600/20",
+                  "ariadne:dark:active:bg-zinc-500/10",
                 ]
               end
 
               danger do
                 [
-                  "ariadne-border",
-                  "ariadne-border-solid",
-                  "ariadne-border-red-600",
-                  "ariadne-bg-transparent",
-                  "ariadne-text-red-600",
-                  "hover:ariadne-bg-red-500",
-                  "hover:ariadne-text-white",
-                  "active:ariadne-text-white",
-                  "active:ariadne-bg-red-600",
-                  "dark:active:ariadne-bg-red-400",
+                  "ariadne:border",
+                  "ariadne:border-solid",
+                  "ariadne:border-red-600",
+                  "ariadne:bg-transparent",
+                  "ariadne:text-red-600",
+                  "ariadne:hover:bg-red-500",
+                  "ariadne:hover:text-white",
+                  "ariadne:active:text-white",
+                  "ariadne:active:bg-red-600",
+                  "ariadne:dark:active:bg-red-400",
                 ]
               end
 
               none do
                 [
-                  "ariadne-shadow-none",
+                  "ariadne:shadow-none",
                 ]
               end
             end
@@ -198,50 +200,50 @@ module Ariadne
             size do
               xs do
                 [
-                  "ariadne-text-xs",
-                  "[&>svg:not(.heroicon)]:ariadne-size-4",
-                  "ariadne-p-1",
+                  "ariadne:text-xs",
+                  "ariadne:[&>svg:not(.heroicon)]:size-4",
+                  "ariadne:p-1",
                 ]
               end
 
               sm do
                 [
-                  "ariadne-text-sm",
-                  "ariadne-leading-5",
-                  "[&>svg:not(.heroicon)]:ariadne-size-5",
-                  "ariadne-py-1",
+                  "ariadne:text-sm",
+                  "ariadne:leading-5",
+                  "ariadne:[&>svg:not(.heroicon)]:size-5",
+                  "ariadne:py-1",
                 ]
               end
 
               md do
                 [
-                  "ariadne-rounded-md",
-                  "ariadne-px-2.5",
-                  "ariadne-py-1.5",
-                  "ariadne-text-base",
-                  "ariadne-leading-7",
-                  "[&>svg:not(.heroicon)]:ariadne-size-6",
+                  "ariadne:rounded-md",
+                  "ariadne:px-2.5",
+                  "ariadne:py-1.5",
+                  "ariadne:text-base",
+                  "ariadne:leading-7",
+                  "ariadne:[&>svg:not(.heroicon)]:size-6",
                 ]
               end
 
               lg do
                 [
-                  "ariadne-rounded-md",
-                  "ariadne-px-3",
-                  "ariadne-py-2",
-                  "ariadne-text-lg",
-                  "ariadne-leading-8",
-                  "[&>svg:not(.heroicon)]:ariadne-size-10",
+                  "ariadne:rounded-md",
+                  "ariadne:px-3",
+                  "ariadne:py-2",
+                  "ariadne:text-lg",
+                  "ariadne:leading-8",
+                  "ariadne:[&>svg:not(.heroicon)]:size-10",
                 ]
               end
 
               xl do
                 [
-                  "ariadne-rounded-md",
-                  "ariadne-px-3.5",
-                  "ariadne-py-2.5",
-                  "ariadne-text-xl",
-                  "ariadne-leading-10",
+                  "ariadne:rounded-md",
+                  "ariadne:px-3.5",
+                  "ariadne:py-2.5",
+                  "ariadne:text-xl",
+                  "ariadne:leading-10",
                   "[&>svg:not(.heroicon)]:ariadne-size-12ß",
                 ]
               end
@@ -249,7 +251,7 @@ module Ariadne
 
             width do
               narrow {}
-              full { "ariadne-w-full" }
+              full { "ariadne:w-full" }
             end
           end
         end

data/app/components/ariadne/ui/card/body/component.rb

@@ -13,8 +13,8 @@ module Ariadne
           style do
             base do
               [
-                "ariadne-p-6",
-                "ariadne-pt-0",
+                "ariadne:p-6",
+                "ariadne:pt-0",
               ]
             end
           end

data/app/components/ariadne/ui/card/component.html.erb

@@ -1,6 +1,6 @@
 <div class="<%= html_attrs[:class] %>" <%= html_attributes %>>
   <% if href.present? %>
-    <%= render(Ariadne::UI::Link::Component.new(href: href, theme: :none, html_attrs: { class: "ariadne-w-full ariadne-h-full"})) do %>
+    <%= render(Ariadne::UI::Link::Component.new(href: href, theme: :none, html_attrs: { class: "ariadne:w-full ariadne:h-full"})) do %>
       <%= header %>
       <%= body %>
       <%= footer %>

data/app/components/ariadne/ui/card/component.rb

@@ -24,11 +24,11 @@ module Ariadne
         style do
           base do
             [
-              "ariadne-rounded-xl",
-              "ariadne-border",
-              "ariadne-bg-card",
-              "ariadne-text-card-foreground",
-              "ariadne-shadow",
+              "ariadne:rounded-xl",
+              "ariadne:border",
+              "ariadne:bg-card",
+              "ariadne:text-card-foreground",
+              "ariadne:shadow",
             ]
           end
 
@@ -40,11 +40,11 @@ module Ariadne
 
               yes do
                 [
-                  "hover:ariadne-shadow-md",
-                  "hover:ariadne-border-indigo-600",
-                  "dark:hover:ariadne-border-indigo-400",
-                  "hover:ariadne-bg-foreground-700/10",
-                  "dark:hover:ariadne-bg-foreground-300/10",
+                  "ariadne:hover:shadow-md",
+                  "ariadne:hover:border-indigo-600",
+                  "ariadne:dark:hover:border-indigo-400",
+                  "ariadne:hover:bg-foreground-700/10",
+                  "ariadne:dark:hover:bg-foreground-300/10",
                 ]
               end
             end

data/app/components/ariadne/ui/card/footer/component.rb

@@ -13,10 +13,10 @@ module Ariadne
           style do
             base do
               [
-                "ariadne-flex",
-                "ariadne-items-center",
-                "ariadne-p-6",
-                "ariadne-pt-0",
+                "ariadne:flex",
+                "ariadne:items-center",
+                "ariadne:p-6",
+                "ariadne:pt-0",
               ]
             end
           end

data/app/components/ariadne/ui/card/header/component.rb

@@ -20,10 +20,10 @@ module Ariadne
           style do
             base do
               [
-                "ariadne-flex",
-                "ariadne-flex-col",
-                "ariadne-space-y-1.5",
-                "ariadne-p-6",
+                "ariadne:flex",
+                "ariadne:flex-col",
+                "ariadne:space-y-1.5",
+                "ariadne:p-6",
               ]
             end
           end
@@ -31,9 +31,9 @@ module Ariadne
           style(:title) do
             base do
               [
-                "ariadne-font-semibold",
-                "ariadne-leading-none",
-                "ariadne-tracking-tight",
+                "ariadne:font-semibold",
+                "ariadne:leading-none",
+                "ariadne:tracking-tight",
               ]
             end
           end
@@ -42,7 +42,7 @@ module Ariadne
             base do
               [
                 "araidne-text-sm",
-                "ariadne-text-muted-foreground",
+                "ariadne:text-muted-foreground",
               ]
             end
           end

data/app/components/ariadne/ui/clipboard_copy/component.html.erb

@@ -3,7 +3,7 @@
     <%= content %>
   <% else %>
     <%= render Ariadne::UI::Heroicon::Component.new(icon: :"document-duplicate", variant: HeroiconsHelper::Icon::VARIANT_OUTLINE, html_attrs: { data: { "ariadne-ui-clipboard-copy-target" => "initial" }}) %>
-    <%= render Ariadne::UI::Heroicon::Component.new(icon: :check, variant: HeroiconsHelper::Icon::VARIANT_OUTLINE, html_attrs: { class: "ariadne-text-green-600 ariadne-hidden", data: { "ariadne-ui-clipboard-copy-target" => "confirmed" }}) %>
+    <%= render Ariadne::UI::Heroicon::Component.new(icon: :check, variant: HeroiconsHelper::Icon::VARIANT_OUTLINE, html_attrs: { class: "ariadne:text-green-600 ariadne:hidden", data: { "ariadne-ui-clipboard-copy-target" => "confirmed" }}) %>
   <% end %>
 </clipboard-copy>
-  <div aria-live="polite" aria-atomic="true" class="ariadne-sr-only" data-clipboard-copy-feedback></div>
+  <div aria-live="polite" aria-atomic="true" class="ariadne:sr-only" data-clipboard-copy-feedback></div>

data/app/components/ariadne/ui/clipboard_copy/component.rb

@@ -35,8 +35,8 @@ module Ariadne
 
           html_attrs[:class] = merge_tailwind_classes([style(size:), html_attrs[:class]].join(" "))
 
-          html_attrs[:data]["#{stimulus_name}-hidden-class-value"] = "ariadne-hidden"
-          html_attrs[:data]["#{stimulus_name}-show-class-value"] = "ariadne-inline-block"
+          html_attrs[:data]["#{stimulus_name}-hidden-class-value"] = "ariadne:hidden"
+          html_attrs[:data]["#{stimulus_name}-show-class-value"] = "ariadne:inline-block"
 
           html_attrs
         end
@@ -57,9 +57,9 @@ module Ariadne
         style do
           base do
             [
-              "ariadne-inline-flex",
-              "ariadne-items-center",
-              "ariadne-justify-center",
+              "ariadne:inline-flex",
+              "ariadne:items-center",
+              "ariadne:justify-center",
             ]
           end
 
@@ -67,34 +67,34 @@ module Ariadne
             size do
               xs do
                 [
-                  "ariadne-gap-0.5",
-                  "ariadne-text-xs-md",
-                  "ariadne-rounded",
-                  "[&>svg]:ariadne-size-3",
+                  "ariadne:gap-0.5",
+                  "ariadne:text-xs-md",
+                  "ariadne:rounded",
+                  "ariadne:[&>svg]:size-3",
                 ]
               end
               sm do
                 [
-                  "ariadne-gap-0.5",
-                  "ariadne-px-1",
-                  "ariadne-text-sm-md",
-                  "ariadne-rounded",
-                  "[&>svg]:ariadne-size-4",
+                  "ariadne:gap-0.5",
+                  "ariadne:px-1",
+                  "ariadne:text-sm-md",
+                  "ariadne:rounded",
+                  "ariadne:[&>svg]:size-4",
                 ]
               end
               md do
                 [
-                  "ariadne-gap-1",
-                  "ariadne-text-base",
-                  "ariadne-rounded-lg",
-                  "[&>svg]:ariadne-size-5",
+                  "ariadne:gap-1",
+                  "ariadne:text-base",
+                  "ariadne:rounded-lg",
+                  "ariadne:[&>svg]:size-5",
                 ]
               end
               lg do
-                ["ariadne-gap-1", "ariadne-text-lg", "ariadne-rounded-lg"]
+                ["ariadne:gap-1", "ariadne:text-lg", "ariadne:rounded-lg"]
               end
               xl do
-                ["ariadne-gap-1", "ariadne-text-xl", "ariadne-rounded-xl"]
+                ["ariadne:gap-1", "ariadne:text-xl", "ariadne:rounded-xl"]
               end
             end
           end

data/app/components/ariadne/ui/color_dot/component.html.erb

@@ -1,5 +1,5 @@
 <span class="<%= style(size:) %>">
-  <span class="ariadne-px-0.5 ariadne-p-1 ariadne-shrink-0">
+  <span class="ariadne:px-0.5 ariadne:p-1 ariadne:shrink-0">
     <svg class="<%= style(:svg, size:) %>" viewBox="0 0 1 1" xmlns="http://www.w3.org/2000/svg">
       <circle cx="0.5" cy="0.5" r="0.5" fill="#<%= color %>" />
       </svg>

data/app/components/ariadne/ui/color_dot/component.rb

@@ -20,19 +20,19 @@ module Ariadne
         style do
           base do
             [
-              "ariadne-inline-flex",
-              "ariadne-items-center",
-              "ariadne-truncate",
+              "ariadne:inline-flex",
+              "ariadne:items-center",
+              "ariadne:truncate",
             ]
           end
 
           variants do
             size do
-              xs { "ariadne-ps-0.5" }
-              sm { "ariadne-ps-0.5" }
-              md { "ariadne-ps-1" }
-              lg { "ariadne-ps-1" }
-              xl { "ariadne-ps-1" }
+              xs { "ariadne:ps-0.5" }
+              sm { "ariadne:ps-0.5" }
+              md { "ariadne:ps-1" }
+              lg { "ariadne:ps-1" }
+              xl { "ariadne:ps-1" }
             end
           end
         end
@@ -40,11 +40,11 @@ module Ariadne
         style :svg do
           variants do
             size do
-              xs { "ariadne-size-2" }
-              sm { "ariadne-size-2.5" }
-              md { "ariadne-size-3" }
-              lg { "ariadne-size-3" }
-              xl { "ariadne-ps-1" }
+              xs { "ariadne:size-2" }
+              sm { "ariadne:size-2.5" }
+              md { "ariadne:size-3" }
+              lg { "ariadne:size-3" }
+              xl { "ariadne:ps-1" }
             end
           end
         end

data/app/components/ariadne/ui/combobox/component.html.erb

@@ -1,5 +1,5 @@
-<details class="ariadne-inline" <%= html_attrs.to_html %>>
-  <summary class="ariadne-list-none ariadne-rounded" data-<%= stimulus_name %>-target="button" data-action="click-><%= stimulus_name %>#toggle">
+<details class="ariadne:inline" <%= html_attrs.to_html %>>
+  <summary class="ariadne:list-none ariadne:rounded" data-<%= stimulus_name %>-target="button" data-action="click-><%= stimulus_name %>#toggle">
     <%= reveal_button %>
   </summary>
   <details-menu