Merge branch 'main' into fix/rh-dialog-close-cancel-events

RedHat-UX · Mar 14, 2024 · 75b0f9c · 75b0f9c
2 parents 7f2b6c2 + c25b726
commit 75b0f9c
Show file tree

Hide file tree

Showing 22 changed files with 15 additions and 244 deletions.
diff --git a/.changeset/angry-lemons-shop.md b/.changeset/angry-lemons-shop.md
diff --git a/.changeset/late-shrimps-shake.md b/.changeset/late-shrimps-shake.md
diff --git a/.changeset/sixty-lemons-smoke.md b/.changeset/sixty-lemons-smoke.md
diff --git a/.changeset/swift-starfishes-perform.md b/.changeset/swift-starfishes-perform.md
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @rhds/elements
 
+## 1.3.1
+
+### Patch Changes
+
+- d87dfb94a: `<rh-tabs>`: fixed issue that stop tabs from correctly resizing on mobile
+- 01f100cf8: `<rh-tile>`: fixed issue with click target area of tile
+- 08722dd71: `<rh-table>`: corrected custom background hover color tokens.
+- 4259ba0ed: `<rh-tabs>`: improved documentation
+
 ## 1.3.0
 
 ### Minor Changes

diff --git a/docs/_includes/layout-base.njk b/docs/_includes/layout-base.njk
@@ -26,7 +26,6 @@
   <link rel="stylesheet" href="{{ '/assets/prism.css' | url }}" >
   <link rel="stylesheet" href="{{ '/assets/rhds.min.css' | url }}">
   <link rel="stylesheet" href="{{ '/assets/packages/@rhds/elements/elements/rh-footer/rh-footer-lightdom.css' | url }}">
-  <link rel="stylesheet" href="{{ '/assets/packages/@rhds/elements/elements/rh-cta/rh-cta-lightdom.css' | url }}">
   <link rel="stylesheet" href="{{ '/assets/packages/@rhds/elements/elements/rh-subnav/rh-subnav-lightdom.css' | url }}">
 
   {% sassFile false %}

diff --git a/docs/foundations/personalization.njk b/docs/foundations/personalization.njk
@@ -12,7 +12,7 @@ includeComponent:
 
 {% call components.section("Overview") -%}
 
-  <p>UX personalization patterns are a way for you to introduce targeting into your projects. They are ready-made and contain all the details you need to plug-and-play your concept into an personalization opportunity.</p>
+  <p>Personalization is a digital marketing tactic where priority audiences are intercepted through targeting. Those audiences can be account-, demographic-, behavioral-, lifecycle-, or intent-based. Our goal is to provide visitors with the best next action when browsing our websites as well as meet their specific needs and progress them through the customer lifecycle.<br /><br />For more information about how personalization works, the team, and our vision for the future, read the <a href="https://docs.google.com/presentation/d/1rRLFRJLsbspINGu5r2zXBUITRkwzVVH8T3CveA1Z_bM/edit#slide=id.g24f5d8f664e_0_1100" target="_blank">source deck</a>.</p>
 
   <div class="multi-column--min-400-wide margin-top--10">
 

diff --git a/elements/rh-audio-player/docs/40-code.md b/elements/rh-audio-player/docs/40-code.md
@@ -2,7 +2,7 @@
 
 ## Usage
 {% playground tagName=tagName %}{% endplayground %}
-{% cta href="./demo/", target="_blank" %}
+{% cta href="../demo/", target="_blank" %}
 View the demo in a new tab
 {% endcta %}
 

diff --git a/elements/rh-button/docs/30-code.md b/elements/rh-button/docs/30-code.md
@@ -2,7 +2,7 @@
 
 ## Usage
   {% playground tagName=button %}{% endplayground %}
-  {% cta href="./demo/", target="_blank" %}
+  {% cta href="../demo/", target="_blank" %}
 View the demo in a new tab
   {% endcta %}
 

diff --git a/elements/rh-cta/demo/analytics.html b/elements/rh-cta/demo/analytics.html
@@ -72,7 +72,6 @@ <h2>Last CTA Analytics Event</h2>
 }
 </style>
 
-<link rel="stylesheet" href="../rh-cta-lightdom.css">
 <script type="module">
 import '@rhds/elements/rh-cta/rh-cta.js';
 import 'https://ga.jspm.io/npm:[email protected]/prism.js';

diff --git a/elements/rh-cta/demo/brick.html b/elements/rh-cta/demo/brick.html
@@ -7,7 +7,6 @@
   </rh-cta>
 </div>
 
