convert to TSX, shade tweak, use new admonition in one more fragment

Author: Simek

docs/_experimental-channel-api-warning.mdx

@@ -1,4 +1,4 @@
-:::tip[Experimental Feature 🧪]
+:::important[Experimental Feature 🧪]
 
 **This API is currently only available in React Native’s Experimental channels.**
 

website/src/css/customTheme.scss

@@ -673,11 +673,11 @@ html[data-theme="dark"] article .badge {
 
 html[data-theme="dark"] {
   span[class^="admonitionIcon"] svg {
-    fill: hsl(from var(--ifm-alert-border-color) h calc(s + 10) calc(l + 10));
+    fill: hsl(from var(--ifm-alert-border-color) h calc(s - 10) calc(l + 10));
   }
 
   div[class^="admonitionHeading"] {
-    color: hsl(from var(--ifm-alert-border-color) h calc(s + 10) calc(l + 10));
+    color: hsl(from var(--ifm-alert-border-color) h calc(s - 10) calc(l + 10));
   }
 
   .alert--secondary {

website/src/theme/Admonition/Types.js website/src/theme/Admonition/Types.tsxwebsite/src/theme/Admonition/Types.js renamed to website/src/theme/Admonition/Types.tsx

@@ -1,13 +1,12 @@
 import React from 'react';
 import clsx from 'clsx';
 import DefaultAdmonitionTypes from '@theme-original/Admonition/Types';
+import type {Props} from '@theme/Admonition';
 
 const {info: Info} = DefaultAdmonitionTypes;
 
-function ImportantAdmonition({ className, ...rest }) {
-  return (
-    <Info className={clsx(className, 'alert--important')} {...rest} />
-  );
+function ImportantAdmonition({className, ...rest}: Props) {
+  return <Info className={clsx(className, 'alert--important')} {...rest} />;
 }
 
 const AdmonitionTypes = {

website/versioned_docs/version-0.82/_experimental-channel-api-warning.mdx

@@ -1,4 +1,4 @@
-:::tip[Experimental Feature 🧪]
+:::important[Experimental Feature 🧪]
 
 **This API is currently only available in React Native’s Experimental channels.**
 

website/versioned_docs/version-0.83/_experimental-channel-api-warning.mdx

@@ -1,4 +1,4 @@
-:::tip[Experimental Feature 🧪]
+:::important[Experimental Feature 🧪]
 
 **This API is currently only available in React Native’s Experimental channels.**
 

website/versioned_docs/version-0.84/_experimental-channel-api-warning.mdx

@@ -1,4 +1,4 @@
-:::tip[Experimental Feature 🧪]
+:::important[Experimental Feature 🧪]
 
 **This API is currently only available in React Native’s Experimental channels.**
 

website/versioned_docs/version-0.85/_experimental-channel-api-warning.mdx

@@ -1,4 +1,4 @@
-:::tip[Experimental Feature 🧪]
+:::important[Experimental Feature 🧪]
 
 **This API is currently only available in React Native’s Experimental channels.**