@apolitical/component-library 2.0.3 → 2.0.4-4125.1

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

@@ -23,6 +23,4 @@ $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/_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,4 +7,3 @@ export * from './markdown-text';
 export * from './page-heading';
 export * from './pill';
 export * from './status-banner';
-export * from './testimonial-block';

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/banners/highlight-section/highlight-section.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { ResponsiveImageType } from '../../general';
-export type HighlightSectionProps = {
-    /** The content to display */
-    content: string | React.ReactNode;
-    /** Additional className */
-    className?: string;
-    /** How to align the image, left or right. Defaults to left */
-    alignImage?: 'left' | 'right';
-    /** The image to display */
-    image?: ResponsiveImageType;
-};
-declare const _default: import("react").MemoExoticComponent<({ alignImage, className, content, image, }: HighlightSectionProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/banners/highlight-section/index.d.ts

@@ -1 +0,0 @@
-export { default as HighlightSection } from './highlight-section';

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

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

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

@@ -1,11 +0,0 @@
-/// <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;