chore(docs): september update (VIV-000) (#1900)

* chore: updates sept docs * chore: removes v4 announcement from docs * chore: fixes typo --------- Co-authored-by: James Taylor <[email protected]>
Vonage · Sep 12, 2024 · 300a4b9 · 300a4b9
1 parent 1c28e9e
commit 300a4b9
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 33 deletions.
diff --git a/apps/docs/assets/styles/main.scss b/apps/docs/assets/styles/main.scss
@@ -232,9 +232,8 @@ p.lede {
 	max-inline-size: 55ch;
 }
 
-article.article > h1 + .heading-wrapper h2,
-article.article > h1 + p + .heading-wrapper h2 {
-	margin-block-start: 0;
+.heading-wrapper:first-of-type h2 {
+	margin-block-start: 36px;
 }
 
 vwc-tab-panel pre.hljs:first-child {
@@ -290,7 +289,6 @@ vwc-note ~ vwc-note {
 .table-wrapper {
 	display: inline-flex;
 	box-sizing: border-box;
-	padding-block: 8px;
 }
 
 @media (width <= 768px) {
@@ -302,6 +300,7 @@ vwc-note ~ vwc-note {
 
 table {
 	border-collapse: collapse;
+	margin-block: 16px;
 }
 
 thead > tr {

diff --git a/apps/docs/content/_layouts/base.njk b/apps/docs/content/_layouts/base.njk
@@ -44,29 +44,7 @@
 		{% block header %}{% endblock %}
   </head>
 
-<body class="page-not-ready with-announcement-banner" hx-boost="true" hx-target="main" hx-select="main" hx-swap="outerHTML">
-		<vwc-banner class="announcement-banner" icon="sparkles-solid"
-       text="We are pleased to announce Vivid v4.0.0. Please check out the migration guide"
-       connotation="announcement"
-      >
-      <vwc-button
-      	appearance="ghost"
-      	slot="action-items"
-      	class="vvd-theme-alternate desktop"
-      	label="V4 Migration Guide"
-      	icon="double-chevron-right-line" icon-trailing
-      	href="/guides/v4-release-migration/"
-      ></vwc-button>
-      <vwc-button
-            	appearance="ghost"
-            	slot="action-items"
-            	class="vvd-theme-alternate mobile-only"
-            	aria-label="V4 Migration Guide"
-            	icon="open-line"
-            	href="/guides/v4-release-migration/"
-            ></vwc-button>
-            </vwc-banner>
-
+<body class="page-not-ready" hx-boost="true" hx-target="main" hx-select="main" hx-swap="outerHTML">
 	<vwc-header id="header-main" slot="app-content">
 
 		<div class="header-content-wrapper">

diff --git a/apps/docs/content/guides/eslint-plugin.md b/apps/docs/content/guides/eslint-plugin.md
@@ -62,6 +62,4 @@ The plugin provides a set of rules that can be extended or overridden. To custom
 
 ### {{ rule.name }}
 
-{% renderFile rule.markdown %}
-
 {% endfor %}
diff --git a/apps/docs/content/guides/vivid-2-migration.md b/apps/docs/content/guides/vivid-2-migration.md
@@ -5,10 +5,8 @@ order: 6
 
 # Migrating From Vivid 2.x to Vivid 3.x
 
-Vivid 3.x has been rewritten from scratch.
-
-It comes with almost all components that are available in Vivid 2.x, and many new ones.
-All of them are better in both code and semantics. All the components are aligned with the HTML spec and are accessible.
+Vivid 3.x has been rewritten from scratch.<br />It comes with almost all components that are available in Vivid 2.x, and many new ones.
+All of them are better in both code and semantics. All the components are aligned with the HTML spec and are more accessible.
 
 If you are migrating to Vivid 3.x, you can install it alongside Vivid 2.x for an easy and gradual migration.
 

diff --git a/apps/docs/content/whats-new/monthly-updates/september-2024.md b/apps/docs/content/whats-new/monthly-updates/september-2024.md
@@ -0,0 +1,32 @@
+---
+title: September 2024
+month: 2024-09
+---
+
+# September 2024 - Monthly Update
+
+## Office Hours Meetings
+
+See the [Office Hours minutes](https://docs.google.com/document/d/1E0yvyGUzBoQFH5l_W6ElBoZaxqZ3HWmDLDqOl0lc8a0/edit#heading=h.6an7tptc81o2) for more details.
+
+**03/09/2024**
+
+- A question was raised over the Vivid / Vue binding bundle size
+  - Libraries such as Video.js are being exported even when not used
+  - It was agreed to look into improving tree shaking in the Vue bindings
+
+## Data-grid: sort icon placement change
+
+The [sort icon in the header](/components/data-grid/#columndefinitions) of data-grid are now aligned closer to the header text.
+
+## FAB: adds condensed size
+
+We have added a [condensed size](/components/fab/#size) to the FAB component.
+
+## Icon: adds warning connotation
+
+We have added a [warning connotation](/components/icon/#connotation) to the Icon component.
+
+## Tabs: adds shadow to tabs list when they scroll
+
+We have added a shadow to the tab list container when the number/size of tab items creates a scroll. Previously, it could be hard to see that there were more items.