@apolitical/component-library 4.8.7-jc.6 → 4.8.8

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

@@ -5,7 +5,7 @@ $c: $default-colors;
 $base: (
   default_focus: get-map($c, 'b500'),
   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/_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/empty-state-box/empty-state-box.d.ts

@@ -7,7 +7,7 @@ interface ButtonType extends ButtonPropsType {
     };
     component?: React.ReactNode;
 }
-interface Props {
+export interface IEmptyStateBoxProps {
     /** Box styling */
     variant?: 'empty' | 'error';
     /** Optional text */
@@ -17,5 +17,5 @@ interface Props {
     /** Additional classes */
     className?: string;
 }
-declare const EmptyStateBox: ({ variant, text, button, className, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const EmptyStateBox: ({ variant, text, button, className, }: IEmptyStateBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default EmptyStateBox;

package/text/empty-state-box/index.d.ts

@@ -1 +1,2 @@
+export type { IEmptyStateBoxProps } from './empty-state-box';
 export { default as EmptyStateBox } from './empty-state-box';

package/text/hide-show-text-box/hide-show-text-box.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { MarkdownToJSX } from 'markdown-to-jsx';
-interface Props {
+export interface IHideShowTextBoxProps {
     /** The language for the box text */
     locale?: string;
     /** An optional id for the box */
@@ -18,5 +18,5 @@ interface Props {
     markdownOptions?: MarkdownToJSX.Options;
     children?: React.ReactNode;
 }
-declare const HideShowTextBox: ({ id, className, show, hide, text, markdownOptions, fadeStyle, children, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const HideShowTextBox: ({ id, className, show, hide, text, markdownOptions, fadeStyle, children, }: IHideShowTextBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default HideShowTextBox;

package/text/hide-show-text-box/index.d.ts

@@ -1 +1,2 @@
+export type { IHideShowTextBoxProps } from './hide-show-text-box';
 export { default as HideShowTextBox } from './hide-show-text-box';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-interface Props {
+export interface IHighlightedTextBoxProps {
     /** The style of box being rendered */
     variant?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'subtle' | 'subtle-alt' | 'bold' | 'muted';
     /** The name of an icon file to display at the top */
@@ -18,5 +18,5 @@ interface Props {
     /** Additional props to pass to the box */
     style?: React.CSSProperties;
 }
-declare const HighlightedTextBoxWrapper: ({ variant, icon, styling, className, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const HighlightedTextBoxWrapper: ({ variant, icon, styling, className, children, ...props }: IHighlightedTextBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default HighlightedTextBoxWrapper;

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

@@ -1 +1,2 @@
+export type { IHighlightedTextBoxProps } from './highlighted-text-box';
 export { default as HighlightedTextBox } from './highlighted-text-box';

package/user/profile-picture/index.d.ts

@@ -1 +1,2 @@
+export type { IProfilePictureProps } from './profile-picture';
 export { default as ProfilePicture } from './profile-picture';

package/user/profile-picture/profile-picture.d.ts

@@ -1,4 +1,4 @@
-interface Props {
+export interface IProfilePictureProps {
     /** The user's name, to create initials */
     name: string;
     /** The user's image */
@@ -16,5 +16,5 @@ interface Props {
     /** Optional test ID */
     'data-testid'?: string;
 }
-declare const ProfilePicture: ({ className, src, name, alt, width, height, showInitials, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const ProfilePicture: ({ className, src, name, alt, width, height, showInitials, ...props }: IProfilePictureProps) => import("react/jsx-runtime").JSX.Element;
 export default ProfilePicture;