MarkBind · jovyntls · Feb 6, 2023 · Jan 30, 2023 · Jan 30, 2023 · Jan 30, 2023
diff --git a/docs/devGuide/design/projectStructure.md b/docs/devGuide/design/projectStructure.md
@@ -124,7 +124,7 @@ Some custom components and directives are also added for MarkBind's use.
 
   * Thumbnail.vue
 
-  * TipBox.vue
+  * Box.vue
 
 * **Custom directives ported from [MarkBind/vue-strap](https://github.com/MarkBind/vue-strap)**
 

diff --git a/docs/index.md b/docs/index.md
@@ -47,15 +47,15 @@ An example that uses GFMD syntax for task lists:
   </td>
   <td>&nbsp;→&nbsp;</td>
   <td><br>
-<tip-box>
+<box>
 
 **Things to do:**
 
 - [x] Finish my changes
 - [ ] Push my commits to GitHub
 - [ ] Open a pull request
 
-</tipbox>
+</box>
   </td>
 </tr>
 </table>
@@ -73,11 +73,11 @@ Euler's Identity \(e^{i\pi}+1=0\) is a beautiful formula.
   </td>
   <td>&nbsp;→&nbsp;</td>
   <td><br>
-<tip-box>
+<box>
 
 Euler's Identity \(e^{i\pi}+1=0\) is a beautiful formula.
 
-</tipbox>
+</box>
   </td>
 </tr>
 </table>

diff --git a/docs/userGuide/components/advanced.md b/docs/userGuide/components/advanced.md
@@ -135,22 +135,22 @@ You can define such a slot within the component by adding a `slot="slot_name"` a
 Every component documented in our user guide allows you to insert your own defined CSS classes.
 This is done by adding the `add-class` attribute to a component along with the desired class names.
 
-<tip-box border-left-color="#00B0F0">
+<box border-left-color="#00B0F0">
   <i style="font-style: normal; font-weight: bold; color: dimgray">Example</i><br>
-  <tip-box type="info" add-class="lead font-italic text-center">
+  <box type="info" add-class="lead font-italic text-center">
     Easily apply Bootstrap classes without using a wrapper!
-  </tip-box>
-</tip-box>
+  </box>
+</box>
 
-<tip-box border-left-color="black">
+<box border-left-color="black">
 <i style="font-style: normal; font-weight: bold; color: dimgray">Markup</i>
 
 ```html
-<tip-box type="info" add-class="lead font-italic text-center">
+<box type="info" add-class="lead font-italic text-center">
   Easily apply Bootstrap classes without using a wrapper!
-</tip-box>
+</box>
 ```
-</tip-box>
+</box>
 <br>
 
 {% from "njk/common.njk" import previous_next %}

diff --git a/docs/userGuide/syntax/panels.md b/docs/userGuide/syntax/panels.md
@@ -174,9 +174,9 @@
 <panel header="Parent Panel">
   <panel header="Level 1 Nested Panel">
     <panel header="Level 2 Nested Panel">
-      <tip-box type="success">
-        I'm a nested tip-box
-      </tip-box>
+      <box type="success">
+        I'm a nested box
+      </box>
       <panel header="Level 3 Nested Panel" type="minimal">
         minimal-type panel
       </panel>

diff --git a/docs/userGuide/usingPlugins.md b/docs/userGuide/usingPlugins.md
@@ -68,12 +68,12 @@ MarkBind has a set of built-in plugins that can be used immediately without inst
 
 ### Adding External Plugins
 
-<tip-box type="warning">
+<box type="warning">
 
 **WARNING:** Plugins are executable programs that can be written by anyone. This means that they might contain malicious code that may damage your computer.
 
 Only run plugins from sources that you trust. Do not run the plugin if the source/origin of the plugin cannot be ascertained.
-</tip-box>
+</box>
 
 Plugins come as `.js` files. To install an external plugin, simply put it in the `_markbind/plugins` folder. To use the plugin, update the `site.json` file the same way you did for built-in plugins.
 

diff --git a/packages/cli/test/functional/test_site_templates/test_default/expected/index.html b/packages/cli/test/functional/test_site_templates/test_default/expected/index.html
@@ -181,17 +181,17 @@ <h1 id="heading-2"><span id="heading-2" class="anchor"></span>Heading 2<a class=
           Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
         </box>
         <box type="tip"><template #header>
-            <p>Tip box heading</p>
+            <p>Box heading</p>
           </template>
           tip
         </box>
         <box type="success"><template #header>
-            <p>Tip box heading</p>
+            <p>Box heading</p>
           </template>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
         </box>
         <box type="important" dismissible><template #header>
-            <p>Tip box heading</p>
+            <p>Box heading</p>
           </template>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
         </box>

diff --git a/...es/cli/test/functional/test_site_templates/test_default/expected/index.page-vue-render.js b/...es/cli/test/functional/test_site_templates/test_default/expected/index.page-vue-render.js
diff --git a/packages/core/src/html/MdAttributeRenderer.js b/packages/core/src/html/MdAttributeRenderer.js
@@ -138,7 +138,7 @@ class MdAttributeRenderer {
   }
 
   /*
-   * Tip boxes
+   * Boxes
    */
 
   processBoxAttributes(node) {

diff --git a/packages/core/template/default/index.md b/packages/core/template/default/index.md
@@ -92,13 +92,13 @@ value2   | y        | 20       | :far-thumbs-down:
 <box type="warning" dismissible>
     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </box>
-<box type="tip" header="Tip box heading">
+<box type="tip" header="Box heading">
     tip
 </box>
-<box type="success" header="Tip box heading">
+<box type="success" header="Box heading">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </box>
-<box type="important" dismissible header="Tip box heading">
+<box type="important" dismissible header="Box heading">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </box>
 

diff --git a/packages/vue-components/src/TipBox.vue → packages/vue-components/src/Box.vue b/packages/vue-components/src/TipBox.vue → packages/vue-components/src/Box.vue