Merge pull request #861 from trimble-oss/dev/coliff/docs-fixes

Minor improvement for background color for examples

.github/CODEOWNERS

@@ -1,13 +1,14 @@
 # About CODEOWNERS
-# https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-owners
+
+## https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-owners
 
 ## Folders
 
 /assets/                       @coliff
 /content/                      @coliff @egunther39 @enowak1031
 /content/components/in-field/  @mjohnsnz
 /layouts/                      @coliff
-/static/                       @coliff @egunther39 @enowak1031
+/static/                       @coliff
 /static/img/in-field/          @mjohnsnz
 
 ## File Types

.markdownlint.json

@@ -14,5 +14,7 @@
   "MD033": false,
   "MD034": false,
   "MD036": false,
+  "MD055": false,
+  "MD056": false,
   "whitespace": false
 }

.nvmrc

@@ -1 +1 @@
-18.19.0
+20

content/components/in-field/messages/_index.md

@@ -9,7 +9,7 @@ images:
 tags: [in-field, usage]
 ---
 
-{{< img src="/img/in-field/messages-overview.svg" dark="/img/in-field/messages-overview-dark.svg" class="w-100 bg-light" width="1087" height="353" alt="Messages example" loading="auto" >}}
+{{< img src="/img/in-field/messages-overview.svg" dark="/img/in-field/messages-overview-dark.svg" class="w-100 bg-secondary bg-opacity-25" width="1087" height="353" alt="Messages example" loading="auto" >}}
 
 ## Overview
 

content/components/in-field/modals/_index.md

@@ -10,7 +10,7 @@ keywords: modal, Dialogs, Dialog
 tags: [in-field, usage]
 ---
 
-{{< img src="/img/in-field/modals.png" dark="/img/in-field/modals-dark.png" class="w-100 bg-light" width="1087" height="471" alt="Modals Specifications" loading="auto" >}}
+{{< img src="/img/in-field/modals.png" dark="/img/in-field/modals-dark.png" class="w-100 bg-secondary bg-opacity-25" width="1087" height="471" alt="Modals Specifications" loading="auto" >}}
 
 ## Overview
 

content/components/in-field/prompts/_index.md

@@ -12,7 +12,7 @@ aliases:
   - prompt
 ---
 
-{{< img src="/img/in-field/prompts.svg" dark="/img/in-field/prompts-dark.svg" width="1051" height="313" class="w-100 bg-light" alt="Prompts example" loading="auto" >}}
+{{< img src="/img/in-field/prompts.svg" dark="/img/in-field/prompts-dark.svg" width="1051" height="313" class="w-100 bg-secondary bg-opacity-25" alt="Prompts example" loading="auto" >}}
 
 ## Overview
 

content/components/in-field/tabs/_index.md

@@ -9,7 +9,7 @@ images:
 tags: [in-field, usage]
 ---
 
-{{< img src="/img/in-field/tabs.png" dark="/img/in-field/tabs-dark.png" width="1088" height="359" class="w-100 bg-light" alt="Tabs example" loading="auto" >}}
+{{< img src="/img/in-field/tabs.png" dark="/img/in-field/tabs-dark.png" width="1088" height="359" class="w-100 bg-secondary bg-opacity-25" alt="Tabs example" loading="auto" >}}
 
 ## Overview
 
@@ -23,7 +23,7 @@ Tabs are a set of layered sections of content, known as tab panels, that display
 - You want to organize content into meaningful sections that occupy less screen space.
 - Add visual consistency.
 
-#### Don’t use when
+#### Don't use when
 
 - You need primary means of navigation.
 - Grouping unrelated content.

content/components/web/rich-text-format-editor/styles.md

@@ -26,6 +26,9 @@ tags: [styles]
   font-size: 24px;
   color: #000 !important;
 }
