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

package/styles/mixins/_styles.scss

@@ -26,9 +26,6 @@
     margin-left: -(px-to-rem(math.div($width, 2)));
     border-radius: px-to-rem($border-radius);
 
-    @if $color == 'medium' {
-      background: get-map($theme, 'text_line_medium');
-    }
     @if $color == 'dark' {
       background: get-map($theme, 'text_line_dark');
     }

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'),
@@ -14,7 +14,6 @@ $base: (
   text: get-map($c, 'n900'),
   text_error: get-map($c, 'error600'),
   text_line: get-map($c, 'g50'),
-  text_line_medium: get-map($c, 'b300'),
   text_line_dark: get-map($c, 'b700'),
   link: get-map($c, 'b700'),
   link_hover: get-map($c, 'b800'),

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,13 +6,13 @@ $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'),
   contact-footer_form_bg: get-map($c, 'white'),
   contact-footer_form_shadow: rgb(42 49 65 / 10%),
-  download-section_bg: get-map($c, 'black'),
+  download-section_bg: get-map($c, 'g300'),
   footer: get-map($c, 'g300'),
   footer_bg: get-map($c, 'b800'),
   footer_before_bg:

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.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;