@apolitical/component-library 5.2.1-jc.4 → 5.2.1

package/styles/variables/colors/_colors.scss

@@ -38,10 +38,8 @@ $default-colors: (
   'p50': rgb(255 242 255 / 100%),
   'p75': rgb(250 225 245 / 100%),
   'p100': rgb(238 200 237 / 100%),
-  'p150': rgb(206 197 250 / 100%),
   'p300': rgb(203 130 197 / 100%),
   'p500': rgb(166 55 152 / 100%),
-  'p550': rgb(119 107 224 / 100%),
   'p600': rgb(136 90 189 / 100%),
   'p900': rgb(66 1 55 / 100%),
   'y50': rgb(255 248 232 / 100%),

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

@@ -6,7 +6,7 @@ $base: (
   default_focus: get-map($c, 'b500'),
   focus_light: get-map($c, 'b300'),
   background: get-map($c, 'white'),
-  highlight_bg: get-map($c, 'b700'),
+  highlight_bg: get-map($c, 'g300'),
   title: get-map($c, 'n900'),
   title_secondary: get-map($c, 'p500'),
   subtitle: get-map($c, 'n800'),

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

@@ -16,6 +16,7 @@ $general: (
   time-to-complete: get-map($c, 'p500'),
   tooltip: get-map($c, 'white'),
   tooltip_bg: color.adjust(get-map($c, 'n900'), $alpha: -0.1),
+  tooltip_button: get-map($c, 'white'),
   progress_tracker_line_bg: get-map($c, 'n100'),
   progress_tracker_line_bg_active: get-map($c, 'b700'),
   progress_tracker_dot_bg: get-map($c, 'n100'),

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

@@ -6,7 +6,7 @@ $layout: (
   cookie-banner_bg: get-map($c, 'n50'),
   cookie-banner_shadow: rgb(107 91 82 / 40%),
   cookie-banner_title_border: get-map($c, 'n100'),
-  contact-footer_bg: get-map($c, 'white'),
+  contact-footer_bg: get-map($c, 'b50'),
   contact-footer_header_underline: get-map($c, 'g300'),
   contact-footer_link_icon: get-map($c, 'n700'),
   contact-footer_link_hover: get-map($c, 'b500'),

package/text/helper-text-box/helper-text-box.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type IAriaLive } from '../../types';
 export type HelperTextBoxTypes = 'default' | 'warning' | 'error' | 'success';
-interface Props {
+export interface IHelperTextBoxProps {
     /** The ID of the helper textbox */
     id?: string;
     /** The style of box being rendered */
@@ -17,5 +17,5 @@ interface Props {
     /** Optional aria live, for screen readers */
     'aria-live'?: IAriaLive;
 }
-declare const HelperTextBox: ({ type, className, heading, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const HelperTextBox: ({ type, className, heading, children, ...props }: IHelperTextBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default HelperTextBox;

package/text/helper-text-box/index.d.ts

@@ -1 +1,2 @@
+export type { IHelperTextBoxProps } from './helper-text-box';
 export { default as HelperTextBox } from './helper-text-box';

package/user/index.d.ts

@@ -1,3 +1,5 @@
+export * from './badge';
+export * from './badges';
 export * from './contributors';
 export * from './directory';
 export * from './member';

package/user/member/member.d.ts

@@ -39,6 +39,7 @@ interface Props {
     additionalContent?: false | {
         createdAt?: Date | string;
         didEdit?: boolean;
+        customMessage?: string;
     };
     /** Whether to show badges and the scope of the badge */
     badges?: IBadgesOption;
@@ -50,6 +51,8 @@ interface Props {
         variant?: 'inline' | 'card';
         /** Whether the user details should be condensed into one line */
         isCondensed?: boolean;
+        /** Whether to shift the additional content onto a new line after the badges. Hide the Job title + Organisation */
+        additionalContentNewLine?: boolean;
     };
     /** Optional functions for the wrapper */
     functions?: {

package/user/member/member.helpers.d.ts

@@ -14,7 +14,7 @@ export declare const getMember: (member: MemberProps) => {
     country: string;
     url: string;
     image: string | undefined;
-    badges: import("../badge").IBadgesObject | undefined;
+    badges: import("..").IBadgesObject | undefined;
 };
 export declare const getUserDetails: ({ role, organisation, country, maximumCharacters, }: {
     role?: string | undefined;