Changed : Issue-1920 - Retired explainer component

components/vf-componenet-rollup/CHANGELOG.md

@@ -1,3 +1,8 @@
+## 1.4.8
+
+* Deprecated `vf-collapse` component. [Tracking issue](https://github.com/visual-framework/vf-core/issues/1911)
+* Deprecated `vf-explainer` component. [Tracking issue](https://github.com/visual-framework/vf-core/issues/1920)
+
 ## 1.4.7
 
 * Fixed build notices. [Tracking issue](https://github.com/visual-framework/vf-core/issues/1936)

components/vf-componenet-rollup/index.scss

@@ -51,12 +51,10 @@ button {
 
 @import 'vf-badge/vf-badge.scss';
 @import 'vf-bookmark/vf-bookmark.scss';
-@import 'vf-collapse/vf-collapse.scss';
 @import 'vf-link/vf-link.scss';
 @import 'vf-logo/vf-logo.scss';
 @import 'vf-embed/vf-embed.scss';
 @import 'embl-logo/embl-logo.scss';
-@import 'vf-explainer/vf-explainer.scss';
 @import 'vf-form/vf-form.scss';
 @import 'vf-button/vf-button.scss';
 @import 'vf-figure/vf-figure.scss';

components/vf-explainer/CHANGELOG.md

@@ -1,3 +1,7 @@
+### 0.1.1
+
+* Deprecated `vf-explainer` component. `vf-details` component needs to be used instead. [Tracking issue](https://github.com/visual-framework/vf-core/issues/1920)
+
 ### 0.1.0
 
 * initial version

components/vf-explainer/README.md

@@ -4,7 +4,8 @@
 
 ## About
 
-Life science websites love a bit of jargon and complicated concepts and "explainers" help for terms like: `ORCID`, `transcript isoform`, and `lymphoblastoid cell lines`.
+This component has been <span style="color: rgb(228, 0, 70);">deprecated</span>. Please use the <a class="vf-link" href="https://stable.visual-framework.dev/components/vf-details">vf-details</a> component.
+Justification text: This component hasn't been implemented. The basic use case for providing details is supported by vf-details. For highlighting explanations we suggested that the Comms team uses vf-card.
 
 ## Usage
 

components/vf-explainer/vf-explainer.config.yml

@@ -2,15 +2,17 @@
 title: Explainer
 # Label shown on index pages
 label: Explainer
-status: alpha
+status: deprecated
+component-type: deprecated
+hidden: true
 # The template used from /components/_previews
 #
 # Per-variant options
 # variants:
   # - name: default
   #   hidden: true
 context:
-  component-type: element
+  component-type: deprecated
   # custom-values: passed as {{custom-values}}
   # title: Title text
   # text: String of text

components/vf-explainer/vf-explainer.scss

@@ -17,8 +17,9 @@
  */
 
 @import 'vf-explainer.variables.scss';
-
-.vf-explainer:before {
-  content: 'This component has not yet been implement, see the README.md for more information.';
-  display: block;
+html:not(.vf-disable-deprecated) {
+  .vf-explainer:before {
+    content: 'This component has not yet been implement, see the README.md for more information.';
+    display: block;
+  }
 }