@leed-ai/cli 0.0.0-stage → 6.19.0

package/dist/static/tailwind/docs/themes/violet.css

@@ -0,0 +1,111 @@
+@utility color-theme-violet {
+  /* primary colors */
+  --docs-primary-color: var(--color-violet-700);
+  --docs-primary-light: var(--color-violet-600);
+  --docs-primary-color-hover: var(--color-violet-800);
+
+  /* scroll status indicator colors */
+  --scroll-status-indicator-horizontal-start-bg: var(--docs-bg-color);
+  --scroll-status-indicator-horizontal-complete-bg: var(--docs-primary-color);
+  --scroll-status-indicator-horizontal-partial-bg: var(--color-zinc-500);
+
+  /* text colors */
+  --docs-text-color: var(--color-gray-700);
+  --docs-body-link-color: var(--docs-primary-color);
+  --docs-body-link-hover-color: var(--docs-primary-color-hover);
+
+  --docs-copied-content-text-color: var(--color-slate-100);
+  --menu-footer-header-text-color: var(--docs-text-color);
+
+  /* footer social icons colors */
+  --docs-footer-social-icons-color: var(--docs-text-color);
+  --docs-footer-social-icons-hover-color: var(--color-slate-500);
+
+  /* pagination icons colors */
+  --docs-pagination-icon-color: var(--color-gray-400);
+  --docs-pagination-icon-color-hover: var(--color-gray-900);
+
+  /* background and border colors */
+  --docs-bg-color: var(--color-white);
+  --docs-header-bg-color: var(--color-stone-100);
+  --docs-header-border-color: var(--color-slate-500);
+  --docs-sidebar-link-bg-color: var(--color-slate-100);
+  /* The row for the page you are on, in the sidebar and the mobile bar
+     (docs/components/navigation.css, docs/components/mobile-bar.css). Its text is
+     --docs-primary-color, and this is its ground; without it the chain in
+     components.css fell through to --default-current-location-bg-color, a slate
+     unrelated to any accent, so every built-in theme drew themed text on an
+     unthemed row. The accent's lightest tint keeps the pair inside one hue.
+     Light and dark are one rung apart from the ends of the ramp because the text
+     token is NOT lightened for dark mode — see the dark block below. */
+  --docs-current-location-bg-color: var(--color-violet-50);
+  --docs-code-bg-color: var(--color-stone-100);
+  --docs-code-inner-bg-color: var(--color-white);
+  --docs-code-border-color: var(--color-stone-950);
+  --docs-code-bg-color-selection: var(--color-violet-100);
+  --docs-form-border-color: var(--color-slate-300);
+  --docs-form-border-color-hover: var(--color-slate-400);
+  --form-border-color: var(--color-slate-200);
+  --form-download-spinner-text: var(--color-violet-700);
+  --docs-card-bg-color: var(--color-slate-100);
+  --docs-step-light-color: var(--color-slate-200);
+  --docs-fixed-body-bg-color: var(--color-slate-950);
+  --api-snippets-bg-color: var(--color-stone-100);
+  --docs-search-result-bg-color: var(--color-white);
+  --docs-search-button-bg-color: var(--color-white);
+  --docs-search-modal-bg-color: var(--color-white);
+
+  --docs-border-color: var(--docs-header-border-color);
+  --api-select-list-item-bg-color-hover: var(--color-neutral-100);
+  --docs-button-secondary-bg-color: var(--color-gray-600);
+  --docs-button-secondary-bg-hover-color: var(--color-gray-700);
+
+  @media (prefers-color-scheme: dark) {
+    /* scroll status indicator colors */
+    --scroll-status-indicator-horizontal-partial-bg: var(--color-zinc-500);
+    --scroll-status-indicator-horizontal-complete-bg: var(--color-violet-800);
+
+    /* text colors */
+    --docs-text-color: var(--color-gray-400);
+    --docs-copied-content-text-color: var(--color-slate-300);
+
+    /* background and border colors */
+    --docs-bg-color: var(--color-slate-950);
+
+    --docs-form-border-color: var(--color-slate-800);
+    --docs-form-border-color-hover: var(--color-slate-700);
+    --form-border-color: var(--color-slate-600);
+    --form-download-spinner-text: var(--color-violet-400);
+    --docs-header-border-color: var(--color-white);
+    --docs-sidebar-link-bg-color: var(--color-slate-900);
+    /* Darkest rung of the same ramp, NOT a lightened accent: no theme overrides
+       --docs-primary-color for dark mode, so the row's text keeps its light-mode
+       rung here and the ground has to move to the far end to answer it. For the
+       themes whose accent already sits at 700-800 that is still a low-contrast
+       pair — the fix for those is a dark-mode --docs-primary-color, not a lighter
+       ground, which would make the row a bright slab on a near-black sidebar. */
+    --docs-current-location-bg-color: var(--color-violet-950);
+    --docs-sidebar-link-hover-bg-color: var(--color-slate-100);
+
+    --docs-footer-social-icons-hover-color: var(--color-slate-400);
+    --docs-pagination-icon-color: var(--color-slate-400);
+    --docs-pagination-icon-color-hover: var(--color-slate-200);
+
+    --docs-code-bg-color: var(--color-slate-900);
+    --docs-code-inner-bg-color: var(--color-slate-950);
+
+    --docs-code-border-color: var(--color-white);
+    --docs-code-bg-color-selection: var(--color-violet-800);
+    --docs-card-bg-color: var(--color-slate-900);
+    --docs-step-light-color: var(--color-slate-800);
+
+    --docs-header-bg-color: var(--color-slate-900);
+
+    --docs-search-button-bg-color: var(--color-slate-950);
+    --docs-search-modal-bg-color: var(--color-slate-950);
+
+    --api-select-list-item-bg-color-hover: var(--color-white);
+  }
+
+  @apply docs-theme-defaults;
+}

