minor housekeeping

Signed-off-by: Maximilian Inckmann <[email protected]>

Author: maximiliani

packages/stencil-library/src/components.d.ts

@@ -77,25 +77,26 @@ export namespace Components {
        * @type {string}
        * @public
        */
-      "locale": string;
+      "loc'locale'ring;
       /**
- 'locale'Whether to show the flag of the region.
+       * Whether to show the flag of the region.
        * @type {boolean}
        * @public
        * @default true
        */
-      "showFlag": boolean;
+      "sho'showFlag'olean;
     }
-  'showFlag'e PidActions {
+
+  interface PidActions {
         /**
           * Array of actions to display
           * @default []
          */
         "actions": FoldableAction[];
-      /**
-       * Optional ID for the actions container for ARIA references
-       */
-      'actionsId'?: string;
+    /**
+     * Optional ID for the actions container for ARIA references
+     */
+    'actionsId'?: string;
     }
     /**
      * Component for creating collapsible/expandable content sections

packages/stencil-library/src/rendererModules/EmailType.tsx

@@ -26,7 +26,7 @@ export class EmailType extends GenericIdentifierType {
   renderPreview(): FunctionalComponent<any> {
     // mail icon from: https://heroicons.com/ (MIT license)
     return (
-      <span class={'items-center'}>
+      <span class={'items-center gap-2 inline-flex font-mono text-sm text-blue-400'}>
         {this.value
           .split(new RegExp(/\s*,\s*/))
           .filter(email => email.length > 0)
@@ -36,7 +36,7 @@ export class EmailType extends GenericIdentifierType {
                 href={'mailto:' + email}
                 rel={'noopener noreferrer'}
                 target="_blank"
-                class={'items-center inline-flex font-mono text-sm text-blue-400 border border-slate-400 bg-white/60 rounded-md px-1 py-0.5'}
+                class={'items-center inline-flex font-mono text-sm text-blue-400 border border-slate-400 rounded-md px-1 py-0.5'}
               >
                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 24 24" stroke-width="1" stroke="black" height="20px" class={'mr-2'}>
                   <path
@@ -45,7 +45,7 @@ export class EmailType extends GenericIdentifierType {
                     d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"
                   />
                 </svg>
-                <span class={'ml-2'}>{email}</span>
+                <span class={'ml-2 text-blue-400 hover:text-blue-500'}>{email}</span>
               </a>
             );
           })}