@apolitical/component-library 5.0.0 → 5.0.1

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

@@ -4,6 +4,7 @@
 $c: $default-colors;
 $base: (
   default_focus: get-map($c, 'b500'),
+  focus_light: get-map($c, 'b300'),
   background: get-map($c, 'white'),
   highlight_bg: get-map($c, 'g300'),
   title: get-map($c, 'n900'),

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/helper-text-box/helper-text-box.d.ts

@@ -11,6 +11,8 @@ interface Props {
     heading?: string | false;
     /** The content to display in the box */
     children: React.ReactNode | JSX.Element | string;
+    /** Optional aria live, for screen readers */
+    'aria-live'?: 'polite' | 'assertive';
 }
 declare const HelperTextBox: ({ type, className, heading, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default HelperTextBox;

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;