ariadne_view_components 0.0.6 → 0.0.9

data/static/constants.json

@@ -1,15 +1,15 @@
 {
   "Ariadne::BaseButton": {
-    "DEFAULT_CLASSES": "inline-flex items-center px-4 py-2 text-sm border border-gray-300 shadow-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
+    "DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-border ariadne-shadow-sm focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2",
     "DEFAULT_SIZE": "md",
     "DEFAULT_TAG": "button",
     "DEFAULT_TYPE": "button",
     "SIZE_CLASS_MAPPINGS": {
-      "xs": "inline-flex items-center px-2.5 py-1.5 text-xs font-medium rounded",
-      "sm": "inline-flex items-center px-3 py-2 text-sm leading-4 font-medium rounded-m",
-      "md": "inline-flex items-center px-4 py-2 text-sm font-medium rounded-md",
-      "lg": "inline-flex items-center px-4 py-2 text-base font-medium rounded-md",
-      "xl": "inline-flex items-center px-6 py-3 text-base font-medium rounded-md"
+      "xs": "ariadne-px-2.5 ariadne-py-1.5 ariadne-text-xs ariadne-font-medium ariadne-rounded",
+      "sm": "ariadne-px-3 ariadne-py-2 ariadne-text-sm ariadne-leading-4 ariadne-font-medium ariadne-rounded-m",
+      "md": "ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-rounded-md",
+      "lg": "ariadne-px-4 ariadne-py-2 ariadne-text-base ariadne-font-medium ariadne-rounded-md",
+      "xl": "ariadne-px-6 ariadne-py-3 ariadne-text-base ariadne-font-medium ariadne-rounded-md"
     },
     "TAG_OPTIONS": [
       "button",
@@ -49,7 +49,7 @@
     ]
   },
   "Ariadne::BlankslateComponent": {
-    "DEFAULT_CLASSES": "max-w-7xl mx-auto text-center py-12 px-4 sm:px-6 lg:py-16 lg:px-8",
+    "DEFAULT_CLASSES": "ariadne-text-center",
     "DEFAULT_HEADING_CLASSES": "text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl",
     "DEFAULT_IMAGE_SIZE": 56,
     "DEFAULT_TAG": "div",
@@ -58,19 +58,21 @@
     ]
   },
   "Ariadne::BodyComponent": {
-    "DEFAULT_CLASSES": "flex flex-col min-h-screen"
+    "DEFAULT_CLASSES": "ariadne-flex ariadne-flex-col ariadne-min-h-screen"
   },
   "Ariadne::ButtonComponent": {
     "DEFAULT_SCHEME": "default",
     "LINK_SCHEME": "link",
     "SCHEME_CLASS_MAPPINGS": {
-      "default": "text-purple-800 bg-purple-50 hover:bg-purple-100 border-purple-300 focus:ring-offset-purple-50 focus:ring-purple-600",
-      "info": "text-blue-800 bg-blue-50 hover:bg-blue-100 border-blue-300 focus:ring-offset-blue-50 focus:ring-blue-600",
-      "success": "text-green-800 bg-green-50 hover:bg-green-100 border-green-300 focus:ring-offset-green-50 focus:ring-green-600",
-      "warning": "text-yellow-800 bg-yellow-50 hover:bg-yellow-100 border-yellow-300 focus:ring-offset-yellow-50 focus:ring-yellow-600",
-      "danger": "text-red-800 bg-red-50 hover:bg-red-100 border-red-300 focus:ring-offset-red-50 focus:ring-red-600"
+      "none": "",
+      "default": "ariadne-text-purple-800 ariadne-bg-purple-50 hover:ariadne-bg-purple-100 ariadne-border-purple-300 focus:ariadne-ring-offset-purple-50 focus:ariadne-ring-purple-600",
+      "info": "ariadne-text-blue-800 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 ariadne-border-blue-300 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
+      "success": "ariadne-text-green-800 ariadne-bg-green-50 hover:ariadne-bg-green-100 ariadne-border-green-300 focus:ariadne-ring-offset-green-50 focus:ariadne-ring-green-600",
+      "warning": "ariadne-text-yellow-800 ariadne-bg-yellow-50 hover:ariadne-bg-yellow-100 ariadne-border-yellow-300 focus:ariadne-ring-offset-yellow-50 focus:ariadne-ring-yellow-600",
+      "danger": "ariadne-text-red-800 ariadne-bg-red-50 hover:ariadne-bg-red-100 ariadne-border-red-300 focus:ariadne-ring-offset-red-50 focus:ariadne-ring-red-600"
     },
     "VALID_SCHEMES": [
+      "none",
       "default",
       "info",
       "success",
@@ -90,47 +92,46 @@
       "data-action": "click->clipboard-copy-component#copy mouseover->tooltip-component#show mouseout->tooltip-component#hide",
       "data-tooltip-component-target": "trigger"
     },
-    "DEFAULT_CLASSES": " cursor-pointer underline decoration-double font-semibold hover:text-button-text-color focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500",
+    "DEFAULT_CLASSES": " ariadne-cursor-pointer ariadne-underline ariadne-decoration-double ariadne-font-semibold hover:ariadne-text-button-text-color focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
     "DEFAULT_TAG": "clipboard-copy"
   },
   "Ariadne::CommentComponent": {
-    "DEFAULT_CLASSES": "",
-    "DEFAULT_TAB_CLASSES": "text-gray-500 hover:text-gray-900 bg-white hover:bg-gray-100 px-3 py-1.5 border border-transparent text-sm font-medium rounded-md",
-    "DEFAULT_TAG": "form",
+    "DEFAULT_CLASSES": "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md ",
+    "DEFAULT_TAG": "div",
     "TAG_OPTIONS": [
-      "form"
+      "div"
     ]
   },
   "Ariadne::ContainerComponent": {
-    "DEFAULT_CLASSES": "px-4 sm:px-6 lg:px-8"
+    "DEFAULT_CLASSES": "ariadne-px-4 sm:ariadne-px-6 lg:ariadne-px-8"
   },
   "Ariadne::Content": {
   },
   "Ariadne::CounterComponent": {
-    "DEFAULT_CLASSES": "inline-flex items-center p-1 border border-transparent rounded-full shadow-sm text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500"
+    "DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-p-1 ariadne-border ariadne-border-transparent ariadne-rounded-full ariadne-shadow-sm focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2"
   },
   "Ariadne::FlashComponent": {
     "BG_SCHEME_CLASS_MAPPINGS": {
-      "default": "bg-blue-50",
-      "info": "bg-blue-50",
-      "success": "bg-green-50",
-      "warning": "bg-yellow-50",
-      "danger": "bg-red-50"
+      "default": "ariadne-bg-blue-50",
+      "info": "ariadne-bg-blue-50",
+      "success": "ariadne-bg-green-50",
+      "warning": "ariadne-bg-yellow-50",
+      "danger": "ariadne-bg-red-50"
     },
     "CONTENT_SCHEME_CLASS_MAPPINGS": {
-      "default": "text-blue-700",
-      "info": "text-blue-700",
-      "success": "text-green-700",
-      "warning": "text-yellow-700",
-      "danger": "text-red-700"
+      "default": "ariadne-text-blue-700",
+      "info": "ariadne-text-blue-700",
+      "success": "ariadne-text-green-700",
+      "warning": "ariadne-text-yellow-700",
+      "danger": "ariadne-text-red-700"
     },
     "DEFAULT_SCHEME": "default",
     "DISMISSIBLE_SCHEME_CLASS_MAPPINGS": {
-      "default": "text-blue-500 bg-blue-50 hover:bg-blue-100 focus:ring-offset-blue-50 focus:ring-blue-600",
-      "info": "text-blue-500 bg-blue-50 hover:bg-blue-100 focus:ring-offset-blue-50 focus:ring-blue-600",
-      "success": "text-green-500 bg-green-50 hover:bg-green-100 focus:ring-offset-green-50 focus:ring-green-600",
-      "warning": "text-yellow-500 bg-yellow-50 hover:bg-yellow-100 focus:ring-offset-yellow-50 focus:ring-yellow-600",
-      "danger": "text-red-500 bg-red-50 hover:bg-red-100 focus:ring-offset-red-50 focus:ring-red-600"
+      "default": "ariadne-text-blue-500 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
+      "info": "ariadne-text-blue-500 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
+      "success": "ariadne-text-green-500 ariadne-bg-green-50 hover:ariadne-bg-green-100 focus:ariadne-ring-offset-green-50 focus:ariadne-ring-green-600",
+      "warning": "ariadne-text-yellow-500 ariadne-bg-yellow-50 hover:ariadne-bg-yellow-100 focus:ariadne-ring-offset-yellow-50 focus:ariadne-ring-yellow-600",
+      "danger": "ariadne-text-red-500 ariadne-bg-red-50 hover:ariadne-bg-red-100 focus:ariadne-ring-offset-red-50 focus:ariadne-ring-red-600"
     },
     "VALID_BG_SCHEMES": [
       "default",
@@ -168,26 +169,26 @@
     ]
   },
   "Ariadne::FooterComponent": {
-    "DEFAULT_CLASSES": "py-5"
+    "DEFAULT_CLASSES": "ariadne-py-5"
   },
   "Ariadne::GridComponent": {
-    "DEFAULT_CLASSES": "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",
-    "DEFAULT_LINK_COLOR_CLASSES": "text-button-text-color bg-button-bg-color focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500",
-    "Item": "Ariadne::GridComponent::Item"
+    "DEFAULT_CLASSES": "ariadne-grid ariadne-gap-6 sm:ariadne-grid-cols-2 lg:ariadne-grid-cols-3",
+    "DEFAULT_LINK_COLOR_CLASSES": "ariadne-text-button-text-color ariadne-bg-button-bg-color focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
+    "GridItem": "Ariadne::GridComponent::GridItem"
   },