-<link rel="stylesheet" href="../rh-cta-lightdom.css">
 <script type="module">
   import '@rhds/elements/rh-cta/rh-cta.js';
 </script>

diff --git a/elements/rh-cta/demo/button.html b/elements/rh-cta/demo/button.html
@@ -10,7 +10,6 @@
   <button>Button</button>
 </rh-cta>
 
-<link rel="stylesheet" href="../rh-cta-lightdom.css">
 <script type="module">
   import '@rhds/elements/rh-cta/rh-cta.js';
 </script>
diff --git a/elements/rh-cta/demo/color-context.html b/elements/rh-cta/demo/color-context.html
@@ -8,7 +8,6 @@
   <rh-cta variant="brick" icon="circle-play"><a href="#brick-video">Brick Video</a></rh-cta>
 </rh-context-demo>
 
-<link rel="stylesheet" href="../rh-cta-lightdom.css">
 <script type="module">
   import '@rhds/elements/rh-cta/rh-cta.js';
   import '@rhds/elements/lib/elements/rh-context-demo/rh-context-demo.js';

diff --git a/elements/rh-cta/demo/no-javascript-customization.html b/elements/rh-cta/demo/no-javascript-customization.html
@@ -72,7 +72,6 @@ <h2>Link and button styles (displayed inline)</h2>
 
 </section>
 
-<link rel="stylesheet" href="../rh-cta-lightdom.css">
 <style>
 #dark {
   background-color: var(--rh-color-surface-darkest, #151515);

diff --git a/elements/rh-cta/demo/resizing.html b/elements/rh-cta/demo/resizing.html
@@ -98,7 +98,6 @@
   </div>
 </section>
 
-<link rel="stylesheet" href="../rh-cta-lightdom.css">
 <script type="module">
   import '@rhds/elements/rh-cta/rh-cta.js';
 </script>

diff --git a/elements/rh-cta/demo/rh-cta.html b/elements/rh-cta/demo/rh-cta.html
@@ -3,7 +3,6 @@
 </rh-cta>
 
 
-<link rel="stylesheet" href="../rh-cta-lightdom.css">
 <script type="module">
   import '@rhds/elements/rh-cta/rh-cta.js';
 </script>
diff --git a/elements/rh-cta/demo/right-to-left.html b/elements/rh-cta/demo/right-to-left.html
@@ -90,7 +90,6 @@ <h2>Deep Shadow RTL</h2>
 </section>
 
 
-<link rel="stylesheet" href="../rh-cta-lightdom.css">
 <style>
 shadow-root:not(:defined) {
   display: block;

diff --git a/elements/rh-cta/demo/variants.html b/elements/rh-cta/demo/variants.html
@@ -45,7 +45,6 @@
   }
 </style>
 
-<link rel="stylesheet" href="../rh-cta-lightdom.css">
 <script type="module">
   import '@rhds/elements/rh-cta/rh-cta.js';
 </script>
diff --git a/elements/rh-cta/rh-cta-lightdom.css b/elements/rh-cta/rh-cta-lightdom.css
diff --git a/elements/rh-tile/docs/30-code.md b/elements/rh-tile/docs/30-code.md
@@ -5,7 +5,7 @@
     Tiles require light DOM CSS to be included on the page in order to style links properly.
   {% endalert %}
   {% playground tagName=tile %}{% endplayground %}
-  {% cta href="./demo/", target="_blank" %}
+  {% cta href="../demo/", target="_blank" %}
 View the demo in a new tab
   {% endcta %}
 {% endband %}

diff --git a/elements/rh-tooltip/docs/30-code.md b/elements/rh-tooltip/docs/30-code.md
@@ -2,7 +2,7 @@
 
 ## Usage
   {% playground tagName=button %}{% endplayground %}
-  {% cta href="./demo/", target="_blank" %}
+  {% cta href="../demo/", target="_blank" %}
 View the demo in a new tab
   {% endcta %}
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rhds/elements",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Red Hat Design System Elements",
   "type": "module",
   "license": "MIT",
-Original file line number
+Diff line change
@@ Expand Up / @@ -72,7 +72,6 @@ <h2>Link and button styles (displayed inline)</h2> @@
     </section>
-    <link rel="stylesheet" href="../rh-cta-lightdom.css">
     <style>
     #dark {
       background-color: var(--rh-color-surface-darkest, #151515);
@@ Expand Down @@