@apolitical/component-library 4.1.13 → 4.2.0

package/styles/variables/colors/theme/_discussion.scss

@@ -6,6 +6,7 @@ $c: $default-colors;
 $discussion: (
   discussion-post_highlighted_bg: get-map($c, 'g50'),
   discussion-post_fading_bg: color.adjust(get-map($c, 'g50'), $alpha: -0.9),
+  discussion-post_member_hover_bg: get-map($c, 'n100'),
   discussion-actions: get-map($c, 'n600'),
   discussion-actions_hover_bg: get-map($c, 'b100'),
   discussion-actions_likes_liked: get-map($c, 'p500'),

package/styles/variables/colors/theme/_form.scss

@@ -15,6 +15,7 @@ $form: (
   invite_form_email_color: get-map($c, 'n700'),
   invite_form_email_input_border: get-map($c, 'n200'),
   link-editor_divider_bg: #7583a0,
+  mention-popover_hover_bg: get-map($c, 'n100'),
   password-rules: get-map($c, 'error600'),
   password-rules_matches: get-map($c, 'success500'),
   password-rules_small: get-map($c, 'n600'),

package/styles/variables/colors/theme/_general.scss

@@ -6,6 +6,9 @@ $c: $default-colors;
 $general: (
   image_container_bg: get-map($c, 'n50'),
   image_container_bg_empty: get-map($c, 'white'),
+  popover_border: get-map($c, 'n100'),
+  popover_bg: get-map($c, 'white'),
+  popover_shadow: rgba(0, 0, 0, 0.10),
   return_to_nav_box_shadow: get-map($c, 'black'),
   return_to_nav_bg_focus_active: get-map($c, 'white'),
   return_to_nav_bg_before_after: get-map($c, 'b700'),

package/user/member/member.d.ts

@@ -35,6 +35,11 @@ interface Props {
         /** The size of the component */
         size?: 'medium' | 'large';
     };
+    /** Optional functions for the wrapper */
+    functions?: {
+        /** Optional onclick function */
+        onClick?: (e: React.MouseEvent) => void;
+    };
     /** The GTM context to use */
     gtmContext?: string;
     /** The GTM event to use */
@@ -44,8 +49,10 @@ interface Props {
     /** The language to use for the text */
     locale?: string;
 }
-declare const Member: ({ element, member: memberDetails, additionalContent, styling, gtmContext, gtmType, className, }: Props) => React.DetailedReactHTMLElement<{
-    className: string;
+declare const Member: ({ element, member: memberDetails, additionalContent, styling, functions, gtmContext, gtmType, className, }: Props) => React.DetailedReactHTMLElement<{
     children: import("react/jsx-runtime").JSX.Element;
+    /** Optional onclick function */
+    onClick?: ((e: React.MouseEvent) => void) | undefined;
+    className: string;
 }, HTMLElement>;
 export default Member;