From 8419f12b838acfdabd8516256c4f15dba612529a Mon Sep 17 00:00:00 2001 From: Prad Nukala Date: Fri, 6 Dec 2024 14:27:35 -0500 Subject: [PATCH] refactor: replace Shoelace with Nebula across documentation and codebase --- docs/_includes/component.njk | 12 +-- docs/_includes/default.njk | 14 ++-- docs/_includes/sidebar.njk | 2 +- docs/_utilities/markdown.cjs | 2 +- docs/assets/scripts/code-previews.js | 12 +-- docs/eleventy.config.cjs | 4 +- docs/pages/components/alert.md | 26 +++--- docs/pages/components/animated-image.md | 8 +- docs/pages/components/animation.md | 10 +-- docs/pages/components/avatar.md | 18 ++-- docs/pages/components/badge.md | 22 ++--- docs/pages/components/breadcrumb-item.md | 6 +- docs/pages/components/breadcrumb.md | 28 +++---- docs/pages/components/button-group.md | 50 +++++------ docs/pages/components/button.md | 30 +++---- docs/pages/components/card.md | 20 ++--- docs/pages/components/carousel-item.md | 4 +- docs/pages/components/carousel.md | 66 +++++++-------- docs/pages/components/checkbox.md | 16 ++-- docs/pages/components/color-picker.md | 14 ++-- docs/pages/components/copy-button.md | 32 +++---- docs/pages/components/details.md | 8 +- docs/pages/components/dialog.md | 28 +++---- docs/pages/components/divider.md | 16 ++-- docs/pages/components/drawer.md | 44 +++++----- docs/pages/components/dropdown.md | 78 ++++++++--------- docs/pages/components/format-bytes.md | 12 +-- docs/pages/components/format-date.md | 10 +-- docs/pages/components/format-number.md | 10 +-- docs/pages/components/icon-button.md | 16 ++-- docs/pages/components/icon.md | 20 ++--- docs/pages/components/image-comparer.md | 4 +- docs/pages/components/include.md | 2 +- docs/pages/components/input.md | 30 +++---- docs/pages/components/menu-item.md | 34 ++++---- docs/pages/components/menu-label.md | 8 +- docs/pages/components/menu.md | 20 ++--- docs/pages/components/mutation-observer.md | 8 +- docs/pages/components/option.md | 8 +- docs/pages/components/popup.md | 72 ++++++++-------- docs/pages/components/progress-bar.md | 14 ++-- docs/pages/components/progress-ring.md | 16 ++-- docs/pages/components/qr-code.md | 16 ++-- docs/pages/components/radio-button.md | 32 +++---- docs/pages/components/radio-group.md | 36 ++++---- docs/pages/components/radio.md | 14 ++-- docs/pages/components/range.md | 20 ++--- docs/pages/components/rating.md | 20 ++--- docs/pages/components/relative-time.md | 10 +-- docs/pages/components/resize-observer.md | 2 +- docs/pages/components/select.md | 60 ++++++------- docs/pages/components/skeleton.md | 12 +-- docs/pages/components/spinner.md | 8 +- docs/pages/components/split-panel.md | 28 +++---- docs/pages/components/switch.md | 12 +-- docs/pages/components/tab-group.md | 42 +++++----- docs/pages/components/tab-panel.md | 6 +- docs/pages/components/tag.md | 8 +- docs/pages/components/textarea.md | 20 ++--- docs/pages/components/tooltip.md | 36 ++++---- docs/pages/components/tree-item.md | 16 ++-- docs/pages/components/tree.md | 26 +++--- docs/pages/frameworks/angular.md | 28 +++---- docs/pages/frameworks/react.md | 48 +++++------ docs/pages/frameworks/templ.md | 13 +++ docs/pages/frameworks/vue-2.md | 28 +++---- docs/pages/frameworks/vue.md | 32 +++---- docs/pages/getting-started/customizing.md | 16 ++-- docs/pages/getting-started/form-controls.md | 48 +++++------ docs/pages/getting-started/installation.md | 78 ++++++++--------- docs/pages/getting-started/localization.md | 24 +++--- docs/pages/getting-started/themes.md | 18 ++-- docs/pages/getting-started/usage.md | 24 +++--- docs/pages/index.md | 32 +++---- docs/pages/resources/accessibility.md | 14 ++-- docs/pages/resources/changelog.md | 84 +++++++++---------- docs/pages/resources/community.md | 18 ++-- docs/pages/resources/contributing.md | 38 ++++----- docs/pages/tokens/color.md | 6 +- docs/pages/tokens/more.md | 2 +- .../pages/tutorials/integrating-with-astro.md | 44 +++++----- .../tutorials/integrating-with-laravel.md | 46 +++++----- .../tutorials/integrating-with-nextjs.md | 82 +++++++++--------- .../pages/tutorials/integrating-with-rails.md | 30 +++---- 84 files changed, 1022 insertions(+), 1009 deletions(-) create mode 100644 docs/pages/frameworks/templ.md diff --git a/docs/_includes/component.njk b/docs/_includes/component.njk index e377e69..9de4412 100644 --- a/docs/_includes/component.njk +++ b/docs/_includes/component.njk @@ -59,32 +59,32 @@

- To import this component from the CDN + To import this component from the CDN using a script tag:

- 
<script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@{{ meta.version }}/{{ meta.cdndir }}/{{ component.path }}"></script>
+ 
<script type="module" src="https://cdn.jsdelivr.net/npm/@onsonr/nebula@{{ meta.version }}/{{ meta.cdndir }}/{{ component.path }}"></script>

- To import this component from the CDN + To import this component from the CDN using a JavaScript import:

- 
import 'https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@{{ meta.version }}/{{ meta.cdndir }}/{{ component.path }}';
+ 
import 'https://cdn.jsdelivr.net/npm/@onsonr/nebula@{{ meta.version }}/{{ meta.cdndir }}/{{ component.path }}';

To import this component using a bundler:

- 
import '@shoelace-style/shoelace/{{ meta.npmdir }}/{{ component.path }}';
+ 
import '@onsonr/nebula/{{ meta.npmdir }}/{{ component.path }}';

To import this component as a React component:

- 
import {{ component.name }} from '@shoelace-style/shoelace/{{ meta.npmdir }}/react/{{ component.tagNameWithoutPrefix }}';
+ 
import {{ component.name }} from '@onsonr/nebula/{{ meta.npmdir }}/react/{{ component.tagNameWithoutPrefix }}';
 diff --git a/docs/_includes/default.njk b/docs/_includes/default.njk index 315d11e..aa1c9cc 100644 --- a/docs/_includes/default.njk +++ b/docs/_includes/default.njk @@ -33,7 +33,7 @@ - {# Shoelace #} + {# Nebula #} @@ -71,12 +71,12 @@ {# Icon toolbar #}
{# GitHub #} - + {# Twitter #} - + @@ -106,7 +106,7 @@ Get ready for more awesome! - Web Awesome, the next iteration of Shoelace, is on Kickstarter. + Web Awesome, the next iteration of Nebula, is on Kickstarter. Read Our Story @@ -115,7 +115,7 @@