diff --git a/docs/elements/index.njk b/docs/elements/index.njk index f5420f48b3..f87d76975c 100644 --- a/docs/elements/index.njk +++ b/docs/elements/index.njk @@ -24,6 +24,14 @@ summaries: rh-tile h3 { margin: 0 !important; } + rh-tile p { + margin-block: 0 0 !important; + } + uxdot-example { + height: 216px; + display: flex; + justify-content: center; + } {# NOTE: all images in this view need to be 340 by 200 px in order to maintain same ratio. #} @@ -49,7 +57,7 @@ summaries: {%- set summary = summaries[slug] -%} {% endif %} {% if not hiddenComponent %} - + {{ title }}

{{ title }}

{{ summary }}

@@ -62,7 +70,7 @@ summaries:

Make a request

- To request a new element or if updates need to be made to an existing element, create a GitHub issue. +

To request a new element or if updates need to be made to an existing element, create a GitHub issue or contact us.

diff --git a/elements/rh-accordion/docs/screenshot.png b/elements/rh-accordion/docs/screenshot.png old mode 100755 new mode 100644 index 1ddfd4facd..78b174b97e Binary files a/elements/rh-accordion/docs/screenshot.png and b/elements/rh-accordion/docs/screenshot.png differ diff --git a/elements/rh-alert/docs/screenshot.png b/elements/rh-alert/docs/screenshot.png old mode 100755 new mode 100644 index 2e2dc645b7..28990829a9 Binary files a/elements/rh-alert/docs/screenshot.png and b/elements/rh-alert/docs/screenshot.png differ diff --git a/elements/rh-audio-player/docs/screenshot.png b/elements/rh-audio-player/docs/screenshot.png old mode 100755 new mode 100644 index 2fb683cb7e..f667bf923a Binary files a/elements/rh-audio-player/docs/screenshot.png and b/elements/rh-audio-player/docs/screenshot.png differ diff --git a/elements/rh-audio-player/docs/screenshot.svg b/elements/rh-audio-player/docs/screenshot.svg deleted file mode 100644 index 586685c8c1..0000000000 --- a/elements/rh-audio-player/docs/screenshot.svg +++ /dev/null @@ -1,35 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/elements/rh-avatar/docs/screenshot.png b/elements/rh-avatar/docs/screenshot.png old mode 100755 new mode 100644 index 16ab7855c9..b1ab818aa8 Binary files a/elements/rh-avatar/docs/screenshot.png and b/elements/rh-avatar/docs/screenshot.png differ diff --git a/elements/rh-avatar/docs/screenshot.svg b/elements/rh-avatar/docs/screenshot.svg deleted file mode 100644 index cdd6688ddf..0000000000 --- a/elements/rh-avatar/docs/screenshot.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/elements/rh-back-to-top/docs/screenshot.png b/elements/rh-back-to-top/docs/screenshot.png index f57fda7e4f..67802def47 100644 Binary files a/elements/rh-back-to-top/docs/screenshot.png and b/elements/rh-back-to-top/docs/screenshot.png differ diff --git a/elements/rh-badge/docs/screenshot.png b/elements/rh-badge/docs/screenshot.png old mode 100755 new mode 100644 index bdb908e8f5..836fabbbef Binary files a/elements/rh-badge/docs/screenshot.png and b/elements/rh-badge/docs/screenshot.png differ diff --git a/elements/rh-badge/docs/screenshot.svg b/elements/rh-badge/docs/screenshot.svg deleted file mode 100644 index b94a690776..0000000000 --- a/elements/rh-badge/docs/screenshot.svg +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - 17 - - - - 17 - - - - 17 - - - - 17 - - - - 17 - - - - 17 - - - \ No newline at end of file diff --git a/elements/rh-blockquote/docs/screenshot.png b/elements/rh-blockquote/docs/screenshot.png old mode 100755 new mode 100644 index 482b62d934..a3580a6fc1 Binary files a/elements/rh-blockquote/docs/screenshot.png and b/elements/rh-blockquote/docs/screenshot.png differ diff --git a/elements/rh-breadcrumb/docs/screenshot.png b/elements/rh-breadcrumb/docs/screenshot.png index f618b9a16a..90efed05cc 100644 Binary files a/elements/rh-breadcrumb/docs/screenshot.png and b/elements/rh-breadcrumb/docs/screenshot.png differ diff --git a/elements/rh-button/docs/screenshot.png b/elements/rh-button/docs/screenshot.png old mode 100755 new mode 100644 index b793ab8299..f167e5275a Binary files a/elements/rh-button/docs/screenshot.png and b/elements/rh-button/docs/screenshot.png differ diff --git a/elements/rh-button/docs/screenshot.svg b/elements/rh-button/docs/screenshot.svg deleted file mode 100644 index 7aa8d545ff..0000000000 --- a/elements/rh-button/docs/screenshot.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/elements/rh-card/docs/screenshot.png b/elements/rh-card/docs/screenshot.png old mode 100755 new mode 100644 index bc97fd3ea5..f9ffbac546 Binary files a/elements/rh-card/docs/screenshot.png and b/elements/rh-card/docs/screenshot.png differ diff --git a/elements/rh-code-block/docs/screenshot.png b/elements/rh-code-block/docs/screenshot.png old mode 100755 new mode 100644 index da565602a5..00a541f21c Binary files a/elements/rh-code-block/docs/screenshot.png and b/elements/rh-code-block/docs/screenshot.png differ diff --git a/elements/rh-cta/docs/screenshot.png b/elements/rh-cta/docs/screenshot.png old mode 100755 new mode 100644 index fc93a3641d..8ce68112a7 Binary files a/elements/rh-cta/docs/screenshot.png and b/elements/rh-cta/docs/screenshot.png differ diff --git a/elements/rh-cta/docs/screenshot.svg b/elements/rh-cta/docs/screenshot.svg deleted file mode 100644 index c8c5f390ff..0000000000 --- a/elements/rh-cta/docs/screenshot.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - - - - - - - - - diff --git a/elements/rh-dialog/docs/screenshot.png b/elements/rh-dialog/docs/screenshot.png old mode 100755 new mode 100644 index cb577fbe4f..563ef306b5 Binary files a/elements/rh-dialog/docs/screenshot.png and b/elements/rh-dialog/docs/screenshot.png differ diff --git a/elements/rh-dialog/docs/screenshot.svg b/elements/rh-dialog/docs/screenshot.svg deleted file mode 100644 index cdadef4e34..0000000000 --- a/elements/rh-dialog/docs/screenshot.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/elements/rh-footer/docs/screenshot.png b/elements/rh-footer/docs/screenshot.png old mode 100755 new mode 100644 index d29841e298..4e44974296 Binary files a/elements/rh-footer/docs/screenshot.png and b/elements/rh-footer/docs/screenshot.png differ diff --git a/elements/rh-footnote/docs/screenshot.png b/elements/rh-footnote/docs/screenshot.png old mode 100755 new mode 100644 index b06d451a80..4804c95036 Binary files a/elements/rh-footnote/docs/screenshot.png and b/elements/rh-footnote/docs/screenshot.png differ diff --git a/elements/rh-health-index/docs/screenshot.png b/elements/rh-health-index/docs/screenshot.png index 42313c5530..ca54e2c474 100644 Binary files a/elements/rh-health-index/docs/screenshot.png and b/elements/rh-health-index/docs/screenshot.png differ diff --git a/elements/rh-icon/docs/screenshot.png b/elements/rh-icon/docs/screenshot.png index 72c42f9a17..f8342f16e7 100644 Binary files a/elements/rh-icon/docs/screenshot.png and b/elements/rh-icon/docs/screenshot.png differ diff --git a/elements/rh-icon/docs/screenshot.svg b/elements/rh-icon/docs/screenshot.svg deleted file mode 100644 index 45607843e1..0000000000 --- a/elements/rh-icon/docs/screenshot.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/elements/rh-jump-links/docs/screenshot.png b/elements/rh-jump-links/docs/screenshot.png old mode 100755 new mode 100644 index 53bb2eb18f..8f1cb9cf36 Binary files a/elements/rh-jump-links/docs/screenshot.png and b/elements/rh-jump-links/docs/screenshot.png differ diff --git a/elements/rh-jump-links/docs/screenshot.svg b/elements/rh-jump-links/docs/screenshot.svg deleted file mode 100644 index 9f1858fb4c..0000000000 --- a/elements/rh-jump-links/docs/screenshot.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - - - diff --git a/elements/rh-navigation-primary/docs/screenshot.png b/elements/rh-navigation-primary/docs/screenshot.png old mode 100755 new mode 100644 index 4805980c81..1d38a86c24 Binary files a/elements/rh-navigation-primary/docs/screenshot.png and b/elements/rh-navigation-primary/docs/screenshot.png differ diff --git a/elements/rh-navigation-secondary/docs/screenshot.png b/elements/rh-navigation-secondary/docs/screenshot.png old mode 100755 new mode 100644 index 7f2a3d3a83..9e94b39c58 Binary files a/elements/rh-navigation-secondary/docs/screenshot.png and b/elements/rh-navigation-secondary/docs/screenshot.png differ diff --git a/elements/rh-pagination/docs/screenshot.png b/elements/rh-pagination/docs/screenshot.png old mode 100755 new mode 100644 index 56968b7a58..206196d9c6 Binary files a/elements/rh-pagination/docs/screenshot.png and b/elements/rh-pagination/docs/screenshot.png differ diff --git a/elements/rh-pagination/docs/screenshot.svg b/elements/rh-pagination/docs/screenshot.svg deleted file mode 100644 index 4815af8e00..0000000000 --- a/elements/rh-pagination/docs/screenshot.svg +++ /dev/null @@ -1,54 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/elements/rh-popover/docs/screenshot.png b/elements/rh-popover/docs/screenshot.png old mode 100755 new mode 100644 index a3b17d778b..e05f2ee813 Binary files a/elements/rh-popover/docs/screenshot.png and b/elements/rh-popover/docs/screenshot.png differ diff --git a/elements/rh-popover/docs/screenshot.svg b/elements/rh-popover/docs/screenshot.svg deleted file mode 100644 index 40b15d9f7a..0000000000 --- a/elements/rh-popover/docs/screenshot.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - - - - - - - - - diff --git a/elements/rh-progress-steps/docs/screenshot.png b/elements/rh-progress-steps/docs/screenshot.png old mode 100755 new mode 100644 index 0892ee0c0b..6a781f9706 Binary files a/elements/rh-progress-steps/docs/screenshot.png and b/elements/rh-progress-steps/docs/screenshot.png differ diff --git a/elements/rh-site-status/docs/screenshot.png b/elements/rh-site-status/docs/screenshot.png index 1b9b317d10..751af41482 100644 Binary files a/elements/rh-site-status/docs/screenshot.png and b/elements/rh-site-status/docs/screenshot.png differ diff --git a/elements/rh-skip-link/docs/screenshot.png b/elements/rh-skip-link/docs/screenshot.png index a633fcdc56..3ec58f6775 100644 Binary files a/elements/rh-skip-link/docs/screenshot.png and b/elements/rh-skip-link/docs/screenshot.png differ diff --git a/elements/rh-spinner/docs/screenshot.png b/elements/rh-spinner/docs/screenshot.png old mode 100755 new mode 100644 index 0bdc9c9771..22c7545914 Binary files a/elements/rh-spinner/docs/screenshot.png and b/elements/rh-spinner/docs/screenshot.png differ diff --git a/elements/rh-stat/docs/screenshot.png b/elements/rh-stat/docs/screenshot.png old mode 100755 new mode 100644 index cf27af7351..4ace7426e0 Binary files a/elements/rh-stat/docs/screenshot.png and b/elements/rh-stat/docs/screenshot.png differ diff --git a/elements/rh-subnav/docs/screenshot.png b/elements/rh-subnav/docs/screenshot.png old mode 100755 new mode 100644 index 9e9f41cd93..3d9465e873 Binary files a/elements/rh-subnav/docs/screenshot.png and b/elements/rh-subnav/docs/screenshot.png differ diff --git a/elements/rh-surface/docs/Surface.png b/elements/rh-surface/docs/Surface.png new file mode 100644 index 0000000000..74372dea1f Binary files /dev/null and b/elements/rh-surface/docs/Surface.png differ diff --git a/elements/rh-surface/docs/screenshot.png b/elements/rh-surface/docs/screenshot.png old mode 100755 new mode 100644 index 2ebc14d21f..74372dea1f Binary files a/elements/rh-surface/docs/screenshot.png and b/elements/rh-surface/docs/screenshot.png differ diff --git a/elements/rh-surface/rh-surface.ts b/elements/rh-surface/rh-surface.ts index 9312224b82..09f95b950c 100644 --- a/elements/rh-surface/rh-surface.ts +++ b/elements/rh-surface/rh-surface.ts @@ -16,6 +16,8 @@ import { classMap } from 'lit/directives/class-map.js'; * elements. Use surface only when other containers like card or accordion * are inappropriate. * + * @summary Provides background color context for elements placed on top + * * @slot - The `` element has a single anonymous slot which accepts any content and does not provide additional layout styling * * @example A surface providing a theme to a spinner diff --git a/elements/rh-switch/docs/screenshot.png b/elements/rh-switch/docs/screenshot.png index 151bc42066..3d246ebbf7 100644 Binary files a/elements/rh-switch/docs/screenshot.png and b/elements/rh-switch/docs/screenshot.png differ diff --git a/elements/rh-table/docs/screenshot.png b/elements/rh-table/docs/screenshot.png index dceac1cd79..a1d4d6128c 100644 Binary files a/elements/rh-table/docs/screenshot.png and b/elements/rh-table/docs/screenshot.png differ diff --git a/elements/rh-tabs/docs/screenshot.png b/elements/rh-tabs/docs/screenshot.png old mode 100755 new mode 100644 index e518dac9ad..593c1e2a7d Binary files a/elements/rh-tabs/docs/screenshot.png and b/elements/rh-tabs/docs/screenshot.png differ diff --git a/elements/rh-tag/docs/screenshot.png b/elements/rh-tag/docs/screenshot.png old mode 100755 new mode 100644 index 502bfc0a02..c02444dfa1 Binary files a/elements/rh-tag/docs/screenshot.png and b/elements/rh-tag/docs/screenshot.png differ diff --git a/elements/rh-tile/docs/screenshot.png b/elements/rh-tile/docs/screenshot.png index 6380fccce9..4e4c60529e 100644 Binary files a/elements/rh-tile/docs/screenshot.png and b/elements/rh-tile/docs/screenshot.png differ diff --git a/elements/rh-timestamp/docs/screenshot.png b/elements/rh-timestamp/docs/screenshot.png old mode 100755 new mode 100644 index 1615c46334..dec9023f0d Binary files a/elements/rh-timestamp/docs/screenshot.png and b/elements/rh-timestamp/docs/screenshot.png differ diff --git a/elements/rh-tooltip/docs/screenshot.png b/elements/rh-tooltip/docs/screenshot.png old mode 100755 new mode 100644 index 0b8ecd03a9..64b9a7f22b Binary files a/elements/rh-tooltip/docs/screenshot.png and b/elements/rh-tooltip/docs/screenshot.png differ diff --git a/elements/rh-video-embed/docs/screenshot.png b/elements/rh-video-embed/docs/screenshot.png index 3c64b8afde..d5a49dd001 100644 Binary files a/elements/rh-video-embed/docs/screenshot.png and b/elements/rh-video-embed/docs/screenshot.png differ diff --git a/elements/rh-video-embed/docs/screenshot.svg b/elements/rh-video-embed/docs/screenshot.svg new file mode 100644 index 0000000000..d5b819875b --- /dev/null +++ b/elements/rh-video-embed/docs/screenshot.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/elements/rh-video-embed/rh-video-embed.ts b/elements/rh-video-embed/rh-video-embed.ts index 49b2baa7b0..9ffb0fe87c 100644 --- a/elements/rh-video-embed/rh-video-embed.ts +++ b/elements/rh-video-embed/rh-video-embed.ts @@ -35,6 +35,7 @@ export class VideoPlayEvent extends Event { /** * A Video embed is a graphical preview of a video overlayed with a play button. When clicked, the embedded YouTube video will begin playing. + * @summary Reveals a small area of information on hover * @fires consent-click - "Update preferences" consent button is clicked * @fires request-play - Play button is clicked * @fires play - Video is about to be played