-  "Ariadne::GridComponent::Item": {
-    "DEFAULT_ACTION_LINK_CLASSES": "text-button-text-color relative -mr-px w-0 flex-1 inline-flex items-center justify-center py-4 text-sm font-medium border border-transparent rounded-bl-lg rounded-lg",
-    "DEFAULT_ENTRY_CLASSES": "group flex-1 flex flex-col p-8 hover:bg-button-hover-color hover:text-gray-500 rounded-lg",
-    "DEFAULT_ITEM_CLASSES": "flex flex-col text-center rounded-lg shadow my-4 text-black-700 border-black"
+  "Ariadne::GridComponent::GridItem": {
+    "DEFAULT_ACTION_LINK_CLASSES": "text-button-text-color ariadne-relative ariadne--mr-px ariadne-w-0 ariadne-flex-1 ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-py-4 ariadne-text-sm ariadne-font-medium ariadne-border ariadne-border-transparent ariadne-rounded-bl-lg ariadne-rounded-lg",
+    "DEFAULT_ENTRY_CLASSES": "group ariadne-flex-1 ariadne-flex ariadne-flex-col ariadne-p-8 hover:ariadne-bg-button-hover-color hover:ariadne-text-gray-500 ariadne-rounded-lg",
+    "DEFAULT_ITEM_CLASSES": "ariadne-flex ariadne-flex-col ariadne-text-center ariadne-rounded-lg ariadne-shadow ariadne-my-4 text-black-700 ariadne-border-black"
   },
   "Ariadne::HeaderComponent": {
-    "DEFAULT_CLASSES": "sticky top-0 z-50 px-4 py-5 bg-white shadow-sm shadow-slate-900/5 transition duration-500",
-    "DEFAULT_IMAGE_LOGO_CLASSES": "h-10 w-auto",
-    "DEFAULT_NAV_LINK_CLASSES": "inline-block rounded-lg py-1 px-2 text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900",
-    "DEFAULT_PROFILE_LINK_CLASSES": "group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
-    "DEFAULT_SIGNUP_LINK_CLASSES": "group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
-    "DEFAULT_TEXT_LOGO_CLASSES": "flex items-center font-bold text-xl",
-    "LINK_CLASSES": "rounded-lg py-1 px-2 text-slate-700 hover:bg-slate-100 hover:text-slate-900"
+    "DEFAULT_CLASSES": "ariadne-sticky ariadne-top-0 ariadne-z-50 ariadne-px-4 ariadne-py-5 ariadne-bg-white ariadne-shadow-sm shadow-slate-900/5 ariadne-transition ariadne-duration-500",
+    "DEFAULT_IMAGE_LOGO_CLASSES": "ariadne-h-10 ariadne-w-auto",
+    "DEFAULT_NAV_LINK_CLASSES": "ariadne-inline-block ariadne-rounded-lg ariadne-py-1 ariadne-px-2 ariadne-text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900",
+    "DEFAULT_PROFILE_LINK_CLASSES": "group ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-rounded-full ariadne-py-2 ariadne-px-4 ariadne-text-sm ariadne-font-semibold focus:ariadne-outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
+    "DEFAULT_SIGNUP_LINK_CLASSES": "group ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-rounded-full ariadne-py-2 ariadne-px-4 ariadne-text-sm ariadne-font-semibold focus:ariadne-outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
+    "DEFAULT_TEXT_LOGO_CLASSES": "ariadne-flex ariadne-items-center ariadne-font-bold ariadne-text-xl",
+    "LINK_CLASSES": "ariadne-rounded-lg ariadne-py-1 ariadne-px-2 text-slate-700 hover:bg-slate-100 hover:text-slate-900"
   },
   "Ariadne::HeadingComponent": {
     "TAG_OPTIONS": [
@@ -199,13 +200,13 @@
       "h6"
     ],
     "TAG_TO_CLASSES": {
-      "h1": "font-bold leading-7 sm:text-3xl",
-      "h2": "text-3xl font-extrabold",
-      "h3": "text-2xl font-extrabold"
+      "h1": "ariadne-font-bold ariadne-leading-7 sm:ariadne-text-3xl",
+      "h2": "ariadne-text-3xl ariadne-font-extrabold",
+      "h3": "ariadne-text-2xl ariadne-font-extrabold"
     }
   },
   "Ariadne::HeroiconComponent": {
-    "DEFAULT_TEXT_CLASSES": "pl-2",
+    "DEFAULT_TEXT_CLASSES": "ariadne-pl-2",
     "PRELOADED_ICONS": [
       {
         "name": "bell",
@@ -276,7 +277,7 @@
         "variant": "outline"
       },
       {
-        "name": "x",
+        "name": "x-mark",
         "variant": "outline"
       }
     ],
@@ -298,22 +299,22 @@
     "DEFAULT_TAG": "img"
   },
   "Ariadne::InlineFlexComponent": {
-    "DEFAULT_CLASSES": "inline-flex items-baseline",
-    "DEFAULT_LABEL_CLASSES": "pl-2 text-sm font-medium text-gray-900",
+    "DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-baseline",
+    "DEFAULT_LABEL_CLASSES": "ariadne-pl-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-900",
     "DEFAULT_TAG": "span",
-    "DEFAULT_TEXT_CLASSES": "pl-2 text-sm font-medium text-gray-900",
-    "DEFAULT_TEXT_CLOSED_CLASSES": "text-state-closed",
-    "DEFAULT_TEXT_OPEN_CLASSES": "text-state-open",
-    "STATE_CLOSED_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"stroke-state-closed fill-state-closed \" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
-    "STATE_OPEN_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"stroke-state-open\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
+    "DEFAULT_TEXT_CLASSES": "ariadne-pl-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-900",
+    "DEFAULT_TEXT_CLOSED_CLASSES": "ariadne-text-state-closed",
+    "DEFAULT_TEXT_OPEN_CLASSES": "ariadne-text-state-open",
+    "STATE_CLOSED_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"ariadne-stroke-state-closed fill-state-closed \" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
+    "STATE_OPEN_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"ariadne-stroke-state-open\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
     "STATE_OPTIONS": [
       "closed",
       "open"
     ]
   },
   "Ariadne::LinkComponent": {
-    "DEFAULT_ACTIONABLE_CLASSES": " cursor-pointer underline decoration-double font-semibold hover:text-button-text-color focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500",
-    "DEFAULT_CLASSES": "cursor-pointer",
+    "DEFAULT_ACTIONABLE_CLASSES": " ariadne-cursor-pointer ariadne-underline ariadne-decoration-double ariadne-font-semibold hover:ariadne-text-button-text-color focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
+    "DEFAULT_CLASSES": "ariadne-cursor-pointer",
     "DEFAULT_TAG": "a",
     "TAG_OPTIONS": [
       "a",
@@ -321,24 +322,48 @@
     ]
   },
   "Ariadne::ListComponent": {
-    "DEFAULT_UL_CLASSES": "divide-y divide-gray-300",
-    "Item": "Ariadne::ListComponent::Item"
+    "DEFAULT_TAG": "ul",
+    "DEFAULT_UL_CLASSES": "ariadne-divide-y ariadne-divide-gray-300",
+    "ListItem": "Ariadne::ListComponent::ListItem"
   },
-  "Ariadne::ListComponent::Item": {
-    "DEFAULT_ITEM_CLASSES": "relative p-1.5 focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 hover:bg-button-hover-color"
+  "Ariadne::ListComponent::ListItem": {
+    "DEFAULT_ITEM_CLASSES": "ariadne-relative ariadne-p-1.5 focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500 hover:ariadne-bg-button-hover-color"
   },
   "Ariadne::MainComponent": {
     "DEFAULT_CLASSES": "flex-auto"
   },
+  "Ariadne::NarrowContainerComponent": {
+    "DEFAULT_CLASSES": "ariadne-max-w-7xl ariadne-mx-auto ariadne-py-12 ariadne-px-4 sm:ariadne-px-6 lg:ariadne-py-16 lg:ariadne-px-8",
+    "DEFAULT_TAG": "div",
+    "TAG_OPTIONS": [
+      "div"
+    ]
+  },
+  "Ariadne::PanelBarComponent": {
+    "DEFAULT_CLASSES": "ariadne-border ariadne-border-gray-300 ariadne-rounded-md ariadne-divide-y ariadne-divide-gray-300 md:ariadne-flex md:ariadne-divide-y-0",
+    "DEFAULT_TAG": "ol",
+    "PanelItem": "Ariadne::PanelBarComponent::PanelItem",
+    "TAG_OPTIONS": [
+      "ol"
+    ]
+  },
+  "Ariadne::PanelBarComponent::PanelItem": {
+    "DEFAULT_ITEM_CLASSES": "ariadne-relative md:ariadne-flex-1 md:ariadne-flex",
+    "DEFAULT_WRAPPER_CLASSES": "group ariadne-flex ariadne-items-center ariadne-w-full"
+  },
   "Ariadne::PillComponent": {
-    "DEFAULT_CLASSES": "flex-shrink-0 inline-block px-2 py-0.5 text-xs font-medium rounded-full",
+    "DEFAULT_CLASSES": "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-0.5 ariadne-text-xs ariadne-font-medium ariadne-rounded-full",
     "DEFAULT_TAG": "span",
     "TAG_OPTIONS": [
       "span"
     ]
   },
+  "Ariadne::RichTextAreaComponent": {
+    "DEFAULT_CLASSES": "ariadne-block ariadne-w-full ariadne-border-0 ariadne-py-3 focus:ariadne-ring-0 sm:ariadne-text-sm",
+    "DEFAULT_TAG": "div"
+  },
   "Ariadne::SlideoverComponent": {
-    "DEFAULT_BUTTON_CLASSES": "inline-flex items-center shadow-sm px-4 py-1.5 pb-2 text-sm leading-5 font-medium rounded-full text-purple-800 bg-purple-50 hover:bg-purple-100 border-purple-300 focus:ring-offset-purple-50 focus:ring-purple-600",
+    "DEFAULT_BUTTON_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-shadow-sm ariadne-px-4 ariadne-py-1.5 ariadne-pb-2 ariadne-text-sm ariadne-leading-5 ariadne-font-medium ariadne-rounded-full ariadne-text-purple-800 ariadne-bg-purple-50 hover:ariadne-bg-purple-100 ariadne-border-purple-300 focus:ariadne-ring-offset-purple-50 focus:ariadne-ring-purple-600",
     "DEFAULT_CLASSES": "",
     "DEFAULT_TAG": "div",
     "DIRECTION_X_LEFT": "xl",
@@ -351,11 +376,26 @@
       "xl"
     ]
   },
+  "Ariadne::TabBarComponent": {
+    "DEFAULT_CLASSES": "ariadne--mb-px ariadne-flex ariadne-space-x-8 ariadne-bg-transparent",
+    "DEFAULT_TAG": "nav",
+    "TAG_OPTIONS": [
+      "nav"
+    ]
+  },
+  "Ariadne::TabComponent": {
+    "BASE_TAB_CLASSES": "ariadne-whitespace-nowrap ariadne-py-4 ariadne-px-1 ariadne-border-b-2 ariadne-font-medium ariadne-text-sm",
+    "DEFAULT_CLASSES": "ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md",
+    "DEFAULT_TAG": "button",
+    "TAG_OPTIONS": [
+      "button"
+    ]
+  },
   "Ariadne::Text": {
     "DEFAULT_TAG": "span"
   },
   "Ariadne::TimeAgoComponent": {
-    "DEFAULT_CLASSES": "whitespace-nowrap",
+    "DEFAULT_CLASSES": "ariadne-whitespace-nowrap",
     "DEFAULT_TAG": "time-ago",
     "TAG_OPTIONS": [
       "time-ago"
@@ -368,7 +408,7 @@
   "Ariadne::TooltipComponent": {
     "DATA_ACTION": "mouseover->tooltip-component#show mouseout->tooltip-component#hide",
     "DATA_CONTROLLER": "tooltip-component",
-    "DEFAULT_CLASSES": "invisible absolute bg-slate-900 text-white font-semibold max-w-xs py-1 px-2 rounded z-max",
+    "DEFAULT_CLASSES": "ariadne-invisible ariadne-absolute ariadne-bg-slate-900 ariadne-text-white ariadne-font-semibold ariadne-max-w-xs ariadne-py-1 ariadne-px-2 ariadne-rounded z-max",
     "DEFAULT_PLACEMENT": "top",
     "DEFAULT_TAG": "tooltip",
     "TYPE_DEFAULT": "description",

data/static/statuses.json

@@ -13,7 +13,7 @@
   "Ariadne::FlexComponent": "stable",
   "Ariadne::FooterComponent": "stable",
   "Ariadne::GridComponent": "stable",
-  "Ariadne::GridComponent::Item": "stable",
+  "Ariadne::GridComponent::GridItem": "stable",
   "Ariadne::HeaderComponent": "stable",
   "Ariadne::HeadingComponent": "stable",
   "Ariadne::HeroiconComponent": "stable",
@@ -21,10 +21,16 @@
   "Ariadne::InlineFlexComponent": "stable",
   "Ariadne::LinkComponent": "stable",
   "Ariadne::ListComponent": "stable",
-  "Ariadne::ListComponent::Item": "stable",
+  "Ariadne::ListComponent::ListItem": "stable",
   "Ariadne::MainComponent": "stable",
+  "Ariadne::NarrowContainerComponent": "stable",
+  "Ariadne::PanelBarComponent": "stable",
+  "Ariadne::PanelBarComponent::PanelItem": "stable",
   "Ariadne::PillComponent": "stable",
+  "Ariadne::RichTextAreaComponent": "stable",
   "Ariadne::SlideoverComponent": "stable",
+  "Ariadne::TabBarComponent": "stable",
+  "Ariadne::TabComponent": "stable",
   "Ariadne::Text": "stable",
   "Ariadne::TimeAgoComponent": "stable",
   "Ariadne::TimelineComponent": "stable",

data/tailwind.config.js

@@ -0,0 +1,65 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+const colors = require('tailwindcss/colors')
+
+const CLASS_YML_REGEX = /^- "\.([\S-]+)"$/
+
+// for classes in hashes
+const CLASS_MAPPINGS = '(?:\\S+|:\\"[\\S-]+\\"): \\"([\\S -]+)\\"'
+// for classes in constants
+const CLASS_CONSTANT = '[A-Z_]+ = \\"([\\S -]+)\\"'
+const CLASS_RB_REGEX = new RegExp(`(?:${CLASS_MAPPINGS}|${CLASS_CONSTANT})'`, 'g')
+
+module.exports = {
+  prefix: 'ariadne-',
+  content: {
+    files: [
+      './public/*.html',
+      './app/assets/javascripts/**/*.js',
+      './app/components/**/*.erb',
+      './app/components/**/*.rb',
+      './app/lib/ariadne',
+      './static/classes.yml'
+    ],
+    extract: {
+      yml: content => {
+        const matches = content.match(CLASS_YML_REGEX)
+        return matches ? matches[1].split(/\s+/) : []
+      },
+      rb: content => {
+        const matches = content.match(CLASS_RB_REGEX)
+        return matches ? matches[1].split(/\s+/) : []
+      }
+    }
+  },
+  theme: {
+    extend: {
+      colors: {
+        'billy-purple': '#a700a0',
+
+        'state-closed': '#da1e28',
+        'state-open': '#198038',
+
+        'list-hover': colors.indigo['50'],
+        'filter-panel': colors.amber['100'],
+
+        'button-text-color': colors.indigo['700'],
+        'button-bg-color': colors.indigo['100'],
+        'button-hover-color': colors.indigo['200'],
+
+        'internal-message': colors.amber['100']
+      },
+      fontFamily: {
+        sans: ['Inter var', ...defaultTheme.fontFamily.sans]
+      },
+      zIndex: {
+        max: '9999'
+      }
+    }
+  },
+  plugins: [
+    require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/line-clamp'),
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/typography')
+  ]
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.0.9
 platform: ruby
 authors:
 - Garen J. Torikian
-autorequire:
-bindir: bin
+autorequire: 
+bindir: exe
 cert_chain: []
-date: 2022-08-17 00:00:00.000000000 Z
+date: 2022-09-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -70,14 +70,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.4'
+        version: '0.6'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.4'
+        version: '0.6'
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -98,28 +98,33 @@ dependencies:
     - - "<"
       - !ruby/object:Gem::Version
         version: '3.0'
-description:
+description: 
 email:
 - gjtorikian@yettoapp.com
-executables: []
+executables:
+- tailwindcss
 extensions: []
 extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
-- app/assets/builds/ariadne_view_components.css
 - app/assets/config/manifest.js
+- app/assets/javascripts/ariadne-form-with.d.ts
+- app/assets/javascripts/ariadne-form.d.ts
 - app/assets/javascripts/ariadne.d.ts
 - app/assets/javascripts/ariadne_view_components.js
 - app/assets/javascripts/ariadne_view_components.js.map
 - app/assets/javascripts/clipboard-copy-component.d.ts
+- app/assets/javascripts/comment-component.d.ts
+- app/assets/javascripts/rich-text-area-component.d.ts
 - app/assets/javascripts/slideover-component.d.ts
+- app/assets/javascripts/time-ago-component.d.ts
 - app/assets/javascripts/time_ago_component.d.ts
 - app/assets/javascripts/tooltip-component.d.ts
-- app/assets/stylesheets/application.ariadne_view_components.css
+- app/assets/stylesheets/ariadne_view_components.css
+- app/assets/stylesheets/prosemirror.css
 - app/assets/stylesheets/tooltip-component.css
-- app/components/ariadne/ariadne.d.ts
-- app/components/ariadne/ariadne.js
+- app/components/ariadne/ariadne-form.ts
 - app/components/ariadne/ariadne.ts
 - app/components/ariadne/base_button.rb
 - app/components/ariadne/base_component.rb
@@ -128,13 +133,10 @@ files:
 - app/components/ariadne/body_component.rb
 - app/components/ariadne/button_component.html.erb
 - app/components/ariadne/button_component.rb
-- app/components/ariadne/clipboard-copy-component.d.ts
-- app/components/ariadne/clipboard-copy-component.js
 - app/components/ariadne/clipboard-copy-component.ts
-- app/components/ariadne/clipboard_copy_component.d.ts
 - app/components/ariadne/clipboard_copy_component.html.erb
-- app/components/ariadne/clipboard_copy_component.js
 - app/components/ariadne/clipboard_copy_component.rb
+- app/components/ariadne/comment-component.ts
 - app/components/ariadne/comment_component.html.erb
 - app/components/ariadne/comment_component.rb
 - app/components/ariadne/component.rb
@@ -161,24 +163,27 @@ files:
 - app/components/ariadne/list_component.html.erb
 - app/components/ariadne/list_component.rb
 - app/components/ariadne/main_component.rb
+- app/components/ariadne/narrow_container_component.html.erb
+- app/components/ariadne/narrow_container_component.rb
+- app/components/ariadne/panel_bar_component.html.erb
+- app/components/ariadne/panel_bar_component.rb
 - app/components/ariadne/pill_component.html.erb
 - app/components/ariadne/pill_component.rb
-- app/components/ariadne/slideover-component.d.ts
-- app/components/ariadne/slideover-component.js
+- app/components/ariadne/rich-text-area-component.ts
+- app/components/ariadne/rich_text_area_component.html.erb
+- app/components/ariadne/rich_text_area_component.rb
 - app/components/ariadne/slideover-component.ts
-- app/components/ariadne/slideover_component.d.ts
 - app/components/ariadne/slideover_component.html.erb
-- app/components/ariadne/slideover_component.js
 - app/components/ariadne/slideover_component.rb
+- app/components/ariadne/tab_bar_component.html.erb
+- app/components/ariadne/tab_bar_component.rb
+- app/components/ariadne/tab_component.html.erb
+- app/components/ariadne/tab_component.rb
 - app/components/ariadne/text.rb
-- app/components/ariadne/time_ago_component.d.ts
-- app/components/ariadne/time_ago_component.js
+- app/components/ariadne/time-ago-component.ts
 - app/components/ariadne/time_ago_component.rb
-- app/components/ariadne/time_ago_component.ts
 - app/components/ariadne/timeline_component.html.erb
 - app/components/ariadne/timeline_component.rb
-- app/components/ariadne/tooltip-component.d.ts
-- app/components/ariadne/tooltip-component.js
 - app/components/ariadne/tooltip-component.ts
 - app/components/ariadne/tooltip_component.html.erb
 - app/components/ariadne/tooltip_component.rb
@@ -196,31 +201,27 @@ files:
 - app/lib/ariadne/test_selector_helper.rb
 - app/lib/ariadne/underline_nav_helper.rb
 - app/lib/ariadne/view_helper.rb
-- lib/ariadne/classify.rb
-- lib/ariadne/classify/utilities.rb
-- lib/ariadne/classify/utilities.yml
-- lib/ariadne/classify/validation.rb
+- exe/tailwindcss
 - lib/ariadne/view_components.rb
+- lib/ariadne/view_components/commands.rb
 - lib/ariadne/view_components/constants.rb
 - lib/ariadne/view_components/engine.rb
 - lib/ariadne/view_components/linters.rb
 - lib/ariadne/view_components/statuses.rb
+- lib/ariadne/view_components/upstream.rb
 - lib/ariadne/view_components/version.rb
 - lib/rubocop/config/default.yml
 - lib/rubocop/cop/ariadne.rb
-- lib/rubocop/cop/ariadne/ariadne_heroicon.rb
 - lib/rubocop/cop/ariadne/base_cop.rb
-- lib/rubocop/cop/ariadne/component_name_migration.rb
 - lib/rubocop/cop/ariadne/no_tag_memoize.rb
-- lib/rubocop/cop/ariadne/system_argument_instead_of_class.rb
 - lib/tasks/ariadne_view_components.rake
+- lib/tasks/build.rake
 - lib/tasks/coverage.rake
 - lib/tasks/custom_utilities.yml
 - lib/tasks/docs.rake
 - lib/tasks/helpers/ast_processor.rb
 - lib/tasks/helpers/ast_traverser.rb
 - lib/tasks/static.rake
-- lib/tasks/utilities.rake
 - lib/yard/docs_helper.rb
 - lib/yard/renders_many_handler.rb
 - lib/yard/renders_one_handler.rb
@@ -231,12 +232,13 @@ files:
 - static/constants.json
 - static/statuses.json
 - static/tailwindcss.yml
+- tailwind.config.js
 homepage: https://github.com/yettoapp/ariadne/view_components
 licenses:
 - MIT
 metadata:
   allowed_push_host: https://rubygems.org
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -244,7 +246,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '2.7'
+      version: '3.0'
   - - "<"
     - !ruby/object:Gem::Version
       version: '4.0'
@@ -255,7 +257,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.3.7
-signing_key:
+signing_key: 
 specification_version: 4
 summary: ViewComponents for the Ariadne Design System
 test_files: []