@apolitical/component-library 3.2.0-beta.1 → 3.2.0

package/styles/base/_layout.scss

@@ -7,13 +7,19 @@
 
   .center {
     text-align: center;
-    margin-right: auto;
+  }
+
+  .content-slim,
+  .content-slimmest {
     margin-left: auto;
+    margin-right: auto;
   }
 
   .content-slim {
     max-width: px-to-rem($content-slim-width);
-    margin-left: auto;
-    margin-right: auto;
+  }
+
+  .content-slimmest {
+    max-width: px-to-rem($content-slimmest-width);
   }
 }

package/styles/base/_lists.scss

@@ -1,14 +1,9 @@
-@import './../mixins', './../functions', './../variables';
+@import './../functions';
 
 $ul: (
   'margin-bottom': 16,
   'padding-left': 40,
 );
-$checkmarks: (
-  'width': 16,
-  'top': 7,
-  'margin-right': 12,
-);
 $li: (
   'margin-bottom': 18,
   'margin-bottom_sm': 12,
@@ -23,29 +18,6 @@ $li: (
     display: block;
   }
 
-  ul.checkmarks {
-    list-style: none;
-
-    li {
-      position: relative;
-      padding-left: px-to-rem(
-        get-map($checkmarks, 'width') + get-map($checkmarks, 'margin-right')
-      );
-
-      &::before {
-        @include image('icons/check-inside-circle.svg', true);
-
-        content: '';
-        width: px-to-rem(get-map($checkmarks, 'width'));
-        height: px-to-rem(get-map($checkmarks, 'width'));
-        background: get-map($theme, 'list_checkmarks_bg');
-        position: absolute;
-        top: px-to-rem(get-map($checkmarks, 'top'));
-        left: 0;
-      }
-    }
-  }
-
   li {
     margin-bottom: px-to-rem(get-map($li, 'margin-bottom'));
 

package/styles/base/_text.scss

@@ -24,7 +24,7 @@ $medium: (
 $sup: (
   'font-size': 10,
 );
-$standard-text-elements: p, li, dt, dd, summary;
+$standard-text-elements: p, li, dt, dd;
 $special-text-elements: h1, h2, h3, h4, h5, h6, a, small;
 
 @layer base {

package/styles/base/_titles.scss

@@ -5,9 +5,6 @@ $highlight: (
   'height': 4,
   'margin-top': 12,
   'border-radius': 8,
-  'width_vertical': 4,
-  'height_vertical': 24,
-  'bottom_vertical': 26,
 );
 $pre-title: (
   'font-size': 14,
@@ -107,17 +104,6 @@ $count-icon: (
       left: 50%;
       transform: translateX(-50%);
     }
-  } @else if $align == 'vertical' {
-    padding-left: px-to-rem(
-      get-map($highlight, 'height') + get-map($highlight, 'margin-top')
-    );
-
-    &::after {
-      width: px-to-rem(get-map($highlight, 'width_vertical'));
-      height: px-to-rem(get-map($highlight, 'height_vertical'));
-      bottom: px-to-rem(get-map($highlight, 'bottom_vertical'));
-      max-height: 100%;
-    }
   }
 }
 

package/styles/base/buttons/_button-wrapper.scss

@@ -9,7 +9,6 @@ $button-wrapper-button: (
     list-style: none;
     margin: 0 auto;
     padding: 0;
-    line-height: normal;
     display: flex;
     flex-flow: row wrap;
     place-content: center;
@@ -23,7 +22,6 @@ $button-wrapper-button: (
     }
 
     li {
-      line-height: normal;
       display: flex;
       align-content: center;
 

package/styles/base/buttons/_icons.scss

@@ -9,18 +9,9 @@
 
 $icons: ('arrow_left', (d, d, 3, 8), (d, d, 3, 8), (d, d, 4, 7)),
   ('arrow_right', (d, d, 3, 8), (d, d, 3, 8), (d, d, 4, 7)),
-  ('arrow_rotating', (20, 20, 2, d), (d, d, 2, d), (15, 15, d, d)),
   ('arrow_corner-down_right', (12, 12, 6, 8), (12, 12, 4, 12), (d, d, d, d)),
   ('arrow_corner-down_left', (12, 12, 6, 8), (12, 12, 4, 12), (d, d, d, d)),
   ('arrow-down', (d, d, 4, 10), (d, d, 3, 8), (d, d, 4, d)),
-  ('check-inside-circle', (28, 28, -2, d), (d, d, 3, d), (d, d, d, d)),
-  ('check-inside-circle_no-overlap', (28, 28, -2, d), (24, 24, -2, d), (d, d, 2, d)),
-  (
-    'check-inside-circle_no-overlap_inverted',
-    (28, 28, -2, d),
-    (24, 24, -2, d),
-    (d, d, 2, d)
-  ),
   ('chevron_left', (16, 16, 4, 8), (14, 14, 3, 8), (14, 14, d, d)),
   ('chevron_right', (16, 16, 4, 8), (14, 14, 3, 8), (14, 14, d, d)),
   ('close', (48, 48, 0, 0), (32, 32, 0, 0), (24, 24, 0, 0)),

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

@@ -14,14 +14,6 @@ $banners: (
   banner-section_eyebrow: get-map($c, 'y300'),
   banner-section_light_eyebrow: get-map($c, 'b700'),
   banner-section_light_title: get-map($c, 'n900'),
-  custom-content-banner: get-map($c, 'n900'),
-  custom-content-banner_bg: get-map($c, 'n50'),
-  custom-content-banner_overlay:
-    linear-gradient(90deg, #{get-map($c, 'n50')} 50%, rgb(240 245 255 / 0%) 100%),
-  custom-content-banner_dark: get-map($c, 'white'),
-  custom-content-banner_dark_bg: get-map($c, 'b900'),
-  custom-content-banner_dark_overlay:
-    linear-gradient(273deg, rgb(126 115 182 / 0%) 5.36%, #{get-map($c, 'b900')} 47.32%),
   marketing-block_title: get-map($c, 'n900'),
   marketing-block_tertiary_title: get-map($c, 'white'),
   marketing-block_text: get-map($c, 'n700'),

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

@@ -85,6 +85,4 @@ $base: (
   table_th: get-map($c, 'white'),
   table_th_bg: get-map($c, 'n600'),
   overlay: rgb(21 25 33 / 25%),
-  list_checkmarks_bg:
-    linear-gradient(140deg, rgba(107 62 205 / 100%), rgba(0 179 191 / 100%)),
 );

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

@@ -9,8 +9,6 @@ $general: (
   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'),
-  table-of-contents_border: get-map($c, 'b200'),
-  time-to-complete: get-map($c, 'p500'),
   tooltip: get-map($c, 'white'),
   tooltip_bg: color.adjust(get-map($c, 'n900'), $alpha: -0.1),
 );

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

@@ -1,9 +1,8 @@
 @import './../../../functions';
-@import 'banners', 'base', 'cards', 'communities', 'courses', 'discussion', 'form',
-  'general', 'layout', 'loaders', 'modals', 'navigation', 'pages', 'sections', 'text',
-  'user';
+@import 'banners', 'base', 'cards', 'communities', 'discussion', 'form', 'general',
+  'layout', 'loaders', 'modals', 'navigation', 'pages', 'sections', 'text', 'user';
 
 $theme: merge-maps(
-  $banners $base $cards $communities $courses $discussion $form $general $layout $loaders
-    $modals $navigation $pages $sections $text $user
+  $banners $base $cards $communities $discussion $form $general $layout $loaders $modals
+    $navigation $pages $sections $text $user
 );

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

@@ -38,7 +38,6 @@ $layout: (
   header_border: get-map($c, 'n100'),
   logos_title: get-map($c, 'n700'),
   logos_small: get-map($c, 'n600'),
-  logos_wrapped-logo_bg: get-map($c, 'white'),
   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%),

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

@@ -17,8 +17,4 @@ $loaders: (
   progress-bar_75_bg_2: get-map($c, 'b200'),
   progress-bar_100_bg_1: get-map($c, 'b200'),
   progress-bar_100_bg_2: get-map($c, 'g100'),
-  progress-bar_circle_inner: get-map($c, 'white'),
-  progress-bar_circle_bg: get-map($c, 'n100'),
-  progress-bar_circle_progress: get-map($c, 'g300'),
-  progress-bar_circle_dark_progress: get-map($c, 'b700'),
 );

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

@@ -18,37 +18,25 @@ $text: (
   highlighted-text-box_bg: get-map($c, 'n50'),
   highlighted-text-box_secondary_bg: get-map($c, 'y50'),
   highlighted-text-box_tertiary_bg: get-map($c, 'error50'),
-  highlighted-text-box_quaternary_bg: get-map($c, 'g50'),
   highlighted-text-box_subtle_bg: get-map($c, 'white'),
-  highlighted-text-box_subtle-alt_dark_bg: get-map($c, 'n50'),
   highlighted-text-box_bold_bg:
     linear-gradient(135deg, get-map($c, 'b100'), get-map($c, 'g50')),
   highlighted-text-box_subtle_gradient:
     linear-gradient(rgba(255 255 255 / 0%), rgba(255 255 255 / 100%)),
   highlighted-text-box_bold_icon: get-map($c, 'b500'),
   highlighted-text-box_subtle_border: get-map($c, 'n100'),
-  highlighted-text-box_subtle-alt_border: get-map($c, 'n200'),
   highlighted-text-box_muted_bg: get-map($c, 'n40'),
   highlighted-text-box_muted_icon: get-map($c, 'n600'),
-  highlighted-text-box_quaternary_highlight: get-map($c, 'g300'),
-  highlighted-text-box_subtle-alt_highlight: get-map($c, 'g300'),
-  icon-bulleted-list: get-map($c, 'b700'),
-  icon-bulleted-list_light: get-map($c, 'y300'),
-  icon-bulleted-list_muted: get-map($c, 'n700'),
-  icon-bulleted-list_border: get-map($c, 'n200'),
-  icon-bulleted-list_zebra_bg: get-map($c, 'n50'),
   page-heading_bg:
     linear-gradient(180deg, get-map($c, 'n50') 0%, rgb(240 245 255 / 0%) 100%),
   page-heading_subtitle: get-map($c, 'n700'),
   page-user_location_text: get-map($c, 'p500'),
   pill: get-map($c, 'n900'),
   pill_highlighted: get-map($c, 'n700'),
-  pill_highlighted-light: get-map($c, 'n900'),
   pill_registered: get-map($c, 'g700'),
   pill_bg: get-map($c, 'n200'),
   pill_subtle_bg: get-map($c, 'white'),
   pill_highlighted_bg: get-map($c, 'y300'),
-  pill_highlighted-light_bg: get-map($c, 'y100'),
   pill_light_bg: get-map($c, 'info50'),
   pill_information_bg: get-map($c, 'g100'),
   pill_registered_bg: get-map($c, 'g50'),

package/styles/variables/sizes/_common.scss

@@ -5,3 +5,6 @@ $outline: 0 0 0 $outline-width;
 
 // This is used for the width of a slimmer layout column.
 $content-slim-width: 1040;
+
+// This is used for the width of the slimmest layout column.
+$content-slimmest-width: 752;

package/text/collapsible-section/collapsible-section.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 interface Props {
     /** The text to show when the section is collapsed */
-    label?: string | React.ReactNode | false;
+    label?: string | false;
     /** Additional classes to add to the `details` */
     className?: string;
     /** The content to show when the section is expanded */
     children?: React.ReactNode;
-    /** Whether the section should animate when opening/closing */
-    shouldAnimate?: boolean;
+    /** The language to use for the text */
+    locale?: string;
 }
-declare const CollapsibleSection: ({ label, className, children, shouldAnimate, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const CollapsibleSection: ({ label, className, children }: Props) => import("react/jsx-runtime").JSX.Element;
 export default CollapsibleSection;

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

@@ -1,16 +1,9 @@
 import React from 'react';
 interface Props {
     /** The style of box being rendered */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'subtle' | 'subtle-alt' | 'bold' | 'muted';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'bold' | 'muted';
     /** The name of an icon file to display at the top */
     icon?: string;
-    /** Optional styling for the box */
-    styling?: {
-        /** Whether to show a highlight at the bottom of the box, for `subtle-alt` */
-        showHighlight?: boolean;
-        /** The background of the box, for `subtle-alt`. Defaults to `default` */
-        background?: 'default' | 'dark';
-    };
     /** Additional classes to add to the box */
     className?: string;
     /** The content to display */
@@ -18,5 +11,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, className, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default HighlightedTextBoxWrapper;

package/text/index.d.ts

@@ -1,10 +1,8 @@
 export * from './collapsible-section';
-export * from './content-type-label';
 export * from './empty-state-box';
 export * from './helper-text-box';
 export * from './hide-show-text-box';
 export * from './highlighted-text-box';
-export * from './icon-bulleted-list';
 export * from './markdown-text';
 export * from './page-heading';
 export * from './pill';

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

@@ -2,5 +2,5 @@ import React from 'react';
 declare const _default: ({ children, ...props }: {
     children: React.ReactNode | string;
     class?: string | undefined;
-}) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
 export default _default;

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

@@ -7,10 +7,6 @@ interface Props {
     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';
-    styling?: {
-        /** Whether to highlight the titles */
-        highlightTitles?: boolean;
-    };
 }
-declare const MarkdownText: ({ className, options, children, overrideType, styling, }: 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' | 'highlighted-light' | 'information' | 'registered' | 'light';
+    variant?: 'default' | 'subtle' | 'highlighted' | 'information' | 'registered' | 'light';
     /** Additional classes to add to the pill */
     className?: string;
     /** The pill text */

package/banners/custom-content-banner/custom-content-banner.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-interface Props {
-    /** The image to show on the banner */
-    image?: string;
-    /** The color variant of the list */
-    variant?: 'default' | 'dark';
-    /** The content to show */
-    children: React.ReactNode;
-    /** Additional classes */
-    className?: string;
-}
-declare const CustomContentBanner: ({ image, variant, children, className, }: Props) => import("react/jsx-runtime").JSX.Element;
-export default CustomContentBanner;

package/banners/custom-content-banner/index.d.ts

@@ -1 +0,0 @@
-export { default as CustomContentBanner } from './custom-content-banner';

package/constants/courses.d.ts

@@ -1,5 +0,0 @@
-export declare const COURSE_CONTENT_TYPES: {
-    ARTICLE: string;
-    DISCUSSION: string;
-    QUIZ: string;
-};

package/courses/course-progression/course-progression.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ICourseProgressionTypes } from './course-progression.types';
-declare const CourseProgression: ({ element, data: { timeLeftToFinish, percentageCompleted: { inTime, inLessons }, shouldShowTimes, }, graph, styling, className, }: ICourseProgressionTypes) => React.DetailedReactHTMLElement<{
-    className: string;
-    children: import("react/jsx-runtime").JSX.Element;
-}, HTMLElement>;
-export default CourseProgression;

package/courses/course-progression/course-progression.types.d.ts

@@ -1,28 +0,0 @@
-export interface ICourseProgressionData {
-    /** The amount of time the remaining, completeable lessons will take to finish, in minutes */
-    timeLeftToFinish: number;
-    /** The percentage of the course that has been completed */
-    percentageCompleted: {
-        /** The percentage of timed lessons complete - this is used when the course shows the time for lessons */
-        inTime?: number;
-        /** The percentage of total, completeable lessons complete - this is used when the course hides the time for lessons */
-        inLessons?: number;
-    };
-    /** Whether the course shows the time for lessons */
-    shouldShowTimes?: boolean;
-}
-export interface ICourseProgressionTypes {
-    /** The element to wrap the course progression in */
-    element?: 'p' | 'aside' | 'div';
-    /** The data to display */
-    data: ICourseProgressionData;
-    /** The type of graph to display */
-    graph?: 'bar' | 'circle' | false;
-    /** Styling options */
-    styling?: {
-        /** Whether to highlight the percentage text */
-        highlightPercentage?: boolean;
-    };
-    /** Additional classes */
-    className?: string;
-}

package/courses/course-progression/index.d.ts

@@ -1 +0,0 @@
-export { default as CourseProgression } from './course-progression';

package/courses/course-structure/course-structure.d.ts

@@ -1,3 +0,0 @@
-import { ICourseStructure } from './course-structure.types';
-declare const CourseStructure: ({ course: { articles, canAccessCourse, description, hideTimes, isEnrolled, sectionId, sectionTime, slug: microcourseSlug, timeLeft, title, }, quizScores, }: ICourseStructure) => import("react/jsx-runtime").JSX.Element;
-export default CourseStructure;

package/courses/course-structure/course-structure.mock.d.ts

@@ -1,122 +0,0 @@
-export default data;
-declare namespace data {
-    namespace course {
-        let articles: ({
-            title: string;
-            slug: string;
-            subsectionId: number;
-            humanTranslation: boolean;
-            completionTime: number;
-            type: string;
-            icon: string;
-            content: {
-                sys: {
-                    type: string;
-                    linkType: string;
-                    id: string;
-                };
-            };
-            optional: boolean;
-            contentType: string;
-            createdAt: string;
-            updatedAt: string;
-            image: null;
-            isIntroduction: boolean;
-            completed: boolean;
-            sectionId: number;
-            description?: undefined;
-            questions?: undefined;
-            question?: undefined;
-        } | {
-            title: string;
-            slug: string;
-            subsectionId: number;
-            humanTranslation: boolean;
-            completionTime: number;
-            type: string;
-            icon: string;
-            content: {
-                sys: {
-                    type: string;
-                    linkType: string;
-                    id: string;
-                };
-            };
-            optional: boolean;
-            contentType: string;
-            createdAt: string;
-            updatedAt: string;
-            image: string;
-            isIntroduction: boolean;
-            completed: boolean;
-            sectionId: number;
-            description?: undefined;
-            questions?: undefined;
-            question?: undefined;
-        } | {
-            title: string;
-            slug: string;
-            subsectionId: number;
-            description: string;
-            questions: {
-                sys: {
-                    type: string;
-                    linkType: string;
-                    id: string;
-                };
-            }[];
-            optional: boolean;
-            contentType: string;
-            createdAt: string;
-            updatedAt: string;
-            icon: string;
-            type: string;
-            completed: boolean;
-            sectionId: number;
-            humanTranslation?: undefined;
-            completionTime?: undefined;
-            content?: undefined;
-            image?: undefined;
-            isIntroduction?: undefined;
-            question?: undefined;
-        } | {
-            title: string;
-            slug: string;
-            subsectionId: number;
-            description: string;
-            question: {
-                sys: {
-                    type: string;
-                    linkType: string;
-                    id: string;
-                };
-            };
-            optional: boolean;
-            contentType: string;
-            createdAt: string;
-            updatedAt: string;
-            icon: string;
-            type: string;
-            completed: boolean;
-            sectionId: number;
-            humanTranslation?: undefined;
-            completionTime?: undefined;
-            content?: undefined;
-            image?: undefined;
-            isIntroduction?: undefined;
-            questions?: undefined;
-        })[];
-        let canAccessCourse: boolean;
-        let description: string;
-        let hideTimes: boolean;
-        let isEnrolled: boolean;
-        let sectionId: number;
-        let sectionTime: number;
-        let slug: string;
-        let timeLeft: number;
-        let title: string;
-    }
-    let quizScores: {
-        'check-what-youve-learned-vaw-data-1': number;
-    };
-}

package/courses/course-structure/course-structure.types.d.ts

@@ -1,55 +0,0 @@
-export interface ILessonType {
-    /** The time it takes to complete the article */
-    completionTime: number;
-    /** The article's icon */
-    icon: string;
-    /** Whether the article is optional */
-    optional: boolean;
-    /** The article's type */
-    type: string;
-}
-export interface ICourseStructureArticles extends ILessonType {
-    /** The article's content type */
-    contentType: string;
-    /** Whether the use has completed the article */
-    completed: boolean;
-    /** The article's image */
-    image?: string;
-    /** Whether the article is an introduction, which is visible whether the user is enrolled or not */
-    isIntroduction: boolean;
-    /** The article's slug */
-    slug: string;
-    /** The subsection ID */
-    subsectionId: number;
-    /** The article's title */
-    title: string;
-}
-export interface ICourseStructureCourse {
-    /** Articles in the course */
-    articles: ICourseStructureArticles[];
-    /** Whether the user can access the course */
-    canAccessCourse: boolean;
-    /** Description of the course */
-    description: string;
-    /** Whether to hide the times */
-    hideTimes: boolean;
-    /** Whether the user is enrolled in the course */
-    isEnrolled: boolean;
-    /** The section ID */
-    sectionId: number;
-    /** The time it takes to complete the course */
-    sectionTime: number;
-    /** The course slug */
-    slug: string;
-    /** The time left to complete the course */
-    timeLeft: number;
-    /** The course title */
-    title: string;
-}
-export interface ICourseStructure {
-    /** Details about the course */
-    course: ICourseStructureCourse;
-    quizScores?: {
-        [key: string]: number;
-    };
-}

package/courses/course-structure/index.d.ts

@@ -1 +0,0 @@
-export { default as CourseStructure } from './course-structure';

package/courses/index.d.ts

@@ -1,5 +0,0 @@
-export * from './course-progression';
-export * from './course-structure';
-export * from './lesson-name';
-export * from './lesson-type';
-export * from './mark-complete-button';

package/courses/lesson-name/index.d.ts

@@ -1 +0,0 @@
-export { default as LessonName } from './lesson-name';

package/courses/lesson-name/lesson-name.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-interface Props {
-    /** The element to use for the lesson name */
-    element?: 'h1' | 'span';
-    /** The ID of the lesson section */
-    sectionId: number;
-    /** The ID of the section article */
-    subsectionId: number;
-    /** The title of the lesson */
-    title: string;
-    /** Additional classes */
-    className?: string;
-}
-declare const LessonName: ({ element, sectionId, subsectionId, title, className, }: Props) => React.DetailedReactHTMLElement<{
-    className: string;
-    'data-number': string;
-    children: string;
-}, HTMLElement>;
-export default LessonName;

package/courses/lesson-type/index.d.ts

@@ -1 +0,0 @@
-export { default as LessonType } from './lesson-type';

package/courses/lesson-type/lesson-type.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { ILessonType } from './../course-structure/course-structure.types';
-interface LessonTypeProps extends ILessonType {
-    /** The size of the component */
-    size?: 'default' | 'large';
-    /** Optional children */
-    children?: React.ReactNode;
-}
-declare const LessonType: ({ size, completionTime, icon, optional, type, children, }: LessonTypeProps) => import("react/jsx-runtime").JSX.Element;
-export default LessonType;

package/courses/mark-complete-button/index.d.ts

@@ -1 +0,0 @@
-export { default as MarkCompleteButton } from './mark-complete-button';