feat: OHIF-v3 UI Component Library (#2653)

* wip on storybook as a replacement for using UI components in docusaurus, since it causes too many problems

* fix: storybook webpack config

* feat: add more stories

* feat: add more stories

* feat: add more stories

* feat: fix logo and babel runtime error

* feat: move to mdx docs for ui

* feat: enhanced mdx for header and styles

* feat: Add button usecases

* feat: Add buttonGroup docs

* feat: Add docs and use case to cine and contex menu

* feat: fix decorators

* feat: add header and dropdown docs

* feat: add Icon and input docs

* feat: add more docs

* feat: add more stories

* fix: feedback section

* feat: Add doc page

* feat: Add typography and color stories

* yarn lock

* add analytics to v3-ui

* new banner image

* new viewport component

* update review comments

platform/ui/src/components/ViewportActionBar/ViewportActionBar.jsx

@@ -239,11 +239,11 @@ const ViewportActionBar = ({
   };
 
   const borderColor = useAltStyling ? '#365A6A' : '#1D205A';
-  const backgroundColor = useAltStyling
-    ? '#031923'
-    : isTracked
-    ? '#020424'
-    : null;
+
+  let backgroundColor = '#020424';
+  if (useAltStyling || isTracked) {
+    backgroundColor = '#031923'
+  }
 
   return (
     <div

platform/ui/src/components/ViewportActionBar/ViewportActionBar.stories.jsx

@@ -0,0 +1,35 @@
+import React from 'react'
+import ViewportActionBar from './ViewportActionBar'
+
+export default {
+  component: ViewportActionBar,
+  title: 'Components/ViewportActionBar',
+}
+
+export const Default = () => (
+  <div className="w-1/2 p-4 h-64">
+  <ViewportActionBar
+    onSeriesChange={direction => alert(`Series ${direction}`)}
+    studyData={{
+      label: 'A',
+      isTracked: false,
+      isLocked: false,
+      isRehydratable: true,
+      studyDate: '07-Sep-2010',
+      currentSeries: 1,
+      seriesDescription:
+        'Series description lorem ipsum dolor sit Series description lorem ipsum dolor sit Series description lorem ipsum dolor sit ',
+      modality: 'CT',
+      patientInformation: {
+        patientName: 'Smith, Jane',
+        patientSex: 'F',
+        patientAge: '59',
+        MRN: '10000001',
+        thickness: '2.0mm',
+        spacing: '1.25mm',
+        scanner: 'Aquilion',
+      },
+    }}
+  />
+</div>
+)