package/dist/static/tailwind/docs/themes/yellow.css

@@ -0,0 +1,111 @@
+@utility color-theme-yellow {
+  /* primary colors */
+  --docs-primary-color: var(--color-yellow-600);
+  --docs-primary-light: var(--color-yellow-500);
+  --docs-primary-color-hover: var(--color-yellow-700);
+
+  /* scroll status indicator colors */
+  --scroll-status-indicator-horizontal-start-bg: var(--docs-bg-color);
+  --scroll-status-indicator-horizontal-complete-bg: var(--docs-primary-color);
+  --scroll-status-indicator-horizontal-partial-bg: var(--color-zinc-500);
+
+  /* text colors */
+  --docs-text-color: var(--color-gray-700);
+  --docs-body-link-color: var(--docs-primary-color);
+  --docs-body-link-hover-color: var(--docs-primary-color-hover);
+
+  --docs-copied-content-text-color: var(--color-stone-100);
+  --menu-footer-header-text-color: var(--docs-text-color);
+
+  /* footer social icons colors */
+  --docs-footer-social-icons-color: var(--docs-text-color);
+  --docs-footer-social-icons-hover-color: var(--color-gray-500);
+
+  /* pagination icons colors */
+  --docs-pagination-icon-color: var(--color-gray-400);
+  --docs-pagination-icon-color-hover: var(--color-gray-900);
+
+  /* background and border colors */
+  --docs-bg-color: var(--color-white);
+  --docs-header-bg-color: var(--color-stone-100);
+  --docs-header-border-color: var(--color-gray-500);
+  --docs-sidebar-link-bg-color: var(--color-gray-100);
+  /* The row for the page you are on, in the sidebar and the mobile bar
+     (docs/components/navigation.css, docs/components/mobile-bar.css). Its text is
+     --docs-primary-color, and this is its ground; without it the chain in
+     components.css fell through to --default-current-location-bg-color, a slate
+     unrelated to any accent, so every built-in theme drew themed text on an
+     unthemed row. The accent's lightest tint keeps the pair inside one hue.
+     Light and dark are one rung apart from the ends of the ramp because the text
+     token is NOT lightened for dark mode — see the dark block below. */
+  --docs-current-location-bg-color: var(--color-yellow-50);
+  --docs-code-bg-color: var(--color-stone-100);
+  --docs-code-inner-bg-color: var(--color-white);
+  --docs-code-border-color: var(--color-stone-950);
+  --docs-code-bg-color-selection: var(--color-yellow-100);
+  --docs-form-border-color: var(--color-gray-300);
+  --docs-form-border-color-hover: var(--color-gray-400);
+  --form-border-color: var(--color-gray-200);
+  --form-download-spinner-text: var(--color-yellow-600);
+  --docs-card-bg-color: var(--color-gray-100);
+  --docs-step-light-color: var(--color-gray-200);
+  --docs-fixed-body-bg-color: var(--color-slate-950);
+  --api-snippets-bg-color: var(--color-stone-100);
+  --docs-search-result-bg-color: var(--color-white);
+  --docs-search-button-bg-color: var(--color-white);
+  --docs-search-modal-bg-color: var(--color-white);
+
+  --docs-border-color: var(--docs-header-border-color);
+  --api-select-list-item-bg-color-hover: var(--color-neutral-100);
+  --docs-button-secondary-bg-color: var(--color-gray-600);
+  --docs-button-secondary-bg-hover-color: var(--color-gray-700);
+
+  @media (prefers-color-scheme: dark) {
+    /* scroll status indicator colors */
+    --scroll-status-indicator-horizontal-partial-bg: var(--color-zinc-500);
+    --scroll-status-indicator-horizontal-complete-bg: var(--color-yellow-800);
+
+    /* text colors */
+    --docs-text-color: var(--color-stone-400);
+    --docs-copied-content-text-color: var(--color-gray-300);
+
+    /* background and border colors */
+    --docs-bg-color: var(--color-stone-950);
+
+    --docs-form-border-color: var(--color-gray-800);
+    --docs-form-border-color-hover: var(--color-gray-700);
+    --form-border-color: var(--color-stone-600);
+    --form-download-spinner-text: var(--color-yellow-400);
+    --docs-header-border-color: var(--color-white);
+    --docs-sidebar-link-bg-color: var(--color-gray-900);
+    /* Darkest rung of the same ramp, NOT a lightened accent: no theme overrides
+       --docs-primary-color for dark mode, so the row's text keeps its light-mode
+       rung here and the ground has to move to the far end to answer it. For the
+       themes whose accent already sits at 700-800 that is still a low-contrast
+       pair — the fix for those is a dark-mode --docs-primary-color, not a lighter
+       ground, which would make the row a bright slab on a near-black sidebar. */
+    --docs-current-location-bg-color: var(--color-yellow-950);
+    --docs-sidebar-link-hover-bg-color: var(--color-gray-100);
+
+    --docs-footer-social-icons-hover-color: var(--color-gray-400);
+    --docs-pagination-icon-color: var(--color-gray-400);
+    --docs-pagination-icon-color-hover: var(--color-gray-200);
+
+    --docs-code-bg-color: var(--color-stone-900);
+    --docs-code-inner-bg-color: var(--color-neutral-950);
+
+    --docs-code-border-color: var(--color-white);
+    --docs-code-bg-color-selection: var(--color-yellow-800);
+    --docs-card-bg-color: var(--color-stone-900);
+    --docs-step-light-color: var(--color-stone-800);
+
+    --docs-header-bg-color: var(--color-stone-900);
+
+    --docs-search-button-bg-color: var(--color-stone-950);
+    --docs-search-modal-bg-color: var(--color-stone-950);
+
+    --api-select-list-item-bg-color-hover: var(--color-white);
+  }
+
+  @apply docs-theme-defaults;
+}

