Merge pull request #15 from itk-dev/feature/5634-clean-up-the-light-mode-authors-messes

Feature/5634 clean up the light mode authors messes

Author: sinejespersen

CHANGELOG.md

@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+* [PR-15](https://github.com/itk-dev/rpa-process-overview/pull/15)
+  Clean up div/add aria-hidden to icons
 * [PR-14](https://github.com/itk-dev/rpa-process-overview/pull/14)
   Light mode added
 * [PR-13](https://github.com/itk-dev/rpa-process-overview/pull/13)

public/widgets/ProcessOverview.min.js

@@ -7,6 +7,7 @@
 	fill="none"
 	viewBox="0 0 24 24"
 	stroke-width="1.5"
+	aria-hidden={true}
 	stroke="currentColor"
 	class={className}
 >

public/widgets/ProcessSearch.min.js

@@ -7,6 +7,7 @@
 	fill="none"
 	viewBox="0 0 24 24"
 	stroke-width="1.5"
+	aria-hidden={true}
 	stroke="currentColor"
 	class={className}
 >

widgets/src/_standalone/ProcessOverview/Icons/CheckMark.svelte

@@ -6,6 +6,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	fill="none"
 	viewBox="0 0 24 24"
+	aria-hidden={true}
 	stroke-width="1.5"
 	stroke="currentColor"
 	class={className}

widgets/src/_standalone/ProcessOverview/Icons/Clock.svelte

@@ -4,6 +4,7 @@
 
 <svg
 	class={className}
+	aria-hidden={true}
 	fill="none"
 	stroke="currentColor"
 	viewBox="0 0 24 24"

widgets/src/_standalone/ProcessOverview/Icons/Close.svelte

@@ -4,7 +4,7 @@
 
 <div role="status" class="flex flex-col items-center">
 	<svg
-		aria-hidden="true"
+		aria-hidden={true}
 		class={className}
 		viewBox="0 0 100 101"
 		fill="none"

widgets/src/_standalone/ProcessOverview/Icons/ExclamationMark.svelte

@@ -36,7 +36,7 @@
 		</Spinner>
 	</div>
 {:else if null === data}
-	<div class="my-3 text-white"><h2 class="p-4">{t('Missing data')}</h2></div>
+	<h2 class="text-neutral-900 dark:text-white my-3">{t('Missing data')}</h2>
 {:else}
 	<div
 		class="flex flex-col border bg-gray-100 dark:bg-gray-900 border-neutral-300 dark:border-neutral-800 rounded-md"