@apolitical/component-library 2.0.2-ac.3 → 2.0.2-ac.32

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

@@ -23,4 +23,6 @@ $banners: (
   marketing-block_primary_bg_2: get-map($c, 'y300'),
   marketing-block_secondary_bg_2: get-map($c, 'g100'),
   marketing-block_tertiary_bg_2: get-map($c, 'p600'),
+  testimonial-block_author: get-map($c, 'b700'),
+  testimonial-block_author_cite: get-map($c, 'n700'),
 );

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

@@ -3,6 +3,11 @@
 
 $c: $default-colors;
 $form: (
+  dropdown_menu_border_top: get-map($c, 'n500'),
+  dropdown_action_bar_color: get-map($c, 'n600'),
+  dropdown_action_bar_button_color: get-map($c, 'n700'),
+  dropdown_action_bar_button_color_active_focus_hover: get-map($c, 'b700'),
+  dropdown_action_bar_button_color_active_focus_hover_override: get-map($c, 'white'),
   invite_form_border_focus: get-map($c, 'b500'),
   invite_form_shadow: get-map($c, 'b100'),
   invite_form_remove_email_button: get-map($c, 'n700'),

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

@@ -4,6 +4,11 @@
 
 $c: $default-colors;
 $general: (
+  image_container_bg: get-map($c, 'n50'),
+  image_container_bg_empty: get-map($c, 'white'),
+  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'),
   tooltip: get-map($c, 'white'),
   tooltip_bg: color.adjust(get-map($c, 'n900'), $alpha: -0.1),
 );

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

@@ -39,6 +39,7 @@ $layout: (
   logos_title: get-map($c, 'n700'),
   logos_small: get-map($c, 'n600'),
   page-layout_gradient_bg_1: get-map($c, 'n50'),
+  page-layout_subtle_bg: rgb(43 137 117 / 10%),
   page-layout_gradient_bg_2: rgb(240 245 255 / 0%),
   page-layout_bold: get-map($c, 'white'),
   page-layout_bold_bg: get-map($c, 'b700'),

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

@@ -36,6 +36,7 @@ $text: (
   pill_bg: get-map($c, 'n200'),
   pill_subtle_bg: get-map($c, 'white'),
   pill_highlighted_bg: get-map($c, 'y300'),
+  pill_light_bg: get-map($c, 'info50'),
   pill_information_bg: get-map($c, 'g100'),
   pill_registered_bg: get-map($c, 'g50'),
   pill_subtle_border: get-map($c, 'n200'),

package/text/index.d.ts

@@ -7,3 +7,4 @@ export * from './markdown-text';
 export * from './page-heading';
 export * from './pill';
 export * from './status-banner';
+export * from './testimonial-block';

package/text/markdown-text/markdown-text.d.ts

@@ -5,6 +5,8 @@ interface Props {
     options?: any;
     /** The content to be parsed */
     children: string;
+    /** What is being changed or removed in the final mark-up. `default` handles large blocks of HTML for courses. `text-only` only expects text and will remove `iframe`s. */
+    overrideType?: 'default' | 'text-only';
 }
-declare const MarkdownText: ({ className, options, children }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const MarkdownText: ({ className, options, children, overrideType, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default MarkdownText;

package/text/pill/pill.d.ts

@@ -3,7 +3,7 @@ interface Props {
     /** The size of the pill */
     size?: 'small' | 'medium' | 'large';
     /** The style of the pill */
-    variant?: 'default' | 'subtle' | 'highlighted' | 'information' | 'registered';
+    variant?: 'default' | 'subtle' | 'highlighted' | 'information' | 'registered' | 'light';
     /** Additional classes to add to the pill */
     className?: string;
     /** The pill text */

package/text/testimonial-block/index.d.ts

@@ -0,0 +1 @@
+export { default as TestimonialBlock } from './testimonial-block';

package/text/testimonial-block/testimonial-block.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type TestimonialBlockProps = {
+    /** The name of the Testimonial's author */
+    author?: string;
+    /** The citation of the Testimonial's author */
+    authorCite?: string;
+    /** The content to display */
+    content: string;
+};
+declare const _default: import("react").MemoExoticComponent<({ author, authorCite, content }: TestimonialBlockProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;