package/dist/static/tailwind/docs/themes.css

@@ -0,0 +1,84 @@
+@import "./themes/amber.css";
+@import "./themes/blue.css";
+@import "./themes/cyan.css";
+@import "./themes/emerald.css";
+@import "./themes/fuchsia.css";
+@import "./themes/green.css";
+@import "./themes/indigo.css";
+@import "./themes/lime.css";
+@import "./themes/orange.css";
+@import "./themes/pink.css";
+@import "./themes/purple.css";
+@import "./themes/red.css";
+@import "./themes/rose.css";
+@import "./themes/sky.css";
+@import "./themes/teal.css";
+@import "./themes/violet.css";
+@import "./themes/yellow.css";
+
+/**
+ * Was the head of docs.css. It lives here because @utility cannot be nested in
+ * a cascade layer, and docs.css is now imported into layer(components) so a
+ * site can override the documentation layout without !important. Utilities are
+ * tree-shaken — only a theme a site actually applies is emitted — which is why
+ * these stay utilities rather than becoming plain classes.
+ */
+@utility docs-theme-defaults {
+  @apply text-(--component-text-color) bg-(--component-bg-color);
+
+  /* Scoped to the article, NOT the document.
+   *
+   * This utility is applied to <html>, so an unscoped `& a` selects every
+   * anchor on the page — the site's header nav, its footer columns, the docs
+   * sidebar, the breadcrumbs, the pager and the TOC — and paints them all the
+   * body-link color. On a real site that is 320 anchors when about a dozen
+   * are body links.
+   *
+   * It also lands in the `utilities` layer (an @utility cannot be nested in a
+   * cascade layer), and a layer never loses to an earlier layer whatever the
+   * specificity — so a site importing its own chrome CSS into
+   * layer(components) cannot take those anchors back at any specificity. The
+   * only escapes were an unlayered stylesheet or `!important`, and every site
+   * reusing its own header in the docs had to find one. Both Pithy and leed.ai
+   * shipped a file to undo this; leed.ai's "Start free" button rendered pink
+   * text on a pink ground until it did.
+   *
+   * `#leed-docs-copy` is the section doc-article.hbs and api-article.hbs both
+   * wrap the page in. It holds the h1 and the prose and nothing else: the
+   * breadcrumbs, pager, TOC, sidebar, header and footer are all outside it,
+   * verified in a rendered page. It is also stable where the inner content id
+   * is not — bravo overrides that to `content` because its own layout wrapper
+   * already uses `docs-content`. */
+  & #leed-docs-copy a {
+    @apply text-(--component-body-link-color) hover:text-(--component-body-link-hover-color) active:text-(--component-body-link-active-color);
+  }
+
+  & h1 {
+    @apply text-(--component-header-1-color);
+  }
+
+  & h2 {
+    @apply text-(--component-header-2-color);
+  }
+
+  & h3 {
+    @apply text-(--component-header-3-color);
+  }
+
+  & h4 {
+    @apply text-(--component-header-4-color);
+  }
+
+  & h5 {
+    @apply text-(--component-header-5-color);
+  }
+
+  & h6 {
+    @apply text-(--component-header-6-color);
+  }
+
+  .nav-logo,
+  .logo-footer {
+    @apply bg-center bg-no-repeat bg-contain bg-(image:--nav-logo-url);
+  }
+}