+[data-bs-theme="light"] main button.btn[data-bs-toggle="button"] {
+  border-color: #fff !important;
+}
 [data-bs-theme="dark"] main button.btn .modus-icons {
   font-size: 24px;
   color: #fff !important;
@@ -37,7 +40,7 @@ tags: [styles]
     <div class="d-flex border-top">
       <div class="border-start">
       <div class="dropdown">
-  <button class="btn text-body fw-normal btn-outline-secondary dropdown-toggle dropdown-ff fs-6 small text-start border-0" type="button" data-bs-toggle="dropdown" aria-expanded="false"  style="max-width: 118px; min-width: 118px;">
+  <button class="btn text-body fw-normal btn-outline-secondary dropdown-toggle dropdown-ff fs-6 small text-start border-0" type="button" data-bs-toggle="dropdown" aria-expanded="false" style="max-width: 118px; min-width: 118px;">
     Sans Serif
   </button>
   <ul class="dropdown-menu dropdown-menu-ff" style="max-width: 118px; min-width: 118px;">
@@ -49,7 +52,7 @@ tags: [styles]
 </div>
       <div class="vr"></div>
 <div class="dropdown border-end">
-  <button class="btn fw-normal btn-outline-secondary dropdown-toggle dropdown-fs fs-6 small text-start border-0" type="button" data-bs-toggle="dropdown" aria-expanded="false"  style="max-width: 80px; min-width: 80px;">
+  <button class="btn fw-normal btn-outline-secondary dropdown-toggle dropdown-fs fs-6 small text-start border-0" type="button" data-bs-toggle="dropdown" aria-expanded="false" style="max-width: 80px; min-width: 80px;">
     14px
   </button>
   <ul class="dropdown-menu dropdown-menu-fs" style="max-width: 80px; min-width: 80px;">
@@ -59,56 +62,56 @@ tags: [styles]
   </ul>
 </div>
       <div class="mx-1">
-        <button type="button" class="btn btn-outline-secondary btn-icon-only border-0" aria-label="Bold">
-          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" title="Bold" style="font-size: 24px; margin-top: 5px">text_bold</i>
+        <button type="button" class="btn btn-outline-secondary btn-icon-only border-opacity-25" aria-label="Bold" data-bs-toggle="button">
+          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" data-bs-offset="0,16" title="Bold" style="font-size: 24px; margin-top: 5px">text_bold</i>
         </button>
       </div>
       <div class="mx-1">
-        <button type="button" class="btn btn-outline-secondary btn-icon-only border-0" aria-label="Italic">
-          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" title="Italic" style="font-size: 24px; margin-top: 5px">text_italic</i>
+        <button type="button" class="btn btn-outline-secondary btn-icon-only border-opacity-25" aria-label="Italic" data-bs-toggle="button">
+          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" data-bs-offset="0,16" title="Italic" style="font-size: 24px; margin-top: 5px">text_italic</i>
         </button>
       </div>
       <div class="mx-1">
-        <button type="button" class="btn btn-outline-secondary btn-icon-only border-0" aria-label="Underlined">
-          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" title="Underlined" style="font-size: 24px; margin-top: 5px">text_underlined</i>
+        <button type="button" class="btn btn-outline-secondary btn-icon-only border-opacity-25" aria-label="Underlined" data-bs-toggle="button">
+          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" data-bs-offset="0,16" title="Underlined" style="font-size: 24px; margin-top: 5px">text_underlined</i>
         </button>
       </div>
       <div class="mx-1">
-        <button type="button" class="btn btn-outline-secondary btn-icon-only border-0" aria-label="Strikethrough">
-          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" title="Strikethrough" style="font-size: 24px; margin-top: 5px">text_strikethrough</i>
+        <button type="button" class="btn btn-outline-secondary btn-icon-only border-opacity-25" aria-label="Strikethrough" data-bs-toggle="button">
+          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" data-bs-offset="0,16" title="Strikethrough" style="font-size: 24px; margin-top: 5px">text_strikethrough</i>
         </button>
       </div>
       <div class="vr"></div>
       <div class="mx-1">
         <button type="button" class="btn btn-outline-secondary btn-icon-only border-0" aria-label="Text align: Left">
-          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" title="Text align: Left">text_align_left</i>
+          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" data-bs-offset="0,16" title="Text align: Left">text_align_left</i>
         </button>
       </div>
       <div class="mx-1">
         <button type="button" class="btn btn-outline-secondary btn-icon-only border-0" aria-label="Text align: Center">
-          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" title="Text align: Center">text_centered</i>
+          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" data-bs-offset="0,16" title="Text align: Center">text_centered</i>
         </button>
       </div>
       <div class="mx-1">
         <button type="button" class="btn btn-outline-secondary btn-icon-only border-0" aria-label="Text align: Right">
-          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" title="Text align: Right">text_align_right</i>
+          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" data-bs-offset="0,16" title="Text align: Right">text_align_right</i>
         </button>
       </div>
       <div class="vr"></div>
       <div class="mx-1">
         <button type="button" class="btn btn-outline-secondary btn-icon-only border-0" aria-label="List: bulleted">
-          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" title="List: Bulleted">list_bulleted</i>
+          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" data-bs-offset="0,16" title="List: Bulleted">list_bulleted</i>
         </button>
       </div>
       <div class="mx-1">
         <button type="button" class="btn btn-outline-secondary btn-icon-only border-0" aria-label="List: numbered">
-          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" title="List: Numbered">list_numbered</i>
+          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" data-bs-offset="0,16" title="List: Numbered">list_numbered</i>
         </button>
       </div>
       <div class="vr"></div>
       <div class="mx-1">
         <button type="button" class="btn btn-outline-secondary btn-icon-only border-0" aria-label="Link">
-          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" title="Link">link</i>
+          <i class="modus-icons notranslate" aria-hidden="true" data-bs-toggle="tooltip" data-bs-offset="0,16" title="Link">link</i>
         </button>
       </div>
     </div>

content/components/xr/backplates/_index.md

@@ -11,7 +11,7 @@ aliases:
   - backplate
 ---
 
-{{< img src="/img/xr/MXR_Backplate_Interaction.gif" width="854" height="480" class="w-100 bg-light" loading="auto" >}}
+{{< img src="/img/xr/MXR_Backplate_Interaction.gif" width="854" height="480" class="w-100 bg-secondary bg-opacity-25" loading="auto" >}}
 
 ## Overview
 

content/components/xr/buttons/_index.md

@@ -12,7 +12,7 @@ aliases:
   - button
 ---
 
-{{< img src="/img/xr/MXR_Button_Interaction.gif" width="854" height="481" class="w-100 bg-light" loading="auto" >}}
+{{< img src="/img/xr/MXR_Button_Interaction.gif" width="854" height="481" class="w-100 bg-secondary bg-opacity-25" loading="auto" >}}
 
 ## Overview
 

content/components/xr/tooltips/_index.md

@@ -9,7 +9,7 @@ images:
 tags: [xr, usage]
 ---
 
-{{< img src="/img/xr/MXR_Tooltips_Interaction.gif" width="854" height="481" class="w-100 bg-light" loading="auto" >}}
+{{< img src="/img/xr/MXR_Tooltips_Interaction.gif" width="854" height="481" class="w-100 bg-secondary bg-opacity-25" loading="auto" >}}
 
 ## Overview
 

layouts/_default/_markup/render-link.html

@@ -1,3 +1,8 @@
+{{ if strings.HasPrefix .Destination "https://brandfolder.com" }}
+  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="opacity-75" viewBox="0 0 24 24">
+    <path d="M16.96 8.92V7.21c0-2.61-1.91-4.94-4.51-5.19A5.003 5.003 0 0 0 6.96 7v1.92h-1c-1.1 0-2 .9-2 2v9.07c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-9.07c0-1.1-.9-2-2-2zM11.97 17c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2m2.98-8.08h-6v-1.8c0-1.45.98-2.78 2.4-3.06 1.92-.37 3.6 1.09 3.6 2.94z"/>
+  </svg>
+  {{end}}
 <a href="{{- .Destination | safeURL -}}" {{ with .Title}} title="{{- . -}}"
   {{- end -}}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener" {{- end -}}>
   {{- .Text | safeHTML -}}

package.json

@@ -59,7 +59,7 @@
     "stylelint-config-standard-scss": "13.1.0",
     "textlint": "14.0.4",
     "textlint-rule-common-misspellings": "1.0.1",
-    "textlint-rule-terminology": "5.0.0"
+    "textlint-rule-terminology": "4.0.1"
   },
   "hugo-bin": {
     "buildTags": "extended"